@CHARSET "UTF-8";

@media screen {
	/********************************/
	/*			PANIER				*/
	/********************************/
	ol.processuspanier {
		position: relative;
		height: 23px;
		margin: 1em;
		padding: 0 14px 0 0;
		text-align: center;
		background: url(../images/f-ol-processuspanier-end.png) no-repeat right center;
		font-size: 0.9em;
	}
	ol.processuspanier li {
		display: block;
		float: left;
		list-style-position: inside;
		padding: 0 1.5em 0 0.5em;
		margin-right: -1.5em;
		height: 23px;
		line-height: 23px;
		width: 14em;
		background: url(../images/f-ol-processuspanier.png) no-repeat left center;
		color:#999;
	}
	ol.processuspanier li strong {
		display: block;
		width: 14em;
		height: 23px;
		line-height: 23px;
		margin: 0 -1.5em 0 -0.5em;
		padding: 0 1.5em 0 0.5em;
		background: url(../images/f-ol-processuspanier-on.png) no-repeat left center;
		color: #c00;
	}
	ol.processuspanier li a {
		display: block;
		width: 14em;
		height: 23px;
		line-height: 23px;
		margin: 0 -1.5em 0 -0.5em;
		padding: 0 1.5em 0 0.5em;
		background: url(../images/f-ol-processuspanier-old.png) no-repeat left center;
		color: #666;
		text-decoration: none;
	}
	ol.processuspanier li a:hover {
		color: #c00;
	}
	
	form#formPanier {
		clear:left;
		margin-top: 2em;
	}
	table#tablo_panier {
		margin:0 1em 1em 1em;
		border:1px solid #ccc;
		border-collapse:collapse;
		text-align:left;
		width: 96%;
	}
	table#tablo_panier tfoot { 
		display: none; 
		}
		
	table#tablo_panier th {
		font-size:0.9em;
		font-weight:normal;
		border-bottom:1px solid #ccc;
		border-right:1px solid #ddd;
		background: #a0a1a4 url("../images/f-tabrefth.png") repeat-x;
		text-align: center;
		padding:0.1em 0.2em;
		height: 2.4em;
	}
	table#tablo_panier td {
		font-size:1.1em;
		background: #f3f3f4;
		text-align: center;
		padding:0.1em 0.2em;
		border-bottom:1px solid #ccc;
		border-right:1px solid #ddd;
	}
	table#tablo_panier .qtt {
	}
	table#tablo_panier .designationRef {
		font-weight: bold;
		text-align: left;
		color: #c00;
	}
	table#tablo_panier .designationProduit {
		text-align: left;
		color: #c00;
	}
	table#tablo_panier .designationRef a, table#tablo_panier .designationProduit a { color: #c00; text-decoration: none; }
	table#tablo_panier .designationRef a:hover, table#tablo_panier .designationProduit a:hover { text-decoration: underline; }
	table#tablo_panier .prixUHT {
	}
	table#tablo_panier .prixTHT {
		font-weight: bold;
	}
	table#tablo_panier .supprimer {
		width: 2.5em;
		text-align: center;
	}
	table#tablo_panier .supprimer a {
		display: block;
		width: 16px;
		height: 16px;
		background: url(../images/poubelle.png) no-repeat;
	}
	table#tablo_panier .supprimer a span {
		position: absolute;
		left: -999em;
	}
	table#tablo_panier tr#sousTotalHT_tp {
		font-size: 1.2em;
		font-weight: bold;
	}
	table#tablo_panier .titre_tp {
		text-align: left;
		vertical-align: bottom;
		line-height: 4em;
	}
	#sousTotalHT {
		color: #c00;
	}
	p#navig_panier {
		font-size: 1em;
		text-align: right;
	}
	p input.panier-btn_valide {
		position: relative;
		left: auto;
		margin: 0 1em 1em 1em;
		width: 182px;
		height: 62px;
		border: none;
		background: url(../images/f-btn_valider.png) no-repeat;
		font-size: 1.3em;
		font-weight: bold;
		color: #c00;
		cursor: pointer;
	}
	p#navig_panier input:hover {
		background-position: left -62px;
	}
	
	table#tablo_panier tbody span.affichageQte {
		position: relative; display: -moz-inline-box; display: inline-block;
		width: 20px; height: 18px; line-height: 18px; margin-right: 1px; vertical-align: middle;
	}
	table#tablo_panier tbody .btnPlus,
	table#tablo_panier tbody .btnMoins {
		position: relative; display: -moz-inline-box; display: inline-block;  vertical-align: middle;
		margin: 0 1px; padding: 0; width: 12px; height: 12px;
		background-image: url(../images/panierplusmoins.png); background-repeat: no-repeat; background-color: transparent;
		border: none; cursor: pointer;
	}
	table#tablo_panier tbody .btnPlus { background-position: 0 0; }
	table#tablo_panier tbody .btnPlus:hover { background-position: -12px 0; }
	table#tablo_panier tbody .btnMoins { background-position: 0 -12px; }
	table#tablo_panier tbody .btnMoins:hover { background-position: -12px -12px; }
	table#tablo_panier tbody .btnMoins.inactif { background-position: -24px -12px; cursor: text; }
	table#tablo_panier tbody .btnMoins.inactif:hover { background-position: -24px -12px; cursor: text; }
	table#tablo_panier tbody .btnPlus span,
	table#tablo_panier tbody .btnMoins span { position: absolute; top: 0; left: -999em; }
	
	
	/* CGV */
	p#cgv_panier, p#erreur_panier {
		border: 1px solid #c00;
		padding: 0.5em;
		margin: 1em;
		font-weight: bold;
		font-size: 1.2em;
	}
	#panier_cgv {
		margin: 1em;
		padding: 0 1.5em 0 0;
		font-size: 1.2em;
	}
	p#erreur_panier {
		color: white;
		background-color: #c00;
		font-weight: normal;
		text-align: center;
	}
	/* récapitulatif */
	table#recapitulatif {
		margin:0 1em 1em 1em;
		border-collapse:collapse;
		text-align:left;
		width: 96%;
	}
	table#recapitulatif td {
		width: 45%;
		padding: 0;
	}
	table#recapitulatif td.ligneTableauVide {
		width: 10%;
	}
	table#recapitulatif table {
		width: 100%;
		margin: 0;
		padding: 0;
		border-collapse:collapse;
		border: 1px solid #ccc;
	}
	table#recapitulatif table td, table#recapitulatif table th {
		margin: 0;
		padding: 0.2em;
	}
	table#recapitulatif table th {
		background-color: #ccc;
	}
	
	p#confirme_panier {
		margin: 1em;
		font-weight: bold;
	}
	form#formImprimer {
		position: relative;
		margin: -8.5em 0 0 1em;
		padding: 0;
		width: 182px;
	}
	form#formImprimer p {
		position: relative;
		margin: 0;
	}
	form#formImprimer p input {
		position: relative;
		left: auto;
		margin: 0;
		width: 182px;
		height: 62px;
		border: none;
		background: url(../images/f-btn_valider.png) no-repeat;
		font-size: 1.3em;
		font-weight: bold;
		color: #c00;
		cursor: pointer;
	}
	form#formImprimer p input:hover {
		background-position: left -62px;
	}
}
@media print {
}