@charset "utf-8";
/* CSS Document */

body {font-family:Verdana, Arial, Helvetica, sans-serif;font-size: 0.8em; margin: 0; padding: 0; background-color:#bfced3;}
h1, h2, h3 {margin:0; text-transform: capitalize; font-weight: normal; color: #7D7D7D;}
h1 {font-size: 32px;}

h2 {font-size: 20px; text-align:center; margin-top:50px;}
h3 {font-size: 16px;}
p {	margin: 0px; text-align:left; padding:0 0  0px 0px; font-size: 11px;}
ul {float:left; margin: 0px; padding:0 0  0px 0px; font-size: 11px;}
dl, dt, dd, ul, li {margin: 0; padding: 0; list-style-type: none;}
font { color:#333333;}
form {margin: 0;padding: 0;}

a{text-decoration:none;text-transform: lowercase;}
a:hover {color:#993300;}
a img{border:0;}


#fiche_txt h1 { float:none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:22px; color:#666666; width:700px;}
#fiche_txt h2 { float:none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:19px; color:#666666; width:700px;}
#fiche_txt h3 { float:none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:16px; color:#666666; width:700px;}
#fiche_txt h4 { float:none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; color:#666666; width:700px;}
#fiche_txt h5 { float:none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#666666; width:700px;}
#fiche_txt p { float:none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;  width:780px;}
#fiche_txt li { float:none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;  width:780px;}

#fiche_txt a {font-size:11px; color:#0082C2; font-style:italic; font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration: none; }
hr{ color:#999999;}
#fiche_txt span.style3 {font-weight:bold }
#fiche_txt span.style4 {font-weight:bold }
#fiche_txt span.style5 {font-weight:bold;color:#3b156a }

.style1 {color:#0D3082; }
.style2 {color: #0182C3;}
.style3 {color: #38A137;}
.style4 {color: #A3C60F; }

fieldset {	margin: 0;padding: 0;border: none;}
.result{ text-transform:capitalize; font-size:14pt;}
.mot{text-transform:capitalize; font-size:12pt; margin-left:5px; font-weight:bold;}
.nb_result{text-transform:capitalize;color:#C8D210; font-size:18pt; margin-left:5px}
.savoir{}
.sel { float:left; width:80px; height:15px; border:0px solid; color:#FFFFFF; font-size:9px; margin: 0 10px 4px 5px; background:url(../images/base/rechercher.jpg) no-repeat;}
#conteneur {position: absolute; width:1000px; top:0px; left:50%; margin-left:-500px;}

#header { float:left; height:220px; width:1000px; border:0px solid}
#header_admin { float:left; height:280px; width:1000px; border:0px solid} /* ------ **** modif Jérôme ---------*/
#header h1{position:absolute;margin:80px 0 0 240px; }
#flashi{float:left; height:179px; margin:0; border:0px solid}
#onglets{float:left; width:990px;  background-image:url(../images/base/onglets.jpg); border:0px solid; background-repeat:no-repeat;}
#onglets_admin{float:left; width:990px; height:95px;  background-image:url(../images/base/onglets_admin.jpg); border:0px solid; background-repeat:no-repeat;} /* ------ **** modif Jérôme ---------*/
#haut {float:left; height: 25px; width:100%; background-color:#A2DAF4; padding-top:0px; margin-bottom:1px; margin-top:1px}
		
#conteneur_centre {float:left; width:1000px;  background:url(../images/centre_haut.jpg) no-repeat top; background-color:#FFFFFF; display:block;}


#centre { float:left; width:80%; padding:0px; border-left:0px solid #999999;}		 	  	  
#centre h1{ float:left; width:175px; font-size:20px;  margin:0 0 0 0 ; border:0px solid #999999; padding:10px 0 12px 0; border:0px solid grey ; text-transform:inherit}
#centre h2{float:right; width:145px; font-size:17px;  margin:0 0 0 0 ; border:0px solid #999999; padding:0 0 10px 0; text-align:left}


#centre_H{ float:left; height:250px; width:800px; margin-top:30px;}
#centre_H img{ float:right; margin:0 ; padding:0 0 5px 0; border:0px solid #999999;}


#centre_H_all{ float:left; width:790px; height:95px; margin:0; padding-right:0px; border-bottom:0px solid grey ; padding:0 10px 0 0; background-image:url(../images/base/haut_gauche.jpg); background-repeat:no-repeat }
#centre_H_all h1.f { width:100%; text-transform:inherit; font-weight:bold}
#centre_H_all li {  float:left;  margin: 0px 0px;  }
#centre_H_all li a {  float:left;  margin: 0px 2px; color: #000000; border:1px solid #666666; text-decoration: none;  text-align:center;  height:10px; padding:3px 3px; font-size:10px; background-color:#CCCCCC }
#centre_H_all li a:hover { color:#FFFFFF; background-color:#999999}

#centre_HG{ float:left; width:285px; height:240px; margin:0; padding-right:0px; border-right:0px solid grey ; padding:0 25px 0 0; background-image:url(../images/base/haut_gauche.jpg); background-repeat:no-repeat }

#centre_HG_ann{ float:left; width:285px; height:140px; margin:0; padding-right:0px; border:0px solid grey ; padding:0 25px 0 0;}
#centre_HG_ann p { float:left; margin:3px; width:100%; text-align:left; padding:0px 0  0px 0px; font-size: 11px; border:1px solid grey ; }
#centre_HG_ann img{ float:right; margin:0 ; padding:0 0 5px 0; border:0px solid #999999;}
#centre_HD_ann { float:left; width:460px; height:125px;border-left:1px solid grey; padding:8px 0 0 10px; }
#centre_HD_ann p {text-align:justify;}
#centre_H_ann { float:left; height:160px; width:800px; margin-top:18px; border:0px solid grey }


#centre_HG h1.f{ width:100%; }
#centre_HG p { float:left; margin:3px; width:100%; text-align:left; padding:0px 0  0px 0px; font-size: 11px; border:0px solid grey ; }

#centre_HD{ float:right; width:460px; margin:0; border:0px solid; text-align:center;  }

#centre_H1{ float:left; width:222px; height:240px; margin:0 5px 0 0; padding-right:0px; border-right:0px solid grey ; padding:0 25px 0 0; background-image:url(../images/base/haut_gauche.jpg); background-repeat:no-repeat;}
#centre_H1 p { float:left; margin:3px; width:100%; text-align:left; padding:0px 0  0px 0px; font-size: 11px; border:0px solid grey ; }

#centre_H2{ float:left; width:240px; height:240px; margin:0 18px 0 0; padding-right:0px; border:0px solid grey ; padding:0 10px 0 0;  }
#centre_H2 img{ float:left; padding:20px 10px 5px 15px;}
#centre_H2 p{color:#999999; font-size:13px; padding:3px 0 9px 0; text-align:center;}
#centre_H2 p .coul{color:#0C3183;}



#centre_H3{ float:left; width:260px; height:232px; margin:0; border:0px solid; text-align:center; padding-top:15px; background-image:url(../images/base/encadre2.jpg); background-repeat:no-repeat  }
#centre_H3 img{ float:left; padding:10px 5px 5px 15px;}

#centre_B{ float:left; width:800px; height:300px;  margin:18px 0 0 0 ;   }
#centre_B img{ float:left; margin:0 0 0 0 ; padding:0 0 7px 0;}
#centre_B p{ float:left; width:100%;  margin:10px 0 0 0 ; height:170px; border:0px solid grey ;  }
#centre_B ul{ float:left;  margin:0px 0 0 0 ; width:120px;   }

#centre_B1, #centre_B2{ float:left; width:218px; height:290px; margin:0 25px 0 0; padding:0 25px 0 0; border-right:1px solid #999999 ;}
#centre_B3{ float:left; width:218px; height:300px; margin-right:10px; border-right:1px solid #999999 ; padding-right:25px;}
#centre_B1 h2 , #centre_B2 h2 , #centre_B3 h2 { height:70px; text-transform:inherit}
.accueil{color:#0C3183;font-size:22pt; text-transform:uppercase}
.agence{color:#0062A9;font-size:18pt; text-transform:uppercase}
.garde{color:#15A12E;font-size:18pt; text-transform:uppercase}
.journee{color:#97BE0D;font-size:18pt; text-transform:uppercase}
.annonce{color:#9E157D; text-transform:uppercase}

/* ----------- ******* ajout Jérôme 12/04/2010 -------------- */
#centre_BB{ float:left; width:800px; height:300px;  margin:18px 0 0 0 ; padding-top:20px;border-top:1px solid #FFF ;background: url("../images/base/haut_gauche.jpg") no-repeat right bottom}
#centre_BB img{ float:left; margin:0 0 0 0 ; padding:0 0 7px 0;}
#centre_BB p{ float:left; width:100%;  margin:10px 0 0 0 ; height:150px; border:0px solid grey ;  }
#centre_BB ul{ float:left;  margin:0px 0 0 0 ; width:120px;   }
#centre_BB1 { float:left; width:197px; height:290px; margin:0 0px 0 0px; padding:0 25px 0 0; border-right:1px solid #FFF ;}
#centre_BB2{ float:left;height:290px; 
  margin:0 4px;
padding:23px 5px 0 17px;
width:243px; border-right:1px solid #FFF ;
background-repeat:no-repeat;}
#centre_BB3{ float:left;height:290px; 
  margin:0 4px;
padding:23px 5px 0 17px;
width:243px; border-right:1px solid #FFF ;background-image:url("../images/base/encadre2.jpg");
background-repeat:no-repeat;}
#centre_BB1 h2 , #centre_BB2 h2 , #centre_BB3 h2 { height:20px; text-transform:inherit;float:none;width:100%;text-align:left;}
#centre_BB1 span.agence { text-transform:uppercase;color:#0061A6;}
#centre_BB1 {background:url(../images/base/cadre_actus.png) no-repeat top left;padding:6px 25px 8px 10px;
width:208px;}
#centre .actu {
  font-size:10pt;
}
#centre h3.actu {
  color:#0061A4;
  font-size:12pt;
  float:none;
  width:100%;
  border-top:1px dotted #0061A4;
  margin-top:8px;
  text-transform:none;  
}
#centre h2.actu {
  color:#0061A4;
  font-size:14pt;
  float:none;
  width:100%;
  text-transform:none;
}
#centre h1.actu {
  color:#777;
  float:none;
  font-family:Verdana,Arial,Helvetica,sans-serif;
  font-size:22px;
  font-weight:normal;
  text-transform:capitalize;
  width:800px;
  height:80px;
  margin:20px 0px 10px 0px;
  background:url(../images/base/cadre_actus_rub.png) no-repeat top left;
  padding:6px;
}
#centre h1.actu span.agence{
  color:#0061A4;
}

#centre div.actus h2.actu  span.agence{
  color:#0061A4;
  font-size:12pt;
}


#centre div.actus h2.actu {
  color:#666;
  font-size:11pt;
  float:none;
  width:800px;
  height:auto;
  border-bottom:dotted 0px #FFF;
  margin-top:20px;
  background:url(../images/base/cadre_actus_rub_01.png) no-repeat top left;
  padding:0px 10px;
}

#centre div.actus span.actu {
  width:800px;
  height:auto;
  background:url(../images/base/cadre_actus_rub_02.png) repeat-y top left;
  display:block;
  padding:0px 10px;
}

#centre div.actus span.actu_bottom {
  width:800px;
  height:10px;
  background:url(../images/base/cadre_actus_rub_04.png) no-repeat top left;
  display:block;
}

#centre a{
  text-decoration:none;
  color:#000;
}
#centre a:hover {
  text-decoration:underline;;
}
#centre h3.actu a{
  color:#0061A4;
  text-decoration:none;
  
}
#centre h3.actu a:hover {
  text-decoration:underline;;
  
}
#centre .date {
  color:#0061A4;
  font-size:12pt;
  font-style:italic;
  display:inline;
  width:100%;
  margin-top:2px;
  clear: both;
}
#centre div.actus .date {
  font-size:10pt;

}
#centre_BB1 .actu {
  font-size:11px;
  text-transform:none;
}
#centre_BB1 h3.actu {
  font-size:11px;
}
#centre_BB1 .date {
  clear:none;
  display:inline;
  font-size:11px;
  width:auto;
}

