/* COULEURS
	vert foncé 	(logo)		#40b93b
	marron 	(logo)		#855332
					#875c33
	vert clair		#89d600
				#a3df39
	vert pale		#d1ff83
	vert tre pale	#e6ffbd
	
	pour les couleurs (créées sur kuler.adobe.com, je ne sais pas si tu connais):
	marron du logo: 855333
	vert du logo: 40B93C
	vert foncé: 1B6C18
	vert clair: 71FF6C   (j'ai un doute sur celui là, peut-être utiliser le même en un peu moins lumineux: 67E862)
	marron foncé: 6C3F1E
	beige: FFCEAE
	mauve: 9C8FFF 
*/
/* COULEURS Stephanie
	vert clair		#e6ffbd
	vert texte		#40b93b
	beige clair		#fde3b1
	marron texte	#855332
	bleu clair		#ddd7ff
	bleu texte		#8e79ff
*/
* {
	margin: 0px;
	padding: 0px;
}
.preload {
	display:none;
}
a {
	color: #6C3F1E;
	text-decoration: none;
}
a:hover {
	color: Green;
	text-decoration: underline;
	font-weight: normal;
}
/* ------------	TEMPLATE		------------ */
body {
	font-family:  "Bookman Old Style", "Times New Roman", Tahoma, "Comic Sans MS", Arial;
	font-size: 12px;
	text-align: left;
	background-color: White;
	background-image: url(gfx/entete_bckgrd_bandeau.png);
	background-repeat: repeat-x;
}
#global {
	position: relative;
	width: 1000px;
	height: 100%;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	background-color: White;
}
#entete {
	position: static;
	top: 0px;
	left: 0px;
	width: 1000px;
	height:184px;
	background-color: White;
	background-image: url(gfx/entete_bckgrd_bandeau.png);
	background-repeat: repeat-x;
	background-position:center bottom;
}
#entete #logo {
	position: absolute;
	top: 21px;
	left: 10px;
	width: 302px;
	height: 114px;
}
#entete #slogan {
	position: absolute;
	top: 48px;
	left: 352px;
	width: 358px;
	height: 39px;
	background-color: transparent;
	background-image: url(gfx/terre-de-bio-slogan.png);
	background-repeat: no-repeat;
	z-index:8;
}
#entete #module_login {
	position: absolute;
	top: 8px;
	left: 774px;
	width: 218px;
	height: 117px;
	background-color: transparent;
	background-image: url(gfx/module_login.png);
	background-repeat: no-repeat;
	z-index:8;
	font-family:   Tahoma, "Bookman Old Style", "Times New Roman","Comic Sans MS", Arial;
}
#entete #module_login_inner {
	position:absolute;
	top:4px;
	left:12px;
	width:202px;
	height:101px;
	background-color:transparent;
	text-align:center;
}
#entete #menu {
	position: relative;
	top: 135px;
	left: 10px;
	width: 1000px;
	height: 30px;
	background-color: transparent;
	z-index:10;
}
#conteneur {
	position: static;
	width: 1000px;
/*	min-height: 400px;*/
	min-height: 820px;
	padding-bottom: 103px;
	background-color: White;
	background-image: url(gfx/pied-de-page.png);
	background-repeat: no-repeat;
	background-position: bottom;
}
#conteneur_gauche_etendu{
	background-color: transparent;
	z-index:8;
	position: absolute;
	left: 0px;
	top: 184px;
	width: 170px;
	min-height: 480px;
}
#conteneur_gauche {
	background-color: transparent;
	z-index:8;
	position: absolute;
	left: 0px;
	top: 504px;
	width: 170px;
	min-height: 274px;
}
#conteneur_centre {
	background-color: White;
	margin-left:170px;
/*	min-height: 460px;	*/
	min-height: 880px;
	position:static;
	width:703px;
	background-image: url(gfx/contenu_middle.png);
	background-repeat: repeat-y;
}
#conteneur_droit {
	background-color: White;
	left:875px;
	height:350px;
	position:absolute;
	top:184px;
	width: 127px;
	z-index:8;
}
#conteneur_agriculture_biologique {
	background-color: transparent;
	left:875px;
	height:84px;
	position:absolute;
	top:700px;
	width: 127px;
	z-index:8;
}
/*	#conteneur_img_cmcic {
	background-color: transparent;
	left:875px;
	height:64px;
	position:absolute;
	bottom:240px;
	width: 127px;
	z-index:8;
}
*/
#piedpage {
	display:block;
	width: 1000px;
	height: 105px;
	position: static;
	background-color: White;
}
#contenu {
	text-align: justify;
	color: Green;
	font-size: 12px;
	width: 680px;
	background-color: transparent;
	margin-left: auto;
	margin-right: auto;
}
/* ------------	ENTETE		------------ */
#entete h1 {
	position: absolute;
	top: 10px;
	left: 260px;
	font-size: 20px;
	font-weight: bold;
	color: #40b93b;
}
#entete h2 {
	position: absolute;
	top: 107px;
	left: 463px;
	color: #40b93b;
	font-size: 12px;
	font-weight: normal;
	font-style:italic;
}

