/*

Description:	lju.css - Fichier généré à partir de /includes/css.sn le 2005-03-08 16:39:11 par laplante

Auteur:		Pierre Laplante
		Copyright © 2000,2001,2002,2003,2004,2005
		SedNove Inc.
		439 OAK
		St-Lambert, QC, Canada
		All rights reserved. 
		Pierre Laplante
		Fri Aug 30 15:33:56 2002
		Pierre.Laplante@sednove.com

Version:	$Id: lju.css 2 2005-05-04 13:35:25Z root $

*/

body,html {
  background-color: #B2B992;
	font-family: verdana, sans-serif;
	scrollbar-face-color: #EDEFE3;/*OK*/
	scrollbar-shadow-color: #C9D2B7;/*ok*/
	scrollbar-highlight-color: #C9D2B7;/*ok*/
	scrollbar-3dlight-color: #C9D2B7;/*ok*/
	scrollbar-darkshadow-color: #C9D2B7;/*ok*/
	scrollbar-track-color: #EDEFE3;/*OK*/
	scrollbar-arrow-color: #C3C9A2; /*OK*/
  
}

/*SECTION HEADER*/
.header {
	height:65px;
	padding-right: 414px;
}


/*SECTION TOP PANIER*/
.topPanier {
	background-image: url(/claude/images/bg_recherche.gif);
	backgroung-repeat: no-repeat;
	background-color: #FFFFFF;
	width: 250px;
	height:65px;	
}

div.menuRecherche {
	padding-top:10px;
	padding-left: 24px;
}
a.menu:link, a.menu:visited, a.menu:active {
	font-size: 10px;
	font-weight: bold;
	color:#393939;
	text-transform: uppercase;	
	text-decoration: none;
	line-height: 0px;
}
a.menu:hover {
	font-size: 10px;
	font-weight: bold;
	color:#C3C9A2;
	text-transform: uppercase;
	text-decoration: none;
	line-height: 0px;
}
div.recherche {
	padding-top:8px;
	padding-left: 24px;
	width: 250px;
	height: 86px;
	vertical-align: bottom;
}
.formRecherche {
	font-size: 9px;
	font-weight: normal;
	color:#000000;
}

/*_________________________________________________
   S E C T I O N   T A B L E A U   P R O D U I T S 
  _________________________________________________*/

	/*ENTETE DU TABLEAU*/
	
td.enteteTableau {
	background-color: #FFFFFF;	
	width:100%;
}

td.principal {
	background-color: #EDEFE3;	
	width:100%;
	vertical-align: top;
	border-style: solid;
	border-color: #C3CABA;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-width: 1px;
}

td.menuTop {
	background-color:#C3C9A2;	
	width:100%;
	height:22px;
	padding-left: 6px;
}

td.menuMilieu {
	background-color:#EDEFE3;
	width:100%;
	height:22px;
	vertical-align: middle;
	font-size: 10px;
	font-weight: bold;
	color:#373A39;
	border-style: solid;
	border-color: #C3CABA;
	border-top-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-right-width: 1px;
}

td.menuBas {
	background-color:#C9D2B7;
	width:100%;
	height:22px;
	vertical-align: middle;
	font-size: 10px;
	font-weight: bold;
	color:#373A39;
	border-style: solid;
	border-color: #C3CABA;
	border-top-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-right-width: 1px;
}

a.navigTop:link, a.navigTop:visited, a.navigTop:active {
	font-size: 10px;
	font-weight: bold;
	color:#373A39;
	text-transform: uppercase;	
	text-decoration: none;		
}

a.navigTop:hover {
	font-size: 10px;
	font-weight: bold;
	color:#EDEFE3;
	text-transform: uppercase;
	text-decoration: none;
	line-height: 0px;
}

.navigTopOn {
	font-size: 10px;
	font-weight: bold;
	color:#EDEFE3;
	text-transform: uppercase;
	text-decoration: none;
	line-height: 0px;
}
		
a.navigMilieu:link, a.navigMilieu:visited, a.navigMilieu:active {
	font-size: 10px;
	font-weight: bold;
	color:#373A39;
	text-decoration: none;	
	padding-left: 6px;
	padding-right: 6px;
}

