#MessageBoxPannier,#MessageBoxPannierSuppression
{
        padding: 15px 15px 15px 15px;
        background-color: White;
    }

/* --------------------
--- PAGE achat PANIER ------- n&d_achat_Panier.htm
-------------------- */

/* -------------------- CORPS DE PAGE --------------------  */
.panier {
	background-color: #fff; /* BLANC DU FOND */
	padding:1px 15px 20px 15px;
	font-size:12px;
}
 /* TITRE DE LA PAGE */
.panier h2 {
	font-size:22px;
	color:#5a4936;
	font-weight:200;
	margin:8px 0;
	padding:0 0 4px 0;
	border-bottom:3px solid #eae8d9;
}
.maCommande h2, .IdentificationCoord h2, .validationCoord h2, .pageConfirmation h2 { /* SUPPRIME LE FILET SOUS LE TITRE POUR CERTAINES PAGES */
	border-bottom:0;
	padding:0;
}
.panier h4 {
	color:#5a4936;
	font-size:16px;
	font-weight:700;
	margin:8px 0 8px 0
}


/* -------------------- TABLEAU DE COMMANDE - RECAPITULATIF --------------------  */
.tableCommande {
	border-top:3px solid #eae8d9;
}
/* THEAD */
.tableCommande thead th {
	font-size:11px;
	font-weight:700;
	color:gray;
	text-align:left;
	padding:8px 0;
	background-color: #f7f6ee;
}
.tableCommande th h3 {
	font-size:14px; 
	color:#5a4936;
	margin:0 0 0 10px;
}
.tableCommande th h3 img {
	vertical-align:middle;
	margin-right:8px;
}
.tableCommande thead td {
	border:none;	
}

/* LIGNES */
.tableCommande td { 
	border-top:1px solid #eae8d9;	
	padding:8px 0;
	margin:0;
	height:40px;
}
.tableCommande .prixTotal td {
	border-top:3px solid #d14800;
	font-size:1.60em;
}
 .recapitulatif { 
	border-top:3px solid #eae8d9;
	margin-top:20px;
}
 .recapitulatif .prixTotal  td { /* EXCEPTION PAS DE FILET ROUGE QUAND IL S'AGIT DU RECAPITULATIF */
	border-top:0 !important;
 }
/* COLONNES */
.tableCommande .colPrix {
	background-color: #f7f6ee;
	text-align:right;
	padding-right:10px;
	font-weight:700;
	font-size:14px;
	width:148px;
}
.tableCommande .colProduit {
	width:548px;	
}
.tableCommande .colQuantite {
	width:90px;	
}
.tableCommande .colSep {
	width:10px;
	background-color:none;
	border:0;
}
.tableCommande .colProduit img {
	margin-right:10px;
	vertical-align: middle;
}
.tableCommande .sansLigne 
{
    border-top:0 !important;
    height:auto !important;
}
/* CORRECTIONS OU ELEMENTS DU TABLEAU */
.tableCommande select {
	width:100%;
	text-align:center;
}
.tableCommande .supProduit { /* supprimer un produit */
	display:block;
	float:right;
	font-size:10px;
	background:url(Images/poubelle.gif) transparent no-repeat 0 0px;
	padding-left:14px;
	margin:16px 20px 0 0;
}
.tableCommande .listeArguments {
	padding:6px 0 0 0;margin:0;		
}
.tableCommande .listeArguments li {
	background:url(Images/li_chevron.gif) transparent no-repeat 45px 6px;
	list-style-type:none;
	padding-left:8px;
	line-height:16px;
	font-size:11px;
	text-indent:8px;
}
.tableCommande .carteAdherent {
border-bottom:16px solid #fff /* FIXE UN DECELAGE AVEC LA LISTE A PUCE situé à droite*/
}
.tableCommande .labelCarte { 
	letter-spacing:-0.06em;	/* FIXE UN BUG DE RETOUR A LA LIGNE */
}



/* -------------------- ZONE D'ACTION - BOUTONS --------------------  */
.zoneAction {
	clear:both;
	background-color:#f7f6ee;
	border-bottom:3px solid #eae8d9;
	padding:16px 10px 28px 12px;
}
.zoneAction .btnRetour {
	position:relative;
	top:8px;
}
/* ---------------------------------------------------------------

CES HACKS PERMETTENT DE GERER AU CAS PAR CAS LES BUGS D'AFFICHAGE
LE BUT EST D'OBTENIR LE MEME RESULTATS SUR TOUS LES NAVIGATEURS.
LORSQUE C'EST IMPOSSIBLE ON PROPOSE UNE SOLUTION ALTERNATIVE.

1. CHROME & SAFARI
2. IE 6
3. IE 7 
4. OPERA

-------------------- HACKS CHROME & SAFARI --------------------  */
@media screen and (-webkit-min-device-pixel-ratio:0){
	.btnMineur {padding:4px 2px !important; position:relative; top:-1px} /* fixe bug passage sur deux lignes */
	.labelCarte {letter-spacing:-0.1em !important;}
	.labelCarte {letter-spacing:-0.1em !important;}
	.tableCommande td { padding-top:4px !important;padding-bottom:4px !important;}
}
/* -------------------- IE 6 --------------------  */
 div {zoom: 1 ;} /* zoom fix - ne pas supprimer */
* html .supProduit { margin:0 0 0 20px !important; padding:0; float:none !important; display:inline !important; } /* bug de float impossible de le position à droite de la case  */
* html .tableCommande td {padding:4px 0 6px 0} /* diminue la hauteur des lignes du tableau */
* html .tableCommande .btnMineur {padding:0; width:60px;} /* corrige un passage sur 2 lignes */
* html .zoneAction {padding:0 12px 8px 0} /* corrige la zone */
* html .zoneAction .btnRetour { position:relative; top:28px; left:10px } /* repositionne le bouton retour */
* html #chemin_etape  {margin: 0 -20px -45px 0;position:relative;top:-50px; z-index:0} /* repositionne le chemin d'etape */
* html #chemin_etape li {width:180px;} /* ie a besoin d'une largeur pour gérer les floats */
* html #chemin_etape span {position:relative; top:-13px; left:-10px} /* repositionne les fleches */ 

/* -------------------- IE 7 --------------------  */
*+html #chemin_etape  {margin: 0 -20px -45px 0;position:relative;top:-50px; z-index:0} /* repositionne le chemin d'etape */
*+html #chemin_etape li {width:180px;} /* ie a besoin d'une largeur pour gérer les floats */
*+html #chemin_etape span {position:relative; top:-13px; left:10px} /* repositionne les fleches */ 
*+html .supProduit { margin:0 0 0 20px !important; padding:0; float:none !important; display:inline !important; } /* bug de float impossible de le position à droite de la case  */
*+html .tableCommande td {padding:4px 0 6px 0} /* diminue la hauteur des lignes du tableau */
*+html .tableCommande .btnMineur {padding:0; width:60px;} /* corrige un passage sur 2 lignes */
*+html .zoneAction {padding:0 12px 2px 0} /* corrige la zone */
*+html .zoneAction .btnRetour { position:relative; top:28px; left:10px } /* repositionne le bouton retour */