IMPAC6 - Webinaires | Aires Marines Prot\u00e9g\u00e9es S\u00e9n\u00e9gal<\/title>\r\n <style>\r\n \/* ========== RESET & BASE ========== *\/\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n body {\r\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;\r\n background-color: #ffffff;\r\n color: #1a2a3a;\r\n line-height: 1.5;\r\n overflow-x: hidden;\r\n }\r\n\r\n \/* ========== CONTENEUR PRINCIPAL ========== *\/\r\n .webinaires-section {\r\n max-width: 1400px;\r\n margin: 0 auto;\r\n padding: 3rem 2rem 4rem;\r\n position: relative;\r\n background: white;\r\n }\r\n\r\n \/* ========== EN-T\u00caTE DE SECTION ========== *\/\r\n .section-header {\r\n text-align: center;\r\n margin-bottom: 2.5rem;\r\n position: relative;\r\n }\r\n\r\n .section-header h1 {\r\n font-size: 2.5rem;\r\n font-weight: 700;\r\n color: #0B3B5B;\r\n margin-bottom: 0.8rem;\r\n letter-spacing: -0.02em;\r\n }\r\n\r\n .section-header .sous-titre {\r\n font-size: 1.1rem;\r\n color: #4a627a;\r\n max-width: 800px;\r\n margin: 0 auto 1.5rem;\r\n line-height: 1.6;\r\n }\r\n\r\n \/* Vague SVG anim\u00e9e *\/\r\n .wave-decoration {\r\n width: 100%;\r\n height: 60px;\r\n margin-top: 0.5rem;\r\n }\r\n\r\n .wave-decoration svg {\r\n width: 100%;\r\n height: 100%;\r\n }\r\n\r\n \/* ========== CARROUSEL ========== *\/\r\n .carousel-container {\r\n position: relative;\r\n margin: 1rem 0 1rem;\r\n }\r\n\r\n .webinaires-carousel {\r\n display: flex;\r\n overflow-x: auto;\r\n scroll-snap-type: x mandatory;\r\n gap: 1.5rem;\r\n padding: 1rem 0.5rem 2rem 0.5rem;\r\n scroll-behavior: smooth;\r\n cursor: grab;\r\n scrollbar-width: thin;\r\n scrollbar-color: #F4A020 #e0e7ef;\r\n justify-content: flex-start;\r\n }\r\n\r\n .webinaires-carousel:active {\r\n cursor: grabbing;\r\n }\r\n\r\n .webinaires-carousel::-webkit-scrollbar {\r\n height: 6px;\r\n }\r\n\r\n .webinaires-carousel::-webkit-scrollbar-track {\r\n background: #e0e7ef;\r\n border-radius: 10px;\r\n }\r\n\r\n .webinaires-carousel::-webkit-scrollbar-thumb {\r\n background: #F4A020;\r\n border-radius: 10px;\r\n }\r\n\r\n \/* CARTE WEBINAIRE *\/\r\n .webinaire-card {\r\n flex: 0 0 320px;\r\n scroll-snap-align: start;\r\n background: #ffffff;\r\n border-radius: 20px;\r\n overflow: hidden;\r\n box-shadow: 0 8px 24px rgba(11, 59, 91, 0.08);\r\n transition: all 0.4s cubic-bezier(0.2, 0.9, 0.4, 1.1);\r\n border: 1px solid rgba(135, 206, 235, 0.3);\r\n position: relative;\r\n cursor: pointer;\r\n }\r\n\r\n .webinaire-card:hover {\r\n transform: translateY(-8px);\r\n box-shadow: 0 16px 32px rgba(11, 59, 91, 0.12);\r\n border-color: #F4A020;\r\n }\r\n\r\n .image-wrapper {\r\n overflow: hidden;\r\n position: relative;\r\n height: 180px;\r\n }\r\n\r\n .card-image {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n transition: transform 0.4s ease;\r\n display: block;\r\n }\r\n\r\n .webinaire-card:hover .card-image {\r\n transform: scale(1.05);\r\n }\r\n\r\n .date-badge {\r\n position: absolute;\r\n top: 12px;\r\n right: 12px;\r\n background: #F4A020;\r\n color: #0B3B5B;\r\n font-weight: 700;\r\n padding: 0.35rem 0.8rem;\r\n border-radius: 30px;\r\n font-size: 0.75rem;\r\n backdrop-filter: blur(2px);\r\n box-shadow: 0 2px 8px rgba(0,0,0,0.1);\r\n z-index: 3;\r\n }\r\n\r\n .card-content {\r\n padding: 1.2rem;\r\n }\r\n\r\n .card-title {\r\n font-size: 1.15rem;\r\n font-weight: 700;\r\n color: #0B3B5B;\r\n margin-bottom: 0.5rem;\r\n line-height: 1.3;\r\n }\r\n\r\n .card-description {\r\n color: #2c3e44;\r\n font-size: 0.85rem;\r\n margin-bottom: 1rem;\r\n line-height: 1.5;\r\n display: -webkit-box;\r\n -webkit-line-clamp: 3;\r\n -webkit-box-orient: vertical;\r\n overflow: hidden;\r\n }\r\n\r\n .card-meta {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 0.6rem;\r\n margin-bottom: 1.2rem;\r\n font-size: 0.75rem;\r\n color: #5f7f9a;\r\n border-top: 1px solid rgba(135, 206, 235, 0.4);\r\n padding-top: 0.8rem;\r\n }\r\n\r\n .meta-item {\r\n display: flex;\r\n flex-wrap: wrap;\r\n align-items: center;\r\n gap: 0.3rem;\r\n }\r\n\r\n .meta-item br {\r\n display: none;\r\n }\r\n\r\n \/* Bouton inscription NORMAL *\/\r\n .btn-inscription {\r\n display: inline-block;\r\n background-color: #F4A020;\r\n color: #0B3B5B;\r\n font-weight: 600;\r\n padding: 0.6rem 1rem;\r\n border-radius: 40px;\r\n text-decoration: none;\r\n transition: all 0.3s ease;\r\n font-size: 0.85rem;\r\n border: none;\r\n cursor: pointer;\r\n text-align: center;\r\n width: 100%;\r\n font-family: inherit;\r\n }\r\n\r\n .btn-inscription:hover {\r\n background-color: #0B3B5B;\r\n color: white;\r\n transform: scale(1.02);\r\n }\r\n\r\n \/* Bouton EXPIR\u00c9 (d\u00e9sactiv\u00e9) *\/\r\n .btn-inscription.expire {\r\n background-color: #b0b0b0;\r\n color: #6c6c6c;\r\n cursor: not-allowed;\r\n opacity: 0.7;\r\n transform: none;\r\n }\r\n\r\n .btn-inscription.expire:hover {\r\n background-color: #b0b0b0;\r\n color: #6c6c6c;\r\n transform: none;\r\n }\r\n\r\n \/* MODAL *\/\r\n .modal {\r\n display: none;\r\n position: fixed;\r\n z-index: 1000;\r\n left: 0;\r\n top: 0;\r\n width: 100%;\r\n height: 100%;\r\n background-color: rgba(11, 59, 91, 0.95);\r\n overflow-y: auto;\r\n animation: fadeIn 0.3s ease;\r\n }\r\n\r\n @keyframes fadeIn {\r\n from { opacity: 0; }\r\n to { opacity: 1; }\r\n }\r\n\r\n .modal-content {\r\n background-color: #fff;\r\n margin: 50px auto;\r\n max-width: 700px;\r\n width: 90%;\r\n border-radius: 28px;\r\n position: relative;\r\n animation: slideUp 0.4s ease;\r\n overflow: hidden;\r\n }\r\n\r\n @keyframes slideUp {\r\n from { transform: translateY(50px); opacity: 0; }\r\n to { transform: translateY(0); opacity: 1; }\r\n }\r\n\r\n .modal-close {\r\n position: absolute;\r\n top: 18px;\r\n right: 22px;\r\n font-size: 28px;\r\n font-weight: bold;\r\n color: white;\r\n background: rgba(11, 59, 91, 0.8);\r\n width: 44px;\r\n height: 44px;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n cursor: pointer;\r\n transition: 0.2s;\r\n z-index: 10;\r\n backdrop-filter: blur(4px);\r\n }\r\n\r\n .modal-close:hover {\r\n background: #F4A020;\r\n transform: scale(1.05);\r\n }\r\n\r\n .modal-image {\r\n width: 100%;\r\n height: 320px;\r\n object-fit: cover;\r\n }\r\n\r\n .modal-body {\r\n padding: 2rem;\r\n }\r\n\r\n .modal-title {\r\n font-size: 1.8rem;\r\n color: #0B3B5B;\r\n margin-bottom: 1rem;\r\n font-weight: 700;\r\n }\r\n\r\n .modal-date {\r\n display: inline-block;\r\n background: #F4A020;\r\n color: #0B3B5B;\r\n padding: 0.3rem 1rem;\r\n border-radius: 30px;\r\n font-size: 0.85rem;\r\n font-weight: 600;\r\n margin-bottom: 1.2rem;\r\n }\r\n\r\n .modal-description {\r\n font-size: 1rem;\r\n line-height: 1.6;\r\n color: #2c3e44;\r\n margin-bottom: 1.5rem;\r\n }\r\n\r\n .modal-description br {\r\n display: block;\r\n margin-bottom: 0.5rem;\r\n }\r\n\r\n .modal-meta {\r\n background: #f5f9fc;\r\n padding: 1rem;\r\n border-radius: 16px;\r\n font-size: 0.9rem;\r\n margin-bottom: 1.5rem;\r\n line-height: 1.6;\r\n }\r\n\r\n .modal-meta br {\r\n display: block;\r\n margin-bottom: 0.3rem;\r\n }\r\n\r\n .modal-btn {\r\n background-color: #F4A020;\r\n color: #0B3B5B;\r\n padding: 0.8rem 2rem;\r\n border: none;\r\n border-radius: 40px;\r\n font-weight: 700;\r\n cursor: pointer;\r\n font-size: 1rem;\r\n width: 100%;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .modal-btn:hover:not(:disabled) {\r\n background-color: #0B3B5B;\r\n color: white;\r\n }\r\n\r\n .modal-btn:disabled {\r\n background-color: #b0b0b0;\r\n cursor: not-allowed;\r\n opacity: 0.7;\r\n }\r\n\r\n .scroll-hint {\r\n text-align: center;\r\n margin-top: 1.5rem;\r\n font-size: 0.8rem;\r\n color: #87CEEB;\r\n animation: bounce 1.5s infinite;\r\n }\r\n\r\n @keyframes bounce {\r\n 0%, 100% { transform: translateX(0); }\r\n 50% { transform: translateX(8px); }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .webinaires-section {\r\n padding: 2rem 1rem 3rem;\r\n }\r\n .section-header h1 {\r\n font-size: 1.8rem;\r\n }\r\n .webinaire-card {\r\n flex: 0 0 280px;\r\n }\r\n .image-wrapper {\r\n height: 150px;\r\n }\r\n .modal-body {\r\n padding: 1.2rem;\r\n }\r\n .modal-title {\r\n font-size: 1.3rem;\r\n }\r\n .modal-image {\r\n height: 200px;\r\n }\r\n .meta-item br {\r\n display: block;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <section class=\"webinaires-section\">\r\n <div class=\"section-header\">\r\n <h1> Programme des webinaires<\/h1>\r\n <div class=\"sous-titre\">\r\n Une s\u00e9rie de rendez-vous virtuels pour pr\u00e9parer ensemble le sixi\u00e8me Congr\u00e8s International sur les Aires Marines Prot\u00e9g\u00e9es. \r\n Experts, gestionnaires d'AMP, d\u00e9cideurs politiques et communaut\u00e9s locales partagent leurs exp\u00e9riences pour faire avancer \r\n la conservation marine en Afrique et dans le monde.\r\n <\/div>\r\n <div class=\"wave-decoration\">\r\n <svg viewBox=\"0 0 1440 80\" preserveAspectRatio=\"none\">\r\n <path fill=\"#0B3B5B\" fill-opacity=\"0.08\" d=\"M0,64L80,58.7C160,53,320,43,480,48C640,53,800,75,960,80C1120,85,1280,75,1360,69.3L1440,64L1440,0L1360,0C1280,0,1120,0,960,0C800,0,640,0,480,0C320,0,160,0,80,0L0,0Z\">\r\n <animate attributeName=\"d\" dur=\"6s\" repeatCount=\"indefinite\" \r\n values=\"M0,64L80,58.7C160,53,320,43,480,48C640,53,800,75,960,80C1120,85,1280,75,1360,69.3L1440,64L1440,0L1360,0C1280,0,1120,0,960,0C800,0,640,0,480,0C320,0,160,0,80,0L0,0Z;\r\n M0,32L80,42.7C160,53,320,75,480,80C640,85,800,75,960,64C1120,53,1280,37,1360,29.3L1440,22L1440,0L1360,0C1280,0,1120,0,960,0C800,0,640,0,480,0C320,0,160,0,80,0L0,0Z;\r\n M0,64L80,58.7C160,53,320,43,480,48C640,53,800,75,960,80C1120,85,1280,75,1360,69.3L1440,64L1440,0L1360,0C1280,0,1120,0,960,0C800,0,640,0,480,0C320,0,160,0,80,0L0,0Z\" \/>\r\n <\/path>\r\n <\/svg>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"carousel-container\">\r\n <div class=\"webinaires-carousel\" id=\"webinairesCarousel\">\r\n \r\n <div class=\"webinaire-card\" data-id=\"3\">\r\n <div class=\"image-wrapper\">\r\n <img decoding=\"async\" class=\"card-image\" src=\"https:\/\/impac6.sn\/wp-content\/uploads\/2026\/07\/webinaire_journee_AMP.png\" alt=\"Webinaire Journ\u00e9e Mondiale des AMP\">\r\n <div class=\"date-badge\">Samedi 1er Aout 2026<\/div>\r\n <\/div>\r\n <div class=\"card-content\">\r\n <h3 class=\"card-title\">IMPAC6 : le r\u00f4le de la soci\u00e9t\u00e9 civile dans la pr\u00e9paration du Congr\u00e8s International sur les Aires Marines Prot\u00e9g\u00e9es<\/h3>\r\n <p class=\"card-description\">La soci\u00e9t\u00e9 civile au c\u0153ur de la pr\u00e9paration de l'IMPAC6 : engagement, partenariats et actions concr\u00e8tes pour la protection des oc\u00e9ans.<\/p>\r\n <div class=\"card-meta\">\r\n <span class=\"meta-item\">Colonnel Momar SOW, Karime SALL, Salatou SAMBOU, Daba DIOP, Moussa MBENGUE, Cheikh FALL<\/span>\r\n <\/div>\r\n <button class=\"btn-inscription expire\" data-lien=\"https:\/\/us06web.zoom.us\/webinar\/register\/WN_cCDMVSQxTeinCmjJ8me8SQ\"> Expir\u00e9<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"webinaire-card\" data-id=\"2\">\r\n <div class=\"image-wrapper\">\r\n <img decoding=\"async\" class=\"card-image\" src=\"https:\/\/impac6.sn\/wp-content\/uploads\/2026\/06\/webinaire2.png\" alt=\"Jeunesse GASPE\">\r\n <div class=\"date-badge\">Mardi 09 Juin 2026<\/div>\r\n <\/div>\r\n <div class=\"card-content\">\r\n <h3 class=\"card-title\">Jeunesse en action : cap sur GASPE<\/h3>\r\n <p class=\"card-description\">100 volontaires recherch\u00e9s pour faire vivre l'IMPAC6 \u00e0 Dakar ! D\u00e9couvrez le programme GASPE.<\/p>\r\n <div class=\"card-meta\">\r\n <span class=\"meta-item\"> Colonnel Momar SOW , Mme Khady NDIAYE Dr Mamadou DIOP, Mme Coura DOUMBOUYA, Mr Amjed KHIAREDDINE<\/span>\r\n <\/div>\r\n <button class=\"btn-inscription expire\" disabled>Expir\u00e9<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"webinaire-card\" data-id=\"1\">\r\n <div class=\"image-wrapper\">\r\n <img decoding=\"async\" class=\"card-image\" src=\"https:\/\/impac6.sn\/wp-content\/uploads\/2026\/06\/webinaire1.jpeg\" alt=\"Cap sur l'avenir\">\r\n <div class=\"date-badge\">Jeudi 14 Mai 2026<\/div>\r\n <\/div>\r\n <div class=\"card-content\">\r\n <h3 class=\"card-title\">Cap sur l'avenir de la conservation des oc\u00e9ans<\/h3>\r\n <p class=\"card-description\">L'occasion de d\u00e9couvrir les grandes orientations de l'IMPAC6, les grands enjeux de la conservation de la biodiversit\u00e9 marine et les d\u00e9fis globaux \u00e0 relever.<\/p>\r\n <div class=\"card-meta\">\r\n <span class=\"meta-item\"> Colonnel Momar SOW, Sarah Carr, John DAVIS, Dr Arthur TUDA<\/span>\r\n <\/div>\r\n <button class=\"btn-inscription expire\" disabled>Expir\u00e9<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <\/section>\r\n\r\n \r\n <div id=\"modal\" class=\"modal\">\r\n <div class=\"modal-content\">\r\n <span class=\"modal-close\" id=\"modalClose\">\u2715<\/span>\r\n <img decoding=\"async\" id=\"modalImage\" class=\"modal-image\" src=\"\" alt=\"\">\r\n <div class=\"modal-body\">\r\n <div class=\"modal-date\" id=\"modalDate\"><\/div>\r\n <h2 id=\"modalTitle\" class=\"modal-title\"><\/h2>\r\n <div id=\"modalDescription\" class=\"modal-description\"><\/div>\r\n <div id=\"modalMeta\" class=\"modal-meta\"><\/div>\r\n <button id=\"modalBtn\" class=\"modal-btn\">S'inscrire \u2192<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n \/\/ ========== DONN\u00c9ES DES WEBINAIRES POUR LE MODAL ==========\r\n const webinairesData = {\r\n 1: {\r\n titre: \"Cap sur l'avenir de la conservation des oc\u00e9ans\",\r\n descriptionLongue: \"Ce webinaire est l'occasion de d\u00e9couvrir les grandes orientations de l'IMPAC6, un \u00e9v\u00e9nement mondial majeur pour la conservation marine, qui se tiendra \u00e0 Dakar en mars 2027.<br><br>Interventions de :<br>\u2022 Colonel Momar SOW<br>\u2022 Dr Arthur TUDA<br><br>Ensemble, ils aborderont les grands enjeux de la conservation de la biodiversit\u00e9 marine et les d\u00e9fis globaux \u00e0 relever.\",\r\n image: \"https:\/\/impac6.sn\/wp-content\/uploads\/2026\/06\/webinaire1.jpeg\",\r\n dateAffichage: \"Jeudi 14 Mai 2026\",\r\n meta: \" Colonel Momar SOW<br> Dr Arthur TUDA<br><br>\ud83c\udf0d Toutes les langues\",\r\n lien: \"#\",\r\n expired: true\r\n },\r\n 2: {\r\n titre: \"Jeunesse en action : cap sur GASPE\",\r\n descriptionLongue: \"100 volontaires pour faire vivre l'IMPAC6 \u00e0 Dakar ! Le programme GASPE (G\u00e9n\u00e9ration d'Action pour la Sauvegarde des \u00e9cosyst\u00e8mes Prot\u00e9g\u00e9s et l'Environnement) est officiellement lanc\u00e9.<br><br>Interventions de :<br>\u2022 Colonel Momar SOW<br>\u2022 Mme Khady NDIAYE<br>\u2022 Dr Mamadou DIOP<br>\u2022 Mme Coura DOUMBOUYA<br>\u2022 Mr Amjed KHIAREDDINE<br><br>Ce webinaire a pr\u00e9sent\u00e9 les missions propos\u00e9es, les profils recherch\u00e9s, et les modalit\u00e9s de candidature.\",\r\n image: \"https:\/\/impac6.sn\/wp-content\/uploads\/2026\/06\/webinaire2.png\",\r\n dateAffichage: \"Mardi 09 Juin 2026\",\r\n meta: \" Colonel Momar SOW<br> Mme Khady NDIAYE<br> Dr Mamadou DIOP<br> Mme Coura DOUMBOUYA<br> Mr Amjed KHIAREDDINE<br><br>\ud83c\udf0d Toutes les langues\",\r\n lien: \"#\",\r\n expired: true\r\n },\r\n 3: {\r\n titre: \"IMPAC6 : le r\u00f4le de la soci\u00e9t\u00e9 civile dans la pr\u00e9paration du Congr\u00e8s International sur les Aires Marines Prot\u00e9g\u00e9es\",\r\n descriptionLongue: \"La soci\u00e9t\u00e9 civile est un acteur cl\u00e9 dans la pr\u00e9paration et la r\u00e9ussite de l'IMPAC6. Ce webinaire met en lumi\u00e8re son r\u00f4le essentiel dans :<br><br>\u2022 La mobilisation communautaire<br>\u2022 Les partenariats avec les acteurs locaux<br>\u2022 Les actions concr\u00e8tes pour la protection des oc\u00e9ans<br>\u2022 Le plaidoyer pour une gouvernance inclusive des AMP<br><br>Interventions de :<br>\u2022 Colonel Momar SOW<br>\u2022 Karime SALL<br>\u2022 Salatou SAMBOU<br>\u2022 Daba DIOP<br>\u2022 Moussa MBENGUE<br>\u2022 Cheikh FALL\",\r\n image: \"https:\/\/impac6.sn\/wp-content\/uploads\/2026\/07\/webinaire_journee_AMP.png\",\r\n dateAffichage: \"Samedi 1er Aout 2026\",\r\n meta: \" Colonel Momar SOW<br> Karime SALL<br> Salatou SAMBOU<br> Daba DIOP<br> Moussa MBENGUE<br> Cheikh FALL<br><br>\ud83c\udf0d Toutes les langues\",\r\n lien: \"https:\/\/us06web.zoom.us\/webinar\/register\/WN_cCDMVSQxTeinCmjJ8me8SQ\",\r\n expired: true\r\n }\r\n };\r\n\r\n \/\/ Ouvrir le modal\r\n function openModal(id) {\r\n const web = webinairesData[id];\r\n if (!web) return;\r\n \r\n document.getElementById('modalImage').src = web.image;\r\n document.getElementById('modalDate').innerHTML = web.dateAffichage;\r\n document.getElementById('modalTitle').innerHTML = web.titre;\r\n document.getElementById('modalDescription').innerHTML = web.descriptionLongue;\r\n document.getElementById('modalMeta').innerHTML = web.meta;\r\n \r\n const modalBtn = document.getElementById('modalBtn');\r\n if (web.expired) {\r\n modalBtn.innerText = 'Expir\u00e9';\r\n modalBtn.disabled = true;\r\n } else {\r\n modalBtn.innerText = ' S\\'inscrire au webinaire \u2192';\r\n modalBtn.disabled = false;\r\n modalBtn.style.backgroundColor = '#F4A020';\r\n modalBtn.style.color = '#0B3B5B';\r\n modalBtn.style.cursor = 'pointer';\r\n modalBtn.style.opacity = '1';\r\n \r\n \/\/ Remplacer l'ancien \u00e9v\u00e9nement\r\n const newBtn = modalBtn.cloneNode(true);\r\n modalBtn.parentNode.replaceChild(newBtn, modalBtn);\r\n newBtn.addEventListener('click', function(e) {\r\n e.stopPropagation();\r\n if (web.lien && web.lien !== '#') {\r\n window.open(web.lien, '_blank');\r\n } else {\r\n alert('\ud83d\udd17 Lien d\\'inscription \u00e0 configurer');\r\n }\r\n });\r\n }\r\n \r\n document.getElementById('modal').style.display = 'block';\r\n document.body.style.overflow = 'hidden';\r\n }\r\n\r\n \/\/ Fermer le modal\r\n function closeModal() {\r\n document.getElementById('modal').style.display = 'none';\r\n document.body.style.overflow = 'auto';\r\n }\r\n\r\n \/\/ Gestion des clics sur les cartes\r\n document.addEventListener('DOMContentLoaded', function() {\r\n document.querySelectorAll('.webinaire-card').forEach(card => {\r\n card.addEventListener('click', function(e) {\r\n if (e.target.classList.contains('btn-inscription')) return;\r\n const id = this.getAttribute('data-id');\r\n if (id) {\r\n openModal(id);\r\n }\r\n });\r\n });\r\n\r\n \/\/ Gestion des clics sur les boutons d'inscription actifs\r\n document.querySelectorAll('.btn-inscription:not(.expire)').forEach(btn => {\r\n btn.addEventListener('click', function(e) {\r\n e.stopPropagation();\r\n const lien = this.getAttribute('data-lien');\r\n if (lien && lien !== '#') {\r\n window.open(lien, '_blank');\r\n } else {\r\n alert('\ud83d\udd17 Lien d\\'inscription \u00e0 configurer');\r\n }\r\n });\r\n });\r\n });\r\n\r\n \/\/ \u00c9v\u00e9nements du modal\r\n document.getElementById('modalClose').addEventListener('click', closeModal);\r\n window.addEventListener('click', function(e) {\r\n if (e.target === document.getElementById('modal')) {\r\n closeModal();\r\n }\r\n });\r\n\r\n \/\/ Navigation carrousel avec glisser\r\n const carousel = document.getElementById('webinairesCarousel');\r\n let isDown = false;\r\n let startX;\r\n let scrollLeft;\r\n\r\n if (carousel) {\r\n carousel.addEventListener('mousedown', function(e) {\r\n isDown = true;\r\n carousel.style.cursor = 'grabbing';\r\n startX = e.pageX - carousel.offsetLeft;\r\n scrollLeft = carousel.scrollLeft;\r\n });\r\n \r\n carousel.addEventListener('mouseleave', function() {\r\n isDown = false;\r\n carousel.style.cursor = 'grab';\r\n });\r\n \r\n carousel.addEventListener('mouseup', function() {\r\n isDown = false;\r\n carousel.style.cursor = 'grab';\r\n });\r\n \r\n carousel.addEventListener('mousemove', function(e) {\r\n if (!isDown) return;\r\n e.preventDefault();\r\n const x = e.pageX - carousel.offsetLeft;\r\n const walk = (x - startX) * 1.5;\r\n carousel.scrollLeft = scrollLeft - walk;\r\n });\r\n }\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bc363cc e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-child\" data-id=\"bc363cc\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Programme des webinaires IMPAC6 – Webinaires | Aires Marines Prot\u00e9g\u00e9es S\u00e9n\u00e9gal Programme des webinaires Une s\u00e9rie de rendez-vous virtuels pour pr\u00e9parer ensemble le sixi\u00e8me Congr\u00e8s International sur les Aires Marines Prot\u00e9g\u00e9es. Experts, gestionnaires d’AMP, d\u00e9cideurs politiques et communaut\u00e9s locales partagent leurs exp\u00e9riences pour faire avancer la conservation marine en Afrique et dans le monde. Samedi 1er Aout 2026 IMPAC6 : le r\u00f4le de la soci\u00e9t\u00e9 civile dans la pr\u00e9paration du Congr\u00e8s International sur les Aires Marines Prot\u00e9g\u00e9es La soci\u00e9t\u00e9 civile au c\u0153ur de la pr\u00e9paration de l’IMPAC6 : engagement, partenariats et actions concr\u00e8tes pour la protection des oc\u00e9ans. Colonnel Momar SOW, Karime SALL, Salatou SAMBOU, Daba DIOP, Moussa MBENGUE, Cheikh FALL Expir\u00e9 Mardi 09 Juin 2026 Jeunesse en action : cap sur GASPE 100 volontaires recherch\u00e9s pour faire vivre l’IMPAC6 \u00e0 Dakar ! D\u00e9couvrez le programme GASPE. Colonnel Momar SOW , Mme Khady NDIAYE Dr Mamadou DIOP, Mme Coura DOUMBOUYA, Mr Amjed KHIAREDDINE Expir\u00e9 Jeudi 14 Mai 2026 Cap sur l’avenir de la conservation des oc\u00e9ans L’occasion de d\u00e9couvrir les grandes orientations de l’IMPAC6, les grands enjeux de la conservation de la biodiversit\u00e9 marine et les d\u00e9fis globaux \u00e0 relever. Colonnel Momar SOW, Sarah Carr, John DAVIS, Dr Arthur TUDA Expir\u00e9 \u2715 S’inscrire \u2192<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_angie_page":false,"_price":"","_stock":"","_tribe_ticket_header":"","_tribe_default_ticket_provider":"","_tribe_ticket_capacity":"0","_ticket_start_date":"","_ticket_end_date":"","_tribe_ticket_show_description":"","_tribe_ticket_show_not_going":false,"_tribe_ticket_use_global_stock":"","_tribe_ticket_global_stock_level":"","_global_stock_mode":"","_global_stock_cap":"","_tribe_rsvp_for_event":"","_tribe_ticket_going_count":"","_tribe_ticket_not_going_count":"","_tribe_tickets_list":"[]","_tribe_ticket_has_attendee_info_fields":false,"inspiro_hide_title":true,"footnotes":"","_tec_slr_enabled":"","_tec_slr_layout":""},"class_list":["post-11039","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>Webinaires - Impac6<\/title>\n<meta name=\"description\" content=\"Programme des webinaires IMPAC6 - Webinaires | Aires Marines Prot\u00e9g\u00e9es S\u00e9n\u00e9gal Programme des webinaires Une s\u00e9rie de rendez-vous virtuels pour pr\u00e9parer\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/impac6.sn\/en\/webinaires\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Webinaires\" \/>\n<meta property=\"og:description\" content=\"Programme des webinaires IMPAC6 - Webinaires | Aires Marines Prot\u00e9g\u00e9es S\u00e9n\u00e9gal Programme des webinaires Une s\u00e9rie de rendez-vous virtuels pour pr\u00e9parer\" \/>\n<meta property=\"og:url\" content=\"https:\/\/impac6.sn\/en\/webinaires\/\" \/>\n<meta property=\"og:site_name\" content=\"Impac6\" \/>\n<meta property=\"article:modified_time\" content=\"2026-08-14T09:58:06+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/impac6.sn\/wp-content\/uploads\/2026\/07\/webinaire_journee_AMP.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Estimated reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"11 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/impac6.sn\/webinaires\/\",\"url\":\"https:\/\/impac6.sn\/webinaires\/\",\"name\":\"Webinaires - Impac6\",\"isPartOf\":{\"@id\":\"https:\/\/impac6.sn\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/impac6.sn\/webinaires\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/impac6.sn\/webinaires\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/impac6.sn\/wp-content\/uploads\/2026\/07\/webinaire_journee_AMP.png\",\"datePublished\":\"2026-05-26T11:56:00+00:00\",\"dateModified\":\"2026-08-14T09:58:06+00:00\",\"description\":\"Programme des webinaires IMPAC6 - Webinaires | Aires Marines Prot\u00e9g\u00e9es S\u00e9n\u00e9gal Programme des webinaires Une s\u00e9rie de rendez-vous virtuels pour pr\u00e9parer\",\"breadcrumb\":{\"@id\":\"https:\/\/impac6.sn\/webinaires\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/impac6.sn\/webinaires\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\/\/impac6.sn\/webinaires\/#primaryimage\",\"url\":\"https:\/\/impac6.sn\/wp-content\/uploads\/2026\/07\/webinaire_journee_AMP.png\",\"contentUrl\":\"https:\/\/impac6.sn\/wp-content\/uploads\/2026\/07\/webinaire_journee_AMP.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/impac6.sn\/webinaires\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/impac6.sn\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Webinaires\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/impac6.sn\/#website\",\"url\":\"https:\/\/impac6.sn\/\",\"name\":\"Impac 6\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/impac6.sn\/#organization\"},\"alternateName\":\"Sixi\u00e8me Congr\u00e8s international sur les aires marines prot\u00e9g\u00e9es\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/impac6.sn\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-GB\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/impac6.sn\/#organization\",\"name\":\"Impac6\",\"alternateName\":\"Sixi\u00e8me Congr\u00e8s international sur les aires marines prot\u00e9g\u00e9es\",\"url\":\"https:\/\/impac6.sn\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\/\/impac6.sn\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/impac6.sn\/wp-content\/uploads\/2026\/03\/IMG_4540-e1779293453810.png\",\"contentUrl\":\"https:\/\/impac6.sn\/wp-content\/uploads\/2026\/03\/IMG_4540-e1779293453810.png\",\"width\":2000,\"height\":747,\"caption\":\"Impac6\"},\"image\":{\"@id\":\"https:\/\/impac6.sn\/#\/schema\/logo\/image\/\"}}]}<\/script>\n","yoast_head_json":{"title":"Webinars - Impac6","description":"IMPAC6 Webinar Programme - Webinars | Marine Protected Areas in Senegal Webinar Programme A series of virtual sessions to prepare for","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/impac6.sn\/en\/webinaires\/","og_locale":"en_GB","og_type":"article","og_title":"Webinaires","og_description":"Programme des webinaires IMPAC6 - Webinaires | Aires Marines Prot\u00e9g\u00e9es S\u00e9n\u00e9gal Programme des webinaires Une s\u00e9rie de rendez-vous virtuels pour pr\u00e9parer","og_url":"https:\/\/impac6.sn\/en\/webinaires\/","og_site_name":"Impac6","article_modified_time":"2026-08-14T09:58:06+00:00","og_image":[{"url":"https:\/\/impac6.sn\/wp-content\/uploads\/2026\/07\/webinaire_journee_AMP.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Estimated reading time":"11 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/impac6.sn\/webinaires\/","url":"https:\/\/impac6.sn\/webinaires\/","name":"Webinars - Impac6","isPartOf":{"@id":"https:\/\/impac6.sn\/#website"},"primaryImageOfPage":{"@id":"https:\/\/impac6.sn\/webinaires\/#primaryimage"},"image":{"@id":"https:\/\/impac6.sn\/webinaires\/#primaryimage"},"thumbnailUrl":"https:\/\/impac6.sn\/wp-content\/uploads\/2026\/07\/webinaire_journee_AMP.png","datePublished":"2026-05-26T11:56:00+00:00","dateModified":"2026-08-14T09:58:06+00:00","description":"IMPAC6 Webinar Programme - Webinars | Marine Protected Areas in Senegal Webinar Programme A series of virtual sessions to prepare for","breadcrumb":{"@id":"https:\/\/impac6.sn\/webinaires\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/impac6.sn\/webinaires\/"]}]},{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/impac6.sn\/webinaires\/#primaryimage","url":"https:\/\/impac6.sn\/wp-content\/uploads\/2026\/07\/webinaire_journee_AMP.png","contentUrl":"https:\/\/impac6.sn\/wp-content\/uploads\/2026\/07\/webinaire_journee_AMP.png"},{"@type":"BreadcrumbList","@id":"https:\/\/impac6.sn\/webinaires\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/impac6.sn\/"},{"@type":"ListItem","position":2,"name":"Webinaires"}]},{"@type":"WebSite","@id":"https:\/\/impac6.sn\/#website","url":"https:\/\/impac6.sn\/","name":"Impac 6","description":"","publisher":{"@id":"https:\/\/impac6.sn\/#organization"},"alternateName":"Sixi\u00e8me Congr\u00e8s international sur les aires marines prot\u00e9g\u00e9es","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/impac6.sn\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"},{"@type":"Organization","@id":"https:\/\/impac6.sn\/#organization","name":"Impac6","alternateName":"Sixi\u00e8me Congr\u00e8s international sur les aires marines prot\u00e9g\u00e9es","url":"https:\/\/impac6.sn\/","logo":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/impac6.sn\/#\/schema\/logo\/image\/","url":"https:\/\/impac6.sn\/wp-content\/uploads\/2026\/03\/IMG_4540-e1779293453810.png","contentUrl":"https:\/\/impac6.sn\/wp-content\/uploads\/2026\/03\/IMG_4540-e1779293453810.png","width":2000,"height":747,"caption":"Impac6"},"image":{"@id":"https:\/\/impac6.sn\/#\/schema\/logo\/image\/"}}]}},"featured_media_urls":[],"ticketed":false,"_links":{"self":[{"href":"https:\/\/impac6.sn\/en\/wp-json\/wp\/v2\/pages\/11039","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/impac6.sn\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/impac6.sn\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/impac6.sn\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/impac6.sn\/en\/wp-json\/wp\/v2\/comments?post=11039"}],"version-history":[{"count":107,"href":"https:\/\/impac6.sn\/en\/wp-json\/wp\/v2\/pages\/11039\/revisions"}],"predecessor-version":[{"id":12054,"href":"https:\/\/impac6.sn\/en\/wp-json\/wp\/v2\/pages\/11039\/revisions\/12054"}],"wp:attachment":[{"href":"https:\/\/impac6.sn\/en\/wp-json\/wp\/v2\/media?parent=11039"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}