#centre .plus_actu {float:right; width:130px; height:25px; margin-top:10px; text-align:center; color:#FFFFFF;background-image:url(../images/base/bouton_agence.jpg); background-repeat:no-repeat;}
#centre .plus_actu a{color:#FFFFFF; font-size:11px;}

/* ----------- ******* fin ajout Jérôme 12/04/2010 -------------- */

#plus_agence, #plus_garde, #plus_journee, #plus_agenceagreee{float:right; width:130px; height:25px; margin-top:10px; text-align:center; color:#FFFFFF;}

#plus_agence {background-image:url(../images/base/bouton_agence.jpg); background-repeat:no-repeat; }
#plus_garde {background-image:url(../images/base/bouton_garde.jpg); background-repeat:no-repeat; }
#plus_journee {background-image:url(../images/base/bouton_journee.jpg); background-repeat:no-repeat;}
#plus_agenceagreee {background-image:url(../images/base/bouton_agenceagreee.jpg); background-repeat:no-repeat;}
#plus_agence a, #plus_garde a, #plus_journee a, #plus_agenceagreee a{color:#FFFFFF; font-size:11px;}

#charte_svt{ float:left; text-align:center; width:95%; height:30px; margin-top:20px;}
#charte {float:left; width:94%; height:400px; overflow:auto; border:0px solid ; padding:5px;}
#charte h1 { width:95%; border:0px solid ; padding:10px; font-size:14px; font-weight:bold; color:#000000;}
#charte p {width:95%;; border:0px solid ; padding:5px;}
#charte ul {  border:0px solid ; padding:5px;}
		  