/* ------------	PIED de PAGE		------------ */
#piedpage p {
	color: Green;
	text-align: center;
	margin-top: 6px;
}
/*	#piedpage a {
	color: #6C3F1E;
	text-decoration: none;
}
#piedpage a:hover {
	color: Green;
	text-decoration: underline;
	font-weight: normal;
}
*/
/* ------------	module COMPTE - PANIER	(entete)	------------ */
#module_login p {
	padding-top: 8px;
}
#module_login div.login_label {
	width:191px;
	font-size:10px;
	font-weight: normal;
	text-align: left;
	padding-left: 11px;
	padding-top: 4px;
	color: Olive;
}
#module_login div.login_input {
	width:196px;
	font-size:10px;
	font-weight: normal;
	text-align: left;
	padding-left: 6px;
	color: Olive;
}
#module_login div.login_input input {
	margin-left:5px;
	margin-right:5px;
}
#module_login div.logout_input {
	width:196px;
	font-size:10px;
	font-weight: normal;
	text-align: center;
	padding-top: 6px;
	padding-left: 6px;
	color: Olive;
}
#module_login div.login_text {
	width:200px;
	font-size:10px;
	font-weight:normal;
	text-align:center;
}
/*	#module_login div.login_text a {
	color: #6C3F1E;
	text-decoration:none;
}
#module_login div.login_text a:hover {
	color: Green;
	text-decoration:underline;
}
*/
#module_login h2 {
	position: static;
	text-align: center;
	background-color: #b8e860;
	color: White;
	height: 24px;
	line-height: 24px;
	font-size:14px;
	margin-top: 9px;
	margin-bottom: 0px;
	border: 1px solid Green;
	border-top: none;
	border-right: none;
}
#module_login span.login_value {
	color: Orange;
	font-size:12px;
	font-weight: bold;
}

/* ------------	MENU		------------ */
/*	ul	.rootmenu {}
	ul	.submenu {}
	li	.rootitem {}
	li	.subitem {}
*/
#menu * {
	color: #6C3F1E;
}
#menu a {
	color: #6C3F1E;
	text-decoration: none;
}
#menu a:hover {
	color: Green;
	font-weight: bold;
}
#menu a:active,
#menu a:focus {
	outline: 0;
}

#menu  ul.rootmenu li.rootitem div#submenu_accueil {
	display:block;
}

#menu  ul.rootmenu{
	font-family: sans-serif;
	font-size: 16px;
}
#menu  ul.rootmenu li.rootitem{
	cursor:default;
	display: block;
	width: 138px;
	height:29px;
	float:left;
	line-height: 29px;
	text-align: center;
}
#menu  ul.rootmenu li.rootitem:hover {
	font-weight: bold;
/*

*/
}
#menu  ul.rootmenu li.rootitem a {
	display: block;
	width: 100%;
	height: 100%;
	border: none;
	background-color: tranparent;	/*	#a3df39;	*/
	font-weight: normal;
}
#menu  ul.rootmenu li.rootitem a:hover {
	border :none;
	font-weight: bold;
	background-color: tranparent; /*#a3df39;*/
}
#menu  ul.rootmenu li.rootitem div.submenu{
	display:none;
	font-family: sans-serif;
	font-size: 12px;
	position: relative;
	top:0px;
	left: -22px;
	width: 170px;
	background-image: url("gfx/sub_menu_bottom.png");
	background-position: left bottom;
	background-repeat: no-repeat;
	padding-bottom:30px;
}
#menu  ul.rootmenu li.rootitem div.submenu_top{
	height: 16px;
	width: 170px;
	background-image: url("gfx/sub_menu_top.png");
	background-position: left;
	background-repeat: no-repeat;
}
#menu  ul.rootmenu li.rootitem:hover div.submenu{
	display:block;
}
#menu  ul.rootmenu li.rootitem div.submenu a{
	border: none;
}
#menu  ul.rootmenu li.rootitem div.submenu a{
	background-color: transparent;	/*	#a3df39;	*/
}
#menu  ul.rootmenu li.rootitem div.submenu li.subitem {
/*	list-style-type: none;
	display: block;
*/
	height: 30px;
}
ul.listeHierarchique {
	padding-left:20px;
	text-align: left;
	background-image: url("gfx/sub_menu_middle.png");
	background-position: left;
	background-repeat: repeat-y;
}
ul.listeHierarchique li {
	list-style-type: none;
	margin-left: 8px;
	width:142px;
}
ul.listeHierarchique li li {
	margin-left: 16px;
	width:134px;
}
ul.listeHierarchique li li li {
	margin-left: 24px;
	width:128px;
}

