@charset "utf-8";
/* CSS Document Style COSMEPOLIT*/

* {
	margin:0;
	padding:0;
}

body {/**/
	background:url("../../../img/bg_global.png");
	background-position:top left;
	background-repeat:repeat-x;
	background-color:#afaeae;
	border: 0px dotted #000000;
}

#flash{
	border: 0px solid #BBB;
}
ul li{
list-style:inside;
}


/*OMBRES HAUT ET BAS DU SITE **********************************/
/**************************************************************/
#shadowup {/**/
	position: relative;
	width: 979px;
	margin:auto;	
	height:12px;
	margin-top:20px;
	background-image: url("../../../img/global_shadow_up.png");
}
#shadowfooter {/**/
	position: relative;
	width: 979px;
	margin:auto;	
	height:12px;
	background-image: url("../../../img/global_shadow_down.png");
	clear:left;
}
/*DIV PRINCIPALE **********************************************/
/**************************************************************/
#global {/**/
	width: 979px;
	margin:auto;
	background-image: url("../../../img/bg_main.png");
	background-repeat: repeat-y;
	border: 0px dotted #000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#515054;
}
/*DIV ENTETE **************************************************/
/**************************************************************/
#entete{
	position: relative;
	margin:auto;
	width:955px;
	height:153px;
	background-color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	border: 0px dotted #000000;
}
/*CHOIX LANGUE *********************************************/
/**************************************************************/
.choixlangues{
	padding-right:8px;
	padding-top:4px;
	float:right;
	margin-top:121px;
	width: 85px;
	border: 0px dotted #000000;
	height:32px;
	background-image: url("../../../img/bg_menu_annexe.png");
	background-repeat:repeat-x;
}
/*MENU ANNEXE *********************************************/
/**************************************************************/
.menuannexe{
	border: 0px solid #000000;
	float:right;
	margin-top:121px;
	width: 210px;
	height:32px;
	font:normal 12px Arial;
	font-weight: bold;
	background-image: url("../../../img/bg_menu_annexe.png");
	background-repeat:repeat-x;
}

.menuannexe ul{
	border: 0px solid #BBB;
	line-height:32px;
	width: 100%;
	padding: 1px 0;
	height:32px;
	margin: 0;
	text-align: center; /*set value to "left", "center", or "right"*/
}

.menuannexe ul li{
display:inline;
}

.menuannexe ul li a{
color:#515054;
padding: 0px 14px;
margin: -2px;
text-decoration: none;
border: 0px solid #DADADA;
}

.menuannexe ul li a:hover{
color:#ffffff;
}

/*MENU PRINCIPAL *********************************************/
/**************************************************************/

.chromestyle{/**/
	margin:auto; 
	border-top: 4px solid #bfa011;
	width: 955px;
	font:normal 12px Arial;
	font-weight: bold;
	background-image: url("../../../img/bg_menu_off.png");
	background-repeat:repeat-x;
}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

.chromestyle ul{
	border: 0px solid #BBB;
	line-height:68px;
	width: 100%;
	padding: 0px 0;
	height:74px;
	margin: 0;
	text-align: center; /*set value to "left", "center", or "right"*/
}

.chromestyle ul li{
	display:inline;
}

.chromestyle ul li a{
	color:#bfa011;
	padding: 25px 14px;
	margin: -3px;
	text-decoration: none;
	border: 0px solid #DADADA;
}

.chromestyle ul li a:hover{
	color:#ffffff;
	background: url(../../../img/bg_menu_on.jpg) center center repeat-x; /*THEME CHANGE HERE*/
}

/*.chromestyle ul li a[rel]:after{ HTML to indicate drop down link
content: " v";
content: " " url(img/separator.png); uncomment this line to use an image instead
}*/


/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
	position:absolute;
	border: 0px solid #BBB; 
	font:normal 12px Arial;
	line-height:25px;
	z-index:99;
	background-color: #58595a;
	width: 170px;/**/
	visibility: hidden;
}


.dropmenudiv a{
	width: auto;
	display: block;
	text-indent: 15px;
	border-bottom: 1px solid #bfa011; /*THEME CHANGE HERE*/

	text-decoration: none;
	font-weight: bold;

	color: #bfa011;
}

* html .dropmenudiv a{ /*IE only hack*/
	width: 100%;
}

.dropmenudiv a:hover{
	color:white;
	/*background-image:url(img/bg_submenu.jpg); THEME CHANGE HERE*/
	background-color: #bfa011;
	border-bottom: 1px solid #ffffff;
}

/*FIL ARIANE **************************************************/
/**************************************************************/
#filariane
{
	position: relative;
	margin:auto;
	width:915px;
	height:20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	border: 0px dotted #000000;
}

/*CONTENU PRINCIPALE ******************************************/
/**************************************************************/
#contenuglobal
{
	position: relative;
	float:left;
	width:670px;
	margin-left: 12px;
	margin-right: 30px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	/*border-right: 1px solid #bfa011 ;
	border: 0px dotted #000000;*/
}

/*COLONNE DE DROITE *******************************************/
/**************************************************************/

#colonnedroite {
	position:relative;
	float:left;
	width: 240px;
	padding-bottom:20px;
	margin-left:15px;
	background-image: url("../../../img/bg_col.png");
	background-repeat:repeat-y;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	border: 0px dotted #000000;
}

