/* ================================================================================ */
/* = GLOBAL STRUCTURE  = */
/* ================================================================================ */
	#page {text-align: left}
	
	#header, #colA, #tracabilite, 
	.GestionPanier, .GestionPanier img, 
	.promoOffre img, .break, #MeilleursVentes,
	#footer, a.imprim { display: none}
	
	#mainContent { width: 18cm; margin:0}
	
	img.logoPrint { display: block}
	
	body.contenuRecette img.logoPrint {position: absolute; left: 490px; border: 1px #BFCBE3 solid;}
	p.AdresseSite {width: 18cm}

/* ================================================================================ */
/* = Debut du contenu des PAGES INTERNES = */
/* ================================================================================ */
	body#pageSuggestion #colB, 
	body#pageCoorporate #colB { 
		width: 18cm; 
		background: transparent url(/RP_ARGEL_FO/global/medias/bgColBHome.gif) repeat-x 0 0; 
		}
	body#pageProduits #colB { 
		width: 18cm; 
		background: transparent url(/RP_ARGEL_FO/global/medias/bgColBPage.gif) repeat-x 0 0; 
		}
	#colB h1, #colB h2 {
		width: 18cm!important; 
		clear: both;
		color:#001236; font-style: italic;
		font-family: Georgia, times, serif;
		}
	#colB h1 {
		font-size: 1.3em; 
		padding: 0 0 2px 0; margin: 0 0 10px 0;
		border-bottom: 1px #BFCBE3 solid;
		}
	body#pageProduits #colB #Dv_conseil p { width: 550px!important; margin: 10px 0 0 0;}
	
/* ================================================================================ */
/* = IMPRESSION FICHE RECETTES = */
/* ================================================================================ */
	#headerRecette,
	#suggestionUneContent,
	#suggestionRecette,
	.accompagnement, 
	.contentOffre, 
	.offrePanier,
	.MeilleursVentes {width: 18cm!important}
	
	#headerRecette, #ingredientsRecette,
	#suggestionUneContent, #suggestionRecette,
	.contentOffre, .offrePanier,
	.MeilleursVentes { margin:0!important; padding:0!important}
	
	#headerRecette {width: 18cm}
	
	.ingredientPanier {}
	#preparationRecette, #ingredientsRecette {float: left}
	#preparationRecette {width: 150px}
	#ingredientsRecette {width: 450px}
	.ingredientPanier {
		/*width: 200px; float: left;*/
		/*border-top: 1px #ccc solid;*/
		color:#9C2C54!important;
		margin: 0 5px 10px 0!important; padding:5px!important;
		}
	
	#suggestionUneContent h2 {
		border-bottom: 1px #D1D9EA solid;
		margin: 0 0 5px 0!important; padding: 0 0 5px 0!important;
		}
		
	.offrePanier span.articleCdmt, .promoOffre {float: left}
	.promoOffre {margin: 0 0 10px 0!important; padding:0!important}
	.promoOffre p {margin:0!important; padding:0!important; color: #ff9900}
	.offrePanier span.articleCdmt { 
		width: auto!important; font-weight: bold!important;
		padding: 0 10px 0 0!important}
	
	/*= Composition                                                       */
	
	#composition { width: 18cm; border-bottom: 1px #ccc solid; margin: 0 0 10px 0}
	#composition ul { text-align: left; padding: 0 0 0 0}
	#composition ul li { clear: both; margin: 0 0 10px 0; list-style: none!important}
	#composition ul li img { float: left; padding: 0 5px 0 5px}

	/*= Entete de la Recette                                              */
	
	a#Lk_ami {display: none} 
	
	#preparationRecette { 
		padding: 0 0 7px 0!important;
		margin: 0!important;
		}
	#preparationRecette li { 
		display: block;
		list-style:none!important;
		margin:0!important;
		}

	/* Ingredients Recette                                                */
	
	#ingredientsRecette h2 {color: black}
	#ingredientsRecette li {list-style: disc; line-height: 12px}
	
	/*= GestionPanierRecette ---------------------------------------- */
	#GestionPanierRecette { width: 150px}
	
	/* ingredientPanier                                                    */
	.ingredientPanier h2, 
	.ingredientPanier p { 
		margin: 0!important;
		padding: 0 0 0 10px!important;
		}
	.ingredientPanier a { 
		display: block;
		color:#103A5F; 
		text-decoration: none!important;
		font-weight: bold;
		margin: 0 0 5px 0!important;
		}
	.ingredientPanier .GestionPanier {
		margin:0; height:auto; 
		padding: 5px 0 5px 5px;
		}

	/*= Ingredients                                                       */
	
	#ingredients { 
		width: 115px; padding: 5px;
		border-top: 1px #E7EBF4 solid;
		border-bottom: 1px #E7EBF4 solid;
		}
	#ingredients h3, 
	#ingredients h4,
	#ingredients h4 a {float: left}
	
	#ingredients h3 {
		font-size: 1.2em; color:#093350;
		font-style: italic; text-align: left;
		padding: 0 5px 5px 0;
		font-family: Georgia, times, serif; 
		}
	#ingredients h4 a {color: #638EE3; font-size: 0.9em}
	#ingredients ul { padding: 10px 5px 5px 15px; margin:0}
	#ingredients ul li, 
	#ingredients ul li a {list-style: disc; line-height: 1em}
	#ingredients ul li, #ingredientsRecette li {
		font-size: 0.9em;
		margin: 0 0 5px 0; padding:0;
		}
	#ingredients ul li a, #ingredientsRecette li a {font-size: 1em}
	#ingredients .GestionPanier {width: 110px}
	
