.balloonstyle{
position:absolute;
top: -500px;
left: 0;
padding: 5px;
visibility: hidden;
border:1px solid #999;
font: normal 11px arial;
line-height: 14px;
z-index: 100;
background:url(bg.gif) top center repeat-x #fff;
width: 155px;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135,Strength=5);
}

.balloonstyle img{
float:left;
margin-right:5px;
}

.balloonstyle h5{
font-size:12px;
font-weight:bold;
color:#003366;
}

.balloonstyle h2{
font-size:11px;
font-weight: normal;
color:#3b86cd;
margin-bottom:8px;
}

.balloonstyle .tarif{
width:163px;
height: 22px;
background: url(tarif.gif) no-repeat;
margin-left:-4px;
margin-bottom:-4px;
margin-top:5px;
}


.balloonstyle h3{
font-size:18px;
font-weight: bold;
color: #fff;
padding-left:59px;
padding-top: 4px;
float:left;
margin-right: 2px;
}

.balloonstyle h4{
font-size: 12px;
font-weight: bold;
color: #fff;
padding-top: 5px;
}

#arrowhead{
z-index: 99;
position:absolute;
top: -500px;
left: 0;
visibility: hidden;
}

.balloonstyle ul{
clear:both;
border-top:1px solid #ccc;
padding-top:3px;
}

.balloonstyle ul li{
list-style: inside square;
color:#003366;
font-weight:bold;
}

.ballonstyle hr {
clear:both;
}