article .modal {                                        /* MODAL = POP UP Sans Javascript */
            /* cette partie règle le fond de la fenêtre nodal dans laquelle un va travailler */
                visibility: hidden;                             /* A l'ouverture, la modal est invisible */
                opacity: 0;                                     /* et totalement transparente */

                position: absolute;                             /* la modal se positionnera comme cela partout dans l'écran */
                top: 10px;                                      /* à  ... du haut */
                bottom: 10px;                                   /* à ... du bas */
                left: 10px;                                     /* à ... de gauche */
                right: 10px;                                    /* à ... de droite */
                background-color: rgba(77, 77, 77, 0.7);      /* couleur de la nodaln le 4ème est l'opacité */
                display: flex;                                  /* on se met en FLEX pour aligner le contenu */
                justify-content: center;                        /* centrage horizontal */
                align-items: center;                            /* centrage vertical */
                transition: 0.7s;                               /* transistion d'apparition */
        }
        article .modal:target {                                 /* lorsque on visera l'acteur provocateur dans la page */
                visibility: visible;                            /* alors la modal sera visible */
                opacity: 1;                                     /* et sera opaque */
        }
        article .modal .modal-content {                         /* on spécifie les caractéristique du contenu de la modal */
                background-color: none;                         /* pas d'arr!ère plan */
                padding-left: 10% ;                             /* on marge de 10% à gauche */
                position: relative;                             /* on se positionne par rapport à la fenêtre modal */
        }
        article .modal .modal-content .img-modal {               /* on met en forme l'image contenue dans la fenêtre modal */       
                width: 90%;
                border-radius: 10px;
        }
        article .modal .modal-content .text-modal {               /* on met en forme le texte contenu dans la fenêtre modal */   
                display: none;    
        }
        article .modal .modal-content .modal-close {              /* on gère la croix qui permettra de fermer la modal */        
                position: absolute;                               /* sa position partout dans modal */
                right: 10px ;                                     /* à ... de droite */      
                top: 10px;                                        /* à ... du haut */
                text-decoration: none;                            /* pas de déco de type "lien" */       
                color:white;                                    /* couleur */        
                background-color: black;                        /* arrière plan */
                font-size: clamp( 20px, 3vw, 45px);               /*  taille police en responsive */     
                font-weight: bold;                                /* gras */      
        }