/*linkology*/
a:link{
	color:#E46824;
	background:transparent;
}
a:hover{
	color:#000;
	background:transparent;
}
a:visited{
	color:#E46824;
	background:transparent;
}
a:active{
	color:#E46824;
	background:transparent;
}

/*/linkology*/


	
	ul#control li{
		display:inline;
	}
	
	body {
		text-align:center;
		background-color:#fff;
		margin:0;
		padding:0;
		font: 12px/15px arial, verdana, "bitstream vera sans", sans-serif;
		}
	form{
		margin:0;
		padding:0;
	}
	#frame {
		width:793px;
		margin-right:auto;
		margin-left:auto;
		padding:0px;
		text-align:left;
		}
		#contentfooter{
		margin-left:30px;
			color:#999999;
			text-align:center;
		font: 10px/25px arial, verdana, "bitstream vera sans", sans-serif;
		}
	#contentleft {
		width:152px;
		padding:0px;
		float:left;
		text-align: center;
	}

	#contentleft form {
		text-align: center;
	}
	#contentleft form input {
		width:105px;
		border:1px solid #3F7153;
		font: 11px/14px arial, verdana, "bitstream vera sans", sans-serif;
		padding:0 0 0 3px;
	}
ul#nav1	{
	margin: 0;
	padding: 0;
	list-style-type:none;
	text-align:right;
}
ul#nav1  li {
	background: transparent url(../img/design/bg_nav1.gif) top left repeat-y;
	margin: 0;
	padding: 4px 15px 8px 15px;
	list-style-type:none;
	height:100%;
}
ul#nav1  li a {
	text-decoration: none;
	font: 11px/15px arial, verdana, "bitstream vera sans", sans-serif;
	text-transform:uppercase;
	color:#015020;
}
ul#nav1  li a.selected {
	font-weight:bold;
}
ul#nav2{
	margin: 0;
	padding:0;
}
ul#nav2  li{
	background:none;
	margin: 0;
	padding:0;
	list-style-type:none;
}
ul#nav2  li a {
	font: 11px/13px arial, verdana, "bitstream vera sans", sans-serif;
	text-transform:none;
	color:#015020;
}
ul#nav2  li a.selected {
	font-weight:bold;
	color:#E46824;
}


	ul#nav1 li.basnav1{
		margin: 0;
		padding: 0;
		width: 152px;
		height: 33px;
		background: #fff url(../img/design/bg_basnav1.gif) top left no-repeat;
	}
	
	#contentcenter {
		width:539px;
		padding:0px;
		float:left;
	}
	#maintext{
		padding:0px 15px 15px 15px;
	}
	
	#contentright {
		width:102px;
		padding:0px;
		float:left;
		text-align:center;
	}
	#contentright ul, #contentright ul li {
	margin:0;
	padding:0;
	font: 10px/12px arial, verdana, "bitstream vera sans", sans-serif;
	}
	#contentright h2 {
	margin:0;
	padding:0;
	font: 10px/12px arial, verdana, "bitstream vera sans", sans-serif;
	}
	
	#contentheader {
	background:url(../img/design/bg_header2.jpg) 169px 0 no-repeat;
	height:92px;
	margin:0 0 12px 0;
	padding:0;
	}
	#contentheader h1{
		background: transparent url(../img/design/logo_ekoshop.gif) top right no-repeat;
		display: block;
		margin: 0;
		padding: 0;
		width: 169px;
		height: 92px;
		text-decoration: none;
		
		text-align:left;
	}
	
	#contentheader h1 a	{
		display: block;
		margin:0;
		padding: 0;
		width: 169px;
		height: 92px;
		text-decoration: none;
		background: transparent url(../img/design/logo_ekoshop.gif) top right no-repeat;
	}
	.alt{
		display:none;
	}
	
ul#nav0 	{
	display:block;
	height: 0px;
	width: 539px;
	/*background: transparent url(../img/design/bg_nav0.gif) top left no-repeat;*/
	margin: 0;
	padding: 0;
	position: relative;
}
ul#nav0  li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	height: 0px;
	display: block;
}

ul#nav0  li a {
	height: 0px;
	display: block;
	text-indent: -9999px;
	text-decoration: none;
}
ul#nav0 li a span.info{
display: none;
}

ul#nav0 a{
position: relative;
text-decoration: none;
}

ul#nav0 a span.info{
	display: none;
	text-indent: 0px;

}
ul#nav0 a:hover{
background: none; /* correction d'un bug IE */
z-index: 500;
color:#000;
}
 
