body {
margin: 0pt;
padding: 0pt;
font-family: Arial,Helvetica,sans-serif;
text-align: center;
font-size: 11px;
background-color: #ffffff;
color: #666666; }


a {
color: #D0C618;
text-decoration: underline;
}

a:hover {
color: #D0C618;
text-decoration: none;
}

a:visited {
color: #D0C618;
text-decoration: underline;
}

a:visited:hover {
color: #D0C618;
text-decoration: none;
}

h1 {
color: #D0C618;
font-family:  "Century Gothic", "Arial Narrow";
font-weight: normal;
font-size: 17px;
margin-top: 10px;
margin-bottom: 10px;
letter-spacing: 1px;
 }

h2 {
font-family: Arial,Helvetica,sans-serif;
font-size: 15px;
color: #929191;
font-weight: bold;
}

h3 {
font-family: Arial,Helvetica,sans-serif;
font-size: 11px;
color: #929191;
padding-left: 0px;
padding: 3px;
background-color: #e9e9e9 }

h4 {
font-family: Arial,Helvetica,sans-serif;
font-size: 11px;
color: #929191;
font-weight: bold;
}

.texte-noir {
color: #000000;
}

.cadre {
margin-top:8px;
margin-bottom:8px;
background-color: #EDEDEE;
padding:8px;
}

.date {
color: #999999;
font-family: verdana, Arial,Helvetica,sans-serif;
font-weight: bolder;
font-size: 11px;
}

.lien-actu a{
font-size: 12px;
font-weight: bold;
color: #D0C618;
text-decoration: underline; }

.lien-actu a:hover{
color: #D0C618;
text-decoration: none; }



hr {
 display:block;
 height: 1px;
 margin: 0;
 padding: 0;
 color: #666666;
 background-color: #666666;
 border: 0;
margin-top: 10px;
margin-bottom: 10px; 
}

tbody {
font-family: Arial,Helvetica,sans-serif;
font-size: 11px;
}

form {
display:block;
margin:0;
padding:0;
}

p {
margin:0;
padding:0;
}

ul{
margin-top:10px;
margin-left:0px;}

li{
list-style-type: none;
background-image: url(../pictos_site/mini_fleche.gif);
background-repeat: no-repeat;
background-position: 0px 5px;
margin-left:5px;
padding-left: 8px;
padding-right: 14px;
padding-bottom: 5px;
color: #000000;
}

#conteneur {
margin: auto;
position: relative;
}

#header{
background-image: url(../pictos_site/back_header.gif);
background-repeat: repeat-x;
height: 124px;
margin: 0px;
}

#logo{
float:left;
margin-left: 20px;
margin-top: 40px;
}


#menu-header{
float: right;
height: 14px;
margin-top: 0px;
margin-right: 20px;
 }

#menu-header ul li {
margin: 0;
padding: 0;
display: inline;
list-style: none;
background-image: none;
}

#menu-header ul {
margin: 0;
padding: 0 0 0 0%;
color: #FFFFFF;
font-family: "Century Gothic", "Arial Narrow";
font-size: 9px;
letter-spacing: 2px;
}

#menu-header ul li a.actu{
margin-right:17px;
padding: 0em;
text-decoration: none;
float: left;
height: 14px;
width: 56px;
background-image: url(../pictos_site/btn_actu.gif);
background-position: top;
text-indent: -3000px;
}

#menu-header ul li a.monde {
margin-right:17px;
padding: 0em;
text-decoration: none;
float: left;
height: 14px;
width: 96px;
background-image: url(../pictos_site/btn_monde.gif);
background-position: top;
text-indent: -3000px;
}

#menu-header ul li a.contact {
margin-right:8px;
padding: 0em;
text-decoration: none;
float: left;
height: 14px;
width: 48px;
background-image: url(../pictos_site/btn_contact.gif);
background-position: top;
text-indent: -3000px;
}

#menu-header ul li a.espace {
padding: 0em;
text-decoration: none;
float: left;
height: 14px;
width: 65px;
background-image: url(../pictos_site/btn_espace.gif);
background-position: top;
text-indent: -3000px;
}

#menu-header ul li a:hover {
background-position: bottom;
text-indent: -3000px;
list-style: none;
}

#menu-header a#youarehere {
background-position: bottom;
text-indent: -3000px;
}


/* menu*/

#menu {
float:right;
background-color: #FFFFFF;
height: 29px;
width: 797px;
margin-right:17px;
margin-top:15px;
}

#menu ul li {
margin: 0;
padding: 0;
display: inline;
list-style: none;
background-image: none;
}

#menu ul {
margin: 0;
padding: 0 0 0 0%;
color: #FFFFFF;
font-family: "Century Gothic", "Arial Narrow";
font-size: 9px;
letter-spacing: 2px;
}

#menu ul li a.epilation {
padding: 0em;
background-color: #ffffff;
text-decoration: none;
float: left;
height: 29px;
width: 138px;
background-image: url(../pictos_site/btn_epilation.gif);
background-position: top;
text-indent: -3000px;
}