#gauche {float:left; width:16%; padding:15px 5px 0 15px; margin: 0; border:0px solid #999}

#bare_gauche { float:left; width:142px; height:562.38px; border:0px solid #999999; }

#bare_gauche h3 {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:10pt; font-weight:bold;letter-spacing:0px;  margin:0px 0 10px 0; padding: 5px 0 0 0 ; color:#514F50; text-align:center;}

#bare_gauche p{margin-left:5px; color: #7D7D7D; font-weight:normal; text-align:center; margin:0; padding:0;line-height:18px;}

#bare_gauche input { float:right; padding-bottom:2px; padding-top:0px; padding-right:5px; font-size:10px; margin:0 5px 2px 0px;width:60px; border:1px solid grey;}

#bare_gauche label {float:left; margin:0 0 1px 4px; font-size:9px; text-align:center; height:17px; width:60px; border: 0px solid #999999 }
#bare_gauche p {float:left; margin:0 0 1px 4px; font-size:10px; text-align:center; height:17px; width:130px; border: 0px solid #999999; color:#000000 }
#bare_gauche h2 {margin-bottom:10px;}
#bare_gauche select {float:right; padding-bottom:0px; padding-top:0px; padding-left:2px; font-size:10px; margin:2px 32px 2px 0px;width:70px; border:1px solid #999999}