/* ================================================================================ */
/* = Recette = */
/* ================================================================================ */	
	#recette {
		border-top: 1px #D1D9EA solid;
		clear: both; width: 640px;
		margin-top: 20px;
		padding: 5px 0 0 0!important;
		
		}
	#recette, #recette p {padding: 0}
	#recette p {margin: 0 0 10px 0; clear: both;}
	#recette p img {float: left; padding: 0 10px 10px 0}
	#recette ul {padding: 0; margin: 10px}
	#recette li {list-style: disc; margin: 0 0 0 10px; padding:0; line-height: 1.3em}
	
/* ================================================================================ */
/* = accompagnement = */
/* ================================================================================ */	
	#suggestion_listeSuggestion { display: none!important}
	.accompagnement {
		float: none!important;
		margin: 0 0 15px 0!important; padding: 0 0 15px 0!important;
		}
	.accompagnement, .contentOffre { width: 600px; clear: both}
	
	/*= Gestion de la référence du PRODUIT                                             */
	
	#colB #MeilleursVentes .contentOffre h3 span.ref,
	body.resutatProduits .accompagnement h2 span.ref,
	#colB #MeilleursVentes .offrePanier p span.ref,
	#colB #MeilleursVentes .offrePanier p input {float: left}
	
	body.resutatProduits .accompagnement h2 span.ref,
	.contentOffre h3 span.ref, p span.ref { 
		font-size: 10px; line-height: 1em;
		color:#001236;
		padding:1px;
		margin: 0 5px 0 0;
		}
	.contentOffre h3 span.labelArgel { 
		width: auto!important;
		font-size: 1em; text-align: right;
		color: #33607E;
		padding: 1px 0 0 15px;
		}
	body.resutatProduits .accompagnement h2 span.ref,
	#colB #MeilleursVentes .contentOffre h3 span.ref,
	#colB #MeilleursVentes .offrePanier p span.ref { 
		margin: 0 5px 5px 0!important; 
		}
	#colB #MeilleursVentes .offrePanier p.CocheRef span.ref { margin: 0 5px 0 5px!important;}
	
	/*= Gestion de la coloneB / Bandeau produits / présentation                        */
	
	body#pageProduits #colB #bandeauProduit img { 
		display: block; padding:0; 
		margin: 1px 0 5px 0;
		}
	body#pageProduits #colB #bandeauProduit p { color:#001236; width: 95%;}
	body#pageProduits #colB #bandeauProduit p#Tx_gammeTexte { 
		font-size: 1.3em!important;
		font-family: Georgia, times, serif;
		font-style: italic;
		}
	
	/*= Gestion de la coloneB / fiche  produits                                       */
	
	#contentProduitSelect, #ficheProduit { float:none!important;}
	#contentProduitSelect p { width: 18cm;}
	
	#CadeauConseil { float: right;}
	#ficheProduit div p { width: 18cm; }
	#ficheProduit .labelImages { width: 99%;}
	#ficheProduit .labelImages img { float: left;}
	
	#ficheProduit .descriptif { clear: both!important;}
	
	#ficheProduit h2, 
	#ficheProduit .descriptif h2 {
		width: 18cm;
		border-bottom: 1px #ccc solid;
		color:#002D88; font-style: normal;
		margin: 10px 0 5px 0!important;
		}

