i/* -------------- Mise à zéro des styles ---------------- */
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,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;}
q:before,q:after{content:'';}
abbr,acronym {border:0;}

body {
background-color: #ffffff;
font-size: 11px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#564b47;
padding:0px;
margin:0px;
}

/* ----------centrage du contenu-------------- */
#container {
position:relative;	
width: 808px;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
margin-top:30px;
}
/* --------------gauche------------- */
#gauche {
float: left;
width: 170px;
height: 498px;
padding: 0px;
background-image: url(../images/fond-gauche.gif);
background-repeat: no-repeat;
}
#gauche a{
text-decoration:none;
}
#gauche a:hover{
	color:#42464c;
}
#menu-images{
position:absolute;
top:125px;
left:10px;
width:170px;
display:block;
font-size:10px;
}
#menu-images li{
float:left;	
text-align:center;
}
#menu-images a{
	width:65px;
	height:80px;
	display: block;
}
#menu-images img{
	display:block;
	padding-left:7px;
}
.achat{
	color:#D0B487;
}
.promotions{
	color:#DFDB00;
}
.offres{
	color:#723A6D;
}			
.contact{
	color:#9EC005;
}
.entreprises{
	color:#841f13;
}
.groupement{
	color:#ED9C30;
}	
#biosain{
position:absolute;
top:400px;
}
#biosain h1{
font-size:13px;
font-weight: bold;
padding: 5px 0 0 15px;
color:#fff;
}
#biosain h2{
font-size:10px;
font-weight: bold;
padding: 5px 0 0 15px;
color:#2d6003;
}
#biosain p{
font-size:10px;
padding: 3px 0 0 15px;
color:#42464c;
}
#biosain a{
color:#42464c;
}	
/* --------------droite------------- */
#droite {
float:right;
width:635px;
}
#langue{
height:15px;
width:635px;
color:#9ec005;
text-align:right;
}
#langue a{
color:#000;
text-decoration:none;
font-weight: bold;
}
#langue a:hover{
color:#9ec005;
}
#plan{
height:20px;
width:635px;
text-align:right;
}
#plan a{
color:#d0b487;
text-decoration:none;
font-weight: bold;
}
#plan a:hover{
color:#9ec005;
}
#menu{
height:75px;
width:635px;
}
#menu li{
float:left;
width:200px;	
}
#menu a{
	height:30px;
	display: block;
	text-decoration: none;
	color:#000;
	font-variant: small-caps;
	font-weight: bold;
	padding-left:10px;
	padding-top:2px;
}
#menu a:hover{
color:#9EC005;
}
.jaune{
	background-image: url(../images/puce-menu-jaune.gif);
	background-repeat: no-repeat;
}
.vert{
	background-image: url(../images/puce-menu-vert.gif);
	background-repeat: no-repeat;
}
.brun{
	background-image: url(../images/puce-menu-brun.gif);
	background-repeat: no-repeat;
}
#dessus{
	background-image: url(../images/fond-contenu-dessus.gif);
	background-repeat: no-repeat;
	height:7px;
	width:635px;
}
#contenu{
width:511px;
background-image: url(../images/fond-contenu.gif);
background-repeat: repeat-y;
padding-left:114px;	
padding-right:10px;
}
#contenu h1{
font-size:22px;
font-weight: normal;
padding: 5px 10px;
color:#b08050;}

#contenu h2{
font-size:18px;
font-weight: normal;
padding: 5px 10px;
color:#b08050;}

#contenu h3{
font-size:16px;
font-weight: normal;
padding: 5px 10px;
color:#b08050;}

#contenu h4{
font-size:14px;
font-weight: normal;
padding: 5px 10px;
color:#b08050;}

#contenu h5{
font-size:13px;
font-weight: normal;
padding: 5px 10px;
color:#b08050;}

#contenu h6{
font-size:12px;
font-weight: normal;
padding: 5px 10px;
color:#b08050;}

