@charset "utf-8";
/* CSS Document */



/***                 ROLL OVER DES BOUTONS             ***/


/*****************************************/
/***                 sm01              ***/
/*****************************************/
#Topheader #TopheaderPlacer #TopheaderMainNav ul li.sm01 a{
	border-bottom: 2px solid #ce1f88;
	border-left:1px solid  #FFF
}

#Topheader #TopheaderPlacer #TopheaderMainNav ul li.sm01 a:hover{
	background:#ce1f88;
	border-left:1px solid  #FFF
}

#Topheader #TopheaderPlacer #TopheaderMainNav ul li.sm01 .active{
	background:#ce1f88;
	border-left:1px solid  #FFF
}


/*****************************************/
/***                 sm02              ***/
/*****************************************/
#Topheader #TopheaderPlacer #TopheaderMainNav ul li.sm02 a{
	border-bottom: 2px solid #ff6600;
	border-left:1px solid  #FFF
}

#Topheader #TopheaderPlacer #TopheaderMainNav ul li.sm02 a:hover{
	background:#ff6600;
	border-left:1px solid  #FFF
}

#Topheader #TopheaderPlacer #TopheaderMainNav ul li.sm02 .active{
	background:#ff6600;
	border-left:1px solid  #FFF
}

/*****************************************/
/***                 sm03             ***/
/*****************************************/
#Topheader #TopheaderPlacer #TopheaderMainNav ul li.sm03 a{
	border-bottom: 2px solid #1780d3;
	border-left:1px solid  #FFF
}

#Topheader #TopheaderPlacer #TopheaderMainNav ul li.sm03 a:hover{
	background:#1780d3;
	border-left:1px solid  #FFF
}

#Topheader #TopheaderPlacer #TopheaderMainNav ul li.sm03 .active{
	background:#1780d3;
	border-left:1px solid  #FFF
}

/*****************************************/
/***                 sm04            ***/
/*****************************************/
#Topheader #TopheaderPlacer #TopheaderMainNav ul li.sm04 a{
	border-bottom: 2px solid #97ca47;
	border-left:1px solid  #FFF
}

#Topheader #TopheaderPlacer #TopheaderMainNav ul li.sm04 a:hover{
	background:#97ca47;
	border-left:1px solid  #FFF
}

#Topheader #TopheaderPlacer #TopheaderMainNav ul li.sm04 .active{
	background:#1780d3;
	border-left:1px solid  #FFF
}

/*****************************************/
/***                 sm05            ***/
/*****************************************/
#Topheader #TopheaderPlacer #TopheaderMainNav ul li.sm05 a{
	border-bottom: 2px solid #d02029;
	border-left:1px solid  #FFF
}

#Topheader #TopheaderPlacer #TopheaderMainNav ul li.sm05 a:hover{
	background:#d02029;
	border-left:1px solid  #FFF
}

#Topheader #TopheaderPlacer #TopheaderMainNav ul li.sm05active{
	background:#1780d3;
	border-left:1px solid  #FFF
}


/*****************************************/
/***       General setting for SM      ***/
/*****************************************/


#Topheader #TopheaderPlacer #TopheaderMainNav li.sm01 ul,
#Topheader #TopheaderPlacer #TopheaderMainNav li.sm02 ul,
#Topheader #TopheaderPlacer #TopheaderMainNav li.sm03 ul,
#Topheader #TopheaderPlacer #TopheaderMainNav li.sm04 ul,
#Topheader #TopheaderPlacer #TopheaderMainNav li.sm05 ul{
	position: absolute;
	width: 10em;
	left: -999em;
	padding:0;
}



#Topheader #TopheaderPlacer #TopheaderMainNav li.sm01:hover ul, #TopheaderMainNav li.sm01.sfhover ul,
#Topheader #TopheaderPlacer #TopheaderMainNav li.sm02:hover ul, #TopheaderMainNav li.sm02.sfhover ul,
#Topheader #TopheaderPlacer #TopheaderMainNav li.sm03:hover ul, #TopheaderMainNav li.sm03.sfhover ul,
#Topheader #TopheaderPlacer #TopheaderMainNav li.sm04:hover ul, #TopheaderMainNav li.sm04.sfhover ul{
	left: auto;
	width: 218px;
	display: block;
	margin: 0;
	padding:12px 0;
}