ul.listeHierarchique li.subitem {
	list-style: outside disc;	/*	pour menu VERTICAL	*/
}
/* ------------	LIVE VALIDATION		------------ */
.LV_valid {
	color:#00CC00;
}
.LV_invalid {
	color:#CC0000;
}
.LV_validation_message{
	font-weight:bold;
	margin:0 0 0 5px;
}
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active,
.fieldWithErrors input.LV_valid_field,
.fieldWithErrors textarea.LV_valid_field {
	border: 1px solid #00CC00;
}
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active,
.fieldWithErrors input.LV_invalid_field,
.fieldWithErrors textarea.LV_invalid_field {
	border: 1px solid #CC0000;
}

/* ------------	CONTENEUR CENTRAL		------------ */
#conteneur_centre h1 {
	width: 680px;
	text-align: center;
/*	color: #855332;*/
	color: #8e79ff;
	font-size: 26px;
	background-color: transparent;
	margin-left: auto;
	margin-right: auto;
	margin-top: 8px;
	padding-top: 12px;
	border-top: 2px solid #855332;
	font-family: "Times New Roman", Tahoma, "Bookman Old Style", "Comic Sans MS", Arial;
}
#conteneur_centre h1.titre_main_block {
	width: 703px;
	background-image: url(gfx/contenu_top.png);
	background-position: top;
	background-repeat: no-repeat;
	border: none;
	margin: 0px;
	margin-bottom: 14px;
}
#conteneur_centre h2 {
	text-align: left;
	color: Green;
	font-size: 16px;
	width: 703px;
	background-color: transparent;
	margin-left: 26px;
}

/* ------------	CONTENU	------------ */
#contenu h2 {
	text-align: left;
	color: Green;
	font-size: 16px;
	width: 680px;
	background-color: transparent;
	margin-left: 15px;
	margin-top: 20px;
	margin-bottom: 8px;
	text-decoration: underline;
}
#contenu h3 {
	margin-left: 15px;
/*	text-align: left;
	color: #855332;
	font-size: 14px;
	width: 703px;
	background-color: transparent;
	margin-top: 8px;
	margin-bottom: 2px;

*/
}
h3 {
	text-align: left;
	color: #855332;
	font-size: 14px;
	width: 703px;
	background-color: transparent;
	margin-left: 27px;
	margin-top: 8px;
	margin-bottom: 2px;
/*	text-decoration: underline;*/
}
#contenu h4 {
	text-align: left;
	color: #8e79ff;
	font-size: 13px;
	width: 703px;
	background-color: transparent;
	margin-left: 15px;
	margin-top: 6px;
	margin-bottom: 2px;
}
#contenu p {
	margin-bottom: 12px;
	color: Black;
	line-height:20px;
}
#contenu ul {
	margin-left: 30px;
	color: Black;
}
#contenu ul li {
/*	list-style-image: none;
	list-style-position: outside;
	list-style-type: circle;
	list-style: circle inside url(gfx/image_li.png);
*/
	list-style-image: none;
	list-style-position: outside;
	list-style-type: circle;
	color: Green;
}
#contenu ul li span {
	color: Black;
}
#contenu strong {
/*	color: #8e79ff;*/
	color: Black;
	font-weight: bold;
}
.formcontact_table {
	margin-left:auto;
	margin-right:auto;
	width: 683px;	/*	600px;	*/
/*	border-collapse: collapse;*/
	border: 0px;

}
td.formcontact_champ {
	border: 0px;
	vertical-align: top;
	text-align: right;
	padding-right:17px;
	width: 104px;
}
td.formcontact_input {
	border: 0px;
	width: 556px;
}
td.formcontact_captcha {
	border: 0px;

}

#fiche_conseil,
.table_liste {
	border-collapse: collapse;
	border: 1px solid Green;
	background-color: white;
	width:650px;
	margin-left: auto;
	margin-right: auto;
}
#fiche_conseil th,
.table_liste th {
	color: #855332;
	text-align: center;
	height: 26px;
	border-left: 1px solid Green;
	border-bottom: 1px solid Green;
}
#fiche_conseil td,
.table_liste td {
	color: black;
	text-align: center;
	height: 26px;
	border-left: 1px solid Green;
	border-bottom: 1px dotted Green;
}
#fiche_conseil td.description,
.table_liste  td.description {
	color: green;
}

/* ------------	NOS	 PRODUCTEURS 	(liste) 	------------ */
.block_producteur {
	float: left;
	position: relative;
	display: block;
	width: 330px;
	height:120px;
	margin-left:13px;
	margin-right:0px;
	margin-top: 10px;
	margin-bottom:3px;
	background-color: White;
	border: 1px solid Green;
}
/*
.block_producteur_libelle {
	display: block;
	width: 330px;
	height:30px;
	background-color: White;
	border: 0px solid Green;
	text-align: center;
	line-height:30px;
}
*/
.block_producteur_image {
	display: block;
	width: 100px;
	height:100px;
	position: absolute;
	top: 10px;
	left: 5px;
/*	background-color: #d1ff83;	*/
	background-color: White;
	border: 0px solid Green;
	overflow: hidden;
	text-align:center;
}
.block_producteur_image a img {
	border:none;
}

