#en_tete
{
   position: absolute;
   top: -40%;
   left: 15%;
   width: 600px;
   height: 200px;
   background-image: url("..//images/banniere.png");
   background-repeat: no-repeat;
}
h3/* nom de page */
{
   color: white;
}
h2/* titre haut de page */
{   
     position: absolute;
     top: 2%;
     left: 8%;
     height: 40px;
     width: 700px;
     font-family: "Arial Black", Arial, Verdana, serif; /* On essaie d'avoir Arial Black en priorité */
     text-align: center;
     color: white;
}
#horloge
{
     position: absolute;
   top: -15%;
   left: 15%;
   width: 640px;
   height: 20px;
}
#menu
{ 
  position: absolute;
  top: -16%;
  left: -3%;
   width: 900px;/**/
   height: 100px;/* espace entre les bouton et le titre*/
}
ul {

  padding: 0px;
  margin: 0px;
  list-style-type: none;
}
ul li a img
{
   margin: 0px;
   height: 50px;
   width: 100px;
   border: 0;
}
li
{
margin-left: 0px;
float: left; /*pour IE*/
}
ul li a
{
 display: block;
 float: left;
 width: 100px;
 margin: auto;
}
body
{
   width: 1000px;
   margin: auto;
   background-image: url("..//images/fondnoir.png");
}

#corps
{
 position: absolute;
 height: 840px;
 width: 840px;
 top: 60%;
 left: 10%;
 background-image: url("..//images/corps.png");
 background-repeat: no-repeat;

}
#pied_de_page    /*info legal sur la compagnie */
{ 
   position: absolute;
   top: 105%;
   left: 0%;
   height: 180px;
   width: 845px;
   background-image: url("..//images/bande.png");
   background-repeat: no-repeat;

}
#textfond
{
 position: absolute;
   top: 105%;
   left: -2%;
   height: 180px;
   width: 840px;
   text-align: center;
   color: silver;
   font-family: "Trebuchet MS", Arial, serif;
   font-size: 10px;
}
#text

{
position: absolute;
top: 15%;
 left: 3%;
 height: 600px;
 width: 800px;
}
#lien
{
  position: absolute;
  top: 88%;
  left: 38%;
  text-align: center;
  font-family: "Trebuchet MS", Arial, serif; 
  color: brown;
  font-size: 14px;
  height: 80px;
  width: 200px;
  overflow: auto;
  border: 1px solid red
}
#logo
{

  background-image: url("..//images/logo/brochetiere.gif");
  background-repeat: no-repeat;
  position: absolute;
  top: 212%;
  left: 11%;
   height: 160px;
 width: 130px;
}