#Topheader #TopheaderPlacer #TopheaderMainNav li.sm05:hover ul, #TopheaderMainNav li.sm05.sfhover ul{
	left: auto;
	width: 178px;
	display: block;
	margin: 0;
	padding:12px 0;
}

/*****************************************/
/***                 sm01            ***/
/*****************************************/

#Topheader #TopheaderPlacer #TopheaderMainNav li.sm01:hover ul, #TopheaderMainNav li.sm01.sfhover ul {

	background:#ce1f88 url(../images/bkg_sm01.jpg) no-repeat bottom;
	padding:40px 0px 40px 0px;
	border-bottom:8px solid #ce1f88;
	-moz-box-shadow: 0.3em 0.4em 0.5em #999;
	-webkit-box-shadow: 0.3em 0.4em 0.5em #999;

}


#Topheader #TopheaderPlacer #TopheaderMainNav li.sm01 ul li {
	 margin:0;
	 padding: 0;
	 display: block; 
	 text-align:left;
	 text-transform:uppercase;
	 font-weight:bold;
	 
	 
}

#Topheader #TopheaderPlacer #TopheaderMainNav li.sm01 ul li a{
	display: block;
    font-size: 11px;
	margin:0;
	padding:5px 10px 5px 36px;
	float:left;
	width:170px;
	color: #FFFFFF;
	text-align:left;
	border-bottom:none;
	border-left:none;
}

#Topheader #TopheaderPlacer #TopheaderMainNav li.sm01 ul li a:hover{
	color:#ce1f88;
	text-align:left;
	background:#FFF
}


/*****************************************/
/***                 sm02           ***/
/*****************************************/

#Topheader #TopheaderPlacer #TopheaderMainNav li.sm02:hover ul, #TopheaderMainNav li.sm02.sfhover ul {

	background:#ff6600 url(../images/bkg_sm02.jpg) no-repeat bottom;
	padding:40px 0px 40px 0px;
	border-bottom:8px solid #ff6600;
	-moz-box-shadow: 0.3em 0.4em 0.5em #999;
	-webkit-box-shadow: 0.3em 0.4em 0.5em #999;
}


#Topheader #TopheaderPlacer #TopheaderMainNav li.sm02 ul li {
	 margin:0;
	 padding: 0;
	 display: block; 
	 text-align:left;
	 text-transform:uppercase;
	 font-weight:bold
}

#Topheader #TopheaderPlacer #TopheaderMainNav li.sm02 ul li a{
	display: block;
    font-size: 11px;
	margin:0;
	padding:5px 10px 5px 36px;
	float:left;
	width:170px;
	color: #FFFFFF;
	text-align:left;
	border-bottom:none;
	border-left:none;
}

#Topheader #TopheaderPlacer #TopheaderMainNav li.sm02 ul li a:hover{
	color:#ff6600;
	text-align:left;
	background:#FFF
}


/*****************************************/
/***                 sm03           ***/
/*****************************************/

#Topheader #TopheaderPlacer #TopheaderMainNav li.sm03:hover ul, #TopheaderMainNav li.sm03.sfhover ul {

	background:#1780d3 url(../images/bkg_sm03.jpg) no-repeat bottom;
	padding:40px 0px 40px 0px;
	border-bottom:8px solid #1780d3;
	-moz-box-shadow: 0.3em 0.4em 0.5em #999;
	-webkit-box-shadow: 0.3em 0.4em 0.5em #999;
}


#Topheader #TopheaderPlacer #TopheaderMainNav li.sm03 ul li {
	 margin:0;
	 padding: 0;
	 display: block; 
	 text-align:left;
	 text-transform:uppercase;
	 font-weight:bold
}

#Topheader #TopheaderPlacer #TopheaderMainNav li.sm03 ul li a{
	display: block;
    font-size: 11px;
	margin:0;
	padding:5px 10px 5px 36px;
	float:left;
	width:170px;
	color: #FFFFFF;
	text-align:left;
	border-bottom:none;
	border-left:none;
}

#Topheader #TopheaderPlacer #TopheaderMainNav li.sm03 ul li a:hover{
	color:#1780d3;
	text-align:left;
	background:#FFF
}



/*****************************************/
/***                 sm04              ***/
/*****************************************/

