/***************/
/**  GENERAL  **/
/***************/

/********COULEURS*******/
/*
rose = #ef8980
rose pale = #ffefeb
vert = #97bf14
vert pale : #edf6d5
gris = #666666
orange = #feac0f
orange foncé = #e98503
*/

* { 
	margin:0px;
	padding:0px;
	}
body {
	font-size:12px;
	font-family:Arial;
	color:#666666;
	background-color:#ffffff;
	text-align: center; 		/* Pour corriger le bug d'IE pour le centrage de la page */
	}
img { 
	border:none;
	}
h1 { 
	padding-top:20px; 
	padding-left:45px;
	font-size:26px;
	color:#97be15;
	font-family:Arial;
	font-weight: bold;
	text-transform:uppercase;
	}
h2 {
	font-size:24px;
	color:#97bf14;
	font-family:Trebuchet MS;
	padding-top:3px;
	padding-bottom:6px;
	padding-left:35px;
	text-decoration:none;
	}
.h2_produits {
	clear:both;
	background-color:#97bf14;
	margin-left:40px;
	}
h3 {
	font-size:16px;
	color:#ef8980;
	font-family:Arial;
	padding-top:20px;
	padding-left:20px;
	}
h4 {
	font-size:15px;
	color:#feac0f;
	font-family:Arial;
	padding-top:10px;
	padding-left:30px;
	padding-bottom:10px;
	}
p {
	font-size:13px;
	font-family:Arial;
	color:#666666;
	text-align: justify;
	padding:5px 30px 0px 30px;	
	line-height: 20px;
	}

.texte-petit {
	font-size:10px;
	}
.mois {
	font-size:13px;
	color:#97be15;
	font-weight: bold;
	}
	
#fond {
	width:910px;
	background-color:#ffffff;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	padding-bottom:10px;
	text-align: left;		/* Pour rétablir par rapport au bug d'IE sur le centrage de la page */
	}
#fond_central{
	width:760px;
	overflow:auto;
	height:auto;
	}
#fond_gauche{
	overflow:auto;
	float:left;
	height:auto;
	margin-top:20px;
	}
.position {
	padding-left:10px;
	}
	
.intro_texte {
	overflow:auto;
	width:700px;
	height:auto;
	margin-top:2px;
	margin-left:auto;
	margin-right:auto;
	padding:15px;
	float:left;
	}
	
.liste_picto li {
	margin-left:40px;
	padding-top:5px;
	float:left;
	display: block;
	text-decoration:none;
	}
	
.facebook {
	width:600px;
	height:auto;
	margin-top:2px;
	margin-left:30px;
	margin-right:auto;
	padding:15px;
	}
	

/*************/	
/**  LIENS  **/
/*************/
a {
	font-size:12px;
	font-family:Arial;
	color:#f09075;
	text-decoration:underline;
	font-weight: normal;
	}
a:hover {
	font-size:12px;
	font-family:Arial;
	color:#666666;
	text-decoration:underline;
	font-weight: normal;
	}
a:active {
	text-decoration:underline;
	}
	
h2 a, h2 a:hover, h2 a:active{
	font-size:24px;
	color:#97bf14;
	font-family:Trebuchet MS;
	text-decoration:none;
	font-weight: bold;
	}
.h2_produits a, .h2_produits a:hover, .h2_produits a:active{
	font-size:24px;
	color:#ffffff;
	font-family:Trebuchet MS;
	text-decoration:none;
	
	}
h3 a, h3 a:hover, h3 a:active{
	font-size:16px;
	color:#ef8980;
	font-family:Arial;
	padding-top:20px;
	padding-left:20px;
	text-decoration:none;
	font-weight: bold;
	}
h4 a, h4 a:hover, h4 a:active{
	font-size:15px;
	color:#feac0f;
	font-family:Arial;
	padding-top:10px;
	padding-left:10px;
	padding-bottom:10px;
	font-weight: bold;
	text-decoration:none;
	}
.lien-gros {
	font-size:15px;
	font-family:Arial;
	font-weight: bold;
	color:#f09075;
	text-decoration:underline;
	}
.lien-gros:hover {
	font-size:15px;
	font-family:Arial;
	color:#666666;
	text-decoration:underline;
	font-weight: bold;
	}
.lien-gros:active {
	text-decoration:underline;
	}	
	
	
