/* CSS Document */

body{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#572103;
	font-size:12px;
	padding:0;
	margin:0;
	background:#f9ece0;
}

.spacer{
	clear:both;
}

/*Structure Generale*/
#fond{
	width:100%;
	padding:0;
	margin:0;
}

#wallpaper{
	width:100%;
	padding:0;
	margin:0;
}

#conteneur{
	width:780px;
	padding:0;
	margin:0 auto 0 auto;
}

a{
	color:#572103;
}

a:hover{
	color:#572103;
	text-decoration:none;
}

/*Page*/
#page{
	width:780px;
	padding:0;
	margin:0;
	background:url(droite/fond.gif) top right repeat-y #f9ece0;	
}

#page.process{
	background:none #f9ece0;	
}

/*Contenu*/
#contenu{
	float:left;
	width:780px;
	padding:10px 10px 10px 18px;
	margin:0;
}

/*Satisfaction*/
.satisfaction{
	float:left;
	width:120px;
	background:#ffffff;
}

.satisfaction ul{
	padding:0;
	margin:0;	
}

.satisfaction ul li{
	float:left;
	width:14px;
	height:12px;
	padding:0;
	margin:4px 4px 0 0;
	list-style:none;
	background:url(home/coeur-plein.gif) 0 0 no-repeat;	
}

/*Detail*/
#detail{
	float:left;
	width:771px;	
	background:url(detail/pied-detail.gif) bottom left no-repeat #ffffff;
	padding:0 0 20px 0;
	margin:5px 0 0 0;
}

#zone-descriptif{
	float:left;
	width:530px;
	padding:0;
	margin:0;
}

#t-detail{
	width:510px;
	height:42px;
	font-family: 'Goudy Bookletter 1911', "Times New Roman", Times, serif;
	font-size:18px;
	padding:10px 0 0 20px;
	margin:0 0 15px 0;
	background:url(detail/t-detail.gif) 0 0 no-repeat;
}

#zone-visuel{
	float:left;
	width:200px;
	padding:0;
	margin:0 30px 0 15px;
	_margin:0 30px 0 8px;	
}

#visuel{
	width:200px;	
	cursor:pointer;
}

#loupe{
	display:block;
	position:absolute;
	width:34px;
	height:34px;
	background:url(detail/loupe.png) 0 0 no-repeat;	
	_background:url(detail/loupe.gif) 0 0 no-repeat;
	margin:5px 0 0 5px;
	z-index:500;
	cursor:pointer;
}

.zoom-detail{
	position:absolute;
	display:none;
	opacity:0;
    -moz-opacity:0;
    filter:alpha(opacity=0);
	margin:0;
	z-index:1000;
	cursor:pointer;
}

#descriptif{
	float:left;	
	width:285px;
	_width:265px;
	padding:0;
	margin:0;
}

#descriptif p{
	font-size:14px;	
	padding:0;
	margin:0;
}

#descriptif a{
	float:left;
	width:200px;
	color:#572103;	
}

#descriptif a:hover{
	text-decoration:none;	
}

#zone-partage{
	float:right;	
	width:285px;
	padding:0;
	margin:25px 0 0 0;
}

#zone-partage.partage-recette{
	margin:0;
	float:left;
	width:470px;
}


#zone-partage a{
	float:left;
	width:206px;
	height:23px;
	background:url(detail/b-partage.gif) 0 -30px no-repeat;
	padding:7px 0 0 0;
	margin:0 0 10px 0;
	color:#572103;
	text-decoration:none;
}

#zone-partage a:hover{
	background:url(detail/b-partage.gif) 0 0 no-repeat;
	color:#ffffff;
}

#zone-partage a span{
	float:left;
	width:60px;
	height:30px;
	padding:0;
	margin:-7px 0 0 0;		
}

#zone-partage a span.fb{
	background:url(detail/picto-partage-fb.gif) 0 0 no-repeat;	
}

#zone-partage a span.mail{
	background:url(detail/picto-partage-mail.gif) 0 0 no-repeat;	
}

#zone-partage a span.print{
	background:url(detail/picto-partage-print.gif) 0 0 no-repeat;	
}

#zone-partage img{
	float:right;
}

.txt_beige{
	color:#c4875b;	
}

#zone-prix{
	float:left;
	width:241px;
	padding:0;
	margin:0;
}

