@charset "utf-8";
/********************************************************
	CSS Document / Produits d'impulsion - Piecesavenue par Skalpel.fr
********************************************************/

/* Crosslinks
-----------------------------------------------------------------------------*/
#crosslinks { display: block; width: 939px; margin-bottom: 10px; }

/* Title */
#crosslinks div.titlebar2 p.title { background: url(../images/interface/panier/panier-options-title-picto.gif) 12px 4px no-repeat; }

/* Container */
#crosslinks div.container {
	display: block;
	width: 914px;
	padding: 14px 0 0 23px;
	background: url(../images/interface/panier/crosslinks-bg.gif) top left repeat-x;
	border-right: 1px solid #999;
	border-left: 1px solid #999;
}

/* Produit */
#crosslinks div.produit {
	position: relative;
	float: left;
	display: block;
	width: 146px;
	height: 241px;
	padding: 10px 11px 10px 8px;
	margin: 0 15px 7px 0;
	background: url(../images/interface/produits/listing-produit-bg.gif) top left no-repeat;
	color: #999;
}
#crosslinks div.produit p { margin: 0; }
#crosslinks div.produit div.visuel {
	position: relative;
	display: block;
	width: 143px;
	height: 143px;
	margin-bottom: 4px;
	background-color: #FFF;
	border: 1px solid #CCC;
	text-align: center;
}
#crosslinks div.produit p.promo {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 62px;
	height: 62px;
	background: url(../images/interface/produits/sticker-promo.gif) top left no-repeat;
}
#crosslinks div.produit p.remise {
	position: absolute;
	top: 110px;
	left: 0;
	display: block;
	width: 52px;
	height: 31px;
	line-height: 25px;
	background: url(../images/interface/produits/listing-produit-remise.gif) top left no-repeat;
	font-size: 1.30em;
	color: #FFF;
	font-weight: bold;
}
#crosslinks div.produit p.nom { display: block; height: 26px; line-height: 1.10em; overflow: hidden; }
#crosslinks div.produit p.prix { line-height: 1.10em; font-size: 1.70em; color: #8BB719; font-weight: bold; }
#crosslinks div.produit p.original { font-size: 0.90em; text-decoration: line-through; }
#crosslinks div.produit div.actions {
	position: absolute;
	bottom: 16px;
	display: block;
	height: 26px;
}
#crosslinks div.produit p.detail { float: left; display: block; width: 73px; height: 19px; margin: 6px 6px 0 0; }
	#crosslinks div.produit p.detail a:link, #crosslinks div.produit p.detail a:visited {
		display: block;
		width: 73px;
		height: 19px;
		background: url(../images/interface/home/btn-details.gif) 0 0 no-repeat;
	}
	#crosslinks div.produit p.detail a:hover { background-position: 0 -19px; }
#crosslinks div.produit p.panier { float: left; display: block; width: 51px; height: 26px; }
	#crosslinks div.produit p.panier a:link, #crosslinks div.produit p.panier a:visited, #crosslinks div.produit p.panier a:hover {
		display: block;
		width: 51px;
		height: 26px;
		background: url(../images/interface/produits/btn-panier.gif) top left no-repeat;
	}