@charset "UTF-8";
/*** CSS DE ATTITUDE ***/

body {
	margin:0px;
	padding:0px;
	background: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	height:100%;
	color: #000000;
}
/* IE6 png hack */
img { behavior: url(/htc/iepngfix.htc) }
/*#header {position:relative;width:724px;height:70px;background-color:#5a5844;margin-top: 5px;left:50%;margin-left:-392px;}*/
#header {position:relative;width:724px;background-color:#FFFFFF;margin-top: 5px;left:50%;margin-left:-392px;}
#middle {position:relative;margin-top:4px;width:890px;left:50%;margin-left:-399px;z-index:2;}
#logo   {position:relative;float:right;text-align:right;width:725px;margin-bottom:14px;margin-top:10px;}
#footer {position:fixed;width:100%;clear:both;padding-top:4px;margin-left:auto;margin-right:auto;text-align:center;vertical-align:bottom;bottom:0px;z-index:1;font-size:10px;}
#content{position: relative;float:left;margin-left:6px;margin-bottom:30px;width:930px;padding:0px;}
div.content_main {position:relative;float:left;background-color:#FFF;width:725px;padding:0;padding-bottom:5px;min-height:490px;border: 1px solid #D4D4D4;}
div.content_menu {position:relative;float:left;width:200px;}
#rightStripe {position: absolute;vertical-align: bottom;margin-top: 476px;}

/*** SECTION HOME ###################### ***/
#box1 {
	position: relative;
	clear:both;
	margin-top:4px;
	margin-right:4px;
	margin-bottom:0px;
	margin-left:4px;
	background: #666666;
	height:255px;
	width:715px;
}
#box2 {
	position: relative;
	float:left;
	margin-top:10px;
	margin-right:4px;
	margin-bottom:4px;
	margin-left:4px;
	height:224px;
	width:272px;
}
#box3 {
	position: relative;
	float:left;
	margin-top:10px;
	margin-right:4px;
	margin-bottom:0px;
	margin-left:0px;
	height:230px;
	width:440px;
}
#box3 #content2 {
	position: relative;
	width:440px;
	height:187px;
}
#box3 #mailinglist {
	position:relative;
	background-color: #5a5844;
	float: left;
	margin-top: 4px;
	height:39px;
	width:348px;
	vertical-align:middle;
}
#box3 #rss {
	position: relative;
	background-color: #5a5844;
	display:block;
	float: right;
	margin-top:4px;
	height: 39px;
	width:89px;
	text-align:center;
	vertical-align:middle;
}

/* hide dotted outline in Firefox */
#box3 #rss:hover {background-position:bottom right;outline:none;}
a.btnrss {text-decoration:none;display:block;float:left;height:39px;width:89px;}
a.btnrss span {background: transparent url(../img/btn_rss.gif) no-repeat;display:block;height:39px;}
a.btnrss:hover span {background-position: bottom left;}

/*CONFIGURATION DE LA HOME*/
#newsBox1{background-color: #ffffff; padding: 0px; width:716px; height:240px;}
#newsBox1 #news_img { float:left; width:271px; height:239px;}
#newsBox1 #news_content { float:left; width:420px; height:236px;}
#newsBox2{background-color: #ffffff; border: 1px solid #e4e0d4; padding: 4px; width:258px; height:212px;}
#newsBox2 #news_img { float:left; width:258px; height:136px;}
#newsBox2 #news_content { float:left; width:258px; height:35px;}
#newsBox3{background-color: #ffffff; border: 1px solid #e4e0d4; padding: 5px; width:428px; height:177px;}
#newsBox3 #news_img { float:left; width:140px; height:178px;}
#newsBox3 #news_content { float:left; width:270px; height:178px;}


/*** fin SECTION HOME ################## */


/*** SECTION PRODUITS ################## */