#prix{
	float:left;
	width:185px;
	height:98px;
	background:url(detail/fd-prix.gif) 0 0 no-repeat;
	text-align:center;
	font-weight:bold;
	font-size:30px;
	padding:10px 30px 0 26px;
	_padding:10px 28px 0 26px;
}
#Tarif{
    display: inline;
    margin:0;padding:0;
}
#prix span{
	font-size:14px;
	font-weight:normal;
}

#prix strike{
	font-size:12px;
	font-variant:normal;
	color:#c18052;
}

#prix span.euro{
	font-size:12px;
	font-weight:normal;
}

#prix p{
	float:left;
	font-size:12px;
	padding:0;
	margin:10px 5px 0 36px;	
	_margin:10px 5px 0 20px;	
}

#prix a{
	float:left;
	width:10px;
	height:17px;
	padding:0;
	margin:10px 2px 0 2px;	
}

#site-pro-detail a{
	float:left;
	width:184px;
	height:46px;
	padding:0 5px 0 0;
	margin:35px 0 0 20px;
	background:url(detail/fond-pro.gif) 0 0 no-repeat;	
	text-align:right;
	color:#572103;
	text-decoration:none;
	font-size:11px;
}

#site-pro-detail a:hover{
	text-decoration:underline;
}

#reassurance-detail{
	float:left;
	width:206px;
	height:59px;
	background:#f9ece0;	
	padding:0;
	margin:20px 0 0 16px;
	_margin:20px 0 0 6px;
}

#reassurance-detail ul{
	padding:0;
	margin:0;
}

#reassurance-detail ul li{
	float:left;
	width:52px;
	list-style:none;
	padding:0;
	margin:6px 7px 0 7px;
}

#reassurance-detail ul li a{
	display:block;
	width:52px;
	list-style:none;
	font-size:9px;
	line-height:10px;
	text-align:center;
	padding:28px 0 0 0;
	color:#717374;
	text-decoration:none;
	margin:0;
}

#reassurance-detail ul li a.secu{
	background:url(detail/reassurance/picto-secu.gif) top center no-repeat;	
}

#reassurance-detail ul li a:hover.secu{
	color:#572103;
	background:url(detail/reassurance/picto-secu_on.gif) top center no-repeat;	
}

#reassurance-detail ul li a.expe{
	background:url(detail/reassurance/picto-expe.gif) top center no-repeat;	
}

#reassurance-detail ul li a:hover.expe{
	color:#572103;
	background:url(detail/reassurance/picto-expe_on.gif) top center no-repeat;	
}

#reassurance-detail ul li a.satisfait{
	background:url(detail/reassurance/picto-satisfait.gif) top center no-repeat;	
}

#reassurance-detail ul li a:hover.satisfait{
	color:#572103;
	background:url(detail/reassurance/picto-satisfait_on.gif) top center no-repeat;	
}

#reassurance-detail.recette{
	margin:50px 0 5px 9px;
	*margin:50px 0 5px 8px;
	_margin:50px 0 5px 2px;
}

#reassurance-port-detail.recette{
	margin:0 0 5px 9px;
	*margin:0 0 5px 8px;
	_margin:0 0 5px 2px;
}

#reassurance-port-detail{
	float:left;
	width:206px;
	height:59px;
	padding:0;
	margin:5px 0 0 16px;
	_margin:5px 0 0 6px;
}

#reassurance-port-detail a{
	float:left;
	width:136px;
	_width:142px;
	height:49px;	
	padding:10px 0 0 70px;
	margin:0;
	font-size:10px;
	line-height:13px;
	color:#717374;
	text-decoration:none;
	background:url(detail/reassurance/picto-port.gif) 5px 15px no-repeat #f9ece0;	
}

#reassurance-port-detail a:hover{
	color:#572103;
	background:url(detail/reassurance/picto-port_on.gif) 5px 15px no-repeat #f9ece0;	
}

#reassurance-port-detail a p{
	color:#c18052;
	font-size:14px;	
	font-weight:bold;
	padding:0;
	margin:0;
}

/*Fiche detail*/
.zone-fiches-detail{
	float:left;
	width:771px;
	background:url(detail/pied-detail.gif) bottom left no-repeat #ffffff;
	padding:0;
	margin:40px 0 0 0;
	_margin:0;
}

#boutons-fiches{
	float:left;
	width:771px;
	margin:-32px 0 20px 0;
	_margin:0;
	padding:0;
	background:url(detail/angle-fiche.gif) 766px 32px no-repeat;
	_background:url(detail/haut-fiche.gif) top left repeat-x;	
	font-family: 'Goudy Bookletter 1911', "Times New Roman", Times, serif;
}

