@import url('global.css');

body{
	background		: #000 url('../img/bg-body-produit.jpg') top center no-repeat;	
}

div#content{
	height			: 670px;
}

p.red, p.red a{
	color			: #fd2400;
}

ul#produits{
	width			: 688px;
	height			: 467px;
	background		: url('../img/big-btn-produits.jpg') no-repeat top left;
	margin			: 0 0 0 0;
}

ul#produits li{
	float			: left;
}

ul#produits li.hommes{ margin-left:9px; }
ul#produits li.bijoux{ margin-left:10px; }
ul#produits li.accessoires{ margin-left:9px; }
ul#produits li.mariage{ margin-left:10px; }

ul#produits li a{
	display			: block;
	width			: 130px;
	height			: 467px;
	background		: url('../img/big-btn-produits.jpg') no-repeat top left;
	text-indent		: -5000px;
}

ul#produits li.hommes a{ background-position : -139px 0; }
ul#produits li.bijoux a{ background-position : -279px 0; }
ul#produits li.accessoires a{ background-position : -418px 0; }
ul#produits li.mariage a{ background-position : -558px 0; }

ul#produits li.femmes a:hover{ background-position : 0px -468px; }
ul#produits li.hommes a:hover{ background-position : -139px -468px; }
ul#produits li.bijoux a:hover{ background-position : -279px -468px; }
ul#produits li.accessoires a:hover{ background-position : -418px -468px; }
ul#produits li.mariage a:hover{ background-position : -558px -468px; }

/****** RIGHT ****/

div#top-five.produit{
	height			: 410px;
	background		: transparent url('../img/bg-top-five-produit.jpg') no-repeat top left;
}