/*************************feuille de styles légumus*********************/
/*                                       réalisée par IPMoteur avril 2007                                 */
/*                              optimisation pour IEs, IE7,  Opéra et Firefox                     */
/******************************************************************/

/*------------------------------------structure globale du site -----------------------------*/

body {
	margin:0 auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	/*width: 950px;*/
	background: #F4F9E9 url(images/fond-footer.png) no-repeat bottom;
}

body#infospe{width: 350px; background: none;}

#header {/*bannière du haut*/
	width: 950px;
	height: 100px;
	/*background: url(images/ban.jpg) no-repeat top;*/
	background: url(images/ban_vierge.jpg) no-repeat top;
	margin:0 auto;	
}

#bandeau{/*bandeau défilant*/
	/*float: left; */
	width: 100%; 
	clear: both; 
	margin:0 auto;	
	/*margin: 0px 0 3px 0; 
	color: #000; 
	font-size: .85em; 
	font-weight: bold;
	height:30px;*/
	/*background: url(images/menu/fond-menuInformations.png) repeat-x bottom;	*/
}
#global {
	width:950px;
	margin:0 auto;
	clear:both;
	background-color:#FFFFFF;
}
#fil {/*fil d'ariane*/
	margin:0;
	float: left;
	width: 95%;
	height: 35px;
	background: url(images/fil.jpg) no-repeat; 
}

#liensfil {/*fil d'ariane*/
 	padding: 10px 0 0 38px;	
	margin:0;
	float: left;
	width: 95%;
	height: 18px;
	border-bottom: 1px solid #CCC;
}

#menuGauche {/*colone de gauche*/
	float:left;
	text-align: left;		
	width: 204px;
	height: 100%;
	margin: 0 10px 0 0;
	padding:0;
}

#index, #index1, #index2, #index3, #index4, #index5, #index6, #index7, #index8, #index9, #index10, #index11, #index12, {/*contient le centre de la page, possibilité de personaliser chaque catégore, suite à la demande annulée de M. Marais*/
	height: 100%;
	width: 500px;	
	float: left;
	margin: 0;
	padding: 0;
}

#centre {
	margin: 0 0 0 10px;
	padding: 0;
	float: left;
	width: 500px;
	height: auto;
}

#menuDroite {/*colonne de droite*/
	text-align: left;
	width: 200px;
	float: right;
	margin: 0;
	padding: 0;
}
#findeGlobal {
	clear:both;
	margin:0;
	padding:0;
	color:#FFFFFF;
	width:950px;
}

#footer {/*pieds de page du site*/
	width:100%;
	float: left;
	padding :52px 0 0 0;
	margin: 10px 0 0 0;	
	font-size: .85em;
	text-align: center;
	color:#FFF;
	/*background: url(images/footer.gif) no-repeat;*/ 
}
#phpmyvisites {
	display:none;
}

/*-----------------------------------------------------------les essentiels------------------------------------------------------*/

small{float:right;}
p small {float:none;}

p, #reviews, .orderHistory, .infoText, .listingTop, dt, dd, .textMain {
	padding:0 15px 0 15px;
	color: #000;
	margin: 0;
	text-align: left;
}
#categPresent p, p.categPresent {
	color: #24629c;
	text-align:justify;
	margin:0 5px 5px 5px;
	padding:0;
	line-height: 1.5em;
	font-size: 1.1em;
}
.listingTop {
	/*height:5px;*/
}

.warning {
	font-size: .8em;
	color: #999;
	margin: 0;
	padding: 10px 15px 0 15px;
}

img {border: 0px; padding: 0; margin: 4px 10px 4px 4px; float: left;}

h1 {
	font-size: 2em;
	/*color: #14417C;*/
	font-weight: normal;
	text-decoration: none;
	padding: 0;
	margin: 0;
	clear: both;
	display:block;
	height:32px;
	text-indent:30px;
	color: #2b8441;
	background:url(../../images/h1_boutique.jpg) top left no-repeat;
}

h2, h3, h4, #centre legend {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	color: #4a8a26;
	text-decoration: none;
	padding: 10px 0 0 0;
	margin: 0;
	clear: both;
}

.boxes h4{
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9em;
	font-weight: normal;
	text-decoration: none;
	padding-left: 5px;
	display: block;
	clear: both;
	color: #FFF;}

table { margin:0 10px 10px 0; border-collapse: collapse;}

dl{display: block; margin: 0; padding: 0;}

th {	
	font-family: Arial, Helvetica, sans-serif;
	font-size: .85em;
	background: #e8e8e8;
	border:1px solid #FFF;
	}
td {border:1px solid #CCC; font-size: .85em; padding: 4px;}

table li{margin: 0; padding: 0; list-style: disc; color: #000;}
table ul{margin: 0; padding: 0; color: #000;}

/*--------------------------------------------------------------------catalogue en lui-même---------------------------------------------*/
/*images situées en haut d'une catégorie contenant des sous catégories*/
#categoriesImages {float: left; margin: 15px 15px 0; width:490px;}
#categoriesImages img{float: left; margin: 0;}
#headingCatImg img {
	display: none;
}
.categoriesThumbs {float:left; margin:0 20px 10px 0;}

/*liste des produits dans un carré de couleur, personalisable...*/
.newProduct, .listing, .newProduct1, .newProduct2, .newProduct3, .newProduct4, .newProduct5, .newProduct6, .newProduct7, .newProduct8, .newProduct9{margin:7px; padding: 0; width: 220px; float: left;}
.newProduct1{}
.newProduct2{}
.newProduct3{}
.newProduct4{}
.newProduct5{}
.newProduct6{}
.newProduct7{}
.newProduct8{}
.newProduct9{}
.newProduct10{}
.newProduct11{}
.infobox {width:95%; text-align:left;}

#productDescription {
	padding: 0;
	margin: 20px 0 5px 0;
	height: auto;
	position: relative;
}

#productInfoSpec{
	position: relative;
	margin: 0;
	font-weight: bold;
}

#productDateAdded {
	margin: 20px 0 10px 10px;
}
/* bloc détail (poids, origine, composition...) dans la fiche produit */
#InfoSuplements {
	margin: 20px 0 10px 10px;
	padding-left:90px;
	background:url(../../images/perso/legumus_InfoSuplements.jpg) top left no-repeat;
	width:250px;
	color:#96bc4d;
	font-size:0.75em;
	width:200px;
}
#InfoSuplements a#aprifel {color:#96bc4d;}
#InfoSuplements a#aprifel:hover {color:#226834;}
#InfoSuplements span {color:#226834;}

.newProducts,.productsNewContener {
	margin: 0;
}

