/* ================================================================================ */
/* = Global site = */
/* ================================================================================ */

	body {
		font-size: 80%;
		font-family: 'Trebuchet MS', Verdana,  Arial, Geneva, Helvetica, sans-serif;
		margin: 0;padding: 0;
		text-align: center;
		background-color: white;
		}
	ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,
	blockquote,fieldset,input,img,legend {margin: 0; padding: 0;}

	h1,h2,h3,h4,h5,h6 {font-size: 1em; font-weight: normal; margin: 0; padding: 0;}
	img { display: block}
	em {font-style: normal}
	ul, ol {list-style: none}
	li {color: #18415E}
	span.hide {display: none}
	.break {clear: both}
	p, a { font-size: 0.9em}
	p { color: #18415E; line-height:1.2em}
	a { color: #9c2c54; text-decoration: underline}
	a:hover { color:black}
	
/* ================================================================================ */
/* = GLOBAL STRUCTURE = */
/* ================================================================================ */
	#page {
		width: 780px;
		margin: 0 auto;
		position: relative;
		text-align: left;
		background: transparent url(/RP_ARGEL_FO/global/medias/bgPage.gif) repeat-y;
	    }
	#header, #MenuGlobal, #mainContent, #footer { width:770px; margin: 0 0 0 5px; }
	
	#mainContent {
		background: transparent url(/RP_ARGEL_FO/global/medias/bgMainHome.gif) repeat-y;
		border-bottom: 1px #D5DDED solid;
		}
	body#pageProduits #mainContent {
		background: transparent url(/RP_ARGEL_FO/global/medias/bgMainPageProduit.gif) repeat-y}
	body#pageSuggestion #mainContent,
	body#pageCoorporate #mainContent {
		background: transparent url(/RP_ARGEL_FO/global/medias/bgMainHome.gif) repeat-y}
		
	#colA { font-family: Georgia, times, serif}
	#colA a { color: #7F97C7}
	
/* ================================================================================ */
/* = PAGE NEUTRE CLIENT = */
/* ================================================================================ */
	
	body#pageNeutre {}
	body#pageNeutre #page {}
	body#pageNeutre #header { 
		height: 100px!important;
		background: transparent url(/RP_ARGEL_FO/global/medias/bgHeaderNeutre.jpg) no-repeat 0 0;
		}
	body#pageNeutre #page #mainContent {
		width: 750px; padding: 10px;
		background-image:none!important;
		}
	
	
/* ================================================================================ */
/* = POPUP = */
/* ================================================================================ */
	body#popupPage, 
	body#popupPage #page { background-image: none}
	body#popupPage { background-color: #EFF7FF}
	#popup {text-align: left; padding: 3px}
	#popup img { border: 1px #ccc solid}
	#popup h1, #popup h2 {
		margin: 0 0 5px 0;
		font-style: italic;
		font-family: Georgia, times, serif;
		}
	#popup h1 {width: 425px!important;color:#001236; font-size: 1.3em}
	#popup h2 {clear: both;color:#993366; font-size: 1em}
	#popup h3 {font-size: 1em}
	#popup h2 span { 
		display: block;
		text-align: center;
		width: 75px;
		color: red; font-size: 1em;
		padding: 1px; margin: 5px 0 0 0;
		background-color: #FFDE00; 
		}
	#popup h2 span.libelCDX {}
	.blocCadeau { 
		float: left; 
		width: 200px; 
		margin: 0 0 10px 0;}
	
/* ================================================================================ */
/* =  HEADER = */
/* ================================================================================ */

	#header { 
		height: 165px;
		background: transparent url(/RP_ARGEL_FO/global/medias/bgHeaderPrintemps.jpg) no-repeat 0 0;
		}
	/*.hivers {
		background: transparent url(/RP_ARGEL_FO/global/medias/bgHeaderHivers.gif) no-repeat 0 0;
		}*/
	#header ul li { display: inline; }
	#header ul li a { 
		font-size: 0.8em; 
		font-weight: bold;
		text-decoration: none; 
		}
	#header ul li a:hover { 
		color:#9C2C54; 
		text-decoration: underline; 
		}
	#header img.logo { 
		position: absolute; 
		left:615px; top: 0;
		}
	img.logoPrint { display: none;}
	p.AdresseSite { display: none;}
	#menuGlobal {
		height: 64px;
		background: transparent url(/RP_ARGEL_FO/global/medias/bgHeaderMG.gif) no-repeat 0 0;
		}
	#header a.panier {
		font-family: Georgia, times, serif;
		position: absolute;
		top: 140px; left: 650px;
		font-style: italic;
		}
	#MenuClient li a, #MenuProduits li a { color:#083353;}
	
	/* =  Menu Cooporate                                                              */
	
	#MenuCoorporate { 
		width: 500px; height: 65px;
		margin: 0 0 0 250px;
		padding: 35px 0 0 0;
		}
	#MenuCoorporate li a { color:#7E96C7; margin: 0 5px 0 0;}
	
	/* =  Menu Client                                                                  */

	#MenuClient { height: 19px; padding: 5px 0 5px 15px; }
	#MenuClient li a {margin: 0 15px 0 0;}
	
	/* =  Menu Produits                                                                */

	#MenuProduits {height: 22px; padding: 8px 0 5px 15px;}
	#MenuProduits li a {margin: 0 15px 0 0;}
	
/* ================================================================================ */
/* = Gestion du Layer PANIER  = */
/* ================================================================================ */
	
	#afficheClient1 { 
		z-index: 1000;
		display: none;
		position: absolute;
		width: 300px;
		top: 165px; left: 475px;
		background-color: #A0E1DF;
		}
		
	#afficheClient1 p.fermer,
	#afficheClient2 p.fermer { cursor: pointer; text-decoration: underline;}
	
	#afficheClient1 p { 
		float: left; width: 288px; 
		padding: 5px; 
		border-right: 1px #558090 solid;
		border-left: 1px #558090 solid;
		}
	#afficheClient1 p.totalPanier { background-color: #E2EBA8;}
	#afficheClient1 p.totalPanier span.total { width: 170px;}
	
	#afficheClient1 p span.ref { background-color:#FFDE00; margin: 0 5px 0 5px;}
	#afficheClient1 p span.prodPanier { width: 125px;}
	#afficheClient1 p span.prixProduit { width: 75px; text-align: right; }
	
	#afficheClient1 p input, #afficheClient1 span, #afficheClient1 a { float: left;}
	#afficheClient1 p a img { border:0!important;}
	#afficheClient1 p a.suprimerPanier { margin: 0 0 0 5px;}
	#afficheClient1 p input { 
		width: 10px; 
		text-align: center;
		font-size: 0.8em;
		background-color: #A0E1DF; 
		border:0!important;
		}
	#afficheClient1 p input.pannierQuantitePlus { color: red; font-weight: bold;}
	#afficheClient1 p a.terminer { 
		display: block; width: 95%; font-size: 11px; text-align: right;
		}
	#afficheClient1 p#pannierMessage { font-style: italic; font-size: 0.8em;}

