/* ####################################################################### */
/* ########  Feuille de style définisant l'affichage par defaut  ######### */
/* ####################################################################### */

html, body {
	margin: 0;
	padding: 0;
	height: 100%
}

body {
	font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #55636d;
	background: #b9e373 url(../images/fond_body.jpg) center top no-repeat;
}

img {
	border: none;
}

img.png {
	     behavior: url(../png.htc);
}

#conteneur {
	position: relative;
	margin-left: -400px;
	left: 50%;
	height: 100%;
	width: 800px;
}

#ecouteur {
	position: absolute;
}

a {
	color: #006bb9;
	text-decoration: underline;
}

hr {
	margin: 0 20px 20px 20px;
	border: 1px solid #b9e373;
}

table {
	padding: 5px;
	margin: 10px;
}

.table {
	border: 1px solid #b9e373;
	border-collapse: collapse;
	margin: 20px 40px;
}

.table td.titreCellule {
	background: #dcf1b9;
}

td {
	padding: 5px;
}

/* ####################################################################### */
/* SIMULE POPUP */

#retourInfo {
	position: absolute;
	/*z-index: 2000;*/
	left: 50%;
	background: white;
	border: 1px solid black;
}

#retourInfo h1 {
	font-size: 14px;
	margin: 20px;
	padding-left: 15px;
	border-bottom: 2px solid #b9e373;
	background: url(../images/puce_titre_popup.gif) 0 5px no-repeat;
}

#retourInfo h2 {
	font-size: 12px;
	margin: 20px 0;
}

#retourInfo form {
	margin: 30px 20px;
}

#btFermer {
	position: absolute;
	right: 5px;
	top: 5px;
}

#btFermer img
{
	vertical-align : middle;
}

#btFermer a {
	text-decoration : none;
}

.contenuProduit
{
	position: fixed;
	top : 210px;
	width : 650px;
	border : 1px solid;
	margin: -30px auto 20px -170px;
	padding : 25px 25px 5px 10px;
	display : none;
	background-color : #FFFFFF;
	z-index:400;
	max-height : 400px;    
	overflow : auto;
}

.ombre {
	background-color : #000000;
	position: fixed;
	top : 225px;
	border : 1px solid;
	margin: -30px auto 20px -155px;
	z-index : 390;
	display : none;
	opacity : 0.4;		
}

.contenuProduitTexte
{
	margin-top : 5px;	
	margin-right : 5px;
}

 #titreXhr {
	font-size: 12px;
	margin: 20px;
	border-bottom: 2px solid #339900;
}

 #titreXhr span {
 	color: red;
 }
 
 /* Ombre */
 #fondOmbre { 	
 	position: absolute;
	/*z-index: 1200;*/
 }

/* FIN SIMULE POPUP */
/* ####################################################################### */

/* ####################################################################### */
/* ENTETE */

#entete {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/entete.png', sizingMethod='scale');
	width: 800px;
	height: 136px;
}

#entete[id] {
	background: url(../images/entete.png);
}

#entete h1 {
	margin: 0;
}

#entete h1 a {
	margin: 0;
}

#entete span {
	display: none;
}

#flash {
	position: relative;
	left: 15px;
}

#heure {
	position: absolute; 
	top: 0px;
	left: 390px;
	/*z-index: 250;*/
	color: #6f93b8;
}

#heure span{
	display:inline;
}

/* Choix des langues */
#choixLangue {
	position: absolute;
	z-index: 100;
	background-image: url(../images/fond_langue.gif);
	background-repeat : no-repeat;
	top: 150px;
	right: 0px;
	padding : 4px 0px 0px 10px;
	width: 140px;
	height: 29px;
	
}

#entete a {
	position: relative;
	left: -12px;
}

#entete[id] a {
	position: relative;
	left: 0;
}

#entete #DE img,  #entete #EN img, #entete #FR img, #entete #IT img
{
	display: block;
	margin-right: 4px;
	margin-top: 6px;
	float: left;

}

#entete #SP img {
	display: block;	
	margin-top: 6px;
	float: left;
	/*width: 15px;
	height: 15px;*/
}



/* FIN ENTETE */
/* ####################################################################### */

/* ####################################################################### */
/* ####################################################################### */
/* ####################################################################### */
/* ZONE MOTEUR DE RECHERCHE */

.champMoteur {
	position: relative;
	top: 0;
	float: left;
	width: 75px;
	font-size: 12px; 
	border: none;
	color: #005e9d;
	border: 1px solid #577f28;
	padding: 3px;
}