/*************/	
/**  BLOCK  **/
/*************/	
.block{
	width:330px;
	height:auto;
	margin-top:15px;
	margin-bottom:20px;
	margin-left:50px;
	float:left;
	}
.block_horiz{			/* Utilisé pour page : produits.php /   */
	width:735px;
	height:auto;	
	padding-top:10px;
	margin-left:20px;
	margin-bottom:10px;
	clear:both;
	}
.block_conteneur {
	width:326px;
	height:auto;
	margin-bottom:5px;
	border-top: dashed 1px #ef8980;
	overflow:auto;
	}
.block_photo{
	clear:both;
	height:90px;
	width:90px;
	margin-top:10px;
	margin-bottom:10px;
	margin-left:10px;
	float:left;
	}
.block_texte{
	width:206px;
	height:auto;
	margin-top:10px;
	margin-right:10px;
	margin-left:10px;
	font-size:13px;
	font-family:Arial;
	color:#666666;
	float:left;
	}
.block_texte a{
	font-size:13px;
	font-family:Arial;
	color:#666666;
	text-decoration:underline;
	}
.block_texte a:hover{
	text-decoration:underline;
	}	
	
/****************************/	
/**  NAVIGATION RUBRIQUES  **/
/****************************/	
.nav-rubrique-gauche{
	width:330px;
	float: left;
	margin-top:20px;
	margin-left:30px;
	text-align: left;	
	}
.nav-rubrique-droite{
	width:330px;
	float:left;
	margin-top:20px;
	margin-right:30px;
	text-align: right;	
	}	
.nav-rubrique-gauche a, .nav-rubrique-gauche a:hover{
	font-size:14px;
	font-family:Arial;
	color:#666666;
	text-decoration:underline;	
	font-weight: bold;
	}
.nav-rubrique-droite a, .nav-rubrique-droite a:hover{
	font-size:14px;
	font-family:Arial;
	color:#666666;
	text-decoration:underline;	
	font-weight: bold;
	}
	
/*******************/	
/**  FORMULAIRES  **/
/*******************/	
.form{
	margin-top:10px;
	margin-bottom:20px;
	margin-left:50px;
	}
	
/************/	
/**  HOME  **/
/************/
.slideviewer{
	float:left;
	margin-top:30px;
	margin-left:20px;
	}
.block-home{
	width:350px;
	height:160px;
	margin-top:15px;
	margin-bottom:20px;
	margin-left:30px;
	float:left;
	}
.block_conteneur-home {
	width:345px;
	height:auto;
	margin-bottom:5px;
	border-top: dashed 1px #ef8980;
	}
.block_photo-home{
	clear:both;
	height:90px;
	width:90px;
	margin-top:5px;
	margin-bottom:2px;
	margin-left:3px;
	float:left;
	}
.block_texte-home{
	width:225px;
	height:auto;
	margin-top:10px;
	margin-right:2px;
	margin-left:10px;
	font-size:13px;
	font-family:Arial;
	color:#666666;
	float:left;
	}
.block_texte-home a{
	font-size:13px;
	font-family:Arial;
	color:#666666;
	text-decoration:underline;
	}
.block_texte-home a:hover{
	text-decoration:underline;
	}	
	

/****************/	
/**  PRODUITS  **/
/****************/
/* PAGE PRODUITS : pour le texte de présentation principal */
.texte {
	overflow:auto;
	height:auto;
	margin-top:2px;
	margin-left:auto;
	margin-right:auto;
	padding-left:15px;
	padding-right:5px;
	}	
/* PAGE PRODUITS : pour les 2 colonnes de présentation des produits par gamme */
.block_prod{
	width:735px;
	height:auto;	
	border: 1px solid #97bf14;
	/* Rounder Corner */
	-moz-border-radius: 7px;
    -webkit-border-radius: 7px;
	-khtml-border-radius: 7px;
	padding-top:10px;
	padding-bottom:5px;
	margin-left:20px;
	margin-bottom:10px;
	clear:both;
	overflow:auto;
	}
.conteneur_gamme {
	width:355px;
	height:auto;
	float:left;
	}
.photo_gamme{
	width:90px;
	margin-top:5px;
	margin-left:5px;
	margin-bottom:10px;
	float:left;
	}
.argu_gamme{
	width:267px;
	height:auto;
	margin-right:2px;
	font-size:13px;
	font-family:Arial;
	color:#666666;
	float:left;
	}
#liste_produits {
	margin-bottom:15px;
	float: left;
	padding-left: 5px;
	}
