/* CSS Document */


* {
	margin:0;
	padding:0;
	}

.spacer{
	clear:both;
	border: none;
	font-size:1px;
	height:0;
	line-height:0;
	}
	
body{
	background:#fcf4e0 url(../images/back-flacons.jpg) repeat-x 0 0;
	margin:0;
	padding:0;
	}

#back-fleurs{
	width: 1080px;
	height: 825px;
	margin:0 auto;
	background:url(../images/back-fleurs.jpg) no-repeat 0 340px;
	}
	
#page{
	position:relative;
	width:837px;
	height:auto;
	min-height:680px;
	background-color:#fff;
	border:1px solid #cfc5bb;
	margin:20px auto 5px;
	}

h1{
	width:98px;
	height:170px;
	margin:0 auto;
	}
h1 img{
	width:98px;
	height:142px;
	margin:14px;
	}
h1 a{	text-decoration:none;}	
h1 a:hover{	text-decoration:none;}	



/**************************************************************************/
/*************************    MENU G    ***********************************/
/**************************************************************************/

dl#menug{
	position:absolute;
	left:-1px;
	top:169px;
	width:839px;
	height:28px;
	background:url(../images/back-menu.jpg) repeat-x 0 0;
	}
dl#menug dt{
	float:left;
	list-style:none;
	}
dl#menug dt a{
	height:28px;
	display:block;
	text-indent:-5000px;
	}
	
a#m0{	width:85px;
	background:url(../images/m-accueil.jpg) no-repeat 0 -28px;
	margin-left:30px;}
a:hover#m0{	background:url(../images/m-accueil.jpg) no-repeat 0 0;}
a#m1{	width:110px;
	background:url(../images/m-presentation.jpg) no-repeat 0 -28px;}
a:hover#m1{	background:url(../images/m-presentation.jpg) no-repeat 0 0;}
a#m2{	
	position:relative;
	width:157px;
	background:url(../images/m-soinspresta.jpg) no-repeat 0 -28px;}
a:hover#m2{	background:url(../images/m-soinspresta.jpg) no-repeat 0 0;}
a#m3{	width:102px;
	background:url(../images/m-nouveautes.jpg) no-repeat 0 -28px;}
a:hover#m3{	background:url(../images/m-nouveautes.jpg) no-repeat 0 0;}
a#m4{	width:132px;
	background:url(../images/m-offresspe.jpg) no-repeat 0 -28px;}
a:hover#m4{	background:url(../images/m-offresspe.jpg) no-repeat 0 0;}
a#m5{	width:99px;
	background:url(../images/m-newsletter.jpg) no-repeat 0 -28px;}
a:hover#m5{	background:url(../images/m-newsletter.jpg) no-repeat 0 0;}
a#m6{	width:66px;
	background:url(../images/m-presse.jpg) no-repeat 0 -28px;}
a:hover#m6{	background:url(../images/m-presse.jpg) no-repeat 0 0;}
a#m7{	width:85px;
	background:url(../images/m-contact.jpg) no-repeat 0 -28px;}
a:hover#m7{	background:url(../images/m-contact.jpg) no-repeat 0 0;}



#menug dd#smenu1{
	position:absolute;
	left:225px;
	z-index:200;
	width:157px;
	bottom:27px;
	visibility:hidden;
	margin:0;
	display:block;
	height:auto;
	background:#BFD0E3;
}

#menug dd ul{
	list-style:none;
}

#menug dd li{
	display:block;
	width:auto;
	height:auto;
	margin:1px 0;
}

#menug dd li a.lien-smenus{
	width:139px;
	height:12px;
	padding:1px 9px;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	color:#663333;
	background:#BFD0E3;
	display:block;
	text-decoration:none;
}

#menug dd li a:hover.lien-smenus{
	color:#fff;
	background:#663333;
}


/*****************************************************************************/
/************************  HOME    *******************************************/
/*****************************************************************************/


#content-home{
width:797px;
padding:50px 15px 0 25px;
}
 
/***************************     CORPS         ********************************/

#colonne-corps{
position:relative;
float:left;
width:180px;}

h2#tit-corps{
position:absolute;
top:8px;
left:110px;
width:102px;
height:19px;
display:block;
text-indent:-5000px;
background:url(../images/soins-du-corps.gif) no-repeat 0 0;}