.champSubmitRecherche {
	float: right;
}

.champSubmitRecherche[class] {

}

#moteurRecherche {
	position: absolute;
	z-index: 100;
	top: 145px;
	left: 50px;
	width: 110px;
	margin: 0;
	padding: 0;
	background: url(../images/fond_moteur.gif);
}

#formMoteurRecherche {
	position: absolute;
	/*z-index: 300;*/
	margin: 0;
}

/* FIN ZONE MOTEUR DE RECHERCHE */
/* ####################################################################### */
/* ####################################################################### */
/* ####################################################################### */

/* ####################################################################### */
/* NAVIGATION */

#navigation {
	position: absolute;
	float: left;
	/*z-index: 10; deja retirer */
	left: 15px;
	width: 220px;
	height: 350px;
	background: url(../images/fond_navigation.gif) 169px 0 no-repeat;
}

#menu {
	position: relative;
	top: 10px;
}

.menu {
	position: relative;
	left: 15px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.menu_autreelement {
	border-top: 1px dashed #b6c0cc;
	background: url(../images/puce_verte_off.gif) 0 12px no-repeat;
	padding-left: 15px;
	line-height: 40px;
	width: 125px;
}

.menu_premierelement {
	background: url(../images/puce_verte_off.gif) 0 12px no-repeat;
	padding-left: 15px;
	line-height: 40px;
	width: 125px;	
	text-decoration: none;
	color: #6293bd;
	font-size: 14px;
	font-weight: bold;
}

/*.lesproduitspouliquen {
	color: #6293bd;
	font-size: 14px;
	font-weight: bold;
}*/

.menu_autreelement a, .menu_premierelement a {
	text-decoration: none;
	color: #6293bd;
	font-size: 14px;
	font-weight: bold;
}

.recette_FR {
	position: relative;
	top: 20px;
	left: -13px;
	width: 158px;
	height: 131px;
	background: url(../images/panneau_recette.jpg);
}

.recette_DE {
	position: relative;
	top: 20px;
	left: -13px;
	width: 158px;
	height: 131px;
	background: url(../images/panneau_recette_all.jpg);
}


.recette_EN {
	position: relative;
	top: 20px;
	left: -13px;
	width: 158px;
	height: 131px;
	background: url(../images/panneau_recette_ang.jpg);
}


.recette_IT {
	position: relative;
	top: 20px;
	left: -13px;
	width: 158px;
	height: 131px;
	background: url(../images/panneau_recette_ita.jpg);
}


.recette_SP {
	position: relative;
	top: 20px;
	left: -13px;
	width: 158px;
	height: 131px;
	background: url(../images/panneau_recette_esp.jpg);
}

.recette_FR span,.recette_EN span,.recette_IT span,.recette_SP span,.recette_DE span {
	display: none;
}

.recette_FR a,.recette_EN a,.recette_IT a,.recette_SP a,.recette_DE a {	
	display: block;
	width: 158px;
	height: 131px;	
}

/* Sous menu */
.sousMenu {
	list-style: none;
	margin: 0 0 20px 0;
	padding: 0;
}

.sousMenu li {
	line-height: 15px;
}

.sousMenu li a {
	background: url(../images/souspuce_verte_off.gif) 0 3px no-repeat;
	font-size: 11px;
	font-weight: normal;
	padding-left: 13px;
}

.sousMenu li a:hover {
	background: url(../images/souspuce_verte_on.gif) 0 3px no-repeat;
	font-size: 11px;
	font-weight: normal;
	padding-left: 13px;
	color: #f26231;
}

#partenaire {
	position: relative;
	top: 40px;
	width: 180px;
	text-align: center;
}

/* FIN NAVIGATION */
/* ####################################################################### */

/* ####################################################################### */
/* CORPS */

#enteteCorps {
	position: relative;
	/*z-index: 100;*/
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/entete_corps.png', sizingMethod='scale');	
	width: 800px;
	height: 45px;
}

#enteteCorps[id] {
	background: url(../images/entete_corps.png);
}

#enteteCorps span {
	position: relative;
	top: 12px;
	left: 200px;
	font-weight: bold;
	color: white;
}

#corps {
	position: relative;
	z-index: 310;
	top: -10px;
	width: 800px;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fond_corps.png', sizingMethod='scale');
	padding: 15px 0 50px 0;
	min-height: 600px;
	height: expression(this.scrollHeight < 600? 600 : "auto");
	
}

#corps[id] {
	background: url(../images/fond_corps.png);
	height: auto;
}

#corps img {
	/*position: relative;
	top: 0;*/
}

