@charset "utf-8";
/* CSS Document */
body, html {
	padding			:	0;
	margin			:	0;
	font-family		:	Tahoma,Verdana,Arial;
}
#site {
	margin-left		:	auto;
	margin-right	:	auto;
	width			:	951px;
	margin-top		:	10px;
	border			:	solid 2px #000;
	font-family		:	Tahoma, Geneva, sans-serif;
	font-size		:	12px;
}

/*HEADER*/
#header {
	width			:	951px;
	height			:	257px;
	background		:	url(images/header.jpg) no-repeat;
}
		#logo {
			width			:	202px;
			height			:	100px;
			background		:	url(images/recettes-yaourt.jpg) no-repeat bottom;
			margin-left		:	250px;
			padding-top		:	20px;
		}



/*CONTAINER*/
#container {
	width			:	951px;
	margin-top		:	10px;
}
#container a
{
	text-decoration:none;
	color:black;
}
			#contenu {
				float			:	left;
				width			:	650px;
				margin-left		:	5px;
				text-indent		:	10px;
			}
							#contenu .cerises
							{
								width			:	620px;
								height			:	26px;
								background		:	url('images/posts/onglet_cerises.jpg') no-repeat bottom;
								float			:	left;
								color			:	white;
								font-weight		:	bold;
								margin-left		:	10px;
								text-indent		:	10px;
							}
							#contenu .bio
							{
								width			:	620px;
								height			:	26px;
								background		:	url('images/posts/onglet_bio.jpg') no-repeat bottom;
								float			:	left;
								color			:	white;
								font-weight		:	bold;
								margin-left		:	10px;
								text-indent		:	10px;
							}
							#contenu .biscuit
							{
								width			:	620px;
								height			:	26px;
								background		:	url('images/posts/onglet_biscuit.jpg') no-repeat bottom;
								float			:	left;
								color			:	white;
								font-weight		:	bold;
								margin-left		:	10px;
								text-indent		:	10px;
							}
							#contenu .cafe
							{
								width			:	620px;
								height			:	26px;
								background		:	url('images/posts/onglet_cafe.jpg') no-repeat bottom;
								float			:	left;
								color			:	white;
								font-weight		:	bold;
								margin-left		:	10px;
								text-indent		:	10px;
							}
							#contenu .chocolat
							{
								width			:	620px;
								height			:	26px;
								background		:	url('images/posts/onglet_chocolat.jpg') no-repeat bottom;
								float			:	left;
								color			:	white;
								font-weight		:	bold;
								margin-left		:	10px;
								text-indent		:	10px;
							}
							#contenu .coco
							{
								width			:	620px;
								height			:	26px;
								background		:	url('images/posts/onglet_coco.jpg') no-repeat bottom;
								float			:	left;
								color			:	white;
								font-weight		:	bold;
								margin-left		:	10px;
								text-indent		:	10px;
							}
							#contenu .daim
							{
								width			:	620px;
								height			:	26px;
								background		:	url('images/posts/onglet_daim.jpg') no-repeat bottom;
								float			:	left;
								color			:	white;
								font-weight		:	bold;
								margin-left		:	10px;
								text-indent		:	10px;
							}
							#contenu .fruits_rouges
							{
								width			:	620px;
								height			:	26px;
								background		:	url('images/posts/onglet_fruits_rouges.jpg') no-repeat bottom;
								float			:	left;
								color			:	white;
								font-weight		:	bold;
								margin-left		:	10px;
								text-indent		:	10px;
							}
							#contenu .kinder_bueno
							{
								width			:	620px;
								height			:	26px;
								background		:	url('images/posts/onglet_kinder_bueno.jpg') no-repeat bottom;
								float			:	left;
								color			:	white;
								font-weight		:	bold;
								margin-left		:	10px;
								text-indent		:	10px;
							}
							#contenu .miel
							{
								width			:	620px;
								height			:	26px;
								background		:	url('images/posts/onglet_miel.jpg') no-repeat bottom;
								float			:	left;
								color			:	white;
								font-weight		:	bold;
								margin-left		:	10px;
								text-indent		:	10px;
							}
							#contenu .divers
							{
								width			:	620px;
								height			:	26px;
								background		:	url('images/posts/onglet_divers.jpg') no-repeat bottom;
								float			:	left;
								color			:	white;
								font-weight		:	bold;
								margin-left		:	10px;
								text-indent		:	10px;
							}
							#contenu .pain_depices
							{
								width			:	620px;
								height			:	26px;
								background		:	url('images/posts/onglet_pain_depices.jpg') no-repeat bottom;
								float			:	left;
								color			:	white;
								font-weight		:	bold;
								margin-left		:	10px;
								text-indent		:	10px;
							}
							#contenu .pralines
							{
								width			:	620px;
								height			:	26px;
								background		:	url('images/posts/onglet_pralines.jpg') no-repeat bottom;
								float			:	left;
								color			:	white;
								font-weight		:	bold;
								margin-left		:	10px;
								text-indent		:	10px;
							}
							#contenu .fraises_tagada
							{
								width			:	620px;
								height			:	26px;
								background		:	url('images/posts/onglet_fraises_tagada.jpg') no-repeat bottom;
								float			:	left;
								color			:	white;
								font-weight		:	bold;
								margin-left		:	10px;
								text-indent		:	10px;
							}
					#contenu .img
					{
						width			:	180px;
						/*height			:	110px;*/
						float			:	left;
						text-align		:	center;
					}
					#contenu .ingredient
					{
						float			:	left;
						width			:	400px;
						/*height			:	110px;*/
					}
					#contenu .post
					{
						margin-bottom	:	15px;
					}
					#contenu  #title a
					{
						color			:	white;
						text-decoration	:	none;
						font-size		:	18px;
					}
					#contenu .postTexte
					{
						width			:	618px;
						margin-left		:	10px;
						border			:	1px solid #666;
					}
					#contenu .postTexte a .pdf
					{
						width			:	50px;
						height			:	50px;
						background		:	url('images/pdf.gif') no-repeat;
						margin-left		:	550px;
						float			:	right;
					}
					#contenu .postTexte a.pdf_lien
					{
						width			:	50px;
						height			:	50px;
						margin-left		:	550px;
						position		: 	absolute;
					}
					#contenu .postTexte p,#contenu .postTexte ul li
					{
						font-size		:	12px;
						clear			:	none;
						padding-bottom	:	3px;
					}
					#contenu .feedback a
					{
						text-decoration:none;
						border-bottom:1px dashed gray;
						color:black;
					}
					

			#sidebar {
				float			:	right;
				width			:	289px;
				background		:	url(images/menu.jpg) repeat-y;
				color			:	#FFF;
				padding-bottom	:	10px;
			}
					#sidebar hr
					{
						width			:	250px;
						color			:	#FFF;
						margin-left		:	0px;
					}
					#sidebar ul
					{
						list-style-type	:	none;
						margin			:	0;
						padding			:	0;
					}
					#sidebar ul li a
					{
						text-decoration	:	none;
						color			:	#FFF;
						font-size		:	11px;
					}
					#sidebar ul li a:hover
					{
						color			:	#FF9;
						font-weight		:	bold
					}
					#sidebar ul li .puceMenu
					{
						width			:	20px;
						height			:	20px;
						float			:	left;
					}
					#sidebar ul li .titreMenu
					{
						color			:	white;
						float			:	left;
						text-decoration	:	none;
						height			:	20px;
						font-size		:	24px;
						margin-left		:	-20px;
					}
					#sidebar .enteteMenu
					{
						margin-top		:	3px;
						margin-bottom	:	5px;
						
					}
					#sidebar ul li ul
					{
						margin-left		:	25px;
					}
					#sidebar div.nivo1
					{
						margin-bottom	:	25px;
						margin-left		:	20px;
						font-size		:	14px
					}

		.clear
		{
			clear			:	both;
		}
		#haut {
			margin-left		:	10px;
			width			:	50px;
		}
		#haut a {
			font-size		:	9px;
			color			:	#900;
			font-weight		:	bold;
		}
			



/*Footer*/
#footer {
	clear			:	both;
	background		:	#fff bottom;
	width			:	951px;
	height			:	10px;
	padding-bottom	:	20px;
}
		#footer a,#footer p
		{
			font-size		:	10px;
			color			:	black;
		}
		#footer p
		{
			text-align		:	center
		}