#colonne-corps p{
width:180px;
text-align:right;
list-style:none;
line-height:6px;
padding:38px 0 40px 0;
}

a.soins-corps{
font:10px Verdana, Arial, Helvetica, sans-serif;
color:#6a5839;
text-decoration:none;}
a.soins-corps:hover{
text-decoration:none;
color:#e3a845;}

a#bt-gommages, a#bt-enveloppement, a#bt-massage, a#bt-epilations, a#bt-manucures, a#bt-beaute-pieds, a#bt-dermopig{
width:180px;
display:block;
font-size:1px;
text-align:left;
color:#FFFFFF;
}

a#bt-gommages{
height:12px;
background:url(../images/soins-gommage-corps.gif) no-repeat 50px -12px; }
a#bt-gommages:hover{
background:url(../images/soins-gommage-corps.gif) no-repeat  50px 0; }

a#bt-enveloppement{
height:14px;
margin:7px 0 3px 0;
background:url(../images/soins-enveloppement-corps.gif) no-repeat 5px -14px; }
a#bt-enveloppement:hover{
background:url(../images/soins-enveloppement-corps.gif) no-repeat  5px 0; }

a#bt-massage{
height:19px;
margin:7px 0 3px 0;
background:url(../images/soins-massages-corps.gif) no-repeat 30px -19px; }
a#bt-massage:hover{
background:url(../images/soins-massages-corps.gif) no-repeat  30px 0; }

a#bt-epilations{
height:15px;
margin:7px 0 3px 0;
background:url(../images/soins-epilations.gif) no-repeat 40px -15px; }
a#bt-epilations:hover{
background:url(../images/soins-epilations.gif) no-repeat  40px 0; }

a#bt-manucures{
height:13px;
margin:2px 0 0 0;
background:url(../images/soins-manucures.gif) no-repeat 92px -13px; }
a#bt-manucures:hover{
background:url(../images/soins-manucures.gif) no-repeat  92px 0; }

a#bt-beaute-pieds{
height:19px;
background:url(../images/soins-beaute-des-pieds.gif) no-repeat 25px -19px; }
a#bt-beaute-pieds:hover{
background:url(../images/soins-beaute-des-pieds.gif) no-repeat  25px 0; }

a#bt-dermopig{
height:11px;
margin-top:4px;
background:url(../images/soins-dermopigmentation.gif) no-repeat 40px -11px; }
a#bt-dermopig:hover{
background:url(../images/soins-dermopigmentation.gif) no-repeat  40px 0; }


h4#tit-voir-touscorps a{
position:absolute;
top:310px;
left:30px;
width:176px;
height:22px;
display:block;
font-size:1px;
color:#FFFFFF;
text-align:left;
height:11px;
margin:20px 0 0 0;
background:url(../images/voir-tous-soins-beaute.gif) no-repeat 60px -11px; }
h4#tit-voir-touscorps a:hover{
background:url(../images/voir-tous-soins-beaute.gif) no-repeat 60px 0; }



/*****************************************************************************/


#colonne-femme{
float:left;
width:418px;
height:262px;
margin-top:40px;}





/************************   VISAGE    *****************************************/


#colonne-visage{
position:relative;
float:left;
width:190px;}

h2#tit-visage{
position:absolute;
top:8px;
left:-30px;
width:107px;
height:19px;
display:block;
text-indent:-5000px;
margin-bottom:15px;
background:url(../images/soins-du-visage.gif) no-repeat 0 0;}


#colonne-visage p{
width:180px;
text-align:left;
list-style:none;
line-height:6px;
padding:38px 0 40px 0;
}

a.soins-visage{
font:10px Verdana, Arial, Helvetica, sans-serif;
color:#6a5839;
text-decoration:none;}
a.soins-visage:hover{
text-decoration:none;
color:#8e9dbd;}

a#bt-hydratation, a#bt-douceur, a#bt-fermete, a#bt-anti-age, a#bt-purete{
width:180px;
display:block;
font-size:1px;
text-align:left;
color:#FFFFFF;
}