/*#colonnedroite p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	text-align:center;
	border: 0px dotted #000000;
}

.titlecolzoom {
	background-image: url("img/col_title_zoom.png");
	background-repeat:no-repeat;
	height:27px;
}
.titlecolrecrute {
	background-image: url("img/col_title_recrute.png");
	background-repeat:no-repeat;
	height:27px;
}
.titlecolproduits {
	background-image: url("img/col_title_produits.png");
	background-repeat:no-repeat;
	height:27px;
}
.titlecolnewsletter {
	background-image: url("img/col_title_newsletter.png");
	background-repeat:no-repeat;
	height:27px;
}
.titlecoldown {
	background-image: url("img/col_title_down.png");
	background-repeat:no-repeat;
	height:9px;
}*/

/***********************  PIED DE PAGE ***********************/
/*************************************************************/

#coordonneesfooter
{
	position:relative;
	width:955px;
	height:33px;
	margin:auto;
	line-height:30px;
	clear:left;
	text-align: center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color: #B3B3B3;
	border: 0px dotted black;
	background-image: url(../../../img/bg_footer.png);
	background-repeat: repeat-x;
}
#coordonneesfooter a{
	color:#af9001;
	text-decoration: none;
}
#coordonneesfooter a:hover{
	color:#fff;
	text-decoration: underline;/**/
}

/*********************** LINKS ***********************/
/*****************************************************/

#linksfooter
{
	position:relative;
	width:955px;
	height:34px;
	border: 0px dotted black;
	clear:left;
	margin:auto;
	line-height:30px;
	text-align: center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color: #000000;
}

#linksfooter a{
	color:#af9001;
	text-decoration: none;
	border: 0px solid #DADADA;
}

#linksfooter a:hover{
	color:#515054;
	/*background: url(img/bg_menu_on.jpg) center center repeat-x;*/
}

/*********************** CREDITS **********************/
/*****************************************************/

#creditsfooter
{
	position:relative;
	margin:auto;
	width:955px;
	border: 0px dotted black;	
	color:#000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	clear:left;
}

#creditsfooter a{
	color:#000;
	text-decoration: underline;
	border: 0px solid #DADADA;
}

#creditsfooter a:hover{
	color:#515054;
}

/*********************** CADRES NEWS *****************/
/*****************************************************/
.fond_title_news {
	background: url(../../../img/news_bg_title.png) repeat;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
}
.corner_right_news {
	background: url(../../../img/news_coin_droit_title.png);
	background-repeat:no-repeat;
}
.fond_date_news {
	background: url(../../../img/news_bg_title.png) repeat;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}
.border_bottom_news {
	border-bottom: 1px solid #d3c47e;
	border-right: 1px solid #d3c47e;
	line-height:1px;
}
.border_right_news {
	border-right: 1px solid #d3c47e;
}
.bg_news {
	background: url(../../../img/news_bg_global.png);
	background-repeat:repeat-y;
}
.contenu_news {
	padding-top:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:justify;
	font-size:12px;
}
.lire_la_suite_news a {
	padding-top:10px;
	color:#515054;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:underline;
}
.border_bottom_date_news {
	border-bottom: 1px solid #d3c47e;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
}


/*********************** PRODUITS *****************/
/*****************************************************/
.produits_title {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	height:30px;
	text-align:center;
	font-weight:bold;
	background-color:#c2c4c6;
	/*background-image: url("img/bg_col_grey.png");
	background-repeat:repeat-y;*/
}
.produits_sous_title {
	height:60px;
	border:1px solid #c2c4c6;
	border-bottom:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
	font-weight:normal;
	font-style:italic;
}
.produits_descriptif {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:justify;
	font-weight:normal;
	border:1px solid #c2c4c6;
	border-top:0;

	padding:5px;
	background-image: url("../../../img/bg_col.png");
	background-repeat:repeat-y;
}
.produits_photo {
	text-align:center;
	border:1px solid #c2c4c6;
	border-top:0;
}


/*STYLES GENERIQUES **********************************************/
/**************************************************************/
.txt_italique_bold16px {/**/
	font-size:16px;
	color:#515054;
	font-style:italic;
	font-weight:bold;
}
.td_liste_produits{/**/
padding-left:10px;
}

/**************** LIRE ANNONCE D'EMPLOI **************/
/*****************************************************/
.emplois_title_general {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	border: 1px solid #d3c47e;

	background-image:url(../../img/news_bg_title.png);
	background-repeat:repeat-x;
}
.emplois_title {
	border-bottom: 1px solid #d3c47e;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
}
.emplois_contenu {
	padding-top:5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
}

/******************* COM DE PRESSE *******************/
/*****************************************************/
.cdp_date {
	border-bottom: 1px solid #d3c47e;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
}
.cdp_title {
	border-bottom: 1px solid #d3c47e;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	padding:5px
}
.cdp_contenu {
	padding-top:5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
}
.cdp_border_bottom {
	border-bottom: 1px solid #d3c47e;
	border-right: 1px solid #d3c47e;
	line-height:1px;
}
.cdp_histo_affiche {
margin-left:12px;
}

/*Titres Pdts *****************/
/*****************************************************/
.title_pdts_fonds {
	background: url(../../../img/Titre_bord_left.jpg) repeat;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
}