/****** STYLE POUR TOUS LES PAYS : DEFINI l'ARCHITECTURE DE BASE DES SITES*****/


/****** STYLE et CLASSES GENERAUX *****/
*{
margin: 			0;
padding: 			0;
border:				none;
}

*html *{
behavior:			url(/ie6_fix/iepngfix.htc);/*Réglage du Javascript pour les PNG et IE*/
}

body{
margin:				0 auto;
padding:			0 auto;
font-family: 		Verdana, Arial, sans-serif;
color:				#69020C;
}

.clear {
clear:				both;
}

.float_left {
float:				left;
}
.float_left_partenaire {
float:				left;
width:				200px;
text-align:			center;
}

.float_right {
float:				right;
}

.text_right {
text-align:			right;
}

h1{ /* Titres blancs*/
font-size:				28px;
font-weight:			normal;
letter-spacing:			0.03em;
color:					#FFFFFF;
}

/*h2 différents selon les catégories, cf. CSS PAYS*/

h3 {/*titres soulignés pointillés*/
font-size:				14px;
font-weight:			bold;
padding:				0 0 3px 0;
border-bottom:			1px dotted #69020C;
letter-spacing:			0.02em;
clear:					both;
}



.titre_gras{
font-size:				12px;
font-weight:			bold;
padding:				0 0 3px 0;
letter-spacing:			0.02em;
clear:					both;
}


.font_size_13 {
font-size: 13px;
}


.font_size_12 {
font-size: 12px;
}


p {
font-size:				11px;
margin:					5px 0 15px 0;
}

a:link {
color:					#E62623;
font-weight:			bold;
}

a:visited{
color:					#E62623;
font-weight:			bold;
}

a:hover{
color:					#69020C;
font-weight:			bold;
}

/*****  FOND SITE  *****/

#bg_gauche{
background:			url(../images/common/interface/bg_gauche.jpg) repeat-x;
width:				50%;
height:				600px;
left:				0px;
position:			absolute;
z-index:			1;
}

#bg_droit{
background:			url(../images/common/interface/bg_droit.jpg) repeat-x;
width:				50%;
height:				600px;
left:				50%;
position:			absolute;
z-index:			1;
}

#wrap{
margin:				0 0 0 50%;
width:				960px;
height:				600px;
position:			relative; /*Ne pas toucher : position relative fictive afin de placer d'autre éléments en position absolute à l'interieur cf. CSS Home encarts bas*/
z-index:			10;
left:				-480px;
background:			url(../images/common/interface/bg_centre.jpg) no-repeat;
}

/*****  HEADER  *****/

#header {
width:				960px;
height:				123px;
}

#logo { /*Si slogan à rajouter sous le logo, faire une classe logo et les redéfinir avec des ID logo_lang (cf footer.tpl pour exemple)*/
width:				128px;
height:				123px;
float:				left;
position:			relative;
left:				13px;
}

#menu { /*Si menu différents celon les pays, faire une classe menu et les redéfinir avec des ID menu_lang : pour les différence de longueur de mot par ex (cf footer.tpl pour exemple)*/
float:				left;
position:			relative;
left:				60px;
top:				37px;
}

#menu ul {
background-color: 	#cf0018;
list-style: 		none;
float:				left;
}

#menu li {
float:				left;
line-height:		37px;/* hauteur du menu */
}

#menu a {
font-weight:		bold;
font-size:			12px;
letter-spacing:		0.03em;
color:				#E8E8E8;
text-decoration:	none;
padding:			2px 12px; /* la padding haut-bas = 2px définit la hauteur des pointillés jaunes */
}

#menu a:hover{
color:				#FEFEFE;
background-color:#b20303;
}

.dot_right {
border-right: 2px dotted #faa99e; /* pointillés jaunes du menu CF  " #menu a " pour la hauteur des pointillés */
}

/******  MENU DYNAMIQUE  ******/

#sousMenu {
clear:				both;
display:			block;
position:			absolute;
margin-left:		233px;
top:				76px;
}

.ss_menu {
color:				#E8E8E8;
display:			none;
}

.ss_menu a {
font-weight:		bold;
font-size:			12px;
letter-spacing:		0.03em;
color:				#E8E8E8;
text-decoration:	none;
}

.ss_menu a:visited{
color:				#E8E8E8;
}

.ss_menu a:hover {
color:				#FEFEFE;
text-decoration:	underline;
}

#ss_menu_produit {
margin-left:		0px;
}

#ss_menu_bien_etre {
margin-left:		145px;
}

#ss_menu_recette {
margin-left:		296px;
}

#ss_tchat_sante {
margin-left:		308px;
}

#ss_menu_faq {
margin-left:		384px;
}

#ss_menu_club {
margin-left:		446px;
}

/******  CONTENU  ******/

#contenu {
width:				960px;
}

#contenu_centre {
width:					500px;
}

#contenu_centre_grand {
width:					680px; /* width:730px */
padding-left:			50px;
padding-top:			30px;
}

#contenu_centre_nutri{
width:					730px;
}

#contenu_centre_transparent{
width:					500px;
margin-left:			-120px;
margin-top:-20px;
float:					left;
}

*html #contenu_centre_transparent{ /*IE7*/
width:					500px;
margin-left:			-130px;
margin-top:-20px;
float:					left;
}

*+html #contenu_centre_transparent{ /*IE6*/
width:					500px;
margin-left:			-120px;
margin-top:-20px;
float:					left;
}

#col_gauche {
width:					230px;/*valeur 230px obligatoire pour maintenir la colonne de gauche*/
margin:					0 10px 0 0;/*margin right de 10px obligatoire pour maintenir la colonne de gauche*/
float:					left;
}


