/* Feuille de style pour la charte graphique du site
 * Cette feuille de style est appelée depuis styles.css.
 */

*{
/*---toutes les marges sont à 0---*/
margin:0;
padding:0;
}
body,html{
height:100%;
scrollbar-base-color:#f2edd6;
overflow:hidden;
}
body{
font-size:62.5%;
background:#000;
font-family:Verdana, Arial, Helvetica, sans-serif;
background-color:#f2edd6;
}
#container0{
position:absolute;
width:100%;
top:50%;
height:578px;
margin-top:-289px;
text-align:center;
background:url(../images/charte/bg-page-x.gif) repeat-x top left;
}
#container{
width:1003px;
height:578px;
margin:0 auto;
text-align:left;
}
#contenu{
 float:left;
	width:1003px;
	height:364px;
	background-color:#e8e1bc;
  }
  
  
a{
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:18px;
	color:#D9A142;
	font-weight:bold;
	text-decoration:none
}

 a:hover{
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:18px;
	color:#000000;
	font-weight:bold;
		text-decoration:none
}
 #header{
	float:left;
	width:1003px;
	height:87px;
}


/*-----------------------menu--------------------------------*/
#menuhaut{
float:left;
width:990px;
height:86px;
padding-top:12px;
background:url(../images/charte/bg-menu.gif) no-repeat top left;
}
#menuhaut ul{
	float:right;
	height:86px;
	list-style-type:none; 
}
#menuhaut ul li{
	float:left;
	height:86px;
}
#menuhaut ul li a{
	display:block;
	height:86px;
}
#menuhaut ul li a span{
	display:none;
}
a.salon,a.salon:visited{
background-image:url(../images/charte/accueil.gif);
}
a.salon:hover{
background-image:url(../images/charte/accueil-on.gif);
}
a.soins,a.soins:visited{
	background-image:url(../images/charte/soins.gif);
}
a.soins:hover{
	background-image:url(../images/charte/soins-on.gif);
}

a.tarif,a.tarif:visited{
	background-image:url(../images/charte/tarif.gif);
}
a.tarif:hover{
	background-image:url(../images/charte/tarif-on.gif);
}
a.technique,a.technique:visited{
	background-image:url(../images/charte/technique.gif);
}
a.technique:hover{
	background-image:url(../images/charte/technique-on.gif);
}
a.lissage,a.lissage:visited{
	background-image:url(../images/charte/lissage.gif);
}
a.lissage:hover{
	background-image:url(../images/charte/lissage-on.gif);
	
}
a.extensions,a.extensions:visited{
	background-image:url(../images/charte/extensions.gif);
}
a.extensions:hover{
	background-image:url(../images/charte/extensions-on.gif);
	
}
a.chignons,a.chignons:visited{
	background-image:url(../images/charte/chignons.gif);
}
a.chignons:hover{
	background-image:url(../images/charte/chignons-on.gif);
	
}
a.actualites,a.actualites:visited{
	background-image:url(../images/charte/actualites.gif);
}
a.actualites:hover{
	background-image:url(../images/charte/actualites-on.gif);
	
}

a.equipe,a.equipe:visited{
	background-image:url(../images/charte/equipe.gif);
}
a.equipe:hover{
	background-image:url(../images/charte/equipe-on.gif);
	
}

a.contact,a.contact:visited{
	background-image:url(../images/charte/contact.gif);
}
a.contact:hover{
	background-image:url(../images/charte/contact-on.gif);
	
}

/*-----------------------menu--------------------------------*/


#collLeft{
	float:left;
	width:280px;
	height:364px;
  display: table;
	background-color:#fff;
}
#collLeft img{
	margin:0px;
	
}
#texte{
	float:left;
	width:703px;
	height:236px;
	overflow:auto;
	padding:10px;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:18px;
}

#textes{

	width:980px;
	height:340px;
	overflow:auto;
	padding:10px;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:18px;
	text-align:justify;
}


#textes a{
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:18px;
	color:#D9A142;
	font-weight:bold;
	text-decoration:none
}

#textes a:hover{
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:18px;
	color:#000000;
	font-weight:bold;
		text-decoration:none
}


/*-----------------------menu--------------------------------*/


#bandeau-photos{
  width: 723px;
  height: 108px;
  overflow: auto;
  overflow: auto; /* fix safari */
  float: left;
  }
  
  
#footer{
	height:22px;
	padding:5px;
}


a img{
  border: none;
  }

.clearer{
  clear: both;
  }
  
  
  
  
h1{
font-family:Arial, Helvetica, sans-serif;
font-size:1.4em;
line-height:30px;
height:40px;
color:#8a3834;
margin:0px 25px 0px 0px;
text-transform:uppercase;
text-align:left;
color:#d9a142;

}
h2{
font-size:14px;
font-weight:bold;
text-align:left;
text-transform:uppercase;
border-bottom:1px dashed #D9A142;
color:#D9A142;
margin:5px 0px 0px 0;
}

h3{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#8a3834;

padding-bottom:10px;
padding-top:15px;

text-transform:uppercase;
text-align:left;
color:#d9a142;




}


h4{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#8a3834;
padding-bottom:10px;
padding-top:15px;
text-transform:uppercase;
color:#D25B21;
}

strong{
color:#704522;
}

#texte a:link, #texte a:visited{
	font-weight:bold;
		text-decoration:none;
	color:#d9a142;
}
#texte a:hover, #texte a:active{
	font-weight:bold;
	text-decoration:underline;
	color:#d9a142;
}


/* listing prod
******************/

#bandeau-photos #defilgauche{
  float: left;
  cursor: pointer;
  z-index: 9;
  }
#bandeau-photos #defildroite{
  float: right;
  cursor: pointer;
  z-index: 10;
  }
#bandeau-photos #flowcut{
  height: 108px;
  width:636px;
  overflow: hidden;
  position: relative;
  background-color:#B3AB80;

  }
#bandeau-photos #flow{
  position: relative;

  }
#bandeau-photos .vign{
float: left;
width: 1%;
text-align:left;
padding:0px;
border:0px;

  }


.invisible
{
	display:none;
}