/***** initialisation des balises classiques *****/ 

a{ font-family: Verdana, Helvetica, sans-serif; text-decoration : none; color : #c61128; }
a:hover{ text-decoration : underline; }
body{ font-size : 0.6em; background-color: #fff;	}
body, form, h1, h2, h3, h4, ul, li, table{ margin : 0;padding : 0;	}
div{ font-family: Verdana, Helvetica, sans-serif;}
h1{	font-weight : bold;	font-size : 1.2em;}
h2{	font-size : 1em; font-weight : bold; }
img{ border : 0 none white;	vertical-align : middle;}
* html img, *+html img{ border : 0 none white;	vertical-align : middle; margin-left : -4px;}
/**/
input{ font-family: Verdana, Helvetica, sans-serif; line-height : 1em; font-size : 1em; vertical-align : middle; padding-left : 2px; color : #515151; }
select{ font-family: Verdana, Helvetica, sans-serif; line-height : 1em; font-size : 1em; vertical-align : middle; color : #515151; display: inline;}
table{ border : 0 none white; }
td{ font-family: Verdana, Helvetica, sans-serif; }
li{ list-style-type : none; }
label{font-weight:normal;}
/***** Fin d'initialisation des balises classiques *****/


/***** mise en forme texte *****/
img.action{padding-left : 10px; background-color : white;}
.auto{width : auto !important;}
.bd_grey{border : 1px solid #E6E6E6 !important;position : relative;}
.bg_gray{background-color : #D1CED2 !important;}
.bg_palegrey{background-color : #F8F8F8 !important;}
.bg_white{background-color : white !important;}
.big{font-size : 2em;}
.black{color : black;}
.blue{color : blue;}
.block{display : block !important;}
.bold{font-weight : bold;}
.border_white{ border : 1px solid white; margin : 1px 1px 3px 1px; }
.borderwhite{border:1px white solid;}
.border_gray{ border : 1px solid #CBCDCE; margin : 1px 1px 3px 1px; }
.bordergray {border:1px solid #E4E4E4; padding-bottom:1px; margin-bottom :7px;}
.bordergraydark {border:1px solid #C3C4C8;margin-top:8px;}
.border_filter{ border : 2px solid #c61128; margin : 0px 0px 2px 0px; }
.bottom{vertical-align : bottom;}
.center{text-align : center !important;}
.error{color : #c61128;}
.fleft{float : left !important;}
.fright{float : right !important;}
.gray{color : #717171 !important;}
.gray:hover{ color : #c61128; text-decoration : none; }
.h112{height:112px}
.h125{height:125px}
.inline{display : inline !important;}
.justify{text-align : justify;}
.left{text-align : left !important;}
.left_dotted{background : url("/images/clarins/bg_dotted_vert.gif") repeat-y;}
.lh_2em{line-height : 2em !important;}
.lh_2dot1em{line-height : 2.1em !important;}
.lh_2dot5em{line-height : 2.5em !important;}
.line1dot6{line-height : 1.6em;}
.line1dot8{line-height : 1.8em;}
.margin_1{margin : 1px !important;}
.mb_5{margin-bottom : 7px !important;}
.middle{vertical-align : middle !important;}
.ml_5{margin-left : 5px !important;}
.ml_10{margin-left : 10px !important;}
.ml_15{margin-left : 15px !important;}
.ml_25{margin-left : 25px !important;}
.ml_60{margin-left : 60px !important;}
.mr_0{margin-right : 0px !important;}
.mr_10{margin-right : 10px !important;}
.mr_15{margin-right : 15px !important;}
.mr_20{margin-right : 20px !important;}
.mt_0{margin-top : 0px !important;}
.mt_5{margin-top : 5px !important;}
.mt_3{margin-top : 3px;}
.mt_10{margin-top : 10px !important;}
.mt_40{margin-top : 40px !important;}
.mb_10{margin-bottom : 10px !important;}
.new{ font-weight : normal; color : white; background-color : #AB203D; font-family : arial, verdana, sans-serif; font-size : 1.1em; padding : 0 3px 0 3px; 	}
.no_bg{background : none !important;}
.no_mr{margin-right : 0px !important;}
.no_margin{margin : 0 0 0 0 !important;}
.no_padd{padding : 0 0 0 0 !important;}
.normal{font-weight : normal !important;}
.noborder{border : 0 none white !important;}
.onedot1{font-size : 1.1em !important;}
.padd_10{padding : 10px 10px 10px 10px !important;}
.padd_15{padding : 15px 15px 15px 15px !important;}
.pr_5{padding-right : 5px!important;}
.pr_10{padding-right : 10px!important;}
.pl_5{padding-left : 5px !important;}
.pl_10{padding-left : 10px !important;}
.pl_15{padding-left : 15px !important;}
.pr_15{padding-right : 15px !important;}
.puced{
	display : block;
	background : url("/images/clarins/puce-triangle-rouge.gif") 0 3px no-repeat !important;
	padding : 0 0 0 8px !important;
	}
.puced_rose{
	padding-left : 15px;
	background : url("/images/clarins/puce-triangle-rose.gif") 0px 3px no-repeat;
	}
.puced_red{
	padding-left : 15px;
	background : url("/images/clarins/puce-triangle-rouge.gif") 0px 3px no-repeat;
	}
.puced_white{
	padding-left : 15px;
	background : url("/images/clarins/puce-triangle-blanc.gif") 0px 3px no-repeat;
	color : white;
	}
.red{color : #c61128 !important; font-weight:bold !important; }
.redprice{color : #c61128 !important; float:right;}
.rose{color : #E7A0A8 !important;}
a.red:hover{text-decoration : underline;}
.relative{position : relative;}
.right{text-align : right;}
.text{color : #515151;}
.textbold{color : #c61128; font-weight : bold; text-align : left ; height : 3em;}
.textbold2{color : #c61128; font-weight : bold; text-align : center ; height : 45px; }
.top_dotted{background : url("/images/clarins/bg-dotted.gif") repeat-x;margin-top : 1px;margin-bottom : 1px;}
.underline{text-decoration : underline;}
.white{color : white;}
.green{color : #6E9D62;}
.select_size{width : 140px;}
/*.white:hover{text-decoration : underline;}*/
.w100{width : 100px;}
.zero9{font-size : 0.9em;}
/***** fin mise en forme texte *****/	
/***** gestion affichage *****/
.behavior{
	behavior: url("../pngbehavior.htc");
	}
.invisible{
	visibility : hidden;
	}
.visible{
	visibility : visible;
	}
.on{
	display : block;
	}
.off{
	display : none;
	}
.clear{
	clear : both;
	}
.clearL{
	clear : left;
	visibility : hidden;
	}
.clearR{
	clear : right;
	visibility : hidden;
	}
/***** fin gestion affichage *****/
/***** NAVIGATION SUPERIEURE *****//***** FIN NAVIGATION SUPERIEURE *****//***** outils de test mise en page *****/
.borderred{border : 1px red solid !important;}
.borderblue{border : 1px blue solid !important;}
.bordergreen{border : 1px green solid !important;}
/***** fin outils de test mise en page *****/
/***** CARACT_BOX *****/
.caract_box{
	position : relative;
	padding : 3px 5px 0 5px;
	width : 128px;
	height : 30px;
	background-color : #F2F1F3;
	color : black;
	overflow : hidden;
	}
html>body .caract_box {
	height : 30px;
	/*min-height : 57px;*/
	}
.caract_box select{
	height : 16px !important;
	border : 1px solid #777777;
	color : #777777;
	margin-bottom : 2px;
	}	
.caract_box .colorselect{
	width : 126px;
	}
.caract_box label.fleft{
	margin : 2px 5px 0 0;
	}
html>/**/body .caract_box img{
	/*margin-top : -3px;*/
	}
	
.caract_box .pricebold{
color : #C61128;
font-weight : bold;
left : 10px;
float : left;
margin-top : 8px;
}	

/*.caract_box .price{position:absolute;
                  top:-2em;
                  left:-80px;}*/

.caract_box_long{
	display:block;
	position : relative;
	margin-top : 2px;
	width : 262px;
	height : 23px;
	background-color : #F0F1F2;
	line-height : 23px;
	padding : 4px 5px 2px 5px;
	text-align : right;
	color : black;
	float : left;
	}
	
.popin{
width : 360px;
}

.nouveautes{
width : 253px;
}
html>/**/body .caract_box_long{
	/*margin-top : 10px;
	padding : 0px 5px 0 10px;*/
	}
.caract_box_long select{
	margin-right : 10px;
	color : #777777;
	float : left;
	margin-top : 2.5px;
	}

.caract_box_long .pricebold{
color : #C61128;
font-weight : bold;
right : 10px;
float : right;
}	
.caract_box_long label .fleft{
margin : 2px 5px 0 0;

}	

.indisp{
color : #C61128;
float : left;
}
	
.cb_text { 
	/*position : relative; */
	/*float : right;*/
	/*text-align : left;*/
	line-height : 1.6em;
	z-index : 20;
	}
.cb_text .fright{
	/*width:128px;*/
	margin-top : 5px;
	}
.caract_box p.clear{
	margin-top : -10px;
	}
.spacerCaract{
	width : 100px;
	height : 20px;
	}
/**** END OF CARACT_BOX *****/
/***** VALIDATION BUTTON *****/
.button_valid{
	background : url(/images/common/btnBckg.jpg) top left repeat;
	color : white;
	font-weight : bold;
	border : none;
	height : 16px;
	line-height : 1.4em;
	margin : 0 3px 0 0 !important;
	background-color : #c61128;
	width:auto;
	font-family:Verdana,Helvetica,sans-serif;
	font-size:1em;
	padding-left:2px;
	padding-right:2px;
	vertical-align:middle;
	}
.button_valid a{
	color : white;
}
.button_valid a:hover{
	color : white;
}
html>/**/body .button_valid{
	padding-bottom : 4px;
	height : 16px;
	color : white;
	}
	
html>/**/body a.button_valid{
	padding-top : 4px;
	line-height : 2em;
	height : 16px;
	color : white;
	}

*html a.button_valid{
	padding-bottom : 4px;
	padding-top : 4px;
	height : 16px;
	color : white;
	}
	
a.button_valid:hover{
	text-decoration : none;
	color : white;
	}
.bugbutton_valid{
	padding-bottom : 0px !important;
}

	
/***********************/	

a.button_commande:hover{
	text-decoration : none;
	}

a.ong:hover{
	text-decoration : none;
	}
	
.button_commande {
background:#C61128 url("/images/clarins/but_valid_bg.gif") repeat-x scroll left top;
border:medium none;
color:white;
font-weight:bold;
height:16px;
line-height:15px;
margin:0pt !important;
}
	
.button_commande_submit{
background:#C61128 url("/images/clarins/but_valid_bg.gif") repeat-x scroll left top;
border:medium none;
color:white;
font-weight:bold;
height:21px;
line-height:20px;
margin:0pt !important;
color : white !important;
padding-bottom:3px;
}	

/***** END OF VALIDATION BUTTON *****/
/***** ACTION BUTTON *****/
.action_button{
	background : url("/images/clarins/but_action_bg.gif");
	height : 2.1em;
	color : #c61128;
	line-height : 1.8em;
	}
/****BT OK*******/
.button_ok{
	background : url("/images/clarins/but_ok_bg.gif") top left repeat-x;
	color : white !important;
	font-weight : bold;
	border : none;
	height:16px;
	margin : 0 0 0 0 !important;
	background-color : #c61128;
	line-height:16px;
	}

.button_ok_submit{
	background : url("/images/clarins/but_ok_bg.gif") top left repeat-x;
	color : white !important;
	font-weight : bold;
	border : none;
	height:16px;
	margin : 0 0 0 0 !important;
	background-color : #c61128;
	line-height:16px;
	text-indent : -6px;
	width : 15px;
	padding-bottom : 2px;
	}

*html .button_ok_submit{text-indent : -3px;} 	
	
*+html .button_ok_submit{text-indent : -3px;}
	
a.button_ok:hover{
	text-decoration : none;
	}


.button_prod {
background: #C61128 url("/images/clarins/prod_button_bg.gif") repeat-x left top;
border:medium none;
color:white;
font-weight:bold;
height:15px;
line-height:15px;
margin-left:-4px;
margin-right:0px;
padding-bottom:2px;
padding-right:5px;
padding-top:1px;
/*margin:0pt !important;*/
}
.button_prod_encadre{
background: #C61128 url("/images/clarins/prod_button_bg.gif") repeat-x left top;
border:medium none;
}


/****BT ACHAT*******/
.button_achat{
	background : url("/images/clarins/butgray_valid_bg.gif") top left repeat-x;
	color : white;
	font-weight : bold;
	border : none;
	height:22px;
	margin : 0 0 0 0 !important;
	background-color : #c61128;
	line-height:20px;
	}

a.button_achat:hover{
	text-decoration : none;
	}
html>/**/body .action_button img{
	/*margin-top : 0px;*/
	}
.action_button:hover{
	text-decoration : none;
	}
/***** END OF ACTION BUTTON *****/
/***** POPIN MESSAGE *****/
#details_box{
	z-index : 999;
	position : absolute;
	background-color : white;
	/*width : 340px;*/
	/*height : 128px;*/
	display : none;
	}
#details{
	position:absolute;
	z-index:5;
	width : 370px;
	height : 250px;
	border : 1px solid #CBCDCE;
	padding : 10px 5px 10px 5px;
	background-color : white;
	overflow : hidden;
	}
	
#details_text .text{margin-top : 40px;}	
	
#details .right{
	/*margin-right : -10px;*/
	}
#details_box_content{
	width : 300px;
	border : 1px #515151 solid;
	background-color : white !important;
	padding : 10px;
	}
#message_box{
	background-color : white;
	text-align : center;
	font-size : 1em;
	font-weight : bold;
	color : #717171;
	}
#details_box h3, #details_box_content h3, #message_box h3{
	font-size : 1.2em !important;
	}
#messagesent{
	position : absolute;
	top : 250px;
	left : 150px;
	z-index : 999;
	width : 340px;
	border : 1px solid #515151;
	padding : 2px 15px 20px 15px;
	background-color : white;
	}
/***** END OF POPIN MESSAGE *****/
.transparence{
	filter:alpha(opacity=70);
	-moz-opacity:0.5;
   	-khtml-opacity: 0.5;
   	opacity: 0.7;
	z-index : 1;
	}
*{
	scrollbar-face-color:#EDEEEE;
	scrollbar-arrow-color:#EDEEEE;
	scrollbar-track-color: #EDEEEE;
	scrollbar-3dlight-color: #cccccc;
	scrollbar-darkshadow-color: #EDEEEE;
	}

/*input { background-color:white !important; }*/

.nofloat{float:none;}
.nomargin{margin:0;}
.nopadding{padding:0;}

/*** bouton OK ***/
.okBtn{
	margin:2px 0 0 5px;
	padding:0;
	border:0;
	/*border: 1px solid #D72432;*/
	background:#D72432 url("/images/clarins/bg_but_ok_search.gif") no-repeat scroll left top;
	color:white;
	font-size:8px;
	font-weight:bold;
	text-indent:-2px;
	height:15px;
	width:15px;
}
.block{
	display:block;
}
.whitetext{
	color:white;
}
.text_container{
	padding-left:14px;
}
#combobox_2 input{
	padding-left : 18px;
}

/* page contact us */
.address_form{
	padding : 15px 15px 15px 15px !important;
}


#main{
	position: relative;
	padding: 0 15px;
}