/* CSS - Infobulles  */

a.infobulle1{
    position:relative; 
    z-index:24; background-color:#ccc;
    color:#000;
    text-decoration:none}

a.infobulle1:hover{z-index:25; background-color:#ff0}

a.infobulle1 span{display: none}

a.infobulle1:hover span{ 
/*le contenu de la balise span ne 
sera visible que pour l'état a:hover */
 	display:block; 
	 position:absolute;  
    top:40px; left:45px; width:300px;
    background-color:#4ea6ce; 
	color:#eeeeee;
    text-align: justify;
    font-weight:none;
    padding:10px;
  	opacity: 0.9;
  	filter:alpha(opacity=90); 
	
}


a.infobulle2{
    position:relative; 
    z-index:24; background-color:#ccc;
    color:#000;
    text-decoration:none}

a.infobulle2:hover{z-index:25; background-color:#ff0}

a.infobulle2 span{display: none}

a.infobulle2:hover span{ 
 	display:block; 
	 position:absolute;  
    top:40px; left:45px; width:300px;
    background-color:#9bd186; 
	color:#FFFFFF;
    text-align: justify;
    font-weight:none;
    padding:10px;
  	opacity: 0.9;
  	filter:alpha(opacity=90);
	
}