/*----------------------------------------------------------------------------------
processus de commande
----------------------------------------------------------------------------------*/

.instruction { /*width:240px;*/
	color:#938281;
	margin-left:15px;
}

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

.enteteEtape {
	padding-left:13px;
}

.enteteEtape img {
	border:0px;
	padding-left:0px;
	margin:0px;
}

/***************************************************** la zone principale */
.recapitulatifPanier, .recapitulatifObservation {
	text-align:left;
	margin-bottom:20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#6C6067;
	text-decoration:none;
}

.zoneTexte th, .fondTitreEnTeteCommande {
	border:0px solid #8F1A5E;
	padding-bottom:2px;
	padding-left:3px;
	padding-right:3px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:center;
	color:#ffffff;
}

.fondTitreEnTeteCommande {
	font-weight:bold;
}

.recapitulatifObservation th {
	background-color:#ffffff;
	padding-bottom:2px;
	padding-left:3px;
	padding-right:3px;
	color:#F77600;
	border:1px solid #B4315A;
	border-bottom:0px;
}

a.quantite {
	padding-right:2px;
	padding-left:1px;
	padding-bottom:1px;
}

.commandeRow1 a, .commandeRow2 a, .hautTotalCommande a {
	color:#B4315A;
	text-decoration:none;
	font-size:12px;
	font-weight:600;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.champTexteCommande {
	font-family: Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:12px;
	width:25px;
	margin-left:2px;
}

/*----------------------------------------------------------------------------------
les lignes intervalles (panier et formulaire)
----------------------------------------------------------------------------------*/
.commandeRow1 a:hover, .commandeRow2 a:hover, .hautTotalCommande a:hover, .menuClient a:hover {
	text-decoration:underline;
}

.commandeRow1 a.itemProduit, .commandeRow2 a.itemProduit {
	display:block
}
.commandeRow1 .ancienPrix, .commandeRow2 .ancienPrix {
	text-decoration:line-through;
	font-size:10px;
}
.commandeRow2 {
	background-color:transparent;
	border-bottom:0px dashed #999999;
	padding-right:3px;
	padding-left:3px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}

.commandeRow1 {
	border-bottom:0px dashed #999999;
	background-color:transparent;
	padding-right:3px;
	padding-left:3px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}

.commandeRow1 p, .commandeRow2 p {
	margin-top:0px;
	padding-top:0px;
	margin-left:20px;
	margin-bottom:5px;
}

/************************************* formulaire client*/
.recapitulatifPanier .commandeRow1 .champTexte, .recapitulatifPanier .commandeRow2 .champTexte {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}

/*** les commandes */
.fondTitreEnTeteCommande a {
	color:#B40C02;
	text-decoration:none;
	font-weight:bold;
}


/**********************************************	les lignes total */



.TotalCommande, .hautTotalCommande {
	color:#9F135A;
	text-transform:none;
}

.BasLigneCommande {
/*line-height:0px; font-size:0px; height:0px;
					border-top:0px solid #a58c64;padding-top:3px;
					border-bottom:1px solid #000000;*/
					}

.TotalCommandeValue, .TotalCommandeRight {
	font-size:16px;
	font-weight:bolder;
	background-color:#B4315A;
	color:#ffffff;
	padding-right:15px;
}

.basTotalCommandeValue, .basTotalCommandeRight {
	border:1px solid #a58c64
}

.basTotalCommandeValue, .basTotalCommandeRight {
	border-left:0px;
}

.basTotalCommandeValue, .basTotalCommande {
	font-size:18px;
	font-weight:bolder;
	height:34px;
	text-align:right;
}

.basTotalCommandeValue {
	letter-spacing:1px;
	text-align:left;
	background-color:#ffffff;
	color:#000;
}

.basTotalCommande {
	background-color:#ffffff;
	color:#000;
	border:solid 1px #A59391;
	border-right:0px;
	padding-right:10px;
}

a.boutonValidation {
	display:block;
	margin-top:28px;
}

.hautTotalCommande a {
	font-weight:bolder;
	text-transform:none;
}

/*----------------------------------------------------------------------------------
zone recapitulatif des frais de livraison
----------------------------------------------------------------------------------*/

.zoneRecapitulatif {
	border:1px dotted #959294;
	width:250px;
	color:#6C6067;
	background-color:#E5E6E6;
}

.zoneRecapitulatif, .texteRecapitulatif {
	padding-left:20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}

/*---------------------------------------------------------------------
				processus achat
----------------------------------------------------------------------*/
					
form.recapitulatifPanier {
	clear:both;
	margin:0px;
	padding:0px;
	padding-left:50px;
	padding-top:10px;
	padding-bottom:30px;
}

.recapitulatifPanier div {
	margin:0px;
	padding:0px;
}

.recapitulatifPanier div.recapitulatifPanier {
	border:0px solid black;
	margin-bottom: 28px;
	padding:10px 25px 0 28px;
}

.recapitulatifPanier table {
	width:100%
}

.recapitulatifPanier table a.itemProduit {
	width:240px;
}

.recapitulatifPanier table thead th {
	text-transform:none;
	text-align:center;
	font-size:11px;
	color:black;
	/*background-image:url(images/fd_th.gif);
					background-repeat:repeat-x;*/
					border-bottom:1px solid #808080;
	border-left:1px solid #808080;
	border-right:1px solid #808080;
	border-top:1px solid #808080;
	padding-left:3px;
	background-color:#ffffff;
}

.recapitulatifPanier tr {
	padding:1px
}

.recapitulatifPanier td.commandeRow2, .recapitulatifPanier td.commandeRow1 {
	padding-left:6px;
	padding-right:6px;
	margin-top:1px;
	color:#A09D9D;
	border-top:1px solid #EDEDED;
	border-bottom:1px solid #EDEDED;
	vertical-align:middle;
}

.recapitulatifPanier td.commandeRow2 {
	background-color:#F6F5F4;
	border-top:0px; 
}

.recapitulatifPanier td.debutLigne { /*identifie la premier cellule d'une ligne, classe cumulative avec commandeRow 1 et 2*/
	border-left:0px solid #EDEDED;
	padding:0px;
}
.recapitulatifPanier td.debutLigne a{
	display:block;
	width:100%;
	height:100%;
	background-color:#FFF;
	text-align:center;
}
.recapitulatifPanier td.finLigne { /*identifie la derniere cellule d'une ligne, classe cumulative avec commandeRow 1 et 2*/
	vertical-align:middle;
	border-right:0px solid #EDEDED;
}

.recapitulatifPanier td.finLigne a { /*la corbeille */
	height:22px;
	width:18px;
	display:block;
	margin-top:3px;
}

.recapitulatifPanier tr.commandeRow2, .recapitulatifPanier tr.commandeRow1 {
}

.formulaire td.commandeRow2, .formulaire td.commandeRow1 {
	border:0px
}

.commandeRow1 .produitImg, .commandeRow2 .produitImg {
	border:0px solid black
}

.commandeRow1 a, .commandeRow2 a, .hautTotalCommande a {
	color:#B40C02;
}

.commandeRow1 a:hover, .commandeRow2 a:hover, .hautTotalCommande a:hover {
	color:#A09D9D
}

.recapitulatifPanier tfoot td.basTotalCommande, .recapitulatifPanier tfoot td.basTotalCommandeValue, .recapitulatifPanier td.basTotalCommande, .recapitulatifPanier td.basTotalCommandeValue, .commande tfoot td.basTotalCommande {
	padding:0px;
	margin:0px;
	text-transform:uppercase;
	text-align:center;
	border-top:1px dashed #000;
	border-left:1px dashed #000;
	border-right:1px dashed #000;
	border-bottom:1px solid #000;
	padding-left:3px;
	padding-bottom:5px;
	padding-top:5px;
	color:black;
	font-size:14px;
	vertical-align:middle;
}

.recapitulatifPanier tfoot td.basTotalCommande, .recapitulatifPanier td.basTotalCommande {
	border-right:0px;
}

.recapitulatifPanier tfoot td.basTotalCommandeValue, .recapitulatifPanier td.basTotalCommandeValue {
	border-left:0px
}

.recapitulatifPanier tbody td.basTotalCommande { /* total frais de livraison*/
	text-transform:uppercase;
	text-align:center;
	vertical-align:middle;
	border-top:1px dashed #000;
	border-left:1px dashed #000;
	border-right:1px dashed #000;
	border-bottom:1px solid #000;
	padding-left:3px;
	padding-bottom:0px;
	padding-top:5px;
	color:black;
}

.recapitulatifPanier .commandeRow1 label, .recapitulatifPanier .commandeRow2 label {
	color:#B4315A;
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.commandeRow1 .produitImg, .commandeRow2 .produitImg {
	border:solid 0px;
	border-color:#B4315A;
	margin:2px;
	background-color:#FFF;
}

img.noBorder {
	border:0px;
}

/*                champ observations et informations                              */
.recapitulatifObservation h2 {
	padding-bottom:0px;
	margin-bottom:0px
}

.recapitulatifObservation p {
	padding:0px;
	margin:0px;
	padding-left:44px;
	font-size:10px;
}

.remarque {
	margin-left:28px;
	margin-right:25px;
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	padding:5px;
	width:820px
}

.participation {
	margin-left:28px;
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	padding:5px;
	width:620px
}

.libelleTextArea {
	padding-left:30px;
}

p.libelleTextArea {
	font-size:12px;
	padding-bottom:0px;
	margin:0px;
}

/*---------------------------------------------------------------------
				les commandes
----------------------------------------------------------------------*/
 table.commande {
	width:auto;
	margin-left:4px;
	margin-right:4px;
	position:relative;
}

div.commande {
	padding-top:10px;
	padding-left:10px;
	padding-bottom:25px;
}

.commande th {
	text-transform:uppercase;
	font-size:12px;
	text-align:center;
	/*background-image:url(images/fd_th.gif);
					background-repeat:repeat-x;		*/		 
					border-bottom:1px dashed #808080;
	border-left:1px dashed #808080;
	border-right:1px dashed #808080;
	border-top:1px solid #808080;
	padding-left:3px;
	padding-bottom:13px;
	padding-top:13px;
	background-color:#FFFFFF;
}

.commande td {
	font-size:12px;
	padding:0px;
	padding-top:7px;
	padding-left:6px;
	padding-right:6px;
	padding-bottom:3px;
	border-bottom:1px dashed #808080;
}

.commande td.commandeRow2 input, .commande td.commandeRow1 input {
	padding-bottom:3px;
}

.commande tfoot td.basTotalCommande {
	text-align:right;
}

/*----------------------------------------------------------------------------------
			>>personnalisation processus commande
----------------------------------------------------------------------------------*/
.processusCommande {

	font-size:12px;
overflow:hidden;
padding-left:10px;
position:relative;
width:979px;
padding-top:10px;

}

form.recapitulatifPanier {
	padding-bottom:0px;
}

.recapitulatifPanier {
}

.processusCommande h1 {
color:#B40C02;
font-family:Arial,Verdana,Georgia,"Times New Roman",Times,serif;
font-size:28px;
font-weight:normal;
margin-bottom:15px;
	margin-left:34px;
}

.processusCommande h2 {
	color:#A09D9D;
	margin-top:15px;
}

.processusCommande sup {
	vertical-align:baseline
}

/*----------------------------------------------------------------------------------
			>>les tableaux
----------------------------------------------------------------------------------*/

table.recapitulatifPanier table {
	padding:0px;
	width:auto;
	margin:0px;
}

table.recapitulatifPanier table td {
	vertical-align:middle;
}

table.recapitulatifPanier table a, table.recapitulatifPanier table img {
	margin:0px;
	padding:0px;
}

.TotalCommandeValue {
	background-color:#fff;
	color:#fff;
	color:#2C9900;
	font-size:14px;
	background-color:#EDEDED;
	border:0px solid red;
	text-align:right;
	color:#525252;
}

.TotalCommande {
	color:#2C9900;
	font-weight:normal;
	background-color:#EDEDED;
	padding-right:15px;
	border:0px solid red;
	color:#525252;
	padding-bottom:5px;
}

.TotalCommandeRight {
	background-color:#ffffff;
}

/*----------------------------------------------------------------------------------
			>>les tableaux >> le recapitulatif du commande
----------------------------------------------------------------------------------*/
#recapitulatifPanier {
}

#recapitulatifPanier .recapitulatifPanier table thead th {
}

