/* Feuille de style pour le contenu des pages 
 * C'est cette feuille de style qui doit être liée aux pages du site
 * La feuille de style de la charte est appelée depuis cette feuille.
 */
 
/* Import des style pour la charte */
@import "charte.css";

/* STYLE CYC  (ne pas supprimer) */
.cyc {
	position: absolute;
	top: -10000px;
}


/*------------------------- STYLE DE LA PAGE CGV--------------------------------- */

.cgv{
	width:100px;
	/*border:1px solid white;*/
	float:right;
}

.cgv a{
	color:#FFF;
	font-size:10px;
}

.cgv a:hover{
	text-decoration:none;
}


#cgv-contenu h3{
	margin:15px 0;
	border-bottom:1px solid #333333;
}

#cgv-contenu h4{
	margin:15px 0;
	border-bottom:1px dashed #333333;
	width:450px;
}

#cgv-contenu .livraison{
	margin-left:30px;
}

#cgv-contenu ul{
	margin:15px 0;
}

#cgv-contenu li{
	list-style-type:disc;
	margin-left:15px;
}


#cgv-contenu table#cgv-table td{
	background-color:#72716F;
	text-align:center;
	color:#FFFFFF;
}


#cgv-contenu table#cgv-table td.gris{
	background-color:#333333;
}




/* STYLE DE LA PAGE CONTACT */

#contactTxt{
	width:45%;
	float:left;
}
#contactPlan{
	width:45%;
	float:right;
}
#formContact input,textarea{
	width:100%;
	border:1px solid #000;
	font-size:12px;
}


#formContact .txtarea{
	width:100%;
	border:1px solid #000;
	font-size:12px;
}

#formContact input:focus,textarea:focus{
	border-color:#FF0000;
}
#formContact .champRequis{
	color:#FF0000;
}
/*------------------------------------------------ INTEGRATION CEDRIC ------------------------------*/
#conten {
	float:left;
	margin:15px 0 0 0;
	width:725px;
	/*border:1px solid blue;*/
	}
.pagination {
	width:725px;
	margin:10px 0;
	font-size:11px;
	text-align:center;
	height:20px;
	float:left;
	color:#8D0E0D;
	}
.fleche-left {
	float:left;
	border:none;
	}
.fleche-rigth {
	float:right;
	border:none;
	}
/*------------ SS MENU LEFT ------*/
#MenuGauche {
	width:180px;
	float:left;
	/*top:380px;
	left:3px;
	position:absolute;*/
	/*border:1px solid red;*/
	text-align:left;
	margin:5px 0 15px 5px;
	}
#MenuGauche ul{
	margin:0 0 0 0px;
	background-image:url(../images/charte/rubriques.gif);
	background-repeat:no-repeat;
	padding-top:34px;
	background-position:left top;
	}
#MenuGauche li{
	color:#660000;
	list-style-image:url(../images/charte/puce-menu.gif);
	margin:0 0 7px 20px;
	}
#MenuGauche li a{ 
	text-decoration:none;
	}
#MenuGauche li a:hover{
	background-color:#A42425;
	color:#FDF9E6;
	}
	/*------------ SS MENU1 LEFT ------*/
#MenuGauche1 {
	width:170px;
	float:left;
	/*top:380px;
	left:3px;
	position:absolute;*/
	/*border:1px solid red;*/
	text-align:left;
	margin:20px 0 15px 10px;
	}
	
	#MenuGauche1 p{
	margin-left:10px;
	font-weight:bold;}
#MenuGauche1 ul{
	margin:0 0 0 0px;
	background-image:url(../images/charte/vente.gif);
	background-repeat:no-repeat;
	padding-top:34px;
	background-position:left top;
	}
#MenuGauche1 li{

	list-style-image: none;
	margin:0 0 7px 0px;
	}
#MenuGauche1 li a{ 
	text-decoration:none;
	}
#MenuGauche1 li a:hover{
	background-color:#A42425;
	color:#FDF9E6;
	}
/*------------ ACCUEIL -----------*/
#selection {

	float:left;
	margin:0 10px 0 0px;
	padding-top:25px;

	}
.slogan-gastronomie {
	font-style:italic;
	color:#A42424;
	font-weight:bold;
	}
/*------------ LISTING --------------------*/
.listing {
	background-image:url(../images/charte/fd-produit.gif);
	width:356px;
	height:190px;
	float:left;
	margin:0 5px 17px 0;
	/*border:1px solid blue;*/
	background-repeat:no-repeat;
	position:relative
	}
