body { 
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height:18px;
color:#89877a;
margin: 0; 
padding:0;
height: 100%;
}
#header {	
width:730px;
height:188px;
z-index:1;
background-image: url(../images/header.jpg);
margin-left: 210px;
position:relative;
}
a.footer { 
color: #666666;
text-decoration:none;
font-weight:bolder;
}
a.footer:hover {
color:#333333;}
#headerflash {	
width:730px;
height:188px;
z-index:100;
margin-left: 105px;
float:left;

}

#container{
margin:0;
padding:0;
width:940px;
overflow:hidden;
min-height:100%;
position:relative;
}
img {
border:none;

}
div.clear {
clear:both; 
width:100%; 
overflow:hidden; 
height:1px;
}


#nav {
position:absolute;
width: 170px;
margin-top:0px;
float: left;
margin-left:-40px;
padding-left:0px;
left: 0px;
}
h1 {
font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
font-size: 26px;
font-weight:lighter;
color:#89877a;
text-align:left;
line-height:26px;
margin:0px;
margin-top: 10px;
}
h2 {
font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
font-size: 21px;
font-weight:lighter;
color:#89877a;
text-align:left;
margin:0px;
margin-top: 0px;
}
hr {
height: 1px; color: #ccc; background-color: #ccc; width: 100%; border: none;
}
p {
line-height:18px;
}
a.mail {
text-decoration:none;
font-weight: bold;
color: #89877a;
}
a.mail:hover {
color: #666666;
text-decoration:underline;
}
#menu ul, li {
list-style-type:none;
margin-top:5px;
line-height: 18px;
}
ul#menu{
padding-left: 0;
list-style-type:none;
}
/* DEFINITION DES STYLES POUR LES MENUS A IMAGES : ACCUEIL, DOC, VISAGE, POITRINE, VENTRE, SILHOUETTE */
li.accueil a{
display: block;
width: 170px ;
text-decoration: none ;
background: url(../images/btn_accueil.jpg) no-repeat 0 0 ; 
}
li.accueil a:hover{
display: block;
background:  url(../images/btn_accueil.jpg) no-repeat 0 -20px ; 
}
li.accueil a.active{
display: block;
background:  url(../images/btn_accueil.jpg) no-repeat 0 -20px ; 
}
li.drzwillinger a{
width: 170px ;
display: block;
text-decoration: none ;
background: url(../images/btn_drnicolas.jpg) no-repeat 0 0 ;
}
li.drzwillinger a:hover{
display: block;
background:  url(../images/btn_drnicolas.jpg) no-repeat 0 -20px ; 
}
li.drzwillinger a.active{
display: block;
background:  url(../images/btn_drnicolas.jpg) no-repeat 0 -20px ; 
}
li.levisage a{
display: block;
width: 170px ;
text-decoration: none ;
background: url(../images/btn_levisage.jpg) no-repeat 0 0 ; 
}
li.levisage a:hover{
display: block;
background: url(../images/btn_levisage.jpg) no-repeat 0 -20px ; 
}
li.levisage a.active{
display: block;
background: url(../images/btn_levisage.jpg) no-repeat 0 -20px ; 
}
li.lasilhouette a{
display: block;
width: 170px ;text-decoration: none ;
background: url(../images/btn_lasilhouette.jpg) no-repeat 0 0 ; 
}
li.lasilhouette a:hover{
display: block;
background:  url(../images/btn_lasilhouette.jpg) no-repeat 0 -20px; 
}
li.lasilhouette a.active{
display: block;
background:  url(../images/btn_lasilhouette.jpg) no-repeat 0 -20px; 
}
li.lapoitrine a{
width: 170px ;
display: block;
text-decoration: none;
background: url(../images/btn_lapoitrine.jpg) no-repeat 0 0; 
}
li.leventre a:hover{
display: block;
background: url(../images/btn_leventre.jpg) no-repeat 0 -20px; 
}
li.leventre a.active{
display: block;
background: url(../images/btn_leventre.jpg) no-repeat 0 -20px; 
}
li.leventre a{
display: block;
width: 170px;
text-decoration: none;
background: url(../images/btn_leventre.jpg) no-repeat 0 0; 
}

