body {
	background-color: #000000;
	background-image: url(../_img/background.jpg);
	
	font-family: arial, "lucida console", sans-serif;
	font-size: 12px;
	color: #888888;
}
h1, h1 a, h2, div, #footer ul, #footer ul li {
	margin: 0;
	padding: 0;
}

a {
	color: #8e5dac;
}

img {
	border: 1px solid #4f4e4f;
}

#wrapper {
	position: absolute;
	
	width: 960px;
	height: 550px;
	
	top: 50%;
	left: 50%;
	
	margin-left: -480px;
	margin-top: -275px;
}

h1, h1 a {
	display:block;
	height: 63px;
	
	background-image: url(../_img/header.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	
	text-indent: -10000px;
}
h1.home, h1.home a {
	background-image: url(../_img/header_home.jpg);
}

h2 {
	width: 102px;
	height: 418px;
	float: left;

	text-indent: -10000px;
	
	background-repeat: no-repeat;
	background-position: center right;
}

h2.home {
	background-image: url(../_img/h2.home.jpg);
}

h2.sur-scene {
	background-image: url(../_img/h2.sur-scene.jpg);
}

h2.pres-de-vous {
	background-image: url(../_img/h2.pres-de-vous.jpg);
}

h2.videos {
	background-image: url(../_img/h2.videos.jpg);
}

h2.photos {
	background-image: url(../_img/h2.photos.jpg);
}

h2.experience {
	background-image: url(../_img/h2.experience.jpg);
}

h2.downloads {
	background-image: url(../_img/h2.downloads.jpg);
}

h2.contact {
	background-image: url(../_img/h2.contact.jpg);
}

h2.credits {
	background-image: url(../_img/h2.credits.jpg);
}

#container {
	float: right;
	
	width: 528px;
	padding-left: 230px;
	padding-right: 92px;
	margin-right: 8px;
	height: 380px;
	padding-bottom: 38px;
	
	background-image: url(../_img/content.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	
	overflow: auto;
}

#container.home {
	width: 670px;
	padding-left: 100px;
	padding-right: 80px;
	height: 410px;
	padding-bottom: 8px;
	background-image: url(../_img/content_home.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}

#container.home a.sur-scene {
	outline:none;
	position: absolute;
	display: block;
	text-indent: -10000px;
	
	margin-top: 130px;
	width: 90px;
	height: 280px;
}
#container.home a.pres-de-vous {
	outline:none;
	position: absolute;
	display:block;
	text-indent: -10000px;
	
	margin-top: 130px;
	margin-left: 290px;
	width: 340px;
	height: 80px;
}
#container.home a.videos {
	outline:none;
	position: absolute;
	display: block;
	text-indent: -10000px;
	
	margin-top: 250px;
	margin-left: 225px;
	width: 115px;
	height: 115px;
}
#container.home a.videos:hover {
	outline:none;
	background-image: url(../_img/play.png);
}

#content {
	height: 380px;
	overflow: auto;
}

#footer {
	height: 49px;
	padding-left: 96px;
}

#footer ul {
	line-height: 49px;
	list-style-type: none;
	height: 49px;
}

#footer ul li {
	float: left;
}
#footer ul li a {
	display: block;
	height: 49px;
	text-indent: -10000px;
	background-position: top;
	outline: none;
}
#footer ul li a:hover, 
#footer ul li.home a.current, 
#footer ul li.sur-scene a.current, 
#footer ul li.pres-de-vous a.current, 
#footer ul li.videos a.current, 
#footer ul li.photos a.current, 
#footer ul li.experience a.current, 
#footer ul li.downloads a.current, 
#footer ul li.contact a.current, 
#footer ul li.credits a.current   {
	background-position: bottom;
	outline: none;	
}

#footer li.home a {
	width: 63px;
	background-image: url(../_img/menu.home.jpg);
}
#footer li.sur-scene a {
	width: 92px;
	background-image: url(../_img/menu.sur-scene.jpg);
}
#footer li.pres-de-vous a {
	width: 119px;
	background-image: url(../_img/menu.pres-de-vous.jpg);
}
#footer li.videos a {
	width: 70px;
	background-image: url(../_img/menu.videos.jpg);
}
#footer li.photos a {
	width: 73px;
	background-image: url(../_img/menu.photos.jpg);
}
#footer li.experience a {
	width: 106px;
	background-image: url(../_img/menu.experience.jpg);
}
#footer li.downloads a {
	width: 110px;
	background-image: url(../_img/menu.downloads.jpg);
}
#footer li.contact a {
	width: 81px;
	background-image: url(../_img/menu.contact.jpg);
}
#footer li.credits a {
	width: 72px;
	background-image: url(../_img/menu.credits.jpg);
}
form {
	margin: 0;
	padding: 0;
}
form p {
	margin: 12px 0;
}

form p label {
	display: block;
}

form p input, form p textarea {
	border: 1px solid #888888;
	padding: 2px;
	background-color: #111111;
	color: #FFFFFF;
	width: 250px;
}

form p textarea {
	width: 490px;
	height: 80px;
}

form .submit {
	text-align: right;
}
form .submit input {
	width: 100px;
}

form .email {
	display: none;
}

.contactError, .contactSuccess {
	float: right;
	width: 240px;
	color: red;
}
.contactSuccess {
	color: green;
}