body {
margin: 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #75737A;
}
h2{
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
color: #F3B06C;
font-weight: bold;
}
h3{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #CB8164;
}
.t1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
color: #F3B06C;
font-weight: bold;
}
.t2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #CB8164;
}
img{
border: 0;
display:block; /* Evite l'apparition de "marges" au bas des images du div gauche*/
}
#header {
height: 78px;
width: 100%;
}
#header h1, dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#header li {
display: inline; /* Pour résoudre un pb de layout IE */
}
#header h1{
float:left;
width: 300px;
height:100%;
background: url(images/logo.png) no-repeat left top;
text-indent: -5000px ;
}
#header dl{
float :left;
width: 120px;
height:100%;
background: cyan;	
}
#header dt {
text-align:center;
width: 120px;
}
#header dd {
text-align:center;
}
#header dd li a, #header dt a{
color: #FFF;
text-decoration: none;
font-weight: bold;
font-family:"Times New Roman", Times, serif;
font-size: 14px;
display: block;
border-style: solid;
border-color:  #F3B06C;
border-width: 0px 0px 0px 0px;
}
#ssmenu1 {
border: 1px solid #F3B06C;
background-color:#F9D7B4;
}
#ssmenu2 {
border: 1px solid #e5a069;
background-color:#F2CEB4;
}
#ssmenu3 {
border: 1px solid #D68E66;
background-color:#EBC6B3;
}
#conteneur {
width: 900px;
margin: 0 auto; /* permet de centrer sur la page*/ 
position: relative;
/*background: yellow;*/
background: url(images/line.jpg) repeat-y
}
#gauche_accueil {
position: absolute;
top: 78px;
left: 0;
width: 242px;
height:366px;
background: url(images/v_accueil.jpg) no-repeat right top;
padding :0 80px 0 0;
}
#gauche_interlocuteurs {
position: absolute;
top: 78px;
left: 0;
width: 242px;
height:366px;
background: url(images/v_interlocuteurs.jpg) no-repeat right top;
padding :0 80px 0 0;
}
#gauche_services{
position: absolute;
top: 78px;
left: 0;
width: 242px;
height:366px;
background: url(images/v_services.jpg) no-repeat right top;
padding :0 80px 0 0;
}
#gauche_honoraires {
position: absolute;
top: 78px;
left: 0;
width: 242px;
height:366px;
background: url(images/v_honoraires.jpg) no-repeat right top;
padding :0 80px 0 0;
}
#gauche_contact {
position: absolute;
top: 78px;
left: 0;
width: 242px;
height:366px;
background: url(images/v_contact.jpg) no-repeat right top;
padding :0 80px 0 0;
}
#centre{
width:578px;
text-align:justify;
background: url(images/horiligne.jpg) no-repeat top;
background-color:white;
padding-top : 46px;
overflow:auto;
margin-left: 322px;
}
#centre ul{
margin:0 0 0 0em;
padding:0 0 0 1em;
}
#centre ul li{
list-style-type:circle;
list-style-position: inside;
padding-left: 15px;
margin-bottom: 15px;
}
#centre a {
color: #CB8164;
}
#divaccueil {
background: url(images/bat.jpg) no-repeat center;
}
#footer {
clear: both;
text-align:center;
background-color: #E1D7D5;
}
#footer a {
color: #CB8164;
}