.block_producteur_chapo {
	display: block;
	width: 210px;
	height:100px;
	position: absolute;
	top: 10px;
	left: 120px;
	background-color: transparent;
	border: 0px solid Green;
	color: #855332;
}
.block_producteur_chapo h3 {
	font-size: 14px;
	font-weight: bold;
	color: #855332;
	margin-bottom: 12px;
	margin-left: 0px;
	margin-right: 0px;
}
.block_producteur_chapo h3 a,
.block_producteur_chapo h3 a:hover {
	font-weight: bold;
	color: #855332;
}
.block_producteur_chapo p {
	color: #40b93b;
}

/* ------------	ZONE GAUCHE PETITE		------------ */
a#add_favoris {
	display: block;
	width: 126px;
	height: 54px;
	background-color: transparent;
	background-image: url(gfx/ajouter-aux-favoris.png);
	background-repeat: no-repeat;
	background-position:center top;
	text-align: center;
	color: #855332;
	text-decoration: none;
/*	margin-top: 6px;
	margin-left: 8px;
*/
	outline:0;
}
a#add_favoris span {
	display: block;
	padding-left: 34px;
	padding-top: 6px;
	text-align: left;
}
a#add_favoris:hover {
	background-position:center bottom;
	color: #855332;
	text-decoration: none;
}

#nousContacter {
	display: block;
	width: 140px;
	height: 150px;
	background-color: White;
	background-image: url(gfx/Nous-Contacter.png);
	background-repeat: no-repeat;
	background-position:center top;
	text-align: center;
	color: #8e79ff;
	text-decoration: none;
/*	margin-top: 20px;
*/	margin-left: 8px;

}
#nousContacter h1 {
	font-size: 14px;
	padding-top: 12px;
	margin-bottom: 4px;
}
#nousContacter p {
	line-height: 16px;
	margin-top: 0px;
	margin-bottom: 6px;
}
#nousContacter p a {
	color: #8e79ff;
	text-decoration: underline;
	font-weight: bold;
}
#nousContacter p a:hover {
	color: Green;
	text-decoration: underline;
	font-weight: bold;
}

/* ------------	RUBRIQUE 	------------ */
.content_wrap {	/*	utilisation : 	<div class="content_wrap" style="height:350px;" >		*/
	position: relative;
	margin:0px;
	display: block;
	width: 703px;
}
.prixBarre {
	text-decoration: line-through;
	font-size: 12px;
	color: #660000;
}
.prixCoutant {
	text-decoration: none;
	font-size: 16px;
	font-weight: bold;
	color: #e96a00;
}

.block_produit {
	float: left;
	position: relative;
	display: block;
	width: 330px;
	height:210px;
	margin-left:13px;
	margin-right:0px;
	margin-top: 10px;
	margin-bottom:3px;
	background-color: White;
	border: 1px solid Green;
}
.block_prod_libelle {
	display: block;
	width: 330px;
	height:30px;
	background-color: #d1ff83;
	border: 0px solid Green;
	text-align: center;
	line-height:30px;
}
/*	NON VALIDE XHTML	*/
a div.block_prod_libelle:hover {
	background-color: #a3df39;
}
a div.block_prod_libelle {
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
	color: #855332;
}
/*	VALIDE XHTML	*/
/*
.block_prod_libelle:hover {
	background-color: #a3df39;
}
.block_prod_libelle a {
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
	color: #855332;
}
*/
.block_prod_image {
	display: block;
	width: 100px;
	height:100px;
	position: absolute;
	top: 35px;
	left: 5px;
/*	background-color: #d1ff83;	*/
	background-color: White;
	border: 0px solid Green;
	overflow: hidden;
	text-align:center;
}
.block_prod_image a img {
	border:none;
}
.block_prod_chapo {
	display: block;
	width: 220px;
	height:100px;
	position: absolute;
	top: 35px;
	left: 110px;
	background-color: transparent;
	border: 0px solid Green;
	color: #855332;
}
.block_prod_chapo p {
	margin-left: 12px;
	margin-right: 12px;
}
.block_prod_info {
	display: block;
	width: 215px;
	height:40px;
	position: absolute;
	top: 140px;
	left: 5px;
	background-color: transparent;
	border: 0px solid Green;

}
.block_prod_prix {
	display: block;
	width: 100px;
	height:40px;
	position: absolute;
	top: 140px;
	left: 215px;
	background-color: transparent;
	border: 0px solid Green;
	text-align: right;
}
.block_prod_promo {
	display: block;
	width: 60px;
	height:60px;
	position: absolute;
	top: 0px;
	left: 270px;
	background-color: transparent;
	border: 0px solid Green;
}
.block_prod_form {
	position: absolute;
	display: block;
	width: 320px;
	height:30px;
	top: 180px;
	left: 10px;
	background-color: transparent;
	border: 0px solid Green;
	text-align: center;
}

