.panoramique-pp{
    height: 600px;
}

.panoramique-pp .custom-hotspot{
    background: url("../../images/hotspot-icon.png") no-repeat;
    width: 20px;
    height: 20px;
    background-size: 100% 100%;
}

.panoramique-pp .custom-tooltip span{
    background: url("../../images/tooltip-custom.jpg") no-repeat;
    background-size: cover;
    max-width: 140px;
    position: absolute;
    color: #ffffff;
    text-align: center;
    padding: 5px 10px;
    cursor: pointer;
    font-family: 'TradeGothicLTStd-Bd2';
    text-transform: uppercase;
    visibility: hidden;
    font-size: 0.85rem;
    letter-spacing: 0.6px;
}

.panoramique-pp .custom-tooltip:hover span{
    visibility: visible;
}

.panoramique-pp .custom-tooltip span:after{
    content: url("../../images/tooltip-pointe.png");
    position: absolute;
    width: 0;
    height: 0;
    bottom: 0;
    left: 0;
    margin: 0;
}