#boutons-fiches a{
	float:left;
	width:168px;
	height:48px;
	padding:3px 0 0 0;
	margin:0 7px 0 0;	
	background:url(detail/b-fiches.gif) 0 -51px no-repeat;
	text-align:center;
	color:#572103;
	font-size:18px;
	text-decoration:none;
}

#boutons-fiches a:hover, #boutons-fiches a.select{	
	background:url(detail/b-fiches.gif) 0 0 no-repeat;
}

#fiche-detail{
	display:block;
	width:751px;
	padding:10px;
	margin:0 0 15px 0;
	font-size:12px;	
}

#fiche-detail p{
	float:left;
	width:731px;
	font-size:18px;
	font-weight:bold;
	padding:0 0 0 20px;
	margin:0;
	background:url(detail/puce-planete.gif) 0 4px no-repeat;
}

#fiche-detail span{
	display:block;
	width:751px;
	height:3px;
	padding:0;
	margin:10px 0 10px 0;
	background:url(detail/hr.gif) 0 0 repeat-x;	
}

/*Page recette*/

.zone-liste, .zone-static{
	float:left;
	width:771px;	
	background:url(detail/pied-detail.gif) bottom left no-repeat #ffffff;
	padding:0 0 20px 0;
	margin:0 0 20px 0;
}

.zone-static p{
	margin:0 10px 0 20px;
	line-height:13px;
}

#liste{
	margin:0 0 0 15px;	
}

.t-liste{
	width:510px;
	height:42px;
	font-family: 'Goudy Bookletter 1911', "Times New Roman", Times, serif;
	font-size:18px;
	padding:10px 0 0 20px;
	margin:0 0 15px 0;
	background:url(detail/t-detail.gif) 0 0 no-repeat;
}

#zone-pagination{
	display:block;
	position:absolute;
	width:191px;
	height:106px;
	padding:7px 0 5px 50px;
	margin:-67px 0 0 530px;
	*margin:-67px 0 0 515px;
	background:url(liste/fd-pages-liste.gif) 0 0 no-repeat;
}


/*Pages statiques*/
.angle-bloc{
	display:block;
	position:absolute;
	width:191px;
	height:106px;
	padding:7px 0 5px 50px;
	margin:0 0 0 530px;
	background:url(detail/angle-bloc.gif) 0 0 no-repeat;	
}

.colonne{
	float:left;	
	width:350px;
	padding:0;
	margin:0 10px 0 20px;
	*margin:0 10px 0 10px;
	line-height:13px;
}

span.sepa{
	display:block;
	width:771px;
	height:3px;
	padding:0;
	margin:10px 0 10px 0;
	background:url(detail/hr.gif) 0 0 repeat-x;	
	border:none;
}

.nom-boutiques{
	font-size:14px;	
	padding-left:20px;
	background:url(detail/puce-planete.gif) 0 0 no-repeat;
}

/*Recette*/
#recette{
	height:76px;
	padding:77px 3px 0 3px;
	background:url(droite/fond-recette.jpg) 0 0 no-repeat;
}

#zone-recette{
	display:block;
	width:746px;
}

#liste-recette{
	float:left;
	width:450px;
	padding:10px;
	margin:0 0 15px 20px;
	_margin:0 0 15px 10px;
	font-size:12px;	
}

#liste-recette p{
	float:left;
	width:470px;
	font-size:18px;
	font-weight:bold;
	padding:0 0 0 20px;
	margin:0;
	background:url(detail/puce-planete.gif) 0 4px no-repeat;
}

#liste-recette span{
	display:block;
	width:470px;
	height:3px;
	padding:0;
	margin:10px 0 10px 0;
	background:url(detail/hr.gif) 0 0 repeat-x;	
}

#liste-recette ul{
	display:block;
	margin:20px 0 20px 0;	
}

#liste-recette ul li a{	
	text-decoration:none;	
}

#liste-recette ul li a:hover{	
	text-decoration:none;
	background:#f9ece0;
}

#zone-droite-recette{
	float:right;
	width:225px;
}

.visuel-recette{
	position:absolute;
	margin:0 0 0 -150px;	
}

.fd-panier{
	background:url(recette/fd-panier.gif) 0 0 no-repeat;
	padding:0;
	margin:0;
	text-align:center;
	line-height:14px;	
}

.fd-panier p{
	color:#ffffff;
	padding:6px 0 10px 20px;
	font-size:11px;	
}