/* -------------------------------------------------------------------- 
                       NATURALIA
                      CSS STYLES
            Par L'Ile des Medias, 2007
-------------------------------------------------------------------- */

/* --- GENERAL --- */


body {
	margin: 0; /* pour éviter les marges */
	text-align: center; /* pour corriger le bug de centrage IE */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background:#F8F8F8;
	}

#Global {
	margin: 0 auto ;
	width: 985px; /* largeur obligatoire pour être centré */
	padding: 0 9px 0 9px;
	text-align: left; /* on rétablit l'alignement normal du texte */
	/*background:white;*/
	background:url(/img/fond-site.gif) top no-repeat;
	border:0px solid red;
	
    }




#Content {float:left; padding:0 0 15px 0; margin-top:15px; width:985px; background: white url(/img/nav_gauche/bg_test.gif) repeat-y;}

div#Content.sansBG { background-image:none; padding:15px 0 15px 0; margin-top:0;}

#colLeft, #colRight, #colCentre {float:left; }

#colCentre {width:548px; margin:0 13px 0 14px; background:white; }

#colCentre.colCentre2 {width:740px; margin:0 0 0 14px;}

#colLeft {width:200px; padding:0 0 0 15px; background:white}

#colRight {width:180px; background:white; }

#ContentCentrale {float:left; width:955px; background:white;}

img { border :0;}

br.clearer {clear:both;}

/* --- HOME --- */

#homeRight, #homeCentre {float:left;}

#homeRight {width:173px; background:white;}

#homeCentre {width:798px; background:white;}

#homeCentre img.centrehome{margin:0 0 0 7px; padding:0;}

#homeCentreGauche, #homeCentreDroite {float:left;}

#homeCentreGauche {width:260px; margin:0 13px 0 0; padding:0; }

#homeCentreDroite {width:508px; margin:0; padding:0; }

#homeCentreGauche img.mission {margin-left:16px;}

#homeCentreDroite img.theme {display:inline;}
#homeCentreDroite img.second {margin-left:14px;}

div#Homedossierdumois {width:508px; height:143px; background:url(/img/home/fond-dossier-home.jpg) no-repeat; margin: 10px 0 4px 0; padding:0;}

div#Homedossierdumois.listeDossier {background:url(/img/fond-bloc-dossiers.gif) no-repeat; height:102px; margin-left:40px}

div#Homedossierdumois.listeDico {background:url(/img/fond-bloc-dico.gif) no-repeat; height:60px; margin-left:40px}

div#Homedossierdumois p.actuContent {font-size:12px; color:#000; padding:35px 20px 0 20px; margin:0;}
div#Homedossierdumois p.listeDossier {padding:10px 30px 0 10px; font-size:11px;}
div#Homedossierdumois p.listeDossier img {margin:0 10px 0 0 !important;}
div#Homedossierdumois p.listeDossier span {display:block; font-weight:bold; font-size:12px; color:#739B45}

div#Homedossierdumois p.actuContent span.titre {display:block; font-weight:bold; font-size:12px; color:#739B45}

div#Homedossierdumois p.telecharger {margin:5px 0 0 0  !important; font-size:10px;}


div#Homedossierdumois p.actuContent img {padding:0; margin: -10px 15px 0 0; }

div#Homedossierdumois p.actuContent img.telecharger {display:block; margin:3px 0 0 0; padding:0;}

div#Homedossierdumois p.suite {text-align:right; padding:0 20px 0 0; margin:0; }

