/********** Style du panier *********/
table.panier {margin-top:20px;}
table.panier input, table.panier select, table.panier textarea {border:1px solid #59a525;}

table.panier td {padding:10px; border-bottom:1px solid #59a525;}
td.titre {text-align:center; font-size:1.3em; font-weight:bold;}
tr.p td {padding:10px 0;}

td.fixed {text-align:center;}
td.fixed input {float:left; display:block; margin-left:5px; border:none;}
td.fixed input[type=submit] {width:17px; height:18px; cursor:pointer; background:url(../images/bg_ok.gif) no-repeat;}
td.fixed select {float:left; margin-left:40px;}

td.prix_produit {padding:10px !important; font-size:1.4em; font-weight:bold; text-align:center}
td.code-promo input {border:1px solid #59a525;}


table.valid {
	width: 95%;
}
.panier td.nom {padding:10px; text-align: left; }
.panier thead td { white-space: nowrap;  }
.panier tbody td.prix { text-align: right; white-space: nowrap;  }
.fixed { white-space: nowrap; }
tr.total { background: #F2F2F1;}
tr.total td, tr.code_promo td, tr#ligne-commentaires td, tr.cgv td {padding:10px;}
tr.total td.header {font-weight:bold; font-size:1.3em;}

table.panier table#total-table {margin-top:20px;}
table.panier table#total-table td, table.panier td.noborder {border:none;}

h2#ouvrir_etapes {cursor:pointer;}

/*************** Styles de la commande ***********/
table#commande_panier, table#commande_panier td, table#commande_panier th, table#inscription, table#inscription td, table#inscription th {color:#5F5C5C; border:1px solid #59a525;}
table#inscription tr#coordonnees th, table#commande_panier th, table#inscription tr#facturation th, table#inscription tr#identifiants th {color:#000; background:#59a525;}
table#commande_panier .prix {display:inline;}
table th { font-size: 1.2em;}
.etape_precedente span, .etape_suivante span { display: none; }

.etape_precedente, .etape_suivante {
	width: 141px;
	height: 27px;
	display: block;
	float: left;
	color: #FFF;
	font-size: 14px;
	font-family: Arial,Helvetica,sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 14px;
	padding: 4px 0;
	margin: 5px;
	background: transparent no-repeat center;
}
.etape_precedente:hover, .etape_suivante:hover { color: #FFF; }
.etape_precedente {
	background-image: url(../images/bt_etape_precedente.gif);
	padding-left: 20px;
	text-align: left;

}
.etape_suivante, .accept {
	float: right;
	padding-right: 20px;
	text-align: right;
	background-image: url(../images/bt_etape_suivante.gif);
}
.noaccept {
	cursor: default;
	background-image: url(../images/bt_etape_suivante_disabled.gif);
}

#paiement input { width: auto; margin: 0; padding: 0; float: none; }
#paiement form { color: #000; text-align: center; padding: 5px; float: left; width: 30%; font-weight: bold; }
#paiement #annulation { text-align: center; margin: 0 auto; float: none; width: auto; }
#cb .submit {
	width: 180px;
	background: url(../images/paiement/cartes.gif) no-repeat top center;
	padding-top: 50px;
	border: 0;
	font-weight: bold;
	cursor: pointer;
}
#cheque .submit {
	width: 180px;
	background: url(../images/paiement/cheque-nb.gif) no-repeat top center;
	padding-top: 50px;
	border: 0;
	font-weight: bold;
	cursor: pointer;
}
#virement .submit {
	width: 180px;
	background: url(../images/paiement/swift.gif) no-repeat top center;
	padding-top: 50px;
	border: 0;
	font-weight: bold;
	cursor: pointer;
}
#annulation .submit {
	border: 1px solid;
	padding: 20px 30px 20px 50px;
	width: 250px;
	background: url(../images/stop.png) no-repeat 10px 50%;
}
address {
	font-style: normal;
	padding: 5px;
	font-size: 1.2em;
	border: 1px solid;
	width: 50%;
	margin: 0 auto;
}

.code-promo {
	text-align:right;
	}
span.barre {text-decoration: line-through;}

/* Produits ajout commande */
#ajoutcommande table { width: 100%; }
#ajoutcommande img, #ajoutcommande input { vertical-align: middle; }
#ajoutcommande .visuel { width: 40px; }
#ajoutcommande .visuel img { height: 40px; width: 40px; }
#ajoutcommande h3 { color:#77B800; background: #E4E8DD; font-size: 1.3em; font-weight: normal; }

/* Tunnel de commande */
#preview #tunnel { width: 100%; }
#preview #tunnel li { display: block; float: left; width: 24%; font-size: 1.5em; padding: 5px 0; border-right: 1px solid #000; margin: 10px 0; background: url(../images/bg_navigation-haute.gif) bottom left repeat-x; text-align: center; }
#preview #tunnel li.selected { color: darkred;  }
#preview #tunnel li.selected a { color: red;  }
#preview #tunnel li strong { display: block;  }