ul#nav0 a:hover span.info{
background:#B8DD6A;display: block;
width: 120px;
position: absolute;
top: -2.5em;
left: 1em;
text-align: left;
color: #015020;
padding: 4px;
border: 1px solid #015020;
}
/*
ul#nav0 li#nav0Item1{left: 0px; width: 75px;}
ul#nav0 li#nav0Item2{left: 75px; width: 79px;}
ul#nav0 li#nav0Item3{left: 154px; width: 77px;}
ul#nav0 li#nav0Item4{left: 231px; width: 76px;}
ul#nav0 li#nav0Item5{left: 307px; width: 58px;}
ul#nav0 li#nav0Item6{left: 365px; width: 70px;}
ul#nav0 li#nav0Item7{left: 435px; width: 104px;}

ul#nav0 li#nav0Item1 a:hover{background: transparent url(../img/design/bg_nav0.gif) 0px -45px no-repeat;}
ul#nav0 li#nav0Item2 a:hover{background: transparent url(../img/design/bg_nav0.gif) -75px -45px no-repeat;}
ul#nav0 li#nav0Item3 a:hover{background: transparent url(../img/design/bg_nav0.gif) -154px -45px no-repeat;}
ul#nav0 li#nav0Item4 a:hover{background: transparent url(../img/design/bg_nav0.gif) -231px -45px no-repeat;}
ul#nav0 li#nav0Item5 a:hover{background: transparent url(../img/design/bg_nav0.gif) -307px -45px no-repeat;}
ul#nav0 li#nav0Item6 a:hover{background: transparent url(../img/design/bg_nav0.gif) -365px -45px no-repeat;}
ul#nav0 li#nav0Item7 a:hover{background: transparent url(../img/design/bg_nav0.gif) -435px -45px no-repeat;}


ul#nav0 li#nav0Item1 a.selected{background: transparent url(../img/design/bg_nav0.gif) 0px -45px no-repeat;}
ul#nav0 li#nav0Item2 a.selected{background: transparent url(../img/design/bg_nav0.gif) -75px -45px no-repeat;}
ul#nav0 li#nav0Item3 a.selected{background: transparent url(../img/design/bg_nav0.gif) -154px -45px no-repeat;}
ul#nav0 li#nav0Item4 a.selected{background: transparent url(../img/design/bg_nav0.gif) -231px -45px no-repeat;}
ul#nav0 li#nav0Item5 a.selected{background: transparent url(../img/design/bg_nav0.gif) -307px -45px no-repeat;}
ul#nav0 li#nav0Item6 a.selected{background: transparent url(../img/design/bg_nav0.gif) -365px -45px no-repeat;}
ul#nav0 li#nav0Item7 a.selected{background: transparent url(../img/design/bg_nav0.gif) -435px -45px no-repeat;}

*/
div.menu a:link{ /* Les liens qui ne sont pas sous le curseur. */
	color: #327634;
	text-decoration:none; /* pas de soulignement */
	font-family:Arial,Verdana;
}
div.menu a:hover{ /* Les liens qui ne sont pas sous le curseur. */
	color: #FFFFFF;
	text-decoration:none; /* pas de soulignement */
	font-family:Arial,Verdana;
}
div.menu a:active { /* Les liens selectionnés. */
	color: #0611F9;
	text-decoration:none; /* pas de soulignement */
	font-family:Arial,Verdana;
}

    #menug {
        color: #5D7D1C;
    }
    #menug a {
        text-decoration: none;
        color: #5D7D1C;
    }
 /*   #menug a:visited {
        text-decoration: none;
        color: #99f;
    }*/
    #menug a:hover {
        text-decoration: underline;
        color: #ffffff;
    }
    #menug a:active {
        text-decoration: underline;
        color: #e46824;
    }


ul#fichesconseils{
	margin:0;
	padding:0;
	text-align:left;
	list-style-type:none;
}

ul#fichesconseils li{
	background: transparent url(../img/design/bg_fichesconseils.gif) top left repeat-y;
	margin: 0;
	padding: 4px 12px 0 15px;
	list-style-position: outside;
	height:100%;
}
ul#fichesconseils li a{
	background-color:#A2A1AE;
	color:#565557;
}
ul#fichesconseils li a:hover{
	color:#fff;
}