dd.image {float:left; padding: 0;}
dt.name{margin: 0; padding: 2px 0 2px 5px;}
.newProduct1 dt.name{background: #DB2172;}
.newProduct1 dd {padding: 0 0 0 5px;}
.newProduct2 dt.name{background: #D83405;}
.newProduct2 dd {padding: 0 0 0 5px;}
.newProduct3 dt.name{background: #ED9A12;}
.newProduct3 dd {padding: 0 0 0 5px;}
.newProduct4 dt.name{background: #2B8441;}
.newProduct4 dd {padding: 0 0 0 5px;}
.newProduct5 dt.name{background: #70A0D0;}
.newProduct5 dd {padding: 0 0 0 5px;}
.newProduct6 dt.name{background: #1486D5;}
.newProduct6 dd {padding: 0 0 0 5px;}
.newProduct7 dt.name{background: #394EB1;}
.newProduct7 dd {padding: 0 0 0 5px;}
.newProduct8 dt.name{background: green;}
.newProduct8 dd {padding: 0 0 0 5px;}
.newProduct9 dt.name{background: #CCC;}
.newProduct9 dd {padding: 0 0 0 5px;}

/* margin top pour ne pas coller le prix et la photo au h1 de la fiche produit */
#productImage{
	margin:10px 0 0 0;
	padding:0;
	width:200px;
	float:right;
}

#productImage img{ margin: 0; float:right; padding:0;}

.otTtitle {text-align:right; font-size:.8em; color:#000;}

.price {
	color: #24629C;
	font-weight: bold;
	text-decoration: none;
}

.productSpecialPrice {
	color: red;
	font-weight: bold;
	text-decoration: none;
	margin-left:5px;
}

del {
	color: #24629c;
	font-weight: bold;	
	margin-left:5px;
	font-size:0.8em;
}
/*bouton acheter*/
#Page_shopping_cart #centre .listingBuy a{ /*page panier uniquement (shoppin_card.php)*/
	border: 1px solid #CCC;
	color: #999;
	margin: 2px;
	float: right;
	clear: both;
	padding:2px;
	/*background:url(images/panier.png) top left no-repeat;
	text-indent: -5000px;
	width: 150px;*/
}
#Page_index_products a.navBt{}
#Page_index_products #centre .listingBuy a, #Page_advanced_search_result #centre .listingBuy a { /* page listing des produits uniquement */
	height: 30px;
	color: #96bc4d;
	border-left:none;
	border-right:none;
	border-top:none;
	border-bottom:1px dashed #96bc4d;
	float: right;
	background:url(images/panier.gif) top left no-repeat;
	padding:0 0 0 30px;
	margin: -2.3em 30px 0 0px;
	line-height:40px;
	font-weight:bold;
	letter-spacing:1px;
	text-indent: 0px;
}
#Page_index_products #centre .listingBuy a:hover, #Page_advanced_search_result #centre .listingBuy a:hover {
	color:#226834;
	border-bottom:1px dashed #226834;
}
#Page_index_products #centre .listingBuy {
	padding-right: 0px;
}
#Page_index_products #centre .listingBuy p#nonDispo{
	height: 30px;
	color: #96bc4d;
	border-left:none;
	border-right:none;
	border-top:none;
	/*border-bottom:1px dashed #96bc4d;*/
	float: right;
	/*background:url(images/panier.gif) top left no-repeat;*/
	padding:0 0 0 30px;
	margin: -2.3em 30px 0 0px;
	line-height:40px;
	font-weight:bold;
	letter-spacing:1px;
	text-indent: 0px;
}
	
#splitPageTop, #splitPageBottom{position: relative; clear: both; font-size: .9em;}
#splitPageTop a,#splitPageBottom a {margin:0 1px 0 1px;}
#splitPageTop p,#splitPageBottom p {text-align: center;}
.jump {
	font-weight:bold;
}

/*mise en page pour chaque categorie, on peut personaliser selon la categorie */
.listing {
	position: relative;
	width: 490px;
	/*border: 1px solid #4A8A26;*/
	/*border-top: 1px solid #4A8A26;
	border-bottom: 1px solid #4A8A26;*/
	margin: 2px 0 3px 0;
	padding: 0 5px 0 5px;
	height: 60px;
}
#index1 .listing {background:url(../../images/list_bio.jpg) center no-repeat;}
#index2 .listing {background:url(../../images/list_economique.jpg) center no-repeat;}
#index3 .listing {background:url(../../images/list_salade.jpg) center no-repeat;}
#index4 .listing {background:url(../../images/list_crudite.jpg) center no-repeat;}
#index5 .listing {background:url(../../images/list_acuire.jpg) center no-repeat;}
#index6 .listing {background:url(../../images/list_fruits.jpg) center no-repeat;}
#index7 .listing {background:url(../../images/list_decouverte.jpg) center no-repeat;}
#index8 .listing {background:url(../../images/list_pretaconsommer.jpg) center no-repeat;}
#index9 .listing {background:url(../../images/list_boutique.jpg) center no-repeat;}
#index10 .listing {background:url(../../images/list_corbeilles.jpg) center no-repeat;}
#index11 .listing {/*normalement pas de legumes hors des sous categories legumes ( 3,4 et 5)*/}
#index12 .listing {background:url(../../images/list_saveurs.jpg) center no-repeat;}


.listing .productWeigth, .listing .productOrigine, .listing .productCateg{
	font-size:0.7em;
	color:#24629c;
}
.productWeigth span.prix_kilo {
	font-style:italic;
	color:#999999;
}
.productModel{
	color:#999999;
	font-size:0.7em;
	font-style:oblique;
}

.listing dt{margin: 0; padding: 2px 0 2px 15px; font-weight: bold;} /*titre des page listant les produits*/
#index1 .listing dt{}
#index2 .listing dt{}
#index3 .listing dt{}
#index4 .listing dt{}
#index5 .listing dt{}
#index6 .listing dt{}
#index7 .listing dt{}
#index8 .listing dt{}
#index9 .listing dt{}
#index10 .listing dt{}
#index11 .listing dt{}
#index12 .listing dt{}
.listing dd.productPrice{float: right; margin:-1em 10px 0 0;}
.listing #productDescription{}
#listingBottom{float: left; margin: 10px 10px 0 0;}

/*listing des produits pour la page specials (promotions)*/
.listingPromo{
	position: relative;
	width: 240px;
	/*border: 1px solid #4A8A26;*/
	/*border-top: 1px solid #4A8A26;
	border-bottom: 1px solid #4A8A26;*/
	margin: 5px 0 5px 0;
	padding: 5px;
	height: 60px;
	float:left;
}
.listingPromo dd.productPrice{
	text-decoration:line-through;
	font-weight:lighter;
}
dd.productPrice .pictoPromo {
	float:none;
}

#centre li.cartPrice {	
	margin-top:15px;
	font-size: 1em;
	color:#FFF;
	font-weight:bold;
}
#productPrice {
	display:block;
	width:100px;
	background-color:#96bc4d;
	border:3px dashed #226834;
	margin:10px 0 0 60px;
	text-align:center;
	padding:2px;
}
.productPrice {
	font-size: 1.2em;
	font-weight: bold;
	color:#24629C;
}
.productPrice span {
	font-size: 1em;
	font-weight: bold;
}
#productSpecialPrice {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	margin-left:0px;
}

