/*

	KEMRYU ###### [ screen.css ]
	#############

	1. Universal Reset
	2. Page Layout
	3. Other

	* Colors
	#366884 - Text
	#981F20 - Titles
	#EC145B - Pink Titles

	#fcefda - Background Color
	#cfcfcf - Border Lines

*/

/*	############################################
	1. Universal Reset
	############################################ */

	* { margin:0; padding:0; }

/* ############################################# */



/*	############################################
	2. Page Layout
	############################################ */

	html {
		background:#fcefda url(../../images/bg-nappecareau.gif);
		overflow-y:scroll;
	}
	body {
		font:normal 11px/1.7 Verdana, Arial, Sans-Serif;
		color:#366884;
	}

	img { border:0; }

	a, a:link, a:visited, a:focus, a:hover, a:active { text-decoration:none; }

		a:link, a:visited { color:#981F20; font-style:normal; }
		a:focus,
		a:hover,
		a:active { color:#000; }

	p { margin-bottom:10px; }

	.nav, .topnav { list-style:none; }



	/* 2.5. Headers ############################ */

		h1,h2,h3,label { display:block; font-weight:bold; line-height:1; }
		span.check label { display:inline; }

		h1 {
			color:#981F20;
			font-size:24px;
			font-style:italic;
			}
			.sIFR-active h1 {
				visibility:hidden;
				color:#981F20;
				font-size:24px;
			}

		h2 {
			margin:10px 0;
			color:#981F20;
			font-size:12px;
			}

			h2 a:link, h2 a:visited { color:#366884; font-style:normal; }
				h2 a:focus,
				h2 a:hover,
				h2 a:active { color:#000; }

		h3, label {
			margin:15px 0 3px;
			color:#666;
			font-size:12px;
			}


	/* 2.0. Page ############################### */

		#contenant {
			position:relative;
			width:894px; /* 950 - padding */
			margin:20px auto;
			padding:10px 28px;
			background-color:#fff;
		}


	/* 2.1. Header ############################# */

		#header {
			clear:both;
			background-color:#f1f1f1;
			margin:10px 0 15px 0;
			height:41px;
			}
			#header li { float:left; }
				#header a {
					display:block;
					padding:5px 25px;
					color:#366884;
					font-size:12px;
					font-style:normal;
					line-height:2.6;
					text-transform:uppercase;
					}
					#header a:focus, #header a:hover, #header a:active { background-color:#eaeaea; }

			#header li.sel a { background-color:#eaeaea; }

			#quick {
				clear:both;
				height:14px;
			}
			#quick ul {
				float:right;
				list-style:none;
				}

	/* 2.2. Footer ############################# */

		#footer {
			clear:both;
			border-top:1px #cfcfcf solid;
			height:14px;
			padding-top:5px;
			}
			#footer ul {
				float:left;
				list-style:none;
				}
				#footer li, #quick li { float:left; }
					#footer a:link,  #footer a:visited, #quick a:link,  #quick a:visited { color:#366884; font-style:normal; }
					#footer a:focus, #footer a:hover, #footer a:active,
					#quick a:focus, #quick a:hover, #quick a:active { color:#981F20; }

					#footer li.sel a:link, #footer li.sel a:visited, #footer li.sel a:focus, #footer li.sel a:hover, #footer li.sel a:active,
					#quick li.sel a:link, #quick li.sel a:visited, #quick li.sel a:focus, #quick li.sel a:hover, #quick li.sel a:active {
						color:#981F20;
						font-weight:bold;
					}

			#footer li.sep, #quick li.sep { padding:0 12px; }

			#copyright { float:right; }


	/* 2.3. Left Column ######################## */

		#colone_gauche {
			float:left;
			width:319px;
			padding-right:26px;
			margin:65px 0 100px;
			}

			#logo {
				float:left;
				/*background-color:#f2f2f2;*/
				padding:20px;
				width:305px;
				}

			#sidebar li { padding:4px 0; }
				#sidebar a {
					font-size:14px;
					font-style:italic;
					}
					#sidebar a:link,  #sidebar a:visited { color:#981F20; }
					#sidebar a:focus, #sidebar a:hover, #sidebar a:active { color:#366884; }

				#sidebar li.sel a {
					padding-left:15px;
					background:url(../../images/bullet-accoladebleue.gif) no-repeat left center;
					}
					#sidebar li.sel a:link,
					#sidebar li.sel a:visited,
					#sidebar li.sel a:focus,
					#sidebar li.sel a:hover,
					#sidebar li.sel a:active {
						color:#366884;
						font-weight:bold;
					}

			#sidebar ul ul { padding:5px 0 15px; }
				#sidebar ul ul li { padding:1px 0 1px 15px; font-size:11px; }
					#sidebar ul ul li a {
						font-size:11px;
						font-style:normal;
						padding-left:0 !important;
						background:none !important;
						}
						#sidebar ul ul li a:link,  #sidebar ul ul li a:visited { color:#366884; }
						#sidebar ul ul li a:focus, #sidebar ul ul li a:hover, #sidebar ul ul li a:active { color:#981F20; }

				#sidebar ul ul li.sel a { padding-left:0; background:none; }
					#sidebar ul ul li.sel a:link,
					#sidebar ul ul li.sel a:visited,
					#sidebar ul ul li.sel a:focus,
					#sidebar ul ul li.sel a:hover,
					#sidebar ul ul li.sel a:active {
						color:#981F20;
						font-weight:bold;
					}

			a.pub, a.pub img { display:block; }


	/* 2.4. Right Column ####################### */

		#colone_droite, #colone_droite_haut, #colone_droite_bas {
			float:right;
			width:499px; /* 549 - padding-left */
			padding-left:48px;
		}

		#colone_droite_haut {
			padding-top:25px;
			height:75px;
		}
		#colone_large {
			padding:15px 0 0 0;
		}
		#colone_droite {
			margin:65px 0 100px 0;
			border-left:1px #cfcfcf solid;
			}

			#colone_droite li, #colone_droite_bas li, .list li { margin-left:25px; padding-left:5px; color:#981F20; }

			#colone_droite li p, #colone_droite_bas li p, .list li p { color:#366884; margin-bottom:0; }
			#colone_droite p a, #colone_droite_bas p a { text-decoration:underline; }

			#colone_droite ul.map.float-left {
				width:50%;
			}
			#colone_droite ul.map li {
				list-style:none;
				margin-left:0;
				}
				#colone_droite ul.map li ul li {
					list-style:none;
					padding:5px 0 5px 1em;
					line-height:1.2;
					}

				#colone_droite ul.map li h2 { margin:20px 0 5px; }

				#colone_droite ul.map li ul li a:link,
				#colone_droite ul.map li ul li a:visited {
					color:#787878;
					font-style:normal;
					}
					#colone_droite ul.map li ul li a:focus,
					#colone_droite ul.map li ul li a:hover,
					#colone_droite ul.map li ul li a:active {
						color:#000;
						font-weight:bold;
					}

			div.hr { clear:both; border-top:1px solid #cfcfcf; margin:20px 0; height:1px; }

			a.box {
				display:block;
				background-color:#F2F2F2;
				padding:1%;
				width:47%;
				}
				a.box:focus, a.box:hover, a.box:active { background-color:#E2E2E2; }
			

			ul#questions li { margin-left:0; }
			ul#questions li .hidden { border-top:1px #cfcfcf dotted; padding-top:8px; }
			ul#questions li ul li { margin-left:2em; }

			ul#products {
				height:640px;
				margin-bottom:20px;
				}
				ul#products li {
					float:left;
					position:relative;
					width:207px;
					height:640px;
					margin:0;
					padding:0;
					}
					ul#products li#produits1 { background:url(../../images/contenu/produits_i1.gif) no-repeat bottom center; }
					ul#products li#produits2 { background:url(../../images/contenu/produits_i2.gif) no-repeat bottom center; }
					ul#products li#produits3 { background:url(../../images/contenu/produits_i3.gif) no-repeat bottom center; }
					ul#products li#produits4 { background:url(../../images/contenu/produits_i4.gif) no-repeat bottom center; }

					ul#products li h1 { margin:10px 0 5px; }

					ul#products li.sep {
						float:left;
						background-color:#cfcfcf;
						background:url(../../images/dot.png) repeat-y center top;
						width:20px;
						height:394px;
						margin:246px 0 0;
						}

			ul#recipies li {
				float:left;
				width:230px;
				margin:0 18px 20px 0;
				padding:0;
				}
				ul#recipies li a img { border:6px solid #cfcfcf; width:218px; height:134px; }

			table {
				border-top:1px #cfcfcf dotted;
			}
			table tr td {
				border-bottom:1px #cfcfcf dotted;
				padding:6px 0;
				}
				table tr td h2 { margin:0; padding:0 0 5px; }
				table tr td h3 { margin:0; padding:10px 0 0; }

			div.coup, div.coup-bot {
				width:427px;
			}
			div.coup { background:url(../../images/coupons/box2.jpg) no-repeat center bottom; }
				div.coup table {
					background:url(../../images/coupons/box1.jpg) no-repeat center top;
					padding:10px;
					color:rgb(85, 85, 85);
					}
					div.coup table, div.coup table tr td { border:0; }

					div.coup td.image { width:135px; }
					div.coup td.titre { width:162px; }
					div.coup td.info { width:120px; }

					div.coup span.titre,
					div.coup span.rabais,
					div.coup span.prix,
					div.coup span.nom {
						display:block;
						font-family:Georgia;
						font-weight:bold;
						padding:0;
						margin:0;
						line-height:1;
					}

					div.coup span.titre {
						color:rgb(149, 107, 8);
						font-size:20px;
						}
						div.coup span.rabais {
							color:black;
							font-size:30px;
							}
							div.coup span.nom {
								color:rgb(149,107,8);
								font-size:13px;
							}

					div.coup span.prix {
						color:rgb(149, 107, 8);
						font-size:44px;
					}
					div.coup span.date, div.coup span.code, div.coup td.note {
						font-size:9px; line-height:1;
					}

			div.coup-bot { margin-bottom:30px; }


		#colone_gauche #recettesVedettesContent {
			clear:both;
			position:relative;
			left:0; top:0;
			background:0;
			border-top:1px solid #cfcfcf;
			width:345px;
			height:240px;
			margin:20px 0;
			}
			#colone_gauche #recettesVedettesTitre { position:relative;}
				#colone_gauche #recettesVedettesTitre h1 { font-size:24px; }
				#colone_gauche #recettesVedettesTitre h1.prefix { /*display:none;*/ position:absolute; top:20px;}
				#colone_gauche #recettesVedettesTitre h1.suffix { position:absolute; left:70px; top:20px; }
				#colone_gauche #recettesVedettesTitre img.number { position:absolute; left:0; top:0; }

			#colone_gauche #recettesVedettesList { position:absolute; left:0; top:80px; }



	/* 2.6. Forms ############################## */

		form {}

		input, textarea, select { display:block; }

		input.text, textarea {
			border:1px solid #C3C3C3;
			padding:3px 6px;
		}
		input.check, span.check input {
			float:left; margin-right:5px;
		}

		input.button {
			margin:20px 0;
		}

		#form.form_coupons p.emphase 
		{
			color:#981F20;}
		
		#form.form_coupons li 
		{
			list-style:none;
			margin-left:0;
			padding-left:0;}
			
		#form.form_coupons input
		{
			display:inline-block;
			border:1px solid #C3C3C3;
			padding:3px 6px;
			width:175px;}
		
		#form.form_coupons input.date 
		{
			width:70px;}
		
		div.form_coupons input.submit 
		{
			position:relative;
			top:40px;}
		
		#form.form_coupons label 
		{
			display:inline-block;
			width:250px;
			font-size:11px;
			font-weight:normal;
			line-height:normal;}
			
		ul#form li.error input {
			border:1px solid #981F20;
		}
		ul#form li.error label {
			color:#981F20;
		}

