/* taille typo
 * Base				100%
 * -------------------------------------
 * 20px				1.27em
 * 19px				1.21em
 * 18px				1.15em
 * 17px				1.09em
 * 16px				1.03em
 * 15px				0.96em
 * 14px				0.88em
 * 13px				0.82em
 * 12px				0.77em
 * 11px				0.71em
 * 10px				0.65em
 *  9px				0.59em
 * Attention : en dessous de 0.71em le texte devient illisible en text smallest sur MSIE
 */


/* CSS Document */

body {
	font-family:Arial, Helvetica, sans-serif;
	color:#4C4133;
	background-color:#E2E3DE;
	margin:0;
	padding:0;
	font-size: 1em;
	}
	
form, h1, h2, h3, h4, h5, fieldset { margin:0; padding:0;}

.couleur {color:#3399FF}



#conteneur {
	position: relative;
	width:963px;
	margin: 0 auto;
}

#logo {
	position:absolute;
	left:24px;
	top:32px;
	width:289px;
	height:77px;
	background:url(../images/logo.jpg) no-repeat;
	text-indent:-500000px;
	z-index:1;
}

#page {
	position: relative;
	width:963px;
	margin: 0 auto;
	background:url(../images/fd1.jpg) no-repeat;
	padding-top:230px;
}



/* MENU */
ul#menu {
	position:absolute;
	left:349px;
	top:42px;
	height:44px;
	width:451px;
	margin:0;
	padding:0;
	z-index:1;
}
#menu li {
	position:relative;
	float:left;
	list-style-type:none;
	margin:0;
	padding:0;
}
#menu li a {
	float:left;
	height:44px;
	text-indent:-50000px;
	list-style-type:none;
}
#menu li.bt_accueil a {
	width:64px;
	background:url(../images/bt_accueil.jpg) no-repeat;
}
#menu li.bt_presentation a {
	width:118px;
	background:url(../images/bt_presentation.jpg) no-repeat;
}
#menu li.bt_savoir_faire a {
	width:104px;
	background:url(../images/bt_savoir_faire.jpg) no-repeat;
}
#menu li.bt_produits a {
	width:89px;
	background:url(../images/bt_produits.jpg) no-repeat;
}
#menu li.bt_gestcompte a {
	width:89px;
	background:url(../images/bt_gestcompte.jpg) no-repeat;
}
#menu li.bt_recettes a {
	width:76px;
	background:url(../images/bt_recette.jpg) no-repeat;
}
#menu li.bt_eboutique a {
	width:76px;
	background:url(../images/bt_eboutique.jpg) no-repeat;
}
#menu li.bt_eboutique a:hover {background:url(../images/bt_eboutique2.jpg) no-repeat;}
#menu li.bt_gestcompte a:hover {background:url(../images/bt_gestcompte2.jpg) no-repeat;}
#menu li.bt_accueil a:hover {background:url(../images/bt_accueil2.jpg) no-repeat;}
#menu li.bt_presentation a:hover {background:url(../images/bt_presentation2.jpg) no-repeat;}
#menu li.bt_savoir_faire a:hover {background:url(../images/bt_savoir_faire2.jpg) no-repeat;}
#menu li.bt_produits a:hover {background:url(../images/bt_produits2.jpg) no-repeat;}
#menu li.bt_recettes a:hover {background:url(../images/bt_recette2.jpg) no-repeat;}

#menu_annexe {
	position:absolute;
	top:51px;
	right:-3px;
	width:150px;
	height:50px;
	z-index:1;
	font-size:0.71em;
	color:#FFFFFF;
	font-weight:bold;
	}
#menu_annexe a {
	color:#FFFFFF;
	text-decoration:none;
	}
#menu_annexe a:hover {color:#FED55D;}


/* FOOTER */
#footer {
	position:relative;
	width:963px;
	margin:0 auto;
	background:url(../images/fd_bas_page.jpg) no-repeat;
	height:54px;
}
#footer p,
#footer p a {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:9px;
	text-transform:uppercase;
	color:#653D0F;
	text-decoration:none;
}

