/**
 * @version $Id: template_2010.css,v 1.32 2010-10-12 14:17:29 sym Exp $
 * @package cdl-2010
 * @copyright Copyright (C) 2010 BROCELIA. All rights reserved.
 */

@charset "utf-8";

/* CSS Document -- Oenobiol Fr -- */

*{
	margin:0;
	padding: 0;
	}


/*-------------------------
		 COMMUN
--------------------------*/

.txt_grey{
	color:#70787c;
	margin: 0px;
	}

.txt_grey a{
	color:#70787c;
}

.txt_purple{
	color:#a32e87;
	padding:5px 0;
	margin: 0px;
	}

.txt_purple a{
	color:#a32e87;
	}


/*-------------------------
		 HOME
--------------------------*/


.home{
	float:left;
	width:100%;
	}

	.home_left{
		float:left;
		padding-top: 10px;
		width: 710px;
		padding-left: 8px;
	}

	.home_right{
		width:280px;
		float:right;
		padding-top: 6px;
	}



/*-------------------------
	ACCORDEON HOME
--------------------------*/


	.home_uni_eti{
		float:left;
		cursor: pointer;
		position: relative;
		z-index: 10;
	}


	.home_uni_content{
		float:left;
		margin-left: 0px;
		margin-right: 0px;
		position: relative;
		z-index: 1;
		height:468px;
		width:594px;
	}

	.img_home_uni_back{
		position: absolute;
		left: 0px;
		top:0px;
	}


	.home_uni_fleche_left{
		background-image: url("../images/home/fleche/fleche_right.png");
		background-repeat: no-repeat;
		width:9px;
		height:10px;
		position: absolute;
		top:10px;
		left:15px;
		}

	.home_uni_fleche_right{
		background-image: url("../images/home/fleche/fleche_left.png");
		background-repeat: no-repeat;
		width:9px;
		height:10px;
		position: absolute;
		top:10px;
		left:15px;
		}




/*-------------------------
		SS MENU UNI
--------------------------*/

.ss_menu_univers{
	float:left;
	width:262px;
	padding-left: 305px;
	padding-top: 350px;
	}

.ss_menu_univers h4{
	position:relative;
	z-index: 10;
	padding: 0;
	margin: 0;
	height: 27px;
	}

.ss_menu_univers ul{
	background-image: url("../images/home/decouvrez/footer.png");
	background-repeat: no-repeat;
	background-position:left -25px;
	width:262px;
	height:75px;
	position:relative;
	z-index: 1;
	/*padding-left: 15px;*/
	padding: 0 0 0 15px;
	margin: 0;
	}

.ss_menu_univers_bien-etre{
	padding-top:325px;
	}

.ss_menu_univers_bien-etre ul{
	margin-top:-3px;
	padding-top: 0px;
	height:100px;
	background-position:left 0px;
	}

.ss_menu_univers ul li{
	list-style-type: none;
	float: left;
	width:115px;
	padding-right:15px;
	padding-top: 15px;
	color:#70787c;
	font-size: 11px;
	}

.ss_menu_univers ul li a{
	color:#70787c;
	font-size: 11px;
	text-decoration: underline;
	}

/*-------------------------
		BLOCK RIGHT
--------------------------*/

.block_right{
	float:right;
	background-image: url("../images/home/block_right/block_back.jpg");
	background-repeat: no-repeat;
	width: 276px;
	height:237px;
	text-align: center;
	padding-top:3px;
	overflow: hidden;
	}

.fleche_left,
.fleche_right{
	float: left;
	width:22px;
	}

.fleche_left{
	padding-left: 6px;
	padding-top: 89px;
	}

.fleche_right{
	padding-top: /*100*/55px;
	}

.block_right_content_slide{
	float: left;
	width:220px;
	height:185px; /*215*/
	padding-top: /*11*/7px;
	position: relative;
	}

.block_right_content{
	float: left;
	width:273px;
	padding-top: 11px;
	}

.block_right_content h3{
	height:26px;
	width: 100%;
	padding: 0px;
	margin: 0px;
	}

.btn_block_right_content_slide{
	bottom:0;
	left:10px;
	position:absolute;
	}

.bouton_a_la_une {
	background-image: url("../images/home/block_right/bouton_bas_lien.png");
	background-repeat: no-repeat;
	color:white;
	font-family: Verdana;
	height:27px;
	font-size: 15px;
	font-weight:bold;
	text-align: center;
	vertical-align: middle;
	padding-top:3px;
	cursor:pointer;
}

