body
{
	margin				: 0px;
	font-family			: Tahoma, Arial, Verdana, Helvetica;
	font-size			: 12px;
	color				: black;
	background-color	: #678fc2;
	/* en plus du margin dans la description de DIV_globale, il faut rajouter cela */
	text-align			: center; 
	/* ATTENTION : cette ligne oblige à centrer le texte à gauche dans les div contenues dans le body */
	overflow			: auto;
}

h1, h2, h3, h4, h5, h6
{
    text-transform		: none;
}
th, td
{
	font-size			: 12px;
}
th
{
	background-color 	: #a1bbcc;
	color				: white;
	text-align 			: center;
}

.th
{
	text-decoration : none;
	text-align		: center;
	font-weight 	: bold;
	font-style 		: normal;
}

fieldset
{
	text-align	: left;
}

.header 
{
	text-align: center
}

.fauxInput
{
	border-style		: none;
	background-color	: transparent;
	readonly			: readonly;
}

.inputDisable
{
	background-color	: transparent;
	border-style		: solid;
	margin				: 1px;
	border-bottom-width	: 0px;
	border-left-width	: 0px;
	border-top-width	: 0px;
	border-right-width	: 0px;
}
.inputDisableTotal
{
	background-color	: transparent;
	border-style		: solid;
	margin				: 1px;
	border-bottom-width	: 0px;
	border-left-width	: 0px;
	border-top-width	: 1px;
	border-right-width	: 0px;
}

.inputEnable
{
}

.clickable, .xlien
{
	cursor	: pointer;
}

.unclickable
{
	cursor	: auto;
}

.alerte
{
	color	: #FF0000;
}

.petit
{
	font-size : 10px;
}

.petitLibelle
{
}

.gras
{
	font-weight	: bold;
}

img
{
	border 		 : 0px none;
}

img a
{
	text-decoration : none;
}

input, img, select
{
	vertical-align	: middle;
}

.messageErreur
{
	font-weight : bold;
	font-size	: 16px;
}

/* pour que la fenêtre soit centrée dans le browser */
#DIV_globale
{
	background-position	: center;
    position			: absolute;
	text-align			: left;
	/* pour centrer horizontalement */
	width				: 1000px;
	margin-left			: -500px;
    left				: 50%;
	/* pour centrer verticalement */
    height				: 590px;
    margin-top			: -295px;
    top					: 50%;
}

/* bandeau */
#DIV_bandeau
{
	position			: absolute;
	left				: 0px;
	top					: 0px;
	width				: 1000px;
	height 				: 115px;
	vertical-align		: middle;
}

/*
#DIV_bandeau_rayons
{
	position			: absolute;
	left				: 0px;
	width				: 1000px;
	height 				: 130px;
	vertical-align		: middle;
	background-color	: #B0C7E6;
	border : 1 green solid;
}
*/
/* div de navigation */
#DIV_navigation
{
	position		: absolute;
	left			: 180px;
	width 			: 819px;
	height			: 21px;
	white-space		: nowrap;
	background-color: white;
	font-size		: 10.5px;
	color			: #220000;
}
#DIV_navigation .dernier
{
	font-weight 	: bold;
}

#DIV_contour
{
	position		: absolute;
	top				: 130px;
	height			: 427px;
	width 			: 1000px;
	border-color	: white;
	border-width	: 1px;
	border-style	: solid;
	border-right	: none;
}

#DIV_menu, #DIV_menu_accueil
{
	position			: absolute;
	width 				: 176px;
	height				: 405px;
	margin				: 2px;
	overflow 			: auto;
	background-color 	: #9dbbe0;
	color				: #4372b0;
	border-left			: 2px #aca899 solid;
	border-top			: 2px #aca899 solid;
	border-right		: 2px white solid;
	border-bottom		: 2px white solid;
}
#DIV_menu_accueil a
{
	text-decoration : none;
	font-size		: 12px;
	color			: #4372b0;
	
}
#DIV_menu a
{
	text-decoration : none;
	font-size		: 12px;
	color			: #4372b0;
}
#DIV_menu_accueil a:hover
{
	text-decoration : underline;
}
#DIV_menu a:hover
{
	text-decoration : underline;
}