/*	Alignement vertical	*/
span.imgRubrique {
	line-height:100px;
	height:100px;
	text-align:center;
}
span.imgRubrique img {
	vertical-align:middle;
}

/* ------------	PRODUIT 	------------ */
.fiche_produit_retour_rubrique {
	width: 683px;
	padding: 10px;
	text-align: right;
}
.fiche_produit_image {
	position: absolute;
	top: 16px;
	left: 16px;
	display: block;
	width: 340px;
	height:260px;
/*	background-color: #d1ff83;*/
	background-color: White;
	border: 0px solid Green;
	text-align:center;
}
.fiche_produit_imgminis {
	position: absolute;
	top: 286px;
	left: 16px;
	display: block;
	width: 320px;
	height:40px;
	padding-left:10px;
	padding-right:10px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: White;	/*	#d1ff83;	*/
	border: 0px solid Green;
	border-top : 1px dotted Green;
	border-bottom : 0px dotted Green;
}
.fiche_produit_chapo {
	position: absolute;
	top: 16px;
	left: 366px;
	display: block;
	width: 310px;
	height:180px;
	background-color: White;
	border: 0px solid Green;
	color: Green;
	font-size: 18px;
	line-height: 24px;
	font-weight: normal;
	padding-top: 10px;
}
.fiche_produit_prix {
	position: absolute;
	top: 216px;
	left: 366px;
	display: block;
	width: 310px;
	height:60px;
	background-color: White;
	border: 0px solid Green;
	text-align: right;
}
.fiche_produit_form {
	position: absolute;
	top: 286px;
	left: 356px;
	display: block;
	width: 310px;
	height:35px;
	padding-left:10px;
	padding-right:10px;
	padding-top: 15px;
	padding-bottom: 0px;
	background-color: White;
	border: 0px solid Green;
	border-top : 1px dotted Green;
	border-bottom : 0px dotted Green;
	text-align: center;
}
.fiche_produit_description {
	margin-left: 16px;
	display: block;
	width: 670px;
	min-height: 50px;
	background-color: White;
	border-top: 2px solid Green;
	padding-top:10px;
	border-bottom: 2px solid Green;
	padding-bottom:10px;
}
.fiche_producteur_liste_produits {	/*	sur fiche PRODUCTEUR		*/
	margin-left: 16px;
	display: block;
	width: 670px;
	min-height: 50px;
	background-color: White;
	padding-top:10px;
	border-bottom: 2px solid Green;
	padding-bottom:10px;
}
.fiche_produit_postscriptum {
	margin-top: 14px;
	margin-left: 16px;
	display: block;
	width: 670px;
	min-height: 50px;
	background-color: White;
	color: #8e79ff;
}
.fiche_producteur_imgminis {
	position: absolute;
	top: 286px;
	left: 16px;
	display: block;
	width: 640px;
	height:40px;
	padding-left:10px;
	padding-right:10px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: White;	/*	#d1ff83;	*/
	border: 0px solid Green;
	border-top : 1px dotted Green;
	border-bottom : 0px dotted Green;
}

.fiche_produit_image span {
	line-height:260px;
	height:260px;
	width: 340px;
	text-align:center;
}
.fiche_produit_image span  img {
	vertical-align:middle;
}

.fiche_producteur_imgminis span,
.fiche_produit_imgminis span {
	line-height:40px;
	height:40px;
	text-align:center;
}
.fiche_producteur_imgminis span img,
.fiche_produit_imgminis span img {
	vertical-align:middle;
}
.fiche_producteur_imgminis a img,
.fiche_produit_image a img,
.fiche_produit_imgminis a img {
	border: none;
}

/* ------------	ALERTEs / NOTIFs 	------------ */
.field_alert {
	color: Red;
	font-style: italic;
	font-size: 10px;
}
.message_alert {
	color: Red;
/*	font-size:14px;*/
	text-align: left;
	border: 1px solid Red;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.message_notif {
	color: Blue;
/*	font-size:14px;*/
	text-align: left;
	border: 1px solid Blue;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
#conteneur_centre .message_alert,
#conteneur_centre .message_notif {
	padding-top: 6px;
	padding-bottom: 6px;
	width: 650px;
	margin-left: 26px;
}
#conteneur_centre .message_alert p,
#conteneur_centre .message_notif p {
	padding-left: 16px;
}
#conteneur_gauche .message_alert,
#conteneur_gauche .message_notif {
	padding-top: 6px;
	padding-bottom: 6px;
	width: 170px;

}
#conteneur_centre h2.titre_alert,
#conteneur_centre h2.titre_notif {
	text-align: center;
	color: White;
	height: 24px;
	line-height: 24px;
	font-size:14px;
	margin-top: 1px;
	margin-bottom: 0px;
	border-bottom:none;
	width: 170px;
	margin-left: 26px;
}
#conteneur_centre h2.titre_alert{
	border: 1px solid Red;
	border-bottom:none;
	background-color: #ff5959;
}
#conteneur_centre h2.titre_notif{
	border: 1px solid Blue;
	border-bottom:none;
	background-color: #8e79ff;
}

