html{
height: 100%;
}
body {
margin-top:0px;
margin-bottom: 0px;
padding: 0px;
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:75%;
font-style:normal;
font-weight:normal;
background-image:url(images/fondbody.gif);
background-color: #F1E9B2;
color: #333333;
} 
A {
color:#234334;
text-decoration:underline;
font-weight:normal;
font-style:normal;
background-color:inherit;
} 
A:hover {
color:#996600;
text-decoration:underline;
background-color:inherit;
font-style:normal;
} 
A.menu  { 
color: #333333; 
font-style: normal; 
font-weight: bold; 
text-decoration: none; 
} 
A.menu:hover {
color: #556B2F; 
font-style: normal; 
font-weight: bold; 
text-decoration: none; 
} 
A.menugauche  { 
color: #333333; 
font-style: normal; 
font-weight: bold; 
text-decoration: none; 
} 
A.menugauche:hover {
color: #006699; 
font-style: normal; 
font-weight: bold; 
text-decoration: none; 
} 
A.copy  { 
color: #666633; 
font-style: normal; 
font-weight: normal; 
text-decoration: underline; 
} 
A.copy:hover {
color: #666633; 
font-style: normal; 
font-weight: normal; 
text-decoration: none; 
} 
A.baspage {
color: #333333; 
text-decoration:underline;
font-weight:normal;
font-style:normal;
} 
A.baspage:hover {
color: #333333; 
text-decoration:none;
} 
A.soustitre  { 
color: #6B8E23; 
font-style: italic; 
font-weight: bold; 
text-decoration: underline; 
font-size: 120%;
} 
A.soustitre:hover {
color: #6B8E23; 
font-style: italic; 
font-weight: bold; 
text-decoration: none; 
font-size: 120%;
} 
.textepetit {
font-size: 90%;
} 
.texteblanc {
color: #ffffff; 
} 
.textevert {
color: #234334; 
font-weight: bold; 
} 
.information {
font-weight:bold;
color: #FF4500;
} 
div#menugauche ul {
margin: 5px 0px 0px 10px; 
padding : 0px;
}
div#centre ul {
margin: 5px 0px 0px 30px; 
padding : 0px;
}

input, textarea, select {
font-size:85%;
color:#000000;
font-weight:bold;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
background-color:inherit;
}
div#contenuformulaire{width:98%;margin:3px;vertical-align:top;}
div#contenuformulaire div.sautligne {padding:2px;vertical-align:top;width:97%;}
div#contenuformulaire form label {float:left;width:140px;font-weight:bold;padding:2px;}

#contentarea { 
position:relative;
width: 763px; 
height: 100%; 
margin: 0px auto;
background-image:url(images/fondpage.gif);
background-repeat: repeat;
}
#hautpage {
position:relative;
float:left;
width: 763px;
height: 139px;
background-image:url(images/entete.gif);
background-repeat: no-repeat;
background-color:inherit;
padding : 0px;
margin : 0px;	
} 
#hautpageen {
position:relative;
float:left;
width: 763px;
height: 139px;
background-image:url(images/entete_en.gif);
background-repeat: no-repeat;
background-color:inherit;
padding : 0px;
margin : 0px;	
} 
#menuhaut {
position:relative;
float:left;
width:763px;
height: 29px;
background-image:url(images/fondmenu.gif);
background-repeat: no-repeat;
margin: 0px; 
padding : 0px;
}
#menuhautcontenu {
margin: 0px; 
padding : 7px 8px 0px 0px;
text-align : right;
}
#contenu { 
position:relative;
float:left;
margin: 0px; 
padding : 0px;
width: 763px; 
height: 100%; 
background-image:url(images/fondpage.gif);
background-repeat: repeat;
}

#menugauche {
position:relative;
float:left;
width:164px;
height: auto;
margin: 0px; 
padding : 0px;
background-image:url(images/fondmenugauche.gif);
background-repeat: no-repeat;
}
#menugauchecontenu {
margin: 0px; 
padding : 10px 4px 0px 8px;
color: #333333; 
background-color:inherit;
}