a.navigMilieu:hover {
	font-size: 10px;
	font-weight: bold;
	color:#B2B992;
	text-decoration: none;	
	padding-left: 6px;
	padding-right: 6px;
}
.navigMilieuOn {
	font-size: 10px;
	font-weight: bold;
	color:#B2B992;
	text-decoration: none;	
	padding-left: 6px;
	padding-right: 6px;
}
a.navigBas:link, a.navigBas:visited, a.navigBas:active {
	font-size: 10px;
	font-weight: bold;
	color:#373A39;
	text-decoration: none;	
	padding-left: 6px;
	padding-right: 6px;
}

a.navigBas:hover {
	font-size: 10px;
	font-weight: bold;
	color:#EDEFE3;
	text-decoration: none;	
	padding-left: 6px;
	padding-right: 6px;
}
.navigBasOn {
	font-size: 10px;
	font-weight: bold;
	color:#EDEFE3;
	text-decoration: none;	
	padding-left: 6px;
	padding-right: 6px;
}

/*CATEGORIE DES PRODUITS*/

td.categorie {
	background-color: #EDEFE3;	
	width:100%;
	height:50px;
	vertical-align: middle;
	}

.titreCategorie {
	font-size: 18px;
	font-weight: bold;
	color:#373A39;
	text-decoration: none;	
	padding-left: 20px;
	padding-right: 6px;
	vertical-align: middle;
}

li.Cat {
	list-style-type: disc;
	font-size: 6px;
	font-weight: normal;
	color:#373A39;
	padding-left: 5px;
}

a.navigCat:link, a.navigCat:visited, a.navigCat:active {
	font-size: 10px;
	font-weight: normal;
	color:#373A39;
	text-decoration: none;
			
}

a.navigCat:hover {
	font-size: 10px;
	font-weight: normal;
	color:#373A39;
	background-color: #C9D2B7;
	text-decoration: none;		
}

.navigCatOn {
	font-size: 10px;
	font-weight: normal;
	color:#373A39;
	background-color: #C9D2B7;
	text-decoration: none;		
}

/*LISTE DES PRODUITS*/

div.produits {
	position:static;
	overflow:auto;
	width:490;
	height:100;	
	vertical-align: top;
	scrollbar-face-color: #EDEFE3;
	scrollbar-shadow-color: #C9D2B7;
	scrollbar-highlight-color: #C9D2B7;
	scrollbar-3dlight-color: #C9D2B7;
	scrollbar-darkshadow-color: #C9D2B7;
	scrollbar-track-color: #C9D2B7;
	scrollbar-arrow-color: #C3C9A2;
}

td.tableauProduits {
	background-color: #EDEFE3;
	width:489px;
}

td.produitGauche {
	background-color: #FFFFFF;
	width: 161px;
	height:92px;
	vertical-align: middle;
	text-align: center;
	border-style: solid;
	border-color: #C3CABA;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-right-width: 1px;
}
td.produitCentre {
	background-color: #FFFFFF;
	width: 161px;
	height:92px;
	vertical-align: middle;
	text-align: center;
	border-style: solid;
	border-color: #C3CABA;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-width: 1px;
}
td.produitDroite {
	background-color: #FFFFFF;
	width: 161px;
	height:92px;
	vertical-align: middle;
	text-align: center;
	border-style: solid;
	border-color: #C3CABA;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-width: 0px;
}

.descProduit {
	width:89px;
	height:73px;
	font-size: 10px;
	font-weight: normal;
	color:#686A66;
	text-decoration: none;	
	padding-left: 22px;
	padding-right: 2px;
	padding-top: 4px;
	text-align: left;
	vertical-align: top;
}

td.bAdd {
	width:89px;
	height:19px;
	text-align: right;
	vertical-align: bottom;
	padding-bottom: 0px;
	padding-right: 0px;
}

a.pop:link, a.pop:visited, a.pop:active {
	font-size: 10px;
	font-weight: bold;
	color:#686A66;
	text-transform: uppercase;	
	text-decoration: none;

}
a.pop:hover {
	font-size: 10px;
	font-weight: bold;
	color:#686A66;
	text-transform: uppercase;
	text-decoration: underline;

}

/*POP UP DES PRODUITS*/

table.popPrincipal {
	background-color: #FFFFFF;
	width: 562px;
	height:337px;
	border-style: solid;
	border-color: #FFFFFF;
	border-top-width: 12px;
	border-bottom-width: 12px;
	border-left-width: 12px;
	border-right-width: 12px;
}