/* ================================================================================ */
/* = Gestion du Layer Identification = */
/* ================================================================================ */

	#afficheClient2 { 
		z-index: 1000;
		display: none;
		position: absolute; width: 200px;
		top: 128px; left: 350px;
		background-color: #A0E1DF;
	}
	#afficheClient2 p { 
		float: left; width: 188px; 
		padding: 5px; 
		border-right: 1px #558090 solid;
		border-left: 1px #558090 solid;
		}
	#afficheClient2 p label,
	#afficheClient2 p input { float: left; font-size: 0.9em;}
	#afficheClient2 p label { width: 75px;}
	#afficheClient2 p input { border:0; width: 100px;}
	#afficheClient2 p input.ok { width: auto!important; background-color: #6398ED; float: right; color: white;}

/* ================================================================================ */
/* =  Debut du contenu de la HOME PAGE = */
/* ================================================================================ */

	body#home #colA, 
	body#pageSuggestion #colA,
	body#pageCoorporate #colA { 
		width: 210px; 
		background-color: #001236;
		}
	body#home #colB {
		width: 500px; 
		background: transparent url(/RP_ARGEL_FO/global/medias/bgColBHome.gif) repeat-x 0 0; 
		} 
	
	body#home #colB form { border: 1px #DAF0FF solid!important;}	
	body#home #identificationSite form#formIdentificationSite fieldset { }
	body#home #identificationSite #Dv_identification p { width: 450px!important;}
	
	
	/* = modifs accueil identification site / 28 mars 2007 */
	body#home #identificationSite p.introSite,
	body#home #identificationSite p.messageCommune { 
		font-size: 1em!important; 
		padding: 5px 0 5px 0;
		font-style: italic;
		font-family: Georgia, times, serif;body#pageContenu #colC #SelectionConcerts
		}
	 
	body#home #identificationSite p span,
	body#home #identificationSite p label.labelIden,
	body#home #identificationSite p.messageCommune,
	body#home #identificationSite p select { color: #993366!important;}
	body#home #identificationSite p.messageCommune { padding: 5px;}
	body#home #identificationSite p span { 
		font-size: 1.1em;
		padding: 5px 0 5px 5px!important;
		font-style: italic;
		font-family: Georgia, times, serif;
		}
	
	body#home #identificationSite p select {
		background-color: #D8E9F6;
		border: 1px #A9B9DA solid;
		font-size: 0.9em;
		width: 300px;
		}
		
	body#home #identificationSite p label.labelIden { 
		background: transparent url(/global/medias/chevrons-violetLabel.gif) no-repeat 0 3px!important;
		}
	
	body#home #identificationSite input.visiteArgel {
		width:auto!important; 
		color: #fff; border: 0!important;
		float: right; margin: 0 10px 0 0;
		background-color: #993366!important;
		}
	body#home #identificationSite p a {font-size: 1em!important;}
	
/* ================================================================================ */
/* =  MAINCONTENT HOME / colone A = */
/* ================================================================================ */

	/* =  ColoneA HOME / bloc de recherche */
	
	#colA #recherche { margin: 0 0 10px 0;}
	#colA #recherche h2 { color:#BECBE4!important; }
	#colA #recherche form input { 
		float: left; border:0; 
		width: 150px;
		font-size: 0.9em; 
		margin: 2px 0 0 0; padding: 2px;
		}
	#colA #recherche form input.okRecherche { 
		width: auto; margin : 0 0 0 10px;
		}
	#colA #recherche span { 
		font-family: 'Trebuchet MS', Verdana, Arial, Geneva, Helvetica, sans-serif;
		display: block; clear: both;
		font-size: 0.75em; color: #C0CBE2;
		}
	
	/* =  ColoneA HOME                                                                  */
	
	#colA h1, #colA h2 {
		color:#BECBE4; 
		margin: 0 0 5px 0; 
		font-style: italic;
		}
	#colA h1 { font-size: 1.5em; }
	#colA #NosRecettes h1 { font-size: 1.2em;}
	#colA h2 { font-size: 1em; color: white;}
		
	/* =  ColoneA HOME / Gamme produits                                                 */
	
	body#home #colA #GammeProduits { border-bottom: 5px #7F97C7 solid; }
	#colA #GammeProduits p { 
		float: left; width: 60px;
		padding: 0 10px 5px 0;
		}
	#colA #GammeProduits p a img { 
		display:block; 
		border:0!important; margin:0!important; padding:0!important;
		}
	#colA #GammeProduits a { 
		display: block;
		padding: 5px 0 0 0;
		color:#BECBE4; font-size: 1em; 
		line-height: 0.9em!important;
		text-decoration: none;
		font-family: 'Trebuchet MS', Verdana,  Arial, Geneva, Helvetica, sans-serif;
		}
		
	/* =  ColoneA HOME / Nos recettes                                                   */
	
	body#home #colA #NosRecettes { 
		font-family: 'Trebuchet MS', Verdana,  Arial, Geneva, Helvetica, sans-serif;
		margin: 10px 0 0 0; padding:0; border:0;
		}
	#colA #NosRecettes, #colB #NosRecettes { 
		width: 90%; 
		margin: 0 0 0 10px; 
		padding: 10px 0 0 0; 
		}
	#colA #NosRecettes {border-top: 3px #7F97C7 solid;}
	#colA #NosRecettes img { margin: 5px 0 10px 0;}
	#colA #NosRecettes h1, #colA #NosRecettes p { color:#9DD9D6!important}
	#colA #NosRecettes a { 
		font-size: 1em;
		font-style: italic;
		font-family: Georgia, times, serif;
		}
	#colA #NosRecettes a#Lk_rechercheRecette {
		display: block;
		font-size: 1.3em!important;
		color:#BECBE4;
		padding: 0 0 7px 0!important;
		}
	#colA #NosRecettes h1 { padding:0!important;}
	#NosRecettes p { margin: 0 0 10px 0;}
	
