body{
font-family: trebuchet MS, sans serif;
padding:0;
margin:0;
background-image:url(images/pc_fond.jpg);
background-repeat:repeat-x;
color:#666666;
font-size:12px;
background-color:#e7ecef;
line-height:22px;
text-align:justify;
}

.gris{ color:#666666;
 text-decoration:none;
 }

h1{padding:0;
margin:0;
}

h2{padding:0;
margin:0;
font-weight:normal;
color:#00a9e4;
font-size:22px;
 padding-left:15px;
 padding-right:15px;
}

h3{padding:0;
margin:0;
margin-bottom:5px;
color:#75b76c;
font-size:16px;
font-weight:normal;

}

p{padding:0;
margin:0;
}


#contenu{
width:950px;
margin-left:auto;
margin-right:auto;
}

#menu_haut{font-weight:bold; 
font-size:15px;
}

#menu_haut a{
color:#666666;
text-decoration:none;
margin-right:10px;
}

#menu_haut a:hover{
color:#999999;
text-decoration:none;
}

.logo{
	float:right;
	padding-bottom: 17px;
	width:703px;
	text-align:right;
}

.spacer{clear:both;}


#conteneur{ width:703px;
 height:auto; 
 float:left; 
 background-image:url(images/pixel_fond_contenu.jpg); 
 background-repeat:repeat-y;
 }

#pied{ margin-left:240px;
 font-size:11px; 
 font-weight:bold;
 width:701px;
 }

.pousse_carres{ margin-left:20px; 
margin-right:4px;
}

#menu_gauche{ float:left; 
 width:240px; 
 font-size:13px; 
 font-weight:bold;
 }

#particulier{ background-image:url(images/bouton_particulier.jpg);
 width:190px; 
 height:40px; 
 padding-top:30px; 
 padding-left:50px;
 }

#liberale{ background-image:url(images/bouton_liberale.jpg); 
 width:190px;
  height:39px;
   padding-left:50px;
    padding-top:20px;
	}
	
#indep{ background-image:url(images/bouton_indep.jpg); 
 width:190px;
  height:39px; 
  padding-left:50px; 
 padding-top:20px;
 }
 
#entreprise{ background-image:url(images/bouton_entreprise.jpg);
  width:190px;
   height:40px;
    padding-left:50px; 
	padding-top:20px;
	}
	
#cabinet{ background-image:url(images/bouton_cabinet.jpg); 
 width:160px; 
 height:35px;
  padding-top:15px;
   padding-left:80px;
   }
   
#contact{ background-image:url(images/bouton_contact.jpg);
  width:160px;
   height:31px;
    padding-top:15px;
	 padding-left:80px;
	 }
	 
#conteneur_mentions{ padding-left:15px; padding-right:15px;}

.petit{font-size:3px; line-height:normal;}

ul#menu {
	margin:0;
	padding:0;
	width:180px;
	list-style:none;	
}

ul#menu li {
	margin:0;
	font-family:arial;
	font-size:15px;
	font-weight:700;
	color:#666666;
}

ul#menu li:first-child {
	border-top:none
}

/* padding-right is set 100px and white-space is used to make sure it won't break into two lines */
ul#menu li a {
	color:#F6EFDC;
	text-decoration:none;	
	white-space:nowrap;
}

ul#menu li a {
	color:#666666;
	text-decoration:none;
}



/****************************ACCUEIL***********************************************/
#part_gauche_accueil{
 float:left;
width:433px;
margin-right:20px;
}

#part_gauche_accueil a{
text-decoration:none;
color:#666666;
}


#part_droite_accueil{
float:left;
width:230px;
margin-right:20px;
}

.pousserectangles{ margin-left:10px;}

.pousse_gauche_droite{ padding-left:15px; padding-right:15px;}

#fond_accueil{background-image:url(images/fond-accueil_AlineBattut.gif); width:417px; height:74px; background-repeat:no-repeat; padding-top:10px; padding-right:10px;}
#fond_accueil2{background-image:url(images/fond-accueil_AlineBattut.gif); width:417px; height:74px; background-repeat:no-repeat; padding-top:10px; padding-right:10px;}
#fond_accueil3{background-image:url(images/fond-accueil_AlineBattut.gif); width:417px; height:74px; background-repeat:no-repeat; padding-top:10px; padding-right:10px;}
#fond_accueil4{background-image:url(images/fond-accueil_AlineBattut.gif); width:417px; height:74px; background-repeat:no-repeat; padding-top:10px; padding-right:10px;}





#part_droite_accueil a{display:block; 
text-align:center; 
color:#ffffff; 
background-color:#666666; 
width:80px;
text-decoration:none;
margin-left:10px;
font-weight:bold;
font-size:10px;
height:22px;
-height:24px;
}


