* {
	margin:0;
	padding:0;
	border:0;
}

html , body{
	width:100%;
	height:100%;
	color:#ffffff;
	background:#000000;
	font: 100%/120% "ITCMendozaRomanStdBook", serif;
	letter-spacing:1px;
}
a {
	color:#eeeeee;
	background:transparent;
}

#exposition {
	-webkit-user-select: none;
	-moz-user-select: none;
}
#exposition img {
	float:left;
}

#instructions {
	position:absolute;
	display:none;
}

#ecran {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:420px;
	background-color:#000000;
	display:none;
}

#apropos {
	position:absolute;
	bottom:-400px;
	left:400px;
	height:391px;
	color:#ffffff;
	background:transparent;
}
#apropos .colonne {
	margin-top:30px;
	float:left;
}
#apropos h1, #apropos p, #apropos div div {
	position:relative;
	left:300px;
	text-align:center;
}
#apropos .premiere {
	width:475px;
}
#apropos .seconde {
	width:475px;
	clear:both;
}
#apropos h1 {
	font: 225%/110% "ITCMendozaRomanStdBook", serif;
	text-transform:uppercase;
}
#apropos p{
	color:#eeeeee;
	background:transparent;
	margin-bottom:40px;
}

#pieddepage {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:100px;
	color:#ffffff;
	background:#000000;
}
#logo, #layer {
	width:349px;
	color:#000000;
	background:transparent;
	display:block;
}
#logo img, #relais img {
	border:15px solid #000000;
}
#layer {
	position:absolute;
	bottom:15px;
	left:15px;
	display:none;
}
#layer:active, #layer:focus {
	position:absolute;
	width:0;
	height:0;
	bottom:85px;
	left:15px;
}
#more {
	position:absolute;
	top:40px;
	left:372px;
	display:none;
}
#relais {
	position:absolute;
	bottom:0;
	right:15px;
}