/********** GLOBAL > STYLE **********/

@font-face {
    font-family:'DINBold';
    src:url('fonts/din_bold-webfont.eot');
    src:url('fonts/din_bold-webfont.eot?#iefix') format('embedded-opentype'),
        url('fonts/din_bold-webfont.woff') format('woff'),
        url('fonts/din_bold-webfont.ttf') format('truetype'),
        url('fonts/din_bold-webfont.svg#DINBold') format('svg');
    font-weight:normal;
    font-style:normal;
}
html {
	font-size:100%;
}
body {
	font-size:1em;
}
h1, h2, p, a, span, blockquote {
	font-family:'DINBold';
	text-transform:uppercase;
	color:#7D7D7C;
	text-shadow: 0px -1px 0px #000;
	clear:both;
	float:left;
	padding:10px;
	margin:2px 0;
	background:#232322;
	-webkit-box-shadow:#000 0px 0px 4px;
	-moz-box-shadow:#000 0px 0px 4px;
	box-shadow:#000 0px 0px 4px;
	behavior:url(ressources/PIE.htc);
}
h1 {
	font-size:1.5em;
}
h2 {
	font-size:1em;
}
sup {
	line-height:0em;
}
a {
	text-decoration:none;
	font-size:.8em;
	color: #0F0F0E;
	text-shadow:0px 1px 0px #C3C3C2;
	background:#7D7D7C;
}
a:hover {
	color:#191918;
	text-shadow:0px 1px 0px #FFF;
	background:#A5A5A4;
}

/********** GLOBAL > STRUCTURE **********/

html, body {
	margin:0;
	padding:0;
	border:0;
	height:100%;
	width:100%;
	overflow:hidden;
}
body {
	background:#000;
}

/********** GLOBAL > CONTENT **********/

#link {
	position:absolute;
	top:25%;
	left:5%;
	z-index:2;
}
#infos {
	position:absolute;
	bottom:25%;
	right:5%;
	z-index:2;
	font-size:.6em;
}
video {
	position:absolute;
	z-index:-1;
	height:100%;
	width:100%;
}