#recapitulatifPanier .recapitulatifPanier td.commandeRow2, .recapitulatifPanier td.commandeRow1 {
}

#recapitulatifPanier .recapitulatifPanier td.commandeRow2 strong, .recapitulatifPanier td.commandeRow1 strong {
}

/**************************************************************
zone adresse
**************************************************************/		
.zoneCoordonnees {
	padding-left:80px;
	width:779px;
	font-family:Arial, Helvetica, sans-serif;
	position:relative;
	display:table;
}

.zoneAdresse {
	margin-bottom:30px;
	margin-right:0px;
	font-size:12px;
	width:250px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding:5px;
	margin-top:0px;
	color:#A09D9D;
}

.zoneCoordonnees #c1 {
	float:left;
}

.zoneCoordonnees #c2 {
	float:right;
}

.zoneCoordonnees .zoneAdresse h3 {
	padding:0px;
	margin:0px;
	padding-bottom:2px;
}

.zoneCoordonnees .zoneAdresse a {
	color:#D00030;
	font-size:12px;
	font-weight:bolder;
	padding:0px;
	margin:0px;
	padding-right:5px;
	padding-top:5px;
	padding-bottom:5px;
	margin-right:10px;
	margin-right:5px;
	text-decoration:underline;
	width:119px;
	height:20px;
	position:relative;
	display:block;
	float:right;
	clear:both;
}

