/* INFOBULLE générale */

#tooltip {
clear : both;
position: absolute;
z-index: 99;
background:#72b22d;
padding: 5px;
-moz-border-radius:5px; 
border : 0px;
color : white;
width : 200px;
}

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

.tooltip1 {
/* cursor: help; */
}

.tooltip2 {
/*cursor: help; */
}

/* 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: 200px;
position: absolute; /* Absolute will make the tooltip float above other content in the page */
bottom: 20px;
display: none; /* It has to be displayed none so that the jQuery fadein and fadeout functions will work */
color: #ffffff;
font-size: 8pt; /* A font size is needed to maintain consistancy */
text-align : left;
line-height : 10pt;
background : transparent;
z-index : 100000;
}

.toolTipTop { /* Top section of the tooltip */
width: 200px;
height : 7px;
font-size : 0px;
line-height : 0px;
background : url('tooltip/infobulle_top.png');
}

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

.toolTipBtm { /* Bottom Section of the tooltip */
width: 200px;
height : 23px;
font-size : 0px;
line-height : 0px;
background : url('tooltip/infobulle_bottom.png');
}