Carte interactive du Maroc .container { margin: 0; font-family: Arial, sans-serif; text-align: center; margin: 0; font-family: 'Segoe UI', sans-serif; background: #ffffff; /* blanc pur */ color: #000; width: 650px; margin: 0rem auto; padding: 2rem; border-radius: 16px; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06); border: 1px solid #d9f0d9; /* vert très clair */ } h2 { color: #1e3a8a; margin-top: 1rem; } img { max-width: 100%; height: auto; border: 2px solid #cbd5e1; border-radius: 8px; } area { cursor: default; /* par défaut, le curseur reste normal */ } area[] { cursor: pointer; /* main uniquement pour la région Béni Mellal-Khénifra */ } .tooltip { position: absolute; background-color: #1e3a8a; color: white; padding: 6px 12px; border-radius: 6px; font-size: 14px; pointer-events: none; display: none; z-index: 1000; } /* Modale */ #modal { display: none; position: fixed; top: 5%; left: 50%; transform: translateX(-50%); width: 70%; height: 85%; background: white; border-radius: 10px; box-shadow: 0 0 15px rgba(0, 0, 0, 0.3); z-index: 2000; padding: 1rem; } #modal iframe { width: 100%; height: 90%; border: none; margin-top: 1rem; } #modal button { float: right; font-size: 16px; background: #1e3a8a; color: white; border: none; padding: 0.5rem 1rem; border-radius: 5px; cursor: pointer; } #modal button.bouton-fermer { background-color: #df0c0c !important; color: white !important; padding: 10px 16px; border: none; border-radius: 5px; font-size: 16px; cursor: pointer; transition: background-color 0.3s ease; } #modal button.bouton-fermer:hover { background-color: #8e3838 !important; }