@charset "utf-8";
/* CSS Document */
html {
	font-size: 100%; /* Voir -> Note 1 à la fin de la feuille de styles. */
}
BODY{
	font-family: Arial, Helvetica, sans-serif;
	background-color: #999999;
	/*background-image: url(cg/fond_page.jpg); */
	background-repeat: repeat;
}

.saut_ligne{
width: 875px;
float:left;
height:1px;
}

.navigation{
	width: 875px;
	height:40px;
	font-size: 12px;
	padding-top: 10px;
}
.navigation a:link, .navigation a:focus ,.navigation a:visited ,.navigation a:hover{
	text-decoration: none;
	color: #333333;
}
.navigation a:hover{
	text-decoration: underline;
	color: #999999;
	}
#pied{
	height: 30px;
	width: 970px;
	padding-left: 30px; /* Décale la taille de la boite pour un décalage du texte */
	/*	----------------------
	=1000px  
*/
	font-size:12px;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFFFFF;
	border: 1px solid #666666;
	margin-top: -1px; /* Décale la boite  */
	 
	
}

#page{
	width: 970px;
	padding-left: 30px; /* Décale la taille de la boite pour un décalage du texte */
	/*	----------------------
	=1000px  
*/
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 10px;
	background-color: #FFFFFF;
	padding-top: 30px; /* Décale la taille de la boite pour un décalage du texte */
	border: 1px solid #666666;
	height: 100%;
	overflow: hidden; /* -> 4 */
	}

#header{
	height: 150px;
	width: 355px;
	margin-left: -30px; /* Décale la boite --> Voir padding-left:  de #page  */
	margin-top: 0px; /* Décale la boite  */
	/*background-image: url(header/header.png); */
	float:left;
	
}
#menu_h{
	height: 75px;
	padding-top: 75px; /* Décale le contenu ET agrandi la boite  */
	
	width: 635px;
	
	margin-right: 10px; /* Décale la boite--> Voir padding-left:  de #page  */
	margin-top: 0px; /* Décale la boite  */
	background-image: url(menu_h/fond.png);/**/
	background-repeat: no-repeat;
	float:right;
	background-color: #666666;	 
}
#menu_sh{
	height: 25px;
	padding-top: 6px; /* Décale le contenu ET agrandi la boite  */
	padding-left: 6px; /* Décale le contenu ET agrandi la boite  */
	width: 970px;
	margin-right: 10px; /* Décale la boite--> Voir padding-left:  de #page  */
	margin-top: 5px; /* Décale la boite  */
	float:right;
	background-color: #FFFFFF;	
}
#menu_v , #BANDE_V{
	height: auto;
	width: 250px;
	/*	----------------------
	=250px
*/
	padding-left: 0px; /* Décale la taille de la boite pour un décalage du texte */
	float:left;
	overflow: hidden; /* -> 4 */
	/*	background-color: #99FF66;	 */
}

#contenu_100pc{ /* 100% de la largeur de la page */
	height: auto;
	width: 1000px;
	margin-left: 0px; /* Marge entre ce bloc et celui de dessous */
	/*	----------------------
	=1000px
*/

	vertical-align: top;
	/*	 background-color: #00CC99;	 */
}


#pied img{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	
}

/* */
/* */
/* 			ID menu_h		*/
/* */
/* */

#menu_h a{
	/* width: 180px;*/
	float:left;
	text-align: center;
	margin-top: 5px; /* Décalage du texte */
	padding-left: 5px; /* Agrandissement de la boite  */
	padding-right: 10px; /* Agrandissement de la boite */
	font-size:18px;
	font-variant: small-caps;
	color: #000000;
	font-weight: bold;
	}
#menu_h a:link, #menu_h a:focus ,#menu_h a:visited ,#menu_h a:hover{
	text-decoration: none;
	color: #000000;
}
#menu_h a:hover{
	text-decoration: none;
	color: #FF9562;
}
#menu_h img{
	vertical-align: middle;
	font-variant: small-caps;	
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;	
}

#menu_h .droite{
float:right;
}


/* */
/* */
/* 			ID menu_sh		*/
/* */
/* */
#menu_sh{
	font-size:14px;
	font-variant: small-caps;
	color: #000000;

}
#menu_sh a{
	/* width: 180px;*/
	
	text-align: center;
	margin-top: 5px; /* Décalage du texte */
	padding-left: 5px; /* Agrandissement de la boite  */
	padding-right: 10px; /* Agrandissement de la boite */
	font-size:14px;
	font-variant: small-caps;
	font-weight: bold;
	}
#menu_sh a:link, #menu_sh a:focus ,#menu_sh a:visited ,#menu_sh a:hover{
	text-decoration: none;
	color: #333333;
}
#menu_sh a:hover{
	text-decoration: none;
	color: #002E5B;
}
#menu_sh img{
	vertical-align: middle;
	font-variant: small-caps;	
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;	
}

#menu_sh .droite{
float:right;
}

