{"id":105,"date":"2025-10-23T11:58:53","date_gmt":"2025-10-23T11:58:53","guid":{"rendered":"https:\/\/atb.bf\/atb-v2\/?page_id=105"},"modified":"2026-07-12T16:52:35","modified_gmt":"2026-07-12T14:52:35","slug":"actualite","status":"publish","type":"page","link":"https:\/\/atb.bf\/atb-v2\/actualite\/","title":{"rendered":"ACTUALIT\u00c9S"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"105\" class=\"elementor elementor-105\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5d9ff5b e-con e-atomic-element e-flexbox-base e-392e3ca \" data-id=\"5d9ff5b\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"5d9ff5b\" data-e-type=\"e-flexbox\" data-id=\"5d9ff5b\">\n    \t\t<div class=\"elementor-element elementor-element-27c4bfc elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"27c4bfc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================\n     ATB \u2014 PAGE ACTUALIT\u00c9S\n     SECTION 01 : HERO IMMERSIF\n========================================== -->\n\n<section class=\"atb-news-hero\" id=\"actualites\">\n    <div class=\"atb-news-hero__media\" aria-hidden=\"true\"><\/div>\n    <div class=\"atb-news-hero__overlay\" aria-hidden=\"true\"><\/div>\n    <div class=\"atb-news-hero__texture\" aria-hidden=\"true\"><\/div>\n\n    <div class=\"atb-news-hero__container\">\n\n        <div class=\"atb-news-hero__content\">\n\n            <div class=\"atb-news-hero__eyebrow atb-news-reveal\">\n                <span class=\"atb-news-hero__eyebrow-line\"><\/span>\n                <span>Actualit\u00e9s de l\u2019ATB<\/span>\n            <\/div>\n\n            <h1 class=\"atb-news-hero__title atb-news-reveal\">\n                La vie de l\u2019ATB,\n                <span>au rythme de la cr\u00e9ation.<\/span>\n            <\/h1>\n\n            <p class=\"atb-news-hero__description atb-news-reveal\">\n                Spectacles, \u00e9v\u00e9nements, cr\u00e9ations, formations, annonces et\n                coulisses : d\u00e9couvrez toute l\u2019actualit\u00e9 de l\u2019Atelier Th\u00e9\u00e2tre\n                Burkinab\u00e8 et suivez une institution culturelle en mouvement.\n            <\/p>\n\n            <div class=\"atb-news-hero__actions atb-news-reveal\">\n\n                <a href=\"#dernieres-actualites\"\n                   class=\"atb-news-btn atb-news-btn--gold\">\n                    <span>D\u00e9couvrir nos actualit\u00e9s<\/span>\n\n                    <svg viewBox=\"0 0 24 24\"\n                         aria-hidden=\"true\">\n                        <path d=\"M5 12h14M13 6l6 6-6 6\"\/>\n                    <\/svg>\n                <\/a>\n\n                <a href=\"\/agenda-culturel\/\"\n                   class=\"atb-news-btn atb-news-btn--outline\">\n                    <span>Voir les \u00e9v\u00e9nements<\/span>\n\n                    <svg viewBox=\"0 0 24 24\"\n                         aria-hidden=\"true\">\n                        <path d=\"M5 12h14M13 6l6 6-6 6\"\/>\n                    <\/svg>\n                <\/a>\n\n            <\/div>\n\n        <\/div>\n\n        <div class=\"atb-news-hero__aside atb-news-reveal\">\n\n            <div class=\"atb-news-hero__aside-line\"><\/div>\n\n            <div class=\"atb-news-hero__aside-content\">\n                <span class=\"atb-news-hero__aside-label\">\n                    Le m\u00e9dia culturel de l\u2019ATB\n                <\/span>\n\n                <p>\n                    La sc\u00e8ne, les projets, les artistes et les actions de terrain,\n                    racont\u00e9s au fil de la saison.\n                <\/p>\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n    <a href=\"#actualite-une\"\n       class=\"atb-news-hero__scroll\"\n       aria-label=\"Faire d\u00e9filer vers la section suivante\">\n\n        <span class=\"atb-news-hero__scroll-text\">\n            D\u00e9filer\n        <\/span>\n\n        <span class=\"atb-news-hero__scroll-line\"><\/span>\n\n        <svg viewBox=\"0 0 24 24\"\n             aria-hidden=\"true\">\n            <path d=\"M12 5v14M6 13l6 6 6-6\"\/>\n        <\/svg>\n    <\/a>\n\n    <div class=\"atb-news-hero__signature\" aria-hidden=\"true\">\n        ATB\n    <\/div>\n<\/section>\n\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Archivo:wght@400;500;600;700&family=Fraunces:opsz,wght@9..144,500;9..144,600;9..144,700&display=swap');\n\n\/* =========================================\n   VARIABLES LOCALES\n========================================= *\/\n\n.atb-news-hero {\n    --atb-bordeaux: #60052D;\n    --atb-bordeaux-dark: #320018;\n    --atb-gold: #CC9933;\n    --atb-cream: #F7F1E7;\n    --atb-white: #FFFFFF;\n    --atb-text-light: rgba(255, 255, 255, 0.84);\n\n    position: relative;\n    isolation: isolate;\n    min-height: clamp(690px, 92vh, 980px);\n    width: 100%;\n    display: flex;\n    align-items: center;\n    overflow: hidden;\n    background: var(--atb-bordeaux-dark);\n    color: var(--atb-white);\n    font-family: \"Archivo\", sans-serif;\n}\n\n\/* =========================================\n   IMAGE DE FOND\n   Remplace l\u2019URL ci-dessous par la photo ATB\n========================================= *\/\n\n.atb-news-hero__media {\n    position: absolute;\n    inset: 0;\n    z-index: -5;\n\n    background-image:\n        url(\"http:\/\/atb.bf\/atb-v2\/wp-content\/uploads\/2026\/07\/496254009_2894000690776430_5070873447038579215_n.jpg\");\n\n    background-position: center 42%;\n    background-size: cover;\n    background-repeat: no-repeat;\n\n    transform: scale(1.06);\n    animation: atbNewsHeroZoom 18s ease-out forwards;\n}\n\n\/* Superposition sombre *\/\n\n.atb-news-hero__overlay {\n    position: absolute;\n    inset: 0;\n    z-index: -4;\n\n    background:\n        linear-gradient(\n            90deg,\n            rgba(31, 0, 15, 0.97) 0%,\n            rgba(50, 0, 24, 0.88) 36%,\n            rgba(50, 0, 24, 0.44) 68%,\n            rgba(19, 0, 9, 0.6) 100%\n        ),\n        linear-gradient(\n            180deg,\n            rgba(0, 0, 0, 0.22) 0%,\n            rgba(0, 0, 0, 0.04) 50%,\n            rgba(0, 0, 0, 0.72) 100%\n        );\n}\n\n\/* Texture l\u00e9g\u00e8re *\/\n\n.atb-news-hero__texture {\n    position: absolute;\n    inset: 0;\n    z-index: -3;\n    pointer-events: none;\n\n    opacity: 0.08;\n\n    background-image:\n        radial-gradient(\n            circle at 20% 20%,\n            rgba(255,255,255,0.8) 0 1px,\n            transparent 1px\n        );\n\n    background-size: 5px 5px;\n    mix-blend-mode: soft-light;\n}\n\n\/* =========================================\n   CONTENEUR\n========================================= *\/\n\n.atb-news-hero__container {\n    width: min(1240px, calc(100% - 48px));\n    margin: 0 auto;\n    padding: 150px 0 120px;\n\n    display: grid;\n    grid-template-columns: minmax(0, 1fr) 280px;\n    gap: clamp(48px, 8vw, 120px);\n    align-items: end;\n}\n\n.atb-news-hero__content {\n    max-width: 820px;\n}\n\n\/* =========================================\n   PETIT TITRE\n========================================= *\/\n\n.atb-news-hero__eyebrow {\n    display: inline-flex;\n    align-items: center;\n    gap: 14px;\n\n    margin-bottom: 28px;\n\n    color: var(--atb-gold);\n    font-size: 12px;\n    line-height: 1.4;\n    font-weight: 700;\n    letter-spacing: 0.18em;\n    text-transform: uppercase;\n}\n\n.atb-news-hero__eyebrow-line {\n    width: 42px;\n    height: 1px;\n    display: block;\n    background: var(--atb-gold);\n}\n\n\/* =========================================\n   TITRE\n========================================= *\/\n\n.atb-news-hero__title {\n    max-width: 850px;\n    margin: 0;\n\n    font-family: \"Fraunces\", serif;\n    font-size: clamp(56px, 7.4vw, 112px);\n    font-weight: 600;\n    line-height: 0.96;\n    letter-spacing: -0.045em;\n    color: var(--atb-white);\n}\n\n.atb-news-hero__title span {\n    display: block;\n    color: var(--atb-gold);\n    font-style: italic;\n}\n\n\/* =========================================\n   DESCRIPTION\n========================================= *\/\n\n.atb-news-hero__description {\n    max-width: 680px;\n    margin: 34px 0 0;\n\n    font-size: clamp(16px, 1.4vw, 19px);\n    line-height: 1.75;\n    font-weight: 400;\n    color: var(--atb-text-light);\n}\n\n\/* =========================================\n   BOUTONS\n========================================= *\/\n\n.atb-news-hero__actions {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 16px;\n\n    margin-top: 42px;\n}\n\n.atb-news-btn {\n    position: relative;\n    overflow: hidden;\n\n    min-height: 56px;\n    padding: 16px 24px;\n\n    display: inline-flex;\n    justify-content: center;\n    align-items: center;\n    gap: 14px;\n\n    border-radius: 999px;\n\n    font-family: \"Archivo\", sans-serif;\n    font-size: 14px;\n    font-weight: 700;\n    line-height: 1;\n    text-decoration: none !important;\n\n    transition:\n        transform 0.35s ease,\n        background-color 0.35s ease,\n        color 0.35s ease,\n        border-color 0.35s ease,\n        box-shadow 0.35s ease;\n}\n\n.atb-news-btn svg {\n    width: 19px;\n    height: 19px;\n    flex: 0 0 19px;\n\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 1.8;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n\n    transition: transform 0.35s ease;\n}\n\n.atb-news-btn:hover {\n    transform: translateY(-3px);\n}\n\n.atb-news-btn:hover svg {\n    transform: translateX(4px);\n}\n\n.atb-news-btn--gold {\n    color: var(--atb-bordeaux-dark) !important;\n    background: var(--atb-gold);\n    border: 1px solid var(--atb-gold);\n\n    box-shadow: 0 14px 34px rgba(204, 153, 51, 0.22);\n}\n\n.atb-news-btn--gold:hover {\n    color: var(--atb-bordeaux-dark) !important;\n    background: #D8AD57;\n    border-color: #D8AD57;\n\n    box-shadow: 0 18px 42px rgba(204, 153, 51, 0.32);\n}\n\n.atb-news-btn--outline {\n    color: var(--atb-white) !important;\n    background: rgba(255, 255, 255, 0.05);\n    border: 1px solid rgba(255, 255, 255, 0.34);\n    backdrop-filter: blur(10px);\n    -webkit-backdrop-filter: blur(10px);\n}\n\n.atb-news-btn--outline:hover {\n    color: var(--atb-white) !important;\n    background: rgba(255, 255, 255, 0.13);\n    border-color: rgba(255, 255, 255, 0.7);\n}\n\n\/* =========================================\n   BLOC LAT\u00c9RAL\n========================================= *\/\n\n.atb-news-hero__aside {\n    position: relative;\n\n    display: grid;\n    grid-template-columns: 1px 1fr;\n    gap: 24px;\n    align-items: stretch;\n\n    padding-bottom: 16px;\n}\n\n.atb-news-hero__aside-line {\n    width: 1px;\n    min-height: 118px;\n    background:\n        linear-gradient(\n            to bottom,\n            var(--atb-gold),\n            rgba(204, 153, 51, 0.08)\n        );\n}\n\n.atb-news-hero__aside-content {\n    align-self: end;\n}\n\n.atb-news-hero__aside-label {\n    display: block;\n    margin-bottom: 12px;\n\n    color: var(--atb-gold);\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.13em;\n    text-transform: uppercase;\n}\n\n.atb-news-hero__aside-content p {\n    margin: 0;\n\n    color: rgba(255, 255, 255, 0.72);\n    font-size: 14px;\n    line-height: 1.7;\n}\n\n\/* =========================================\n   SCROLL INDICATOR\n========================================= *\/\n\n.atb-news-hero__scroll {\n    position: absolute;\n    left: max(24px, calc((100% - 1240px) \/ 2));\n    bottom: 30px;\n\n    display: inline-flex;\n    align-items: center;\n    gap: 12px;\n\n    color: rgba(255, 255, 255, 0.65) !important;\n    text-decoration: none !important;\n\n    transition: color 0.3s ease;\n}\n\n.atb-news-hero__scroll:hover {\n    color: var(--atb-gold) !important;\n}\n\n.atb-news-hero__scroll-text {\n    font-size: 10px;\n    line-height: 1;\n    font-weight: 700;\n    letter-spacing: 0.16em;\n    text-transform: uppercase;\n}\n\n.atb-news-hero__scroll-line {\n    width: 42px;\n    height: 1px;\n    background: currentColor;\n}\n\n.atb-news-hero__scroll svg {\n    width: 18px;\n    height: 18px;\n\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 1.6;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n\n    animation: atbNewsArrowMove 1.8s ease-in-out infinite;\n}\n\n\/* =========================================\n   SIGNATURE VISUELLE\n========================================= *\/\n\n.atb-news-hero__signature {\n    position: absolute;\n    right: -18px;\n    bottom: -46px;\n\n    font-family: \"Fraunces\", serif;\n    font-size: clamp(160px, 23vw, 380px);\n    font-weight: 700;\n    line-height: 1;\n\n    color: rgba(255, 255, 255, 0.028);\n    letter-spacing: -0.08em;\n\n    pointer-events: none;\n    user-select: none;\n}\n\n\/* =========================================\n   ANIMATIONS\n========================================= *\/\n\n.atb-news-reveal {\n    opacity: 0;\n    transform: translateY(28px);\n\n    transition:\n        opacity 0.85s cubic-bezier(.2,.7,.2,1),\n        transform 0.85s cubic-bezier(.2,.7,.2,1);\n}\n\n.atb-news-reveal.is-visible {\n    opacity: 1;\n    transform: translateY(0);\n}\n\n.atb-news-hero__eyebrow.is-visible {\n    transition-delay: 0.1s;\n}\n\n.atb-news-hero__title.is-visible {\n    transition-delay: 0.22s;\n}\n\n.atb-news-hero__description.is-visible {\n    transition-delay: 0.36s;\n}\n\n.atb-news-hero__actions.is-visible {\n    transition-delay: 0.48s;\n}\n\n.atb-news-hero__aside.is-visible {\n    transition-delay: 0.62s;\n}\n\n@keyframes atbNewsHeroZoom {\n    from {\n        transform: scale(1.09);\n    }\n\n    to {\n        transform: scale(1.02);\n    }\n}\n\n@keyframes atbNewsArrowMove {\n    0%,\n    100% {\n        transform: translateY(0);\n    }\n\n    50% {\n        transform: translateY(5px);\n    }\n}\n\n\/* =========================================\n   TABLETTE\n========================================= *\/\n\n@media (max-width: 1024px) {\n\n    .atb-news-hero {\n        min-height: 820px;\n    }\n\n    .atb-news-hero__container {\n        width: min(100% - 40px, 920px);\n        grid-template-columns: 1fr;\n        gap: 50px;\n        padding: 140px 0 125px;\n    }\n\n    .atb-news-hero__content {\n        max-width: 760px;\n    }\n\n    .atb-news-hero__aside {\n        max-width: 420px;\n        grid-template-columns: 52px 1fr;\n        gap: 18px;\n    }\n\n    .atb-news-hero__aside-line {\n        width: 52px;\n        height: 1px;\n        min-height: 1px;\n        align-self: start;\n        margin-top: 8px;\n\n        background:\n            linear-gradient(\n                to right,\n                var(--atb-gold),\n                rgba(204, 153, 51, 0.08)\n            );\n    }\n\n    .atb-news-hero__scroll {\n        left: 20px;\n    }\n}\n\n\/* =========================================\n   MOBILE\n========================================= *\/\n\n@media (max-width: 767px) {\n\n    .atb-news-hero {\n        min-height: 760px;\n        align-items: flex-end;\n    }\n\n    .atb-news-hero__media {\n        background-position: 62% center;\n    }\n\n    .atb-news-hero__overlay {\n        background:\n            linear-gradient(\n                180deg,\n                rgba(32, 0, 15, 0.4) 0%,\n                rgba(44, 0, 21, 0.7) 38%,\n                rgba(31, 0, 15, 0.98) 100%\n            );\n    }\n\n    .atb-news-hero__container {\n        width: calc(100% - 32px);\n        gap: 34px;\n        padding: 150px 0 104px;\n    }\n\n    .atb-news-hero__eyebrow {\n        margin-bottom: 21px;\n        font-size: 10px;\n        letter-spacing: 0.15em;\n    }\n\n    .atb-news-hero__eyebrow-line {\n        width: 30px;\n    }\n\n    .atb-news-hero__title {\n        font-size: clamp(43px, 13vw, 62px);\n        line-height: 0.98;\n    }\n\n    .atb-news-hero__description {\n        margin-top: 25px;\n        font-size: 15px;\n        line-height: 1.7;\n    }\n\n    .atb-news-hero__actions {\n        flex-direction: column;\n        align-items: stretch;\n        margin-top: 32px;\n    }\n\n    .atb-news-btn {\n        width: 100%;\n        min-height: 54px;\n    }\n\n    .atb-news-hero__aside {\n        display: none;\n    }\n\n    .atb-news-hero__scroll {\n        left: 16px;\n        bottom: 24px;\n    }\n\n    .atb-news-hero__scroll-text,\n    .atb-news-hero__scroll-line {\n        display: none;\n    }\n\n    .atb-news-hero__signature {\n        right: -12px;\n        bottom: -20px;\n        font-size: 150px;\n    }\n}\n\n\/* =========================================\n   PETITS MOBILES\n========================================= *\/\n\n@media (max-width: 420px) {\n\n    .atb-news-hero {\n        min-height: 730px;\n    }\n\n    .atb-news-hero__container {\n        padding-top: 130px;\n    }\n\n    .atb-news-hero__title {\n        font-size: 42px;\n    }\n}\n\n\/* =========================================\n   ACCESSIBILIT\u00c9\n========================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n    .atb-news-hero__media,\n    .atb-news-hero__scroll svg {\n        animation: none;\n    }\n\n    .atb-news-reveal {\n        opacity: 1;\n        transform: none;\n        transition: none;\n    }\n}\n<\/style>\n\n<script>\n(function () {\n\n    const hero = document.querySelector('.atb-news-hero');\n\n    if (!hero) return;\n\n    const revealElements = hero.querySelectorAll('.atb-news-reveal');\n\n    window.requestAnimationFrame(function () {\n\n        revealElements.forEach(function (element) {\n            element.classList.add('is-visible');\n        });\n\n    });\n\n    const scrollLinks = hero.querySelectorAll('a[href^=\"#\"]');\n\n    scrollLinks.forEach(function (link) {\n\n        link.addEventListener('click', function (event) {\n\n            const targetId = link.getAttribute('href');\n\n            if (!targetId || targetId === '#') return;\n\n            const target = document.querySelector(targetId);\n\n            if (!target) return;\n\n            event.preventDefault();\n\n            target.scrollIntoView({\n                behavior: 'smooth',\n                block: 'start'\n            });\n\n        });\n\n    });\n\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-110b721 e-con e-atomic-element e-flexbox-base e-7d42d66 \" data-id=\"110b721\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"110b721\" data-e-type=\"e-flexbox\" data-id=\"110b721\">\n    \t\t<div class=\"elementor-element elementor-element-34a193b elementor-widget elementor-widget-html\" data-id=\"34a193b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================\n     ATB \u2014 PAGE ACTUALIT\u00c9S\n     SECTION 02 : ACTUALIT\u00c9 \u00c0 LA UNE\n========================================== -->\n\n<section class=\"atb-news-featured\" id=\"actualite-une\">\n\n    <div class=\"atb-news-featured__decor atb-news-featured__decor--one\"><\/div>\n    <div class=\"atb-news-featured__decor atb-news-featured__decor--two\"><\/div>\n\n    <div class=\"atb-news-featured__container\">\n\n        <!-- EN-T\u00caTE -->\n        <div class=\"atb-news-featured__heading atb-featured-reveal\">\n\n            <div>\n                <div class=\"atb-news-featured__eyebrow\">\n                    <span><\/span>\n                    Le temps fort du moment\n                <\/div>\n\n                <h2>\n                    Actualit\u00e9\n                    <em>\u00e0 la Une<\/em>\n                <\/h2>\n            <\/div>\n\n            <p>\n                D\u00e9couvrez l\u2019\u00e9v\u00e9nement, le projet ou la cr\u00e9ation qui marque\n                actuellement la vie de l\u2019Atelier Th\u00e9\u00e2tre Burkinab\u00e8.\n            <\/p>\n\n        <\/div>\n\n        <!-- CARTE PRINCIPALE -->\n        <article class=\"atb-news-featured__card atb-featured-reveal\">\n\n            <!-- IMAGE -->\n            <div class=\"atb-news-featured__visual\">\n\n                <img decoding=\"async\"\n                    src=\"http:\/\/atb.bf\/atb-v2\/wp-content\/uploads\/2026\/07\/capo-2026.jpg\"\n                    alt=\"Actualit\u00e9 \u00e0 la Une de l\u2019Atelier Th\u00e9\u00e2tre Burkinab\u00e8\"\n                    loading=\"lazy\"\n                >\n\n                <div class=\"atb-news-featured__image-overlay\"><\/div>\n\n                <div class=\"atb-news-featured__image-label\">\n                    \u00c0 la Une\n                <\/div>\n\n                <div class=\"atb-news-featured__image-number\" aria-hidden=\"true\">\n                    01\n                <\/div>\n\n            <\/div>\n\n            <!-- CONTENU -->\n            <div class=\"atb-news-featured__content\">\n\n                <div class=\"atb-news-featured__meta\">\n\n                    <span class=\"atb-news-featured__category\">\n                        \u00c9v\u00e9nement\n                    <\/span>\n\n                    <span class=\"atb-news-featured__separator\"><\/span>\n\n                    <time datetime=\"2026-07-01\">\n                        Juillet 2026\n                    <\/time>\n\n                <\/div>\n\n                <h3>\n                    CAPO 2026 : la jeunesse monte sur sc\u00e8ne\n                <\/h3>\n\n                <p class=\"atb-news-featured__excerpt\">\n                    Le Concours Artistique du Primaire de Ouagadougou revient\n                    pour une nouvelle \u00e9dition plac\u00e9e sous le signe de la cr\u00e9ativit\u00e9,\n                    de l\u2019expression citoyenne et de la transmission culturelle.\n                <\/p>\n\n                <div class=\"atb-news-featured__infos\">\n\n                    <div class=\"atb-news-featured__info\">\n\n                        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                            <circle cx=\"12\" cy=\"12\" r=\"9\"><\/circle>\n                            <path d=\"M12 7v5l3 2\"><\/path>\n                        <\/svg>\n\n                        <span>5 min de lecture<\/span>\n\n                    <\/div>\n\n                    <div class=\"atb-news-featured__info\">\n\n                        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                            <path d=\"M12 21s7-4.5 7-11a7 7 0 1 0-14 0c0 6.5 7 11 7 11z\"><\/path>\n                            <circle cx=\"12\" cy=\"10\" r=\"2\"><\/circle>\n                        <\/svg>\n\n                        <span>Espace ATB, Ouagadougou<\/span>\n\n                    <\/div>\n\n                <\/div>\n\n                <div class=\"atb-news-featured__footer\">\n\n                    <a href=\"#\"\n                       class=\"atb-news-featured__button\">\n\n                        <span>Lire l\u2019article<\/span>\n\n                        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                            <path d=\"M5 12h14M13 6l6 6-6 6\"><\/path>\n                        <\/svg>\n\n                    <\/a>\n\n                    <div class=\"atb-news-featured__share\">\n\n                        <span>Partager<\/span>\n\n                        <a href=\"#\"\n                           aria-label=\"Partager sur Facebook\"\n                           class=\"atb-news-featured__social\">\n\n                            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                                <path d=\"M14 8h3V4h-3c-3 0-5 2-5 5v3H6v4h3v5h4v-5h3l1-4h-4V9c0-.7.3-1 1-1z\"><\/path>\n                            <\/svg>\n\n                        <\/a>\n\n                        <a href=\"#\"\n                           aria-label=\"Partager sur WhatsApp\"\n                           class=\"atb-news-featured__social\">\n\n                            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                                <path d=\"M20 11.5a8 8 0 0 1-11.8 7L4 20l1.4-4A8 8 0 1 1 20 11.5z\"><\/path>\n                                <path d=\"M9 8.8c.4 2.2 2 3.8 4.2 4.4\"><\/path>\n                                <path d=\"M8.5 8.5l1.2 2-1 1\"><\/path>\n                                <path d=\"M13.5 13l2 .8.5-1.2\"><\/path>\n                            <\/svg>\n\n                        <\/a>\n\n                        <a href=\"#\"\n                           aria-label=\"Partager sur LinkedIn\"\n                           class=\"atb-news-featured__social\">\n\n                            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                                <rect x=\"4\" y=\"9\" width=\"4\" height=\"11\"><\/rect>\n                                <path d=\"M6 4.5a2 2 0 1 0 0 4 2 2 0 0 0 0-4z\"><\/path>\n                                <path d=\"M12 20v-6c0-2 1-3 2.5-3s2.5 1 2.5 3v6\"><\/path>\n                                <path d=\"M12 9v11\"><\/path>\n                            <\/svg>\n\n                        <\/a>\n\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n        <\/article>\n\n    <\/div>\n\n<\/section>\n\n<style>\n\/* =========================================\n   SECTION\n========================================= *\/\n\n.atb-news-featured {\n    --atb-bordeaux: #60052D;\n    --atb-bordeaux-dark: #3A001B;\n    --atb-gold: #CC9933;\n    --atb-gold-light: #E2BC69;\n    --atb-cream: #F7F1E7;\n    --atb-cream-light: #FCF9F4;\n    --atb-text: #2F262A;\n    --atb-muted: #756A6F;\n    --atb-white: #FFFFFF;\n\n    position: relative;\n    overflow: hidden;\n    isolation: isolate;\n\n    padding: clamp(90px, 10vw, 150px) 0;\n\n    background:\n        linear-gradient(\n            180deg,\n            var(--atb-cream-light) 0%,\n            var(--atb-cream) 100%\n        );\n\n    font-family: \"Archivo\", sans-serif;\n}\n\n.atb-news-featured *,\n.atb-news-featured *::before,\n.atb-news-featured *::after {\n    box-sizing: border-box;\n}\n\n\/* =========================================\n   D\u00c9CORATIONS\n========================================= *\/\n\n.atb-news-featured__decor {\n    position: absolute;\n    border-radius: 50%;\n    pointer-events: none;\n    z-index: -1;\n}\n\n.atb-news-featured__decor--one {\n    width: 420px;\n    height: 420px;\n    right: -220px;\n    top: 40px;\n\n    border: 1px solid rgba(204, 153, 51, 0.2);\n}\n\n.atb-news-featured__decor--two {\n    width: 260px;\n    height: 260px;\n    left: -150px;\n    bottom: 40px;\n\n    background:\n        radial-gradient(\n            circle,\n            rgba(96, 5, 45, 0.05),\n            transparent 68%\n        );\n}\n\n\/* =========================================\n   CONTENEUR\n========================================= *\/\n\n.atb-news-featured__container {\n    width: min(1240px, calc(100% - 48px));\n    margin: 0 auto;\n}\n\n\/* =========================================\n   EN-T\u00caTE\n========================================= *\/\n\n.atb-news-featured__heading {\n    margin-bottom: clamp(44px, 6vw, 76px);\n\n    display: grid;\n    grid-template-columns: minmax(0, 1.1fr) minmax(280px, 0.65fr);\n    gap: clamp(35px, 7vw, 100px);\n    align-items: end;\n}\n\n.atb-news-featured__eyebrow {\n    display: flex;\n    align-items: center;\n    gap: 14px;\n\n    margin-bottom: 18px;\n\n    color: var(--atb-bordeaux);\n    font-size: 11px;\n    font-weight: 700;\n    line-height: 1.4;\n    letter-spacing: 0.16em;\n    text-transform: uppercase;\n}\n\n.atb-news-featured__eyebrow span {\n    width: 42px;\n    height: 1px;\n    display: block;\n    background: var(--atb-gold);\n}\n\n.atb-news-featured__heading h2 {\n    margin: 0;\n\n    font-family: \"Fraunces\", serif;\n    font-size: clamp(46px, 6vw, 86px);\n    line-height: 0.98;\n    font-weight: 600;\n    letter-spacing: -0.045em;\n\n    color: var(--atb-bordeaux-dark);\n}\n\n.atb-news-featured__heading h2 em {\n    display: block;\n    color: var(--atb-gold);\n    font-weight: 500;\n}\n\n.atb-news-featured__heading > p {\n    max-width: 470px;\n    margin: 0;\n\n    color: var(--atb-muted);\n    font-size: 16px;\n    line-height: 1.75;\n}\n\n\/* =========================================\n   CARTE\n========================================= *\/\n\n.atb-news-featured__card {\n    display: grid;\n    grid-template-columns: minmax(0, 1.15fr) minmax(390px, 0.85fr);\n\n    min-height: 610px;\n\n    overflow: hidden;\n    border-radius: 28px;\n\n    background: var(--atb-white);\n\n    box-shadow:\n        0 28px 80px rgba(55, 16, 34, 0.12);\n}\n\n\/* =========================================\n   IMAGE\n========================================= *\/\n\n.atb-news-featured__visual {\n    position: relative;\n    min-height: 610px;\n    overflow: hidden;\n}\n\n.atb-news-featured__visual img {\n    width: 100%;\n    height: 100%;\n    min-height: 610px;\n\n    display: block;\n    object-fit: cover;\n    object-position: center;\n\n    transition: transform 1s cubic-bezier(.2,.7,.2,1);\n}\n\n.atb-news-featured__card:hover\n.atb-news-featured__visual img {\n    transform: scale(1.045);\n}\n\n.atb-news-featured__image-overlay {\n    position: absolute;\n    inset: 0;\n\n    background:\n        linear-gradient(\n            180deg,\n            rgba(30, 0, 14, 0.04) 20%,\n            rgba(30, 0, 14, 0.66) 100%\n        );\n}\n\n.atb-news-featured__image-label {\n    position: absolute;\n    left: 30px;\n    top: 30px;\n\n    padding: 11px 16px;\n\n    border-radius: 999px;\n\n    background: var(--atb-gold);\n    color: var(--atb-bordeaux-dark);\n\n    font-size: 10px;\n    font-weight: 800;\n    letter-spacing: 0.14em;\n    text-transform: uppercase;\n\n    box-shadow:\n        0 12px 30px rgba(0, 0, 0, 0.16);\n}\n\n.atb-news-featured__image-number {\n    position: absolute;\n    right: 24px;\n    bottom: 10px;\n\n    color: rgba(255, 255, 255, 0.16);\n\n    font-family: \"Fraunces\", serif;\n    font-size: clamp(90px, 10vw, 150px);\n    font-weight: 700;\n    line-height: 1;\n}\n\n\/* =========================================\n   CONTENU\n========================================= *\/\n\n.atb-news-featured__content {\n    position: relative;\n\n    padding:\n        clamp(42px, 5vw, 72px)\n        clamp(36px, 5vw, 68px);\n\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n}\n\n\/* Petite ligne d\u00e9corative *\/\n\n.atb-news-featured__content::before {\n    content: \"\";\n    position: absolute;\n    left: 0;\n    top: 70px;\n\n    width: 4px;\n    height: 92px;\n\n    border-radius: 0 5px 5px 0;\n\n    background:\n        linear-gradient(\n            to bottom,\n            var(--atb-gold),\n            var(--atb-bordeaux)\n        );\n}\n\n\/* =========================================\n   M\u00c9TADONN\u00c9ES\n========================================= *\/\n\n.atb-news-featured__meta {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 13px;\n\n    margin-bottom: 24px;\n\n    color: var(--atb-muted);\n\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.11em;\n    text-transform: uppercase;\n}\n\n.atb-news-featured__category {\n    color: var(--atb-bordeaux);\n}\n\n.atb-news-featured__separator {\n    width: 4px;\n    height: 4px;\n\n    border-radius: 50%;\n    background: var(--atb-gold);\n}\n\n\/* =========================================\n   TITRE ET TEXTE\n========================================= *\/\n\n.atb-news-featured__content h3 {\n    margin: 0;\n\n    font-family: \"Fraunces\", serif;\n    font-size: clamp(35px, 4vw, 58px);\n    line-height: 1.06;\n    font-weight: 600;\n    letter-spacing: -0.035em;\n\n    color: var(--atb-bordeaux-dark);\n}\n\n.atb-news-featured__excerpt {\n    margin: 28px 0 0;\n\n    color: var(--atb-muted);\n\n    font-size: 16px;\n    line-height: 1.78;\n}\n\n\/* =========================================\n   INFOS\n========================================= *\/\n\n.atb-news-featured__infos {\n    margin-top: 30px;\n\n    display: flex;\n    flex-wrap: wrap;\n    gap: 12px 24px;\n}\n\n.atb-news-featured__info {\n    display: inline-flex;\n    align-items: center;\n    gap: 9px;\n\n    color: #786D72;\n\n    font-size: 12px;\n    font-weight: 600;\n}\n\n.atb-news-featured__info svg {\n    width: 18px;\n    height: 18px;\n\n    fill: none;\n    stroke: var(--atb-gold);\n    stroke-width: 1.7;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n}\n\n\/* =========================================\n   BAS DE CARTE\n========================================= *\/\n\n.atb-news-featured__footer {\n    margin-top: 38px;\n    padding-top: 30px;\n\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 24px;\n\n    border-top: 1px solid rgba(96, 5, 45, 0.11);\n}\n\n\/* Bouton *\/\n\n.atb-news-featured__button {\n    min-height: 54px;\n    padding: 15px 22px;\n\n    display: inline-flex;\n    justify-content: center;\n    align-items: center;\n    gap: 13px;\n\n    border-radius: 999px;\n\n    background: var(--atb-bordeaux);\n    color: var(--atb-white) !important;\n\n    font-family: \"Archivo\", sans-serif;\n    font-size: 13px;\n    font-weight: 700;\n    text-decoration: none !important;\n\n    box-shadow:\n        0 15px 34px rgba(96, 5, 45, 0.2);\n\n    transition:\n        transform 0.35s ease,\n        background 0.35s ease,\n        box-shadow 0.35s ease;\n}\n\n.atb-news-featured__button svg {\n    width: 19px;\n    height: 19px;\n\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 1.8;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n\n    transition: transform 0.35s ease;\n}\n\n.atb-news-featured__button:hover {\n    background: var(--atb-bordeaux-dark);\n\n    transform: translateY(-3px);\n\n    box-shadow:\n        0 19px 38px rgba(96, 5, 45, 0.28);\n}\n\n.atb-news-featured__button:hover svg {\n    transform: translateX(4px);\n}\n\n\/* Partage *\/\n\n.atb-news-featured__share {\n    display: flex;\n    align-items: center;\n    gap: 9px;\n}\n\n.atb-news-featured__share > span {\n    margin-right: 3px;\n\n    color: var(--atb-muted);\n\n    font-size: 10px;\n    font-weight: 700;\n    letter-spacing: 0.11em;\n    text-transform: uppercase;\n}\n\n.atb-news-featured__social {\n    width: 36px;\n    height: 36px;\n\n    display: inline-flex;\n    justify-content: center;\n    align-items: center;\n\n    border: 1px solid rgba(96, 5, 45, 0.12);\n    border-radius: 50%;\n\n    color: var(--atb-bordeaux) !important;\n    background: var(--atb-cream-light);\n\n    text-decoration: none !important;\n\n    transition:\n        transform 0.3s ease,\n        background 0.3s ease,\n        color 0.3s ease,\n        border-color 0.3s ease;\n}\n\n.atb-news-featured__social svg {\n    width: 16px;\n    height: 16px;\n\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 1.7;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n}\n\n.atb-news-featured__social:hover {\n    color: var(--atb-white) !important;\n    background: var(--atb-bordeaux);\n    border-color: var(--atb-bordeaux);\n\n    transform: translateY(-3px);\n}\n\n\/* =========================================\n   ANIMATION D\u2019APPARITION\n========================================= *\/\n\n.atb-featured-reveal {\n    opacity: 0;\n    transform: translateY(35px);\n\n    transition:\n        opacity 0.9s cubic-bezier(.2,.7,.2,1),\n        transform 0.9s cubic-bezier(.2,.7,.2,1);\n}\n\n.atb-featured-reveal.is-visible {\n    opacity: 1;\n    transform: translateY(0);\n}\n\n.atb-news-featured__card.is-visible {\n    transition-delay: 0.12s;\n}\n\n\/* =========================================\n   TABLETTE\n========================================= *\/\n\n@media (max-width: 1024px) {\n\n    .atb-news-featured__heading {\n        grid-template-columns: 1fr;\n        gap: 25px;\n    }\n\n    .atb-news-featured__heading > p {\n        max-width: 650px;\n    }\n\n    .atb-news-featured__card {\n        grid-template-columns: 1fr;\n        min-height: auto;\n    }\n\n    .atb-news-featured__visual,\n    .atb-news-featured__visual img {\n        min-height: 520px;\n        max-height: 620px;\n    }\n\n    .atb-news-featured__content {\n        padding: 55px 48px 58px;\n    }\n\n    .atb-news-featured__content::before {\n        top: 58px;\n    }\n}\n\n\/* =========================================\n   MOBILE\n========================================= *\/\n\n@media (max-width: 767px) {\n\n    .atb-news-featured {\n        padding: 82px 0;\n    }\n\n    .atb-news-featured__container {\n        width: calc(100% - 30px);\n    }\n\n    .atb-news-featured__heading {\n        margin-bottom: 38px;\n    }\n\n    .atb-news-featured__heading h2 {\n        font-size: 46px;\n    }\n\n    .atb-news-featured__heading > p {\n        font-size: 15px;\n    }\n\n    .atb-news-featured__card {\n        border-radius: 21px;\n    }\n\n    .atb-news-featured__visual,\n    .atb-news-featured__visual img {\n        min-height: 380px;\n        max-height: 430px;\n    }\n\n    .atb-news-featured__image-label {\n        left: 20px;\n        top: 20px;\n    }\n\n    .atb-news-featured__content {\n        padding: 40px 25px 35px;\n    }\n\n    .atb-news-featured__content::before {\n        width: 3px;\n        height: 65px;\n        top: 42px;\n    }\n\n    .atb-news-featured__content h3 {\n        font-size: 36px;\n    }\n\n    .atb-news-featured__excerpt {\n        margin-top: 22px;\n        font-size: 15px;\n        line-height: 1.72;\n    }\n\n    .atb-news-featured__infos {\n        flex-direction: column;\n        gap: 12px;\n    }\n\n    .atb-news-featured__footer {\n        align-items: stretch;\n        flex-direction: column;\n    }\n\n    .atb-news-featured__button {\n        width: 100%;\n    }\n\n    .atb-news-featured__share {\n        justify-content: center;\n    }\n}\n\n\/* =========================================\n   PETITS MOBILES\n========================================= *\/\n\n@media (max-width: 420px) {\n\n    .atb-news-featured__heading h2 {\n        font-size: 41px;\n    }\n\n    .atb-news-featured__visual,\n    .atb-news-featured__visual img {\n        min-height: 330px;\n    }\n\n    .atb-news-featured__content h3 {\n        font-size: 32px;\n    }\n}\n\n\/* =========================================\n   ACCESSIBILIT\u00c9\n========================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n    .atb-featured-reveal {\n        opacity: 1;\n        transform: none;\n        transition: none;\n    }\n\n    .atb-news-featured__visual img {\n        transition: none;\n    }\n}\n<\/style>\n\n<script>\n(function () {\n\n    const section = document.querySelector('.atb-news-featured');\n\n    if (!section) return;\n\n    const elements = section.querySelectorAll('.atb-featured-reveal');\n\n    if (!('IntersectionObserver' in window)) {\n\n        elements.forEach(function (element) {\n            element.classList.add('is-visible');\n        });\n\n        return;\n    }\n\n    const observer = new IntersectionObserver(function (entries) {\n\n        entries.forEach(function (entry) {\n\n            if (!entry.isIntersecting) return;\n\n            entry.target.classList.add('is-visible');\n            observer.unobserve(entry.target);\n\n        });\n\n    }, {\n        threshold: 0.15\n    });\n\n    elements.forEach(function (element) {\n        observer.observe(element);\n    });\n\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-f8cb5c2 e-con e-atomic-element e-flexbox-base e-1fae9ca \" data-id=\"f8cb5c2\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"f8cb5c2\" data-e-type=\"e-flexbox\" data-id=\"f8cb5c2\">\n    \t\t<div class=\"elementor-element elementor-element-a4248eb elementor-widget elementor-widget-html\" data-id=\"a4248eb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ==================================================\n     ATB \u2014 PAGE ACTUALIT\u00c9S\n     SECTION 03 : DERNI\u00c8RES ACTUALIT\u00c9S DYNAMIQUES\n=================================================== -->\n\n<section class=\"atb-latest-news\" id=\"dernieres-actualites\">\n\n    <div class=\"atb-latest-news__container\">\n\n        <!-- EN-T\u00caTE -->\n        <header class=\"atb-latest-news__header atb-latest-reveal\">\n\n            <div class=\"atb-latest-news__heading\">\n\n                <div class=\"atb-latest-news__eyebrow\">\n                    <span class=\"atb-latest-news__eyebrow-line\"><\/span>\n                    Le journal vivant de l\u2019ATB\n                <\/div>\n\n                <h2>\n                    Les derni\u00e8res\n                    <em>publications<\/em>\n                <\/h2>\n\n            <\/div>\n\n            <div class=\"atb-latest-news__intro\">\n\n                <p>\n                    Retrouvez les spectacles, projets, formations, communiqu\u00e9s\n                    et temps forts qui rythment la vie de l\u2019Atelier Th\u00e9\u00e2tre Burkinab\u00e8.\n                <\/p>\n\n                <a href=\"\/blog\/\" class=\"atb-latest-news__all-link\">\n                    <span>Voir toutes les actualit\u00e9s<\/span>\n\n                    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                        <path d=\"M5 12h14M13 6l6 6-6 6\"><\/path>\n                    <\/svg>\n                <\/a>\n\n            <\/div>\n\n        <\/header>\n\n        <!-- FILTRES -->\n        <div\n            class=\"atb-latest-news__filters atb-latest-reveal\"\n            aria-label=\"Filtrer les actualit\u00e9s\"\n        >\n\n            <button\n                type=\"button\"\n                class=\"atb-latest-news__filter is-active\"\n                data-filter=\"all\"\n            >\n                Toutes\n            <\/button>\n\n            <button\n                type=\"button\"\n                class=\"atb-latest-news__filter\"\n                data-filter=\"spectacles\"\n            >\n                Spectacles\n            <\/button>\n\n            <button\n                type=\"button\"\n                class=\"atb-latest-news__filter\"\n                data-filter=\"evenements\"\n            >\n                \u00c9v\u00e9nements\n            <\/button>\n\n            <button\n                type=\"button\"\n                class=\"atb-latest-news__filter\"\n                data-filter=\"formations\"\n            >\n                Formations\n            <\/button>\n\n            <button\n                type=\"button\"\n                class=\"atb-latest-news__filter\"\n                data-filter=\"communiques\"\n            >\n                Communiqu\u00e9s\n            <\/button>\n\n            <button\n                type=\"button\"\n                class=\"atb-latest-news__filter\"\n                data-filter=\"vie-de-latb\"\n            >\n                Vie de l\u2019ATB\n            <\/button>\n\n        <\/div>\n\n        <!-- \u00c9TAT DE CHARGEMENT -->\n        <div\n            class=\"atb-latest-news__loader\"\n            id=\"atbLatestLoader\"\n            aria-live=\"polite\"\n        >\n\n            <div class=\"atb-latest-news__loader-icon\"><\/div>\n\n            <span>Chargement des actualit\u00e9s\u2026<\/span>\n\n        <\/div>\n\n        <!-- GRILLE DYNAMIQUE -->\n        <div\n            class=\"atb-latest-news__grid\"\n            id=\"atbLatestGrid\"\n            aria-live=\"polite\"\n        ><\/div>\n\n        <!-- MESSAGE VIDE -->\n        <div\n            class=\"atb-latest-news__empty\"\n            id=\"atbLatestEmpty\"\n            hidden\n        >\n\n            <span class=\"atb-latest-news__empty-icon\">ATB<\/span>\n\n            <h3>Aucune publication dans cette cat\u00e9gorie<\/h3>\n\n            <p>\n                De nouveaux contenus seront bient\u00f4t disponibles.\n            <\/p>\n\n        <\/div>\n\n        <!-- BOUTON CHARGER PLUS -->\n        <div\n            class=\"atb-latest-news__more-wrap\"\n            id=\"atbLatestMoreWrap\"\n            hidden\n        >\n\n            <button\n                type=\"button\"\n                class=\"atb-latest-news__more\"\n                id=\"atbLatestMore\"\n            >\n\n                <span>Afficher plus d\u2019actualit\u00e9s<\/span>\n\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                    <path d=\"M12 5v14M6 13l6 6 6-6\"><\/path>\n                <\/svg>\n\n            <\/button>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Archivo:wght@400;500;600;700&family=Fraunces:opsz,wght@9..144,500;9..144,600;9..144,700&display=swap');\n\n\/* ==================================================\n   SECTION\n================================================== *\/\n\n.atb-latest-news {\n    --atb-bordeaux: #60052D;\n    --atb-bordeaux-dark: #350018;\n    --atb-gold: #CC9933;\n    --atb-gold-light: #E0B760;\n    --atb-cream: #F7F1E7;\n    --atb-cream-light: #FCF9F4;\n    --atb-white: #FFFFFF;\n    --atb-text: #31272B;\n    --atb-muted: #786D72;\n\n    position: relative;\n    overflow: hidden;\n\n    padding: clamp(90px, 10vw, 145px) 0;\n\n    background:\n        linear-gradient(\n            180deg,\n            #FFFFFF 0%,\n            #FCF9F4 100%\n        );\n\n    font-family: \"Archivo\", sans-serif;\n}\n\n.atb-latest-news *,\n.atb-latest-news *::before,\n.atb-latest-news *::after {\n    box-sizing: border-box;\n}\n\n.atb-latest-news::before {\n    content: \"\";\n    position: absolute;\n    left: 0;\n    top: 0;\n\n    width: 100%;\n    height: 1px;\n\n    background:\n        linear-gradient(\n            90deg,\n            transparent,\n            rgba(204, 153, 51, 0.45),\n            transparent\n        );\n}\n\n.atb-latest-news::after {\n    content: \"ACTUALIT\u00c9S\";\n    position: absolute;\n    right: -42px;\n    top: 90px;\n\n    color: rgba(96, 5, 45, 0.025);\n\n    font-family: \"Fraunces\", serif;\n    font-size: clamp(100px, 15vw, 235px);\n    font-weight: 700;\n    line-height: 1;\n    letter-spacing: -0.06em;\n\n    pointer-events: none;\n    user-select: none;\n}\n\n\/* ==================================================\n   CONTENEUR\n================================================== *\/\n\n.atb-latest-news__container {\n    position: relative;\n    z-index: 2;\n\n    width: min(1240px, calc(100% - 48px));\n    margin: 0 auto;\n}\n\n\/* ==================================================\n   EN-T\u00caTE\n================================================== *\/\n\n.atb-latest-news__header {\n    display: grid;\n    grid-template-columns: minmax(0, 1fr) minmax(300px, 0.62fr);\n    gap: clamp(40px, 8vw, 115px);\n    align-items: end;\n\n    margin-bottom: 48px;\n}\n\n.atb-latest-news__eyebrow {\n    display: flex;\n    align-items: center;\n    gap: 14px;\n\n    margin-bottom: 18px;\n\n    color: var(--atb-bordeaux);\n\n    font-size: 11px;\n    font-weight: 700;\n    line-height: 1.4;\n    letter-spacing: 0.16em;\n    text-transform: uppercase;\n}\n\n.atb-latest-news__eyebrow-line {\n    width: 42px;\n    height: 1px;\n\n    display: block;\n\n    background: var(--atb-gold);\n}\n\n.atb-latest-news__heading h2 {\n    margin: 0;\n\n    color: var(--atb-bordeaux-dark);\n\n    font-family: \"Fraunces\", serif;\n    font-size: clamp(46px, 6vw, 82px);\n    font-weight: 600;\n    line-height: 0.98;\n    letter-spacing: -0.045em;\n}\n\n.atb-latest-news__heading h2 em {\n    display: block;\n\n    color: var(--atb-gold);\n\n    font-weight: 500;\n}\n\n.atb-latest-news__intro p {\n    max-width: 460px;\n    margin: 0;\n\n    color: var(--atb-muted);\n\n    font-size: 16px;\n    line-height: 1.75;\n}\n\n.atb-latest-news__all-link {\n    display: inline-flex;\n    align-items: center;\n    gap: 12px;\n\n    margin-top: 22px;\n\n    color: var(--atb-bordeaux) !important;\n\n    font-size: 13px;\n    font-weight: 700;\n    text-decoration: none !important;\n\n    transition: color 0.3s ease;\n}\n\n.atb-latest-news__all-link svg {\n    width: 19px;\n    height: 19px;\n\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 1.8;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n\n    transition: transform 0.3s ease;\n}\n\n.atb-latest-news__all-link:hover {\n    color: var(--atb-gold) !important;\n}\n\n.atb-latest-news__all-link:hover svg {\n    transform: translateX(5px);\n}\n\n\/* ==================================================\n   FILTRES\n================================================== *\/\n\n.atb-latest-news__filters {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px;\n\n    margin-bottom: 45px;\n    padding-bottom: 22px;\n\n    border-bottom: 1px solid rgba(96, 5, 45, 0.1);\n}\n\n.atb-latest-news__filter {\n    min-height: 42px;\n    padding: 11px 18px;\n\n    border: 1px solid rgba(96, 5, 45, 0.13);\n    border-radius: 999px;\n\n    background: transparent;\n    color: var(--atb-muted);\n\n    font-family: \"Archivo\", sans-serif;\n    font-size: 12px;\n    font-weight: 700;\n\n    cursor: pointer;\n\n    transition:\n        color 0.3s ease,\n        background-color 0.3s ease,\n        border-color 0.3s ease,\n        transform 0.3s ease,\n        box-shadow 0.3s ease;\n}\n\n.atb-latest-news__filter:hover {\n    color: var(--atb-bordeaux);\n\n    border-color: rgba(96, 5, 45, 0.35);\n\n    transform: translateY(-2px);\n}\n\n.atb-latest-news__filter.is-active {\n    color: var(--atb-white);\n    background: var(--atb-bordeaux);\n    border-color: var(--atb-bordeaux);\n\n    box-shadow:\n        0 11px 26px rgba(96, 5, 45, 0.18);\n}\n\n\/* ==================================================\n   GRILLE\n================================================== *\/\n\n.atb-latest-news__grid {\n    display: grid;\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n    gap: 28px;\n}\n\n\/* ==================================================\n   CARTE\n================================================== *\/\n\n.atb-latest-card {\n    position: relative;\n    overflow: hidden;\n\n    min-width: 0;\n\n    border: 1px solid rgba(96, 5, 45, 0.07);\n    border-radius: 23px;\n\n    background: var(--atb-white);\n\n    box-shadow:\n        0 18px 54px rgba(55, 20, 35, 0.07);\n\n    opacity: 0;\n    transform: translateY(24px);\n\n    animation:\n        atbLatestCardAppear 0.7s cubic-bezier(.2,.7,.2,1) forwards;\n\n    transition:\n        transform 0.4s ease,\n        box-shadow 0.4s ease,\n        border-color 0.4s ease;\n}\n\n.atb-latest-card:hover {\n    transform: translateY(-9px);\n\n    border-color: rgba(204, 153, 51, 0.38);\n\n    box-shadow:\n        0 27px 65px rgba(55, 20, 35, 0.14);\n}\n\n.atb-latest-card__visual {\n    position: relative;\n    overflow: hidden;\n\n    height: 260px;\n\n    background: var(--atb-cream);\n}\n\n.atb-latest-card__visual::after {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n\n    background:\n        linear-gradient(\n            180deg,\n            transparent 45%,\n            rgba(37, 0, 17, 0.58) 100%\n        );\n\n    pointer-events: none;\n}\n\n.atb-latest-card__visual img {\n    width: 100%;\n    height: 100%;\n\n    display: block;\n\n    object-fit: cover;\n    object-position: center;\n\n    transition: transform 0.9s cubic-bezier(.2,.7,.2,1);\n}\n\n.atb-latest-card:hover .atb-latest-card__visual img {\n    transform: scale(1.065);\n}\n\n.atb-latest-card__category {\n    position: absolute;\n    left: 18px;\n    top: 18px;\n    z-index: 2;\n\n    max-width: calc(100% - 36px);\n    padding: 9px 13px;\n\n    overflow: hidden;\n\n    border-radius: 999px;\n\n    background: rgba(247, 241, 231, 0.94);\n    color: var(--atb-bordeaux);\n\n    font-size: 9px;\n    font-weight: 800;\n    line-height: 1;\n    letter-spacing: 0.12em;\n    text-overflow: ellipsis;\n    text-transform: uppercase;\n    white-space: nowrap;\n\n    backdrop-filter: blur(8px);\n    -webkit-backdrop-filter: blur(8px);\n}\n\n.atb-latest-card__date-box {\n    position: absolute;\n    right: 18px;\n    bottom: 18px;\n    z-index: 2;\n\n    width: 56px;\n    min-height: 62px;\n\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n\n    border-radius: 15px;\n\n    background: var(--atb-gold);\n    color: var(--atb-bordeaux-dark);\n\n    box-shadow:\n        0 12px 28px rgba(0, 0, 0, 0.16);\n}\n\n.atb-latest-card__day {\n    font-family: \"Fraunces\", serif;\n    font-size: 24px;\n    font-weight: 700;\n    line-height: 1;\n}\n\n.atb-latest-card__month {\n    margin-top: 3px;\n\n    font-size: 9px;\n    font-weight: 800;\n    letter-spacing: 0.1em;\n    text-transform: uppercase;\n}\n\n.atb-latest-card__body {\n    padding: 28px 25px 26px;\n}\n\n.atb-latest-card__meta {\n    display: flex;\n    align-items: center;\n    gap: 9px;\n\n    margin-bottom: 15px;\n\n    color: var(--atb-muted);\n\n    font-size: 10px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n}\n\n.atb-latest-card__meta-dot {\n    width: 4px;\n    height: 4px;\n\n    flex: 0 0 4px;\n\n    border-radius: 50%;\n\n    background: var(--atb-gold);\n}\n\n.atb-latest-card__title {\n    margin: 0;\n\n    color: var(--atb-bordeaux-dark);\n\n    font-family: \"Fraunces\", serif;\n    font-size: clamp(26px, 2.3vw, 34px);\n    font-weight: 600;\n    line-height: 1.12;\n    letter-spacing: -0.025em;\n}\n\n.atb-latest-card__title a {\n    color: inherit !important;\n    text-decoration: none !important;\n}\n\n.atb-latest-card__excerpt {\n    display: -webkit-box;\n    overflow: hidden;\n\n    margin: 17px 0 0;\n\n    color: var(--atb-muted);\n\n    font-size: 14px;\n    line-height: 1.7;\n\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: 3;\n}\n\n.atb-latest-card__footer {\n    margin-top: 23px;\n    padding-top: 19px;\n\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    gap: 16px;\n\n    border-top: 1px solid rgba(96, 5, 45, 0.09);\n}\n\n.atb-latest-card__read {\n    display: inline-flex;\n    align-items: center;\n    gap: 9px;\n\n    color: var(--atb-bordeaux) !important;\n\n    font-size: 12px;\n    font-weight: 800;\n    text-decoration: none !important;\n\n    transition: color 0.3s ease;\n}\n\n.atb-latest-card__read svg {\n    width: 17px;\n    height: 17px;\n\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 1.8;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n\n    transition: transform 0.3s ease;\n}\n\n.atb-latest-card__read:hover {\n    color: var(--atb-gold) !important;\n}\n\n.atb-latest-card__read:hover svg {\n    transform: translateX(4px);\n}\n\n.atb-latest-card__reading-time {\n    color: #93888D;\n\n    font-size: 10px;\n    font-weight: 600;\n}\n\n\/* ==================================================\n   IMAGE DE SECOURS\n================================================== *\/\n\n.atb-latest-card__fallback {\n    width: 100%;\n    height: 100%;\n\n    display: flex;\n    justify-content: center;\n    align-items: center;\n\n    background:\n        radial-gradient(\n            circle at 70% 25%,\n            rgba(204, 153, 51, 0.32),\n            transparent 30%\n        ),\n        linear-gradient(\n            135deg,\n            var(--atb-bordeaux-dark),\n            var(--atb-bordeaux)\n        );\n\n    color: rgba(255, 255, 255, 0.12);\n\n    font-family: \"Fraunces\", serif;\n    font-size: 82px;\n    font-weight: 700;\n    letter-spacing: -0.08em;\n}\n\n\/* ==================================================\n   CHARGEMENT\n================================================== *\/\n\n.atb-latest-news__loader {\n    min-height: 270px;\n\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    gap: 17px;\n\n    color: var(--atb-muted);\n\n    font-size: 13px;\n    font-weight: 600;\n}\n\n.atb-latest-news__loader-icon {\n    width: 44px;\n    height: 44px;\n\n    border: 2px solid rgba(96, 5, 45, 0.12);\n    border-top-color: var(--atb-gold);\n    border-radius: 50%;\n\n    animation: atbLatestSpin 0.85s linear infinite;\n}\n\n\/* ==================================================\n   MESSAGE VIDE\n================================================== *\/\n\n.atb-latest-news__empty {\n    padding: 60px 25px;\n\n    text-align: center;\n\n    border: 1px solid rgba(96, 5, 45, 0.09);\n    border-radius: 24px;\n\n    background: var(--atb-cream-light);\n}\n\n.atb-latest-news__empty-icon {\n    display: block;\n\n    color: rgba(96, 5, 45, 0.1);\n\n    font-family: \"Fraunces\", serif;\n    font-size: 76px;\n    font-weight: 700;\n    line-height: 1;\n}\n\n.atb-latest-news__empty h3 {\n    margin: 15px 0 0;\n\n    color: var(--atb-bordeaux-dark);\n\n    font-family: \"Fraunces\", serif;\n    font-size: 30px;\n}\n\n.atb-latest-news__empty p {\n    margin: 10px 0 0;\n\n    color: var(--atb-muted);\n\n    font-size: 14px;\n}\n\n\/* ==================================================\n   CHARGER PLUS\n================================================== *\/\n\n.atb-latest-news__more-wrap {\n    margin-top: 48px;\n\n    text-align: center;\n}\n\n.atb-latest-news__more {\n    min-height: 56px;\n    padding: 15px 25px;\n\n    display: inline-flex;\n    justify-content: center;\n    align-items: center;\n    gap: 12px;\n\n    border: 1px solid rgba(96, 5, 45, 0.2);\n    border-radius: 999px;\n\n    background: transparent;\n    color: var(--atb-bordeaux);\n\n    font-family: \"Archivo\", sans-serif;\n    font-size: 13px;\n    font-weight: 700;\n\n    cursor: pointer;\n\n    transition:\n        color 0.35s ease,\n        background-color 0.35s ease,\n        border-color 0.35s ease,\n        transform 0.35s ease;\n}\n\n.atb-latest-news__more svg {\n    width: 18px;\n    height: 18px;\n\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 1.8;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n}\n\n.atb-latest-news__more:hover {\n    color: var(--atb-white);\n    background: var(--atb-bordeaux);\n    border-color: var(--atb-bordeaux);\n\n    transform: translateY(-3px);\n}\n\n\/* ==================================================\n   APPARITION DE LA SECTION\n================================================== *\/\n\n.atb-latest-reveal {\n    opacity: 0;\n    transform: translateY(30px);\n\n    transition:\n        opacity 0.85s cubic-bezier(.2,.7,.2,1),\n        transform 0.85s cubic-bezier(.2,.7,.2,1);\n}\n\n.atb-latest-reveal.is-visible {\n    opacity: 1;\n    transform: translateY(0);\n}\n\n.atb-latest-news__filters.is-visible {\n    transition-delay: 0.12s;\n}\n\n\/* ==================================================\n   ANIMATIONS\n================================================== *\/\n\n@keyframes atbLatestCardAppear {\n    to {\n        opacity: 1;\n        transform: translateY(0);\n    }\n}\n\n@keyframes atbLatestSpin {\n    to {\n        transform: rotate(360deg);\n    }\n}\n\n\/* ==================================================\n   TABLETTE\n================================================== *\/\n\n@media (max-width: 1024px) {\n\n    .atb-latest-news__header {\n        grid-template-columns: 1fr;\n        gap: 26px;\n    }\n\n    .atb-latest-news__intro p {\n        max-width: 680px;\n    }\n\n    .atb-latest-news__grid {\n        grid-template-columns: repeat(2, minmax(0, 1fr));\n    }\n\n    .atb-latest-card__visual {\n        height: 280px;\n    }\n}\n\n\/* ==================================================\n   MOBILE\n================================================== *\/\n\n@media (max-width: 767px) {\n\n    .atb-latest-news {\n        padding: 82px 0;\n    }\n\n    .atb-latest-news__container {\n        width: calc(100% - 30px);\n    }\n\n    .atb-latest-news__heading h2 {\n        font-size: 46px;\n    }\n\n    .atb-latest-news__intro p {\n        font-size: 15px;\n    }\n\n    .atb-latest-news__filters {\n        flex-wrap: nowrap;\n        overflow-x: auto;\n\n        margin-right: -15px;\n        padding-right: 15px;\n        padding-bottom: 18px;\n\n        scrollbar-width: none;\n    }\n\n    .atb-latest-news__filters::-webkit-scrollbar {\n        display: none;\n    }\n\n    .atb-latest-news__filter {\n        flex: 0 0 auto;\n    }\n\n    .atb-latest-news__grid {\n        grid-template-columns: 1fr;\n        gap: 23px;\n    }\n\n    .atb-latest-card {\n        border-radius: 20px;\n    }\n\n    .atb-latest-card__visual {\n        height: 255px;\n    }\n\n    .atb-latest-card__body {\n        padding: 25px 22px 24px;\n    }\n\n    .atb-latest-card__title {\n        font-size: 29px;\n    }\n}\n\n\/* ==================================================\n   PETITS MOBILES\n================================================== *\/\n\n@media (max-width: 420px) {\n\n    .atb-latest-news__heading h2 {\n        font-size: 41px;\n    }\n\n    .atb-latest-card__visual {\n        height: 230px;\n    }\n\n    .atb-latest-card__footer {\n        align-items: flex-start;\n        flex-direction: column;\n    }\n}\n\n\/* ==================================================\n   ACCESSIBILIT\u00c9\n================================================== *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n    .atb-latest-reveal,\n    .atb-latest-card {\n        opacity: 1;\n        transform: none;\n        animation: none;\n        transition: none;\n    }\n\n    .atb-latest-news__loader-icon {\n        animation-duration: 2s;\n    }\n\n    .atb-latest-card__visual img {\n        transition: none;\n    }\n}\n<\/style>\n\n<script>\n(function () {\n\n    const section = document.querySelector('.atb-latest-news');\n\n    if (!section || section.dataset.initialized === 'true') return;\n\n    section.dataset.initialized = 'true';\n\n    const grid = section.querySelector('#atbLatestGrid');\n    const loader = section.querySelector('#atbLatestLoader');\n    const empty = section.querySelector('#atbLatestEmpty');\n    const moreWrap = section.querySelector('#atbLatestMoreWrap');\n    const moreButton = section.querySelector('#atbLatestMore');\n    const filterButtons = section.querySelectorAll(\n        '.atb-latest-news__filter'\n    );\n\n    const POSTS_PER_VIEW = 6;\n\n    let allPosts = [];\n    let filteredPosts = [];\n    let visibleCount = POSTS_PER_VIEW;\n    let currentFilter = 'all';\n\n    \/* ------------------------------------------\n       URL DE L\u2019API WORDPRESS\n    ------------------------------------------ *\/\n\n    const siteOrigin = window.location.origin;\n\n    const apiURL =\n        siteOrigin +\n        '\/wp-json\/wp\/v2\/posts' +\n        '?per_page=50' +\n        '&status=publish' +\n        '&_embed=1';\n\n    \/* ------------------------------------------\n       OUTILS\n    ------------------------------------------ *\/\n\n    function decodeHTML(value) {\n\n        const textarea = document.createElement('textarea');\n\n        textarea.innerHTML = value || '';\n\n        return textarea.value;\n    }\n\n    function stripHTML(value) {\n\n        const element = document.createElement('div');\n\n        element.innerHTML = value || '';\n\n        return element.textContent || element.innerText || '';\n    }\n\n    function truncateText(value, maximum) {\n\n        const clean = stripHTML(value).trim();\n\n        if (clean.length <= maximum) return clean;\n\n        return clean.substring(0, maximum).trim() + '\u2026';\n    }\n\n    function escapeHTML(value) {\n\n        return String(value || '')\n            .replace(\/&\/g, '&amp;')\n            .replace(\/<\/g, '&lt;')\n            .replace(\/>\/g, '&gt;')\n            .replace(\/\"\/g, '&quot;')\n            .replace(\/'\/g, '&#039;');\n    }\n\n    function slugify(value) {\n\n        return String(value || '')\n            .normalize('NFD')\n            .replace(\/[\\u0300-\\u036f]\/g, '')\n            .toLowerCase()\n            .replace(\/[^a-z0-9]+\/g, '-')\n            .replace(\/^-+|-+$\/g, '');\n    }\n\n    function formatDate(dateString) {\n\n        const date = new Date(dateString);\n\n        return {\n            day: new Intl.DateTimeFormat('fr-FR', {\n                day: '2-digit'\n            }).format(date),\n\n            month: new Intl.DateTimeFormat('fr-FR', {\n                month: 'short'\n            }).format(date).replace('.', ''),\n\n            full: new Intl.DateTimeFormat('fr-FR', {\n                day: 'numeric',\n                month: 'long',\n                year: 'numeric'\n            }).format(date)\n        };\n    }\n\n    function calculateReadingTime(content) {\n\n        const words = stripHTML(content)\n            .trim()\n            .split(\/\\s+\/)\n            .filter(Boolean)\n            .length;\n\n        return Math.max(1, Math.ceil(words \/ 200));\n    }\n\n    function getFeaturedImage(post) {\n\n        try {\n\n            return (\n                post._embedded['wp:featuredmedia'][0]\n                    .media_details\n                    .sizes\n                    .large\n                    .source_url\n                ||\n                post._embedded['wp:featuredmedia'][0]\n                    .source_url\n            );\n\n        } catch (error) {\n\n            return '';\n        }\n    }\n\n    function getCategories(post) {\n\n        try {\n\n            return post._embedded['wp:term'][0].map(function (category) {\n\n                return {\n                    name: decodeHTML(category.name),\n                    slug: category.slug || slugify(category.name)\n                };\n\n            });\n\n        } catch (error) {\n\n            return [];\n        }\n    }\n\n    function getPrimaryCategory(post) {\n\n        const categories = getCategories(post);\n\n        if (!categories.length) {\n            return {\n                name: 'Actualit\u00e9',\n                slug: 'actualite'\n            };\n        }\n\n        return categories[0];\n    }\n\n    function postMatchesFilter(post, filter) {\n\n        if (filter === 'all') return true;\n\n        const categories = getCategories(post);\n\n        return categories.some(function (category) {\n\n            const categorySlug = slugify(category.slug);\n            const categoryName = slugify(category.name);\n\n            return (\n                categorySlug === filter ||\n                categoryName === filter ||\n                categorySlug.includes(filter) ||\n                categoryName.includes(filter)\n            );\n\n        });\n    }\n\n    \/* ------------------------------------------\n       CONSTRUCTION D\u2019UNE CARTE\n    ------------------------------------------ *\/\n\n    function createCard(post, index) {\n\n        const title = decodeHTML(post.title.rendered);\n        const excerpt = truncateText(post.excerpt.rendered, 155);\n        const date = formatDate(post.date);\n        const category = getPrimaryCategory(post);\n        const image = getFeaturedImage(post);\n        const readingTime = calculateReadingTime(\n            post.content.rendered\n        );\n\n        const visual = image\n            ? `\n                <img decoding=\"async\"\n                    src=\"${escapeHTML(image)}\"\n                    alt=\"${escapeHTML(title)}\"\n                    loading=\"lazy\"\n                >\n              `\n            : `\n                <div class=\"atb-latest-card__fallback\" aria-hidden=\"true\">\n                    ATB\n                <\/div>\n              `;\n\n        return `\n            <article\n                class=\"atb-latest-card\"\n                style=\"animation-delay:${index * 0.08}s\"\n            >\n\n                <div class=\"atb-latest-card__visual\">\n\n                    ${visual}\n\n                    <span class=\"atb-latest-card__category\">\n                        ${escapeHTML(category.name)}\n                    <\/span>\n\n                    <time\n                        class=\"atb-latest-card__date-box\"\n                        datetime=\"${escapeHTML(post.date)}\"\n                    >\n                        <span class=\"atb-latest-card__day\">\n                            ${escapeHTML(date.day)}\n                        <\/span>\n\n                        <span class=\"atb-latest-card__month\">\n                            ${escapeHTML(date.month)}\n                        <\/span>\n                    <\/time>\n\n                <\/div>\n\n                <div class=\"atb-latest-card__body\">\n\n                    <div class=\"atb-latest-card__meta\">\n\n                        <span>${escapeHTML(category.name)}<\/span>\n\n                        <span class=\"atb-latest-card__meta-dot\"><\/span>\n\n                        <span>${escapeHTML(date.full)}<\/span>\n\n                    <\/div>\n\n                    <h3 class=\"atb-latest-card__title\">\n\n                        <a href=\"${escapeHTML(post.link)}\">\n                            ${escapeHTML(title)}\n                        <\/a>\n\n                    <\/h3>\n\n                    <p class=\"atb-latest-card__excerpt\">\n                        ${escapeHTML(excerpt)}\n                    <\/p>\n\n                    <div class=\"atb-latest-card__footer\">\n\n                        <a\n                            href=\"${escapeHTML(post.link)}\"\n                            class=\"atb-latest-card__read\"\n                        >\n                            <span>Lire la suite<\/span>\n\n                            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                                <path d=\"M5 12h14M13 6l6 6-6 6\"><\/path>\n                            <\/svg>\n                        <\/a>\n\n                        <span class=\"atb-latest-card__reading-time\">\n                            ${readingTime} min de lecture\n                        <\/span>\n\n                    <\/div>\n\n                <\/div>\n\n            <\/article>\n        `;\n    }\n\n    \/* ------------------------------------------\n       AFFICHAGE\n    ------------------------------------------ *\/\n\n    function renderPosts() {\n\n        const postsToShow = filteredPosts.slice(0, visibleCount);\n\n        grid.innerHTML = postsToShow\n            .map(createCard)\n            .join('');\n\n        empty.hidden = filteredPosts.length !== 0;\n\n        moreWrap.hidden =\n            filteredPosts.length <= visibleCount;\n\n        if (!filteredPosts.length) {\n            grid.innerHTML = '';\n        }\n    }\n\n    function applyFilter(filter) {\n\n        currentFilter = filter;\n        visibleCount = POSTS_PER_VIEW;\n\n        filteredPosts = allPosts.filter(function (post) {\n            return postMatchesFilter(post, filter);\n        });\n\n        filterButtons.forEach(function (button) {\n\n            const isActive =\n                button.dataset.filter === filter;\n\n            button.classList.toggle('is-active', isActive);\n            button.setAttribute(\n                'aria-pressed',\n                isActive ? 'true' : 'false'\n            );\n\n        });\n\n        renderPosts();\n    }\n\n    \/* ------------------------------------------\n       ARTICLE DE SECOURS\n       Visible uniquement si l\u2019API ne r\u00e9pond pas\n    ------------------------------------------ *\/\n\n    function getFallbackPosts() {\n\n        return [\n            {\n                date: new Date().toISOString(),\n                link: '\/programmes\/capo-2026\/',\n                title: {\n                    rendered:\n                        'CAPO 2026 : la jeunesse monte sur sc\u00e8ne'\n                },\n                excerpt: {\n                    rendered:\n                        'Une nouvelle \u00e9dition plac\u00e9e sous le signe de la cr\u00e9ativit\u00e9, de la citoyennet\u00e9 et de la transmission culturelle.'\n                },\n                content: {\n                    rendered:\n                        'Le Concours Artistique du Primaire de Ouagadougou rassemble les jeunes talents autour du th\u00e9\u00e2tre, de la danse, du conte et de la po\u00e9sie.'\n                },\n                _embedded: {\n                    'wp:featuredmedia': [\n                        {\n                            source_url:\n                                'http:\/\/atb.bf\/atb-v2\/wp-content\/uploads\/2026\/07\/capo-2026.jpg',\n                            media_details: {\n                                sizes: {\n                                    large: {\n                                        source_url:\n                                            'http:\/\/atb.bf\/atb-v2\/wp-content\/uploads\/2026\/07\/capo-2026.jpg'\n                                    }\n                                }\n                            }\n                        }\n                    ],\n                    'wp:term': [\n                        [\n                            {\n                                name: '\u00c9v\u00e9nements',\n                                slug: 'evenements'\n                            }\n                        ]\n                    ]\n                }\n            },\n            {\n                date: new Date(\n                    Date.now() - 86400000 * 6\n                ).toISOString(),\n                link: '\/formations\/',\n                title: {\n                    rendered:\n                        'L\u2019\u00c9cole de Th\u00e9\u00e2tre pr\u00e9pare une nouvelle g\u00e9n\u00e9ration d\u2019artistes'\n                },\n                excerpt: {\n                    rendered:\n                        'D\u00e9couvrez les r\u00e9p\u00e9titions, les apprentissages et l\u2019engagement des jeunes talents form\u00e9s par l\u2019ATB.'\n                },\n                content: {\n                    rendered:\n                        'La formation associe expression corporelle, diction, dramaturgie, mise en sc\u00e8ne et th\u00e9\u00e2tre pour le d\u00e9veloppement.'\n                },\n                _embedded: {\n                    'wp:term': [\n                        [\n                            {\n                                name: 'Formations',\n                                slug: 'formations'\n                            }\n                        ]\n                    ]\n                }\n            },\n            {\n                date: new Date(\n                    Date.now() - 86400000 * 12\n                ).toISOString(),\n                link: '\/tele-theatre\/',\n                title: {\n                    rendered:\n                        'T\u00e9l\u00e9-Th\u00e9\u00e2tre ATB : les cr\u00e9ations rencontrent un nouveau public'\n                },\n                excerpt: {\n                    rendered:\n                        'Les productions audiovisuelles de l\u2019ATB prolongent l\u2019exp\u00e9rience de la sc\u00e8ne et rendent le th\u00e9\u00e2tre accessible au-del\u00e0 des murs.'\n                },\n                content: {\n                    rendered:\n                        'T\u00e9l\u00e9-Th\u00e9\u00e2tre valorise les spectacles, les archives et les productions p\u00e9dagogiques de l\u2019institution.'\n                },\n                _embedded: {\n                    'wp:term': [\n                        [\n                            {\n                                name: 'Spectacles',\n                                slug: 'spectacles'\n                            }\n                        ]\n                    ]\n                }\n            }\n        ];\n    }\n\n    \/* ------------------------------------------\n       CHARGEMENT DE L\u2019API\n    ------------------------------------------ *\/\n\n    fetch(apiURL, {\n        method: 'GET',\n        credentials: 'same-origin',\n        headers: {\n            Accept: 'application\/json'\n        }\n    })\n        .then(function (response) {\n\n            if (!response.ok) {\n                throw new Error(\n                    'Erreur API WordPress : ' + response.status\n                );\n            }\n\n            return response.json();\n        })\n        .then(function (posts) {\n\n            allPosts = Array.isArray(posts) ? posts : [];\n            filteredPosts = allPosts;\n\n            loader.hidden = true;\n\n            renderPosts();\n        })\n        .catch(function (error) {\n\n            console.warn(\n                'ATB Actualit\u00e9s : utilisation des contenus de secours.',\n                error\n            );\n\n            allPosts = getFallbackPosts();\n            filteredPosts = allPosts;\n\n            loader.hidden = true;\n\n            renderPosts();\n        });\n\n    \/* ------------------------------------------\n       FILTRES\n    ------------------------------------------ *\/\n\n    filterButtons.forEach(function (button) {\n\n        button.setAttribute(\n            'aria-pressed',\n            button.classList.contains('is-active')\n                ? 'true'\n                : 'false'\n        );\n\n        button.addEventListener('click', function () {\n\n            applyFilter(button.dataset.filter);\n\n        });\n\n    });\n\n    \/* ------------------------------------------\n       CHARGER PLUS\n    ------------------------------------------ *\/\n\n    moreButton.addEventListener('click', function () {\n\n        visibleCount += POSTS_PER_VIEW;\n\n        renderPosts();\n\n    });\n\n    \/* ------------------------------------------\n       ANIMATIONS D\u2019APPARITION\n    ------------------------------------------ *\/\n\n    const revealElements = section.querySelectorAll(\n        '.atb-latest-reveal'\n    );\n\n    if (!('IntersectionObserver' in window)) {\n\n        revealElements.forEach(function (element) {\n            element.classList.add('is-visible');\n        });\n\n        return;\n    }\n\n    const observer = new IntersectionObserver(\n        function (entries) {\n\n            entries.forEach(function (entry) {\n\n                if (!entry.isIntersecting) return;\n\n                entry.target.classList.add('is-visible');\n                observer.unobserve(entry.target);\n\n            });\n\n        },\n        {\n            threshold: 0.12\n        }\n    );\n\n    revealElements.forEach(function (element) {\n        observer.observe(element);\n    });\n\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-9a36d24 e-con e-atomic-element e-flexbox-base e-6f8f9e4 \" data-id=\"9a36d24\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"9a36d24\" data-e-type=\"e-flexbox\" data-id=\"9a36d24\">\n    \n<\/div>\n<div class=\"elementor-element elementor-element-5e28cf9 e-con e-atomic-element e-flexbox-base e-878b5d2 \" data-id=\"5e28cf9\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"5e28cf9\" data-e-type=\"e-flexbox\" data-id=\"5e28cf9\">\n    \t\t<div class=\"elementor-element elementor-element-863aafb elementor-widget elementor-widget-html\" data-id=\"863aafb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ==================================================\n     ATB \u2014 PAGE ACTUALIT\u00c9S\n     SECTION 04 : \u00c0 NE PAS MANQUER\n=================================================== -->\n\n<section class=\"atb-news-agenda\" id=\"a-ne-pas-manquer\">\n\n    <div class=\"atb-news-agenda__background\" aria-hidden=\"true\"><\/div>\n\n    <div class=\"atb-news-agenda__container\">\n\n        <!-- EN-T\u00caTE -->\n        <header class=\"atb-news-agenda__header atb-agenda-reveal\">\n\n            <div class=\"atb-news-agenda__heading\">\n\n                <div class=\"atb-news-agenda__eyebrow\">\n                    <span><\/span>\n                    Prochains rendez-vous\n                <\/div>\n\n                <h2>\n                    \u00c0 ne pas\n                    <em>manquer<\/em>\n                <\/h2>\n\n            <\/div>\n\n            <div class=\"atb-news-agenda__intro\">\n\n                <p>\n                    Spectacles, rencontres, formations et \u00e9v\u00e9nements :\n                    retrouvez en un coup d\u2019\u0153il les prochains temps forts\n                    programm\u00e9s \u00e0 l\u2019Espace ATB.\n                <\/p>\n\n                <a href=\"\/agenda-culturel\/\"\n                   class=\"atb-news-agenda__all-link\">\n\n                    <span>Voir l\u2019agenda complet<\/span>\n\n                    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                        <path d=\"M5 12h14M13 6l6 6-6 6\"><\/path>\n                    <\/svg>\n\n                <\/a>\n\n            <\/div>\n\n        <\/header>\n\n        <!-- LISTE DES \u00c9V\u00c9NEMENTS -->\n        <div class=\"atb-news-agenda__list\">\n\n            <!-- \u00c9V\u00c9NEMENT 01 -->\n            <article class=\"atb-news-agenda__item atb-agenda-reveal\">\n\n                <div class=\"atb-news-agenda__date\">\n\n                    <span class=\"atb-news-agenda__day\">18<\/span>\n\n                    <span class=\"atb-news-agenda__month\">\n                        Juil.\n                    <\/span>\n\n                    <span class=\"atb-news-agenda__year\">\n                        2026\n                    <\/span>\n\n                <\/div>\n\n                <div class=\"atb-news-agenda__content\">\n\n                    <div class=\"atb-news-agenda__meta\">\n\n                        <span class=\"atb-news-agenda__category\">\n                            CAPO\n                        <\/span>\n\n                        <span class=\"atb-news-agenda__dot\"><\/span>\n\n                        <span>\u00c9v\u00e9nement jeunesse<\/span>\n\n                    <\/div>\n\n                    <h3>\n                        Grande finale du CAPO 2026\n                    <\/h3>\n\n                    <p>\n                        Une journ\u00e9e consacr\u00e9e \u00e0 la cr\u00e9ativit\u00e9, \u00e0 l\u2019expression\n                        artistique et \u00e0 la citoyennet\u00e9 des enfants.\n                    <\/p>\n\n                <\/div>\n\n                <div class=\"atb-news-agenda__details\">\n\n                    <div class=\"atb-news-agenda__detail\">\n\n                        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                            <circle cx=\"12\" cy=\"12\" r=\"9\"><\/circle>\n                            <path d=\"M12 7v5l3 2\"><\/path>\n                        <\/svg>\n\n                        <span>09h00<\/span>\n\n                    <\/div>\n\n                    <div class=\"atb-news-agenda__detail\">\n\n                        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                            <path d=\"M12 21s7-4.5 7-11a7 7 0 1 0-14 0c0 6.5 7 11 7 11z\"><\/path>\n                            <circle cx=\"12\" cy=\"10\" r=\"2\"><\/circle>\n                        <\/svg>\n\n                        <span>Th\u00e9\u00e2tre Alliance 2000<\/span>\n\n                    <\/div>\n\n                <\/div>\n\n                <a href=\"\/programmes\/capo-2026\/\"\n                   class=\"atb-news-agenda__button\"\n                   aria-label=\"Voir la grande finale du CAPO 2026\">\n\n                    <span>Voir<\/span>\n\n                    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                        <path d=\"M5 12h14M13 6l6 6-6 6\"><\/path>\n                    <\/svg>\n\n                <\/a>\n\n            <\/article>\n\n            <!-- \u00c9V\u00c9NEMENT 02 -->\n            <article class=\"atb-news-agenda__item atb-agenda-reveal\">\n\n                <div class=\"atb-news-agenda__date\">\n\n                    <span class=\"atb-news-agenda__day\">02<\/span>\n\n                    <span class=\"atb-news-agenda__month\">\n                        Ao\u00fbt\n                    <\/span>\n\n                    <span class=\"atb-news-agenda__year\">\n                        2026\n                    <\/span>\n\n                <\/div>\n\n                <div class=\"atb-news-agenda__content\">\n\n                    <div class=\"atb-news-agenda__meta\">\n\n                        <span class=\"atb-news-agenda__category\">\n                            Spectacle\n                        <\/span>\n\n                        <span class=\"atb-news-agenda__dot\"><\/span>\n\n                        <span>Cr\u00e9ation ATB<\/span>\n\n                    <\/div>\n\n                    <h3>\n                        Soir\u00e9e de th\u00e9\u00e2tre \u00e0 l\u2019Espace ATB\n                    <\/h3>\n\n                    <p>\n                        Une repr\u00e9sentation ouverte au public, suivie d\u2019un\n                        \u00e9change avec les artistes et l\u2019\u00e9quipe de cr\u00e9ation.\n                    <\/p>\n\n                <\/div>\n\n                <div class=\"atb-news-agenda__details\">\n\n                    <div class=\"atb-news-agenda__detail\">\n\n                        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                            <circle cx=\"12\" cy=\"12\" r=\"9\"><\/circle>\n                            <path d=\"M12 7v5l3 2\"><\/path>\n                        <\/svg>\n\n                        <span>19h30<\/span>\n\n                    <\/div>\n\n                    <div class=\"atb-news-agenda__detail\">\n\n                        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                            <path d=\"M12 21s7-4.5 7-11a7 7 0 1 0-14 0c0 6.5 7 11 7 11z\"><\/path>\n                            <circle cx=\"12\" cy=\"10\" r=\"2\"><\/circle>\n                        <\/svg>\n\n                        <span>Espace ATB, Gounghin<\/span>\n\n                    <\/div>\n\n                <\/div>\n\n                <a href=\"\/billetterie\/\"\n                   class=\"atb-news-agenda__button\"\n                   aria-label=\"Voir la soir\u00e9e de th\u00e9\u00e2tre\">\n\n                    <span>Voir<\/span>\n\n                    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                        <path d=\"M5 12h14M13 6l6 6-6 6\"><\/path>\n                    <\/svg>\n\n                <\/a>\n\n            <\/article>\n\n            <!-- \u00c9V\u00c9NEMENT 03 -->\n            <article class=\"atb-news-agenda__item atb-agenda-reveal\">\n\n                <div class=\"atb-news-agenda__date\">\n\n                    <span class=\"atb-news-agenda__day\">12<\/span>\n\n                    <span class=\"atb-news-agenda__month\">\n                        Sept.\n                    <\/span>\n\n                    <span class=\"atb-news-agenda__year\">\n                        2026\n                    <\/span>\n\n                <\/div>\n\n                <div class=\"atb-news-agenda__content\">\n\n                    <div class=\"atb-news-agenda__meta\">\n\n                        <span class=\"atb-news-agenda__category\">\n                            Formation\n                        <\/span>\n\n                        <span class=\"atb-news-agenda__dot\"><\/span>\n\n                        <span>Stage pratique<\/span>\n\n                    <\/div>\n\n                    <h3>\n                        Initiation au Th\u00e9\u00e2tre pour le D\u00e9veloppement\n                    <\/h3>\n\n                    <p>\n                        Une session destin\u00e9e aux artistes, animateurs,\n                        associations et professionnels de l\u2019action sociale.\n                    <\/p>\n\n                <\/div>\n\n                <div class=\"atb-news-agenda__details\">\n\n                    <div class=\"atb-news-agenda__detail\">\n\n                        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                            <circle cx=\"12\" cy=\"12\" r=\"9\"><\/circle>\n                            <path d=\"M12 7v5l3 2\"><\/path>\n                        <\/svg>\n\n                        <span>08h30<\/span>\n\n                    <\/div>\n\n                    <div class=\"atb-news-agenda__detail\">\n\n                        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                            <path d=\"M12 21s7-4.5 7-11a7 7 0 1 0-14 0c0 6.5 7 11 7 11z\"><\/path>\n                            <circle cx=\"12\" cy=\"10\" r=\"2\"><\/circle>\n                        <\/svg>\n\n                        <span>Salle polyvalente ATB<\/span>\n\n                    <\/div>\n\n                <\/div>\n\n                <a href=\"\/formations\/stages-ateliers\/\"\n                   class=\"atb-news-agenda__button\"\n                   aria-label=\"Voir la formation\">\n\n                    <span>Voir<\/span>\n\n                    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                        <path d=\"M5 12h14M13 6l6 6-6 6\"><\/path>\n                    <\/svg>\n\n                <\/a>\n\n            <\/article>\n\n        <\/div>\n\n        <!-- CTA MOBILE \/ BAS DE SECTION -->\n        <div class=\"atb-news-agenda__footer atb-agenda-reveal\">\n\n            <p>\n                Toute la saison culturelle de l\u2019ATB, en un seul endroit.\n            <\/p>\n\n            <a href=\"\/agenda-culturel\/\"\n               class=\"atb-news-agenda__footer-button\">\n\n                <span>Consulter tout l\u2019agenda<\/span>\n\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                    <path d=\"M5 12h14M13 6l6 6-6 6\"><\/path>\n                <\/svg>\n\n            <\/a>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Archivo:wght@400;500;600;700&family=Fraunces:opsz,wght@9..144,500;9..144,600;9..144,700&display=swap');\n\n\/* ==================================================\n   SECTION\n================================================== *\/\n\n.atb-news-agenda {\n    --atb-bordeaux: #60052D;\n    --atb-bordeaux-dark: #310016;\n    --atb-bordeaux-light: #7B1645;\n    --atb-gold: #CC9933;\n    --atb-gold-light: #E0B65C;\n    --atb-cream: #F7F1E7;\n    --atb-white: #FFFFFF;\n    --atb-text-light: rgba(255, 255, 255, 0.76);\n    --atb-border: rgba(255, 255, 255, 0.14);\n\n    position: relative;\n    isolation: isolate;\n    overflow: hidden;\n\n    padding: clamp(90px, 10vw, 145px) 0;\n\n    background: var(--atb-bordeaux-dark);\n    color: var(--atb-white);\n\n    font-family: \"Archivo\", sans-serif;\n}\n\n.atb-news-agenda *,\n.atb-news-agenda *::before,\n.atb-news-agenda *::after {\n    box-sizing: border-box;\n}\n\n\/* ==================================================\n   FOND D\u00c9CORATIF\n================================================== *\/\n\n.atb-news-agenda__background {\n    position: absolute;\n    inset: 0;\n    z-index: -2;\n\n    background:\n        radial-gradient(\n            circle at 88% 15%,\n            rgba(204, 153, 51, 0.16),\n            transparent 27%\n        ),\n        radial-gradient(\n            circle at 8% 90%,\n            rgba(204, 153, 51, 0.09),\n            transparent 25%\n        ),\n        linear-gradient(\n            135deg,\n            var(--atb-bordeaux-dark) 0%,\n            var(--atb-bordeaux) 58%,\n            #490021 100%\n        );\n}\n\n.atb-news-agenda::before {\n    content: \"\";\n    position: absolute;\n    top: -210px;\n    right: -180px;\n    z-index: -1;\n\n    width: 500px;\n    height: 500px;\n\n    border: 1px solid rgba(204, 153, 51, 0.17);\n    border-radius: 50%;\n}\n\n.atb-news-agenda::after {\n    content: \"AGENDA\";\n    position: absolute;\n    left: -25px;\n    bottom: -46px;\n    z-index: -1;\n\n    color: rgba(255, 255, 255, 0.025);\n\n    font-family: \"Fraunces\", serif;\n    font-size: clamp(130px, 20vw, 310px);\n    font-weight: 700;\n    line-height: 1;\n    letter-spacing: -0.07em;\n\n    pointer-events: none;\n    user-select: none;\n}\n\n\/* ==================================================\n   CONTENEUR\n================================================== *\/\n\n.atb-news-agenda__container {\n    position: relative;\n    z-index: 2;\n\n    width: min(1240px, calc(100% - 48px));\n    margin: 0 auto;\n}\n\n\/* ==================================================\n   EN-T\u00caTE\n================================================== *\/\n\n.atb-news-agenda__header {\n    display: grid;\n    grid-template-columns: minmax(0, 1fr) minmax(300px, 0.62fr);\n    gap: clamp(40px, 8vw, 115px);\n    align-items: end;\n\n    margin-bottom: clamp(48px, 6vw, 74px);\n}\n\n.atb-news-agenda__eyebrow {\n    display: flex;\n    align-items: center;\n    gap: 14px;\n\n    margin-bottom: 18px;\n\n    color: var(--atb-gold);\n\n    font-size: 11px;\n    font-weight: 700;\n    line-height: 1.4;\n    letter-spacing: 0.16em;\n    text-transform: uppercase;\n}\n\n.atb-news-agenda__eyebrow span {\n    width: 42px;\n    height: 1px;\n\n    display: block;\n\n    background: var(--atb-gold);\n}\n\n.atb-news-agenda__heading h2 {\n    margin: 0;\n\n    color: var(--atb-white);\n\n    font-family: \"Fraunces\", serif;\n    font-size: clamp(48px, 6vw, 84px);\n    font-weight: 600;\n    line-height: 0.98;\n    letter-spacing: -0.045em;\n}\n\n.atb-news-agenda__heading h2 em {\n    display: block;\n\n    color: var(--atb-gold);\n\n    font-weight: 500;\n}\n\n.atb-news-agenda__intro p {\n    max-width: 470px;\n    margin: 0;\n\n    color: var(--atb-text-light);\n\n    font-size: 16px;\n    line-height: 1.75;\n}\n\n.atb-news-agenda__all-link {\n    display: inline-flex;\n    align-items: center;\n    gap: 12px;\n\n    margin-top: 22px;\n\n    color: var(--atb-gold) !important;\n\n    font-size: 13px;\n    font-weight: 700;\n    text-decoration: none !important;\n\n    transition: color 0.3s ease;\n}\n\n.atb-news-agenda__all-link svg {\n    width: 19px;\n    height: 19px;\n\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 1.8;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n\n    transition: transform 0.3s ease;\n}\n\n.atb-news-agenda__all-link:hover {\n    color: var(--atb-white) !important;\n}\n\n.atb-news-agenda__all-link:hover svg {\n    transform: translateX(5px);\n}\n\n\/* ==================================================\n   LISTE\n================================================== *\/\n\n.atb-news-agenda__list {\n    border-top: 1px solid var(--atb-border);\n}\n\n\/* ==================================================\n   \u00c9V\u00c9NEMENT\n================================================== *\/\n\n.atb-news-agenda__item {\n    position: relative;\n\n    display: grid;\n    grid-template-columns:\n        105px\n        minmax(0, 1fr)\n        minmax(220px, 0.48fr)\n        92px;\n\n    gap: clamp(24px, 4vw, 56px);\n    align-items: center;\n\n    padding: 34px 14px;\n\n    border-bottom: 1px solid var(--atb-border);\n\n    transition:\n        background-color 0.35s ease,\n        padding-left 0.35s ease,\n        padding-right 0.35s ease;\n}\n\n.atb-news-agenda__item::before {\n    content: \"\";\n    position: absolute;\n    left: 0;\n    top: 50%;\n\n    width: 3px;\n    height: 0;\n\n    border-radius: 5px;\n\n    background: var(--atb-gold);\n\n    transform: translateY(-50%);\n\n    transition: height 0.35s ease;\n}\n\n.atb-news-agenda__item:hover {\n    padding-left: 25px;\n    padding-right: 25px;\n\n    background: rgba(255, 255, 255, 0.055);\n}\n\n.atb-news-agenda__item:hover::before {\n    height: 58%;\n}\n\n\/* ==================================================\n   DATE\n================================================== *\/\n\n.atb-news-agenda__date {\n    width: 88px;\n    min-height: 102px;\n\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n\n    border: 1px solid rgba(204, 153, 51, 0.35);\n    border-radius: 19px;\n\n    background: rgba(255, 255, 255, 0.055);\n\n    backdrop-filter: blur(10px);\n    -webkit-backdrop-filter: blur(10px);\n\n    transition:\n        background-color 0.35s ease,\n        border-color 0.35s ease,\n        transform 0.35s ease;\n}\n\n.atb-news-agenda__item:hover\n.atb-news-agenda__date {\n    background: var(--atb-gold);\n    border-color: var(--atb-gold);\n\n    transform: translateY(-4px);\n}\n\n.atb-news-agenda__day {\n    color: var(--atb-gold);\n\n    font-family: \"Fraunces\", serif;\n    font-size: 38px;\n    font-weight: 700;\n    line-height: 1;\n}\n\n.atb-news-agenda__month {\n    margin-top: 4px;\n\n    color: var(--atb-white);\n\n    font-size: 10px;\n    font-weight: 800;\n    letter-spacing: 0.1em;\n    text-transform: uppercase;\n}\n\n.atb-news-agenda__year {\n    margin-top: 7px;\n\n    color: rgba(255, 255, 255, 0.5);\n\n    font-size: 9px;\n    font-weight: 600;\n}\n\n.atb-news-agenda__item:hover\n.atb-news-agenda__day,\n.atb-news-agenda__item:hover\n.atb-news-agenda__month,\n.atb-news-agenda__item:hover\n.atb-news-agenda__year {\n    color: var(--atb-bordeaux-dark);\n}\n\n\/* ==================================================\n   CONTENU\n================================================== *\/\n\n.atb-news-agenda__meta {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    gap: 10px;\n\n    margin-bottom: 12px;\n\n    color: rgba(255, 255, 255, 0.55);\n\n    font-size: 10px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n}\n\n.atb-news-agenda__category {\n    color: var(--atb-gold);\n}\n\n.atb-news-agenda__dot {\n    width: 4px;\n    height: 4px;\n\n    border-radius: 50%;\n\n    background: var(--atb-gold);\n}\n\n.atb-news-agenda__content h3 {\n    margin: 0;\n\n    color: var(--atb-white);\n\n    font-family: \"Fraunces\", serif;\n    font-size: clamp(25px, 2.5vw, 36px);\n    font-weight: 600;\n    line-height: 1.12;\n    letter-spacing: -0.025em;\n}\n\n.atb-news-agenda__content p {\n    max-width: 620px;\n    margin: 13px 0 0;\n\n    color: rgba(255, 255, 255, 0.64);\n\n    font-size: 14px;\n    line-height: 1.68;\n}\n\n\/* ==================================================\n   D\u00c9TAILS\n================================================== *\/\n\n.atb-news-agenda__details {\n    display: flex;\n    flex-direction: column;\n    gap: 13px;\n}\n\n.atb-news-agenda__detail {\n    display: flex;\n    align-items: center;\n    gap: 11px;\n\n    color: rgba(255, 255, 255, 0.7);\n\n    font-size: 12px;\n    font-weight: 600;\n}\n\n.atb-news-agenda__detail svg {\n    width: 18px;\n    height: 18px;\n\n    flex: 0 0 18px;\n\n    fill: none;\n    stroke: var(--atb-gold);\n    stroke-width: 1.7;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n}\n\n\/* ==================================================\n   BOUTON\n================================================== *\/\n\n.atb-news-agenda__button {\n    width: 54px;\n    height: 54px;\n\n    display: inline-flex;\n    justify-content: center;\n    align-items: center;\n\n    justify-self: end;\n\n    overflow: hidden;\n\n    border: 1px solid rgba(255, 255, 255, 0.23);\n    border-radius: 50%;\n\n    background: rgba(255, 255, 255, 0.05);\n    color: var(--atb-white) !important;\n\n    text-decoration: none !important;\n\n    transition:\n        width 0.4s ease,\n        border-radius 0.4s ease,\n        background-color 0.35s ease,\n        border-color 0.35s ease,\n        color 0.35s ease,\n        transform 0.35s ease;\n}\n\n.atb-news-agenda__button span {\n    max-width: 0;\n    overflow: hidden;\n\n    opacity: 0;\n\n    font-size: 12px;\n    font-weight: 700;\n    white-space: nowrap;\n\n    transition:\n        max-width 0.35s ease,\n        opacity 0.25s ease,\n        margin-right 0.35s ease;\n}\n\n.atb-news-agenda__button svg {\n    width: 19px;\n    height: 19px;\n\n    flex: 0 0 19px;\n\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 1.8;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n}\n\n.atb-news-agenda__item:hover\n.atb-news-agenda__button {\n    width: 88px;\n\n    border-radius: 999px;\n\n    background: var(--atb-gold);\n    border-color: var(--atb-gold);\n    color: var(--atb-bordeaux-dark) !important;\n\n    transform: translateX(-4px);\n}\n\n.atb-news-agenda__item:hover\n.atb-news-agenda__button span {\n    max-width: 34px;\n    margin-right: 7px;\n\n    opacity: 1;\n}\n\n\/* ==================================================\n   PIED DE SECTION\n================================================== *\/\n\n.atb-news-agenda__footer {\n    margin-top: 44px;\n    padding: 26px 30px;\n\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    gap: 25px;\n\n    border: 1px solid rgba(204, 153, 51, 0.25);\n    border-radius: 20px;\n\n    background: rgba(255, 255, 255, 0.045);\n\n    backdrop-filter: blur(12px);\n    -webkit-backdrop-filter: blur(12px);\n}\n\n.atb-news-agenda__footer p {\n    margin: 0;\n\n    color: rgba(255, 255, 255, 0.72);\n\n    font-size: 14px;\n    line-height: 1.6;\n}\n\n.atb-news-agenda__footer-button {\n    min-height: 52px;\n    padding: 15px 22px;\n\n    display: inline-flex;\n    justify-content: center;\n    align-items: center;\n    gap: 12px;\n\n    border-radius: 999px;\n\n    background: var(--atb-gold);\n    color: var(--atb-bordeaux-dark) !important;\n\n    font-size: 13px;\n    font-weight: 700;\n    text-decoration: none !important;\n\n    box-shadow:\n        0 14px 30px rgba(0, 0, 0, 0.15);\n\n    transition:\n        transform 0.35s ease,\n        background-color 0.35s ease,\n        box-shadow 0.35s ease;\n}\n\n.atb-news-agenda__footer-button svg {\n    width: 18px;\n    height: 18px;\n\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 1.8;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n\n    transition: transform 0.35s ease;\n}\n\n.atb-news-agenda__footer-button:hover {\n    background: var(--atb-gold-light);\n\n    transform: translateY(-3px);\n\n    box-shadow:\n        0 18px 37px rgba(0, 0, 0, 0.22);\n}\n\n.atb-news-agenda__footer-button:hover svg {\n    transform: translateX(4px);\n}\n\n\/* ==================================================\n   APPARITION\n================================================== *\/\n\n.atb-agenda-reveal {\n    opacity: 0;\n    transform: translateY(30px);\n\n    transition:\n        opacity 0.85s cubic-bezier(.2,.7,.2,1),\n        transform 0.85s cubic-bezier(.2,.7,.2,1);\n}\n\n.atb-agenda-reveal.is-visible {\n    opacity: 1;\n    transform: translateY(0);\n}\n\n.atb-news-agenda__item:nth-child(1) {\n    transition-delay: 0.08s;\n}\n\n.atb-news-agenda__item:nth-child(2) {\n    transition-delay: 0.16s;\n}\n\n.atb-news-agenda__item:nth-child(3) {\n    transition-delay: 0.24s;\n}\n\n.atb-news-agenda__footer.is-visible {\n    transition-delay: 0.18s;\n}\n\n\/* ==================================================\n   TABLETTE\n================================================== *\/\n\n@media (max-width: 1024px) {\n\n    .atb-news-agenda__header {\n        grid-template-columns: 1fr;\n        gap: 25px;\n    }\n\n    .atb-news-agenda__intro p {\n        max-width: 680px;\n    }\n\n    .atb-news-agenda__item {\n        grid-template-columns: 92px minmax(0, 1fr) 64px;\n        gap: 27px;\n    }\n\n    .atb-news-agenda__details {\n        grid-column: 2 \/ 3;\n\n        flex-direction: row;\n        flex-wrap: wrap;\n\n        margin-top: -7px;\n    }\n\n    .atb-news-agenda__button {\n        grid-column: 3;\n        grid-row: 1 \/ 3;\n    }\n}\n\n\/* ==================================================\n   MOBILE\n================================================== *\/\n\n@media (max-width: 767px) {\n\n    .atb-news-agenda {\n        padding: 82px 0;\n    }\n\n    .atb-news-agenda__container {\n        width: calc(100% - 30px);\n    }\n\n    .atb-news-agenda__heading h2 {\n        font-size: 46px;\n    }\n\n    .atb-news-agenda__intro p {\n        font-size: 15px;\n    }\n\n    .atb-news-agenda__item {\n        grid-template-columns: 72px minmax(0, 1fr);\n        gap: 19px;\n\n        padding: 27px 4px;\n    }\n\n    .atb-news-agenda__item:hover {\n        padding-left: 10px;\n        padding-right: 10px;\n    }\n\n    .atb-news-agenda__date {\n        width: 68px;\n        min-height: 87px;\n\n        border-radius: 16px;\n    }\n\n    .atb-news-agenda__day {\n        font-size: 31px;\n    }\n\n    .atb-news-agenda__content h3 {\n        font-size: 27px;\n    }\n\n    .atb-news-agenda__content p {\n        margin-top: 10px;\n\n        font-size: 13px;\n    }\n\n    .atb-news-agenda__details {\n        grid-column: 2;\n\n        flex-direction: column;\n        gap: 10px;\n\n        margin-top: 3px;\n    }\n\n    .atb-news-agenda__button {\n        grid-column: 2;\n        grid-row: auto;\n\n        width: auto;\n        height: 46px;\n        min-width: 105px;\n        padding: 12px 18px;\n\n        justify-self: start;\n\n        border-radius: 999px;\n\n        background: var(--atb-gold);\n        border-color: var(--atb-gold);\n        color: var(--atb-bordeaux-dark) !important;\n    }\n\n    .atb-news-agenda__button span {\n        max-width: none;\n        margin-right: 8px;\n\n        opacity: 1;\n    }\n\n    .atb-news-agenda__item:hover\n    .atb-news-agenda__button {\n        width: auto;\n        transform: none;\n    }\n\n    .atb-news-agenda__footer {\n        align-items: stretch;\n        flex-direction: column;\n\n        padding: 24px 21px;\n    }\n\n    .atb-news-agenda__footer-button {\n        width: 100%;\n    }\n}\n\n\/* ==================================================\n   PETITS MOBILES\n================================================== *\/\n\n@media (max-width: 420px) {\n\n    .atb-news-agenda__heading h2 {\n        font-size: 41px;\n    }\n\n    .atb-news-agenda__item {\n        grid-template-columns: 62px minmax(0, 1fr);\n        gap: 16px;\n    }\n\n    .atb-news-agenda__date {\n        width: 60px;\n        min-height: 80px;\n    }\n\n    .atb-news-agenda__day {\n        font-size: 28px;\n    }\n\n    .atb-news-agenda__month {\n        font-size: 8px;\n    }\n\n    .atb-news-agenda__content h3 {\n        font-size: 24px;\n    }\n}\n\n\/* ==================================================\n   ACCESSIBILIT\u00c9\n================================================== *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n    .atb-agenda-reveal {\n        opacity: 1;\n        transform: none;\n        transition: none;\n    }\n\n    .atb-news-agenda__item,\n    .atb-news-agenda__date,\n    .atb-news-agenda__button {\n        transition: none;\n    }\n}\n<\/style>\n\n<script>\n(function () {\n\n    const section = document.querySelector('.atb-news-agenda');\n\n    if (!section || section.dataset.initialized === 'true') return;\n\n    section.dataset.initialized = 'true';\n\n    const revealElements = section.querySelectorAll(\n        '.atb-agenda-reveal'\n    );\n\n    if (!('IntersectionObserver' in window)) {\n\n        revealElements.forEach(function (element) {\n            element.classList.add('is-visible');\n        });\n\n        return;\n    }\n\n    const observer = new IntersectionObserver(\n        function (entries) {\n\n            entries.forEach(function (entry) {\n\n                if (!entry.isIntersecting) return;\n\n                entry.target.classList.add('is-visible');\n                observer.unobserve(entry.target);\n\n            });\n\n        },\n        {\n            threshold: 0.12\n        }\n    );\n\n    revealElements.forEach(function (element) {\n        observer.observe(element);\n    });\n\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-66b40c8 e-con e-atomic-element e-flexbox-base e-618915f \" data-id=\"66b40c8\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"66b40c8\" data-e-type=\"e-flexbox\" data-id=\"66b40c8\">\n    \t\t<div class=\"elementor-element elementor-element-ef8608e elementor-widget elementor-widget-html\" data-id=\"ef8608e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ==================================================\n     ATB \u2014 PAGE ACTUALIT\u00c9S\n     SECTION 05 : EXPLORER NOS CONTENUS\n=================================================== -->\n\n<section class=\"atb-editorial-worlds\" id=\"explorer-nos-contenus\">\n\n    <div class=\"atb-editorial-worlds__container\">\n\n        <!-- EN-T\u00caTE -->\n        <header class=\"atb-editorial-worlds__header atb-worlds-reveal\">\n\n            <div class=\"atb-editorial-worlds__heading\">\n\n                <div class=\"atb-editorial-worlds__eyebrow\">\n                    <span><\/span>\n                    Les univers \u00e9ditoriaux de l\u2019ATB\n                <\/div>\n\n                <h2>\n                    Explorer nos\n                    <em>contenus<\/em>\n                <\/h2>\n\n            <\/div>\n\n            <p>\n                Prolongez votre d\u00e9couverte \u00e0 travers les analyses,\n                les cr\u00e9ations audiovisuelles et les ressources\n                documentaires de l\u2019Atelier Th\u00e9\u00e2tre Burkinab\u00e8.\n            <\/p>\n\n        <\/header>\n\n        <!-- GRILLE -->\n        <div class=\"atb-editorial-worlds__grid\">\n\n            <!-- BLOG -->\n            <article class=\"atb-editorial-worlds__card atb-worlds-reveal\">\n\n                <a href=\"\/blog\/\"\n                   class=\"atb-editorial-worlds__card-link\"\n                   aria-label=\"D\u00e9couvrir le blog de l\u2019ATB\">\n\n                    <div class=\"atb-editorial-worlds__visual\">\n\n                        <img decoding=\"async\"\n                            src=\"http:\/\/atb.bf\/atb-v2\/wp-content\/uploads\/2026\/01\/35496529_950534601789725_5186990866182438912_n.jpg\"\n                            alt=\"Blog et actualit\u00e9s de l\u2019Atelier Th\u00e9\u00e2tre Burkinab\u00e8\"\n                            loading=\"lazy\"\n                        >\n\n                        <div class=\"atb-editorial-worlds__overlay\"><\/div>\n\n                        <span class=\"atb-editorial-worlds__number\">\n                            01\n                        <\/span>\n\n                        <span class=\"atb-editorial-worlds__category\">\n                            \u00c9ditorial\n                        <\/span>\n\n                    <\/div>\n\n                    <div class=\"atb-editorial-worlds__content\">\n\n                        <div class=\"atb-editorial-worlds__icon\">\n\n                            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                                <path d=\"M5 5h14v14H5z\"><\/path>\n                                <path d=\"M8 9h8M8 12h8M8 15h5\"><\/path>\n                            <\/svg>\n\n                        <\/div>\n\n                        <h3>Blog<\/h3>\n\n                        <p>\n                            Chroniques, analyses, entretiens, coulisses\n                            et r\u00e9cits autour du th\u00e9\u00e2tre, de la culture\n                            et de l\u2019engagement citoyen.\n                        <\/p>\n\n                        <span class=\"atb-editorial-worlds__button\">\n\n                            <span>D\u00e9couvrir<\/span>\n\n                            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                                <path d=\"M5 12h14M13 6l6 6-6 6\"><\/path>\n                            <\/svg>\n\n                        <\/span>\n\n                    <\/div>\n\n                <\/a>\n\n            <\/article>\n\n            <!-- T\u00c9L\u00c9-TH\u00c9\u00c2TRE -->\n            <article class=\"atb-editorial-worlds__card atb-worlds-reveal\">\n\n                <a href=\"https:\/\/web.facebook.com\/teletheatreatb\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"atb-editorial-worlds__card-link\" aria-label=\"D\u00e9couvrir T\u00e9l\u00e9-Th\u00e9\u00e2tre ATB\">\n\n                    <div class=\"atb-editorial-worlds__visual\">\n\n                        <img decoding=\"async\"\n                            src=\"http:\/\/atb.bf\/atb-v2\/wp-content\/uploads\/2026\/01\/496254009_2894000690776430_5070873447038579215_n.jpg\"\n                            alt=\"T\u00e9l\u00e9-Th\u00e9\u00e2tre de l\u2019Atelier Th\u00e9\u00e2tre Burkinab\u00e8\"\n                            loading=\"lazy\"\n                        >\n\n                        <div class=\"atb-editorial-worlds__overlay\"><\/div>\n\n                        <span class=\"atb-editorial-worlds__number\">\n                            02\n                        <\/span>\n\n                        <span class=\"atb-editorial-worlds__category\">\n                            Vid\u00e9o\n                        <\/span>\n\n                        <span class=\"atb-editorial-worlds__play\">\n\n                            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                                <path d=\"M9 7l8 5-8 5z\"><\/path>\n                            <\/svg>\n\n                        <\/span>\n\n                    <\/div>\n\n                    <div class=\"atb-editorial-worlds__content\">\n\n                        <div class=\"atb-editorial-worlds__icon\">\n\n                            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                                <rect x=\"4\" y=\"6\" width=\"16\" height=\"12\" rx=\"2\"><\/rect>\n                                <path d=\"M10 9l5 3-5 3z\"><\/path>\n                            <\/svg>\n\n                        <\/div>\n\n                        <h3>T\u00e9l\u00e9-Th\u00e9\u00e2tre<\/h3>\n\n                        <p>\n                            Regardez les spectacles, les pi\u00e8ces film\u00e9es,\n                            les productions p\u00e9dagogiques et les archives\n                            audiovisuelles de l\u2019ATB.\n                        <\/p>\n\n                        <span class=\"atb-editorial-worlds__button\">\n\n                            <span>Voir les vid\u00e9os<\/span>\n\n                            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                                <path d=\"M5 12h14M13 6l6 6-6 6\"><\/path>\n                            <\/svg>\n\n                        <\/span>\n\n                    <\/div>\n\n                <\/a>\n\n            <\/article>\n\n            <!-- RESSOURCES -->\n            <article class=\"atb-editorial-worlds__card atb-worlds-reveal\">\n\n                <a href=\"\/ressources\/\"\n                   class=\"atb-editorial-worlds__card-link\"\n                   aria-label=\"D\u00e9couvrir le centre de ressources de l\u2019ATB\">\n\n                    <div class=\"atb-editorial-worlds__visual\">\n\n                        <img decoding=\"async\"\n                            src=\"http:\/\/atb.bf\/atb-v2\/wp-content\/uploads\/2026\/07\/capo-2026.jpg\"\n                            alt=\"Centre de ressources de l\u2019Atelier Th\u00e9\u00e2tre Burkinab\u00e8\"\n                            loading=\"lazy\"\n                        >\n\n                        <div class=\"atb-editorial-worlds__overlay\"><\/div>\n\n                        <span class=\"atb-editorial-worlds__number\">\n                            03\n                        <\/span>\n\n                        <span class=\"atb-editorial-worlds__category\">\n                            Documentation\n                        <\/span>\n\n                    <\/div>\n\n                    <div class=\"atb-editorial-worlds__content\">\n\n                        <div class=\"atb-editorial-worlds__icon\">\n\n                            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                                <path d=\"M5 4h10a3 3 0 0 1 3 3v13H8a3 3 0 0 1-3-3z\"><\/path>\n                                <path d=\"M8 4v13a3 3 0 0 0 3 3\"><\/path>\n                                <path d=\"M11 8h4M11 11h4\"><\/path>\n                            <\/svg>\n\n                        <\/div>\n\n                        <h3>Centre de ressources<\/h3>\n\n                        <p>\n                            Consultez les revues Enjeux de Sc\u00e8ne,\n                            les publications, les archives, les catalogues\n                            et les documents de r\u00e9f\u00e9rence de l\u2019ATB.\n                        <\/p>\n\n                        <span class=\"atb-editorial-worlds__button\">\n\n                            <span>Explorer<\/span>\n\n                            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                                <path d=\"M5 12h14M13 6l6 6-6 6\"><\/path>\n                            <\/svg>\n\n                        <\/span>\n\n                    <\/div>\n\n                <\/a>\n\n            <\/article>\n\n        <\/div>\n\n        <!-- BANDEAU INF\u00c9RIEUR -->\n        <div class=\"atb-editorial-worlds__footer atb-worlds-reveal\">\n\n            <div class=\"atb-editorial-worlds__footer-mark\">\n                ATB\n            <\/div>\n\n            <div class=\"atb-editorial-worlds__footer-content\">\n\n                <span>Une m\u00e9moire culturelle vivante<\/span>\n\n                <p>\n                    Chaque publication documente une exp\u00e9rience,\n                    une cr\u00e9ation ou une m\u00e9thode au service\n                    du d\u00e9veloppement.\n                <\/p>\n\n            <\/div>\n\n            <a href=\"\/ressources\/\"\n               class=\"atb-editorial-worlds__footer-link\">\n\n                <span>D\u00e9couvrir toutes les ressources<\/span>\n\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                    <path d=\"M5 12h14M13 6l6 6-6 6\"><\/path>\n                <\/svg>\n\n            <\/a>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Archivo:wght@400;500;600;700&family=Fraunces:opsz,wght@9..144,500;9..144,600;9..144,700&display=swap');\n\n\/* ==================================================\n   SECTION\n================================================== *\/\n\n.atb-editorial-worlds {\n    --atb-bordeaux: #60052D;\n    --atb-bordeaux-dark: #350018;\n    --atb-gold: #CC9933;\n    --atb-gold-light: #E1B95F;\n    --atb-cream: #F7F1E7;\n    --atb-cream-light: #FCF9F4;\n    --atb-white: #FFFFFF;\n    --atb-text: #31272B;\n    --atb-muted: #786D72;\n\n    position: relative;\n    overflow: hidden;\n\n    padding: clamp(90px, 10vw, 145px) 0;\n\n    background:\n        linear-gradient(\n            180deg,\n            var(--atb-cream) 0%,\n            var(--atb-cream-light) 100%\n        );\n\n    font-family: \"Archivo\", sans-serif;\n}\n\n.atb-editorial-worlds *,\n.atb-editorial-worlds *::before,\n.atb-editorial-worlds *::after {\n    box-sizing: border-box;\n}\n\n.atb-editorial-worlds::before {\n    content: \"\";\n    position: absolute;\n    top: 70px;\n    right: -170px;\n\n    width: 420px;\n    height: 420px;\n\n    border: 1px solid rgba(204, 153, 51, 0.18);\n    border-radius: 50%;\n\n    pointer-events: none;\n}\n\n.atb-editorial-worlds::after {\n    content: \"\";\n    position: absolute;\n    left: -130px;\n    bottom: 90px;\n\n    width: 300px;\n    height: 300px;\n\n    border-radius: 50%;\n\n    background:\n        radial-gradient(\n            circle,\n            rgba(96, 5, 45, 0.06),\n            transparent 68%\n        );\n\n    pointer-events: none;\n}\n\n\/* ==================================================\n   CONTENEUR\n================================================== *\/\n\n.atb-editorial-worlds__container {\n    position: relative;\n    z-index: 2;\n\n    width: min(1240px, calc(100% - 48px));\n    margin: 0 auto;\n}\n\n\/* ==================================================\n   EN-T\u00caTE\n================================================== *\/\n\n.atb-editorial-worlds__header {\n    display: grid;\n    grid-template-columns: minmax(0, 1fr) minmax(300px, 0.62fr);\n    gap: clamp(40px, 8vw, 115px);\n    align-items: end;\n\n    margin-bottom: clamp(48px, 6vw, 76px);\n}\n\n.atb-editorial-worlds__eyebrow {\n    display: flex;\n    align-items: center;\n    gap: 14px;\n\n    margin-bottom: 18px;\n\n    color: var(--atb-bordeaux);\n\n    font-size: 11px;\n    font-weight: 700;\n    line-height: 1.4;\n    letter-spacing: 0.16em;\n    text-transform: uppercase;\n}\n\n.atb-editorial-worlds__eyebrow span {\n    width: 42px;\n    height: 1px;\n\n    display: block;\n\n    background: var(--atb-gold);\n}\n\n.atb-editorial-worlds__heading h2 {\n    margin: 0;\n\n    color: var(--atb-bordeaux-dark);\n\n    font-family: \"Fraunces\", serif;\n    font-size: clamp(46px, 6vw, 84px);\n    font-weight: 600;\n    line-height: 0.98;\n    letter-spacing: -0.045em;\n}\n\n.atb-editorial-worlds__heading h2 em {\n    display: block;\n\n    color: var(--atb-gold);\n\n    font-weight: 500;\n}\n\n.atb-editorial-worlds__header > p {\n    max-width: 470px;\n    margin: 0;\n\n    color: var(--atb-muted);\n\n    font-size: 16px;\n    line-height: 1.75;\n}\n\n\/* ==================================================\n   GRILLE\n================================================== *\/\n\n.atb-editorial-worlds__grid {\n    display: grid;\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n    gap: 26px;\n}\n\n\/* ==================================================\n   CARTE\n================================================== *\/\n\n.atb-editorial-worlds__card {\n    position: relative;\n    min-width: 0;\n\n    border-radius: 25px;\n\n    transition:\n        transform 0.45s ease,\n        box-shadow 0.45s ease;\n}\n\n.atb-editorial-worlds__card:hover {\n    transform: translateY(-10px);\n\n    box-shadow:\n        0 30px 70px rgba(55, 20, 35, 0.15);\n}\n\n.atb-editorial-worlds__card-link {\n    height: 100%;\n\n    display: flex;\n    flex-direction: column;\n\n    overflow: hidden;\n\n    border: 1px solid rgba(96, 5, 45, 0.08);\n    border-radius: 25px;\n\n    background: var(--atb-white);\n    color: inherit !important;\n\n    text-decoration: none !important;\n\n    box-shadow:\n        0 18px 55px rgba(55, 20, 35, 0.07);\n}\n\n\/* ==================================================\n   VISUEL\n================================================== *\/\n\n.atb-editorial-worlds__visual {\n    position: relative;\n    overflow: hidden;\n\n    height: 340px;\n\n    background: var(--atb-bordeaux-dark);\n}\n\n.atb-editorial-worlds__visual img {\n    width: 100%;\n    height: 100%;\n\n    display: block;\n\n    object-fit: cover;\n    object-position: center;\n\n    transition:\n        transform 1s cubic-bezier(.2,.7,.2,1),\n        filter 0.6s ease;\n}\n\n.atb-editorial-worlds__card:hover\n.atb-editorial-worlds__visual img {\n    transform: scale(1.07);\n}\n\n.atb-editorial-worlds__overlay {\n    position: absolute;\n    inset: 0;\n\n    background:\n        linear-gradient(\n            180deg,\n            rgba(34, 0, 16, 0.05) 20%,\n            rgba(34, 0, 16, 0.75) 100%\n        );\n}\n\n.atb-editorial-worlds__number {\n    position: absolute;\n    right: 18px;\n    bottom: -12px;\n\n    color: rgba(255, 255, 255, 0.17);\n\n    font-family: \"Fraunces\", serif;\n    font-size: 104px;\n    font-weight: 700;\n    line-height: 1;\n\n    pointer-events: none;\n}\n\n.atb-editorial-worlds__category {\n    position: absolute;\n    left: 20px;\n    top: 20px;\n\n    padding: 9px 13px;\n\n    border-radius: 999px;\n\n    background: rgba(247, 241, 231, 0.94);\n    color: var(--atb-bordeaux);\n\n    font-size: 9px;\n    font-weight: 800;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n\n    backdrop-filter: blur(8px);\n    -webkit-backdrop-filter: blur(8px);\n}\n\n.atb-editorial-worlds__play {\n    position: absolute;\n    left: 50%;\n    top: 50%;\n\n    width: 68px;\n    height: 68px;\n\n    display: flex;\n    justify-content: center;\n    align-items: center;\n\n    border: 1px solid rgba(255, 255, 255, 0.55);\n    border-radius: 50%;\n\n    background: rgba(96, 5, 45, 0.48);\n    color: var(--atb-white);\n\n    transform: translate(-50%, -50%);\n\n    backdrop-filter: blur(10px);\n    -webkit-backdrop-filter: blur(10px);\n\n    transition:\n        background-color 0.35s ease,\n        border-color 0.35s ease,\n        transform 0.35s ease;\n}\n\n.atb-editorial-worlds__play svg {\n    width: 25px;\n    height: 25px;\n\n    fill: currentColor;\n    stroke: currentColor;\n    stroke-width: 1.2;\n}\n\n.atb-editorial-worlds__card:hover\n.atb-editorial-worlds__play {\n    background: var(--atb-gold);\n    border-color: var(--atb-gold);\n    color: var(--atb-bordeaux-dark);\n\n    transform:\n        translate(-50%, -50%)\n        scale(1.08);\n}\n\n\/* ==================================================\n   CONTENU\n================================================== *\/\n\n.atb-editorial-worlds__content {\n    position: relative;\n\n    flex: 1;\n\n    padding: 32px 28px 30px;\n\n    display: flex;\n    flex-direction: column;\n}\n\n.atb-editorial-worlds__icon {\n    width: 48px;\n    height: 48px;\n\n    margin-bottom: 24px;\n\n    display: flex;\n    justify-content: center;\n    align-items: center;\n\n    border-radius: 15px;\n\n    background: var(--atb-cream);\n    color: var(--atb-bordeaux);\n\n    transition:\n        background-color 0.35s ease,\n        color 0.35s ease,\n        transform 0.35s ease;\n}\n\n.atb-editorial-worlds__icon svg {\n    width: 23px;\n    height: 23px;\n\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 1.7;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n}\n\n.atb-editorial-worlds__card:hover\n.atb-editorial-worlds__icon {\n    background: var(--atb-bordeaux);\n    color: var(--atb-white);\n\n    transform: rotate(-5deg);\n}\n\n.atb-editorial-worlds__content h3 {\n    margin: 0;\n\n    color: var(--atb-bordeaux-dark);\n\n    font-family: \"Fraunces\", serif;\n    font-size: clamp(32px, 3vw, 43px);\n    font-weight: 600;\n    line-height: 1.05;\n    letter-spacing: -0.03em;\n}\n\n.atb-editorial-worlds__content p {\n    margin: 18px 0 0;\n\n    color: var(--atb-muted);\n\n    font-size: 14px;\n    line-height: 1.75;\n}\n\n.atb-editorial-worlds__button {\n    margin-top: auto;\n    padding-top: 27px;\n\n    display: inline-flex;\n    align-items: center;\n    gap: 11px;\n\n    color: var(--atb-bordeaux);\n\n    font-size: 12px;\n    font-weight: 800;\n}\n\n.atb-editorial-worlds__button svg {\n    width: 18px;\n    height: 18px;\n\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 1.8;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n\n    transition: transform 0.35s ease;\n}\n\n.atb-editorial-worlds__card:hover\n.atb-editorial-worlds__button {\n    color: var(--atb-gold);\n}\n\n.atb-editorial-worlds__card:hover\n.atb-editorial-worlds__button svg {\n    transform: translateX(5px);\n}\n\n\/* ==================================================\n   BANDEAU INF\u00c9RIEUR\n================================================== *\/\n\n.atb-editorial-worlds__footer {\n    position: relative;\n    overflow: hidden;\n\n    margin-top: 48px;\n    padding: 28px 32px;\n\n    display: grid;\n    grid-template-columns: 88px minmax(0, 1fr) auto;\n    gap: 26px;\n    align-items: center;\n\n    border-radius: 22px;\n\n    background:\n        linear-gradient(\n            135deg,\n            var(--atb-bordeaux-dark),\n            var(--atb-bordeaux)\n        );\n\n    box-shadow:\n        0 22px 55px rgba(96, 5, 45, 0.18);\n}\n\n.atb-editorial-worlds__footer::after {\n    content: \"\";\n    position: absolute;\n    right: -90px;\n    top: -100px;\n\n    width: 240px;\n    height: 240px;\n\n    border: 1px solid rgba(204, 153, 51, 0.23);\n    border-radius: 50%;\n\n    pointer-events: none;\n}\n\n.atb-editorial-worlds__footer-mark {\n    width: 72px;\n    height: 72px;\n\n    display: flex;\n    justify-content: center;\n    align-items: center;\n\n    border: 1px solid rgba(204, 153, 51, 0.4);\n    border-radius: 50%;\n\n    color: var(--atb-gold);\n\n    font-family: \"Fraunces\", serif;\n    font-size: 24px;\n    font-weight: 700;\n}\n\n.atb-editorial-worlds__footer-content span {\n    display: block;\n\n    color: var(--atb-gold);\n\n    font-size: 10px;\n    font-weight: 800;\n    letter-spacing: 0.13em;\n    text-transform: uppercase;\n}\n\n.atb-editorial-worlds__footer-content p {\n    max-width: 660px;\n    margin: 8px 0 0;\n\n    color: rgba(255, 255, 255, 0.72);\n\n    font-size: 14px;\n    line-height: 1.65;\n}\n\n.atb-editorial-worlds__footer-link {\n    position: relative;\n    z-index: 2;\n\n    min-height: 52px;\n    padding: 14px 21px;\n\n    display: inline-flex;\n    justify-content: center;\n    align-items: center;\n    gap: 11px;\n\n    border-radius: 999px;\n\n    background: var(--atb-gold);\n    color: var(--atb-bordeaux-dark) !important;\n\n    font-size: 12px;\n    font-weight: 800;\n    text-decoration: none !important;\n\n    transition:\n        transform 0.35s ease,\n        background-color 0.35s ease;\n}\n\n.atb-editorial-worlds__footer-link svg {\n    width: 18px;\n    height: 18px;\n\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 1.8;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n\n    transition: transform 0.35s ease;\n}\n\n.atb-editorial-worlds__footer-link:hover {\n    background: var(--atb-gold-light);\n\n    transform: translateY(-3px);\n}\n\n.atb-editorial-worlds__footer-link:hover svg {\n    transform: translateX(4px);\n}\n\n\/* ==================================================\n   ANIMATIONS\n================================================== *\/\n\n.atb-worlds-reveal {\n    opacity: 0;\n    transform: translateY(32px);\n\n    transition:\n        opacity 0.85s cubic-bezier(.2,.7,.2,1),\n        transform 0.85s cubic-bezier(.2,.7,.2,1);\n}\n\n.atb-worlds-reveal.is-visible {\n    opacity: 1;\n    transform: translateY(0);\n}\n\n.atb-editorial-worlds__card:nth-child(1) {\n    transition-delay: 0.08s;\n}\n\n.atb-editorial-worlds__card:nth-child(2) {\n    transition-delay: 0.16s;\n}\n\n.atb-editorial-worlds__card:nth-child(3) {\n    transition-delay: 0.24s;\n}\n\n.atb-editorial-worlds__footer.is-visible {\n    transition-delay: 0.14s;\n}\n\n\/* ==================================================\n   TABLETTE\n================================================== *\/\n\n@media (max-width: 1024px) {\n\n    .atb-editorial-worlds__header {\n        grid-template-columns: 1fr;\n        gap: 25px;\n    }\n\n    .atb-editorial-worlds__header > p {\n        max-width: 680px;\n    }\n\n    .atb-editorial-worlds__grid {\n        grid-template-columns: repeat(2, minmax(0, 1fr));\n    }\n\n    .atb-editorial-worlds__card:last-child {\n        grid-column: 1 \/ -1;\n    }\n\n    .atb-editorial-worlds__card:last-child\n    .atb-editorial-worlds__card-link {\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n    }\n\n    .atb-editorial-worlds__card:last-child\n    .atb-editorial-worlds__visual {\n        height: 100%;\n        min-height: 390px;\n    }\n\n    .atb-editorial-worlds__footer {\n        grid-template-columns: 72px minmax(0, 1fr);\n    }\n\n    .atb-editorial-worlds__footer-link {\n        grid-column: 2;\n        justify-self: start;\n    }\n}\n\n\/* ==================================================\n   MOBILE\n================================================== *\/\n\n@media (max-width: 767px) {\n\n    .atb-editorial-worlds {\n        padding: 82px 0;\n    }\n\n    .atb-editorial-worlds__container {\n        width: calc(100% - 30px);\n    }\n\n    .atb-editorial-worlds__heading h2 {\n        font-size: 46px;\n    }\n\n    .atb-editorial-worlds__header > p {\n        font-size: 15px;\n    }\n\n    .atb-editorial-worlds__grid {\n        grid-template-columns: 1fr;\n        gap: 23px;\n    }\n\n    .atb-editorial-worlds__card:last-child {\n        grid-column: auto;\n    }\n\n    .atb-editorial-worlds__card:last-child\n    .atb-editorial-worlds__card-link {\n        display: flex;\n    }\n\n    .atb-editorial-worlds__visual,\n    .atb-editorial-worlds__card:last-child\n    .atb-editorial-worlds__visual {\n        height: 285px;\n        min-height: 0;\n    }\n\n    .atb-editorial-worlds__content {\n        padding: 28px 23px 27px;\n    }\n\n    .atb-editorial-worlds__content h3 {\n        font-size: 35px;\n    }\n\n    .atb-editorial-worlds__footer {\n        grid-template-columns: 1fr;\n        padding: 25px 22px;\n    }\n\n    .atb-editorial-worlds__footer-mark {\n        width: 60px;\n        height: 60px;\n    }\n\n    .atb-editorial-worlds__footer-link {\n        grid-column: auto;\n        width: 100%;\n    }\n}\n\n\/* ==================================================\n   PETITS MOBILES\n================================================== *\/\n\n@media (max-width: 420px) {\n\n    .atb-editorial-worlds__heading h2 {\n        font-size: 41px;\n    }\n\n    .atb-editorial-worlds__visual {\n        height: 250px;\n    }\n\n    .atb-editorial-worlds__content h3 {\n        font-size: 32px;\n    }\n}\n\n\/* ==================================================\n   ACCESSIBILIT\u00c9\n================================================== *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n    .atb-worlds-reveal {\n        opacity: 1;\n        transform: none;\n        transition: none;\n    }\n\n    .atb-editorial-worlds__card,\n    .atb-editorial-worlds__visual img,\n    .atb-editorial-worlds__play,\n    .atb-editorial-worlds__icon {\n        transition: none;\n    }\n}\n<\/style>\n\n<script>\n(function () {\n\n    const section = document.querySelector('.atb-editorial-worlds');\n\n    if (!section || section.dataset.initialized === 'true') return;\n\n    section.dataset.initialized = 'true';\n\n    const revealElements = section.querySelectorAll(\n        '.atb-worlds-reveal'\n    );\n\n    if (!('IntersectionObserver' in window)) {\n\n        revealElements.forEach(function (element) {\n            element.classList.add('is-visible');\n        });\n\n        return;\n    }\n\n    const observer = new IntersectionObserver(\n        function (entries) {\n\n            entries.forEach(function (entry) {\n\n                if (!entry.isIntersecting) return;\n\n                entry.target.classList.add('is-visible');\n                observer.unobserve(entry.target);\n\n            });\n\n        },\n        {\n            threshold: 0.12\n        }\n    );\n\n    revealElements.forEach(function (element) {\n        observer.observe(element);\n    });\n\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-b24cbc1 e-con e-atomic-element e-flexbox-base e-c51d78a \" data-id=\"b24cbc1\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"b24cbc1\" data-e-type=\"e-flexbox\" data-id=\"b24cbc1\">\n    \t\t<div class=\"elementor-element elementor-element-a1765a0 elementor-widget__width-initial elementor-widget-tablet__width-initial elementor-widget elementor-widget-html\" data-id=\"a1765a0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ==================================================\n     ATB \u2014 PAGE ACTUALIT\u00c9S\n     SECTION 06 : CTA FINAL\n=================================================== -->\n\n<section class=\"atb-news-final-cta\" id=\"suivre-atb\">\n\n    <div class=\"atb-news-final-cta__media\" aria-hidden=\"true\"><\/div>\n    <div class=\"atb-news-final-cta__overlay\" aria-hidden=\"true\"><\/div>\n    <div class=\"atb-news-final-cta__texture\" aria-hidden=\"true\"><\/div>\n\n    <div class=\"atb-news-final-cta__container\">\n\n        <!-- CONTENU PRINCIPAL -->\n        <div class=\"atb-news-final-cta__content atb-final-reveal\">\n\n            <div class=\"atb-news-final-cta__eyebrow\">\n                <span><\/span>\n                Restez connect\u00e9 \u00e0 l\u2019ATB\n            <\/div>\n\n            <h2>\n                Ne manquez\n                <em>aucune actualit\u00e9.<\/em>\n            <\/h2>\n\n            <p>\n                Suivez les spectacles, les formations, les cr\u00e9ations,\n                les \u00e9v\u00e9nements et les actions de terrain de l\u2019Atelier\n                Th\u00e9\u00e2tre Burkinab\u00e8 tout au long de la saison.\n            <\/p>\n\n            <div class=\"atb-news-final-cta__actions\">\n\n                <a href=\"https:\/\/web.facebook.com\/ateliertheatreburkinabe\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"atb-news-final-cta__button atb-news-final-cta__button--gold\">\n                    <span>Nous suivre<\/span>\n\n                    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                        <path d=\"M5 12h14M13 6l6 6-6 6\"><\/path>\n                    <\/svg>\n                <\/a>\n\n                <a\n                    href=\"\/contact\/\"\n                    class=\"atb-news-final-cta__button atb-news-final-cta__button--outline\"\n                >\n                    <span>Nous contacter<\/span>\n\n                    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                        <path d=\"M5 12h14M13 6l6 6-6 6\"><\/path>\n                    <\/svg>\n                <\/a>\n\n            <\/div>\n\n        <\/div>\n\n        <!-- BLOC LAT\u00c9RAL -->\n        <aside class=\"atb-news-final-cta__aside atb-final-reveal\">\n\n            <div class=\"atb-news-final-cta__aside-card\">\n\n                <span class=\"atb-news-final-cta__aside-label\">\n                    Suivre l\u2019actualit\u00e9\n                <\/span>\n\n                <h3>\n                    Retrouvez l\u2019ATB sur ses plateformes\n                <\/h3>\n\n                <p>\n                    Spectacles film\u00e9s, annonces, images des coulisses\n                    et nouvelles publications.\n                <\/p>\n\n                <div class=\"atb-news-final-cta__socials\">\n\n                    <!-- FACEBOOK ATB -->\n                    <a href=\"https:\/\/web.facebook.com\/ateliertheatreburkinabe\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"atb-news-final-cta__social\" aria-label=\"Suivre l\u2019ATB sur Facebook\">\n                        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                            <path d=\"M14 8h3V4h-3c-3 0-5 2-5 5v3H6v4h3v5h4v-5h3l1-4h-4V9c0-.7.3-1 1-1z\"><\/path>\n                        <\/svg>\n\n                        <span>\n                            <strong>Facebook<\/strong>\n                            Actualit\u00e9s de l\u2019ATB\n                        <\/span>\n                    <\/a>\n\n                    <!-- YOUTUBE -->\n                    <a href=\"https:\/\/www.youtube.com\/@ateliertheatreburkinabe6770\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"atb-news-final-cta__social\" aria-label=\"Suivre l\u2019ATB sur YouTube\">\n                        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                            <rect x=\"3\" y=\"6\" width=\"18\" height=\"12\" rx=\"3\"><\/rect>\n                            <path d=\"M10 9l5 3-5 3z\"><\/path>\n                        <\/svg>\n\n                        <span>\n                            <strong>YouTube<\/strong>\n                            Vid\u00e9os et cr\u00e9ations\n                        <\/span>\n                    <\/a>\n\n                    <!-- T\u00c9L\u00c9-TH\u00c9\u00c2TRE -->\n                    <a href=\"https:\/\/web.facebook.com\/teletheatreatb\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"atb-news-final-cta__social\" aria-label=\"Acc\u00e9der au T\u00e9l\u00e9-Th\u00e9\u00e2tre ATB\">\n                        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                            <rect x=\"4\" y=\"6\" width=\"16\" height=\"12\" rx=\"2\"><\/rect>\n                            <path d=\"M10 9l5 3-5 3z\"><\/path>\n                            <path d=\"M9 3l3 3 3-3\"><\/path>\n                        <\/svg>\n\n                        <span>\n                            <strong>T\u00e9l\u00e9-Th\u00e9\u00e2tre<\/strong>\n                            Spectacles en ligne\n                        <\/span>\n                    <\/a>\n\n                <\/div>\n\n            <\/div>\n\n        <\/aside>\n\n    <\/div>\n\n    <!-- BANDEAU INF\u00c9RIEUR -->\n    <div class=\"atb-news-final-cta__bottom\">\n\n        <div class=\"atb-news-final-cta__bottom-container\">\n\n            <p>\n                Une histoire, une sc\u00e8ne, une communaut\u00e9.\n            <\/p>\n\n            <div class=\"atb-news-final-cta__bottom-links\">\n\n                <a href=\"\/blog\/\">Blog<\/a>\n                <span><\/span>\n                <a href=\"\/agenda-culturel\/\">Agenda culturel<\/a>\n                <span><\/span>\n                <a href=\"\/ressources\/\">Ressources<\/a>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n    <div class=\"atb-news-final-cta__signature\" aria-hidden=\"true\">\n        ATB\n    <\/div>\n\n<\/section>\n\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Archivo:wght@400;500;600;700&family=Fraunces:opsz,wght@9..144,500;9..144,600;9..144,700&display=swap');\n\n\/* ==================================================\n   SECTION\n================================================== *\/\n\n.atb-news-final-cta {\n    --atb-bordeaux: #60052D;\n    --atb-bordeaux-dark: #2E0015;\n    --atb-gold: #CC9933;\n    --atb-gold-light: #E3BC67;\n    --atb-cream: #F7F1E7;\n    --atb-white: #FFFFFF;\n    --atb-light-text: rgba(255, 255, 255, 0.75);\n\n    position: relative;\n    isolation: isolate;\n    overflow: hidden;\n\n    min-height: 760px;\n    padding: clamp(95px, 11vw, 155px) 0 0;\n\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n\n    background: var(--atb-bordeaux-dark);\n    color: var(--atb-white);\n\n    font-family: \"Archivo\", sans-serif;\n}\n\n.atb-news-final-cta *,\n.atb-news-final-cta *::before,\n.atb-news-final-cta *::after {\n    box-sizing: border-box;\n}\n\n\/* ==================================================\n   IMAGE DE FOND\n================================================== *\/\n\n.atb-news-final-cta__media {\n    position: absolute;\n    inset: 0;\n    z-index: -5;\n\n    background-image:\n        url(\"http:\/\/atb.bf\/atb-v2\/wp-content\/uploads\/2026\/01\/67779851_1247256172117565_5487029657914048512_n.jpg\");\n\n    background-size: cover;\n    background-position: center;\n    background-repeat: no-repeat;\n\n    transform: scale(1.04);\n\n    transition: transform 8s ease-out;\n}\n\n.atb-news-final-cta.is-visible\n.atb-news-final-cta__media {\n    transform: scale(1);\n}\n\n.atb-news-final-cta__overlay {\n    position: absolute;\n    inset: 0;\n    z-index: -4;\n\n    background:\n        linear-gradient(\n            90deg,\n            rgba(38, 0, 17, 0.98) 0%,\n            rgba(60, 0, 27, 0.91) 47%,\n            rgba(55, 0, 25, 0.7) 100%\n        ),\n        linear-gradient(\n            180deg,\n            rgba(0, 0, 0, 0.12),\n            rgba(0, 0, 0, 0.68)\n        );\n}\n\n.atb-news-final-cta__texture {\n    position: absolute;\n    inset: 0;\n    z-index: -3;\n\n    opacity: 0.08;\n\n    background-image:\n        radial-gradient(\n            circle at 20% 20%,\n            rgba(255, 255, 255, 0.8) 0 1px,\n            transparent 1px\n        );\n\n    background-size: 5px 5px;\n\n    pointer-events: none;\n}\n\n\/* ==================================================\n   CONTENEUR\n================================================== *\/\n\n.atb-news-final-cta__container {\n    position: relative;\n    z-index: 2;\n\n    width: min(1240px, calc(100% - 48px));\n    margin: 0 auto;\n\n    display: grid;\n    grid-template-columns: minmax(0, 1.05fr) minmax(370px, 0.65fr);\n    gap: clamp(45px, 8vw, 110px);\n    align-items: center;\n}\n\n\/* ==================================================\n   CONTENU PRINCIPAL\n================================================== *\/\n\n.atb-news-final-cta__content {\n    max-width: 760px;\n}\n\n.atb-news-final-cta__eyebrow {\n    display: flex;\n    align-items: center;\n    gap: 14px;\n\n    margin-bottom: 22px;\n\n    color: var(--atb-gold);\n\n    font-size: 11px;\n    font-weight: 700;\n    line-height: 1.4;\n    letter-spacing: 0.16em;\n    text-transform: uppercase;\n}\n\n.atb-news-final-cta__eyebrow span {\n    width: 42px;\n    height: 1px;\n\n    display: block;\n\n    background: var(--atb-gold);\n}\n\n.atb-news-final-cta__content h2 {\n    margin: 0;\n\n    color: var(--atb-white);\n\n    font-family: \"Fraunces\", serif;\n    font-size: clamp(56px, 7vw, 100px);\n    font-weight: 600;\n    line-height: 0.96;\n    letter-spacing: -0.05em;\n}\n\n.atb-news-final-cta__content h2 em {\n    display: block;\n\n    color: var(--atb-gold);\n\n    font-weight: 500;\n}\n\n.atb-news-final-cta__content > p {\n    max-width: 650px;\n    margin: 30px 0 0;\n\n    color: var(--atb-light-text);\n\n    font-size: clamp(16px, 1.4vw, 19px);\n    line-height: 1.75;\n}\n\n\/* ==================================================\n   BOUTONS\n================================================== *\/\n\n.atb-news-final-cta__actions {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 15px;\n\n    margin-top: 38px;\n}\n\n.atb-news-final-cta__button {\n    min-height: 56px;\n    padding: 15px 23px;\n\n    display: inline-flex;\n    justify-content: center;\n    align-items: center;\n    gap: 13px;\n\n    border-radius: 999px;\n\n    font-family: \"Archivo\", sans-serif;\n    font-size: 13px;\n    font-weight: 700;\n    text-decoration: none !important;\n\n    transition:\n        transform 0.35s ease,\n        background-color 0.35s ease,\n        color 0.35s ease,\n        border-color 0.35s ease,\n        box-shadow 0.35s ease;\n}\n\n.atb-news-final-cta__button svg {\n    width: 19px;\n    height: 19px;\n\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 1.8;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n\n    transition: transform 0.35s ease;\n}\n\n.atb-news-final-cta__button:hover {\n    transform: translateY(-3px);\n}\n\n.atb-news-final-cta__button:hover svg {\n    transform: translateX(4px);\n}\n\n.atb-news-final-cta__button--gold {\n    color: var(--atb-bordeaux-dark) !important;\n    background: var(--atb-gold);\n    border: 1px solid var(--atb-gold);\n\n    box-shadow:\n        0 16px 38px rgba(204, 153, 51, 0.22);\n}\n\n.atb-news-final-cta__button--gold:hover {\n    background: var(--atb-gold-light);\n    border-color: var(--atb-gold-light);\n\n    box-shadow:\n        0 21px 46px rgba(204, 153, 51, 0.3);\n}\n\n.atb-news-final-cta__button--outline {\n    color: var(--atb-white) !important;\n    background: rgba(255, 255, 255, 0.06);\n    border: 1px solid rgba(255, 255, 255, 0.34);\n\n    backdrop-filter: blur(10px);\n    -webkit-backdrop-filter: blur(10px);\n}\n\n.atb-news-final-cta__button--outline:hover {\n    background: rgba(255, 255, 255, 0.14);\n    border-color: rgba(255, 255, 255, 0.7);\n}\n\n\/* ==================================================\n   CARTE LAT\u00c9RALE\n================================================== *\/\n\n.atb-news-final-cta__aside-card {\n    position: relative;\n    overflow: hidden;\n\n    padding: clamp(32px, 4vw, 46px);\n\n    border: 1px solid rgba(255, 255, 255, 0.18);\n    border-radius: 26px;\n\n    background: rgba(255, 255, 255, 0.08);\n\n    box-shadow:\n        0 28px 70px rgba(0, 0, 0, 0.22);\n\n    backdrop-filter: blur(18px);\n    -webkit-backdrop-filter: blur(18px);\n}\n\n.atb-news-final-cta__aside-card::before {\n    content: \"\";\n    position: absolute;\n    right: -70px;\n    top: -70px;\n\n    width: 180px;\n    height: 180px;\n\n    border: 1px solid rgba(204, 153, 51, 0.25);\n    border-radius: 50%;\n\n    pointer-events: none;\n}\n\n.atb-news-final-cta__aside-label {\n    display: block;\n\n    color: var(--atb-gold);\n\n    font-size: 10px;\n    font-weight: 800;\n    letter-spacing: 0.14em;\n    text-transform: uppercase;\n}\n\n.atb-news-final-cta__aside h3 {\n    max-width: 390px;\n    margin: 15px 0 0;\n\n    color: var(--atb-white);\n\n    font-family: \"Fraunces\", serif;\n    font-size: clamp(30px, 3vw, 42px);\n    font-weight: 600;\n    line-height: 1.08;\n    letter-spacing: -0.03em;\n}\n\n.atb-news-final-cta__aside-card > p {\n    margin: 18px 0 0;\n\n    color: rgba(255, 255, 255, 0.67);\n\n    font-size: 14px;\n    line-height: 1.7;\n}\n\n\/* ==================================================\n   R\u00c9SEAUX SOCIAUX\n================================================== *\/\n\n.atb-news-final-cta__socials {\n    margin-top: 29px;\n\n    display: flex;\n    flex-direction: column;\n    gap: 11px;\n}\n\n.atb-news-final-cta__social {\n    min-height: 68px;\n    padding: 12px 15px;\n\n    display: flex;\n    align-items: center;\n    gap: 15px;\n\n    border: 1px solid rgba(255, 255, 255, 0.12);\n    border-radius: 17px;\n\n    background: rgba(255, 255, 255, 0.055);\n    color: var(--atb-white) !important;\n\n    text-decoration: none !important;\n\n    transition:\n        background-color 0.35s ease,\n        border-color 0.35s ease,\n        transform 0.35s ease;\n}\n\n.atb-news-final-cta__social:hover {\n    background: rgba(204, 153, 51, 0.14);\n    border-color: rgba(204, 153, 51, 0.45);\n\n    transform: translateX(5px);\n}\n\n.atb-news-final-cta__social > svg {\n    width: 42px;\n    height: 42px;\n\n    flex: 0 0 42px;\n    padding: 10px;\n\n    border-radius: 13px;\n\n    background: var(--atb-gold);\n    color: var(--atb-bordeaux-dark);\n\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 1.7;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n}\n\n.atb-news-final-cta__social span {\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n\n    color: rgba(255, 255, 255, 0.62);\n\n    font-size: 11px;\n    line-height: 1.4;\n}\n\n.atb-news-final-cta__social strong {\n    color: var(--atb-white);\n\n    font-size: 13px;\n    font-weight: 700;\n}\n\n\/* ==================================================\n   BANDEAU INF\u00c9RIEUR\n================================================== *\/\n\n.atb-news-final-cta__bottom {\n    position: relative;\n    z-index: 3;\n\n    margin-top: clamp(75px, 9vw, 120px);\n\n    border-top: 1px solid rgba(255, 255, 255, 0.14);\n\n    background: rgba(24, 0, 11, 0.48);\n\n    backdrop-filter: blur(14px);\n    -webkit-backdrop-filter: blur(14px);\n}\n\n.atb-news-final-cta__bottom-container {\n    width: min(1240px, calc(100% - 48px));\n    min-height: 84px;\n    margin: 0 auto;\n\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    gap: 28px;\n}\n\n.atb-news-final-cta__bottom p {\n    margin: 0;\n\n    color: var(--atb-gold);\n\n    font-family: \"Fraunces\", serif;\n    font-size: 19px;\n    font-style: italic;\n}\n\n.atb-news-final-cta__bottom-links {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 13px;\n}\n\n.atb-news-final-cta__bottom-links a {\n    color: rgba(255, 255, 255, 0.7) !important;\n\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.05em;\n    text-decoration: none !important;\n    text-transform: uppercase;\n\n    transition: color 0.3s ease;\n}\n\n.atb-news-final-cta__bottom-links a:hover {\n    color: var(--atb-gold) !important;\n}\n\n.atb-news-final-cta__bottom-links span {\n    width: 4px;\n    height: 4px;\n\n    border-radius: 50%;\n\n    background: var(--atb-gold);\n}\n\n\/* ==================================================\n   SIGNATURE\n================================================== *\/\n\n.atb-news-final-cta__signature {\n    position: absolute;\n    left: -20px;\n    bottom: 50px;\n    z-index: -1;\n\n    color: rgba(255, 255, 255, 0.025);\n\n    font-family: \"Fraunces\", serif;\n    font-size: clamp(170px, 27vw, 440px);\n    font-weight: 700;\n    line-height: 1;\n    letter-spacing: -0.08em;\n\n    pointer-events: none;\n    user-select: none;\n}\n\n\/* ==================================================\n   APPARITION\n================================================== *\/\n\n.atb-final-reveal {\n    opacity: 0;\n    transform: translateY(32px);\n\n    transition:\n        opacity 0.9s cubic-bezier(.2,.7,.2,1),\n        transform 0.9s cubic-bezier(.2,.7,.2,1);\n}\n\n.atb-final-reveal.is-visible {\n    opacity: 1;\n    transform: translateY(0);\n}\n\n.atb-news-final-cta__aside.is-visible {\n    transition-delay: 0.15s;\n}\n\n\/* ==================================================\n   TABLETTE\n================================================== *\/\n\n@media (max-width: 1024px) {\n\n    .atb-news-final-cta__container {\n        grid-template-columns: 1fr;\n        gap: 55px;\n    }\n\n    .atb-news-final-cta__content {\n        max-width: 800px;\n    }\n\n    .atb-news-final-cta__aside {\n        max-width: 680px;\n    }\n\n    .atb-news-final-cta__socials {\n        display: grid;\n        grid-template-columns: repeat(3, minmax(0, 1fr));\n    }\n\n    .atb-news-final-cta__social {\n        min-height: 150px;\n\n        align-items: flex-start;\n        flex-direction: column;\n    }\n\n    .atb-news-final-cta__bottom-container {\n        min-height: 100px;\n\n        align-items: flex-start;\n        flex-direction: column;\n        justify-content: center;\n        gap: 12px;\n    }\n}\n\n\/* ==================================================\n   MOBILE\n================================================== *\/\n\n@media (max-width: 767px) {\n\n    .atb-news-final-cta {\n        min-height: auto;\n        padding-top: 84px;\n    }\n\n    .atb-news-final-cta__media {\n        background-position: 60% center;\n    }\n\n    .atb-news-final-cta__overlay {\n        background:\n            linear-gradient(\n                180deg,\n                rgba(44, 0, 20, 0.76) 0%,\n                rgba(44, 0, 20, 0.96) 45%,\n                rgba(30, 0, 14, 1) 100%\n            );\n    }\n\n    .atb-news-final-cta__container {\n        width: calc(100% - 30px);\n        gap: 42px;\n    }\n\n    .atb-news-final-cta__content h2 {\n        font-size: 49px;\n    }\n\n    .atb-news-final-cta__content > p {\n        margin-top: 24px;\n\n        font-size: 15px;\n    }\n\n    .atb-news-final-cta__actions {\n        align-items: stretch;\n        flex-direction: column;\n\n        margin-top: 31px;\n    }\n\n    .atb-news-final-cta__button {\n        width: 100%;\n    }\n\n    .atb-news-final-cta__aside-card {\n        padding: 30px 23px;\n        border-radius: 22px;\n    }\n\n    .atb-news-final-cta__aside h3 {\n        font-size: 32px;\n    }\n\n    .atb-news-final-cta__socials {\n        display: flex;\n    }\n\n    .atb-news-final-cta__social {\n        min-height: 68px;\n\n        align-items: center;\n        flex-direction: row;\n    }\n\n    .atb-news-final-cta__bottom {\n        margin-top: 68px;\n    }\n\n    .atb-news-final-cta__bottom-container {\n        width: calc(100% - 30px);\n        min-height: 125px;\n    }\n\n    .atb-news-final-cta__bottom-links {\n        gap: 9px;\n    }\n\n    .atb-news-final-cta__bottom-links a {\n        font-size: 9px;\n    }\n}\n\n\/* ==================================================\n   PETITS MOBILES\n================================================== *\/\n\n@media (max-width: 420px) {\n\n    .atb-news-final-cta__content h2 {\n        font-size: 43px;\n    }\n\n    .atb-news-final-cta__eyebrow {\n        font-size: 9px;\n    }\n\n    .atb-news-final-cta__aside h3 {\n        font-size: 29px;\n    }\n\n    .atb-news-final-cta__bottom p {\n        font-size: 17px;\n    }\n}\n\n\/* ==================================================\n   ACCESSIBILIT\u00c9\n================================================== *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n    .atb-final-reveal {\n        opacity: 1;\n        transform: none;\n        transition: none;\n    }\n\n    .atb-news-final-cta__media,\n    .atb-news-final-cta__social,\n    .atb-news-final-cta__button {\n        transition: none;\n    }\n}\n<\/style>\n\n<script>\n(function () {\n\n    const section = document.querySelector('.atb-news-final-cta');\n\n    if (!section || section.dataset.initialized === 'true') return;\n\n    section.dataset.initialized = 'true';\n\n    const revealElements = section.querySelectorAll(\n        '.atb-final-reveal'\n    );\n\n    if (!('IntersectionObserver' in window)) {\n\n        revealElements.forEach(function (element) {\n            element.classList.add('is-visible');\n        });\n\n        section.classList.add('is-visible');\n\n        return;\n    }\n\n    const observer = new IntersectionObserver(\n        function (entries) {\n\n            entries.forEach(function (entry) {\n\n                if (!entry.isIntersecting) return;\n\n                entry.target.classList.add('is-visible');\n                observer.unobserve(entry.target);\n\n            });\n\n        },\n        {\n            threshold: 0.12\n        }\n    );\n\n    revealElements.forEach(function (element) {\n        observer.observe(element);\n    });\n\n    const sectionObserver = new IntersectionObserver(\n        function (entries) {\n\n            entries.forEach(function (entry) {\n\n                if (!entry.isIntersecting) return;\n\n                section.classList.add('is-visible');\n                sectionObserver.disconnect();\n\n            });\n\n        },\n        {\n            threshold: 0.08\n        }\n    );\n\n    sectionObserver.observe(section);\n\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t\n    <div class=\"xs_social_share_widget xs_share_url after_content \t\tmain_content  wslu-style-1 wslu-share-box-shaped wslu-fill-colored wslu-none wslu-share-horizontal wslu-theme-font-no wslu-main_content\">\n\n\t\t\n        <ul>\n\t\t\t        <\/ul>\n    <\/div> \n","protected":false},"excerpt":{"rendered":"<p>Actualit\u00e9s de l\u2019ATB La vie de l\u2019ATB, au rythme de la cr\u00e9ation. Spectacles, \u00e9v\u00e9nements, cr\u00e9ations, formations, annonces et coulisses : d\u00e9couvrez toute l\u2019actualit\u00e9 de l\u2019Atelier Th\u00e9\u00e2tre Burkinab\u00e8 et suivez une [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_price":"","_stock":"","_tribe_ticket_header":"","_tribe_default_ticket_provider":"","_tribe_ticket_capacity":"0","_ticket_start_date":"","_ticket_end_date":"","_tribe_ticket_show_description":"","_tribe_ticket_show_not_going":false,"_tribe_ticket_use_global_stock":"","_tribe_ticket_global_stock_level":"","_global_stock_mode":"","_global_stock_cap":"","_tribe_rsvp_for_event":"","_tribe_ticket_going_count":"","_tribe_ticket_not_going_count":"","_tribe_tickets_list":"[]","_tribe_ticket_has_attendee_info_fields":false,"footnotes":"","_tec_slr_enabled":"","_tec_slr_layout":""},"wf_page_folders":[64],"class_list":["post-105","page","type-page","status-publish","hentry"],"ticketed":false,"_links":{"self":[{"href":"https:\/\/atb.bf\/atb-v2\/wp-json\/wp\/v2\/pages\/105","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/atb.bf\/atb-v2\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/atb.bf\/atb-v2\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/atb.bf\/atb-v2\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/atb.bf\/atb-v2\/wp-json\/wp\/v2\/comments?post=105"}],"version-history":[{"count":8,"href":"https:\/\/atb.bf\/atb-v2\/wp-json\/wp\/v2\/pages\/105\/revisions"}],"predecessor-version":[{"id":1964,"href":"https:\/\/atb.bf\/atb-v2\/wp-json\/wp\/v2\/pages\/105\/revisions\/1964"}],"wp:attachment":[{"href":"https:\/\/atb.bf\/atb-v2\/wp-json\/wp\/v2\/media?parent=105"}],"wp:term":[{"taxonomy":"wf_page_folders","embeddable":true,"href":"https:\/\/atb.bf\/atb-v2\/wp-json\/wp\/v2\/wf_page_folders?post=105"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}