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; background:none;}
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: 998px;
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-dessus {
float: left;
width: 170px;
height: 128px;
padding: 0px;
background-image: url(../images/fond-gauche-haut.gif);
background-repeat: no-repeat;
}
#gauche-milieu {
float: left;
width: 170px;
padding: 0px;
background-image: url(../images/fond-gauche-milieu.gif);
background-repeat: repeat-y;
}
#gauche-bas {
float: left;
width: 160px;
height: 332px;
padding: 0px;
background-image: url(../images/fond-gauche-bas.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{
clear:both;
position:relative;
float:left;
margin-top:-370px;
}
#biosain h1{
font-size:13px;
font-weight: bold;
padding: 5px 0 0 10px;
color:#fff;
}
#biosain h2{
font-size:10px;
font-weight: bold;
padding: 5px 0 0 10px;
color:#2d6003;
}
#biosain p{
font-size:10px;
padding: 3px 0 0 10px;
color:#42464c;
}
#biosain a{
color:#42464c;
}	
/* --------------droite------------- */
#droite {
float:left;
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-panier.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;
z-index:-1;
}
#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-panier.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 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;
}

/* POUR LE MAGASIN ---------------------------------------*/
#tout_magasin{
width:100%;
margin-bottom:10px;
}

#menu_magasin{
width:25%;
padding-left:5px;
}

#tout_magasin  td{
vertical-align:top;
}

#contenu_magasin{
width:100%;
padding-left:10px;
}

/* MENU MAGASIN*/
#div_menu_magasin{
	width:127px;
	margin-left:8px;
	_margin-left:-7px;
	min-height:107px;
	_height:107px;
}

#n1 {
font-weight:bold;
}
#n2 {
    position:absolute;
    display:block;
	height:0px;
	font-weight:normal;
}
#n3 {
    position:absolute;
    display:block;
	height:0px;
}

#div_menu_magasin span{
    display:none;
    }
    
#div_menu_magasin ul{
    margin-left:0px;
    padding:0;
   width:127px;
 
   /* background-color: blue;*/
    }
    
#div_menu_magasin li ul{
    visibility:hidden;
    }
            
#div_menu_magasin li ul{
    margin-top:0px;
    }
    
#div_menu_magasin a{
    text-align:left;
    /*background-color: red;*/
    color:#000;
    display:block;
    width:127px;
    text-decoration:none;
    margin:0 0 0 0;
    padding:0 0 0 10px; /* em units can creat little graphic bug in mozilla */
    }
    
#div_menu_magasin a:hover{
    background-color: #9EC005;
	color:#000;
    /*font-weight:bold;*/
    }
    
/* for a mozilla better display with key nav */ #menu a:focus{
   /* background-color: #aaf;*/
}

#div_menu_magasin span{
    /* hide some accessibility stuff */
    display:none;
    }
        
#div_menu_magasin li{
   width:127px;
    display:block;    
    float:left;  
    list-style:none;
    margin:0;
    padding:0;
	cursor:pointer;
    }
    
/* IE PC selector */
* html #div_menu_magasin li {
    display:block; /* solve a IE PC list bug */
    float:none; /* solve a IE5 clav nav bug */
    }
    
a.linkOver{
    /*background-color: cyan;*/
    
    }
/*----------------------- fin Menu------------------------*/

/*FIN MENU MAGASIN*/

#div_contenu_magasin{
width:600px;
}

#div_contenu_magasin ul li{
list-style-image: url(../images/puce-menu-brun-petit.gif);
}

.sidebox-rootcategory{
text-decoration:none;
font-size:12px;
font-weight:bold;
}

.sidebox-subcategory{
text-decoration:none;
font-size:11px;
line-height:15px;
}

#caddie{
padding-top:2px;
padding-left:5px;
}

.mainbox-title{
font-size:18px;
color:#D0B487;
}

/* FIN POUR LE MAGASIN ---------------------------------------*/

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

	  
/* -----------footer--------------------------- */
#conditions{
clear: both;
width:998px;
height: 52px;
margin: 0px;
padding: 0px;
text-align: center; 
color: #AFC0C4;
font-size: 9px;
padding-top:10px;
} 
#conditions a{
   color: #AFC0C4;
   text-decoration: none;
   font-weight:bold;
}

#signature{
clear: both;
width:998px;
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;
}
#menu_panier{
float: left;
width: 170px;
height: 498px;
padding: 0px;
background-image: url(../images/fond-panier.jpg);
background-repeat: no-repeat;
margin-left:20px;
}
.back_img{
background-image: url(../images/fond_categ2.gif);
background-repeat: no-repeat;
}
.back_img_titre{
background-image: url(../images/fond_categ3.gif);
background-repeat: no-repeat;
}
.espace{
padding-left:5px;
}
.espace2{
padding-left:5px;
font-weight:bold;
}
#search{
margin-left:12px;
margin-bottom:10px;
}
.bouton{
      border:none;
      background: url(../images/loupe.gif) no-repeat left top;
	  width:16px;
}
.champ{
height:16px;
width:100px;
}
#login{
width:140px;
padding-top:10px;
margin-left:5px;
height:165px;
color:#FFF;
}
.log-box{
font-weight:bold;
color:#FFF;
}
.small-link2{
color:red;
}
.hand{
cursor:pointer;
}