@import url(common.css);




/* --[ Global ]-- */
* {margin:0px; padding:0px}




html {
  font:11px Arial, helvetica, sans-serif;background:#efefef;
}
body{background:#efefef}


.blanc {color:#fff !important}
.bleu {color:#0d58a0 !important}
.vert {color:#4E8F66 !important}
.gris {color:#424242 !important}
.grisFonce{color:#636363}
.clair{color:#aeaeae !important}




img {border:none}
p {text-align:justify}
a {text-decoration:none}




h1 {font-size:15px}
h2 {font-size:14px}
h3 {font-size:13px}
h4 {font-size:12px}
h5 {font-size:10px}




.liste {background-color:#e5eeff; border:1px #ccdeff solid; padding:10px 10px 0px 10px}
.liste li {margin:0px 0px 10px 15px}


.widthTh1{width:70px}
.widthTh2{width:120px}
.widthTh3{width:376px}




/**********************************************************************************************
 *************************** SQUELETTE *************************
 **********************************************************************************************/








 /*accueil*/
#page{background:#efefef url(../img/squelette/bg_html.gif) top center no-repeat;text-align:center}
#content{background:url(../img/squelette/bg_top.gif) no-repeat top center;}




 /*pages*/
#page2{background:#efefef url(../img/squelette/bg_html2.gif) top center no-repeat;text-align:center}
#content2{height:234px;background:url(../img/squelette/bg_top2.gif) no-repeat top center;}
#contenu{background:url(../img/squelette/bg_content.gif) repeat-y top center;}
#inContenu{height:84px;margin-top:-50px;background:url(../img/squelette/fin_contenu.gif) no-repeat bottom}




#a_gauche{position:relative;z-index:10;float:left;width:219px;margin-left:10px}
#a_droite{position:relative;z-index:10;float:left;width:727px;margin-left:5px;background:#fff url(../img/contenu/top_droite.gif) no-repeat top center}
#conteDrt{padding:15px;background:url(../img/contenu/bottom_droite.gif) no-repeat bottom center;padding-bottom:15px}








.conteneur {
  width:960px;
  text-align:left;
  margin:0px auto 0px auto;
}




.conteneur2 {
  width:971px;
  text-align:left;
  margin:0px auto 0px auto;
}




a#printPage{margin:12px 15px 0 0;float:right}




/**********************************************************************************************
 *************************** ACCUEIL *************************
 **********************************************************************************************/




#gauche{text-align:center;width:255px;float:left;}
#gauche h1{margin-top:42px}
#content2 h1{float:left;margin:40px 0 0 30px}




#encartAc{background:#96AFC9;color:#fff;padding:10px}
#encartAc p{text-align:left;}
#encartAc .blo{margin-left:15px;width:170px}
#encartAc .blo2{margin-left:30px;margin-top:10px;width:420px}
#encartAc .blo2 ul{margin:15px 10px}
#encartAc .blo2 ul li{font-size:14px;background:url(../img/global/puce_b.gif) no-repeat 0 2px;padding-left:21px;color:#ebf2f8;margin-left:15px;margin-top:3px;list-style:none}




#gauche #dossiers{margin-top:20px;background:#c6c6c6 url(../img/accueil/top_info.gif) no-repeat top center;padding-top:60px;text-align:center;}




a.dossier{margin:0 auto 3px;text-align:left;display:block;color:#fff}
a.dossier span.overflowBouton{display:block;overflow:hidden;height:64px;text-align:left;height:50px}




a.lettreUn,a.lettre,a.cahier,a.cahierUn,a.autre,a.autreUn{zoom:1;padding:7px 6px 3px 55px;width:150px;height:64px;background:url(../img/accueil/bg_first_lettre.gif) no-repeat 0 0}
a.lettreUn:hover,a.lettre:hover,a.cahier:hover,a.cahierUn:hover,a.autre:hover,a.autreUn:hover{background-position:0 -74px}
#gauche #dossiers span.titre,#a_gauche span.titre{font-family:"Verdana", "Arial", sans serif; font-size:10px;font-weight:bold;display:block;}
a.lettre{background:url(../img/accueil/bg_lettre.gif) no-repeat 0 0}
a.cahier{background:url(../img/accueil/bg_cahier.gif) no-repeat 0 0}
a.cahierUn{background:url(../img/accueil/bg_first_cahier.gif) no-repeat 0 0}
a.autre{background:url(../img/accueil/bg_autre.gif) no-repeat 0 0}
a.autreUn{background:url(../img/accueil/bg_first_autre.gif) no-repeat 0 0}








#recherche{margin:5px auto 0;padding:1px 1px 10px 1px;background:#0d58a0 url(../img/accueil/bottom_recherche.gif) bottom center no-repeat;color:#fff;width:211px;}
#recherche h3{background:#fff;color:#0d58a0;margin:1px;font-size:11px;font-family:"Verdana","Arial",sans serif;font-weight:normal;padding:3px}
#recherche p{text-align:left;}
#recherche form label{margin:5px 0 2px 7px;display:block}
#recherche form select{width:200px;margin-left:5px;color:#0d58a0;font-size:11px;font-family:"Arial"}
#recherche input.send{margin:auto;display:block;border:none;padding:2px;margin-top:10px;background:#fff;color:#0d58a0;font-size:10px}




#droite{width:683px;float:right;}
#droite #bigHead{width:683px;height:161px;}




#droite ul#menu{margin:15px 0 20px 0}
#droite ul#menu span.separateur{margin:0 1px !important}
#droite ul#menu li{color:#0D58A0;display:inline}
#droite ul#menu li a{font-size:12px;padding:3px 2px;background:transparent;color:#0D58A0;font-weight:bold;text-decoration:none}
#droite ul#menu li a:hover{background:#55996e;color:#fff;text-decoration:none}
#droite div.sepBleu{margin:2px 0 4px 0;height:6px;background:#0d58a0;}
#droite div.sepBleu2{margin:2px 0 4px 0;padding:5px;background:#0d58a0;}
#droite a.presta{margin-bottom:6px;color:#5a7085;padding:8px 27px 10px;display:block;width:284px;background:url(../img/accueil/bg_presta.gif) no-repeat 0 0}
#droite a.presta span.titre{margin-bottom:5px;text-transform:uppercase;display:block;color:#fff;font-weight:bold;font-family:"Verdana", "Arial", sans serif;font-size:14px}
#droite a.presta:hover{color:#fff;background-position:0 -121px}




#droite a.consult{text-align:center;color:#fff;font-family:"Verdana","Arial",sans serif;font-size:13px;font-weight:normal;background:url(../img/accueil/bg_consult.gif) no-repeat 0 0;height:21px;display:block;padding-top:5px;margin-bottom:10px;}




#droite a.consult:hover{background-position:0 -26px}




#droite a.pucev{margin-right:10px;color:#74aa88;text-decoration:none;background:url(../img/global/pucev.gif) no-repeat 0 5px;padding-left:15px;}
#droite a.pucev:hover{text-decoration:underline;}




#droite h2{margin-left:10px;color:#0d58a0;font-size:12px;font-family:"Verdana","Arial", sans serif;}




/*emploi*/
div#emploi{padding:5px;width:683px;height:59px;background:url(../img/accueil/bg_emp.gif) no-repeat}
#droite a.emploi{padding:6px 3px 0;float:left;display:block;width:330px;height:18px;font-family:"Arial",sans serif;color:#fff;font-size:10px;background:url(../img/accueil/bg_emploi.gif) no-repeat}
#droite a.un{background-position:0 0;margin:0 1px 1px 0}
#droite a.un:hover{background-position:0 -49px}
#droite a.deux{background-position:-337px 0;margin:0 0 1px 0}
#droite a.deux:hover{background-position:-337px -49px}


#droite a.trois{background-position:0 -25px;margin:0 1px 0 0}
#droite a.trois:hover{background-position:0 -74px}
#droite a.quatre{background-position:-337px -25px}
#droite a.quatre:hover{background-position:-337px -74px}




/* contenu */
#content2 p.headline{float:left;color:#fff;margin:7px 0 0 10px;font-size:10px}
#content2 ul.raccourcis{margin:7px;font-size:10px}
#content2 ul.raccourcis li{display:inline;list-style:none;margin-right:7px}
#content2 ul.raccourcis li a{color:#fff;padding-left:20px;text-decoration:none}
#content2 ul.raccourcis li a:hover{text-decoration:underline}
#content2 ul.raccourcis li a.home{background:url(../img/contenu/pic_home.gif) no-repeat 0 0px;}
#content2 ul.raccourcis li a.contact{background:url(../img/contenu/pic_contact.gif) no-repeat 0 -1px;}
#content2 ul.raccourcis li a.fav{background:url(../img/contenu/pic_fav.gif) no-repeat 0 -1px;}
#content2 div#headr{position:relative}
#content2 a.header{display:block;position:relative;float:left;margin:33px 0 0 118px}
#legende{position:absolute;top:40px;right:25px;width:200px;color:#fff;text-align:justify}
#legende b{font-family:"Verdana","Arial",sans serif;font-size:11px}




ul#menuPages{margin:14px 0 0 16px}
ul#menuPages li{list-style:none;display:inline;color:#fff}
ul#menuPages li a{font-size:12px;color:#fff;background:transparent;padding:2px 1px;font-family:"verdana","arial",sans serif;}
ul#menuPages li a:hover,ul#menuPages li a.actif{background:#fff !important;color:#0d58a0 !important}




#a_gauche h2{float:left;margin:5px 0 5px 15px;color:#4c9165;font-family:"Verdana","Arial",sans serif;}




/*** menu ***/
#a_gauche ul{clear:both;width:218px;margin:0 0 0 0}
#a_gauche ul li{list-style:none;margin-bottom:3px;}
#a_gauche ul li a{font-weight:bold;zoom:1;color:#757575;padding:5px 5px 5px 10px;display:block;background:url(../img/contenu/bg_onglet.gif) 0px bottom}
#a_gauche ul li a:hover,#a_gauche ul li a.actif{zoom:1;color:#fff;background:url(../img/contenu/bg_onglet.gif) -218px bottom}




#a_gauche ul li ul.sub{padding:3px 0;margin-top:-5px;background:#70bb8b;}
#a_gauche ul li ul.sub li a{margin:3px 5px;zoom:1;background:#fff;color:#70bb8b;padding:3px;display:block;}
#a_gauche ul li ul.sub li a:hover,#a_gauche ul li ul.sub li a.actif{zoom:1;background:#0d58a0;color:#fff}
img.titepuce{position:relative;top:-3px;margin-right:5px}






#a_gauche #espaceInfos{padding-top:40px;width:219px;text-align:center;background:#b5b5b5 url(../img/contenu/bg_infos.gif) top center no-repeat;margin:15px 0 0 0;}
#a_gauche #contentEspace{height:9px;margin-top:-5px;background:url(../img/contenu/bottom_infos.gif) bottom center no-repeat}
#a_gauche .ttes{color:#3c3c3c;text-decoration:none}
#a_gauche .ttes:hover{color:#3c3c3c;text-decoration:underline}




#a_droite h3{color:#0d58a0;font-size:14px;font-family:"Verdana","Arial",sans serif;font-weight:normal;margin:0 0 5px 0}
#a_droite p{color:#636363;margin-top:5px;font-size:13px !important;}
#a_droite p a{color:#0d58a0;text-decoration:none}
#a_droite p a:hover{text-decoration:underline}




#a_droite .highlighte{position:relative;z-index:10;background:#f0f0f0;padding:10px;}
#a_droite div.edito p{color:#fff;}
#a_gauche p.coord{margin-top:-3px;text-align:center;color:#7a7a7a;background:#d7d7d7 url(../img/contenu/bottom_coord.gif) no-repeat bottom center;padding:10px;}




/* publications */
#a_droite div.auteurs{margin-bottom:5px;background:#dfdfdf;color:#5f5f5f;padding:6px;font-size:13px;font-family:"Verdana","Arial",sans serif}
#a_droite div.edito{text-align:justify;float:left;width:500px;background:#70bb8b;color:#fff;padding:6px;font-size:11px;font-family:"Arial",sans serif}
#a_droite div.dl{width:176px;height:81px;float:right;color:#fff;background:url(../img/contenu/dl.gif) no-repeat;}

#a_droite div.dl a{display:block;margin:25px 0 0 65px;font-weight:bold;font-size:12px;color:#fff;text-decoration:none}
#a_droite div.dl a:hover{text-decoration:underline}
h4.sommaire{background:#0d58a0;color:#fff;font-family:"Verdana","Arial";padding:5px;margin-bottom:-2px}
h4.prochain{background:#70bb8b;}
div.highlighte ul li{pposition:relative;z-index:5;margin:10px 0;list-style:none;background:url(../img/contenu/puce.gif) no-repeat 0 4px;padding-left:20px;color:#838f9c}
img.archives{margin-left:4px}




#a_droite div#poste{margin-bottom:10px;background:#e2ebf4;color:#636363;padding:5px 10px}
div.listPublications ul li a {color:#0D58A0}
div.listPublications ul li a b {color:#4C8C63}
div.listPublications ul li a:hover{background:#0D58A0;color:#fff !important}
div.listPublications ul li a:hover b{color:#fff !important}




.conteDrt ul{margin-top:10px}












/**********************************************************************************************
 *************************** COMMUN *************************
 **********************************************************************************************/




 .cacher{display:none}




#footer {padding-bottom:10px;margin-top:15px;color:#959595;}
#footer p{height:25px;padding:15px 0;background:url(../img/squelette/bg_foot.gif) no-repeat top center;text-align:center;}
#footer p a{color:#0d58a0;font-weight:bold}
#footer ul{margin:0 0 20px 0;text-align:center}
#footer ul li{display:inline;list-style:none}
#footer ul li a{color:#959595}
#footer ul li a:hover{color:#0d58a0}




#leb-img {margin-top:20px}
.fond-infos,.fond-infos2 {font-size:11px;background-color:#E5EEFF; margin:5px 0px; padding:5px 0px 5px 20px; width:500px !important}
.fond-infos2 {background-color:#CCDEFF}
h4{font-size:13px;color:#4E8F66;margin:5px 0}
h5{font-size:12px;color:#888;font-weight:normal;margin:5px 0}




.aide h3{font-size:12px !important;margin-top:10px !important}


.fond-infos a,.fond-infos2 a,.couleur1 a,.couleur2 a{color:#0D58A0;text-decoration:underline}
.fond-infos a:hover,.fond-infos2 a:hover,.couleur1 a:hover,.couleur2 a:hover{text-decoration:none}




.couleur1 {background-color:#E5EEFF}
.couleur2 {background-color:#CCDEFF}
.couleur1,.couleur2{font-size:11px;color:#555}




.aide b,.aide strong{color:#0D58A0}




.aide caption {width:680px; background-color:#4E8F66; color:#fff; padding:1px 0px; font-weight:bold}
.aide td {padding:5px 0px}
.aide p{text-align:justify;}








.annexes h3 {color:#dc9b00;}
.annexes p {display:block; width:580px}
.annexes ul {margin-left:20px}
.annexes li {margin-bottom:5px}




#plan ul{background:transparent !important;padding:0 !important}
#plan ul li{list-style:none;margin:0 !important}
#plan ul li ul li a {margin-left:40px;background:#E5EEFF;zoom:1;color:#717171;display:block; padding:5px 0px 5px 5px; margin-bottom:2px}
#plan a {margin-left:20px;background:#E5EEFF;zoom:1;color:#717171;display:block; padding:5px 0px 5px 5px; margin-bottom:2px}
#plan a.titre{margin:10px 0 2px;background:transparent;zoom:1;color:#4E8F66;font-family:"Verdana","Arial";font-size:13px;border:none;}
#plan a:hover {background-color:#4E8F66; color:#fff}
#plan a.titre:hover{background:#CCDEFF;color:#0D58A0}








/*** MESSAGES ERREUR ***/
.ok, .error{text-align:center; }
.ok {background-color:#4E8F66; color:#fff !important; font-weight:bold; padding:2px 0px}
.error {background-color:red !important; color:#fff !important; font-weight:bold; padding:2px 0px}
input.error{text-align:left !important}




/***************************************
************ FORMULAIRES ***
***************************************************************/




/*** FORMULAIRES ***/




label a{font-weight:bold;color:#fff;text-decoration:underline}
label a:hover{text-decoration:none}




.highlighte label.normal{color:#0D58A0;float:left;width:180px;text-align:right;font-weight:bold;font-size:10px;margin-right:7px;}
.highlighte p.textuel input{background:#0D58A0;border:none;width:300px;height:16px;padding-top:2px;padding-left:2px;font-family:arial;color:#fff;font-size:11px}
.highlighte select{width:300px;font-family:arial;color:#63637D;font-size:11px}




.highlighte input.envoyer{text-align:left;background:#fff;border:none;width:200px;padding:3px;font-family:arial;color:#4b4846;font-size:11px}
.highlighte select.long{width:302px;height:18px;padding-top:2px;padding-left:2px;font-family:arial;color:#4b4846;font-size:11px}
.highlighte textarea{width:450px;height:120px;font-family:arial;color:#fff;background:#0D58A0;border:none;font-size:11px}
.highlighte input.send{border:none;width:133px;height:22px;text-align:center;background:url(../img/contenu/btn_send.gif) no-repeat;color:#fff;font-size:10px;padding:3px;margin-left:187px;}




p.highlight2{background:#4E8F66;color:#fff !important;padding:3px}




.erreur{background-color:red !important; color:#fff !important;}


div#fancy_div{background-color:white !important;color:#000 !important; font-family: "Trebuchet MS",Helvetica,sans-serif;}
div#fancy_div .editoTexte {font-style:italic; font-size:1.3em !important; }
div#fancy_div .editoTexte p{text-align:justify; margin:1em 0em; color:#000; font-style:italic }
div#fancy_div .editoTexte a{margin:5px;font-size:11px;color:#6FBB8C;text-decoration:none}
div#fancy_div .editoTexte a:hover{text-decoration:underline}
hr.edi{border:none;background:#E1EFFD;height:1px}

#creditsLeb a{text-decoration:none;color:#4E8F66 !important}
div.extras{margin:15px 15px 0 15px;padding-bottom:15px}
div.extras .credits1,div.extras .credits2{background-color:#e4e4e4; margin:5px 0px; padding:5px 0px 5px 20px;width:430px}
div.extras .bg1{background-color:#38647f}
div.extras .credits2,div.extras .bg2{background-color:#2e566f}
div.extras td{padding:5px 0;color:#fff;font-size:11px}
div.extras ul li{margin-left:0 !important}

.left{float:left}
.clear{clear:both}

#leb-img img{border:0}
a#leb-img{background:transparent}
a#leb-img:hover{background:transparent}
#creditsLeb h4{margin:10px 0;color:#4E8F66}
#creditsLeb ul{padding:8px 8px 5px !important;}
#creditsLeb ul li{padding:0 !important;background:transparent !important}
#creditsLeb p{width:100% !important;margin:0 !important}