#menuDroite img {
	float:right;
}

#centre ul {
	list-style:none;
	padding:0;
}

#centre li {
	border-left: 1px solid #FFF;
	padding-left:10px;
	font-size: 1em;
}

/*----mise en page pour les titres de chaque catégories*/
/*gamme bio*/
#index1 h1 {
color: #96bc4d;
	background:url(../../images/h1_bio.jpg) top left no-repeat;
}
/*economique*/
#index2 h1 {
color: #4b57b5;
	background:url(../../images/h1_economique.jpg) top left no-repeat;
}
/*gamme en salade*/
#index3 h1 {
	color: #ba3712;
	background:url(../../images/h1_salade.jpg) top left no-repeat;
}
/*gamme crudité*/
#index4 h1 {
	color: #bc2670;
	background:url(../../images/h1_crudite.jpg) top left no-repeat;
}
/*A cuire*/
#index5 h1 {
	color: #d8982a;
	background:url(../../images/h1_acuire.jpg) top left no-repeat;
}
/*fruits*/
#index6 h1 {
	color: #528347;
	background:url(../../images/h1_fruits.jpg) top left no-repeat;
}
/*Gamme découverte*/
#index7 h1 {
	color: #87becc;
	background:url(../../images/h1_decouverte.jpg) top left no-repeat;
}
/*gamme prête à consommer*/
#index8 h1 {
	color: #5380c6;
	background:url(../../images/h1_pretaconsommer.jpg) top left no-repeat;
}
/*corbeilles*/
#index9 h1 {
	color: #2b8441;
	background:url(../../images/h1_corbeilles.jpg) top left no-repeat;
}
/*boutique*/
#index10 h1 {
	color: #2b8441;
	background:url(../../images/h1_boutique.jpg) top left no-repeat;
}
/*legumes*/
#index11 h1 {
	color: #2b8441;
	background:url(../../images/h1_legumes.jpg) top left no-repeat;
}
/*duos de saveurs*/
#index12 h1 {
	color: #2b8441;
	background:url(../../images/h1_saveurs.jpg) top left no-repeat;
}
#logoff h1 {
	color: #2b8441;
	background:url(../../images/h1_boutique.jpg) top left no-repeat;
	margin-bottom:10px;
}
#account h1, #accountEdit h1, #addressBook h1, #adressBookProcess h1, #accountPassword h1, #accountHistory h1, #accountNewsLetters h1, #accountHistoryInfo h1, #login h1 {
	color: #2b8441;
	background:url(../../images/h1_boutique.jpg) top left no-repeat;
	margin-bottom:10px;
}
/*-------------------------- mise en forme des différents liens-----------------------------*/
#fil a.breadCrumb {
	color:#000;
}
#fil a.breadCrumb:visited {
	color:#000;
}
#fil a.breadCrumb:hover {
	color:#96BC4D;
}
/*par défaut*/
a{
	color: #000;
	/*color: #24629c;*/
	text-decoration: none;
	display:inline;
}
a:visited {
	color: #000;
	text-decoration: none;
	display:inline;
}

a:hover {
	color: #CCC;
	/*color:#83acd3;*/
	text-decoration: none;
	font-variant: normal;
}

/*dans le bloc central de la page*/
#categPresent p.categPresent a {color: #24629c; font-weight:bold;}
#categPresent p.categPresent a:visited {color: #24629c;}
#categPresent p.categPresent a:hover {color: #83acd3;}

#centre a{
	color: #000;
	text-decoration: none;
	text-align: left;	
}

#centre a:visited {/*
	color: #000;
	text-decoration: none;*/
	/*text-align:right;*/
}	

#centre a:hover {
	color: #4a8a26;
	text-decoration: none;
	font-variant: normal;
}

/*dans le menu*/
.menu a:link {
	color: #000;
	text-decoration: none;
}

.menu a:visited {
	color: #000;
	text-decoration: none;
}

.menu a:hover {
	color: #CCC;
	text-decoration: none;
	font-variant: normal;
}

#menu a:link {
	color: #000;
	text-decoration: none;
}

#menu a:visited {
	color: #000;
	text-decoration: none;
}

#menu a:hover {
	color: #CCC;
	text-decoration: none;
	font-variant: normal;
}

/*dans la colone de gauche*/
#menuGauche a:link {
	text-decoration: none;
	display:inline;
}

#menuGauche a:visited {
	text-decoration: none;
	display:inline;
}

/*dans le footer*/
#footer a {color:#FFF;}
#footer p {text-align: center; color: #1E592D; clear:both;}
/*--------------------------mise en forme des listes-----------------------------*/
ul {list-style:none;}

/*dans le menu de gauche*/
#menuGauche ul, #menuDroite ul {
	text-align:left;
	margin: 12px 0 0 0;	
	list-style: none;	
	padding: 0;
}

#menuGauche li, #menuDroite li{
	padding: 0 0 0 10px;
	display: block;
}

#menuGauche li a.under{
	padding:0 0 0 6px;
	display:inline;
	color:#000;
}

#menuGauche li a.under:hover{
	margin-left:0px;
	padding:0 0 0 10px;
}


/*mise en page des boîtes*/
#categories ul, #page ul{width: 190px; margin: 0 0 0 13px;}

/*    -------------------     menu deroulant !      ---------------------- */
#informations dt#site {
	background: url(images/menu/infos-site.png) no-repeat bottom;	
}
#informations dt#site:hover {
	background: url(images/menu/infos-site.png) no-repeat top;	
}
#informations dt#produit {
	background: url(images/menu/infos-produits.png) no-repeat bottom;	
}
#informations dt#produit:hover {
	background: url(images/menu/infos-produits.png) no-repeat top;	
}
#informations dt#livraison {
	background: url(images/menu/livraison.png) no-repeat bottom;	
}
#informations dt#livraison:hover {
	background: url(images/menu/livraison.png) no-repeat top;	
}
#informations dt#conseil {
	background: url(images/menu/conseils.png) no-repeat bottom;	
}
#informations dt#conseil:hover {
	background: url(images/menu/conseils.png) no-repeat top;	
}
#informations dt#aventure {
	background: url(images/menu/aventure.png) no-repeat bottom;	
}
#informations dt#aventure:hover {
	background: url(images/menu/aventure.png) no-repeat top;	
}
#informations dt#contact {
	background: url(images/menu/contact.png) no-repeat bottom;	
}
#informations dt#contact:hover {
	background: url(images/menu/contact.png) no-repeat top;	
}