#part_droite_accueil a:hover{ display:block;
text-align:center; 
color:#666666; 
background-color:#ffffff;
width:80px; 
text-decoration:none;
font-weight:bold;
border-style:solid;
border-color:#666666;
border-width:1px;
height:20px;
}





/************************************PLACEMENTS*************************************************/
#conteneur_placements{ padding-left:15px; padding-right:15px;}

#conteneur_placements li{ list-style-image:url(images/carre_rouge2.jpg);}

#part_gauche_placements{ float:left; width:325px; margin-right:20px;}

#part_droite_placements{ float:left; width:325px;}

.info{margin-left:260px;  color:#999999; font-size:9px;  padding-bottom:10px; padding-top:10px;}

.bleu{color:#00a9e4; font-weight:bold;}

.gras{font-weight:bold;}


/************************************SANTE*************************************************/
#conteneur_sante{ padding-left:15px; padding-right:15px;}

#conteneur_sante li{list-style-image:url(images/carre_rouge2.jpg);}

#partie_une_sante{float:left; width:325px; margin-right:20px;}


#partie_deux_sante{float:left; width:325px;  margin-top:25px;}

#part_droite_pret2{line-height:17px;
background-image:url(images/cellule_sante.jpg); 
width:221px; height:216px;
padding-top:20px; margin-left:auto; margin-right:auto;
padding-left:15px; padding-right:15px; 
background-repeat:no-repeat;}

.orange{ color:#f5c357; font-size:17px; font-style:italic;}

#pied_sante{ background-image:url(images/fond_orange2.jpg); width:639px; height:82px; padding-left:15px; padding-right:15px; padding-top:10px; background-repeat:no-repeat;}

/************************************PRO LIB*************************************************/
#conteneur_lib2{  background-color:#f8fafb;   width:698px; }
#conteneur_lib{ padding-left:15px;  width:683px; }

#part_gauche_lib{float:left; width:325px; margin-right:20px;}
#part_gauche_lib{float:left; width:325px;}
#pied_lib{ background-image:url(images/fond_orange.jpg); width:645px; height:111px; padding-left:15px; padding-right:15px; font-weight:bold; padding-top:10px; color:#FFFFFF;}
#pied_lib14{ background-image:url(images/fond_gris.jpg); width:645px; height:111px; padding-left:15px; padding-right:15px; font-weight:bold; padding-top:10px; color:#666666;}
#pied_lib21{ background-image:url(images/fond_bleu.jpg); width:640px; height:101px; padding-left:20px; padding-right:15px; font-weight:bold; padding-top:20px; color:#666666;}

#conteneur_lib a.prevoyance{display:block; 
text-align:center; 
color:#ffffff; 
background-color:#666666; 
width:160px;
text-decoration:none;
margin-left:160px;
font-weight:bold;
font-size:10px;
height:22px;
-height:24px;
}


#conteneur_lib a.prevoyance:hover{ display:block;
text-align:center; 
color:#666666; 
background-color:#ffffff;
width:160px; 
text-decoration:none;
font-weight:bold;
border-style:solid;
border-color:#666666;
border-width:1px;
height:20px;

}


#conteneur_lib a.sante{display:block; 
text-align:center; 
color:#ffffff; 
background-color:#666666; 
width:127px;
text-decoration:none;
margin-left:190px;
font-weight:bold;
font-size:10px;
height:22px;
-height:24px;
}


#conteneur_lib a.sante:hover{ display:block;
text-align:center; 
color:#666666; 
background-color:#ffffff;
width:127px; 
text-decoration:none;
font-weight:bold;
border-style:solid;
border-color:#666666;
border-width:1px;
height:20px;
}



#conteneur_lib a.retraite{display:block; 
text-align:center; 
color:#ffffff; 
background-color:#666666; 
width:140px;
text-decoration:none;
margin-left:180px;
font-weight:bold;
font-size:10px;
height:22px;
-height:24px;
}


#conteneur_lib a.retraite:hover{ display:block;
text-align:center; 
color:#666666; 
background-color:#ffffff;
width:140px; 
text-decoration:none;
font-weight:bold;
border-style:solid;
border-color:#666666;
border-width:1px;
height:20px;
}

#part_droite_lib{float:left; width:315px;}


#conteneur_lib a.placement{display:block; 
text-align:center; 
color:#ffffff; 
background-color:#666666; 
width:160px;
text-decoration:none;
margin-left:160px;
font-weight:bold;
font-size:10px;
height:22px;
-height:24px;
}


#conteneur_lib a.placement:hover{ display:block;
text-align:center; 
color:#666666; 
background-color:#ffffff;
width:160px; 
text-decoration:none;
font-weight:bold;
border-style:solid;
border-color:#666666;
border-width:1px;
height:20px;
}





/************************************PRET*************************************************/

