/* CSS Document */
/* messages loginbox */
p.errorAuth {
margin:0 20px;
}


/* suivi de commande */
#listcommande {}
#listcommande h2.recap {
margin:0;
padding:0;
padding:20px 0 0;
width:581px;
height:33px; /* 53 - 20 */
background:url(images/fondH2ListCommande.gif) 0 0 repeat-x;
font-size:1.1em;
}
#listcommande h2.recap span {
display:block;
float:left;
}
#listcommande h2.recap span.dateCmd {
padding-left:31px;
width:189px; /* 220 - 31 */
}
#listcommande h2.recap span.statutCmd {
padding-left:17px;
width:193px; /* 210 - 17 */
font-weight:normal;
}
#listcommande h2.recap span.switchCmd {
padding-left:12px;
width:138px; /* 150 - 12 */
font-weight:normal;
}
#listcommande h2.recap span.switchCmd a {
color:#ba5a76;
display:block;
background:url(images/listLinkAffiche.gif) 93px 4px no-repeat;
}
#listcommande h2.recap span.switchCmd a.invert {
background:url(images/listLinkMasque.gif) 93px 4px no-repeat;
}

/* fin suivi de commande */
.listeEtapes{background:url(images/produits/fondTitre.jpg) repeat-x; border-bottom:1px dotted #666;}
.titreEtapes span{display:none;}

table.listeProduitsPanier{width:58em; font-size:1em;}
table.listeProduitsPanier th{ 
font-size:1.1em;
			
height:2.9em;
margin-right:0.2em; 
			
font-weight:normal; 
text-align:left; 
background:#ebe8ec; 
border-top:1px solid white;
border-bottom:1px dotted #666; 
}
table.listeProduitsPanier th.retirer {width:4em}
		
table.listeProduitsPanier td{background:#f5f2f1; vertical-align:middle; border-top:1px solid #fff;border-bottom:1px dotted #999; height:8.5em;}
#centre table.listeProduitsPanier td.contenance{ font-size:1.1em;}
		
.imagesProduitsPanier{width:8.3em; padding-left:1em}
.libelle{width:17.8em;}
.enleverProduit a{ background:url(images/panier/supp.jpg) no-repeat;width:3.4em; display:block; height:3.2em;margin-top:0.7em;}
.enleverProduit a span{ display:none;}
	
.listeProduitsPanier td.quantiteProduits{width:4em}
.listeProduitsPanier td.prix { width:12.7em;}
	.listeProduitsPanier td.prix p{ margin:0;}
	.listeProduitsPanier td.prix p span{ color:#666666;}
		
	.listeProduitsPanier tr.finale td{  text-align:right; height:3em; }
	.listeProduitsPanier tr.finale td p{ margin-right:2em}
		
	.listeProduitsPanier tr.totalPayer td{background:#fcf7c4;height:3em;}
	.listeProduitsPanier tr.totalTTC td{background:#fffce1; border-top:1px solid #fff;border-bottom:1px dotted #df8e01;}
		.listeProduitsPanier tr.totalPayer td.cheque{
			text-align:right; 
			padding-right:3.5em; 
			font-weight:bold; 
			border-bottom:1px dashed #df8e01; 
			vertical-align:top
		}
		.listeProduitsPanier tr.totalTTC td h2{ font-size:1.3em;margin-right:2em; margin-top:1em;}
		
	.petit{ font-size:0.8em}
.finPanier{ text-align:right; margin-bottom:5em; width:48.3em;}	

#confirmation{ 
	background:#edfff3; 
	width:58em;
	border-bottom:1px solid #edfff3; 
	border-top:1px dashed #666;
}
	#confirmation #bienvenue{
		color:#10a42c; 
		font-size:1.8em; 
		font-weight:normal; 
		padding-top:1em; 
		width:26em; 
		margin-left:5em;
	}
		#confirmation #bienvenue span{color:#666666;}
	#confirmation img{ margin:2em; float:left;}
	#confirmation p { width:36.0em; font-size:1.3em; margin-bottom:1em; margin-left:7em;}

	.listeProduitsPanier td.quantiteProduitsConf{text-align:center; font-weight:bold;}
	.listeProduitsPanier tr.totalPayerConf td{background:#fdf7c5; border-bottom:1px dashed #df8e01; padding:1em 0;}
		.listeProduitsPanier tr.totalPayerConf td p{margin:0;margin-right:2em;}

.validerPanier{margin:0}		

#adresses{ background:#f6f2f1; width:58em; border-bottom:1px dashed #666;}
	#adresses div{float:left; width:45%; padding-left:2em;}
		#adresses div p{ padding-left:3em;}
			#adresses div p.facultatif{ background:#ece8e7; padding-top:1em; padding-bottom:1em;}
			
.adressesLivraison{background:#f6f2f1; width:58em; border-bottom:1px dashed #666;}
	.adressesLivraison th{ font-size:1.8em; text-align:left; padding:0.6em 0;border-top:1px dashed #666;}
		.adressesLivraison th h2{ font-size:1em;}
		.adressesLivraison th.sansPointille{border-top:none;}
	.adressesLivraison td{ height:2em; vertical-align:top; padding:0em 1em 1em 1em;}
		.adressesLivraison td.libelleForm{ text-align:right;}
		.facultatifForm	td{ background:#ece8e7;}
		.facultatifForm	td.normale{background:#f6f2f1;}	
		.facultatifForm b{font-size:1.2em;}
		
#memeAdresse{ 
	background:#fdf7c5;
	border-bottom:1px dashed #df8e01; 
	color:#df8e01; 
	text-align:center; 
	height:3em; 
	width:58em; 
	padding-top:1.0em;
	font-weight:bold;
}
	#memeAdresse p{ font-size:1.4em; margin:0; }
		#memeAdresse p label{cursor:pointer;}
		
#facturation,#livraison{_padding-top:1em;}
		
.creationCompte{background:#E6EFDE; width:58em; border-top:1px dashed #666;}
	.creationCompte th{ text-align:left;}
	.creationCompte td{height:2em; vertical-align:top; padding:0em 1em 1em 1em;}		
	.creationCompte h2{ font-size:1.6em; margin-top:0.5em;}
	
	.optionCreationCompte{background:#DBE2D0;}
	.optionCreationCompte h2{ font-size:1.4em; margin-top:0.7em;}
	
	.labelCreation{ text-align:right;}
	.inputCreation a{color:#38A727; text-decoration:underline;}
	
	
	
#formulairesLivraison{background:#f5f2f1; border-top:1px dotted #666;border-bottom:1px dotted #666;width:58em;}

#formulairesLivraison h2{border-top:1px solid white;margin:0; padding:1em 1em 2em 1em;}
#formulairesLivraison table{margin:0 1em; width:56em;}
		#formulairesLivraison td{vertical-align:top;/* width:50%;*/ font-size:1em;}
			#formulairesLivraison td.libelleQuestion{text-align:right; width : 60%;}
			#formulairesLivraison td.texteQuestion{text-align:left; width : 40%;}
			#formulairesLivraison td input{width:10em;}
			#formulairesLivraison td input.radio{width:1em;}
			#formulairesLivraison td input.checkbox{width:1.5em;}
			#formulairesLivraison td textarea{width:15em; height:5em;}
#formulairesLivraison .indicationsFacultatives{background:#ebe8e6;margin:2em;padding:1em 0;}
	#formulairesLivraison .indicationsFacultatives th{font-size:1.1em; text-align:left;}
	
#formulairesLivraison .memeAdresse{
	font-size:1.2em;
	padding:1em 0; 
	text-align:center; 
	border-top:1px dotted #666;
	border-bottom:1px dotted #666;
	background:#fcf7c4; 
	color:#986e7a; 
	font-weight:bold;
}

#centre table.listeProduitsPanier tr.resumePrix	td{height:4em;font-size:1.1em;}	
#centre table.listeProduitsPanier tr.resumePrix	td.titreTotal{text-align:right; padding-right:1em;}

#centre table.listeProduitsPanier tr#totalDeLaCommande td{
	text-align:center; 
	background:#fcf7c4; 
	font-weight:bold;
}

table.choixTypePaiement{width:58em; font-size:1em;}
#centre table.choixTypePaiement td{
	vertical-align:top;
	/*border-top:1px solid #fff;
	border-bottom:1px dotted #666; */
	background:#f5f2f1;
	padding:1em 2em;
	font-size:1em;

}
	#centre table.choixTypePaiement td p{margin:0;margin-bottom:0.3em;font-size:1em;}
	
table.choixTypePaiement tr#selectionTypeMessage td{ background:#fffce1; padding-left: 265px;  border-bottom:1px dotted #666; padding-top: 0;}
table.choixTypePaiement tr#selectionTypeMessage td p { width: 295px; }

table.choixTypePaiement tr#selectionType td{ background:#fffce1;}
table.choixTypePaiement tr#accepteCondition td{text-align:center; border-top:1px solid #fff;  border-bottom:1px dotted #666;}
#centre table.choixTypePaiement tr#accepteCondition td a{color:#986e7a;border-bottom:1px dashed #986e7a; }
/*	
#centre table.choixTypePaiement td#cartesAcceptees{padding-left:0;}
#centre table.choixTypePaiement td#radioCartesAcceptees{padding-left:0;padding-right:0;}
#centre table.choixTypePaiement td#texteCartesAcceptees{padding-right:0;}
*/

#centre table.choixTypePaiement td#cartesAcceptees{padding-left:0;padding-right:0;}
#centre table.choixTypePaiement td#radioCartesAcceptees{padding-left:0;padding-right:0; width: 21%;}
#centre table.choixTypePaiement td#texteCartesAcceptees{padding-left:15px; padding-right:0; width: 42%;}
	
a#codePrivilege{display:block;height:2.8em;width:7.6em;background:url(images/panier/appliquer.jpg) no-repeat; float:left; margin-left:1em;}
a#codePrivilege:hover{background:url(images/panier/appliquer-hover.jpg) no-repeat;}
a#codePrivilege span{display:none;}
	
#enteteConfirmation{background:url(images/panier/okConf.jpg) no-repeat #f6fff8;width:58em;padding:0.5em 0 1.3em 0;border-top:1px solid white; border-bottom:1px dotted #666;}
#enteteConfirmation h2{color:#70B862;margin-left:3em; margin-right:5px; font-size:1.9em;}
#enteteConfirmation p{font-size:1.1em;margin-left:5em;background:#f6fff8;}	

#enteteMail { display : none;}




	
#resumeDesAdresses{background:#f5f2f1;border-top:1px solid white; border-bottom:1px dotted #666;width:58em;position:relative; padding-bottom:1em;}

#resumeDesAdresses table{width:25.5em;margin:2em 0;position:relative;}

#resumeAdresseFacturation td, #resumeAdresseFacturation th, #resumeAdresseLivraison td, #resumeAdresseLivraison th {height:20px;}

#resumeDesAdresses table th{font-size:1.2em; text-align:left;text-indent:1em;}

#resumeAdresseFacturation{left:2em; float:left;}
#resumeAdresseLivraison{left:4.8em;}

#resumeAdresseFacturation td,#resumeAdresseLivraison td{/*padding:0.5em 0;*/padding-left:2.5em}
#resumeAdresseFacturation td.sousTitreAdresse,#resumeAdresseLivraison td.sousTitreAdresse{padding-left:10px;}
#resumeAdresseFacturation tr.indicationsFacultatives td,#resumeAdresseLivraison tr.indicationsFacultatives td{background:#ebe8e6;}

#resumeInfoBank {
	background: #f5f2f1;
	border-top: 1px solid white; 
	border-bottom: 1px dotted #666;
	width: 57em;
	position: relative; 
	padding: 1em 0 1em 1em;
}

#formulairesLivraisonCreation{background:#E9F4EC; border-top:1px dotted #666;width:58em;}
	#formulairesLivraisonCreation h2{border-top:1px solid white;margin:0; padding:1em 1em 5px 1em;}
	#formulairesLivraisonCreation label{margin: 0 0 20px 22px; display: block;}
	#formulairesLivraisonCreation table{margin:0 2em; width:54em;}
	#formulairesLivraisonCreation td{vertical-align:top; width:50%; font-size:1em;}
		#formulairesLivraisonCreation td.libelleQuestion{text-align:right;}
		#formulairesLivraisonCreation td.texteQuestion{text-align:left;}
		#formulairesLivraisonCreation td input{width:10em;}

#formulairesLivraisonCreation p {margin-left:20px;}

#formulairesLivraisonCreation td input.radio{width:1em;}
#formulairesLivraisonCreation td input.checkbox{width:1.5em;}

#formulairesLivraisonCreation .memeAdresse{background:#f6fff8; padding:1em; margin:2em 0;}
#formulairesLivraisonCreation .memeAdresse label{font-weight:bold; margin: 0; display: inline;}

#aboNews{width:54em;}

#lienPrecSuiv{width:58em;}
.next{margin-top:1em;float:right;margin-right:1.5em;}

#paymentCard,#paymentCheque,#paymentCompte,#paymentPaypal{text-align:right;width:30em;padding-top:1em;height:4em;margin-left:28em;}
#paymentCard img,#paymentCheque img,#paymentCompte img,#paymentPaypal img{float:left;}



#welcome {background-color:#e9f4ec; padding-top:1px;padding-bottom:1px;/*margin-right:29px;*/}
#welcome p, h2 {margin-left:20px;}

.usingButton  {background-color:rgb(236,232,231); margin-left:0px; padding-bottom:20px; width:580px; height:30px;}
.usingButton p {margin-left:12px; padding-top:17px;}
.usernameWelcome {color:#70B862;}


.abonewsletterOK{background:url(images/newsletterOK.png) no-repeat 25px 0px;width:500px;height:50px;}
.abonewsletterOK{font-size:1.1em;color:#70B862;padding-left:55px;padding-top:10px;}	

.abonewsletterKO {
display:block;
background:url(images/newsletterKO.png) no-repeat 25px 5px;
width:500px;
height:20px;
font-size:1.1em;
color:#fe0002;
padding-left:55px;
padding-top:10px;
}	

.menuCompte {background-color:#f5f2f1;border-bottom:1px dotted #666;border-top:1px dotted #666;margin-top:-1px;margin-bottom:0;margin-right:0px;padding-top:20px;padding-bottom:20px;}
.menuCompte li {width:100px; display:inline;margin-left:20px;}
.menuCompte li.actmenucompte {width:100px; display:inline;margin-left:20px;}
.menuCompte li a {font-size:1.1em;color:#ba5a76; background:url(images/flecheGlossaire.gif) 0 2px no-repeat; padding-left:13px;}
.menuCompte li a span {border-bottom:1px dotted #ba5a76;}
.menuCompte li a:hover {background:url(images/flecheGlossaireOver.gif) 0 2px no-repeat;}


.successfull {margin-left:20px;}

#enteteConfirmation span.choixPaiement { font-weight: bold; color: #70b862; }
#enteteConfirmation span.redbold { font-weight: bold; color: #fe0a3f; }