/*	############################################
	3. Other
	############################################ */

	/* 3.0. sIFR ############################### */

		.sIFR-flash {
			visibility:visible !important;
			margin:0;
			padding:0;
		}
		.sIFR-unloading .sIFR-flash {
			visibility:hidden !important;
		}
		.sIFR-replaced, .sIFR-ignore {
			visibility:visible !important;
		}
		.sIFR-alternate {
			display:block;
			overflow:hidden;
			position:absolute;
			left:0; top:0;
			width:0; height:0;
		}
		.sIFR-replaced div.sIFR-fixfocus {
			float:none;
			overflow:auto;
			margin:0;
			padding:0;
			letter-spacing:0px;
		}
		.sIFR-dummy {
			z-index:0;
			width:0;
			height:0;
			margin-left:42px;
		}


/* ############################################# */

/*	############################################
	4. Limelight
	############################################ */

	hr { height:3em; visibility:hidden; } /* Hidden Visibility trick to hide IE's borders */

	.plus { position:relative; top:2px; padding-right:5px; }
	.alert, .red { color:#f00; }
	.hide, .hidden { display:none; }

	/* 4.0. Alignement ######################### */

		.clear			{ clear:both; }
		.clear-left		{ clear:left; }
		.clear-right	{ clear:right; }

		.float-left		{ float:left; padding-right:15px; }
		.float-right	{ float:right; padding-left:15px; }

		.centered		{ margin:0 auto; }

		.text-left		{ text-align:left; }
		.text-right		{ text-align:right; }
		.text-center	{ text-align:center; }
		.text-justify	{ text-align:justify; }

/* ############################################# */