#menu ul li a.acne {
padding: 0em;
background-color: #ffffff;
text-decoration: none;
float: left;
height: 29px;
width: 62px;
background-image: url(../pictos_site/btn_acne.gif);
background-position: top;
text-indent: -3000px;
}

#menu ul li a.lesions-v {
padding: 0em;
background-color: #ffffff;
text-decoration: none;
float: left;
height: 29px;
width: 123px;
background-image: url(../pictos_site/btn_lesions_v.gif);
background-position: top;
text-indent: -3000px;
}

#menu ul li a.lesions-p {
padding: 0em;
background-color: #ffffff;
text-decoration: none;
float: left;
height: 29px;
width: 132px;
background-image: url(../pictos_site/btn_lesions_p.gif);
background-position: top;
text-indent: -3000px;
}

#menu ul li a.photo {
padding: 0em;
background-color: #ffffff;
text-decoration: none;
float: left;
height: 29px;
width: 142px;
background-image: url(../pictos_site/btn_photo.gif);
background-position: top;
text-indent: -3000px;
}

#menu ul li a.Anti {
padding: 0em;
background-color: #ffffff;
text-decoration: none;
float: left;
height: 29px;
width: 82px;
background-image: url(../pictos_site/btn_anti.gif);
background-position: top;
text-indent: -3000px;
}

#menu ul li a.technique {
padding: 0em;
background-color: #ffffff;
text-decoration: none;
float: left;
height: 29px;
width: 118px;
background-image: url(../pictos_site/btn_technique.gif);
background-position: top;
text-indent: -3000px;
}

#menu ul li a:hover {
background-position: bottom;
text-indent: -3000px;
background-color: #ffffff;
list-style: none;
}

#menu a#youarehere {
background-position: bottom;
text-indent: -3000px;
background-color: #ffffff;
}

#visuelle {
background-image: url(../pictos_site/visuel.jpg);
background-color: #ffffff;
background-repeat: no-repeat;
height:176px;
background-position: center; }

#centre{
text-align:left;
margin: 0px;
padding-left: 30px;
padding-right: 30px;
padding-top: 20px;
padding-bottom: 25px;
}

.td-accueil{
background-image: url(../pictos_site/ombre_vertical1.gif);
background-repeat: no-repeat;
background-position: left top;
line-height: 16px; 
}

#centre .cont-accueil {
margin-top:5px;
margin-left:30px;
margin-right:10px;
margin-bottom:10px;
}

#centre .cont-accueil a {
color: #666666;
text-decoration: none;
}

#centre .cont-accueil a:hover{
color: #666666;
text-decoration: underline;
}


.image-actu {
float: left;
margin-right: 5px;
margin-bottom: 3px;
padding: 0px;
border: 3px #cccccc solid; }


.alignement {
vertical-align: middle;
display: inline-block;
}

#bloc-arbo {
font-size: 10px;
font-family: Verdana, Helvetica, Arial, sans-serif;
text-align: left;
margin-left: 300px;
margin-top: 15px;
margin-bottom: 15px;
color: #666666;
}

#bloc-arbo a, #bloc-arbo a:visited {
text-decoration: none;
color: #666666; }

#bloc-arbo a:hover, #bloc-arbo a:visited:hover {
text-decoration: underline;
color: #666666;
}


#caleexplorer {
width: 100%;
}

#gauche {
background-image: url(../pictos_site/ombre_vertical1.gif);
background-repeat: no-repeat;
background-position: left top;
width:204px;
margin: 0px;
}


#menu-gauche {
margin: 0px;
padding-top: 0px;
padding-left: 30px;
padding-right: 15px;
padding-bottom: 0px;
}

#menu-gauche ul {
margin: 0pt;
padding: 0pt;
}

#menu-gauche li {
margin-bottom: 7px;
padding: 0pt;
display: block;
border-bottom: 1px #ffffff solid;
background-image: none;
}

#menu-gauche a {
font-size: 12px;
margin: 0pt;
display: block;
color: #666666;
text-decoration: none;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 20px;
background: url(../pictos_site/puce_menu_off.gif) no-repeat scroll 0px 3px;
font-weight: bold; }

#menu-gauche a:hover {
background: url(../pictos_site/puce_menu_on.gif) no-repeat scroll 0px 3px;}

#menu-gauche a.current {
background: url(../pictos_site/puce_menu_on.gif) no-repeat scroll 0px 3px;}
}

#menu-gauche a.current:hover {
background: url(../pictos_site/puce_menu_on.gif) no-repeat scroll 0px 3px;}
}

ul#subgauche {
margin: 0px;
padding: 0px;
}

#subgauche li {
margin: 0px;
padding: 0px;
display: block;
border-bottom: 1px #ffffff solid;
}

#subgauche a {
font-size: 10px;
margin: 0px;
padding: 2px 2px 2px 20px;
display: block;
color: #666666;
text-decoration: none;
font-weight: normal;
font-family: Verdana, Helvetica, Arial, sans-serif;
background-image: url(../pictos_site/puce.gif);
background-position: 9px 5px; }

#subgauche a:hover {
color: #666666;
background-image: url(../pictos_site/fleche_grise.gif);
background-position: 9px 5px; 
}

