/* 1 =RESET
---------------------------------------------------------------------- */
div,h1,h2,h3,h4,h5,label { margin:0;padding:0 }
table {	border-collapse:collapse; border-spacing:0 }
fieldset,img { border:0 }
address,caption,cite,code,dfn,em,th,var { font-style:normal; font-weight:normal }
ol,ul { list-style:inside; }
ul li p, ol li p { display:inline; }
ul li { margin-bottom:4px; }
caption,th { text-align:left }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal }


/* STYLES GENERAUX 
---------------------------------------------------------------------- */
body {
	background-color:#ffffff;
	font-size: 12px;
	font-family: Arial, Helvetica, Sans-Serif;
	color:#5d666b;
	margin:0;
	padding:0;
	text-align:center;
}

a { color:#57606a; text-decoration:none; }
div.clear { clear:both;height:1px;line-height:1px;font-size:1px; }
.fr { float:right; }


/* CONTENEURS
---------------------------------------------------------------------- */
div.centreur_ie { text-align:center; margin:0; padding:0; }
html>body div.centreur_ie { height:auto;min-width:990px; }
div.conteneur { margin:0 auto; text-align:center; /*overflow:hidden;*/ width:990px; padding:0;position:relative; }
div.header { position:relative; height:88px; background:url('../img/graph/frise_header.jpg') repeat-x bottom left #fff; text-align:left; }
div.accueil { position:relative;top:20px;height:500px;/*background:url('../img/graph/fond_accueil.jpg') no-repeat top left;*/ }
div.contenu { position:relative;top:20px;min-height:450px;height:auto; }
div.colonneG { float:left;width:260px;padding:30px 0 30px 30px;text-align:left; }
div.colonneD { float:right;/*width:700px;*/width:650px;text-align:left; }
div.footer { position:relative;top:30px;text-align:left;font-size:12px;font-weight:bold; }


/* HEADER
---------------------------------------------------------------------- */
div.header img.logo { position:absolute; left:12px; bottom:17px; }
.language { position:absolute; right:0; top:12px; font-size:8px; font-weight:bold; }
div.search { position:absolute; right:0; top:36px; background:#f7f8f9; text-align:right; line-height:18px; height:18px; }
div.search input { color:#57606a; font-size:9px; font-weight:bold; background:#f7f8f9;border:none; }
div.search input.input-search { position:relative;bottom:2px;height:18px; }


/* MENU
---------------------------------------------------------------------- */
div.menu { width:990px;line-height:18px;text-align:left; position:absolute;left:0; z-index:100; background:url('../img/graph/fond_menu_right.jpg') no-repeat top right; }
ul.menuniv1 { margin:0;padding:0; }
ul.menuniv1 li { list-style:none; float:left; margin:0; padding:0;}
ul.menuniv1 li a.niv1 { display:block; margin-right:3px; background:#ebeeef; width:95px; line-height:18px; padding-left:10px; font-size:9px; font-variant:small-caps; }
ul.menuniv1 li a.catalogue { background:#f8e7ee; }
ul.menuniv1 li div.ssmenu { display:none;position:absolute;margin-top:2px;padding:0 0 0 0; background:#f0f4f8; }
ul.menuniv1 li div.ssmenu a { display:block;font-size:10px;padding:0 6px;border-bottom:2px solid #fff;width:auto;}


/* CODES COULEURS
---------------------------------------------------------------------- */
/** Produits */
.teint, a.teint-link:hover { color:#c7a896; }
.teint-link { color:#67504a; }
.yeux, a.yeux-link:hover { color:#354b78; }
.yeux-link { color:#4a608e; }
.levres, a.levres-link:hover { color:#ba1825; }
.levres-link { color:#e1717f; }
.ongles, a.ongles-link:hover { color:#ecacc7; }
.ongles-link { color:#d5548a; }
.accessoires, a.accessoires-link:hover { color:#a0abb1; }
.accessoires-link { color:#a0abb1; }
/** Contenu */
.rose, .rose h1, .rose strong { color:#efa8c6 }
.rose p { color:#5d666b }


/* PAGE D'ACCUEIL
---------------------------------------------------------------------- */
div.txt_accueil { position:absolute;bottom:40px;left:30px;color:#4b5358;width:375px;padding:10px 2px;text-align:left;z-index:2;background:url('../img/graph/pixel_opacity_75.png') repeat; }
div.opacity { background:url('../img/graph/pixel_opacity_75.png') repeat; }
div.txt_accueil h1 { font-size:30px;font-weight:normal;margin-bottom:12px; }
div.encarts_accueil { position:absolute;bottom:10px;right:12px;width:420px;z-index:2 }
div.encart { float:left;width:200px;margin:15px 0 0 8px; }
div.encart h2 { font-size:10px;font-weight:bold;color:#464d57;text-align:left;padding-bottom:5px;border-bottom:6px solid #6c757a; }
div.encart div { height:160px;background: no-repeat top center #fff;text-align:left; }
div.encart div h3 { padding:97px 0 2px 10px;font-weight:bold;font-size:10px; }
div.encart div h4 { padding-left:10px;font-size:18px; }


/* PAGE INSTITUTIONNEL 
---------------------------------------------------------------------- */
div.institutionnel { margin-top:30px; }
div.institutionnel p { width:320px;text-align:justify; }

/* PAGES CONSEILS
---------------------------------------------------------------------- */
div.colonneG img { margin:0 0 15px 0; }


/* PRODUIT (RUBRIQUE & FICHE)
---------------------------------------------------------------------- */
div.colonneG h3 { font-weight:bold;font-size:9px;margin-bottom:10px; }
div.colonneG h1 { font-size:30px;margin-bottom:10px }
p.links { margin:30px 0 0 0;padding:0; }
p.links a { display:block;margin:0 0 10px 0;font-size:12px;font-weight:bold; }
p.links a.selec { color:#67504a }
div.txt_produit { float:left;margin:56px 0 50px 60px;width:165px;text-align:left; }
div.txt_produit h2 { /*color:#8b6d77;*/font-size:14px;font-weight:bold;margin-bottom:18px; }
div.txt_produit p { margin:0 0 40px 0;padding:0;/*min-height:200px;*/ }
div.img_produit { float:left;margin:56px 0 0 0;padding:0;width:280px;text-align:center; }
div.nuancier_produit { float:left;margin:56px 0 0 0;width:190px;text-align:left; }
div.nuancier_produit h4 {color:#8d6d78;font-size:15px;font-weight:bold;margin-bottom:15px;}
div.nuancier_produit h5 {background:url('../img/graph/nuancier_separator.jpg') no-repeat left bottom;height:20px;color:#8d6d78;font-size:11px;text-align:right;padding-left:0px;}
/*div.nuancier_produit h5 {background:url('../img/graph/nuancier_separator.jpg') no-repeat left center;height:12px;color:#8d6d78;font-size:11px;padding-left:130px;}*/
/*div.nuancier_produit img { border:4px solid #fff; }
div.nuancier_produit img.selec { border:4px solid #8c6e7a; }*/
/*div.nuancier a{ margin:0 9px 9px 0; }*/
div.nuancier img { width:23px;height:23px;border:none;margin:0 9px 9px 0 }
div.nuancier img.selec { width:17px;height:17px;border:3px solid #8c6e7a; }
div.nuancier_produit p { margin:8px 0;padding:0;font-size:12px;height:10px;color:#696f7f }

div.conseils { margin:30px 0;width:500px; }

div.conseils h2, div.institutionnel h2 { font-size:10px;font-weight:bold;padding:16px 0 20px 0; }
div.conseils h1, div.institutionnel h1 { font-size:20px;font-weight:bold;margin-bottom:10px; }
div.conseils a, div.institutionnel a { font-weight:bold; }
/*a.pink_link { padding:4px 20px 3px 4px;line-height:18px;font-size:9px;color:#fff;background:url('../img/graph/btn_fond_astuce_makeup.jpg') no-repeat right top;text-align:center;font-weight:bold; }*/

div.galerieG { clear:both;float:left;margin-top:22px;width:115px;text-align:left;}
div.galerieG img { width:110px;margin-bottom:20px }
div.texteD { float:left;margin:22px 0 0 0;width:385px;text-align:justify; }
div.w500 { width:500px; }
div.texteD p { margin:0 0 10px 0;padding:0; }



a.pink_link { display:block;padding:0 20px 0 4px;height:18px;line-height:18px;font-size:10px;color:#fff;text-align:left;font-weight:bold;float:right;width:140px;background:url('../img/graph/btn_fond_astuce_makeup.jpg') no-repeat right top; }
a.w120 { width:120px; }

/** Perso lien **/
a.linkspe { display:block;padding:0 20px 0 4px;margin:0;height:18px;line-height:18px;font-size:9px;color:#fff;text-align:left;font-weight:bold;width:140px }
a.teintspe { background:url('../img/graph/btn_fond_teint.jpg') no-repeat right top; }
a.yeuxspe { background:url('../img/graph/btn_fond_yeux.jpg') no-repeat right top; }
a.levresspe { background:url('../img/graph/btn_fond_levres.jpg') no-repeat right top; }
a.onglesspe { background:url('../img/graph/btn_fond_ongles.jpg') no-repeat right top; }
a.accessoiresspe { background:url('../img/graph/btn_fond_teint.jpg') no-repeat right top; }
a.astuce-produit { margin-top:7px; }

/** Perso bloc formule **/
div.divspe { clear:right;padding:8px;margin:0;font-size:11px;display:none; }
div.teintdiv { background:#f7e5d9; }
div.yeuxdiv { background:#e9eef9; }
div.onglesdiv { background:#ffe3ef; }
div.levresdiv { background:#ffe3ef; }


/** Couleur lien - titre **/



/* DIAGNOSTIC BEAUTE
---------------------------------------------------------------------- */
h1.diagnostic { font-size:20px;color:#b73d5a;padding:30px 0 6px 0; }
div.questions { margin:30px 0 0 0; }
div.questions h2 { font-size:13px;font-weight:bold;color:#b73d5a;padding:0 0 10px 0 }
div.questions ul { margin:0 0 20px 0;list-style:none;padding:0; }
div.questions ul li { padding:2px 0 2px 0;margin:0; }
div.questions label { font-weight:bold;padding-left:10px;font-size:12px; }
div.navigation { width:500px;text-align:right }
div.navigation a { height:18px;line-height:18px;padding:0 4px;color:#fff;font-weight:bold;background:#e9889d;font-size:10px;margin:0 1px 0 0; }
div.navigation a.current { background:#b73d5a }
div.navigation a.suivant { background:url('../img/graph/fond_suivant_diagnostic.jpg') no-repeat right center #eeccdc;padding-right:14px;color:#b73d5a  }
div.bloc_resultat { margin:20px 0 10px 0;width:450px; }
div.bloc_resultat h2 { font-size:14px;font-weight:bold; }
div.diagnostic_img_prod, div.diagnostic_texture_prod { float:left;width:130px; height:30px;text-align:center; }
div.diagnostic_links { float:right;width:140px;padding-top:40px; }
div.diagnostic_links a.pink_link  { margin-bottom:3px;padding-right:40px; }


/* POINTS DE VENTE
---------------------------------------------------------------------- */
div.POS_search_box { position:absolute; top:230px; left:170px; width:200px; }
div.POS_search_box select { width:170px; border:0px; background:#f1f2f4; margin:0; padding:2px; color:#ca96ac; font-size:10px; font-weight:bold; line-height:10px }
div.POS_search_box input { border:0px; background:#f1f2f4; margin:0; padding:2px 6px; color:#ca96ac; font-size:10px; font-weight:bold; line-height:10px }
div.POS_result_box { margin:0 0 0 0; padding:20px 0 20px 150px; height:420px; overflow:auto;background:url('../img/graph/pixel_opacity_75.png') repeat; }
label.label_pays { font-size:16px;color:#ca96ac;display:block;margin:0 0 15px 0;padding:0; }
label.label_zip { display:block;padding:0;margin:12px 20px 12px 0 }


div.POS_result_box div { margin:30px 0 10px 0 }

div.secret_couleur { width:650px;height:400px; }
div.secret_couleur div{ width:160px;float:left;margin-right:10px;height:90px}
div.secret_couleur strong { display:block;text-align:left; } 
div.secret_couleur img { clear:left;float:left; }

/* FOOTER
---------------------------------------------------------------------- */
div.encart_footer { float:left;width:241px;margin-left:4px; }
div.encart_footer h3 { font-size:10px;font-weight:bold;color:#464d57;text-align:left;padding-bottom:5px;border-bottom:5px solid #6c757a; }
div.encart_footer p { background:#f1f2f4;margin-top:4px;padding:10px;font-size:11px;height:25px; }
div.footer a{ font-size:9px;margin:0; }
div.footer a img { border:none; }
div.footer .footer_links a { margin:0 8px; }
div.footer_logo { float:right;text-align:right }
div.footer_logo a { display:block;margin-top:6px; }

/*  NEWSLETTER
---------------------------------------------------------------------- */
label { font-weight:bold; }
div.lineform { padding:10px 0 0 0;  }
div.lineform label { float:left;width:140px; }
input.tbx { height:20px;margin:5px 2px; }
img.fr { float:right;margin:0 0 0 10px; }
div.error { border:2px solid #f02;background:#ffbfc8;color:#f00;font-weight:bold;padding:4px;margin:0em 0 10px 0; }
p.msgOk{ background:#e6f341;border:solid 2px #b7c800;color:#6c7500;font-weight:bold;padding:4px;margin:0 0 10px 0; }