#footer p a:hover {color:#000000;}

#footer p {	
	text-align:right;
	padding-right:20px;
	padding-top:20px;
}


/* VISUELS */
.visuel_accueil {
	position:absolute;
	right:0;
	top:109px;
	width:383px;
	height:368px;
	background:url(../images/visuel_noix.jpg) no-repeat;
	z-index:1;
}
.visuel_noix_petit {
	position:absolute;
	right:0;
	top:92px;
	width:338px;
	height:170px;
	background:url(../images/visuel_noix_petit.jpg) no-repeat;
	z-index:1;
}
.visuel_recette {
	position:absolute;
	right:0;
	top:92px;
	width:338px;
	height:170px;
	background:url(../images/visuel_recette.jpg) no-repeat;
	z-index:1;
}


/* ACCUEIL */
#encart_boutique {
	position:absolute;
	left:350px;
	top:110px;
	z-index:10;
}


/* PAGE */
#page {
	height: auto;
	min-height: 280px; /* pour firefox prenne toute la hauteur de page*/
	_height: 280px; /*underscore hack uniquement interprt par IE Win*/
	min-height: 280px;
}

#page h2, #page p, #page h3, #page h4 {	padding-left:25px; }

#page p {margin-top:0.5em; font-size:0.77em;}

#page p a {color:#4C4133;}

#page h2, #page h2 a {
	font-size:1em;
	color:#9D4E01;
	width:300px;
	font-weight:bold;
}
#page h2 a:hover {color:#4C4133;}

#page h3 {
	color:#4E8005;
	font-size:0.96em;
	font-weight:bold;
}
#page h4 {
	font-size:0.88em;
	font-weight:bold;
	margin:0;
	padding:0;
	margin-left:25px;
	margin-bottom:0.5em;
	margin-top:0.5em;
}
.texte {width:470px; float:left;}
.texte p {font-size:0.77em; text-align:justify}
.texte ul {font-size:12px; text-align:justify;}
.texte ul li {margin-left:1em; line-height:1.5em;}


/* presentation */
img#graph_activite {
	float:right; 
	position:absolute; 
	top:275px; 
	left:580px; 
	z-index:3;
	}
.fiche_noix {
	border:solid 1px #B5ACA0;
	margin-bottom:1em;
	}
.fiche_noix p {
	margin:0;
	padding:0;
	margin-left:150px;
	margin-bottom:0.5em;
	font-size:0.71em;
	margin-right:1em;
	}
.vignette_left {
	margin-left:25px;
	float:left;
	}
.vignette_right {
	margin-right:25px;
	float:right;
	}

/* calendrier noix */
#calendrier dl, #calendrier dd, #calendrier dt { margin:0; padding:0}
#calendrier dl {
	float:left;
	width:135px;
	font-size:0.71em;
	border:solid 1px white;
	}
#calendrier dd, #calendrier dt { padding:4px;}
#calendrier dt {
	text-transform:uppercase;
	color:#9D4E01;
	}
.vignette_zoom {
	border:0;
	-moz-background-clip: -moz-initial; 
	-moz-background-origin: -moz-initial;
	-moz-background-inline-policy: -moz-initial;
	width: 125px;
	height: 94px;
	}
.vignette_ronde {
	border:0;
	-moz-background-clip: -moz-initial; 
	-moz-background-origin: -moz-initial;
	-moz-background-inline-policy: -moz-initial;
	width: 145px;
	height: 144px;
	}

/* recettes */

ul.recettes li a {
	font-size:1.15em;
	color:#6E3A03;
	text-decoration:none;
	}
ul.recettes li {
	list-style-type:none;
	line-height:2em;
	}
ul.recettes li a:hover { color:#000000}

#haut_fiche {
	position:relative;
	width:869px;
	height:13px;
	margin:0 auto;
	background:url(../images/haut_fiche.gif) no-repeat;
	z-index:2;
	}