a#bt-hydratation{
height:12px;
background:url(../images/soins-hydratation-visage.gif) no-repeat 40px -12px; }
a#bt-hydratation:hover{
background:url(../images/soins-hydratation-visage.gif) no-repeat  40px 0; }

a#bt-douceur{
height:20px;
margin:7px 0 3px 0;
background:url(../images/soins-douceur-visage.gif) no-repeat 47px -20px; }
a#bt-douceur:hover{
background:url(../images/soins-douceur-visage.gif) no-repeat  47px 0; }

a#bt-fermete{
height:17px;
margin:7px 0 3px 0;
background:url(../images/soins-fermete-visage.gif) no-repeat 20px -17px; }
a#bt-fermete:hover{
background:url(../images/soins-fermete-visage.gif) no-repeat  20px 0; }

a#bt-purete{
height:15px;
margin:7px 0 3px 0;
background:url(../images/soins-purete-visage.gif) no-repeat 120px -15px; }
a#bt-purete:hover{
background:url(../images/soins-purete-visage.gif) no-repeat 120px 0; }

a#bt-anti-age{
height:15px;
margin:7px 0 1px 0;
background:url(../images/soins-anti-age-visage.gif) no-repeat 40px -15px; }
a#bt-anti-age:hover{
background:url(../images/soins-anti-age-visage.gif) no-repeat  40px 0; }


	
h4#tit-voir-tousvisage a{
position:absolute;
top:330px;
left:-30px;
width:176px;
height:22px;
display:block;
font-size:1px;
color:#FFFFFF;
text-align:right;
height:11px;
margin:20px 0 0 0;
background:url(../images/voir-tous-soins-beaute.gif) no-repeat 0 -11px; }
h4#tit-voir-tousvisage a:hover{
background:url(../images/voir-tous-soins-beaute.gif) no-repeat 0 0; }

	
	
/*****************************************************************************/


#description-home{
width:767px;
border-top:1px solid #c3bcb0;
margin-top:10px;
}

p.bronze10center{
font:10px Verdana, Arial, Helvetica, sans-serif;
color:#6a5839;
text-align:center;
padding:15px 0 10px 0;
}

p.bronze11{
font:11px Verdana, Arial, Helvetica, sans-serif;
color:#6a5839;
text-align:center;
padding:10px;
} 
p.bronze11left{
width:400px;
float:left;
font:11px Verdana, Arial, Helvetica, sans-serif;
color:#6a5839;
text-align:left;
padding:10px;
}


/*****************************************************************************/
/****************************     PRESENTATION   ******************************/
/*****************************************************************************/

#content{
width:797px;
padding:50px 15px 0 25px;
}
 

h2#tit-pres{
width:162px;
height:19px;
display:block;
text-indent:-5000px;
background:url(../images/tit-presentation.gif) no-repeat 0 0;
margin:0 auto;}

#logos-carita-thalgo{
width:297px;
padding:0 220px 0 280px; }

#logos-carita-thalgo img{
float:left;
margin: 10px;}

/*****************************************************************************/
/****************************     SOINS ET PRESTATIONS   *********************/
/*****************************************************************************/

#content{
width:797px;
padding:50px 15px 0 25px;
}
 
h2#tit-soins-visage{
width:296px;
height:17px;
display:block;
text-indent:-5000px;
background:url(../images/tit-soins-visage.gif) no-repeat 0 0;
margin:0 auto;}

h2#tit-soins-corps{
width:296px;
height:17px;
display:block;
text-indent:-5000px;
background:url(../images/tit-soins-corps.gif) no-repeat 0 0;
margin:0 auto;}

h2#tit-autres-presta{
width:226px;
height:17px;
display:block;
text-indent:-5000px;
background:url(../images/tit-autres-presta.gif) no-repeat 0 0;
margin:0 auto;}

div.images-illus-gauche{
width: 200px;
float:left;
margin:20px;}

div.images-illus-gauche img{
margin-bottom:20px;}


div.list-soins{
width: 530px;
float:left;
margin:30px 10px 20px 10px;
font:10px Verdana, Arial, Helvetica, sans-serif;
color:#6a5839;
}

h3{
width: 797px;
text-align:center;
font:14px Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
color:#623733;
margin-top:10px;
}