td.pop_tableau_gauche {
	background-color: #EDEFE3;
	width: 289px;
	height:300px;
	border-style: solid;
	border-color: #C3C9A2;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-width: 1px;
}

td.pop_tableau_droite {
	background-color: #EDEFE3;
	width: 269px;
	height:300px;
	border-style: solid;
	border-color: #C3C9A2;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-right-width: 1px;
}

td.pop_photo_produit {
	background-color: #EDEFE3;	
	vertical-align: middle;
	text-align: center;	
	padding-left: 10px;
	padding-top: 10px;
	padding-right: 10px;
	padding-botom: 10px;
}

td.pop_text {	
	width: 269px;
	vertical-align: top;
	text-align: left;
	font-size: 10px;
	font-weight: normal;
	line-height: 13px;
	color:#373A39;
	padding-left: 10px;
	padding-top: 10px;
	padding-right: 5px;
}
p.pop {
	padding-left: 0px;
}
div.popProduit {
	position:static;
	overflow:auto;
	width:265;
	height:300;	
	vertical-align: top;
	scrollbar-face-color: #EDEFE3;
	scrollbar-shadow-color: #C9D2B7;
	scrollbar-highlight-color: #C9D2B7;
	scrollbar-3dlight-color: #C9D2B7;
	scrollbar-darkshadow-color: #C9D2B7;
	scrollbar-track-color: #C9D2B7;
	scrollbar-arrow-color: #C3C9A2;
}

td.pop_ajouter {
	width: 269px;
	height: 19px;
	vertical-align: bottom;
	text-align: right;	
	padding-bottom: 0px;
}
td.pop_fermer {
	width: 269px;
	height: 19px;
	vertical-align: top;
	text-align: right;	
	padding-top: 0px;
}

/*FOOTER DU TABLEAU*/

td.basTableau {
	background-color: #C3C9A2;
	vertical-align: bottom;	
	height: 15px;
	border-style: solid;
	border-color: #C3CABA;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-width: 1px;
}
	
.contenu_texte {
	font-size: 11px;
	font-weight: normal;
	line-height: 14px;
	color:#373A39;
	padding-left: 5px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	}
	
	.contenu_titre {
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 14px;
	color:#373A39;
	padding-left: 0px;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 0px;
	}

/*_________________________________________________
   S E C T I O N   P A N I E R   P R O D U I T S 
  _________________________________________________*/

div.listePanier {
	position:static;
	overflow:auto;
	width:238;
	height:100%;	
	vertical-align: top;
	scrollbar-face-color: #EDEFE3;
	scrollbar-shadow-color: #C9D2B7;
	scrollbar-highlight-color: #C9D2B7;
	scrollbar-3dlight-color: #C9D2B7;
	scrollbar-darkshadow-color: #C9D2B7;
	scrollbar-track-color: #C9D2B7;
	scrollbar-arrow-color: #C3C9A2; 
}
		
td.hautPanier {
	background-image: url(/claude/images/bg_livraison.gif);
	background-repeat: no-repeat;
	width:238px;
	height: 51px;
	vertical-align: middle;
	font-size: 16px;
	font-weight: bold;
	color:#373A39;
	padding-left: 5px;	
}
a.votrePanier:link, a.votrePanier:visited, a.votrePanier:active {
	font-size: 16px;
	font-weight: bold;
	color:#373A39;
	text-decoration: none;		
}

a.votrePanier:hover {
	font-size: 16px;
	font-weight: bold;
	color:#EDEFE3;
	text-decoration: none;		
}
.transaction {
	font-size: 10px;
	font-weight: normal;
	color:#373A39;
	padding-left: 0px;	
}
td.contenuPanier {
	background-color:#D3D8BB;
	width: 376px;	
	height: 284px;
}

td.categoriePanier {
	background-color:#E8EADB;
	width: 238px;
	height:30px;
	vertical-align: middle;
	font-size: 12px;
	font-weight: bold;
	color:#373A39;
	padding-left: 5px;
	border-style: solid;
	border-color: #C3C9A2;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-right-width: 0px;
}