/* ================================================================================ */
/* = MAINCONTENT HOME / colone B = */
/* ================================================================================ */

	/* =  ColoneB HOME / global */
	
	body#home #colB h1, 
	body#home #colB h2 {
		color:#001236; 
		font-style: italic;
		font-family: Georgia, times, serif;
		}
	body#home #colB h1 { font-size: 1.7em;}
	body#home #colB h2 {}
	
	body#home #colB p { color:#001236;}
	body#home #suggestions {
		width: 478px;
		margin:0; padding: 0 10px 0 10px;
		border-left: 1px #CFD8EA solid;
		border-right: 1px #CFD8EA solid;
		background: #D8EFFF url(/RP_ARGEL_FO/global/medias/bgContentSuggestion.gif) repeat-x 0 0;
		}
	/* =  ColoneB HOME / suggestions de notre chef */
	body#home #suggestionsContenu {float: left; width: 305px}
	
	/*= Gestion dynamique titre / visuels */

	body#home #suggestionsContenu h2 { 
		font-size: 1.3em; 
		font-family: 'Georgia', times, serif;
		padding: 7px 0 7px 50px; margin: 0;
		}
	body#home #suggestionsContenu h3 { 
		color:#001236;
		font-size: 1.2em;
		font-weight: bold;
		font-style: italic;
		margin: 5px 0 5px 0;
		}
	body#home #suggestionsContenu img {
		display: block; 
		margin:0 0 0.2em 0;
		}
	body#home #suggestionsContenu #deco1 {
		position: absolute; top: 0; left: 0;
		width: 50px; height: 50px;
		background: transparent url(/RP_ARGEL_FO/global/medias/itemToqueH2.png) no-repeat 0 0;
		}
	body#home #suggestionsContenu p { 
		float: left; width: 48%; 
		margin: 0 0 5px 0;
		}
	body#home #suggestionsContenu p span {}
	body#home #suggestionsContenu p a {}
	p#Lb_suggestion1Texte {/* width: 475px!important*/}
	p#Lb_suggestion2, p#Lb_suggestion3 { }
	p#Lb_suggestion2 {margin: 0 10px 0 0!important}
	
	body#home #suggestionsContenu p a,
	body#home #suggestionsContenu p span {display: block}
	body#home #suggestionsContenu a {
		font-size: 0.9em; 
		font-weight: bold;
		}
	body#home #suggestionsContenu p span {
		font-weight: bold; color:#001236;
		font-style: italic
		}
	body#home #suggestionsContenu #introSuggestion p { width: 100%}
	
	/* =  ColoneB HOME / gestion de l’évènement                                       */
	
	body#home #suggestionsEvenement { 
		float: left; width: 165px;
		margin: 0 0 0 5px;
		}
	body#home #suggestionsEvenement h2,
	body#home #suggestionsEvenement h4,
	body#home #suggestionsEvenement p {color:#001236}
	body#home #suggestionsEvenement h2 {
		font-size: 1.18em; font-weight: bold;
		padding: 0.5em 0.5em 0 0.3em; 
		font-family: 'Trebuchet MS', Verdana,  Arial, Geneva, Helvetica, sans-serif;
		}
	body#home #suggestionsEvenement h3 {
		font-family: 'Georgia', times, serif;
		width: 105px; font-style:italic;
		padding: 15px 5px 7px 50px;
		font-size: 0.9em; font-weight: bold;
		color: #9C2C54!important;
		background: transparent url(/RP_ARGEL_FO/global/medias/imgActuTitre.gif) no-repeat 0 0;
		}
	body#home #suggestionsEvenement p {padding:0.5em 0.5em 0.5em 0.5em}
	p#Lb_evenementAccroche {padding: 0 0 0 0.5em!important}
	body#home #suggestionsEvenement p a {display: block; font-size:1em}
	a#Lk_catalogue img#Im_catalogue {padding: 0 0 0 5px;}
		
	/*= Gestion des offres / colone B Home                                             */
	
	#offresSpeciales { padding: 10px 0 0 0;}
	#offresSpeciales h1 { font-size: 1.3em!important; }
	#offresSpeciales h1 span { 
		display: block; 
		font-style: normal;
		font-family: 'Trebuchet MS', Verdana,  Arial, Geneva, Helvetica, sans-serif;
		font-size: 0.75em!important; 
		color: #0B395D;
		}
	#offresSpeciales a.autresOffres { 
		position:absolute;
		width: 500px;
		text-align: right;
		}
	.offre { 
		padding: 0 0 10px 0; 
		margin: 5px 0 5px 0;
		}
	.visuelOffre, .contentOffre { float: left;}
	
	/*= Gestion du visuel de l’offre / colone B Home                                   */
	
	.visuelOffre { padding: 0 10px 0 0; }
	.visuelOffre img.mentionOffre {
		position: absolute;
		margin: 0 0 0 105px;
		}
	
	/*= Gestion du contenu de l’offre / colone B                                      */
	
	.contentOffre {width: 60%;}
	.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;}
	
	.contentOffre ul li, 
	#produitSelect ul.infosRecette li {
		display: inline; float: left;
		font-size:11px; color:#9B4337; 
		padding: 0 5px 2px 2px;
		}
	.contentOffre ul li img, 
	#produitSelect ul.infosRecette li img { 
		float:left; 
		margin:0; padding:0; 
		}
		
