html, body{
		
							    scrollbar-3dlight-color:#000000;
  				scrollbar-arrow-color:#000000;
  				scrollbar-base-color:#000000;
  				scrollbar-darkshadow-color:#000000;
          scrollbar-face-color:#ff7800;
          scrollbar-highlight-color:#000000;
         	scrollbar-shadow-color:#000000;
			    scrollbar-track-color: #dda165; 
		
		
          		 
				margin: 0; padding: 0;
				background-color: #563219;
				background-image:url('./images/interface/background.jpg');
				background-repeat:repeat-x;
				text-align: center;
				height: 100%;
				font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px;
			}




div.spacerContenu{
	width:774px;
	height:25px;
}

div.ligne{
	margin-bottom:5px;
	margin-top:5px;
	width:180px; 
	height:2px; 
	background-image:url("./images/interface/ligne.jpg"); 
	background-repeat:repeat-x;
	margin-left:auto;
	margin-right:auto;
}




/* --------------------------------
--------- DIV GENERALE -------------
-----------------------------------*/


div.header{
	background-image: url("./images/interface/header.jpg");
	background-repeat: no-repeat;
	margin-left: auto;
	margin-right: auto;
	width: 976px;
	height: 175px;
	text-align:left;
}

div.header2{
	background-image: url("./images/interface/header-cafe-lavazza.jpg");
	background-repeat: no-repeat;
	margin-left: auto;
	margin-right: auto;
	width: 976px;
	height: 175px;
	text-align:left;
}

div.content{
	/* fix ie */
	text-align: left;
	/* fix ie */
	background-image: url("./images/interface/content.jpg");
	background-repeat: repeat-y;
	margin-left: auto;
	margin-right: auto;
	width: 976px;
	min-height:700px;
}

div.contenu{
	margin-left: 172px;	
	width: 774px; 
}

div.menuGauche{
	position: absolute;
	width: 172px;
	background-image: url("./images/interface/menu-background.jpg");
	background-repeat: repeat-y;
        height:230px;
}


div.menuGaucheHeader{
	position: absolute;
	width: 172px;	
	background-image: url("./images/interface/menu-header.jpg");
	background-repeat: no-repeat;
}

div.menuContent{
	width:155px;
	margin-left:17px;
	margin-right:0px;
	margin-top:30px;
}

div.menuConnexion{
	width:172px; 
	height:102px; 
	margin-top:30px;
	background-image:url('./images/interface/fond-connexion.jpg'); 
}

div.menuClients{
	width:155px; 
	margin-top:20px;
	margin-left:17px;
}	

			ul.menuClients{
				list-style-type: none;
				margin: 0; padding: 0;
			}
					
			li.menuClients{
				margin: 0;
				/*margin: 2px 10px 2px 34px;*/
			}
					
			a.menuClients{
				padding-top: 2px; 
				padding-bottom: 2px; 
				padding-left: 5px;
				display: block;
				text-decoration: none; 
				font-size: 11px; 
				color: #000;
				background-image:url(images/interface/spacer-menu-clients.jpg);
				background-repeat:no-repeat;
			}
					
			a.menuClients:hover{
				background-image:url(images/interface/spacer-menu-clients-hover.jpg);
				color: #16348a;
			}


div.menuFooter{
	position: absolute;
	width: 172px;
	height: 34px;
	background-image: url("./images/interface/menu-footer.jpg");
	margin-bottom:0px;
	background-repeat: no-repeat;
}

div.sousMenu{
	width:155px;
	margin-left:17px;
	margin-right:0px;
	margin-top:30px;
}

div.panier{
	float: right;
	background-image: url("./images/interface/panier.jpg");
	background-repeat: no-repeat;
	width: 388px;
	height: 175px;
}

div.headerBottom{
	position: absolute;
	margin-top:158px;
	margin-left:260px;
	width:300px;
	height:15px;
	color:#e27d10;
}



div.droite{
	margin-right: 0px;	
	float: right;
	background-image: url("./images/interface/droite-background.jpg");
	background-repeat: no-repeat;
	width: 30px;
	height: 271px;
}

div.footer{
	background-image:url('./images/interface/bottom-cafe.jpg'); 
	width:976px; 
	height:124px; 
	background-repeat:no-repeat; 
	margin-left:auto; 
	margin-right:auto;
	text-align:center;
	padding-top:10px;
	
}


div.textFoot{
	width:774px;
	text-align:center;
        clear:both;
}




/************************************************ 
 * DIV ACCUEIL
************************************************/



div.accueilEspressoPoint{
	width:387px;
	height:195px;
	background-image:url("images/interface/accueil-cafe-espresso-point.jpg");
}