.zoneCoordonnees .zoneAdresse a {
	background-image:url(../../images/fd_gaucheBoutonRouge.gif);
	height:23px;
	line-height:20px;
	float:right;
	margin-right:40px;
	margin-top:22px;
	position:relative;
	
	
	background-color:transparent;
	background-position:left 0;
	background-repeat:no-repeat;
	border:0 none;
	color:#FFFFFF;
	cursor:pointer;
	display:block;
	
	font-size:13px;
	font-weight:bolder;
	height:32px;
	line-height:32px;
	margin:20px 0 0 50px;
	margin-right:20px;
	overflow:hidden;
	padding:0 0 0 17px;
	
	width:auto;
	text-decoration:none;
}


.zoneCoordonnees .zoneAdresse a span {
	background-image:url(../../images/fd_droitBoutonRouge.gif);
	height:32px;
	line-height:28px;
	
	background-position:right 0;
background-repeat:no-repeat;
border:0 none;
color:#FFFFFF;
cursor:pointer;
display:block;
float:left;
font-family:Arial,Helvetica,sans-serif;
font-size:13px;
font-weight:bolder;

overflow:hidden;
padding-right:17px;
position:static;
top:0;
}


/*----------------------------------------------------------------------------------
			>>les tableaux >> le panier 
----------------------------------------------------------------------------------*/
	

