body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.9em;
background:black;
margin-top:10px;
padding:0;
color:#ffff00;
text-align:left;
}

a:link {color:white; text-decoration:none;}
a:visited {color:white; text-decoration:none;}
a:hover {color:black; text-decoration:none;}
a:active {text-decoration:none;}

h1 {
font-size: 2em;
}

h2 {
font-size: 1em;
color:white;
}

h3 {
font-size: 1.3em;
color:white;
}

h4 {
font-size: 0.7em;
color:white;
}

div#premiere {
  position: absolute; 
  left: 50%; 
  top: 50%;
  width: 800px;
  height: 690px;
  margin-left:-400px ;
  margin-top:-345px;
  background-image: url("layout/background_site.gif");
  }
  
div#pages {
  position: absolute; 
  left: 50%; 
  width:800px;
  height:6666px;
  margin-left:-400px ;
  margin-top:10px;
  background-image: url("layout/pages.gif");
  background-repeat: repeat-y;
  }
  
div#content{ 
 width: 500px;
 position: relative; 
 top: 20px; left: 175px; 
}

div#navigation { 
 position: absolute; 
 top: 20px; left: -30px; 
}

div#copyright { 
 position: absolute;
 width: 500px;
 top: 100%; 
}

p#txt-en {
color:white;
background:black;
}

p#txt-fr {
background:black;
}

ul#menu {
margin:0px;
padding:0px;
}

#menu a {
display: block;
margin: 5px 0;
text-decoration:none;
line-height: 15px;
width: 150px;
color:white;
background:black;
}

#menu a:hover, #menu a:focus {
color:#ffff00;
background:#cc0000 ;
}

a.liens {
display: block;
margin: 5px 0;
text-decoration:none;
line-height: 15px;
width: 200px;
color:white;
background:#990000;
}

a.liens:hover, a.liens:focus {
color:#ffff00;
background:black ;
}