#contentleft h2.titrefiches{
		display: block;
		margin: 10px 0 0 0 ;
		padding: 0;
		width: 152px;
		height: 40px;
		text-decoration: none;
		background: transparent url(../img/design/bg_titre_fiches.gif) top left no-repeat;
		text-align:left;
}
	ul#fichesconseils li.basfichesconseils{
		margin:0px;
		padding:0px;
		background:none;
		height: 33px;
		background: #fff url(../img/design/bg_basfiches.gif) no-repeat;
	}

	#contentright h2.titreengagements{
		display: block;
		margin: 0;
		padding: 0;
		width: 102px;
		height: 27px;
		text-decoration: none;
		background: transparent url(../img/design/bg_titreengagements.gif) top left no-repeat;
		text-align:left;
	}

ul#nav3 	{
	margin: 0;
	padding: 0;
	list-style-type:none;
	text-align:right;
}
ul#nav3  li {
	background: transparent url(../img/design/bg_engagements.gif) top left repeat;
	margin: 0;
	padding: 2px 5px 0 5px;
	height:100%;
}
ul#nav3  li a {
	text-decoration: none;
	color:#FFFFFF;
	font-size:10px;
}

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

	ul#nav3 li.basengagements{
		margin: 0;
		padding: 0;
		width: 102px;
		height: 23px;
		background: #fff url(../img/design/bg_basengagements.gif) top left no-repeat;
	}

	dl.produitpromo{
		height:155px;
		overflow:hidden;
		color:#E05102;
		background-color:#fff;
		float:left;
		width:249px;
		padding:4px 10px 4px 10px;
		border:1px #FC8849 solid;
		margin:4px;
		text-align:left;
		voice-family : "\"}\"";
		voice-family : inherit;
		width:227px;
		height:147px;
	}


	dl.produit{
		height:155px;
		overflow:hidden;
		color:#015B25;
		background-color:#fff;
		float:left;
		width:249px;
		padding:4px 10px 4px 10px;
		border:1px #719980 solid;
		margin:4px;
		text-align:left;
		voice-family : "\"}\"";
		voice-family : inherit;
		width:227px;
		height:147px;
	}

	dl.produit dd.nomproduit, dl.produitpromo dd.nomproduit, dl.produit dd.refproduit, dl.produitpromo dd.refproduit{
		font: 11px/13px arial, verdana, "bitstream vera sans", sans-serif;
		font-weight:bold;
		margin:0;
		padding:0;
	}
	dl.produit dd, dl.produitpromo dd{
		margin:0;
		padding:0;
		font: 11px/13px arial, verdana, "bitstream vera sans", sans-serif;
	}
	dl.produit dd.textproduit, dl.produitpromo dd.textproduit{
		font: 11px/11px arial, verdana, "bitstream vera sans", sans-serif;
	}
	dl.produit dd.textproduit a, dl.produitpromo dd.textproduit a{
		color:#000;
		text-decoration:underline;
	}
	dl.produit .prixproduit, dl.produitpromo .prixproduit{
		font: 13px/18px arial, verdana, "bitstream vera sans", sans-serif;
		font-weight:bold;
		padding-right:5px;
	}
	dl.produit dd.imgproduit , dl.produitpromo dd.imgproduit {
		display:block;
		float:left;
		overflow:hidden;
		width:60px;
		height:70px;
		background-color:#fff;
		margin:2px 8px 5px 0 ;
		padding:0;
	}
	dl.produit dd.boxproduit, dl.produitpromo dd.boxproduit{
		clear:both;
	}
ul#EspaceClient{
	height: 70px;
	width: 102px;
	background: transparent url(../img/design/bg_espaceclient.gif) top left no-repeat;
	margin: 8px 0 0 0;
	padding: 0;
	position: relative;
	text-align:left;
}
ul#EspaceClient  li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	width: 102px;
	display: block;
}
ul#EspaceClient  li a {
	width: 102px;
	display: block;
	text-indent: -9999px;
	text-decoration: none;
	line-height:34px;
}
#EspaceClientItem1{top: 0px; height: 34px;}
#EspaceClientItem2{top: 34px; height: 36px;}


ul#ProduitsPanier 	{
	margin: 0;
	padding: 0;
	list-style-type:none;
	text-align:left;
}
ul#ProduitsPanier  li {
	background: transparent url(../img/design/bg_panier.gif) top left repeat;
	margin: 0;
	padding: 2px 10px 4px 10px;
}
ul#ProduitsPanier  li a {
	text-decoration: none;
	color:#000;
}
ul#ProduitsPanier  li.actionpanier{
	text-align:center;
	padding:0px 0 0 0;
	font: 11px/18px arial, verdana, "bitstream vera sans", sans-serif;
}
	ul#ProduitsPanier li.baspanier{
		margin: 0;
		padding: 0;
		width: 102px;
		height: 12px;
		background: #fff url(../img/design/bg_baspanier.gif) top left no-repeat;
	}
	#contentright h2.titrepanier{
		display: block;
		margin: 5px 0 0 0;
		padding: 0;
		width: 102px;
		height: 25px;
		text-decoration: none;
		background: transparent url(../img/design/bg_titrepanier.gif) top left no-repeat;
		text-align:left;
	}
	
