@charset "utf-8";

BODY {
margin:0;
padding: 0;
background-image:url(images/SITE_background_02.jpg);
background-repeat:repeat-x;
background-color: #d4dae1;
}

/* BLOC PRINCIPAUX ---------------------------------------------------- */
#entete {
width: 950px;
height: 182px;
margin-left: auto;
margin-right: auto;
}
#central {
width: 950px;
height: 463px;
margin-left: auto;
margin-right: auto;
margin-top: 0;
clear:both;
background-image:url(images/CONTENT_fond_vide.jpg);
background-color:#FFFFFF;
}

#central_long {
/* pages créées pour le référencement */
width: 950px;
margin-left: auto;
margin-right: auto;
margin-top: 0;
clear:both;
background: url(images/CONTENT_fond-page.gif) bottom repeat-y;
}


#footer {
width: 950px;
margin-left: auto;
margin-right: auto;
font :11px verdana;
text-align:center;
line-height: 25px;
letter-spacing: 1px;
color:#FFFFFF;
}
#menu {
width: 950px;
height: 25px;
margin-left: auto;
margin-right: auto;
background-color:#ffffff;
}
#menu IMG {
margin:0;
border:none;
}

#content {
/*width: 900px;
margin: 0 0 0 25px;
position:absolute;
top: 237px;*/
}

/* TEXTES ELEMENTAIRES ---------------------------------------------------- */

P  {
font-family: verdana, arial;
font-size : 11px;
line-height: 15px;
color: #767d7f;
margin: 0 0 0 0;
}

UL{
margin: 10px 10px 10px 10px;
padding: 0  0 0 10px;
font-family: verdana, arial;
font-size : 11px;
color: #8e8f8f;
}
LI {
line-height: 15px;
}

#footer a {
color:#8895b8;
text-decoration:none;
}

#footer a:hover {
color:#7ebecf;
text-decoration:none;
}

a.lienNormal {
color:#51acc1;
text-decoration:none;
}

a.lienNormal :hover {
color:#7ebecf;
text-decoration:none;
}

/* TEXTES SPECIAUX ---------------------------------------------------- */

.pave_pharmacien {

color: #ffffff;
font-family: verdana, arial;
font-size : 11px;
text-align:justify;
}

a.lien_capiton {
text-decoration:none;
color: #98C236;
}
a.lien_capiton :hover {
text-decoration:none;
color: #7d7d7d;
}

a.lien_hydratant {
text-decoration:none;
color: #7ebecf;
}
a.lien_hydratant :hover {
text-decoration:none;
color: #7d7d7d;
}

a.lien_antiage {
text-decoration:none;
color: #E891C5;
}
a.lien_antiage :hover {
text-decoration:none;
color: #7d7d7d;
}

a.lien_pelliculaire {
text-decoration:none;
color: #8082CE;
}
a.lien_pelliculaire :hover {
text-decoration:none;
color: #7d7d7d;
}

.legRevuePresse {
color:#CCCCCC;
}


/* BLOCS SPECIAUX ---------------------------------------------------- */

/* bloc central peau parfaite*/ 
.bloc_peau_parfaite {
background-image:url(images/PAGE_Peau_fond);
}

/* bloc revue de presse */
#content_presse {
width: 450px;
height : 300px;
position:relative;
top: 100px;
margin-left:450px;
overflow-x: hidden; 
overflow-y: scroll; 
}


/* PAGES A CONTENU LONG ---------------------------------------------------- */

/* SOUSMENU GAUCHE */
#menu_gauche {
width: 260px;
float:left;
margin-left:40px;
}
#menu_gauche H2 {
display:block;
height:20px;
border-bottom: #ebe9e9 1px solid;
margin: 0 0 0 0;
font: bold 11px verdana;
}
#menu_gauche LI {
font: bold 11px verdana;
text-indent:0;
list-style:none;
margin-left:0;
}
#menu_gauche UL {
margin: 5px 0 12px 0;
padding:0;
}

#menu_gauche A {
text-decoration: none;
}
#menu_gauche A:hover {
text-decoration: none;
color:#7ebecf;
}
#menu_gauche IMG {
margin-top: 50px;
}

/* CONTENU DE LA PAGE */

#contenu_page {
width: 560px;
float:right;
padding-right:40px;
}

#contenu_page_bibloc {
width: 275px;
float:left;
padding-left:35px;
}
#contenu_page_bibloc LI {
text-indent:0px;
list-style:none;
margin-left:0;
}



#hack-tire-page {
/* permet de bien caler la marge supérieure du footer */
clear:both;
height:30px;
background:url(images/CONTENT_pied-de-page.gif) no-repeat;
}
#contenu_page IMG {
margin:0;
padding:0;
}

#central_long H1 {
display:block;
line-height: 22px;
margin: 0 0 8px 0;
font: bold 11px verdana;
}

#central_long H2 {
display:block;
clear:none;
line-height: 22px;
margin: 0 0 0 0;
font: bold 11px verdana;
color: #b4bfd5;
}

#central_long H3 {
line-height: 22px;
margin: 0 0 5px 10px;
font: bold 11px verdana;
color: #b4bfd5;
}



#central_long P {
text-align:justify;
margin-bottom: 20px;
}

#central_long A {
text-decoration: none;
color:#7ebecf;
}
#central_long A:hover {
text-decoration: none;
color:#7ebecf;
}

/* GLOSSAIRE - Balise de définition DD / DT / DL - */

DL {
margin:0;
padding:0;
}

DT  {
line-height: 20px;
margin: 10 0 0px 5px;
font: bold 11px verdana;
color: #b4bfd5;
}

DD  {
font-family: verdana, arial;
font-size : 11px;
line-height: 15px;
color: #767d7f;
margin: 0 0 10px 0;
}



/* COLORATION DES TITRES - Couleurs produits */
.color-age {
color: #e4a1ce;
}
.color-hydratation {
color: #7CCCE0;
}
.color-pellicule {
color: #8082CE;
}
.color-capiton {
color: #98C236;
}
.color-generique {
color: #b4bfd5;
}

/* FIL ARIANE */

#fil_ariane {
z-index:10;
position:absolute;
top: 365px;
left:50%;
margin-left: -125px;
color: #999999;
font: 10px verdana;
line-height: 20px;
}
#fil_ariane A {
color: #b4bfd5;
text-decoration:none;
}
#fil_ariane A:hover{
color: #b4bfd5;
}

/* BLOC W3E MENU HOME-PAGE ---------------------- */
#bloc-menu-savoir {
margin: 10px auto 0 auto;
width: 950px;
height: 171px;
background: url(images/MENU-PLUS_Fond.jpg) no-repeat;
padding: 60px 0 0 0;
}

#menu-savoir {
width: 180px;
float:left;
}
#menu-savoir H3{
font :11px verdana;
color:#a9b6c6;
font-weight: bold;
margin:0;
}
#menu-savoir LI {
list-style:none;
}
#menu-savoir UL {
margin:5px 0 0 0;
}
#menu-savoir A {
color: #b4bfd5;
text-decoration:none;
}
#menu-savoir A:hover{
color: #7ebecf;
}

/* STYLES FOFMULAIRES ---------------------- */

INPUT, TEXTAREA {
border: #CCCCCC 1px solid;
font: 11px verdana;
color: #7ebecf;
}
.case-cocher {
border:none;
position:relative;
top:3px;
}
.bouton {
color: #7ebecf;
font: 11px verdana;
line-height: 16px;
background-color:#e3f3f2;
border:none;
margin:  10px 2px 2px 0;
padding:1px;
border: #CCCCCC 1px solid;
}