/******** Panier et processus de commande *********/


/******************************** Barre de progression ******************************/

/* Cellule qui contient l'image du panier */
.PanierEtapeCommande{
	background-image : url(../img/FR/fond_panier_commande.gif);
	background-position : center;
	text-align: center;
}

/* Visuel du panier */
#ImagePanier{
	background: url(../img/FR/panier_commande2.gif) no-repeat center;
	width: 100%;
	height: 13px;
}

/* Couleur de la barre de progression */
.EtapeCommande{
	background-color : #FDEE94;
}

/* Nom de chaque étape */
.Etapes, .EtapesSelect{
	text-align: center;
	font-weight: bold;
	color: #999999;
	border-top: #999999 solid 1px;
}

/* Etape sélectionnée */
.EtapesSelect{
	color: #0099CC;
}

/* ce style est utilisé pour des caractères invisibles (accessibilité) */
.Invisible{
	color: window;
}


/************************** Formulaires du e-commerce ******************************/

/* Alignement des labels dans les formulaires ecommerce */
.CelluleFormulaireCommerce{
	text-align: right;
}

/* Bordure et/ou couleur de fond des formulaires ecommerce */
.FondFormulairesCommerce{
	border: #999999 solid 2px;
	padding: 12px 8px 12px 8px;
	background : #EEEEEE;
}

/* Message indiquant que les champs avec * sont obligatoires */
.CommentaireFormulaires{
	text-align: center; 
	font-style: italic;
}

/* Séparations dans le bloc d'identification : étape 1, page identification */
.BlocIdentification1, .BlocIdentification2{
	border-top: #999999 solid 1px;
	border-bottom: #999999 solid 1px;
	padding: 5px;
}
.BlocIdentification1{
	border-right: #999999 solid 1px
}

/* Ne pas modifier */
ul.ListeIdentification{
	margin-bottom: 0;
}


/******************************* Validation de la commande *************************************/

/* Positionnement des 2 colonnes (en div) */
#Colonne1Validation, #Colonne2Validation{
	position: relative;
	display: inline;
	float: left;
	width: 414px;
}

#Colonne2Validation{
	width: 185px;
}

/* ce style est appliqué à chaque ligne formée de plusieurs blocs */
/* exemple : ligne formée du bloc Adresse de livraison et du bloc Adresse de facturation */
.LigneValidation{
	width: 100%;
	margin-bottom: 15px;
	position: relative;
	display: block;
	float: left;
}

/* Intitulé dans les blocs de la page Validation */
h5{
	color: #0099CC; 
	font-weight: bold;
	font-size: 10px;
	margin: 0;
}

/* Les styles suivants déterminent l'aspect et la largeur des blocs de la page Validation */
.BlocValidCommande, .BlocPanierValidCommande, .BlocValidCommandeResume{
	border: #999999 solid 1px;
	vertical-align: top;
	margin-right: 22px;
	position: relative;
	float: left;
	display: inline;
}
.BlocValidCommande, .BlocValidCommandeResume{
	width: 185px;
}
.BlocValidCommandeResume{
	margin-right: 0px;
}
.BlocPanierValidCommande{
	width: 392px;
}

/* Si vous souhaitez mettre une marge à l'intérieur de chaque bloc de la page Validation */
.MargeBlocValidCommande{
	margin: 5px;
}

/* Bloc résumé des prix, à droite */
.BlocValidCommandeResume{
	background-color : #FDEE94;
	margin-bottom: 15px;
}

/* Bloc résumé des prix */
/* Il faut faire : Largeur du bloc "BlocValidCommandeResume" - ("MargeBlocValidCommande" *2) - bordure */
#TableauPaiement{
	width: 173px;
}

/* Montants indiqués dans le tableau résumé des prix, à droite */
.MontantsPaiement{
	font-size: 11px;
	font-weight: bold;
}

/* Montant TOTAL indiqué dans le tableau résumé des prix, à droite */
.MontantTotal{
	color: #CC0000;
	font-size: 14px;
	font-weight: bold;
}


/********* Panier (communs à la page Panier et à la page Validation de la commande **********************/

/* Titres des colonnes dans le panier */
th.IntitulePanier, th.IntitulePanierArticles{
	color: #0099CC; 
	font-weight: bold;
	font-size: 10px;
}
th.IntitulePanierArticles{
	text-align: left;
}

/* Marge autour des photos des produits */
.PhotoProduitPanier{
	padding: 5px 0 5px 0;
	text-align: center;
}

/* Cellules contenant la description des produits */
.DescriptionProduitsPanier{
	padding: 5px;
}

/* Cellules contenant les quantités et les prix */
.CellulesPanier, .PrixArticlePanier{
	padding: 5px;
	text-align: center;
}

/* Prix des articles du panier */
.PrixArticlePanier{
	font-weight: bold;
	font-size: 11px;
}
/* Lignes de séparation dans le panier */
.LigneSepPanier{
	width: 100%;
	background: #CC0000;
	margin: 5px 0 5px 0;
}

/* Lignes de séparation entre les produits dans le panier */
.SepEntreProduits{
	background-image : url(../img/FR/ligne_sep_gris.gif);
}

/********************* Panier dans la page Panier ***************************/

.NomProduitPanier{
	font-weight: bold;
	font-size: 11px;
	color: #CC0000;
}

#TotalHorsLivraison{
	padding: 5px 0 5px 0;
	text-align: right;
	color: #0099CC;  
	font-weight: bold;
	font-size: 12px;
}

.GrandPrixPanier{
	font-size: 14px;
	font-weight: bold;
	padding: 5px;
	text-align: center;
}

/* Phrase "Si vous avez modifié une quantité..." */
#ModifQuantite{
	padding: 5px 0 5px 0;
	text-align: left;
}


/********************* Panier dans la page Validation de la commande ***************************/

/* Phrase pour ajouter ou modifier des articles, page Validation */
#AjoutModifArticle{
	padding: 5px 0 0px 0;
	text-align: left;
}