/* ================================================================================ */
/* = Gestion du panier de l’offre / colone B Home  = */
/* ================================================================================ */
	
	/* = 25 janvier 2007       */
	
	.offrePanier {}
	.offrePanier a { border:0;}
	.GestionPanier, 
	.promoOffre,
	.promoOffreRubPromo, 
	.promoOffreRubNouveau,
	.promoOffreRubCadeau,
	.promoOffreRubOperation,
	span.articleCdmt { float: left;}
	
	.promoOffreRubPromo, 
	.promoOffreRubNouveau,
	.promoOffreRubCadeau,
	.promoOffreRubOperation {margin: 0 0 0 7px;}
	
	.promoOffreRubPromo { background-color: #FFCC33;}
	.promoOffreRubNouveau {background-color: #9E0274; /*background-color: #6B0A34;*/}
	.promoOffreRubCadeau {background-color: #FF0000;}
	.promoOffreRubOperation {
		/*background-color: #7D97C7;*/
		background-color: #3366CC;
		}
	
	.promoOffreRubPromo p,
	.promoOffreRubNouveau p,
	.promoOffreRubCadeau p,
	.promoOffreRubOperation p {padding: 5px;}
	
	.promoOffreRubPromo p,
	.promoOffreRubPromo p span { color: black!important;}
	.promoOffreRubNouveau p,
	.promoOffreRubNouveau p span {color: white!important;}
	.promoOffreRubCadeau p,
	.promoOffreRubCadeau p span {color: white!important;}
	.promoOffreRubOperation p,
	.promoOffreRubOperation p span {color: white!important;}
	
	.promoOffreRubPromo p span {color: red!important}
	.promoOffreRubNouveau p span { color: #fff!important;/*color: #7F97C7!important*/}
	.promoOffreRubCadeau p span {color: yellow!important}
		
	p.txtBlocPrix {
		float: left;
		color: #3366CC!important;
		/*color: #7D97C7!important; */
		padding: 4px 0 0 0;
		font-style: italic;
		margin: 0 0 0 10px!important;
		}
		
	.package { 
		color: #000!important; padding: 0 5px 0 5px;
		font-size: 0.9em; font-style: italic;
		}
	.visuelPromo, .visuelCadeau, .visuelNouveau { float: left;}
	
	/*= GESTION DU PANIER                          */
	
	.GestionPanier { 
		width: 177px; height: 14px;
		padding: 8px 0 5px 5px;
		background: transparent url(/RP_ARGEL_FO/global/medias/bgNavPanierOffre.gif) no-repeat 0 0;
		}
	.GestionPanier a img, 
	.GestionPanier p,
	.GestionPanier input, 
	.GestionPanier span { float: left;}
	.GestionPanier input {
		width: 15px;
		font-size: 0.8em;
		text-align: center;
		border:0; margin:0; padding:0;
		background-color:#A0E1DF
		}
	
	.GestionPanier a img { display: block; border:0; height: 11px; width:11px;}
	.GestionPanier p.quantite {}
	.GestionPanier span { 
		font-size: 0.8em; color: #001236; 
		margin: 0 0 0 50px;
		}
	
	/*= Gestion de la promotion de l’offre / colone B Home                             */
	
	.promoOffre, span.articleCdmt {margin: 4px 0 0 10px;}
	.promoOffre {
		height: 20px;
		background: #FF843D url(/RP_ARGEL_FO/global/medias/leftBlocPromoOffre.gif) no-repeat 0 0;
		}
	.promoOffre p, 
	.promoOffre img,
	.promoOffreRubPromo p, 
	.promoOffreRubNouveau p,
	.promoOffreRubCadeau p,
	.promoOffreRubOperation p,
	.promoOffreRubPromo img, 
	.promoOffreRubNouveau img,
	.promoOffreRubCadeau img,
	.promoOffreRubOperation img { float:left;}
	
	.promoOffre p { color: white!important; padding: 3px 0 0 5px;}
	.promoOffre p span { color:#111A36;}

	.offrePanier span.articleCdmt {margin: 5px 10px 0 0;}
	span.articleCdmt { 
		font-size: 0.8em;
		/*background-color: #CCD5DC;*/
		border: 1px #CCC solid;
		padding: 3px;
		}

/* ================================================================================ */
/* = Debut du contenu des PAGES INTERNES  = */
/* ================================================================================ */

	#colA, #colB { float: left; padding: 15px; }
	body#pageProduits #colA { width: 185px; padding: 10px 0 0 0;}
	
	body#pageSuggestion #colB, 
	body#pageCoorporate #colB { 
		width: 500px;
		background: transparent url(/RP_ARGEL_FO/global/medias/bgColBHome.gif) repeat-x 0 0; 
		}
	body#pageProduits #colB { 
		width: 555px; padding: 15px; 
		background: transparent url(/RP_ARGEL_FO/global/medias/bgColBPage.gif) repeat-x 0 0; 
		}

	body#pageProduits #colA h1 { padding: 0 0 0 10px;}

	#colB h1, #colB h2 {
		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;}
	
	/*= Gestion de la coloneA / RECHERCHE                                              */
	
	body#pageProduits #recherche h2 { text-align: left!important;}
	body#pageProduits #recherche { padding: 10px;}
	body#pageProduits #recherche input { width: 110px}
	
	/*= Gestion de la coloneA / MENU GLOBAL PRODUITS                                   */

	#MenuGlobalProduits li {
		font-family: 'Trebuchet MS', Verdana,  Arial, Geneva, Helvetica, sans-serif;
		}
	#MenuGlobalProduits li.tous a { 
		font-weight: normal;
		padding: 5px 5px 5px 10px; 
		color :white;
		background-color: #72A3A8;
		}
	#MenuGlobalProduits li {
		padding:0; margin:0;
		border-bottom: 1px #172F4D solid;
		}
	#MenuGlobalProduits li a { 
		display: block;
		padding: 2px 5px 2px 10px;
		color: white; text-decoration: none;
		}
	#MenuGlobalProduits li a:hover { 
		color:#001236;
		background-color:#BFCBE3;
		}
		
	ul.niv2, ul.niv3, ul.niv4 { /*display: none;*/}
	
	#MenuGlobalProduits ul.niv2 li.n2 a {
		border-left: 5px #BFCBE3 solid;
		background-color: #2E5D8C;
		}
	#MenuGlobalProduits ul.niv3 li.n3 a {
		border-left: 5px #213D59 solid!important;
		background-color:#7D97C7!important;
		}
	#MenuGlobalProduits ul.niv4 li.n4 a {
		border-left: 5px #478098 solid;
		background-color: #84ADC2;
		}
	#MenuGlobalProduits ul.niv2 li.n2 a:hover {
		border-left: 5px #001236 solid;
		background-color: #BAD1E3;
		}
	
	#MenuGlobalProduits li.n1Select a,
	#MenuGlobalProduits li.n2Select a,
	#MenuGlobalProduits li.n3Select a,
	#MenuGlobalProduits li.n4Select a,
	#MenuGlobalProduits li.n5Select a {
		color: #001236; 
		border-left: 5px #213D59 solid!important;
		background-color: #fff!important;
		}
	
/* ================================================================================ */
/* = Gestion de la coloneB / TRACABILITÉ  = */
/* ================================================================================ */

	#tracabilite {
		/*width: 550px; height: 20px; 
		overflow: hidden;
		background-color: white;*/ 
		border-bottom: 1px white solid;
		}
	#tracabilite img, #tracabilite ul {}
	#tracabilite img {}
	#tracabilite ul {
		margin: 0; padding: 1px 0 0 2px;
		background-color: white;
		}
	#tracabilite ul li { 
		display: inline;
		margin: 0 0 0 3px!important; 
		padding:0!important;
		}
	#tracabilite ul li a {
		color:#001236; 
		font-size: 10px; text-decoration: none;
		margin: 0 0 0 0;
		padding: 5px 0 7px 10px;
		background: transparent url(/RP_ARGEL_FO/global/medias/chevronsTraca.gif) no-repeat 0 8px;
		}
	#tracabilite ul li a:hover {
		color: #9C2C54;
		text-decoration: underline;
		}
	
/* ================================================================================ */
/* = 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;}
	
	body.resutatProduits .accompagnement h2 a { text-align: left!important;}
	
	/*= Gestion de la coloneB / Bandeau produits / présentation                        */
	
	body#pageProduits #colB #bandeauProduit {}
	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 / Nos meilleurs ventes                                   */
	
	#colB #MeilleursVentes h1 { 
		font-size: 1.3em; 
		padding: 0 0 2px 0; margin: 0 0 5px 0;
		border-bottom: 1px #BFCBE3 solid;
		}
	#colB #MeilleursVentes .offre { float: left; width: 180px; padding: 0 5px 0 0;}
	#colB #MeilleursVentes .contentOffre {width: 95%; ;}
	#colB #MeilleursVentes .contentOffre img { clear:both; margin: 0 0 5px 0;}
	#colB #MeilleursVentes .contentOffre h3 { line-height: 0.9em;}
	
	#colB #MeilleursVentes .offrePanier p.CocheRef { 
		float: left; 
		width: 100%; margin: 5px 0 0 0;
		}
	#colB #MeilleursVentes .GestionPanier {width: 175px; }
	#colB #MeilleursVentes .promoOffre { margin: 5px 0 0 0}
	
	/*= Gestion de la coloneB / suggestions du chef                                   */
	
	#suggestionUne {
		margin: 10px 0 0 0;
		background: transparent url(/RP_ARGEL_FO/global/medias/tocheSuggestion.gif) no-repeat 0 0;
		}
	#suggestionUneContent { width: 400px; margin: 0 0 0 75px;}
	#suggestionUneContent h1 { font-size: 1.3em;}
	
	/*= Gestion de la coloneB / produit sélectionné                                    */
	
	#produitSelect { margin: 10px 0 10px 0;}
	#produitSelect h1 {
		width: 500px;
		font-style: normal!important; font-size: 1.3em;
		font-family: 'Trebuchet MS', Verdana,  Arial, Geneva, Helvetica, sans-serif;
		}
		
	#produitSelect h1 span.ref {color: #001236!important;}
	#produitSelect h1 span {
		font-size: 10px; line-height: 1em; 
		color: #FF0072; 
		padding: 3px; margin: 0 5px 0 0;
		}
	#produitSelect h1 span.labelArgel { 
		width: auto!important;
		font-size: 1em; text-align: right;
		color: #33607E;
		padding: 1px 0 0 15px;
		}
	#produitSelect span.labelArgel { 
		position: absolute; 
		width: 550px;
		font-weight: bold;
		font-size: 1.2em; text-align: right;
		color: #0B395D;
		}
	#contentProduitSelect .promoOffre, 
	#contentProduitSelect .GestionPanier,
	#contentProduitSelect #Lb_articleTarifKilo { float: right; }
	#contentProduitSelect .promoOffre { 
		display: block;
		margin: 4px 0 0 0!important; 
		}
	
	#contentProduitSelect .promoOffre p { padding: 2px 0 0 5px!important;}
	
	#produitSelect #visuelProduitSelect,
	#produitSelect #contentProduitSelect { float: left;}
	
	#contentProduitSelect { width: 100%;}
	#contentProduitSelect p { padding: 0 0 10px 0;}
	#contentProduitSelect p span.promo {color: red;}

	#contentProduitSelect img.leProduit { float: left; padding: 3px 10px 0 0;}
	
	/*#contentProduitSelect #Lb_articleTarifKilo { margin: 0 10px 0 0;}*/
	
	/* = offre panier */
	
	body#pageProduits #contentProduitSelect .promoOffre { 
		margin: 4px 0 0 5px!important;
		}
	
