/***************/
/**  GENERAL  **/
/***************/
* { 
	margin:0px;
	padding:0px;
	}
body {
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#ffffff;
	background-color:#3A1C14;
	}
img { 
	border:none 
	}
h1 { 
	padding-top:15px; 
	padding-left:40px;
	font-size:30px;
	color:#ffffff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	}
h2 {
	font-size:18px;
	color:#f08c24;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	}
h3 {
	font-size:16px;
	color:#b2e545;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	}
h4 {
	font-size:18px;
	color:#89599C;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	}
h5 {
	font-size:14px;
	color:#b2e545;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	}
p {
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#ffffff;
	padding:10px 20px 0px 5px;	
	}
.texte-gras {
	font-weight: bold;
	}
.texte-petit {
	font-size:10px;
	}
.texte_orange {
	color:#f08c24;
	}
	
.fond {
	width:920px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	}
.fond_page {
	width:920px;
	height:auto;
	padding-bottom:10px;
	background-color:#6b594c;
	}
.position {
	width:920px;
	font-size:10px;
	}
.position a {		/* lien spécifique à la position */
	text-decoration:underline;
	color:#ffffff;
	font-size:10px;
	}
.position a:hover {		/* lien spécifique à la position */
	text-decoration:underline;
	color:#ffffff;
	font-size:10px;
	}
.texte-large {
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#ffffff;
	padding:20px 80px 20px 25px;	
	}
	
.bandeau_trois_images {		/* pour les bandeau avec 3 images en horizontal */
	width:920px;
	height:105px;
	}
.bandeau_trois_1 {
	width:264px;
	height:90px;
	margin-top:15px;
	margin-left:30px;
	float:left;	
	}
.bandeau_trois_2 {
	width:264px;
	height:90px;
	margin-top:15px;
	margin-left:29px;   
	float:left;	
	}
.bandeau_trois_3 {
	width:264px;
	height:90px;
	margin-top:15px;
	margin-left:29px; 	
	float:left;	
	}
	
.bandeau_quatre_images {		/* pour les bandeau avec 4 images en horizontal */
	clear: both;
	width:920px;
	height:90px;
	}
.bandeau_quatre_images a {		/* caracteristiques des liens des 4 bandeaux gamme (Soif de Fruits ...)*/
	font-weight:bold;
	color:#ffffff;
	text-decoration:none;
	}
.bandeau_quatre_images a:hover {
	font-weight:bold;
	color:#ffffff;
	text-decoration:underline;
	}
.bandeau_quatre_1 {
	width:194px;
	height:90px;
	margin-top:15px;
	margin-left:30px;
	float:left;	
	}	
.bandeau_quatre_1 > p {		/* pour le texte sur l'image du bandeau*/
	margin-top:-8px;
	margin-left:65px;
	position:absolute;
	}	

.bandeau_quatre_2 {
	width:194px;
	height:90px;
	margin-top:15px;
	margin-left:18px;   /* Espace plus petit pour IE6 */
	float:left;	
	}	
.bandeau_quatre_2 > p {		/* pour le texte sur l'image du bandeau*/
	margin-top:-8px;
	margin-left:25px;
	position:absolute;
	}	
	
.bandeau_quatre_3 {
	width:194px;
	height:90px;
	margin-top:15px;
	margin-left:18px;	/* Espace plus petit pour IE6 */
	float:left;	
	}	
.bandeau_quatre_3 > p {		/* pour le texte sur l'image du bandeau*/
	margin-top:-8px;
	margin-left:25px;
	position:absolute;
	}
	
.bandeau_quatre_4 {
	width:194px;
	height:90px;
	margin-top:15px;
	margin-left:18px; 	/* Espace plus petit pour IE6 */
	margin-right:30px;
	float:left;	
	}	
.bandeau_quatre_4 > p {		/* pour le texte sur l'image du bandeau*/
	margin-top:-8px;
	margin-left:25px;
	position:absolute;
	}

.argu_trois_textes {		/* pour les bandeau avec 3 textes en horizontal */
	width:920px;
	height:122px;
	}
.argu_trois_1 {				/* Pour le texte sous les images dans les pages gamme == avec 3 images et textes   */
	clear:both;
	width:264px;
	margin-top:25px;
	margin-left:30px;
	float:left;	
	}
.argu_trois_2 {
	width:264px;
	margin-top:25px;
	margin-left:29px;   
	float:left;	
	}
.argu_trois_3 {
	width:264px;
	margin-top:25px;
	margin-left:29px; 	
	float:left;	
	}
	
.argu_quatre_textes {		/* pour les bandeau avec 3 textes en horizontal */
	clear: both;
	width:920px;
	}	
.argu_quatre_1 {		/* Pour le texte sous les images dans les pages gamme == avec 4 images et textes   */
	width:194px;
	margin-top:25px;
	margin-left:30px;
	float:left;	
	}
.argu_quatre_2 {
	width:194px;
	margin-top:25px;
	margin-left:18px;   /* Espace plus petit pour IE6 */
	float:left;	
	}
.argu_quatre_3 {
	width:194px;
	margin-top:25px;
	margin-left:18px;	/* Espace plus petit pour IE6 */
	float:left;	
	}	
.argu_quatre_4 {
	width:194px;
	margin-top:25px;
	margin-left:18px; 	/* Espace plus petit pour IE6 */
	margin-right:30px;
	float:left;		
	}

.liste_produits {			/* liste des produits de chaque gamme (sur page gamme : Soif de Fruits...)*/
	padding-top:15px;
	margin: 0 auto 0 auto;
	list-style-type: none;
}
.liste_produits li {
	margin-left:10px;
	line-height: 18px;
	}
.liste_produits > li a {   
	text-decoration:none;
	font-size:12px;
	color: #b2e545;
	}
.liste_produits > li a:hover {   
	text-decoration:underline;
	font-size:12px;
	color: #b2e545;
	}
	
.liste_parfums {			/* liste des produits de chaque parfums (sur page ss-gamme : Smoothies...) */
	padding-top:15px;
	margin: 0 auto 0 auto;
	list-style-type: none;
}
.liste_parfums li {
	margin-left:100px;
	line-height: 60px;
	}
.liste_parfums > li a {   
	text-decoration:none;
	font-size:12px;
	color: #b2e545;
	}
.liste_parfums > li a:hover {   
	text-decoration:underline;
	font-size:12px;
	color: #b2e545;
	}

.autre_gamme {   		/* pour presenter les autres gamme sur la page d'une gamme en particulier */
	width:900px;
	height:110px;
	padding:25px 0px 0px 30px;
	clear:both;
	}
	
.photo_produits_vertic {   		/* pour les photos de produits verticales */
	padding-top:40px;
	margin-left:40px;
	float:left;
	}
.description_produits  {   		/* pour les descriptions de produits de chaque fiche-produits */
	float:left;
	width:500px;
	margin:20px auto 10px 40px;
	line-height: 22px;
	}
.description_produits li {   		/* pour la liste des avantages */
	line-height: 18px;
	padding-top:10px;
	list-style-type: none;
	}
.photo_fruits {   		/* pour les photos de fruits sur fiche-produits */
	padding-top:70px;
	float:left;
	}
.ingredients  {   		/* pour les ingrédients de chaque fiche-produits */
	width:400px;
	margin:20px auto 10px 40px;
	padding:20px 0px 10px 20px;
	border:solid thin #F08c24;
	background-color:#3A1C14;
	float:left;
	}
.ingredients li {   		/* pour la liste des ingrédients */
	line-height: 18px;
	padding-top:10px;
	}
.consommation  {   		/* pour la conservation de chaque fiche-produits */
	width:300px;
	margin:20px auto 10px 60px;
	padding:20px 0px 10px 20px;
	border:solid thin #89599C;
	background-color:#3A1C14; 
	float:left;
	}
.consommation > p  {   		/* p specifique  */
	line-height: 18px;
	}
.infos_divers  {   		/* pour la conservation de chaque fiche-produits */
	width:300px;
	margin:8px auto 10px 60px;
	padding:0px 0px 0px 20px;
	float:left;
	}
	
.bandeau_texte  {   		/* pour les pages contenant uniquement du texte; exemple : les pages conseils */
	width:800px;
	margin:10px auto 10px 60px;
	padding:10px 10px 10px 20px;
	line-height: 23px;
	}
.bandeau_texte li  {   		/* pour les listes des pages contenant uniquement du texte */
	margin-left:50px;
	}

/*************/	
/**  LIENS  **/
/*************/
a {
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#b2e545;
	text-decoration:underline;
	font-weight: normal;
	}
a:hover {
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#b2e545;
	text-decoration:underline;
	font-weight: normal;
	}
a:link {
	text-decoration:underline;
	}
a:visited {
	text-decoration:underline;
	}
a:active {
	text-decoration:underline;
	}


/**************/
/**  HEADER  **/
/**************/
#bandeau_haut {
	width:920px;
	height:110px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	background-color:#3A1C14;
	}
#logo_vitabio {
	width:115px;
	height:65px;
	margin-left:30px;
	margin-top:20px;
	}
#menu_droit {
	width:317px;
	height:35px;
	margin-top:20px;
	margin-left:600px;
	position: absolute;
	top:22px;
	white-space:pre;   /* Pour avoir le meme espacement entre les mots que sur le code HTML */
	}
#menu {
	list-style-type: none;
	height:28px;
	width:920px;
	padding-top:15px;
	margin: 0 auto 0 auto;
}
#menu li {
	float:left; /* On met la liste sous forme de ligne avec un float : left.*/
	width:128px;
	margin-left:1px;
	text-align:center;
	}