#conteneur_pret{ padding-left:15px; padding-right:15px; }
#conteneur_pret li{ list-style-image:url(images/carre_rouge2.jpg);}



#part_gauche_pret{ width:380px; float:left;}

#part_droite_pret{line-height:17px; float:left; background-image:url(images/celule_pret.jpg); width:222px; height:549px; margin-left:20px; padding-left:15px; padding-right:15px; background-repeat:no-repeat;}


.blanc{color:#FFFFFF; font-weight:bold; font-size:13px;}
.blanc1{color:#FFFFFF; }

.petit{font-size:11px;}

/***********************************TRAVAILLEURS INDEP***************************************/
#conteneur_indep2{ background-color:#f9f6f2; width:699px;  }
#conteneur_indep{ padding-left:15px; width:683px;  }




#part_gauche_indep{float:left; width:325px; margin-right:18px;}

#part_droite_indep{float:left; width:325px; }

#conteneur_indep li{list-style-image:url(images/carre_rouge2.jpg);}



#pied_indep{background-image:url(images/fond_orange3.jpg); 
width:649px; 
height:152px; 
padding-top:30px;
 padding-left:15px; 
padding-right:15px; 
font-weight:bold; }


#conteneur_indep a.prevoyance{display:block; 
text-align:center; 
color:#ffffff; 
background-color:#666666; 
width:160px;
text-decoration:none;
font-weight:bold;
font-size:10px;
height:22px;
-height:24px;
}


#conteneur_indep a.prevoyance:hover{ display:block;
text-align:center; 
color:#666666; 
background-color:#ffffff; 
width:160px; 
text-decoration:none;
font-weight:bold;
border-style:solid;
border-color:#666666;
border-width:1px;
height:20px;
}


#conteneur_indep a.sante{display:block; 
text-align:center; 
color:#ffffff; 
background-color:#666666; 
width:127px;
text-decoration:none;
margin-left:190px;
font-weight:bold;
font-size:10px;
height:22px;
-height:24px;
}


#conteneur_indep a.sante:hover{ display:block;
text-align:center; 
color:#666666; 
background-color:#ffffff; 
width:127px; 
text-decoration:none;
font-weight:bold;
border-style:solid;
border-color:#666666;
border-width:1px;
height:20px;
}



#conteneur_indep a.retraite{display:block; 
text-align:center; 
color:#ffffff; 
background-color:#666666; 
width:140px;
text-decoration:none;
margin-left:180px;
font-weight:bold;
font-size:10px;
height:22px;
-height:24px;
}


#conteneur_indep a.retraite:hover{ display:block;
text-align:center; 
color:#666666; 
background-color:#ffffff; 
width:140px; 
text-decoration:none;
font-weight:bold;
border-style:solid;
border-color:#666666;
border-width:1px;
height:20px;

}


/*****************************************CONTACT**********************************************/

#vert_form{ font-weight:bold; color:#66b203; background-color:#e6fbc7; border-color:#66b203; border-width:1px; padding:10px; width:100%;}
#rouge_form{font-weight:bold; color:#b21d03; background-color:#fbcec7; border-color:#b21d03; border-width:1px; padding:10px; width:100%;}

#conteneur_contact{ padding-left:15px; padding-right:15px;}

#part_gauche_contact{float:left; width:315px; margin-right:20px;}

#part_droite_contact{float:left; width:335px; }

.pousse_bouton{margin-left:100px;}

#map{width:335px; height:200px;}

#map2{width:335px; height:200px;}


.case 
{
border-color: #d3d3d3;
border-width: 2px;
border-style: solid;
}

textarea{border-color: #d3d3d3;
border-width: 2px;
border-style: solid;
}

.pousse_droite{margin-right:80px;}
.petit2{ font-size:9px; line-height:normal; padding-left:10px; padding-right:10px;}
.autre{height:20px;}


/**************************************CABINET***************************************************/

#conteneur_cabinet{ padding-left:15px; padding-right:15px;}


#fond_pied{ background-image:url(images/bas_contenu.jpg); width:701px; height:5px; background-repeat:no-repeat; -margin-left:241px;}
*+html #fond_pied{margin-left:240px; background-image:url(images/bas_contenu.jpg); width:701px; height:5px; background-repeat:no-repeat;}

#contient_cab{ margin-left:auto; margin-right:auto; width:673px;}
#cab1{ float:left; width:320px; margin-left:25px; -margin-left:15px;  }
#cab2{float:left; width:320px;}


.pousse_gauche_cab{margin-left:20px;}
.logo_cabinet{ margin-right:10px;}





/**************************************PARTICULIERS**************************************************/

#conteneur_particulier{padding-left:15px; padding-right:15px;}
#conteneur_particulier li{list-style-image:url(images/carre_rouge2.jpg);}