/* ================================================================================ */
/* = DEBUT PAGES COORPORATE  = */
/* ================================================================================ */
	
	body#pageCoorporate #colB h1 { border:0; margin: 10px 0 0 0;}
	body#pageCoorporate #colB h2, body#pageCoorporate #colB h3 { margin: 0 0 5px 0; clear: both;}
	body#pageCoorporate #colB h2 {color: #993366; font-size: 1.4em;}
	body#pageCoorporate #colB h3 {color: #638EE3; font-size:1.2em; margin: 5px 0 5px 0;}
	body#pageCoorporate #colB p { margin: 5px 0 10px 0; width: 500px;}
	body#pageCoorporate #colB p a { font-size:1em;}
	body#pageCoorporate #colB a { }
	body#pageCoorporate #colB img { margin: 0 0 5px 0;}
	
	body.evenement #colB p {clear: both}
	body.evenement #colB p img {float: left; padding: 0 10px 5px 0}
	
	body#pageCoorporate #colB ul {margin: 5px 0 0 0 }
	body#pageCoorporate #colB li {list-style: disc; margin: 0 0 0 15px; font-size: 0.9em}
		
	body.pourquoi #colB li { margin: 0 0 5px 15px!important; }
	body.pourquoi #colB li a { font-size: 1em;}

/* ================================================================================ */
/* = .TroisCol = */
/* ================================================================================ */	
	.TroisCol {float:left; width: 160px; padding: 0; margin: 0 5px 0 0;}
	.TroisCol img { padding: 0 0 5px 0;}
	.TroisCol h3, .TroisCol h4 { margin: 0 0 5px 0; padding: 0 10px 0 0;}
	.TroisCol h3, .TroisCol p span /*.TroisCol li*/ {color: #993366 !important;}
	.TroisCol p, .TroisCol li { line-height: 1.2em!important;}
	.TroisCol p span { font-size: 1.2em;}
	.TroisCol li { padding: 0 0 5px 0;}
	.TroisCol h4 {color: #638EE3;}
	.TroisCol p { 
		padding: 0 10px 0 0; 
		width: auto!important;
		/*text-align: justify;*/
		}
	.TroisCol p img { float: right;}
	.TroisCol p.logosLabels img { float: left; border: 1px white solid; margin:0;}
	.TroisCol p strong { color: #001236;}
	
	.TroisCol a { }
	
/* ================================================================================ */
/* = Nos Atouts  = */
/* ================================================================================ */
	
	body.atoutUn #colB h2, 
	body.atoutDeux #colB h2, 
	body.atoutTrois #colB h2 { padding: 0 0 2px 0; margin: 0 0 5px 0;}
	
	body.atoutUn #colB h2, 
	body.atoutUn #colB h3, 
	body.atoutUn #colB li {color:#9485BF!important;}
	body.atoutUn #colB h2 {border-bottom: 1px #9485BF solid;}
	body.atoutUn #colB h4 { color:#FAB63F}
	
	body.atoutDeux #colB h2, 
	body.atoutDeux #colB h3,
	body.atoutDeux #colB li  {color:#753843!important;}
	body.atoutDeux #colB h2 {border-bottom: 1px #753843 solid;}
	body.atoutDeux #colB h4 { color:#EF8045}
	
	body.atoutTrois #colB h2, 
	body.atoutTrois #colB h3,
	body.atoutTrois #colB li  {color:#1F90A0!important;}
	body.atoutTrois #colB h2 { border-bottom: 1px #1F90A0 solid;}
	body.atoutTrois #colB h4 { color:#8781BF}
	
	/* =  Sous navigation / Nos Atouts                                                */
	
	#navAtouts { 
		float: left; 
		margin:0!important; 
		padding:0 0 10px 0;
		}
	#navAtouts li { 
		margin: 0 0 2px 0!important;
		display: inline; 
		list-style: none!important;
		}
	#navAtouts li a { 
		display: block;
		float: left;
		width: 150px;
		padding: 0 0 0 5px; margin: 0 5px 0 0;
		font-size: 1.2em; text-decoration: none;
		}
	#navAtouts li a.atoutlinkUn { 
		color:#9485BF; 
		border-left: 5px #9485BF solid;
		border-bottom: 1px #9485BF solid;
		}
	
	#navAtouts li a.atoutlinkDeux { 
		color:#753843; 
		border-left: 5px #753843 solid;
		border-bottom: 1px #753843 solid;
		}
	#navAtouts li a.atoutlinkTrois { 
		color:#1F90A0; 
		border-left: 5px #1F90A0 solid;
		border-bottom: 1px #1F90A0 solid;
		}
	body.atoutUn #colB ul#navAtouts li a.atoutlinkUn,
	body.atoutDeux #colB ul#navAtouts li a.atoutlinkDeux,
	body.atoutDeux #colB ul#navAtouts li a.atoutlinkTrois {
		color: white;
		border-left: 5px #001236 solid;
		}
		