#contenu p {
font-size:11px;
font-weight: normal;
padding-top:5px;
padding-bottom:5px;
color:#7d6b33;
text-align:justify;}

#contenu a {
	font-size: 11px;
	color:#7d6b33;
}
#contenu a:hover {
	color: #000000;	
}

#contenu ul{
	padding-top:6px;
}

#contenu ul li{
	list-style: disc;
	margin-left:15px;
	padding-left:10px;
	padding-bottom:6px;
	font-size:11px;
}

#contenu ol{
	padding-top:6px;
}
#contenu ol li{
   list-style: decimal;
	margin-left:33px;
	padding-left:3px;
	font-size:11px;
}
#contenu dt{
   padding-left:15px;
	margin-left:10px;
	font-weight: bold;
	font-size:11px;
}

#contenu dd{
padding-left:35px;
font-size:11px;
}
#contenu2{
position:relative;
width:615px;
background-image: url(../images/fond-contenu.gif);
background-repeat: repeat-y;
padding-left:10px;	
padding-right:10px;
}

/*#colonne-droite {
float: right;
width: 395px;
background-image: url(../images/fruits.jpg);
background-repeat: no-repeat;
background-color: red;
}
#colonne-droite img{
	margin-right:7px;
}*/
#tout {
}

#tout h1{
font-size:22px;
font-weight: normal;
padding: 5px 10px;
color:#b08050;}

#tout h2{
font-size:18px;
font-weight: normal;
padding: 5px 10px;
color:#b08050;}

#tout h3{
font-size:16px;
font-weight: normal;
padding: 5px 10px;
color:#b08050;}

#tout h4{
font-size:14px;
font-weight: normal;
padding: 5px 10px;
color:#b08050;}

#tout h5{
font-size:13px;
font-weight: normal;
padding: 5px 10px;
color:#b08050;}

#tout h6{
font-size:12px;
font-weight: normal;
padding: 5px 10px;
color:#b08050;}

#tout p {
font-size:11px;
font-weight: normal;
padding-top:5px;
padding-bottom:5px;
color:#7d6b33;
text-align:justify;}

#tout a {
	font-size: 11px;
	color:#7d6b33;
}
#tout a:hover {
	color: #000000;	
}

#tout ul{
	padding-top:6px;
}

#tout ul li{
	list-style: disc;
	margin-left:15px;
	padding-left:10px;
	padding-bottom:6px;
	font-size:11px;
}

#tout ol{
	padding-top:6px;
}
#tout ol li{
   list-style: decimal;
	margin-left:33px;
	padding-left:3px;
	font-size:11px;
}
#tout dt{
   padding-left:15px;
	margin-left:10px;
	font-weight: bold;
	font-size:11px;
}

#tout dd{
padding-left:35px;
font-size:11px;
}

#dessous{
	background-image: url(../images/fond-contenu-dessous.gif);
	background-repeat: no-repeat;
	height:7px;
	width:635px;
}

	  
/* -----------footer--------------------------- */
#signature{
clear: both;
width:805px;
height: 52px;
margin: 0px;
padding: 0px;
text-align: right; 
color: #AFC0C4;
font-size: 9px;
padding-top:20px;
}
#signature a{
   color: #AFC0C4;
   text-decoration: none;
}
#signature img{
   vertical-align: middle;
   margin-right:20px;
}
#colonne-gauche {
float: left;
width: 615px;
height:155px;
}
#colonne-gauche{
	padding-top:16px;
}
#colonne-gauche ul li{
list-style-image: url(../images/puce-menu-vert.gif);
height:22px;
	margin-left:435px;
	padding-left:10px;
	font-size:11px;
}
#colonne-gauche a{
	color: #9EC005;
	font-weight: bold;
	text-decoration:none;
}
#colonne-gauche a:hover{
	color:#D0B487;
}
.vert_promo{
	color:#9EC005;
}