/* ================================================================================ */
/* = Focus #contentProduitSelect / type offre / Promo / Cadeau / Nouveau / Opérations = */
/* ================================================================================ */
	body#pageProduits #contentProduitSelect .ProduitSelectPromo,
	body#pageProduits #contentProduitSelect .ProduitSelectNouveau,
	body#pageProduits #contentProduitSelect .ProduitSelectCadeau,
	body#pageProduits #contentProduitSelect .ProduitSelectOperation,
	body#pageProduits #contentProduitSelect .ProduitSelectSans {
		clear: both; width: 535px;
		}
	
	body#pageProduits #contentProduitSelect .ProduitSelectPromo .GestionPanier,
	body#pageProduits #contentProduitSelect .ProduitSelectNouveau .GestionPanier,
	body#pageProduits #contentProduitSelect .ProduitSelectCadeau .GestionPanier,
	body#pageProduits #contentProduitSelect .ProduitSelectOperation .GestionPanier,
	body#pageProduits #contentProduitSelect #Lb_articleTarifKilo {
		margin: 10px 0 0 0!important;
		}
	body#pageProduits #contentProduitSelect .ProduitSelectPromo .promoOffreRubPromo,
	body#pageProduits #contentProduitSelect .ProduitSelectNouveau .promoOffreRubNouveau,
	body#pageProduits #contentProduitSelect .ProduitSelectCadeau .promoOffreRubCadeau,
	body#pageProduits #contentProduitSelect .ProduitSelectOperation .promoOffreRubOperation { 
		margin: 14px 5px 0 5px!important;
		padding: 3px!important;
		}
	body#pageProduits #contentProduitSelect .ProduitSelectPromo .promoOffreRubPromo p,
	body#pageProduits #contentProduitSelect .ProduitSelectNouveau .promoOffreRubNouveau p,
	body#pageProduits #contentProduitSelect .ProduitSelectCadeau .promoOffreRubCadeau p,
	body#pageProduits #contentProduitSelect .ProduitSelectOperation .promoOffreRubOperation p {
		padding:0!important;
		}

	/*= promotion */
	
	body#pageProduits #contentProduitSelect .ProduitSelectPromo .promoOffre {background-color: #FFCC33!important;}
	body#pageProduits #contentProduitSelect .ProduitSelectPromo .promoOffre p { color: black!important;}
	body#pageProduits #contentProduitSelect .ProduitSelectPromo .promoOffre span { color: black!important}
	
	body#pageProduits #contentProduitSelect .ProduitSelectPromo .promoOffre,
	body#pageProduits #contentProduitSelect .ProduitSelectPromo .GestionPanier,
	body#pageProduits #contentProduitSelect .ProduitSelectPromo .macaron,
	body#pageProduits #contentProduitSelect .ProduitSelectPromo span.articleCdmt,
	body#pageProduits #contentProduitSelect .ProduitSelectPromo #Lb_articleTarifKilo { float: left!important;}
	
	body#pageProduits #contentProduitSelect .ProduitSelectPromo .macaron { margin: 0 0 0 10px;}
	body#pageProduits #contentProduitSelect .ProduitSelectPromo #Lb_articleTarifKilo {padding:0!important;}
	
	/*= NOUVEAUTES */
	
	body#pageProduits #contentProduitSelect .ProduitSelectNouveau .promoOffre {background-color: #9E0274!important;}
	body#pageProduits #contentProduitSelect .ProduitSelectNouveau .promoOffre p { color: #fff!important;}
	body#pageProduits #contentProduitSelect .ProduitSelectNouveau .promoOffre span { color: #fff!important}
	
	body#pageProduits #contentProduitSelect .ProduitSelectNouveau .promoOffre,
	body#pageProduits #contentProduitSelect .ProduitSelectNouveau .GestionPanier,
	body#pageProduits #contentProduitSelect .ProduitSelectNouveau .macaron,
	body#pageProduits #contentProduitSelect .ProduitSelectNouveau span.articleCdmt,
	body#pageProduits #contentProduitSelect .ProduitSelectNouveau #Lb_articleTarifKilo { float: left!important;}

	body#pageProduits #contentProduitSelect .ProduitSelectNouveau .macaron { margin: 0 0 0 10px;}
	body#pageProduits #contentProduitSelect .ProduitSelectNouveau #Lb_articleTarifKilo {padding:0!important;}
	
	/*= CADEAUX */
	
	body#pageProduits #contentProduitSelect .ProduitSelectCadeau .promoOffre {background-color: #FF0000!important;}
	body#pageProduits #contentProduitSelect .ProduitSelectCadeau .promoOffre p { color: yellow!important;}
	body#pageProduits #contentProduitSelect .ProduitSelectCadeau .promoOffre span { color: yellow!important}
	
	body#pageProduits #contentProduitSelect .ProduitSelectCadeau .promoOffre,
	body#pageProduits #contentProduitSelect .ProduitSelectCadeau .GestionPanier,
	body#pageProduits #contentProduitSelect .ProduitSelectCadeau .macaron,
	body#pageProduits #contentProduitSelect .ProduitSelectCadeau span.articleCdmt,
	body#pageProduits #contentProduitSelect .ProduitSelectCadeau #Lb_articleTarifKilo { float: left!important;}

	body#pageProduits #contentProduitSelect .ProduitSelectCadeau .macaron { margin: 0 0 0 10px;}
	body#pageProduits #contentProduitSelect .ProduitSelectCadeau #Lb_articleTarifKilo {padding:0!important;}
	
	/*= OPERATIONS */
	
	body#pageProduits #contentProduitSelect .ProduitSelectOperation .promoOffreRubOperation {width: 30%!important;}
	
	body#pageProduits #contentProduitSelect .ProduitSelectOperation .promoOffre {
		background-color: white!important;
		height: auto!important;
		}
	body#pageProduits #contentProduitSelect .ProduitSelectOperation .promoOffre span { color: #fff!important}
	body#pageProduits #contentProduitSelect .ProduitSelectOperation .promoOffre p {
		height: 17px!important; 
		color: #fff!important; 
		padding: 3px 5px 0 5px!important;
		background-color: #7D97C7!important;
		}
	body#pageProduits #contentProduitSelect .ProduitSelectOperation p.txtBlocPrix {
		display: block; width: 300px;
		float: right!important;
		font-style: italic;
		text-align: right!important;
		color: #3366CC!important;
		border: 1px #fff solid;
		padding: 0 10px 0 0!important;
		background-color: white!important;
		}
		
	body#pageProduits #contentProduitSelect .ProduitSelectOperation .promoOffre,
	body#pageProduits #contentProduitSelect .ProduitSelectOperation .GestionPanier,
	body#pageProduits #contentProduitSelect .ProduitSelectOperation .macaron,
	body#pageProduits #contentProduitSelect .ProduitSelectOperation span.articleCdmt,
	body#pageProduits #contentProduitSelect .ProduitSelectOperation #Lb_articleTarifKilo { float: left!important;}

	body#pageProduits #contentProduitSelect .ProduitSelectOperation .macaron { margin: 0 0 0 10px;}
	body#pageProduits #contentProduitSelect .ProduitSelectOperation #Lb_articleTarifKilo {padding:0!important;}
	
	body#pageProduits #contentProduitSelect .ProduitSelectOperation p.txtBlocPrix { 
		float: right; 
		width: 160px!important;
		text-align: left!important;
		margin: 12px 0 0 0!important; 
		padding:0!important;
		}

	/*= SANS PROMOTIONS */
	body#pageProduits #contentProduitSelect .ProduitSelectSans .promoOffre,
	body#pageProduits #contentProduitSelect .ProduitSelectSans .GestionPanier,
	body#pageProduits #contentProduitSelect .ProduitSelectSans .macaron,
	body#pageProduits #contentProduitSelect .ProduitSelectSans span.articleCdmt,
	body#pageProduits #contentProduitSelect .ProduitSelectSans #Lb_articleTarifKilo { float: left!important;}

	body#pageProduits #contentProduitSelect .ProduitSelectSans .promoOffre {margin: 10px 0 0 5px!important}
	body#pageProduits #contentProduitSelect .ProduitSelectSans .GestionPanier {margin: 6px 0 0 0!important}

	body#pageProduits #contentProduitSelect .ProduitSelectSans .macaron { margin: 0 0 0 10px}
	body#pageProduits #contentProduitSelect .ProduitSelectSans #Lb_articleTarifKilo {
		padding:0!important; margin: 6px 0 0 0!important;
		}
	