tr.listePanier1 {
	background-color:#D3D8BB;
	width: 238px;
	height:30px;
	border-style: solid;
	border-color: #C3C9A2;
	border-top-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-right-width: 1px;
}
tr.listePanier2 {
	background-color:#E8EADB;
	width: 238px;
	height:30px;	
	border-style: solid;
	border-color: #C3C9A2;
	border-top-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-right-width: 1px;
}
td.qtItem {
	width:10px;
	text-align: center;
	padding-left: 2px;
	font-size: 10px;
	font-weight: normal;
	color:#373A39;
}

td.nomItem {
	width:155px;
	font-size: 10px;
	font-weight: normal;
	color:#373A39;
	padding-left: 2px;
}

a.lienItem:link, a.lienItem:visited, a.lienItem:active  {	
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
	color:#373A39;
	padding-left: 2px;
}
a.lienItem:hover  {	
	font-size: 10px;
	font-weight: normal;
	color:#B2B992;
	padding-left: 2px;
}

td.prixItem {
	width: 50px;
	font-size: 10px;
	font-weight: normal;
	color:#373A39;
	padding-right: 2px;
	text-align: right;
}

/*________________________________________________________
   S E C T I O N   T O T A L   D E   L A   C O M M A N D E 
  ________________________________________________________*/

td.basPanier {
	background-color:#D3D8BB;
	width: 238px;
	height: 100px;
	vertical-align: bottom;
}

tr.totalPanier1 {
	background-color:#C3C9A2;
	width: 238px;
	height:18px;	
	border-style: solid;
	border-color: #C3C9A2;
	border-top-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-right-width: 1px;
}
tr.totalPanier2 {
	background-color:#B3BC92;
	width: 238px;
	height:18px;	
	border-style: solid;
	border-color: #C3C9A2;
	border-top-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-right-width: 1px;
}
	
td.totalDesc {		
	width: 187px;
	font-size: 10px;
	font-weight: bold;
	color:#373A39;
	padding-left: 5px;	
}

td.prixTotal {
	width: 50px;
	font-size: 10px;
	font-weight: bold;
	color:#373A39;
	padding-right: 2px;
	text-align: right;
}	
td.totalPanier {
	background-color:#C3C9A2;
	width: 238px;
	height: 30px;
}

td.panierAction {		
	height:35px;	
	text-align: right;
	padding-right: 4px;
}	


/*_________________________________________________
   S E C T I O N   B A S   D E   L A   P A G E 
  _________________________________________________*/

div.footer {
	height:20px;
	padding-right: 414px;
}

.credits {
	font-size: 10px;
	color:#80827D;
	padding-top: 2px;
	padding-left:0px;
}

a.sednove:active, a.sednove:link, a.sednove:visited {
	font-size: 10px;
	color:#80827D;
	text-decoration: none;	
}
a.sednove:hover {
	font-size: 10px;
	color:#80827D;
	text-decoration: underline;	
}

/*_________________________________________________
   S E C T I O N   P A G E   L O G I N 
  _________________________________________________*/

.titre {
	font-size: 10px;
	font-weight: bold;
	color:#373A39;
	text-transform: uppercase;			
}

td.descLogin {	
	font-size: 10px;
	font-weight: normal;
	color:#373A39;
	padding-left: 5px;
	background-color: #EDEFE3;
	width: 513px;
	vertical-align: middle;
	text-align: center;
	border-style: solid;
	border-color: #C3CABA;
	border-top-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-right-width: 1px;
}	


td.login {
	font-size: 10px;
	font-weight: bold;
	width: 150px;
	height: 30px;
	vertical-align: middle;
	color:#373A39;	
	text-transform: uppercase;	
	text-align: right;
	padding-right: 5px;
}
td.formLogin {
	font-size: 10px;
	font-weight: bold;
	width: 250px;
	height: 30px;
	vertical-align: middle;
	color:#373A39;	
	text-align: left;
	padding-right: 5px;
}
td.btnLogin {
	height: 30px;
	vertical-align: middle;
	padding-right: 110px;
	text-align: right;
}
	
a.oubli:link, a.oubli:visited, a.oubli:active {
	font-size: 10px;
	font-weight: bold;
	color:#CC0000;
	text-decoration: none;	
	align:center;	
}

a.oubli:hover {
	font-size: 10px;
	font-weight: bold;
	color:#CC0000;
	text-decoration: underline;		
	align:center;	
}