#fiche {
	position:relative;
	width:869px;
	margin:0 auto;
	background:url(../images/fd_fiche.gif);
	z-index:2;
		height: auto;
	min-height: 320px; /* pour firefox prenne toute la hauteur de page*/
	_height: 320px; /*underscore hack uniquement interprt par IE Win*/
	min-height: 320px;
	}
#bas_fiche {
	position:relative;
	width:869px;
	height:13px;
	margin:0 auto;
	background:url(../images/bas_fiche.gif) no-repeat;
	z-index:2;
	}
#postit {
	position:absolute;
	right:70px;
	top:264px;
	width:291px;
	height:256px;
	background:url(../images/fd_postit.gif) no-repeat;
	z-index:3;
	}
#postit ul {
	margin:0;
	padding:0;
	padding-top:5px;
	margin-left:40px;
	font-size:0.71em;
	font-weight:bold;
	color:#FFFFFF;
	line-height:1.3em;
	margin-top:30px;
}
#fiche ul {
	margin:0;
	padding:0;
	font-size:0.77em;
	list-style-type:none;
	width:480px;
	}
#fiche ul li {
	margin-left:3.5em;
	padding-top:1em;
	padding-bottom:1em;
	border-bottom:solid 1px #8BCF51;
	}
#fiche p {
	margin:0;
	padding:0;
	margin-left:3.5em;
	margin-bottom:1em;
	}
#visuel_recette {
	position:absolute;
	left:405px;
	top:280px;
	z-index:3;
	}
#imprimer {
	position:absolute;
	left:605px;
	top:520px;
	z-index:3;
}

/* produits */
#onglet_produits {
	position:absolute;
	left:0;
	top:185px;
	width:210px;
	height:380px;
	z-index:2;
	background:url(../images/fd_onglet.gif) no-repeat;
	}
#onglet_produits p {
	margin:0;
	padding:0;
	font-size:0.71em;
	color:#FFFFFF;
}
#onglet_produits p a {
	color:#FFFFFF;
	}
#onglet_produits h3 {
	margin-top:3em;
	margin-left:1em;
	font-size:1em;
	color:#FFFFFF;
	}
#onglet_produits fieldset {
	border:none;
	}
#onglet_produits #form_pro,
#onglet_produits #form_particulier {
	background:#426d10;
	border:none;
	width:70%;
	margin-left:7px;
	padding:5px;
	margin-bottom:1em;
	border:solid 1px #203801;
}
#onglet_produits legend {
	font-size:0.71em;
	color:#e29323;
	font-weight:bold;
	text-transform:uppercase;
	margin:0;
	padding:0;
}
#onglet_produits input {
	font-size:0.65em;
	}
#gamme_produits {
	position:relative;
	margin-left:250px;
	margin-top:20px;
	width:600px;
	z-index:2;
	}
#gamme_produits a {
	color:#9D4E01;
}

#gamme_produits h2 { position:relative; padding-left:0; height:30px;}

#gamme_produits dl, #gamme_produits ddt, #gamme_produits dd {margin:0; padding:0}

#gamme_produits dl {
	width:95px;
	height:120px;
	margin-top:20px;
	margin-right:5px;
	float:left;
	}
#gamme_produits dd {
	text-align:center;
	line-height:0.8em;
	}
#gamme_produits dl dd a, #gamme_produits dl dd {
	font-size:11px;
	color:#4C4133;
	text-decoration:none;
}

#gamme_produits dl dd a:hover {color:#9D4E01;}
#connaitre_tarifs {
	position:relative;
	margin-left:250px;
	padding-top:20px;
	width:600px;
	height:30px;
	color:#426d10;
	font-size:14px;
	font-weight:bold;
}

/* fiche produit */
ul#vignette_produit {
	position:absolute;
	left:0;
	top:-20px;
	margin:0;
	padding:0;
	}
ul#vignette_produit li {
	list-style-type:none;
	margin:0;
	padding:0;
	width:45px;
	float:left;
	margin-right:8px;
}
ul#vignette_produit li img { border:solid 2px #A5A19B;}