/* ================================================================================ */
/* = Gestion de la coloneB / fiche  produits = */
/* ================================================================================ */
	
	#ficheProduit {}
	#ficheProduit .labelImages { width: 99%; display: block;}
	#ficheProduit .labelImages img { float: left; display: block;}
	
	#ficheProduit .descriptif {float: left; width: 185px;}
	#ficheProduit h2, 
	#ficheProduit .descriptif h2 {
		color:#002D88; font-style: normal;
		margin: 5px 0 5px 0;
		}
	#ficheProduit .descriptif ul {display: block;}
	#ficheProduit .descriptif li { 
		font-size: 0.9em; line-height: 1.1em;
		padding: 0 0 0 10px; margin: 0 0 0 0;
		background: transparent url(/RP_ARGEL_FO/global/medias/itemli.gif) no-repeat 0 4px;
		color: #333;
		}
	/*#ficheProduit .descriptif li { 
		font-size: 0.9em;
		list-style: disc!important;
		display: list-item;
		padding: 0 0 0 0; margin: 0 0 0 10px;
		color: #333;
		}*/

	
	/*= Gestion de la table de la fiche produit  */
	
	#ficheProduit table { border-collapse: collapse; width: 100%;}
	#ficheProduit table td { color:#444; font-size: 11px; }
		
	/*= Résultat de la page COMMANDE PANIER      */
	
	#resumeCommande { }
	#resumeCommande p { 
		border-top: 1px #A9B9DA solid;
		padding: 0 0 5px 0; margin: 0 0 5px 0;
		}
	#resumeCommande p span.resumeQuantite { 
		display: block; 
		float: left; width: 25px; 
		font-size: 10px;
		color: white; text-align: center;
		background-color: #6398ED;
		}
	
	/*= Gestion de la coloneB / fiche produits / accompagnement et suggestion          */
	
	.accompagnement, .NosRecettes { padding: 0 0 10px 0; }
	.accompagnement { width: 48%; float: left; margin: 0 5px 0 0;}
	.accompagnement h2 { 
		font-size: 1em; 
		font-style: normal!important;
		font-weight: bold;
		margin: 0 0 5px 0;
		font-family: 'Trebuchet MS', Verdana,  Arial, Geneva, Helvetica, sans-serif!important;
		}
	.accompagnement a { display: block; text-align: right;}
	.accompagnement img { margin: 0 0 5px 0}
	
	.NosRecettes p img { float:left; border:0; padding: 0 10px 25px 0;}
	.NosRecettes p span { 
		display: block; 
		color: #001236; font-size: 1.1em; 
		font-weight: bold; font-style: italic;
		}
	.NosRecettes p { color:#72A3A8!important;}
	
	/*= Gestion de la coloneB / votre cadeau                                          */
	
	#CadeauConseil, .descriptifContentProduit {float: left;}
	.descriptifContentProduit { /*width: 370px!important;*/}
	#CadeauConseil { border: 1px #BFCBE3 solid; width: 168px; padding: 5px;}
	#cadeauContent { border: 2px #F5F7FA solid; padding: 5px;}
	#cadeauContent h2 { font-size: 1.1em; font-style: normal;}
	#cadeauContent #cadeau h2 {color:#9C2C54; }
	#cadeauContent #conseils h2 { margin: 5px 0 3px 0; }
	#cadeauContent #conseils h2, #cadeauContent #conseils p { color:#BB7000!important;}
	#cadeauContent p img { float: left; padding: 0 10px 0 ;}
	
/* ================================================================================ */
/* = DEBUT SUGGESTION DU CHEF / RECETTES = */
/* ================================================================================ */

	body#pageSuggestion #colB h1 { }
	body#pageSuggestion #colB a.ami img,
	body#pageSuggestion #colB a.imprim img {
		position: absolute;
		border: 0;
		}
	body#pageSuggestion #colB a.ami img {margin: 25px 0 0 270px;}
	body#pageSuggestion #colB a.imprim img { margin: 25px 0 0 400px;}
	body#pageSuggestion #suggestionUneContent h1 { border:0;}
	body#pageSuggestion #suggestionUneContent h2 {
		font-size: 1.2em;
		font-weight: bold; font-style: normal;
		font-family: 'Trebuchet MS', Verdana,  Arial, Geneva, Helvetica, sans-serif!important;
		}
	#suggestionUneContent img { margin: 0 0 7px 0;}
	
	
	/* = Juillet 2007 */
	
	fieldset#Dv_ami { border: 1px #BFCBE4 solid; padding: 5px; margin-top: 10px;}
	fieldset#Dv_ami p { float: left; margin: 0 0 7px 0!important;}
	fieldset#Dv_ami p label {width: 125px;}
	fieldset#Dv_ami p input,
	fieldset#Dv_ami p textarea { 
		width: 300px;
		background-color:#D8E9F6;
		border: 1px #BFCBE4 solid;
		}
		
	fieldset#Dv_ami a#Lk_envoyer { 
		display: block; width: 60px;
		float: right; clear: both;
		padding: 2px;
		text-align:center; color: #fff;
		text-decoration: none!important;
		background-color:#6398ED;
		}

	/*Résultat recette */
	
	#resultatRecherche { padding:0; margin: 10px 0 0 0;}
	#resultatRecherche .accompagnement { width: 240px!important; padding: 0 0 10px 0!important;}
	#resultatRecherche .accompagnement h2,
	#resultatRecherche .accompagnement p,
	#resultatRecherche .accompagnement a {
		padding:0!important; 
		margin:0!important;
		width: 99%;
		}
	#resultatRecherche .accompagnement img { } 
	#resultatRecherche .accompagnement p {}
	#resultatRecherche .accompagnement a { display: block;}
	
	/*= Suggestion Recettes */
	
	#suggestionRecette { margin: 10px 0 0 0;}
	#composition, #recette { float: left; }
	#recette { width: 350px; padding: 0 10px 10px 10px;}
	#composition { width: 125px; border-right: 1px #BFCBE4 solid;}
	
	#composition ul li,
	#ingredients ul li, 
	#ingredients ul li a,
	#recette li, 
	#recette li a,
	#preparationRecette li {font-size: 0.9em; }
	
	#composition ul li,
	#ingredients ul li, 
	#ingredients ul li a,
	#preparationRecette li,
	#ingredientsRecette li,
	#ingredientsRecette li a,
	.ingredientPanier span {color: #638EE3; text-align: left;}
	
	/*= résultat du glossaire */
	
	body.resultGlosaire #colB h1,
	body.resultGlosaire #colB h2,
	body.resultGlosaire #colB h3,
	body.resultGlosaire #colB p { width: 475px!important;}
	body.resultGlosaire #recette { width: 475px!important; padding:0!important;}
	
	
	/*= Composition                                                                    */
	
	#composition ul { text-align: right; padding: 0 0 0 0;}
	#composition ul li { clear: both; margin: 0 0 10px 0;}
	#composition ul li span, #composition ul li img {float: left!important;}
	#composition ul li img {  padding: 0 5px 0 5px; }
	
	#headerRecette #preparationRecette li {}
	#headerRecette #preparationRecette li span {}
	
	/*= Entete de la Recette                                                           */
	
	body.contenuRecette #recette { width: 475px; margin: 5px 0 0 0;}
	body.contenuRecette #recette p { clear:both;}
	#headerRecette {
		float: left;
		border: 1px #E7EBF4 solid;
		}	
	#preparationRecette, 
	#ingredientsRecette, 
	#GestionPanierRecette { float: left; padding: 3px;}
	
	/* = préparation recette */
	
	#preparationRecette {width: 130px;}
	#preparationRecette li,
	#preparationRecette li span,
	#preparationRecette li img { float: left;}
	#preparationRecette li { 
		width: 100%;
		clear: both;
		margin: 0 0 5px 0;
		}
	#preparationRecette li img {padding: 0 5px 0 5px; }
	
	/* = ingrédients recette */
	
	#ingredientsRecette {
		width: 355px;
		border-left: 1px #E7EBF4 solid;
		}
	#ingredientsRecette h2 { 
		border-bottom: 1px #E7EBF4 solid;
		color: white;
		background-color: #7F97C7;
		}
	#ingredientsRecette ul { background-color:#E5F5F9;}
	#ingredientsRecette li { 
		list-style: disc; line-height: 1.2em; 
		margin: 0 0 0 15px!important;
		}
	
	/* = gestion panier recette */
	
	#GestionPanierRecette { width: 150px;}
	.ingredientPanier .GestionPanier { 
		width: 170px!important;
		background: transparent url(/RP_ARGEL_FO/global/medias/bgNavPanierRecette.gif) no-repeat 0 0;
		}
	#ingredientPanierContenu {}
	.ingredientPanier { float: left; width: 99%; margin:0; padding:0; }
	
	.ingredientPanier h2, 
	.ingredientPanier span,
	.ingredientPanier p,
	.ingredientPanier .GestionPanier { float: left;}
	
	.ingredientPanier h2, 
	.ingredientPanier p { 
		width: 165px; 
		margin: 5px 5px 0 0;
		padding: 0 0 0 5px;
		}
	.ingredientPanier p {background-color:#E5F5F9!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;
		background: transparent url(/RP_ARGEL_FO/global/medias/bgIngredients.gif) repeat-y 0 
		}
	#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;
		background: transparent url(/RP_ARGEL_FO/global/medias/bgNavPanierOffreSuggestion.gif) no-repeat 0 0!important;
		}
	
	/*= Recette  */
	#recette {}
	#recette p { margin: 0 0 10px 0; padding:0;}
	#recette p img { float: left; padding: 0 10px 10px 0; }
	#recette p span {}
	#recette ul { padding: 0; margin: 10px;}
	#recette li { list-style: disc; margin: 0 0 0 10px; padding:0; line-height: 1.3em;}