.element_a_la_une {
	height:145px;
}



/* MENU HEADER CSS*/


/* couleur menu univers*/

.menutop_title_Beaute{
	background-image: url("../images/menu/fond_beaute.jpg");
	background-repeat: repeat-x;
	background-position:left 10px;

	}

.menutop_title_Beaute span{
	color:#c492c1;
	background-color: #F3F3F3;
	padding-right: 3px;
}

.menutop_title_Bien-etre{
	background-image: url("../images/menu/fond_bien-etre.jpg");
	background-repeat: repeat-x;
	background-position:left 10px;
	}

.menutop_title_Bien-etre span{
	color:#a5adb1;
	background-color: #F3F3F3;
	padding-right: 3px;
}

.menutop_title_Menopause{
	background-image: url("../images/menu/fond_menopause.jpg");
	background-repeat: repeat-x;
	background-position:left 10px;
}

.menutop_title_Menopause span{
	color:#7e88b2;
	background-color: #F3F3F3;
	padding-right: 3px;
}

.uni_beaute{
	border-color:#dfb7d4;
	background-color:#f8e6ef;
}

.uni_bien-etre{
	border-color:#E6E6EA;
	background-color:#FFFFFF;
}

.uni_menopause{
	border-color:#AAB0D0;
	background-color:#C4C9E3;
}

/* --  -- */



.clear{
	clear:both;
}

.menu_top{
	background-image:url("../images/menu/back_menu_top.png");
	background-repeat:repeat-y;
	width:895px;
	padding: 5px 8px;
	float: left;
	}

.menu_bottom{
	background-image:url("../images/menu/back_menu_bottom.png");
	background-repeat:no-repeat;
	width:911px;
	float:left;
	height:11px;
	}

.uni_title_menu{
	float:left;
	font-size:10px;
	font-weight:bold;
	font-family:verdana;
	padding:5px 0 3px 0;
	text-transform: uppercase;
	width:892px;
}

.uni_block{
	border-style:solid;
	border-width:1px;
	padding:5px 0;
	width:890px;
	float:left;
}

#oe_menutop .gam_title a{
	color:#70787c;
	}

.gam_title{
	font-weight:bold;
	font-size:10px;
	color:#70787c;
	font-family:verdana;
	padding:0 0 5px 0;
}

.gam_title a{
	color:#70787c;
	text-decoration:none;
}

.gam_title a:hover{
	text-decoration:underline;
}


.gam_block{
	float:left;
	border-right:1px solid #fff;
	padding-left:5px;
	width: 211px;
	min-height:69px;
}

.gam_block:last-child{
	border:0 none;
	}

	.gam_block ul li{
		font-size:10px;
		color:#70787c;
		font-family:verdana;
		padding:0 10px;
		line-height:15px;
		list-style-type:none;
		background-image: url("../images/menu/puce.png");
		background-repeat: no-repeat;
		background-position: left center;
	}

	#oe_menutop .gam_block ul li{
		padding-left:10px;
		padding-right: 10px;
	}

	#oe_menutop .gam_block ul li a{
		font-size:10px;
		color:#70787c;
		font-family:verdana;
		text-decoration:none;
		font-weight: normal;
	}


		.gam_block ul li a{
			font-size:10px;
			color:#70787c;
			font-family:verdana;
			text-decoration:none;
		}

		.gam_block ul li a:hover{
			text-decoration:underline;
		}




/* Accordeon gamme  */

.gamme_accordeon{
	float:left;
	padding: 10px 0;
	bottom:18px;
	position:absolute;
	}

.eti_gam{
	position:relative;
	float:left;
	width:24px;
	cursor:pointer;
}

#fleche_gam{
	position:absolute;
	left:10px;
	top:5px;
}

.eti_gam_content{
	float:left;
	border-top:1px solid #ceced1;
	border-bottom:1px solid #ceced1;
	height:124px;
	width:378px;
}

.eti_gam_content ul{
	margin:0;
	padding-left: 8px;
	padding-top: 6px;
	}

.eti_gam_content ul li{
	font-family:verdana;
	font-size:10px;
	color:#7d7b81;
	line-height: 18px;
	list-style-type: none;
	background-image: url("../images/gamme/puce.gif");
	background-repeat: no-repeat;
	background-position:left center;
	padding-left: 8px;
}