#liste_produits > li{
	margin-left:5px;
	padding-top:5px;
	line-height: 12px;
	list-style-type: none; 
	text-decoration:underline;
	}	

/* PAGE GAMMES : Pour la liste des produits par gamme*/	
.conteneur_liste_gamme {
	clear: both;
	}
#liste_gamme {
	margin-bottom:15px;
	float: left;
	padding-left: 55px;
	}
#liste_gamme li {
	margin-left:10px;
	padding-top:5px;
	line-height: 17px;
	}	
#liste_gamme li  a{
	color:#e98503;
	font-size:13px;
	text-decoration:none;
	font-weight: bold;
	}	
#liste_gamme li  a:hover{
	color:#666666;
	font-size:13px;
	text-decoration:none;
	font-weight: bold;
	}
/* PAGE GAMMES : Pour le texte de présentation des gammes */
.texte_gamme {
	width:700px;
	height:auto;
	margin-top:2px;
	margin-left:auto;
	margin-right:auto;
	padding:15px;
	float:left;
	}	
.illustr_gamme {
	width:180px;
	margin-left:90px;
	}
	
/* PAGE DETAILS PRODUIT : Pour la fiche du produit */
.photo_produit {
	float:left;
	width:231px;
	margin-left:50px;
	margin-top:15px;
	text-align: right;	
	}
.icones_produit {
	float:left;
	margin-left:70px;
	margin-top:20px;	
	}
.texte_produit {
	width:460px;
	height:auto;
	margin-top:2px;
	margin-left:auto;
	margin-right:auto;
	padding:8px;
	float:left;
	}
.descriptif_produit {
	clear:both;
	width:650px;
	height:auto;
	margin-top:2px;
	margin-left:auto;
	margin-right:auto;
	padding:15px;
	}
/*  PAGE DETAILS PRODUIT : Pour la liste des ingrédients*/	
.liste_ingredients {
	margin-bottom:15px;
	}
.liste_ingredients li {
	margin-left:45px;
	padding-top:5px;
	line-height: 15px;
	}
/*  PAGE DETAILS PRODUIT : Pour la page des laits*/	
.conteneur_lait {
	width:700px;
	height:auto;
	overflow:auto;
	margin-top:20px;
	margin-bottom:20px;
	float:left;
	}
.photo_lait{
	width:120px;
	margin-top:5px;
	margin-left:65px;
	margin-bottom:10px;
	float:left;
	}
.argu_lait{
	width:340px;
	height:auto;
	margin-right:2px;
	padding-top: 10px;
	font-size:13px;
	font-family:Arial;
	color:#666666;
	float:left;
	}
.encart-lait {
	background-color:#ffefeb;
	border: 1px solid #97bf14;
	/* Rounder Corner */
	-moz-border-radius: 7px;
    -webkit-border-radius: 7px;
	-khtml-border-radius: 7px;
	overflow: hidden;
	font-size: 13px;
	width: 660px;
	clear: both;
	margin-bottom:10px;
	margin-top:20px;
	margin-left:20px;
	line-height: 20px;
	padding-left:10px;
	padding-right:8px;
}
	
	
/****************/	
/**  CONSEILS  **/
/****************/
.conteneur_conseils{
	width:365px;
	height:auto;
	overflow:auto;
	float:left;
	margin-top:5px;
	margin-bottom:15px;
	}
.photo_conseils{
	width:250px;
	margin-top:5px;
	margin-bottom:10px;
	padding-left: 30px;
	}
.conteneur_large_conseils{
	width:730px;
	height:auto;
	overflow:auto;
	margin-bottom:15px;
	}
.illustr_conseils {
	float:left;
	width:180px;
	height:130px;
	margin-left:30px;
	margin-top:10px;	
	}
.liste_conseils li {
	width:430px;	
	margin-left:70px;
	padding-top:5px;
	line-height: 17px;
	text-align: justify;
	list-style-type:none;
	/**  pour le problème d'alignement des puces sous IE **/
	background-image:url('../images/puce-rose.jpg');
	background-repeat:no-repeat;
	background-position:0px 9px;
	padding-left:14px;
	}

		
/****************/	
/**  RECETTES  **/
/****************/
.conteneur_recettes{
	width:365px;
	height:auto;
	margin-bottom:15px;
	float:left;
	}
.photo_recettes{
	width:140px;
	margin-top:5px;
	margin-bottom:10px;
	padding-left: 15px;
	float:left;
	}