#Topheader #TopheaderPlacer #TopheaderMainNav li.sm04:hover ul, #TopheaderMainNav li.sm04.sfhover ul {

	background:#97ca47 url(../images/bkg_sm04.jpg) no-repeat bottom;
	padding:40px 0px 40px 0px;
	border-bottom:8px solid #97ca47;
	-moz-box-shadow: 0.3em 0.4em 0.5em #999;
	-webkit-box-shadow: 0.3em 0.4em 0.5em #999;
}


#Topheader #TopheaderPlacer #TopheaderMainNav li.sm04 ul li {
	 margin:0;
	 padding: 0;
	 display: block; 
	 text-align:left;
	 text-transform:uppercase;
	 font-weight:bold
}

#Topheader #TopheaderPlacer #TopheaderMainNav li.sm04 ul li a{
	display: block;
    font-size: 11px;
	margin:0;
	padding:5px 10px 5px 36px;
	float:left;
	width:170px;
	color: #FFFFFF;
	text-align:left;
	border-bottom:none;
	border-left:none;
}

#Topheader #TopheaderPlacer #TopheaderMainNav li.sm04 ul li a:hover{
	color:#97ca47;
	text-align:left;
	background:#FFF
}


/*****************************************/
/***                 sm05              ***/
/*****************************************/

#Topheader #TopheaderPlacer #TopheaderMainNav li.sm05:hover ul, #TopheaderMainNav li.sm05.sfhover ul {

	background:#d02029 url(../images/bkg_sm05.jpg) no-repeat bottom;
	padding:40px 0px 40px 0px;
	border-bottom:8px solid #d02029;
	-moz-box-shadow: 0.3em 0.4em 0.5em #999;
	-webkit-box-shadow: 0.3em 0.4em 0.5em #999;
}


#Topheader #TopheaderPlacer #TopheaderMainNav li.sm05 ul li {
	 margin:0;
	 padding: 0;
	 display: block; 
	 text-align:left;
	 text-transform:uppercase;
	 font-weight:bold
}

#Topheader #TopheaderPlacer #TopheaderMainNav li.sm05 ul li a{
	display: block;
    font-size: 11px;
	margin:0;
	padding:5px 10px 5px 36px;
	float:left;
	width:120px;
	color: #FFFFFF;
	text-align:left;
	border-bottom:none;
	border-left:none;
}

#Topheader #TopheaderPlacer #TopheaderMainNav li.sm05 ul li a:hover{
	color:#d02029;
	text-align:left;
	background:#FFF
}



/***                 SOUS MENU DES PAGES             ***/


/*****************************************/
/***                 sm01              ***/
/*****************************************/
.smPage01 ul{
	margin: 0;
	padding:0;
	display:block;
	list-style:none;
}

.smPage01 ul li{
	font-weight:bold;
	text-transform:uppercase;
	width: 165px;
	font-size: 12px;
	float:left;
	color:#333;
	border-bottom:1px dotted #666;
}

.smPage01 ul li a{
	display:block;
	color:#333;
	text-decoration:none;
	padding:12px 6px 2px 12px;
	background:url(../images/puce_Coiffure.gif) no-repeat left;
}

.smPage01 ul li a:hover{
	color:#ce1f88;
}

.smPage01 li ul li{
	font-weight:normal;
	font-size: 12px;
	line-height:12px;
	text-transform:none;
	width: 165px;
	float:left;
	color:#333;
	border:none;
	
}

.smPage01 li ul li a{
	padding:2px 4px 2px 14px;
	margin:0;
	background:none;
	display:block
	
}

.smPage01 li ul li a:hover{
	color:#ce1f88;
	
}


/*****************************************/
/***                 sm02              ***/
/*****************************************/
.smPage02 ul{
	margin: 0;
	padding:0;
	display:block;
	list-style:none;
}

.smPage02 ul li{
	font-weight:bold;
	font-size: 12px;
	text-transform:uppercase;
	width: 165px;
	float:left;
	color:#333;
	border-bottom:1px dotted #666;
}

.smPage02 ul li a{
	display:block;
	color:#333;
	text-decoration:none;
	padding:12px 6px 2px 12px;
	background:url(../images/puce_Electrolyse.gif) no-repeat left;
}

.smPage02 ul li a:hover{
	color:#ff6600;
}


.smPage02 li ul li{
	font-weight:normal;
	font-size: 12px;
	line-height:12px;
	text-transform:none;
	width: 165px;
	float:left;
	color:#333;
	border:none;
	
}


