* { margin: 0; padding: 0; color: #366884; }
body, html { background-color: #ffffff; font: 11px/18px verdana, arial,"sans serif"; }

/* Contient l'ensemble du site */
/*#contenant { position: relative; width: 811px; margin: 0 auto; }*/
#contenu { margin-top: -68px; }


#contexte { float: left; width: 373px; padding-right: 30px; font: 16px/32px verdana, arial,"sans serif"; }

#aumenu { float: right; width: 406px; border-left: 1px #cfcfcf solid; }
	#aumenu ul { margin-left: 50px; }
	#aumenu li { list-style: none; font-size: 14px; line-height:18px;  }
	#aumenu p { color: #366884; font-size: 14px;  }
	#aumenu li div { float: left; width: 307px; margin: 15px 0 0 23px; border-bottom: 1px #cfcfcf solid; padding-bottom: 15px; min-height: 50px; }
	#aumenu li div.noline { border-bottom: none;}
	#aumenu .chiffre { float: left; margin-top: 15px; }
	#aumenu .titre { margin: 39px 0 20px 170px; }


.recette_container { margin: 40px 0; }
.recette_container img { float: left; }
.recette_container .recette_contenu img { float: none; margin-top: 10px }
.recette_container .recette_contenu { float: right; width: 345px; }
.recette_container .recette_contenu li { margin-left: 20px; padding-left: 5px; }

span.red { font: 12px/16px verdana, arial, "sans serif"; color: #981f20; font-style: italic; }
span.redbold { font: 12px/16px verdana, arial, "sans serif"; color: #981f20; font-style: italic; display: block; font-weight: bold; margin-top: 10px; }

p { margin-bottom: 10px;}

#complement { padding: 30px 20px; }


#logo {
	float:left;
	background-color:#f2f2f2;
	padding:20px;
	width:305px;
}
#quick {
	clear:both;
	height:14px;
	}
	#quick ul {
		float:right;
		list-style:none;
	}

#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; }


/*
a:link, a:visited { color: #ffffff; text-decoration: none; }
a:hover, a:active { color: #6a665e; text-decoration:underline; }
*/

/* ###################### SiFR STYLES ############################ */
	.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 { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; }
	.sIFR-replaced div.sIFR-fixfocus { margin: 0pt; padding: 0pt; overflow: auto; letter-spacing: 0px; float: none; }
	.sIFR-dummy { width: 0px; height: 0px; margin-left: 42px; z-index: 0; }


	h1 { font-family: georgia, garamond, serif; font-size: 36px; color: #981f20; line-height: 1em; margin-top: 15px; margin-bottom: 7px; }
	.sIFR-active h1 { visibility: hidden;		font-size: 48px; color: #981f20; line-height: 1em; }

	h2 { font-family: georgia, garamond, serif; font-size: 30px; color: #981f20; line-height: 1em; margin: 20px 0; }
	.sIFR-active h2 { visibility: hidden;		font-size: 36px; color: #981f20; line-height: 1em; margin: 20px 0; }

	h3 { font-family: georgia, garamond, serif; font-size: 16px; color: #981f20; line-height: 1em; margin: 15px 0; }
	.sIFR-active h3 { visibility: hidden;		font-size: 24px; color: #981f20; line-height: 1em; margin: 15px 0; }

	h4 { font-family: georgia, garamond, serif; font-size: 20px; color: #981f20; line-height: 1em; margin-top: -4px; }
	.sIFR-active h4 { visibility: hidden;		font-size: 24px; color: #981f20; line-height: 1em; margin-top: -7px; }
	


/* ##################### FLOAT DIV FIX ############################ */
	.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
	.clearfix { display: inline-block; }

	/* Hides from IE-mac \*/
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
	/* End hide from IE-mac */