#contenuCorps {
	/*position: relative;
	top: 30px;*/
	padding-top : 30px;
	padding-right: 50px;
	margin-left: 220px;
}

#contenuCorps .titrePrincipal, #contenuCorps .titreRecette {
	position: relative;
	z-index: 300;
	background: url(../images/puce_titre.gif) 0 2px no-repeat;
	margin: 0;
	font-size: 16px;
	font-weight : bold;
	color: #9db4c5;
	padding-left : 20px;
}
/*
#contenuCorps h1.titrePrincipal span, #contenuCorps h1.titreRecette span {
	position: relative;
	left: 20px;
}*/


#contenuCorps h2.titre2 {
	font-size: 12px;
	color: #b9e373;
}

#piedCorps {
	position: relative;
	clear: both;
}

/* FIN CORPS */
/* ####################################################################### */

/* ####################################################################### */
/* ENCART */

.contenuEncart {
/*	position: relative;*/
	border: 1px solid #b9e373;
	margin: 40px 0;
}

.contenuEncart h1 {
	position: relative;
	margin: 0;
	padding: 4px 0 0 10px;
	top: -23px;
	background: url(../images/entete_encart.gif) no-repeat;
	width: 495;
	height: 23px;
	font-size: 12px;
}

.contenuEncart h2 {
	margin: 0;
	font-size: 12px;
	color: #b9e373;
}

.texteEncart {
	margin: 0 20px;
	padding: 0 0 20px 0;
}

.sousTitreEncart {
	margin: 0 20px;
	color: #81ae37;
}

.descriptifEncart {
	font-weight: bold;
	margin: 15px 20px;
}

.enSavoirPlus {
	text-align: center;
	color: white;
	position: relative;
	top: 22px;
	left: 408px;
	width: 100px;
	height: 15px;
	background: #71afde;
}

.enSavoirPlus a {
	text-decoration: none;
	color: white;
}

.enSavoirPlus[class] {
	top: 16px;
}

/* Mise en forme des vignettes et de leurs infos */

/* Ul principal conteneur - contient l'image et un ul d'infos */
.listeProduits {
	position: relative;
	/*z-index: 50; */
	text-align: center;
	list-style: none;
	margin: 0;
	padding: 0;
}

.listeProduits[class] {
	margin-left: 5px;
}

/* Li principal contient l'image et un ul infos*/
li.vignetteProduitActu {
	position: relative;
	float: left;
	margin: 0px 5px 0px 5px; 
	padding: 0 5px 0 5px;
	height: 190px;
}

li.vignetteRecette {
	position: relative;
	float: left;
	margin: 5px; 
	padding: 0 15px 26px 15px;
}

/* Ul d'infos, ul se trouvant dans le li principal */
.infosProduitActu {
	list-style: none;
	margin: 0;
	padding: 0;
}

/* Ul des infos sous vignette */
.infosProduitActu {
	border-top: 1px dotted gray;
	margin: 5px 0;
	padding: 0;
}

/* Li Nom du produit */
.nomProduitActu {
	font-weight: bold;
	padding: 7px 0;
	width: 105px;
}

.nomProduitActu a {
	text-decoration : none;
	color: #55636d;
}

/* Li tonnage */
.tonnageProduitActu span {
	color: red;
}

/* Plus d'info */
.plusProduitActu {
	margin: 10px 0 0 0;
	padding: 5px 0;
	/*background: #E7E7E7;*/
}

.plusProduitActu a {
	color: #86b23c;
	background: url(../images/puce_lien.gif) 0 4px no-repeat;
	padding-left: 14px;
}

/* Autre liste d'affichage de vignette, rien à voir avec celle du dessus */ 
.vignetteProduitCatalogue {
	text-align: center;
	list-style: none;
	margin: 0;
	padding: 0;
	height: 125px;
		
	width: 105px;
}

.vignetteProduitCatalogue a {
	text-decoration: none;
	color: #86b23c;
}

.vignetteProduitCatalogue a span {
}

li.vignetteProduitCatalogue {
	position: relative;
	float: left;
	margin: 5px; 
	padding: 5px;
}

.piedContenuEncart {
	clear: both;
}

/* FIN ENCART */
/* ####################################################################### */

/* ####################################################################### */
/* PIED */

#pied {
	position: relative;
	top: -10px;
	clear: both;
	height: 40px;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fond_pied.png', sizingMethod='scale');			
	margin-bottom: 50px;
}

#pied[id] {
	background: url(../images/fond_pied.png);
}

