html, body { height: 100%;}
abbr, acronym { border-bottom:1px dotted #EFEFEF; cursor:help; }
img { border:0; }
form { margin:0; padding:0; border:none; }
h1,h2,h3,h4 { margin:0; padding:0;}
h2{color:#e2002a;font-size:190%; font-weight:normal;margin:10px 0;}
h3{color:#433b30; font-size:135%;}
h4{color:#5e5343;font-size:100%;}
a, a:link,a:visited,a:hover,a:active{color:#38383f;text-decoration:none;}
a:hover{text-decoration:underline;}
.uneZone h2{color:#ff5f00;font-size:150%;}
.uneZone h3{font-size:125%;margin-bottom:10px;}
.uneZone h4,.titre-separateur, #actionParticipe h4{border-bottom:solid 1px #d9cab4;margin:9px 0 3px 0; color:#FF5F00;font-weight:normal;}
/*_______________________________________________________________________________________________
---------------------------------------------------------------------standard--------------------------------------------------------------
_______________________________________________________________________________________________*/
div.clear { clear:both; display: block; height: 1px; overflow: hidden; margin: 0; padding:0;}
.displayNone{display:none;}
.fd-gris{border:solid 1px #dad6cd; background:#f1efeb;padding:7px;}
.img-a-gauche{margin:0 22px 10px 0;}
.accroche{font-size:117%;}
.txt-rouge{color:#ff0006;}
.txt13px{font-size:110%;}
.encadrement-orange {border:solid 1px #FF7D04; padding:10px;text-align:center;}
.msg-confirmation {border:solid 1px #FF7D04; padding:10px;text-align:center; font-weight:bold;}
a.bt-modifier{float:right;}
/*--bt-orange---*/
.fd-bt{float:right;position:relative;background:url(../images/charte/bk-bt.gif) repeat-x; margin-top:5px; }
.fd-bt .fd-bt-coinG{float:left;background:url(../images/charte/bk-bt-coinG.gif) no-repeat; }
.fd-bt a,.fd-bt a:link,.fd-bt a:visited,.fd-bt a:hover,.fd-bt a:active{float:left;padding:3px 6px 6px 16px; height:12px; background:url(../images/charte/bk-bt-coinDr.gif) no-repeat right top; color:#fff; }
.marginBottom0{margin-bottom:0;}
.floatLeft{float:left;}
/*_______________________________________________________________________________________________
---------------------------------------------------------------------structure--------------------------------------------------------------
_______________________________________________________________________________________________*/
body {margin:0; padding:0; width:100%; text-align:center;
font-family: arial, verdana, helvetica, sans-serif;
font-size:0.75em; color:#2c2828;
background:url(../images/charte/bk-body.gif) repeat-x top left #f1efeb;
}
#container{width:992px; margin:0 auto; text-align:left;}
#header{height:165px; background:url(../images/charte/bandeau.jpg) no-repeat;}
#contenu{background:#fff; border:solid #d9cab4; border-width:0 1px; padding:12px 33px 22px 33px;float:left;width:926px;}
#bande-marron{display:block; height:16px; padding:8px 32px 4px 32px; }
#bottom{background:url(../images/charte/bk-bottom.gif) repeat-x 0 0px; text-align:center; border-top:solid 3px #fff; height:67px;}
#centre {float:left;width:706px;}
#droite {float:right;width:199px;}
/*_______________________________________________________________________________________________
---------------------------------------------------------------------contenu-----------------------------------------------------------------
_______________________________________________________________________________________________*/
#header h1{display:none;}
/*________________________________ds le header________________________________*/
#logo img{margin:17px 0 0 183px;}
#bande-marron a.fil-info-actu{background:url(../images/charte/picto_fil_actu.gif) no-repeat; padding:0 0 0 30px; margin:2px 0 0 137px;font-family:verdana, arial,helvetica, sans-serif;font-weight:bold;font-size:92%;}
/*--------------------menu-haut----------------------*/
#menu {background:url(../images/charte/bk-menu-coin-g.gif) no-repeat;width:839px; margin:42px 0 0 152px;}
#menu-coinDr {background:url(../images/charte/bk-menu-coin-dr.gif) no-repeat right top #fff; margin-left:3px;padding:3px 0px 0 0; height:30px;}
#menu ul,#menu li{margin:0; padding:0;}
#menu ul{list-style:none;}
#menu li{float:left; margin-right:3px;}
#menu ul li a{display:block;}
#menu li a img{height:30px;width:114px;}
/*--menu-principal--*/
#menu-principal{float:left;}
#menu-principal ul li a.bt1{background:url(../images/charte/bt-menu-accueil.gif) no-repeat;}
#menu-principal ul li:hover a.bt1, #menu-principal ul li.sfhover a.bt1, #menu-principal ul li a.selected-bt1{background:url(../images/charte/bt-menu-accueil-on.gif) no-repeat;}
#menu-principal ul li a.bt2{background:url(../images/charte/bt-menu-flash-info.gif) no-repeat;}
#menu-principal ul li:hover a.bt2, #menu-principal ul li.sfhover a.bt2, #menu-principal ul li a.selected-bt2{background:url(../images/charte/bt-menu-flash-info-on.gif) no-repeat;}
/*--boutons général--*/
#boutons-general{float:right;}
#boutons-general ul li a.bt1{background:url(../images/charte/bt-menu-mon-compte.gif) no-repeat;}
#boutons-general ul li:hover a.bt1, #boutons-general ul li.sfhover a.bt1, #boutons-general ul li a.selected-bt1{background:url(../images/charte/bt-menu-mon-compte-on.gif) no-repeat;}
#boutons-general ul li a.bt2 img{width:112px;}
#boutons-general ul li a.bt2{background:url(../images/charte/bt-menu-deconnexion.gif) no-repeat;}
#boutons-general ul li:hover a.bt2, #boutons-general ul li.sfhover a.bt2, #boutons-general ul li a.selected-bt2{background:url(../images/charte/bt-menu-deconnexion-on.gif) no-repeat;}
/*________________________________ds le contenu ms standard________________________________-*/
/*--------------------chemin----------------------*/
#chemin {position:relative;margin-bottom:19px; background:url(../images/charte/bk-chemin.gif) repeat-x left bottom #f1efeb; padding:6px 12px; font-family:verdana, arial,helvetica, sans-serif; font-size:92%; }
#chemin ul{list-style-type:none;}
#chemin ul, #chemin li{margin:0; padding:0;}
#chemin li{display:inline;}
/*--------------------news et bloc dr----------------------*/
#droite a.bloc-dr{display:block;margin-bottom:10px;}
#news{margin:0 1px 10px 1px; padding:5px 5px 2px 5px; width:186px;border:solid 1px #dad6cd;}
#fd-news{background:url(../images/charte/bk-news.gif) repeat-x #fff 0 15px;}
#fd-ident{background:url(../images/charte/bk-ident.gif) repeat-x #fff 0 15px;}
#news h2{margin:0 0px 7px 0px;}
#news form{margin:0px 10px 0 10px;}
#news label{margin:0px 7px 0 0px;font-weight:bold; vertical-align:top; display:none;}
#news input.chp-txt{border:solid 1px #fbc894; font-size:92%;margin:0 5px 5px 3px; width:90%; padding-left:5px;}
#news input.img-newsletter{ margin:8px 0 0 0px;float:right;}
#news input.img-login{ margin:8px 0 0 0px; float:right; }
#news .passwordPerdu{ width:130px; float:left; margin:0px 0 0 0px; padding:0px}
#news a{float:left; font-size:94%; text-decoration:underline; margin-top:2px;}
/*________________________________ds le bottom________________________________*/
#contenu-bottom{width:926px; padding:0 33px 0;margin:0 auto;color:#333132;font-size:88%;text-align:left;display:table; }
#contenu-bottom a,#contenu-bottom a:link,#contenu-bottom a:visited,#contenu-bottom a:hover,#contenu-bottom a:active{color:#333132; text-decoration:none;}
#contenu-bottom a:hover{text-decoration:underline;}
div#coordo {margin: 10px 0 0 0;height:24px;}
div#bottom-menu ul { margin:0; padding:0; list-style-type:none;}
div#bottom-menu li {float:left; margin:4px 4px 0 0; }
div#bottom-menu li a { display:block; background:url(../images/charte/bk-fond-bottom-menu.gif) repeat-x top left;padding:4px 3px 4px 5px; border:1px solid #dad6cd;}
#ecedi{float:right;margin-top:8px}
/*________________________________ds le contenu mais spécifique à chq page________________________________-*/
/*--------------------formulaire-ville----------------------*/
#form-ville {text-align:center;}
#form-ville .fd-gris{padding:20px 0;}
#form-ville input.bt{float:left; margin-top:40px;}
/*--------------------opération en cours - Actions----------------------*/
#bloc-opEnCours{float:left; width:322px;}
#bloc-action{float:right; width:322px;}
.titre-fd{background:url(../images/charte/bk-titre.gif) repeat-x; float:left; margin-bottom:4px;}
.titre-fd .titre-coinG{background:url(../images/charte/bk-titre-g.gif) no-repeat;}
.titre-fd h3{background:url(../images/charte/bk-titre-dr.gif) no-repeat right top;padding:6px 15px 6px 15px; font-weight:normal;}
.operationAction { min-height:102px;}
.operationAction ul {list-style-type:none; }
.operationAction ul, .operationAction li {margin:0; padding:0;}
.operationAction li {border-bottom:solid 1px #dad6cd; padding:3px 0 0px 10px; margin:0px; min-height:18px;}
.operationAction li span.texte {float:left;width:227px;}
html>body .operationAction li span.texte {width:230px;}
.fleche-intermediaire{float:left;margin:18px 0 0 4px; }
.operationAction li .actionsEnCours { margin:0px 0px 10px 10px; padding:0px; }
/*-------------------- Page Actions 2ème semestre----------------------*/
.msgAlert{font-size:84%; font-family:verdana, arial,helvetica, sans-serif; padding:13px 29px;}
/*---bt-llien-télécharger---*/
.fd-bt .fd-coinG-bt-telecharger{float:left;background:url(../images/charte/bk-bt-telecharger-coinG.gif) no-repeat; }
.fd-bt .fd-coinG-bt-telecharger a{display:block;padding:3px 6px 6px 42px;display:block;-margin-left:13px;/*pr ie6)*/}
/*---tableau calendrier---*/
table.calendrier { margin:20px 0px 0px 0px; padding:0px 0px 0px 0px; text-align:center;}
table.calendrier p {background:url(../images/charte/bk_tab_horaire.gif) no-repeat; width:33px; height:27px; margin:0; padding:0; padding-top:5px;font-size:75%;}
table.calendrier .fd-orange{background:#ff8104; font-weight:bold; color:#fff;}
table.calendrier .date{width:107px;height:30px; background:#92887d; color:#fff; font-family:verdana, arial,helvetica, sans-serif;text-align:left; padding:5px;font-size:92%;}
table.calendrier tr.ligneGris{background:#f1efeb;}
table.calendrier tr.ligneMarron{background:#daccb7;}
#plateaux {margin:0px 0px 80px 0px; padding:0; }
#plateaux .bt{margin:20px 0px 0px 0px; padding:0px 0px 0px 0px; float:right;}
#form-calendrier .bt{/*margin-top:5px;*/position:relative; float:right;}
/*-------------------- Page onglet----------------------*/
/*---menu-onglet---*/
ul#menu-onglet{display:inline-block;overflow:auto;margin:0 0 0 0px; padding:0;}
ul#menu-onglet li{list-style-type:none;font-size:109%;float:left;margin:0; padding:0; text-align:center;}
#menu-onglet li a{float:left;width:156px;padding:6px 6px 6px 8px; border:solid #dad6cd; border-width:1px 0px 0 1px; background:url(../images/charte/bk-onglet-off.gif) repeat-x;}
#menu-onglet li a:hover,#menu-onglet li a.selectionne{padding:6px 6px 6px 8px; text-decoration:none; color:#fff;background:url(../images/charte/bk-onglet-on.gif) repeat-x; border:solid #f4881e; border-width:1px 0px 0 1px; }
#menu-onglet li a.dernier{ border-width:1px 1px 0 1px; }
#menu-onglet li a.dernier:hover,#menu-onglet li a.dernier .selectionne{border-width:1px 1px 0 1px;}
#contenu-page-onglet{font-size:110%;border-bottom:solid 1px #dad6cd; border-top:solid 4px #ff6600; background:url(../images/charte/bk-onglet-contenu) repeat-y #f1efeb;margin:0; padding:20px 20px;}
#contenu-page-onglet p{margin:0 0 11px 0; padding:0;}
#contenu-page-onglet .bordure-bas-h2 h2{ position:relative; float:left;background:url(../images/charte/bk-titre.gif) repeat-x; color:#595959; font-size:107%; padding:8px 15px 4px 15px; border:solid #dad6cd; border-width:0 1px;margin:0;}
#contenu-page-onglet .bordure-bas-h2{ border-bottom:solid 1px #dad6cd; margin:0 0 10px 0;height:1%;overflow:auto;}
/*---formulaire (il sert également pour d'autre formulaire)---*/
form#competence {font-size:84%;position:relative;}
#contenu-page-onglet form#competence .bordure-bas-h2 h2{font-size:127%;}
form#competence .erreur {color:#FF1900;}
form#competence .colG {float:left; width:334px;}
form#competence .colDr{float:right; width:322px;}
form#competence .width326px{width:326px;}
form#competence div.texte { margin:0 0 2px 0;}
form#competence div.textinfo { float:left; width:33%; padding:2px 10px 0 0;}
form#competence div.vehicule div.textinfo{ width:12%; margin-right:10px; text-align:right;}
form#competence div.mp div.textinfo { width:25%;}
form#competence ul {padding:0; margin:0}
form#competence li {display:inline; list-style:none; padding:0px; margin:0 10px 0 0;}
form#competence ul.radio li {float:left; margin:0 6px 0 0;}
form#competence li.checkbox,form#competence li.checkbox-dispo {display:block; padding:0; margin:0 10px 2px 0;}
form#competence li.marginTop52px{margin-top:52px;}
form#competence .vehicule li{float:left;margin-left:20px;}
form#competence label { margin:0; padding:0; font-family : arial, helvetica, verdana, sans-serif; font-weight:normal; cursor:pointer; }
form#competence input { margin:0; padding:0 2px; font-family: arial, verdana, helvetica, sans-serif; }
form#competence select { margin:0; padding:0; font-family: arial, verdana, helvetica, sans-serif;}
form#competence textarea { margin:0; padding:0; font-family: arial, verdana, helvetica, sans-serif; width:99%;}
form#competence label.radio {margin-right:2px; font-weight:bold;}
form#competence .vehicule label.radio {margin-right:10px; font-weight:bold;}
form#competence label.checkbox {margin-left:10px; font-weight:bold;}
form#competence li.checkbox label {margin-left:5px;}
form#competence .checkbox input { margin:0 0 3px 0;}
form#competence input.texte {width:197px;}
form#competence input.textecourt { width:35%; }
form#competence input.texteCP{ width:16%; margin-right:17px;}
form#competence .souligne{border-bottom:1px solid #D9CAB4; margin:2px 0 10px 0 }
form#competence .mp{margin: 0 0 30px 40px;}
form#competence .bt{margin-top:5px;position:relative;float:right;top:16px;right:-22px;}
/*---Action participé---*/
ul#actionParticipe {margin:0px 16px; padding:0;position:relative;}
#actionParticipe li{background:url(../images/charte/puce-liste-action-participe.gif) no-repeat 0 10px;margin:0 0 40px 0; padding:0 0 0 15px;list-style-type:none;}
#actionParticipe span.date{font-size:92%; border:solid #999794; border-width:0 2px; padding:0 3px; margin-right:4px;}
#actionParticipe h3{font-size:137%;display:inline;color:#ff5f00; font-weight:normal;}
#actionParticipe h4{font-size:92%; /*border-bottom:solid 1px #f4b996; margin:12px 0 3px 0;color:#ff5f00;font-weight:normal;*/}
/*-------------------- Flash info----------------------*/
.bordureG {border-left:solid 2px #ff5f00;padding-left:16px;}
.bordureG h2 {color:#ff5f00;font-size:167%;}
ul#liste-flash-info{margin:0; padding:0;}
ul#liste-flash-info li{margin:20px 0 10px 0; padding:0;list-style-type:none;}
ul#liste-flash-info li h3.titre-separateur{color:#ff5f00; font-size:125%;margin:3px 0}
/*---pagination---*/
div#pagination{text-align:center;}
div#pagination ul { margin:0px; padding:0; }
div#pagination ul li { margin:0px; padding:0px; text-align:center; display:inline; list-style-type:none; color:#5e5a58;}
div#pagination ul li a,div#pagination ul li a:link,div#pagination ul li a:visited,div#pagination ul li a:hover,div#pagination ul li a:active { margin:2px; padding:0px; color:#5e5a58;}
div#pagination ul .chiffre, div#pagination ul .chiffre a { vertical-align:top; }
/*-------------------- inscription newsletter----------------------*/
.fd-gris form{padding:5px 20px 10px 20px;}
.fd-gris form#competence div.textinfo{width:18%;}
.fd-gris form#competence input.img-newsletter{margin-left:60px;}
.texteactu {border:1px solid #00f;}