.infobulle {
    position:absolute;
    display:block;
    max-width:120px;
    height:auto;
    line-height:16px;
    font-size:13px;
    padding:8px 10px;
    color:rgb(47,95,123);
    text-align:center;
    z-index:9;
    background:rgb(221,218,26);
    -webkit-box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);
    -moz-box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);
    box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);

    color:#ffffff;
    background:#333333;
}

.infobulle .arrow {
    position:absolute;
    bottom:-5px;
    left:50%;
    margin-left:-5px;
    border-left:5px solid transparent;
    border-right:5px solid transparent;
    border-top:5px solid rgb(221,218,26);
    border-top:5px solid #333333;
}

.infobulle.bottom .arrow {
    position:absolute;
    top:-5px;
    left:50%;
    width:0;
    height:0;
    border-style: solid;
    border-width: 0 2.5px 5px 2.5px;
    border-color: transparent transparent rgb(221,218,26) transparent;
    border-color: transparent transparent #333333 transparent;
}