@import url(general.css);

ul#navi-panier a { color: #fff;	}
ul#navi-panier a:after {
	content: " >";
	color: #ac2a1e;
	font-weight: bold;
	margin-right: -1em;
	}

table#panier { 
	width: 646px;
	border-collapse: collapse; 
	margin: 0 -43px 0 0;
	position: relative;
	left: -43px;
	}

th {
	border: 1px dotted #000;
	border-width: 1px 0;
	padding: 10px;
	}
td { padding: 15px 10px; }
	
th.titre { 
	text-align: left; 
	padding-left: 43px
	}
td.titre { padding-left: 165px; overflow-x: hidden; }

div#contenu a.vignette { 
	border: 1px solid #c0c4b3;
	padding: 0;
	float: left;
	margin-left: -122px;
	}
div#contenu a.vignette:hover, div#contenu a.vignette:active, div#contenu a.vignette:focus {
	border-color: #c77838;
	}
a.vignette img {
	display: block;
	width: 94px;
	border: 4px solid #fff;
	}	
td.titre dl {
	margin: 0;
	}
td.titre dt { margin-bottom: 0.7em; }
td.titre dd	{ margin: 0 0 0.3em 0;}
td.titre dd.prix { 
	color: #b53700;
	line-height: 2em; 
	font-weight: bold;
	}
	
td.quantite { text-align: center; }	
td.quantite input { 
	width: 2em;	
	border: 1px solid #a4a8a1;
	border-top-color: #898c87;
	border-bottom-color: #c4c9c1;
	background: #fff;
	padding: 1px;
	
	font-size: 0.9em;
	text-align: right;
	}

.total { text-align: right; padding-right: 43px; }

td.supprimer { text-align: center; }
div#contenu td.supprimer a { 
	border: 0;
	padding: 3px;
	
	font-size: 1.5em;
	font-weight: bold;
	color: #ac2a1e;
	}
div#contenu td.supprimer a:hover, div#contenu td.supprimer a:active, div#contenu td.supprimer a:focus { color: #fff; }

p#options {
	margin: 0 -43px 50px -43px;
/*	border: 1px dotted #000;
	border-width: 1px 0;*/
	padding: 3px 0;
	position: relative;
	}
input#actualiser, input#vider {
	border: 0;
	cursor: pointer;
	padding: 3px 10px;
	background: #ac2a1e;
	
	font-size: 0.9em;
	color: #fff;
	text-transform: lowercase;
	}
input#actualiser:hover, input#actualiser:active, input#actualiser:focus,
input#vider:hover, input#vider:active, input#vider:focus,
input#commander:hover, input#commander:active, input#commander:focus { 
	background: #ac2a1e;
	color: #fff; 
	}
input#actualiser { padding-left: 43px; }
input#vider { 
	position: absolute;
	top: 3;
	right: 0;
	padding-right: 43px;
	}
input#commander {
	border: 0;
	cursor: pointer;
	padding: 10px 43px 10px 10px;
	margin-right: -43px;
	background: #000;
	
	font-size: 1.5em;
	color: #78c0c1;
	text-transform: lowercase;
	}
	
p#total {
	text-align: right;
	font-size: 1.2em;
	}

div#contenu a#continuer:before { content: "\00AB  "; }	
div#contenu a#continuer:link, div#contenu a#continuer:visited, div#contenu a#continuer:hover, div#contenu a#continuer:active, div#contenu a#continuer:focus {
	float: left;
	background: #ac2a1e;
	padding: 5px 10px 1px 43px;
	border: 0;
	margin: 10px 0 0 -43px;
	
	color: #fff;
	text-decoration: none;
	text-transform: lowercase;
	}
form#commande input#commander {
	float: right;
	}
	
p#paniervide {
	margin: 0 -43px 30px -43px;
	padding: 40px 43px;
	border: 1px dotted #000;
	border-width: 1px 0;
	
	text-align: center;
	font-weight: bold;
	}

/* ------------------------------- */
/*        spécifique à IE          */
/* ------------------------------- */
div#fix-ie div.article { height: 1%; }
div#fix-ie p#vignette { display: inline; }

div#fix-ie input#actualiser {
	background-position: right top;
	}
* html table#panier { 
	margin-left: -35px;
	position: static;
	}