#bare_gauche label.l_radio{font-size:9px;font-weight:bold; line-height:10px; text-align:left; margin-left:3px;}
#bare_gauche input.b_radio {margin:0px 3px 0 0; padding:0px 3px 0 0; background-color:transparent; border:none; font-size:9px; width:10px;  height:10px;}

#bare_gauche input[type=radio] {  margin:0px 4px 0 0; padding:0px 3px 0 0; background-color:transparent; border:none; font-size:9px; width:10px;  height:10px;}

#bare_gauche a{ float:left; margin-left:5px; font-size:10px; text-decoration:underline; width:125px; border: 0px solid #999999; text-align:center; margin-bottom:5px;}

/*MON COMPTE*/

#compte{width:142px; height:150px; border:0px solid; margin:0; background:url(../images/deposer.jpg); background-repeat:no-repeat;}
#chercher{width:142px; height:175px; border:0px solid; margin:5px 0 0 0px ;background:url(../images/recherche.jpg) no-repeat top;}
#deposer {width:142px; height:150px; border:0px solid; margin:5px 0 0 0px; background:url(../images/deposer.jpg) no-repeat top;}
#infos{width:142px; height:75px; border:0px solid; margin:5px 0 0 0px ;background:url(../images/infos.jpg) no-repeat top;}
#blocadresse{width:142px; height:420px; border:0px solid; margin:5px 0 0 0px ;background:url(../images/adresse.jpg) no-repeat top;padding-top:20px;}
#blocadresse h3 {
  text-transform:none;
}
#blocadresse h4 {color:#514F50;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:8pt;
font-weight:bold;
letter-spacing:0;
margin:0 0 10px;
padding:5px 0 0;
text-align:center;}
#blocadresse p {
  position:relative;
  height:auto;
}
#blocadresse .activites {
  color:#3b156a;
  font-size:9px;
  line-height:12px;
  margin-bottom:10px;
}
#blocadresse  a {color:#3b156a;}
#chercher label {float:left; margin:0 0 7px 0px; font-size:9px; text-align:center; height:19px; width:120px; border: 0px solid #999999 }
#deposer label{float:left; margin:0 0 5px 4px; font-size:9px; text-align:center; height:27px; width:118px; border: 0px solid #999999 }
#chercher input { float:right; padding-bottom:2px; padding-top:0px; padding-right:5px; font-size:10px; margin:0 32px 2px 0px;width:60px; border:1px solid grey;}
#droite {float:right; width:20%; height:556px; border-right:1px solid #999999; border-bottom:1px solid #999999;}