#informations dl, #informations dt, #informations dd, #informations ul, #informations li {
/*color:#2E477F;*/
list-style-type:none;
margin:0pt;
padding:0pt;
}
#informations {	/*line-height:3em;*/
height:45px;
/*left:10px;
margin:0pt auto;
padding:0pt;*/
position:relative;
/*top:-20px;*/
width:950px;
z-index:50;
margin:0 auto 0 auto;
padding:0;
}
#informations dl {
float:left;
width:150px;
margin:0;
padding:0;
}
#informations dt {
	padding: 0;
	margin: 0;
	font-weight:normal;
	font-size: 0.85em;
	cursor:pointer;
	text-align:center;
	color:#96bc4d;
	height:25px;
	text-indent:-5000px;
}
#informations dd { 
border:1px solid #96bc4d;
position:absolute;
width:148px;
margin:0;
padding:0 0 5px 0;
background-color:#fff;
}
#informations ul {
margin:0;
padding:0;
}
#informations li {
background-color:#fff;
text-align:center;
margin:0 0 0 0;
padding:5px 0 0 0;
}

#informations a {
/*border:0pt none;
display:block;*/
	font-weight:normal;
	height:100%;
	text-decoration:none;
	padding:1px 1px 1px 1px;
	color:#96bc4d;
	margin:0 4px 0 4px;
}
#informations dl dt a {
	text-indent:-5000px;
	height:25px;
	width:150px;
	display:block;
}
#informations li a {
	font-weight:bold;
	border-bottom:1px dashed #96bc4d;
	text-indent:0;
}

#informations li a:hover {
background-color:#fff;
color:#226834;
	padding:1px 1px 1px 1px;
	color:#226834;
	border-bottom:1px dashed #226834;
}
/*    -------------------     menu deroulant !      ---------------------- */
#categories li {
	padding: 0 0 0 3px;
	margin: 0;
	font-size: .85em;
	background-image: none;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	border-left:1px solid #ccc;
}
	
#categories li ul{
	width: 105px;
	margin: 0;
}

#categories li li{
	background: #FFF url(images/pucebox.png) no-repeat 10px 2px ;
	padding: 0 0 2px 20px;
	width:105px;
	border: none;
	margin: 0;
	/*font-size: .95em;*/
}
#categories a{color:#226834;}
#categories a:hover{color:#96bc4d;}
#categories strong{color:#24629c;}

#page ul{}
#page li {
	/*padding: 0 0 0 30px;
	margin: 0;
	font-size: .9em;
	background: #FFF url(images/boxespuce.gif) no-repeat 15px 2px;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	border-left:1px solid #ccc;*/
}
#page li{
	background: url(images/pucebox.png) no-repeat 10px 4px ;
	padding: 0 0 0 20px;
	margin: 0 0 0 0px;
	font-size: .85em;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	border-left:1px solid #ccc;
}
#page a{color:#226834;}
#page a:hover{color:#96bc4d;}
#page strong{color:#24629c;}


/*pour les catégories : module qui ne sert plus à rien... si dans le menu il faut mettre des couleurs différentes vous pouvez les mettre ici...*/
li.menucolor a{}
li.menucolor1 a{}
li.menucolor2 a{}
li.menucolor3 a{}
li.menucolor4 a{}
li.menucolor5 a{}
li.menucolor6 a{}
li.menucolor7 a{}
li.menucolor8 a{}
li.menucolor9 a{}
li.menucolor10 a{}
li.menucolor11 a{}

li.menucolor a:visited{}
li.menucolor1 a:visited{}
li.menucolor2 a:visited{}
li.menucolor3 a:visited{}
li.menucolor4 a:visited{}
li.menucolor5 a:visited{}
li.menucolor6 a:visited{}
li.menucolor7 a:visited{}
li.menucolor8 a:visited{}
li.menucolor9 a:visited{}
li.menucolor10 a:visited{}
li.menucolor11 a:visited{}

li.menucolor a:hover, li.menucolor1 a:hover, li.menucolor2 a:hover, li.menucolor3 a:hover, li.menucolor4 a:hover, li.menucolor5 a:hover, li.menucolor6 a:hover, li.menucolor7 a:hover, li.menucolor8 a:hover, li.menucolor9 a:hover, li.menucolor10 a:hover, li.menucolor11, a:hover #menuGauche a:hover {
	text-decoration: none;
	font-variant: normal;
	display: inline;
	color: #ccc;
}

/* dans la colone de droite*/
ul.specialContent{float: left; width: 190px;}



/*----------------------------------------------toutes les boîtes contenues dans les colones de droite et de gauche-----------------------------*/

.boxes li hr {display:none;}
#categories, #page, #cartBox {
	width: 204px; 
	background: #FFF;  
	margin: 0; 
	padding: 0;}
#cartBox {width: 200px; }

/*contient les gammes et catalogues*/
#categoriesselect{/*menu pour une navigation rapide sous forme d'un select*/
	margin: 0;
	padding:0;
	float:left;
}
#categoriesselect ul{
	margin: 0;
	padding:0;
	float:left;
	line-height:30px;
}

#categories h4 {
	background: url(images/tnaturellas.png) no-repeat top right;
	margin: 0; 
	padding: 12px 0 0 35px; 
	height: 18px;
	text-indent:-5000px;	
}

#page h4 {
	background: url(images/tpage.png) bottom right no-repeat; 
	margin:0; 
	padding: 20px 0 3px 35px;
	text-indent:-5000px; 
}

/* panier colonne de droite */
#cartBox {overflow: hidden;}
#cartBox h4 {
	margin: 0;
	padding: 10px 0 0 0;
	height: 17px;
	background: url(images/tpanier.png) no-repeat top left;
	text-indent:-5000px;
}
#cartBox li {
	color:#999999;
	font-size: 1em;
}
#cartBox a {color:#2b8441;font-size: 1em;}
#cartBox a:hover {color:#24629c;font-size: 1em;}
#cartBox ul.cartContent {
	width: 174px;
	background: url(images/bpanier.jpg) no-repeat -2px bottom ; 
	text-align: right;
	min-height: 80px;
	_height: 80px!important;
	margin: 0;
	padding: 0 15px 20px 15px;
}
.newItemInCart {}
.cartContent li span a span{color:#24629c;}
.cartContent li span a:hover span{color:#2b8441;}

/*boîte de log*/
#log {
	float:right;
	margin:0 10px 0 0;
	padding:0;
	border:none;
	line-height:30px;
}
#log h4 {
	margin: 0 10px 0 0; 
	padding: 0;
	height: 30px;
	width:20px;
	display:block;
	float:left;
	background: url(images/cadenas.jpg) no-repeat top left;
	border:none;
}
#mpd {}
#mdp form {}
#mdp #login_email{width:100px;}
#mdp #login_password{width:50px;}
#mdp .inputBtLog{
	width:30px;
	height:30px;
	border:none;
	text-indent:-5000px;
	background-image:url(images/valid.jpg);
	margin:0;
	padding:0;
	cursor:pointer;
}
.creerCompte {
	margin:0 0 0 10px;
	padding:1px 3px 1px 3px;
	border:#CCCCCC 1px solid;
}
#mdp p{position: relative; height: 15px; float:left; margin: 0; padding: 0px 5px 0 5px;}
.inputBtLog {

}