#menu > li a {   /* Style du lien du menu principal */
	text-decoration:none;
	font-size:14px;
	color: #b2e545;
	}
#menu > li a:hover {   /* Style du lien survolé du menu principal */
	text-decoration:underline;
	font-size:14px;
	color: #b2e545;
	}
	

/**************/	
/**  FOOTER  **/
/**************/
#mangerbouger {
	width:920px;
	height:25px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	background-color:#3A1C14;
	clear:both;
	}
#bandeau_bas {
	width:920px;
	height:142px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	background-color:#3A1C14;
	border-top: solid medium #b2e545;
	border-bottom: solid medium #8b4fb5;
	}
#menu_bas {
	width:300px;
	height:35px;
	margin-top:20px;
	margin-left:100px;
	white-space:pre;
	float:left;
	}
#logo_AB {
	margin-left:800px;
	padding-top:10px;
	}
#footer_bas {
	font-size:10px;
	}
#footer_bas a {
	font-size:10px;
	text-decoration:underline;
	color: #ffffff;
	}
#footer_bas a:hover {
	font-size:10px;
	text-decoration:underline;
	color: #ffffff;
	}
	
	
/************/	
/**  HOME  **/
/************/
#bandeau_flash {
	width:920px;
	height:195px;
	background-color:#6b594c;
	}
	