.listing-titre {
	width:235px;
	float:left;
	height:20px;
	font-weight:bold;
	margin:4px 0 0 8px;
	font-size:14px;
	color:#FFFFCC;
	} 
.listing-visuel {
	width:100px;
	height:100px;
	margin:8px 7px 0 0;
	text-align:center;
	float:right;
	}
.listing-descriptif p{
	margin-right:5px;
	font-size:12px;
	}
.listing-descriptif {
	float:left;
	width:228px;
	height:80px;
	max-height:80px;
	margin:5px 0 0 8px;
	color:#FFFFFF;
	}
.listing-info a:hover {
	background-image:url(../images/charte/plus_infos-focus.gif);
	}
.listing-info a{
	background-image:url(../images/charte/plus_infos.gif);
	background-repeat:no-repeat;
	height:23px;
	display:block;
	width:84px;
	float:right;
	margin:10px 5px 0 0;
	/*border:1px solid yellow;*/
	}
/*------------ LISTING ACCUEIL ------------*/
.listing-selection {
	background-image:url(../images/charte/fd-listing.gif);
	width:190px;
	height:270px;
	float:left;
	background-repeat:no-repeat;
	}
.listing-selection-titre {
	width:180px;
	float:left;
	height:30px;
	text-align:center;
	margin:6px 0 0 5px;
	color:#FFFECD;
	line-height:15px;
	}
.listing-selection-prix {
	width:180px;
	float:left;
	height:25px;
	font-size:23px;
	font-weight:bold;
	color:#FFFFFF;
	font-style:italic;
	text-align:center;
	margin:5px 0 0 5px;
	display:block;
	}
.listing-selection-visuel {
	width:175px;
	text-align:center;
	height:140px;
	float:left;
	margin:7px 0 0 7px;
	}
.listing-selection-info a:hover {
	background-image:url(../images/charte/plus_infos-focus.gif);
	}
.listing-selection-info a{
	background-image:url(../images/charte/plus_infos.gif);
	background-repeat:no-repeat;
	height:25px;
	display:block;
	float:left;
	width:84px;

	/*margin:2px 52px 0 0;*/
	margin-left:50px; 
	}
*html .listing-selection-info a{
	margin-left:25px; 
	}
/*------------ LISTING GENERAl ------------*/
.rubrique {
	background-image:url(../images/charte/fd-listing-general.gif);
	width:156px;
	height:190px;
	text-align:center;
	float:left;
	margin:10px 15px 0 0;
	background-repeat:no-repeat;
	}
#container .rubrique-titre a{
	float:left;
	text-align:center;
	text-decoration:none;
	color:#FFFFFF;
	margin:10px 0 0 0;
	background-image:url(../images/charte/fd-titre.gif);
	width:157px;
	height:18px;
	}
#container .rubrique-titre a:hover{
	float:left;
	color:#000;
	}

.rubrique-visuel {
	float:left;
	margin:7px 0 0 0;
	width:156px;
	height:146px;
	text-align:center;
	}
/*----------------------- Actualites ------------------*/
.news-colonne-rigth {
	width:340px;
	float:left;
	margin:0 0 0 20px;
	}
*html .news-colonne-rigth {
	margin:0 0 0 10px;
	}
.news-colonne-left {
	width:340px;
	float:left;
	}
.news {
	background-image:url(../images/charte/news-dupplicate.gif);
	width:356px;
	float:left;
	background-repeat:repeat-y;
	margin:0;
	padding:0;
	}
.news-top {
	background-image:url(../images/charte/news-top.jpg);
	height:10px;
	width:356px;
	float:left;
	margin:0;
	padding:0;
	background-repeat:no-repeat;
	}
.news-bottom {
	background-image:url(../images/charte/news-bottom.jpg);
	height:10px;
	width:356px;
	float:left;
	margin:0 0 30px 0;
	background-repeat:no-repeat;
	}
.news-visuel {
	width:70px;
	height:70px;
	float:left;
	margin:3px 5px 0 7px;
	background-color:#a52524;
	border:none;
	}
#container .news a {
	color:#FFFFFF;
	}
.news p{
	color:#FFFFFF;
	font-size:12px;
	margin:0 10px 5px 10px;
	line-height:15px;
	/*width:260px;*/
	}
.news-contact {
	background-image:url(../images/charte/puce.gif);
	background-repeat:no-repeat;
	background-position:center left;
	padding-left:10px;
	}
.news-titre {
	width:260px;
	font-size:13px;
	border-bottom:1px dotted #FEFBD3;
	padding-bottom:2px;
	font-weight:bold;
	margin:0 0 10px 0;
	float:left;
	color:#FEFBD3;
	}
