﻿@charset "utf-8";
* {
   padding:0;
   margin:0;
}
BODY{
   background-color:#BED731;
   font:normal 10pt arial;
}
A{
   color:#91499B;
   font:bold 10pt arial;
}
H1 {
   text-align:left;
   font-size:18px;
   font-weight:bold;
   color:#8FA127;
   margin-top:1.5em;
}
H2 {
   font-size:13px;
   font-weight:bold;
   margin-top:1em;
   margin-bottom:2px;
   color:#8FA127;
}
EM {
   color:#8FA127;
   font-weight:bold;
   font-size:11px;
}
I {
   color:#000000;
   font-size:10px;
}
#page{
   background:url(../images/fond.png) repeat-y #BED731 50% 0;
   width:850px;
   margin:0 auto;
}
#haut{
   
}
#logo{
   float:left;
   left:0px;
   top:0px;
   width:230px;
   height:149px;
   background-image:url(../images/logo.jpg);
}
ul#menu{
   float:right;
   text-align:right;
   margin-right:10px;
   margin-top:10px;
   list-style:none;
}
ul#menu li {
   margin:0; padding:0;
}
ul#menu A{
   text-decoration:none;
}
ul#menu A:hover{
   color:white;
   background-color:#BED731;
}
ul#menu li:hover{
   background-color:#BED731;
   color:white;
}
#photo-haut{
   float:right;
   left:494px;
   top:1px;
   margin:0px;
   width:346px;
   height:150px;
   background-image:url(../images/photo-haut.jpg);
}
#logos{
   float:left;
}
P.spacer{
   clear:both;
}
#trait{
   height:2px;
   background-color:#BED731;
}
#photo-gauche{
   float:left;
   width:225px;
   height:470px;
   background:url(../images/photo-gauch.jpg) no-repeat 0 0 white;
   z-index:0;
}
#content{
   color: #91499B;
   margin-left:230px;
   font-size:10pt;
   min-height:650px;
   text-align:justify;
   margin-right:5px;
}
#banniere{
   margin:0em 1em;
   text-align:center;
   color: #91499B;
   font:normal 8pt arial;
}
#banniere A{
   text-decoration:none;
}
#banniere A:hover{
   text-decoration:underline;
}
#banniere p.menu A {
   font:normal 8pt arial;
}
TABLE {
   border-collapse:collapse;
   border-spacing:0;
   padding:0;
   font-size:12px;
   color:#91499B;
}
TD{
   white-space:nowrap;
}
.points {
   overflow:hidden;
   background:url(../images/point.gif) repeat-x bottom center;
}
.col_1 {
   width:250px;
}
.col_2 {
   width:250px;
}
.all {
   width:520px;
}
.sep2col {
   width:20px;
}
#content_soins{
   text-align:center;
   padding:0 190px 0 250px;
}
#content_soins H1{
   text-align:center; margin:1.5em 0;
   border-bottom:solid 1px #BED731;
}
#content_soins H2{
   text-align:left; margin:4px 0;
   border-bottom:solid 1px #BED731;
}
#bloc1 {
   float:left;
   width:200px;
}
#bloc2 {
   float:left;
   width:190px;
   margin-left:20px;
}
#LHE{
	position: absolute;
	visibility : hidden;
	padding:0px;
	z-index:2;
	left:-630px;
	width:400px;
	height:236px;
	border: 1px solid #91499B;
	background-image:url(../images/LHE.jpg);
}
#soins-visage{
	position: absolute;
	visibility : hidden;
	padding:0px;
	z-index:2;
	left:-630px;
	width:300px;
	height:201px;
	border: 1px solid #91499B;
	background-image:url(../images/phyts2.jpg);
	color:#91499B;
}
#main{
	position: absolute;
	visibility : hidden;
	padding:0px;
	z-index:2;
	left:-630px;
	width:300px;
	height:225px;
	border: 1px solid #91499B;
	background-image:url(../images/main.jpg);
	color:#91499B;
}
#pierres{
	position: absolute;
	visibility : hidden;
	padding:0px;
	z-index:2;
	left:-630px;
	width:437px;
	height:377px;
	color:#91499B;
	border: 1px solid #91499B;
	background-image:url(../images/pierres.jpg);
	background-color:#FFFFFF;
	text-align:center;
}
#microdermabrasion{
	position: absolute;
	visibility : hidden;
	padding:0px;
	z-index:2;
	left:-630px;
	width:300px;
	height:201px;
	color:#FFFFFF;
	border: 1px solid #91499B;
	background-image:url(../images/homme.png);
	text-align:center;
}
#chocolat{
	position: absolute;
	visibility : hidden;
	padding:0px;
	z-index:2;
	left:-630px;
	width:400px;
	height:400px;
	color:#FFFFFF;
	border: 1px solid #91499B;
	background-image:url(../images/chocolat.jpg);
	text-align:center;
}
#dermosonic{
	position: absolute;
	visibility : hidden;
	padding:0px;
	z-index:2;
	left:-630px;
	width:310px;
	height:277px;
	color:#FFFFFF;
	border: 1px solid #91499B;
	background-image:url(../images/dermasonic.jpg);
	text-align:center;
}
#curseur2{
	position: absolute;
	visibility : hidden;
	padding: 0px;
	font-family: Verdana, Arial;
	font-size: 10px;
	background-image:url(../images/U.V-advantage-350-gd.jpg);
	z-index:2;
	width:400px;
	height:300px;
	left:-630px;
	border: 1px solid #91499B;
}
#institut{
   text-align:justify;
}
#institut P, #institut H1, #institut H2{
   margin-left:160px;
}
#spa{
   text-align:justify;
}
#spa P, #spa H1, #spa H2{
   margin-right:160px;
}
#uv{
   text-align:justify;
}
#uv P, #uv H1, #uv H2{
   margin-left:160px;
}
#massage {
   margin:3em 0 0 0;
}
#actu {
   text-align:center;
   font:bold 8pt arial; padding-left:230px; padding-right:20px;
   background:url(../images/logo.jpg) no-repeat 0 0;
   margin:2em 0;
}
#actu H1{
   color:#91499B;
   background-color:#BED731;
   border:solid 3px #91499B;
   margin:0; padding:5px;
   font:bold 12pt arial;
}
#plan-acces{
   text-align:center;
   font-size:10pt;
}
#plan-acces H1{
   text-align:center;
   font-size:12pt;
}
#coord{
   text-align:center;
   margin:3em 2px;
   color:#8FA127;
   border:1px solid #8FA127;
}
#coord gras{
   color:#91499B;
   font-weight:bold;
}
#coord A{
   color:#91499B;
   font-weight:bold;
   text-decoration:none;
}
#labels {
   float:left;
   margin-left:2em;
}
#labels IMG{
   text-decoration:none;
   border:0;
}
TABLE.all TD.desc_soin{
   padding-left:2em;
   font-style:italic;
   padding-bottom:0.5em;
   white-space:normal;
}
#content IMG.logo{
   margin-left:30%;
}
#promos{
   text-align:center; font-weight:bold;
   font-size:10pt; color:#FF0000;
   margin:0; padding:0;
}
P#promo{
   margin:0; padding:0;
}
SPAN.vert{
   margin:0; padding:0;
   color:#8FA127;
}
IMG.accueil{
   margin:0 10%;
}
