body
{
	background-color: #000000;
	margin: 0px;
	scrollbar-face-color: #000000;
	scrollbar-shadow-color: #ffd35c;
	scrollbar-highlight-color: #ffd35c;
	scrollbar-3dlight-color	: #000000; 
	scrollbar-darkshadow-color: #000000;
	scrollbar-track-color: #000000;
	scrollbar-arrow-color: #ffd35c;

}

#container
{
	position: absolute;
	height: 546px;
	width: 776px;
	left: 50%;
	margin-left : -388px;
        border: 0px solid #FEF0BF;
	background-color: #000000;
}


#principal
{
	position: absolute;
	height: 440px;
	width: 780px;

}


.vignette
{
	position: absolute;
	height: 80px;
	width :90px;
		top: 20px;
	z-index: 2;
}


#vignette_accueil
{
	left: 85px;
}

.legende
{
	position: absolute;
	width: 400px;
	top: 0px;
	text-align : left;
	font-size: 12px;
	line-height: 15px;
	font-family: Verdana;
	color: #FFFFFF;
}

.legende a
{
	color: #ffe6af;
	text-decoration:none;
}

.legende a:hover
{
	color: #864000;
	text-decoration:none;
}

#cadre
{
	position: absolute;
	top: 0px;
	height: 440px;
	width: 780px;
	background-color: #000000;
        border: 0px solid #6D6F71;
	z-index: 1;
}

#image_centre
{
	position: absolute;
	height: 440px;
	width: 780px;
}

#bas
{
	position: absolute;
	bottom: 0px;
	width: 780px;
	height: 49px;
	margin-left: 130px;
	color: ##A18C63;
	font-family: Verdana;
	z-index: 3;
	
}

#menu_bas
{
	position: absolute;
	top : 0px;
	font-size: 12px;
	line-height: 15px;
	margin-top: 10px;
	margin-left: 150px;
	margin-bottom: 10px;
	
}
#bas a{
	color: #A18C63;
	font-size: 12px;
	text-decoration: none;
	}
#bas a:hover{
	color: #ffd35c;
	text-decoration: none;
	}

#menu_bas ul {
	padding : 0 0 0 0;
	margin : 0 0 0 0;
}

#menu_bas li {
	display : inline;
	padding-right : 7px;
}

#footer
{
	position: absolute;
	top:20px;
	font-size: 9px;
	color: #A18C63;
	line-height: 12px;
	margin-top: 32px;
	margin-left: -60px;
}
#footer a{
	color: #A18C63;
	font-size: 10px;
	text-decoration: none;
	}
#footer a:hover{
	font-size: 10px;
	color: #ffd35c;
	text-decoration: none;
	}