/* */
/* */
/* 			ID header		*/
/* */
/* */

#header .txt{
	
	padding-right: 10px;
	padding-top: 50px;
	float:left;
}
#header a img{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	}
#header a:link, #header a:focus ,#header a:visited {
	text-decoration: none;
	color: #552B00;
}
#header a:hover{
	text-decoration: underline;
	color: #FFFFFF;
	background-color: #804000;
}


/* */
/* */
/* 			ID contenu_100		*/
/* */
/* */




/* */
/* */
/* 			ID menu_v		*/
/* */
/* */
#info_menu_v img{
	text-align: center;
}

#menu_v h1{
	font-size: 14px;
	color: #333333;
	font-variant: small-caps;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #584A32;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #584A32;
	margin-top: 20px;
}
#menu_v h2{
	font-size: 12px;
	color: #333333;
}
#menu_v img{
	text-align: center;	
}
#menu_v p{
	font-size: 12px;
}
/* */
/* */
/* 			ID liens_menu_v		*/
/* */
/* */

#liens_menu_v ul{
	margin-left: 20px; /* Marge entre ce bloc et  */
	padding-left: 0px; /* Décale la taille de la boite pour un décalage du texte */
	padding-bottom: 2px; /* Décale la taille de la boite pour un décalage du texte */
	padding-TOP: 2px; /* Décale la taille de la boite pour un décalage du texte */
	list-style-type: none;
	}
#liens_menu_v li{
	padding-top: 5px; /* Décale la taille de la boite pour un décalage du texte */
	margin-left: 0px; /* Décale la taille de la boite pour un décalage du texte */
	padding-bottom: 0px; /* Décale la taille de la boite pour un décalage du texte */
	list-style-type: none;
	font-size: 13px;	
	}

#liens_menu_v a:link, #menu_v a:focus ,#menu_v a:visited ,#menu_v a:hover{
	text-decoration: none;
	color: #804000;
}
#liens_menu_v a:hover{
	text-decoration: underline;
	color: #FFFFFF;
	background-color: #804000;
}
#liens_menu_v img{
	margin-left: -20px; /* Marge entre ce bloc et  */
	margin-top: -3px; /* Marge entre ce bloc et  */
	float:left;
}


/* */
/* */
/* 			ID PTS_TITRE		*/
/* */
/* */

#pts_titre h1{
	color: #666666;
}



.float_left{
	float:left;
}
.float_right{
	float:right;
}


.td_bloc_img_centre{
	text-align: center;
	width: 33%;
	background-image: url(fond_td_bloc_img_centre.jpg);
	background-repeat: no-repeat;
}

.td_bloc_img_centre h1{
	color: #C64000;
	font-size: 16px;
	font-variant: small-caps;
}


/* */
/* */
/* 			ID BANDE_V		*/
/* */
/* */

#BANDE_V p{
	font-size: 12px;
	font-style: italic;
	font-variant: small-caps;
	padding-TOP: 0px; /* Décale la taille de la boite pour un décalage du texte */
	padding-RIGHT: 20px; /* Décale la taille de la boite pour un décalage du texte */
	text-align: justify;	
}
#BANDE_V h1{
	MARGIN-RIGHT: 20px; /* Décale la taille de la boite pour un décalage du texte */
	font-size: 14px;
	font-style: italic;
	font-variant: small-caps;
	padding-bottom: 2px; /* Décale la taille de la boite pour un décalage du texte */
	padding-TOP: 20px; /* Décale la taille de la boite pour un décalage du texte */
	border-bottom-width: 1px;
	border-bottom-style: dotted;
}


/* */
/* */
/* 			boite_50pc		*/
/* */
/* */
.boite_50pc{
	/* height: 300px;*/
	padding-top: 10px; /* Décale le contenu ET agrandi la boite  */
	width: 445px;  
	padding-right: 10px; /* Décale le contenu ET agrandi la boite  */
	padding-left: 10px; /* Décale le contenu ET agrandi la boite  */
	margin-right: 10px; /* Décale la boite--> Voir padding-left:  de #page  */
	margin-top: 20px; /* Décale la boite  */
	float:left;
	color: #FFFFFF;
	background-color: #000000;
	font-size: 14px;
	
}

.boite_50pc h1{
	width: 445px;  
	height: 30px;
	float:left;
	font-size: 22px;
	color: #999999;
	font-variant: small-caps;
	padding-bottom: 15px; /* Agrandissement de la boite  */
}

.boite_50pc li{
	margin-left: -33px;
	padding-left: 0px; /* Agrandissement de la boite  */

}

.boite_50pc img{
	float:right;
	margin-top: 0px;
	margin-right: 7px;
	margin-bottom: 50px;
	margin-left: 15px;
}

.boite_50pc a{
	/* */

 
	}
.boite_50pc a img{
	margin-top: -5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: -10px;
	padding-right: 10px; /* Agrandissement de la boite */
	float:left;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	}