/* div contenant les données */
#DIV_page
{
	position		: absolute;
	text-align		: left;
	top				: 20px;
	left			: 180px;
	width 			: 819px;
	height			: 392px;
	vertical-align	: top;
	overflow 		: auto;
	background-color: #fffcec;
}

#UL_rayons
{
	position		: absolute;
	left			: 0px;
	width			: 700px;
	white-space		: nowrap;
}
#UL_rayons  ul
{
	list-style-type : none;
}
#UL_rayons ul li
{
    display			: inline;
	color			: #0560a6;
	text-align		: center;
}
#rayons
{
	position		: absolute;
	top				: 80px;
	left			: 0px;
	height			: 35px;
}

#rayons img
{
	padding : 0;
	margin	: 0;
}

#rayons a
{
	text-decoration : none;
}

#rayons a:hover
{
	text-decoration	 : none;
}

/*#infosPanier
{
	float				: right;
	text-align 			: right;
	color				: #11449e;
	font-size			: 10px;
	background-color	: #fffcec;
	-moz-opacity 		: 0.7;
	filter 				: alpha(opacity=70);
	border-left			: 2px #aca899 solid;
	border-top			: 2px #aca899 solid;
	border-right		: 2px white solid;
	border-bottom		: 2px white solid;
}
#textePanier
{
	font-weight	: bold;
}*/

/*
#caddie
{
	float		: right;
	text-align 	: right;
	font-weight	: bold;
	position	: absolute;
	top			: 80px;
	left		: 850px;
}*/
	
#detailPanierBandeau
{
	position		: absolute;
	top				: 130px;
	left			: 500px;
	width			: 500px;
	z-index			: 10;
}

#detailPanierBandeau table
{
	float 			: right;
	color			: #11449e;
	font-size		: 10px;
	background-color: #cbe0fd;
}
#detailPanierBandeau td
{
	vertical-align : top;
}
#detailPanierBandeau th
{
	font-weight	:	bold;
}
.nosPromos
{
	background-image 	: url(../images/nosPromotions.gif);
	background-repeat	: repeat-y;
	background-position	: 775px 0px;
}

#listePromos td
{
	font-size 	: 10px;
}
#listePromos .titre
{
	width			: 700px;
	padding-left	: 5px;
}
#listePromos .titreGroupe, #listePromos .descriptionGroupe
{
	width	: 650px;
}
#listePromos .pictoGroupe
{
	width			: 50px;
	vertical-align	: top;
}

#listePromos .libProduitPromos
{
	width	: 460px;
}
#listePromos .qteProduitPromos
{
	width		: 55px;
}

#listePromos .qteProduitPromos input {
	font-size: 10px;
}

#listePromos .totalProduitPromos
{
	width		: 90px;
	font-weight	: bold;
	text-align	: right;
	white-space	: nowrap;
}
#listePromos .mttProduitPromos
{
	width		: 30px;
	text-align	: right;
	white-space	: nowrap;
}
#listePromos .indisponiblePromos
{
	color 		: gray;
	white-space	: nowrap;
}
#listePromos .nonVendablePromos
{
	color 		: gray;
	white-space	: nowrap;
}

.ajoutPanier
{
	width	:	100px;
	height	:	30px;
}

#perso, #compte
{
	top				: 2px;
	position		: absolute;
	width 			: 172px;
	overflow 		: auto;
	font-weight 	: bold;
	text-align		: center;
}
.espace
{
	font-size			: 12px;
	color	: #fffcec;
}
#perso
{
	height			: 120px;
}
#compte
{
	height			: 150px;
}
#perso a
{
	text-decoration : none;
	font-size		: 10px;
}

#compte form
{
	margin	: 0;
	padding	: 0;
}

#compte td
{
	font-size 	: 11px;
	color		: #4372b0;
	font-weight : bold;
}

#bacs
{
	position		: absolute;
	width 			: 172px;
	height			: 50px;
	top				: 120px;/*125px;*/
	font-size		: 10px;
	border-top		: 2px solid white;
}