div.accueilLavazzaBlue{
	width:387px;
	height:195px;
	background-image:url("images/interface/accueil-cafe-lavazza-blue.jpg");
}

div.accueilVoixDeLaTerre{
	width:386px;
	background-image:url("./images/interface/voix-de-la-terre.jpg");
	margin-left:1px;
	background-position:left;
	background-repeat:no-repeat;
}


div.accueilMachineEspressoPoint{
	width:387px;
	height:195px;
	background-image:url("images/interface/accueil-machine-espresso.jpg");
}

div.accueilMachineLavazzaBlue{
	width:387px;
	height:195px;
	background-image:url("images/interface/accueil-machine-lavazza.jpg");
}


td.promotions{
	background-image:url(./images/interface/promotion-cafe-accueil.jpg);
	border-left:1px solid black;
	color:#f68728; 
	font-weight:bolder; 
	font-size:12px;
}

td.promotions:hover{
	background-image:url(./images/interface/promotion-cafe-accueil-over.jpg);
	color:#ffffff; 
}





/************************************************ 
 * DIV CAT
************************************************/
div.logoBasDroite{
	background-image: url("./images/interface/logo-bas-droite.jpg");
	width:774px;
	height:31px;
}

div.titreCat{
	margin-left:15px;
}

h1.titreCat{
	color:#004489;
	font-variant:small-caps;
	font-weight:bolder;
	font-size:16px;
}

div.photoCat{
	float:right;
	margin-left:5px;
}
div.texteCat{
	margin-left:15px;
	width:740px;
	color:#000000;
	font-size:11px;
	margin-top:10px;
	text-align:justify;
}

/************************************************ 
 * DIV PRODUIT
************************************************/

div.produitBackGauche{
	background-image:url("./images/interface/cafe-background.jpg");
	margin-top:-1px;
	width:387px;
	height:210px;
	float:left;
}

div.produitBackDroite{
	background-image:url("./images/interface/cafe-background.jpg");
	margin-top:-1px;
	width:387px;
	height:210px;
	float:right;
}


div.produitFinBack{
	margin-top:-1px;
	width:387px;
	height:210px;
	float:right;
}

div.imageProduit{
	width:160px;
	height:160px;
	text-align:center;
	margin-left:0px;
	margin-top:15px;
}

div.titreProduit{
	width:370px;
	text-align:left;
	margin-left:11px;
	color:#004489;
	font-size:16px;
	font-variant:small-caps;
	font-weight:bolder;
}


div.prixProduit{
	text-align:right;
	float:right;
	margin-right:5px;
	color:red;
	
	font-size:16px;
	font-variant:small-caps;
	font-weight:bolder;
}

div.formulaireQuantiteProduit{
	width:188px;
	text-align:center;
}



/************************************************ 
 * DIV DETAILS PRODUITS
************************************************/

div.detailsProduit{
	float: left;
	width: 500px;
	border:1px solid black;
	background-image:url("images/interface/details-produit-bg.jpg");
	background-color:#dda165;
	background-repeat:repeat-x;
}
			
div.titreDetailProduit{
	margin-left:5px;
	width:250px;
	color:#001469;
	font-size:16px;
	font-weight:800;
	font-variant:small-caps;
}			

div.referenceDetailProduit{
	font-size:10px;
	margin-left:5px;
	color:#666666;
}

div.imageDetailProduit{
	float:right;
	margin-left:10px;
}	

div.prixDetailProduit{
	float:right; 
	width:80px; 
	font-weight:bold; 
	font-size:14px; 
	color:#FF0000; 
	text-align:right;
}

div.descriptionProduitDetail{
	margin-top:10px;
	text-align:justify;
	margin-left:10px;
	margin-right:10px;
}	



/************************************************ 
 * DIV PANIER RECAP
************************************************/
div.panierRecap{
	margin-left:1px;
	margin-top:-8px;
	width:380px;
	height:89px;
	overflow:auto;
	color:#f68704;
}

div.hautPanierRecap{
	background-image:url(images/interface/haut-panier-recap.jpg);
	width:362px;
	height:23px;
	margin-left:1px;
	margin-top:30px;
	background-repeat:no-repeat;
}

div.panierRecapLigne{
	width:362px;
	padding-bottom:2px;
	height:15px;
	display:block;	
}	

div.panierRecapLigne:hover{
	background-color:#dcdd65;
	display:block;
}	



a.panierRecapLigne{
	color:#f68704;
	text-decoration:none;
	display:block;
	margin:0px;
}

div.totalPanierRecap{
	width:390px;
	color:#f68704;
	font-size:13px;
	font-variant:small-caps;
	font-weight:800;
	margin-left:7px;
	margin-top:8px;
}