/*------------------- LIVRE D'OR ---------------------------*/

.livreOr-titre {
	width:330px;
	font-size:13px;
	border-bottom:1px dotted #FEFBD3;
	padding-bottom:2px;
	font-weight:bold;
	margin:0 0 10px 0;
	float:left;
	color:#FEFBD3;
	}
/*------------------- RECETTE ------------------------------*/
.recette-designation {
	width:704px;
	float:left;
	font-size:15px;
	font-weight:bold;	
	color:#FFFFCC;
	padding:4px 0 0 10px;
	height:29px;
	background-image:url(../images/charte/fd-fiche-titre.gif);
	}
.recette-descriptif p{
	color:#FFFFCC;
	font-size:12px;
	width:350px;
	}
.recette-descriptif {
	width:350px;
	float:left;
	padding-left:20px;
	margin:10px 0 0 5px;
	}
.recette-descriptif li{
margin-left:40px;}
.recette-titre {
	background-color:#B83231;
	float:left;
	width:350px;
	color:#FFFFFF;
	font-size:14px;
	height:20px;
	padding:0 0 0 5px;
	margin:10px 0 10px 0;
	}

.recette-droite{
	float:left;
	/*border:1px solid yellow;*/
	width:285px;
	margin-left:15px;
}


.recette-visuel img {border:1px solid #FFFFCC;}
.recette-visuel {
	width:285px;
	text-align:center;
	margin:20px 5px 0 0; 
	height:240px;
	float:right;
	}
fieldset ul{
	margin:10px 0 10px 30px;
	}
fieldset li {
	list-style-image:url(../images/charte/puce.gif);
	}
#container fieldset li a{
	text-decoration:none;
	color:#FFFECD;
	}
#container fieldset li a:hover {
	text-decoration:none;
	background-color:#FFFECD;
	color:#A52524;
	}
fieldset {
	float:right;
	width:280px;
	margin:10px 10px 0 0;
	border:1px solid #FFFECD;
	color:#FFFECD;
	}
legend {
	padding:0 5px;
	font-size:15px;
	letter-spacing:1px;
	margin:0 0 0 110px;
	color:#FFFECD;
	}
.recette {
	background-image:url(../images/charte/fd-fiche.gif);
	width:714px;
	float:left;
	padding-bottom:10px;
	margin:0;
	}

/*------------------- FICHE PRODUIT ------------------------*/
#container .fiche a{
	color:#FFFFFF;
	text-decoration:underline;
	}
#container .fiche a:hover {
	color:#FFFFFF;
	text-decoration:none;
	}
.fiche {
	background-image:url(../images/charte/fd-fiche.gif);
	width:714px;
	float:left;
	padding-bottom:10px;
	margin:10px 0 0 0;
	position:relative
	}
.fiche-designation {
	width:704px;
	float:left;
	font-size:15px;
	color:#FFFFCC;
	font-weight:bold;
	padding:4px 0 0 10px;
	height:29px;
	background-image:url(../images/charte/fd-fiche-titre.gif);
	}
.fiche-bottom {
	width:714px;
	height:10px;
	margin:0 0 10px 0;
	float:left;
	background-image:url(../images/charte/fd-fiche-bottom.gif);
	background-repeat:no-repeat;
	}
.fiche-avis {
	display:block;
	border-bottom:1px dotted #FFFFCC;
	}
.fiche-descriptif p{
	color:#FFFFCC;
	font-size:12px;
	width:380px;
	}
.fiche-descriptif {
	width:380px;
	float:left;
	margin:10px 0 0 5px;
	/*border:1px solid blue;*/
	}
.fiche-titre {
	background-color:#B83231;
	float:left;
	width:380px;
	color:#FFFFFF;
	font-size:14px;
	height:20px;
	padding:0 0 0 5px;
	margin:10px 0 10px 0;
	}

.quantite {
	float:left;
	width:70px;
	color:#FFFFFF;
	font-size:14px;
	height:20px;
	padding:0 0 0 5px;
	margin:10px 0 10px 10px;
	}

.fiche-droite{
	float:left;
	/*border:1px solid blue;*/
	width:280px;
	margin-left:15px;
}


.fiche-visuel {
	width:285px;
	text-align:center;
	margin:20px 10px 0 0; 
	height:240px;
	/*float:right;*/
	}
.fiche-panier {
	width:300px;
	height:24px;
	float:left;
	}
.fiche-panier a {
	background-image:url(../images/charte/ajout-panier.jpg);
	width:158px;
	height:24px;
	float:left;
	display:block;
	margin:0 0 0 0px;
	}
