/* Common Css */

#catalogue .cat { float:left; height:400px; margin:10px 0; padding:0; position:relative; width:19.9%; z-index:5; _width:19%; _height:410px; }

#catalogue .cat .image { position:relative; height:146px; width:100%; border:1px solid #E6E6E6; background-color:white; width:100%; margin:0 0.5px; }
#catalogue .cat .image img.produit { width:99%; margin:0 auto; display:block; }
#catalogue .cat .ruptureStock { left:0px; position:absolute; top:0px; z-index:9; }

#catalogue div.pourcentage {
	background:transparent url("img/pourcentage-categorie.gif") no-repeat top left;
	background:transparent url("img/pourcentage-categorie-ie.gif") no-repeat top left\9;
	width:80px; 
	height:80px;
	position:absolute;
	z-index:10;
	}
#catalogue div.pourcentage p {
	-moz-transform:rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-o-transform:rotate(-45deg);
	color:#FF0;
	font-family:"Helvetica-77-boldCondensed"; font-weight:bolder\9;
	font-size:2em;
	left:2px; left:9px\9;
	letter-spacing:-0.05em;
	line-height:1.2em;
	position:absolute;
	top:5px; top:2px\9;
	text-align:center;
	}
#catalogue div.pourcentage p span.pourcentReduc { font-size:0.6em; font-family:"Helvetica-97-blackCondensed"; font-weight:bolder\9; }

#catalogue .cat h2 { font-size:1.2em; font-weight:bold; line-height:1.2em; margin:3px; position:absolute; }
#catalogue .cat h2 a {
	background-image:url("img/blank.gif");
	display:block;
	line-height:1.1em;
	height:205px;
	left:0;
	margin:3px 4px;
	padding-top:151px;
	position:absolute;
	top:-152px;
	width:143px;
	z-index:10;
	}

#content #catalogue .cat p.description { font-size:0.85em; }