/* ================================================================================ */
/* = REFERENCEMENT PRODUITS = */
/* ================================================================================ */
	.referencementProd {}
	.referencementProd img,
	.referencementProd ul {float: left}
	.referencementProd img {padding: 0 10px 10px 0}
	.referencementProd ul li {
		/*background: transparent url(/RP_ARGEL_FO/global/medias/itemListe.gif) no-repeat 0 3px;*/
		}

/* ================================================================================ */
/* = 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 {width: 500px; margin: 5px 0 10px 0;}
	body#pageCoorporate #colB p a {font-size:1em}
	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;
		}
	/*= pourquoi */
		
	body.pourquoi #colB li { margin: 0 0 5px 15px!important; }
	body.pourquoi #colB li a { font-size: 1em;}
	body.pourquoi #colB a { color: #9C2C54!important;}
	
	/* = Stucture 3 colones */
	
	.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;}
	.TroisCol h3, .TroisCol p span {color: #993366 !important;}
	.TroisCol p, .TroisCol li { line-height: 1.2em!important;}
	.TroisCol li { padding: 0 0 5px 0;}
	.TroisCol li a { font-size: 1em!important;}
	.TroisCol h4 {color: #638EE3;}
	.TroisCol p { padding: 0 10px 0 0; width: auto!important;}
	.TroisCol p img { float: right;}
	.TroisCol p span { font-size: 1.2em;}
	.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}
	
	a.lienContact {color:#18415E!important;}
	a.lienContact:hover { color:#A23366!important}
	
	/* =  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 { 
		float: left;
		display: block; 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;
		}
	
	#navAtouts li a.atoutlinkUn:hover,
	#navAtouts li a.atoutlinkDeux:hover,
	#navAtouts li a.atoutlinkTrois:hover { color: white; border-left: 5px #001236 solid;}
	
	body.atoutUn #colB ul#navAtouts li a.atoutlinkUn,
	body.atoutDeux #colB ul#navAtouts li a.atoutlinkDeux,
	body.atoutTrois #colB ul#navAtouts li a.atoutlinkTrois {
		color: white;
		border-left: 5px #001236 solid;
		}
	#navAtouts li a.atoutlinkUn:hover {background-color: #9485BF}
	body.atoutUn #colB ul#navAtouts li a.atoutlinkUn {background-color: #9485BF}
	#navAtouts li a.atoutlinkDeux:hover {background-color: #753843}
	body.atoutDeux #colB ul#navAtouts li a.atoutlinkDeux {background-color: #753843}
	#navAtouts li a.atoutlinkTrois:hover {background-color: #1F90A0}
	body.atoutTrois #colB ul#navAtouts li a.atoutlinkTrois {background-color: #1F90A0}
	
/* ================================================================================ */
/* = Formulaires = */
/* ================================================================================ */	

	body#pageCoorporate #colB form,
	body#pageProduits #colB form,
	body.rechercheType #colB form {}
	
	/* fieldset                           */
	
	body#home #colB form fieldset,
	body#pageCoorporate #colB form fieldset,
	body#pageProduits #colB form fieldset,
	body.rechercheType #colB form fieldset {
		border: 1px #BFCBE4 solid;
		padding: 0 0 5px 0;
		}
	
	/* = legend                             */
	body#home #colB form legend,	
	body#pageCoorporate #colB form legend,
	body#pageProduits #colB form legend,
	body.rechercheType #colB form legend { 
		color: #638EE5; font-size: 11px; 
		padding: 0 5px 0 4px; 
		}
	form legend a {font-size: 1em;}
	
	/* = boucle formulaire                  */
	
	body#home #colB form p,
	body#pageCoorporate #colB form p,
	body#pageProduits #colB form p,
	body.rechercheType #colB form p { clear: both; width: auto;padding: 0 5px 0 5px; }
	
	body#home #colB form p span,
	body#pageCoorporate #colB form p span { color:#638EE3; }
	
	body#home #colB form p img,
	body#pageCoorporate #colB form p img { float: left; padding: 0 5px 5px 0; }
	
	body#home #colB form p label,
	body#pageCoorporate #colB form p label,
	body#pageSuggestion #colB form p label,
	body#pageCoorporate #colB form p input,
	body#pageSuggestion #colB form p input,
	body#pageCoorporate #colB form p select,
	body#pageSuggestion #colB form p select,
	body#pageSuggestion #colB form p span { float: left; }
	
	body#pageSuggestion #colB form p select,
	body#pageSuggestion #colB form p input { width: 300px; }
	
	body#home #colB form p label,
	body#pageCoorporate #colB form p label,
	body#pageProduits #colB form p label,
	body.rechercheType #colB form p label { 
		padding: 0 0 0 10px;
		background: transparent url(/RP_ARGEL_FO/global/medias/chevrons-blueC.gif) no-repeat 0 3px;
		}
	body#home #colB form p input,
	body#pageCoorporate #colB form p input,
	body#pageProduits #colB form p input,
	body.rechercheType #colB form p select { 
		margin: 0 0 2px 0;
		background-color: #D8E9F6; 
		border: 1px #A9B9DA solid;
		}
		
	body#home #colB form p input.valide,
	body#pageCoorporate #colB form p input.valide,
	body#pageProduits #colB form p input.valide,
	body#pageProduits #colB form input.valide,
	body.rechercheType #colB form input.valide { 
		width: auto !important;
		float: right; 
		font-size: 10px; color: white;
		margin: 5px 0 0 0; padding: 0;
		border: 1px #A9B9DA solid;
		background-color: #6398ED;
		}
		