#bacs ul li 
{
	margin-left : -15px;
}

#moteur
{
	position 		: absolute;
	bottom 			: 50px;
	font-size 		: 11px;
	font-weight		: bold;
	color			: #4372b0;
	/* pour qu'elle soit centrée horizontalement dans le menu */
	padding-left	: 7px;
	z-index 		: 10;
}

#groupeBas 
{
	position 	: absolute;
	bottom 		: 10px;
	/*top			: 235px;270*/
}

#site
{
	width			: 172px;
	text-align		: center;
	height			: 35px;/*45*/
}
#catalogue
{
	width			: 172px;
	text-align		: center;
	height			: 25px;/*41*/
}

/* styles pour la page d'accueil */

.accueil1
{
	text-align 	: center;
	color		: #4372b0;
}
.accueil2, .accueil3
{
	font-weight : bold;
}
.accueil3
{
	font-size 	: 10px;
	color		: #4372b0;
	text-align  : justify;
}
.titre
{
	font-size 		: 12px;
	font-weight		: bold;
	color			: #4372b0;
/*	color			: black; */
	margin-left		: 5px;
	margin-top		: 10px;
	margin-bottom	: 20px;
}

#listeRecherche
{
	font-size 		: 11px;
	color			: #11449e;
	vertical-align	: top;
}
#listeRecherche .descriptionGroupe
{
	text-align		: justify;
}

.titreRayon
{
	font-weight 	: bold;
	text-decoration : underline;
	white-space		: nowrap;
}

#tabGroupes
{
	width : 100%;
}
#tabGroupes .titreGroupeDansListe
{
	width			: 100%;
	padding-left	: 5px;
	color			: #11449e;
	font-size		: 11px;
	font-weight 	: bold;
}
.titreGroupeDansListe a
{
	text-decoration : none;
}

.colGroupes
{
	width 			: 48%;
	vertical-align	: top;
}
.separeGroupes
{
	width 			: 4%;
}
#listeGroupes
{
	width 			: 100%;
	cell-padding 	: 1em;
}
#listeGroupes td
{
	vertical-align : top;
}
#listeGroupes li
{
	list-style : none;
}
#listeGroupes a
{
	text-decoration : none;
}
	
.titreGroupe
{
	font-size		: 11px;
	font-weight 	: bold;
	color			: #11449e;
	text-decoration : underline;
}

.descriptionGroupe
{
	font-size		: 11px;
	font-weight 	: bold;
	color			: #2b59a7;
	padding-bottom 	: 10px;
	text-align		: justify;
}

.remarquesGroupe
{
	text-align			: left;
	vertical-align 		: top;
	font-size 			: 8.5px;
	color				: #2771ba;
	width				: 180px;
	-moz-border-radius	: 8px;
	border-radius		: px;
}

/* DIVs de droite */
#tabGroupes .pictoGroupe
{
	margin-right 	: 5px;
	margin-bottom 	: 2px;
	float			: left;
}
.imageGroupe
{	
	width			: 180px;
	text-align 		: left;
	margin-bottom 	: 2px;
}

#detailGroupe
{
	font-size 	: 10px;
	color		: #2771ba;
}
#detailGroupe li
{
	list-style : none;
}
#detailGroupe a
{
	text-decoration : none;
}
#detailGroupe .titreGroupe, .descriptionGroupe
{
	margin-left	: 5px;
}
#detailGroupe table .promo
{
	width 		: 30px; 
}
#detailGroupe table .libProduit
{
	width		: 390px;
}

#detailGroupe table .indisponible, .nonVendable 
{
	font-size	: 9px;
	color 		: gray;
	white-space : nowrap;
}

#detailGroupe table .qteProduit
{
	width		: 80px;
	text-align	: center;
}

#detailGroupe table .totalProduit
{
	width		: 90px;
}
#detailGroupe table .mttProduit
{
	width		: 40px;
}
#detailGroupe table #mttTotal
{
	width : 90px;
}

