/* CSS DEBUT InfoBulle */
.infoBulleTitre         {text-align:left;font-family:Verdana;font-size:14px;color:yellow;font-weight:bold;padding:5px 5px 0px 5px;}
.infoBulleDescription   {text-align:justify;font-family:Verdana;font-size:10px;color:#FFFFFF;font-weight:bold;padding:5px 5px 5px 5px;}
.infoBulleImage         {border: 1px solid #EF1107;margin-right: 5px;}


/* Rend invisible tout notre bloc span */
a.infoBullePanel span
{								   
    position       :  absolute;
    top            :  -2000em;
    left           :  -2000em;
    width          :  1px;
    height         :  1px;
    overflow       :  hidden; 
    background     :  #393939;   /* Définition du fond, sinon on a le même que notre lien */
    border         :  1px solid #000000; /* Définition des bordures */
}   
a.infoBullePanel
{				
  color           : #FFFFFF; /* Couleur de notre lien */
  font-size       : 14px;   /* Taille de la police */
  
  text-decoration : none;    /* Aucun soulignement du texte */
  padding-left:30px;margin-left:30px;
  
  
  /* Définition de l'arrière plan de notre lien */
  background      : transparent url('comment.gif') no-repeat right center;
}  
/* Rend visible tout notre bloc span et lui attribue une taille */
a.infoBullePanel:hover span, a.infoBullePanel:focus span
{
    top        :  auto;
    left       :  auto;
    width      :  400px;
    height     :  auto;
    overflow   :  visible;
    margin-top:2em;
}

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

/* CSS FIN InfoBulle */