/* ------- boite -------- */
#login_box1 {
	width: 200px;
	background: none;
	margin: 0;
	/*padding: 0 0 10px 0;*/
	background-color:#FFFFFF;
	background: #FFFFFF url(images/bcompte.jpg) no-repeat -2px bottom;
	padding-bottom:50px;
}
#login_box1 h4 {
	/*margin: 0;
	padding:20px 0px 3px 35px;
	text-indent: -5000px;*/
	background: #fff url(images/tcompte.png) bottom left no-repeat;
	/**/
	height:18px;
	margin:0pt;
	padding:11px 0px 0px 0px;
	text-indent:-5000px;
}
h5#inscriptionh5 {
	text-align: center;
	font-size: 1em;
	color: #24629C;
	margin: 3px;
	padding: 0 0 0 0px;
}
span#inscription {
	text-align:center;
	display:block;
	margin:0pt auto;
	text-align:center;
	width:195px;
}
a.inscription {
	border-bottom:1px dashed #96bc4d;
	margin: 0 0 0 10px;
	padding: 2px;
	text-align: center;
	color: #96bc4d;
	font-weight: bold;
	letter-spacing: 1px;
}
.inscription:hover {
	border-bottom:1px dashed #226834;
	color: #226834;
}
h5#client {
	text-align: center;
	font-size: 1em;
	color: #24629C;
	margin: 3px;
	padding: 10px 0 0 0px;
}
#login #loginform {}
.label_login_email {
	margin: 0 0 0 10px;
	padding: 2px;
	text-align: center;
	color: #226834;
	font-weight: bold;
	letter-spacing: 1px;
	font-size:0.8em;
}
.label_login_password {
	margin: 0 0 0 10px;
	padding: 2px;
	text-align: center;
	color: #226834;
	font-weight: bold;
	letter-spacing: 1px;
	font-size:0.8em;
}
#label_login_email {
	float:left;
}
#login_email {
	border:1px solid #96bc4d;
	font-size:0.8em;
	width:9.3em;
	padding:0;
}
#label_login_password {
	float:left;
	/*clear:left;*/
	margin:0 0 10px 0;
}
#login_password {
	border:1px solid #96bc4d;
	font-size:0.8em;
	width:5em;
	padding:0;
}
#label_bt_login {
	text-align:center;
	margin:5px 0 0 0;
	padding:0;
	clear:left;
	display:block;
}
input.label_bt_login {
	/*border:1px solid #96bc4d;*/
	border:none;
	font-size:0.8em;
	color:#226834;
	margin:0;
	padding:0;
	height:1.6em;
	border-bottom:1px dashed #96bc4d;
	color: #96bc4d;
	font-weight: bold;
	letter-spacing: 1px;
}
input.label_bt_login:hover {
	border-bottom:1px dashed #226834;
	color: #226834;
	cursor:pointer;
}
#login_box3 {
	background: #FFFFFF url(images/bcompte.jpg) no-repeat -2px bottom;
	padding-bottom:50px;
	width: 200px;
}
#login_box3 h4 {
	margin: 0;
	padding:11px 0 0 0;
	background: #fff url(images/tcompte.png) bottom right no-repeat;
	text-indent: -5000px;
}
#information, #deconnecter {
	text-align:center;
	display:block;
	margin:7px 0 0 0;
	padding:0;
	text-align:center;
	width:195px;
}
a.information, a.deconnecter {
	border:none;
	font-size:0.9em;
	color:#226834;
	margin:0;
	padding:0;
	height:1.6em;
	border-bottom:1px dashed #96bc4d;
	color: #96bc4d;
	font-weight: bold;
	letter-spacing: 1px;
}
.information:hover, .deconnecter:hover {
	border-bottom:1px dashed #226834;
	color: #226834;
}
h5#pro {
	text-align: center;
	font-size: 1em;
	color: #24629C;
	margin: 3px;
	padding: 10px 0 0 0px;
}
span#proSpan {
	text-align:center;
	display:block;
	margin:0pt auto;
	text-align:center;
	width:195px;
}

/*boîte autres*/
#informations h4 {
	margin: 0; 
	padding: 12px 0 0 40px; 
	height: 18px;
	background: url(images/tnaturellas.jpg) no-repeat top left;
}
#informations p{margin: 0; padding: 0 0 0 10px;}

#livraisonBox {
	width:200px;
	padding: 0 0 0 10px;
}
#boxLivraison {
	background: url(images/boxlivraison.png) no-repeat top left;
	width:200px;
	height:220px;
	text-align:center;
}
.sorinieres{
	padding:68px 0 1px 0;
	text-align:center;
	color:#fff;
}
.min{
	margin:15px 0 0 0;
	text-align:center;
	color:#fff;
}
.livraison{
	margin:15px 0 0 0;
	text-align:center;
	color:#fff;
}



/************************************mise en page de la page panier et commande *************************************/
#shoppingCart h1, #checkoutShipping h1, #checkoutPayment h1, #checkoutConfirmation h1, #checkoutSuccess h1 {
	color: #2b8441;
	background:url(../../images/h1_boutique.jpg) top left no-repeat;
	margin-bottom:10px;
}
.panierincomplet {
	color: #24629c;
	text-align:justify;
	margin:0 5px 5px 5px;
	padding:0;
	line-height: 1.5em;
	font-size: 1.1em;
}
#cartContent .cartProduct{
	background:transparent url(../../images/list_boutique.jpg) no-repeat scroll center;
	height:60px;
	margin:2px 0pt 3px;
	padding:0pt 5px;
	position:relative;
	width:490px;
}
#cartContent dt {
	font-weight:bold;
	margin:0pt;
	padding:2px 0pt 2px 15px;
}
#cartContent dd.cartPrice {
	float:right;
	margin-top:-1.4em;
	font-weight:bold;
}
.cartDelete{
	font-size:0.9em;
	line-height:1.1em;
}
.cartQty {
	font-size:0.9em;
	line-height:1.1em;
	float:right;
}
.cartDelete input {}
.cartQty input { width:20px; font-size:0.8em; height:1.3em; line-height:0.9em;}
p.cartSubTotal{text-align: right; font-weight: bold; font-size: 1em;}
p.cartPoidsTotal{text-align: right; font-weight: bold; font-size: 1em; color:#999999;}
#cartContent #cart_quantity{margin:0; padding:0;}
/*#cartContent fieldset {
	width: 420px;
	margin: 0 0 0 0px;
	padding:0;
	float: left;
	clear: both;
	padding: 10px;
	border: none;
}*/
/*#cartContent legend{display: none;}*/
.cartProduct img {float: left; clear: both;}
.cartProduct ul{float: right; width: 250px;}
.cartProduct ul li.cartName{color: #000; font-weight: bold; font-size: 1.1em;}
p.cartDelete label{float: left; padding: 0 5px 2px 0;}

ul.checkoutBar {clear: both; font-size: .85em; margin: 0; padding :0;}
.checkoutBar li {float: left; list-style : decimal inside; margin: 0; padding: 0;}
li.currentCheckoutBar {font-weight: bold;}

#navBt #BtContinuer{
	color:#226834;
	border-bottom:#226834 dashed 1px;
	font-size:1.3em;
	letter-spacing:1px;
	margin:-4px 5px 5px 10px;
	padding:0 0 4px 0;
	text-decoration:none;
	float:right;
	font-weight:bold;
	font-variant:small-caps;
}
#navBt #BtContinuer:hover{
	color:#96bc4d;
	border-bottom:#96bc4d dashed 1px;
	font-size:1.3em;
	letter-spacing:1px;
	margin:-4px 5px 5px 10px;
	padding:0 0 4px 0;
	text-decoration:none;
	float:right;
	font-weight:bold;
	font-variant:small-caps;
}