#panier col#c1 {
	/*miniature*/
				width:40px;
}

#panier col#c2 {
	/*designation*/
				width:240px;
}

#panier col#c3 {
	/*prix unitaire ttc*/
				width:140px;
}

#panier col#c4 {
	/*quantite*/
				width:80px;
}

#panier col#c5 {
	/*tva conditionnel*/
				width:140px;
}

#panier col#c6 {
	/*prix*/
				width:140px;
}

#panier col#c7 {
	/*poubelle*/
				width:20px;
}

/*----------------------------------------------------------------------------------
			>>les tableaux >> le panier recapitulatif
----------------------------------------------------------------------------------*/
		
		
#recapitulatifPanier col#c1 {
	/*miniature*/
				width:80px;
}

#recapitulatifPanier col#c2 {
	/*designation*/
				width:200px;
}

#panier .fondTitreEnTeteCommande td {
	border:0px;
}

#panier .fondTitreEnTeteCommande th {
	background-color:#d3d2d1;
	border:1px solid #EDEDED;
	border-bottom:0px;
	color:#000000;
	font-size:11px;
	height:34px;
	line-height:30px;
	padding-bottom:1px;
	padding-left:3px;
	padding-top:0;
	
	text-align:center;
	text-transform:none;

}

#panier .BasLigneCommande {
	border-top:#D00030 solid 0px;
	line-height:1px;
	font-size:1px;
	height:1px;
}

#panier {
	padding-right:50px;
	padding-left:80px;
	position:relative;
	overflow:hidden;

}
#panier form.validationPanier{
		padding-left:28px;
	padding-bottom:40px;
	position:relative;
	overflow:hidden;
	width:100%;
}
table.recapitulatifPanier {
	/* */width:723px;width:100%; 
	margin-bottom:0px;
}

div.recapitulatifPanier {
	margin-bottom:65px;
	padding:0px;
	text-align:left;
}

div.recapitulatifPanier table {
	padding-left:0px;
	width:100%;
	margin-left:0px;
	border:0px solid red;
}

div.recapitulatifPanier table th, div.recapitulatifPanier table td {
	width:auto;
}

.zoneRecapitulatif {
	background-color:#FFF;
	border:0px dotted #E8CAAD;
	color:#525252;
	width:250px;
}

/*ligne du total panier, recapitulatif et frais de livraison*/	
.recapitulatifPanier tfoot td.basTotalCommande, .recapitulatifPanier tfoot td.basTotalCommandeValue, .recapitulatifPanier td.basTotalCommande, .recapitulatifPanier td.basTotalCommandeValue, .commande tfoot td.basTotalCommande, .recapitulatifPanier tbody td.basTotalCommande {
	border-style:solid;
	border-color:#A09D9D;
	background-color:#A09D9D;
	color:#fff;
	padding:0px;
	height:auto;
	padding-top:3px;
	padding-bottom:3px;
}

.recapitulatifPanier tfoot td.basTotalCommandeValue,  .recapitulatifPanier td.basTotalCommandeValue, .recapitulatifPanier tbody td.basTotalCommande {
	border-style:solid;
	border-color:#A09D9D;
 background-color:#A09D9D;
 color:#fff;
	font-weight:bolder;
	font-size:16px;
}

#panier .recapitulatifPanier td.TotalCommandeValue {
	text-align:right;
	padding-right:20px;
}

/*----------------------------------------------------------------------------------
			>> commandes 
----------------------------------------------------------------------------------*/
.commande th.fondTitreEnTeteCommande {
	padding:0px;
	margin:0px;padding-left:3px;
	border:0px;	padding-right:2px;border:1px solid #808080;
}

.commande th.fondTitreEnTeteCommande b {
	text-transform:none;
	text-align:center;
	font-size:11px;
	color:#000;
	border-bottom:0px dashed #808080;
	/*border-left:1px solid #808080;
	border-right:1px solid #808080;
	border:1px solid #808080;*/
	
	padding-bottom:1px;
	padding-top:0px;

	background-color:#ffffff;
	display:block;
	position:relative;
	width:100%;
	height:34px;
	line-height:30px;
}

.commande th.fondTitreEnTeteCommande a img {
	padding:0px;
	border:0px;
	float:left;
}

.commande .fondTitreEnTeteCommande th {
	background-color:#FFFFFF;
	border:1px solid #808080;
	color:#000000;
	font-size:11px;
	height:34px;
	line-height:30px;
	padding-bottom:1px;
	padding-left:3px;
	padding-top:0;
	
	text-align:center;
	text-transform:none;
}




.fondTitreEnTeteCommande td {
	background-color:transparent;
}

.commande th {
	color:#F3A3CB;
}

.commande tr {
	height:auto;
}

.commande .commandeRow2, .commande .commandeRow1 {
	border-bottom:1px solid #EDEDED;
	border-top:0px solid #EDEDED;
	vertical-align:top;
	padding-top:0px;
	padding-bottom:0px;
	font-size:11px;
	background-image:none;
}

