*{
  padding:0; 
  margin:0;
}

body {
  font-size:10px;
  background-color: #000;
  font-family: "Trebuchet MS",verdana,arial,sans-serif;
}

.page-container {
  width:800px;
  height:600px;
  margin:0px auto;
  font-size:1.0em;
}

.main {
  clear:both;
  width:800px;
  background:transparent url(../img/bg_main.png) top left no-repeat;
}

.main-navigation {
  display:inline;
  float:right;
  width:160px;
  overflow:visible !important;
  overflow:hidden;
}

.main-content {
  display:inline;
  float:left;
  width:340px;
  height: 359px;
  margin:0px;
  overflow:visible !important;
  overflow:hidden;
}

.main-subcontent {
display:inline;
float:left;
width:160px;
margin:0px;
overflow:visible !important;
overflow:hidden;
margin-top: 50px;
font-size: 110%;
}

.footer {
clear:both;
width:800px;
height: 119px;
padding: 0; 
background: #000 url(../img/bg_footer.jpg) no-repeat;
font-size:1.0em;
overflow:visible !important; 
overflow:hidden;
}

.header {
  width:800px;
  font-family: "Trebuchet MS",verdana,arial,sans-serif;
}

.projet {
  position:absolute;
  z-index:3;
  margin:100px 0 0 550px;  
}

.nav1 {
  width:600px;
  position:absolute;
  z-index:3;
  margin:90px 0 0 170px;
}

.nav1 ul {
  float:left;
  padding:0 15px 0 0;
}	

.nav1 li {
  display:inline;
  list-style:none;
}

.nav1 li a {
  display:block;
  float:left;
  padding:2px 15px 2px 20px;
  color: #fff;
  text-decoration:none;
  font-size:130%;
  font-weight:bold;
}

.nav1 a:hover {
  text-decoration:none;
  color: #A49700;
}

.page-container:after, .header:after, .header-breadcrumbs:after, .main:after, .main-navigation:after, .main-content:after, .main-content div:after, .main-subcontent:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}

.main-subcontent ul {
  list-style:none;
  margin:0.5em 10px 1.0em 0;
}

.main-subcontent ul li {
  margin:5px 0 0.2em 2px;
  padding: 0 0 0 11px;
  line-height:2em;
  font-weight: bold;
  color: #707173;
}