.modal { display: none; position: fixed; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); /* Fond plus sombre */ } .modal-content { margin: 15% auto; padding: 10px; width: 40vw; box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); /* Ombres douces */ background-color: #1e1e1e; /* Fond sombre */ color: #ffffff; border: 1px solid #444444; border-radius: 4px; } .close-btn { color: black; font-size: 18px; } .modal.button { border-radius: 3px; border: none; background-color: #bb86fc; /* Couleur violet pastel */ color: #000; } .close-btn:hover, .close-btn:focus { color: red; /* Rouge pour attirer l’attention */ }