.smPage02 li ul li a{
	padding:2px 4px 2px 14px;
	margin:0;
	background:none;
	display:block
	
}

.smPage02 li ul li a:hover{
	color:#ff6600;
	
}

/*****************************************/
/***                 sm03             ***/
/*****************************************/
.smPage03 ul{
	margin: 0;
	padding:0;
	display:block;
	list-style:none;
}

.smPage03 ul li{
	font-weight:bold;
	font-size: 12px;
	text-transform:uppercase;
	width: 165px;
	float:left;
	color:#333;
	border-bottom:1px dotted #666;
}

.smPage03 ul li a{
	display:block;
	color:#333;
	text-decoration:none;
	padding:12px 6px 2px 12px;
	background:url(../images/puce_Esthetique.gif) no-repeat left;
}

.smPage03 ul li a:hover{
	color:#1780d3;
}


.smPage03 li ul li{
	font-weight:normal;
	font-size: 12px;
	line-height:12px;
	text-transform:none;
	width: 165px;
	float:left;
	color:#333;
	border:none;
	
}


.smPage03 li ul li a{
	padding:2px 4px 2px 14px;
	margin:0;
	background:none;
	display:block
	
}

.smPage03 li ul li a:hover{
	color:#1780d3;
	
}


/*****************************************/
/***                 sm04            ***/
/*****************************************/

.smPage04 ul{
	margin: 0;
	padding:0;
	display:block;
	list-style:none;
}

.smPage04 ul li{
	font-weight:bold;
	font-size: 12px;
	text-transform:uppercase;
	width: 165px;
	float:left;
	color:#333;
	border-bottom:1px dotted #666;
}

.smPage04 ul li a{
	display:block;
	color:#333;
	text-decoration:none;
	padding:12px 6px 2px 12px;
	background:url(../images/puce_masso.gif) no-repeat left;
}

.smPage04 ul li a:hover{
	color:#97ca47;
}


.smPage04 li ul li{
	font-weight:normal;
	font-size: 12px;
	line-height:12px;
	text-transform:none;
	width: 165px;
	float:left;
	color:#333;
	border:none;
	
}


.smPage04 li ul li a{
	padding:2px 4px 2px 14px;
	margin:0;
	background:none;
	display:block
	
}

.smPage04 li ul li a:hover{
	color:#97ca47;
	
}


/*****************************************/
/***                 sm05            ***/
/*****************************************/
.smPage05 ul{
	margin: 0;
	padding:0;
	display:block;
	list-style:none;
}

.smPage05 li{
	font-weight:bold;
	font-size: 12px;
	text-transform:uppercase;
	width: 165px;
	float:left;
	color:#333;
	border-bottom:1px dotted #666;
}

.smPage05 li a{
	display:block;
	color:#333;
	text-decoration:none;
	padding:12px 6px 2px 12px;
	background:url(../images/puce_Soins.gif) no-repeat left;
}

.smPage05 li a:hover{
	color:#d02029;
}

.smPage05 li ul li{
	font-weight:normal;
	font-size: 12px;
	line-height:12px;
	text-transform:none;
	width: 165px;
	float:left;
	color:#333;
	border:none;
	
}

.smPage05 li ul li a{
	padding:2px 4px 2px 14px;
	margin:0;
	background:none;
	display:block
	
}

.smPage05 li ul li a:hover{
	color:#d02029;
	
}



/*****************************************/
/***                 General            ***/
/*****************************************/
.smPageGeneral ul{
	margin: 0;
	padding:0;
	display:block;
	list-style:none;
}

.smPageGeneral li{
	font-weight:bold;
	font-size: 12px;
	text-transform:uppercase;
	width: 165px;
	float:left;
	color:#333;
	border-bottom:1px dotted #666;
}

.smPageGeneral li a{
	display:block;
	color:#333;
	text-decoration:none;
	padding:12px 6px 2px 12px;
	background:url(../images/puce_General.gif) no-repeat left;
}

.smPageGeneral li a:hover{
	color:#666;
}

.smPageGeneral li ul li{
	font-weight:normal;
	font-size: 12px;
	line-height:12px;
	text-transform:none;
	width: 165px;
	float:left;
	color:#333;
	border:none;
	
}

.smPageGeneral li ul li a{
	padding:2px 4px 2px 14px;
	margin:0;
	background:none;
	display:block
	
}

.smPageGeneral li ul li a:hover{
	color:#666;
	
}