/* ------------	ZONE DROITE	------------ */
.bouton_icone {
	display: block;
	width: 80px;
	height: 80px;
	background-position: top;
	border: none;
}
.bouton_icone:hover {
	background-position: bottom;
}
#action_compte {
	outline:0;
	background-image: url(gfx/icone_compte.png);
}
#action_panier {
	outline:0;
	background-image: url(gfx/icone_panier.png);
}
#action_livraison {
	outline:0;
	background-image: url(gfx/icone_livraison.png);
}
#action_recettes {
	outline:0;
	background-image: url(gfx/icone_recettes.png);
}
.bouton_action {
	display: inline;
/*	display: block;*/
	width: 80px;
	height: 60px;
	background-position: top;
	border: none;
	outline:0;
}
.bouton_action:hover {
	background-position: bottom;
}
.bouton_action:focus {}
#action_annuler {
	outline:0;
	background-image: url(gfx/bouton_annuler.png);
}
#action_valider {
	outline:0;
	background-image: url(gfx/bouton_valider.png);
}
#action_enregistrer {
	outline:0;
	background-image: url(gfx/bouton_enregistrer.png);
}
#action_modifier {
	outline:0;
	background-image: url(gfx/bouton_modifier.png);
}
#action_payer_en_ligne {
	outline:0;
	background-image: url(gfx/bouton_payer_en_ligne.png);
}
#action_annuler:hover,
#action_valider :hover,
#action_enregistrer:hover,
#action_modifier :hover,
#action_payer_en_ligne:hover,
#action_annuler:active,
#action_valider :active,
#action_enregistrer:active,
#action_modifier :active,
#action_payer_en_ligne:active,
#action_annuler:focus,
#action_valider :focus,
#action_enregistrer:focus,
#action_modifier :focus,
#action_payer_en_ligne:focus {
	outline:0;
}
#conteneur_agriculture_biologique span {
	display:inline;
	line-height:84px;
	height:84px;
	width:127px;
	text-align:center;
}
#conteneur_agriculture_biologique span a {
	outline: 0;
}
#conteneur_agriculture_biologique span a img {
	border:1px solid White;
	vertical-align:middle;
	margin-left: 12px;
	
}
#conteneur_agriculture_biologique span a:hover img{
	border:1px solid Green;
}

/* ------------	MISC.	------------ */
select,
input,
table select,
table input {
	border:  1px solid Green;
	height:20px;
	margin-left: 0px;
	margin-right: 10px;
}
table a {
	text-decoration:none;
	font-weight:normal;
	color: #6C3F1E;
}
table a:hover {
	text-decoration:underline;
	font-weight:normal;
	color: Green;
}
textarea {
	border:  1px solid Green;
}
.btn_reset {
	border: 1px solid #9f9f9f;
	background-color: #eaeaea;
	color: #9f9f9f;
	font-weight:bold;
}
.btn_reset:hover {
	border: 1px solid #eaeaea;
	background-color: #9f9f9f;
	color: White;
	font-weight:bold;
}
.btn_ajout {
	border: 1px solid Green;
	background-color: #e6ffbd;
	height: 22px;
	color: #855332;
	font-weight:bold;
}
.btn_ajout:hover {
	border: 1px solid Green;
	background-color: #b8e860;
	color: #855332;
	font-weight:bold;
}
.btn_modif {
	border: 1px solid #855332;
	background-color: #fde3b1;
	color:  #855332;
	font-weight:bold;
/*	border: 1px solid Orange;
	background-color: #ffd383;
	color:  #855332;
	font-weight:bold;
*/
}
.btn_modif:hover {
	border: 1px solid #855332;
	background-color: #d3b39a;/* #c59a7a;*/
	color:  #855332;
	font-weight:bold;
/*	border: 1px solid Red;
	background-color: Orange;
	color:  #855332;
	font-weight:bold;
*/
}
.btn_suppr {
	border: 1px solid #ff5959 !important;
	background-color: #fde4b3;
	color: #ff5959;
	font-weight:bold;
}
.btn_suppr:hover {
	border: 1px solid #fde4b3;
	background-color: #ff5959;
	color: White;
	font-weight:bold;
}
.btn_valid {
	border: 1px solid #8e79ff;
	background-color: #ddd7ff;
	color: #8e79ff;
	font-weight:bold;
}
.btn_valid:hover {
	border: 1px solid #ddd7ff;
	background-color: #8e79ff;
	color: White;
	font-weight:bold;
}

input:focus,
select:focus {
	background-color:#fcffa7;
	outline: 0;
}