#bann_princip h3 {			/* h3 spécifique à cette bannière */
	font-size:14px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#58433d;
	font-weight:bold;
	padding-top:10px;
	}
#bann_princip a {			/* lien spécifique à cette bannière */
	color:#58433d;
	font-weight:bold;
	font-size:11px;
	}
#bann_produits {
	width:265px;
	height:130px;
	margin-top:25px;
	background-color:#b2e545;
	padding-left:15px;
	clear:both;
	float:left;	
	}	
#bann_conseils {
	width:265px;
	height:130px;
	margin-top:25px;
	margin-left:40px;
	background-color:#f08c24;
	padding-left:15px;
	float:left;	
	}	
#bann_divers {
	width:265px;
	height:130px;
	margin-top:25px;
	margin-left:40px;
	background-color:#ab6bc5;
	padding-left:15px;
	float:left;
	}
	

/****************/	
/**  PRODUITS  **/
/****************/
#fond_produits {
	width:920px;
	height:1300px;
	background-color:#6b594c;
	}	

.bandeau_gamme_800	{
	width:800px;
	margin:25px auto 0px auto;
	}	
.argu_gamme_800	{
	width:800px;
	margin:25px auto 0px auto;
	padding-left:100px;
	padding-right:60px;
	}
	

/**********************/	
/**  SOIF DE FRUITS  **/
/**********************/
#fond_soif_fruits {
	width:920px;
	height:700px;
	background-color:#6b594c;
	}	

.fond_smoothies {
	width:920px;
	height:780px;
	padding-bottom:10px;
	background-color:#6b594c;
	}	
#fond_smoothies_griotte_poire {
	width:920px;
	height:1060px;
	padding-bottom:10px;
	background-color:#6b594c;
	}
#fond_smoothies_fraise_banane {
	width:920px;
	height:1030px;
	padding-bottom:10px;
	background-color:#6b594c;
	}
			
.fond_jus {
	width:920px;
	height:790px;
	padding-bottom:10px;
	background-color:#6b594c;
	}
.fond_jus_court {
	width:920px;
	height:620px;
	padding-bottom:10px;
	background-color:#6b594c;
	}
#fond_jus_5fruits {
	width:920px;
	height:780px;
	padding-bottom:10px;
	background-color:#6b594c;
	}
	
	
/**************************/	
/**  MON GESTE VITALITE  **/
/**************************/
#fond_geste_vitalite {
	width:920px;
	height:700px;
	background-color:#6b594c;
	}
	
#fond_superfruits {
	width:920px;
	height:820px;
	background-color:#6b594c;
	}	
	
