.ventevideo {
    .page_header {
        display: flex;
        flex-direction: column;
        .illustration {
            margin-left: auto;
            margin-right: auto;
            max-width: 1000px;
            img {
                width: 100%; /* Remplit la largeur du conteneur */
                height: auto; /* Ajuste automatiquement la hauteur */
                object-fit: contain; /* Assure que l'image reste visible en entier, sans être rognée */
            }
        }
        .titre {
            margin-bottom: 20px !important;
            h1 {
                font-family: montserrat_semibold !important;
            }
            
        }
        mark {
            padding-left: 3px;
            padding-right: 3px;
        }
    }
    .explication_wp {
        margin-left: 10vh;
        margin-right: 10vh;
        display: flex;
        justify-content: center; /* Centrer le contenu horizontalement */
        box-sizing: border-box;
    }
    
    .explication {
        display: grid; /* Utilisation de la grille */
        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); /* Colonnes dynamiques */
        gap: 20px; /* Espacement entre les éléments */
        max-width: 1200px; /* Largeur maximale de la grille */
        width: 100%; /* Prendre toute la largeur disponible */
        justify-content: center; /* Centrer les items dans la grille */
    }
    
    .explication_item {
        h2 {
            padding-bottom: 5px;
            font-family: montserrat_semibold !important;
            font-size: 16px !important;
        }
        min-width: 300px; /* Largeur minimale */
        max-width: 400px; /* Largeur maximale */
        background-color: #f8f8f8; /* Couleur de fond (optionnel) */
        padding: 20px; /* Espacement interne */
        border-radius: 5px; /* Coins arrondis */
        box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1); /* Ombre (optionnel) */
        box-sizing: border-box; /* Inclure le padding dans la largeur totale */
    }

}