/************************************Carnet d'adresse*************************************/

p.bt{font-weight: bold; float: right; margin: 0 10px 0 0;}
p.address{margin: 0 0 20px 0;}

/*----------------------------------------------------mise en page de tous les fomulaires----------------------------------------------- */
/* page contactUs*/
#contactUs h1 {
	color: #2b8441;
	background:url(../../images/h1_boutique.jpg) top left no-repeat;
	margin-bottom:10px;
}
#contact_us input#name{margin-left: 10px; }
#contact_us input#email{margin-left: 18px; }
#contact_us label {
	color: #24629c;
	text-align:justify;
	margin:0;
	padding:0;
	font-size: 1.1em;
}
#contact_us p, #contactUs p {
/*	margin:0 0 5px 0;
	color: #24629c;*/
}

input {
	border: 1px solid #CCC;
	color: #000;
	background-color:#FFF;
	margin: 0;
	padding: 0 5px 0 8px;
	font-size: 1em;
}

.gender input, .shippingSelect input {float:none;}

.messageStack {float: left;  color:#226834;}
p.notice{margin: 10px 0 0 0;clear: both; font-size:0.8em; color:#24629c;}

p label {float: left;}

#create_account input#firstname{margin-left: 45px; }
#create_account input#lastname{margin-left: 62px; }
#create_account input#email_address, #create_account input#company, #create_account input#suburb{margin-left: 10px; }
#create_account input#street_address{margin-left: 95px; }
#create_account input#postcode{margin-left: 73px; }
#create_account input#city{margin-left: 121px; }
#create_account select#country{margin-left: 70px; }
#create_account input#telephone{margin-left: 18px; }
#create_account input#fax{margin-left: 57px; }
#create_account input#password{margin-left: 102px; }
#create_account input#confirmation{margin-left: 10px; }

#account_edit label {width: 150px;}
#account_password label{width : 190px;}
#addressbook label{width: 160px;}
#adressbook label .addressbook{width: 200px;}
.returningCustomer label{width: 120px;}

select { 
	font-size: 0.8em;
	border: 1px solid #CCC;
	color: #000;
	background-color:#FFF;
	margin-right:2px;
}

textarea { 
	font-family: Arial;
	border: 1px solid #CCC;
	color: #000;
	background-color:#FFF;
	margin: 0;
	width: 420px;
}

input.submitBt { /*bouton de validation mis en forme*/
	/*border: 1px solid #CCC;
	color: #000;
	background-color:#FFF;
	margin: 10px 0 0 10px;
	padding: 0 4px 1px 4px;
	float: right;
	height: 22px;*/
	border:none;
	font-size:0.9em;
	color:#226834;
	margin:0 5px 10px 5px;
	padding:0 0 4px 0;
	height:1.6em;
	border-bottom:1px dashed #96bc4d;
	color: #96bc4d;
	font-weight: bold;
	letter-spacing: 1px;
	float:right;
}
input.submitBt:hover {
	border-bottom:1px dashed #226834;
	color: #226834;
	cursor:pointer;
}


#Page_product_info #centre input.submitBt {/*personnalisation du bouton pour la fiche produit*/
	padding: 1px 4px 0 30px; 
	margin: 0px 0 0 0px;
	height: 30px; 
	/*width: 150px;*/
	border:none;
	border-bottom:1px dashed #96bc4d; 
	float: right; 
	color: #96bc4d;	
	background:url(images/panier.gif) top left no-repeat;
	text-indent: 0px;
	font-weight:bold;
	letter-spacing:1px;
}
#Page_product_info #centre input.submitBt:hover {
	color:#226834;
	border-bottom:1px dashed #226834;
}


#navBt a.navBt, #navBt a.navBt:visited {
/*padding: 1px 4px 0 4px; height: 19px; border: 1px solid #CCC; float: right; margin: 10px 0 0 10px;*/
	border:none;
	font-size:0.9em;
	color:#226834;
	margin:0 5px 10px 5px;
	padding:0;
	height:1.6em;
	border-bottom:1px dashed #96bc4d;
	color: #96bc4d;
	font-weight: bold;
	letter-spacing: 1px;
	float:right;
}
#navBt a.navBt:hover {
	border-bottom:1px dashed #226834;
	color: #226834;
}

#logoff .navBt a{
	float: right;
	border-bottom:1px dashed #96bc4d;
	margin: 10px 0 0 10px;
	padding: 2px;
	text-align: center;
	color: #96bc4d;
	font-weight: bold;
	letter-spacing: 1px;
}
#logoff .navBt a:hover {
	border-bottom:1px dashed #226834;
	color: #226834;
}

#logoff .infoText p {
	color: #24629c;
	text-align:justify;
	margin:0 5px 5px 5px;
	padding:0;
	font-size: 1.1em;
}
.navBt{margin: 0;}
input#newsletter_general{/*float: left;*/ margin-right:10px;}

#centre fieldset {
	width: 440px;
	margin: 0 0 0 10px;
	clear: both;
	padding: 10px;
	border: none;
}

#centre fieldset p {
	margin: 5px;	
	padding: 0 ;
	clear: both;
	display: block;
	color: #000;
}


.transp {
   display:none;
   background-color: #FFFFFF;
   color:red;
   position: fixed;
   width:100%;
   top:0;
   left:0;
   height:100%;
   /* Pour IE, il faut absolument mettre une largeur, alors soit width=100%,
      soit c'est un div positionné et dimensionné comme dans cet exemple.*/
   filter:alpha(opacity=50);
   -moz-opacity:0.5;
   opacity: 0.5;
}

/*------------lightbox------------*/
#lightbox {
    background-color: #eee;
    padding: 10px;
    border: 1px solid #96bc4d;
    
}
#overlay {
    background-image: url(images/overlay.png);
}
* html #overlay {
    background-color: #000;
    background-image: url(images/blank.gif);
    filter: Alpha(opacity=50);
}
#keyboardMsg, #closeButton {
	display:none;
}
#lightboxCaption {
	text-align:center;
}
/*------------lightbox------------*/

