/* CSS Document */

	body{
		margin:0;
		padding:28px 0 0 0;
		font-family:verdana;
		font-size:10px;
		color:#000;
		background-color:#fff;
		background-image:none;
	}
	
	a img{
		border:0;
	}
	
	form{
		margin:0;
		padding:0;
	}
	
	.clear{
		clear:both;
		height:1px;
	}

	#global{
		width:630px;
		margin:auto;
	}
	
	#entete{
		width:630px;
	}
	
	#logo{
		text-align:center;
		padding:9px 0 0 0;
	}
	
	#entete h1{
		display:none;
	}
	
	#entete h1#titreUnivers{
		display:none;
	}
	
	#entetePanier{
		display:none;
	}
	
	#menu{
		display:none;
	}
	
	#pied{
		display:none;
	}
	
	#globalAccueil{
		width:990px;
		height:580px;
		margin:auto;
		background-image:url(images/fond-page.jpg);
		background-repeat:no-repeat;
		position:relative;
	}
	
	#flashSucre{
		position:absolute;
		z-index:69;
		top:0;
		left:0;
	}
	
	#pageAccueil{
		position:absolute;
		z-index:97;
		top:0;
		left:0;
	}

	#accueilGauche{
		float:left;
		width:342px;
		height:361px;
		margin:0;
		position:relative;
	}
	
	#accueilGaucheProduit{
		position:absolute;
		top:130px;
		left:43px;
		z-index:30;
		width:164px;
		padding:6px 0 6px 0;
		background-color:#000;
		border:1px solid #abba3c;
		text-align:center;
	}
	
	#accueilGaucheProduit h2{
		margin:0 0 2px 0;
		padding:0 7px 0 7px;
		font-size:120%;
		color:#fff;
		font-weight:normal;
	}
	
	#accueilGaucheProduit a{
		text-decoration:none;
		color:#d6e84b;
		font-size:90%;
		filter:alpha(opacity=100); 
        -moz-opacity:1; 
        opacity:1;
	}
	
	#accueilGaucheProduit a img{
		padding:0 0 2px 0;
		filter:alpha(opacity=75); 
        -moz-opacity:0.75; 
        opacity:0.75;
	}
	
	#accueilGaucheProduit a:hover img{
		filter:alpha(opacity=100); 
        -moz-opacity:1; 
        opacity:1;
	}
	
	#accueilGaucheFlash{
	}
	
	#accueilCentreFlash{
		float:left;
		width:300px;
		height:324px;
		padding:17px 0 0 0;
	}
	
	#accueilDroite{
		float:left;
		width:337px;
		height:361px;
	}
	
	#english{
		text-align:right;
		height:33px;
		padding:4px 0 0 0;
		margin:0 0 37px 0;
	}
	
	#english a{
		font-size:90%;
		color:#fff;
		text-decoration:none;
	}
	
	#english a:hover{
		color:#f6ffab;
	}
	
	#accueilDroiteFlash{
		margin:70px 0 15px 0;
	}
	
	#accueilDroite p{
		width:288px;
		margin:2px 0 10px 15px;
		font-size:120%;
		color:#fff;
	}
	
	#accueilDroite p a{
		color:#d6e84b;
		text-decoration:none;
	}
	
	#accueilDroite p a:hover{
		text-decoration:underline;
	}
	
	#accueilUnivers{
		float:left;
		display:block;
		width:115px;
		height:115px;
		margin:33px 0 0 0;
		padding:0 0 0 208px;
	}
	
	#accueilUnivers, #accueilCollections, #accueilRecettes{
		filter:alpha(opacity=75); 
        -moz-opacity:0.75; 
        opacity:0.75;
	}
	
	#accueilUnivers:hover, #accueilCollections:hover, #accueilRecettes:hover{
		filter:alpha(opacity=100); 
        -moz-opacity:1; 
        opacity:1;
	}
	
	#accueilCollections{
		float:left;
		display:block;
		width:171px;
		height:204px;
		padding:0 0 0 79px;
	}
	
	#accueilRecettes{
		float:left;
		display:block;
		width:115px;
		height:115px;
		margin:33px 0 0 0;
		padding:0 0 0 79px;
	}
	
	#presseNewsletter{
		margin:-7px 0 0 746px;
	}
	
	#presse{
		float:left;
		display:block;
		width:42px;
		padding:0 0 0 12px;
		margin:0 20px 0 0;
		color:#fff;
		text-decoration:none;
		background-image:url(images/accueil-picto-newsletter.gif);
		background-repeat:no-repeat;
		background-position:0 1px;
	}
	
	#presse:hover{
		color:#f6ffab;
		background-position:0 -14px;
	}
	
	#newsletter{
		float:left;
		display:block;
		width:147px;
		padding:0 0 0 12px;
		color:#fff;
		text-decoration:none;
		background-image:url(images/accueil-picto-newsletter.gif);
		background-repeat:no-repeat;
		background-position:0 1px;
	}
	
	#newsletter:hover{
		color:#f6ffab;
		background-position:0 -14px;
	}

	#introVisuel{
		display:none;
	}
	
	#introTexte{
		float:left;
		width:500px;
		height:180px;
		margin:20px 0 0 0;
		padding:1px 65px 0 65px;
		border-bottom:1px solid #0a0a0a;
	}
	
	.introTexteSucre{
		background-color:#f6d563;
	}
	
	.introTexteUnivers{
		background-color:#dbdbdb;
	}
	
	.introTexteRecettes{
		background-color:#e3d3a0;
	}
	
	#introTexte h1{
		margin:25px 0 11px 0;
	}
	
	#introTexte p{
		margin:0 20px 11px 0;
		font-size:110%;
		color:#0b0b0b;
	}
	
	#page{
		width:630px;
		margin:0 0 0 0;
		padding:0;
		background-image:none
	}
	
	#gauche{
		display:none;
	}
	
	#contenu, #contenuListe{
		float:left;
		width:630px;
		padding:20px 0 0 0;
	}

	#pagePrecedente{
		display:none;
	}

	#contenu h1, #contenuListe h1{
		margin:33px 0 20px 0;
		font-size:250%;
		font-weight:normal;
		color:#dff14e;
	}
	
	#contenu p{
		margin:0 0 11px 0;
		color:#000;
		font-size:120%;
		line-height:140%;
	}
	
	#contenu a{
		color:#dff14e;
		text-decoration:none;
	}
	
	#contenu a:hover{
		text-decoration:underline;
	}
	
	.imageAdroite{
		float:right;
		margin:0 0 11px 31px;
	}
	
	.vignetteListeProduits{
		display:block;
		float:left;
		width:143px;
		height:143px;
		margin:0 34px 40px 0;
		text-align:center;
	}
	
	.vignetteListeProduits a{
		display:block;
		width:143px;
		height:143px;
		border:1px solid #000;
	}
	
	.vignetteListeProduits a:hover{
		border:1px solid #95a234;
	}
	
	.texteListeProduits{
		float:left;
		width:439px;
		margin:0 0 40px 0;
		padding:0;
	}
	
	.texteListeProduits h2{
		margin:10px 0 7px 0;
		color:#000;
		font-size:160%;
	}
	
	.texteListeProduits p{
		margin:0 0 11px 0;
		color:#000;
		font-size:110%;
	}
	
	.prixListeProduits{
		float:left;
		padding:2px 10px 2px 10px;
		margin:0 27px 0 0;
		background-color:#171717;
		color:#d6e84b;
		font-size:180%;
		font-weight:bold;
	}
	
	.ajoutPanierListeProduits{
		display:none;
	}

	.savoirPlusListeProduits{
		display:none;
	}
	
	
	#repere{
		position:absolute;
		z-index:99;
		right:0;
		bottom:0;
		width:1px;
		height:1px;
	}
	
	#masque{
		display:none;
		filter:alpha(opacity=0); 
        -moz-opacity:0; 
        opacity:0;
	}
	
	#fenetreModale{
		display:none;
		filter:alpha(opacity=0); 
        -moz-opacity:0; 
        opacity:0;
	}
	
	#page2{
		width:988px;
		margin:-1px 0 0 0;
		padding:0 0 100px 0;
	}
	
	#pagePrecedente2{
		display:block;
		width:142px;
		height:17px;
		margin:0 0 0 846px;
		padding:4px 0 0 0;
		background-color:#232323;
		color:#fff;
		text-decoration:none;
		text-align:center;
	}
	
	#pagePrecedente2:hover{
		background-color:#202020;
		color:#f6ffab;
	}
	
	#ficheVisuel{
		float:left;
		width:230px;
		padding:33px 0 0 0;
	}
	
	#ficheVignettes{
		float:left;
		width:67px;
		margin:33px 0 0 0;
		padding:0 0 0 15px;
		list-style:none;
	}
	
	#ficheVignettes li{
		margin:0 0 3px 0;
	}
	
	#ficheVignettes li a{
		display:block;
		width:65px;
		height:65px;
		border:1px solid #000;
		text-decoration:none;
	}
	
	#ficheVignettes li a:hover{
		border:1px solid #d6e84b;
	}
	
	#ficheTexte{
		float:left;
		width:300px;
		margin:33px 0 0 0;
		padding:0 0 0 20px;
		color:#000;
	}
	
	#ficheTexte h1{
		margin:0 0 17px 0;
		font-size:250%;
		font-weight:normal;
		color:#000;
	}
	
	#ficheTexte h2{
		margin:0 0 11px 0;
		color:#000;
		font-size:160%;
	}
	
	#nonDispo{
		width:168px;
		margin:0 0 14px 0;
		padding:6px 8px 6px 8px;
		background-color:#171717;
		color:#dff14e;
		line-height:150%;
	}
	
	#nonDispo a{
		font-size:90%;
		color:#fff;
		text-decoration:none;
	}
	
	#nonDispo a:hover{
		text-decoration:underline;
	}
	
	#ficheTexte h3{
		margin:0 0 2px 0;
		color:#000;
		font-size:110%;
	}
	
	#ficheTexte p{
		margin:0 0 6px 0;
		font-size:110%;
	}
	
	#ficheTexte p span{
		color:#000;
	}
	
	.prixFicheProduit{
		float:left;
		padding:2px 10px 2px 10px;
		margin:10px 27px 0 0;
		background-color:#171717;
		color:#d6e84b;
		font-size:180%;
		font-weight:bold;
	}
	
	.ajoutPanierFicheProduit{
		display:none;
	}

	.recettesFiche{
		display:none;
	}
	
	.recetteListe{
		float:left;
		width:160px;
		margin:0 70px 54px 0;
	}

	.recetteListe2{
		float:left;
		width:160px;
		margin:0 0 54px 0;
	}
	
	.recetteListe h2, .recetteListe2 h2{
		margin:3px 0 0 0;
		padding:0;
		font-size:120%;
		color:#000;
		font-weight:normal;
		text-align:center;
	}
	
	.recetteListe h2 a, .recetteListe2 h2 a{
		color:#000;
		text-decoration:none;
	}
	
	.recetteListe h2 a:hover, .recetteListe2 h2 a:hover{
		color:#f6ffab;
	}
	
	.recetteListe a img, .recetteListe2 a img{
		display:block;
		width:160px;
		height:97px;
		border:1px solid #888;
	}
	
	.recetteListe a:hover img, .recetteListe2 a:hover img{
		border:1px solid #95a234;
	}
	
	.recetteListe a img, .recetteListe2 a img{
		filter:alpha(opacity=100); 
        -moz-opacity:1; 
        opacity:1;
	}

	#recetteVignetteProduit{
		float:left;
		/*width:71px;*/
		width:65px;
		margin:20px 30px 0 0;
	}
	
	#recetteVignetteProduit a img{
		display:block;
		/*width:71px;
		height:71px;*/
		width:65px;
		height:65px;
		border:1px solid #000;
		filter:alpha(opacity=100);
        -moz-opacity:1; 
        opacity:1;
	}
	
	#recetteVignetteProduit a:hover img{
		border:1px solid #95a234;
	}	
	
	#contenuListe h1#titreVignetteRecette{
		margin:0 0 15px 0;
		font-size:200%;
		font-weight:normal;
		color:#dff14e;
	}
	
	#recetteVignetteProduitTexte{
		float:left;
		width:400px;
		margin:20px 0 22px 0;
	}
	
	.ajoutPanierFicheProduit2{
		display:none;
	}
	
	.ajoutPanierFicheProduit2:hover{
		filter:alpha(opacity=100); 
        -moz-opacity:1; 
        opacity:1;
	}
	
	#imprimerEnvoyer{
		display:none;
	}
	
	#recetteTexte{
		float:left;
		width:250px;
		margin:12px 20px 0 0;
	}
	
	#recetteTexte h2{
		margin:0;
		font-size:140%;
		font-weight:bold;
		color:#000;
	}
	
	#recetteTexte p#nbPersonnes{
		margin:0 0 16px 0;
		font-style:italic;
		font-size:120%;
		color:#000;
	}
	
	#recetteTexte a{
		color:#dff14e;
		text-decoration:none;
	}

	#recetteTexte p{
		margin:0 0 11px 0;
		font-size:120%;
		color:#000;
		text-align:justify;
	}
	
	#recetteTexte p span{
		color:#d6e84b;
	}
	
	#recetteVisuel{
		float:left;
		width:350px;
		margin:12px 0 0 0;
	}
	
	#recetteVisuel p{
		margin:0 0 8px 0;
		font-size:110%;
		color:#000;
		font-style:italic;
	}

	#cheminCommande{
		display:none;
	}
	
	#cheminCommande li{
		float:left;
		margin:0 10px 0 0;
		padding:0 0 0 34px;
	}
	
	#pagePanier{
		padding:33px 0 0 0;
	}
	
	#pagePanier h1{
		margin:0 0 24px 0;
		font-size:250%;
		font-weight:normal;
		color:#dff14e;
	}
	
	#pagePanier h1.modePaiement{
		margin:45px 0 24px 0;
		font-size:250%;
		font-weight:normal;
		color:#dff14e;
	}
	
	#panier{
		width:630px;
	}
	
	#panierEntete1{
		width:81px;
		padding:6px 0 3px 0;
		background-color:#222;
		color:#dadada;
		font-size:120%;
		font-weight:normal;
		text-align:center;
		border-right:2px solid #000;
	}
	
	#panierEntete2{
		width:172px;
		padding:6px 0 3px 0;
		background-color:#222;
		color:#dadada;
		font-size:120%;
		font-weight:normal;
		text-align:center;
		border-right:2px solid #000;
	}
	
	#panierEntete3{
		width:113px;
		padding:6px 0 3px 0;
		background-color:#222;
		color:#dadada;
		font-size:120%;
		font-weight:normal;
		text-align:center;
		border-right:2px solid #000;
	}
	
	#panierEntete4{
		width:119px;
		padding:6px 0 3px 0;
		background-color:#222;
		color:#dadada;
		font-size:120%;
		font-weight:normal;
		text-align:center;
		border-right:2px solid #000;
	}
	
	#panierEntete5{
		width:137px;
		padding:6px 0 3px 0;
		background-color:#222;
		color:#dadada;
		font-size:120%;
		font-weight:normal;
		text-align:center;
		border-right:2px solid #000;
	}
	
	.liseret{
		border-bottom:1px solid #222;
	}
	
	.panierCellule1{
		width:81px;
		padding:5px 0 5px 0;
		text-align:center;
	}
	
	.panierCellule1 a{
		border:1px solid #000;
	}
	
	.panierCellule1 a:hover{
		border:1px solid #95a234;
	}
	
	.panierCellule2{
		width:142px;
		padding:5px 15px 5px 15px;
		color:#000;
		font-size:110%;
	}
	
	.panierCellule3{
		width:77px;
		padding:5px 21px 5px 15px;
		color:#000;
		font-size:110%;
		text-align:right;
	}
	
	.panierCellule4{
		width:119px;
		padding:5px 0 5px 0;
		color:#000;
		font-size:110%;
		text-align:center;
	}
	
	.panierCellule4 input{
		width:30px;
		font-family:verdana;
		font-size:11px;
		color:#000;
		text-align:center;
		border:1px solid #d3d3d3;
		background-color:#fff;
	}
	
	.panierCellule4 a img{
		filter:alpha(opacity=75); 
        -moz-opacity:0.75; 
        opacity:0.75;
	}
	
	.panierCellule4 a:hover img{
		filter:alpha(opacity=100); 
        -moz-opacity:1; 
        opacity:1;
	}
	
	.panierCellule5{
		width:98px;
		padding:5px 39px 5px 0;
		color:#000;
		font-size:110%;
		font-weight:bold;
		text-align:right;
	}
	
	.panierCellule1b{
		width:551px;
		padding:5px 21px 5px 0;
		border-right:2px solid #000;
		border-bottom:2px solid #000;
		background-color:#222;
		font-size:110%;
		color:#fff;
		text-align:right;
	}
	
	.panierCellule1b span{
		color:#d6e84b;
	}
	
	.panierCellule2b{
		width:98px;
		padding:5px 39px 5px 0;
		border-right:2px solid #000;
		border-bottom:2px solid #000;
		background-color:#222;
		font-size:110%;
		color:#fff;
		text-align:right;
	}
	
	.panierCellule2b span{
		color:#d6e84b;
		font-weight:bold;
		font-size:110%;
	}
	
	#panierBtn{
		margin:0 0 0 181px;
	}
	
	#panierPousuivreAchats{
		display:none;
	}

	#panierValider{
		display:none;
	}
	
	#pageIdentification{
		padding:33px 0 0 0;
	}
	
	#nouveauClient{
		float:left;
		width:301px;
		margin:0 20px 0 0;
	}
	
	#nouveauClient h2, #dejaClient h2{
		margin:0 0 14px 0;
		font-size:180%;
		font-weight:normal;
		color:#dff14e;
		text-align:center;
	}
	
	#nouveauClientFormulaire{
		width:272px;
		padding:9px 0 16px 29px;
		background-color:#fff;
	}
	
	#nouveauClientFormulaire h3{
		margin:0;
		font-size:120%;
		font-weight:normal;
		color:#000;
	}
	
	#nouveauClientFormulaire p{
		margin:0 0 20px 0;
		color:#000;
	}
	
	.inscriptionlabel{
		float:left;
		width:87px;
		padding:3px 0 0 0;
		font-size:110%;
		color:#000;
	}
	
	.inscriptionChamp{
		float:left;
		width:154px;
		margin:0 0 4px 0;
	}
	
	.inscriptionChampEmail{
		float:left;
		width:226px;
		margin:0 0 4px 0;
	}
	
	.inscriptionChamp input, .inscriptionChamp textarea, .inscriptionChamp select, .inscriptionChamp2 input{
		font-family:verdana;
		font-size:11px;
		color:#000;
	}
	
	.inscriptionChamp input, .inscriptionChamp textarea, .inscriptionChamp2 input, .inscriptionChampEmail input{
		border:1px solid #808080;
		background-color:#fff;
		padding:2px;
		width:148px;
	}
	
	.inscriptionChamp input.grandChamp, .inscriptionChampEmail input.grandChamp{
		width:220px;
	}
	
	.inscriptionChamp input.petitChamp{
		width:42px;
	}
	
	.inscriptionChamp textarea{
		height:26px;
	}
	
	.inscriptionChamp select{
		padding:2px;
		width:148px;
	}
	
	.inscriptionlabel2{
		margin:8px 0 1px 0;
		font-size:110%;
		color:#000;
	}
	
	#nouveauClientFormulaire p.inscriptionAide{
		margin:7px 0 0 0;
		color:#d0e149;
		font-style:italic;
	}
	
	#validerInscription, #validerIdentification{
		margin:21px 12px 0 114px;
	}
	
	#dejaClient{
		float:left;
		width:301px;
	}
	
	#dejaClientFormulaire{
		width:272px;
		padding:9px 0 16px 29px;
		background-color:#fff;
	}
	
	#oubliMdp{
		margin:10px 0 0 0;
	}
	
	#oubliMdp a{
		color:#d0e149;
		font-size:110%;
		text-decoration:none;
	}
	
	#oubliMdp a:hover{
		text-decoration:underline;
	}
	
	#messageOubliMdp{
		margin:0 0 10px 0;
		color:#000;
	}
	
	#okIdentification{
		float:left;
		width:40px;
		padding:0 0 0 10px;
	}
	
	#adresseLivraison{
		float:left;
		width:300px;
		margin:-8px 0 30px 0;
	}
	
	#adresseFacturation{
		float:left;
		width:300px;
		margin:-8px 0 0 0;
	}
	
	#adresseLivraison h2, #adresseFacturation h2, .titreModifLivraison{
		margin:0 0 14px 0;
		font-size:180%;
		color:#000;
		font-weight:normal;
	}
	
	.adresseTexte{
		width:293px;
		margin:0 0 0 0;
		padding:0 0 0 0;
		background-color:#fff;
		color:#000;
		font-size:120%;
	}
	
	.adresseTexte p{
		margin:0 0 25px 0;
	}
	
	.adresseTexte p a{
		display:none;
	}
	
	#modifierLivraison{
		display:none;
	}
	
	.opacite{
		filter:alpha(opacity=100); 
        -moz-opacity:1; 
        opacity:1;
	}
	
	.transparence{
		filter:alpha(opacity=75); 
        -moz-opacity:0.75; 
        opacity:0.75;
	}
	
	#modePaiement{
		width:490px;
		padding:22px 0 32px 29px;
		background-color:#fff;
	}
	
	#cgv{
		margin:0;
		font-size:120%;
		color:#000;
	}
	
	#cgv a{
		color:#dff14e;
		text-decoration:none;
	}
	
	#cgv a:hover{
		text-decoration:underline;
	}
	
	#pictoPaiementSecurise{
		float:left;
		width:71px;
		height:58px;
		background-color:#aec735;
		margin:30px 40px 0 0;
		padding:4px 0 0 0;
		text-align:center;
		font-weight:bold;
		color:#fff;
		background-image:url(images/picto-paiement-securise.gif);
		background-repeat:no-repeat;
		background-position:center 33px;
	}
	
	#modesPaiement{
		float:left;
		width:370px;
		margin:27px 0 0 0;
	}
	
	#paiementCbIntitule{
		float:left;
		width:243px;
		color:#000;
		font-size:110%;
		padding:0 0 0 2px;
		margin:3px 0 0 0;
	}
	
	#paiementCbIntitule img{
		margin:0 8px 0 0;
	}
	
	#paiementCb, #paiementCheque{
		margin:0 0 8px 0;
		height:31px;
	}
	
	#visa a, #mastercard a{
		float:left;
		display:block;
		width:45px;
		height:27px;
		margin:0 8px 0 0;
		border:2px solid #222;
	}
	
	#paiementCheque a img, #paiementPaypal a img{
		margin:0 6px 0 0;
		border:2px solid #222;
	}
	
	#visa a:hover,  #mastercard a:hover, #paiementCheque a:hover img, #paiementPaypal a:hover img{
		border:2px solid #aec735;
	}

	#paiementCheque a, #paiementPaypal a{
		display:block;
		width:172px;
		color:#000;
		text-decoration:none;
		font-size:110%;
	}
	
	#paiementCb a:hover, #paiementCheque a:hover, #paiementPaypal a:hover{
		color:#aec735;
	}
	
	#confirmationContenu{
		width:630px;
		margin:0 0 45px 0;
		padding:22px 0 20px 0;
		background-color:#fff;
		color:#000;
		font-size:110%;
	}
	
	#confirmationContenu p{
		margin:0 0 12px 0;
	}
	
	#confirmationContenu span{
		color:#aec735;
	}
	
	#fraisPortOfferts{
		margin:5px 0 0 0;
		font-size:130%;
		color:#dff14e;
	}
	
	#imprimerRecette, #imprimerCommande{
		display:none;
	}