#retourListeGroupes
{
	text-align	: right;
}
#retourListeGroupes a
{
	font-size 	: 10px;
	color		: #2771ba;
}

/* PANIER */
#detailPanier
{
	font-size		: 10px;
	white-space		: nowrap;
	color			: #2771ba;
	/*margin-left		: 5px;*/
}
#detailPanier tr
{
	margin-left		: 10px;
}
#detailPanier th
{
	font-weight	: bold;
	text-align 	: center;
	color		: white;
}
#detailPanier td
{
	vertical-align : top;		
}
#detailPanier .qteProduit
{
	width 		: 100px;
	text-align 	: center;
}
#detailPanier .totalProduit
{
	width 	: 90px;
}

#detailPanier .libelle
{
	width 	: 425px;
}

#detailPanier .mttProduit
{
	width 	: 80px;
}
	
.recapPanier
{
	text-align : center;
}

/* gestion des totaux */
.total
{
	/*background-color : white;*/
	vertical-align 	 : bottom;
}
.totalMtt
{
	border-top	: 1px black solid;
	text-align	: center;
}
.vide
{
	background-color : transparent;
	border-top		 : 0px;
}
.mtt
{
	text-align		: right;
	white-space		: nowrap;
}
.evidence
{
	font-weight : bold;
}

.tableau
{
	border-spacing	: 0px;
	border-padding	: 0px;
	border-collapse	: collapse; /*car border-spacing non pris en compte par IE */
	white-space 	: nowrap;
	margin-left		: 5px;
}
.tableau td, .tableau th
{
	padding-left : 3px;
}

#signaletique
{
	margin-left		: 10px;
	white-space 	: nowrap;
}

.sig_bloc0, .sig_bloc1, .sig_bloc2
{
	margin-left : 10px;
}
.sig_bloc1, .sig_bloc2
{
	font-weight : bold;
}
.sig_bloc2
{
	font-size 	: 11px;
	color		: #4372b0;
}

#motPasse
{
	border 				: 1px solid red;
	margin 		 	 	: 0; 
	width			 	: 550px;
	background-color 	: white; 
	padding			 	: 1em;
}

.suiviCommandes
{
	margin-left : 20px;
}

#footer
{
	position 		: absolute;
	width			: 1000px;
	height			: 35px;
	top				: 540px;
	left			: 0px;
	font-size		: 12px;
	background-color: #c9defd;
	/* suppression du liseré orange */
	/*border-top 		: 6px #f2a31b solid;*/
	display			: block;
}
/*
#footer1
{
	background-color: #c9defd;
}
#footer1
{
	margin-left 		: 10px;
	margin-right 		: 10px;
	margin-top			: 8px;
	text-align 			: center;
	border	 			: 1px #a4c0dc solid;
	-moz-border-radius	: 4px;
	background-color 	: #dae9fe;
}

#footer1 a
{
	text-decoration : none;
}
#footer1 a:hover
{
	text-decoration : underline;
}
#footer1 a:visited
{
	text-decoration : none;
}
#footer1 .separateur
{
	padding-left 	: 5px;
	padding-right 	: 5px;
	color			: #bed2ea;
}
*/

#footer2
{
	display			: block;
	text-align		: center;
	margin-top		: 3px;
	margin-left		: 10px;
	margin-right	: 10px;
	border-left			: 2px white solid;
	border-top			: 2px white solid;
	border-right		: 2px #aca899 solid;
	border-bottom		: 2px #aca899 solid;
	-moz-border-radius	: 4px;
}
#copyright
{
	font-size	: 10px;
	color 		: white;
	text-align	: center;
}
#payer
{
	text-align : right;
}

.visite3
{
	text-align	: justify;
}

.etapeHigh 
{
	vertical-align: bottom;
}
.etapeHigh a
{
	color		: #678fc2;
	font-size	: 16px;
	font-weight : bold;
	text-align	:left;
}

.etapeLow
{
	text-align :left;
	color	   : black;
	vertical-align: bottom;
}

#alinea
{
	color		: #678fc2;
	font-size	: 10px;
	font-style  : italic;
	text-align	: justify;
}