#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: 3%;
     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: -3%;
   height: 180px;
   width: 840px;
   text-align: center;
   color: silver;
   font-family: "Trebuchet MS", Arial, serif;
   font-size: 10px;
}
#text
{
 position: absolute;
 top: 9%;
 left: 4%;
 text-align: center;
 font-family: "Trebuchet MS", Arial, serif; 
 color: brown;
 height: 300px;
 width: 780px;
 overflow: auto;
 border: 1px solid red;
}
h4
{
color: red;
}
strong
{
color: red;
}
#nouveau
{
position: absolute;
 top: 44%;
 left: 4%;
 text-align: center;
 font-family: "Trebuchet MS", Arial, serif; 
 color: white;
 height: 230px;
 width: 780px;
  font-size: 12px;
}

#info
{
 position: absolute;
 top: 75%;
 left: 16%;
 text-align: center;
 font-family: "Trebuchet MS", Arial, serif; 
 color: white;
  font-size: 18px;
}

#resa
{
 position: absolute;
 top: 72%;
 left: 60%;
 text-align: center;
 font-family: "Trebuchet MS", Arial, serif; 
 color: white;
 font-size: 12px;
}
#affiche
{
 position: absolute;
 top: 74%;
 left: 40%;
 text-align: center;
 
}

#fnac
{
  background-image: url("..//images/logo/fnac.gif");
  background-repeat: no-repeat;
  position: absolute;
  top: 65%;
  left: 90%;
   height: 50px;
 width: 62px;
}
#geant
{
  background-image: url("..//images/logo/geant.gif");
  background-repeat: no-repeat;
  position: absolute;
  top: 65%;
  left: 74%;
   height: 50px;
 width: 129px;
}
#carrefour
{
  background-image: url("..//images/logo/carrefour.gif");
  background-repeat: no-repeat;
  position: absolute;
  top: 64%;
  left: 49%;
   height: 50px;
 width: 203px;
}
#hyperu
{
  background-image: url("..//images/logo/hyperu.gif");
  background-repeat: no-repeat;
  position: absolute;
  top: 63%;
  left: 2%;
   height: 71px;
 width: 50px;
}
#franceb
{
  background-image: url("..//images/logo/francebillet.gif");
  background-repeat: no-repeat;
  position: absolute;
  top: 65%;
  left: 10%;
   height: 50px;
 width: 55px;
}
#off_t_niort
{
  background-image: url("..//images/logo/off_tourisme_niort.jpg");
  background-repeat: no-repeat;
  position: absolute;
  top: 65%;
  left: 33%;
   height: 50px;
 width: 127px;
}
#off_t_bressuire
{
  background-image: url("..//images/logo/off_tourisme.JPG");
  background-repeat: no-repeat;
  position: absolute;
  top: 65%;
  left: 17%;
   height: 50px;
 width: 123px;
}