div.reducPanierRecap{
	color:#FF0000; 
	background-image:url(./images/interface/fond-reduc-panier.jpg); 
	width:105px; 
	height:15px; 
	text-align:center; 
	margin-left:7px;
	font-weight:bold;
}	

/************************************************ 
 * panier
************************************************/
			table.cart{
				border-collapse:1px;
				border-color:#666666;
				margin-left: auto; margin-right: auto; 
				width: 774px; 
				font-size: 11px;
				border-width:1px;
				border-color:#000000;
			}
			
			td.left1{ 
				text-align: left; 
				padding: 7px;
			}
			
			td.right1{ 
				text-align: right; 
				padding: 7px;
			}
			
			td.center1{ 
				text-align: center; 
				padding: 2px;
			}
			
			
/************************************************ 
 * COMMANDER
************************************************/			
			table.cartCommande{
				border-color:#000000;
				margin-left: auto; margin-right: auto; 
				width: 600px; 
				font-size: 11px;
				border-width:1px;
				border-color:#000000;
			}
			
			table.cartAdresses{
				margin-left: auto; margin-right: auto; 
				width: 600px; 
				font-size: 11px;
			}
			
			table.cartBonCommande{
				margin-left: auto; margin-right: auto; 
				width: 600px; 
				font-size: 11px;				
			}
			
			
			td.cartBonCommande{
			border:1px solid #000000;
			}
			
			
			
/************************************************ 
 * Menu
************************************************/
			ul.menu{
				list-style-type: none;
				margin: 0; padding: 0;
				margin-left:0px;
			}
					
			li.menu{
				margin: 0;
				/*margin: 2px 10px 2px 34px;*/
			}
					
			a.menu{
				padding-top: 2px; padding-bottom: 3px; padding-left: 5px;
				display: block;
				text-decoration: none; font-size: 11px; color: #bababa;
			}
					
			a.menu:hover{
				color: #e27d10;
			}
			

/************************************************
*LIENS
*************************************************/

a.arbo{
	color: #e27d10;
}

a.lienDetails{
	color:#f6481c;
	font-weight:600;
}

a.lienDetails:hover{
	color:#001469	;
}



/************************************************
*TEXTE
*************************************************/

legend.legendEspaceClients{
				padding: 5px;
				font-weight: bold;	
			}

/** FIREFOX **/
		 	label.inscriptionClients:hover, label.labelEspaceClients:hover, label:hover{
			 	color: #f6481c;	
		 	}
		 	/***/


/************************************************ 
 * FORMULAIRE
************************************************/
input.champQuantiteProduit{
	background-image:url(images/interface/formulaire-produit-bg.jpg);
	border:1px solid #000000;
	text-align:right;
	font-weight:600;
	font-size:10px;
	height:13px;
	color:#16348a;
}

textarea.message{
	background-image:url(./images/interface/fond-textarea.jpg);
	border:1px solid #000000;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bolder;
	font-size:11px;
	color:#16348a;
}


input.textFocusQuantiteProduit{
	background-image:url(images/interface/formulaire-produit-bg-over.jpg);
	border:1px solid #000000;
	text-align:left;
	font-weight:600;
	font-size:10px;
	height:13px;
}

input.champQuantiteProduitDisable{
	background-image:url(images/interface/formulaire-produit-disable.jpg);
	border:1px solid #000000;
	text-align:right;
	font-weight:600;
	font-size:10px;
	height:13px;
	color:#838383;
}

/********************
 * infobulles
*********************/	
			#infobulle{
				position: absolute;	display: none; visibility : hidden;
				text-align: left;
				opacity: 0.9;
				border: 1px solid #CCCCCC;
				padding: 20px;
				font-family: Verdana, Arial; font-size: 10px;
				background-color: Yellow;
			}
			/* Hide from IE5-mac. Only IE-win sees this. \*/
			* html div#infobulle{
				filter:alpha(opacity=90);
			}
			/* End hide from IE5/mac */
			
			.bulle{
				z-index:1000;
				position:absolute;
				display: none;
				visibility : hidden;
				margin-left:415px;
				margin-top:3px;		
				width:160px;
				height:160px;
				opacity : .8;
				filter : alpha(opacity=80);
				border: 1px solid #000000;
				padding: 5px;
				background-color:#FFFFFF;
			}
			
			/* End hide from IE5/mac */
			
			div.bulleAjout{
				z-index:1000;
				position:absolute;
				visibility:hidden;

				
				margin-left:415px;
				margin-top:150px;


				width:450px;
				height:300px;
				padding: 5px;
			}
			
		
			
			/* Hide from IE5-mac. Only IE-win sees this. \*/
			
			/* End hide from IE5/mac */