/* PANIER
-----------------------------------------*/
#catalogue #panier h2,
#catalogue .checkout h2 {
	margin-bottom:15px;
}

#panier a.retour,
.checkout a.retour {
	float:right;
	padding-left:8px;
	color:#666666;
	font-size:0.92em;
	line-height:1.2em;
	background:url(/images/ul/graphiques/retour_nouvelles.gif) no-repeat left 4px;
}

#panier a.retour:hover,
.checkout a.retour:hover {
	color:#0e2f5d;
	background-position:left -11px;
}

#panier form {
	margin:0;
}


/* Listing */
#panier table.listing {
	border-collapse:collapse;
}

#panier table.listing th {
	background-color:#515154;
	color:#fff;
	font-size:0.92em;
	line-height:1.2em;
	text-align:left;
	padding:12px 10px;
	border:2px solid #fff;
}

#panier table.listing th.produit {
	padding-left:25px;
}

#panier table.listing th.quantite,
#panier table.listing td.quantite {
	width:75px; /* Fixé aussi pour le td à cause de IE */
}

#panier table.listing th.prix,
#panier table.listing td.prix {
	width:63px; /* Fixé aussi pour le td à cause de IE */
}

#panier table.listing th.total,
#panier table.listing td.total {
	width:63px; /* Fixé aussi pour le td à cause de IE */
}

#panier table.listing td {
	border:2px solid #fff;
	padding:10px;
	background-color:#f6f6f6;
	vertical-align:top;
}

#panier table.listing td.supprimer {
	padding:2px;
	background-color:#eaeaea;
}

#panier table.listing td.produit img {
	float:left;
	margin-right:10px;
}

#panier table.listing td.produit .nom {
	font:bold 1.17em/1.2em Arial, Verdana, sans-serif;
	color:#252525;
	margin-bottom:3px;
}

#panier table.listing td.produit .nom a {
	color:#252525;
}

#panier table.listing td.produit a:hover {
	color:#004072;
}

#panier table.listing td.quantite {
	background:#f6f6f6 url(/images/ul/icones/x_quantite.gif) no-repeat 75px 15px;
}

#panier table.listing td.quantite input {
	width:20px;
	border:1px solid #CCCCCC;
	color:#DC3242;
	font:bold 1.17em/1.2em Arial, Verdana, sans-serif;
	text-align:center;
}

#panier table.listing td.quantite .nombre {
	font:bold 1.17em/1.2em Arial, Verdana, sans-serif;
}

#panier table.listing td.quantite .type {
	font-size:0.92em;
	line-height:1.1em;
	font-weight:bold;
	background:url(/images/ul/graphiques/pointilles_panier_quantite.gif) repeat-x left bottom;
	padding-bottom:6px;
	margin-bottom:4px;
}

#panier table.listing td.quantite a {
	font-size:0.92em;
	line-height:1.1em;
	color:#666666;
}

#panier table.listing td.quantite a:hover {
	color:#004072;
}

#panier table.listing td.prix {
	font-weight:bold;
	text-align:right;
}

#panier table.listing td.total {
	font-weight:bold;
	text-align:right;
	background-color:#eaeaea;
}


/* Facture */
#panier table#facture {
	width:100%;
	margin-top:8px;
	border-collapse:collapse;
}

#panier table#facture th {
	padding:5px 10px;
	text-align:right;
	background-color:#f6f6f6;
	border:2px solid #fff;
	font-weight:normal;
}

#panier table#facture tr.total th {
	text-transform:uppercase;
	background-color:#fff;
	font-weight:bold;
}

#panier table#facture td {
	width:63px;
	padding:5px 10px;
	background-color:#eaeaea;
	border:2px solid #fff;
	font-weight:bold;
	text-align:right;
}

#panier table#facture tr.total td {
	color:#fff;
	background-color:#3282BE;
}


