@import url("fonts.css");

* { margin: 0; padding: 0; font-family: Arial; font-size: 12px; color: #000000; text-align: left; }
body { background-color: #FFFFFF; 
  margin: 0; /* pour éviter les marges */ 
  text-align: center; /* pour corriger le bug de centrage IE */ 
}

.breaker { clear: both; }
#logo { padding: 0 0 0 20px; height: 95px; }
 
 
/* container général */
#site { width: 900px; margin: 0 auto; } 
#nav { position: relative; z-index: 25; }
#sousnav { height: 50px; margin-left: 240px; margin-top: 2px; z-index: 20; }
#ssnav1 table  {background: #ffffff  url(../../img/fond_sousnav1.gif) top left repeat-x;}
#ssnav2 table  {background: #ffffff  url(../../img/fond_sousnav2.gif) top left repeat-x;}
#ssnav3 table  {background: #ffffff  url(../../img/fond_sousnav3.gif) top left repeat-x;}
#ssnav4 table  {background: #ffffff  url(../../img/fond_sousnav4.gif) top left repeat-x;}
#ssnav5 table  {background: #ffffff  url(../../img/fond_sousnav5.gif) top left repeat-x;}

#sousnav div table.maitre  {width: 650px;}
#sousnav div table.maitre table  {background: none;}
#sousnav div  { display: none;position: relative; }
#sousnav div table {height: 30px;}
#sousnav div, #sousnav div a{color: #A0A0A0;font-weight: bold;text-decoration: none; }
#sousnav div a:hover{color: #000000;}

#footer { height: 30px; font-size: 11px; font-weight: bold; color: #000000; background: url(../../img/footer.gif) no-repeat; padding-top: 10px; text-align:right; padding-right: 40px; }
#footer a {font-size: 11px;color: #000000;text-decoration: none;margin: 0 10px;}
#footer a:hover{font-size: 11px;color: #000000;text-decoration: underline;}

#contenu_flash { margin-top: 20px;position: absolute;width: 220px;height: 550px;z-index: 20;}
#grand_contenu {padding-top: 10px;width: 900px;color: #66757E;}

.rub1 #contenu_centre ul  {list-style-image: url(../../img/puce1.gif);}
.rub2 #contenu_centre ul  {list-style-image: url(../../img/puce2.gif);}
.rub3 #contenu_centre ul  {list-style-image: url(../../img/puce3.gif);}
.rub4 #contenu_centre ul, .rub6 #contenu_centre ul, .rub7 #contenu_centre ul, .rub0 #contenu_centre ul  {list-style-image: url(../../img/puce4.gif);}
.rub5 #contenu_centre ul  {list-style-image: url(../../img/puce5.gif);}

#contenugauche { float: left; width: 235px; height: 550px; }
#contenu_centre { float: left; width: 460px; }
/**#contenu_centre2 { float: left; width: 635px; }**/
#contenu_centre2 { float: left; width: 905px; }
#contenu_droite { float: right; width: 175px; z-index: 1; position : relative; bottom : 20px}
#contenu_droite #zone_recherche ul li a, .lien_orange { color: #d47c18; font-weight: bold; }
#contenu_droite #zone_recherche ul li a, .lien_vert, .lien_orange { text-decoration: none; }

#tracer { float: left; width: 635px; margin-bottom: 5px; padding: 5px 0; }
#tracer a {text-decoration: underline;font-weight: bold; }
.rub1 #tracer, .rub1 #tracer a {color: #5f81aa;}
.rub2 #tracer, .rub2 #tracer a{color: #6698c2;}
.rub3 #tracer, .rub3 #tracer a {color: #7ea190;}
.rub4 #tracer, .rub4 #tracer a, .rub6 #tracer, .rub6 #tracer a, .rub7 #tracer, .rub7 #tracer a, .rub0 #tracer, .rub0 #tracer a {color: #c8504f;}
.rub5 #tracer, .rub5 #tracer a {color: #d47c18;}

#tracer2 { float: left; width: 870px; margin-bottom: 5px; padding: 5px 0; padding-left:235px;}
#tracer2 a {text-decoration: underline;font-weight: bold; }
.rub5 #tracer2, .rub5 #tracer2 a {color: #d47c18;}

#jobpartners {width: 100%;height: 100%;}

.txt_bleu {color: #398BCA;font-weight: bold; }
.txt_vert, .lien_vert{color: #7ea190;font-weight: bold; }



h1{color: #c8504f;font-size: 20px;} 
h2{color: #439378;font-size: 18px;} 
h3{color: #000000;font-size: 16px;} 



span.h4_a { color:#f37a29; font-size: 16px; font-weight: bold; }
span.h4_a a { color:#f37a29; font-size: 16px; font-weight: bold; }

span.h4_b { color:#439378; font-size: 16px; font-weight: bold; }
span.h4_b a { color:#439378; font-size: 16px; font-weight: bold; }

span.h4_c { color:#c8504f; font-size: 16px; font-weight: bold; }
span.h4_c a { color:#c8504f; font-size: 16px; font-weight: bold; }

span.h4_d { color:#398bca; font-size: 16px; font-weight: bold; }
span.h4_d a { color:#398bca; font-size: 16px; font-weight: bold; }


.date_actus{color: #F0574A;} 

.lien_vert{color: #7ea190;font-weight: bold;text-decoration: none; } 
.lien_actus { padding-right: 15px; background: url(../../img/picto_lien.gif) top right no-repeat; color: #c8504f; text-decoration: none; font-weight: bold; } 
.lien_actus_suite { padding-right: 15px; background: url(../../img/picto_lien.gif) top right no-repeat; color: #c8504f; text-decoration: none;} 
.lien_rouge { color: #c8504f; text-decoration: none; font-weight: bold; }
.lien_noir { color: #000000; text-decoration: none; font-weight: bold; }

.zone_ouvrable { padding-right: 20px; background: url(../../img/picto_bottom.gif) top right no-repeat; color: #c8504f; text-decoration: none; font-weight: bold; } 
.zone_fermable { padding-right: 20px; background: url(../../img/picto_lien.gif) top right no-repeat; color: #c8504f; text-decoration: none; font-weight: bold; } 

.sep_ssnav { font-weight: bold; font-size: 18px; padding: 0 8px; }
#ssnav1 table td.sep_ssnav {color:#5f81aa;}
#ssnav2 table td.sep_ssnav {color:#6698c2;}
#ssnav3 table td.sep_ssnav {color:#7ea190;}
#ssnav4 table td.sep_ssnav {color:#c8504f;}
#ssnav5 table td.sep_ssnav {color:#d47c18;}

.rub1 h1, .rub1 .zone_fermable, .rub1 .zone_ouvrable {color: #5f81aa;}
.rub2 h1, .rub2 .zone_fermable, .rub2 .zone_ouvrable {color: #6698c2;}
.rub3 h1, .rub3 .zone_fermable, .rub3 .zone_ouvrable {color: #7ea190;}
.rub4 h1, .rub4 .zone_fermable, .rub4 .zone_ouvrable, 
.rub6 h1, .rub6 .zone_fermable, .rub6 .zone_ouvrable, 
.rub7 h1, .rub7 .zone_fermable, .rub7 .zone_ouvrable, 
.rub0 h1, .rub0 .zone_fermable, .rub0 .zone_ouvrable {color: #c8504f;}
.rub5 h1, .rub5 .zone_fermable, .rub5 .zone_ouvrable {color: #d47c18;}

p, h1, h2, h3 {margin: 0 0 10px 0;}
ul {margin: 0 15px;}
#grand_contenu td  {vertical-align: top;padding: 0 5px 10px 5px; }

.titre { font-size: 15px; font-weight: bold; padding: 8px; }

#contenu_droite div {margin: 0 0 0 0;}
#contenu_droite div div {margin: 0;}

#contenu_droite span.space { height:12px; }
#zone_login .titre, #zone_rech div.titre, #zone_actu div.titre {  /*font:bold 2em/1em "HelveticaNeueLTPro35Thin"; letter-spacing:0.075em; color:#6E8F82;*/ margin:0; padding:0; /*background: url(../../img/zone_droite/haut_moncompte.gif) top left no-repeat;*/}
#zone_login div, #zone_recherche div, #zone_quiz div, #zone_pres div, #zone_actu div
  {padding: 5px;}

#zone_login {background: url(../../img/zone_droite/fond_moncompte.jpg) top left no-repeat; padding:9px; height:130px;}
#zone_login td {padding: 0 3px;}
#zone_login .fermeture {/*background: url(../../img/zone_droite/bas_moncompte.gif) top left no-repeat;*/}
#zone_login div.wrap p { padding:4px 0 8px 0px; margin:0; }
#zone_login div.wrap { padding:0; }
.fermeture {/*background: url(../../img/zone_droite/bas_moncompte.gif) bottom left no-repeat;*/}
.sep {background: url(../../img/zone_droite/zonedroite_interligne.gif) top left no-repeat; margin: 0; padding: 0;}

#zone_recherche, #zone_quiz, #zone_pres, #zone_actu { background: #efefef url(../../img/zone_droite/zonedroite_haut.gif) top left no-repeat; z-index: 1; }
#contenu_droite .fermeture { /*background: url(../../img/zone_droite/zonedroite_bas.gif) bottom left no-repeat;*/ }
.ouvreur, .fermeur { font-size:14px; font-weight: bold; padding: 2px 5px; display: block; width: 155px; text-decoration: none; }
.titre .ouvreur, .titre .fermeur {padding: 5px 0 0 0;}
.fermeur {background: url(../../img/zone_droite/picto_fermer.gif) center right no-repeat;}
/*#logform  {margin: 5px 0 5px -2px;}*/
/*form#rechform  {margin: 10px 0 0px -4px;}*/
div#zone_rech .ouvreur  {background: url(../../img/zone_droite/picto_ouvrir_vert.gif); background-position: center right; background-repeat: no-repeat;padding: 2px 5px 2px 0; margin-bottom:8px;color:#6E8F82; width:150px;  }
#zone_rech .lienvert {padding: 8px 5px 0px 0;color:#6E8F82; font-size:14px; font-weight:bold; text-decoration:none; display:block; }
/*.ouvreur a { font-size:12px; color:#6E8F82; }
*/#zone_login input { font-size: 9px; width: 60px; }
#contenu_droite .wrapper { margin: 0; padding: 0; }
.zone_rech_fermeture { background-image:url(../../img/zone_droite/zone_rech_fermeture.gif); background-position: bottom; background-repeat: no-repeat; height:10px; font-size:1px; line-height:0;   }

#zone_actu {background: url(../../img/zone_droite/fond_actualite.jpg) top left no-repeat; padding:7px 9px 9px 9px; height:24px;}
#zone_actu img { border:none; }
#zone_actu .ouvreur {background: url(../../img/zone_droite/picto_envoyer_vert.gif) center right no-repeat;padding: 5px 5px 2px 0; margin-bottom:4px;width:150px;}

#jobpartners { width: 100%; height: 600px;  }


#contenu_droite #zone_recherche ul { padding: 0; margin: 0; list-style-type: none;}
#contenu_droite #zone_recherche ul li { padding: 2px 0; /*background: url(../../img/zone_droite/zonedroite_interligne.gif) bottom left no-repeat;*/ }



#zone_rech { background: #efefef url(../../img/zone_droite/fond_offres-d-emploi.jpg) top left no-repeat; display: inline-block; font-size: 10px; /*width: 175px;*/ padding: 9px 9px 3px 9px; /*height:298px;*/ width:155px; 
border-left:1px solid #C5D2CD; border-top:1px solid #C5D2CD;border-right:1px solid #C5D2CD; background-color:#FFFFFF}
#grand_contenu #zone_login td  {vertical-align: top;padding: 5px 5px 0px 0px; line-height:9px;}
#grand_contenu #zone_login table { margin:3px 0 ; }
#grand_contenu #zone_rech td {vertical-align: top;padding: 9px 5px 6px 0px; }
* html #zone_rech {
/* Que pour IE */width:151px; background: #efefef url(../../img/zone_droite/fond_offres-d-emploi.jpg) top left no-repeat; display: inline-block; font-size: 10px; padding: 9px 5px 3px 9px; 
border-left:1px solid #C5D2CD; border-top:1px solid #C5D2CD;border-right:1px solid #C5D2CD; background-color:#FFFFFF
}
/*#zone_rech .wrap { padding:0 0px 0 9px; }*/
#zone_rech ul { padding: 0; margin: 0; list-style-type: none; font-size:10px;}
#zone_rech ul li { padding: 4px 0; background: url(../../img/zone_droite/zonedroite_interligne.gif) bottom left no-repeat;font-size:10px; }
#zone_rech ul li a { font-size: 12px; color: #000000; font-weight: bold; display:block}
#zone_rech .lien_orange { color: #d47c18; font-weight: bold; }
#zone_rech ul li a, .lien_vert, .lien_orange { text-decoration: none; }
#contenu_droite .fermeture { /*background: url(../../img/zone_droite/zonedroite_bas.gif) bottom left no-repeat;*/ height: 9px;  }


span.space { display: block; height: 15px; }


/* clear */
.clear:after { content: "."; display: block; height: 0; font-size: 0; clear: both; visibility: hidden; }
.clear { display: inline-block; }
* html .clear { height: 1%; }
.clear { display: block; }

#chapo{
  border-bottom:dotted 1px #ea882d;
  margin-bottom:20px;
}

#chapo h1{
  font:bold 2em/1em "HelveticaNeueLTPro35Thin";
  letter-spacing:0.075em;
  color:#ea882d;
  text-transform:uppercase;
  margin-bottom:0; padding-bottom:0;
}

#chapo h2{
  font:normal 1.3em/1.7em "HelveticaNeueLTPro35Thin";
  color:#ea882d;
  text-transform:uppercase;
}