html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } :focus { outline: 0; } body { line-height: 1; color: black; background: white; } ol, ul { list-style: none; } table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } header, footer, nav, section, article, aside { display:block;}

@font-face {
	font-family: 'typenoksidi';
	src: url(typenoksidi.eot);
	src: local('typenoksidi'), local('typenoksidi'), url('Typenoksidi/typenoksidi.html') format('woff'), url('Typenoksidi/typenoksidi-2.html') format('truetype'), url('Typenoksidi/typenoksidi-3.html#Typenoksidi') format('svg');
}

body {
	font: 1em/1.1em "Courier New", Courier, Monaco, monospace;
	color: white;
	text-align: left;
	background: transparent url(bg.gif) repeat;
	width: 100%;
	margin: 0;
	padding: 0;
}

.disapear {
	position: absolute;
	text-indent: -999999px;
}

.clearer {
	clear: both;
}

p {
	margin: 1em 0 1em 0;
}

a {
	color: white;
	text-decoration: underline;
}

a:hover {
	color: black;
	background-color: white;
	text-decoration: none;
}

a.img:hover {
	background: none;
	text-decoration: none;
}

strong {
	color: white;
	font-weight: bold;
}

h1, h2, h3, h4, h5, h6 {
	font-family: typenoksidi, 'typenoksidi';
	color: black;
	background-color: #e5e8e3;
	font-weight: normal;
	line-height: 1.5em;
	padding: 0 0 0 0.2em;
}

h1 {
	font-size: 240%;
}

h2 {
	font-size: 220%
}

h3 {
	font-size: 200%;
}

h4 {
	font-size: 160%;
}

h5 {
	font-size: 160%
}

h6 {
	font-size: 140%
}

#containeur {
	width: 970px;
	background: transparent url(containeur.png) repeat-y;
	margin: auto;
}

header, #content, footer {
	width: 921px;
	margin: auto;
}

header {
	height: 155px;
	background: #000000 url(sprite.png) 0 0 no-repeat;
	width: 918px;
}

header h1, header h2 {
	position: absolute;
	text-indent: -9999px;
	background: none;
}

#video {
	height: 630px;
	background: black url(sprite.png) 0 -160px no-repeat;
	margin: 0 0 0 2px;
}

#player {
	width: 641px; 
	height: 385px;
	position: absolute;
	margin: 110px 0 0 260px;
}

#player object {
	width: 641px; 
	height: 385px;
	border: 2px solid #484848;
}

#info {
	margin: 2em 0 0 2px;
	overflow: hidden;
	width: 919px;
}

#links li {
	width: 135px;
	height: 50px;
	text-indent: -9999px;
}

#links li a {
	display: block;
	width: 133px;
	height: 48px;
	border: 1px solid #484848;
}

#links li a:hover {
	border: 1px solid #EE0010;
	background: transparent;
}

#links #l-myspace {
	background: transparent url('sprite.png') 0 -1030px no-repeat;
	float: left;
	margin: 0 0 1em 0;
}

#links #l-youtube {
	background: transparent url('sprite.png') -146px -1030px no-repeat;
	float: right;
	margin: 0 0 1em 0;
}

#links #l-facebook {
	background: transparent url('sprite.png') 0 -1093px no-repeat;
	float: left;
}

#links #l-twitter {
	background: transparent url('sprite.png') -146px -1093px no-repeat;
	float: right;
}

footer {
	margin: 3em auto 0 auto;
	padding: 1.6em 0 0 0;
	overflow: hidden;
	width: 919px;
	background: white url(sprite.png) 0 -1170px no-repeat;
	color: black;
	font-size: 95%;
}

footer ul {
	margin: 0 0 0 0.2em;
}

footer a {
	color: black;
}

footer a:hover {
	color: #dd101b;
	text-decoration: underline;
}

footer h4 {
	background-color: white;
	margin: 0 0 0.5em 0;
}

#info div, footer div {
	float: left;
	width: 31%;
}

footer address, footer #mail {
	margin: 0 0 1em 0;
}

#info div:nth-child(1), #info div:nth-child(2), footer div:nth-child(1), footer div:nth-child(2) {
	margin: 0 3.3% 0 0;
}

#info div:nth-child(1) {
	padding: 0 0 0 0.2em;
}

#copyright {
	width: 100%;
	background: black url(sprite.png) 0 -820px no-repeat;
	color: white;
	margin: 2em 0 0 0;
}

#copyright p {
	width: 45%;
}

#copyright a {
	color: white;
}

#copyright a:hover {
	color: black;
}

#copyright p:nth-child(1) {
	float: left;
	margin: 1em 0 0 0.2em;
}

#copyright p:nth-child(2) {
	float: right;
}