.fenetremodal {                                 /* cache la modal par défaut */
                /* dans ce cas la fenêtre modal ne se voit pas car cachée par iframe mais elle positionne et target   */
                visibility: hidden;
                opacity: 0;
                position: fixed;
                top: 20px;
                right: 0;
                bottom: 0;
                left: 20px;
                background: rgba(0, 0, 0, 0.7); /* Fond sombre */
                display: flex;
                width: 95vw;
                justify-content: center; 
        /*        align-items: center;*/
                transition: all 0.4s;
                z-index: 1000;
        }
        .fenetremodal:target {                          /* Affiche la modale quand le lien est cliqué (:target) */
                visibility: visible;
                opacity: 1;
        } 
        .modalcontent {                                 /* Style de la boîte de contenu */
                /*    background: white;
                padding: 20px;
                border-radius: 5px;
                width: 500px;
                max-width: 90%;
                position: relative;
                */
                padding: 0;
                margin: 0;
                width: 95vw;
        }
        iframe {
                padding: 0;
                margin: 0;
                width:100%; 
                height:100vh; 
                border:0;
        }
        .sortie {
                position: absolute;
                padding: 0;
                margin: 0;
                padding-left: 10px;
                padding-right: 10px;
                top: 60px;
                right: 40px;
                text-decoration: none;
                color: #333;
                color: yellow;
                background-color: #333;
                font-size: 4vw;
                font-weight: 700;
                border-radius: 10px;
        }  
        .sortie:hover {
                color: #333;
                background-color: yellow;
                font-size: 4vw;
                font-weight: 700;
                border-radius: 10px;
        }  

        article #question{
                margin-bottom: 20px;
        }
        .actionneur {
                display: flex;
                padding: 0;
                margin: 0;
                padding: 10px 10px;

                background-color: #f9d499;
                border: 3px solid blue;
                border-radius: 10px;

                width: 60vw;

                text-decoration: none;
                font-weight: 500;
                font-size: 2vw;
        } 
/* =============================================================================== */       
        article {
            grid-area: article;
            height: calc(35vh + 5em);  
            height: auto;
            display: flex; 
            flex-direction: column;
            justify-content: center;
            height: auto;
            margin-top: 50px;
            margin-bottom: 50px;
        }

        /* ───────────────────────────────────────────────────────────────────────────────────────────────────── */
/*   ECRAN COMPRIS ENTRE  500 et 900 px */
/* ───────────────────────────────────────────────────────────────────────────────────────────────────── */
@media screen and (min-width: 501px) and  (max-width: 900px)  {
        article #question {
                margin-bottom: 20px;
                width: 75vw;
        }
        .actionneur {
                font-size: 2.5vw;
        } 
 
}

/* ───────────────────────────────────────────────────────────────────────────────────────────────────── */
/*   ECRAN INFERIEUR A 500px */
/* ───────────────────────────────────────────────────────────────────────────────────────────────────── */

@media screen and (max-width: 500px) {

        article #question {
                margin-bottom: 20px;
                width: 90vw;
                height: calc(10px + 8vw);
        }
        article p{
                margin: 0;
                padding: 0;
        }
        .actionneur {
                font-size: 2.5vw;
        } 

        
}