@import url('global.css');

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

div#content{
	height			: 1480px;
}

div#histoire{
	position		: absolute;
	top				: 395px;
	left			: 10px;
}

div#histoire div{
	float			: left;
	width			: 320px;
	text-align		: justify;
}

div#histoire div#flash{
	float			: left;
	margin			: 10px 0 0 20px;
}

div#peuple{
	position		: absolute;
	left			: 10px;
	top				: 875px;
	width			: 100%;
}

div#peuple div{
	width			: 335px;
	text-align		: justify;
}

div#peuple div p.right{
	text-align		: right;
}

div#peuple a{
	position		: absolute;
	display			: block;
	width			: 12px;
	height			: 15px;
	top				: 125px;
	left			: 435px;
	margin			: 0px;
	padding			: 0px;
}

div#peuple a:hover{
	background		: url('../img/emmeraude.jpg') no-repeat center center;
}

div#adresses{
	position		: absolute;
	left			: 8px;
	top				: 1240px;
	width			: 100%;
}

div#adresses ul{
	float			: left;
}

div#adresses ul li a{
	color			: #fc2400;
	text-decoration	: none;
}

div#adresses ul.thumbProd{
	width			: 430px;
	height			: 125px;
	margin			: 0 0 0 90px;
	background		: url('../img/mini-btn-produits.jpg') no-repeat top left;
}

div#adresses ul.thumbProd li{
	float			: left;
}

div#adresses ul.thumbProd li a{
	display			: block;
	height			: 125px;
	width 			: 81px;
	background		: url('../img/mini-btn-produits.jpg') no-repeat top left;
	text-indent		: -5000px;
}

div#adresses ul.thumbProd li.femmes a		{ margin-left : 1px; }
div#adresses ul.thumbProd li.hommes a		{ margin-left : 6px; background-position : -87px 0; }
div#adresses ul.thumbProd li.bijoux a		{ margin-left : 6px; background-position : -174px 0; }
div#adresses ul.thumbProd li.accessoire a	{ margin-left : 6px; background-position : -261px 0; }
div#adresses ul.thumbProd li.mariage a		{ margin-left : 6px; background-position : -348px 0; }

div#adresses ul.thumbProd li.femmes a:hover		{ background-position : -0px -125px; }
div#adresses ul.thumbProd li.hommes a:hover		{ background-position : -87px -125px; }
div#adresses ul.thumbProd li.bijoux a:hover		{ background-position : -174px -125px; }
div#adresses ul.thumbProd li.accessoire a:hover	{ background-position : -261px -125px; }
div#adresses ul.thumbProd li.mariage a:hover	{ background-position : -348px -125px; }


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

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