/* Type de paiement */
#panier #type_paiement {
	margin-top:8px;
	padding:4px 10px;
	background-color:#f6f6f6;
	font-size:0.92em;
	line-height:1.2em;
}

#panier #type_paiement select {
	border:1px solid #666;
	font:1em/1.2em Arial, Verdana, sans-serif;
	color:#444;
}

#panier #type_paiement select#panier_devise {
	float:right;	
}


/* Boutons */
#panier .boutons {
	overflow:hidden;
	width:594px; /* Important pour IE6 */
	margin-top:10px;
	padding-bottom:15px;
	text-align:right;
	background:url(/images/ul/graphiques/pointilles_signaler.gif) repeat-x left bottom;
}

#panier .boutons input {
	float:right;
}

#panier .boutons a {
	float:right;
	margin-right:6px;
	border:1px solid #3282BE;
	padding:4px 10px;
	text-decoration:none;
	color:#3282BE;
	font-size:0.92em;
	line-height:1.2em;
}

/* Notes */
#panier #notes {
	padding:0 10px;
	margin-top:15px;
	font-size:0.92em;
	line-height:1.2em;
	color:#666;
}


/* CHECKOUT
-----------------------------------------*/
.checkout #navig_etapes {
	float:left;
	width:254px;
	padding:8px 18px;
	border:1px solid #3282BE;
	background-color:#cddfee;
}

.checkout #colonne_infos {
	float:right;
	width:292px;
	background-color:#F6F6F6;
}

.checkout #colonne_infos h4 {
	font:bold 1.17em/1.2em Arial, Verdana, sans-serif;
	color:#fff;
	background-color:#1c5080;
	border-left:12px solid #417fbb;
	padding:7px 10px 7px 8px;
	margin:0 0 10px 0;
}

/* Navig etapes */
.checkout #navig_etapes ol {
	list-style-type:none;
	margin:0;
	padding:0;
}

.checkout #navig_etapes li {
	border-bottom:10px solid #cddfee;
	background-repeat:no-repeat;
	background-position:left top;
}
.checkout #navig_etapes li.selected {
	background-color:#fff;
}
.checkout #navig_etapes li.fait {
	background-color:#f6f6f6;
	background-image:url(/images/ul/graphiques/checkout_crochet.gif);
}
.checkout #navig_etapes li.non_fait {
	background-color:#ebf3f9;
}

.checkout #navig_etapes .etape {
	display:block;
	width:204px; /* Pour IE6 réactivité sur toute la largeur du lien */
	padding:12px 12px 12px 38px;
	text-decoration:none;
}

.checkout #navig_etapes .type {
	font-size:0.92em;
	line-height:1.2em;
}
.checkout #navig_etapes li.selected .type {
	color:#0E2F5D;
}
.checkout #navig_etapes li.fait .type {
	color:#989898;
}
.checkout #navig_etapes li.non_fait .type {
	color:#65A1CE;
}

.checkout #navig_etapes h5 {
	font:bold 1.17em/1.2em Arial, Verdana, sans-serif;
	margin:0;
}
.checkout #navig_etapes li.selected h5 {
	color:#0E2F5D;
}
.checkout #navig_etapes li.fait h5 {
	color:#989898;
}
.checkout #navig_etapes li.non_fait h5 {
	color:#65A1CE;
}


/* Éléments communs */
.checkout #colonne_infos ul {
	list-style-type:none;
	margin:0;
	padding:0;
}

.checkout #colonne_infos .padding {
	padding:0 18px 10px 18px;
}

.checkout #colonne_infos form {
	margin:10px 0 0 0;
}

.checkout #colonne_infos li {
	padding-bottom:6px;
}

.checkout label span {
	color:#00AFD4;
}

.checkout #colonne_infos input {
	border:1px solid #666;
	font:1em/1.2em Arial, Verdana, sans-serif;
	color:#444;
	width:250px;
}

.checkout #colonne_infos li .note {
	color:#3282BE;
	line-height:1.1em;
}