#col_gauche_nutri {
width:					180px;
margin:					0 10px 0 0;
float:					left;
}
/*---------------------------------------------------------------*/
.fils {
color:				#ccc;
font-size:			11px;
margin-bottom:		10px;
text-align:			right;

}

.fils  a:link{
color:				#ccc;
font-weight:		normal;
font-size:			11px;
margin-bottom:		10px;
text-decoration:	underline;
}

.fils  a:visited{
color:				#ccc;
font-weight:		normal;
}

.fils  a:hover{
color:				#ccc;
font-weight:		normal;

}
/*---------------------------------------------------------------*/

.sommaire ul{
list-style:				none;
}

.sommaire li {
list-style:				none;
background:		url(../images/common/recettes/recettes_fleche.gif) no-repeat 0px 3px;
*background:		url(../images/common/recettes/recettes_fleche.gif) no-repeat 0px 6px;
padding:				0 2px 3px 15px;
}

.sommaire a{
color:					#69020C;
text-decoration:		none;
position : 				relative;
}

.sommaire a:visited{
color:					#69020C;
text-decoration:		none;
}

.sommaire a:hover{
color:					#E62623;
text-decoration:		none;
}
/*---------------------------------------------------------------*/

.soustitre {
font-size:				20px;
font-weight:			normal;
letter-spacing:			0.03em;
color:					#69020C;
}

.intro {
margin:					10px 0 20px 0;
font-size:				13px;
line-height:			16px;
width:					500px;
}

.encarts_droite{
width:					200px;
text-align:				center;
}

.border_bot_dot{
border-bottom:			1px dotted #69020C;
clear:					both;
}

.text_red{
color:					#E62623;
font-weight : 			bold;
}

.txt_petit{
font-size:				9px;
}

.txt_italique{
font-style:			italic;
}

.txt_center{
text-align:				center;
}

.haut_page a {
font-size:				9px;
text-align:				right;
font-weight: 			normal;
display:				block;
}

.puce_marron  ul{
list-style:				none;
}

.puce_marron  li{
list-style:				none;
font-size:				11px;
background:				url(../images/common/interface/puce_marron.gif) no-repeat 0 4px;
*background:				url(../images/common/interface/puce_marron.gif) no-repeat 0 8px;
padding:				0 0 0 12px;
margin:					0 0 5px 3px;
}

/*---------------------------------------------------------------*/

.input_stylise{
border-color:			#D7C2BD #EEE6E3 #EEE6E3 #D7C2BD;
border-style:			solid;
border-width:			1px;
color:					#aa8080;
}

.input_stylise:hover,
.input_stylise:focus
{
border-color:			#EC6341 #F7C3AE #F7C3AE #EC6341;
color:					#EC6341;
}

/******  POPUP ******/

#overlay{
background:				url(../images/common/interface/overlay.png);
display:				none;
position:				absolute;
/position:				absolute;
/left:					0px;
/top:					0px;
z-index:				9997;
}

#overlay_content,
#overlay_popup
{
font-size:				11px;
left:					50%;
position:				absolute;
/position:				absolute;
text-align:				right;
/*top:					50%;*/
z-index:				9998;
}

#overlay_content
{
height:					24px;
}

#overlay_content p{
background:				#e51e23;
height:					12px;
line-height:			12px;
margin:					0px;
}

#popup_close{
color:					#FFFFFF;
margin-left:			-150px;
width:					150px;
position:				relative;
z-index:				9999;
float : 				right;
}

#overlay_content p.align_b{
background:				#FFFFFF;
height:					12px;
line-height:			12px;
margin:					0px;
}

#overlay_content .align_g,
#overlay_content .align_d
{
position:				absolute;
}

#overlay_popup{
background:				#FFFFFF;
}

#body_popup {
background:			url(../images/common/interface/bg_centre.jpg) no-repeat center -150px;
}


/******  FOOTER  ******/

.footer {
background:			no-repeat right; /*background image définit dans les CSS de chaque pays"*/
width:				960px;
height:				23px;
border-bottom:		2px solid #C2C2C2;
padding:			7px 0 0 0;
}

.footer ul {
margin: 			0 0 0 10px;
list-style:			none;
padding:			0px 0 10px 0px;
}

.footer li {
background:			url(../images/common/interface/footer_puce.gif) no-repeat 0px 7px;
float:				left;
margin:				0px 40px 0px 10px;
padding:			0px 5px 0 10px;
}

.footer a {
font-size:			10px;
color:				#8c8c8c;
text-decoration:	none;
}

.footer a:active,
.footer a:visited
{
color:				#8c8c8c;
}

.footer a:hover{
color:				#E62623;
}

/***** STYLE PAGE ERREUR ****/

#erreur_center {
background:			url(../images/common/home/erreur_visuel.png) no-repeat bottom right;
height: 			435px;
color:				#FFFFFF;
}


#module_statistique #category label {
	float : 		left;
	width : 		450px;
}

#module_statistique #resultatStat {
	margin : 		10px 0 20px 0;
	font-size : 	12px;
}

#module_statistique #resultatStat table th{
	border : 		1px solid black;
	padding : 		2px;
}

#module_statistique #resultatStat table td{
	padding : 		1px 0 1px 5px;
	text-align : 	center;
	width : 		100px;
}

#module_statistique #resultatStat table td.title{
	padding : 		1px 0 1px 20px;
	text-align : 	left;
	width : 		220px;
}

#module_statistique table {
	margin : 		5px 0 10px 0;
}

#options {
	border : 		1px solid red;
	margin : 		20px 0 10px 0;
	padding : 		10px;
}

.options label {
	float : 		left;
	width : 		145px;	
}

.options input {
	float : 		left;
	width : 		20px;	
	margin-right : 	10px;
}