/*
------------Feuille de style------------
--------------CSS Site-------------
--------Créé par Mathieu Lavigne--------
------lavigne_mathieu@hotmail.com-------
*/
/*E. MEYER RESET STYLE*/	
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}:focus{outline:0;}body{line-height:1;color:black;background:white;}ol,ul{list-style:none}table{border-collapse:separate;border-spacing:0}caption,th,td{text-align:left;font-weight:normal;}blockquote:before,blockquote:after,q:before,q:after{content: "";}blockquote,q{quotes: "" "";}
/*MAIN STYLE*/
body{		  
	background-color:#232323;
	color:#FFFFFF;				
	font:normal normal 62.5%/1.8em Arial,sans-serif;
	text-align:left;
}
html>body {font-size:10px;}
h1,h2,h3 {font-weight:bold;}
h1 {font-size:1.6em;margin:0 0 1em;}
h2 {font-size:1.4em;margin:0 0 1em;}
h3 {font-size:1.2em;margin:0 0 1em;}

p {font-size:1.2em;margin:0 0 1em;}

a:link,
a:visited,
a:active{text-decoration:underline;color:#F2DDA6;}
a:hover{color:#FE370E;}

li p {margin:0;}
/*-----------------------------------------------*/
#conteneur{	/*Contient  le header, le menu, le contenu et le footer, est centré dans la page*/												 
	width:760px;
	margin:0 auto;
}
/*-----------------------------------------------*/
#header{
 	position:relative;
	width:760px;
	height:120px;
	background-image:url(../images/layout/header.jpg);
}
#header * {text-indent:-5000px;}
/*-----------------------------------------------*/
#menu{
	position:relative;
	width:760px;
	height:19px;
	border:1px solid #F3D37C;
	border-width:1px 0px 1px 0px;
}
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
/*Menu*/
.menu{
	background:black url(../images/layout/blockdefault.gif) center center repeat-x;
	height:19px;
	margin: 0;
	padding: 0;
	width: 100%;
}

.menu li{
	display: inline;
	float:left;;
}

.menu li a{
	border-right:1px solid #F3D37C;
	color: #e9c25f;
	font-size:1.2em;
	font-weight:bold;
	padding: 2px 22px; /*  ---------Changer le padding-left pour agrandir ou réduire les boutons du menu en largeur---------  */
	text-decoration: none;
}
.menu li a.menu_last{border:none;}
.menu li a:hover,
.menu li .current{
	background: transparent url(../images/layout/blockactive.gif) center center repeat-x;
	color: #ffffff;
}

/*[if IE]>*/
p.iepara{ /* Crée un espace de 1em entre le menu et le premier paragraphe ainsi qu'un alinéas */
	padding-top: 1em;
	text-indent:12px;
}
/*[endif]*/

/*-----------------------------------------------*/
#contenu{
	position:relative;
	background-color:#3C3C3C;
	overflow:auto;
	padding:2.2em;
}
/*-----------------------------------------------*/
#texte{
	float:left;
	margin:0 0 0 1em;
	min-height:400px;
	width:464px;
}
/*IE min-height*/
* html #texte {height:400px;}
#texte img{
	position:relative;
	border:1px solid black;
	padding:0;
	margin:0;
	margin:10px;
}

#texte p.para1 {text-indent:1.2em;}

#liste_recettes {list-style:none;margin:0 0 1em;padding:0 0 0 1em;}
#liste_recettes li {margin:0.5em 0;}
#liste1{list-style:disc outside;margin:0 0 1em;padding:0 0 0 2em;}
#liste2{list-style:decimal outside;margin:0 0 1em;padding:0 0 0 2em;}
#liste1 li,
#liste2 li {margin:0.5em 0;}
/*-----------------------------------------------*/
#image{
	float:left;
	margin:0 1em 0 0;
	width:230px;
}
#image.production img {display:block;margin:0 auto;width:150px;}

#accordion h3{margin:0;padding:2px 5px;}
#accordion ul {font-size:1.2em;margin:0;padding:0 10px;}
#accordion li {margin:5px 0;}
/*-----------------------------------------------*/
#slogan{
	clear:both;
	color:#F2DDA6;
	font-weight:bold;
	text-align:center;
}
/*-----------------------------------------------*/
#footer{
	overflow:auto;
	width:760px;
}
/*-----------------------------------------------
//                  CLASSES
-------------------------------------------------*/
.floatLeft{float:left;}
.floatRight{float:right;}
.beige{color:#E9C25F;}