.commande .commandeRow2 {
}

/*icone facture*/
.commande .commandeRow2 a, .commande .commandeRow1 a {
	padding:0px;
	margin:0px;
}

.commande .commandeRow2 a img, .commande .commandeRow1 a img {
	border:0px;
	padding:2px;
	margin:0px;
}

#filtreCommande {
	margin:4px;
	margin-bottom:10px;
	clear:both;
	padding-top:5px;
	padding-bottom:5px;
	vertical-align:middle;
	padding-right:5px;
	position:relative;
	z-index:50;
}

#filtreCommande .submitBouton {
	float:none;
	clear:none;
	display:inline;
	margin:0px;
	vertical-align:middle;
	width:72px;
	margin-left:10px;
}

#filtreCommande button {
	background-image:url(../../images/fd_gaucheBoutonRouge.gif);
	height:23px;
	line-height:20px;
	float:none;
	margin-right:40px;
	margin-top:22px;
	position:relative;
	clear:left;
	left:0px;
}

#filtreCommande button span {
	background-image:url(../../images/fd_droitBoutonRouge.gif);
	height:23px;
	line-height:20px;
}
#filtreCommande input {
	line-height:16px;
	height:16px;
}
#filtreCommande .submitDate {
	background-color:#ECEAEB;
	background-image:none;
	border:1px solid #9A9A9A;
	clear:both;
	color:#D00030;
	display:inline;
	float:none;
	height:16px;
	margin:-2px 0px 0px;
	padding:0px;
	text-align:center;
	vertical-align:middle;
	font-weight:bolder;
	width:16px;
	font-size:14px;
	line-height:16px;
}

/*----------------------------------------------------------------------------------
			>> inscription
----------------------------------------------------------------------------------*/
table.identification {
	padding:0px;
	margin:0px;
}

table.identification td.cadreInscription {
}

.cadreInscription {
	padding:10px;
	vertical-align:top;
	background-color:#FFFFFF;
}

.cadreInscription p {
	font-size:12px;
}

.cadreInscription h2 {
	font-weight:bolder;
	font-weight:normal;
	clear:both;
	margin:0px;
	padding:0px;
	border-bottom:none;
	padding-bottom:7px;
	text-transform:none;
}

.cadreInscription form {
	width:100%;
	text-align:center;
	padding-bottom:15px
}

div.formulaire {
	display:inline;
}

.cadreInscription table.formulaireCompteClient {
	width:auto;
	margin-right:0px;
	padding:0px;
}

.cadreInscription table.formulaireCompteClient td {
	font-size:12px;
	vertical-align:top;
}

.cadreInscription .submitBouton {
	margin-right:0px;
	float:none;
}

#mon_adresse {
	padding-left:80px;
}

.compteClient div.identification {
	padding:0px;
	margin:0px;
	clear:both;
	font-size:11px;
	float:none;
	display:block;
	padding-top:30px;
	min-height:325px;
	height:auto !important;
	height:325px;
	position:relative;
	overflow:hidden;
	color:#A2937E;
	padding-bottom:1px;
}

div.identification #c1 {
	/*inscription*/
				width:350px;
	position:absolute;
	left:40px;
}

div.identification #c1 .submitBouton {
	margin-top:10px;
}

div.identification #c2 {
	/*authentification*/
				width:350px;
	left:530px;
	position:absolute;
}

div.identification #c2 form {
	margin:0px;
	padding:0px;
	padding-top:5px;
}

div.cadreInscription {
}

.cadreInscription {
	border:0px;
}

div.identification col#c1 {
	width:120px;
	position:inherit;
	left:0px;
}

div.identification col#c2 {
	width:166px;
	position:inherit;
	left:0px;
}

.cadreInscription h2 {
	color:#A09D9D;
	font-size:18px;
	margin:0px;
	padding:0px;
	position:absolute;
	margin-top:-30px;
}

.cadreInscription a {
color:#B50B02;
font-weight:bolder;
	text-decoration:underline;
}

.cadreInscription table a, .hautTotalCommande {
color:#B50B02;
font-weight:bolder;
	text-decoration:none;
	vertical-align:middle;
}
.cadreInscription table td.hautTotalCommande input {vertical-align:middle; margin-right:2px;}
.cadreInscription a:hover {
	color:#A09D9D;
}

.cadreInscription table.formulaire a {
	color:#B50B02;
	font-size:12px;
	font-weight:bolder;
	height:39px;
	line-height:18px;
	padding:8px 10px 8px 0px;
	text-decoration:underline;
	text-indent:0px;
	width:37px;
}

.cadreInscription p {
	font-size:11px;

	line-height:16px;
	letter-spacing:0.03em;
}
.cadreInscription p.messageError {
	letter-spacing:normal;
	line-height:inherit;
	padding-left:40px;
}
.cadreInscription .submitBouton {
}

#c1 .submitBouton {
	margin-top:30px
}

.compteClient .cadreInscription  .submitBouton {
	margin-top:8px;
	margin-bottom:10px;
	left:0px;
}

