/* Eveil des Sens - CSS Document */
/* Couleurs du logo EVS Spa Urbain : Ocre = AEA444, Turquoise = 0CC6DE, Brun = 4B452C.*/
/* Couleurs : Fonds = #C7BD63(ocre + pale) et #FFFFFF, Textes = #4B452C(brun), Titres = #00B0C7 (turquoise + fonce), Bordures et Survol = #EBDFB5 et #E9DAA3 (ocre-beige). */

/* 1 - General */
html { margin:0px; padding:0px; }
body { width:830px; margin:0px auto; padding:0px;
	background:#C7BD63; /* ocre */
	font-family:"Trebuchet MS", "Lucida Grande", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
	font-size:12px; text-align:justify;
	color:#4B452C ; /* brun */
	behavior:url(/dhtml/csshover.htc);	/* pour permettre le survol des menus avec IE */ 
}
p	{ margin:16px 0px 16px 0px; padding:0px; }
img { border:0px; }
h1	{ font-size:18px; color:#00B0C7; } /* turquoise */
h2	{ font-size:16px; color:#00B0C7; } /* turquoise */
h3	{ font-size:14px; color:#00B0C7; } /* turquoise */
a	{ color:#4B452C; text-decoration:none; font-weight:bold; } /* brun */
a:hover, a:focus, a:active { text-decoration:underline; }
a:visited { }

/* 2 - Composantes principales */
#corps 		{ width:830px; margin:0px; background: url("/images/bg_corps.jpg") repeat-y; background-color:#FFFFFF; }
#entete		{ margin:0px 0px 0px 30px; }
/*#main		{ margin:0px 0px 0px 30px; background-color:#FFFFFF; clear:both; }*/ /* pour IE6 */
#main		{ width:770px; margin:0px auto; background-color:#FFFFFF; clear:both; } /* pour IE6 */
#colGauche	{ width:175px; float:left; background-color:#FFFFFF; }
#contenu	{ float:left; width:552px; margin:0px; padding:0px 20px 0px 20px; background-color:#FFFFFF; }
#contenu2	{ float:left; width:575px; margin:0px; padding:0px 0px 0px 20px; background-color:#FFFFFF; } /* deux colonnes */

/* 3 - Entete et pied de page */

#banniere { height:135px; margin:0px; padding:0px; background-image:url(/images/evs_banniere_1b.jpg); background-repeat:no-repeat; }
#tag { margin-top:-30px; margin-left:175px; margin-right:45px; text-align:right; font-size:16px; font-style:italic; font-weight:bold; color:#4B452C; } /* brun */
#logo img { margin:5px 0px 0px 10px ; padding:0px 0px 0px 0px;  }

#piedpage	{ width:100%; margin:0px auto; padding:30px 0px 15px 0px; clear:both; text-align:center; background: url("/images/bg_corps_bot.jpg") top no-repeat; background-color:#C7BD63; } /* ocre */
/*#piedpage		{ padding-top:30px; }*/
#piedpage ul	{ margin:0px; margin-bottom:35px; margin-left:14%; padding:0px; }
#piedpage ul li { float:left; list-style:none; font-size:11px; background-image:url(/images/lg_menu.jpg); background-position:right; background-repeat:repeat-y; }
#piedpage ul li.lastItem { background-image:none; }
#piedpage li a	{ padding:0px 8px; font-weight:normal; text-decoration:none; }
#piedpage li a:hover { text-decoration:underline; }

#copy	{ clear:both; margin:0px; padding:0px; }
#copy a { font-weight:normal; }

/* 4 - Menus */

/* Menu Horizontal */
#menuBarre 	{ height:70px; background-image: url("/images/bg_menu1.jpg"); background-repeat:repeat-y; }
#addr		{ width:167px; height:63px; line-height:18px; float:left; margin:0px; padding:7px 0px 0px 7px; font-size:11px; border-right:2px solid #EBDFB5; }
#addr a		{ text-decoration:none; }

/* Menu Deroulant - Attention pour IE6, les 'div' sont requis au fonctionnement */
#menu 		{ z-index:2; }
#menu ul	{ margin:0px; padding: 12px 0px 0px 0px; }
#menu ul li { float:left; list-style: none; line-height:45px; background-image:url(/images/lg_menu.jpg); background-position:right; background-repeat:repeat-y; }
#menu ul li.lastItem { background-image:none; }
div#menu ul li:hover { background:#E9DAA3; }		/* fond different au survol de la souris pour les menus 1er niveau */ 

#menu li.sousmenu ul li { margin:0px; background-color:#DCCB7B; border-top:1px solid #4B452C; line-height:normal; }
#menu li.sousmenu ul li.lastItem { border-bottom:1px solid #4B452C; }
#menu li.sousmenu ul li:hover { background: #E9DAA3; } /* fond different au survol de la souris pour les sous-menus */

#menu ul ul { position: absolute; margin-top:-12px; width:125px; display:none; /* On cache les sous-menus avec la proprite display none */ }
#menu li a	{ padding:0px 8px; display:block; text-decoration:none; }
#menu li.sousmenu ul li a { width:125px; padding:5px 8px; display:block; text-decoration:none; text-align:left; }

div#menu ul.menuNiv1 li.sousmenu:hover ul.menuNiv2 { display:block; } 	/* Les sous-menus apparaissent au survol de la souris */ 

/* Menu Vertical pour les soins principaux */
#menuSoins 			{ text-align:left; }
#menuSoins ul		{ margin:0px; padding:0px 0px 8px 0px; background-image:url(/images/bg_menu3.jpg); background-repeat:no-repeat; background-position:bottom; }
#menuSoins ul li 	{ height:40px; line-height:40px; padding-left:7px; list-style:none; background-image:url(/images/bg_menu2.jpg); }
#menuSoins ul li.dblLine { line-height:20px; }
#menuSoins li:hover { background-image:url(/images/bg_menu2_hov.jpg); }
#menuSoins li a 	{ text-decoration:none;   }
#menuSoins li a:hover { }

/* 5 - Contenu principal */

/* Options disponibles sous le menu */
#options 			{ float:right; margin:0px; padding:0px; }
#options ul		 	{ margin:0px; padding:0px; }
#options ul li		{ margin:0px; padding:10px 0px 0px 0px; float:left; list-style:none; }
#options li a 		{ padding:0px 5px 0px 5px; font-weight:bold; text-decoration:underline; color:#AEA444; }
#options li a:hover { color:#4B452C; }
#options ul li.envoiAmi a 	{ padding:0px 5px 0px 25px; font-size:10px; line-height:18px; text-decoration:none; background:url(/images/ic_mail.gif) 5px bottom no-repeat;}
#options ul li.envoiAmi a:hover { text-decoration:underline; }

/* Page d'accueil */ 
#acceuil	{ width:64%; float:left; margin:0px 20px 0px 0px; padding:0px 0px 0px 0px; }
#acColD		{ width:32%; float:right; margin:0px; padding:0px; text-align:center; }
.citation	{ width:350px; margin:0 auto; margin-top:35px; }
.citation p { margin:0px; padding:10px 15px; }

.promoBox 	 { width:175px; margin:0px auto; margin-top:10px; margin-bottom:10px; padding:0px; } /* aussi pour la page Promotions */
.promoBox h3 { margin:0px; padding:10px 0px 10px 0px; border-bottom:1px solid #00B0C7; text-align:center; } /*turquoise */
.promoBox p	 { margin:0px; padding:10px 5px 10px 5px; text-align:center; }

/* Boite etroite 175 px */
.boxTop { margin:0px; padding:0px; line-height:14px; background-image:url("/images/bg_box_175_top.jpg"); background-repeat:no-repeat; }
.boxMid { margin:0px; padding:0px; background-image:url("/images/bg_box_175_mid.jpg"); background-repeat:repeat-y; }
.boxBot { margin:0px; padding:0px; line-height:16px; background-image:url("/images/bg_box_175_bot.jpg"); background-repeat:no-repeat;}

/* Boite Large 350 px*/
.boxTopL { margin:0px; padding:0px; line-height:15px; background-image:url("/images/bg_box_350_top.jpg"); background-repeat:no-repeat; }
.boxMidL { margin:0px; padding:0px; background-image:url("/images/bg_box_350_mid.jpg"); background-repeat:repeat-y; }
.boxBotL { margin:0px; padding:0px; line-height:16px; background-image:url("/images/bg_box_350_bot.jpg"); background-repeat:no-repeat;}

/* Pages A propos, Equipe */
table.tabEquipe					{ width:100%; }
table.tabEquipe tr				{ text-align:center; }
table.tabEquipe tr td			{ vertical-align:top; padding:3px 10px; }

/* Pages des soins */
table.tabSoins 					{ width:100%; border-collapse:collapse; margin:0px 0px 30px 0px; padding:0px; }
table.tabSoins tr td			{ padding-bottom:20px; }
table.tabSoins tr td.nomSoin	{ padding-bottom:2px; text-align:left; vertical-align:top; font-weight:bold; border-bottom:1px solid #4B452C; } 
table.tabSoins tr td.nomSoinC1	{ padding-bottom:2px; text-align:left; vertical-align:top; font-weight:bold; } 
table.tabSoins tr td.nomSoinC2	{ padding-top:20px; padding-bottom:2px; text-align:left; vertical-align:top; font-weight:bold; } 
table.tabSoins tr td.prixSoin	{ padding-bottom:2px; text-align:right; vertical-align:top; border-bottom:1px solid #4B452C; white-space:nowrap; }
table.tabSoins tr td ul			{ margin-top:0px; margin-bottom:0px; list-style-type:disc; }
.versSoins, .versSoinsD			{ text-align:right; }
.versSoins a, .versSoinsD a		{ color:#00B0C7; } /* turquoise */
.versSoins a:hover, .versSoinsD a:hover { text-decoration:underline; }
/* Images pour les soins */ 
.imgSoin1		{ float:right; padding:2px 0px 0px 10px; }
.imgSoin1G		{ float:left; padding:2px 10px 0px 0px; }
.imgSoin2		{ width:175px; float:right; text-align:right; }
.imgSoin2 img 	{ padding:2px 0px 10px 10px; }
.imgSoin3		{ float:right; padding:2px 0px 25px 25px; }
.imgSoin4 img	{ padding:0px 30px;}

/* Page Hydrofusion SpaJet */
.lienSJ li			{ list-style-image:url(/images/ic_fleche.gif); padding-bottom:10px; }
.lienSJ li.listNB	{ list-style-type:none; list-style-image:none; padding-left:30px; }
/* Page Promotions du mois */
/*#promoMois { width:64%; float:left; margin:0px 20px 0px 0px; padding:0px 0px 0px 0px; }
#promoColD { width:32%; float:right; margin:0px; padding:0px; text-align:center; }*/

/* Page Nous joindre */
#contactColG	{ width:46%; margin-right:5%; padding:0px; float:left; }
#contactColD	{ width:45%; margin:0px; padding:0px; float:right; }
#contactColC	{ clear:both; padding-top:0px; }
#tabHrOuv tr td	{ padding-right:20px; }

/* Page Produits */
.prodDr			{ margin:0px; padding:0px 0px 25px 25px; float:right; }
.prodDr img		{ border:none; }

/* Page Galerie */
#galerieevs		{ z-index:1; }

/* Page Envoyer a un ami */
.bgErreur		{ background-color:#ffffaa; }	/* Pour les champs en erreur dans le formulaire traité en PHP */

/* Page Plan du site */
.listPlan li		{ list-style-image:url(/images/ic_fleche.gif); padding-bottom:5px; }
.listPlan li a		{ font-weight:normal; }
.listPlan li.listNB	{ list-style-type:none; list-style-image:none; margin-left:-20px; padding-top:10px; color:#00B0C7; font-weight:bold;}

/* Formulaire */ 
input, select, textarea	{ font-family:"Trebuchet MS", "Lucida Grande", "Bitstream Vera Sans", Arial, Helvetica, sans-serif; font-size:12px; color:#4B452C ; }


/* Mise en forme diverses */
a.lienT		{ color:#00B0C7 ; text-decoration:underline; font-weight:bold;}
a.lienT:hover, a.lienT:focus, a.lienT:active { color:#4B452C; }
a.soulig	{ text-decoration:underline;}
.alDr		{ text-align:right; }
.alGa		{ text-align:left; }
.alCe		{ text-align:center; }
.alTo		{ vertical-align:top; }
.bordgris	{ border:1px solid #bdc0c7; }
.clearB		{ clear:both; }
td.tabTitre	{ vertical-align:top; white-space:nowrap; padding:0px 10px 10px 0px; font-weight:bold; }
.flDr		{ float:right; }
.flGa		{ float:left; }
.gras		{ font-weight:bold; }
.grasRouge	{ font-weight:bold; color:#FF0000; }
.grasRouge a { font-weight:bold; color:#FF0000; text-decoration:underline; }
.grasVert	{ font-weight:bold; color: #009900; }
.ital 		{ font-style:italic; }
.normItal	{ font-size:12px; font-style:italic; color:#4B452C;}
.retTop		{ clear:both; text-align:center; }
.titreSmall	{ color:#00B0C7; font-size:14px; font-weight:bold; }
.txtTurq	{ color:#00B0C7; }
.txt9		{ font-size:9px; }
.txt10		{ font-size:10px; }
.txt11		{ font-size:11px; }
.txt14		{ font-size:14px; }
.nowrap		{ white-space:nowrap; }