/*  ---  */
html {
padding:0px;
margin:0px;
}
body {
background-image: url(images/fond.gif);
background-repeat: repeat-x;
background-color: #160f09;
font-size: 10px;
font-family: Geneva, Arial, Helvetica, sans-serif;
color:#fee55e;
padding:0px;
margin:0px;
}
a {
color: #fee55e;
font-size: 10px;
font-family: Geneva, Arial, Helvetica, sans-serif;
}
pre {
color: #777;
font-size: 11px;
}
p, pre {
padding: 5px 15px;
margin: 0px;
}

/*  ---  */
#container {
position: absolute;
width: 100%;
height: 600px;

}

#bas {
position: absolute;
width: 960px;
height: 100px;
bottom: 0px;
padding: 0px;
}

a.info_bulle_gauche
{				
  color           : #160f09;
  
  text-decoration : none; 
  
  padding         : 2px 16px 2px 2px; /*Définition des marges intérieures de notre lien */

  /* Définition de l'arrière plan de notre lien */
  background      : transparent url('images/0.png') no-repeat right center;

  position        : relative;
}  
 
a.info_bulle_gauche:hover 
{
  border          : 0;  /* ligne qui corrige le bug d'IE6 et inférieur */
}

/* Rend invisible tout notre bloc span */
a.info_bulle_gauche span.info_bulle_gauche
{
    position   :  absolute;
    top        :  -2000em;
    left       :  -2000em;
    width      :  1px;
    height     :  1px;
    overflow   :  hidden;
}

/* Rend visible tout notre bloc span et lui attribue une taille */
a.info_bulle_gauche:hover span.info_bulle_gauche, a.info_bulle_gauche:focus span.info_bulle_gauche
{
    top        :  auto;
    left       :  auto;
    width      :  220px;
    height     :  auto;
    overflow   :  visible;
}

a.info_bulle_droite
{				
  color           : #160f09;
  
  text-decoration : none; 
  
  padding         : 2px 16px 2px 2px; /*Définition des marges intérieures de notre lien */
  
  /* Définition de l'arrière plan de notre lien */
  background      : transparent url('images/0.png') no-repeat right center;
  
  position        : relative; /* Indispensable pour le bon positionnement de l'info-bulle */ 
}  
 
a.info_bulle_droite:hover 
{
  border          : 0;  /* ligne qui corrige le bug d'IE6 et inférieur */
}

/* Rend invisible tout notre bloc span */
a.info_bulle_droite span.info_bulle_droite
{
    position   :  absolute;
    top        :  -2000em;
    left       :  -2000em;
    width      :  1px;
    height     :  1px;
    overflow   :  hidden;
}

/* Rend visible tout notre bloc span et lui attribue une taille */
a.info_bulle_droite:hover span.info_bulle_droite, a.info_bulle_droite:focus span.info_bulle_droite
{
    top        :  auto;
    left       :  auto;
    width      :  220px;
    height     :  auto;
    overflow   :  visible;
}

span.header
{
   display         : block; 
   height          : 35px;  /* Hauteur correspondant à celle de notre image */
   line-height     : 220%;  /* Propriété qui centrera le texte verticalement */
   text-align      : center;
   background      : transparent url('images/bullehaut.png') no-repeat 0 0; 
   font-size       : 15px; 
   font-weight     : bold;
} 

span.content
{
   display     : block; 
   background  : transparent url('images/bullecentre.png') repeat-y;
   padding     : 0 8px;
} 

span.footer
{
   display     : block; 
   height      : 5px; 
   background  : url('images/bullebas.png') no-repeat bottom left; 
   font-size   : 0; /* Corrige l'espacement inutile sous IE */
}