﻿.underConstruction {
text-align:center;
font-size:1.5em;
}

html, body {
height: 100%;
width: 100%;
overflow: hidden;
}
body {
font-family: Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
margin: 0;
padding: 0;
text-align:center;
color  :#491a06;
background-color:gray;
background-image:url('../images/backgroundTop.jpg');
background-position: left top ;
background-repeat:repeat-x;
background-color:#ebdebe;
}

#site 
{
    text-align: left;
    margin: auto;
   	max-width : 950px; /* substract padding */
	width : expression((document.body.clientWidth > 950 ? 950 : document.body.clientWidth) + "px");

    height: 100%;
	height : expression((document.body.clientHeight > 700 ? 700 : document.body.clientHeight) + "px");
/*
	max-height:700px;  
*/
/* substract padding */
}

#contenu {
height: 92%;
position:relative;
top:5%;
overflow: auto;
background-color:WHITE;
border: 1px solid #491a06;
padding :0px;
padding-bottom:10px;
}
* html #contenu 
{width:780px;
top:-650px;
left:180px;
} 
/* logo after img
img 
{
    border: 1px solid #491a06;
}
*/
#logo 
{
    position:relative;
    left:-70px;
}
#logo img 
{
    border:none;
}    
#leftCol 
{
left:0px;
float:left;
width: 180px;
height: 100%;
margin: 0;
padding: 0;
border: solid 1px black,
}
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}

.menu 
{
width: 10em;

 }
.menu, .menu a {
    color  :#491a06;
}
.menu a:hover
{
  color:#46bbd6;
}

.menu dt {
cursor: pointer;
height: 40px;
line-height: 40px;
margin: 2px 0;
/*
font-size:1.2em;
*/
font-weight:normal;
text-align: left;
}

.menu dd {
position:relative;
top:-5px;
width: 10em;
border: dotted 1px #491a06;
border-bottom:none;
border-left:none;   
border-right:none;
font-weight:normal;
}

.menu ul {
padding: 2px;
}
.menu li {
text-align: right;
font-size: 90%;
height: 18px;
line-height: 18px;
}
.menu li a, .menu dt a {
text-decoration: none;
display: block;
}
h1, h2 
{
    font-weight :normal;
}
h1
{
    text-align: center;
    margin-top:5px;
    margin-bottom:5px;
    font-size:26px;
}
h2
{
    font-size:20px;
}
h3
{
    font-size:17px;
}
/* ACCUEIL */

#imgSmile 
{
	text-align:left;
	float: left;
	border:none;
	
}
#AccueilUp 
{
	float:none;
	height:270px;
}
#Title 
{
position:relative;
left: -35px;
padding:15px;	
line-height:25px;
font-size:1.4em;
}

.TextAccueil 
{
margin:auto;
width:500px;
text-align:justify;
line-height:18px;
font-size:1.1em;
}
/* FIN ACCUEIL */

/* VISITE */
.cabine 
{
    margin-top:30px;
}
.visitDesc 
{
/*	float: left; 
	max-width:320px; */
	padding-bottom :20px;
	text-align:justify;	
}
.visitDesc h2 
{
    margin-bottom:7px;
}

.visitDesc, .imgVisite 
{
	padding-left :35px;
	padding-right : 35px;
	
}
 .imgVisite 
 {
    margin-top:10px;
    margin-bottom:10px;
    
    text-align: center; 
 } 
 
.imgVisite img
{
    border: 1px solid #491a06;
}

/* MODELAGE */

.avertissement 
{
    margin:0;
    text-align:center;
    font-size:11px;
}
.avertissementCorps
{
    text-align:left;
    font-size:11px;
}
.soin 
{
    text-align:justify;
    font-size:small;

}

.soin h2
{
    margin:0;
    margin-bottom:5px;
}
.soin, .imgSoin
{
    margin-top:10px;
    padding-left:50px;
    padding-right:30px

}
.imgSoin
{
    text-align:center;
}

.colonne 
{
    float:left;
    width:48%;
}

.duree 
{
    margin-top:5px;
    font-size:13px;
}
.typePeau 
{
    margin-bottom:5px;
    font-size:11px;
}
/* BEAUTE*/
h3
{
    font-weight:normal;
    margin: 0;
}

.titleBeaute 
{
    font-size:22px;
    text-align:center;
    margin-bottom:10px;
}
.epilDesc 
{
   float:left;
}
.prix 
{
    text-align:right;
}
.epilDesc , .prix
{
    margin-bottom: 2px;
}
/* PRODUIT*/

.produit
{
    width:85%;
    text-align:center;
    margin:auto;
}
.produitDesc 
{
    text-align:justify;
    padding:5%;
}

.renvoi
{
    font-size:12px;
}

.colGroup 
{
 float: none;  
}

.centered
{
    width:100%;
    text-align:center;
}
.forfaitSpa 
{
    margin:auto;
    width:70%;
}
.superscript
{
    font-size:x-small;
    position:relative;
    top : -5px;
}

.plan {
text-align:center;
}
.cadeau {
width:85%;
text-align:center;
margin:auto;
}
.cadeau .colonne 
{
    margin:auto;
    text-align:center;
    padding:5px;
}

.cadeauDesc {
width:85%;
    margin:auto;
text-align:justify;
}

.forfaitMinceur
{
    margin-top:5px;
    font-size:11px;
    font-style:oblique;
}

.epilation 
{
    width:50%;
    text-align:center;
    margin:auto;
}
.spa h2 
{
    text-align:left;
    font-size:18px;
}

.renvoi
{
   text-align: right;
   font-size: 11px;
   margin-right:25px;
}