#bare_gauche input.x { float:left; padding:0px; border:none;margin:5px 0 10px 29px;width:80px;height:15px;background:url(../images/base/rechercher.jpg) no-repeat top; color:#FFFFFF}
#bare_gauche input.y { float:left; border:none; margin:8px 0 5px 29px;width:80px;height:15px;background:url(../images/base/rechercher.jpg) no-repeat top; color:#FFFFFF; padding:1px 0 1px 0}
#infos input.y {margin:2px 0 5px 29px;}
#fiche{ float:left; width:800px; height:420px;  margin:18px 0 0 0 ; border:0px solid #999999; height:400px;  }
#fiche h2{float:left; width:745px; font-size:15px;  margin:0 0 0 0 ; border:0px solid #999999; padding:0 0 5px 0; text-align:left, color:#15A12E; }
#fiche p{float:left; width:745px; font-size:10px;  margin:0 0 0 0 ; border:0px solid #999999; padding:0 0 12px 0; height:auto}
#fiche ul{width:245px; font-size:10px;  margin:0 0 0 0 ; border:0px solid #999999; padding:0 0 12px 0; height:auto}
#fiche li a{width:245px; font-size:10px;  margin:0 0 0 0 ; border:0px solid #999999; padding:0 0 12px 0; height:auto}

#fiche_txt {float:left; width:780px; font-size:11px; margin-top:24px; border:0px solid #999999; padding:0 10px 12px 0;}

#fiche_intro {float:left; width:780px; font-size:11px; margin-top:24px; border:0px solid #999999; padding:0 10px 12px 0;}

/*
#fiche_intro h1 {
  color:#0061A6;
  font-size:12pt;
}

#fiche_intro p {
  color:#0061A6;
  font-size:10pt;
}
*/

div.mask {
  
}

#pied { float:left; clear:both;  width:1000px; height:40px;  border:0px solid; text-align:center; margin-bottom:25px;
	   background:url(../images/bas.jpg) no-repeat bottom left; background-color:#FFFFFF}
	   
#menuhaut {list-style-type: none; margin:0 0 0 0px; padding: 0; border:0px solid; }
#menuhaut li {display:inline;}
#menuhaut a { 
             float:left; 
			 margin: 0px 0px; 
			 color: #000000; 
			 text-decoration: none; 
			 width:16.66%; 
			 text-align:center;
			 height:20px;
			 padding-top:5px;			 
			 }
#menuhaut a:hover { color:#FFFFFF;}
#menuhaut a.act {color:#FFFFFF;}

#menuhaut_h {list-style-type: none; margin:0 0 0 82px; padding: 0; width:752px; border:0px solid;}
#menuhaut_h  li {display:inline;}
#menuhaut_h  a { 
             float:left; 
			 margin:177px 17px 0 0 !important;-margin:177px 16px 0 0; 
			 color: #EAEAEA; 
			 font-weight:700;
			 font-size:11px;			 
			 text-transform:capitalize;
			 text-decoration: none; 
			 width:108px; 
			 text-align:center;
			 height:20px;
			 padding-top:2px;			 
			 
			 }