li.lescliniques a:hover{
display: block;
background: url(../images/btn_cliniques.jpg) no-repeat 0 -20px; 
}
li.lescliniques a.active{
display: block;
background: url(../images/btn_cliniques.jpg) no-repeat 0 -20px; 
}
li.lescliniques a{
display: block;
width: 170px;
text-decoration: none;
background: url(../images/btn_cliniques.jpg) no-repeat 0 0; 
}
li.contact a:hover{
display: block;
background: url(../images/btn_contact.jpg) no-repeat 0 -20px; 
}
li.contact a.active{
display: block;
background: url(../images/btn_contact.jpg) no-repeat 0 -20px; 
}
li.contact a{
display: block;
width: 170px;
text-decoration: none;
background: url(../images/btn_contact.jpg) no-repeat 0 0; 
}
li.moncabinet a:hover{
display: block;
background: url(../images/btn_cabinet.jpg) no-repeat 0 -20px; 
}
li.moncabinet a.active{
display: block;
background: url(../images/btn_cabinet.jpg) no-repeat 0 -20px; 
}
li.moncabinet a{
display: block;
width: 170px;
text-decoration: none;
background: url(../images/btn_cabinet.jpg) no-repeat 0 0; 
}
li.lapoitrine a:hover{
display: block;background:  url(../images/btn_lapoitrine.jpg) no-repeat 0 -20px ; 
}
li.lapoitrine a.active{
display: block;background:  url(../images/btn_lapoitrine.jpg) no-repeat 0 -20px ; 
}
/* FIN DES STYLES DES MENUS A IMAGES */
/* DEBUT DES STYLES DES MENUS A TEXTES */
ul.subMenuOpen{
margin-left:0px;
display: block; 
font-family: Arial, Helvetica, sans-serif; 
font-size:11px; 
color:#89877a; 
padding-left:0; 
}
ul.subMenuOpen a{
margin-top:-5px;
}
ul.subMenu{
margin-left:0px;
display: block; 
font-family: Arial, Helvetica, sans-serif; 
font-size:11px; 
color:#89877a; 
padding-left:0; 
}
ul.subMenu a{
margin-top:-5px;
}
li.menutexte a{
display:block;
background-image: none;
width: 170px;
color:#89877a;
font-family:Arial;
height: 20px;
text-indent: 42px;
margin-left:0;
}
li.menutexte a:hover{
background-image: none;
display: block;
background-color: #9f9e93; 
text-indent: 40px;
color:#FFFFFF;
}
li.menutexte a.active{
background-image: none;
display: block;
background-color: #9f9e93; 
text-indent: 40px;
color:#FFFFFF;
}
/* FIN DES STYLES DES MENUS A TEXTES */
/* DEBUT DES STYLES DES DIV DE CONTENU */
#contenu {
width:720px;
z-index:2;
background-color:#fff;
margin-left: 210px;
padding-left: 10px;
margin-top:0px;
}
#gauche{
width: 400px;
float: left;
text-align:justify;
margin-top:0px;
}
#gauche a {font-weight:bold; text-decoration:none; color:#98bad6;}
#gauche a:hover {text-decoration:underline}
#droite{
	background-color:#f1f0ed;
	position: absolute;
	left: 715px;
	top:188px;
	;
	width:225px;
	overflow:hidden;
	float: left;
	font-family:Arial Narrow, Helvetica, sans-serif;
	color:#666;
	font-size:14px;

}
#photos{
background-color:#fff;
width:225px;
padding:0 0 0 0;

}
/*#photos img { margin:0 0 0 0; padding:0 0 0 0;}*/
#infos{
	background-color:#f1f0ed;
	left: 715px;
	top:188px;
	width:100%;
	font-family: Arial, Helvetica, sans-serif;
	color:#666;
	padding:10px;
	font-size:11px;
}
#footer {
	position: relative;  /* Nécessaire pour Safari */
	padding: 1em;
	padding-left: 0px;
	

	
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#666666;
}
hr.footerhr {
margin-left:0;
height: 1px; color: #ccc; background-color: #ccc; width: 420px; border: none;

}