html { height:100%; }
body {
	height:100%;
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	background: #000000 url('../bg_img/parcourslumiere_bg.jpg') no-repeat center center;
	background-color: #000000;
	text-align: center;
}
a{ color:#AAAAAA; text-decoration:underline; }
a:hover{ color:#FFFFFF; text-decoration:underline; }

#header {
	font-size: 30px;
	color: #888;
    margin: 8px auto 0 0;
    width: 70%;
    height: 83px;
}
#header #logo1 {
	float: left;
}
#header #logo2 {
	float: right;
}
#header #logo3 {
	float: center;
	margin: 30px auto 0 0;
}
#header div {
	display: inline;
}

#container {margin: 20px auto 0;}
#container, #header {width: 720px; margin-left: auto; margin-right: auto;}

#navigation {
	height: 30px;
	margin-top: 35px;
	color: white;
	font-size: 10px;
	font-style: italic;
}
#navigation .hotspot {
	width: 100px;
	height: 145px;
	float: left;
	margin: 0 10px;
	cursor: pointer;
}
#navigation .hotspot .imgdive {
	float: left;
}
#navigation .hotspot img, #navigation .hotspot .veil {
	width: 100px;
	height: 100px;
}
#navigation .hotspot .veil, #navigation span {
	position: relative;
	top: -100px;
}
#navigation .hotspot .veil {
	background-color: black;
	opacity: .2;
	filter:alpha(opacity=20);
	-moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    border-radius: 15px;
}
#navigation span {
	margin: 0 2px;
	font-size: 14px;
	font-style: normal;
	color: white;
}
#navigation .hotspot.inactive span {
	color: #666;
}
#footer {
	text-align: center;
	clear: both;
	padding-top: 20px;
	font-size: 15px;
	color:#666;
}