.cadreInscription p.messageResultatErreur {
	margin:0px;
	line-height:inherit;
	border:0px;
	color:#fff
}

.cadreInscription p.messageResultatErreur img {
	background-color:#FFFFFF;
}

div.messageDePrevention {
	background-color:#DF53B8;
	border:1px solid #fff;
	color:#000;
}

div.messageDePrevention a {
	color:#000;
}


/*----------------------------------------------------------------------------------
			>>formulaire
----------------------------------------------------------------------------------*/

/*---------------------------------------------------------------------
				formulaires
----------------------------------------------------------------------*/

.blocFormulaire a.lienAction, .blocResultat a.lienAction {
	font-weight:bolder;
	display:block;
	float:right;
	clear:both;
	font-size:12px;
}

.formulaire, .formulaire input, .formulaire textarea, .formulaire td {
	font-size:12px;
	text-align:left;
}

.formulaire input {
	line-height:18px;
	height:18px;
}

.formulaireCompteClient {
	padding-bottom:0px;
	margin-bottom:0px;
}

table.formulaire td, table.formulaireCompteClient td {
	padding-bottom:5px;
	font-size:12px;
	padding-right:5px;
	padding-left:15px;
	vertical-align:top;
}

table.formulaireCompteClient td {
	font-size:12px;
}

#zoneCentrale table.formulaire td label, #zoneCentrale table.formulaire td label {
	white-space:normal;
	font-size:12px;
	padding-right:15px;
	vertical-align:middle;
}

table.formulaire a {
	font-weight:bolder;
	vertical-align:top;
}

table.formulaire a.lien {
	font-weight:normal;
	font-size:12px;
	color:#666666;
}

.pageTexte p {
	font-size:12px;
	float:none;
	
}

.commentaire {
	padding:0px;
	margin:0px;
	font-size:12px;
}

/*---------------------------------------------------------------------
				formulaires >bloc resultat
----------------------------------------------------------------------*/

.blocResultat {
	margin-left:0px;
	font-size:12px;
}

.blocResultat a {
	font-weight:bolder;
}

.blocResultat label {
/*font-size:0.8em;*/

}

.blocResultat i {
	display:block;
}

/*---------------------------------------------------------------------
				formulaires >bloc formulaire
----------------------------------------------------------------------*/
.blocFormulaire {
	margin:0px;
	padding:0px;
	margin-left:28px;
	margin-right:25px;
	padding-left:28px;
	padding-right:25px;
	padding-top:10px;/**/
	clear:both;
	color:#A09D9D;
	
}

.blocFormulaire table, .blocFormulaire .formulaire {
	display:block;
	float:none;
	padding-top:10px;
}

.blocFormulaire table, .blocFormulaire .formulaire .formulaire {
	border-left:0px;
}

.blocFormulaire .formulaire {
	padding-left:10Px;
}

.blocFormulaire td {
	color:#A09D9D;
	font-size:12px;
	padding-bottom:0px;
}

.blocFormulaire .formulaire td {
	height:auto;
	padding-bottom:2px;
	padding-top:2px;
}

.blocFormulaire .formulaire td.commentaire, .blocFormulaire .commentaire {
	color:#afd615;
}

/*---------------------------------------------------------------------
				formulaires >les boutons de validation
----------------------------------------------------------------------*/
.submitDate {
	height:19px
}


button.submitBouton, button {
	margin:0px;
	padding:0px;
	background-image:url(../../images/fd_gaucheBoutonRouge.gif);
	background-repeat:no-repeat;
	background-position:left 0px;
	border:0px;
	background-color:transparent;
	line-height:32px;
	height:32px;
	position:relative;
	width:auto;
	overflow:hidden;
	display:block;
	font-size:13px;
	font-weight:bolder;
	color:#fff;
	text-indent:none;
	padding-left:17px;
	float:left;
	margin-left:50px;
	margin-top:20px;
	cursor:pointer;
}
button.submitBouton:hover, button:hover {
	text-decoration:underline;
	
}
.compteClient button.submitBouton, .layout.vierge button.submitBouton {
	float:none;
	margin-right:40px;
	margin-top:22px;
	position:relative;
	clear:left;
	left:490px;
}

.compteClient button.submitBouton span,  .layout.vierge  button.submitBouton span{
}
.newsletter button.submitBouton {
	float:none;
	margin-right:40px;
	margin-top:22px;
	position:relative;
	clear:left;
	left:330px;
}

.newsletter button.submitBouton span {
}


a.submitBouton {
	margin:0px;
	padding:0px;
	background-image:url(../../images/fd_gaucheBoutonRouge.gif);
	background-repeat:no-repeat;
	background-position:left 0px;
	border:0px;
	background-color:transparent;
	line-height:32px;
	height:32px;
	position:relative;
	width:inherit;
	overflow:hidden;
	display:table;
	font-size:13px;
	font-weight:bolder;
	color:#fff;
	float:left;
	padding-left:17px;
	margin-top:20px;
	clear:none;
}


