a.infobulle{
    position:relative; 
    z-index:24; 
    text-decoration:none}
    
 a.infobulle img {
  vertical-align : middle;
  margin: 0 5px;
 }

a.infobulle:hover{z-index:25;}

a.infobulle:hover span.top {
 background : url('./img/top_bulle.gif') no-repeat;	
 display : block;
 width : 100%;
 height : 30px;
}
a.infobulle:hover .middle {
 background : url('./img/fond_bulle.gif') repeat-y;
 display : block;
 width : 180px;	
 padding : 10px;
 _width : 180px;
}
a.infobulle:hover .foot {
background : url('./img/pied_bulle.gif') no-repeat;
 display : block;
 width : 100%;
 height : 30px;
}

a.infobulle div{display: none}

a.infobulle:hover div{ 
/*le contenu de la balise span ne 
sera visible que pour l'état a:hover */
 display:block; 
 position:absolute;
width : 200px;
font-weight : normal;
    top:10px; left:-175px; 
color:#6699cc;
    text-align: left;


    
    
    }

a.tooltip_trigger {
 position : relative;	
 z-index:24; 
 text-decoration:none 
}

a.tooltip_trigger div, a.tooltip_trigger ul {
 display : none;	
}
a.tooltip_trigger:hover {
 z-index:25;
}
a.tooltip_trigger .tooltip_block {
	display : none;
	}
a.tooltip_trigger:hover div {
	display : block;
 background:#2b62b2;
 color:#FFFFFF;
 text-align:center;
 padding:10px;
 line-height : 20px;

}

 a.tooltip_trigger:hover .tooltip_bottom_left {
     display:block; 
     position:absolute;
     width : 400px;
     font-weight : normal;
     top:20px; left:-350px; 
     color:#fff;
     text-align: left;
 }
 

 a.tooltip_trigger:hover .tooltip_left {
     display:block; 
     position:absolute;
     width : 400px;
     font-weight : normal;
     left:-420px;
	 top : -50%; 
     color:#fff;
     text-align: left;
 } 
 
 a.tooltip_trigger:hover .tooltip_top_left {
     display:block; 
     position:absolute;
     width : 400px;
     font-weight : normal;
     top:-200px; left:-430px; 
     color:#fff;
     text-align: left;
 } 
 
 a.tooltip_trigger:hover .tooltip_bottom_right {
     display:block; 
     position:absolute;
     width : 400px;
     font-weight : normal;
     top:20px; left:-50px; 
     color:#fff;
     text-align: left;
 } 

a.tooltip_trigger:hover div span {
background:url(img/tips_gray.png) left bottom no-repeat;
padding-top:4px;
height:18px;
}