#menuhaut_h  a:hover { color:#FFFFFF;}
#menuhaut_h  a.act {color:#FFFFFF;}

#menugauche {list-style-type: none; margin: 0; padding:0;}
#menugauche li {margin-bottom: 5px; }
#menugauche a {
               float:left;
               margin: 0 2px 3px 18px; 
			   color: #000000; 
			   text-decoration:none; 
			   color:#FFFFFF;
			   width:114px;
			   background-image:url(images/boutton_03.jpg);
			   height:25px;
			   text-align:center;
			   padding-top:8px;
			   }
#menugauche a:hover { color:#FFCC00;}
#menudroit {list-style-type: none; margin: 0; padding:0;}
#menudroit li {margin-bottom: 5px;}
#menudroit a {margin: 0 2px; color: #000000; text-decoration: underline; color:#FFFFFF;}
#menudroit a:hover {text-decoration: none;}

/*MENUS */
ul#menu { padding-left:10px; list-style-type: none; width:100%; /* précision pour Opera */}

ul#menu li {float: left;}

ul#menu a {float: left; margin: 0 0px; padding: 3px 10px; text-align:center; border: 0px solid gray; text-decoration: none; color: #FFF; font-size:10px; width:142px; font-weight:bold; }

ul#menu a:hover {color: #000; border: 0px solid gray; }

#detail{ float:left;  width:800px;  margin:10px 0 0 0; border:0px solid gray; font-size:9px}
#detail_G,#detail_D{ float:left; width:397px;  border: 0px solid gray; margin:3px; margin-left:0}
#detail_all{ float:left; width:890px;  border: 0px solid gray; margin:5px;}

#recherche, #profils,#disponibilite,#experience, #profils2{ float:left; width:350px; height:210px; border:1px solid #999999; border-top:0; margin:5px}
#genre,#coordonnees,#motivation{ float:left; width:750px;  border:1px solid #999999; border-top:0; margin:5px}
#genre .g {float:left; text-align:right; width:550px;  font-size: 11px;}
#genre .d {float:left; width:200px;}
#detail h2{ float:left; width:350px;font-size:13px; margin:0px 0 5px 0; padding:0px 0 0 0; background-color:#0D3082; text-align:center; color:#FFFFFF;}
#detail p{ float:left; width:340px;  border: 0px solid gray; padding:0px 0 2px 5px;}
#motivation p, #genre p{ float:left; width:740px;  border:0px solid gray; padding:2px 0 0 5px;}
#genre p{ text-align:center; padding-bottom:5px}
#motivation h2, #genre h2, #coordonnees h2{ float:left; width:750px;  font-size:13px; margin:0px 0 5px 0; padding:0px 0 0 0; background-color:#0D3082; text-align:center; color:#FFFFFF;}

.det1{float:left; width:190px;text-align:left; font-weight:bold;}
.det3{float:left; width:100px;text-align:left; font-weight:bold; border:0px solid;}
.det4{float:left; width:210px;text-align:left; font-weight:normal; border:0px solid;}
.det2{ float:left; width:145px;text-align:left; font-weight:normal; padding-left:3px;}