.fiche-panier a:hover {
	background-image:url(../images/charte/ajout-panier-roll.jpg);
	}
/*------------------- OFFRES SPECIALES ---------------------*/
.offre {
	background-image:url(../images/charte/fd-promo.gif);
	width:356px;
	height:160px;
	float:left;
	margin:5px 4px 5px 0;
	padding:0;
	}
.offre-visuel {
	width:110px;
	height:110px;
	margin:7px 6px 0 0;
	float:right;
	text-align:center;
	}
.offre-titre {
	color:#FDF9D9;
	border-bottom:1px dotted #FDF9D9;
	display:block;
	width:220px;
	margin:7px 0 10px 7px;
	float:left;
	}
.offre p {
	clear:left;
	width:220px;
	margin:0 0 0 7px;
	color:#FFFFFF;
	font-size:12px;
	}
.offre-prix-promo {
	font-size:14px;
	float:left;
	text-decoration:line-through;
	color:#FDF9D9;
	width:50px;
	margin:3px 0 0 30px;
	display:block;
	}
.offre-prix {
	float:left;
	width:70px;
	display:block;
	font-size:17px;
	text-align:right;
	color:#FFFFFF;
	}
.offre-info a:hover {
	background-image:url(../images/charte/plus_infos-focus.gif);
	}
.offre-info a{
	background-image:url(../images/charte/plus_infos.gif);
	background-repeat:no-repeat;
	height:23px;
	display:block;
	width:84px;
	float:right;
	margin:0 17px 0 0;
	}

/*------------------- CONTACT ------------------------------*/
#contact  input:focus { background-image:url(../images/charte/input-focus.jpg); border:1px solid #FFFECD;}
#contact input {
	background-image:url(../images/charte/input.jpg);
	width:174px;
	height:20px;
	border:1px solid #FFFECD;
	font-size:11px;
	color:#000;
	padding:2px 4px 0 4px;
	font-family:"Trebuchet MS";
	color:#FFFECD;
	}
textarea:focus { background-image:url(../images/charte/textarea-focus.jpg);border:1px solid #FFFECD;}
textarea {
	background-image:url(../images/charte/textarea.jpg);
	width:178px;
	height:118px;
	font-size:11px;
	color:#000;
	border:1px solid #FFFECD;
	font-family:"Trebuchet MS";
	padding:2px;
	color:#FFFECD;
	}
#contact {
	font-family:"Trebuchet MS";
	background-color:#FFFECD;
	border:1px solid #A24247;
	font-size:12px;
	padding:10px;
	margin:10px 0 5px 0;
	float:left;
	width:700px;
	background-repeat:no-repeat;
	color:#000;
	background-image:url(../images/charte/contact.gif);
	}
	
/**************************************************************************
*					ajouté par developpeur 						*
***************************************************************************/
#GuestBook  input:focus { background-image:url(../images/charte/input-focus.jpg); border:1px solid #FFFECD;}
#GuestBook  input {
	background-image:url(../images/charte/input.jpg);
	width:174px;
	height:20px;
	border:1px solid #FFFECD;
	font-size:11px;
	color:#000;
	padding:2px 4px 0 4px;
	font-family:"Trebuchet MS";
	color:#FFFECD;
	}
#GuestBook{
	font-family:"Trebuchet MS";
	background-color:#FFFECD;
	border:1px solid #A24247;
	font-size:12px;
	padding:10px;
	margin:10px 0 5px 0;
	float:left;
	width:332px;
	background-repeat:no-repeat;
	color:#000;
	background-image:url(../images/charte/contact.gif);
	}
/**************************************************************************
*				Fin style ajouté par developpeur 					*
***************************************************************************/
#contact .bouton:focus {
	background-image:url(../images/charte/contact.jpg);
	width:143px;
	background-repeat:no-repeat;
	height:25px;
	border:1px solid #FFFECD;
	cursor:pointer;
	color:#FFF;
	}

#contact .bouton {
	background-image:url(../images/charte/contact.jpg);
	width:143px;
	background-repeat:no-repeat;
	height:25px;
	border:0px solid #FEC11B;
	cursor:pointer;
	color:#FFF;
	font-size:13px;
	}
.petit {font-size:9px;}
.contact-loi {float:left; width:600px; margin:0 0 10px 0;}
.merci {font-size:12px;margin:80px 0 0 165px; font-family:"Trebuchet MS";}
.bloc-adresse-left {	
	width:300px;
	float:left;
	margin:0 20px 0 0;
	}
.bloc-adresse-right {	
	width:400px;
	float:left;
	margin:0 20px 0 0;
	}