#fiche_produit {
	position:relative;
	margin-left:250px;
	padding-top:33px;
	width:680px;
	z-index:2;
	height:450px;
	}
img#photo_produit {
	position:relative;
	float:left;
	width:332px;
	border:solid 2px #A5A19B;
}
#descriptif {
	position:relative;
	float:left;
	width:300px;
	margin-left:10px;
	font-size:11px;
	}
#descriptif h2 {
	margin:0;
	padding:0;
	background:#D3D2CD;
	text-align:center;
}
#page #descriptif p {
	margin:0;
	padding:0;
	padding-top:10px;
	font-size:11px;
}
#conditionnement {
	position:absolute;
	left:2px;
	bottom:160px;
	width:332px;
	background-color:#FFFFFF;
	}
#conditionnement p {font-size:11px}
#retour a {
	position:absolute;
	left:160px;
	top:15px;
	color:#4C4133;
	text-decoration:none;
	font-size:0.77em;
	}
#retour a:hover {color:#9D4E01}

/* formulaire devis */
#form_devis {
	position:relative;
	padding-top:1em;
}
#form_devis fieldset {
	position:relative;
	width:300px;
	-moz-border-radius: 8px; 
	border-radius: px;
	padding-bottom:10px;
	margin-bottom:10px;
}
#form_devis fieldset.coordonnees {
	text-align:left;
}
#form_devis label {
	color:#333333;
	text-transform:uppercase;
	font-size:10px;
	}
#form_devis fieldset.coordonnees label {
	margin-right:10px;
	width:100px;
	text-align:right;
	float:left;
}
#form_devis p {
	margin:0;
	padding:0;
	}
#form_devis fieldset.coordonnees input {
	font-size:10px;
	margin-bottom:5px;
	}
#form_devis legend {
	font-size:11px;
	font-weight:bold;
	color:#4E8005;
	margin-left:15px;
	}
#form_devis fieldset.demande label {
	margin-left:16px;
	}
#form_devis fieldset.demande ul {
	margin:0;
	padding:0;
	margin-left:20px;
}
#form_devis fieldset.demande ul li {
	list-style:none;
	font-size:10px;
	margin:0;
	padding:0;
}
.demande textarea {
	margin-left:16px;
	width:250px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
#form_devis fieldset.demande p {
	padding-top:10px;
	padding-bottom:5px;
	}
input.bt_form {
	font-size:12px;
	text-transform:uppercase;
	font-weight:bold;
	border:solid 1px #999999;
	background-color:#D3D2CD;
	color:#4E8005;
	}
.tx_erreur {
	color:#FF0000;
	}
.alert {
	border:solid 1px red;
	}




/* PAGE ACCUEIL */
#visuel_bouteille {
	position:absolute;
	left:188px;
	top:308px;
	width:125px;
	height:199px;
	}
#page.page_accueil h2,
#page.page_accueil p {
	padding-left:25px;
}

#page.page_accueil h2 {
	font-size:0.88em;
	color:#9D4E01;
	font-weight:normal;
	width:300px;
}

#page.page_accueil p {
	font-size:0.71em;
	width:160px;
}
#page.page_accueil ul {
	position:relative;
	font-size:0.71em;
	/*line-height:1.7em;*/
}
#page.page_accueil li {
	position:relative;
	height:20px;
	list-style-type:none;
	padding-left:20px;
	background:url(../images/puce1.gif) no-repeat;
}
#diaporama1,
#diaporama2 {
	position:absolute;
	left:352px;
	height:97px;
	width:220px;
}
#diaporama1 {
	top:264px;
}
#diaporama2 {
	top:375px;
}
#diaporama1 img,
#diaporama2 img {
	float:left;
}
#diaporama1 p,
#diaporama2 p {
	color:#6E3A03;
	font-size:0.71em;
	padding-left:140px;
}

/* texte accordeon */
.toggleSubMenu {
	margin-bottom:0.5em;
	}
