.modal { display: none; position: fixed; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; } .modal-content { margin: 15% auto; padding: 10px; width: 40vw; text-align: left; /* Alignement à gauche */ background-color: white; border: 2px solid #4caf50; /* Vert plat */ box-shadow: none; } .close-btn { color: black; font-size: 18px; } .modal.button { background-color: #4caf50; color: white; border-radius: 3px; border: none; } .close-btn:hover, .close-btn:focus { color: red; /* Rouge pour attirer l’attention */ }