.prix-ttc{
color:#fff;
font-size:16px;
font-weight:bold}
	.nouveau {
	width:115px;
	height:70px;
	position:absolute;
	background-image:url(../images/charte/new.png);
	background-repeat:no-repeat;
	
	top:3px;
	right:-3px;
	_background:url();
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/charte/new.png', sizingMethod='image');

}
	.nouveau-list {
	width:64px;
	height:40px;
	position:absolute;
	background-image:url(../images/charte/new2.png);
	background-repeat:no-repeat;
	
	top:3px;
	right:-3px;
	_background:url();
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/charte/new2.png', sizingMethod='image');

}

	.promo {
	width:75px;
	height:45px;
	position:absolute;
	background-image:url(../images/charte/promo.png);
	background-repeat:no-repeat;
	
	top:3px;
	right:-3px;
	_background:url();
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/charte/promo.png', sizingMethod='image');

}

.textacc{
float:left;
width:300px;
margin-top:30px;}

.textacc p.nouv{
font-size:16px;
color:#660000;
font-weight:bold;
text-align:center;
margin-top:30px;}
.bloc{
float:left;
width:400px}
.nouveaute-promo{
float:left;
width:700px;
margin-top:10px}

.prix{
float:left;
width:100px;
font-size:14px;
color: #FFCC99;
font-weight:bold;
font-family:"Trebuchet MS";
text-decoration:line-through;
text-align:center	;
margin-top:3px
}
.prix-promo2{
float:left;
margin-left:20px;
text-align:center;
width:100px;
font-size:18px;
margin-bottom:5px;
font-weight:bold;
color:#fff;
font-family:"Trebuchet MS";
}

.prix-promo{
float:left;
margin-right:20px;
text-align:center;
width:100px;
font-size:18px;
margin-bottom:5px;
font-weight:bold;
color:#fff;

	font-family:"Trebuchet MS";
}



.or{
	width:650px;
	float:left;
	background-color:#a52524;
	padding:6px 5px 15px 7px;
	margin:10px 0px 10px 30px;
	border:1px solid #8d0e0d;
}

.or p.tit{
font-size:14px;
font-weight:bold;
color:#fffecd;
float:left;
width:540px;
margin-bottom:10px;
border-bottom:1px dotted #fffecd; }

.or p.dat{
font-size:14px;
float:right;
margin-right:10px;
color:#fffecd;}

.or p{

color:#fff;}

.ami{
float:left; width:200px;
margin-right:10px;
text-align:center}
.avis{
float:right;
width:200px}
.bas{
float:left;
width:500px;
margin-left:110px;
}
.bas p{
	font-size:11px;
	font-family:"Trebuchet MS";
	color:#FFFECD;
}

.menu{
margin-left:0px;
font-size:11px;

}

#rec{
float:left;
background:url(../images/charte/recette.jpg) no-repeat;
padding-top:30px;
margin-left:10px;
width:170px;
text-align:left;
}

#rec p{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
padding-left:20px;
margin-left:10px;
line-height:1.2em;
font-weight:bold;
background:url(../images/charte/pt.jpg) no-repeat;
padding-bottom:5px;
margin-bottom:0px;
}

/* ***************** PARTENAIRES  ***************** */

.IDEO_vignette{
height: 180px;
width: 146px;
float:left;
margin:0px 0 3px 10px;
}


.IDEO_vignette .IDEO_visuel, #contenu .IDEO_visuel{
height: 146px;
width: 146px;
background: url(../images/fond-vignette.png) no-repeat left top;
}

.IDEO_vignette p a:visited, #contenu .IDEO_vignette p a:link{
text-decoration:none;
position:relative;
}

p.IDEO_visuel,  #contenu .IDEO_vignette p{
text-align:center;
margin:0;
font-variant:small-caps;
}
a img{
filter: alpha(opacity=100);
-moz-opacity: 1.00;
 opacity:1.00;
 }

a:hover img{
filter: alpha(opacity=80);
-moz-opacity: 0.70;
 opacity:0.70;
 }


.IDEO_vignette img {
margin:0 5px 0 0;
}

/* ***************** PAGE PARTENAIRE LIENS - ZONE AUTRE PARTENAIRE ***************** */

.IDEO_partenaires {
float:left;
margin:0 0 10px 6px;
}

#IDEO_autres_partenaires {
font:12px/1.3em Arial, Helvetica, sans-serif;
}

#IDEO_autres_partenaires ul li{
padding-bottom:5px;
padding-left:55px;
}





/* ***************** FIN PARTENAIRES  ***************** */