ul#navpanier{
	height: 21px;
	width: 88px;
	background: transparent url(../img/design/bg_navpanier.gif) top left no-repeat;
	margin: 8px 0 0 0;
	padding: 0;
	position: relative;
	text-align:left;
}
ul#navpanier  li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	width: 88px;
	display: block;
}
ul#navpanier  li a {
	width: 88px;
	display: block;
	text-indent: -9999px;
	text-decoration: none;
	line-height:21px;
}
#navpanierItem1{top: 0px; height: 21px;}
/*#navpanierItem2{top: 31px; height: 21px;}*/
	
ul#NavChemin{
	margin: 5px 0 5px 10px;
	padding: 0;
	list-style-type:none;
}
ul#NavChemin li {
	background-image: url(../img/design/puce_chemin.gif);
	background-repeat: no-repeat;
	background-position: 96% 4px;
	display:inline;
	margin: 0;
	padding: 0 16px 0 0;
	color:#015B25;
	
}
#pagination{
	clear:both;
	text-align:center;
}
#pagination a{
	text-decoration:none;
}
#pagination a.selected{
	text-decoration:underline;
	color:#000000;
}

form.compte {
	margin:0;
	padding:0;
}
form.compte fieldset{
	margin :0 0 20px 0;
	padding:0;
	border:0;
}

form.compte fieldset p{
	clear:both;
	margin :0 0 2px 0;
	padding:0;
}
form.compte fieldset label{
	float: left;	/*** Très important, ne pas suprimer ! ***/
	width: 210px;	/*** Les intitulés prennent 1/3 de la largeur totale du formulaire... ***/
	text-align: left;	/*** ... et ils sont alignés à droite... ***/
	margin: 0;
	padding: 0;
	line-height: 11px;	/*** ... et centrés verticalement. ***/
}
form.compte fieldset input.fixe{
	margin:0;
	padding:0;
	font: 11px/11px arial, verdana, "bitstream vera sans", sans-serif;
	width:170px;
}
form.compte fieldset input{
	margin:0;
	padding:0;
	font: 11px/11px arial, verdana, "bitstream vera sans", sans-serif;
}
form.compte fieldset textarea, form.compte fieldset select{
	width:170px;
	margin:0;
	padding:0;
	font: 11px/11px arial, verdana, "bitstream vera sans", sans-serif;
}

form.compte fieldset label.labelaligne {	/*** Mise en forme des intitulés de champs ***/
display:inline;
float:none;	/*** Très important, ne pas suprimer ! ***/
width:auto;	/*** Les intitulés prennent 1/3 de la largeur totale du formulaire... ***/
text-align: left;	/*** ... et ils sont alignés à droite... ***/
margin: 0;
padding: 0;
line-height: 11px;	/*** ... et centrés verticalement. ***/
}



	table.recapcommande {
		width:100%;
		border-collapse: collapse;
		margin:5px 0 5px 0;
		background-color:#ffffff;
	}
	
	table.recapcommande td{
		border: 1px solid #6C6B69;
		border-collapse: collapse;
		padding: 5px 5px 5px 5px;
		vertical-align:top;
	}
	table.recapcommande td input{
		padding:0;
		margin:0;
		line-height:11px;
		font-size:11px;
	}
	table.recapcommande td.aligncenter{
		text-align:center;
	}
	table.recapcommande td.alignright{
		text-align:right;
	}
	table.recapcommande th{
		vertical-align:top;
		padding: 5px 5px 5px 5px;
		color:#000000;
		background-color:#D1D3CF;
		border: 1px solid #6C6B69;
		text-align: center;
	}
	table.recapcommande th a{
	color:#ffffff;
	text-decoration:underline;
	}
	table.recapcommande td a{
	color:#ff0000;
	text-decoration:underline;
	}

		dl#messagebio{
			width:507px;
			margin:0;
			padding:0;
			background: #DFDCDE url(../img/design/bg_actualites.gif) top left;
		}
		dl#messagebio dd{
			margin:0;
			padding:0 10px 0 10px;
			background: #DFDCDE url(../img/design/bg_actualites.gif) top left;
			font: 12px/13px arial, verdana, "bitstream vera sans", sans-serif;
		}

		dl#messagebio dt{
		background: transparent url(../img/design/bg_haut_actualites.gif) top left no-repeat;
		display: block;
		margin: 0;
		padding: 0;
		width:507px;
		height: 33px;
		text-decoration: none;
		text-align:left;
	}
		dl#messagebio dd.basactu{