#subgauche a.youarehere, #nav-section a.youarehere:hover {
color: #666666;
background-image: url(../pictos_site/fleche_grise.gif);
background-position: 9px 5px; }


#contenu{
width:100%;
text-align:left;
margin: 0px;
padding-left: 30px;
padding-right: 30px;
padding-top: 0px;
padding-bottom: 25px;
line-height: 16px; 
}

#contenu-popup{
margin: 0px;
padding-left: 15px;
padding-right: 20px;
padding-top: 0px;
padding-bottom: 25px;
line-height: 16px; 
}

.espace{
margin-left: 8px;
margin-right: 8px;
}

.spacer {
clear: both;
}


#centre .separateur{
margin: 0px;
padding: 0px;
background-image: url(../pictos_site/filet_pointille.gif);
background-repeat: repeat-x;
background-position: center;
height: 18px;
}


#liste-centre{
margin: 0px;
padding: 0px;
}

#liste-centre ul{
list-style: none;
margin: 0px;
padding: 0px;
font-size: 11px;
}

#liste-centre li {
list-style-type: none;
background-image: url(../pictos_site/mini_fleche.gif);
background-repeat: no-repeat;
background-position: 0px 5px;
margin-left:0px;
padding-left: 12px;
padding-right: 14px;
padding-bottom: 5px;
color: #666666;
}

#liste-centre a {
color: #666666;
text-decoration: underline; }

#liste-centre a:hover {
color: #666666;
text-decoration: none; }

#liste-faq ul{
list-style: none;
margin: 0px;
padding: 0px;
font-size: 11px;
}

#liste-faq li {
margin: 0px;
text-align: left;
padding-bottom: 6px;
padding-left: 35px;
padding-right: 35px;
background: url(../pictos_site/puce_orange2.gif) no-repeat 17px 2px;
}

#liste-faq a {
color: #D0C618;
font-weight: bold;
text-decoration: underline; }

#liste-faq a:hover {
color: #D0C618;
text-decoration: none; }


#subliste ol{
margin: 0px;
padding: 0px;
font-size: 10px;
}

#subliste li {
list-style-type: decimal; 
margin: 0px;
padding-top: 6px;
padding-bottom: 3px;
padding-left: 0px;
padding-right: 35px;
background-image: none;
color: #D0C618;
}

#subliste a {
color: #666666;
font-weight: normal;
text-decoration: none;
}

#subliste a:hover {
color: #666666;
text-decoration: underline;
}



.habillage-recherche {
width: 150px;
color:#666666;
background-color: #cccccc;
border: 1px #ffffff solid;
height: 18px;
font-family: Arial,Helvetica,sans-serif;
font-size: 11px;
padding-top: 1px;
padding-right: 1px;
padding-bottom: 1px;
padding-left: 3px; }

.habillage-champs {
width: 250px;
background-color: #ffffff;
border: 1px #999999 solid;
height: 18px;
font-family: Arial,Helvetica,sans-serif;
font-size: 11px;
padding-top: 1px;
padding-right: 1px;
padding-bottom: 1px;
padding-left: 3px; }

.habillage-message {
width: 250px;
background-color: #ffffff;
border: 1px #999999 solid;
font-family: Arial,Helvetica,sans-serif;
font-size: 11px;
padding-top: 1px;
padding-right: 1px;
padding-bottom: 1px;
padding-left: 3px; }

.habillage-select {
background-color: #ffffff;
border: 1px #999999 solid;
height: 18px;
font-family: Arial,Helvetica,sans-serif;
font-size: 11px;
padding-top: 1px;
padding-right: 1px;
padding-bottom: 1px;
padding-left: 3px; }


#bloc-espace {
height: 10px;
}

#bloc-hautdepage {
text-align: right;
padding-top: 10px;
}

/* bloc haut de page*/

#haut-de-page {
background-image: url(../pictos_site/filet_top.gif);
background-repeat: repeat-x;
height: 12px;
text-align: right;
margin-top: 10px;
margin-bottom: 10px;
}


/* chiffres pages*/

ul#bloc-chiffre {
text-align:center;
list-style: none;
margin: 0;
padding: 0;
font-size: 10px; }

#bloc-chiffre li{
display: inline;
padding: 0;
background-image: none;
}

#bloc-chiffre a{
color: #D0C618;;
border: 1px #ffffff solid;
background-color: #ffffff;
padding:2px;
text-decoration: none;
}

#bloc-chiffre a:hover{
color: #ffffff;
border: 1px #D0C618 solid;
background-color: #D0C618;
}

#bloc-chiffre a.youarehere, .bloc-chiffre a.youarehere:hover{
color: #ffffff;
border: 1px #D0C618 solid;
background-color: #D0C618;
}


/* Pied*/

#pied {
margin:0px;
padding-top: 15px;
padding-bottom: 0px;
background-image: url(../pictos_site/back_footer.gif);
background-repeat: repeat-x;
text-align: center;
font-size: 10px;
color: #666666;
height: 100px;}


#pied a{
color: #666666;
text-decoration: none;
}

#pied a:hover{
text-decoration: underline;
}