.oe_gamme #contenu .infos .eti_gam_content ul li a{
	color:#7d7b81;
	text-decoration:none;
	font-size:10px;
	font-family:verdana;
}

.oe_gamme #contenu .infos .eti_gam_content ul li a:hover{
	text-decoration:underline;
}

.eti_gam_content ul li a span{
	color:#74146e;
	font-weight:bold;
}

.eti_gam_content ul li a:hover{
	text-decoration:underline;
}

.title_produit_gam{
	font-size: 11px;
	color:#74146e;
	padding-bottom: 8px;
}


/* --  -- */

/* Menu footer Référecement */

/* specifique */

.menu_bottom_Beaute{
	float:left;
	width:490px;
	margin-right:5px;
	}

.menu_bottom_Bien-etre{
	float:left;
	width: 111px;
	margin-right:5px;
	}

.menu_bottom_Menopause{
	float:left;
	width: 349px;
	}

.menu_bottom_header_Beaute{
	background-image: url("../images/menu/bottom_header_beaute.jpg");
	background-repeat: no-repeat;
	width:490px;
	}

.menu_bottom_header_Bien-etre{
	background-image: url("../images/menu/bottom_header_bien-etre.jpg");
	background-repeat: no-repeat;
	width: 111px;
	}

.menu_bottom_header_Menopause{
	background-image: url("../images/menu/bottom_header_menopause.jpg");
	background-repeat: no-repeat;
	width: 372px;
	}

.menu_bottom_content_Beaute{
	width: 488px;
	border-color:#c392c1;
	}

.menu_bottom_content_Bien-etre{
	width:109px;
	border-color:#cccfd1;
	}

.menu_bottom_content_Menopause{
	width: 370px;
	border-color:#a4aac7;
	}

.menu_bottom_footer_Beaute{
	background-image: url("../images/menu/bottom_footer_beaute.jpg");
	background-repeat: no-repeat;
	width:490px;
	}

.menu_bottom_footer_Bien-etre{
	background-image: url("../images/menu/bottom_footer_bien-etre.jpg");
	background-repeat: no-repeat;
	width: 111px;
	}

.menu_bottom_footer_Menopause{
	background-image: url("../images/menu/bottom_footer_menopause.jpg");
	background-repeat: no-repeat;
	width: 372px;
	}


/* --  -- */

.menu_bottom_header{
	float:left;
	height:6px;
	font-size: 0px;
	}

.menu_bottom_content{
	float:left;
	border-left-width: 1px;
	border-left-style: solid;
	border-right-width: 1px;
	border-right-style: solid;
	background-color: #f6f6f6;
	}

.menu_bottom_footer{
	float:left;
	height:6px;
	font-size: 0px;
	}

.menu_bottom_title{
	font-size:10px;
	text-transform: uppercase;
	background-image: none;
	}

.menu_bottom_title span{
	background-color: transparent;
}

.gam_block_menu_bottom{
	float:left;
	border-right:1px solid #e8e8ea;
	padding:0 5px;
	min-height:135px;
}

.gam_block_menu_bottom:last-child{
	border:0 none;
	}

	.gam_block_menu_bottom ul li{
		font-size:10px;
		color:#70787c;
		line-height:19px;
		list-style-type:none;
		background-image: url("../images/menu/puce.png");
		background-repeat: no-repeat;
		background-position:left 8px;
	}

	.gam_block_menu_bottom ul{
	float:left;
	margin: 0;
	padding: 0;
	}

	.gam_block_menu_bottom ul li{
		padding-left:10px;
	}

	.gam_block_menu_bottom ul li a{
		font-size:10px;
		color:#70787c;
		font-family:verdana;
		text-decoration:none;
		font-weight: normal;
	}

	.gam_block ul li a:hover{
		text-decoration:underline;
	}

.menu_bottom_content_Menopause ul {
	width:75px;
	}

.menu_bottom_content_Menopause ul.minceur_meno {
	width:100px;
	}

/* GAMME */

/* titre de la gamme */

.titre_gamme{
	float:left;
	margin-top: 5px;
	}

.oe_produit .oe_boites .oe_boite .oe_boite_content .oe_boite_content2 .bloc_lien_dossier .lien_dossier {
	font-size:9px;
	text-decoration:none;

}