h4{
font:12px Verdana, Arial, Helvetica, sans-serif;
color:#623733;
padding-left:25px;
font-weight:bold;
background:url(../images/arabesque.gif) no-repeat 0 3px;
}
h4 a{
color:#623733;
text-decoration:none;}
h4 a:hover{
color:#623733;
text-decoration:underline;}

h5{
padding-left:25px;
font:11px Verdana, Arial, Helvetica, sans-serif;
color:#623733;
}

h4.gauche{
clear:both;
float:left;
font:12px Verdana, Arial, Helvetica, sans-serif;
color:#623733;
padding-left:25px;
font-weight:bold;}
h5.droite{
float:right;
font:11px Verdana, Arial, Helvetica, sans-serif;
color:#623733;
padding-right:50px;}


p.soins-txt{
width:400px;
font:11px Verdana, Arial, Helvetica, sans-serif;
color:#6a5839;
text-align:left;
padding:10px;
}


/*****************************************************************************/
/****************************   NOUVEAUTES         ***************************/
/*****************************************************************************/

#content{
width:797px;
padding:50px 15px 0 25px;
}
 

h2#tit-nouveautes{
width:160px;
height:20px;
display:block;
text-indent:-5000px;
background:url(../images/tit-nouveautes.gif) no-repeat 0 0;
margin:0 auto;}

p.bronze11left-nv{
width:490px;
float:left;
font:11px Verdana, Arial, Helvetica, sans-serif;
color:#6a5839;
text-align:left;
padding:10px;
}

img.img-nvte{
width: 200px;
clear:both;
float:left;
margin:20px;}

span.fond-bleu{
padding:0 5px;
background-color:#99CCFF;}
span.txt-bleu{color:#66AEC6;}

span.fond-mauve{
background-color:#CC99CC;
color:#FFFFFF;
padding:0 5px;}
span.txt-mauve{color:#CC99CC;}


/*****************************************************************************/
/****************************   OFFRES SPECIALES   ***************************/
/*****************************************************************************/

#content{
width:797px;
padding:50px 15px 0 25px;
}
 

h2#tit-offres-spe{
width:199px;
height:20px;
display:block;
text-indent:-5000px;
background:url(../images/tit-offres-spe.gif) no-repeat 0 0;
margin:0 auto;}

p.bronze11left{
width:450px;
float:left;
font:11px Verdana, Arial, Helvetica, sans-serif;
color:#6a5839;
text-align:left;
padding:10px;
}
.fond-bleu{
font:12px Verdana, Arial, Helvetica, sans-serif;
color:#623733;
background:#BFD0E3;
padding:0 5px;}


img.img-offres{
width: 200px;
float:left;
margin:40px;}



/*****************************************************************************/
/****************************   CONTACT    ***********************************/
/*****************************************************************************/

#content{
width:797px;
padding:50px 15px 0 25px;
}
 

h2#tit-contact{
width:196px;
height:17px;
display:block;
text-indent:-5000px;
background:url(../images/tit-contact.gif) no-repeat 0 0;
margin:0 auto;}


#coordonnees{
float:left;
width:260px;
font:10px Verdana, Arial, Helvetica, sans-serif;
color:#6a5839;
margin: 20px 30px 0 50px;
}



/**********************   formulaire   *******************************/


#form-contact{
float:left;
width:400px;
font:10px Verdana, Arial, Helvetica, sans-serif;
margin-top:20px;
}

#form-contact label.champs{
float:left;
width:100px;
margin: 5px 15px 0 0;
font:10px Verdana, Arial, Helvetica, sans-serif;
color:#6a5839;
}

#form-contact li{
width:370px;
clear:both;}

li#champs-oblig{
color:#808040;
text-align:right;
}

form.form  input.champs, textarea.champs{
margin:2px 0;
float:right;
}

form.form  li{
list-style:none;
text-align:left;
}

form.form a{
font-weight:bold;
color:#623733;
margin-left:110px;
font:12px Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;}
form.form a:hover{
color:#623733;
text-decoration:underline;}

.erreur{
background-color:#fff;
border:1px solid red;
color:red;
float:right;
margin: 5px 0 0 0;
}

#error{
font:10px Verdana, Arial, Helvetica, sans-serif;
color:red;}