/* ------------	page PARAMETRES		------------*/
h3.fiche_title,
#contenu h3.fiche_title {
	text-align: center;
	background-color: #b8e860;
	color: White;
	height: 30px;
	line-height: 30px;
	font-size:16px;
	margin-top: 8px;
	margin-bottom: 0px;
	border: 1px solid Green;
	border-bottom: none;
	width : 300px;
/*	margin-left: 11px;
	margin-left: 26px;*/
}

.fiche {
	margin-top: 0px;
	border-collapse: collapse;
	border: 1px solid Green;
/*	width: 680px;
	margin-left: 11px;*/
	width: 650px;
	margin-left: auto;
	margin-right: auto;
}
.fiche p {
	padding:10px;
}
.fiche a {
	padding-left:10px;
	text-decoration:none;
	font-weight:normal;
	color: #6C3F1E;
}
.fiche a:hover {
	text-decoration:underline;
	font-weight:normal;
	color: Green;
}
table.fiche tr {
	height: 32px;
}
table.fiche td.fiche_info {
/*	background-color: #d1ff83; */
	background-color: White;
}
able.fiche td.fiche_info p {
	vertical-align: top;
	padding-left: 12px;
	padding-top:4px;
}
.fiche td.var_description,
table.fiche td.var_description {
	text-align: right;
	padding-right:14px;
/*	background-color: #d1ff83; */
	background-color: White;
	vertical-align: top;
	padding-top:4px;
	width : 130px;
}
.fiche td.var_value,
table.fiche td.var_value {
	color: Green;
/*	background-color: #d1ff83; */
	background-color: White;
	vertical-align: top;
	padding: 0px;
	padding-top:4px;
	width : 550px;
}
table.fiche input {
	width : 200px;
}
.var_valid {
/*	background-color: #d1ff83; */
	background-color: White;
	text-align:center;
}

/* ------------	ZONE GAUCHE	------------ */
.module {
	width: 162px;
	font-size: 11px;
	font-family: Tahoma, "Bookman Old Style", "Times New Roman",Arial;
}
.module h2{
	text-align: center;
	background-color: #B8E860; /*	#D1FF83;	*/
	color: White;
	height: 30px;
	line-height: 30px;
	font-size:15px;
	margin-top: 1px;
	margin-bottom: 0px;
	border: 1px solid Green;
	border-bottom:none;
}
.module h2.alerte{
	border: 1px solid Red;
	border-bottom:none;
	background-color: Orange;
}
.module h2.notification{
	border: 1px solid Blue;
	border-bottom:none;
	background-color: Lightblue;
}
.module p{
	/*text-align: right;*/
	padding: 6px;
	border: 1px solid Green;
	border-top:none;
}
.module p.leftAlign{
	text-align: left;
}
.module p.rightAlign{
	text-align: right;
}
.module p.message_alert,
.module p.message_notif {
	width: 162px;
}
.module p.resume_top {
	border: 1px solid Green;
	border-top: 1px solid Green;
	margin-top:1px;
	text-align: center;
}
.module table.resume_table {
	width: 280px;
	text-align: right;
	padding: 10px;
	border: 1px solid Green;
	border-top:none;
}
.module table.resume_table .resume_field {
	text-align: left;
	border:none;
	width: 100px;
	font-style:italic;
	vertical-align: top;
}
.module table.resume_table .resume_value {
	text-align: right;
	border:none;
	width: 180px;
	vertical-align: top;
}
.module span.en_avant {
	color: #8e79ff;
	font-weight: bold;
	/*
	style="color:Green;font-weight:bold;"
	*/
}
.module span.en_alerte {
	color: #855332;
	font-weight: bold;
}

/* ------------	PANIER 	------------ */
table.panier {
	margin-top: 0px;
	border-collapse: collapse;
	border: 1px solid Green;
	width: 680px;
	margin-left: 11px;
}
table.panier * {
	border-color: green;
}
table.panier thead tr,
table.panier tfoot tr {
	background-color: #b8e860;
	color: #855332;
	text-align: center;
	height: 30px;
	line-height: 30px;
}
th.panier_prix {
	width: 80px;
}
table.panier th.panier_suppr,
table.panier td.panier_suppr {
	padding: 0px;
	width: 50px;
}
th.panier_qte {
	width: 120px;
}
table.panier tr {
	background-color: White;	/*	#d1ff83;	*/
	color: #855332;
	height: 30px;
/*	line-height: 30px;*/
}
table.panier tr.panier_total {
	background-color: #b8e860;
	font-weight: bold;
}
table.panier td {
	padding-left: 12px;
	padding-right: 12px;
	vertical-align: middle;
}
table.panier td.td_rigth {
	text-align:right;
	font-weight: bold;

}
table.panier td.td_center {
	text-align:center;
}
table.panier td.td_miniature {
	text-align:center;
	vertical-align: middle;
	padding: 0px;
	width: 50px;
	height : 42px;	/*	IMPOSE HAUTEUR dans la liste des produits du panier	*/
}
span.montantCredit {
	color: Blue;
}
span.montantDebit {
	color: #e96a00;
}
span.montantNul {
	color: green;
}

