/* CSS Document */
body {
margin:auto;
padding: auto;
background-color:#ffffff;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
}

 #valign{ width:980px; border:#666666 1px solid; height:590px; position:absolute; top:50%; left:50%;
 			 margin-top: -295px; 
  			 margin-left: -490px; }

#clearer{ clear:both;}
#page{	width:980px;
		height:590px;
		margin:auto;
		background-image:url(img/index_fond.jpg);}
		
			
#col1{	float:left;  padding-left:457px; margin-top:103px; width:177px; height:418px; }
#col2{	float:left;  margin-left:5px;   margin-top:103px; width:146px; height:418px;}
#col3{	float:left;  margin-left:5px;   margin-top:103px; width:160px; height:418px; }


#page h1{ display:none;}

#page a.salon{ display:block; width:162px; height:0; background-image:url(img/index_menu.gif); background-repeat:no-repeat; margin:47px 0 0 15px; background-position: -15px -47px; padding-top:127px; overflow:hidden; }
#page a.spa{ display:block; width:177px; height:0; background-image:url(img/index_menu.gif); background-repeat:no-repeat; margin:5px 0 0 0; background-position: 0 -180px; padding-top:114px; overflow:hidden; }

#page a.coiffure{ display:block; width:144px; height:0; background-image:url(img/index_menu.gif); background-repeat:no-repeat; margin:0 0 0 0; background-position: -182px 0;padding-top:193px; overflow:hidden; }
#page a.esthetique{ display:block; width:144px; height:0; background-image:url(img/index_menu.gif); background-repeat:no-repeat; margin:5px 0 0 0; background-position: -182px -199px; padding-top:134px; overflow:hidden; }
#page a.rdv{ display:block; width:123px; height:0; background-image:url(img/index_menu.gif); background-repeat:no-repeat; margin:5px 0 0 21px; background-position: -203px -337px;padding-top:81px; overflow:hidden; }

#page a.mariage{ display:block; width:160px; height:0; background-image:url(img/index_menu.gif); background-repeat:no-repeat; margin:78px 0 0 0; background-position: -332px -79px; padding-top:167px; overflow:hidden;}
#page a.news{ display:block; width:122px; height:0; background-image:url(img/index_menu.gif); background-repeat:no-repeat; margin:5px 0 0 0; background-position: -332px -251px;padding-top:150px; overflow:hidden; }



#page a.salon:hover{ display:block; width:162px; height:0; background-image:url(img/index_menu.gif); background-repeat:no-repeat; margin:47px 0 0 15px; background-position: -15px -465px; padding-top:127px; overflow:hidden; }
#page a.spa:hover{ display:block; width:177px; height:0; background-image:url(img/index_menu.gif); background-repeat:no-repeat; margin:5px 0 0 0; background-position: 0 -598px; padding-top:114px; overflow:hidden; }

#page a.coiffure:hover{ display:block; width:144px; height:0; background-image:url(img/index_menu.gif); background-repeat:no-repeat; margin:0 0 0 0; background-position: -182px -418px; padding-top:193px; overflow:hidden;}
#page a.esthetique:hover{ display:block; width:144px; height:0; background-image:url(img/index_menu.gif); background-repeat:no-repeat; margin:5px 0 0 0; background-position: -182px -617px; padding-top:134px; overflow:hidden;}
#page a.rdv:hover{ display:block; width:123px; height:0; background-image:url(img/index_menu.gif); background-repeat:no-repeat; margin:5px 0 0 21px; background-position: -203px -755px;padding-top:81px; overflow:hidden; }

#page a.mariage:hover{ display:block; width:160px; height:0; background-image:url(img/index_menu.gif); background-repeat:no-repeat; margin:78px 0 0 0; background-position: -332px -497px;padding-top:167px; overflow:hidden; }
#page a.news:hover{ display:block; width:122px; height:0; background-image:url(img/index_menu.gif); background-repeat:no-repeat; margin:5px 0 0 0; background-position: -332px -669px;padding-top:150px; overflow:hidden; }


#pied{ width:950px; text-align:right; font-size:10px; margin-top:55px;}
#pied a{ font-size:10px; color:#000000;}