/*----------------------------------------------------------------------------------
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 {
	text-decoration:none;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
.hautTotalCommande a {
	font-weight:600;
}

.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; color:#34A3B8}

.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{ 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-weight:bolder;
					 }
.basTotalCommandeValue,.basTotalCommandeRight{ border:1px solid #a58c64}
.basTotalCommandeValue,.basTotalCommandeRight {border-left:0px;}

.basTotalCommandeValue, .basTotalCommande{
					font-size:14px;font-weight:bolder; height:34px;
					text-align:right;
					text-transform:uppercase;}
			
.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;
	 padding:5px;
	color:#6C6067; 
}
.zoneAdresse{
				border:1px solid #20AFAF;
}		
.zoneCoordonnees .zoneAdresse b{ 
				color:#20AFAF;
}	

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

}

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

.zoneRecapitulatif{
	padding-top:20px;
		width:250px; color:#6C6067; }
			
.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{
    background-color: #FFFFFF;
    border-color: #000;
    border-bottom-style: dotted;
    border-bottom-width: 1px;

    border-top-style: dotted;
    border-top-width: 1px;
    clear: both;
    margin-bottom: 25px;

    margin-right: 25px;
    margin-top: 0;
    padding-bottom: 0;

    padding-right: 25px;

}


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

/*---------------------------------------------------------------------
				bouton de validation
----------------------------------------------------------------------*/


/*---------------------------------------------------------------------
				recapitulatif du processus d'achat
----------------------------------------------------------------------*/
.processusAchat { 	
}
					
.processusAchat a{ 	
					}
.processusAchat a.selected {
	font-weight:bolder; font-style:italic; color:#20AFAF;font-size:12px;
	
				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-align:center; 
					font-size:11px;color:black;
					padding-left:3px;
					padding-right:3px;
					padding-bottom:13px;padding-top:13px;
					background-color:#F9F9F7;
					border:1px solid #000;
					border-left:0px;
					border-bottom:0px;

					} 
.recapitulatifPanier table thead  td+td+th{ 					
					border-left:1px solid #000;
}
					
.recapitulatifPanier tr { padding:1px}					
 
.recapitulatifPanier td.commandeRow2, .recapitulatifPanier td.commandeRow1 {
					 padding-top:5px;  padding-left:6px;padding-right:6px;
					 margin-top:1px;
					}	
					 
.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{

}		
	
	.recapitulatifPanier tfoot td.basTotalCommande, .recapitulatifPanier tfoot td.basTotalCommandeValue, .recapitulatifPanier td.basTotalCommande, .recapitulatifPanier td.basTotalCommandeValue, .commande tfoot td.basTotalCommande, .recapitulatifPanier tbody td.basTotalCommande {
    height: auto;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    width: 20%;
	}

.recapitulatifPanier tfoot td.basTotalCommande, .recapitulatifPanier  td.basTotalCommande{
					border-right:0px;
					background-color:#34A3B8;
					color:#fff;
					border:1px solid #000;
				border-right:0px;
}

 .recapitulatifPanier tfoot td.basTotalCommandeValue, .recapitulatifPanier  td.basTotalCommandeValue{
 					border-left:0px;
					text-align:center;
					vertical-align:middle;
}

.recapitulatifPanier tbody td.basTotalCommande { /* total frais de livraison*/
text-align:center;

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