/*----------------------------------------------------------------*/
/*----------------------------------------------------------------*/
/*----------------------------RESET-------------------------------*/
/*----------------------------------------------------------------*/
/*----------------------------------------------------------------*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {  
    margin:0; 
    padding:0; 
} 
table { 
    border-collapse:collapse; 
    border-spacing:0; 
} 
fieldset,img {  
    border:0; 
} 
address,caption,cite,code,dfn,em,strong,th,var { 
    font-style:normal; 
    font-weight:normal; 
} 
ol,ul { 
    list-style:none; 
} 
caption,th { 
    text-align:left; 
} 
h1,h2,h3,h4,h5,h6 { 
    font-size:100%; 
    font-weight:normal; 
} 

/*----------------------------------------------------------------*/
/*----------------------------------------------------------------*/

/*----------------------------------------------------------------*/
/*-------------------------GENERAL--------------------------------*/

body
{
	background:#8bbc33 url(../images/fond.jpg) 0 bottom repeat-x;
	background-attachment: fixed;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.625em;
}
#conteneur-general
{
	width:821px;
	margin:auto;
}

/*-------------------------GENERAL--------------------------------*/

.floatleft
{
	float:left;
}
.floatright
{
	float:right;
}
.spacer
{
	height:0;
	clear:both;
}

/*----------------------------------------------------------------*/
/*----------------------------------------------------------------*/

/*----------------------------------------------------------------*/
/*-------------------------HEADER---------------------------------*/

#header
{
	height:124px;
}
#logo
{
	float:left;
	margin:44px 0 0 13px;
}
ul#menuprinc
{
	padding:96px 0 0 310px;
}
ul#menuprinc li
{
	float:left;
}
ul#menuprinc li.flag
{
	margin:2px 10px 0 0;
}
ul#menuprinc li.flag a
{
	display:inline;
	height:auto;
}
ul#menuprinc li a
{
	display:block;
	height:29px;
}
	#decouverte
	{
		width:148px;
		background:url(../images/menu.png) 0 0 no-repeat;
	}
	#utilisation
	{
		width:94px;
		background:url(../images/menu.png) -148px 0 no-repeat;
	}
	#recettes
	{
		width:83px;
		background:url(../images/menu.png) -242px 0 no-repeat;
	}
	#contact
	{
		width:99px;
		background:url(../images/menu.png) -325px 0 no-repeat;
	}
	/* HOVER
	---------------------------------*/
	#decouverte:hover
	{
		background:url(../images/menu.png) 0 -29px no-repeat;
	}
	#utilisation:hover
	{
		background:url(../images/menu.png) -148px -29px no-repeat;
	}
	#recettes:hover
	{
		background:url(../images/menu.png) -242px -29px no-repeat;
	}
	#contact:hover
	{
		background:url(../images/menu.png) -325px -29px no-repeat;
	}

/*----------------------------------------------------------------*/
/*----------------------------------------------------------------*/

/*----------------------------------------------------------------*/
/*-------------------------CENTRE---------------------------------*/

#centre
{
	height:678px;
	background:url(../images/fond-home.png) 0 bottom no-repeat;
}
ul#menuhome
{
	padding-top:290px;
}
ul#menuhome li
{
	float:left;
}
ul#menuhome li a
{
	display:block;
	height:263px;
}
	#decouvre
	{
		width:212px;
		background:url(../images/Accueil-menu.png) 0 0 no-repeat;
	}
	#utilise
	{
		width:161px;
		background:url(../images/Accueil-menu.png) -212px 0 no-repeat;
	}
	#recet
	{
		width:142px;
		background:url(../images/Accueil-menu.png) -374px 0 no-repeat;
	}
	/* HOVER
	---------------------------------*/
	#decouvre:hover
	{
		background:url(../images/Accueil-menu.png) 0 -263px no-repeat;
	}
	#utilise:hover
	{
		background:url(../images/Accueil-menu.png) -212px -263px no-repeat;
	}
	#recet:hover
	{
		background:url(../images/Accueil-menu.png) -374px -263px no-repeat;
	}
	

/*---------------éléments texte---------------*/

/*--------------------------------------------*/

/*----------------------------------------------------------------*/
/*----------------------------------------------------------------*/

/*----------------------------------------------------------------*/
/*-------------------------FOOTER---------------------------------*/

#footer
{
	height:54px;
}
#footer ul
{
	float:right;
}
#footer ul li
{
	display:inline;
}
#footer ul li a, #footer ul li a:hover, #footer ul li a:active, #footer ul li a:visited
{
	color:#574430;
	font-size:1.2em;
	background:url(../images/fleche.png) 0 center no-repeat;
	padding:0 15px;
	text-decoration:none;
}
#footer ul li a:hover
{
	text-decoration:underline;
}