/* ================================================================================ */
/* = PAGES DE RECHERCHE TYPE PLATS   = */
/* ================================================================================ */	
	body.rechercheType form.formColB p {width: 95%!important;}
	body.rechercheType form.formColB p label { margin: 0 10px 7px 0;}
	body.rechercheType form.formColB p select { width: 80%; font-size: 1em;}
	body.rechercheType form input.valide {}
	a.retRecherche { display: block; text-align: right; margin: 0 0 10px 0;}
	
/* ================================================================================ */
/* = GESTION GLOBALE DU FORMULAIRE DE LA COLONE B = */
/* ================================================================================ */
	form.formColB { margin: 7px 0 0 0;}
	form.formColB table { float: left; clear: both; width: 98%; margin: 0 0 10px 3px;}
	form.formColB p span { float: left; padding: 0 7px 0 0}
	form.formColB fieldset { margin: 0 0 10px 0;}
	form.formColB legend { margin: 0 0 7px 0;}
	form.formColB p { 
		float: left; width: 475px!important; 
		margin: 0 5px 5px 0!important; 
		}
	form.formColB p select { margin: 0 0 2px 0;}
	form.formColB p label { width: 30%;}
	form.formColB p input { font-size: 1em; padding:2px; width: 65%;}
	form.formColB p input.checkRadio { 
		border:0!important;
		width: auto!important;
		background-color: white!important;
		margin: 0 10px 0 0!important;
		}
	form.formColB p textarea { 
		font-size: 10px;
		width: 97%; height: 100px;
		padding: 5px;
		border: 1px #A9B9DA solid;
		}
	form.formColB p i { color: red;}
	
	form.formColB p.message, 
	p.message, #pageMessage {
		width: 475px!important;
		padding: 5px!important;
		color: #fff!important;
		background-color:#9E3366;
		margin: 10px 0 10px 0!important;
		}
	body#home #pageMessage { width: 450px!important; background-color:none!important}
	form.formColB p.infoForm { font-style: italic; color: #666; font-size: 0.8em!important}
	form.formColB p.infoForm span { float: none!important}
	p#pageMessage { color: #001236; font-weight: bold}
	
/* ================================================================================ */
/* = 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;
		background-color: #F7FBFF;
		}
	#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;
		}
	
	#Zone1 {background-color: #CFE4D2;}
	#Zone2 {background-color: #F4CBC6;}
	#Zone3 {background-color: #C3E5F9;}
	#Zone4 {background-color: #F9E6C9;}

/* ================================================================================ */
/* = 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;
		background-color: #D5DDED!important;
		}
	
	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;
		background-color: #7F97C7; 
		}
	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;
		background: transparent url(/RP_ARGEL_FO/global/medias/pourquoi/h1NavPourquoi.gif) no-repeat 0 0;
		}
	
	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-weight: bold;
		color: white!important;
		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 {
		font-size: 1.3em;
		color: #9C2C54!important; padding: 0 0 0 30px;
		background: transparent url(/RP_ARGEL_FO/global/medias/pourquoi/itemLiPourquoi.gif) no-repeat 0 2px;
		}
	body.pourquoi #colB ul#navPourquoi li a em { 
		font-weight: normal!important;
		font-style: italic!important;
		font-size: 0.9em;
		}
	body.pourquoi #colB a.nousContacter {
		float: right;
		color: white;  
		font-size: 1.3em;
		text-decoration: none;
		padding: 7px 0 0 20px;
		width: 218px; height: 28px;
		background: transparent url(/RP_ARGEL_FO/global/medias/pourquoi/linkContacter.gif) no-repeat 0 0;
		}
	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;
		}
		
/* ================================================================================ */
/* = FOOTER  = */
/* ================================================================================ */
	#footer { width: 760px!important; text-align: right; padding: 0 0 10px 0;}
	#footer a { color:#993366;}