@charset "UTF-8";
/* CSS Document */



html, body {
	margin:0px;
	width:100%;
	background-color:#303030;
}
.logo {
	background-image: url(images/logo.gif);
	background-repeat:no-repeat;
	position:absolute;
	width: 300px;
	height: 35px;
	left: 50px;
	top: 25px;
	padding: 0px;
}
.navigation {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 19px;
	font-weight: bold;
	font-stretch:condensed;
	color: #eeeeee;
	position:absolute;
	width: 290px;
	height: 15px;
	left: 50px;
	top: 50%;
	margin-top:-25px;
	text-align:left;
	list-style-type: none;
	padding-bottom:7px;
	border-bottom-style:solid;
	border-bottom-color:#eeeeee;
	border-bottom-width:1px;
	text-decoration: none;
}
.anavigation {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 19px;
	font-weight: bold;
	font-stretch:condensed;
	color: #eeeeee;
	text-align:right;
	list-style-type: none;
	text-decoration: none;
}
.anavigation:link, visited {
	text-decoration: none;
}
.anavigation:hover, active {
	text-decoration: none;
	color:#999999;
}
.accroche_fr {
	position: absolute;
	top: 300px;
	left: 50px;
	width:350px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30px;
	line-height: 30px;
	color: #808080;
	font-stretch:extra-condensed;
	font-weight:normal;
}
#header.b1 {
	position:absolute;
	left: 50%;
	top: 50%;
	width: 600px;
	height: 600px;
	margin-top: -300px;
	margin-left: -300px;
	background:url(images/index/bg_index_1.gif);
	background-repeat:no-repeat;
}
#header.b2 {
	position:absolute;
	left: 50%;
	top: 50%;
	width: 600px;
	height: 600px;
	margin-top: -300px;
	margin-left: -300px;
	background:url(images/index/bg_index_2.gif);
	background-repeat:no-repeat;
}
#header.b3 {
	position:absolute;
	left: 50%;
	top: 50%;
	width: 600px;
	height: 600px;
	margin-top: -300px;
	margin-left: -300px;
	background:url(images/index/bg_index_3.gif);
	background-repeat:no-repeat;