/* ----------- listing_min -------------*/
dl.liste{}
#centre a.listing_min{
	position: relative;
	/*color: black;*/
   color:#666666;
	text-decoration: none;
	border-bottom: 1px #96bc4d dotted; /* on souligne le texte */
	font-style:oblique;
	margin:0;
	padding:0;
}
#centre a.listing_min img {
	margin:4px 10px 4px 4px;
	padding:0;
}
#centre a.listing_min:hover img {
	margin:4px 10px 4px 4px;
	padding:0;
}
#centre a.listing_min .listing_min_Div {
	display: none; /* on masque l'infobulle */
	z-index: 901;
	text-align:center;
}
#centre a.listing_min .listing_min_Div img {
	float:inherit;
}
#centre a.listing_min .listing_min_Div p {
	color:#fff;
	font-size:0.7em;
	text-align:center;
	margin:0;
	padding:0;
}
#centre a.listing_min:hover {
   background: none; /* correction d'un bug IE */
   z-index: 900; /* on définit une valeur pour l'ordre d'affichage */
   cursor: pointer; /* on change le curseur par défaut en curseur d'aide */
	margin:0;
	padding:0;
}
#centre a.listing_min:hover .listing_min_Div {
	display: inline; /* on affiche l'infobulle */
	position: absolute;
	white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
	top: -85px; /* on positionne notre infobulle */
	/*left: -210px;*/
	left: 20px;
	color: #333333;
	padding: 3px;
	border: 1px solid #64AE1B;
	border-left: 4px solid #64AE1B;
	background: #96bc4d;
	font-style:normal;
	z-index: 901;
	/*width:160px;*/
}
/* ----------- listing_min -------------*/

/************************************mise en page du box informations *************************************/

#charte h1, #bienfait h1, #contactUs h1, #mentions h1, #conditions h1, #livraisons h1, #partenaires h1, #tracabilite h1, #avantages h1, #faq h1, #recap_newsletter {display:none;}

.photo{
	width: auto;
	float: right;
	margin: 0;
	padding: 0;
}
.photo2{
	clear:both;
	width: auto;
	float: left;
	margin: 0;
	padding: 0;
}
.photo img{
	margin: 0;
	padding: 0;
	border: #64AE1B 1px solid;
}
img.IMGprevSoustitre{
}
#charte img.logoqualite {
	border: 0px;
	padding: 0;
	margin: 4px 10px 4px 4px;
	float: none;
	clear:both;
}
p.monTexte{
	color: #2b8441;
	text-align:justify;
	margin:0 5px 5px 5px;
	padding:0;
}
#mentions p.monTexte, #conditions p.monTexte {
	font-size:9px;
}
p.monTexteBleu {
	color: #24629c;
	text-align:justify;
	margin:0 5px 5px 5px;
	padding:0;
	font-size: 1.1em;
}
p.titre{
	color: #FFFFFF;
	font-size:1.5em;
	display: block;
	height: 30px;
	line-height: 30px;
	margin:0;
	padding:0;
	clear: both;
	background-color:#64ae1b;
}
#charte p.titre{
	background: #64AE1B url(../../images/charte/titre.jpg) top left no-repeat;
	text-indent: 32px;
}
#conditions p.titre{
	background: #64AE1B url(../../images/cgv/titre.jpg) top left no-repeat;
	text-indent: 60px;
}
#livraisons p.titre{
	background: #64AE1B url(../../images/livraisons/titre.jpg) top left no-repeat;
	text-indent: 60px;
}
#bienfait p.titre{
	background: #64AE1B url(../../images/bienfaits/titre.jpg) top left no-repeat;
	text-indent: 60px;
}
#mentions p.titre{
	background: #64AE1B url(../../images/mentions/titre.jpg) top left no-repeat;
	text-indent: 60px;
}
#conditions p.titre{
	background: #64AE1B url(../../images/mentions/titre.jpg) top left no-repeat;
	text-indent: 60px;
}
#contactUs p.titre{
	background: #64AE1B url(../../images/contactUs/titre.jpg) top left no-repeat;
	text-indent: 60px;
}
#tracabilite p.titre{
	background: #64AE1B url(../../images/tracabilite/titre.jpg) top left no-repeat;
	text-indent: 60px;
}
#partenaires p.titre{
	background: #64AE1B url(../../images/partenaires/titre.jpg) top left no-repeat;
	text-indent: 50px;
}
#avantages p.titre{
	background: #64AE1B url(../../images/avantages/titre.jpg) top left no-repeat;
	text-indent: 50px;
}
#faq p.titre{
	background: #64AE1B url(../../images/faq/titre.jpg) top left no-repeat;
	text-indent: 50px;
}
#centre a.lienTexte, #centre a.lienTexte:visited {
	color: #96BC4D;
}
#centre a.lienTexte:hover {
	color: #226834;
}
p.soustitre{
	color: #FFFFFF;
	font-size:1.1em;
	display: block;
	height: 2.1em;
	line-height: 2.1em;
	background-color: #96bc4d;
	width: 50%;
	text-align: center;
	margin:0 5px 0 0;
	padding:0;
	float: left;
}
p.soustitre2{
	color: #FFFFFF;
	font-size:1.1em;
	display: block;
	height: 3.2em;
	line-height: 1.5em;
	background-color: #96bc4d;
	width: 50%;
	text-align: center;
	margin:0 5px 0 0;
	padding:0;
	float: left;
}

#charte ul, #bienfait ul, #contactUs ul, #mentions ul, #conditions ul, #livraisons ul, #partenaires ul, #faq ul {
	color: #666666;
	font-size:0.9em;
	background-color: #E7EFD6;
	text-align: left;
	margin:0 10px 10px 10px;
	padding:0 0 0 5px;
	clear: both;
}
#tracabilite ul {
	color: #666666;
	font-size:0.9em;
	background-color: #E7EFD6;
	text-align: left;
	margin:0 10px 10px 10px;
	padding:0 0 0 5px;
}
#charte li, #bienfait li, .divCadre li {
	margin: 2px 2px 2px 2px;
	padding: 0 0 0 5px;
}


#centre a.info {
	position: relative;
	/*color: black;*/
   color:#666666;
	text-decoration: none;
	border-bottom: 1px #96bc4d dotted; /* on souligne le texte */
	font-style:oblique;
}
#centre a.info span {
   display: none; /* on masque l'infobulle */
}
#centre a.info:hover {
   background: none; /* correction d'un bug IE */
   z-index: 500; /* on définit une valeur pour l'ordre d'affichage */
   cursor: help; /* on change le curseur par défaut en curseur d'aide */
}
#centre a.info:hover span {
	display: inline; /* on affiche l'infobulle */
	position: absolute;
	white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
	top: 20px; /* on positionne notre infobulle */
	left: 20px;
	color: #333333;
	padding: 3px;
	border: 1px solid #64AE1B;
	border-left: 4px solid #64AE1B;
	background: #96bc4d;
	font-style:normal;
}

#qualite_intro {
	width:295px;
	float: left;
	margin-bottom: 20px;
}

