footer {
            display: none;
        }

        article {
            grid-area: article;
            display: flex; 
        }
        #fenetre {
            display: flex;  
            width: 85vw;
            height: 70vw;
            margin: auto;
            margin-top: 20px;  
            justify-content: center;
            overflow: auto;  
       }
        iframe {
            width:100%; 
            height:100vh; 
            border:0;
        }

/* ───────────────────────────────────────────────────────────────────────────────────────────────────── */
/*   ECRAN COMPRIS ENTRE  500 et 900 px */
/* ───────────────────────────────────────────────────────────────────────────────────────────────────── */
@media screen and (min-width: 501px) and  (max-width: 900px)  {
}
/* ───────────────────────────────────────────────────────────────────────────────────────────────────── */
/*   ECRAN INFERIEUR A 500px */
/* ───────────────────────────────────────────────────────────────────────────────────────────────────── */

@media screen and (max-width: 500px)  {
        #fenetre {
            width: 100vw;
            height: 80vw;
       }
        iframe {
            width: 250vw;
            height: 100vw;
        }
}