/*_________________________________________________________
   S E C T I O N   P A G E   C O M M A N D E   R A P I D E 
  _________________________________________________________*/

td.fondTableau {
	font-size: 10px;
	font-weight: normal;
	color:#373A39;
	padding-left: 5px;
	padding-right: 5px;
	text-align: center;
	background-color: #EDEFE3;
	border-style: solid;
	border-color: #C3CABA;
	border-top-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-right-width: 1px;
	width: 100%;	
	vertical-align: top;
	padding-top: 15px;
	padding-bottom: 15px;
}

td.fond_tableau_vide {
	background-color: #EDEFE3;
	border-style: solid;
	border-color: #C3CABA;
	border-top-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-right-width: 1px;
	width: 100%;	
}

td.nom_panier {
	font-size: 10px;
	font-weight: normal;
	vertical-align: middle;
	color:#373A39;	
	text-align: right;
	padding-right: 5px;
}
	
td.form_nom_panier {
	font-size: 10px;
	font-weight: normal;
	vertical-align: middle;
	color:#373A39;	
	text-align: left;
	padding-right: 5px;
}
	
td.ok_panier {
	width: 30px;
	vertical-align: middle;	
	text-align: right;
	padding-right: 5px;
}

table.liste_panier {
	vertical-align: top;
	width: 450px;
	border-style: solid;
	border-color: #C3C9A2;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-width: 1px;
}	
td.top_liste_panier {
	background-color:#D3D8BB;		
	width:33%;
	height:15px;
	padding-left: 2px;
	font-size: 10px;
	font-weight: bold;
	color:#373A39;
	text-transform: uppercase;
	border-style: solid;
	border-color: #C3C9A2;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-width: 1px;
}
	
td.liste_panier {
	background-color:#EDEFE3;	
	width:33%;
	height:15px;
	padding-left: 2px;
	font-size: 10px;
	font-weight: normal;
	color:#373A39;
	border-style: solid;
	border-color: #C3C9A2;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-width: 1px;
}
/*--------------------------------------------------------------------------------------------------------*/

.erreur {
  font-weight: bold;
}
/* Menu pour les catégories */

ul.menu {
  padding: 0px;
}

ul.menu li {
  display: inline;
  list-style-type: none;
} 

ul.menu li a.on {
  background-color: gray;
}

ul.menu li a:hover {
  background-color: gray;
}

table.panier {
  background-color: #C3C9A2;
	padding: 0px;
  width: 256px;
}

table.panier tr td a:hover { 
  background-color: gray;
}

table.panier tr td {
  font: 10px verdana, sans-serif;
}

table.total_panier {
  padding: 0px;
  width: 275px;
}

table.total_panier tr td a:hover { 
  background-color: gray;
}

table.total_panier tr th {
  font: 10px verdana, sans-serif;
  font-weight: bold;
  text-align: left;
}

table.total_panier tr td {
  font: 10px verdana, sans-serif;
  text-align: right;
}

h1 {
  font-size: 14px; 
  color: #666666;
  text-transform: uppercase;
  background-color: #f0f3ef;
}

h2 {
  font-size: 13px; 
  color: #666666;
  text-transform: uppercase;
  background-color: #f0f3ef;
}

h3 {
  font-size: 12px; 
  color: #666666;
  text-transform: uppercase;
  background-color: #f0f3ef;
}

h4 {
  font-size: 11px; 
  color: #666666;
  background-color: #f0f3ef;
}


/* Css liste des produits */

table.liste td {
  vertical-align: top;
}

/* Css pour la liste des sous-categorie */

ul.sous_categorie {
  padding: 0px;
  margin: 0px;
}

ul.sous_categorie li {
  list-style-type: none;
} 

ul.sous_categorie li a.on {
  background-color: gray;
}

ul.sous_categorie li a:hover {
  background-color: gray;
}

/* Css pour les formulaires */

table.forme {
  color: #000000;
  background-color: #DAE0D6;
  padding:5px;
}

table.forme {
  font-weight: bold;
}

/* Menu pour l'épicerie */

ul.menu_epicerie {
  padding: 0px;
}

ul.menu_epicerie li {
  display: inline;
  list-style-type: none;
} 

ul.menu_epicerie li a.on {
  background-color: gray;
}

ul.menu_epicerie li a:hover {
  background-color: gray;
}