#tooltip {
font-family: Verdana, Arial, Helvetica, sans-serif; ;
font-size: 12px;
color:#000000;
text-align:center;
position: absolute;
z-index: 3000;
border: 1px solid #333333;
background-color: #ffffcc;
padding: 5px;
opacity: 0.80;
}

#tooltip.silhouette {
font-family: Verdana, Arial, Helvetica, sans-serif; ;
font-size: 12px; 
border: none;
width: 250px;
height: 100px;
padding-top:30px;
padding-left:0px;
padding-right:0px;
padding-bottom:0px;
opacity: 0.8;
background: url('images/shadow_little.png');
background-repeat:no-repeat;
text-align:center;
}

#tooltip.jungle_general {
font-family: Verdana, Arial, Helvetica, sans-serif; ;
font-size: 12px;
color:#000000;
text-align:center;
position: absolute;
z-index: 3000;
border: 1px solid #000000;
background-color: #66cc99;
padding: 5px;
opacity: 0.80;
}

#tooltip.formmail {
font-family: Verdana, Arial, Helvetica, sans-serif; ;
font-size: 12px;
color:#FFFFFF;
text-align:center;
position: absolute;
z-index: 3000;
border: 1px solid #000000;
background-color: #333333;
padding: 5px;
opacity: 0.80;
}

#tooltip h3, #tooltip div { margin: 0; }

/* - Autres Styles pour différentes Tooltip -*/

#tooltip.pretty {
font-family: Verdana, Arial, Helvetica, sans-serif; ;
font-size: 12px; 
border: none;
width: 210px;
padding:20px;
height: 135px;
opacity: 0.8;
background: url('images/shadow.png');
}
#tooltip.pretty h3 {
margin-bottom: 0.75em;
font-size: 12pt;
width: 220px;
text-align: center;
}
#tooltip.pretty div { width: 220px; text-align: left; }

#tooltip.fancy {
background: url('images/bulle.png');
padding-top: 5em;
height: 100px;
}
#tooltip.fancy.viewport-right {
background: url('images/bulle-reverse.png');
}

#extended { margin: 2em 0; }
#extended label { text-decoration: underline; }
#right, #right2 { text-align: right; }
#tooltip.right { width: 250px; }
#fancy2 { float: right; }