a.suite, a.suite:link, a.suite:visited, a.suite:active {background:url(/img/home/pic-suite.gif) left  no-repeat ; padding:2px 0 0 20px; color:#B90000; font-size:11px; text-decoration:none; height :17px; margin:0;}
a.suite:hover {background:url(/img/home/pic-suite.gif) left  no-repeat ; text-decoration:underline;}

p.marg {margin:10px 0 0 0 !important; padding:0 30px 0 0!important; text-align:right;}

div#Homeactulite {width:244px; height:200px; background:url(/img/home/fond-actu-home.gif) bottom no-repeat; border:0px solid red; margin: 0 0 10px 16px; padding:0;}

div#Homeactulite img.topactu {padding:0; margin: -1px 0 0 12px;}

div.Homeactu { overflow: auto; height:117px; width:220px; margin: 3px 0 0 12px; padding:0;}

div.Homeactu p {padding:7px 0 7px 0; margin:0; border-top:1px dashed #DADADA; font-size:11px; color:#000; }
div.Homeactu p a {text-decoration:none; color:#000;}

div.Homeactu p span {color:#B90000; font-weight:bold; display:block;}

/* --- PAGE ACTU --- */

p.actu {width:476px; padding:7px 0 7px 0; margin:0 0 15px 50px; border-bottom:1px dashed #DADADA; font-size:11px; color:#000; }
p.actu a {text-decoration:none; color:#000;}

p.actu span {color:#B90000; font-weight:bold; display:block;}
p.actu span.date {color:#858585;}


/* --- FOOTER --- */

#Footer {
	margin-top:-15px;
	}

div.footer {
	background:url(/img/fond-barre-bas.gif) repeat-x ;
	height: 110px;
	width:985px;
	}

div.footer ul {
	float: left;
	list-style: none;
	margin:0;
	padding: 7px 16px 0 16px; 
	font-size:11px;
	font-weight:bold; 
	color:#fff; 

}

div.footer li {padding: 0 0 2px 0; margin:0;}
div.footer li a:link, div.footer li a:visited, div.footer li a:active {font-size:9px; font-weight:normal; color:#000; text-decoration:none;}
div.footer li a:hover {color:#E1E2BA}
div.footer li img {margin:2px 0 4px 0;}
div.footer li img.left {margin-right:6px;}
div.footer li span {display:block; margin:-2px 0 0 0; padding:0;}

/* --- CHEMIN DE FER --- */

p.chemin {margin:0 0 10px 50px; font-size: 11px; width:476px;}
p.chemin a:link, p.chemin a:visited, p.chemin a:active {color:#BF565A; text-decoration:underline;}
p.chemin a:hover {color:#BF565A; text-decoration:none;}

/* --- FAIRE MES COURSES --- */

.topRub {width:188px; background:url(/img/top-rubrique2.gif) no-repeat; vertical-align:top; padding-top:7px;}

.tirage {background:none; width:171px; border:1px dashed #DADADA; float:right; padding-bottom:10px;}
.tirage2 {background:none; width:171px; border:1px dashed #DADADA; border-top:none; float:right; padding-bottom:10px;}

.topRub p {font-size:11px; font-weight:bold; padding: 5px; margin:0;}

.topRub p a:link, .topRub p a:visited, .topRub p a:active {color:#749c43; text-decoration:none;}
.topRub p a:hover {color:#B90000; text-decoration:none;}

.topRub p span.prix {display:block; margin:0; padding-top:5px; font-size:12px}
.topRub img {float:left; padding:0; margin: 0 5px 10px 0;}
.topRub img.btn {display:block; float:none; clear:both; margin: 0 auto; text-align:center;}

h4.rub {background:url(/img/fond-rubrique.gif) no-repeat ; font-size:12px; color:#3F3F3D; padding:5px 5px 5px 10px; margin:10px 0 0 0;}
h4.rub span {font-weight:normal; font-size:11px}

/* --- Home Boutique --- */

a.rayon:link, a.rayon:visited, a.rayon:active {width:105px; border:0px solid black; float:left; font-size:11px; font-weight:bold; color:#DB7F80; text-align:center; text-decoration:none; margin:3px 0 5px 3px;}
a.rayon:hover {color:#B90000;}
a.rayon span {display:block; font-weight:normal}
a.rayon img {display:block; margin: 0 auto;}

/* --- Page Produits --- */

a.rayon2:link, a.rayon2:visited, a.rayon2:active {width:125px; height:105px; border:0px solid black; float:left; font-size:11px; font-weight:bold; color:#DB7F80; text-align:center; text-decoration:none; margin:5px;}
a.rayon2:hover {color:#B90000;}
a.rayon2 span {display:block; font-weight:normal}
a.rayon2 img {display:block; margin: 0 auto; padding-bottom:3px;}

/* --- Produits consultés --- */

div.titreProdconsul {float:right; background:url(/img/top-produits-consultes.gif) no-repeat ; font-size:12px; font-weight:bold; color:#3F3F3D; width:171px; height:23px; padding:0; margin:0;}
div.titreProdconsul p {padding:0 5px 0 10px; margin-top:5px;}

div.Prodconsul {float:right; width:171px; height:150px; padding:0; margin:0; background:url(/img/fond-bloc-droite.gif) no-repeat;}

div.Prodconsul table {margin-top:10px;}
div.Prodconsul td {font-size:11px; font-weight:bold; color:#858585; padding-bottom:10px;}
div.Prodconsul td span {font-size:12px; margin-top:5px; display:block;}

div.Prodconsul td a {color:#858585; text-decoration:none;}
/*div.Prodconsul td a:hover {color:#858585; text-decoration:none;}*/

div.Prodconsul td a.offre {color:#B90000; font-size:11px; font-weight:normal; text-decoration:none; padding: 3px 20px 0 20px; border-top:1px solid #E0E0E0;}
div.Prodconsul td a.offre:hover {text-decoration:underline;}

/* --- BLOC PROMOTIONS --- */

div#Promotions { float:left; margin-top:10px; width:547px; height:142px; background:url(/img/bg_promotions.jpg) no-repeat;}

div#Promotions h4 {font-size:12px; color:#D05E5E; padding:5px 5px 5px 10px; margin:0 0 10px 0;}

div#Promotions h4 span {font-weight:normal;}

div#Promotions ul {
	list-style: none;
	margin:0;
	padding:0;
}

div#Promotions li {
	float:left;
	width:180px;
	border-right:1px dashed #DADADA;
}

div#Promotions li.last {border-right:0;}

div#Promotions p {font-size:11px; font-weight:bold; padding: 5px; margin:0;}

div#Promotions p a:link, div#Promotions p a:visited, div#Promotions p a:active {color:#749c43; text-decoration:none;}
div#Promotions p a:hover {color:#B90000; text-decoration:none;}

div#Promotions p span.prix {display:block; margin:0; padding-top:5px; font-size:12px}

div#Promotions p span.prix del {font-weight:normal; color:#000; font-size:10px;}

div#Promotions img {float:left; padding:0; margin: 0 5px 10px 0;}
div#Promotions img.btn {display:block; float:none; clear:both; margin: 0 auto; text-align:center;}


/* --- BLOC DE DROITE --- */

p.colRight {float:right; width:171px; border :1px dashed #DADADA; margin:15px 0 0 0; padding:10px 0 10px 0; text-align:center;}
p.sansBorderTop {border-top :0; margin-top:0}
p.sansBorderTop img {margin-top:10px;}

a.flecheGauche:link, a.flecheGauche:visited, a.flecheGauche:active {display:block; background:url(/img/fleche.gif) left  no-repeat ; padding:2px 0 0 20px; color:#B90000; font-size:11px; text-decoration:none; text-align:left; height :17px; margin:5px 0 10px 15px;}
a.flecheGauche:hover {background:url(/img/fleche.gif) left  no-repeat ; padding:2px 0 0 20px; text-decoration:underline;}

img#BtPromotions {margin-bottom:12px}
img#BtLivraisons {margin:15px 0 15px 0; padding:0; float:right; border:0px solid black;}

/* --- BLOC NEWSLETTER --- */

div#Newsletter {float:right; background:url(/img/fond-newsletter.gif) no-repeat ; width:171px; height :52px;}

div#Newsletter span {display:block; font-size:11px; color:#000; margin:3px 0 3px 10px;}

div#Newsletter input {display:block; background:#fff; border:0; color:#6F6F6F; font-size:12px; width:130px; margin:1px 0 2px 15px;}

div#Newsletter a:link, div#Newsletter a:visited, div#Newsletter a:active {display:block; float:right; color:#B90000; font-size:11px; text-decoration:none; padding-right:10px}
div#Newsletter a:hover {text-decoration:underline;}

/* --- NAVIGATION MENU --- */

#navigation {
	margin: 0;
	padding: 2px 15px 0 0;
	list-style: none ;
	text-align: center ;
	background:url(/img/fond-menu.gif) no-repeat ;
	height:31px;
	width:954px;
	/*float:left;*/
	}

#navigation li {
	display: inline ;
	color: #000 ;
	}

#navigation li a {
	padding: 0 7px 7px 6px;
	vertical-align:middle;
	font-size: 10px;
	font-weight:bold;	
	text-align: center ;
	text-decoration: none ;
	}

#navigation li a:focus, #navigation li a:active, #navigation li a:visited, #navigation li a:link {color:#F4D5D0;}

#navigation li a:hover {
	color:#fff;
	}

#navigation li.maison a {
	vertical-align:middle;
	padding: 7px;
}

/* --- PRODUITS --- */

div.titreProduit {
	background:url(/img/bg_titre_produit.gif) no-repeat; 
	width:544px; 
	height:68px;
	padding:0;
	margin: 0 0 20px 0;
	z-index:1;
}

div.bio {background:url(/img/bg_titre_produit_bio.gif) no-repeat;}

div.titreProduit h4 {
	margin: 0 0 0 10px;
	padding:5px 5px 0 0;
	font-size:17px;
	height:46px;
	color:#858585;
}

div.titreProduit h4.bio {color:#7D9C3E}

div.titreProduit p {
	text-align:right; 
	padding: 0 10px 0 0;
	margin:0;
	color:#B90000;
	font-size:11px;
}

div.titreProduit p a:link, div.titreProduit p a:visited, div.titreProduit p a:active, div.titreProduit p a:focus {
	color:#B90000;
	text-decoration:none;
}

div.titreProduit p a:hover {text-decoration:underline}

div.produitPagination {
	background:url(/img/bg_produit_pagination.gif) no-repeat;
	width:544px;
	height:60px;
	padding:0;
	margin:20px 0 0 0;
}

div.produitPagination td {
	font-size:11px;
	color:#848484;
	margin:0;
	width:50%; 
	padding: 7px 0px 7px 7px;
}

div.produitPagination td.right {padding: 7px 7px 7px 0px; text-align:right}

div.produitPagination a:link, div.produitPagination a:visited, div.produitPagination a:active, div.produitPagination a:focus {
	color:#B90000;
	text-decoration:none;
	display:block;
	padding-bottom:3px;
}

div.produitPagination a:hover {text-decoration:underline}

table#ficheproduit {
	font-size:11px;
	color:#848484;
}

table#ficheproduit td.sep {
	width:20px;
	height:456px;
	background:url(/img/bg_produit_sep.gif) no-repeat;
}

span.marque {font-size:14px}

span.quantite {font-size:11px; color:#525252}

span.prixttc {font-size:15px;}

input.quantit {width:26px; text-align:right; border :1px solid #848484;}

#Quantite img {margin-left:5px;}
#Quantite img.acheter {margin-left:15px;}


p.sep {margin:15px 0 15px 0; padding:0; border-top :1px dashed #DADADA;}

/* --- BLOC ENVOYER A UN AMI --- */

div.envoyerami {background:url(/img/bg_envoyer_ami.gif) no-repeat; width:233px; height:71px; margin-top:20px;}

div.envoyerami h4 {font-size:12px; color:#fff; font-weight:bold; padding: 5px 40px 4px 10px; margin:0;}

div.envoyerami input {background:white; border:0; color:#858585; font-size:11px; width:177px; height:16px; margin:0px 10px 0 15px;}

div.envoyerami img {padding-top:0px}

/* --- CATALOGUE - rayon-produits --- */

div.catalogue {border-right:1px dashed #DADADA; border-bottom:1px dashed #DADADA; background:white; width:180px; height :220px; margin:0; float:left; font-size:11px; color:#848484;}

div.catalogue p.prod {border :0px solid black; margin:0; padding: 5px 5px 0 5px}

div.catalogue p.acheter {border :0px solid black; margin:5px 0 5px 0; padding: 0 5px 3px 5px}
div.catalogue p.acheter img.photo {margin:0 10px 10px 0;}

div.catalogue span.Marq {padding:5px 0 5px 0; margin:0; display:block; }

div.catalogue span.Description {display:block; border:0px solid black;}
div.catalogue a span.Description  {color:#848484;}
div.catalogue a:hover span.Description  {color:#B90000;}

div.catalogue span.nomprod {display:block; border:0px solid black; font-weight:bold;}

div.catalogue span.nouveaute { display:block; margin-top:5px;}

div.catalogue span.Pri {font-size:14px; font-weight:bold;}
div.catalogue span.PriVert {color:#749c43;}
div.catalogue span.Quant {display:block; padding:4px 0 3px 0}

div.catalogue a.libelle {color:#848484; text-decoration:none;}
div.catalogue a.libelle:hover {color:#B90000; text-decoration:none;}
div.catalogue a.vert {color:#749c43; text-decoration:none;}
div.catalogue a.vert:hover {color:#B90000; text-decoration:none;}

div.catalogue span.Marq a {color:#848484}
div.catalogue span.Marq a:hover {color:blue;}

div.catalogue p.acc {padding:0; margin:0; text-align:center; width:100%}
div.catalogue a.acceder {color:#B90000; text-decoration:none;}

/* --- TOP --- */

#Top {
	padding : 0 0 0 15px;
	float:left;
	clear:both;
	background:white;
	border:0px solid black;
	}

div#top1 {float:left; width:970px;}

p.message {font-size:10px; color:#000; padding:15px 10px 10px 0; margin: 0;}
p.message span.date {color:#6F6F6F; display:block;}

p.message a:link, div#top1 p a:active, div#top1 p a:visited {color:#B90000}
p.message a:hover {text-decoration:none;}

#compte {float:right; list-style: none ; margin: 0; padding:0; width:330px;}
#compte li {display: inline ; margin: 0 0 0 7px; padding:0;}
#compte li a, #compte img {margin: 0; padding:0;}

#compte img {vertical-align:top; float:left;}

div#top2 {float:left; width:970px;}

#menu {float:left; list-style: none ; margin: 0; padding:0;}
#menu li {display: inline ; margin: 0; padding:0;}
#menu li a, #menu img {margin: 0; padding:0;}

#menu img.menuLogo {margin-right:43px;}


/* --- BLOC RECHERCHE --- */

div#Recherche {float:left;background:url(/img/fond-recherche.gif) no-repeat ; width:200px; height :52px; margin:2px 0 0 0;}

div#Recherche span {display:block; font-size:11px; color:#000; margin:5px 0 5px 10px;}

div#Recherche input {display:block; background:#fff; border:0; width:130px; color:#B90000; font-size:12px; margin:20px 0 3px 25px;}

div#Recherche img {float:right; color:#B90000; font-size:11px; text-decoration:none; margin:-18px 25px 0 0}

/* --- PANIER --- */

div#panier {
	margin:0 0 0 2px; background:url(/img/bg_panier.jpg) no-repeat ; width:224px; height:54px; color:#000; border:0px solid black
}

div#panier p {margin:0; padding:6px 0 12px 5px;}

div#panier span.contenupanier {font-size:10px; font-weight:bold; padding:0 2px 0 8px;}

div#panier span.titrepanier {font-size:10px; font-weight:normal; background:url(/img/fleche_panier.gif) left no-repeat; padding-left:15px;}

div#panier img {display:inline; margin: 2px 4px 0 4px;}
div#panier img.first {margin-left:43px}

div#divinfopanier {height:28px;}

div#divdetailpanier {
	position:absolute; 
	z-index:1000; 
	margin:0;
	padding:0; 
}

div#divdetailpanier div {background:#C21100; width:330px;}

div#divdetailpanier table {background:#EBEBE3; width:325px; margin:5px 0 5px 5px; font-size:11px; color:#403F3D;}

div#divdetailpanier table td.titre {color:#878586;}

div#divdetailpanier span.fleche {color:#000; font-weight:bold; background:url(/img/fleche_panier.gif) left no-repeat; padding-left:15px;}

div#divdetailpanier span.total {font-weight:bold; padding-top:3px; border-top:1px dashed #959690;}

div#divdetailpanier span.Quantitee {display:block; padding:10px 0 10px 0;}
div#divdetailpanier span.Prixx {font-size:12px; font-weight:bold;}

a.fermer:link, a.fermer:visited, a.fermer:focus {background:url(/img/ico_fermer.gif) left no-repeat; padding-left:15px; color:#AB2023; text-decoration:none;}
a.fermer:hover {background:url(/img/ico_fermer.gif) left no-repeat; text-decoration:underline;}

#flyDiv {
  position:absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
  border:0px solid black;
}

span.chargement {font-size:10px; margin:0; background:url(/img/anim-loading-c.gif) left no-repeat; padding:6px 0 12px 20px;}

/* --- MON COMPTE --- */

div#moncompte {
	position:absolute; 
	z-index:1010; 
	margin:-29px 0 0 -1px; 
	display:none; 
	width:242px; 
	height:92px; 
	background:url(/img/bg_moncompte.jpg) repeat-x;
	border-right:1px solid #DFC0BB;
	border-left:1px solid #DFC0BB;
	border-bottom:1px solid #DFC0BB;
}

div#moncompte a.lienmoncompte {color:#000; font-size:11px; text-decoration:none; padding:3px 0 5px 3px; display:block;}
div#moncompte a.lienmoncompte:hover {color:#000; font-size:11px; text-decoration:underline;}

div#moncomptedepart {display:block;}

/* --- MENU : MENU BIO / FAIRE MES COURSES --- */

div#menubio {
	margin:-9px 0 0 6px; width:213px;
}

div#mescourses {
	margin:-9px 0 0 219px; width:251px;
}

div.menunav {
	background: #DFC0BB;
	display:none;
	position:absolute; 
	z-index:1000;	
}

div.menunav p {padding:1px; margin : 0; background: #DFC0BB;}

div.menunav a { background: #E7E2BA; padding: 7px 0 0 48px; color:#000; font-size:11px; display:block; text-decoration:none;}
div.menunav a:hover { color:#B3020C; }
div.menunav a.last {padding-bottom:10px;}

div#mescourses a {padding: 7px 0 0 38px;}
div#mescourses a.last {padding-bottom:10px;}

div.menunav span {font-weight:bold; border-bottom:1px dashed #C6BFA3;padding-bottom:2px;}

/* --- COL LEFT - NAVIGATION --- */

#colLeft { }

h4.navgauche {background:url(/img/nav_gauche/top-gauche.gif) no-repeat ;border:0px solid black; font-size:12px; color:#749c43; padding:8px 5px 12px 9px; width:200px; margin:0;}

#navgauche {
	list-style: none;
	margin:0;
	padding:0;
	font-size:11px; 	
	font-weight:normal; 
	color:#848484;	
	width:200px;
}

#navgauche li {padding: 2px 3px 2px 6px; margin:0; background: url(/img/nav_gauche/sous-motif-bloc-gauche.gif) repeat-y;}
#navgauche li a {display:block; background: url(/img/nav_gauche/0fleche-menu.gif) top left no-repeat; padding-left:17px; color:#848484; text-decoration:none;}
#navgauche li a:hover {background: url(/img/nav_gauche/01fleche-menu.gif) top left no-repeat; color:#B90000}

#navgauche li p.vert {font-size:11px; color:#848484; padding:0 50px 10px 5px; margin:0;}
#navgauche li p.vert span {font-weight:bold; color:#749c43; display:block;}

#navgauche li p.gris {font-size:11px; color:#848484; padding:0 50px 10px 5px; margin:0;}
#navgauche li p.gris span {font-weight:bold; display:block;}

#navgauche li.bio a {display:block; background: url(/img/nav_gauche/01fleche-menu.gif) top left no-repeat; padding-left:17px; color:#000; text-decoration:none;}

#navgauche a.rub, #navgauche a.rub:hover {color:#000; background: url(/img/nav_gauche/1fleche-menu.gif) top left no-repeat; padding-left:17px; display:block; margin-bottom:5px;}
#navgauche a.ssrub {display:block; background: url(/img/nav_gauche/0puce-menu.gif) top left no-repeat; padding-left:7px; margin-left:15px; font-size:9px; color:#848484; text-decoration:none;}
#navgauche a.ssrub:hover {background: url(/img/nav_gauche/1puce-menu.gif) top left no-repeat; color:#B90000}

#navgauche a.titressrub, #navgauche a.titressrub:hover {color:#000; background: url(/img/nav_gauche/1puce-menu.gif) top left no-repeat; padding-left:7px; display:block; margin-left:15px; font-size:9px; color:#000; text-decoration:none;}

#navgauche li.titre {padding-bottom:15px;}

#navgauche li.bas {padding:0; margin:0; background:url(/img/nav_gauche/motif-bloc-gauche.gif) no-repeat; height:139px;}
#navgauche li.bas2 {padding:0; margin:0; background:url(/img/nav_gauche/bas-bloc-gauche.gif) no-repeat; height:7px;}

#navgauche li.test {height:100%}

/* --- COMMANDER --- */

#ContentCentrale img.imgTitre {margin:0 0 0 65px;}

#ContentCentrale img.imgLigne {margin:0 0 15px 65px;}

table#panier {width:825px; border:0; padding:0; margin:0 0 0 65px;}

table#panier tr {background:white; padding:0; margin:0; }

table#panier tr.green {background:#EEF4EA;}

table#panier td {padding:3px; font-size:11px; color:#3F3F3F; border-bottom: 1px dashed #C6C6C6; text-align:center; }

table#panier td.titre {font-weight:bold; color:#7D9C3E; padding-bottom:7px;}

table#panier td.totalTTC {font-weight:bold; color:#000; text-align:right; }



div.commandeBas {float:left; padding:0 65px 0 65px;}

table#panierTotal {float:left; width:305px; border:0px solid black; padding:0;  margin:30px 0 0 30px;}

table#panierTotal td {padding:7px 3px 6px 3px; font-size:11px; color:#3F3F3F; border-top: 1px dashed #C6C6C6; text-align:right; }

table#panierTotal tr.totalTTC {font-weight:bold; color:#000;}

table#panierTotal tr.totalCommande td {font-weight:bold; color:#7D9C3E; font-size:13px; vertical-align:top;}

table#panierTotal tr.totalCommande td span {display:block; font-weight:normal; font-size:11px}


div.livraison {float:left; background:url(/img/commande/fond-panier-bas.jpg) no-repeat; width: 490px; height: 249px; padding:0;  margin:30px 0 0 0;}

div.livraison p { padding:10px; margin:0 }

div.livraison p.texte {font-size:11px; font-weight:bold; color:#3F3F3F; margin-bottom:7px;}

div.livraison p.img {border-top:1px dashed #C6C6C6; border-bottom:1px dashed #C6C6C6; margin:0 10px 0 10px}

div.livraison p.img img.panier { border-right: 1px dashed #C6C6C6; margin-right:20px;}

div.livraison p.lien {text-align:right;}

p.lien a {font-size:11px; color:#B90000; text-decoration:none;}
p.lien a:hover {text-decoration:underline;}

/* --- IDENTIFICATION --- */

div.contenuIdentification {float:left; padding:0 65px 0 65px; border:0px solid black;}

div.identification {float:left; background:url(/img/commande/fond-deja-inscrit.jpg) no-repeat; width:400px; height:215px; color:#515151; font-size:11px; padding:0; margin:0;}

div.identification table {margin:0 0 0 20px; width:360px; height:60px;}
div.identification table td {color:#515151; font-size:11px;}

div.identification p.titre {padding:0; margin:10px 0 15px 20px; font-size:17px; font-weight:bold;}

div.identification p.texte {padding:0 10px 0 0; margin:0 0 0 20px; font-size:12px;}
div.identification p.texte span {color:#B90000;}

div.identification p.titre2 {font-size:13px; height:30px; display:block; padding:0; margin:0 0 0 20px;}

div.identification a {color:#B90000; text-decoration:underline; margin-left:5px;}
div.identification a:hover {text-decoration:none;}

div.second {margin:0 0 0 25px}

input.ident {border:1px solid #969696; background:white; color#000; font-size:11px; width:190px; margin:2px 0 2px 5px;}

span.redIdent {display:block; color:#B90000; font-size:11px; font-weight:bold; padding:0; margin:0;}

img.ouvrir {margin-top:47px;}
img.valider {margin-top:13px;}

/* --- INSCRIPTION --- */

div.inscription {margin:0 0 20px 65px; width:825px; border:1px solid #E2E2E2; }

div.contacter {border:0; margin:10px 0 0 0 !important; width:400px !important;}


div.inscription table {width:640px; margin-bottom:15px;}

div.contacter table {width:400px;}

div.inscription table td {color:#515151; font-size:11px; width:320px;}

div.inscription table td input, div.inscription table td select, div.inscription table td textarea, div.inscription select {border:1px solid #969696; background:white; color#000; font-size:11px; width:260px;}

div.inscription table td input.none {border:0; background:white; color#000; width: auto;}

div.inscription table td input.cp {width:60px;}

div.inscription ul {
	list-style: none;
	margin:0 0 10px 40px;
	padding:0;	 
	font-size:11px;
}

div.inscription li {padding: 5px 0 5px 10px;}

div.inscription p.titre {padding:0; margin:10px 0 15px 20px; font-size:17px; font-weight:bold; color:#515151;}
div.inscription p.titre2 {padding:0; margin:10px 0 15px 20px; font-size:15px; font-weight:bold; color:#515151;}

p.inscriptionTexte {font-size:14px; color:#515151; margin:10px 0 0 65px; }
p.inscriptionTexte a {font-weight:bold; color:#515151; text-decoration:none;}
p.inscriptionTexte a:hover {text-decoration:underline;}

p.inscriptionDonnees {font-size:11px; color:#515151; margin:0; padding:0 65px 3px 0 ; text-align:right;}

div.inscription table.coordonnes {width:790px; margin-bottom:15px;}

div.inscription table td.titre {font-weight:bold; color:#000;}
div.inscription table td.nom {color:#000;}

/* --- RECAP COMMANDE --- */

p.lienrecap { margin:3px 0 15px 53px; padding:0}
a.recap {font-size:11px; color:#B90000; text-decoration:none;}
a.recap:hover {text-decoration:underline;}

table#recap {width:825px; border:0; padding:0; margin:0 0 0 65px;}

table#recap tr {background:white; padding:0; margin:0; }

table#recap tr.green {background:#EEF4EA;}

table#recap td {padding:3px; font-size:11px; color:#3F3F3F; border-bottom: 1px dashed #C6C6C6; text-align:center; width:auto; }

table#recap td.titre {font-weight:bold; color:#7D9C3E; padding-bottom:7px;}

table#recap td.totalTTC {font-weight:bold; color:#000; text-align:right; }

table#reglement {width:auto; margin-left:50px}
table#reglement td {width:auto;}
table#reglement td img {margin-right:15px;}

p.validation {font-size:11px; color:#3F3F3F; text-align:center;}
p.validation a {color:#3F3F3F;}
p.validation a:hover {color:#3F3F3F; text-decoration:none;}
p.validation img {margin:15px 0 15px 0;}

a.mailto {text-decoration:none; color:#3F3F3F;}
a.mailto:hover {text-decoration:underline; color:#3F3F3F;}

/* --- Livraison --- */

p.livraison {padding:0; margin:0;}

/* --- ESPRIT BIO --- */

div#colRightBio {width:171px; margin-left:9px; float:left}

div#centreBio {padding:0 20px 0 50px;}

div#centreBio.bio2 {padding:0;}

div#centreBio img.titre {display:block;}

div#centreBio img.titre2 {display:block; margin: 0 0 0 50px;}

div#centreBio p {padding:0; margin:15px 0 0 0; font-size:11px;}

div#centreBio p.vert {margin:5px 0 10px 0; color:#749c43; font-size:12px}

div#centreBio p.titreorange {margin:0 0 10px 0; color:#F29400; font-size:12px; font-weight:bold; border-bottom:1px solid #F29400; padding-top:20px;}
div#centreBio p.titrebleu {margin:10px 0 10px 0; color:#009EE0; font-size:12px; font-weight:bold; border-bottom:1px solid #009EE0; border-top:1px dashed #DADADA; padding-top:20px;}
div#centreBio p.titrerose {margin:10px 0 10px 0; color:#D42584; font-size:12px; font-weight:bold; border-bottom:1px solid #D42584; border-top:1px dashed #DADADA; padding-top:20px;}
div#centreBio p.titrevert {margin:10px 0 10px 0; color:#749c43; font-size:12px; font-weight:bold; border-bottom:1px solid #749c43; border-top:1px dashed #DADADA; padding-top:20px;}

div#centreBio p.gris {color:#3F3F3F;}

div#centreBio p.rouge, div#centreBio span.rouge {color:#B90000; font-size:11px;}

/* --- UNIVERS ---*/

div#UniversAlimentation {background:url(/img/esprit-bio/fond-univers-alimentation2.jpg) no-repeat; width:740px; float:left; margin:0 0 10px 0; padding-left:48px;}
div#UniversBeaute {background:url(/img/esprit-bio/fond-univers-beaute2.jpg) no-repeat; width:740px; float:left; margin:0 0 10px 0; padding-left:48px;}

div#DossierMois {background:url(/img/esprit-bio/fond-univers-dossier.jpg) no-repeat;}
div#CuisinezBio {}

div#DossierMois p {margin:40px 0 0 10px; padding:0 10px 0 0; height:87px; font-size:15px; font-weight:bold;}
div#DossierMois a.suite {clear:both; margin:0 0 0 10px !important;}
div#DossierMois p img {padding:0 5px 0 0;}

div.blocUnivers {width:306px; height:168px; float:left; margin:50px 5px 0 5px; padding:0; }

div.blocBio {width:330px; height:142px; float:left; padding:0; margin:0 5px 0 5px;}

div.blocBio p {padding:0 10px 0 22px !important; margin:0 !important;}

div.blocBio p span {display:block; font-weight:bold;}

div.blocBio p.texte {margin:35px 0 5px 0 !important;}
div.blocBio p.texte img {margin-top:-20px;}

div.blocBio p.lien img {margin:0 0 0 65px}

div#lesaviezvous {background:url(/img/esprit-bio/fond-saviez-vous.gif) no-repeat;}
div#producteurs {background:url(/img/esprit-bio/fond-producteurs.gif) no-repeat;}

div.ConteneurblocBio {padding:0 0 0 27px; margin:0; float:left;}

/* --- BLOC ProdUnivers --- */

div#ProdUnivers { float:left; margin-top:30px; width:724px; border-top:1px dashed #DADADA; border-bottom:1px dashed #DADADA;}

div#ProdUnivers ul li a.suite {margin:5px 10px 0 10px; height:22px;}

div#ProdUnivers ul {
	list-style: none;
	margin:0;
	padding:0;
}

div#ProdUnivers li {
	float:left;
	width:180px;
	margin-bottom:5px;
	border-right:1px dashed #DADADA;
}

div#ProdUnivers li.last {border-right:0;}

div#ProdUnivers p {font-size:11px; font-weight:bold; padding: 5px; margin:0;}

div#ProdUnivers p a{color:#858585; text-decoration:none;}
div#ProdUnivers p a:hover {color:#B90000; text-decoration:none;}

div#ProdUnivers p a.bio{color:#749c43; text-decoration:none;}
div#ProdUnivers p a.bio:hover {color:#B90000; text-decoration:none;}

div#ProdUnivers p span.prix {display:block; margin:0; padding-top:5px; font-size:12px}
div#ProdUnivers img {float:left; padding:0; margin: 0 5px 10px 0;}
div#ProdUnivers img.btn {display:block; float:none; clear:both; margin: 0 auto; margin-bottom:3px; text-align:center;}

a.plus {background:url()/img/}

/* --- a.red --- */

a.red {color:#B90000; text-decoration:none;}
a.red:hover {text-decoration:underline;}

/* --- a.print --- */

a.print {background:url(/img/picto-imprimante.gif) left no-repeat; padding-left:16px; font-size:11px;color:#B90000; margin-left:10px; text-decoration:none;}
a.print:hover {text-decoration:underline;}

/* --- RECETTE --- */

div.recette {background:url(/img/esprit-bio/fond-vert-recettes3.jpg) top no-repeat; width:558px; padding:35px 0 0 0; margin:0;}

div.recette h4 {font-size:17px; color:#fff; font-weight:bold; margin:0 0 15px 50px; width:450px;}

div.recette p {font-size:11px; margin:0 0 0 50px; width:450px;}
div.recette p.recette { height:300px;}

/* --- LIVRAISON ---*/

table#livraison td.bg {background:url(/img/services/fond-tarifs.gif) bottom no-repeat; padding-bottom:3px;}

table#livraison td.bg span {margin-left:70px; text-align:right}

table#livraison td, table#livraison2 td {font-size:11px;}

/* --- MAGASIN --- */

div.magasin {width:700px; float:left; background:white; margin:0 0 20px 0; padding:0 0 0 30px; border-bottom:1px dashed #749c43;}

div.sans {border-bottom:1px dashed #DADADA; margin-bottom:5px;}

div.pas {border-bottom:0;}

div.magasin h4 {font-size:12px; color:#749c43; font-weight:bold; text-transform:uppercase; padding:0; margin:0 0 15px 0;}

div.magasin h5 {font-size:11px; color:#858585; font-weight:bold; padding:0; margin:0 0 10px 0;}

p.magasin {padding:0 5px 0 0 ; margin:0 15px 10px 0; width:200px; font-size:11px; float:left;}
p.magasin2 {padding:0 5px 0 0; margin:0 15px 10px 0; width:200px; height:90px; font-size:11px; float:left;}

p.border {border-right: 1px solid #749c43;}

p.der {margin-right:0;}

div.magasinAncre {margin:-200px 0 0 0; padding-left:80px; z-index:100; float:left}

div.magasinAncre a {display:block; font-size:11px; margin-bottom:10px; text-decoration:underline}

div.magasinCarte {float:left; margin-bottom:20px;}

/* --- RECHERCHE ---*/

table.recherche {margin:0 0 0 20px;}
table.recherche td {padding:5px;}

table.recherche td.on {background:#749c43; color:#fff; font-weight:bold;}
table.recherche td.off {background:#DADADA;}

table.result {border-bottom:1px dashed #DADADA; margin:0 0 10px 20px; padding:0 0 10px 0;}

table.result td {padding:5px;}

/* --- PLAN DU SITE --- */

ul.plan {
	list-style: none;
	margin:0 0 20px;
	padding:0;
	float:left;
	width:230px;
	}

ul.plan li {	
	font-weight:bold;
	color:#749c43;
	padding:0;
	margin:0;	
}

ul.plan li span {font-size:11px;}

ul.plan li a {color:#B90000; text-decoration:none; font-weight:normal; font-size:11px; }

ul.plan li a:hover {text-decoration:underline; }

/* --- POSTULER --- */

table#postuler td input, table#postuler td select, table#postuler td textarea {border:1px solid #969696; background:white; color#000; font-size:11px; width:240px;}