.texte_recettes{
	width:200px;
	height:115px;
	margin-top:2px;
	margin-bottom:5px;
	padding-left: 5px;
	float:left;
	}
#envoi_recettes{ 
	width:650px;
	padding:15px 0px 15px 50px; 
	margin:10px 20px 0px 30px;
	color:#ffffff;
	font-weight:bold;
	background-color:#ef8980;
	/* Rounder Corner */
	-moz-border-radius: 7px;
    -webkit-border-radius: 7px;
	-khtml-border-radius: 7px;
	}
#envoi_recettes  td{ 
	padding-top:8px;	
	}
/*  PAGE DETAILS RECETTE : Pour la mise en page*/		
.photo_detail_recette{
	width:330px;
	margin-top:45px;
	margin-bottom:10px;
	padding-left: 30px;
	float:left;
	}
.ingredients_recette{
	width:370px;
	margin-top:20px;
	margin-bottom:5px;
	padding-left:30px;
	float:left;
	}
.details_recette{
	width:600px;
	margin-top:20px;
	margin-bottom:5px;
	padding-left:30px;
	clear:both;
	}

/*****************/	
/**  GROSSESSE  **/
/*****************/

.liste_grossesse li {
	width:550px;	
	margin-left:40px;
	padding-top:5px;
	line-height: 17px;
	text-align: justify;
	list-style-type:none;
	/**  pour le problème d'alignement des puces sous IE **/
	background-image:url('../images/puce-rose.jpg');
	background-repeat:no-repeat;
	background-position:0px 9px;
	padding-left:14px;
	}
	
/****************/	
/**  PAR MOIS  **/
/****************/	
.photo_mois{
	width:235px;
	height:165px;
	margin-top:25px;
	margin-bottom:10px;
	padding-left: 40px;
	float:left;
	}
.texte_progres{
	width:460px;
	margin-top:8px;
	margin-bottom:5px;
	padding-left: 15px;
	float:left;
	}
.conteneur_mois{
	width:365px;
	height:auto;
	overflow:auto;
	float:left;
	margin-top:20px;
	margin-bottom:15px;
	}		
.photo_mois_produits{
	width:320px;
	margin-top:5px;
	margin-bottom:10px;
	padding-left: 25px;
	}
.decsriptif_mois{
	width:330px;
	margin-top:15px;
	margin-bottom:5px;
	padding-left: 30px;
	}	
.photo_mois_conseils{
	width:335px;
	margin-top:10px;
	padding-left: 10px;
	}
.photo_mois_recette{
	width:90px;
	margin-top:10px;
	margin-bottom:10px;
	padding-left: 10px;
	float:left;
	}
.texte_mois_recette{
	width:250px;
	margin-top:5px;
	margin-bottom:10px;
	padding-left: 5px;
	float:left;
	}
.photo_mois_engagements{
	width:101px;
	margin-top:10px;
	margin-bottom:10px;
	padding-left: 5px;
	float:left;
	}
.texte_mois_engagements{
	width:230px;
	float:left;
	}		
		
	
/***********************/	
/**  POINTS DE VENTE  **/
/***********************/
.liste_revendeurs {				/* liste des revendeurs internet sur la page Points de Vente */
	padding-top:5px;
	list-style-type: square;
}
.liste_revendeurs li {
	margin-left:30px;
	margin-bottom:10px;
	margin-right:10px;
	line-height: 18px;
	float:left;
	}
.liste_revendeurs > li a {   
	text-decoration:underline;
	font-size:12px;
	color: #97bf14;
	}
.liste_revendeurs > li a:hover {   
	text-decoration:underline;
	font-size:12px;
	color: #666666;
	}
#departements {
	margin-left:80px;
	padding-top:3px;
	}

	
