.int_map{
    --w: 1vw;
    --f-size: 1em;
    --tip-pot-top: -9.2vw;
    --tip-pot-right: -3vw;
    --tip-ver-top: 1vw;
    --tip-ver-left: 1vw;
    --tip-boi-top: 1vw;
    --tip-boi-right: 1vw;
    --tip-pol-top: 1vw;
    --tip-pol-right: 1vw;
    display: flex;
    justify-content: center;
    position: relative;
}

.int_map > figure.image.img-center {
    max-width: 56vw;
    margin: 0;
}

.int_map > :first-child img {
    display: flex;
    margin: 0;
    width: 56vw;
}

.bulle {
    position: absolute;
}

.tip {  
    display: block;
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transform: scale(0);
    transform-origin: 50% 100%;
    transition: transform 550ms ease-in-out;
}

.tip p {
    display: inline-flex;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    font-weight: bold;
    color: #7f2538;
    font-size: var(--f-size);
    text-align: center;
    margin-top: 8%;
    padding-inline: var(--w);
}

.bulle.petite .tip { 
    background-image: url(photos/tooltip.svg);
}

.bulle.grande .tip {
     background-image: url(photos/tooltip_long.svg);
}

.bulle.potager {
    width: 18%;
    height: 17%;
    top: 3%;
    right: 8%;
    border-bottom-left-radius: 100% 37%;
}

.bulle.potager .tip {
    width: calc(17 * var(--w));
    height: calc(10 * var(--w));
    top: var(--tip-pot-top);
    right: var(--tip-pot-right);
}


.bulle.verger {
    width: 16%;
    height: 13%;
    top: 14%;
    left: 21%;
    border-radius: 0% 0% 50% 50%;
}

.bulle.verger .tip {
    width: calc(11 * var(--w));
    height: calc(9 * var(--w));
    top: var(--tip-ver-top);
    left: var(--tip-ver-left);
}

.bulle.petit-bois {
    width: 21%;
    height: 42%;
    top: 19%;
    right: 13%;
    border-radius: 20% 35% 20% 20% / 20% 30% 10% 2%;
}

.bulle.petit-bois .tip {
    width: calc(16 * var(--w));
    height: calc(9.4 * var(--w));
    top: var(--tip-boi-top);
    right: var(--tip-boi-right);
}

.bulle.salle-poly {
    width: 22%;
    height: 22%;
    bottom: 11%;
    right: 15%;
}

.bulle.salle-poly .tip {
    display: flex;
    justify-content: space-around;
    width: calc(19 * var(--w));
    height: calc(11.2 * var(--w));
    top: var(--tip-pol-top);
    right: var(--tip-pol-right);
}

.bulle.salle-poly figure.image.img-center {
    position: relative;
    height: calc(6.4 * var(--w));
    top: calc(1.8 * var(--w));
    left: var(--w);
}

.bulle:hover .tip {
    transform: scale(1);
    transform-origin: 50% 100%;
}

@media screen and (min-width: 1024px) {
    .int_map {
    --w: 1.3vw;
    --f-size: 1rem;
    --tip-pot-top: -10.4vw;
    --tip-pot-right: -6.3vw;
    --tip-ver-top: -10.2vw;
    --tip-ver-left: -2vw;
    --tip-boi-top: -7vw;
    --tip-boi-right: -4vw;
    --tip-pol-top: -11.7vw;
    --tip-pol-right: -5vw;
    }
}

@media screen and (min-width: 1600px) {
    .int_map {
    --w: 0.75vw;
    --f-size: 0.7em;
    --tip-pot-top: -5.1vw;
    --tip-pot-right: -1.8vw;
    --tip-ver-top: -5.3vw;
    --tip-ver-left: 0.8vw;
    --tip-boi-top: -2vw;
    --tip-boi-right: 0vw;
    --tip-pol-top: -5.8vw;
    --tip-pol-right: -1.4vw;
    }
}