.checkout #colonne_infos .bouton {
	text-align:right;
	margin-top:10px;
}

.checkout #colonne_infos .bouton input {
	border:0;
	width:79px;
}


/* CHECKOUT - ÉTAPE 1
-----------------------------------------*/
.checkout #colonne_infos input.code_postal {
	width:130px;
}

.checkout #colonne_infos input.telephone {
	width:130px;
}

.checkout #colonne_infos input.poste {
	width:60px;
}

.checkout #colonne_infos #code_promotion {
	margin-top:10px;
}

.checkout #colonne_infos #code_promotion input {
	margin-top:5px;
}

.checkout .asterisque {
	margin-top:10px;
	color:#00AFD4;
}


/* CHECKOUT - ÉTAPE 2
-----------------------------------------*/
.checkout #colonne_infos .type {
	color:#666666;
	margin-bottom:8px;
}

.checkout #colonne_infos .type .titre {
	margin-bottom:4px;
	font-weight:bold;
	color:#252525;
}

.checkout #colonne_infos .bouton_confirmer {
	margin:0 0 15px 0
}

.checkout #colonne_infos li.code input {
	margin-bottom:2px;
}

.checkout #colonne_infos li.barreau .choix {
	float:right;
	margin-left:10px;
}

.checkout #colonne_infos li.barreau .choix input {
	width:auto;
	border:0;
}

.checkout #colonne_infos #note_courriel {
	margin-top:10px;
	color:#666;
}


/* CHECKOUT - ÉTAPE 3
-----------------------------------------*/
.checkout #conteneur_etapes_infos {
	width:594px; /* Important pour IE6 */
	background:url(/images/ul/tuiles/conteneur_etapes_infos.gif) repeat-y right top;
}


/* Adresses */
.checkout .adresses {
	width:594px; /* Important pour IE6 */
	margin-top:10px;
	background-color:#f6f6f6;
}
.checkout .adresses_avec_livraison {
	background:#f6f6f6 url(/images/ul/tuiles/checkout_adresses.gif) repeat-y 296px 0;
}

.checkout .adresses .adresse {
	width:558px;
	padding:10px 18px;
}
.checkout .adresses_avec_livraison .adresse {
	float:left;
	width:261px;
}

.checkout .adresses h4 {
	color:#252525;
	margin-bottom:5px;
}


/* Liste des produits */
#panier .checkout table.listing {
	margin-top:10px;
}

#panier .checkout table.listing th.produit {
	padding-left:10px;
}

#panier .checkout table.listing th.edition,
#panier .checkout table.listing td.edition {
	width:57px; /* Fixé aussi pour le td à cause de IE */
}

#panier .checkout table.listing th.quantite,
#panier .checkout table.listing td.quantite {
	width:57px; /* Fixé aussi pour le td à cause de IE */
}

#panier .checkout table.listing th.prix,
#panier .checkout table.listing td.prix {
	width:57px; /* Fixé aussi pour le td à cause de IE */
}

#panier .checkout table.listing td {
	font-weight:bold;
}

#panier .checkout table.listing td.produit .nom {
	font:bold 1em/1.2em Arial, Verdana, sans-serif;
	color:#252525;
	margin-bottom:3px;
}

#panier .checkout table.listing td.produit {
	color:#666666;
	font-weight:normal;
	line-height:1.1em;
}

#panier .checkout table.listing td.quantite {
	background-image:none;
}

#panier .checkout table.listing td.prix {
	background-color:#ebebeb;
}


/* Facture */
#panier .checkout table#facture td {
	width:57px;
}

/* Confirmations */
.checkout #confirmations {
	border-top:5px solid #f6f6f6;
	padding:20px 2px 0 2px;
}

.checkout #confirmations .bouton {
	float:right;
}

.checkout #confirmations ul {
	list-style-type:none;
	margin:0;
	padding:0;
	color:#3282BE;
}

.checkout #confirmations li {
	padding-bottom:5px;
}