table.panier_paiements {
	border-collapse:collapse;
	border:none;
	width:100%;
}
table.panier_paiements td {
	border:0px solid transparent;
	border-top:1px solid green;
	border-right:1px solid green;
}

/* ------------	CATALOGUE 	------------ */
#contenu_catalogue {}
#contenu_catalogue li {
	margin-left: 0px;
	list-style: none;
/*	list-style-position: inside;*/
}
#contenu_catalogue li span {
	color: Black;
	margin-left: 20px;
	font-size: 12px;
}
#contenu_catalogue li p {
	margin-left: 20px;
	color: Green;
	font-size: 16px;
	margin-top: 10px;
	margin-bottom: 2px;
}
#contenu_catalogue li li p {
	margin-left: 40px;
	color: #855332;
	font-size: 14px;
	margin-top: 8px;
	margin-bottom: 2px;
}
#contenu_catalogue li li li p {
	margin-left: 60px;
	color: #8e79ff;
	font-size: 13px;
	margin-top: 6px;
	margin-bottom: 2px;
}
#contenu_catalogue li li li li p {
	margin-left: 80px;
}

#contenu_catalogue table {
	margin-bottom: 20px;
	border-left: none;
	border-right: none;
}

/*	paiement_commande.php	*/
span.labeled {
/*	display: inline;
	width:200px;
*/
	font-weight: bold;
	color:Green;
}


/* ------------	SLIDESHOW ACTUALITES------------ */
div#slideshow {
	min-height:130px;
	width:703px;
	background-color: White;
	position:relative;
}	
div#slidesContainer {
	position: relative;
	top:0px;
	left:50px;
	width:603px;
	text-align: center;
	overflow: hidden;
	background-color: White;
}
div.slide {
	position:relative;
	width : 603px;
	text-align: left;
	display: block;
	float:left;
}
.sld_titre {
	width:400px;
	font-size: 14px;
	font-weight: bold;
	color:#8E79FF;
	text-align: left;
	background-color: White;
}
.sld_photo {
	position: absolute;
	top:0px;
	left:470px;
	width: 120px;
	height: 120px;
	text-align: center;
	overflow:hidden;
}
.sld_photo img {
	margin:0px;
	border:none;
}
.sld_contenu {
	position: relative;
	top:0px;
	left:0px;
	width: 100%;
	font-size: 10px;
	text-align:left;
	min-height: 120px;
	max-height: 200px;
	overflow: auto;
	background-color: White;
}
.sld_date {
	width: 180px;
	color:#646843;
	background-color: White;
	font-size: 10px;
	text-align:center;
	float:right;
}
.sld_texte {
	background-color: White;
	position: relative;
	top:0px;
	left:0px;
	width: 460px;
}

div#slideshow,
div#slidesContainer,
div.slide,
div.sld_contenu {
	background-color: White;
/*	*/
}
#control_play {
	display: block;
	width:50px;
	height:40px;
	position: absolute;
	top:0px;
	left:0px;
}
#control_back {
	display: block;
	width:50px;
	height:80px;
	position: absolute;
	top:40px;
	left:0px;
}
#control_play_off {
	display: block;
	width:50px;
	height:40px;
	position: absolute;
	top:0px;
	left:653px;
}
#control_forward {
	display: block;
	width:50px;
	height:80px;
	position: absolute;
	top:40px;
	left:653px;
}

input.sld_control_previous {
	background-color: transparent;
	border:none;
	width:50px;
	height:80px;
	background-image: url(gfx/actu-ctrl-back.png);
	background-position: top;
	outline:0;
}
input.sld_control_previous:hover {
	background-position: 0px -80px;
}
input.sld_control_next {
	background-color: transparent;
	border:none;
	width:50px;
	height:80px;
	background-image: url(gfx/actu-ctrl-forward.png);
	background-position: top;
}
input.sld_control_next:hover {
	background-position: 0px -80px;
}

a.control {
	display:block;
	border:none;
	width:50px;
	height:80px;
}
a.control:hover,
a.control:active {
	text-decoration:none;
}

a#leftControl {
	background-image: url(gfx/actu-ctrl-back.png);
	background-position: top;
}
a#leftControl.control_off {
	background-position: 0px -80px;
}
a#rightControl {
	background-image: url(gfx/actu-ctrl-forward.png);
	background-position: top;
}
a#rightControl.control_off {
	background-position: 0px -80px;
}

span#leftControl {
	background-image: url(gfx/actu-ctrl-back.png);
	background-position: 0px -80px;
}
span#rightControl {
	background-image: url(gfx/actu-ctrl-forward.png);
	background-position: 0px -80px;
}


