* { margin: 0; padding: 0; font-family: Arial; font-size: 12px; color: #000000; text-align: left; }
body { background-color: #FFFFFF; }
.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: 10px;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_droite { float: right; width: 175px; z-index: 1; }
#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;}

#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_rouge { color: #c8504f; 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;}

#zone_login .titre {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.gif) top left repeat-y;}
#zone_login td {padding: 0 3px;}
#zone_login .fermeture {background: url(../../img/zone_droite/bas_moncompte.gif) top left no-repeat;}

.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: 15px; font-weight: bold; padding: 0 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;}
.ouvreur {background: url(../../img/zone_droite/picto_ouvrir.gif) center right no-repeat;}
#zone_login input { font-size: 9px; width: 60px; }
#contenu_droite .wrapper { margin: 0; padding: 0; }
#logform  {margin: 5px 0;}
#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/zonedroite_haut.gif) top left no-repeat; display: inline-block; font-size: 10px; width: 175px; padding: 0; }
#zone_rech .wrap { padding: 5px; }
#zone_rech ul { padding: 0; margin: 0; list-style-type: none;}
#zone_rech ul li { padding: 2px 0; background: url(../../img/zone_droite/zonedroite_interligne.gif) bottom left no-repeat; }
#zone_rech ul li a { font-size: 12px; }
#zone_rech ul li a, .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; }
