article {
                grid-area: article;
/*                height: calc(85vh + 5em); */
                height: clamp(70vw, 5vw, 300vw);
/*                height: calc(800px + 50vh);  */
                display: flex; 
                flex-direction: column;
/*                background-color: rgb(233, 155, 46); */
        }

        article #planning-pdf {
                margin: auto;
                margin-top: 0px;
                width: 100%;
                height: 100%;    
/*                zoom: 100%;    */
 
        }    
/* ───────────────────────────────────────────────────────────────────────────────────────────────────── */
/*   ECRAN INFERIEUR A 500px */
/* ───────────────────────────────────────────────────────────────────────────────────────────────────── */
@media screen and (max-width: 500px) {
        article {
                margin: 0;
                padding: 0;
        }
        article #planning-pdf {
                margin: 5%;
                padding: 0;
                width: 90%;
                height: 100%; 
                zoom: 75%;
        }    

}