.submitBouton span, button span {
	background-image:url(../../images/fd_droitBoutonRouge.gif);
	background-repeat:no-repeat;
	background-position:right 0px;
	border:0px;
	display:block;
	line-height:32px;
	height:32px;
	padding-right:17px;
	float:left;
	font-size:13px;
	font-weight:bolder;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	position:static;
	top:0px;
	overflow:hidden;
	cursor:pointer;
}

button.submitBouton span, button span {
	line-height:28px;
}




.processusCommande button.submitBouton {
	bottom:0px;
	left:700px;
	padding-bottom:60px;
}
.processusCommande #panier button.submitBouton {
	left:650px;
	
}
.processusCommande button.submitBouton span {
	padding-left:20px;
	padding-right:37px;
 }
/*bug ie6*/
*html .processusCommande .submitBouton {
	margin-bottom:1px;
}
/**/
#panier .bigSubmitBouton, #choix_lieu_livraison .bigSubmitBouton, #commande .bigSubmitBouton {
	margin-right:0px;
	margin-top:15px;
}

.vierge #colonneDroite .pageTexte.inscription button.submitBouton {
	left:360px
}

.processusCommande #paiementPaypal{
	padding-top:20px;
	width:300px;
	left:400px;
	position:absolute;
}
.processusCommande #paiementPaypal p{
	font-size:10px;
}
.vierge #colonneDroite .pageTexte.inscription form {
	margin:0px;
	position:relative;
	overflow:hidden;
	/*padding-bottom:1px;*/
}

button.submitBouton img, .pageTexte button.submitBouton img {
	margin:0px;
	padding:0px;
	border:0px;
}

/*----------------------------------------------------------------------------------
			>>personnalisation par formulaire
----------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------
			>>contactez-nous
----------------------------------------------------------------------------------*/
#message {
	margin-top:20px;
	font-size:12px;/*width:inherit;
			display:table;*/
			
}

#message .blocFormulaire {
}

#message .blocFormulaire table #c1 {
	width:180px;
}

#message .blocFormulaire table #c2 {
}

#message .submitBouton {
}

#message .remarque {
	width:380px;
	margin-right:0px;
}

/*----------------------------------------------------------------------------------
			>>choix lieu de livraison
----------------------------------------------------------------------------------*/
#zoneCentrale #container #choix_lieu_livraison {
	padding-left:50px;
}

#blocGauche {
	width:49%;
	float:left;
	clear:none;
	margin:0px;
	padding:0px;
	overflow:hidden;
	margin-right:1%;
}

#blocDroit {
	float:left;
	width:49%;
	overflow:hidden;
	clear:none;
	margin:0px;
	padding:0px;
}

#choix_lieu_livraison .bigSubmitBouton {
	margin-right:20px;
}

.remarque {
	width:760px;
	margin-right:0px;
}

/*----------------------------------------------------------------------------------
			>>recapitulatif frais de livraison
----------------------------------------------------------------------------------*/
/*recapitulatif montant en bas frais de livraison*/	
#zoneCentrale #container #livraison {
	padding-left:50px;
}
#livraison .formulaire .commandeRow1 div, #livraison .formulaire .commandeRow2 div{
	padding-bottom:5px;
}
 #livraison .formulaire .commandeRow2 {
background-color:#F6F5F4;
border-top:0 none;
}
#livraison .formulaire .commandeRow1 a, #livraison .formulaire .commandeRow2 a{
	vertical-align:top;
}
#zoneCentrale #container #commande {
	padding-left:50px;
	
}

#commande .recapitulatifPanier {
	margin:0px;
	padding-left:28px;
	padding-bottom:30px;
}

#commande .recapitulatifPanier .basTotalCommande {
	text-align:right;
	font-size:14px;
	padding-right:20px;
}


/*----------------------------------------------------------------------------------
			>>recapitulatif commande
----------------------------------------------------------------------------------*/

#panier tfoot td.basTotalCommandeValue {
	text-align:right;
	padding-right:20px;
}

#panier td.TotalCommandeValue {
	vertical-align:middle;
}

#adresses_cli {
	color:#BE021B;
	padding-bottom:35px;
}

#zoneCentrale #container #paiement {
	clear:both;
	display:block;
	position:relative;
	overflow:hidden;
}

#zoneCentrale #container #paiement table.formulaire td label {
	padding-right:0px;
}

#zoneCentrale #container #paiement table.formulaire td label img{
	float:right;
	margin-left:5px;
	clear:right;
}
#zoneCentrale #container #paiement table.formulaire td label p {
	margin-right:80px;
}
#remiseFidelite {
	padding-left:50px;
	border-top:1px solid #E0DDDD;
	border-bottom:1px solid #E0DDDD;
	background-color:#F6F5F4;
}
#remiseFidelite input{
	border:0px; vertical-align:middle;
}
#remiseFidelite .blocFormulaire {
	margin-left:0px;
	padding-bottom:5px;
	
}
#remiseFidelite .blocFormulaire a {
color:#B40C02;
}
.recapitulatifObservation {
	padding-left:50px;
}

#paiement .blocFormulaire{
	padding-bottom:30px;}