.toggleSubMenu a, span {
	display: block;
	text-decoration: none;
	border:solid 1px white;
}
.toggleSubMenu a, .toggleSubMenu span {
	background:url(../images/open.gif) no-repeat 450px 2px;
	}
.open a, .open span {
	background:url(../images/closemenu.gif) no-repeat 450px 2px;
	}
.subMenu a {
	background: none;
	padding: 3px 20px;
	}
	
.produits .toggleSubMenu a, .produits .toggleSubMenu span {
	background:url(../images/open.gif) no-repeat 280px 2px;
	}
.produits .open a, .produits .open span {
	background:url(../images/closemenu.gif) no-repeat 280px 2px;
	}
.block { display:block}

.colonne {
	float:left;
	width:45%;
}
.spacer {clear:both;}

.marge {
margin-left: 5em;
}


/* PANIER */
#mbar {
	position:absolute;
	left:10px;
	top:250px;
	width:140px;
	background-color:#426d10;
	border:solid 1px #203801;
	z-index:15;
	color:#FFFFFF;
	font-size:11px;
}
#mbar h3 {
	color:#FFFFFF;
	font-size:16px;
	}
#mbar div.total {
	font-size:14px;
	color:#e48a10;
	font-weight:bold;
	border-top: solid 1px #688a40;
	padding-top:4px;
	}

#mbar div.bt_modif {
	margin-top:10px;
	background-color:#688a40;
	font-size:12px;
	font-weight:bold;
	padding-top:4px;
	padding-bottom:4px;
	}
#mbar div.bt_modif a {
	color:#FFFFFF;
	text-decoration:none;
	}
#mbar div.bt_modif a:hover,
div.lien_moncompte a:hover { 
	color:#e48a10
	}

div.lien_moncompte {
	margin-left:45px;
	padding-top:40px;
}
div.lien_moncompte a {
	font-size:0.71em;
	text-transform:uppercase;
	color:#FFFFFF;
}

#formulaire h3 a {
	color:#4E8005;
	}
#formulaire h4 a, #formulaire h4 {
	color:#4c4133;
	font-size:0.88em;
	margin-bottom:1em;
	}
	
#formulaire h3 {
	margin-bottom:5px;
	}	
#formulaire {
	position:relative;
	margin-left:250px;
	padding-top:20px;
	width:700px;
	z-index:2;
	margin-top:30px;
	background-color:#d4d5d0;
	}
#formulaire table {
	font-size:0.71em;
	margin-left:25px;
	margin-top:1em;
	}
#formulaire textarea, #formulaire input {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	}
#formulaire.form_cde table {
	border:solid 1px #999999;
	}
#formulaire.form_cde table a,
#formulaire.panier table a,
#formulaire.detail_cde table a
 {
	color:#426d10;
	font-weight:bold;
}

#formulaire.detail_cde table {
	border:solid 1px #999999;

}
#formulaire.detail_cde th {
	background-color:#e48a10;
	color:#FFFFFF;
}

#formulaire.panier {
	background:none;
	margin-top:0;
	}
#formulaire.panier table
 {
	border:solid 1px #999999;
}
#formulaire.panier table th {
	background-color:#e48a10;
	color:#FFFFFF;
	}
#formulaire.panier table td {
	background-color:#d8d9d5;
	}
#formulaire.panier p {
	font-size:11px;
	}
input.bt_passer_cde {
	float:right;
	background-color:#426d10;
	color:#FFFFFF;
	font-weight:bold;
	margin-right:1em;
	}

#fiche_prix {
	position:absolute; 
	left:250px; 
	top:586px; 
	width:323px; 
	height:124px; 
	z-index:15;
}
#fiche_prix table {
	font-size:11px;
	border:solid 1px #4E8005;
	}
#fiche_prix h4 {
	font-size:14px;
	font-weight:bold;
	color:#4E8005;
	margin-bottom:5px;
	}
#fiche_prix p {
	margin-bottom:4px;
	margin-top:4px;
	padding:0;
	}