/***********************************************************/
/* GENERAL STATEMENTS */
/***********************************************************/
	html {height:100%; margin:0px; padding:0px; /* overflow:-moz-scrollbars-vertical; */}
	body {
		height:100%; 
		margin:0px; 
		padding:0px; 
		font-family:Verdana, Arial, Helvetica, sans-serif; 
		color:#b6a8a1; 
		background: url('resources/images/common/bg_body_gradient.jpg')repeat-x;
/*		background:url(resources/images/common/bg_body.jpg) top left repeat; */
		line-height:15px; 
		text-align:left;
	}
	div {margin:0px; padding:0px; display:block;}
		div a {cursor:hand;}
	img {border:0px;}
	a {
		color:#b6a8a1;
		text-decoration:none;
		outline: none;
	}
	
/***********************************************************/
/* LAYOUT */
/***********************************************************/
/* .background {width:100%; height:300px; background:url(resources/images/common/bg_bodyTop.jpg) no-repeat; margin:0px; padding:0px; z-index:10;}
	.default {position:relative; clear:both; width:988px; margin:0px 0px 0px 194px; padding:0px 50px 0px 0px;} */
	
.background {
	min-width:100%; 
	width:100%; 
	height:300px;  
	margin:0px; 
	padding:0px; 
	background: none !important;
/*	background:url(resources/images/common/bg_bodyTop.jpg) top left repeat-x; */
	z-index:10;
}
	.background .element {
		position:absolute; 
		left:50%;
		height:300px; 
		width:600px;
		margin-left:-725px; 
/*		background:url(resources/images/common/vi_element.jpg) no-repeat;*/
	}
	.default {
		position:relative; 
		clear:both; 
		width:1036px; 
		margin:0px auto 0px auto; 
		padding:0px 50px 0px 0px;
	}
	.icon,
	.popBody .title .icon_popBody {
		float: right;
		clear: right;
		position: relative;
		top: 5px;
		padding-top: 8px;
	}	
	.icon {
		width: 106px;
		background: url('resources/images/common/border_horizontal.gif') repeat-x;		
	}
	.popBody .title .icon_popBody {
		background: url('resources/images/common/vsep_popbody_icon.gif') no-repeat 31px center;		
	}
	.bloc_icon_top {
		background: none;
		margin-bottom: 7px;		
	}
		.item {
			float: left;
			margin-right: 16px;
			text-transform: uppercase;
		}
		.item.social_icon {
			margin-right: 0;
		}
			.item.social_icon a {
				margin-right: 4px;
			}
			.item.social_icon a.last_item {
				margin-right: 0;
			}
		.content {height:auto; padding-top:0;}
			.colLeft {float:left; width:285px;}
				.colLeft .btLogo {
					clear:both;
					margin-left: 3px;
				}
				.colLeft .menu {
					clear:both; 
				}
			.colRight,.add_see_list,.suggestion_idea {display:block;}
			.suggestion_idea a:hover p {color:#998379;}
			.colRight {
				float:left;
				width: 750px;
			}
			.bloc_suggestion,
			.add_see_list {
				background: url('resources/images/common/bg_border_top.gif') repeat-x left top;	
			}
				.add_see_list div,
				.suggestion_idea {
					background: url('resources/images/common/border_horizontal.gif') repeat-x left bottom;
				}
				.add_see_list div.see_list,
				.suggestion_idea.suggestion_de_plat {
					background: none;
				}
				.add_see_list {
					width: 215px;
				}
				.add_see_list div {
					padding: 10px 0;
					font-weight: bold;
				}
				div.add_grocery_list a {
					width: 210px;
					height: 25px;
					display: block;
					outline: none;
					text-indent: -9999px;
					background: url('resources/images/fr/icon_add_list.gif') no-repeat right center;					
				}
				div.add_grocery_list a:hover {
					background: url('resources/images/fr/icon_add_list_hover.gif') no-repeat right center;					
				}
				div.remove_grocery_list a {
					width: 210px;
					height: 25px;
					display: block;
					outline: none;
					text-indent: -9999px;
					background: url('resources/images/fr/icon_remove_to_list.gif') no-repeat right center;					
				}
				div.remove_grocery_list a:hover {
					background: url('resources/images/fr/icon_remove_to_list_hover.gif') no-repeat right center;					
				}
				div.see_list a {
					width: 210px;
					height: 25px;
					display: block;
					outline: none;
					text-indent: -9999px;
					background: url('resources/images/fr/see_list_not_hover.gif') no-repeat right center;					
				}
				div.see_list a:hover {
					background: url('resources/images/fr/see_list_hover.gif') no-repeat right center;
				}
				.suggestion_idea,
				.bloc_suggestion {
					padding: 11px 0;
				}
				.suggestion_idea.suggestion_de_plat {
					padding: 10px 0 0 0;
				}
					.bloc_suggestion img {
						float: left;
					}
				.text_suggestion,
				.desc_recette {
					width: 102px;
					float: right;
					margin-left: 8px;
				}
					.text_suggestion p {
						margin-top: 5px;
					}
		.footer {
			width: 746px;
			float: right;
			height: 70px;
			margin-top: 23px;
			padding-top: 13px;
			text-align: center;
			margin-right: 5px;
			background: url('resources/images/common/bg_border_top.gif') repeat-x left top;			
		}
			span.rules_item {
				background: url('resources/images/common/bg_rules_item_footer.gif') no-repeat left 11px;
				padding-left: 72px;	
						
			}
			span.contact_item {
				padding-right: 69px;
				background: url('resources/images/common/bg_contact_item_footer.gif') no-repeat right 11px;				
			}
				span.contact_item a {
					margin-right: 0;
				}
				span.contact_item a:hover {
					margin-right: 0;
				}
				.footer a {
					margin-right: 26px;	
					color:#b6a8a1;font-size:8px;text-decoration:none;text-transform:uppercase;
				} 
				.footer a:hover {
					margin-right: 26px;	
					color:#998379;font-size:8px;text-decoration:none;text-transform:uppercase;
				}
	
/***********************************************************/
/* RECETTES */
/***********************************************************/
	.menuView {float:left; width:445px; height:20px; font-size:10px;}
		.menuView .item a {float:left; width:auto; color:#b6a8a1; margin-right:24px;}
		.menuView .item a:hover {color:#998379;}
		.menuView .item a.actif {color:#998379;}
	.pagination {float:left; width:305px; font-size:10px; color:#b6a8a1; font-weight:bold; text-align:right; height:20px;}
		.pagination .btArrow {float:right;}
		.pagination ul {float:right; margin:0px; padding:0px;}
			.pagination ul li {float:left; margin-right:12px; list-style:none;}
			.pagination ul li.last {margin-right:0px;}
				.pagination ul li a {text-decoration:none;}
				.pagination ul li a:hover {color:#998379; text-decoration:underline;}
				.pagination ul li a.actif {color:#998379; text-decoration:underline;}
	
	/* page vignette */
	.pVignette {clear:both;}
		.pVignette .row {clear:both; margin-left:-5px; height:177px; padding-top:20px;}
			.pVignette .row .thumb,
			.pVignette .row .thumbLast {
				float:left;
				width:233px;
				height:176px;
				padding:4px 0px 0px 4px;
				background:url(resources/images/common/bg_vignette_shadow.png) top left no-repeat;
				position: relative;
			}
			.pVignette .row .thumb {
				margin-right:20px;
			}
			.pVignette .row .thumbLast {
				margin-right:0px;
			}
			.pVignette .row .thumb a,
			.pVignette .row .thumbLast a {
				display: block;
			}
			
	/* page vignette agrandi */
	.pAgrandi {clear:both; height:430px; padding:20px 0px 0px 60px;}
		.pAgrandi .btArrow {float:left; margin-top:200px;}
		.pAgrandi .contentImage {
			float:left;
			width:508px;
		}
			.pAgrandi .contentImage .title {text-align:center; padding-bottom:13px;}
			.pAgrandi .contentImage .imgRecipe {float:left; width:508px; height:383px; background:url(resources/images/common/bg_agrandi_shadow.png) top left no-repeat; padding:3px 0px 0px 3px;}
	
	/* page liste */
	.pListe {clear:both;}
		.pListe .column {float:left; width:220px; margin-right:35px; padding-top:40px;}
		.pListe .columnLast {float:left; width:220px; margin-right:0px; padding-top:40px;}
		ul.list {margin:0px; padding:0px;}
			ul.list li {
				font-size:15px;
				font-family: Georgia,Verdana,sans-serif;
				font-weight:bold;
				font-style: italic;
				text-transform:uppercase;
				list-style:none;
				padding:0px 0px 11px 0px;
			}
				ul.list li ul {margin:10px 0 0 0; padding:0px}
					ul.list li ul li {font-size:12px; font-weight:normal; text-transform:none; list-style:none; padding:0px 0px 5px 0px;}
						ul.list li ul li a {color:#b6a8a1; text-decoration:none;}
						ul.list li ul li a:hover {color:#998379; text-decoration:none;}
						
	/* page fiche recette */
	.pFiche {clear:both;}
		.pFiche .fLeft {float:left; width:535px;}
			.pFiche .fLeft .title {
				clear: both;
				padding: 0 0px 27px 0px;
			}
			.pFiche .title {
				clear: both;
				padding: 0 0px 10px 0px;
			}
			.pFiche .fLeft .player {clear:both; width:535px; height:424px;}
			.pFiche .fLeft .step {width:500px; padding:0px 0px 37px 0px; background:url(resources/images/common/hsep.gif) bottom left repeat-x; }
			.pFiche .fLeft .other {clear:both; padding-top:25px;}
				.pFiche .fLeft .other .title_page {float:left; width:100%; height:40px;}
					.pFiche .fLeft .other .title_page .page {float:right; width:100px; font-size:10px; font-weight:bold; text-align:right; margin-right:36px; padding-top:6px;}
				.pFiche .fLeft .other .slideshow {clear:both; margin:0px; padding:0px;}
					.pFiche .fLeft .other .slideshow .btArrow {float:left; width:30px; margin-top:43px;}
					.pFiche .fLeft .other .slideshow .contentSlide {float:left; width:448px; height:107px; margin:0px; padding:0px;}
						.pFiche .fLeft .other .slideshow .contentSlide .item {float:left; width:138px; height:104px; margin-right:8px; padding:3px 0px 0px 3px; background:url(resources/images/common/bg_slideshow_shadow.png) top left no-repeat;}
		
		.pFiche .fRight {
			float:left;
		    width:215px;
		}
		.fLeft_fRight {
			width: 750px;
			float: right;
		}
			.pFiche .fRight .icon {clear:both; height:40px; padding:20px 0px 0px 0px;}
				.pFiche .fRight .icon .item {float:left; margin-right:15px;}
			.pFiche .fRight .ingredient {clear:both;}
			.pFiche .fRight div.ingredient,
			p.tiText#title_recette_etape {
				padding-top:16px;
				background: url('resources/images/common/border_to_recette.gif') repeat-x left top;	
			}
		p.tiText {
			float:left;
			width:50%;
			padding:0px 0px 24px 0px;
		}
		p.tiText#title_recette_etape {
			width: 100%;
		}

/***********************************************************/
/* PRODUITS */
/***********************************************************/
.pProduit {clear:both;}
	.pProduit .titleInto {width:750px; margin-top:55px; padding-bottom:22px;}
	.pProduit .row {
		clear:both; 
		height:282px; 
		padding-bottom: 10px;
		background:url(resources/images/common/hsep.gif) bottom left repeat-x;
	}
	.pProduit .row.no_border_bottom {
		background: none;
		margin-top: 33px;
	}
		.pProduit .row .bloc {float:left; width:228px; background:url(resources/images/common/vsep.gif) no-repeat right 5px; padding-left:22px;}
		.pProduit .row .blocLast {float:left; width:228px; height:282px; padding-left:22px;}
			.pProduit .row .bloc img.title, .blocLast img.title {margin:17px 0px 22px 0px;}
			.pProduit .row .blocTexte,
			.pProduit .row .btSeeRecipe {
				clear:both;
				width:228px;
				text-align: center;
			}
			.pProduit .row .blocTexte {
				height: 260px;
			}
				.pProduit .row .blocTexte p {
					width: 202px;
					font-size: 12px;
				}
		.pProduit .row .btSeeRecipe {
			clear: both; 
			width: 208px; 
			padding-right: 20px;
		}

/***********************************************************/
/* CONCOURS */
/***********************************************************/
.colRight .pConcours {clear:both; width:750px;}
	.colRight .pConcours .titleInto {
		width:750px;
	}
	.pConcours .row {clear:both; height:330px; background:url(resources/images/common/hsep.gif) bottom left repeat-x;}
		.pConcours .row .bloc {float:left; width:262px; background:url(resources/images/common/vsep.gif) no-repeat right 30px; padding-left:0px;}
		.pConcours .row .blocLast {float:left; width:225px; height:323px; padding-left:0px;}
			.pConcours .row .bloc img.prix, .blocLast img.prix {margin:15px 0 15px 10px;}
		.pConcours .row .blocPrix {clear:both;}
		.pConcours .row .blocDesc {clear:both; height:102px; padding-left:25px;text-align:center;}
		.pConcours .row .blocDesc h3 {font: 20px Georgia,Verdana,sans-serif;
		color: #ac9b91;
		font-style: italic; font-weight:bold;}
	.colRight .pConcours .row2 {float:left; width:750px; height:auto; background:url(resources/images/common/hsep.gif) bottom left repeat-x; padding:21px 0px 14px 0px;}
		.pConcours .row2 .listWinner {float:left; width:192px; height:auto; padding-top:20px;}
		.pConcours .row2 .form {flaot:left;}
			.pConcours .row2 .form .colLeft {flaot:left; width:328px;}
			.pConcours .row2 .form .colRight {flaot:left; width:420px;}
	.colRight .pConcours .legal {
		clear:both;
		width:750px;
		padding-top:22px;
	}	
	
	.control {float:left; width:220px; height:22px; font-size:11px;}
	* html .control {float:left; width:210px; height:22px; font-size:11px;}
	.controlLast {float:left; width:196px; height:22px; font-size:11px; margin-right:0px;}	
	#concours_form input#accept,
	#concours_form input#is_subscribed {
		float: left;
	}
	#concours_form .control.city_choice {
		clear: left;
		margin-bottom: 14px;
	}
	#concours_form span.accept_text,
	#concours_form span.accept_text {
		width: 520px;
		display: block;
		float: left;
		text-align: left;
	}
	#concours_form .colRight {
		width: 517px;
	}
	.popBody .pConcours .titleInto {
		margin-bottom: 15px;
		background: url("resources/images/common/bg_border_top.gif") repeat-x left bottom transparent
	}
		
/***********************************************************/
/* POP UP SEND TO A FRIEND */
/***********************************************************/
.popBody {
	width: 455px;
	margin: 0px;
	padding-top: 10px;
	position: relative;
	background-image: none;
}
	.popBody .list_item_ingredients .list_item {
		width: 100%;
		display: block;
		float: left;
	}
.pop {
	clear:both;
	margin-right: 0 !important;
}
	.pop .btClose {float:right;}
	.pop .tiPop {
		float:left;
		margin-bottom:22px;
	}
		#popContact .tiPop,
		.textarea_row,
		#popSend .tiPop,
		.last_row_send_friend {
			padding-bottom: 25px;
			background: url('resources/images/common/bg_border_top.gif') repeat-x left bottom;
		}
		#popContact .tiPop,
		#popSend .tiPop {
			width: 100%;
			text-align:center;		
		}

	.pop .form {width:428px;}
		.pop .form .row {clear:both; min-height:40px; height:auto; margin-bottom:25px;}
			.pop .form .label {clear:both; width:200px; height:10px; margin-bottom:9px;}
			.pop .form .control1 {float:left; height:19px; margin-bottom:10px;}
			.pop .form .control2 {float:left; margin:10px 0px 0px 25px;}
			.pop .form .clear {clear:both;}
	#formContact .infos_name_mail {
		float: left;
	}
	#msgErreur, #msgConfirm {margin:0 0px 15px 0px;}
			
			
/***********************************************************/
/* TEXTE */
/***********************************************************/
h1 {font-size:15px; margin-bottom:15px;}
p {clear:both; font-size:11px; color:#b6a8a1; line-height:15px; margin:0px; padding:0px;}

p.msgErreur {width:335px; clear:both; font-size:10px; color:red; line-height:15px; margin:0px; padding:0px;}
p.ingredient {clear:both; font-size:11px; color:#b6a8a1; line-height:18px; margin:0px; padding:0px;}
p.txtLegal {clear:both; font-size:9px; color:#b6a8a1; line-height:12px; margin:0px; padding:0px;}

.bloc_postal_code {
	width: 127px;
	margin-bottom: 14px;
	float: left;
}

input.field {width:196px; height:14px; border:1px solid #eae5e2; background:#fbfaf4; font-size:11px; color:#998379; padding-top:3px;}
input.field.little_field {
	width: 55px;
}
input.field#name {margin-right:19px;}
input.fieldErreur {width:196px; height:14px; background:#D6CDC8; font-size:11px; color:#998379; padding-top:3px;}
textarea.field {width:426px; height:61px; border:1px solid #eae5e2; background:#fbfaf4; font-size:11px; color:#998379;}
textarea.fieldErreur {background:#d6cdc8; font-size:11px; color:#998379;}
label.fieldErreur{color:red;}
label.fieldErreur a{color:red;}

ul.legal {clear:both; margin:0px 0px 40px 15px; padding:0px;}
	ul.legal li {font-size:12px;}
	
ol.rules {clear:both; margin:15px 0px 40px 0px; padding:0px;}
	ol.rules li {font-size:12px; margin:0px 0px 0px 30px;}
		ol.rules li  ul {font-size:12px; margin:10px 0px 0px 25px; padding:0px; list-style:square;}
		ol.rules li  ol {font-size:12px; margin:10px 0px 0px 25px; padding:0px;}


/***********************************************************/
/* Outils d'info-bulles en javascript onMouseover="ddrivetip('')" */
/***********************************************************/
#dhtmltooltip {position: absolute; width:auto; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; color:#b6a8a1; padding:2px 10px 5px 10px; visibility: hidden; z-index: 100; text-align : left; }
#dhtmltooltip dt, #dhtmltooltip dd { width : auto; padding : 0; margin : 0 }
#dhtmltooltip dd { padding-left : 5px; font: bold 10px Verdana, Arial, Helvetica, sans-serif; color: #9A6219; text-align: left; }
#dhtmltooltip dt { margin-bottom : 2px; font: bold 10px Verdana, Arial, Helvetica, sans-serif; color: #513903; text-align: left;}
#dhtmlpointer {position:absolute; left: -300px; z-index: 101; visibility: hidden; }
#dhtmltooltip {background:url(resources/images/common/bg_title_shadow.png) top left repeat-x;}
#dhtmltooltip dt {color : #000;}

/***********************************************************/
/* Dans le div filter */
/***********************************************************/
#filter {
	width: 745px;
	height: 75px;
	float: left;
	margin: 60px 0 30px 0;
	background: url('resources/images/common/border_top_filter.gif') no-repeat left top;	
}
.pConcours #filter {
	margin: 60px 0 20px 0;
}

.select_pane {
	height:300px;
}

/***********************************************************/
/* recettes de chef */
/***********************************************************/

#nos_recettes_de_chef,
#la_famille_des_cremes,
#la_creme_des_concours {
	width: 588px;
	float: left;
	text-align: center;
	background: url("resources/images/common/bg_see_all.gif") no-repeat scroll right center transparent;
	margin: 7px 0 0 0;
	padding-right: 26px;
}
#recette_du_chef {
	width: 745px;
	float: left;
	margin-top: 10px;
	padding-bottom: 40px;
	text-align: center;
	background: url("resources/images/common/bg_border_top.gif") repeat-x scroll left bottom transparent;
}
	#recette_du_chef h1,
	#recette_du_chef h2,
	p.titleRecipe,
	.pFiche .fLeft .title h1,
	.pFiche .title h1,
	.pFiche .title h2 {
		font: 20px Georgia,Verdana,sans-serif;
		color: #ac9b91;
		font-style: italic;
	}
	#recette_du_chef h1,
	p.titleRecipe,
	.pFiche .fLeft .title h1,
	.pFiche .title h1 {
		font-weight: bold;
		margin-bottom: 0;
	}
	.pFiche .title h1 {
		width: 494px;
	}
	#recette_du_chef h2 {
		margin-bottom: 20px;
	}
.list_recettes_chef {
	width: 750px;
	float: left;
}
.list_recettes_chef.bottom {
	background: url("resources/images/common/border_horizontal.gif") repeat-x scroll 0 0 transparent;
}
	.list_recettes_chef li {
		width: 234px;
		list-style: none;
		float: left;
		padding: 15px 0;
		margin-right: 24px;
		background: url("resources/images/common/bg_see_all.gif") no-repeat scroll right center transparent;
	}
	.list_recettes_chef li a:hover p{color:#998379;}
	.list_recettes_chef li.last {
		margin-right: 0;
		background: none;
	}
		.list_recettes_chef img,
		.desc_recette {
			float: left;
		}
		.desc_recette h3,
		.text_suggestion h3 {
			font: bold italic 14px Georgia,Verdana,sans-serif;
			color: #AC9B91;
		}