#fond_thevert {
	width:920px;
	height:720px;
	background-color:#6b594c;
	}
	
#fond_cafechicoree {
	width:920px;
	height:760px;
	background-color:#6b594c;
	}


/*********************/	
/**  MATIN PLAISIR  **/
/*********************/
#fond_matin_plaisir {
	width:920px;
	height:680px;
	background-color:#6b594c;
	}	

.fond_delices {
	width:920px;
	height:620px;
	padding-bottom:10px;
	background-color:#6b594c;
	}
	
#fond_ptitdej_cacao {
	width:920px;
	height:700px;
	background-color:#6b594c;
	}
	
	
/***********************/	
/**  PAUSE GOURMANDE  **/
/***********************/
#fond_pause_gourmande {
	width:920px;
	height:760px;
	background-color:#6b594c;
	}

#fond_biscuits_chocolat {
	width:920px;
	height:840px;
	background-color:#6b594c;
	}	
	
.fond_barres {
	width:920px;
	height:880px;
	background-color:#6b594c;
	}
	
#fond_barres_abricot {
	width:920px;
	height:860px;
	background-color:#6b594c;
	}

#fond_barres_cranberry {
	width:920px;
	height:950px;
	background-color:#6b594c;
	}	
#fond_desserts {
	width:920px;
	height:600px;
	background-color:#6b594c;
	}

	
/****************/	
/**  CONSEILS  **/
/****************/
#fond_conseils {
	width:920px;
	height:350px;
	background-color:#6b594c;
	}
	

/****************/	
/**  RECETTES  **/
/****************/	
.fond_recettes {
	width:920px;
	height:auto;
	background-color:#6b594c;
	}
.conteneur_recette	{		/* Astuce pour avoir fond marron pour toute la page */
	clear: both;
	width:920px;
	height:auto;
	}
.bandeau_recettes  {   		
	float:left;
	width:500px;
	margin:10px auto 10px 60px;
	padding:10px 10px 10px 20px;
	line-height: 23px;
	}	
.description_recettes  {   		/* pour les descriptions de recettes */
	float:left;
	width:500px;
	margin:15px auto 40px 40px;
	line-height: 22px;
	}
.photo_recettes {   		/* pour les photos de fruits sur recettes */
	padding-top:50px;
	float:left;
	margin:0 auto 40px 40px;
	}
.ingredients_recettes {   		/* pour les ingrédients de chaque recettes*/
	width:400px;
	margin:10px auto 10px 40px;
	padding:10px 0px 10px 20px;
	border:solid thin #F08c24;
	background-color:#3A1C14;
	float:left;
	}
.ingredients_recettes  ul{   		/* pour les ingrédients de chaque recettes*/
	margin-left:20px;
	margin-top:5px;
	}
.ingredients_recettes  li{   		/* pour les ingrédients de chaque recettes*/
	padding:5px 0px 0px 5px;
	}
.recette	{
	width:700px;
	height:auto;
	margin:10px auto 10px auto;
	padding:20px 10px 10px 20px;
	border:solid thin #89599C;
	background-color:#3A1C14; 
	clear: both;
	line-height: 22px;
	}
	
	
/*******************/	
/**  MON VITABIO  **/
/*******************/
.fond_mon_vitabio {
	width:920px;
	height:auto;
	background-color:#6b594c;
	}	

/***********************/	
/**  ESPACE FIDELITE  **/
/***********************/
.espace-fid {   		
	width:850px;
	height:550px;
	padding:20px 0px 0px 30px;
	clear:both;
	}
	
	

/***********************/	
/**  POINTS DE VENTE  **/
/***********************/
#revendeurs {
	margin:0px 0px 0px 60px;
	padding-top:20px;
	line-height:20px;
	}	
	
#revendeurs li {
	margin-left:20px;
	}

/************/	
/**  NEWS  **/
/************/
.fond_news {
	width:920px;
	height:600px;
	background-color:#6b594c;
	}
.img_news {
	margin:0px 20px 0px 20px;
	padding-top:10px;
	float:left;
	}	
	
.news {
	float:left;
	width:500px;
	text-align: justify;
	}

/****************/	
/**  CONCOURS  **/
/****************/
#fond_concours {
	width:920px;
	height:480px;
	background-color:#6b594c;
	}	
.concours  {   		/* pour la page concours */
	float:left;
	width:500px;
	margin:20px auto 10px 40px;
	line-height: 22px;
	}
.img_concours {   		/* pour les images des concours */
	padding-top:30px;
	float:left;
	}