@charset "UTF-8";
/* CSS Document */
body {
	top:10px;
	width:720px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:12px;
	text-align:justify;
}

p {
	font-size:12px;
	text-align:justify;
	color:#000;
}

.titre {
	font-size:12px;
	font-weight:bold;
	text-align:left;
	color:#003;
	text-decoration:underline;
}

.chapitre {
	font-size:12px;
	color:#F66;
}

.image {
	margin-left:100px;
}

/* Rend invisible tout notre bloc span */
a.info_bulle span
{								   
    position       :  absolute;
    top            :  -2000em;
    left           :  -2000em;
    width          :  1px;
    height         :  1px;
    overflow       :  hidden; 
    background     :  #FCDFDF; 
	color:#000;
	border:dotted 1px #F66;/* Définition du fond, sinon on a le même que notre lien */
     /* Définition des bordures */
}              

a.info_bulle
{				
  color           : #F66; /* Couleur de notre lien */
  font-size       : 12px;   /* Taille de la police */
  
  text-decoration : none;    /* Aucun soulignement du texte */
  /*Définition des marges intérieures de notre lien */
  
  /* 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.info_bulle:hover span, a.info_bulle:focus span, a.info_bulle:active span 
{
    top        :  auto;
    left       :  auto;
    width      :  200px;
    height     :  auto;
    overflow   :  visible;
	position:relative;
}                

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