/*----------------------------------------------------------------------------------
			>>barre de navigation haut de page du processus d'achat
----------------------------------------------------------------------------------*/
					
.processusAchat {
background-color:transparent;

padding-left:380px;
position:relative;

overflow:hidden;
background-image:url(../../images/titre_etapeAchat.gif);
height:52px;
background-repeat:no-repeat;
background-position:left top;
margin-bottom:15px;
}

.processusAchat a {
	float:none;
	padding-top:0px;
	padding-bottom:0px;
	background-repeat:no-repeat;

	
	font-size:12px;
	font-weight:bolder;
	color:#A09D9D;
	display:block;
	
	float:left;
	background-repeat:no-repeat;
	background-position:0px center;
	letter-spacing:-0.03em;
	line-height:52px;
	padding-left:35px;
	margin-left:20px;
	white-space:nowrap
}

.processusAchat a:hover {
	color:#B40C02;
	text-decoration:underline
}

.processusAchat a.selected {
	font-weight:bolder;
	color:#B40C02;
	width:auto;
}

.processusAchat a b {
	position:absolute;
	overflow:hidden;
	display:block;
	float:left;
	text-indent:-200px;
	top:-80px;
}

.processusAchat a.selected b {

}

#processus1 {
	background-image:url(../../images/etape1.gif);
}

#processus2 {
		background-image:url(../../images/etape2.gif);
}

#processus3 {
		background-image:url(../../images/etape3.gif);
}

#processus4 {
		background-image:url(../../images/etape4.gif);
}

#processus1Selected {
		background-image:url(../../images/etape1_on.gif);

	}

#processus2Selected {
		background-image:url(../../images/etape2_on.gif);

	}

#processus3Selected {
		background-image:url(../../images/etape3_on.gif);

}

#processus4Selected {
		background-image:url(../../images/etape4_on.gif);

}

/*----------------------------------------------------------------------------------
			>>barre de navigation bas de page du processus d'achat
----------------------------------------------------------------------------------*/
.processusCommande .navigationProcessusAchat {
}

.processusCommande .navigationProcessusAchat table {
	width:auto; width:inherit;
	margin:0px;
	padding:0px;
	position:relative;
	overflow:hidden;
}

.processusCommande .navigationProcessusAchat {
	margin:0px;
	/*padding-bottom:2px;*/
}
/*hack ie6 */
*html .processusCommande .navigationProcessusAchat {
padding-bottom:1px;
	
}
.processusCommande .navigationProcessusAchat table {
	width:auto;
}

.processusCommande .navigationProcessusAchat table td {
	/*white-space:nowrap;*/
}

.processusCommande .navigationProcessusAchat a {
}

.processusCommande .navigationProcessusAchat a.lien {
}

.processusCommande .navigationProcessusAchat a:hover {
	text-decoration:underline
}

/*----------------------------------------------------------------------------------
			customisation de la class error box / aux formulaire
----------------------------------------------------------------------------------*/

div.errorBox {
	color:#ff0022;
	margin-bottom:5px;
	font-size:11px;
	background-image:url(../../images/erreur.gif);
	background-repeat:no-repeat;
	height:30px;
	line-height:30px;
	text-indent:30px;
}

td div.errorBox {
	padding:0px;
	font-size:10px;
	float:left;
	position:relative;
	overflow:hidden;
	background-image:none;
	text-indent:inherit;
	line-height:inherit;
	height:inherit;
	letter-spacing:-0.05em;
}

td div.errorBox input {
	background-color:#ff0022;
	color:#fff;
	font-size:12px;
	margin-right:2px;
}
/*---------------------------------------------------------------------
				zone code promo
----------------------------------------------------------------------*/
#codePromo {
	position:relative;

	
	text-align:left;
	margin-left:361px;
	margin-top:1px;
	background-color:#d3d2d1;
	padding:1px;


}

#codePromo form {
	font-size:0.95em;
	color:#525252;
	font-weight:bolder;
	white-space:nowrap;
	padding:5px;
	padding-left:86px;
}

#codePromo form input {
	font-size:1em;
	height:16px;
	font-weight:normal;
		vertical-align:middle;
}

#codePromo form .submitBouton {
	background-image:none;
	clear:both;
	font-size:12px;
	display:inline;
	float:none;
	padding:0px;
	margin:0px;
	width:auto;
	height:auto;
	font-weight:bolder;
	text-align:center;
	padding-right:2px;
	color:#C40803;
	vertical-align:bottom;
	background-color:#FFFFFF;
	border:1px solid #C40803;

	padding:0px;

	vertical-align:middle;
}

/*---------------------------------------------------------------------
				zone texte marchand caddie
----------------------------------------------------------------------*/
#aideCaddie {
	margin:0px;
	padding:0px;
	text-align:center;
	width:250px;
	width:370px;
	margin-left:20px;
}

#aideCaddie p {
	margin:0px;
	text-align:left;
	background-color:none;
	padding-bottom:10px;
	overflow:visible;
	font-weight:normal;
	/*background-image:url(images/fd_avertissement.gif);
			background-repeat:no-repeat;*/
			font-size:10px;
}