/* common CSS, Présentation en cube */

/* ---------- Eléments communs -------- */

#content #introduction p { font-size:0.95em; }
div#googleOne, div#facebookLink { width:100%; }

/* ---------- Catalogue -------- */

#introduction { clear:both; overflow:hidden; }

#catalogue { overflow:hidden; width:100%; margin:20px 0; }
#catalogue li { overflow:hidden; width:20%; float:left; height:450px; *width:19.95%; margin-right:-1px; position:relative; }

#catalogue li div.image { border:1px solid #D8D8D8; height:212px; position:relative; z-index:4; }
#catalogue li div.image img { height:100%; width:100%; }

#catalogue li div.ruptureStock { position:absolute; top:0; }

#catalogue li p.description {  }
#catalogue li h2, #catalogue li p { display:inline-block; margin:1% 3%; width:94%; overflow:hidden; *margin:0; }
#catalogue li h2 { height:45px; }

#catalogue h2 { font-family:Arial, Helvetica, sans-serif; font-size:1em; font-weight:bold\9; letter-spacing:0.01em\9; }
#catalogue h2 a { background:url("img/blank.gif"); height:139px; padding-top:215px; position:absolute; top:0; width:95%; z-index:15; }

#catalogue p.tarif { font-size:1em; font-weight:normal; padding-top:1px; }
#catalogue p.tarif span.prixPrefixe { font-size:0.9em; }

#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:-19px; left:-9px\9;
	letter-spacing:-0.05em;
	line-height:1.2em;
	position:absolute;
	top:3px; 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; }