/* ================================================================================ */
/* = Carte = */
/* ================================================================================ */
	
	#rechercheCarte { padding: 0 0 7px 0; }
	
	#formCarte { width: 168px; margin: 0 5px 0 0;}
	#formCarte p.introCarte { 
		padding: 0 0 7px 0; 
		width: auto!important;
		}
	#formCarte p { 
		margin: 0!important; padding:0!important; 
		}
	#formCarte p img { float: left; padding: 0 5px 0 0;}
	#formCarte p label { width: 99%;}
	#formCarte p input { width: 145px; margin: 0 0 0 5px!important;}
	#formCarte, #carteFlash { float: left; margin: 0 0 10px 0;}
	
	#messageResult {
		padding: 5px; margin: 5px 0 0 0;
		border: 1px #BFCBE4 solid;
		}
	#messageResult p {
		width: auto!important;
		padding: 0 10px 0 12px!important;
		font-size: 0.9em; color: #6398ED;
		background: transparent url(/RP_ARGEL_FO/global/medias/chevrons-blueC.gif) no-repeat 2px 3px;
		}
	
	#carteFlash { width: 315px;}
	#carteFlash p { 
		padding: 0 0 0 40px;
		width: 275px!important; 
		line-height: 1em!important; text-align: center;
		}
	#carteFlash p a {margin: 0 5px 0 0;}
	#carteFlash p span { color:#9C2C54}
	#carteFlash img { display: block;}
	
	/*=rolover carte MAP                                                               */
	
	#Zone1, #Zone2, #Zone3, #Zone4 { 
		position: absolute;
		border: 1px #ccc solid;
		display: none; color: #001236;
		width: 154px; height: 180px;
		margin: 165px 0 0 0;
		padding: 10px;
	
		}
	#Zone1 h3, #Zone2 h3, 
	#Zone3 h3, #Zone4 h3 { 
		font-size: 1.1em!important;
		border-bottom: 1px #7E95C7 solid;
		color: #001236!important;
		font-weight: bold;
		}
	#Zone1 li, #Zone2 li, 
	#Zone3 li, #Zone4 li { 
		font-size:0.8em!important; 
		line-height: 1em;
		list-style: none!important;
		margin:0!important;
		}
	#Zone1 li.ville, #Zone2 li.ville, 
	#Zone3 li.ville, #Zone4 li.ville { 
		font-weight: bold; padding: 0 0 0 7px;
		background: transparent url(/RP_ARGEL_FO/global/medias/itemli.gif) no-repeat 0 2px;
		}

	/*---------------------------------------------------------------------------------*/
	/* =  PARRAINER UN AMI                                                             */
	/*---------------------------------------------------------------------------------*/
	
	#gagner { margin: 5px 0 15px 0;}
	#gagner a { 
		font-size: 1.2em; 
		color: #70143F; padding: 5px 5px 5px 0;
		}
		
/* ================================================================================ */
/* = A VOTRE ECOUTE = */
/* ================================================================================ */	
	#introPage img { display: block; margin:0; padding:0; /*float: right;*/}
	#introPage h2, #introPage h3, #introPage p { } 
		
