#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;
}
input, textarea
{
   font-family: "Trebuchet MS", Times, serif; /* On modifie la police du texte tapé l'intérieur des champs */
   
}
 
input:focus, textarea:focus /* Quand le curseur est sur un champ (ne marche pas sur IE) */
{
   background-color: brown;
} 
 
label
{
   color: brown; /* Colorer en bleu tous les labels (bah oui, pourquoi pas en bleu ?) */
   font-size: 14px;
}
 
legend /* On met un peu plus en valeur les titres des fieldset */
{
   font-family: Arial, "Arial Black", Georgia, "Times New Roman", Times, serif;
   font-size: 10px;
   color: red;
   font-weight: bold;
  
}
 
#contact
{
   margin-bottom: 2px; /* Une marge pour séparer les fieldset */
   border: none;
 position: absolute;
  left: 42%;
  top: 15%;
  width: 420px;
   height: 760px;
}
  
  
#text
{
 position: absolute;
 left: 14%;
 top: 15%;
 width: 240px;
 height: 400px;
 color: brown;
}
h4
{
text-align: center;
}

#licorne
{
background-image: url("..//images/image_060.gif");
  background-repeat: no-repeat;
  position: absolute;
  top: 72%;
  left: 6%;
   height: 175px;
 width: 308px;
}