body {
	margin: auto;
	color: navy;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	background-color: #A3DCF5;
	background-image: url(../images/fonds.jpg);
	background-repeat: repeat-x;
}
td {
	vertical-align: top;
}
img {
	border:1px solid #000; 
}
#text {
	position: relative;
	left: 45px;
	top: 25Px;
   font: small-caps bold 15px Verdana, Geneva, Arial, Helvetica, sans-serif; 
   width:480px; 
   padding: 21px 0 0 0; 
   line-height: 23px;
}
#textH {
	position: relative;
	left: 45px;
	top: 25Px;
   font: small-caps bold 15px Verdana, Geneva, Arial, Helvetica, sans-serif; 
   width:480px; 
   padding: 21px 0 0 0; 
   line-height: 23px;
	color: white;
}
.listep, .listepH {
	 line-height: 30px;
}
.cent, .centH {
	text-align: center;
	 line-height: 23px;
}
span.ptt {
	font-size: 0.8em;
	margin-left:23px;
}
#adress {
position:relative;
float: left;
top: 30px;
left: 75px;
font-weight: bold;
line-height: 22px;
boirder:1px solid #ddd; 
}
#gallery {
	position: relative;
	left: 25px;
	top: 25Px;
   font: small-caps bold 15px Verdana, Geneva, Arial, Helvetica, sans-serif; 
   width:550px; 
   padding:15px 0 0 0; 
   line-height:19px;}
	
#gallery div.off {
  color:navy; 
  height:33px; 
  margin-right:2px; 
  line-height:33px; 
  padding:0 10px; 
  float:left; 
  boIrder:1px solid #ddd; 
  boIrder-bottom-color:#000; 
  cursor:pointer; 
  position:relative; 
  z-index:20;}
  
#gallery div.on {
color:white; 
padding:0 10px; 
margin-right:2px; 
margin-top:1px; 
float:left; 
boIrder:1px solid #000; 
cursor:pointer; 
border-bottom:0; 
height:33px; 
line-height:32px; 
position:relative; 
z-index:100;}

div.hide {display:none; width:0; overflow:hidden;}
div.show {
clear:left; 
width:510px; 
margin-top:0; 
top:-1px; 
boIrder:1px solid #000;
padding:20px 10px 20px 20px; 
position:relative; 
z-index:50; font:13px verdana, arial, sans-serif; 
line-height:19px;}
div.show img {float:left; margin:0 7px 10px 0;}
.clear {clear:both;}
#Soins_du_Corps, #Epilation {
	line-height: 22px;
}
#Manucure_maquillage {
	font-size:14px;
		line-height: 26px;
}
#Soins_du_Visage {
	line-height: 26px;
}
#Cure_Oceanie {
	width: 525px; 
bIorder:1px solid #000;
font-size:12px;

}
#coted {
	position: relative;
	left: 35px;
	top: 15px;
   font: 15px Verdana, Geneva, Arial, Helvetica, sans-serif; 
	boIrder:1px solid #ddd;
   width: 280px; 
   padding: 22px 0 0 10px; 
   line-height: 22px;
	color:navy;
}
#cotedH {
position: relative;
	left: 35px;
	top: 15px;
   font: 15px Verdana, Geneva, Arial, Helvetica, sans-serif; 
	boIrder:1px solid #ddd;
   width: 280px; 
   padding: 22px 0 0 10px; 
   line-height: 22px;
	color: white;
}
#coted span.tit, #coteds span.tit{
	font-weight: bold;
	font-variant: small-caps;
}
#textH span.titH, #cotedH span.titH  {
	font-weight: bold;
	font-variant: small-caps;
	color: #c6feff;
}

#coteds {
	position: relative;
	left: 25px;
	top: 25Px;
   font: 15px Verdana, Geneva, Arial, Helvetica, sans-serif; 
	boIrder:1px solid #ddd;
   width: 320px; 
   padding: 27px 0 0 15px; 
   line-height: 22px;
}

/* tooltip */
 a.tooltip2, a.tooltip2:active , a.tooltip2:link, a.tooltip2:visited  {
 color:navy;
 border-bottom: 1px dotted navy;
  cursor: help;
  text-decoration:none;}
 #cotedH a.tooltip2,  #cotedH a.tooltip2:active , #cotedH a.tooltip2:link,  #cotedH a.tooltip2:visited  {
 color:white;
 border-bottom: 1px dotted white;
  cursor: help;
  text-decoration:none;}
 a.tooltip2 b {display:none;}
 a.tooltip2:hover {border:0; position:relative; text-decoration:none;}
 a.tooltip2:hover b {display:block; position:absolute; top:20px; left:0px; padding:5px; font-weight:normal; color:#000; border:1px solid #888; background:#ffc; width:250px;font-size:12px;font-variant:normal;line-height:13px;}
 a.tooltip2:hover b em {position:absolute; left:100px; top:-6px; width:11px; height:6px; background: transparent url(images/tooltip.gif) 0 0; display:block; font-size:1px;}

  a.un {
  font-weight: bold;
  font-size: 18px;
  	margin-left: 23px;
  }
  a.deux {
  font-weight: bold;
  font-size: 16px;
  	margin-left: 53px;
  }
  a.trois {
  font-weight: bold;
  font-size: 19px;
  	margin-left: 3px;
  }
  a.quat {
  font-weight: bold;
  font-size: 20px;
  	margin-left: 123px;
  }
  a.cinq {
  font-weight: bold;
  font-size: 19px;
  	margin-left: 153px;
  }
  a.six {
  font-weight: bold;
  font-size: 17px;
  	margin-left: 63px;
  }
  a.sept {
  font-weight: bold;
  font-size: 18px;
  	margin-left: 33px;
  }
  a.huit {
  font-weight: bold;
  font-size: 22px;
  	margin-left: 83px;
  }
  
  #menu {
  		position: relative;
		float: right;
		top: 13px;
		right: 120px;
  }
  #menu a {
  	position: relative;
	boirder:1px solid #000;
	float: left;
	text-align: center;
	width: 223px;
  	display: block;
	text-decoration: none;
	font-weight: bold;
	color: navy;
  }
  #menu a:hover {
  	color: blue;
  }
  
  #credit {
  	position:relative;
	width:1000px;
	margin: Auto;
	top:34px;
	font-size:10px;
  }
  #credit a:hover, #credit a:visited {
  	color: #c6feff;
  }