@charset "utf-8";
/********************************************************
	CSS Document / Listing produits - Volten par Skalpel.fr
********************************************************/

/* Listing
-----------------------------------------------------------------------------*/
#listing { display: block; width: 716px; margin-top: 35px; }

/* Head */
#listing div.head {
	display: block;
	width: 716px;
	height: 54px;
	background: url(../images/interface/listing/listing-head.gif) top left no-repeat;
}
	#listing div.head:first-child { background: url(../images/interface/listing/listing-head-first.gif) top left no-repeat; }
#listing div.head p {
	float: left;
	display: block;
	width: 350px;
	padding-top: 9px;
	padding-left: 30px;
	font-size: 1.50em;
	color: #FFFFFF;
}
	#listing div.head p:first-child { width: 305px; }
	
/* Produit */
#listing div.produits {
	display: block;
	width: 716px;
	padding: 10px 0 40px 0;
	background: url(../images/interface/listing/listing-produits-bg.gif) bottom left repeat-x;
}
#listing div.produit {
	float: left;
	display: block;
	margin: 0 0 0 20px;
	width: 328px;
}
#listing div.produit div.visuel {
	float: left;
	display: block;
	width: 125px;
}
#listing div.produit p.detail { 
	display: block;
	width: 73px;
	height: 18px;
	margin: 0 0 0 36px;
}
	#listing div.produit p.detail a {
		display: block;
		width: 73px;
		height: 18px;
		background: url(../images/interface/btn-en-savoir-plus.gif) top left no-repeat;
	}
#listing div.produit ul { float: left; font-size: 0.90em; }
#listing div.produit li {
	padding-left: 10px;
	margin-bottom: 3px;
	background: url(../images/interface/puce-1.gif) 0 4px no-repeat;
}
#listing div.produit a:link, #listing div.produit a:visited { color: #1B5896; text-decoration: none; }
	#listing div.produit a:hover { color: #E64514; text-decoration: underline; }