a#envoi{
width:124px;
height:14px;
display:block;
text-indent:-5000px;
margin-top:20px;
background:url(../images/envoi-message.gif) no-repeat 0 -14px;}
a#envoi:hover{
background:url(../images/envoi-message.gif) no-repeat 0 0;}


/********************************   FORM NEWSLETTER  **************************/

h2#tit-news{
width:180px;
height:17px;
display:block;
text-indent:-5000px;
background:url(../images/tit-newsletter.gif) no-repeat 0 0;
margin:0 auto;}


#form-newsletter{
float:left;
width:400px;
font:10px Verdana, Arial, Helvetica, sans-serif;
margin:20px 20px 20px 220px;
}

#form-newsletter label.champs{
float:left;
width:100px;
margin: 5px 15px 0 0;
font:10px Verdana, Arial, Helvetica, sans-serif;
color:#6a5839;
}

#form-newsletter li{
width:370px;
clear:both;}

li#champs-oblig{
color:#808040;
text-align:left;
}

form.form  input.champs, textarea.champs{
margin:2px 0;
float:right;
}

form.form  li{
list-style:none;
text-align:left;
}

form.form a{
font-weight:bold;
color:#623733;
margin-left:110px;
font:12px Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;}
form.form a:hover{
color:#623733;
text-decoration:underline;}

.erreur{
background-color:#fff;
border:1px solid red;
color:red;
float:right;
margin: 5px 0 0 0;
}

#error{
font:10px Verdana, Arial, Helvetica, sans-serif;
color:red;}

a#envoi{
width:124px;
height:14px;
display:block;
text-indent:-5000px;
margin-top:20px;
background:url(../images/envoi-message.gif) no-repeat 0 -14px;}
a#envoi:hover{
background:url(../images/envoi-message.gif) no-repeat 0 0;}


/******************************************************************************/
/**************************  PRESSE       *************************************/
/******************************************************************************/

h2#tit-presse{
width:200px;
height:20px;
display:block;
text-indent:-5000px;
background:url(../images/tit-presse.gif) no-repeat 0 0;
margin:0 auto;}


/******************************************************************************/
/**************************  MENTIONS LEG *************************************/
/******************************************************************************/

h2#tit-mentions{
width:220px;
height:20px;
display:block;
text-indent:-5000px;
background:url(../images/tit-mentions.gif) no-repeat 0 0;
margin:0 auto;}


a.mentions{
font:11px Verdana, Arial, Helvetica, sans-serif;
color:#41201d;
font-weight:bold;
text-decoration:none;
}
a.mentions:hover{
font:11px Verdana, Arial, Helvetica, sans-serif;
color:#a08e6e;
font-weight:bold;
text-decoration:underline;
}


/******************************************************************************/
/**************************  PLAN DU SITE *************************************/
/******************************************************************************/

h2#tit-plandusite{
width:170px;
height:20px;
display:block;
text-indent:-5000px;
background:url(../images/tit-plan-site.gif) no-repeat 0 0;
margin:0 auto;}


p.plan-site{
width:600px;
font:11px Verdana, Arial, Helvetica, sans-serif;
color:#6a5839;
text-align:center;
padding:10px 100px;
}


a.plan1{
font:12px Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
color:#41201d;
text-decoration:none;
margin-top:10px;
}
a.plan1:hover{
color:#41201d;
text-decoration:underline;
}

a.plan2{
font:11px Verdana, Arial, Helvetica, sans-serif;
color:#a08e6e;
font-weight:bold;
text-decoration:underline;}
a.plan2:hover{
color:#a08e6e;
text-decoration:none;
}


a.plan3{
font:10px Verdana, Arial, Helvetica, sans-serif;
color:#623733;
text-decoration:none;
margin-top:10px;
}
a.plan3:hover{
color:#623733;
text-decoration:underline;
}







/******************************************************************************/
/**************************    FOOTER     *************************************/
/******************************************************************************/
	
#footer{
width:750px;
font:10px Verdana, Arial, Helvetica, sans-serif;
color:#956d49;
text-align:center;
margin-left:150px;}

#footer a{
color:#956d49;
text-decoration:none;}
#footer a:hover{
color:#956d49;
text-decoration:underline;}