/*********************/	
/**  VOS QUESTIONS  **/
/*********************/
.faq {
	background-color:#ffefeb;
	border: 1px solid #97bf14;
	/* Rounder Corner */
	-moz-border-radius: 7px;
    -webkit-border-radius: 7px;
	-khtml-border-radius: 7px;
	overflow: hidden;
	font-size: 13px;
	width: 600px;
	clear: both;
	margin-bottom:10px;
	margin-top:20px;
	margin-left:60px;
	font-weight:bold;
	line-height: 20px;
	padding-left:10px;
	padding-right:8px;
}
.faq dt {
	margin-top:10px;
}
.faq dd {
	font-size: 12px;
	font-weight:normal;
	margin-bottom:10px;
	padding-left:40px;
	line-height: 20px;
}

	
/****************/	
/**  VOS AVIS  **/
/****************/
.avis {
	width:650px;
	background-color:#ffefeb;
	border: 1px solid #97bf14;
	/* Rounder Corner */
	-moz-border-radius: 7px;
    -webkit-border-radius: 7px;
	-khtml-border-radius: 7px;
	padding-top:10px;
	padding-bottom:9px;
	margin-left:50px;
	margin-top:10px;
	margin-bottom:10px;
}

	
/*******************/	
/**  INGREDIENTS  **/
/*******************/	
.illustr_ingredients {
	float:left;
	width:220px;
	height:145px;
	margin-left:30px;
	margin-top:10px;	
	}
.conteneur_ingredients{
	width:365px;
	height:auto;
	margin-bottom:15px;
	float:left;
	}
.photo_ingredients{
	width:140px;
	margin-top:5px;
	margin-bottom:10px;
	padding-left: 15px;
	float:left;
	}
.texte_ingredients{
	width:190px;
	height:115px;
	margin-top:2px;
	margin-bottom:5px;
	padding-left: 15px;
	float:left;
	}
.liste_ingred {
	margin-bottom:10px;
	padding-left: 65px;
	text-align: justify;
	}
.liste_ingred li {
	width:600px;
	margin-left:5px;
	padding-bottom:5px;
	line-height: 17px;
	list-style-type: none;
	vertical-align:top; 
	background: url('../images/puce-grise.png') no-repeat 0 0.25em;
	/* Equivalent à : 
	background-image: url('../images/puce-grise.png');
	background-repeat: no-repeat;
	background-position: 0 0.25em;
	*/
	padding-left: 15px;
	}

	
	
/*******************/	
/**  PARTENAIRES  **/
/*******************/	
.conteneur_partenaires{
	width:720px;
	height:auto;
	margin-top:2px;
	margin-bottom:10px;
	}
.photo_partenaires{
	width:140px;
	margin-top:5px;
	margin-bottom:10px;
	padding-left: 15px;
	float:left;
	}
.texte_partenaires{
	width:545px;
	height:115px;
	margin-top:22px;
	margin-bottom:5px;
	padding-left: 20px;
	float:left;
	}
		
	
/***************/	
/**  CONTACT  **/
/***************/
#contact { 
	width:650px;
	padding:15px 0px 15px 50px; 
	margin:10px 20px 0px 30px;
	color:#ffffff;
	font-weight:bold;
	background-color:#ef8980;
	/* Rounder Corner */
	-moz-border-radius: 7px;
    -webkit-border-radius: 7px;
	-khtml-border-radius: 7px;
	}
#contact  td{ 
	padding-top:8px;
	}
	
/*************/	
/**  PRESSE **/
/*************/
.liste_presse {
	margin-bottom:15px;
	}
.liste_presse li {
	margin-left:100px;
	padding-top:5px;
	line-height: 15px;
	}

	
/**************/	
/**  LE BIO  **/
/**************/	
.illustr_bio {
	float:left;
	width:150px;
	height:105px;
	margin-left:30px;
	margin-top:15px;	
	}
.conteneur_bio{
	width:720px;
	height:auto;
	margin-top:2px;
	}
.photo_bio{
	width:140px;
	margin-top:5px;
	padding-left: 15px;
	float:left;
	}
.texte_bio{
	width:545px;
	height:90px;
	margin-top:22px;
	padding-left: 20px;
	float:left;
	}
	
/**************************/	
/**  FABRIQUE EN FRANCE  **/
/**************************/	
.conteneur_france{
	width:730px;
	height:auto;
	margin-bottom:15px;
	}
.photo_france{
	width:210px;
	margin-top:5px;
	margin-bottom:10px;
	float:left;
	}
.texte_france{
	width:505px;
	margin-top:2px;
	margin-bottom:5px;
	padding-left: 15px;
	float:left;
	}
	
/******************/	
/**  ACTUALITES  **/
/******************/	
.photo_actu{
	clear:both;
	width:235px;
	height:145px;
	margin-top:25px;
	margin-bottom:10px;
	padding-left: 20px;
	float:left;
	}
.texte_actu{
	width:470px;
	margin-top:12px;
	margin-bottom:5px;
	padding-left: 10px;
	float:left;
	}