/* Eléments HTML en général
-------------------------------------------------------- */

body {
	padding: 0;
	margin: 0;
	font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: center;
	background-image: url(gfx/craft-2.gif);
	color: #333134;
	font-size: 0.8em;
}

h1, h2, h3{
	font-family: "Trebuchet MS", sans-serif;
}

h1{
	font-size: 1.8em;
	margin: 0;
	padding: 0;
}
h2{
	font-size: 1.5em;
	margin: 0;
	padding: 0;
}
h3{
	margin: 0;
	padding: 0;
}

a {color: #C03C03; text-decoration: none;}
a:visited {color: #C03C03; text-decoration: none;}
a:hover {text-decoration: underline; color: #C03C03;}

img {border: 0}


/* labelBio
-------------------------------------------------------- */

td.bh {height: 5px; background-color: white;}
td.bv {width: 5px; background-color: white;}
td.bvo {background-image: url(gfx/page-top.png); background-repeat: repeat-x; background-position: top; height:  8px;}

.craft-1 {background-image: url(gfx/craft-1.gif);}
#t01 {height: 165px;}
#t02 {height: 165px; width: 265px;}
#t03 {height: 165px; width: 585px;} 
#t04 {height: 165px; width: 150px;text-align: left; vertical-align: top;}
#t04b {height: 165px;}


#t05 {height: 80px; width: 150px; text-align: right; vertical-align: top;}
#t06 {height: 80px; width: 695px; vertical-align: top; text-align: left; background-color: #DDDDDD;}
#t07 {height: 80px; width: 150px; vertical-align: top; background-image: url(gfx/ombredroite.gif); background-repeat: repeat-y; background-position: left;}
#t07a {height: 8px; width: 150px; background-image: url(gfx/page-top.png); background-repeat: repeat-x; background-position: top;}
#t07b {vertical-align: top;}

#t08 {width: 150px; text-align: center; vertical-align: top; background-image: url(gfx/ombregauche.gif); background-repeat: repeat-y; background-position: right;}
#t09 {width: 690px; background-color: #DDDDDD; vertical-align: top;}
#t10 {width: 150px; background-image: url(gfx/ombredroite.gif); background-repeat: repeat-y; background-position: left;}

#t11 {width: 150px; background-image: url(); background-repeat: no-repeat; background-position: top right;}
#t12 {width: 700px; height: 8px; background-image: url(gfx/page-top.png); background-repeat: repeat-x; background-position: top;}
#t13 {width: 150px; background-image: url(); background-repeat: no-repeat; background-position: top left;}

#pieddepage {height: 50px;}
#milieudepage {vertical-align: top;}
#corpsdetexte {padding-right: 50px; padding-left: 50px; text-align:justify;}
a.labelbio:link {color: #6565CC; text-decoration: none;}
a.labelbio:visited {color: #6565CC; text-decoration: none;}
a.labelbio:hover {color: #EF4A03; text-decoration: none;}
a.engagements:link {color: #889836; text-decoration: none;}
a.engagements:visited {color: #889836; text-decoration: none;}
a.engagements:hover {color: #EF4A03; text-decoration: none;}

.rubs {text-align: right; padding-right:10px; padding-bottom:10px; font-size: 14px}
#rubsaccordeon {z-index: 1000; text-align: right; padding-right:10px; padding-bottom:10px; font-size: 14px}
.sousrubs {overflow: hidden;}
a.lienrubsnormal {font-size: 16px; font-weight: normal; color: #333134; text-decoration: none;}
a.lienrubsnormal:visited {color: #333134; text-decoration: none;}
a.lienrubsnormal:hover {color: #C03C03; text-decoration: none;}
a.lienrubs {font-size: 16px; display: block; font-weight: normal; color: #333134; text-decoration: none;}
a.lienrubs:visited {color: #333134; text-decoration: none;}
a.lienrubs:hover {color: #C03C03; text-decoration: none;}
a.liensousrubs {font-size: 13px; font-weight: normal; color: #333134; text-decoration: none;}
a.liensousrubs:visited {font-size: 13px; color: #333134; text-decoration: none;}
a.liensousrubs:hover {font-size: 13px; color: #C03C03; text-decoration: none;}

.md2 {z-index: 1000; display:none; position:absolute; background-color:#ffffff; padding:5px; margin-left:145px; margin-top:-16px; text-align:left; border:1px solid #AAAAAA;}
.textebleu {}

/* mon compte */

#monCompte {margin-top: 40px; font-size: 11px}
#blocMonCompte {text-align: left; margin-left: 10px;}
.champFormMonCompte {font-size: 12px; color: #333134; background-color: #DDDDDD; border: 1px solid #888888; overflow: hidden; zoom: 1; margin-top: 1px;	margin-bottom: 3px;}
a.LIEN_entete:link {font-size: 11px; line-height: 15px; color: #333134; text-decoration: none;}
a.LIEN_entete:visited {font-size: 11px; color: #333134; text-decoration: none;}
a.LIEN_entete:hover {font-size: 11px; color: #333134; text-decoration: underline;}
#submitimg {margin-right: 5px; margin-top: 5px; margin-bottom: 5px; cursor: pointer;}
#menuMonCompte {font-size: 12px; text-align: left; margin-left: 10px; color: #C03C03; margin-top: 5px;}
#bienvenue {margin-bottom: 5px;}

/* mon panier */

#monPanier {margin-top: 10px; font-size: 10px}
.panierquantite {font-size: 10px; width: 20px; padding-left: 5px; text-align: right; padding-right:4px;}
.paniertitre {font-size: 11px; width: 85px; text-align: left;}
a.paniertitre:link {color: #C03C03;}
a.paniertitre:visited {color: #C03C03;}
a.paniertitre:hover {color: #C03C03;}
.panierprix {font-size: 10px; width: 30px; text-align: right;}
#paniertotal {border-top: 1px dotted #C03C03; text-align: right;}

/* fiche */

#fiche-1 {width: 30px; height: 130px; vertical-align: top;}
#fiche-2a {width: 110px; height: 20px; background-color: white;}
#fiche-2b {width: 110px; height: 110px; vertical-align: top; background-repeat: no-repeat;}
#fiche-3 {width: 20px; height: 130px; vertical-align: top;}
#fiche-4 {width: 160px; height: 90px; color: #333134; vertical-align: top; background-repeat: no-repeat;}
#prodtitre {height: 55px; padding-left: 10px; padding-right: 10px; margin-left:15px; margin-top: 8px; width:120px; text-align: center; font-size: 14px;}
#prodchapo {padding-top: 5px; font-size: 11px;}
#prodprix {font-family: arial; line-height: 15px; font-size: 15px; margin-top: 96px; margin-left: 6px; color: white; font-weight: bold; position: absolute; width: 50px;}
#prixcentimes {font-size: smaller;}
#sousprix {font-size: 11px; font-weight: normal;}
#ajouteraupanier {margin-top: 5px; margin-left: 10px; vertical-align: bottom;}
.fiche {float: left; margin-left: 8px; margin-bottom: 18px; cursor: pointer;}
a.lienfiche:link {color: #333134; text-decoration: none;}
a.lienfiche:visited {color: #333134; text-decoration: none;}
a.lienfiche:hover {color: #333134; text-decoration: none;}

/* produit */

#prodbloc {margin: 18px;}
.blancv {width: 32px; background-color: #FFFFFF;}
.blanch {width: 300px; height: 32px; background-color: #FFFFFF; text-align: right; vertical-align: bottom;}
#coin-1 {width: 32px; height: 32px; background-color: white; text-align: left; vertical-align: top;}
#coin-2 {width: 32px; height: 32px; background-color: white; text-align: right; vertical-align: top;}
#coin-3 {width: 32px; height: 32px; background-color: white; text-align: right; vertical-align: bottom;}
#coin-4 {width: 32px; height: 32px; background-color: white; text-align: left; vertical-align: bottom;}
#prodimg {width: 300px; height: 300px; text-align: right; vertical-align: top; background-repeat: no-repeat; background-color: white; background-position: center;}
#prodtext {width: 300px; background-color: #FFFFFF; background-image: url(gfx/prod-prix-3.gif); background-position: top left; background-repeat: no-repeat;}
#prodprix2 {font-family: arial; line-height: 25px; font-size: 26px; margin-top: 37px; margin-left: 276px; color: white; font-weight: bold; position: absolute; width: 150px;}
#sousprix2 {font-size: 18px; font-weight: normal;}
#prodtext {vertical-align: top;}
#prodtexttitre {padding-top: 35px; padding-bottom: 35px; padding-left: 60px; vertical-align: center; text-align: center; font-size: 22px;}
#prodtextdescription {font-size: 12px; text-align: justify; padding-left: 20px; text-indent: 40px; vertical-align: top;}
#prodtextprod {padding-top: 10px; padding-bottom: 10px; padding-left: 20px;}
#producteurimg {width: 80px;}
#producteurdes {padding-top: 5px; padding-bottom: 5px; padding-left: 10px; text-align: left; font-size: 11px; vertical-align: top;}
#prodtextajout {padding-bottom: 20px; padding-left: 20px; vertical-align: middle; text-align: left;}
.color-1 {color: #C03C03;}

/* contact */

.tdcontact1 {text-align: right; padding-right: 10px; padding-bottom: 5px;}
.tdcontact2 {text-align: left; padding-bottom: 5px;}

/* producteurs */

.tdprod-1 {padding-left: 50px; padding-bottom: 20px; padding-right: 10px;}
.tdprod-2 {font-size: 12px; padding-bottom: 20px; padding-right: 50px; text-align: justify;}

/*

labelbio 		(bleu) 		: #6565CC
livraison 		(orange) 	: #EF4A03
producteurs 	(jaune) 	: #F5D105
engagements 	(vert) 		: #889836
contact 		(fuschia) 	: #D5045C
paniers			(rouge)		: #BE0101
produits		(violet)	: #951E7D

*/

.orange {color: #EF4A03;}

.vert {color: #889836;}
.vert a:link {color: #889836; text-decoration: none;}
.vert a:visited {color: #889836; text-decoration: none;}
.vert a:hover {color: #EF4A03; text-decoration: none;}
.vert li {list-style-image:url(gfx/puces/puce-10px-engagements.gif); color: #889836;}

a.gris:link {color: #333134; text-decoration: none;}
a.gris:visited {color: #333134; text-decoration: none;}
a.gris:hover {color: #EF4A03; text-decoration: none;}


.orange-box-1 {width: 15px; height: 30px; background-color: #EF4A03; background-image: url(gfx/box-1.gif);}
.orange-box-2 {height: 30px; color: #FFFFFF; background-color: #EF4A03;}
.orange-box-3 {width: 15px; height: 30px; background-color: #EF4A03; background-image: url(gfx/box-2.gif);}

.bleu-box-1 {width: 15px; height: 30px; background-color: #6565CC; background-image: url(gfx/box-1.gif);}
.bleu-box-2 {height: 30px; color: #FFFFFF; background-color: #6565CC;}
.bleu-box-3 {width: 15px; height: 30px; background-color: #6565CC; background-image: url(gfx/box-2.gif);}

a.abox {background-color: #EF4A03; display: block;}
a.abox:hover {background-color: #CF2A03;}

a.box:link {color: #FFFFFF;}
a.box:visited {color: #FFFFFF;}
a.box:hover {color: #FFFFFF;}

a.abox-2 {background-color: #951E7D; display: block;}
a.abox-2:hover {background-color: #951E7D;}

#recettes {padding-bottom: 30px;}

.laselection {width: 150px; text-align: center; font-size: 12px; font-weight: bold;}
.laselection a {text-decoration: none; color: #666666;}

.laselectiontitre {color: #EF4A03; text-align: center; font-size: 18px; padding-left: 50px; padding-right: 50px; font-weight: bold;}

#------------------à trier 


.page-angle-left {
	width: 3px;
}

.page-angle-right {
	width: 3px;	
	background-image: url(gfx/angle-right.png);
}
.page-top {
	background-image: url(gfx/page-top.png);
	background-repeat: repeat-x;
	background-position: top;
	height: 8px;
}

.page-left {
	background-image: url(gfx/page-left.png);
	background-repeat: repeat-y;
	background-position: right;
	border-right: 5px solid white;
	vertical-align: top;
}

.page-right {
	background-image: url(gfx/page-right.png);
	background-repeat: repeat-y;
	background-position: left;
	border-left: 5px solid white;
	vertical-align: top;
}

.page-center {
	background: #DDDDDD;
	width: 690px;
}

.foot-center {
	background: #DDDDDD;
	width: 690px;
	border-bottom: 5px solid white;
}

.signature-left {
	background-image: url(gfx/signature-left.png);
	background-repeat: no-repeat;
	background-position: top right;
}

.signature-right {
	background-image: url(gfx/signature-right.png);
	background-repeat: no-repeat;
	background-position: top left;
}

.signature-center {
	background-image: url(gfx/signature-center.png);
	background-repeat: repeat-x;
	background-position: top;
	width: 690px;
}

.signature {
	font-size: 12px;
	color: #C03C03;
	padding-top:3px;
	padding-bottom: 10px;
}

a.signature-lien {
	color: #333134;
}

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

.titrePage {
	color: #333134;
	text-align: center;
	font-weight: bold;
	padding-top: 30px;
	padding-bottom: 5px;
}

.sousTitrePage {
	color: #333134;
	text-align: center;
	font-weight: bold;
	padding-top: 30px;
	padding-bottom: 30px;
}

.textePage {
	color: #333134;
	text-align: left;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 5px;
}

.separation {height: 3px; margin-right: 50px; margin-left: 50px; background-color: #C03C03; margin-top: 5px; margin-bottom: 5px;}




/* Entête
-------------------------------------------------------- */


.formMonCompte {
	float: left;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 0;
	padding-left: 0;
	margin-top: 0;
	margin-right: 3px;
	margin-bottom: 0;
	margin-left: 0;
}


.boutonMonCompteEntete {	
	float: left;
	margin: 0;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}




/* Chemin
-------------------------------------------------------- */

#chemin {
	float: left;
	color: #a9c9e9;
	font-size: 0.9em;
	font-weight: bold;
	margin: 50px;
}

a.LIEN_chemin:link {
	color: #a9c9e9;
	text-decoration: none;
}

a.LIEN_chemin:visited {
	color: #a9c9e9;
	text-decoration: none;
}

a.LIEN_chemin:hover {
	color: #a9c9e9;
	text-decoration: underline;
}

/* Produit petit & grand
-------------------------------------------------------- */

.ListeProduitsPetits {
	float: left;
	margin: 20px;
	padding: 0;
}

.produitPetit {
	float: left;
	width: 170px;
	margin-top: 20px;
	margin-right: 20px;
	margin-bottom: 0;
	margin-left: 0;
	padding: 0;
}

.contourImage {
	border: 1px solid #0066CC;
	margin-bottom: 5px;
	float: left;
}

.titreProduit {
	color: #12335B;
	text-align: left;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 5px;
	width: 100%;
}

.chapoProduit {
	color: #12335B;
	text-align: left;
	font-style: italic;
	font-size: 0.9em;
	line-height: 1.2em;
	margin-bottom: 5px;
	width: 100%;
}

.descriptionProduit {
	color: #12335B;
	text-align: left;
	margin-top: 5px;
	margin-bottom: 10px;
}

.prixProduit {
	color: #EC8000;
	text-align: left;
	font-weight: bold;
	margin-top: 5px;
}

.ficheProduit {
	float:left;
	width: 470px;
	margin-left: 10px;
}


a.LIEN_commander:link {
	color: #0066CC;
	text-decoration: none;
	font-weight: bold;
}

a.LIEN_commander:visited {
	color: #0066CC;
	text-decoration: none;
	font-weight: bold;
}

a.LIEN_commander:hover {
	color: #0066CC;
	text-decoration: underline;
	font-weight: bold;
}

/* Nombre de pages
-------------------------------------------------------- */

#pages {
	float: left;
	padding-left: 20px;
	font-size: 0.9em;
	padding-top: 10px;
	margin: 0;
	padding-bottom: 10px;
	color: #12335B;
}

a.LIEN_pages:link {
	color: #12335B;
	text-decoration: none;
	font-weight: bold;
}

a.LIEN_pages:visited {
	color: #12335B;
	text-decoration: none;
	font-weight: bold;
}

a.LIEN_pages:hover {
	color: #12335B;
	text-decoration: underline;
	font-weight: bold;
}


/* Pied de page
-------------------------------------------------------- */

#footer{
	float: right;
	color: #0066CC;
	font-size: 0.9em;
	text-align: right;
	margin: 10px;
	padding-top: 10px;
}

#cheminou{
	position: absolute;
	float: left;
	color: #6565CC;
	font-size: 0.9em;
	text-align: left;
	margin-left: 80px;
	margin-top: 62px;
}

a.LIEN_footer:link {
	color: #6565CC;
	text-decoration: none;
	font-weight: bold;
}

a.LIEN_footer:visited {
	color: #6565CC;
	text-decoration: none;
	font-weight: bold;
}

a.LIEN_footer:hover {
	color: #6565CC;
	text-decoration: underline;
	font-weight: bold;
}

/* Divers éléments de formulaires & tableaux
-------------------------------------------------------- */

.enteteTableau {font-size:12px; color: #FFFFFF; font-weight: bold; background-color: #A2AA82; height: 30px; padding-bottom: 5px;}
.footerTableau {font-size:12px; color: #FFFFFF; font-weight: bold; background-color: #725149; height: 30px;}

.ligneTableau {text-align: left;}
.ligneTableau1 {text-align: right; padding-right: 10px;}


.boutonMonCompteContenu {font-weight: bold; text-align: right; margin: 10px; margin-right: 50px;}

.zoneDeSaisie {
	color: #12335B;
	font-weight: bold;
	font-size: 0.9em;
}

.obligatoire {
	color: #FF0000;
}

.commentaires {
	font-size: 1em;
	font-style: italic;
	font-weight: bold;
	color: #12335B;
}