.boite_50pc a:link, .boite_50pc a:focus ,.boite_50pc a:visited ,.boite_50pc a:hover{
	text-decoration: none;
	color: #FFCC33;
}
.boite_50pc a:hover{
	text-decoration: none;
	color: #FFFFCC;
}


/* */
/* */
/* 			boite_30pc		*/
/* */
/* */

#boite_30pc_promotion{	background-image: url(boite_30pc/boite_30pc_promotion.png);	}
#boite_30pc_coloration{	background-image: url(boite_30pc/boite_30pc_coloration.png);	}
#boite_30pc_tarifs{	background-image: url(boite_30pc/boite_30pc_tarifs.png);	}
#boite_30pc_manucure{	background-image: url(boite_30pc/boite_30pc_manucure.png);	}

.boite_30pc{
	height: 175px;
	padding-top: 50px; /* Décale le contenu ET agrandi la boite  */
	/* width: 246px; */
	width: 240px; 
	padding-right: 30px; /* Décale le contenu ET agrandi la boite  */
	padding-left: 30px; /* Décale le contenu ET agrandi la boite  */
	margin-right: 10px; /* Décale la boite--> Voir padding-left:  de #page  */
	margin-top: 20px; /* Décale la boite  */
	float:left;
	color: #FFFFFF;
	background-color: #000000;
	font-size: 14px;
	background-repeat: no-repeat;
	
}

.boite_30pc h1{
	font-size: 22px;
	color: #999999;
	font-variant: small-caps;
	text-align: justify;
}


.boite_30pc img{
	float:right;
	margin-top: 20px;
	margin-right: 7px;
	margin-bottom: 50px;
	margin-left: 15px;
}

.boite_30pc a{
	/* width: 180px;*/
	height: 30px;
	float:left;
	text-align: center;
	margin-top: 5px; /* Décalage du texte */
	margin-left: 0px; /* Décalage du texte */
	padding-left: 5px; /* Agrandissement de la boite  */
	padding-right: 10px; /* Agrandissement de la boite */
	font-size:14px;
	font-variant: small-caps;
	color: #FFCC33;
	font-weight: bold;
 
	}
.boite_30pc a img{
	margin-top: -5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: -10px;
	padding-right: 10px; /* Agrandissement de la boite */
	float:left;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	}
.boite_30pc a:link, .boite_30pc a:focus ,.boite_30pc a:visited ,.boite_30pc a:hover{
	text-decoration: none;
	color: #FFCC33;
}
.boite_30pc a:hover{
	text-decoration: none;
	color: #FFFFCC;
}

/* */
/* */
/* 			boite_100pc		*/
/* */
/* */


.boite_100pc{
	
	padding-top: 20px; /* Décale le contenu ET agrandi la boite  */
	width: 875px;
	padding-right: 30px; /* Décale le contenu ET agrandi la boite  */
	padding-left: 30px; /* Décale le contenu ET agrandi la boite  */
	margin-right: 10px; /* Décale la boite--> Voir padding-left:  de #page  */
	margin-top: 20px; /* Décale la boite  */
	float:left;
	color: #FFFFFF;
	background-color: #000000;
	font-size: 14px;
	background-repeat: no-repeat;
	
}

.boite_100pc h1{
	font-size: 22px;
	color: #FFFF99;
	font-variant: small-caps;
	text-align: justify;
}

.boite_100pc h2{
	font-size: 16px;
	color: #FFE6B7;
	font-variant: small-caps;
	text-align: justify;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFECB0;
}
.boite_100pc li{
	margin-left: 10px;
	padding-left: 10px; /* Agrandissement de la boite  */

}
.boite_100pc td{
	vertical-align: top;	
}

.boite_100pc img {
	margin-right: 10px; /* Décale la boite--> Voir padding-left:  de #page  */
	margin-top: 10px; /* Décale la boite  */

}

.boite_100pc a:link, .boite_100pc a:focus ,.boite_100pc a:visited ,.boite_100pc a:hover{
	text-decoration: none;
	color: #FFCC33;
}
.boite_100pc a:hover{
	text-decoration: none;
	color: #FFFFCC;
}


.toto h1{
	color: #FFFF66;
}





#RDV_conteneur_identification{
	
	}
	
#contenu_100pc a{
	overflow: hidden;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	padding-top: 3.5px;
	padding-right: 15px;
	padding-bottom: 3.5px;
	padding-left: 15px;
	clip: rect(auto,auto,auto,auto);
	}

#contenu_100pc a:link, #contenu_100pc a:focus, #contenu_100pc a:visited{
	border-top-color: #111314;
	color: #FF8000;
	background-color: #333333;
	}
 
#contenu_100pc a:hover {
	border-top-color: #111314;
	color: #FFFFFF;
	background-color: #666666;
	}
#contenu_100pc a:active {
	border-top-color: #111314;
	color: #FFFF00;
	background-color: #666666;
	}
#mon_compte{
}