.backToProduct{text-align:right;float:right;padding-right:5px;line-height:28px;}
.category_title{color:#5A5844;font-family:Arial, Helvetica, sans-serif;font-size:18px;padding-bottom: 40px;}
.comment_date{text-align:right;float:right;width:50px;}
#zoneUp {position:relative;float:left;margin-top:4px;margin-left:4px;margin-right:4px;padding-bottom:20px;}
#zoneUp table tr td {font-size:12px;}
#zoneDown {position:relative;float:left;width:716px;margin-top:0px;margin-right:4px;margin-bottom:0px;margin-left:4px;padding-bottom:8px;}
#zoneDown table tr td {font-size:12px;}
.zoneLine {position:relative;float:left;margin-left:4px;margin-bottom:4px;width:716px;height:10px;}
#product_img {position:relative;float:left;width:250px;text-align:center;}
#product_desc {position:relative;float:right;padding-right:10px;padding-left:10px;}
#product_ingredient{position:relative;float:left;width:28%;height:400px;padding:5px;background-color:#000000;}
#product_attribute {position:relative;float:left;width:28%;height:400px;padding:4px;}
div.product_comment {position:relative;float:left;width:39%;height:400px;padding:5px;background-color:#F5F5ED;}

/*alternative table*/
td.product_ingredient{padding:5px;background-color:#ffffff;}
td.product_attribute{padding:5px;background-color:#ffffff;}
td.product_comment{padding:5px;background-color:#F6F6F6;}
div.product_menu{margin-top:8px;padding-bottom:8px;}
div.product_menu_category{background-color:#FFFFFF;color:#000000;font-size:14px;font-weight:bold;text-transform:uppercase;padding-bottom:4px;padding-top:4px;padding-left:10px;}
div.product_menu_category_hover{background-color:#999999;color:#FFFFFF;font-size:14px;font-weight:bold;text-transform:uppercase;padding-bottom:4px;padding-top:4px;padding-left:10px;}
span.product_menu_product{padding: 8px 0px 8px 10px;background-color:#FFFFFF; text-align:right;}
span.product_menu_product:hover{ background-color:#666666;}
div.product_menu_product{padding: 4px 0px 4px 10px;background-color:#FFFFFF;font-size:12px;text-transform:Lowercase;}
div.product_menu_product:hover{ background-color:#999999;font-size:12px;text-transform:Lowercase;}
div.optional input, div.optional textarea{border:0px; margin:3px;}
div.parfum {float:left;padding:2px;margin-top:16px;margin-right:2px;cursor: pointer;height:108px;vertical-align:bottom;}
.otherParfum {vertical-align: bottom;}
.retaillers{float:left;width:250px;height:100px;text-align:center;margin-top:12px;padding-left:50px;}
.retailler_country{ color:#ff6633;font-size:10px;}
.retailler_name{text-transform:uppercase;font-weight:bolder;}
/*** fin SECTION PRODUITS ############## */

/*** SECTION CORPO ###################### */
div.title_corpo {position:relative;clear:both;margin-top: 10px; background-image:url(/img/pattern_att.gif);width:724px;height:20px;vertical-align:middle;}
div.bio_text {position:relative;float:left;margin-left:8px;margin-top: 12px;}
div.news_text {position:relative;float:left;margin-left:8px;margin-top: 12px;margin-bottom:12px;}
div.contact_text {position:relative;float:left;width:230px;margin-left:8px;margin-top: 12px;}
div.mission_text {position:relative;float:left;margin-left:8px;margin-top:12px;}

.media {float:left;padding-top:5px;margin:8px 0px 15px 0px;line-height:16px;}
.media_comm {width:226px;margin-right:15px;}
.media_photo {width:225px;}
.media_relation, .media_dossier, .media_review {width:235px;}
.mediaBlock{padding-bottom:15px;}
div.media_photo_download {float:left;width:210px;vertical-align:middle;}
.leftFloater, .leftFloaterTop {float:left;}
.leftFloaterTop {vertical-align:top;}
/*** fin SECTION CORPO ################## */

.rightFloater {float:right;}
.marginTop {margin-top:35px;}
.marginLeft {margin-left:8px;}
div.line_sep {position:relative;clear:both;width:724px;height:4px;background-color:#5a5844;}
div.line_sep2 {position:relative;clear:both;width:724px;height:4px;}

/*** BTN & TXT ######################### */

#prodBtn{width: 400px;margin-top: 15px;font-size: 11px;color: #ffffff;font-weight:bold;text-align: left;}
#prodBtn a:link, #prodBtn a:visited {display: inline;color: #ffffff;background-color: #5a5844;text-decoration: none;padding-top: 3px;padding-bottom: 3px;padding-left: 6px;padding-right: 6px;}
#prodBtn a:hover{background-color: #acaba1;text-decoration: none;background-repeat: no-repeat;color: #ffffff;}
#prodBtn a:focus{background-color: #acaba1;text-decoration: none;background-repeat: no-repeat;}
p {line-height: 15px;}
p.news { margin-left:10px;}
p.block { margin-left:10px;}
p.icon_pdf { background-image:url(/img/pdf.gif); background-position:top left; background-repeat:no-repeat;margin:6px 0px 0px 0px;padding-left:18px;line-height:15px;}
h1 { font-size:10px; text-transform: uppercase; color:#5A5844;margin-top:0px; padding-left:5px;}
h2 { font-size:13px;}
h3 { font-size:13px; margin:0; padding:0;}
h4 { font-size:25px; color: #5A5844;text-transform: uppercase; margin-top:-0px; padding-left:0px;}
.titleTop { font-size:25px; color: #5A5844;text-transform: uppercase; margin-top:-0px; padding-left:0px; line-height:24px;}
span.sizeH3 {font-size:13px; font-weight:bold;}
.name {color:#0089b9; font-size: 28px; text-transform: uppercase; line-height:28px}
.sup_name {color:#0089b9; font-size: 14px; text-transform: uppercase; line-height:28px}
.subname { font-size: 0.6em}
span.title1 {color:#000000; font-size: 16px; font-weight:bold; margin-left:5px;}
span.title_news {color:#5a5844; font-size: 22px; margin-left:10px; margin-top:5px;}
#zoneUp ul { list-style-image:url(/img/bullet1.gif);}
#zoneUp ul li { padding-top:4px;}
#zoneDown ul {list-style-image:url(/img/bullet2.gif); padding-left:20px;}
#zoneDown ul {padding-left:20px;}
#zoneDown ul li {padding-top:4px; font-weight:normal;}
a.link1, a.jqModal { color:#0066CC;}
a.link1:hover, a.jqModal:hover { text-decoration:none;}
a.product_menu_link{text-decoration:none;color:#5a5844;}
a.product_menu_link:hover{color: #000000;}