/* INFOBULLE générale */

#tooltip {
clear : both;
position: absolute;
z-index: 10000;
background:#e7e7e7;
padding: 5px;
filter:alpha(opacity=95); 
-moz-opacity:0.95;
opacity: 0.95;
width : 150px;
-moz-border-radius:5px; 
border : 1px solid #cecece;
}

#tooltip h3, #tooltip div { font-size : 8pt; }



/* INFOBULLE d'information */

.tooltip_info { /* This is the hook that the jQuery script will use */
cursor: help; 
position: relative; /* This contains the .toolTipWrapper div that is absolutely positioned  */
}

.toolTipWrapper { /* The wrapper holds its insides together */
width: 135px;
position: absolute; /* Absolute will make the tooltip float above other content in the page */
bottom: 25px;
display: none; /* It has to be displayed none so that the jQuery fadein and fadeout functions will work */
color: #FFF;
font-size: 8pt; /* A font size is needed to maintain consistancy */
text-align : left;
}

.toolTipTop { /* Top section of the tooltip */
width: 135px;
height : 8px;
background : url('tooltip/infobulle_top.png');
}

.toolTipMid { /* Middle section of the tooltip */
width: 125px;
background : url('tooltip/infobulle_center.png');
padding : 5px;
}

.toolTipBtm { /* Bottom Section of the tooltip */
width: 135px;
height : 23px;
background: yellow;
background : url('tooltip/infobulle_bottom.png');
}