{"id":340,"date":"2026-08-31T10:36:21","date_gmt":"2026-08-31T08:36:21","guid":{"rendered":"https:\/\/omac-benin.com\/?page_id=340"},"modified":"2026-09-03T14:02:45","modified_gmt":"2026-09-03T12:02:45","slug":"omac-benin","status":"publish","type":"page","link":"https:\/\/omac-benin.com\/index.php\/omac-benin\/","title":{"rendered":"OMAC-B\u00e9nin"},"content":{"rendered":"\n<style>\n    \/* =========================================================\n   OMAC-B\u00c9NIN \u2014 Observatoire du complexe Mono-Couffo-Ah\u00e9m\u00e9\n   Design system : \"carnet de station hydrologique\"\n   ========================================================= *\/\n\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Fraunces:ital,opsz,wght@0,9..144,300;0,9..144,450;0,9..144,600;0,9..144,700;1,9..144,450;1,9..144,600&family=Work+Sans:wght@300;400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap');\n\n    :root {\n        \/* --- couleurs --- *\/\n        --ink: #0B2027;\n        --ink-2: #123039;\n        --ink-3: #17414c;\n        --reed: #5C8A64;\n        --reed-light: #8CB393;\n        --silt: #C68A3F;\n        --silt-light: #E3B876;\n        --brick: #B3492F;\n        --foam: #EEF0E6;\n        --foam-2: #E3E6D8;\n        --paper: #F8F9F3;\n        --line: #d6d9c9;\n        --text-dark: #16241f;\n        --text-mute: #4b5a52;\n        --text-on-ink: #EAF1EC;\n        --text-on-ink-mute: #9FB4AC;\n\n        \/* --- typographie --- *\/\n        --f-display: 'Fraunces', Georgia, serif;\n        --f-body: 'Work Sans', -apple-system, sans-serif;\n        --f-mono: 'IBM Plex Mono', 'SFMono-Regular', monospace;\n\n        \/* --- rythme --- *\/\n        --section-pad: clamp(4rem, 8vw, 7.5rem);\n        --edge: clamp(1.25rem, 5vw, 4rem);\n        --radius: 4px;\n    }\n\n    \/* Reset de base pour WordPress *\/\n    .omac-wrapper *,\n    .omac-wrapper *::before,\n    .omac-wrapper *::after {\n        box-sizing: border-box;\n    }\n\n    .omac-wrapper {\n        font-family: var(--f-body);\n        background: var(--paper);\n        color: var(--text-dark);\n        font-size: 16px;\n        line-height: 1.6;\n        -webkit-font-smoothing: antialiased;\n        margin: 0;\n        padding: 0;\n    }\n\n    .omac-wrapper img {\n        max-width: 100%;\n        display: block;\n    }\n\n    .omac-wrapper a {\n        color: inherit;\n    }\n\n    .omac-wrapper h1,\n    .omac-wrapper h2,\n    .omac-wrapper h3,\n    .omac-wrapper h4 {\n        font-family: var(--f-display);\n        font-weight: 600;\n        margin: 0;\n    }\n\n    .omac-wrapper p {\n        margin: 0 0 1em;\n    }\n\n    .omac-wrapper .mono {\n        font-family: var(--f-mono);\n    }\n\n    \/* ============ layout helpers ============ *\/\n    .omac-wrapper .wrap {\n        max-width: 1220px;\n        margin: 0 auto;\n        padding-left: var(--edge);\n        padding-right: var(--edge);\n    }\n\n    .omac-wrapper .section {\n        padding: var(--section-pad) 0;\n    }\n\n    .omac-wrapper .section--ink {\n        background: var(--ink);\n        color: var(--text-on-ink);\n    }\n\n    .omac-wrapper .section--foam {\n        background: var(--foam);\n        margin: 0;\n    }\n\n    .omac-wrapper .section--paper {\n        background: var(--paper);\n    }\n\n    .omac-wrapper .eyebrow {\n        display: flex;\n        align-items: center;\n        gap: .6em;\n        font-family: var(--f-mono);\n        font-size: .78rem;\n        letter-spacing: .12em;\n        text-transform: uppercase;\n        color: var(--reed);\n        margin-bottom: 1rem;\n    }\n\n    .omac-wrapper .section--ink .eyebrow {\n        color: var(--reed-light);\n    }\n\n    .omac-wrapper .eyebrow::before {\n        content: \"\";\n        width: 22px;\n        height: 1px;\n        background: currentColor;\n        display: inline-block;\n    }\n\n    .omac-wrapper .eyebrow .code {\n        color: var(--silt);\n    }\n\n    .omac-wrapper .section-head {\n        max-width: 720px;\n        margin-bottom: 3rem;\n    }\n\n    .omac-wrapper .section-head h2 {\n        font-size: clamp(1.8rem, 3.4vw, 2.6rem);\n        line-height: 1.15;\n        letter-spacing: -0.01em;\n    }\n\n    .omac-wrapper .section-head h2.eyebrow {\n        font-size: 1rem;\n        margin-bottom: 0;\n    }\n\n    .omac-wrapper .section-head p {\n        color: var(--text-mute);\n        font-size: 1.05rem;\n        max-width: 60ch;\n        margin-top: .9rem;\n    }\n\n    .omac-wrapper .section--ink .section-head p {\n        color: var(--text-on-ink-mute);\n    }\n\n    \/* ============ texture \/ gradients ============ *\/\n    .omac-wrapper .ink-texture {\n        position: relative;\n        isolation: isolate;\n    }\n\n    .omac-wrapper .ink-texture::before {\n        content: \"\";\n        position: absolute;\n        inset: 0;\n        z-index: -1;\n        pointer-events: none;\n        background-image: radial-gradient(rgba(255, 255, 255, .05) 1px, transparent 1px);\n        background-size: 22px 22px;\n        -webkit-mask-image: radial-gradient(ellipse 80% 60% at 50% 0%, black 40%, transparent 100%);\n        mask-image: radial-gradient(ellipse 80% 60% at 50% 0%, black 40%, transparent 100%);\n    }\n\n    .omac-wrapper .ink-glow {\n        position: relative;\n        isolation: isolate;\n    }\n\n    .omac-wrapper .ink-glow::before {\n        content: \"\";\n        position: absolute;\n        inset: 0;\n        z-index: -1;\n        pointer-events: none;\n        background:\n            radial-gradient(700px 380px at 12% -10%, rgba(92, 138, 100, .16), transparent 60%),\n            radial-gradient(600px 340px at 88% 0%, rgba(198, 138, 63, .12), transparent 60%);\n    }\n\n    \/* ============ trust strip ============ *\/\n    .omac-wrapper .trust {\n        border-bottom: 1px solid var(--ink-3);\n        padding: 1.1rem 0;\n        background: var(--ink);\n    }\n\n    .omac-wrapper .trust__row {\n        display: flex;\n        align-items: center;\n        gap: 1.6rem;\n        flex-wrap: wrap;\n    }\n\n    .omac-wrapper .trust__label {\n        font-family: var(--f-mono);\n        font-size: .68rem;\n        text-transform: uppercase;\n        letter-spacing: .08em;\n        color: var(--text-on-ink-mute);\n        flex: none;\n    }\n\n    .omac-wrapper .trust__items {\n        display: flex;\n        gap: 1.8rem;\n        flex-wrap: wrap;\n    }\n\n    .omac-wrapper .trust__items span {\n        font-family: var(--f-display);\n        font-style: italic;\n        font-size: 1rem;\n        color: var(--text-on-ink-mute);\n        opacity: .85;\n        transition: opacity .2s ease, color .2s ease;\n    }\n\n    .omac-wrapper .trust__items span:hover {\n        opacity: 1;\n        color: var(--reed-light);\n    }\n\n    \/* ============ pillars (process) ============ *\/\n    .omac-wrapper .pillars {\n        display: grid;\n        grid-template-columns: repeat(3, 1fr);\n        gap: 1px;\n        background: var(--ink-3);\n        border: 1px solid var(--ink-3);\n        margin-top: 3rem;\n    }\n\n    @media (max-width: 860px) {\n        .omac-wrapper .pillars {\n            grid-template-columns: 1fr;\n        }\n    }\n\n    .omac-wrapper .pillar {\n        background: var(--ink);\n        padding: 2.4rem 2rem;\n        transition: background .25s ease;\n    }\n\n    .omac-wrapper .pillar:hover {\n        background: var(--ink-2);\n    }\n\n    .omac-wrapper .pillar__num {\n        font-family: var(--f-mono);\n        font-size: .8rem;\n        color: var(--silt-light);\n        letter-spacing: .06em;\n    }\n\n    .omac-wrapper .pillar__title {\n        font-family: var(--f-display);\n        font-size: 1.4rem;\n        margin: .9rem 0 .8rem;\n        line-height: 1.15;\n    }\n\n    .omac-wrapper .pillar__title em {\n        font-style: italic;\n        color: var(--reed-light);\n        font-weight: 450;\n    }\n\n    .omac-wrapper .pillar p {\n        color: var(--text-on-ink-mute);\n        font-size: .94rem;\n        margin-bottom: 1.1rem;\n    }\n\n    .omac-wrapper .pillar__tags {\n        display: flex;\n        flex-wrap: wrap;\n        gap: .5rem;\n    }\n\n    .omac-wrapper .pillar__tags span {\n        font-family: var(--f-mono);\n        font-size: .66rem;\n        letter-spacing: .03em;\n        text-transform: uppercase;\n        border: 1px solid var(--ink-3);\n        border-radius: 999px;\n        padding: .28rem .65rem;\n        color: var(--text-on-ink-mute);\n    }\n\n    \/* ============ FAQ ============ *\/\n    .omac-wrapper .faq {\n        max-width: 820px;\n    }\n\n    .omac-wrapper .faq-item {\n        border-top: 1px solid var(--line);\n    }\n\n    .omac-wrapper .faq-item:last-child {\n        border-bottom: 1px solid var(--line);\n    }\n\n    .omac-wrapper .faq-item__q {\n        width: 100%;\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        gap: 1.5rem;\n        background: none;\n        border: 0;\n        text-align: left;\n        cursor: pointer;\n        padding: 1.4rem 0;\n        font-family: var(--f-display);\n        font-size: 1.08rem;\n        color: var(--text-dark);\n    }\n\n    .omac-wrapper .faq-item__q .plus {\n        flex: none;\n        width: 26px;\n        height: 26px;\n        border-radius: 50%;\n        border: 1px solid var(--line);\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        position: relative;\n        transition: transform .3s ease, border-color .2s ease, background .2s ease;\n    }\n\n    .omac-wrapper .faq-item__q .plus::before,\n    .omac-wrapper .faq-item__q .plus::after {\n        content: \"\";\n        position: absolute;\n        background: var(--text-mute);\n        transition: background .2s ease;\n    }\n\n    .omac-wrapper .faq-item__q .plus::before {\n        width: 10px;\n        height: 1.5px;\n    }\n\n    .omac-wrapper .faq-item__q .plus::after {\n        width: 1.5px;\n        height: 10px;\n    }\n\n    .omac-wrapper .faq-item[data-open=\"true\"] .faq-item__q .plus {\n        transform: rotate(135deg);\n        background: var(--reed);\n        border-color: var(--reed);\n    }\n\n    .omac-wrapper .faq-item[data-open=\"true\"] .faq-item__q .plus::before,\n    .omac-wrapper .faq-item[data-open=\"true\"] .faq-item__q .plus::after {\n        background: #0d1a12;\n    }\n\n    .omac-wrapper .faq-item__a {\n        overflow: hidden;\n        max-height: 0;\n        transition: max-height .35s ease;\n    }\n\n    .omac-wrapper .faq-item__a p {\n        padding: 0 0 1.5rem;\n        color: var(--text-mute);\n        font-size: .96rem;\n        max-width: 68ch;\n    }\n\n    \/* ============ final CTA band ============ *\/\n    .omac-wrapper .cta-band {\n        position: relative;\n        overflow: hidden;\n        background: var(--ink);\n        padding: clamp(4rem, 9vw, 8rem) 0;\n        text-align: center;\n    }\n\n    .omac-wrapper .cta-band::before {\n        content: \"\";\n        position: absolute;\n        inset: 0;\n        background:\n            radial-gradient(900px 420px at 50% 0%, rgba(92, 138, 100, .22), transparent 65%),\n            radial-gradient(600px 300px at 85% 100%, rgba(198, 138, 63, .14), transparent 60%);\n    }\n\n    .omac-wrapper .cta-band__inner {\n        position: relative;\n        z-index: 1;\n        max-width: 720px;\n        margin: 0 auto;\n    }\n\n    .omac-wrapper .cta-band h2 {\n        font-size: clamp(2rem, 4.4vw, 3.1rem);\n        color: var(--text-on-ink);\n        line-height: 1.08;\n        margin-bottom: 1.2rem;\n    }\n\n    .omac-wrapper .cta-band h2 em {\n        font-style: italic;\n        color: var(--reed-light);\n        font-weight: 450;\n    }\n\n    .omac-wrapper .cta-band p {\n        color: var(--text-on-ink-mute);\n        font-size: 1.05rem;\n        max-width: 52ch;\n        margin: 0 auto 2.2rem;\n    }\n\n    .omac-wrapper .cta-band__actions {\n        display: flex;\n        gap: 1rem;\n        justify-content: center;\n        flex-wrap: wrap;\n    }\n\n    \/* ============ hero ============ *\/\n    .omac-wrapper .hero {\n        position: relative;\n        min-height: 100svh;\n        display: flex;\n        flex-direction: column;\n        justify-content: flex-end;\n        color: var(--text-on-ink);\n        overflow: hidden;\n    }\n\n    .omac-wrapper .hero__media {\n        position: absolute;\n        inset: 0;\n        z-index: 0;\n    }\n\n    .omac-wrapper .hero__media img {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n    }\n\n    .omac-wrapper .hero__media::after {\n        content: \"\";\n        position: absolute;\n        inset: 0;\n        background:\n            linear-gradient(180deg, rgba(11, 32, 39, .55) 0%, rgba(11, 32, 39, .35) 32%, rgba(11, 32, 39, .88) 88%),\n            linear-gradient(90deg, rgba(11, 32, 39, .7) 0%, rgba(11, 32, 39, .05) 45%);\n    }\n\n    .omac-wrapper .hero__content {\n        position: relative;\n        z-index: 2;\n        padding: 8rem var(--edge) 2.4rem;\n    }\n\n    .omac-wrapper .hero__kicker {\n        font-family: var(--f-mono);\n        font-size: .8rem;\n        letter-spacing: .16em;\n        text-transform: uppercase;\n        color: var(--silt-light);\n        margin-bottom: 1.3rem;\n        display: flex;\n        align-items: center;\n        gap: .7em;\n    }\n\n    .omac-wrapper .pulse {\n        width: 7px;\n        height: 7px;\n        border-radius: 50%;\n        background: var(--reed-light);\n        flex: none;\n        box-shadow: 0 0 0 0 rgba(140, 179, 147, .7);\n        animation: pulse 2.6s infinite;\n    }\n\n    @keyframes pulse {\n        0% {\n            box-shadow: 0 0 0 0 rgba(140, 179, 147, .55);\n        }\n\n        70% {\n            box-shadow: 0 0 0 9px rgba(140, 179, 147, 0);\n        }\n\n        100% {\n            box-shadow: 0 0 0 0 rgba(140, 179, 147, 0);\n        }\n    }\n\n    .omac-wrapper .hero h1 {\n        font-size: clamp(2.6rem, 6.4vw, 5.2rem);\n        line-height: .98;\n        letter-spacing: -0.015em;\n        max-width: 15ch;\n        font-weight: 600;\n    }\n\n    .omac-wrapper .hero h1 em {\n        font-style: italic;\n        color: var(--reed-light);\n        font-weight: 450;\n    }\n\n    .omac-wrapper .hero__sub {\n        max-width: 46ch;\n        font-size: clamp(1rem, 1.4vw, 1.2rem);\n        color: var(--text-on-ink-mute);\n        margin: 1.4rem 0 2.6rem;\n    }\n\n    .omac-wrapper .hero__cta {\n        display: flex;\n        flex-wrap: wrap;\n        gap: 1rem;\n        margin-bottom: 3.2rem;\n    }\n\n    \/* readout strip *\/\n    .omac-wrapper .readouts {\n        position: relative;\n        z-index: 2;\n        display: grid;\n        grid-template-columns: repeat(4, 1fr);\n        border-top: 1px solid rgba(255, 255, 255, .14);\n    }\n\n    .omac-wrapper .readout {\n        padding: 1.2rem var(--edge) 1.5rem;\n        border-right: 1px solid rgba(255, 255, 255, .14);\n    }\n\n    .omac-wrapper .readout:last-child {\n        border-right: 0;\n    }\n\n    .omac-wrapper .readout .val {\n        font-family: var(--f-mono);\n        font-size: clamp(1.3rem, 2.2vw, 1.9rem);\n        color: var(--text-on-ink);\n        font-weight: 500;\n        letter-spacing: -.01em;\n    }\n\n    .omac-wrapper .readout .val span {\n        color: var(--silt-light);\n        font-size: .65em;\n        margin-left: .15em;\n    }\n\n    .omac-wrapper .readout .lbl {\n        font-size: .72rem;\n        color: var(--text-on-ink-mute);\n        text-transform: uppercase;\n        letter-spacing: .08em;\n        margin-top: .35rem;\n    }\n\n    @media (max-width: 780px) {\n        .omac-wrapper .readouts {\n            grid-template-columns: repeat(2, 1fr);\n        }\n\n        .omac-wrapper .readout:nth-child(2) {\n            border-right: 0;\n        }\n    }\n\n    \/* ============ buttons ============ *\/\n    \/* CORRECTIF : ce bloc entier \u00e9tait absent du CSS WordPress.\n       R\u00e9sultat : tous les liens .btn (Voir les r\u00e9sultats, Nous contacter,\n       Revoir les r\u00e9sultats...) n'avaient ni padding, ni couleur de fond,\n       ni effet de survol. *\/\n    .omac-wrapper .btn {\n        display: inline-flex;\n        align-items: center;\n        gap: .6em;\n        font-family: var(--f-mono);\n        font-size: .8rem;\n        letter-spacing: .05em;\n        text-transform: uppercase;\n        padding: .95rem 1.5rem;\n        border-radius: var(--radius);\n        text-decoration: none;\n        border: 1px solid transparent;\n        cursor: pointer;\n        transition: transform .18s ease, background .2s ease, border-color .2s ease, color .2s ease;\n    }\n\n    .omac-wrapper .btn:hover {\n        transform: translateY(-2px);\n    }\n\n    .omac-wrapper .btn--solid {\n        background: var(--reed);\n        color: #0d1a12;\n        font-weight: 600;\n    }\n\n    .omac-wrapper .btn--solid:hover {\n        background: var(--reed-light);\n    }\n\n    .omac-wrapper .btn--ghost {\n        border-color: rgba(255, 255, 255, .35);\n        color: var(--text-on-ink);\n    }\n\n    .omac-wrapper .btn--ghost:hover {\n        border-color: var(--text-on-ink);\n    }\n\n    .omac-wrapper .btn--dark {\n        border-color: var(--ink-3);\n        color: var(--text-dark);\n    }\n\n    .omac-wrapper .btn--dark:hover {\n        border-color: var(--text-dark);\n    }\n\n    \/* ============ intro \/ le complexe ============ *\/\n    .omac-wrapper .split {\n        display: grid;\n        grid-template-columns: 1.05fr .95fr;\n        gap: clamp(2rem, 5vw, 4.5rem);\n        align-items: center;\n    }\n\n    @media (max-width: 900px) {\n        .omac-wrapper .split {\n            grid-template-columns: 1fr;\n        }\n    }\n\n    .omac-wrapper .chip-row {\n        display: flex;\n        flex-wrap: wrap;\n        gap: .6rem;\n        margin: 1.6rem 0 0;\n    }\n\n    .omac-wrapper .chip {\n        font-family: var(--f-mono);\n        font-size: .76rem;\n        border: 1px solid var(--line);\n        border-radius: 999px;\n        padding: .45rem .9rem;\n        color: var(--text-mute);\n        background: var(--paper);\n    }\n\n    .omac-wrapper .chip b {\n        color: var(--text-dark);\n        font-weight: 600;\n    }\n\n    .omac-wrapper .lede {\n        font-size: clamp(1.05rem, 1.6vw, 1.25rem);\n        color: var(--text-dark);\n    }\n\n    .omac-wrapper .lede strong {\n        font-weight: 600;\n    }\n\n    \/* ============ biodiversit\u00e9 ============ *\/\n    .omac-wrapper .taxa-grid {\n        display: grid;\n        grid-template-columns: repeat(3, 1fr);\n        gap: 1px;\n        background: var(--line);\n        border: 1px solid var(--line);\n    }\n\n    @media (max-width: 900px) {\n        .omac-wrapper .taxa-grid {\n            grid-template-columns: repeat(2, 1fr);\n        }\n    }\n\n    @media (max-width: 560px) {\n        .omac-wrapper .taxa-grid {\n            grid-template-columns: 1fr;\n        }\n    }\n\n    .omac-wrapper .taxon {\n        background: var(--foam);\n        padding: 1.8rem 1.6rem;\n        transition: background .25s ease, box-shadow .25s ease;\n    }\n\n    \/* CORRECTIF : effet de survol manquant sur les cartes de biodiversit\u00e9 *\/\n    .omac-wrapper .taxon:hover {\n        background: var(--foam-2);\n        box-shadow: inset 0 3px 0 var(--reed);\n    }\n\n    .omac-wrapper .taxon__count {\n        font-family: var(--f-display);\n        font-size: 2.2rem;\n        color: var(--text-dark);\n        line-height: 1;\n    }\n\n    .omac-wrapper .taxon__count sup {\n        font-size: .8rem;\n        font-family: var(--f-body);\n        color: var(--text-mute);\n    }\n\n    .omac-wrapper .taxon__label {\n        font-size: .85rem;\n        color: var(--text-mute);\n        margin-top: .5rem;\n        text-transform: uppercase;\n        letter-spacing: .05em;\n    }\n\n    .omac-wrapper .taxon__vuln {\n        margin-top: 1rem;\n        font-size: .85rem;\n        line-height: 1.5;\n    }\n\n    .omac-wrapper .taxon__vuln b {\n        color: var(--brick);\n        display: block;\n        margin-bottom: .2rem;\n    }\n\n    .omac-wrapper .taxon__vuln em {\n        font-style: italic;\n        color: var(--text-dark);\n    }\n\n    \/* ============ stat grid ============ *\/\n    .omac-wrapper .stat-grid {\n        display: grid;\n        grid-template-columns: repeat(5, 1fr);\n        gap: 1px;\n        background: var(--line);\n        border: 1px solid var(--line);\n        margin-top: 3rem;\n    }\n\n    @media (max-width: 900px) {\n        .omac-wrapper .stat-grid {\n            grid-template-columns: repeat(3, 1fr);\n        }\n    }\n\n    @media (max-width: 560px) {\n        .omac-wrapper .stat-grid {\n            grid-template-columns: repeat(2, 1fr);\n        }\n    }\n\n    .omac-wrapper .stat {\n        background: var(--ink);\n        padding: 2rem 1.4rem;\n        text-align: center;\n        transition: background .25s ease;\n    }\n\n    \/* CORRECTIF : effet de survol manquant sur les chiffres cl\u00e9s hydro *\/\n    .omac-wrapper .stat:hover {\n        background: var(--ink-2);\n    }\n\n    .omac-wrapper .stat .n {\n        font-family: var(--f-mono);\n        font-size: clamp(1.5rem, 2.8vw, 2.2rem);\n        color: var(--text-on-ink);\n        font-weight: 500;\n    }\n\n    .omac-wrapper .stat .l {\n        font-size: .75rem;\n        color: var(--text-on-ink-mute);\n        text-transform: uppercase;\n        letter-spacing: .05em;\n        margin-top: .4rem;\n    }\n\n    .omac-wrapper .fact-grid {\n        display: grid;\n        grid-template-columns: repeat(2, 1fr);\n        gap: 1px;\n        background: var(--line);\n        border: 1px solid var(--line);\n        margin-top: 2rem;\n    }\n\n    @media (max-width: 700px) {\n        .omac-wrapper .fact-grid {\n            grid-template-columns: 1fr;\n        }\n    }\n\n    .omac-wrapper .fact {\n        background: var(--ink);\n        padding: 1.8rem;\n    }\n\n    .omac-wrapper .fact h4 {\n        font-family: var(--f-mono);\n        font-size: .78rem;\n        color: var(--silt-light);\n        letter-spacing: .05em;\n        text-transform: uppercase;\n        margin-bottom: .6rem;\n    }\n\n    .omac-wrapper .fact p {\n        color: var(--text-on-ink-mute);\n        font-size: .92rem;\n        margin: 0;\n    }\n\n    \/* ============ card grid ============ *\/\n    .omac-wrapper .card-grid {\n        display: grid;\n        grid-template-columns: repeat(4, 1fr);\n        gap: 1px;\n        background: var(--line);\n        border: 1px solid var(--line);\n        margin-top: 3rem;\n    }\n\n    @media (max-width: 900px) {\n        .omac-wrapper .card-grid {\n            grid-template-columns: repeat(2, 1fr);\n        }\n    }\n\n    @media (max-width: 560px) {\n        .omac-wrapper .card-grid {\n            grid-template-columns: 1fr;\n        }\n    }\n\n    .omac-wrapper .svc-card {\n        background: var(--paper);\n        border: 1px solid var(--line);\n        padding: 2rem 1.6rem;\n        border-radius: var(--radius);\n        transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;\n    }\n\n    \/* CORRECTIF : bordure\/arrondi + effet de soul\u00e8vement au survol manquants *\/\n    .omac-wrapper .svc-card:hover {\n        transform: translateY(-4px);\n        border-color: var(--reed);\n        box-shadow: 0 14px 30px -18px rgba(20, 40, 30, .35);\n    }\n\n    .omac-wrapper .svc-card .idx {\n        font-family: var(--f-mono);\n        font-size: .7rem;\n        color: var(--reed);\n        letter-spacing: .08em;\n        text-transform: uppercase;\n        margin-bottom: .5rem;\n    }\n\n    .omac-wrapper .svc-card h3 {\n        font-size: 1.15rem;\n        margin-bottom: .6rem;\n    }\n\n    .omac-wrapper .svc-card p {\n        font-size: .92rem;\n        color: var(--text-mute);\n        margin: 0;\n    }\n\n    \/* ============ issues ============ *\/\n    .omac-wrapper .issues {\n        margin-top: 3rem;\n    }\n\n    .omac-wrapper .issue {\n        display: flex;\n        gap: 1.4rem;\n        padding: 1.6rem 0;\n        border-bottom: 1px solid var(--line);\n        transition: padding-left .3s ease, border-color .3s ease;\n    }\n\n    \/* CORRECTIF : effet de d\u00e9calage au survol manquant sur les lignes d'enjeux *\/\n    .omac-wrapper .issue:hover {\n        padding-left: .6rem;\n        border-color: var(--reed);\n    }\n\n    .omac-wrapper .issue:last-child {\n        border-bottom: 0;\n    }\n\n    .omac-wrapper .issue__tag {\n        flex: none;\n        font-family: var(--f-mono);\n        font-size: .7rem;\n        color: var(--brick);\n        background: rgba(179, 73, 47, .1);\n        padding: .35rem .75rem;\n        border-radius: 999px;\n        text-transform: uppercase;\n        letter-spacing: .03em;\n        height: fit-content;\n    }\n\n    .omac-wrapper .issue__title {\n        font-size: 1.15rem;\n        margin-bottom: .4rem;\n    }\n\n    .omac-wrapper .issue__text {\n        font-size: .94rem;\n        color: var(--text-mute);\n        margin: 0;\n    }\n\n    \/* ============ activities ============ *\/\n    .omac-wrapper .activities {\n        display: grid;\n        grid-template-columns: 1.1fr .9fr;\n        gap: clamp(2rem, 5vw, 4rem);\n        margin-top: 3rem;\n    }\n\n    @media (max-width: 900px) {\n        .omac-wrapper .activities {\n            grid-template-columns: 1fr;\n        }\n    }\n\n    .omac-wrapper .activity-list {\n        margin: 0;\n        padding-left: 1.4rem;\n    }\n\n    .omac-wrapper .activity-list li {\n        margin-bottom: 1.1rem;\n        font-size: .95rem;\n        line-height: 1.6;\n    }\n\n    .omac-wrapper .activity-list li strong {\n        color: var(--reed);\n    }\n\n    .omac-wrapper .activity-gallery {\n        display: grid;\n        grid-template-columns: repeat(2, 1fr);\n        gap: 1rem;\n    }\n\n    @media (max-width: 600px) {\n        .omac-wrapper .activity-gallery {\n            grid-template-columns: 1fr;\n        }\n    }\n\n    .omac-wrapper .activity-gallery figure {\n        margin: 0;\n    }\n\n    .omac-wrapper .activity-gallery img {\n        border-radius: var(--radius);\n        aspect-ratio: 4\/3;\n        object-fit: cover;\n        width: 150%;\n        height: 50%;\n    }\n\n    .omac-wrapper .activity-gallery figcaption {\n        font-family: var(--f-mono);\n        font-size: .72rem;\n        color: var(--text-mute);\n        margin-top: .4rem;\n    }\n\n    \/* ============ results list ============ *\/\n    .omac-wrapper .results-list {\n        margin: 0 0 3rem;\n        padding-left: 1.4rem;\n    }\n\n    .omac-wrapper .results-list li {\n        margin-bottom: .9rem;\n        font-size: .95rem;\n        line-height: 1.6;\n        color: var(--text-mute);\n    }\n\n    \/* ============ data block ============ *\/\n    .omac-wrapper .data-block {\n        background: var(--paper);\n        border: 1px solid var(--line);\n        border-radius: var(--radius);\n        margin-bottom: 2.4rem;\n        overflow: hidden;\n    }\n\n    .omac-wrapper .data-block__head {\n        padding: 1.2rem 1.6rem;\n        background: var(--foam-2);\n        border-bottom: 1px solid var(--line);\n    }\n\n    .omac-wrapper .data-block__head h3 {\n        font-size: 1.05rem;\n        margin-bottom: .3rem;\n    }\n\n    .omac-wrapper .data-block__head .mono {\n        font-size: .75rem;\n        color: var(--text-mute);\n    }\n\n    .omac-wrapper .table-scroll {\n        overflow-x: auto;\n    }\n\n    .omac-wrapper table.data {\n        width: 100%;\n        border-collapse: collapse;\n        font-size: .85rem;\n    }\n\n    .omac-wrapper table.data th,\n    .omac-wrapper table.data td {\n        padding: .7rem .9rem;\n        text-align: left;\n        border-bottom: 1px solid var(--line);\n    }\n\n    .omac-wrapper table.data th {\n        background: var(--foam-2);\n        font-family: var(--f-mono);\n        font-size: .75rem;\n        font-weight: 600;\n        color: var(--text-dark);\n        white-space: nowrap;\n    }\n\n    .omac-wrapper table.data td.station {\n        font-family: var(--f-mono);\n        font-weight: 600;\n        color: var(--text-dark);\n    }\n\n    .omac-wrapper table.data td.flag {\n        color: var(--brick);\n        font-weight: 600;\n    }\n\n    .omac-wrapper .data-figure {\n        margin: 0;\n        padding: 1.2rem 1.6rem;\n        border-top: 1px solid var(--line);\n    }\n\n    .omac-wrapper .data-figure img {\n        border-radius: var(--radius);\n        width: 100%;\n        height: 50%;\n    }\n\n    .omac-wrapper .data-figure figcaption {\n        font-family: var(--f-mono);\n        font-size: .75rem;\n        color: var(--text-mute);\n        margin-top: .6rem;\n    }\n\n    \/* ============ species grid ============ *\/\n    .omac-wrapper .species-grid {\n        display: grid;\n        grid-template-columns: repeat(5, 1fr);\n        gap: 1px;\n        background: var(--line);\n        border: 1px solid var(--line);\n    }\n\n    @media (max-width: 1100px) {\n        .omac-wrapper .species-grid {\n            grid-template-columns: repeat(3, 1fr);\n        }\n    }\n\n    @media (max-width: 700px) {\n        .omac-wrapper .species-grid {\n            grid-template-columns: repeat(2, 1fr);\n        }\n    }\n\n    .omac-wrapper .species {\n        background: var(--foam);\n        margin: 0;\n        padding: 1.2rem;\n        transition: transform .25s ease, box-shadow .25s ease;\n    }\n\n    \/* CORRECTIF : effet de soul\u00e8vement au survol manquant sur les cartes d'esp\u00e8ces *\/\n    .omac-wrapper .species:hover {\n        transform: translateY(-3px);\n        box-shadow: 0 14px 26px -18px rgba(20, 40, 30, .4);\n    }\n\n    .omac-wrapper .species img {\n        border-radius: var(--radius);\n        aspect-ratio: 4\/3;\n        object-fit: cover;\n        width: 100%;\n        transition: transform .5s ease;\n    }\n\n    \/* CORRECTIF : l\u00e9ger zoom sur la photo au survol de la carte, manquant *\/\n    .omac-wrapper .species:hover img {\n        transform: scale(1.05);\n    }\n\n    .omac-wrapper .species figcaption {\n        margin-top: .7rem;\n        font-size: .85rem;\n    }\n\n    .omac-wrapper .species .latin {\n        font-style: italic;\n        color: var(--text-dark);\n        font-weight: 500;\n    }\n\n    .omac-wrapper .species .status {\n        display: inline-block;\n        margin-top: .3rem;\n        font-size: .72rem;\n        font-family: var(--f-mono);\n        text-transform: uppercase;\n        letter-spacing: .05em;\n        padding: .2rem .5rem;\n        border-radius: 999px;\n    }\n\n    .omac-wrapper .status--ok {\n        background: rgba(92, 138, 64, .15);\n        color: var(--reed);\n    }\n\n    .omac-wrapper .plankton-wrap {\n        display: grid;\n        grid-template-columns: 1fr 1.4fr;\n        gap: 2rem;\n        align-items: start;\n        margin-top: 3rem;\n    }\n\n    @media (max-width: 900px) {\n        .omac-wrapper .plankton-wrap {\n            grid-template-columns: 1fr;\n        }\n    }\n\n    .omac-wrapper .plankton-wrap img {\n        border-radius: var(--radius);\n    }\n\n    .omac-wrapper .plankton-wrap h3 {\n        font-size: 1.3rem;\n        margin-bottom: .8rem;\n    }\n\n    .omac-wrapper .plankton-wrap p {\n        color: var(--text-mute);\n        font-size: .98rem;\n    }\n\n    \/* ============ carousel ============ *\/\n    .omac-wrapper .carou {\n        position: relative;\n        border-radius: var(--radius);\n        background: var(--paper);\n        overflow: hidden;\n    }\n\n    .omac-wrapper .carou__track {\n        display: flex;\n        transition: transform .45s ease;\n    }\n\n    .omac-wrapper .carou__slide {\n        display: flex;\n        flex-direction: column;\n        flex: 0 0 100%;\n        margin: 0;\n    }\n\n    .omac-wrapper .carou__image-box {\n        aspect-ratio: 4\/3;\n        background: var(--paper);\n        position: relative;\n    }\n\n    .omac-wrapper .carou__image-box img {\n        width: 100%;\n        height: 100%;\n        object-fit: contain;\n        display: block;\n    }\n\n    .omac-wrapper .carou__cap {\n        margin: 0;\n        padding: .5rem .7rem .6rem;\n        font-family: var(--f-mono);\n        font-size: .7rem;\n        color: var(--text-mute);\n        background: #ffffff;\n    }\n\n    .omac-wrapper .carou__btn {\n        position: absolute;\n        top: 50%;\n        transform: translateY(-50%);\n        width: 38px;\n        height: 38px;\n        border-radius: 50%;\n        border: 0;\n        cursor: pointer;\n        z-index: 3;\n        background: rgba(255, 255, 255, .9);\n        color: var(--ink);\n        font-size: 1.3rem;\n        line-height: 1;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        padding: 0 0 3px;\n        box-shadow: 0 2px 8px rgba(0, 0, 0, .25);\n        transition: background .2s ease;\n    }\n\n    .omac-wrapper .carou__btn:hover {\n        background: #fff;\n    }\n\n    .omac-wrapper .carou__btn--prev {\n        left: .8rem;\n    }\n\n    .omac-wrapper .carou__btn--next {\n        right: .8rem;\n    }\n\n    .omac-wrapper .carou__dots {\n        position: absolute;\n        top: .7rem;\n        left: 0;\n        right: 0;\n        display: flex;\n        justify-content: center;\n        gap: .5rem;\n        z-index: 3;\n    }\n\n    .omac-wrapper .carou__dot {\n        width: 9px;\n        height: 9px;\n        border-radius: 50%;\n        border: 0;\n        padding: 0;\n        cursor: pointer;\n        background: rgba(255, 255, 255, .55);\n        box-shadow: 0 1px 3px rgba(0, 0, 0, .3);\n        transition: background .2s ease;\n    }\n\n    .omac-wrapper .carou__dot.is-active {\n        background: #fff;\n    }\n\n   \n    .omac-wrapper .field {\n        margin-bottom: 1.2rem;\n    }\n\n    .omac-wrapper .field label {\n        display: block;\n        font-family: var(--f-mono);\n        font-size: .75rem;\n        color: var(--reed-light);\n        letter-spacing: .05em;\n        text-transform: uppercase;\n        margin-bottom: .4rem;\n    }\n\n    .omac-wrapper .field input,\n    .omac-wrapper .field select,\n    .omac-wrapper .field textarea {\n        width: 100%;\n        padding: .8rem 1rem;\n        font-family: var(--f-body);\n        font-size: .95rem;\n        background: var(--ink);\n        border: 1px solid var(--ink-3);\n        border-radius: var(--radius);\n        color: var(--text-on-ink);\n        transition: border-color .2s ease;\n    }\n\n    .omac-wrapper .field input:focus,\n    .omac-wrapper .field select:focus,\n    .omac-wrapper .field textarea:focus {\n        outline: none;\n        border-color: var(--reed);\n    }\n\n    .omac-wrapper .field textarea {\n        min-height: 120px;\n        resize: vertical;\n    }\n\n    \n\n    .omac-wrapper .meta-row {\n        margin-bottom: 1.6rem;\n    }\n\n    .omac-wrapper .meta-row h4 {\n        font-family: var(--f-mono);\n        font-size: .72rem;\n        color: var(--reed-light);\n        letter-spacing: .05em;\n        text-transform: uppercase;\n        margin-bottom: .4rem;\n    }\n\n    .omac-wrapper .meta-row p,\n    .omac-wrapper .meta-row a {\n        color: var(--text-on-ink-mute);\n        font-size: .95rem;\n    }\n\n    .omac-wrapper .meta-row a:hover {\n        color: var(--reed-light);\n    }\n\n    \/* ============ partner wall ============ *\/\n    .omac-wrapper .partner-wall {\n        display: grid;\n        grid-template-columns: repeat(5, 1fr);\n        gap: 1.4rem;\n        margin-top: 2rem;\n    }\n\n    @media (max-width: 900px) {\n        .omac-wrapper .partner-wall {\n            grid-template-columns: repeat(3, 1fr);\n        }\n    }\n\n    @media (max-width: 560px) {\n        .omac-wrapper .partner-wall {\n            grid-template-columns: repeat(2, 1fr);\n        }\n    }\n\n    .omac-wrapper .p-logo {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        background: #fff;\n        border-radius: var(--radius);\n        padding: 1.2rem;\n        min-height: 90px;\n        transition: transform .2s ease, box-shadow .2s ease;\n    }\n\n    .omac-wrapper .p-logo:hover {\n        transform: translateY(-2px);\n        box-shadow: 0 4px 12px rgba(0, 0, 0, .1);\n    }\n\n    .omac-wrapper .p-logo img {\n        max-height: 100%;\n        width: 100%;\n    }\n\n    \/* ============ reveal animation ============ *\/\n    .omac-wrapper .reveal {\n        opacity: 0;\n        transform: translateY(24px);\n        transition: opacity .6s ease, transform .6s ease;\n    }\n\n    .omac-wrapper .reveal.is-visible {\n        opacity: 1;\n        transform: translateY(0);\n    }\n\n    \/* ============ skip link ============ *\/\n    .omac-wrapper .skip-link {\n        position: absolute;\n        top: -40px;\n        left: 0;\n        background: var(--reed);\n        color: #0d1a12;\n        padding: .5rem 1rem;\n        z-index: 100;\n        transition: top .2s ease;\n        font-family: var(--f-mono);\n        font-size: .8rem;\n        text-transform: uppercase;\n        letter-spacing: .05em;\n    }\n\n    .omac-wrapper .skip-link:focus {\n        top: 0;\n    }\n\n    \/* ============ tide divider ============ *\/\n    .omac-wrapper .tide {\n        display: block;\n        width: 100%;\n        height: 64px;\n    }\n\n    \/* ============ accessibilit\u00e9 : focus clavier ============ *\/\n    \/* CORRECTIF : indicateur de focus clavier manquant, pr\u00e9sent dans le CSS d'origine *\/\n    .omac-wrapper :focus-visible {\n        outline: 2px solid var(--reed);\n        outline-offset: 2px;\n    }\n<\/style>\n\n<div class=\"omac-wrapper\" id=\"omac-benin-site\">\n    <a href=\"#main\" class=\"skip-link\">Aller au contenu<\/a>\n\n    <main id=\"main\">\n\n        <!-- ============ HERO ============ -->\n        <header class=\"hero\" id=\"top\">\n            <div class=\"hero__media\">\n                <img decoding=\"async\" src=\"https:\/\/omac-benin-site.onrender.com\/assets\/img\/image41.jpg\" alt=\"Vue a\u00e9rienne d'un r\u00e9seau de chenaux d'eau serpentant \u00e0 travers une zone humide du complexe Mono-Couffo-Ah\u00e9m\u00e9\" loading=\"eager\">\n            <\/div>\n            <div class=\"hero__content\">\n                <p class=\"hero__kicker\"><span class=\"pulse\" aria-hidden=\"true\"><\/span> R\u00e9seau d&rsquo;observation\n                    hydro-m\u00e9t\u00e9o-marin \u2014 mise \u00e0 jour continue<\/p>\n                <h1>L&rsquo;observatoire du complexe<br><em>Mono-Couffo-Ah\u00e9m\u00e9<\/em><\/h1>\n                <p class=\"hero__sub\">Deux bassins versants, une mosa\u00efque de lagunes, mangroves et estrans, et plus de\n                    1,2 million d&rsquo;habitants qui en vivent. OMAC-B\u00e9nin mesure, comprend et accompagne ce territoire d&rsquo;eau\n                    depuis le terrain.<\/p>\n                <div class=\"hero__cta\">\n                    <a href=\"#resultats\" class=\"btn btn--solid\">Voir les r\u00e9sultats phares<\/a>\n                    <a href=\"#contact\" class=\"btn btn--ghost\">Nous contacter<\/a>\n                <\/div>\n            <\/div>\n            <div class=\"readouts\" role=\"group\" aria-label=\"Chiffres cl\u00e9s de l'observatoire\">\n                <div class=\"readout\">\n                    <div class=\"val\"><span class=\"num\" data-count-to=\"2\" data-pad=\"2\">02<\/span><\/div>\n                    <div class=\"lbl\">Bassins versants<\/div>\n                <\/div>\n                <div class=\"readout\">\n                    <div class=\"val\"><span class=\"num\" data-count-to=\"99\">99<\/span><span>km<\/span><\/div>\n                    <div class=\"lbl\">de cours d&rsquo;eau suivis<\/div>\n                <\/div>\n                <div class=\"readout\">\n                    <div class=\"val\"><span class=\"num\" data-count-to=\"742\">742<\/span><span>+<\/span><\/div>\n                    <div class=\"lbl\">esp\u00e8ces recens\u00e9es<\/div>\n                <\/div>\n                <div class=\"readout\">\n                    <div class=\"val\">1,2<span>M<\/span><\/div>\n                    <div class=\"lbl\">habitants du complexe<\/div>\n                <\/div>\n            <\/div>\n        <\/header>\n\n        <!-- ============ TRUST STRIP ============ -->\n        <div class=\"trust\">\n            <div class=\"wrap trust__row\">\n                <span class=\"trust__label\">Campagnes soutenues par<\/span>\n                <div class=\"trust__items\">\n                    <span>ECO-B\u00e9nin<\/span>\n                    <span>CHEC Enterprise<\/span>\n                    <span>Communes riveraines du lac Ah\u00e9m\u00e9<\/span>\n                    <span>R\u00e9seau de p\u00eacheurs de Djondji-Avlo<\/span>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- ============ PILIERS ============ -->\n        <section class=\"section section--ink ink-glow\" style=\"padding-bottom: 2rem;\">\n            <div class=\"wrap\">\n                <div class=\"section-head reveal is-visible\" style=\"margin-bottom:0;\">\n                    <p class=\"eyebrow\">Notre m\u00e9thode<\/p>\n                    <h2>Observer. Comprendre. Agir.<\/h2>\n                    <p>Trois piliers, un m\u00eame terrain \u2014 le complexe Mono-Couffo-Ah\u00e9m\u00e9 suivi en continu, du capteur \u00e0 la\n                        d\u00e9cision.<\/p>\n                <\/div>\n\n                <div class=\"pillars reveal is-visible\">\n                    <article class=\"pillar\">\n                        <div class=\"pillar__num\">01 \u2014 Observer<\/div>\n                        <h3 class=\"pillar__title\">Un r\u00e9seau de mesure <em>continu<\/em><\/h3>\n                        <p>Capteurs Arduino et campagnes trimestrielles sur 6 stations : hydrologie, s\u00e9diments, plancton\n                            et peuplement halieutique.<\/p>\n                        <div class=\"pillar__tags\"><span>pH \u00b7 salinit\u00e9<\/span><span>DCO \/\n                                DBO<\/span><span>Granulom\u00e9trie<\/span><span>Plancton<\/span><\/div>\n                    <\/article>\n                    <article class=\"pillar\">\n                        <div class=\"pillar__num\">02 \u2014 Comprendre<\/div>\n                        <h3 class=\"pillar__title\">Des donn\u00e9es <em>lisibles<\/em>, v\u00e9rifiables<\/h3>\n                        <p>Classification trophique SEQ-Eau et OCDE, suivi s\u00e9dimentologique et biologique, publi\u00e9s et\n                            actualis\u00e9s \u00e0 chaque campagne.<\/p>\n                        <div class=\"pillar__tags\"><span>SEQ-Eau<\/span><span>OCDE 1982<\/span><span>S\u00e9ries\n                                temporelles<\/span><\/div>\n                    <\/article>\n                    <article class=\"pillar\">\n                        <div class=\"pillar__num\">03 \u2014 Agir<\/div>\n                        <h3 class=\"pillar__title\">Des solutions <em>de terrain<\/em><\/h3>\n                        <p>Restauration des mangroves, saliculture et ostr\u00e9iculture am\u00e9lior\u00e9es, protection des sites de\n                            ponte, diffusion aux communaut\u00e9s et d\u00e9cideurs.<\/p>\n                        <div class=\"pillar__tags\"><span>Mini-barrages<\/span><span>\u00c9co-tourisme<\/span><span>Ateliers\n                                publics<\/span><\/div>\n                    <\/article>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- ============ LE COMPLEXE ============ -->\n        <section class=\"section section--paper\" id=\"complexe\">\n            <div class=\"wrap\">\n                <div class=\"split\">\n                    <div class=\"reveal is-visible\">\n                        <p class=\"eyebrow\"><span class=\"code\">01<\/span> Le complexe<\/p>\n                        <h2 class=\"section-head\" style=\"margin-bottom:1.4rem;\">Un territoire d&rsquo;eau entre terre et oc\u00e9an\n                        <\/h2>\n                        <p class=\"lede\">Le complexe Mono-Couffo-Ah\u00e9m\u00e9, c&rsquo;est <strong>deux bassins versants<\/strong>, des\n                            \u00eeles \u2014 dont l&rsquo;\u00eele aux oiseaux de Agbanakin \u2014 et un <strong>\u00e9change bilat\u00e9ral\n                                terre-oc\u00e9an<\/strong> \u00e0 la Bouche du Roy. Quatre activit\u00e9s dominent son \u00e9conomie : p\u00eache,\n                            saliculture, agriculture et \u00e9levage, r\u00e9gul\u00e9es par deux barrages, Nangb\u00e9to en service et\n                            Adjarala en projet.<\/p>\n                        <p>Autour d&rsquo;un r\u00e9seau hydrographique dense se d\u00e9ploient des \u00e9cosyst\u00e8mes marins et c\u00f4tiers tels\n                            que les, lagunes littorales, marais, estrans, mangroves; qui portent une biodiversit\u00e9 aussi\n                            riche que menac\u00e9e, et font vivre plus de 1,2 million de personnes.<\/p>\n                        <div class=\"chip-row\">\n                            <span class=\"chip\"><b>Nangb\u00e9to<\/b> : barrage en service<\/span>\n                            <span class=\"chip\"><b>Adjarala<\/b> : barrage en projet<\/span>\n                            <span class=\"chip\"><b>Agbanakin<\/b> : \u00eele aux oiseaux<\/span>\n                            <span class=\"chip\"><b>Bouche du Roy<\/b> : \u00e9change terre-oc\u00e9an<\/span>\n                        <\/div>\n                    <\/div>\n                    <div class=\"reveal is-visible\">\n                        <div class=\"carou\" data-carousel=\"\">\n                            <div class=\"carou__track\" data-carousel-track=\"\" style=\"transform: translateX(-200%);\">\n                                <figure class=\"carou__slide\">\n                                    <div class=\"carou__image-box\">\n                                        <img decoding=\"async\" src=\"https:\/\/omac-benin-site.onrender.com\/assets\/img\/carte-occupation-sol.jpg\" alt=\"Carte d'occupation du sol de l'observatoire OMAC-B\u00e9nin\" loading=\"lazy\">\n                                    <\/div>\n                                    <figcaption class=\"carou__cap\">Zone couverte par l&rsquo;observatoire<\/figcaption>\n                                <\/figure>\n                                <figure class=\"carou__slide\">\n                                    <div class=\"carou__image-box\">\n                                        <img decoding=\"async\" src=\"https:\/\/omac-benin-site.onrender.com\/assets\/img\/sediment_prise_01.JPG\" alt=\"Prise de s\u00e9diment pour analyse au laboratoire\" loading=\"lazy\">\n                                    <\/div>\n                                    <figcaption class=\"carou__cap\">PRISE DE S\u00c9DIMENT POUR ANALYSE AU LABORATOIRE\n                                    <\/figcaption>\n                                <\/figure>\n                                <figure class=\"carou__slide\">\n                                    <div class=\"carou__image-box\">\n                                        <img decoding=\"async\" src=\"https:\/\/omac-benin-site.onrender.com\/assets\/img\/image42.jpg\" alt=\"Vue a\u00e9rienne de la canop\u00e9e de mangrove et de palmeraie du complexe\" loading=\"lazy\">\n                                    <\/div>\n                                    <figcaption class=\"carou__cap\">VUE A\u00c9RIENNE DE LA CANOP\u00c9E DE MANGROVE ET DE PALMERAIE DU COMPLEXE<\/figcaption>\n                                <\/figure>\n                                <figure class=\"carou__slide\">\n                                    <div class=\"carou__image-box\">\n                                        <img decoding=\"async\" src=\"https:\/\/omac-benin-site.onrender.com\/assets\/img\/collect_huitre_01.JPG\" alt=\"Collecte d'hu\u00eetres\" loading=\"lazy\">\n                                    <\/div>\n                                    <figcaption class=\"carou__cap\">COLLECTE D&rsquo;HUI\u0164RES<\/figcaption>\n                                <\/figure>\n                                <figure class=\"carou__slide\">\n                                    <div class=\"carou__image-box\">\n                                        <img decoding=\"async\" src=\"https:\/\/omac-benin-site.onrender.com\/assets\/img\/bouche-du-roy.jpg\" alt=\"Iles des oiseaux\" loading=\"lazy\">\n                                    <\/div>\n                                    <figcaption class=\"carou__cap\">ILES DES OISEAUX<\/figcaption>\n                                <\/figure>\n                                <figure class=\"carou__slide\">\n                                    <div class=\"carou__image-box\">\n                                        <img decoding=\"async\" src=\"https:\/\/omac-benin-site.onrender.com\/assets\/img\/fetiche_01.JPG\" alt=\"Protection de la mangrove par la sacralisation\" loading=\"lazy\">\n                                    <\/div>\n                                    <figcaption class=\"carou__cap\">PROTECTION DE LA MANGROVE PAR LA SACRALISATION\n                                    <\/figcaption>\n                                <\/figure>\n\n                                <figure class=\"carou__slide\">\n                                    <div class=\"carou__image-box\">\n                                        <img decoding=\"async\" src=\"https:\/\/omac-benin-site.onrender.com\/assets\/img\/ident_poissons_01.JPG\" alt=\"Collecte de donn\u00e9es sur la productivit\u00e9 halieutique\" loading=\"lazy\">\n                                    <\/div>\n                                    <figcaption class=\"carou__cap\">COLLECTE DE DONN\u00c9ES SUR LA PRODUCTIVIT\u00c9 HALIEUTIQUE\n                                    <\/figcaption>\n                                <\/figure>\n\n                                <figure class=\"carou__slide\">\n                                    <div class=\"carou__image-box\">\n                                        <img decoding=\"async\" src=\"https:\/\/omac-benin-site.onrender.com\/assets\/img\/produc_sel_01.JPG\" alt=\"Production locale du sel\" loading=\"lazy\">\n                                    <\/div>\n                                    <figcaption class=\"carou__cap\">PRODUCTION LOCALE DU SEL<\/figcaption>\n                                <\/figure>\n\n                                <figure class=\"carou__slide\">\n                                    <div class=\"carou__image-box\">\n                                        <img decoding=\"async\" src=\"https:\/\/omac-benin-site.onrender.com\/assets\/img\/coupe_mangrove_01.JPG\" alt=\"Coupe clandestine de mangrove\" loading=\"lazy\">\n                                    <\/div>\n                                    <figcaption class=\"carou__cap\">COUPE CLANDESTINE DE MANGROVE<\/figcaption>\n                                <\/figure>\n\n                                <figure class=\"carou__slide\">\n                                    <div class=\"carou__image-box\">\n                                        <img decoding=\"async\" src=\"https:\/\/omac-benin-site.onrender.com\/assets\/img\/drain_hydrau_01.JPG\" alt=\"Collecte de donn\u00e9es sur les drains hydraulique\" loading=\"lazy\">\n                                    <\/div>\n                                    <figcaption class=\"carou__cap\">COLLECTE DE DONN\u00c9ES SUR LES DRAINS HYDRAULIQUE\n                                    <\/figcaption>\n                                <\/figure>\n\n\n                            <\/div>\n                            <button class=\"carou__btn carou__btn--prev\" type=\"button\" data-carousel-prev=\"\" aria-label=\"Photo pr\u00e9c\u00e9dente\">\u2039<\/button>\n                            <button class=\"carou__btn carou__btn--next\" type=\"button\" data-carousel-next=\"\" aria-label=\"Photo suivante\">\u203a<\/button>\n                            <div class=\"carou__dots\" data-carousel-dots=\"\" role=\"tablist\" aria-label=\"Navigation du carrousel\"><\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- ============ BIODIVERSIT\u00c9 ============ -->\n        <section class=\"section section--foam\" id=\"biodiversite\">\n            <div class=\"wrap\">\n                <div class=\"section-head reveal is-visible\">\n                    <p class=\"eyebrow\"><span class=\"code\">II<\/span> Biodiversit\u00e9<\/p>\n                    <h2>Une biodiversit\u00e9 diversifi\u00e9e et tr\u00e8s riche<\/h2>\n                    <p>Six grands groupes taxonomiques recens\u00e9s \u00e0 ce jour sur le complexe, avec un suivi particulier des\n                        esp\u00e8ces \u00e0 statut vuln\u00e9rable.<\/p>\n                <\/div>\n\n                <div class=\"taxa-grid reveal is-visible\">\n                    <article class=\"taxon\">\n                        <div class=\"taxon__count\">364<sup>esp.<\/sup><\/div>\n                        <div class=\"taxon__label\">Flore<\/div>\n                        <div class=\"taxon__vuln\"><b>2 esp\u00e8ces vuln\u00e9rables (\u00e0 statut national)<\/b><em>Rhizophora\n                                racemosa<\/em>, <em>Zanthoxylum zanthoxyloides<\/em><\/div>\n                    <\/article>\n                    <article class=\"taxon\">\n                        <div class=\"taxon__count\">233<sup>esp.<\/sup><\/div>\n                        <div class=\"taxon__label\">Oiseaux<\/div>\n                        <div class=\"taxon__vuln\"><b>3 esp\u00e8ces vuln\u00e9rables (\u00e0 statut national)<\/b><em>Anastomus\n                                lamelligerus<\/em>, <em>Dendrocygna viduata<\/em>, <em>Egretta ardesiaca<\/em><\/div>\n                    <\/article>\n                    <article class=\"taxon\">\n                        <div class=\"taxon__count\">90<sup>esp.<\/sup><\/div>\n                        <div class=\"taxon__label\">Poissons<\/div>\n                        <div class=\"taxon__vuln\"><b>1 esp\u00e8ce vuln\u00e9rable (\u00e0 statut national)<\/b>Poisson-lune d&rsquo;Afrique\n                        <\/div>\n                    <\/article>\n                    <article class=\"taxon\">\n                        <div class=\"taxon__count\">24<sup>esp.<\/sup><\/div>\n                        <div class=\"taxon__label\">Amphibiens<\/div>\n                        <div class=\"taxon__vuln\"><b>Statut<\/b>Aucune esp\u00e8ce \u00e0 statut vuln\u00e9rable recens\u00e9e<\/div>\n                    <\/article>\n                    <article class=\"taxon\">\n                        <div class=\"taxon__count\">21<sup>esp.<\/sup><\/div>\n                        <div class=\"taxon__label\">Reptiles<\/div>\n                        <div class=\"taxon__vuln\"><b>5 esp\u00e8ces vuln\u00e9rables (\u00e0 statut national)<\/b>Cam\u00e9l\u00e9on, crocodile du\n                            Nil, mamba de Jameson, mamba vert de Guin\u00e9e, cobra des for\u00eats<\/div>\n                    <\/article>\n                    <article class=\"taxon\">\n                        <div class=\"taxon__count\">10<sup>esp.<\/sup><\/div>\n                        <div class=\"taxon__label\">Mammif\u00e8res<\/div>\n                        <div class=\"taxon__vuln\"><b>6 esp\u00e8ces vuln\u00e9rables (\u00e0 statut national)<\/b>Mangouste des marais,\n                            mona, hippopotame, loutre \u00e0 cou tachet\u00e9, potamoch\u00e8re, guib d&rsquo;eau<\/div>\n                    <\/article>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- ============ TIDE DIVIDER ============ -->\n        <svg class=\"tide\" viewBox=\"0 0 1200 64\" preserveAspectRatio=\"none\" aria-hidden=\"true\">\n            <path d=\"M0 32 C 100 8, 200 56, 300 32 S 500 8, 600 32 S 800 56, 900 32 S 1100 8, 1200 32\" stroke=\"#5C8A64\" stroke-width=\"2\" opacity=\"0.55\"><\/path>\n            <path d=\"M0 40 C 100 16, 200 64, 300 40 S 500 16, 600 40 S 800 64, 900 40 S 1100 16, 1200 40\" stroke=\"#C68A3F\" stroke-width=\"1.5\" opacity=\"0.4\"><\/path>\n        <\/svg>\n\n        <!-- ============ HYDROLOGIE ============ -->\n        <section class=\"section section--ink\" id=\"hydrologie\">\n            <div class=\"wrap\">\n                <div class=\"section-head reveal is-visible\">\n                    <p class=\"eyebrow\"><span class=\"code\">III<\/span> R\u00e9seau hydrographique<\/p>\n                    <h2>L&rsquo;exutoire de deux grands bassins versants<\/h2>\n                    <p>Le champ d&rsquo;observation de OMAC-B\u00e9nin couvre l&rsquo;int\u00e9gralit\u00e9 du r\u00e9seau hydrographique du complexe,\n                        jusqu&rsquo;aux mar\u00e9es qui rythment ses lagunes.<\/p>\n                <\/div>\n\n                <div class=\"stat-grid reveal is-visible\">\n                    <div class=\"stat\">\n                        <div class=\"n\"><span class=\"num\" data-count-to=\"99\">99<\/span> km<\/div>\n                        <div class=\"l\">de cours d&rsquo;eau<\/div>\n                    <\/div>\n                    <div class=\"stat\">\n                        <div class=\"n\"><span class=\"num\" data-count-to=\"11\">11<\/span> km<\/div>\n                        <div class=\"l\">de cours d&rsquo;eau temporaire<\/div>\n                    <\/div>\n                    <div class=\"stat\">\n                        <div class=\"n\"><span class=\"num\" data-count-to=\"226\">226<\/span> km<\/div>\n                        <div class=\"l\">de canaux et drains d&rsquo;irrigation<\/div>\n                    <\/div>\n                    <div class=\"stat\">\n                        <div class=\"n\"><span class=\"num\" data-count-to=\"137\">137<\/span> km\u00b2<\/div>\n                        <div class=\"l\">de zone inondable<\/div>\n                    <\/div>\n                    <div class=\"stat\">\n                        <div class=\"n\"><span class=\"num\" data-count-to=\"78\">78<\/span> km\u00b2<\/div>\n                        <div class=\"l\">lac Ah\u00e9m\u00e9 (basses eaux)<\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"fact-grid reveal is-visible\">\n                    <div class=\"fact\">\n                        <h4>R\u00e9gime pluviom\u00e9trique<\/h4>\n                        <p>Bimodal altern\u00e9, avec deux saisons des pluies distinctes qui rythment les campagnes de\n                            mesure.<\/p>\n                    <\/div>\n                    <div class=\"fact\">\n                        <h4>R\u00e9gime de mar\u00e9e<\/h4>\n                        <p>Mar\u00e9e semi-diurne, avec une alternance toutes les 6 heures qui structure les \u00e9changes\n                            terre-oc\u00e9an.<\/p>\n                    <\/div>\n                    <div class=\"fact\">\n                        <h4>Temp\u00e9rature moyenne<\/h4>\n                        <p>Comprise entre 21 \u00b0C et 34 \u00b0C selon les saisons et les stations de mesure.<\/p>\n                    <\/div>\n                    <div class=\"fact\">\n                        <h4>Substrat g\u00e9ologique<\/h4>\n                        <p>D\u00e9p\u00f4ts du Continental Terminal, recouverts de d\u00e9p\u00f4ts fluvio-lagunaires du Quaternaire, \u00e0\n                            dominance sablo-argileuse et vaseuse.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- ============ BIENS & SERVICES \u00c9COSYST\u00c9MIQUES ============ -->\n        <section class=\"section section--paper\" id=\"services\">\n            <div class=\"wrap\">\n                <div class=\"section-head reveal is-visible\">\n                    <p class=\"eyebrow\"><span class=\"code\">IV<\/span> Biens &amp; services \u00e9cologiques<\/p>\n                    <h2>Ce que le complexe rend \u00e0 ses habitants<\/h2>\n                <\/div>\n                <div class=\"card-grid reveal is-visible\">\n                    <article class=\"svc-card\">\n                        <div class=\"idx\">R\u00e9gulation<\/div>\n                        <h3>Micro-climat &amp; protection<\/h3>\n                        <p>\u00celot de fra\u00eecheur, limitation de l&rsquo;\u00e9rosion et des risques naturels (inondations),\n                            auto\u00e9puration de l&rsquo;eau.<\/p>\n                    <\/article>\n                    <article class=\"svc-card\">\n                        <div class=\"idx\">Approvisionnement<\/div>\n                        <h3>Ressources alimentaires<\/h3>\n                        <p>Zones marines et c\u00f4ti\u00e8res sources de poissons, crustac\u00e9s, mollusques et ressources\n                            phytoth\u00e9rapeutiques.<\/p>\n                    <\/article>\n                    <article class=\"svc-card\">\n                        <div class=\"idx\">Culturel<\/div>\n                        <h3>\u00c9co-tourisme &amp; p\u00e9dagogie<\/h3>\n                        <p>Un cadre pour la d\u00e9couverte, l&rsquo;\u00e9ducation environnementale et la valorisation du patrimoine\n                            naturel.<\/p>\n                    <\/article>\n                    <article class=\"svc-card\">\n                        <div class=\"idx\">Soutien<\/div>\n                        <h3>Puits de carbone<\/h3>\n                        <p>Mangroves et tourbes du complexe agissent comme un soutien actif de la biosph\u00e8re r\u00e9gionale.\n                        <\/p>\n                    <\/article>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- ============ ENJEUX & D\u00c9FIS ============ -->\n        <section class=\"section section--foam\" id=\"enjeux\">\n            <div class=\"wrap\">\n                <div class=\"section-head reveal is-visible\">\n                    <p class=\"eyebrow\"><span class=\"code\">V<\/span> Enjeux &amp; d\u00e9fis<\/p>\n                    <h2>Des pressions multiples sur un \u00e9cosyst\u00e8me fragile<\/h2>\n                <\/div>\n                <div class=\"issues reveal is-visible\">\n                    <article class=\"issue\">\n                        <div class=\"issue__tag\">Pollution<\/div>\n                        <div>\n                            <h3 class=\"issue__title\">Concentrations en polluants et en nutriments<\/h3>\n                            <p class=\"issue__text\">L&rsquo;intensification des activit\u00e9s agricoles en amont peut entra\u00eener une\n                                pollution et une eutrophisation des cours et plans d&rsquo;eau.<\/p>\n                        <\/div>\n                    <\/article>\n                    <article class=\"issue\">\n                        <div class=\"issue__tag\">D\u00e9gradation des sols<\/div>\n                        <div>\n                            <h3 class=\"issue__title\">Exploitation intensive des sols<\/h3>\n                            <p class=\"issue__text\">D\u00e9gradation des terres et des versants par une \u00e9rosion avanc\u00e9e, coupe\n                                excessive des arbres pour le bois de chauffe, la commercialisation et la fabrication\n                                d&rsquo;acadja, coupe clandestine des mangroves et agriculture intensive sur br\u00fblis.<\/p>\n                        <\/div>\n                    <\/article>\n                    <article class=\"issue\">\n                        <div class=\"issue__tag\">Hydrologie<\/div>\n                        <div>\n                            <h3 class=\"issue__title\">Inondations<\/h3>\n                            <p class=\"issue__text\">P\u00e9riodes de hautes eaux coupl\u00e9es aux l\u00e2chers quasi continus des\n                                barrages lors des \u00e9pisodes pluvieux exceptionnels. Le comblement des chenaux r\u00e9duit le\n                                tirant d&rsquo;eau et augmente la superficie des plaines inondables, affectant habitations et\n                                champs.<\/p>\n                        <\/div>\n                    <\/article>\n                    <article class=\"issue\">\n                        <div class=\"issue__tag\">Biodiversit\u00e9<\/div>\n                        <div>\n                            <h3 class=\"issue__title\">Perte d&rsquo;habitats<\/h3>\n                            <p class=\"issue__text\">Pertes d&rsquo;habitats \u2014 sites de ponte de tortues, zones de fray\u00e8re sous\n                                mangrove \u2014 durant les travaux de dragage et de curage des chenaux.<\/p>\n                        <\/div>\n                    <\/article>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- ============ INNOVATION \u00c9CO-HYDROLOGIQUE ============ -->\n        <section class=\"section section--ink\" id=\"innovation\">\n            <div class=\"wrap\">\n                <div class=\"section-head reveal is-visible\">\n                    <p class=\"eyebrow\"><span class=\"code\">VI<\/span> Innovation \u00e9co-hydrologique<\/p>\n                    <h2>Des activit\u00e9s phares, mesur\u00e9es sur le terrain<\/h2>\n                    <p>Un dispositif d&rsquo;observation continu, associ\u00e9 \u00e0 des solutions concr\u00e8tes pour la restauration et la\n                        valorisation du complexe.<\/p>\n                <\/div>\n\n                <div class=\"activities reveal is-visible\">\n                    <ol class=\"activity-list\">\n                        <li><strong>Base de donn\u00e9es journali\u00e8re<\/strong> \u2014 r\u00e9seau d&rsquo;observation hydro-m\u00e9t\u00e9o-marin\n                            (capteurs Arduino) : pH, salinit\u00e9, turbidit\u00e9, azote\/phosphore total, nitrate, DCO\/DBO en\n                            prise hebdomadaire ; suivi trimestriel plancton-halieutique-s\u00e9dimentaire, mise \u00e0 jour\n                            fr\u00e9quente.<\/li>\n                        <li><strong>Esp\u00e8ces bio-indicatrices<\/strong> \u2014 identification de deux esp\u00e8ces aquatiques et\n                            v\u00e9g\u00e9tales pour d\u00e9tecter pr\u00e9cocement les changements ou pollutions de l&rsquo;\u00e9cosyst\u00e8me.<\/li>\n                        <li><strong>Pi\u00e9geage des lessivages agricoles<\/strong> \u2014 efficacit\u00e9 scientifiquement d\u00e9montr\u00e9e\n                            des \u00e9tangs de pi\u00e9geage et de leur r\u00e9utilisation.<\/li>\n                        <li><strong>Mini-barrages &amp; interconnexion hydraulique<\/strong> \u2014 un bilan\n                            hydro-marin-chimique propice \u00e0 la restauration naturelle des mangroves et de la biodiversit\u00e9\n                            connexe.<\/li>\n                        <li><strong>Saliculture am\u00e9lior\u00e9e<\/strong> \u2014 des rendements sup\u00e9rieurs \u00e0 la m\u00e9thode\n                            conventionnelle.<\/li>\n                        <li><strong>Ostr\u00e9iculture<\/strong> \u2014 mise \u00e0 jour des m\u00e9thodes de culture des hu\u00eetres et cr\u00e9ation\n                            d&#8217;emplois sur toute la cha\u00eene \u00e9levage \u2013 r\u00e9colte \u2013 transformation (cosm\u00e9tique, pharmacop\u00e9e).\n                        <\/li>\n                        <li><strong>Guide \u00e9co-touristique<\/strong> \u2014 pr\u00e9paration et divulgation en cours.<\/li>\n                        <li><strong>Sacralisation des sites<\/strong> \u2014 protection par les f\u00e9tiches traditionnels.<\/li>\n                        <li><strong>Capteurs low-cost \u00e0 t\u00e9l\u00e9transmission<\/strong> \u2014 conception en cours (pH, turbidit\u00e9,\n                            niveau d&rsquo;eau, pr\u00e9cipitation, temp\u00e9rature, humidit\u00e9).<\/li>\n                        <li><strong>Diffusion scientifique<\/strong> \u2014 publications, ateliers de communication et posters\n                            \u00e0 destination des politiques et des communaut\u00e9s.<\/li>\n                    <\/ol>\n                    <div class=\"activity-gallery\">\n                        <figure>\n                            <img decoding=\"async\" src=\"https:\/\/omac-benin-site.onrender.com\/assets\/img\/image15.jpg\" alt=\"\u00c9quipe de terrain r\u00e9alisant un \u00e9chantillonnage de plancton en pirogue\" loading=\"lazy\">\n                            <figcaption>\u00c9chantillonnage du plancton \u2014 02\/12\/2025<\/figcaption>\n                        <\/figure>\n                        <figure>\n                            <img decoding=\"async\" src=\"https:\/\/omac-benin-site.onrender.com\/assets\/img\/image18.jpg\" alt=\"Pr\u00e9l\u00e8vement de s\u00e9diments pour analyse de m\u00e9taux lourds\" loading=\"lazy\">\n                            <figcaption>Pr\u00e9l\u00e8vement de s\u00e9diments \u2014 m\u00e9taux lourds<\/figcaption>\n                        <\/figure>\n                        <figure>\n                            <img decoding=\"async\" src=\"https:\/\/omac-benin-site.onrender.com\/assets\/img\/image21.jpg\" alt=\"Pr\u00e9l\u00e8vement de s\u00e9diments pour analyse granulom\u00e9trique\" loading=\"lazy\">\n                            <figcaption>Analyse granulom\u00e9trique \u2014 m\u00e9thode AFNOR<\/figcaption>\n                        <\/figure>\n                        <figure>\n                            <img decoding=\"async\" src=\"https:\/\/omac-benin-site.onrender.com\/assets\/img\/image24.jpg\" alt=\"Sp\u00e9cimen de poisson mesur\u00e9 sur le terrain\" loading=\"lazy\">\n                            <figcaption>Identification des captures halieutiques<\/figcaption>\n                        <\/figure>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- ============ R\u00c9SULTATS PHARES ============ -->\n        <section class=\"section section--paper\" id=\"resultats\">\n            <div class=\"wrap\">\n                <div class=\"section-head reveal is-visible\">\n                    <p class=\"eyebrow\"><span class=\"code\">VII<\/span> R\u00e9sultats phares<\/p>\n                    <h2>Ce que les donn\u00e9es racontent<\/h2>\n                    <p>Trois campagnes par an, six stations de suivi (P0 \u00e0 P10), et une lecture continue de l&rsquo;\u00e9tat\n                        trophique, s\u00e9dimentaire et biologique du plan d&rsquo;eau.<\/p>\n                <\/div>\n\n                <ul class=\"results-list reveal is-visible\">\n                    <li>\u00c9tat hypereutrophe \u00e0 eutrophe du plan d&rsquo;eau au 09\/06\/2026 (taux de phosphore et d&rsquo;azote total),\n                        appr\u00e9ci\u00e9 selon la norme SEQ-Eau.<\/li>\n                    <li>Stabilisation des cordons littoraux recharg\u00e9s par des mat\u00e9riaux dragu\u00e9s, avec une diminution\n                        cons\u00e9quente de la submersion des cordons sableux.<\/li>\n                    <li>Reconstitution s\u00e9dimentologique rapide des fonds lagunaires dragu\u00e9s, confirmant l&rsquo;avantage de la\n                        m\u00e9thode de dragage par succion.<\/li>\n                    <li>Structure du peuplement halieutique mise \u00e0 jour dans la zone de dragage Djondji-Avlo.<\/li>\n                    <li>Dynamique \u00e9cologique perturb\u00e9e suivie d&rsquo;une r\u00e9organisation progressive des communaut\u00e9s\n                        phytoplanctoniques.<\/li>\n                    <li>Stress \u00e9cologique marqu\u00e9 du zooplancton, puis signes de r\u00e9silience : communaut\u00e9 finale\n                        euryhaline et tol\u00e9rante, domin\u00e9e par les cop\u00e9podes, avec une diversit\u00e9 en baisse durant le\n                        dragage.<\/li>\n                    <li>Conception en cours d&rsquo;un capteur low-cost \u00e0 t\u00e9l\u00e9transmission (pH, turbidit\u00e9, niveau d&rsquo;eau,\n                        pr\u00e9cipitation, temp\u00e9rature, humidit\u00e9 \u2014 syst\u00e8me Arduino).<\/li>\n                    <li>pH identifi\u00e9 comme facteur limitant de l&rsquo;implantation des mangroves \u00e0 Whankpa et Hokou\u00e8 (eau\n                        acide en basses eaux, campagne d&rsquo;ao\u00fbt 2025, financ\u00e9e par ECO-B\u00e9nin).<\/li>\n                    <li>710 \u0153ufs de tortue collect\u00e9s et incub\u00e9s, 398 juv\u00e9niles \u00e9clos et remis \u00e0 l&rsquo;eau entre septembre\n                        2025 et mai 2026 (financement CHEC Enterprise).<\/li>\n                <\/ul>\n\n                <!-- --- synth\u00e8se trophique --- -->\n                <div class=\"data-block reveal is-visible\">\n                    <div class=\"data-block__head\">\n                        <h3>Synth\u00e8se trophique : campagne du 09\/06\/2026<\/h3>\n                        <span class=\"mono\">Classification OCDE (1982) \u00b7 SEQ-Eau (P) \u00b7 seuil de Redfield N\/P = 7,2<\/span>\n                    <\/div>\n                    <div class=\"table-scroll\">\n                        <table class=\"data\">\n                            <thead>\n                                <tr>\n                                    <th>Station<\/th>\n                                    <th>NT (mg\/L)<\/th>\n                                    <th>Statut OCDE (N)<\/th>\n                                    <th>PT (mg\/L)<\/th>\n                                    <th>Classe SEQ-Eau (P)<\/th>\n                                    <th>Statut OCDE (P)<\/th>\n                                    <th>N\/P<\/th>\n                                    <th>Fait limitant<\/th>\n                                <\/tr>\n                            <\/thead>\n                            <tbody>\n                                <tr>\n                                    <td class=\"station\">P0<\/td>\n                                    <td>1,257<\/td>\n                                    <td class=\"flag\">Hypereutrophe<\/td>\n                                    <td>0,487<\/td>\n                                    <td>Moyenne<\/td>\n                                    <td class=\"flag\">Hypereutrophe<\/td>\n                                    <td>2,6<\/td>\n                                    <td>Limit\u00e9 par N<\/td>\n                                <\/tr>\n                                <tr>\n                                    <td class=\"station\">P2<\/td>\n                                    <td>5,635<\/td>\n                                    <td class=\"flag\">Hypereutrophe<\/td>\n                                    <td>0,098<\/td>\n                                    <td>Bonne<\/td>\n                                    <td>Eutrophe<\/td>\n                                    <td>57,5<\/td>\n                                    <td>Limit\u00e9 par P<\/td>\n                                <\/tr>\n                                <tr>\n                                    <td class=\"station\">P4<\/td>\n                                    <td>2,452<\/td>\n                                    <td class=\"flag\">Hypereutrophe<\/td>\n                                    <td>0,202<\/td>\n                                    <td>Moyenne<\/td>\n                                    <td class=\"flag\">Hypereutrophe<\/td>\n                                    <td>12,1<\/td>\n                                    <td>Limit\u00e9 par P<\/td>\n                                <\/tr>\n                                <tr>\n                                    <td class=\"station\">P6<\/td>\n                                    <td>2,204<\/td>\n                                    <td class=\"flag\">Hypereutrophe<\/td>\n                                    <td>0,641<\/td>\n                                    <td>M\u00e9diocre<\/td>\n                                    <td class=\"flag\">Hypereutrophe<\/td>\n                                    <td>3,4<\/td>\n                                    <td>Limit\u00e9 par N<\/td>\n                                <\/tr>\n                                <tr>\n                                    <td class=\"station\">P8<\/td>\n                                    <td>1,080<\/td>\n                                    <td>Eutrophe<\/td>\n                                    <td>0,726<\/td>\n                                    <td>M\u00e9diocre<\/td>\n                                    <td class=\"flag\">Hypereutrophe<\/td>\n                                    <td>1,5<\/td>\n                                    <td>Limit\u00e9 par N<\/td>\n                                <\/tr>\n                                <tr>\n                                    <td class=\"station\">P10<\/td>\n                                    <td>2,775<\/td>\n                                    <td class=\"flag\">Hypereutrophe<\/td>\n                                    <td>0,702<\/td>\n                                    <td>M\u00e9diocre<\/td>\n                                    <td class=\"flag\">Hypereutrophe<\/td>\n                                    <td>4,0<\/td>\n                                    <td>Limit\u00e9 par N<\/td>\n                                <\/tr>\n                            <\/tbody>\n                        <\/table>\n                    <\/div>\n\n                    <figure class=\"data-figure\">\n                        <img decoding=\"async\" src=\"https:\/\/omac-benin-site.onrender.com\/assets\/img\/image1.jpg\" alt=\"Graphique de la distribution de la DCO par station et par campagne\" loading=\"lazy\">\n                        <figcaption>Fig. \u00c9chantillonnage trimestriel et concentration en DCO des sites de dragage\n                        <\/figcaption>\n                    <\/figure>\n                    <figure class=\"data-figure\">\n                        <img decoding=\"async\" src=\"https:\/\/omac-benin-site.onrender.com\/assets\/img\/image2.jpg\" alt=\"Graphique du rapport DBO sur DCO par station\" loading=\"lazy\">\n                        <figcaption>Fig. Rapport DBO\/DCO<\/figcaption>\n                    <\/figure>\n                    <figure class=\"data-figure\">\n                        <img decoding=\"async\" src=\"https:\/\/omac-benin-site.onrender.com\/assets\/img\/image3.jpg\" alt=\"Graphique de la variation du taux de mati\u00e8re organique\" loading=\"lazy\">\n                        <figcaption>Fig. Variation du taux de la mati\u00e8re organique \u00b7 source : campagnes de terrain et\n                            laboratoire, 27 f\u00e9vrier, 31 mai, 29 ao\u00fbt et d\u00e9cembre 2025<\/figcaption>\n                    <\/figure>\n                <\/div>\n\n                <!-- --- s\u00e9dimentologie --- -->\n                <div class=\"data-block reveal is-visible\">\n                    <div class=\"data-block__head\">\n                        <h3>Variation lithologique des s\u00e9diments du fond lagunaire<\/h3>\n                        <span class=\"mono\">27 f\u00e9vrier 2025 \u2192 09 juin 2026<\/span>\n                    <\/div>\n                    <div class=\"table-scroll\">\n                        <table class=\"data\">\n                            <thead>\n                                <tr>\n                                    <th>Point de pr\u00e9l\u00e8vement<\/th>\n                                    <th>27 F\u00e9v. 2025<\/th>\n                                    <th>31 Mai 2025<\/th>\n                                    <th>29 Ao\u00fbt 2025<\/th>\n                                    <th>02 D\u00e9c. 2025<\/th>\n                                    <th>03 Mars 2026<\/th>\n                                    <th>09 Juin 2026<\/th>\n                                <\/tr>\n                            <\/thead>\n                            <tbody>\n                                <tr>\n                                    <td class=\"station\">P0<\/td>\n                                    <td>Vase<\/td>\n                                    <td>Vase<\/td>\n                                    <td>Vase<\/td>\n                                    <td>Vase<\/td>\n                                    <td>Vase<\/td>\n                                    <td>Vase<\/td>\n                                <\/tr>\n                                <tr>\n                                    <td class=\"station\">P2<\/td>\n                                    <td>Vase<\/td>\n                                    <td>Sable fin \u00e0 moyen<\/td>\n                                    <td>Vase<\/td>\n                                    <td>Vase<\/td>\n                                    <td>Vase<\/td>\n                                    <td>Sable vaseux<\/td>\n                                <\/tr>\n                                <tr>\n                                    <td class=\"station\">P4<\/td>\n                                    <td>Sable fin \u00e0 moyen<\/td>\n                                    <td>Sable fin \u00e0 moyen<\/td>\n                                    <td>Sable fin \u00e0 moyen<\/td>\n                                    <td>Sable fin \u00e0 moyen<\/td>\n                                    <td>Vase<\/td>\n                                    <td>Vase<\/td>\n                                <\/tr>\n                                <tr>\n                                    <td class=\"station\">P6<\/td>\n                                    <td>Sable fin \u00e0 moyen<\/td>\n                                    <td>Sable fin \u00e0 moyen<\/td>\n                                    <td>Sable fin \u00e0 moyen<\/td>\n                                    <td>Sable fin \u00e0 moyen<\/td>\n                                    <td>Sable vaseux<\/td>\n                                    <td>Vase<\/td>\n                                <\/tr>\n                                <tr>\n                                    <td class=\"station\">P8<\/td>\n                                    <td>Sable fin<\/td>\n                                    <td>Sable fin \u00e0 moyen<\/td>\n                                    <td>Sable fin \u00e0 moyen<\/td>\n                                    <td>Vase sableuse<\/td>\n                                    <td>Vase sableuse<\/td>\n                                    <td>Vase<\/td>\n                                <\/tr>\n                                <tr>\n                                    <td class=\"station\">P10<\/td>\n                                    <td>Sable fin \u00e0 moyen<\/td>\n                                    <td>Vase sableuse<\/td>\n                                    <td>Vase sableuse<\/td>\n                                    <td>Vase<\/td>\n                                    <td>Vase<\/td>\n                                    <td>Sable vaseux<\/td>\n                                <\/tr>\n                            <\/tbody>\n                        <\/table>\n                    <\/div>\n                    <figure class=\"data-figure\">\n                        <img decoding=\"async\" src=\"https:\/\/omac-benin-site.onrender.com\/assets\/img\/image35.jpg\" alt=\"Histogramme de fr\u00e9quence des s\u00e9diments pr\u00e9lev\u00e9s au point P10\" loading=\"lazy\">\n                        <figcaption>Fig. Histogrammes de fr\u00e9quence des s\u00e9diments pr\u00e9lev\u00e9s au point P10, campagnes de\n                            f\u00e9vrier 2025 \u00e0 juin 2026 (1\/2)<\/figcaption>\n                    <\/figure>\n                    <figure class=\"data-figure\">\n                        <img decoding=\"async\" src=\"https:\/\/omac-benin-site.onrender.com\/assets\/img\/image36.jpg\" alt=\"Second histogramme de fr\u00e9quence des s\u00e9diments pr\u00e9lev\u00e9s au point P10\" loading=\"lazy\">\n                        <figcaption>Fig. Histogrammes de fr\u00e9quence des s\u00e9diments pr\u00e9lev\u00e9s au point P10, campagnes de\n                            f\u00e9vrier 2025 \u00e0 juin 2026 (2\/2)<\/figcaption>\n                    <\/figure>\n                <\/div>\n\n                <!-- --- oxyg\u00e8ne dissous --- -->\n                <div class=\"data-block reveal is-visible\">\n                    <div class=\"data-block__head\">\n                        <h3>Oxyg\u00e8ne dissous &amp; vie biologique<\/h3>\n                        <span class=\"mono\">Norme SEQ-Eau<\/span>\n                    <\/div>\n                    <figure class=\"data-figure\">\n                        <img decoding=\"async\" src=\"https:\/\/omac-benin-site.onrender.com\/assets\/img\/image37.jpg\" alt=\"Graphique de l'\u00e9volution de l'oxyg\u00e8ne dissous dans le temps\" loading=\"lazy\">\n                        <figcaption>Fig. \u00c9volution de l&rsquo;oxyg\u00e8ne dissous (mg\/L) au fil du temps et vie biologique\n                            associ\u00e9e<\/figcaption>\n                    <\/figure>\n                    <figure class=\"data-figure\">\n                        <img decoding=\"async\" src=\"https:\/\/omac-benin-site.onrender.com\/assets\/img\/image39.jpg\" alt=\"Graphique de la vie biologique et chronologie d'observation de l'oxyg\u00e8ne dissous par station\" loading=\"lazy\">\n                        <figcaption>Fig. Vie biologique (norme SEQ-Eau) et chronologie d&rsquo;observation de l&rsquo;oxyg\u00e8ne\n                            dissous par station<\/figcaption>\n                    <\/figure>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- ============ TIDE DIVIDER ============ -->\n        <svg class=\"tide\" viewBox=\"0 0 1200 64\" preserveAspectRatio=\"none\" aria-hidden=\"true\">\n            <path d=\"M0 32 C 100 8, 200 56, 300 32 S 500 8, 600 32 S 800 56, 900 32 S 1100 8, 1200 32\" stroke=\"#5C8A64\" stroke-width=\"2\" opacity=\"0.55\"><\/path>\n            <path d=\"M0 40 C 100 16, 200 64, 300 40 S 500 16, 600 40 S 800 64, 900 40 S 1100 16, 1200 40\" stroke=\"#C68A3F\" stroke-width=\"1.5\" opacity=\"0.4\"><\/path>\n        <\/svg>\n\n        <!-- ============ VIE AQUATIQUE OBSERV\u00c9E ============ -->\n        <section class=\"section section--foam\" id=\"especes\">\n            <div class=\"wrap\">\n                <div class=\"section-head reveal is-visible\">\n                    <p class=\"eyebrow\"><span class=\"code\">VIII<\/span> Vie aquatique observ\u00e9e<\/p>\n                    <h2>Sp\u00e9cimens captur\u00e9s lors des campagnes halieutiques<\/h2>\n                    <p>Une s\u00e9lection d&rsquo;esp\u00e8ces identifi\u00e9es et mesur\u00e9es sur le plan d&rsquo;eau, dont la structure de\n                        peuplement fait l&rsquo;objet d&rsquo;un suivi r\u00e9gulier.<\/p>\n                <\/div>\n\n                <div class=\"species-grid reveal is-visible\">\n                    <figure class=\"species\">\n                        <img decoding=\"async\" src=\"https:\/\/omac-benin-site.onrender.com\/assets\/img\/image24.jpg\" alt=\"Sp\u00e9cimen de Pseudupeneus prayensis\" loading=\"lazy\">\n                        <figcaption><span class=\"latin\">Pseudupeneus prayensis<\/span><br><span class=\"status status--ok\">Courante<\/span><\/figcaption>\n                    <\/figure>\n                    <figure class=\"species\">\n                        <img decoding=\"async\" src=\"https:\/\/omac-benin-site.onrender.com\/assets\/img\/image25.jpg\" alt=\"Sp\u00e9cimen de Drepane africana\" loading=\"lazy\">\n                        <figcaption><span class=\"latin\">Drepane africana<\/span><br><span class=\"status status--ok\">Courante<\/span><\/figcaption>\n                    <\/figure>\n                    <figure class=\"species\">\n                        <img decoding=\"async\" src=\"https:\/\/omac-benin-site.onrender.com\/assets\/img\/image26.jpg\" alt=\"Sp\u00e9cimen de Acanthurus monroviae\" loading=\"lazy\">\n                        <figcaption><span class=\"latin\">Acanthurus monroviae<\/span><br><span class=\"status status--ok\">Courante<\/span><\/figcaption>\n                    <\/figure>\n                    <figure class=\"species\">\n                        <img decoding=\"async\" src=\"https:\/\/omac-benin-site.onrender.com\/assets\/img\/image27.jpg\" alt=\"Sp\u00e9cimen de Polydactylus quadrifilis\" loading=\"lazy\">\n                        <figcaption><span class=\"latin\">Polydactylus quadrifilis<\/span><br><span class=\"status status--ok\">Courante<\/span><\/figcaption>\n                    <\/figure>\n                    <figure class=\"species\">\n                        <img decoding=\"async\" src=\"https:\/\/omac-benin-site.onrender.com\/assets\/img\/image28.jpg\" alt=\"Sp\u00e9cimen de Trichiurus lepturus\" loading=\"lazy\">\n                        <figcaption><span class=\"latin\">Trichiurus lepturus<\/span><br><span class=\"status status--ok\">Courante<\/span><\/figcaption>\n                    <\/figure>\n                    <figure class=\"species\">\n                        <img decoding=\"async\" src=\"https:\/\/omac-benin-site.onrender.com\/assets\/img\/image29.jpg\" alt=\"Sp\u00e9cimen de Hemicaranx zolotes\" loading=\"lazy\">\n                        <figcaption><span class=\"latin\">Hemicaranx zolotes<\/span><br><span class=\"status status--ok\">Courante<\/span><\/figcaption>\n                    <\/figure>\n                    <figure class=\"species\">\n                        <img decoding=\"async\" src=\"https:\/\/omac-benin-site.onrender.com\/assets\/img\/image30.jpg\" alt=\"Sp\u00e9cimen de Pomadasys jubelini\" loading=\"lazy\">\n                        <figcaption><span class=\"latin\">Pomadasys jubelini<\/span><br><span class=\"status status--ok\">Courante<\/span><\/figcaption>\n                    <\/figure>\n                    <figure class=\"species\">\n                        <img decoding=\"async\" src=\"https:\/\/omac-benin-site.onrender.com\/assets\/img\/image31.jpg\" alt=\"Sp\u00e9cimen de Ilisha africana\" loading=\"lazy\">\n                        <figcaption><span class=\"latin\">Ilisha africana<\/span> (Bloch, 1795)<br><span class=\"status status--ok\">Courante<\/span><\/figcaption>\n                    <\/figure>\n                    <figure class=\"species\">\n                        <img decoding=\"async\" src=\"https:\/\/omac-benin-site.onrender.com\/assets\/img\/image32.jpg\" alt=\"Sp\u00e9cimen de Chloroscombrus chrysurus\" loading=\"lazy\">\n                        <figcaption><span class=\"latin\">Chloroscombrus chrysurus<\/span><br><span class=\"status status--ok\">Courante<\/span><\/figcaption>\n                    <\/figure>\n                    <figure class=\"species\">\n                        <img decoding=\"async\" src=\"https:\/\/omac-benin-site.onrender.com\/assets\/img\/image33.jpg\" alt=\"Sp\u00e9cimen de Lutjanus dentatus\" loading=\"lazy\">\n                        <figcaption><span class=\"latin\">Lutjanus dentatus<\/span><br><span class=\"status status--ok\">Courante<\/span><\/figcaption>\n                    <\/figure>\n                <\/div>\n\n                <div class=\"plankton-wrap reveal is-visible\">\n                    <img decoding=\"async\" src=\"https:\/\/omac-benin-site.onrender.com\/assets\/img\/image4.jpg\" alt=\"Planche de sp\u00e9cimens de phytoplancton observ\u00e9s au microscope, num\u00e9rot\u00e9s de 1 \u00e0 11\" loading=\"lazy\">\n                    <div>\n                        <h3 style=\"font-size:1.3rem; margin-bottom:.8rem;\">Phytoplancton &amp; zooplancton de la lagune\n                        <\/h3>\n                        <p style=\"color:var(--text-mute); font-size:.98rem;\">Chaque campagne trimestrielle documente au\n                            microscope la composition planctonique du plan d&rsquo;eau \u2014 un indicateur pr\u00e9coce de l&rsquo;\u00e9tat\n                            trophique et de la qualit\u00e9 de l&rsquo;eau, en compl\u00e9ment des mesures physico-chimiques.<\/p>\n                        <p style=\"color:var(--text-mute); font-size:.98rem;\">La dynamique du phytoplancton suit une\n                            \u00e9chelle logarithmique marqu\u00e9e, avec des phases de perturbation suivies d&rsquo;une reconstitution\n                            progressive des communaut\u00e9s.<\/p>\n                    <\/div>\n                <\/div>\n\n                <figure class=\"data-figure reveal is-visible\" style=\"margin-top:2.4rem;\">\n                    <img decoding=\"async\" src=\"https:\/\/omac-benin-site.onrender.com\/assets\/img\/image34.jpg\" alt=\"Infographie de la structure du peuplement halieutique en pyramide, de l'esp\u00e8ce ultra-dominante aux esp\u00e8ces rares\" loading=\"lazy\">\n                    <figcaption>Structure du peuplement halieutique dans la zone de dragage Djondji-Avlo, en fonction de\n                        l&rsquo;abondance relative des captures<\/figcaption>\n                <\/figure>\n            <\/div>\n        <\/section>\n\n        <!-- ============ FAQ ============ -->\n        <section class=\"section section--foam\" id=\"faq\">\n            <div class=\"wrap\">\n                <div class=\"section-head reveal is-visible\">\n                    <p class=\"eyebrow\">Questions fr\u00e9quentes<\/p>\n                    <h2>Ce que l&rsquo;on nous demande le plus<\/h2>\n                <\/div>\n\n                <div class=\"faq reveal is-visible\" id=\"faq-list\">\n                    <div class=\"faq-item\" data-open=\"false\">\n                        <button class=\"faq-item__q\" aria-expanded=\"false\">\n                            <span>Comment sont collect\u00e9es les donn\u00e9es de l&rsquo;observatoire ?<\/span>\n                            <span class=\"plus\" aria-hidden=\"true\"><\/span>\n                        <\/button>\n                        <div class=\"faq-item__a\">\n                            <p>Via un r\u00e9seau de capteurs Arduino (pH, salinit\u00e9, turbidit\u00e9, azote\/phosphore, DCO\/DBO)\n                                relev\u00e9s chaque semaine, compl\u00e9t\u00e9 par des campagnes trimestrielles de terrain sur six\n                                stations de suivi (P0 \u00e0 P10) : plancton, structure du peuplement halieutique et\n                                s\u00e9dimentologie.<\/p>\n                        <\/div>\n                    <\/div>\n                    <div class=\"faq-item\" data-open=\"false\">\n                        <button class=\"faq-item__q\" aria-expanded=\"false\">\n                            <span>Qui finance et soutient les campagnes de terrain ?<\/span>\n                            <span class=\"plus\" aria-hidden=\"true\"><\/span>\n                        <\/button>\n                        <div class=\"faq-item__a\">\n                            <p>Les campagnes s&rsquo;appuient sur plusieurs partenaires, dont ECO-B\u00e9nin (campagne pH\/mangroves\n                                d&rsquo;ao\u00fbt 2025) et CHEC Enterprise (programme de protection des tortues 2025-2026), aux\n                                c\u00f4t\u00e9s des communes riveraines et des communaut\u00e9s de p\u00eacheurs.<\/p>\n                        <\/div>\n                    <\/div>\n                    <div class=\"faq-item\" data-open=\"false\">\n                        <button class=\"faq-item__q\" aria-expanded=\"false\">\n                            <span>Le dragage nuit-il \u00e0 l&rsquo;\u00e9cosyst\u00e8me du complexe ?<\/span>\n                            <span class=\"plus\" aria-hidden=\"true\"><\/span>\n                        <\/button>\n                        <div class=\"faq-item__a\">\n                            <p>C&rsquo;est nuanc\u00e9. Le dragage par succion acc\u00e9l\u00e8re la reconstitution s\u00e9dimentologique des\n                                fonds lagunaires et stabilise les cordons littoraux recharg\u00e9s \u2014 mais les travaux peuvent\n                                aussi entra\u00eener une perte temporaire d&rsquo;habitats (fray\u00e8res sous mangrove, sites de\n                                ponte), suivie de pr\u00e8s par nos campagnes.<\/p>\n                        <\/div>\n                    <\/div>\n                    <div class=\"faq-item\" data-open=\"false\">\n                        <button class=\"faq-item__q\" aria-expanded=\"false\">\n                            <span>Comment sont prot\u00e9g\u00e9es les esp\u00e8ces vuln\u00e9rables ?<\/span>\n                            <span class=\"plus\" aria-hidden=\"true\"><\/span>\n                        <\/button>\n                        <div class=\"faq-item__a\">\n                            <p>Par un suivi r\u00e9gulier de la biodiversit\u00e9, la sacralisation traditionnelle de certains\n                                sites, et des actions concr\u00e8tes comme la collecte et l&rsquo;incubation d&rsquo;\u0153ufs de tortue : 710\n                                \u0153ufs collect\u00e9s et 398 juv\u00e9niles rel\u00e2ch\u00e9s entre septembre 2025 et mai 2026.<\/p>\n                        <\/div>\n                    <\/div>\n                    <div class=\"faq-item\" data-open=\"false\">\n                        <button class=\"faq-item__q\" aria-expanded=\"false\">\n                            <span>Peut-on visiter le complexe ou participer \u00e0 une campagne ?<\/span>\n                            <span class=\"plus\" aria-hidden=\"true\"><\/span>\n                        <\/button>\n                        <div class=\"faq-item__a\">\n                            <p>Un guide \u00e9co-touristique du complexe est en cours de pr\u00e9paration. En attendant sa\n                                publication, \u00e9crivez-nous via le formulaire de contact pour organiser une visite de\n                                terrain ou une collaboration scientifique.<\/p>\n                        <\/div>\n                    <\/div>\n                    <div class=\"faq-item\" data-open=\"false\">\n                        <button class=\"faq-item__q\" aria-expanded=\"false\">\n                            <span>Comment acc\u00e9der aux donn\u00e9es compl\u00e8tes de l&rsquo;observatoire ?<\/span>\n                            <span class=\"plus\" aria-hidden=\"true\"><\/span>\n                        <\/button>\n                        <div class=\"faq-item__a\">\n                            <p>Les jeux de donn\u00e9es (physico-chimie, s\u00e9dimentologie, biodiversit\u00e9) sont partag\u00e9s au cas\n                                par cas avec les chercheurs, bailleurs et collectivit\u00e9s partenaires \u2014 contactez-nous en\n                                pr\u00e9cisant l&rsquo;objet de votre demande.<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n       \n        <!-- ============ CTA BAND ============ -->\n        <section class=\"cta-band\">\n            <div class=\"wrap cta-band__inner\">\n                <h2>Un territoire d&rsquo;eau <em>m\u00e9rite d&rsquo;\u00eatre compris<\/em> avant d&rsquo;\u00eatre d\u00e9cid\u00e9.<\/h2>\n                <p>Chercheurs, bailleurs, collectivit\u00e9s : parlons de ce que les donn\u00e9es du complexe Mono-Couffo-Ah\u00e9m\u00e9\n                    peuvent apporter \u00e0 votre projet.<\/p>\n                <div class=\"cta-band__actions\">\n                    <a href=\"#contact\" class=\"btn btn--solid\">Nous contacter<\/a>\n                    <a href=\"#resultats\" class=\"btn btn--ghost\">Revoir les r\u00e9sultats<\/a>\n                <\/div>\n            <\/div>\n        <\/section>\n\n    <\/main>\n\n    <!-- ============ PARTENAIRES ============ -->\n    <section class=\"section section--foam\" id=\"partenaires\">\n        <div class=\"wrap\">\n            <div class=\"section-head reveal is-visible\">\n                <h2 class=\"eyebrow\">Partenaires &amp; collaborations<\/h2>\n            <\/div>\n\n            <div class=\"partner-wall reveal is-visible\">\n                <span class=\"p-logo\" title=\"Laboratoire Climet UP\">\n                    <img decoding=\"async\" src=\"https:\/\/omac-benin-site.onrender.com\/assets\/img\/logos\/climet-up.png\" alt=\"Laboratoire Climet UP\" loading=\"lazy\">\n                <\/span>\n                <span class=\"p-logo\" title=\"Universit\u00e9 de Parakou\">\n                    <img decoding=\"async\" src=\"https:\/\/omac-benin-site.onrender.com\/assets\/img\/logos\/parakou.png\" alt=\"Universit\u00e9 de Parakou\" loading=\"lazy\">\n                <\/span>\n                <span class=\"p-logo\" title=\"Institut National de l'eau\">\n                    <img decoding=\"async\" src=\"https:\/\/omac-benin-site.onrender.com\/assets\/img\/logos\/inea.png\" alt=\"Institut National de l'eau\" loading=\"lazy\">\n                <\/span>\n                <span class=\"p-logo\" title=\"LACEDE\">\n                    <img decoding=\"async\" src=\"https:\/\/omac-benin-site.onrender.com\/assets\/img\/logos\/lacede.jpg\" alt=\"LACEDE\" loading=\"lazy\">\n                <\/span>\n                <span class=\"p-logo\" title=\"Universit\u00e9 d'Abomey-Calavi (UAC)\">\n                    <img decoding=\"async\" src=\"https:\/\/omac-benin-site.onrender.com\/assets\/img\/logos\/uac.png\" alt=\"Universit\u00e9 d'Abomey-Calavi (UAC)\" loading=\"lazy\">\n                <\/span>\n                <span class=\"p-logo\" title=\"CHEC\">\n                    <img decoding=\"async\" src=\"https:\/\/omac-benin-site.onrender.com\/assets\/img\/logos\/chec.png\" alt=\"CHEC\" loading=\"lazy\">\n                <\/span>\n                <span class=\"p-logo\" title=\"S.C.R.E.F\">\n                    <img decoding=\"async\" src=\"https:\/\/omac-benin-site.onrender.com\/assets\/img\/logos\/scref.png\" alt=\"S.C.R.E.F\" loading=\"lazy\">\n                <\/span>\n                <span class=\"p-logo\" title=\"IRN\/ACTNAO\">\n                    <img decoding=\"async\" src=\"https:\/\/omac-benin-site.onrender.com\/assets\/img\/logos\/irn-actnao.png\" alt=\"IRN\/ACTNAO\" loading=\"lazy\">\n                <\/span>\n                <span class=\"p-logo\" title=\"IRD \u2014 Institut de Recherche pour le D\u00e9veloppement\">\n                    <img decoding=\"async\" src=\"https:\/\/omac-benin-site.onrender.com\/assets\/img\/logos\/ird.png\" alt=\"IRD \u2014 Institut de Recherche pour le D\u00e9veloppement\" loading=\"lazy\">\n                <\/span>\n                <span class=\"p-logo\" title=\"ECO-B\u00c9NIN\">\n                    <img decoding=\"async\" src=\"https:\/\/omac-benin-site.onrender.com\/assets\/img\/logos\/ecobenin.png\" alt=\"ECO-B\u00c9NIN\" loading=\"lazy\">\n                <\/span>\n                <span class=\"p-logo\" title=\"LC2AI\">\n                    <img decoding=\"async\" src=\"https:\/\/omac-benin-site.onrender.com\/assets\/img\/logos\/lc2ai.jpg\" alt=\"LC2AI\" loading=\"lazy\">\n                <\/span>\n                <span class=\"p-logo\" title=\"UNESCO \u2014 Programme Hydrologique Intergouvernemental\">\n                    <img decoding=\"async\" src=\"https:\/\/omac-benin-site.onrender.com\/assets\/img\/logos\/unesco.png\" alt=\"UNESCO \u2014 Programme Hydrologique Intergouvernemental\" loading=\"lazy\">\n                <\/span>\n                <span class=\"p-logo\" title=\"FRIEND-Water\">\n                    <img decoding=\"async\" src=\"https:\/\/omac-benin-site.onrender.com\/assets\/img\/logos\/friend-water.png\" alt=\"FRIEND-Water\" loading=\"lazy\">\n                <\/span>\n                <span class=\"p-logo\" title=\"Observatoire OMILET \u2014 site officiel \u00e0 pr\u00e9ciser\">\n                    <img decoding=\"async\" src=\"https:\/\/omac-benin-site.onrender.com\/assets\/img\/logos\/omilet.png\" alt=\"Observatoire OMILET\" loading=\"lazy\">\n                <\/span>\n                <span class=\"p-logo\" title=\"ABE \u2014 Agence B\u00e9ninoise pour l'Environnement\">\n                    <img decoding=\"async\" src=\"https:\/\/omac-benin-site.onrender.com\/assets\/img\/logos\/abe.png\" alt=\"ABE \u2014 Agence B\u00e9ninoise pour l'Environnement\" loading=\"lazy\">\n                <\/span>\n                <span class=\"p-logo\" title=\"ADELAC \u2014 Agence pour le D\u00e9veloppement Int\u00e9gr\u00e9 de la Zone \u00c9conomique du Lac Ah\u00e9m\u00e9 et ses Chenaux\">\n                    <img decoding=\"async\" src=\"https:\/\/omac-benin-site.onrender.com\/assets\/img\/logos\/adelac.png\" alt=\"ADELAC \u2014 Agence pour le D\u00e9veloppement Int\u00e9gr\u00e9 de la Zone \u00c9conomique du Lac Ah\u00e9m\u00e9 et ses Chenaux\" loading=\"lazy\">\n                <\/span>\n                <span class=\"p-logo\" title=\"ABM Mono \u2014 Agence du Bassin du Mono\">\n                    <img decoding=\"async\" src=\"https:\/\/omac-benin-site.onrender.com\/assets\/img\/logos\/abm-mono.png\" alt=\"ABM Mono \u2014 Agence du Bassin du Mono\" loading=\"lazy\">\n                <\/span>\n                <span class=\"p-logo\" title=\"HCS Consultant\">\n                    <img decoding=\"async\" src=\"https:\/\/omac-benin-site.onrender.com\/assets\/img\/logos\/hcs.png\" alt=\"HCS Consultant\" loading=\"lazy\">\n                <\/span>\n                <span class=\"p-logo\" title=\"EML \u2014 Environmental Monitoring Laboratory\">\n                    <img decoding=\"async\" src=\"https:\/\/omac-benin-site.onrender.com\/assets\/img\/logos\/eml.png\" alt=\"EML \u2014 Environmental Monitoring Laboratory\" loading=\"lazy\">\n                <\/span>\n                <span class=\"p-logo\" title=\"Water Pro Africa\">\n                    <img decoding=\"async\" src=\"https:\/\/omac-benin-site.onrender.com\/assets\/img\/logos\/waterproafrica.png\" alt=\"Water Pro Africa\" loading=\"lazy\">\n                <\/span>\n            <\/div>\n        <\/div>\n    <\/section>\n<\/div>\n\n<script>\n    (function () {\n        \"use strict\";\n\n        \/\/ ---- scroll reveal ----\n        var revealEls = document.querySelectorAll('.reveal');\n        if ('IntersectionObserver' in window) {\n            var io = new IntersectionObserver(function (entries) {\n                entries.forEach(function (entry) {\n                    if (entry.isIntersecting) {\n                        entry.target.classList.add('is-visible');\n                        io.unobserve(entry.target);\n                    }\n                });\n            }, { threshold: 0.12, rootMargin: '0px 0px -40px 0px' });\n            revealEls.forEach(function (el) { io.observe(el); });\n        } else {\n            revealEls.forEach(function (el) { el.classList.add('is-visible'); });\n        }\n\n        \/\/ ---- contact form (demo \u2014 no backend wired) ----\n        var form = document.getElementById('contact-form');\n        if (form) {\n            form.addEventListener('submit', function (e) {\n                e.preventDefault();\n                var status = document.getElementById('form-status');\n                var name = form.querySelector('[name=\"name\"]').value.trim();\n                status.textContent = name\n                    ? 'Merci ' + name + ' \u2014 votre message est pr\u00eat \u00e0 \u00eatre envoy\u00e9 d\u00e8s que ce formulaire sera reli\u00e9 \u00e0 une adresse de r\u00e9ception (voir README).'\n                    : 'Merci \u2014 votre message est pr\u00eat \u00e0 \u00eatre envoy\u00e9 d\u00e8s que ce formulaire sera reli\u00e9 \u00e0 une adresse de r\u00e9ception (voir README).';\n                status.classList.add('is-visible');\n                form.reset();\n            });\n        }\n\n        \/\/ ---- FAQ accordion ----\n        document.querySelectorAll('.faq-item').forEach(function (item) {\n            var btn = item.querySelector('.faq-item__q');\n            var panel = item.querySelector('.faq-item__a');\n            if (!btn || !panel) return;\n            btn.addEventListener('click', function () {\n                var isOpen = item.getAttribute('data-open') === 'true';\n                \/\/ close siblings\n                item.parentElement.querySelectorAll('.faq-item').forEach(function (other) {\n                    if (other !== item) {\n                        other.setAttribute('data-open', 'false');\n                        var otherBtn = other.querySelector('.faq-item__q');\n                        var otherPanel = other.querySelector('.faq-item__a');\n                        if (otherBtn) otherBtn.setAttribute('aria-expanded', 'false');\n                        if (otherPanel) otherPanel.style.maxHeight = null;\n                    }\n                });\n                var next = !isOpen;\n                item.setAttribute('data-open', next ? 'true' : 'false');\n                btn.setAttribute('aria-expanded', next ? 'true' : 'false');\n                panel.style.maxHeight = next ? panel.scrollHeight + 'px' : null;\n            });\n        });\n\n        \/\/ ---- animated counters ----\n        var counters = document.querySelectorAll('.num[data-count-to]');\n        if (counters.length) {\n            var animateCount = function (el) {\n                var target = parseFloat(el.getAttribute('data-count-to'));\n                var pad = el.getAttribute('data-pad');\n                var duration = 1100;\n                var start = null;\n                var from = 0;\n                function step(ts) {\n                    if (!start) start = ts;\n                    var progress = Math.min((ts - start) \/ duration, 1);\n                    var eased = 1 - Math.pow(1 - progress, 3);\n                    var current = Math.round(from + (target - from) * eased);\n                    el.textContent = pad ? String(current).padStart(parseInt(pad, 10), '0') : String(current);\n                    if (progress < 1) requestAnimationFrame(step);\n                    else el.textContent = pad ? String(target).padStart(parseInt(pad, 10), '0') : String(target);\n                }\n                requestAnimationFrame(step);\n            };\n            if ('IntersectionObserver' in window) {\n                var cio = new IntersectionObserver(function (entries) {\n                    entries.forEach(function (entry) {\n                        if (entry.isIntersecting) {\n                            animateCount(entry.target);\n                            cio.unobserve(entry.target);\n                        }\n                    });\n                }, { threshold: 0.6 });\n                counters.forEach(function (el) { cio.observe(el); });\n            } else {\n                counters.forEach(function (el) { el.textContent = el.getAttribute('data-count-to'); });\n            }\n        }\n\n        \/\/ ---- carousel (vues a\u00e9riennes) ----\n        document.querySelectorAll('[data-carousel]').forEach(function (car) {\n            var track = car.querySelector('[data-carousel-track]');\n            var slides = track.children;\n            var dotsBox = car.querySelector('[data-carousel-dots]');\n            var prevBtn = car.querySelector('[data-carousel-prev]');\n            var nextBtn = car.querySelector('[data-carousel-next]');\n            var idx = 0, n = slides.length;\n            if (n < 2) return;\n            Array.prototype.forEach.call(slides, function (_, k) {\n                var d = document.createElement('button');\n                d.type = 'button';\n                d.className = 'carou__dot';\n                d.setAttribute('aria-label', 'Photo ' + (k + 1));\n                d.addEventListener('click', function () { go(k); });\n                dotsBox.appendChild(d);\n            });\n            var dots = dotsBox.children;\n            function go(k) {\n                idx = (k + n) % n;\n                track.style.transform = 'translateX(-' + (idx * 100) + '%)';\n                Array.prototype.forEach.call(dots, function (d, j) { d.classList.toggle('is-active', j === idx); });\n            }\n            prevBtn.addEventListener('click', function () { go(idx - 1); });\n            nextBtn.addEventListener('click', function () { go(idx + 1); });\n            document.addEventListener('keydown', function (e) {\n                if (e.key === 'ArrowLeft') go(idx - 1);\n                else if (e.key === 'ArrowRight') go(idx + 1);\n            });\n            go(0);\n        });\n    })();\n<\/script>\n\n\n\n<div class=\"wp-block-columns has-background is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\" style=\"background-color:#0a1920\">\n<div class=\"wp-block-column has-black-color has-text-color has-background has-link-color wp-elements-1 is-layout-flow wp-block-column-is-layout-flow\" style=\"background-color:#0a1920;flex-basis:66.66%\"><div class=\"frm_forms  with_frm_style frm_style_style-formidable\" id=\"frm_form_4_container\" data-token=\"a444182699e67e126f0ce76343fab50f\">\n<form enctype=\"multipart\/form-data\" method=\"post\" class=\"frm-show-form \" id=\"form_formulaire-de-contact\" data-token=\"a444182699e67e126f0ce76343fab50f\">\n<div class=\"frm_form_fields \">\n<fieldset>\n<legend class=\"frm_screen_reader\">Formulaire de contact<\/legend>\r\n\r\n<div class=\"frm_fields_container\">\n<input type=\"hidden\" name=\"frm_action\" value=\"create\" \/>\n<input type=\"hidden\" name=\"form_id\" value=\"4\" \/>\n<input type=\"hidden\" name=\"frm_hide_fields_4\" id=\"frm_hide_fields_4\" value=\"\" \/>\n<input type=\"hidden\" name=\"form_key\" value=\"formulaire-de-contact\" \/>\n<input type=\"hidden\" name=\"item_meta[0]\" value=\"\" \/>\n<input type=\"hidden\" id=\"frm_submit_entry_4\" name=\"frm_submit_entry_4\" value=\"312f77fad7\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/index.php\/wp-json\/wp\/v2\/pages\/340\" \/><div id=\"frm_field_32_container\" class=\"frm_form_field  frm12 frm_html_container form-field\">\n<p><h3 style=\"color:white; \">Collaborer avec OMAC-B\u00e9nin <\/h3>\n<\/p>\n<p>Chercheurs, bailleurs, collectivit\u00e9s ou visiteurs; \u00e9crivez-nous pour une visite de terrain, un partenariat scientifique ou l'acc\u00e8s aux donn\u00e9es de l'observatoire.<\/p>\n<\/div>\n<div id=\"frm_field_29_container\" class=\"frm_form_field form-field  frm_required_field frm_top_container\">\r\n\t<div  id=\"field_rn3u_label\" class=\"frm_primary_label\">Nom & Pr\u00e9nom\r\n\t\t<span class=\"frm_required\" aria-hidden=\"true\">*<\/span>\r\n\t<\/div>\r\n\t<fieldset aria-labelledby=\"field_rn3u_label\">\n\t<legend class=\"frm_screen_reader frm_hidden\">\n\t\tNom &amp; Pr\u00e9nom\t<\/legend>\n\n\t<div  class=\"frm_combo_inputs_container\" id=\"frm_combo_inputs_container_29\" data-name-layout=\"last_first\">\n\t\t\t\t\t<div\n\t\t\t\tid=\"frm_field_29-last_container\"\n\t\t\t\tclass=\"frm_form_field form-field frm_form_subfield-last  frm6\"\n\t\t\t\tdata-sub-field-name=\"last\"\n\t\t\t>\n\t\t\t\t<label for=\"field_rn3u_last\" class=\"frm_screen_reader frm_hidden\">\n\t\t\t\t\tNom &amp; Pr\u00e9nom\t\t\t\t<\/label>\n\n\t\t\t\t<input  type=\"text\" id=\"field_rn3u_last\" value=\"\" name=\"item_meta[29][last]\" autocomplete=\"family-name\" placeholder=\"Nom \" data-reqmsg=\"Nom &amp; Pr\u00e9nom ne peut pas \u00eatre vide.\" aria-required=\"true\" data-invmsg=\"Nom &amp; Pr\u00e9nom est non valide\" aria-invalid=\"false\"  \/>\t\t\t<\/div>\n\t\t\t\t\t\t<div\n\t\t\t\tid=\"frm_field_29-first_container\"\n\t\t\t\tclass=\"frm_form_field form-field frm_form_subfield-first  frm6\"\n\t\t\t\tdata-sub-field-name=\"first\"\n\t\t\t>\n\t\t\t\t<label for=\"field_rn3u_first\" class=\"frm_screen_reader frm_hidden\">\n\t\t\t\t\tNom &amp; Pr\u00e9nom\t\t\t\t<\/label>\n\n\t\t\t\t<input  type=\"text\" id=\"field_rn3u_first\" value=\"\" name=\"item_meta[29][first]\" autocomplete=\"given-name\" placeholder=\"Pr\u00e9nom\" data-reqmsg=\"Nom &amp; Pr\u00e9nom ne peut pas \u00eatre vide.\" aria-required=\"true\" data-invmsg=\"Nom &amp; Pr\u00e9nom est non valide\" aria-invalid=\"false\"  \/>\t\t\t<\/div>\n\t\t\t\t<\/div>\n<\/fieldset>\n\r\n\t\r\n\t\r\n<\/div>\n<div id=\"frm_field_23_container\" class=\"frm_form_field form-field  frm_required_field frm_top_container frm12\">\r\n\t<label for=\"field_ibbjx\" id=\"field_ibbjx_label\" class=\"frm_primary_label\">E-mail\r\n\t\t<span class=\"frm_required\" aria-hidden=\"true\">*<\/span>\r\n\t<\/label>\r\n\t<input type=\"email\" id=\"field_ibbjx\" name=\"item_meta[23]\" value=\"\"  data-reqmsg=\"E-mail ne peut pas \u00eatre vide.\" aria-required=\"true\" data-invmsg=\"E-mail est non valide\" aria-invalid=\"false\"  \/>\r\n\t\r\n\t\r\n<\/div>\n<div id=\"frm_field_25_container\" class=\"frm_form_field form-field  frm_required_field frm_top_container frm12 frm_first\">\r\n\t<label for=\"field_evmoa\" id=\"field_evmoa_label\" class=\"frm_primary_label\">Liste d\u00e9roulante\r\n\t\t<span class=\"frm_required\" aria-hidden=\"true\">*<\/span>\r\n\t<\/label>\r\n\t\t\t<select name=\"item_meta[25]\" id=\"field_evmoa\"  data-reqmsg=\"Liste d\u00e9roulante ne peut pas \u00eatre vide.\" aria-required=\"true\" data-invmsg=\"Liste d\u00e9roulante est non valide\" aria-invalid=\"false\"  >\n\t\t<option  value=\"Partenariat scientifique\">Partenariat scientifique<\/option><option  value=\"Financement\/bailleur\">Financement\/bailleur<\/option><option  value=\"Visite de terrain\/\u00e9co-tourisme\">Visite de terrain\/\u00e9co-tourisme<\/option><option  value=\"Acc\u00e8s aux donn\u00e9es\">Acc\u00e8s aux donn\u00e9es<\/option><option  value=\"Autre demande\">Autre demande<\/option>\t<\/select>\n\t\r\n\t\r\n\t\r\n<\/div>\n<div id=\"frm_field_24_container\" class=\"frm_form_field form-field  frm_required_field frm_top_container\">\r\n\t<label for=\"field_nb5ff\" id=\"field_nb5ff_label\" class=\"frm_primary_label\">Message\r\n\t\t<span class=\"frm_required\" aria-hidden=\"true\">*<\/span>\r\n\t<\/label>\r\n\t<textarea name=\"item_meta[24]\" id=\"field_nb5ff\" rows=\"5\"  data-reqmsg=\"Message ne peut pas \u00eatre vide.\" aria-required=\"true\" data-invmsg=\"Message est non valide\" aria-invalid=\"false\"  ><\/textarea>\r\n\t\r\n\t\r\n<\/div>\n<div id=\"frm_field_16_container\" class=\"frm_form_field form-field  frm_first\">\r\n\t<div class=\"frm_submit frm_flex\">\r\n<button class=\"frm_button_submit\" type=\"submit\"  >Envoyer le message<\/button>\r\n\r\n\r\n\r\n<\/div>\r\n<\/div>\n\t<input type=\"hidden\" name=\"item_key\" value=\"\" \/>\n\t\t\t<div id=\"frm_field_33_container\">\n\t\t\t<label for=\"field_j6ru\" >\n\t\t\t\tSi vous \u00eates un humain, ne remplissez pas ce champ.\t\t\t<\/label>\n\t\t\t<input  id=\"field_j6ru\" type=\"text\" class=\"frm_form_field form-field frm_verify\" name=\"item_meta[33]\" value=\"\"  \/>\n\t\t<\/div>\n\t\t<input name=\"frm_state\" type=\"hidden\" value=\"lSVwq+JKGVHC5mtlxbcqSsP2yjadJXSSrBxfOojy3dg=\" \/><\/div>\n<\/fieldset>\n<\/div>\n\n<\/form>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column has-background is-layout-flow wp-block-column-is-layout-flow\" style=\"background-color:#0a1920;flex-basis:33.33%\">\n<hr class=\"wp-block-separator has-text-color has-cyan-bluish-gray-color has-alpha-channel-opacity has-cyan-bluish-gray-background-color has-background\"\/>\n\n\n\n<h2 class=\"wp-block-heading has-text-color has-link-color has-small-font-size wp-elements-2\" style=\"color:#299464\">Zone d'\u00e9tude<\/h2>\n\n\n\n<p class=\"has-cyan-bluish-gray-color has-text-color has-link-color wp-elements-3 wp-block-paragraph\">Complexe Mono-Couffo-Ah\u00e9m\u00e9, Sud-B\u00e9nin communes riveraines du lac Ah\u00e9m\u00e9 et de la Bouche du Roy.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-cyan-bluish-gray-color has-alpha-channel-opacity has-cyan-bluish-gray-background-color has-background is-style-default has-custom-css wp-custom-css-dc29c8c7\"\/>\n\n\n\n<h2 class=\"wp-block-heading has-text-color has-link-color has-small-font-size wp-elements-4\" style=\"color:#299464\">E-mail<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"mailto:info@omac-benin.com\">info@omac-benin.com<\/a><\/p>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-cyan-bluish-gray-color has-alpha-channel-opacity has-cyan-bluish-gray-background-color has-background\"\/>\n\n\n\n<h2 class=\"wp-block-heading has-text-color has-link-color has-small-font-size wp-elements-5\" style=\"color:#299464\">Partenaires cit\u00e9s dans les campagnes<\/h2>\n\n\n\n<p class=\"has-cyan-bluish-gray-color has-text-color has-link-color wp-elements-6 wp-block-paragraph\">ECO-B\u00e9nin \u00b7 CHEC Enterprise<\/p>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Aller au contenu R\u00e9seau d&rsquo;observation hydro-m\u00e9t\u00e9o-marin \u2014 mise \u00e0 jour continue L&rsquo;observatoire du complexeMono-Couffo-Ah\u00e9m\u00e9 Deux bassins versants, une mosa\u00efque de lagunes, mangroves et estrans, et plus de 1,2 million d&rsquo;habitants qui en vivent. OMAC-B\u00e9nin mesure, comprend et accompagne ce territoire d&rsquo;eau depuis le terrain. Voir les r\u00e9sultats phares Nous contacter 02 Bassins versants 99km de [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-340","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/omac-benin.com\/index.php\/wp-json\/wp\/v2\/pages\/340","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/omac-benin.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/omac-benin.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/omac-benin.com\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/omac-benin.com\/index.php\/wp-json\/wp\/v2\/comments?post=340"}],"version-history":[{"count":50,"href":"https:\/\/omac-benin.com\/index.php\/wp-json\/wp\/v2\/pages\/340\/revisions"}],"predecessor-version":[{"id":448,"href":"https:\/\/omac-benin.com\/index.php\/wp-json\/wp\/v2\/pages\/340\/revisions\/448"}],"wp:attachment":[{"href":"https:\/\/omac-benin.com\/index.php\/wp-json\/wp\/v2\/media?parent=340"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}