body, html {margin: 0; color: #000; font-family: "Trebuchet MS"; font-size: 14px; height: 100%; background: #fff}
#content {min-width: 1220px; width: 100%; height: auto}
#header {width: 100%; background: #bc3b17; height: 20px; line-height: 20px; color: #fff; font-weight: normal; padding: 10px 0; position: fixed; z-index: 100}
.header-left { float: left; padding: 0 20px; font-size: 16px; }
.header-right { float: right; padding: 0 20px; text-align: right; font-size: 14px}
#header a, #header a:visited { color: #fff; text-decoration: none}
#header a:hover { color: #fff; text-decoration: underline}
#contenu { width: 100%}
#page {width: 1220px}
#left { float: left; width: 241px; padding: 10px; position: fixed; overflow: scroll; height: auto; top: 40px; bottom: 0; background: #232629}
#right { float: right; width: 920px; padding: 10px 19px; position: relative; top: 40px; z-index: 0}
h1, h2 { font-size: 22px; line-height: 24px; color: #bc3b17; font-weight: normal; margin: 0 0 10px 0}
h2 { font-size: 18px; line-height: 20px; margin: 10px 0}
h3 { font-size: 16px; line-height: 18px}
.liens { color: #000; text-decoration: none}
.liens a, .liens a:visited { color: #bc3b17; text-decoration: none}
.liens a:hover { color: #000; color: #bc3b17; text-decoration: underline}
hr { height: 1px; padding: 0; color: #bc3b17; background: #bc3b17; border: 0; margin: -8px 0 8px}
.menu { text-transform: uppercase; color: #e19473; border-bottom: 1px solid #e19473; font-size: 14px; font-weight: bold; margin: 6px 0 0; padding-bottom: 4px}
ul.nav { padding: 0; font-family: "Trebuchet MS"; font-size: 14px; line-height: 16px} 
ul.nav li { list-style: none; height: 22px; line-height: 22px}
ul.nav li a { float: left; color: #eee; text-decoration: none}
ul.nav li a:hover { color: #eee; text-decoration: underline}
.logo, .version { margin: 16px auto; color: #eee; line-height: 18px; text-align: center}
.version a, version a:visited { color: #eee; text-decoration: none}
.version a:hover { text-decoration: underline}
ul.contenu-header, ul.contenu-header2, ul.contenu-header3 { list-style-type: none; height: 28px; line-height: 28px; border-bottom: 1px solid #bc3b17; margin: 0; padding: 0; float: left; width: 920px}
ul.contenu-header2 { width: 1010px}
ul.contenu-header3 { width: 1060px}
ul.contenu-header li, ul.contenu-header2 li, ul.contenu-header3 li { list-style-type: none; float: left; font-size: 15px; height: 28px; line-height: 28px; color: #bc3b17; margin: 0; padding: 0; text-transform: uppercase; font-weight: bold}
ul.contenant-bas, ul.contenant-bas2, ul.contenant-bas3 { list-style-type: none; width: 920px; margin: 0; padding: 8px 0 0; float: left; line-height: 28px; border-bottom: 1px solid #ccc}
ul.contenant-bas2 { width: 1010px}
ul.contenant-bas3 { width: 1060px}
ul.contenant-bas li, ul.contenant-bas2 li, ul.contenant-bas3 li { list-style-type: none; float: left; font-size: 15px; height: 24px; line-height: 28px; color: #000; margin: 0; padding: 0 0 12px; border-top: 0}
.color {background: #eee}
.color2 {background: #ddd}
.tit40, .tit60, .tit80, .tit90, .tit90, .tit120, .tit130, .tit200, .tit240, .tit250, .tit260, .tit310, .tit330, .tit350, .tit360, .tit370, .tit400, .tit420, .tit470, .tit520, .tit560, .tit610, .tit650 {margin: 0; padding: 0; border: 0; height: auto}
.tit40 { width: 40px; text-align: center}
.tit50 { width: 50px; text-align: center}
.tit60 { width: 60px; text-align: left}
.tit80 { width: 80px; text-align: center}
.tit90 { width: 90px; text-align: center}
.tit100 { width: 100px; text-align: center}
.tit120 { width: 120px; text-align: center}
.tit130 { width: 130px; text-align: left}
.tit150 { width: 150px; text-align: center}
.tit200 { width: 200px; text-align: left}
.tit220 { width: 220px; text-align: left}
.tit240 { width: 240px; text-align: left}
.tit250 { width: 250px; text-align: left}
.tit260 { width: 260px; text-align: left}
.tit310 { width: 310px; text-align: left}
.tit320 { width: 320px; text-align: left}
.tit330 { width: 330px; text-align: left}
.tit350 { width: 350px; text-align: left}
.tit360 { width: 360px; text-align: left}
.tit370 { width: 370px; text-align: left}
.tit400 { width: 400px; text-align: left}
.tit420 { width: 420px; text-align: left}
.tit440 { width: 440px; text-align: left}
.tit470 { width: 470px; text-align: left}
.tit480 { width: 480px; text-align: left}
.tit520 { width: 520px; text-align: left}
.tit530 { width: 530px; text-align: left}
.tit560 { width: 560px; text-align: left}
.tit610 { width: 610px; text-align: left}
.tit650 { width: 650px; text-align: left}
.tit710 { width: 710px; text-align: left}
.tit730 { width: 730px; text-align: left}
.tit780 { width: 780px; text-align: left}
.nbr, .pic, .pic4, .nbr2 {width: 90px; text-align: center}
.pic {width: 50px}
.pic2 {width: 10px}
.pic3 {width: 80px; text-align: left}
.pic4 {width: 60px}
.pic5 {width: 160px; text-align: center}
.pic6 {width: 60px; text-align: left}
.nbr2 {text-align: right}
.centre {text-align: center}
.left {text-align: left}
.right {text-align: right}
.tit60 a, .tit60 a:visited, .tit90 a, .tit90 a:visited, .tit560 a, .tit560 a:visited, .pic a, .pic a:visited, .pic4 a, .pic4 a:visited, .tit370 a, .tit370 a:visited { color: #bc3b17; text-decoration: none}
.tit60 a:hover, .tit90 a:hover, .tit560 a:hover, .pic a:hover, .pic4 a:hover, .tit370 a:hover { color: #bc3b17; text-decoration: underline}
.bouton, .bouton2, .bouton3, .bouton3:visited, .bouton-alerte, .btn { background: #bc3b17; border: 1px solid #bc3b17; padding: 5px 7px; font-size: 13px; color: #fff; text-align: center; cursor: pointer; border-radius: 3px; text-transform: uppercase}
.bouton2 { height: 28px; line-height: 24px; padding: 2px 8px 4px 8px}
.bouton-alerte { background: #ff9c2e; border: 1px solid #ff9c2e; margin-top: -44px; float: right}
.btn { width: 28px}
.btn2 {width: 28px; background: #fff; border: 1px solid #fff} 
.bouton:hover, .bouton:focus, .bouton2:hover, .bouton2:focus, .bouton3:hover, .bouton3:focus, .bouton-alerte:hover, .bouton-alerte:focus, .btn:hover, .btn:focus { border: 1px solid #e19473; color: #fff; background: #e19473}
a.bouton { text-decoration: none; padding: 7px 9px; font-size: 13px}
a.bouton3 { text-decoration: none; padding: 6px 10px; font-size: 13px; font-family: "Lucida Grande"; margin-top: 10px}
.picto { background: url(../images/picto-sup.png); border: none; width: 30px; height: 30px; cursor: pointer}
#div-footer { position: relative; clear: both; margin-top: -40px; height: 40px; background: #74c1e1; width: 100%}
#footer { margin: 0 auto; padding: 0 20px; line-height: 40px; color: #fff; font-size: 13px; background: #74c1e1; text-align: right}
#footer a, #footer a:visited { color: #fff; text-decoration: none}
#footer a:hover { text-decoration: underline}
#footer .left { float: left}
#footer .right { float: right; text-align: right; padding-top: 11px}
#pager { margin: 0; height: 20px}
#pager ul.np { display: block; font-size: 14px; font-weight: bold; color: #666; text-align: center; list-style-type: none; margin-left: -40px}
#pager ul.np li { float: left; margin-right: 8px; list-style-type: none}
#pager ul.np li.encours { background: #bc3b17; padding: 1px 8px; color: #fff; height: 20px; line-height: 20px; border-radius: 3px}
#pager ul.np li a, #pager ul.np li a:visited { background: #e19473; padding: 1px 8px; color: #fff; height: 20px; line-height: 20px; text-decoration: none; border-radius: 3px; display: block}
#pager ul.np li a:hover { background: #bc3b17; padding: 1px 8px; color: #fff; height: 20px; line-height: 20px; text-decoration: none; border-radius: 3px}
ul#sortable { list-style: none; padding: 0; margin: 0}
ul#sortable li, ul#sortable li.fond { padding: 5px; margin: 5px 1px; width: 600px; height: 24px; line-height: 24px; color: #fff; background: #bc3b17; border-radius: 3px; cursor: move}
ul#sortable li.fond { background: #f0f0f0}
.erreur { position: absolute; top: 2px; left: 280px; display: none; opacity: 0; z-index: 101; width: 600px; height: auto; color: #fff; padding: 8px; background: #ff9c2e; border-radius: 3px}
.ok { position: absolute; top: 2px; left: 280px; display: none; opacity: 0; z-index: 101; width: 600px; height: auto; color: #fff; padding: 8px; background: #009304; border-radius: 3px}
.erreur p, .ok p { display: inline}
#msg {display: none; width: 784px; height: auto; color: #fff; padding: 6px 8px; background: #ff0000; margin: 10px 0; border-radius: 3px}
.piece { width: 148px; height: auto; color: #fff; padding: 8px; background: #009304; border-radius: 3px}
.piece-ko { width: 300px; height: auto; color: #fff; padding: 8px; background: #ff0000; border-radius: 3px}
.result {background: #eee; padding: 16px 16px 10px}
.form-z { width: 920px; min-height: 60px; height: auto}
.form-f { width: 920px; min-height: 40px; height: auto}
.form-l { float: left; width: 440px}
.form-r { float: right; width: 440px}
#maxlength-texte, #maxlength-texte2 {color: #ff0000; font-weight: bold}
label { float: left; width: 200px; padding: 0; line-height: 38px}
input[type=submit] {-webkit-appearance: none}
input[type=text], textarea, textarea2 {-webkit-appearance: none}
input[type="text"]:disabled {background: #ddd}
.input, .input1, .input2, .input3, .input4, .input5, .input5-ko, .input6, .input7, .textarea, .select, .select2, .date, .idee, .input-dim, .input-cha {
	border: 1px #acacac solid; font-size: 14px; line-height: 16px; color: #000; text-decoration: none; background: #fff; border-radius: 3px; padding: 6px 5px; margin-top: 4px; width: 428px; font-family: "Trebuchet MS"
}
.select { width: 440px; padding: 4px 5px}
.select2 { width: 174px; padding: 4px 5px}
.textarea { width: 790px}
.date { width: auto}
.input1 { width: 288px}
.input2 { width: 50px}
.input3 { padding: 6px 5px 6px 28px; width: 355px}
.input4 { width: 110px; text-align: right}
.input5 { width: 80px}
.input5-ko { width: 80px; background: #ff0000; color: #fff}
.input6 { width: 200px}
.input7 { width: 388px}
.idee {border: none; padding: 6px 0; color: #029a1b; font-weight: bold}
.input-dim { width: 100px}
.input-cha { width: 200px}
.filet {border: 1px solid #fff}
.requis, .info { font-size: 11px; color: #666; line-height: 14px}
#email { background: url(images/login-sprite.png) no-repeat; background-position: 5px -11px !important}
#secret { background: url(images/login-sprite.png) no-repeat; background-position: 5px -61px !important}
.drap { margin: 2px 0 0 10px; position: absolute; z-index: 0}
.p-fond, .p-ent { clear: both; color: #000; padding: 8px 0; height: 20px; background: #dadada; width: 920px; border-radius: 3px; margin: 8px 0}
.p-ent { background: #e19473; color: #fff}
label.tarifs, label.montants { float: left; width: 520px; padding: 0 6px; text-align: left; margin-top: -8px}
label.montants { width: 120px; text-align: center}
p { line-height: inherit}
a, a:active, img, img:active, input img, input img:hover { border: none; outline: none}
a img:link {border:none; background: transparent} 
a img:visited {border:none; background: transparent} 
a img:hover {border:none; background: transparent !important} 
a img:hover {border:none; background: transparent} 
a:link img {border: none; background: transparent} 
a:visited img {border:none; background: transparent} 
a:hover img {border:none; background: transparent !important} 
a:hover img {border:none; background: transparent}
.strength_meter{text-align: left; height: 31px; width: 380px}
.button_strength {text-decoration: none; font-size: 15px}
.strength_meter div{width: 0%; height: 31px; color: #3a3a39; line-height: 31px; -webkit-transition: all .3s ease-in-out}
.strength_meter div p{position: absolute; color: #3a3a39; font-size: 15px}
.veryweak{	border-bottom: 6px solid #e73303; width:40%!important}
.weak{border-bottom: 6px solid #e79903; width:60%!important}
.medium{border-bottom: 6px solid #e7b903; width:80%!important}
.strong{border-bottom: 6px solid #029a1b; width:100%!important}
#message { text-align: right; margin-top: 5px}
#top {position: fixed; bottom: 20px; right: 20px; cursor: pointer; display:none}
#top span {width: 100px; height: 30px; padding: 6px 10px; color: #fff; background: #bc3b17; border-radius: 3px; font-size: 14px; border: none; outline: none}
#top span:hover {background: #e19473; color: #fff; cursor: pointer;  text-decoration: none}
.solde { margin-right: 140px}
/* Resultat */
ul.resultat { width: 500px; list-style: none; margin: 0; padding: 0}
ul.resultat li { float: left; width: 90px; height: 26px; padding-right: 10px}
.gras { font-weight: bold}
/* Jquery */
.jqifade {position: absolute; background: #777}
div.jqi {width: 460px; font-family: Arial, Helvetica, sans-serif; position: absolute; background: #fff; font-size: 16px; text-align: left; border: solid 1px #eee; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; padding: 10px}
div.jqi .jqicontainer {}
div.jqi .jqiclose {position: absolute; top: 4px; right: -2px; 	width: 18px; cursor: default; color: #bbb; font-weight: bold}
div.jqi .jqistate {background: #fff}
div.jqi .jqititle {padding: 5px 10px; font-size: 16px; line-height: 20px; border-bottom: solid 1px #eee}
div.jqi .jqimessage {padding: 10px; line-height: 20px; color: #444}
div.jqi .jqibuttons {text-align: right;	margin: 0 -7px -7px; padding: 5px 6px; background: #fff}
div.jqi .jqibuttons button {margin: 0 0 0 10px; padding: 5px 6px; background: #bc3b17; border: none; color: #fff; font-weight: bold; font-size: 13px}
div.jqi .jqibuttons button.jqidefaultbutton {color: #fff}
div.jqi .jqibuttons button:hover, div.jqi .jqibuttons button:focus {color: #fff; outline: none}
.jqiwarning .jqi .jqibuttons {background: #fff}
div.jqi .jqiparentstate::after {background: #777; opacity: 0.6; filter: alpha(opacity=60); content: ''; position: absolute; top:0; left:0; bottom:0; right:0; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px}
div.jqi .jqisubstate {position: absolute; top:0; left: 20%; width: 60%; padding: 7px; border: solid 1px #eee; border-top: none; -moz-border-radius: 0 0 6px 6px; -webkit-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px}
div.jqi .jqisubstate .jqibuttons button {padding: 10px 18px}
.jqi .jqiarrow {position: absolute; height: 0; width:0; line-height: 0; font-size: 0; border: solid 10px transparent}
.jqi .jqiarrowtl {left: 10px; top: -20px; border-bottom-color: #fff}
.jqi .jqiarrowtc {left: 50%; top: -20px; border-bottom-color: #fff; margin-left: -10px}
.jqi .jqiarrowtr {right: 10px; top: -20px; border-bottom-color: #fff}
.jqi .jqiarrowbl {left: 10px; bottom: -20px; border-top-color: #fff}
.jqi .jqiarrowbc {left: 50%; bottom: -20px; border-top-color: #fff; margin-left: -10px}
.jqi .jqiarrowbr {right: 10px; bottom: -20px; border-top-color: #fff}
.jqi .jqiarrowlt {left: -20px; top: 10px; border-right-color: #fff}
.jqi .jqiarrowlm {left: -20px; top: 50%; border-right-color: #fff; margin-top: -10px}
.jqi .jqiarrowlb {left: -20px; bottom: 10px; border-right-color: #fff}
.jqi .jqiarrowrt {right: -20px; top: 10px; border-left-color: #fff}
.jqi .jqiarrowrm {right: -20px; top: 50%; border-left-color: #fff; margin-top: -10px}
.jqi .jqiarrowrb {right: -20px; bottom: 10px; border-left-color: #fff}
/* Retour */
#haut {position: fixed; bottom: 50px; right: 20px; cursor: pointer; display:none}
#haut span {width: 100px; height: 30px; padding: 6px 10px; color: #fff; border: 1px solid #bc3b17; background: #bc3b17; border-radius: 3px; font-size: 14px; outline: none}
#haut span:hover {background: #e19473; color: #fff; cursor: pointer; border: 1px solid #e19473; text-decoration: none}
@media only screen and (max-width: 980px) {
	#content {width: 100%; height: auto}
	#header {width: 100%; background: #bc3b17; min-height: 40px; height: auto; line-height: 20px; color: #fff; font-weight: normal; padding: 10px 0; position: relative}
	.header-left { float: none; padding: 0 20px; font-size: 16px}
	.header-right { float: none; padding: 0 20px; text-align: left; font-size: 14px}
	#left { float: left; width: 241px; padding: 10px; height: auto; top: 0; bottom: 4px; position: relative}
	#right { float: right; width: 920px; padding: 10px 19px; top: 0; z-index: 0; position: relative}
}
.redactor_toolbar li a.re-wordcount {background: url(../images/picto-count.png) no-repeat center}
.redactor_toolbar li a.re-wordcount:hover {background: #1f78d8 url(../images/picto-count-hover.png) no-repeat center; outline: none}
#redactor_modal_content {padding: 20px 30px}