﻿.affichageBlocsDesktop {
    display: flex;
    position: relative;
    gap: 5px;
    top: 15px;
    justify-content: center;
}

.affichageBlocsMobile {
    display: none;
}

@media screen and (max-width: 1919px) {
    .affichageBlocsDesktop {
        justify-content: unset;
        left: 15px;
    }
}

/* Media query pour les écrans de moins de 768px (mobile) */
@media screen and (max-width: 1024px) {
    .affichageBlocsDesktop {
        display: none;
    }

    .affichageBlocsMobile {
        display: flex;
        width: auto;
        height: auto;
        flex-direction: column;
        gap: 40px;
    }
}