#pied span {
	position: relative;
	top: 30px;
	left: 650px;
	color: black;
	font-size: 10px;
}

/* FIN PIED */
/* ####################################################################### */


/* ####################################################################### */
/* ####################################################################### */
/* ####################################################################### */
/* MOTEUR DE RECHERCHE */

.divReponseRecherche {
	border: 1px solid #b8e473;
	padding: 20px 10px 10px 10px;
	background: white;
}

.divReponseRecherche hr {
	clear: both;
	border: 1px solid #9db4c5;
	margin: 20px 0 0 0;
}

.divReponseRecherche h5 {
	font-size: 12px;
	margin: 20px 0 10px 0;
}

.divReponseRecherche h5 a {
	color: #9db4c5;
	text-decoration: none;
}

.titreDivRecherche {
	display: inline;
	position: relative;
	top: 10px;
	left: 10px;
	border: 1px solid #71afde;
	padding: 3px;
	background: #71afde;
	font-weight: bold;
	color: white;
}

.navigationRecherche {
	margin: 10px 0 0 10px;
	text-align: center;
}

.navigationRecherche a {
	text-decoration: none;
	color: black;
	font-weight: bold;
}

.couleurGris {
	color: #b2b2b2;
}

.positionFlecheBlanche {
	position: relative;
	top: 2px;
	margin: 0 3px;
}

.aligneDroiteRecherche {
	position: relative;
	float: right;
	font-size: 10px;
	margin-bottom: 20px; 
}

.aligneGaucheRecherche {
	position: relative;
	float: left;
	font-size: 10px;	
	margin-bottom: 20px; 
	width: 400px;
}

/* FIN MOTEUR DE RECHERCHE */
/* ####################################################################### */
/* ####################################################################### */
/* ####################################################################### */

/* ####################################################################### */
/* INFO BULLE */
#infoBulle {
	position: absolute;
	border: 1px solid black;
	background: white;
	padding: 15px;
}

/* ####################################################################### */

/* ####################################################################### */
/* FORMULAIRE CONTACT */

.listeInterlocuteur {
	list-style: none;
	margin: 0 0 40px 0;
	padding: 0;
}
.listeInterlocuteur img
{
	/*position : absolute;	*/
}
.listeInterlocuteur a {
	text-decoration: none;
}

.listeInterlocuteur li {
	clear: both;
	height: 25px;
	line-height: 25px;
	border-bottom: 1px solid gray;
	padding-left: 10px;
	background: url(../images/puce_interlocuteur.gif) 0 9px no-repeat;
}

.aligneGauche {
	float: left;
}

.aligneDroite {
	float: right;
}

.afficheInterlocuteur {
	border-bottom: 1px solid gray;
	line-height: 20px;
	margin: 10px 0 30px 0;
}

.champTexte {
	width: 90%;
}

/* ####################################################################### */

/* ####################################################################### */
/* #############################   Classes   ############################# */
/* ####################################################################### */

.descriptif {
	font-weight: bold;
	color: #81ae37;
}

.ingredient {
	/*padding: 20px 0;*/
	color: #537715;
}

.miniForm {
	margin: 0 20px;
	/*max-width : 600px; */
}

.fondTrLibelle {
	font-weight: bold;
}

.fondTr {
	background: #dcf1b9;
}

.fondColDetail1 {
	background: #b9e373;
}

.fondColDetail2 {
	background: #c7e98f;
}

.fondColDetail3 {
	background: #dcf1b9;
}

.fondColDetail4 {
	background: #f1f9e3;
}

.imprimer {
	float: right;
	margin-right: 20px;
	top: -17px;
}

.affichageRecette {
	width: 530px;
}

#debug {
	position: fixed;
	/*z-index: 5000;*/
	border: 1px solid gray;
	background: white;
	padding: 10px;
}




.ProductionGris
{
	background-color : #b2b2b2;	
	color : #000000;
	text-align:center;
}

.ProductionOrange
{
	background-color : #F26231;
	color : #FFFFFF;
	text-align:center;
}

.tableauCalibre
{
	color : #999999;
}

.tableauCalibre thead {
	font-weight : bold;	
}

.vert1
{
	background-color : #B9E373;	
}

.vert2
{
	background-color : #C7E98F;	
}

.vert3
{
	background-color : #DCF1B9;	
}

.tableauPalette
{
	border : 1px solid #B9E373;	
	color : #999999;
}

.tableauPalette td {
	border-collapse : collapse;
}

.tableauPalette thead
{
	font-weight : bold;
	height : 60px;	
}