* { margin:0; padding:0; }
body { font-size:12px; color:#656565; font-family:Arial, sans-serif; background:#19171c url(../images/common/bg.jpg) repeat-x center top; }
a img { border:none; }
ul, ol { list-style:none; }

html, body { width:100%; height:100%; }
.background { background:url(../images/common/bg-light.jpg) no-repeat center -193px; }
.clear { clear:both; height:0px; overflow:hidden; }

/* Gabarit du site */
#cookin { position:relative; margin:0 auto; width:965px; text-align:left; }
	.logo { position:relative; width:384px; left:-4px; display:block; color:#fff; outline:none; }
#page { float:left; width:808px; padding:25px 0 0; background:#fff url(../images/common/page-top.gif) no-repeat left top; }
	#page-content { padding:0 35px 15px 45px; min-height:365px; background:url(../images/common/page-bottom.gif) no-repeat left bottom; position:relative; overflow:hidden; zoom:1;}
	* html #page-content { height:350px; }
.page-title { position:relative; padding:0 0 1px; margin:0 0 15px; background:url(../images/common/hdash.gif) repeat-x left bottom; }
	.page-title h1 { color:#c33178; font-size:35px; height:35px; font-weight:normal; font-family:Trebuchet MS, Helvetica, sans-serif; }
	.page-title .page-selector { position:absolute; right:0px; top:0px; display:block; }
		.page-title .page-selector select { width:250px; font-size:10px; color:#000; }
.page-list { margin:25px 0 -20px; }
	.page-list li { display:block; position:relative; zoom:1; margin:0 0 30px; }
		.page-list li a{ color:#000; }
		.page-list li h4 { color:#000; font-size:15px; margin:0 0 4px; }
			.page-list li h4 a { color:#000; text-decoration:none; }
			.page-list li h4 a:hover { text-decoration:underline; }
			.page-list li p {text-align:justify; width:700px;}
		.page-list li .page-list-number { position:absolute; left:0; top:-2px; font-size:35px; color:#b2005a; }
	ol.page-list li { position:relative; padding:0 0 0 40px; background:url(../images/common/vdash-list.gif) repeat-y 22px top; }


.page-demo #page-content{

padding-left:5px}

/* Menu */
.menu { float:left; display:inline; width:144px; margin:7px 0 0 9px; }
	.menu li { display:block; float:right; width:144px; height:25px; padding:0 0 4px; margin:0 0 5px; background:url(../images/common/menu-sep.gif) no-repeat right bottom; }
		.menu li a { display:block; float:right; width:148px; height:25px; color:#fff; }
			.menu li a span { display:none; }
		.menu li.item1 a { background:no-repeat 0 0;  }
			.menu li.item1 a.current, .menu li.item1 a:hover { background:no-repeat -148px 0;  }
		.menu li.item2 a { background:no-repeat 0 -25px;  }
			.menu li.item2 a.current, .menu li.item2 a:hover  { background:no-repeat -148px -25px;  }
		.menu li.item3 a { background:no-repeat 0 -50px;  }
			.menu li.item3 a.current, .menu li.item3 a:hover { background:no-repeat -148px -50px;  }
		.menu li.item4 a { background:no-repeat 0 -75px;  }
			.menu li.item4 a.current, .menu li.item4 a:hover { background:no-repeat -148px -75px;  }
		.menu li.item5 a { background:no-repeat 0 -100px;  }
			.menu li.item5 a.current, .menu li.item5 a:hover { background:no-repeat -148px -100px;  }
		.menu li.item6 a { background:no-repeat 0 -125px;  }
			.menu li.item6 a.current, .menu li.item6 a:hover { background:no-repeat -148px -125px;  }
	.fr .menu li a, .fr .menu li a:hover, .fr .menu li a.current { background-image:url(../images/lang/FR/menu.gif); }
	.nl .menu li a, .nl .menu li a:hover, .nl .menu li a.current { background-image:url(../images/lang/NL/menu.gif); }
	.it .menu li a, .it .menu li a:hover, .it .menu li a.current { background-image:url(../images/lang/IT/menu.gif); }


/* Footer */
#footer { clear:both; padding:25px 0 10px; zoom:1; background:#1a171b; }
	#footer .nav { zoom:1; margin:0 0 30px; height:52px; }
		#footer .nav li { float:left; display:inline; margin:0 8px 0 0; }
		#footer .nav a { float:left; display:block; color:#fff; }
			#footer .nav li.item1 { position:relative; top:-9px; }
			#footer .nav li.item4 { margin:0; }
	#footer .links { float:left; margin:0 10px 0 0; width:367px; height:40px; font-size:9px; color:#bfbfbf; background:url(../images/common/footer-sep.gif) no-repeat right top; }
	.it #footer .links { width:280px; }
	.nl #footer .links { width:320px; }
		#footer .links a { color:#bfbfbf; text-decoration:none; }
		#footer .links a:hover { text-decoration:underline; }
		#footer .links a.brochure { color:#af0057; }
	#footer .informations { font-size:9px; color:#bfbfbf; }
		#footer .informations:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/* Header */
#header { position:absolute; top:70px; left:535px; width:427px; height:45px; background:url(../images/common/header-bg.gif) no-repeat left top; }
	/* Recherche */
	#header .search { position:absolute; left:85px; top:17px; }
		#header .search input { display:block; float:left; padding:2px 6px; margin:0 2px 0 0; border:1px solid #c9c9c9; width:165px; font-size:9px; color:#848383; }
		#header .search button { position:relative; top:-2px; display:block; float:left; border:none; cursor:pointer; background:none; }
	/* Choix des langues */
	#header .lang { position:absolute; right:5px; top:12px; width:117px; height:27px; background:url(../images/common/lang.gif) no-repeat left top; }
		#header .lang .lang-fr { position:absolute; left:17px; }
		#header .lang .lang-nl { position:absolute; right:44px; }
		#header .lang .lang-it { position:absolute; right:16px; }
		#header .lang a { display:block; width:27px; height:27px; line-height:27px; text-align:center; font-size:9px; color:#272628; text-decoration:none; }
		.fr #header .lang .lang-fr a, .nl #header .lang .lang-nl a, .it #header .lang .lang-it a { color:#af0057; }
	#zone-catalog {position:absolute; right:0; top:-70px;}
	#zone-catalog {position:absolute; right:0; top:-70px;}

/* Homepage */
.page-homepage #cookin { background:url(../images/homepage/bg-photo.jpg) no-repeat left 255px; }
.page-homepage #page { padding:0; width:681px; height:374px; background:url(../images/homepage/container.jpg) no-repeat left top; }
.page-homepage #page-content { padding:0; height:auto; background:transparent; }
.page-homepage .menu { margin:10px 0 0 12px; width:267px; }
	.page-homepage .menu li { width:267px; height:31px; padding:0 0 6px; }
	.page-homepage .menu li a { width:182px; height:31px; }
	.page-homepage .menu li.item1 a { background:no-repeat 0 0;  }
		.page-homepage .menu li.item1 a:hover { background:no-repeat -182px 0;  }
	.page-homepage .menu li.item2 a { background:no-repeat 0 -31px;  }
		.page-homepage .menu li.item2 a:hover { background:no-repeat -182px -31px;  }
	.page-homepage .menu li.item3 a { background:no-repeat 0 -62px;  }
		.page-homepage .menu li.item3 a:hover { background:no-repeat -182px -62px;  }
	.page-homepage .menu li.item4 a { background:no-repeat 0 -93px;  }
		.page-homepage .menu li.item4 a:hover { background:no-repeat -182px -93px;  }
	.page-homepage .menu li.item5 a { background:no-repeat 0 -124px;  }
		.page-homepage .menu li.item5 a:hover { background:no-repeat -182px -124px;  }
	.page-homepage .menu li.item6 a { background:no-repeat 0 -155px;  }
		.page-homepage .menu li.item6 a:hover { background:no-repeat -182px -155px;  }
	.page-homepage .fr .menu li a, .page-homepage .fr .menu li a:hover { background-image:url(../images/lang/FR/menu-homepage.gif); }
	.page-homepage .nl .menu li a, .page-homepage .nl .menu li a:hover { background-image:url(../images/lang/NL/menu-homepage.gif); }
	.page-homepage .it .menu li a, .page-homepage .it .menu li a:hover { background-image:url(../images/lang/IT/menu-homepage.gif); }
/* Recette */
.page-recette #cookin { background:url(../images/homepage/bg-photo.jpg) no-repeat left 255px; }
.page-recette #page-content { padding:0 15px 15px 30px; }
.recette { position:relative; clear:both; }
	.recette h2 { margin:0 0 10px; font-weight:bold; font-size:27px; color:#fe9341; }
	.recette .photo { float:left; width:175px; }
		.recette .photo img { width:165px; }
	.recette .description { float:left; width:401px; margin:0 10px 0 0; padding:3px 7px; font-size:11px; color:#666; background:url(../images/common/vdash-recette.gif) repeat-y left top; }
		.recette .description p { padding:0 4px; }
		.recette-resume { margin:10px 0 0; width:100%; font-size:10px; }
			.recette-resume th { padding:2px 5px; height:16px; vertical-align:middle; text-align:center; color:#fff; font-weight:normal; background:#ff9442 no-repeat center center; }
				.recette-resume th.accessoires { white-space:nowrap; }
				.recette-resume th.duree { width:35px; background-image:url(../images/common/picto-duree.gif); }
				.recette-resume th.temperature { width:35px; background-image:url(../images/common/picto-temperature.gif); }
				.recette-resume th.vitesse { width:35px; background-image:url(../images/common/picto-vitesse.gif); }
			.recette-resume td { padding:2px; text-align:center; color:#000; background:#ff9442; }
	.recette .sidebar { padding:3px 0; float:left; width:160px; font-size:11px; color:#010101; }
		.recette .sidebar h4 { font-weight:bold; font-size:14px; color:#fe9341; margin:0 0 10px; }
		.recette .sidebar .ingredients { color:#4d4d4d; margin:0 0 10px; padding:0 0 10px; background:url(../images/common/hdash.gif) repeat-x left bottom; }
			.recette .sidebar .ingredients li { padding:0 0 0 8px; background:url(../images/common/puce1.gif) no-repeat left 5px; }
		.recette .sidebar .temps { margin:0 0 5px; padding:30px 0 0; background:url(../images/common/picto-horloge.gif) no-repeat left top; }
			.recette .sidebar .temps strong { color:#fe9341; font-size:13px; }

	/* Pictos par couleur */
	.recette-blue h2 { color:#00A3BF; }
		.recette-blue .recette-resume th,
		.recette-blue .recette-resume td { background-color:#00a3bf; }
			.recette-blue .recette-resume th.duree { background-image:url(../images/common/pictos/bleu/picto-duree.gif); }
			.recette-blue .recette-resume th.temperature { background-image:url(../images/common/pictos/bleu/picto-temperature.gif); }
			.recette-blue .recette-resume th.vitesse { background-image:url(../images/common/pictos/bleu/picto-vitesse.gif); }
			.recette-blue .sidebar .temps strong { color:#00a3bf; font-size:13px; }
			.recette-blue .sidebar h4 { font-weight:bold; font-size:14px; color:#00a3bf; margin:0 0 10px; }

	.recette-rose h2 { color:#d9005e; }
		.recette-rose .recette-resume th,
		.recette-rose .recette-resume td { background-color:#d9005e; }
			.recette-rose .recette-resume th.duree { background-image:url(../images/common/pictos/rose/picto-duree.gif); }
			.recette-rose .recette-resume th.temperature { background-image:url(../images/common/pictos/rose/picto-temperature.gif); }
			.recette-rose .recette-resume th.vitesse { background-image:url(../images/common/pictos/rose/picto-vitesse.gif); }
			.recette-rose .sidebar .temps strong { color:#d9005e; font-size:13px; }
			.recette-rose .sidebar h4 { font-weight:bold; font-size:14px; color:#d9005e; margin:0 0 10px; }

	.recette-rouge h2 { color:#e53b2f; }
		.recette-rouge .recette-resume th,
		.recette-rouge .recette-resume td { background-color:#e53b2f; }
			.recette-rouge .recette-resume th.duree { background-image:url(../images/common/pictos/rouge/picto-duree.gif); }
			.recette-rouge .recette-resume th.temperature { background-image:url(../images/common/pictos/rouge/picto-temperature.gif); }
			.recette-rouge .recette-resume th.vitesse { background-image:url(../images/common/pictos/rouge/picto-vitesse.gif); }
			.recette-rouge .sidebar .temps strong { color:#e53b2f; font-size:13px; }
			.recette-rouge .sidebar h4 { font-weight:bold; font-size:14px; color:#e53b2f; margin:0 0 10px; }

	.recette-vert h2 { color:#6db122; }
		.recette-vert .recette-resume th,
		.recette-vert .recette-resume td { background-color:#6db122; }
			.recette-vert .recette-resume th.duree { background-image:url(../images/common/pictos/vert/picto-duree.gif); }
			.recette-vert .recette-resume th.temperature { background-image:url(../images/common/pictos/vert/picto-temperature.gif); }
			.recette-vert .recette-resume th.vitesse { background-image:url(../images/common/pictos/vert/picto-vitesse.gif); }
			.recette-vert .sidebar .temps strong { color:#6db122; font-size:13px; }
			.recette-vert .sidebar h4 { font-weight:bold; font-size:14px; color:#6db122; margin:0 0 10px; }

	.recette-violet h2 { color:#9d6196; }
		.recette-violet .recette-resume th,
		.recette-violet .recette-resume td { background-color:#9d6196; }
			.recette-violet .recette-resume th.duree { background-image:url(../images/common/pictos/violet/picto-duree.gif); }
			.recette-violet .recette-resume th.temperature { background-image:url(../images/common/pictos/violet/picto-temperature.gif); }
			.recette-violet .recette-resume th.vitesse { background-image:url(../images/common/pictos/violet/picto-vitesse.gif); }
			.recette-violet .sidebar .temps strong { color:#9d6196; font-size:13px; }
			.recette-violet .sidebar h4 { font-weight:bold; font-size:14px; color:#9d6196; margin:0 0 10px; }

	.recette-marron h2 { color:#863e1d; }
		.recette-marron .recette-resume th,
		.recette-marron .recette-resume td { background-color:#863e1d; }
			.recette-marron .recette-resume th.duree { background-image:url(../images/common/pictos/marron/picto-duree.gif); }
			.recette-marron .recette-resume th.temperature { background-image:url(../images/common/pictos/marron/picto-temperature.gif); }
			.recette-marron .recette-resume th.vitesse { background-image:url(../images/common/pictos/marron/picto-vitesse.gif); }
			.recette-marron .sidebar .temps strong { color:#863e1d; font-size:13px; }
			.recette-marron .sidebar h4 { font-weight:bold; font-size:14px; color:#863e1d; margin:0 0 10px; }

/* Formulaire */
#page form { width:500px; margin:0 auto; padding:20px 0; }
	#page form .intro { padding:0 0 10px; }
	#page form .field { margin:0 0 15px; clear:both; }
		#page form .field .label { display:block; padding:2px 0 0; float:left; width:80px; color:#000; font-weight:bold; }
	#page form textarea,
	#page form .textbox { width:408px; padding:2px 5px; border:1px solid #9c9d9f; color:#4d4d4d; font-family:Arial, sans-serif; font-size:12px; }
	#page form .radiobutton input { margin:0 5px 0 0; }
	#page form .radiobutton label { margin:0 15px 0 0; }
	#page form select { color:#4d4d4d; }
	#page form .error .label,
	#page form .error-message { color:#cc225e; }
	#page form .buttons { text-align:right; padding:15px 0; }
		#page form .buttons input { margin:0 0 0 5px; }
		#page form .buttons button { border:none; background:none; cursor:pointer;}
	#page form .checkbox { padding:10px 5px 0 0; }
	#page form .checkbox input { margin:0px 5px 0 0; }
	#page form .checkbox .label { float:none; display:inline; width:auto; padding:10px 0px 0 0; }
#page .mentions { color:#9c9d9f; font-size:10px; line-height:11px; text-align:justify; }

/* Plan du site */
.page-plan-du-site #page li { font-size:13px; padding:0 0 0 8px; background:url(../images/common/puce1.gif) no-repeat left center; }
	.page-plan-du-site #page li a { color:#000; text-decoration:none; }
	.page-plan-du-site #page li a:hover { text-decoration:underline; }

/* Conseil a un ami */
.page-faire-decouvrir #page form { padding-bottom:0;  }
.page-faire-decouvrir #page form .label { width:130px; }
.page-faire-decouvrir #page form .textbox { width:355px; }
.page-faire-decouvrir #page form .fieldTextarea .textbox { width:489px; }
	.page-faire-decouvrir  a { color:#000; }
	.page-faire-decouvrir #page form .error-message { clear:both; padding:10px 0; display:block; }
	.page-faire-decouvrir .friend1, .page-faire-decouvrir .friend2, .page-faire-decouvrir .friend3 { padding:15px 0 0; background:url(../images/common/hdash.gif) repeat-x left top; }

/* Inscription a la newsletter */
.page-newsletter #page form .label { width:140px; }
.page-newsletter #page form .textbox { width:345px; }
.page-newsletter  a { color:#000; }

/* Procurez-vous Cookin */
.page-acquerir #page form .label { width:200px; }
.page-acquerir #page form .textbox { width:285px; }
.page-acquerir #page form .fieldTextarea .label { float:none; width:auto; margin:0 0 3px;}
.page-acquerir #page form .fieldTextarea .textbox { width:489px; }
.page-acquerir #page form .error-message { padding:0 0 10px; }
.page-contact  a { color:#000; }

/* Formulaire contact */
.page-contact #page form .label { width:150px; }
.page-contact #page form .textbox { width:335px; }
.page-contact #page form .fieldTextarea .label { float:none; width:auto; margin:0 0 3px;}
.page-contact #page form .fieldTextarea .textbox { width:489px; }
.page-contact #page form .error-message { padding:0 0 10px; }
.page-contact  a { color:#000; }

.page-contact #page form .possession .radiobutton {float:left; display:block; padding-top:7px;}
.page-contact #page form .possession .field {clear:none; padding-top:7px;}
	.page-contact #page form .possession .field .label {float:left; display:block; width:90px; margin-left:37px;}
	.page-contact #page form .possession .field .textbox { width:100px; .width:92px; }

.merci{padding-top:50px; width:100%; text-align:center;}
/* Formulaire rechercher*/
.page-rechercher #page form input { width:50px;margin-top:10px}
.page-rechercher #page form input.submit { width:90%;margin-left:10px}
.page-rechercher #page li { font-size:13px; padding:10px 0 21px 8px; }
	.page-rechercher #page li a { color:#000; text-decoration:none; }
	.page-rechercher #page li a:hover { text-decoration:underline; }
	
	#advert {position:absolute; top:250px; left:50%; z-index: 99999; display:none; text-align: center; margin-right:50px;}
	#close-overlay {position:absolute; top:8px; right:10px; display:block; width:15px; height:15px; background:#fff; filter:alpha(opacity=0); opacity:0;  }
	#player {position:absolute; right:5px; top:15px;}