html { background: #fff; text-align: center; height: 100%;}
body {
 color: #999;
 font-family: Arial, Verdana, Helvetica,sans-serif;
 margin: 0;
 padding: 0;
 font-size: .8em;
 height: 100%;
}
/**/
body * {
 margin:0;
 padding: 0; 
}

#container{
 position: relative;
 min-height: 100%;
}

* html #container{
 height: 100%;
}
#footer {
 clear:both;
 position: relative;
 margin: -7.4em auto 0 auto;
 padding:0;
}
/* A CSS hack that only applies to IE -- specifies a different height for the footer */
* html #footer{
margin-top: -6.4em;
}
@media all and (min-width:0px) {
	head~body #footer { margin: -10em auto 0 auto; }
}

.footer{}

/* defaults */
h1,h2,h3,h4 {color:#000;margin:.2em 0;padding:0;}

h1{font-size:1.6em;}
h2{font-size:1.4em;}
h3{font-size:1.2em;margin:1em 0;}
h4{font-size:1em;}
h5{font-size:.9em; color:#000; margin:0;}
p { margin:0;padding:0; }

img { border: none;  padding:.5em; margin:0;}

a:link, a:visited,a:active{color:#000;text-decoration:none;border:none;}
a:hover {color:#999;text-decoration:underline;}

ul, ol {list-style: none;}

ul {padding:0; margin:0;}
li { padding:0 .2em;}
/*
ul li a:link ,ul li a:visited,ul li a:active { display: block; padding:2px;  font-size:1.2em;}
ul li a:hover { background:#111;}
ul li a.current:link, ul li  a.current:visited, ul li  a.current:active, ul li  a.current:hover  {color:#000;}
*/
/* GENERIC CLASSES */
.floatright{float:right;}
.clear { clear: both; margin:1em 0; padding-bottom:1em;}
.border { border-bottom: 1px solid #999; }
.pad5 { padding: .5em; }

/* Header 

 margin:0 auto;
 height:6em;*/
#header {
 padding: 1em 0;
 clear:both;
}
#lang {text-align:right; width:980px;margin:1em auto;}
/* Navigation */
#nav {display:block;padding:0; margin:1em auto; 
width: 16em;
font-weight:bold;
}
#nav li {display:block;float:left;margin:0;padding:0 2em;}
#nav li a:link,#nav li  a:visited,#nav li a:active{color:#000;text-decoration:none;border:none;}
#nav li  a:hover {color:#999;}
#nav  li a.current:link,#nav  li  a.current:visited,#nav li  a.current:active,#nav li  a.current:hover  {color:#000;}

#nav  li a.grey:link,#nav  li  a.grey:visited,#nav li  a.grey:active {color:#999;}
#nav li  a.grey:hover  {color:#000;}

#nav #projets {border-right:1px solid #999;}
#nav #contact {border-left:1px solid #999;}
/* container & content */
#main {
/*	margin:2em auto;
	padding:0 0 2em 0;
 
 padding:0 0 9em 0;padding-bottom: 9em;*/
	padding:0 0 1em 0;
	text-align:justify; 
	margin:2em auto 0 auto;
	width:980px;
}/*
	min-height: 20em;
	background:#eee;
	position:relative;
#content { margin:0 auto;
	background:#ccc;
	position:absolute;  left:10px;
	}*/
.index { width:380px; margin:0 auto; }
.nav {width:240px; float:left; margin:0; padding:0 5px 0 0;}
.swf {width:480px; float:left; margin:0; padding:0 0 0 5px;height:480px;}

.reelholder {width:980px;height:200px; margin:1em  auto 8em auto;  padding:0;}
/*.reelholder { margin:0 0 8em 0; padding:0;position:relative;}background: #000;*/

/*
ul.sub {padding:0; margin-top:0!important; margin:-20px 0 0 0;}
ul.sub li a:link ,ul.sub li a:visited,ul.sub li a:active{
	color:#999;
}
ul.sub li a:hover{
	color:#fc0;
}
*/