#gauche_particulier{float:left; width:315px; margin-right:20px;}

#droite_particulier{float:left; width:315px;}


#conteneur_particulier a.pret{display:block; 
text-align:center; 
color:#ffffff; 
background-color:#e97156; 
width:190px;
text-decoration:none;
margin-left:130px;
font-weight:bold;
font-size:10px;
height:22px;
}


#conteneur_particulier a.pret:hover{ display:block;
text-align:center; 
color:#666666; 
background-color:#ffffff;
width:190px; 
text-decoration:none;
font-weight:bold;
border-style:solid;
border-color:#e97156;
border-width:1px;
height:20px;
}



#conteneur_particulier a.placement{display:block; 
text-align:center; 
color:#ffffff; 
background-color:#e97156; 
width:160px;
text-decoration:none;
margin-left:160px;
font-weight:bold;
font-size:10px;
height:22px;
}


#conteneur_particulier a.placement:hover{ display:block;
text-align:center; 
color:#666666; 
background-color:#ffffff;
width:160px; 
text-decoration:none;
font-weight:bold;
border-style:solid;
border-color:#e97156;
border-width:1px;
height:20px;
}



#conteneur_particulier a.sante{display:block; 
text-align:center; 
color:#ffffff; 
background-color:#e97156; 
width:127px;
text-decoration:none;
margin-left:190px;
font-weight:bold;
font-size:10px;
height:22px;
}


#conteneur_particulier a.sante:hover{ display:block;
text-align:center; 
color:#666666; 
background-color:#ffffff;
width:127px; 
text-decoration:none;
font-weight:bold;
border-style:solid;
border-color:#e97156;
border-width:1px;
height:20px;
}



#conteneur_particulier a.retraite{display:block; 
text-align:center; 
color:#ffffff; 
background-color:#e97156; 
width:140px;
text-decoration:none;
margin-left:180px;
font-weight:bold;
font-size:10px;
height:22px;
}


#conteneur_particulier a.retraite:hover{ display:block;
text-align:center; 
color:#666666; 
background-color:#ffffff;
width:140px; 
text-decoration:none;
font-weight:bold;
border-style:solid;
border-color:#e97156;
border-width:1px;
height:20px;
}



#conteneur_particulier a.prevoyance{display:block; 
text-align:center; 
color:#ffffff; 
background-color:#e97156; 
width:160px;
text-decoration:none;
margin-left:160px;
font-weight:bold;
font-size:10px;
height:22px;
}


#conteneur_particulier a.prevoyance:hover{ display:block;
text-align:center; 
color:#666666; 
background-color:#ffffff;
width:160px; 
text-decoration:none;
font-weight:bold;
border-style:solid;
border-color:#e97156;
border-width:1px;
height:20px;
}



/************************************PREVOYANCE******************************************************/

#conteneur_prevoyance{padding-left:15px; padding-right:15px;}

#gauche_prevoyance{float:left; width:315px; margin-right:20px;}

#droite_prevoyance{float:left; width:315px;}

#conteneur_prevoyance li{ list-style-image:url(images/carre_rouge2.jpg);}

#fond_prevoyance{ background-image:url(images/fond_rouge2.jpg); width:640px; height:170px; padding-top:10px;  padding-left:15px; 
padding-right:15px; color:#FFFFFF; font-weight:bold;
}

/***********************************RETRAITE**********************************************************/


#conteneur_retraite{padding-left:15px; padding-right:15px;}

#gauche_retraite{float:left; width:315px; margin-right:20px;}

#droite_retraite{float:left; width:315px;}


/**********************************ENTREPRISE**********************************************************/

#conteneur_entreprise{padding-left:15px; padding-right:15px;}

#gauche_entreprise{float:left; width:315px; margin-right:20px;}

#droite_entreprise{float:left; width:315px;}

#conteneur_entreprise li{ list-style-image:url(images/carre_rouge2.jpg);}

#carre1{ float:left; width:194px; background-color:#00a9e4; margin-right:20px; padding-left:10px; height:170px;}
#carre2{float:left; width:194px; background-color:#00a9e4; margin-right:20px; padding-left:10px; height:170px;}
#carre3{float:left; width:209px; background-color:#00a9e4;  padding-left:10px; height:170px;}
.asavoir{font-size:14px;}

#gauche_entreprise a{display:block; 
text-align:center; 
color:#ffffff; 
background-color:#666666; 
width:280px;
text-decoration:none;
margin-left:28px;
font-weight:bold;
font-size:10px;
height:22px;
-height:24px;
}


#gauche_entreprise a:hover{
 display:block;
text-align:center; 
color:#666666; 
background-color:#ffffff;
width:280px; 
text-decoration:none;
font-weight:bold;
border-style:solid;
border-color:#666666;
border-width:1px;
height:20px;
}