/*		width:507px; */ /* désactivé sinon décallage dans Ie6*/
		height: 33px;
		background: #fff url(../img/design/bg_bas_actualites.gif) no-repeat;
		voice-family : "\"}\"";
		voice-family : inherit;
	}
	
	
		dl#actualitesbio{
			width:507px;
			margin:0;
			padding:0;
			background: #DFDCDE url(../img/design/bg_actualites.gif) top left;
		}
		dl#actualitesbio dd{
			margin:0;
			padding:0 20px 0 20px;
			background: #DFDCDE url(../img/design/bg_actualites.gif) top left;
			font: 11px/12px arial, verdana, "bitstream vera sans", sans-serif;
		}

		dl#actualitesbio dt{
		background: transparent url(../img/design/bg_actualite_bio.gif) top left no-repeat;
		display: block;
		margin: 0;
		padding: 0;
		width:507px;
		height: 33px;
		text-decoration: none;
		text-align:left;
	}
		dl#actualitesbio dd.basactu{
/*		width:507px; */ /* désactivé sinon décallage dans Ie6*/
		height: 33px;
		background: #fff url(../img/design/bg_bas_actualites.gif) no-repeat;
		voice-family : "\"}\"";
		voice-family : inherit;
	}
dl#contactekoshop{
	margin:0;
	padding:0;
}
dl#contactekoshop dt{
	clear:both;
	margin:0;
	padding:10px 0 5px 0;
	color:#E46824;
	font-weight:bold;
}
dl#contactekoshop dd{
	clear:both;
	margin:0;
	padding:0;
}
dl#contactekoshop dd strong{
	float: left;	/*** Très important, ne pas suprimer ! ***/
	width: 250px;	/*** Les intitulés prennent 1/3 de la largeur totale du formulaire... ***/
	text-align: left;	/*** ... et ils sont alignés à droite... ***/
	margin: 0;
	padding: 0;
	line-height: 15px;	/*** ... et centrés verticalement. ***/
}
#maintext h4{
	font: 12px/12px arial, verdana, "bitstream vera sans", sans-serif;
	color:#E46824;
	margin:0;
	padding:0;
	font-weight:bold;
}
#maintext h3{
	font: 13px/15px arial, verdana, "bitstream vera sans", sans-serif;
	color:#01431B;
	font-weight:bold;
	text-transform:uppercase;
}

#maintext ul{
	list-style-position: outside;
	padding:0;
	list-style-type:none;
	margin: 0 0 22px 0;
}
#maintext ul li{
	background-image: url(../img/design/puce_li.gif);
	background-repeat: no-repeat;
	background-position: 0% 4px;
	padding:0 0 0 0px;
	margin:0 0 5px 20px;
	text-indent:12px;
}
form.compte fieldset p.legende{
	font: 10px/12px arial, verdana, "bitstream vera sans", sans-serif;
	padding:4px 0 4px 0;
	color:#999999;
}

.warning{
	color:#FF0000;
	font-style:italic;
}


 /* styles pour l'optimisation du référencement  */
 
DIV.optim_tab {
	border-width:1px;
	border-color:#E46824;
	border-style:solid;
}
TD.optim_inv {
	padding-bottom:5px;
	padding-left:5px;
	padding-right:5px;
	text-align:left;
}
UL.optim_inv {
	height: 10px;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
LI.optim_inv {
	line-height:2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	padding:0px;
	color:#E46824;
}
A.optim_inv {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#E46824;
	text-decoration: none;
	cursor: text;
}
A.optim_inv:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#E46824;
	text-decoration: none;
	cursor: text;
}
A.optim_inv:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#E46824;
	text-decoration: none;
}
A.optim_inv:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#E46824;
	text-decoration: none;
}
A.eva_lien{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#E46824;
}
A.eva_lien:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#E46824;
}
DIV.optim_inv {
	visibility:hidden;
}
DIV.optim_vis {
	visibility:visible;
}
 /* fin des styles pour l'optimisation du référencement  */