#qualite_iso9001 {
	clear: both;
}
#qualite_certifications {}
.divCadre {
	margin: 10px 0 0 0;
	border: #64AE1B 1px solid;
	clear: both;
}
#qualite_CQC {
}
#qualite_mache {}
#qualite_qualima {}
#qualite_bio {}
#qualite_euregap {}
#bienfaits_texte {
}
.tableStyleNeutre {
	border:none;
	font-size: 1em;
}
/*                             quizz page jouez                  */
#jouez h1{
	height:0;
}
#jouez p.bulle{
	margin:0;
	padding:0;
}
#jouez p.titre{
	background: #64AE1B url(../../images/jouez/titre.jpg) top left no-repeat;
	text-indent: 60px;
}
p.soustitreQuizz{
	color: #FFFFFF;
	font-size:1.1em;
	display: block;
	height: 2.1em;
	line-height: 2.1em;
	background-color: #96bc4d;
	width: 100%;
	text-align: center;
	margin:0 5px 0 0;
	padding:0;
	float: none;
	font-weight: bold;
}
#jouez a {
	cursor:pointer;
}
#jouez li {
	height: 40px;
	line-height: 40px;
	color: #2b8441;
}
#jouez .reponseCache {
	display:none;
}
p.reponseQuizz{
	color: #24629c;
	text-align:justify;
	margin:0 5px 5px 5px;
	padding:0;
	line-height: 1.5em;
	font-size: 1.1em;
	display: none;
}
.quizz_BTsuivant {
	float:right;
}
#AS, #BS, #CS, #DS, #ES, #FS, #GS, #HS, #IS, #JS {
	display:none;
}
#BB, #CC, #DD, #EE, #FF, #GG, #HH, #II, #JJ, #KK {
	margin-bottom:10px;
	display:none;
}
#kreponse {
	color: #24629c;
	text-align:justify;
	margin:0 5px 5px 5px;
	padding:0;
	line-height: 1.5em;
	font-size: 1.1em;
}
/*     ---------------------    page FAQ     ---------------------- */
p.soustitreFAQ{
	color: #FFFFFF;
	font-size:1.1em;
	line-height: 2.1em;
	background-color: #96bc4d;
	width: 100%;
	text-align: center;
	margin:0 5px 0 0;
	padding:0;
	float: none;
	font-weight: normal;
	clear: both;
}/* ----------- questions et réponse FAQ -------------*/
#centre a.faq{
	color:#24629c;
	text-decoration: none;
	list-style-type: circle;
	padding: 0 0 0 10px;
	background: url(/fruits-legumes/templates/legumus/images/pucebox.png) no-repeat left;
/*	letter-spacing:1px;
	font-size:1em;
	line-height:1.5em;*/
}
#centre a.faq:hover {
   background: none; /* correction d'un bug IE */
   cursor: help; /* on change le curseur par défaut en curseur d'aide */
	padding: 0 0 0 10px;
	background: url(/fruits-legumes/templates/legumus/images/pucebox.png) no-repeat left;
}

#centre .divfaq {
	float:none;
	clear:both;
	display: none;
}
/* ----------- fin questions et réponse FAQ -------------*/
/* ----------- notice -------------*/
.notice {
color:#96bc4d;
font-size:0.8em;
}

/*     ---------------------    page accueil catalogue     ---------------------- */
.banniere_sante{
	margin:0;
	padding:0;
	float:none;
}
#Page_index #index {
	margin:0;
	padding:0;
	width:500px;
	text-align:center;
}
#index a {text-align:center;}
img.index {
	border: 0px;
	padding: 0;
	margin: 0px 7px 0px 3px;
	float:none;
	clear:both;
}
#index td {
	border:none;
}

#promo {
	width:200px;
	margin:10px 0 0 10px;
}
.imgIndexLeft {margin:0; padding:0; float:left; }
.imgIndexRight {margin:0; padding:0; float:right; }
#bienvDiv {
	background: #fff url(images/overlay.png);
}
/*    ------------------------- page livraison  -------------------------- */
p.centrer {
text-align:center;
margin:0;
padding:0;
}
/*    ------------------------- page checkout_shipping  -------------------------- */
/*    -------------------------  choix de la livraison  -------------------------- */
.shippingName{
	color: #226834;
	text-align:justify;
	margin:0 5px 5px 0px;
	padding:0;
	font-size: 1em;
	font-weight:bold;
}
.shippingIcon{}
.shippingTitle{
	color: #24629c;
	text-align:justify;
	margin:0 5px 5px 0px;
	/*padding:0;*/
	font-size: 0.8em;
}
.shippingPrice{
	color: #96bc4d;
	text-align:justify;
	margin:0 5px 5px 0px;
	padding:0;
	font-size: 0.9em;
	font-weight:bold;
}
#shipping0, #shipping1 {}
.shippingSelect input {
	height:1.0em;
}
#navBtMini a.navBtMini, #accountHistory a.navBtMini, #account a.navBtMini {
	border:none;
	font-size:0.9em;
	color:#226834;
	margin:0;
	padding:0;
	height:1.6em;
	border-bottom:1px dashed #96bc4d;
	color: #96bc4d;
	font-weight: bold;
	letter-spacing: 1px;
}
#navBtMini .navBtMini:hover, #accountHistory a.navBtMini:hover, #account a.navBtMini:hover {
	border-bottom:1px dashed #226834;
	color: #226834;
}
/*    ------------------------- page checkout_payment  -------------------------- */
/*    -------------------------  choix du mode de paiement  -------------------------- */
.paymentName {
	color: #226834;
	text-align:justify;
	margin:0 5px 5px 0px;
	padding:0;
	font-size: 1em;
	font-weight:bold;
}
.paymentName input {
	height:1.5em;
	margin-left:10px;
}
.paymentFields {
	color: #24629c;
	text-align:justify;
	margin:0 5px 5px 0px;
	padding:0;
	font-size: 0.8em;
}
.paymentFields select {
	font-size: 1em;}
	
/*    -------------------------  popup google maps  -------------------------- */	
#body_popup {
background:none;
}
.marker_google {
	color: #226834;
	text-align:justify;
	margin:0 5px 5px 0px;
	padding:0;
	font-size: 1em;
}
/* ---------------- description dans product_listing ----------------------- */
a.titre_product_listing div.product_listing_description {
	display:none;
	z-index:-1;
}
a.titre_product_listing:hover {
	z-index:1000;
}
a.titre_product_listing:hover div.product_listing_description {
	display:block;
	border:1px dashed #96bc4d;
	font-size:9px;
	background-color:#FFFFFF;
	z-index:1000;
	line-height:11px;
	position:absolute;
	padding:0px 10px 10px 10px;
	margin:auto;
	/*top:auto !important;
	top:-100px;*/
	margin-top:0px;
	/*width:300px;*/
}
/* hack pour que IE7 prenne ce parametre et pas FF */
*+html a.titre_product_listing:hover div.product_listing_description {
	margin-top:-100px;
}