#centre {
position:relative;
float:left;
width:599px;
height: 100%; 
min-height: 100%; 
background-color: inherit;
margin : 0px;		
padding : 0px;
}
#centrecontenu {
margin : 0px;		
padding : 10px 10px 10px 20px;
}
.encart {
position:relative;
float:left;
width: 242px;
height: auto; 
background-color: inherit;
margin : 0px;		
padding : 0px;
}
#encartfemmes {
position:relative;
float:left;
width: 242px;
height: 55px; 
min-height: 100%; 
background-image:url(images/encart1.gif);
background-repeat: no-repeat;
margin : 0px;		
padding : 0px;
}
#encartwomen {
position:relative;
float:left;
width: 242px;
height: 55px; 
min-height: 100%; 
background-image:url(images/encart1en.gif);
background-repeat: no-repeat;
margin : 0px;		
padding : 0px;
}
#encarthommes {
position:relative;
float:left;
width: 242px;
height: 55px; 
min-height: 100%; 
background-image:url(images/encart2.gif);
background-repeat: no-repeat;
margin : 0px;		
padding : 0px;
}
#encartmen {
position:relative;
float:left;
width: 242px;
height: 55px; 
min-height: 100%; 
background-image:url(images/encart2en.gif);
background-repeat: no-repeat;
margin : 0px;		
padding : 0px;
}
#encartcosmetiques {
position:relative;
float:left;
width: 242px;
height: 55px; 
min-height: 100%; 
background-image:url(images/encart3.gif);
background-repeat: no-repeat;
margin : 0px;		
padding : 0px;
}
#encartcosmetics {
position:relative;
float:left;
width: 242px;
height: 55px; 
min-height: 100%; 
background-image:url(images/encart3en.gif);
background-repeat: no-repeat;
margin : 0px;		
padding : 0px;
}
#encartcapillaires {
position:relative;
float:left;
width: 242px;
height: 55px; 
min-height: 100%; 
background-image:url(images/encart4.gif);
background-repeat: no-repeat;
margin : 0px;		
padding : 0px;
}
#encarthair {
position:relative;
float:left;
width: 242px;
height: 55px; 
min-height: 100%; 
background-image:url(images/encart4en.gif);
background-repeat: no-repeat;
margin : 0px;		
padding : 0px;
}
.encartcentre {
position:relative;
float:left;
width: 242px;
height: auto; 
background-image:url(images/fond_encart.gif);
background-repeat: repeat;
margin : 0px;		
padding : 0px;
}
.encartcontenu {
margin : 0px;		
padding : 0px 5px 0px 8px;
}
.encartbas {
position:relative;
float:left;
width: 242px;
height: 10px; 
background-image:url(images/bas_encart.gif);
background-repeat: no-repeat;
margin : 0px 0px 10px 0px;		
padding : 0px;
}
H1 {
font-size: 180%;
margin: 0px;
padding: 0px;
font-weight:bold;
color:#006699;
background-color:inherit;
}
H2 {
font-size: 120%;
margin: 0px;
padding: 0px;
font-weight:bold;
color:#6B8E23;
background-color:inherit;
font-style: italic; 
}
H3 {
font-size: 130%;
margin: 0px;
padding: 0px;
font-weight:bold;
color:#333333;
background-color:inherit;
}

#footer {
position:relative;
width: 763px; 
height: 41px;
margin:0px auto;
padding : 0px;
background-image:url(images/piedpage.gif);
background-repeat: no-repeat;
}
#footercontenu {
margin: 0px; 
padding : 8px 0px 8px 0px;
background-color:inherit;
text-align: center;
}
#copyright {
position:relative;
width: 763px; 
height: auto;
margin:0px auto;
padding : 0px;
text-align: left;
font-size:90%;
color: #666633;
}
#chargement {
display:none;
color:#ff0000;
font-weight:bold;
}