#felicitation{float:left; width:650px; color:#0082C2; font-size:12px; text-align:center; padding-top:10px;}
.titraille{ float:left;  font-size:18px; width:700px; padding-left:10px; color:#FFFFFF; background-color:#0082C2; border:1px solid;}
#conditions {float:left; width:690px; height:377px; padding-right:10px;  overflow:auto}
ul#liste {float:left; width:970px; height:50px; }
ul#liste li{float:left}
ul#liste li a{float:left; margin:10px; background-color:#CCCCCC; padding:5px}
ul#liste.agenceagreee li a{float:left; margin:4px; background-color:#78839B; padding:5px;color:#FFF;font-weight:normal;display:block;text-align:center;}
ul#liste.agenceagreee li a.active {font-weight:bold;background-color:#3b156a;}
.abonn{ float:left;text-align:center; margin-bottom:5px; width:15%;}
.ab1 { float:left; width:110px; height:30px; border:none;  background:url(../images/base/acc1m.jpg) no-repeat;}
.ab2 { float:left; width:110px; height:30px; border:none;  background:url(../images/base/acc3m.jpg) no-repeat;}
.ab3 { float:left; width:110px; height:30px; border:none;  background:url(../images/base/acc6m.jpg) no-repeat;}
input.ab1:hover,input.ab2:hover,input.ab3:hover { border:1px groove #666666}
#menu_h {list-style-type: none; margin:18px 0 0 0 ;padding:8px 0 5px 0; width:780px; height:18px; background:url(../images/base/onglets_2.jpg) no-repeat top}
#menu_h  li {display:inline;}
#menu_h li a { 
	float:left; 
	width:auto; 
	height:15px; 
	padding:0 5px 0 0; 
	margin:0 0 0 5px;
	border:0; 
	border-right:2px solid #009900; 
	background:none;
	font-size:11px;
	}
#menu_h li a:hover {color:#009900; background:none}
#menu_h  li a.active { color:#FFFFFF; text-transform:inherit; font-weight:bold}
#sous_titre {float:left; width:780px; height:24px; border-bottom:0px solid;}
#sous_titre a {float:right; margin-top:2px; margin-left:4px;background:url(../images/base/ret.jpg) no-repeat 50%; color:#FFFFFF; width:130px; height:17px; font-size:12px; text-align:center; text-decoration:none}
#pied ul { width:680px; padding-left:320px; border:0px solid; padding-top:18px;}
#pied li a {width:auto; height:10px; border:0px solid; padding-left:5px; padding-right:0; text-align:left; color:#666666}
a.bulle,  div.bulle {position:relative;}
a.bulle:hover,  div.bulle:hover  {background: none; z-index: 50;}
a.bulle span,  div.bulle span { display: none;}
a.bulle:hover span,  div.bulle:hover span {
   display: block;
   position:absolute;
   color:#000000;
   font-family:arial, verdana, sans-serif;
	text-align:left;
   font-size:12px;
   font-weight:normal;
   background: white;
   padding: 5px;
   border: 1px solid #62c0f4;
}
#centre_B2 div.bulle {float:left; position:relative; border:0px solid}
a.bulle:hover span {width:100px; top: -10px; left: -180px; border-right: 10px solid #62c0f4;}
div.bulle:hover span {top: -5px; left: 150px; width:120px; border-left: 10px solid #62c0f4; font-size:10px}
#centre_B2 a.bulle {float:left; position:relative; border:0px solid ; margin-bottom:2px;}
#centre_B2 a.bulle:visited {color:#000000}
#centre_B2 a.bulle:hover span {top: -10px; left: -110px; width:120px; border:1px solid #62c0f4; border-right: 10px solid #62c0f4; font-size:10px}
#chercher a.bulle {float:left; position:relative; text-decoration:none}
.etoile{color:#FF0000; font-size:10px}
.err_compte {border:1px #FF0000 solid;}
.ab {
	float:left; width:350px; height:60px; 
	margin:60px 0 0 180px !important; 
	- margin:60px 0 0 100px;
	text-align:center;  padding:15px 5px 5px 5px; border:2px solid #0D3082; border-left:0; border-right:0;background-color:#E3F9FB
}

#header_agence {
  background:url("../images/base/bandeau_agenceagreee.png") no-repeat scroll right top transparent;
  height:88px;
  margin:12px 0px 0px 4px;
  width:800px;
}
#header_agence h1 {
  width:600px;
  color:#FFF;
  margin:15px 0 0 15px;
  font-size:14pt;
  font-weight:bold;
  text-transform:capitalize;
}
#centre h1 a {
  color:#999;
}

#header_agence h1 a {
  width:600px;
  color:#FFF;
  margin-left:20px;
  font-size:14pt;
  font-weight:bold;
  text-decoration:none;
  text-transform:capitalize;
}

#header_agence h1 a:hover {
  text-decoration:underline;
}

#fiche_txt .sommaire img {max-width:180px;}
#fiche_txt p p {width:auto;}