/* ================================================================================ */
/* = COMMANDE EXPRESS = */
/* ================================================================================ */	
	table.tableCommande { 
		border-collapse: collapse;
		border: 1px #001236 solid;
		width: 500px; margin: 5px 0 10px 0;
		}
	
	body.commande table.tableCommande { width: 95%;} 
	
	table.tableCommande th,
	table.tableCommande td { padding: 3px; border: 1px #001236 solid; }
	table.tableCommande th { 
		font-size: 0.9em; line-height: 1em; color: white; 
		border-right: 1px #001236 solid;
		}
	table.tableCommande td input { width: 99%; height: auto; border: 0; font-size: 1em;}
	table.tableCommande td.codeProd { }
	table.tableCommande td.qteProd { }
	
	#panierRecap p { border-bottom: 1px #BFCBE4 solid; padding: 0 0 5px 0; margin: 0 0 5px 0; }
	#panierRecap span.ref { padding: 2px;}
	#panierRecap span.quantite { color:red; font-weight: bold;}
	
/* ================================================================================ */
/* = POURQUOI DEVENIR CLIENT = */
/* ================================================================================ */
	
	body.pourquoi #colB {font-family: Georgia, times, serif;}
	body.pourquoi #colB h1 { font-weight: bold;}
	body.pourquoi #colB h1.titSnavPourquoi {
		display: block;
		padding: 5px 0 0 0;
		width: 500px; height: 25px;
		text-align: center;
		color: #001236;
		font-size: 1.4em!important;
		}
	
	body.pourquoi #colB a.lienComment { text-align: left!important}
	body.pourquoi #colB h2 {margin: 7px 0 5px 0!important}
	
	body.pourquoi #colB p { clear: both; font-size: 0.9em}
	body.pourquoi #colB p img { float: left; padding: 0 10px 10px 0;}
	body.pourquoi #colB p span { 
		display: block;
		padding: 0 0 10px 0!important; 
		} 
	body.homePourquoi #colB ul#navPourquoi {}
	body.pourquoi #colB ul#navPourquoi li a,
	body.pourquoi #colB a.nousContacter {
		display: block;
		font-size: 1.3em; font-weight: bold;
		font-style: italic;
		}
	body.pourquoi #colB ul#navPourquoi li { 
		list-style: none!important;
		margin: 0 0 5px 0!important;
		padding:0!important;
		border: 1px white solid;
		}
	body.pourquoi #colB ul#navPourquoi li a {
		color: #001236; padding: 0 0 0 30px;
		}
	body.pourquoi #colB a.nousContacter {
		float: right;
		color: white; 
		text-decoration: none;
		padding: 7px 0 0 20px;
		width: 218px; height: 28px;
		}
	body.pourquoi #colB a.lienComment { 
		display: block; 
		margin: 10px 0 0 0!important;
		}
		
	body.pourquoi #colB .content2col { float: left; width: 50%;}
	body.pourquoi #colB .content2col h3 {
		width: 95%;
		font-size: 1.1em; color: #001236!important;
		}
	body.pourquoi #colB .content2col img { 
		margin: 7px 0 0 0!important;
		padding: 0!important;
		}
	p.presenteAssurance span { 
		margin: 15px 0 0 0;
		font-size: 1.3em!important;
		font-weight: bold;
		color:#001236!important;
		}

/* ================================================================================ */
/* = Debut du contenu PRINT de la HOME PAGE = */
/* ================================================================================ */
	
	/* = contentOffre */
	
	.contentOffre h3 { 
		font-size: 1em; font-weight: bold;
		color:#001236; margin: 0 0 5px 0;
		}
	.contentOffre p {color: #466981; padding: 0 0 5px 0}
	.contentOffre p strong {color: #001236}
	.contentOffre span { 
		font-size: 0.9em; color: #001236; 
		font-weight: bold;margin: 7px 0 7px 0;
		}
	.contentOffre ul, #produitSelect ul.infosRecette { margin: 5px 0 5px 0}
	
	/* = produitSelect */
	
	#produitSelect ul.infosRecette {width: 18cm; display: block!important}
	#produitSelect h1 { margin: 10px 0 0 0}