/* CSS généré automatiquement */


.site__logo {
    position: relative;
    display: inline-block;
}

.site__logo::before {
    content: '';
    position: absolute;
    top: -22%;
    left: 55%;
    transform: translateX(-50%) scale(1);
    width: 60%;
    height: auto;
    aspect-ratio: 1 / 1;
    background-image: url('../img/zone2.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center top;
    pointer-events: none;
    z-index: 9999;
}

#menu:has(.sub:hover) .site__logo::before {
    transform: translateX(-50%) scale(0.45);
}

@media (max-width: 1024px) {
    .site__logo::before {
        top: -70%; /* monte moins haut */
        left: 55%;
        transform: translateX(-50%) scale(0.8); /* un peu plus petit */
        width: 70%; /* plus large si besoin */
    }
}