/* Common Css */

#catalogue {_position:static; }

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

#catalogue .cat .image { position:relative; height:150px; width:100%; border:1px solid #E6E6E6; background-color:white; width:100%; }
#catalogue .cat .image img.produit { height:100%; 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);
	-ms-transform::rotate(-45deg);
	color:#FF0;
	font-family:"Helvetica-77-boldCondensed", arial narrow, arial; font-weight:bolder\9;
	font-size:2em;
	left:2px; left:5px\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:177px;
	z-index:10;
	}
div#contact { 
		float:none; 
}