/*----------------------------------------------------------------------------------
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; 
	color:#F77600;
	background-color:#B4315A;
	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}

.commandeRow2 {
				 background-color:#ffffff;
				 /*border-bottom:1px solid #999999;*/
				 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;
}

.commandeRow1 {
				background-color:#fff;padding-right:3px;padding-left:3px;
				/*background-image:url(img/row1.gif); */
				background-repeat:repeat-x;
				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:#8F1A61; text-decoration:none; font-weight:bold;}
.fondTitreEnTeteCommande a:hover { color:#FFFFFF; text-decoration:underline}

/**********************************************	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;
	
}
/******************************************************* recapitulatif */
.zoneCoordonnees{
	padding-left:80px;  
	width:80%; 
	font-family:Arial, Helvetica, sans-serif; 
}
.zoneAdresse{
	margin-bottom:30px;margin-top:40px;
	margin-right:0px;
	
	font-size:12px;
	width:250px; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	 border:1px solid #AB224D; padding:5px;
	color:#6C6067; 
}

.zoneCoordonnees .zoneAdresse b{ 
	display:block;
	padding:0px; 
	margin:0px;
	/*background-color:#AE397F;*/
	padding-bottom:2px;
	padding-left:3px;
	padding-right:3px;
	color:#AB224D; 
}

/*----------------------------------------------------------------------------------
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;
}

/*----------------------------------------------------------------------------------

----------------------------------------------------------------------------------*/
	
.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;
}




/*---------------------------------------------------------------------
				formulaires
----------------------------------------------------------------------*/
img.noBorder {
				 border:0px;
}
.blocFormulaire, .blocResultat{
					border:1px solid #767676;					
					margin:0px; padding:0px;
					margin-left:28px;
					margin-right:25px;
					margin-bottom:25px;
					padding-left:28px;
					padding-right:25px;
					padding-top:10px;
					
					clear:both;
					background-color:#FFFFFF;

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

}
.blocResultat a{
					font-weight:bolder;
}
.blocResultat label{
					/*font-size:0.8em;*/

}
.blocResultat i { 
					display:block;

}
.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;
}	

.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;}
	

					
table.formulaire a {
					font-weight:bolder;}
					
table.formulaire a.lien {
					font-weight:normal; font-size:12px; color:#666666;}					
.pageTexte p{ 
					font-size:12px; float:none; clear:both;}
				
				
.commentaire{		padding:0px; margin:0px;
					padding-left:10px;
					font-size:12px;
}		

/*---------------------------------------------------------------------
				bouton de validation
----------------------------------------------------------------------*/
.submitBouton, .bigSubmitBouton, .smallSubmitBouton, .bigSubmitBoutonImage {
					background-image:url(images/boutonJeValide.gif);
					background-repeat:no-repeat;
					background-position:0px 6px;
					border:0px;
					background-color:white;
					
					padding:0px;
					padding-left:21px;
					text-indent:3px;
					margin:0px;
					margin-bottom:25px;
					margin-left:25px;

					display:block;
					cursor:pointer;
					float:right; clear:both;
					
					width:169px;
					height:37px;
}
.bigSubmitBouton, .bigSubmitBoutonImage { font-size:18pt; float:right; clear:both;display:block;}

/*utilisation dans le recapitulatif du panier
type "image" à spécifier dans la page
*/
.bigSubmitBoutonImage { background-image:none;}

.smallSubmitBouton	{font-size:12pt;float:right; clear:both; margin-bottom:5px;}

.submitBouton:hover, .bigSubmitBouton:hover, .smallSubmitBouton:hover, .bigSubmitBoutonImage:hover{ border:0px; color:black;}	

.submitDate { height:19px }	


 
/*---------------------------------------------------------------------
				nouveau processus d'inscription
----------------------------------------------------------------------*/
table.identification{padding:0px; margin:0px;}

table.identification td.cadreInscription { 
					width:49%}

.cadreInscription {
					border:1px solid #000000;
					padding:10px;
					vertical-align:top;
					background-color:#FFFFFF;
					
}
.cadreInscription p{font-size:12px;}
.cadreInscription h2{
					color:#000000; 
					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;}

div.formulaire{
					display:inline;}
p.messageResultatErreur, p.message, .messageResultatOk {
					color:#db2121;
}
.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;}
/*---------------------------------------------------------------------
				recapitulatif du processus d'achat
----------------------------------------------------------------------*/
.processusAchat { 	
}
					
.processusAchat a{ 	
					}
.processusAchat a.selected {
					color:#000; font-weight:bolder;width:109px
					}
					
#processus1{
					/*background-image:url(images/processus_1.gif);
					background-repeat:no-repeat;*/

}					
#processus2{
					/*background-image:url(images/processus_2.gif);
					background-repeat:no-repeat;*/

}					
	
#processus3{
					/*background-image:url(images/processus_3.gif);
					background-repeat:no-repeat;*/

}					
#processus4{
					/*background-image:url(images/processus_4.gif);
					background-repeat:no-repeat;*/

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

.recapitulatifPanier div.recapitulatifPanier{ 
					border:0px solid black; }
					
.recapitulatifPanier table { 
					width:100%}

.recapitulatifPanier table a.itemProduit{
					width:240px;}
					
.recapitulatifPanier table thead  th{ 
					text-transform:uppercase;  text-align:center; 
					font-size:12px;color:black;
					/*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;
					} 
					
.recapitulatifPanier tr { padding:1px}					
 
.recapitulatifPanier td.commandeRow2, .recapitulatifPanier td.commandeRow1 {
					 padding-top:5px;  padding-left:6px;padding-right:6px;
					 margin-top:1px;
					 border-bottom:1px dashed #808080; border-top:1px dashed #808080;}	
					 
.formulaire td.commandeRow2, .formulaire td.commandeRow1 { border:0px}

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

.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;

}	
/*                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;
}


/*                 barre de navigation                               */
.navigationProcessusAchat {text-align:left; float:left;  }
.navigationProcessusAchat table { width:auto; padding-top:25px;margin-bottom:60px;}
.navigationProcessusAchat table td {
					white-space:nowrap;
}
.navigationProcessusAchat a{
					color:#000;
					font-weight:bolder;
					text-decoration:none; font-size:12px;
					padding-right:65px}
					
.navigationProcessusAchat a.lien{
					padding-right:25px}

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


		
/*---------------------------------------------------------------------
				les commandes
----------------------------------------------------------------------*/
 table.commande	{ width:100%;  }
 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;
}				 

form {position:relative;/*bug ie6 2008-03-16*/}

#paiementPaypal{
	margin-top:10px;
	margin-right:10px;
	position:relative;
	color:#666666;
	font-size:11px;
	padding:5px;
}

#paiementPaypal a{
	text-align:right;
	display:block;
	width:145px;
	float:right;
	height:30px;
	overflow:hidden
}
#paiementPaypal p {
	margin-right:155px}