/*-----------------------------------------------------------
	Project:	Richelet
	Date : 	January 2008
	Last Update : 11/02/09
	Author:	C2iS - AFO
	Summary :		
		| Global CSS Reset
		| Typography
		| Global Classes
		| Main Layout			
-----------------------------------------------------------*/

/*:::::::::::::::::::: Global CSS Reset :::::::::::::::::::::*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, a img, img, ins, kbd, q, s, samp,
small, strike, strong, sub,/* sup,*/ tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
:focus {outline: 0;}
body {line-height: 1;}
ol, ul {list-style: none;}
table {border-collapse: collapse;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}

/* :::::::::::: TYPO :::::::::::::::*/
body {font-size:12px;color:#8e8e8e; font-family:Arial, Helvetica, sans-serif; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; }
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin:0;}
a { color:#8e8e8e; text-decoration: none; }
strong { font-weight:bold; }
em, dfn { font-style:italic; }
dfn { font-weight:bold; }
/*sup, sub { font-size:0.75em; line-height:0; }
sup { position:relative; bottom:0.5em; vertical-align:baseline; }*/
sup { line-height: 0px; }
* html sup { vertical-align:top; position:relative; top:-2px; }
sub { position:relative; bottom:-0.2em; vertical-align:baseline; }
abbr, acronym { border-bottom:1px dotted #000; }
del { color:#000; }
pre, code { margin:1.5em 0; white-space:pre; }
pre, code, tt { font-family:'andale mono', 'lucida console', monospace; line-height:1.5; }
acronym, abbr { cursor:help; letter-spacing:1px; border-bottom:1px dashed; }
hr{ margin:0 1em 1.5em; border:0 none; height:1px; background:#cccccc; }

/*:::::::::::::::::::: Global Classes :::::::::::::::::::*/
/* Positionning */
.float_left { float:left; }
.float_right { float:right; }
.clearit {clear: both;height: 0;line-height: 0.0;font-size: 0;}
.first { margin-left:0; padding-left:0; }
.last { margin-right:0; padding-right:0; }
.top { margin-top:0; padding-top:0; }
.bottom { margin-bottom:0; padding-bottom:0; }
/* Text alignment */
.text_left { text-align:left; }
.text_right { text-align:right; }
.text_center { text-align:center; }
.text_justify { text-align:justify; }
/* Font modeling */
.bold { font-weight:bold; }
.italic { font-style:italic; }
.underline { border-bottom:1px solid; }
.small { font-size:.8em; margin-bottom:1.875em; line-height:1.875em; }
.large { font-size:1.2em; line-height:2.5em; margin-bottom:1.25em; }
/* Spacement */
.nopadding { padding:0; }
/* Specific attributs */
.hide { display:none; }

/*:::::::::::  Main layout :::::::::::*/
body {background-color:#fff;}
/*body.defaultTypo  {font-size:12px;}
body.biggerTypo {font-size:15px;}*/

.wrapper {width:932px;margin:0 auto;}



/*Header*/
.header {background-color:#00519e;color:#fff;padding:13px 0 1px 13px;width:919px;}
.header:after {content: ".";display:block;visibility: hidden;clear: both;height: 0;}
.header h1{position:relative;width:150px;height:60px;overflow: hidden;float:left;margin:0 25px 0 0;}
.header h1 span {position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: url(../images/common/logo_richelet.png) no-repeat 0 0;cursor:pointer;}
.header h2 {text-indent:-9999px;background:url(../images/common/tagline.png) no-repeat 0 0;width:535px;padding:1px 0;float:left;margin-top:10px;}
.header .valid_searchBox , .header .searchBox {vertical-align:middle;float:left;margin-top:10px;}
.header .searchBox {color:#fff;border:none;padding:2px 0 0 10px;background-color:#00396e;height:17px;width:116px;}

/*Main menu*/
#mainMenu li {border: solid #00519e;border-width:0 1px 1px 0;font-size:14px;position:relative;z-index:10;}
#mainMenu li li {font-size:13px;}
#mainMenu li li li {font-size:11px;}
#mainMenu {padding:0;clear:none;float:left;background:#004586;margin-top:13px;}
#mainMenu ul {padding: 0;margin: 0;list-style: none;line-height: 1;}
#mainMenu li a {display: block;color:#fff;padding:6px 25px;position:relative;}
#mainMenu li li a  {padding:6px 0 6px 3px;}
#mainMenu li.trigger {float: left;}
#mainMenu li ul {	position: absolute;width: 165px;left: -999em;background:#004586;margin-top:1px;}
#mainMenu li:hover ul, #mainMenu li.sfhover ul {left: auto;}
#mainMenu li ul ul {margin: -25px 0 0 165px;}
#mainMenu li:hover ul ul, #mainMenu li.sfhover ul ul {left: -999em;}
#mainMenu li:hover ul, #mainMenu li li:hover ul, #mainMenu li.sfhover ul, #mainMenu li li.sfhover ul {left: auto;}
#mainMenu a:hover , #mainMenu a.active {background:#003B72;}

#mainMenu li li.withArrow {background-image:url(../images/common/arrow_menu.gif);background-repeat:no-repeat;background-position:150px 8px;}
#mainMenu li li.withArrow a:hover {background-color:#003B72;background-image:url(../images/common/arrow_menu.gif);background-repeat:no-repeat;background-position:150px 8px;}
#mainMenu li li.withArrow li a:hover {background:#003B72;}

/*main content GAB*/
.content {padding:0 0 10px 0;line-height:1.5em;overflow:hidden;height:1%;background-color:#f8f9f9;}
.homeContent{background:#eceeef url(../images/home/bg_encartNL.jpg) no-repeat right 290px ;padding:0 !important;} 


/*Header POPUP*/
.wrapper_popup {width:650px;margin:0 auto;}
.content_popup {height:450px}
.header_popup {background-color:#00519e;color:#fff;padding:13px 0 1px 13px;width:637px;}
.header_popup:after {content: ".";display:block;visibility: hidden;clear: both;height: 0;}
.header_popup h1{position:relative;width:150px;height:60px;overflow: hidden;float:left;margin:0 25px 0 0;}
.header_popup h1 span {position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: url(../images/common/logo_richelet.png) no-repeat 0 0;cursor:pointer;}
.header_popup h2 {text-indent:-9999px;background:url(../images/common/tagline.png) no-repeat 0 0;width:450px;padding:1px 0;float:left;margin-top:10px;}



/*Sous Header*/
.subHeader {background:url(../images/gabEdito/bg_subHeader.png) no-repeat 0 0;height:104px;padding:4px 0 0 4px;color:#00519e;margin:0 0 20px 0;line-height:10px;}
.subHeader ul{float:left;margin-right:10px;}
.subHeader li {display:inline;padding:0 6px 0 0;}
.subHeader p.breadcrumb {font-size:0.9em;float:left;padding:2px 0;}
.subHeader li a , .subHeader p.breadcrumb a {color:#00519e;}
.subHeader p.breadcrumb a:hover {text-decoration:underline;}
.subHeader li a.makeSmaller {font-size:10px;}
.subHeader li a.makeBigger {font-size:14px;}
.subHeader li a.makeSmaller.active , .subHeader li a.makeBigger.active {text-decoration:underline;}
.subHeader h2 {clear:both;padding:30px 0 0 43px}
.subHeader h2 div#titreFlash p {font-family: Verdana, Arial;  font-size:2.5em;}

/*Sous Header produit*/
.subHeaderProd {background:url(../images/gabEdito/bg_subHeader.png) no-repeat 0 0;height:18px;padding:4px 0 0 4px;color:#00519e;line-height:10px;}
.subHeaderProd ul{float:left;margin-right:10px;}
.subHeaderProd li {display:inline;padding:0 6px 0 0;}
.subHeaderProd p.breadcrumb {font-size:0.9em;float:left;padding:2px 0;}
.subHeaderProd li a , .subHeader p.breadcrumb a {color:#00519e;}
.subHeaderProd p.breadcrumb a:hover {text-decoration:underline;}
.subHeaderProd li a.makeSmaller {font-size:10px;}
.subHeaderProd li a.makeBigger {font-size:14px;}
.subHeaderProd li a.makeSmaller.active , .subHeader li a.makeBigger.active {text-decoration:underline;}
.subHeaderProd h2 {clear:both;padding:30px 0 0 43px}

.subHeaderProdTitre {background:url(../images/gabEdito/bg_subHeader.png) no-repeat 0 -21px;height:84px;padding:4px 0 0 4px;color:#00519e;}
.subHeaderProdTitre h2 {clear:both;padding:12px 0 0 43px}

.content .txt_simple {padding:0 114px 35px 74px;font-family:Helvetica, Verdana, Arial , sans-serif;clear:both; }	
.content .accroche {clear:both; padding:0 114px 0 95px;background:url(../images/common/bg_accroche.png) no-repeat 77px 4px;margin:0 0 30px 0;}
.content .accroche h3 {font-family:Helvetica, Verdana, Arial , sans-serif;color:#00519e;font-size:1.5em;}
.content .accroche p {padding-top:14px;}
.content .accroche strong , .content p.subtitle strong {color:#00519e;font-style:normal;}
.content .accroche .titre {color:#00519e;font-weight:bold}
.content .accroche p img {padding-right : 15px; float:left;}
.content .accroche .titre a, .content .accroche .titre a:hover,.content .accroche .titre a:visited  {color:#00519e;font-weight:bold}


.content .reference {font-size:0.9em}

.content p.subtitle {padding:0 114px 35px 74px;font-family:Helvetica, Verdana, Arial , sans-serif;font-size:1.4em;clear:both;line-height:20px;}
.content p.subtitle a {text-decoration:underline;color:#66376c;}
.content p.subtitle a:hover {text-decoration:none;}

ul.spotlight_veg li {clear:both;margin-bottom:20px;overflow:hidden;height:1%;}
ul.spotlight_veg li dl {width:450px;overflow:hidden;float:left;margin-left:5px;display:inline;}
ul.spotlight_veg li dt {float:left;border-top:1px solid;width:225px;padding:5px 0 5px 0;font-weight:bold;font-size:1.3em;}
	ul.spotlight_veg li dt.raisins {color:#b5b521;border-color:#b5b521}
	ul.spotlight_veg li dt.brocoli {color:#4e5b34;border-color:#4e5b34}
	ul.spotlight_veg li dt.tomate {color:#cf3602;border-color:#cf3602}
	ul.spotlight_veg li dt.olive {color:#855f0c;border-color:#855f0c}
	ul.spotlight_veg li dt.violet {color:#66376c;border-color:#66376c}
	ul.spotlight_veg li dt.turquoise {color:#5bafdd;border-color:#5bafdd}
	ul.spotlight_veg li dt.vert {color:#0f8445;border-color:#0f8445}		
ul.spotlight_veg li dd {float:left;width:225px;padding:0 0 10px 0;}
ul.spotlight_veg li dd.visu {width:225px;padding:0 0 30px 0;text-align:center;}

dl.spotlight_radicaux {width:213px;float:left;margin-left:68px;display:inline;padding-bottom:15px;}
dl.spotlight_radicaux dt {border-top:1px solid;margin:5px 0;padding:3px 0 0 0;font-size:1.2em;font-family:Helvetica, Verdana, Arial , sans-serif;}
	dl.spotlight_radicaux.respCell dd strong {color:#66376c;}
	dl.spotlight_radicaux.respCell dt {color:#66376c;border-color:#66376c;}
	dl.spotlight_radicaux.repImmun dd strong {color:#5bafdd;}
	dl.spotlight_radicaux.repImmun dt {color:#5bafdd;border-color:#5bafdd;}
	dl.spotlight_radicaux.uv dd strong {color:#0f8445;}
	dl.spotlight_radicaux.uv dt {color:#0f8445;border-color:#0f8445;}
	dl.spotlight_radicaux.diag_bronzage dd strong {color:#d24514;}
	dl.spotlight_radicaux.diag_bronzage dt {color:#d24514;border-color:#d24514;}
	dl.spotlight_radicaux.diag_vision dd strong {color:#006ab3;}
	dl.spotlight_radicaux.diag_vision dt {color:#006ab3;border-color:#006ab3;}
	dl.spotlight_radicaux.diag_memoire dd strong {color:#b10135;}
	dl.spotlight_radicaux.diag_memoire dt {color:#b10135;border-color:#b10135;}
	dl.spotlight_radicaux.diag_selenium dd strong {color:#004372;}
	dl.spotlight_radicaux.diag_selenium dt {color:#004372;border-color:#004372;font-weight:bold;}
	dl.spotlight_radicaux.diag_progress dd strong {color:#89167d;}
	dl.spotlight_radicaux.diag_progress dt {color:#89167d;border-color:#89167d;font-weight:bold;}
	dl.spotlight_radicaux.diag_creme dd strong {color:#ee89ae;}
	dl.spotlight_radicaux.diag_creme dt {color:#ee89ae;border-color:#ee89ae;font-weight:bold;}
dl.spotlight_radicaux dd.visu {text-align:center;}

/*Fiche produit*/
.content .product {padding:0 60px 15px 140px;overflow:hidden;height:1%;}
.product div.product_desc, .product p.askAnExpert {float:left;width:370px;padding-top:29px;}
.product p.askAnExpert {clear:both;}
.product div.product_desc {font-style:italic;font-size:1.2em;line-height:23px;}
.product .askAnExpert a {display:block;width:165px;height:45px;background:url(../images/ficheProd/push_askExpert.png) no-repeat 0 0;color:#004586;padding:12px 0 0 30px;font-size:13px;line-height:15px;}

.product .product_visu {float:right;position:relative;}
.product .product_visu div.product_richTxt {position:absolute;top:132px;left:12px;text-align:center;width:131px;color:#fff;font-size:12px;line-height:15px;}

.content .product_compo {font-size:0.9em;width:390px;padding:0 0 0 35px;float:left;}
.content .product_compo p h4, .content .product_compo p .sous_titre {font-weight:bold;padding:0 0 8px 0;line-height:14px;}
.content .product_compo ul {padding:0 0 13px 0;}
.content .product_compo li {background:url(../images/btn/puce.gif) no-repeat 0 5px;text-indent:12px;}
.content .product_compo li.also_available {background:url(../images/btn/puce_red.gif) no-repeat 0 3px;font-size:1.3em;padding-bottom:5px;line-height : 15px;}

/*Fiche Produit - onglets / conteneurs*/
.product_details_container {padding:0 11px 0 35px;width:450px;float:left;background:url(../images/ficheProd/bg_ombreRight.gif) repeat-y right top;}
.product_details h3 {font-size:1.3em;font-weight:bold;padding:15px 0;display:block !important;}
.product_details_container #navTab  {display:none;}
.product_details_container #navTab  a {font-weight: bold;}
.product_details .layerTab {display:block;background:#fff url(../images/ficheProd/bg_borderLeft.gif) repeat-y 0 0;padding:20px 15px 20px 25px;border-bottom:1px solid #eaeaea;overflow:hidden;height:1%;} 

/*Fiche Produit - conseil utilisation*/
 .product_details ul li {background:url(../images/btn/puce.gif) no-repeat 0 3px;text-indent:12px;padding:0 0 7px 0;line-height:15px;}

/*Fiche Produit - tableau composition*/
.product_details  table {width:400px;font-size:0.9em;border:1px solid;}
.product_details  table th {padding:3px 0;text-align:center;color:#fff;font-size:1.2em;}
.product_details  table td {padding:1px 0 1px 15px;}
.product_details  . td.ajrCell {border-left:1px solid;width:85px;text-align:center;padding:1px 0;}
.product_details p.ajr {font-size:0.8em;text-align:right;padding:0 25px 0 0;}

/*Fiche Produit - donnees scientifiques */
.product_details dl.component_main , .product_details dl.component_next {width:190px;float:left;padding:0 0 10px 0;}
.product_details dl.component_main dt , .product_details dl.component_next dt {font-size:1.2em;font-weight:bold;border-top:1px solid;padding:4px 0 6px 0;}
.product_details dl.component_main dd , .product_details dl.component_next dd {line-height:15px;padding:0 0 7px 0;}
.product_details dl.component_main dd a , .product_details dl.component_next dd a {font-weight:bold;text-decoration:underline;padding:0 0 0 10px;} 
.product_details dl.component_main dd a:hover , .product_details dl.component_next dd a:hover {text-decoration:none;}
.product_details dl.component_main {margin-right:20px;}
.product_details dl.component_next {font-size:0.9em;}

/*A completer ?????*/
.product_details dl.ginkgo dt , .product_details dl.ginkgo dd a {color:#769f31;}
.product_details dl.ginkgo dd a {background:url(../images/btn/puce_green_small.gif) no-repeat 0 4px;}
.product_details dl.guarana dt , .product_details dl.guarana dd a {color:#810d08;}
.product_details dl.guarana dd a {background:url(../images/btn/puce_red_small.gif) no-repeat 0 4px;}
.product_details dl.zinc dt , .product_details dl.zinc dd a {color:#757575;}
.product_details dl.zinc dd a {background:url(../images/btn/puce_small.gif) no-repeat 0 4px;}

/*styles couleur Fiche Produit*/
/*Gamme memoire - class : .gammeMemoire*/
.gammeMemoire .product_desc .titre,.gammeMemoire .product_desc strong ,.gammeMemoire .product_desc em , .gammeMemoire .product_compo h4 ,.gammeMemoire .product_compo p .sous_titre, .gammeMemoire .product_compo li.also_available , 
.gammeMemoire .product_details h3 , .gammeMemoire .product_details_container #navTab li a.active ,
.gammeMemoire .product_details  table td , .gammeMemoire .product_details p.ajr  {color:#b40d29;}
.gammeMemoire .product_details  table {border-color:#b40d29;}
.gammeMemoire .product_details  table th {background-color:#b40d29;}
.gammeMemoire .product_details  table td.ajrCell {border-left-color:#b40d29;}
.gammeMemoire .product {background:url(../images/ficheProd/memoryEx.jpg) no-repeat 30px 15px;}
.gammeMemoire .product_compo li.also_available { background:url(../images/btn/puce_memoire.gif) no-repeat 0 3px;}

/*Gamme vision - class : .gammeVision*/
.gammeVision .product_desc .titre,.gammeVision .product_desc strong ,.gammeVision .product_desc em , .gammeVision .product_compo h4 ,.gammeVision .product_compo p .sous_titre, .gammeVision .product_compo li.also_available , 
.gammeVision .product_details h3 , .gammeVision .product_details_container #navTab li a.active ,
.gammeVision .product_details  table td , .gammeVision .product_details p.ajr  {color:#0769ae;}
.gammeVision .product_details  table {border-color:#0769ae;}
.gammeVision .product_details  table th {background-color:#0769ae;}
.gammeVision .product_details  table td.ajrCell {border-left-color:#0769ae;}
.gammeVision .product {background:url(../images/ficheProd/visionEx.jpg) no-repeat 30px 15px;}
.gammeVision .product_compo li.also_available { background:url(../images/btn/puce_vision.gif) no-repeat 0 3px;}

/*Gamme peau - class : .gammePeau*/
.gammePeau .product_desc .titre,.gammePeau .product_desc strong ,.gammePeau .product_desc em , .gammePeau .product_compo h4 ,.gammePeau .product_compo p .sous_titre, .gammePeau .product_compo li.also_available , 
.gammePeau .product_details h3 , .gammePeau .product_details_container #navTab li a.active ,
.gammePeau .product_details  table td , .gammePeau .product_details p.ajr  {color:#a64c80;}
.gammePeau .product_details  table {border-color:#a64c80;}
.gammePeau .product_details  table th {background-color:#a64c80;}
.gammePeau .product_details  table td.ajrCell {border-left-color:#a64c80;}
.gammePeau .product {background:url(../images/ficheProd/peauEx.jpg) no-repeat 30px 15px;}
.gammePeau .product_compo li.also_available { background:url(../images/btn/puce_peau.gif) no-repeat 0 3px;}

/*Gamme bronzage - class : .gammeBronzage*/
.gammeBronzage .product_desc .titre,.gammeBronzage .product_desc strong ,.gammeBronzage .product_desc em , .gammeBronzage .product_compo h4 ,.gammeBronzage .product_compo p .sous_titre, .gammeBronzage .product_compo li.also_available , 
.gammeBronzage .product_details h3 , .gammeBronzage .product_details_container #navTab li a.active ,
.gammeBronzage .product_details  table td , .gammeBronzage .product_details p.ajr  {color:#d14719;}
.gammeBronzage .product_details  table {border-color:#d14719;}
.gammeBronzage .product_details  table th {background-color:#d14719;}
.gammeBronzage .product_details  table td.ajrCell {border-left-color:#d14719;}
.gammeBronzage .product {background:url(../images/ficheProd/bronzageEx.jpg) no-repeat 30px 15px;}
.gammeBronzage .product_compo li.also_available { background:url(../images/btn/puce_bronzage.gif) no-repeat 0 3px;}

/*Gamme ACE - class : .gammeACE*/
.gammeACE .product_desc .titre,.gammeACE .product_desc strong ,.gammeACE .product_desc em , .gammeACE .product_compo h4 ,.gammeACE .product_compo p .sous_titre, .gammeACE .product_compo li.also_available , 
.gammeACE .product_details h3 , .gammeACE .product_details_container #navTab li a.active ,
.gammeACE .product_details  table td , .gammeACE .product_details p.ajr  {color:#004372;}
.gammeACE .product_details  table {border-color:#004372;}
.gammeACE .product_details  table th {background-color:#004372;}
.gammeACE .product_details  table td.ajrCell {border-left-color:#004372;}
.gammeACE .product {background:url(../images/ficheProd/aceEx.jpg) no-repeat 30px 15px;}
.gammeACE .product_compo li.also_available { background:url(../images/btn/puce_ace.gif) no-repeat 0 3px;}

/*Gamme ACECreme - class : .gammeACECreme*/
.gammeACECreme .product_desc .titre,.gammeACECreme .product_desc strong ,.gammeACECreme .product_desc em , .gammeACECreme .product_compo h4 ,.gammeACECreme .product_compo p .sous_titre, .gammeACECreme .product_compo li.also_available , 
.gammeACECreme .product_details h3 , .gammeACECreme .product_details_container #navTab li a.active ,
.gammeACECreme .product_details  table td , .gammeACECreme .product_details p.ajr  {color:#ee89ae;}
.gammeACECreme .product_details  table {border-color:#ee89ae;}
.gammeACECreme .product_details  table th {background-color:#ee89ae;}
.gammeACECreme .product_details  table td.ajrCell {border-left-color:#ee89ae;}
.gammeACECreme .product {background:url(../images/ficheProd/cremeEx.jpg) no-repeat 30px 15px;}
.gammeACECreme .product_compo li.also_available { background:url(../images/btn/puce_creme.gif) no-repeat 0 3px;}

/*Gamme Progress - class : .gammeProgress*/
.gammeProgress .product_desc .titre, .gammeProgress .product_desc strong ,.gammeProgress .product_desc em , .gammeProgress .product_compo h4 ,.gammeProgress .product_compo p .sous_titre, .gammeProgress .product_compo li.also_available , 
.gammeProgress .product_details h3 , .gammeProgress .product_details_container #navTab li a.active ,
.gammeProgress .product_details  table td , .gammeProgress .product_details p.ajr  {color:#89167d;}
.gammeProgress .product_details  table {border-color:#89167d;}
.gammeProgress .product_details  table th {background-color:#89167d;}
.gammeProgress .product_details  table td.ajrCell {border-left-color:#89167d;}
.gammeProgress .product {background:url(../images/ficheProd/progressEx.jpg) no-repeat 30px 15px;}
.gammeProgress .product_compo li.also_available { background:url(../images/btn/puce_progress.gif) no-repeat 0 3px;}


/*Gamme Cheveux - class : .gammeProgress*/
.gammeCheveux .product_desc .titre, .gammeCheveux .product_desc strong ,.gammeCheveux .product_desc em , .gammeCheveux .product_compo h4 ,.gammeCheveux .product_compo p .sous_titre, .gammeCheveux .product_compo li.also_available , 
.gammeCheveux .product_details h3 , .gammeCheveux .product_details_container #navTab li a.active ,
.gammeCheveux .product_details  table td , .gammeCheveux .product_details p.ajr  {color:#78ac20;}
.gammeCheveux .product_details  table {border-color:#78ac20;}
.gammeCheveux .product_details  table th {background-color:#78ac20;}
.gammeCheveux .product_details  table td.ajrCell {border-left-color:#78ac20;}
.gammeCheveux .product {background:url(../images/ficheProd/cheveuxEx.jpg) no-repeat 30px 15px;}
.gammeCheveux .product_compo li.also_available { background:url(../images/btn/puce_cheveux.gif) no-repeat 0 3px;}

/*.... ????*/


/*flash containers*/
#flashBlocHome {width:932px;height:290px;margin-bottom:30px;}
#flashBlocMemory {width:499px;height:400px;}

/*temoignages et actualites*/
.temoignages , .actu  {margin:0 73px;}
.temoignages li , .actu li {background:#fff url(../images/gabEdito/bg_rounded_bottomRight.png) no-repeat bottom right;margin-bottom:16px;padding:10px 30px 10px 0;}
.temoignages dl , .actu dl {overflow:hidden;width:100%;}
.temoignages dt {font-weight:bold;text-transform:uppercase;color:#66376c;font-size:1.2em;font-family:Verdana, Arial, sans-serif;float:right;width:516px;}
.temoignages dd {float:right;width:515px;}
.temoignages dd.visu {width:230px;float:left;text-align:center;margin:0 10px 10px 0;}
.temoignages dd.visu img {width:215px;}
.temoignages dd.commentBy {font-weight:bold;padding-bottom:13px;}

.actu dt {background:url(../images/common/bg_accroche_grey.png) no-repeat 0 3px;font-weight:bold;text-transform:uppercase;font-size:1.2em;font-family:Verdana, Arial, sans-serif;float:right;width:507px;padding-left:20px;}
.actu dt strong {color:#ee0000;font-size:0.9em;}
.actu dt em {font-size:0.8em;font-weight:normal;}
.actu dd {float:right;width:508px;padding:5px 0;}
.actu dd.visu {float:left;width:228px;text-align:center;padding:0 !important;}
.actu dd.visu img {}/*To remove ?*/
.actu dd.pushToOffer {}
.actu dd.pushToOffer a {background:url(../images/btn/btn_pushActu_left.png) no-repeat 0 0;padding:0 0 0 21px;float:left;color:#ed0000;font-size:1.1em;}
.actu dd.pushToOffer span {background:url(../images/btn/btn_pushActu_right.png) no-repeat top right;padding:10px 20px 11px 7px;display:block;}

/*FAQ*/
.introFAQ {padding:5px 0 2px 93px;margin-bottom:15px;background:url(../images/common/bg_accroche_purple.png) no-repeat 73px 1px;}
.introFAQ label {margin-right:15px;}
.introFAQ select {width:200px;font-size:0.9em;color:#8e8e8e;padding:1px 0;}
.askFAQ {color:#66376c;padding:15px 0 10px 73px;}
.spotProd_faq {overflow:hidden;height:1%;padding:0 50px 7px 73px;}
.spotProd_faq dt {padding-top:50px;font-weight:bold;font-size:1.4em;}
.spotProd_faq dd.visu {width:180px;float:left;text-align:center;}
.spotProd_faq dd {font-size:1.2em;}
.faq {margin:0 73px;}
.faq dt {font-weight:bold;color:#66376c;line-height:1.3em;}
.faq dd {padding:0 0 15px 0;}
 
/*formulaire newletter*/
.formulaire {padding:0 0 0 80px;}
.formulaire p {overflow:hidden;width:100%;padding:0 0 12px 0;}
.formulaire p label {float:left;width:150px;color:#00519e;font-weight:bold;padding-top:1px;}

.formulaire p label.label_checkbox {color:#8E8E8E;font-weight:normal;width:420px;padding:0;}
.formulaire p label.label_required {color:#8E8E8E;font-weight:bold;width:420px;padding:0;font-style:italic;font-size:0.9em;}
.formulaire p label.label_radio {float:none;color:#8E8E8E;font-weight:normal;margin-right:13px;}
.formulaire p input.input_text {width:200px;color:#8E8E8E;font-size:0.9em;}
.formulaire p select.input_select {width:250px;color:#8E8E8E;font-size:0.9em;}
.formulaire p input.input_jm {width:20px;color:#8E8E8E;font-size:0.9em;}
.formulaire p input.input_an {width:40px;color:#8E8E8E;font-size:0.9em;}
.formulaire p input.input_radio {}
.formulaire p input.input_checkbox {margin:2px 5px 0 150px;float:left;}
	*+html .formulaire p input.input_checkbox {margin-top:-1px;}
	* html .formulaire p input.input_checkbox {margin-top:-1px;}
.formulaire p textarea {width:200px;height:75px;color:#8E8E8E;font-size:0.9em;}
.formulaire p span.additional_info {font-size:0.9em;margin-left:10px;}
.formulaire p span.info_captcha {display:block;padding-bottom:3px;margin-left:150px;font-size:0.9em;}
.formulaire p img.captcha {margin-left:150px;display:block;}
.formulaire p span.msg_erreur {display:block;padding-bottom:3px;margin-left:150px;font-weight:bold;color:#FF0000;}

.formulaire p.submitFormLine {padding-left:150px;width:300px;}
.formulaire p.submitFormLine span {background:url(../images/btn/bg_blueBtn_left.gif) no-repeat top left;padding:0 0 0 6px;float:left;line-height:12px;}
.formulaire p.submitFormLine input {height:13px;cursor:pointer;border:0;color:#fff;font-size:11px;background:url(../images/btn/bg_blueBtn_right.gif) no-repeat top right;padding:0 20px 0 14px;display:block;}
.erreur {color:#FF0000;}


/*diagnostic richelet*/
.diagnostic_bloc {padding:0 0 15px 93px;overflow:hidden;height:1%;}
.diagnostic_bloc .diagnostic_test {background:#f2f2f2;border:3px solid #fff;width:469px;float:left;margin-right:10px;padding:0 25px 15px 25px;overflow:hidden;}
.diagnostic_bloc .diagnostic_test h4 {font-family:Helvetica, Verdana, Arial , sans-serif;font-size:1.4em;border-bottom:1px solid #9b9a9a;padding:18px 0 5px;margin-bottom:8px;}
.diagnostic_bloc .diagnostic_testMemoire {background:#f2f2f2;border:3px solid #fff;width:499px;float:left;margin-right:10px;padding:0 10px 15px 10px;overflow:hidden;}
.diagnostic_bloc .diagnostic_testMemoire h4 {padding:0 15px; font-family:Helvetica, Verdana, Arial , sans-serif;font-size:1.4em;border-bottom:1px solid #9b9a9a;padding:18px 0 5px;margin-bottom:8px;}
.diagnostic_bloc .diagnostic_testMemoire h4 {font-family:Helvetica, Verdana, Arial , sans-serif;font-size:1.4em;border-bottom:1px solid #9b9a9a;padding:18px 0 5px;margin-bottom:8px;}
	.diagnostic_bloc .diagnostic_testMemoire p {padding:0 15px; }
	.diagnostic_bloc .diagnostic_test h4.color_bronzage {color:#d24514;border-bottom:1px solid #d24514;} 
	.diagnostic_bloc .diagnostic_test h4.color_vision {color:#00519e;border-bottom:1px solid #00519e;} 
	.diagnostic_bloc .diagnostic_testMemoire h4.color_memoire {color:#b40d29;border-bottom:1px solid #b40d29;} 
	
.diagnostic_bloc .diagnostic_test .color_bronzage {color:#d24514;} 	
.diagnostic_bloc .diagnostic_test .color_vision {color:#00519e;} 	
.diagnostic_bloc .diagnostic_test .color_memoire {color:#b40d29;} 	
	
.diagnostic_bloc .push_product_diag {padding-top:40px;}	

.diagnostic_bloc .diagnostic_test p {clear:both;}
.diagnostic_bloc .diagnostic_test p img {float:left;margin:0 20px 10px 20px ;}

/*Home - push Home*/
.content ul.pushHome {overflow:hidden;width:743px;background:url(../images/home/bg_falseCol_pushHome.png) no-repeat 242px 0;float:left;}
.content ul.pushHome li {width:220px;float:left;margin-left:24px;display:inline;}
.content ul.pushHome li h2 {line-height:20px;color:#00519e;font-size:1.6em;padding:0 10px 6px 0;font-family:Helvetica, Verdana, Arial , sans-serif;}
.content ul.pushHome dl {line-height:15px;}
.content ul.pushHome dt{padding:0 20px 6px 0;font-size:1.2em;line-height:17px;}
	.content ul.pushHome dt.blue {color:#00519e;}
	.content ul.pushHome dt.red {color:#af0839;}
.content ul.pushHome dd {padding:0 30px 4px 0;font-size:0.9em;}
.content ul.pushHome dd.visu {padding:0;}

/*Home - encart Newsletter*/
.content .encartNL {width:185px;float:right;color:#fff;font-size:0.9em;line-height:16px;}
.encartNL h2 {padding:0 0 0 13px;font-size:1.7em;}
.encartNL p {padding:4px 13px;}
.encartNL fieldset {padding:4px 0 15px 0;}
.encartNL fieldset label {display:block;color:#00519e;border-top:1px solid #00519e;font-size:1.6em;padding:7px 0 3px 0;}
.encartNL  fieldset input {vertical-align:middle;}
.encartNL  fieldset .subscribeNL {border:1px solid #00519e;color:#00519e;font-size:1em;padding:1px 0 1px 5px;width:114px;}

/*Bouton lien generique*/
.content p.btn {clear:both;overflow:hidden;height:1%;line-height:12px;padding-top:2px;padding-bottom:2px}
.content p.btn a {background-repeat: no-repeat;background-position:0 0;display:block;padding:0 0 1px 6px;float:left;}
.content p.btn a span {background-repeat:no-repeat;background-position:top right;color:#fff;float:left;padding:0 9px 1px 3px;font-size:11px;cursor:pointer;}
	/*Bouton bleu*/
	.content p.btn.blueOne a {background-image:url(../images/btn/bg_blueBtn_left.gif)}
	.content p.btn.blueOne a span {background-image:url(../images/btn/bg_blueBtn_right.gif)}
	/*Bouton rouge*/
	.content p.btn.redOne a {background-image:url(../images/btn/bg_redBtn_left.gif)}
	.content p.btn.redOne a span {background-image:url(../images/btn/bg_redBtn_right.gif)}

/*sup.copyright {font-size:0.9em;font-weight:normal;font-style:normal;vertical-align:-3px;}*/
/*ul.jd_menu sup.copyright {font-size:13x;}	*/

/*bouton push violet*/
.pushPurple {margin-left:73px;clear:both;overflow:hidden;width:600px;}
.pushPurple a {background:url(../images/btn/btn_pushPurple_left.png) no-repeat 0 0;padding:0 0 0 21px;float:left;color:#66376c;font-size:1.2em;}
.pushPurple a span {background:url(../images/btn/btn_pushPurple_right.png) no-repeat top right;padding:20px 20px 21px 7px;display:block;}

/*top  Page link*/
.topOfPage {text-align:right;padding-right:22px;clear:both;}
.topOfPage a {background:url(../images/common/picto_topPage.gif) no-repeat 0 3px;padding-left:15px;font-size:0.9em;}
 
/*Pagination*/
.pagination {text-align:center;}
.pagination li {display:inline;}
.pagination li a {margin:0 1px;}
.pagination li a.current {font-weight:bold;}
	
/*sondage*/
#sondage {width:787px;overflow:hidden;margin:0 auto;padding:0 0 20px;}
#sondage p.visuSondage {text-align:center;width:210px;float:left;}
#sondage ol {width:485px;float:left;}
#sondage li {padding:0 0 23px;}
#sondage li p {font-weight:bold;color:#00519E;padding:0 0 8px 0;}
#sondage li select {width:300px;color:#8E8E8E;}
#sondage li textarea {width:321px;height:98px;color:#8E8E8E;} 
#sondage li label , #sondage li input {vertical-align:middle;}
#sondage p.submitFormLine {padding-left:208px;width:300px;}
#sondage p.submitFormLine span {background:url(../images/btn/bg_blueBtn_left.gif) no-repeat top left;padding:0 0 0 6px;float:left;line-height:12px;}
#sondage p.submitFormLine input {height:13px;cursor:pointer;border:0;color:#fff;font-size:11px;background:url(../images/btn/bg_blueBtn_right.gif) no-repeat top right;padding:0 20px 0 14px;display:block;}
	
/*footer*/
.footer {background:url(../images/common/bg_degFooter.gif) repeat-x 0 0;text-align:center;position:relative;padding:15px 0 30px 0;}
.footer li {display:inline;font-size:0.9em;}
.footer li a {padding:0 4px;}
.footer li a:hover {text-decoration:underline;}
.footer h2 {background:url(../images/common/logo_merckFooter.png) no-repeat 0 0;position:absolute;width:50px;height:36px;right:0;top:10px;}
.footer h2 a {display:block;height:36px;}
.footer h2 a span{position:absolute;left:-9999em;}

/*popup*/

.dhtmlwindow{
position: absolute;
border: 1px solid #acacac;
visibility: hidden;
background-color: white;
}

.drag-handle{ /*CSS for Drag Handle*/
padding: 3px;
text-indent: 3px;
font: bold 14px Arial;
background-color: #00519E;
color: white;
cursor: move;
overflow: hidden;
width: auto;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

.drag-handle .drag-controls{ /*CSS for controls (min, close etc) within Drag Handle*/
position: absolute;
right: 5px;
top: 4px;
cursor: hand;
cursor: pointer;
}

* html .drag-handle{ /*IE6 and below CSS hack. Width must be set to 100% in order for opaque title bar to render*/
width: 100%;
}


.drag-contentarea{ /*CSS for Content Display Area div*/
background-color: white;
color: black;
height: 150px;
padding: 2px;
overflow: auto;
}

.drag-statusarea{ /*CSS for Status Bar div (includes resizearea)*/
border-top: 1px solid gray;
background-color: #F8F8F8;
height: 13px; /*height of resize image*/
}


.drag-resizearea{ /*CSS for Resize Area itself*/
float: right;
width: 13px; /*width of resize image*/
height: 13px; /*height of resize image*/
cursor: nw-resize;
font-size: 0;
}

/**************** Plan du site**********************/

.content #map {padding:0 34px 35px 64px;font-family:Helvetica, Verdana, Arial , sans-serif;clear:both; }	

#map ul li{padding-top:20px;}
#map ul li {float:left;width : 210px;padding-right:60px;}
#map ul li a{ font-family:Helvetica, Verdana, Arial , sans-serif;color:#00519e;font-size:15px;font-weight:bold;border-bottom:1px solid #00519e;display:block;width : 205px;}
#map ul ul li {padding-left : 15px; padding-top:5px;width:195px;background:url(../images/puce.png) no-repeat left 12px;padding-right:0;margin-left:5px;}
	*html #map ul ul li {margin-left:0;}/* IE6 corr. dble marges */
#map ul ul li a{color:#8e8e8e;font-weight:normal;font-size:15px;border : none;width : 195px;padding-right:0;}
#map ul ul ul li {padding-left :0;margin-left :0;padding-top:0px;width:180px;background:none;padding-right:10px;}
#map ul ul ul li a{padding-left : 0;margin-left : 0;font-size:12px;color:#8e8e8e;font-weight:normal;width:180px;padding-right:0;}
#map ul.footerMap {padding-top:5px;clear:both;}