/***********************************************
************************************************
***********                        *************
***********     STYLES COMMUNS     *************
***********                        *************
************************************************
***********************************************/

body {
	background: white;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
}

a {

}

img {
	border: none;
}

p, ul, li, table, tr, td {
	margin: 0px;
	padding: 0px;
}

.spacer {
	clear: both;
}

/*************************
*                        *
*   D�COUPAGE DES PAGES  *
*                        *
*************************/

#global {
	width: 951px;
	height: 577px;
	margin: 5px auto 0 auto;
	padding-right: 1px;
	
/*	background: white url('../images/structure/bg_home.jpg') no-repeat top left;
*/}

#header {
	width: 951px;
	background: url(../images/structure/header.png) no-repeat;
	float: left;
}

#page {
	width: 951px;
	clear: both;
	float: left;
	background: url(../images/structure/bas.png) no-repeat;
	position: relative;
	padding-bottom: 10px;
}

#footer {
	width: 951px;
	margin: 0 auto;
	clear: both;
	color: #c3c3c3;
	font-size: 9px;
	text-align: center;
}

/*************
*            *
*   HEADER   *
*            *
*************/


/****** MENU ******/

ul#menu, #menu {
	padding: 243px 0px 0px 0px;
	/*_margin: 249px 0px 0px 10px;*/
	float: left;
	list-style: none;
	text-align: left;
}

#menu li {
	float: left;
	position: relative;
	z-index: 100;
}

#menu li a.nav1 {
	background: url('../images/structure/menu.png') no-repeat 0px 0px;	
	height: 31px;
	display: block;
	cursor: pointer;
}
#menu li a.nav1:hover { background-position: 0px -31px; }

#menu li a#menu-accueil { background-position: 0px 0px;	width: 101px; }
#menu li a#menu-accueil:hover,
#menu li.hover a#menu-accueil { background-position: 0px -31px; }

#menu li a#menu-les-engagements-sojade { background-position: -220px 0px;	width: 228px; }
#menu li a#menu-les-engagements-sojade:hover,
#menu li.hover a#menu-les-engagements-sojade { background-position: -220px -31px; }

#menu li a#menu-le-soja { background-position: -448px 0px;	width: 91px; }
#menu li a#menu-le-soja:hover,
#menu li.hover a#menu-le-soja { background-position: -448px -31px; }

#menu li a#menu-la-gamme { background-position: -539px 0px;	width: 121px; }
#menu li a#menu-la-gamme:hover,
#menu li.hover a#menu-la-gamme { background-position: -539px -31px; }

#menu li a#menu-les-recettes { background-position: -660px 0px;	width: 131px; }
#menu li a#menu-les-recettes:hover,
#menu li.hover a#menu-les-recettes { background-position: -660px -31px; }

#menu li a#menu-newsletter { background-position: -101px -62px;	width: 119px; }
#menu li a#menu-newsletter:hover,
#menu li.hover a#menu-newsletter { background-position: -101px -31px; }

#menu li a#menu-contactez-nous { background-position: -791px 0px;	width: 159px; }
#menu li a#menu-contactez-nous:hover,
#menu li.hover a#menu-contactez-nous { background-position: -791px -31px; }

#menu li ul {
	width: 160px;
	position: absolute;
	left: 0px;
	display: none;
	list-style: none;
	background: url('../images/structure/sousmenu-arrondi.gif') no-repeat bottom left;
	padding-bottom: 5px;
	line-height: 12px;
}

#menu li ul li {
	width: 160px;
	float: left;
	background: white url('../images/structure/puce-sousmenu.gif') no-repeat 2px 5px;
}

#menu li ul li a {
	float: right;
	width: 136px;
	margin: 0px 5px 0px 0px;
	padding: 2px 5px 6px 0px;
	font-size: 11px;
	font-weight: bold;
	color: #018860;
	text-decoration: none;
	background: url('../images/structure/sousmenu-pointilles.gif') repeat-x bottom;
}

#menu li ul li a:hover {
	text-decoration: underline;
}

/*************
*            *
*    PAGE    *
*            *
*************/

#img_centre {
	background: url(../images/custom/image_centre.jpg) no-repeat;
	width: 430px;
	height: 262px;
	margin: 5px auto;
}



/********** ACTUALITES **********/

#actualites {
	float: left;
	width: 222px;
	height: 236px;
	position: absolute;
	top:62px;
	left: 19px;
}



#btn_plus_act {
	width: 102px;
	height: 28px;	
	outline: none;
	background: url(../images/custom/btn_savoir+.gif) no-repeat;
	text-indent: -9999px;
	display: block;
	position: absolute;
	bottom: 45px;
	left: 25%;
}

#actualites #actuTxt:hover{
	text-decoration: underline;
}


/********* ENGAGEMENTS *********/

#engagements {
	width: 200px;
	
	overflow: hidden;
	
	font-size: 10px;	
	text-align: justify;
	color: #000;

	position: absolute;
	top: 75px;
	right: 28px;
	
	/*background: url(../images/custom/logos.png) no-repeat bottom center;*/
	}
	
#engagements a {
	
	margin-top: 15px;
	color: #000;
	font-style: italic;
	text-decoration: none;
}

#engagements a:hover {
	text-decoration: underline;
}

#btn_plus_eng {
	width: 102px;
	height: 28px;
	background: url(../images/custom/btn_savoir+.gif) no-repeat;
	text-indent: -9999px;
	outline: none;
	display: block;
	margin: 0 auto;
	overflow: hidden;
	font-size: 0;
	text-align: left;
}

#logos {
	margin: 18px 0 0 20px;
}

/*************
*            *
*   FOOTER   *
*            *
*************/


#footer a img {
	margin: 0px 2px -2px 2px;
}

#footer a {
	
	text-decoration: none;
	color: #a7a7a7;
}

#footer a:hover {
	text-decoration: underline;
}