{"id":2082,"date":"2026-07-10T19:50:51","date_gmt":"2026-07-10T17:50:51","guid":{"rendered":"https:\/\/atb.bf\/atb-v2\/?page_id=2082"},"modified":"2026-08-25T14:56:24","modified_gmt":"2026-08-25T12:56:24","slug":"forum-theatre","status":"publish","type":"page","link":"https:\/\/atb.bf\/atb-v2\/en\/forum-theatre\/","title":{"rendered":"Forum Theatre"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2082\" class=\"elementor elementor-2082\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-034fb01 e-con e-atomic-element e-flexbox-base e-024dd3f \" data-id=\"034fb01\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"034fb01\" data-e-type=\"e-flexbox\" data-id=\"034fb01\">\n    \t\t<div class=\"elementor-element elementor-element-1ebd928 elementor-widget elementor-widget-html\" data-id=\"1ebd928\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\/* =========================================================\nATB \u2014 PAGE TH\u00c9\u00c2TRE-FORUM\nPARTIE 1 : HERO + PR\u00c9SENTATION + M\u00c9THODE\nPr\u00e9fixe unique : atb-tf1\n========================================================= *\/\n\n.atb-tf1,\n.atb-tf1 *,\n.atb-tf1 *::before,\n.atb-tf1 *::after {\n    box-sizing: border-box;\n}\n\n.atb-tf1 {\n    --tf1-bordeaux: #60052D;\n    --tf1-bordeaux-dark: #300015;\n    --tf1-bordeaux-soft: #7C1645;\n    --tf1-gold: #CC9933;\n    --tf1-gold-light: #E7C779;\n    --tf1-cream: #F8F1E7;\n    --tf1-white: #FFFFFF;\n    --tf1-text: #2B1C22;\n    --tf1-grey: #75676C;\n    --tf1-border: rgba(96, 5, 45, 0.13);\n\n    width: 100%;\n    margin: 0 !important;\n    padding: 0 !important;\n    overflow: hidden;\n    background: var(--tf1-cream);\n    color: var(--tf1-text);\n    font-family: \"Archivo\", Arial, sans-serif;\n}\n\n.atb-tf1 img {\n    display: block;\n    width: 100%;\n    max-width: 100%;\n}\n\n.atb-tf1 a {\n    text-decoration: none !important;\n}\n\n.atb-tf1-container {\n    width: min(1180px, calc(100% - 44px));\n    margin: 0 auto;\n}\n\n\n\/* =========================================================\nCOMPOSANTS\n========================================================= *\/\n\n.atb-tf1-label {\n    display: inline-flex;\n    align-items: center;\n    gap: 12px;\n    margin: 0 0 18px;\n    color: var(--tf1-gold) !important;\n    font-size: 12px;\n    font-weight: 800;\n    letter-spacing: 0.16em;\n    line-height: 1.3;\n    text-transform: uppercase;\n}\n\n.atb-tf1-label::before {\n    content: \"\";\n    display: block;\n    width: 40px;\n    height: 2px;\n    flex: 0 0 40px;\n    background: currentColor;\n}\n\n.atb-tf1-label-light {\n    color: var(--tf1-gold-light) !important;\n}\n\n.atb-tf1-title,\n.atb-tf1-title * {\n    color: var(--tf1-bordeaux) !important;\n}\n\n.atb-tf1-title {\n    margin: 0 !important;\n    font-family: \"Fraunces\", Georgia, serif !important;\n    font-size: clamp(42px, 5vw, 70px);\n    font-weight: 700;\n    letter-spacing: -0.045em;\n    line-height: 1;\n}\n\n.atb-tf1-title span {\n    display: block;\n    color: var(--tf1-gold) !important;\n    font-style: italic;\n}\n\n.atb-tf1-button {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 11px;\n    min-height: 54px;\n    padding: 15px 27px;\n    border-radius: 999px;\n    font-size: 14px;\n    font-weight: 800;\n    line-height: 1;\n    transition:\n        transform 0.3s ease,\n        background-color 0.3s ease,\n        border-color 0.3s ease,\n        color 0.3s ease,\n        box-shadow 0.3s ease;\n}\n\n.atb-tf1-button svg {\n    width: 18px;\n    height: 18px;\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 1.9;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n    transition: transform 0.3s ease;\n}\n\n.atb-tf1-button:hover svg {\n    transform: translateX(4px);\n}\n\n.atb-tf1-button-gold,\n.atb-tf1-button-gold:link,\n.atb-tf1-button-gold:visited {\n    border: 1px solid var(--tf1-gold) !important;\n    background: var(--tf1-gold) !important;\n    color: var(--tf1-bordeaux-dark) !important;\n    box-shadow: 0 18px 42px rgba(204, 153, 51, 0.28);\n}\n\n.atb-tf1-button-gold:hover,\n.atb-tf1-button-gold:focus {\n    transform: translateY(-3px);\n    border-color: var(--tf1-gold-light) !important;\n    background: var(--tf1-gold-light) !important;\n    color: var(--tf1-bordeaux-dark) !important;\n}\n\n.atb-tf1-button-light,\n.atb-tf1-button-light:link,\n.atb-tf1-button-light:visited {\n    border: 1px solid rgba(255, 255, 255, 0.72) !important;\n    background: rgba(255, 255, 255, 0.10) !important;\n    color: var(--tf1-white) !important;\n}\n\n.atb-tf1-button-light:hover,\n.atb-tf1-button-light:focus {\n    transform: translateY(-3px);\n    border-color: var(--tf1-white) !important;\n    background: var(--tf1-white) !important;\n    color: var(--tf1-bordeaux) !important;\n}\n\n\n\/* =========================================================\nHERO\n========================================================= *\/\n\n.atb-tf1-hero {\n    position: relative;\n    min-height: 660px;\n    display: flex;\n    align-items: center;\n    overflow: hidden;\n    isolation: isolate;\n    background-color: var(--tf1-bordeaux-dark);\n    background-image:\n        linear-gradient(\n            90deg,\n            rgba(42, 0, 18, 0.97) 0%,\n            rgba(76, 2, 35, 0.88) 44%,\n            rgba(49, 0, 22, 0.52) 74%,\n            rgba(29, 0, 13, 0.34) 100%\n        ),\n        url(\"http:\/\/atb.bf\/atb-v2\/wp-content\/uploads\/2025\/11\/494591487_2882670538576112_8386902657681414628_n.jpg\");\n    background-position: center center;\n    background-repeat: no-repeat;\n    background-size: cover;\n}\n\n.atb-tf1-hero::before {\n    content: \"\";\n    position: absolute;\n    z-index: -1;\n    inset: 0;\n    background:\n        radial-gradient(\n            circle at 79% 19%,\n            rgba(204, 153, 51, 0.22),\n            transparent 31%\n        ),\n        linear-gradient(\n            180deg,\n            rgba(0, 0, 0, 0.03),\n            rgba(33, 0, 15, 0.49)\n        );\n}\n\n.atb-tf1-hero::after {\n    content: \"\";\n    position: absolute;\n    z-index: 2;\n    right: 0;\n    bottom: -1px;\n    left: 0;\n    height: 78px;\n    background: var(--tf1-cream);\n    clip-path: polygon(\n        0 78%,\n        18% 47%,\n        37% 69%,\n        59% 29%,\n        79% 56%,\n        100% 23%,\n        100% 100%,\n        0 100%\n    );\n}\n\n.atb-tf1-hero-inner {\n    position: relative;\n    z-index: 3;\n    width: 100%;\n    padding: 120px 0 150px;\n}\n\n.atb-tf1-hero-content {\n    max-width: 900px;\n}\n\n.atb-tf1-hero-kicker {\n    display: inline-flex;\n    align-items: center;\n    gap: 12px;\n    margin-bottom: 20px;\n    color: var(--tf1-gold-light) !important;\n    font-size: 12px;\n    font-weight: 800;\n    letter-spacing: 0.17em;\n    text-transform: uppercase;\n}\n\n.atb-tf1-hero-kicker::before {\n    content: \"\";\n    width: 42px;\n    height: 2px;\n    background: currentColor;\n}\n\n.atb-tf1-hero h1,\n.atb-tf1-hero h1 * {\n    color: var(--tf1-white) !important;\n}\n\n.atb-tf1-hero h1 {\n    max-width: 930px;\n    margin: 0 !important;\n    font-family: \"Fraunces\", Georgia, serif !important;\n    font-size: clamp(55px, 7vw, 98px);\n    font-weight: 700;\n    letter-spacing: -0.055em;\n    line-height: 0.94;\n    text-shadow: 0 12px 35px rgba(0, 0, 0, 0.25);\n}\n\n.atb-tf1-hero h1 span {\n    display: block;\n    margin-top: 10px;\n    color: var(--tf1-gold-light) !important;\n    font-style: italic;\n}\n\n.atb-tf1-hero-text {\n    max-width: 745px;\n    margin: 29px 0 0 !important;\n    color: rgba(255, 255, 255, 0.88) !important;\n    font-size: 17px;\n    line-height: 1.8;\n}\n\n.atb-tf1-hero-actions {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 15px;\n    margin-top: 36px;\n}\n\n.atb-tf1-hero-badge {\n    position: absolute;\n    right: 0;\n    bottom: 125px;\n    width: 162px;\n    height: 162px;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    border: 1px solid rgba(231, 199, 121, 0.46);\n    border-radius: 50%;\n    background: rgba(48, 0, 21, 0.50);\n    color: var(--tf1-white);\n    backdrop-filter: blur(5px);\n    text-align: center;\n}\n\n.atb-tf1-hero-badge strong {\n    color: var(--tf1-gold-light) !important;\n    font-family: \"Fraunces\", Georgia, serif !important;\n    font-size: 27px;\n    line-height: 1;\n}\n\n.atb-tf1-hero-badge span {\n    max-width: 110px;\n    margin-top: 8px;\n    color: rgba(255, 255, 255, 0.76) !important;\n    font-size: 9px;\n    font-weight: 800;\n    letter-spacing: 0.12em;\n    line-height: 1.5;\n    text-transform: uppercase;\n}\n\n\n\/* =========================================================\nPR\u00c9SENTATION \u2014 FOND CR\u00c8ME\n========================================================= *\/\n\n.atb-tf1-intro {\n    position: relative;\n    padding: 90px 0 120px;\n    background:\n        radial-gradient(\n            circle at 5% 14%,\n            rgba(204, 153, 51, 0.13),\n            transparent 26%\n        ),\n        var(--tf1-cream);\n}\n\n.atb-tf1-intro::after {\n    content: \"\";\n    position: absolute;\n    right: -160px;\n    bottom: 65px;\n    width: 380px;\n    height: 380px;\n    border: 1px solid rgba(204, 153, 51, 0.14);\n    border-radius: 50%;\n    pointer-events: none;\n}\n\n.atb-tf1-intro-grid {\n    display: grid;\n    grid-template-columns: minmax(0, 1fr) minmax(400px, 0.88fr);\n    gap: 80px;\n    align-items: center;\n}\n\n.atb-tf1-intro-copy {\n    margin-top: 28px;\n}\n\n.atb-tf1-intro-copy p {\n    margin: 0 !important;\n    color: var(--tf1-grey) !important;\n    font-size: 16px;\n    line-height: 1.85;\n}\n\n.atb-tf1-intro-copy p + p {\n    margin-top: 18px !important;\n}\n\n.atb-tf1-intro-highlight {\n    margin-top: 34px;\n    padding: 25px 28px;\n    border-top: 1px solid var(--tf1-border);\n    border-right: 1px solid var(--tf1-border);\n    border-bottom: 1px solid var(--tf1-border);\n    border-left: 4px solid var(--tf1-gold);\n    border-radius: 0 28px 0 0;\n    background: rgba(255, 255, 255, 0.50);\n}\n\n.atb-tf1-intro-highlight p {\n    margin: 0 !important;\n    color: var(--tf1-bordeaux) !important;\n    font-family: \"Fraunces\", Georgia, serif !important;\n    font-size: 23px;\n    font-style: italic;\n    line-height: 1.45;\n}\n\n.atb-tf1-intro-visual {\n    position: relative;\n    padding: 0 0 100px 38px;\n}\n\n.atb-tf1-intro-photo {\n    position: relative;\n    height: 555px;\n    overflow: hidden;\n    border: 1px solid rgba(204, 153, 51, 0.22);\n    border-radius: 5px 66px 5px 5px;\n    background: #D8C7B9;\n    box-shadow: 0 28px 70px rgba(55, 0, 25, 0.17);\n}\n\n.atb-tf1-intro-photo::after {\n    content: \"\";\n    position: absolute;\n    inset: 16px;\n    border: 1px solid rgba(255, 255, 255, 0.55);\n    border-radius: 3px 51px 3px 3px;\n    pointer-events: none;\n}\n\n.atb-tf1-intro-photo img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    object-position: center;\n}\n\n.atb-tf1-intro-badge {\n    position: absolute;\n    right: -18px;\n    bottom: 150px;\n    min-width: 195px;\n    padding: 20px 22px;\n    border: 1px solid rgba(204, 153, 51, 0.32);\n    border-radius: 3px 24px 3px 3px;\n    background: var(--tf1-white);\n    box-shadow: 0 20px 55px rgba(55, 0, 25, 0.14);\n}\n\n.atb-tf1-intro-badge small {\n    display: block;\n    color: var(--tf1-gold) !important;\n    font-size: 9px;\n    font-weight: 800;\n    letter-spacing: 0.13em;\n    text-transform: uppercase;\n}\n\n.atb-tf1-intro-badge strong {\n    display: block;\n    margin-top: 5px;\n    color: var(--tf1-bordeaux) !important;\n    font-family: \"Fraunces\", Georgia, serif !important;\n    font-size: 27px;\n}\n\n.atb-tf1-intro-quote {\n    position: absolute;\n    z-index: 3;\n    left: 0;\n    bottom: 0;\n    width: min(445px, 92%);\n    margin: 0;\n    padding: 32px 34px;\n    border-left: 4px solid var(--tf1-gold);\n    background: var(--tf1-bordeaux);\n    box-shadow: 0 24px 60px rgba(54, 0, 24, 0.23);\n}\n\n.atb-tf1-intro-quote p {\n    margin: 0 !important;\n    color: var(--tf1-white) !important;\n    font-family: \"Fraunces\", Georgia, serif !important;\n    font-size: 21px;\n    font-style: italic;\n    line-height: 1.45;\n}\n\n.atb-tf1-intro-quote footer {\n    margin-top: 17px;\n    color: var(--tf1-gold-light) !important;\n    font-size: 10px;\n    font-weight: 800;\n    letter-spacing: 0.14em;\n    text-transform: uppercase;\n}\n\n\n\/* =========================================================\nS\u00c9PARATEUR CR\u00c8ME \/ BLANC\n========================================================= *\/\n\n.atb-tf1-divider {\n    position: relative;\n    height: 56px;\n    background: var(--tf1-cream);\n}\n\n.atb-tf1-divider::before {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    background: var(--tf1-white);\n    clip-path: polygon(\n        0 61%,\n        19% 40%,\n        41% 68%,\n        64% 29%,\n        83% 55%,\n        100% 37%,\n        100% 100%,\n        0 100%\n    );\n}\n\n.atb-tf1-divider::after {\n    content: \"\";\n    position: absolute;\n    right: 0;\n    bottom: 3px;\n    left: 0;\n    height: 1px;\n    background: linear-gradient(\n        90deg,\n        transparent,\n        rgba(204, 153, 51, 0.62),\n        transparent\n    );\n}\n\n\n\/* =========================================================\nFONCTIONNEMENT \u2014 FOND BLANC\n========================================================= *\/\n\n.atb-tf1-method {\n    position: relative;\n    padding: 95px 0 120px;\n    background: var(--tf1-white);\n}\n\n.atb-tf1-method::before {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    left: 50%;\n    width: 110px;\n    height: 3px;\n    background: var(--tf1-gold);\n    transform: translateX(-50%);\n}\n\n.atb-tf1-method-heading {\n    max-width: 800px;\n    margin: 0 auto 58px;\n    text-align: center;\n}\n\n.atb-tf1-method-heading .atb-tf1-label {\n    justify-content: center;\n}\n\n.atb-tf1-method-heading p {\n    max-width: 720px;\n    margin: 24px auto 0 !important;\n    color: var(--tf1-grey) !important;\n    font-size: 16px;\n    line-height: 1.8;\n}\n\n.atb-tf1-method-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 22px;\n}\n\n.atb-tf1-step {\n    position: relative;\n    min-height: 440px;\n    padding: 34px 30px;\n    overflow: hidden;\n    border: 1px solid rgba(96, 5, 45, 0.11);\n    border-radius: 4px 40px 4px 4px;\n    background:\n        linear-gradient(\n            145deg,\n            rgba(248, 241, 231, 0.96),\n            rgba(255, 255, 255, 1)\n        );\n    box-shadow: 0 20px 54px rgba(55, 0, 25, 0.09);\n    transition:\n        transform 0.35s ease,\n        border-color 0.35s ease,\n        box-shadow 0.35s ease;\n}\n\n.atb-tf1-step:hover {\n    transform: translateY(-8px);\n    border-color: rgba(204, 153, 51, 0.48);\n    box-shadow: 0 30px 70px rgba(55, 0, 25, 0.14);\n}\n\n.atb-tf1-step::before {\n    content: \"\";\n    position: absolute;\n    top: -48px;\n    right: -48px;\n    width: 150px;\n    height: 150px;\n    border: 1px solid rgba(204, 153, 51, 0.16);\n    border-radius: 50%;\n}\n\n.atb-tf1-step-number {\n    width: 72px;\n    height: 72px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin-bottom: 86px;\n    border-radius: 50%;\n    background: var(--tf1-bordeaux);\n    color: var(--tf1-gold-light) !important;\n    box-shadow: 0 14px 35px rgba(96, 5, 45, 0.22);\n    font-family: \"Fraunces\", Georgia, serif !important;\n    font-size: 26px;\n    font-weight: 700;\n    transition:\n        transform 0.3s ease,\n        background-color 0.3s ease,\n        color 0.3s ease;\n}\n\n.atb-tf1-step:hover .atb-tf1-step-number {\n    transform: translateY(-5px);\n    background: var(--tf1-gold);\n    color: var(--tf1-bordeaux-dark) !important;\n}\n\n.atb-tf1-step small {\n    display: block;\n    margin-bottom: 10px;\n    color: var(--tf1-gold) !important;\n    font-size: 9px;\n    font-weight: 800;\n    letter-spacing: 0.14em;\n    text-transform: uppercase;\n}\n\n.atb-tf1-step h3 {\n    margin: 0 !important;\n    color: var(--tf1-bordeaux) !important;\n    font-family: \"Fraunces\", Georgia, serif !important;\n    font-size: 29px;\n    line-height: 1.1;\n}\n\n.atb-tf1-step p {\n    margin: 14px 0 0 !important;\n    color: var(--tf1-grey) !important;\n    font-size: 14px;\n    line-height: 1.7;\n}\n\n.atb-tf1-method-summary {\n    display: grid;\n    grid-template-columns: 58px 1fr;\n    gap: 20px;\n    align-items: start;\n    max-width: 900px;\n    margin: 44px auto 0;\n    padding: 28px 30px;\n    border-top: 1px solid var(--tf1-border);\n    border-right: 1px solid var(--tf1-border);\n    border-bottom: 1px solid var(--tf1-border);\n    border-left: 4px solid var(--tf1-gold);\n    border-radius: 0 30px 0 0;\n    background: var(--tf1-cream);\n}\n\n.atb-tf1-method-summary-icon {\n    width: 54px;\n    height: 54px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 50%;\n    background: var(--tf1-bordeaux);\n    color: var(--tf1-gold-light);\n    font-size: 21px;\n}\n\n.atb-tf1-method-summary strong {\n    display: block;\n    color: var(--tf1-bordeaux) !important;\n    font-family: \"Fraunces\", Georgia, serif !important;\n    font-size: 22px;\n}\n\n.atb-tf1-method-summary p {\n    margin: 7px 0 0 !important;\n    color: var(--tf1-grey) !important;\n    font-size: 14px;\n    line-height: 1.7;\n}\n\n\n\/* =========================================================\nTABLETTE\n========================================================= *\/\n\n@media (max-width: 1024px) {\n\n    .atb-tf1-hero-badge {\n        display: none;\n    }\n\n    .atb-tf1-intro-grid {\n        grid-template-columns: 1fr;\n        gap: 65px;\n    }\n\n    .atb-tf1-intro-content {\n        max-width: 760px;\n    }\n\n    .atb-tf1-intro-visual {\n        width: min(680px, 100%);\n        margin: 0 auto;\n    }\n\n    .atb-tf1-method-grid {\n        grid-template-columns: 1fr;\n    }\n\n    .atb-tf1-step {\n        min-height: 330px;\n    }\n\n    .atb-tf1-step-number {\n        margin-bottom: 55px;\n    }\n}\n\n\n\/* =========================================================\nMOBILE\n========================================================= *\/\n\n@media (max-width: 767px) {\n\n    .atb-tf1-container {\n        width: calc(100% - 30px);\n    }\n\n    .atb-tf1-hero {\n        min-height: 610px;\n        background-position: 62% center;\n        background-image:\n            linear-gradient(\n                180deg,\n                rgba(49, 0, 22, 0.70) 0%,\n                rgba(49, 0, 22, 0.88) 52%,\n                rgba(35, 0, 16, 0.97) 100%\n            ),\n            url(\"http:\/\/atb.bf\/atb-v2\/wp-content\/uploads\/2026\/07\/643901070_122110180521229108_1515898327691263326_n.jpg\");\n    }\n\n    .atb-tf1-hero-inner {\n        padding: 100px 0 125px;\n    }\n\n    .atb-tf1-hero h1 {\n        font-size: clamp(45px, 13vw, 63px);\n        line-height: 0.96;\n    }\n\n    .atb-tf1-hero-text {\n        margin-top: 24px !important;\n        font-size: 15px;\n        line-height: 1.7;\n    }\n\n    .atb-tf1-hero-actions {\n        flex-direction: column;\n        align-items: stretch;\n        margin-top: 30px;\n    }\n\n    .atb-tf1-button {\n        width: 100%;\n    }\n\n    .atb-tf1-intro {\n        padding: 70px 0 85px;\n    }\n\n    .atb-tf1-title {\n        font-size: clamp(39px, 12vw, 54px);\n    }\n\n    .atb-tf1-intro-copy p {\n        font-size: 15px;\n        line-height: 1.75;\n    }\n\n    .atb-tf1-intro-highlight p {\n        font-size: 20px;\n    }\n\n    .atb-tf1-intro-visual {\n        padding: 0 0 165px;\n    }\n\n    .atb-tf1-intro-photo {\n        height: 430px;\n        border-radius: 4px 46px 4px 4px;\n    }\n\n    .atb-tf1-intro-badge {\n        right: -4px;\n        bottom: 128px;\n        min-width: 170px;\n        padding: 17px 18px;\n    }\n\n    .atb-tf1-intro-badge strong {\n        font-size: 22px;\n    }\n\n    .atb-tf1-intro-quote {\n        width: 94%;\n        padding: 27px 24px;\n    }\n\n    .atb-tf1-intro-quote p {\n        font-size: 18px;\n    }\n\n    .atb-tf1-divider {\n        height: 42px;\n    }\n\n    .atb-tf1-method {\n        padding: 72px 0 85px;\n    }\n\n    .atb-tf1-step {\n        min-height: 350px;\n        padding: 29px 24px;\n    }\n\n    .atb-tf1-step-number {\n        margin-bottom: 65px;\n    }\n\n    .atb-tf1-method-summary {\n        grid-template-columns: 1fr;\n        padding: 24px;\n    }\n}\n<\/style>\n\n\n<div class=\"atb-tf1\">\n\n    <!-- =====================================================\n    HERO\n    ====================================================== -->\n    <section class=\"atb-tf1-hero\">\n\n        <div class=\"atb-tf1-container atb-tf1-hero-inner\">\n\n            <div class=\"atb-tf1-hero-content\">\n\n                <div class=\"atb-tf1-hero-kicker\">\n                    M\u00e9thode phare de l\u2019ATB\n                <\/div>\n\n                <h1>\n                    Th\u00e9\u00e2tre-Forum\n                    <span>Quand le public monte sur sc\u00e8ne<\/span>\n                <\/h1>\n\n                <p class=\"atb-tf1-hero-text\">\n                    Une forme de th\u00e9\u00e2tre participatif o\u00f9 les spectateurs\n                    deviennent acteurs du d\u00e9bat, exp\u00e9rimentent des solutions\n                    et construisent collectivement des r\u00e9ponses aux r\u00e9alit\u00e9s\n                    sociales.\n                <\/p>\n\n                <div class=\"atb-tf1-hero-actions\">\n\n                    <a\n                        href=\"#comprendre-theatre-forum\"\n                        class=\"atb-tf1-button atb-tf1-button-gold\"\n                    >\n                        <span>Comprendre la m\u00e9thode<\/span>\n\n                        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                            <path d=\"M5 12h14\"><\/path>\n                            <path d=\"m13 6 6 6-6 6\"><\/path>\n                        <\/svg>\n                    <\/a>\n\n                    <a\n                        href=\"\/atb-v2\/contact\/\"\n                        class=\"atb-tf1-button atb-tf1-button-light\"\n                    >\n                        <span>Proposer une intervention<\/span>\n\n                        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                            <path d=\"M5 12h14\"><\/path>\n                            <path d=\"m13 6 6 6-6 6\"><\/path>\n                        <\/svg>\n                    <\/a>\n\n                <\/div>\n\n            <\/div>\n\n            <div class=\"atb-tf1-hero-badge\">\n                <strong>Impact T<\/strong>\n                <span>Th\u00e9\u00e2tre participatif et citoyen<\/span>\n            <\/div>\n\n        <\/div>\n\n    <\/section>\n\n\n    <!-- =====================================================\n    PR\u00c9SENTATION\n    ====================================================== -->\n    <section class=\"atb-tf1-intro\" id=\"comprendre-theatre-forum\">\n\n        <div class=\"atb-tf1-container atb-tf1-intro-grid\">\n\n            <div class=\"atb-tf1-intro-content\">\n\n                <div class=\"atb-tf1-label\">\n                    Le Th\u00e9\u00e2tre-Forum en quelques mots\n                <\/div>\n\n                <h2 class=\"atb-tf1-title\">\n                    Le spectacle devient\n                    <span>un espace de recherche collective<\/span>\n                <\/h2>\n\n                <div class=\"atb-tf1-intro-copy\">\n\n                    <p>\n                        Le Th\u00e9\u00e2tre-Forum part d\u2019une situation concr\u00e8te :\n                        une injustice, un conflit, un comportement ou un\n                        blocage v\u00e9cu par une communaut\u00e9. La sc\u00e8ne ne vient\n                        pas imposer une solution. Elle rend le probl\u00e8me visible\n                        et ouvre la discussion.\n                    <\/p>\n\n                    <p>\n                        Guid\u00e9 par un animateur appel\u00e9 le Joker, le public analyse\n                        la situation, formule des alternatives et peut monter\n                        sur sc\u00e8ne pour les exp\u00e9rimenter directement avec les\n                        com\u00e9diens.\n                    <\/p>\n\n                <\/div>\n\n                <div class=\"atb-tf1-intro-highlight\">\n\n                    <p>\n                        Le Th\u00e9\u00e2tre-Forum ne donne pas une r\u00e9ponse toute faite.\n                        Il cr\u00e9e les conditions pour que la communaut\u00e9 cherche,\n                        teste et d\u00e9batte de ses propres solutions.\n                    <\/p>\n\n                <\/div>\n\n            <\/div>\n\n\n            <div class=\"atb-tf1-intro-visual\">\n\n                <div class=\"atb-tf1-intro-photo\">\n\n                    <img decoding=\"async\"\n                        src=\"http:\/\/atb.bf\/atb-v2\/wp-content\/uploads\/2026\/07\/643402976_122110196979229108_3796606402195170339_n.jpg\"\n                        alt=\"Repr\u00e9sentation de Th\u00e9\u00e2tre-Forum \u00e0 l\u2019ATB\"\n                        loading=\"lazy\"\n                    >\n\n                <\/div>\n\n                <div class=\"atb-tf1-intro-badge\">\n                    <small>Le public devient<\/small>\n                    <strong>Spect-acteur<\/strong>\n                <\/div>\n\n                <blockquote class=\"atb-tf1-intro-quote\">\n\n                    <p>\n                        \u00ab Ici, le spectateur ne regarde pas seulement le\n                        changement : il monte sur sc\u00e8ne pour l\u2019exp\u00e9rimenter. \u00bb\n                    <\/p>\n\n                    <footer>\n                        Th\u00e9\u00e2tre-Forum \u00b7 Atelier Th\u00e9\u00e2tre Burkinab\u00e8\n                    <\/footer>\n\n                <\/blockquote>\n\n            <\/div>\n\n        <\/div>\n\n    <\/section>\n\n\n    <div class=\"atb-tf1-divider\" aria-hidden=\"true\"><\/div>\n\n\n    <!-- =====================================================\n    COMMENT \u00c7A FONCTIONNE ?\n    ====================================================== -->\n    <section class=\"atb-tf1-method\">\n\n        <div class=\"atb-tf1-container\">\n\n            <div class=\"atb-tf1-method-heading\">\n\n                <div class=\"atb-tf1-label\">\n                    Comment \u00e7a fonctionne ?\n                <\/div>\n\n                <h2 class=\"atb-tf1-title\">\n                    Trois temps pour passer\n                    <span>du constat \u00e0 l\u2019action<\/span>\n                <\/h2>\n\n                <p>\n                    La m\u00e9thode suit un processus simple et participatif :\n                    mettre en sc\u00e8ne un probl\u00e8me, ouvrir le dialogue, puis\n                    permettre au public d\u2019exp\u00e9rimenter ses propositions.\n                <\/p>\n\n            <\/div>\n\n\n            <div class=\"atb-tf1-method-grid\">\n\n                <!-- \u00c9TAPE 1 -->\n                <article class=\"atb-tf1-step\">\n\n                    <div class=\"atb-tf1-step-number\">\n                        01\n                    <\/div>\n\n                    <small>Observer<\/small>\n\n                    <h3>\n                        La sc\u00e8ne d\u2019oppression\n                    <\/h3>\n\n                    <p>\n                        Une courte pi\u00e8ce pr\u00e9sente une situation de blocage,\n                        d\u2019injustice, de conflit ou de domination inspir\u00e9e de\n                        r\u00e9alit\u00e9s v\u00e9cues par les communaut\u00e9s.\n                    <\/p>\n\n                <\/article>\n\n\n                <!-- \u00c9TAPE 2 -->\n                <article class=\"atb-tf1-step\">\n\n                    <div class=\"atb-tf1-step-number\">\n                        02\n                    <\/div>\n\n                    <small>Questionner<\/small>\n\n                    <h3>\n                        L\u2019intervention du Joker\n                    <\/h3>\n\n                    <p>\n                        Le Joker interrompt le jeu, questionne le public et\n                        ouvre un espace de dialogue : que pourrait-on changer ?\n                        Qui peut agir ? Quelles alternatives sont possibles ?\n                    <\/p>\n\n                <\/article>\n\n\n                <!-- \u00c9TAPE 3 -->\n                <article class=\"atb-tf1-step\">\n\n                    <div class=\"atb-tf1-step-number\">\n                        03\n                    <\/div>\n\n                    <small>Exp\u00e9rimenter<\/small>\n\n                    <h3>\n                        Le spect-acteur\n                    <\/h3>\n\n                    <p>\n                        Un membre du public monte sur sc\u00e8ne, prend la place\n                        d\u2019un personnage et teste sa proposition avec les\n                        com\u00e9diens, dans les conditions de la situation initiale.\n                    <\/p>\n\n                <\/article>\n\n            <\/div>\n\n\n            <div class=\"atb-tf1-method-summary\">\n\n                <div class=\"atb-tf1-method-summary-icon\">\n                    \u2726\n                <\/div>\n\n                <div>\n\n                    <strong>\n                        La sc\u00e8ne devient un laboratoire social\n                    <\/strong>\n\n                    <p>\n                        Chaque intervention permet de confronter les id\u00e9es \u00e0\n                        la r\u00e9alit\u00e9, d\u2019observer leurs effets et d\u2019enrichir\n                        collectivement les solutions propos\u00e9es.\n                    <\/p>\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n    <\/section>\n\n<\/div>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-be8cbc4 e-con e-atomic-element e-flexbox-base e-20de1de \" data-id=\"be8cbc4\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"be8cbc4\" data-e-type=\"e-flexbox\" data-id=\"be8cbc4\">\n    \t\t<div class=\"elementor-element elementor-element-79bbadb elementor-widget elementor-widget-html\" data-id=\"79bbadb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\/* =========================================================\nATB \u2014 TH\u00c9\u00c2TRE-FORUM\nPARTIE 2A-1 : DU SPECTACLE AU DIALOGUE\nPr\u00e9fixe unique : atb-tf2d\n========================================================= *\/\n\n.atb-tf2d,\n.atb-tf2d *,\n.atb-tf2d *::before,\n.atb-tf2d *::after {\n    box-sizing: border-box;\n}\n\n.atb-tf2d {\n    --tf2d-bordeaux: #60052D;\n    --tf2d-bordeaux-dark: #300015;\n    --tf2d-bordeaux-soft: #7D1745;\n    --tf2d-gold: #CC9933;\n    --tf2d-gold-light: #E7C779;\n    --tf2d-cream: #F8F1E7;\n    --tf2d-white: #FFFFFF;\n\n    width: 100%;\n    margin: 0 !important;\n    padding: 0 !important;\n    overflow: hidden;\n    background: var(--tf2d-bordeaux-dark);\n    color: var(--tf2d-white);\n    font-family: \"Archivo\", Arial, sans-serif;\n}\n\n.atb-tf2d img {\n    display: block;\n    width: 100%;\n    max-width: 100%;\n}\n\n.atb-tf2d-container {\n    width: min(1180px, calc(100% - 44px));\n    margin: 0 auto;\n}\n\n\n\/* =========================================================\nSECTION PRINCIPALE\n========================================================= *\/\n\n.atb-tf2d-dialogue {\n    position: relative;\n    padding: 105px 0 120px;\n    overflow: hidden;\n    isolation: isolate;\n    background:\n        radial-gradient(\n            circle at 84% 15%,\n            rgba(204, 153, 51, 0.20),\n            transparent 27%\n        ),\n        linear-gradient(\n            145deg,\n            var(--tf2d-bordeaux-dark),\n            var(--tf2d-bordeaux) 58%,\n            #7A103F\n        );\n}\n\n.atb-tf2d-dialogue::before {\n    content: \"\";\n    position: absolute;\n    z-index: -3;\n    inset: 0;\n    background:\n        linear-gradient(\n            90deg,\n            rgba(48, 0, 21, 0.96) 0%,\n            rgba(72, 2, 33, 0.86) 50%,\n            rgba(48, 0, 21, 0.74) 100%\n        ),\n        url(\"http:\/\/atb.bf\/atb-v2\/wp-content\/uploads\/2026\/07\/623454221_10235461786898569_4445002139497450046_n.jpg\")\n        center center \/ cover no-repeat;\n    opacity: 0.32;\n}\n\n.atb-tf2d-dialogue::after {\n    content: \"\";\n    position: absolute;\n    z-index: -2;\n    top: -190px;\n    left: -150px;\n    width: 500px;\n    height: 500px;\n    border: 1px solid rgba(255, 255, 255, 0.07);\n    border-radius: 50%;\n}\n\n\n\/* =========================================================\nEN-T\u00caTE\n========================================================= *\/\n\n.atb-tf2d-heading {\n    display: grid;\n    grid-template-columns: minmax(0, 1fr) minmax(300px, 0.5fr);\n    gap: 70px;\n    align-items: end;\n    margin-bottom: 55px;\n}\n\n.atb-tf2d-label {\n    display: inline-flex;\n    align-items: center;\n    gap: 12px;\n    margin: 0 0 18px;\n    color: var(--tf2d-gold-light) !important;\n    font-size: 12px;\n    font-weight: 800;\n    letter-spacing: 0.16em;\n    line-height: 1.3;\n    text-transform: uppercase;\n}\n\n.atb-tf2d-label::before {\n    content: \"\";\n    display: block;\n    width: 40px;\n    height: 2px;\n    flex: 0 0 40px;\n    background: currentColor;\n}\n\n.atb-tf2d-title,\n.atb-tf2d-title * {\n    color: var(--tf2d-white) !important;\n}\n\n.atb-tf2d-title {\n    margin: 0 !important;\n    font-family: \"Fraunces\", Georgia, serif !important;\n    font-size: clamp(42px, 5vw, 72px);\n    font-weight: 700;\n    letter-spacing: -0.045em;\n    line-height: 1;\n}\n\n.atb-tf2d-title span {\n    display: block;\n    color: var(--tf2d-gold-light) !important;\n    font-style: italic;\n}\n\n.atb-tf2d-heading-text p {\n    margin: 0 !important;\n    color: rgba(255, 255, 255, 0.75) !important;\n    font-size: 15px;\n    line-height: 1.8;\n}\n\n\n\/* =========================================================\nGRILLE DES 3 \u00c9TAPES\n========================================================= *\/\n\n.atb-tf2d-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 22px;\n}\n\n.atb-tf2d-card {\n    position: relative;\n    min-height: 390px;\n    display: flex;\n    flex-direction: column;\n    justify-content: flex-end;\n    padding: 34px 30px;\n    overflow: hidden;\n    border: 1px solid rgba(255, 255, 255, 0.13);\n    border-radius: 4px 40px 4px 4px;\n    background: rgba(255, 255, 255, 0.08);\n    backdrop-filter: blur(4px);\n    transition:\n        transform 0.35s ease,\n        background-color 0.35s ease,\n        border-color 0.35s ease,\n        box-shadow 0.35s ease;\n}\n\n.atb-tf2d-card:hover {\n    transform: translateY(-8px);\n    border-color: rgba(231, 199, 121, 0.58);\n    background: rgba(255, 255, 255, 0.12);\n    box-shadow: 0 28px 65px rgba(24, 0, 10, 0.22);\n}\n\n.atb-tf2d-card::before {\n    content: \"\";\n    position: absolute;\n    top: -48px;\n    right: -48px;\n    width: 145px;\n    height: 145px;\n    border: 1px solid rgba(231, 199, 121, 0.15);\n    border-radius: 50%;\n}\n\n.atb-tf2d-card::after {\n    content: \"\";\n    position: absolute;\n    inset: 12px;\n    border: 1px solid rgba(255, 255, 255, 0.12);\n    border-radius: 3px 29px 3px 3px;\n    pointer-events: none;\n    transition: border-color 0.35s ease;\n}\n\n.atb-tf2d-card:hover::after {\n    border-color: rgba(231, 199, 121, 0.52);\n}\n\n.atb-tf2d-card-icon {\n    position: absolute;\n    top: 31px;\n    left: 30px;\n    width: 68px;\n    height: 68px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 50%;\n    background: var(--tf2d-gold);\n    color: var(--tf2d-bordeaux-dark) !important;\n    box-shadow: 0 16px 38px rgba(204, 153, 51, 0.28);\n    font-family: \"Fraunces\", Georgia, serif !important;\n    font-size: 25px;\n    font-weight: 700;\n    transition:\n        transform 0.3s ease,\n        background-color 0.3s ease;\n}\n\n.atb-tf2d-card:hover .atb-tf2d-card-icon {\n    transform: translateY(-5px) rotate(-3deg);\n    background: var(--tf2d-gold-light);\n}\n\n.atb-tf2d-card small {\n    display: block;\n    margin-bottom: 10px;\n    color: var(--tf2d-gold-light) !important;\n    font-size: 9px;\n    font-weight: 800;\n    letter-spacing: 0.14em;\n    text-transform: uppercase;\n}\n\n.atb-tf2d-card h3 {\n    margin: 0 !important;\n    color: var(--tf2d-white) !important;\n    font-family: \"Fraunces\", Georgia, serif !important;\n    font-size: 31px;\n    line-height: 1.1;\n}\n\n.atb-tf2d-card p {\n    margin: 14px 0 0 !important;\n    color: rgba(255, 255, 255, 0.73) !important;\n    font-size: 14px;\n    line-height: 1.7;\n}\n\n\n\/* =========================================================\nCITATION\n========================================================= *\/\n\n.atb-tf2d-quote {\n    position: relative;\n    max-width: 960px;\n    margin: 48px auto 0;\n    padding: 35px 45px;\n    border-top: 1px solid rgba(231, 199, 121, 0.28);\n    border-right: 1px solid rgba(231, 199, 121, 0.20);\n    border-bottom: 1px solid rgba(231, 199, 121, 0.28);\n    border-left: 4px solid var(--tf2d-gold);\n    border-radius: 0 36px 0 0;\n    background: rgba(255, 255, 255, 0.07);\n    text-align: center;\n    backdrop-filter: blur(5px);\n}\n\n.atb-tf2d-quote::before {\n    content: \"\u201c\";\n    position: absolute;\n    top: -12px;\n    left: 25px;\n    color: rgba(231, 199, 121, 0.20);\n    font-family: Georgia, serif;\n    font-size: 100px;\n    line-height: 1;\n}\n\n.atb-tf2d-quote p {\n    position: relative;\n    z-index: 2;\n    margin: 0 !important;\n    color: var(--tf2d-white) !important;\n    font-family: \"Fraunces\", Georgia, serif !important;\n    font-size: clamp(25px, 3vw, 36px);\n    font-style: italic;\n    line-height: 1.4;\n}\n\n.atb-tf2d-quote footer {\n    margin-top: 19px;\n    color: var(--tf2d-gold-light) !important;\n    font-size: 10px;\n    font-weight: 800;\n    letter-spacing: 0.14em;\n    text-transform: uppercase;\n}\n\n\n\/* =========================================================\nS\u00c9PARATEUR VERS LA SECTION CR\u00c8ME\n========================================================= *\/\n\n.atb-tf2d-divider {\n    position: relative;\n    height: 62px;\n    background: var(--tf2d-bordeaux);\n}\n\n.atb-tf2d-divider::before {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    background: var(--tf2d-cream);\n    clip-path: polygon(\n        0 75%,\n        18% 43%,\n        38% 68%,\n        61% 30%,\n        81% 57%,\n        100% 25%,\n        100% 100%,\n        0 100%\n    );\n}\n\n.atb-tf2d-divider::after {\n    content: \"\";\n    position: absolute;\n    right: 0;\n    bottom: 3px;\n    left: 0;\n    height: 1px;\n    background: linear-gradient(\n        90deg,\n        transparent,\n        rgba(231, 199, 121, 0.65),\n        transparent\n    );\n}\n\n\n\/* =========================================================\nTABLETTE\n========================================================= *\/\n\n@media (max-width: 1024px) {\n\n    .atb-tf2d-heading {\n        grid-template-columns: 1fr;\n        gap: 30px;\n    }\n\n    .atb-tf2d-heading-text {\n        max-width: 680px;\n    }\n\n    .atb-tf2d-grid {\n        grid-template-columns: 1fr;\n    }\n\n    .atb-tf2d-card {\n        min-height: 320px;\n    }\n}\n\n\n\/* =========================================================\nMOBILE\n========================================================= *\/\n\n@media (max-width: 767px) {\n\n    .atb-tf2d-container {\n        width: calc(100% - 30px);\n    }\n\n    .atb-tf2d-dialogue {\n        padding: 76px 0 88px;\n    }\n\n    .atb-tf2d-title {\n        font-size: clamp(39px, 12vw, 54px);\n    }\n\n    .atb-tf2d-heading-text p {\n        font-size: 15px;\n        line-height: 1.7;\n    }\n\n    .atb-tf2d-card {\n        min-height: 350px;\n        padding: 29px 24px;\n    }\n\n    .atb-tf2d-card-icon {\n        top: 26px;\n        left: 24px;\n        width: 60px;\n        height: 60px;\n        font-size: 22px;\n    }\n\n    .atb-tf2d-card h3 {\n        font-size: 28px;\n    }\n\n    .atb-tf2d-quote {\n        padding: 29px 24px;\n    }\n\n    .atb-tf2d-quote p {\n        font-size: 23px;\n    }\n\n    .atb-tf2d-divider {\n        height: 42px;\n    }\n}\n<\/style>\n\n\n<div class=\"atb-tf2d\">\n\n    <!-- =====================================================\n    DU SPECTACLE AU DIALOGUE\n    ====================================================== -->\n    <section class=\"atb-tf2d-dialogue\">\n\n        <div class=\"atb-tf2d-container\">\n\n            <div class=\"atb-tf2d-heading\">\n\n                <div>\n\n                    <div class=\"atb-tf2d-label\">\n                        Du spectacle au dialogue\n                    <\/div>\n\n                    <h2 class=\"atb-tf2d-title\">\n                        La sc\u00e8ne ouvre\n                        <span>un espace pour comprendre et agir<\/span>\n                    <\/h2>\n\n                <\/div>\n\n                <div class=\"atb-tf2d-heading-text\">\n\n                    <p>\n                        Le Th\u00e9\u00e2tre-Forum ne s\u2019arr\u00eate pas \u00e0 la repr\u00e9sentation.\n                        Il accompagne le public dans un processus de r\u00e9flexion,\n                        d\u2019exp\u00e9rimentation et de construction collective de\n                        solutions.\n                    <\/p>\n\n                <\/div>\n\n            <\/div>\n\n\n            <div class=\"atb-tf2d-grid\">\n\n                <!-- COMPRENDRE -->\n                <article class=\"atb-tf2d-card\">\n\n                    <div class=\"atb-tf2d-card-icon\">\n                        01\n                    <\/div>\n\n                    <small>Comprendre<\/small>\n\n                    <h3>\n                        Rendre visibles les m\u00e9canismes du probl\u00e8me\n                    <\/h3>\n\n                    <p>\n                        La repr\u00e9sentation r\u00e9v\u00e8le les rapports de force, les\n                        comportements, les silences et les obstacles qui\n                        entretiennent une situation d\u2019injustice ou de conflit.\n                    <\/p>\n\n                <\/article>\n\n\n                <!-- EXP\u00c9RIMENTER -->\n                <article class=\"atb-tf2d-card\">\n\n                    <div class=\"atb-tf2d-card-icon\">\n                        02\n                    <\/div>\n\n                    <small>Exp\u00e9rimenter<\/small>\n\n                    <h3>\n                        Tester d\u2019autres mani\u00e8res d\u2019agir\n                    <\/h3>\n\n                    <p>\n                        Les membres du public peuvent remplacer un personnage,\n                        proposer une nouvelle attitude et observer directement\n                        les r\u00e9actions qu\u2019elle provoque sur sc\u00e8ne.\n                    <\/p>\n\n                <\/article>\n\n\n                <!-- AGIR -->\n                <article class=\"atb-tf2d-card\">\n\n                    <div class=\"atb-tf2d-card-icon\">\n                        03\n                    <\/div>\n\n                    <small>Agir<\/small>\n\n                    <h3>\n                        Faire \u00e9merger des pistes collectives\n                    <\/h3>\n\n                    <p>\n                        Les id\u00e9es confront\u00e9es au jeu th\u00e9\u00e2tral deviennent des\n                        pistes d\u2019action concr\u00e8tes, discut\u00e9es, am\u00e9lior\u00e9es et\n                        appropri\u00e9es par la communaut\u00e9.\n                    <\/p>\n\n                <\/article>\n\n            <\/div>\n\n\n            <blockquote class=\"atb-tf2d-quote\">\n\n                <p>\n                    La sc\u00e8ne n\u2019est pas une fin. Elle est le d\u00e9but du dialogue.\n                <\/p>\n\n                <footer>\n                    Th\u00e9\u00e2tre-Forum \u00b7 Atelier Th\u00e9\u00e2tre Burkinab\u00e8\n                <\/footer>\n\n            <\/blockquote>\n\n        <\/div>\n\n    <\/section>\n\n\n    <!-- TRANSITION VERS LES TH\u00c9MATIQUES -->\n    <div class=\"atb-tf2d-divider\" aria-hidden=\"true\"><\/div>\n\n<\/div>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-74895de e-con e-atomic-element e-flexbox-base e-aaaf405 \" data-id=\"74895de\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"74895de\" data-e-type=\"e-flexbox\" data-id=\"74895de\">\n    \t\t<div class=\"elementor-element elementor-element-ab7d8d6 elementor-widget elementor-widget-html\" data-id=\"ab7d8d6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\/* =========================================================\nATB \u2014 TH\u00c9\u00c2TRE-FORUM\nPARTIE 2A-2 : NOS TH\u00c9MATIQUES D\u2019INTERVENTION\nPr\u00e9fixe unique : atb-tf2t\n========================================================= *\/\n\n.atb-tf2t,\n.atb-tf2t *,\n.atb-tf2t *::before,\n.atb-tf2t *::after {\n    box-sizing: border-box;\n}\n\n.atb-tf2t {\n    --tf2t-bordeaux: #60052D;\n    --tf2t-bordeaux-dark: #300015;\n    --tf2t-gold: #CC9933;\n    --tf2t-gold-light: #E7C779;\n    --tf2t-cream: #F8F1E7;\n    --tf2t-white: #FFFFFF;\n    --tf2t-text: #2B1C22;\n    --tf2t-grey: #75676C;\n    --tf2t-border: rgba(96, 5, 45, 0.13);\n\n    width: 100%;\n    margin: 0 !important;\n    padding: 0 !important;\n    overflow: hidden;\n    background: var(--tf2t-cream);\n    color: var(--tf2t-text);\n    font-family: \"Archivo\", Arial, sans-serif;\n}\n\n.atb-tf2t-container {\n    width: min(1180px, calc(100% - 44px));\n    margin: 0 auto;\n}\n\n\n\/* =========================================================\nSECTION PRINCIPALE\n========================================================= *\/\n\n.atb-tf2t-topics {\n    position: relative;\n    padding: 95px 0 120px;\n    background:\n        radial-gradient(\n            circle at 4% 10%,\n            rgba(204, 153, 51, 0.12),\n            transparent 25%\n        ),\n        radial-gradient(\n            circle at 94% 86%,\n            rgba(96, 5, 45, 0.06),\n            transparent 24%\n        ),\n        var(--tf2t-cream);\n}\n\n.atb-tf2t-topics::before {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    left: 50%;\n    width: 110px;\n    height: 3px;\n    background: var(--tf2t-gold);\n    transform: translateX(-50%);\n}\n\n.atb-tf2t-topics::after {\n    content: \"\";\n    position: absolute;\n    right: -160px;\n    bottom: 70px;\n    width: 390px;\n    height: 390px;\n    border: 1px solid rgba(204, 153, 51, 0.13);\n    border-radius: 50%;\n    pointer-events: none;\n}\n\n\n\/* =========================================================\nEN-T\u00caTE\n========================================================= *\/\n\n.atb-tf2t-heading {\n    display: grid;\n    grid-template-columns: minmax(0, 1fr) minmax(300px, 0.5fr);\n    gap: 70px;\n    align-items: end;\n    margin-bottom: 54px;\n}\n\n.atb-tf2t-label {\n    display: inline-flex;\n    align-items: center;\n    gap: 12px;\n    margin: 0 0 18px;\n    color: var(--tf2t-gold) !important;\n    font-size: 12px;\n    font-weight: 800;\n    letter-spacing: 0.16em;\n    line-height: 1.3;\n    text-transform: uppercase;\n}\n\n.atb-tf2t-label::before {\n    content: \"\";\n    display: block;\n    width: 40px;\n    height: 2px;\n    flex: 0 0 40px;\n    background: currentColor;\n}\n\n.atb-tf2t-title,\n.atb-tf2t-title * {\n    color: var(--tf2t-bordeaux) !important;\n}\n\n.atb-tf2t-title {\n    margin: 0 !important;\n    font-family: \"Fraunces\", Georgia, serif !important;\n    font-size: clamp(42px, 5vw, 70px);\n    font-weight: 700;\n    letter-spacing: -0.045em;\n    line-height: 1;\n}\n\n.atb-tf2t-title span {\n    display: block;\n    color: var(--tf2t-gold) !important;\n    font-style: italic;\n}\n\n.atb-tf2t-heading-text p {\n    margin: 0 !important;\n    color: var(--tf2t-grey) !important;\n    font-size: 15px;\n    line-height: 1.8;\n}\n\n\n\/* =========================================================\nGRILLE DES TH\u00c9MATIQUES\n========================================================= *\/\n\n.atb-tf2t-grid {\n    position: relative;\n    z-index: 2;\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 22px;\n}\n\n.atb-tf2t-card {\n    position: relative;\n    min-height: 330px;\n    display: flex;\n    flex-direction: column;\n    justify-content: flex-end;\n    padding: 31px 27px;\n    overflow: hidden;\n    border: 1px solid rgba(96, 5, 45, 0.11);\n    border-radius: 4px 38px 4px 4px;\n    background:\n        linear-gradient(\n            145deg,\n            rgba(255, 255, 255, 0.92),\n            rgba(248, 241, 231, 0.78)\n        );\n    box-shadow: 0 19px 50px rgba(55, 0, 25, 0.08);\n    transition:\n        transform 0.35s ease,\n        border-color 0.35s ease,\n        box-shadow 0.35s ease,\n        background-color 0.35s ease;\n}\n\n.atb-tf2t-card:hover {\n    transform: translateY(-8px);\n    border-color: rgba(204, 153, 51, 0.48);\n    box-shadow: 0 29px 68px rgba(55, 0, 25, 0.14);\n    background:\n        linear-gradient(\n            145deg,\n            rgba(255, 255, 255, 1),\n            rgba(248, 241, 231, 0.96)\n        );\n}\n\n.atb-tf2t-card::before {\n    content: \"\";\n    position: absolute;\n    top: -46px;\n    right: -46px;\n    width: 140px;\n    height: 140px;\n    border: 1px solid rgba(204, 153, 51, 0.17);\n    border-radius: 50%;\n}\n\n.atb-tf2t-card::after {\n    content: \"\";\n    position: absolute;\n    inset: 11px;\n    border: 1px solid rgba(96, 5, 45, 0.07);\n    border-radius: 3px 28px 3px 3px;\n    pointer-events: none;\n    transition: border-color 0.35s ease;\n}\n\n.atb-tf2t-card:hover::after {\n    border-color: rgba(204, 153, 51, 0.40);\n}\n\n.atb-tf2t-icon {\n    position: absolute;\n    top: 28px;\n    left: 27px;\n    width: 66px;\n    height: 66px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 50%;\n    background: var(--tf2t-bordeaux);\n    color: var(--tf2t-gold-light) !important;\n    box-shadow: 0 14px 35px rgba(96, 5, 45, 0.20);\n    transition:\n        transform 0.3s ease,\n        background-color 0.3s ease,\n        color 0.3s ease;\n}\n\n.atb-tf2t-card:hover .atb-tf2t-icon {\n    transform: translateY(-5px) rotate(-3deg);\n    background: var(--tf2t-gold);\n    color: var(--tf2t-bordeaux-dark) !important;\n}\n\n.atb-tf2t-icon svg {\n    width: 29px;\n    height: 29px;\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 1.7;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n}\n\n.atb-tf2t-card small {\n    display: block;\n    margin-bottom: 10px;\n    color: var(--tf2t-gold) !important;\n    font-size: 9px;\n    font-weight: 800;\n    letter-spacing: 0.14em;\n    text-transform: uppercase;\n}\n\n.atb-tf2t-card h3 {\n    margin: 0 !important;\n    color: var(--tf2t-bordeaux) !important;\n    font-family: \"Fraunces\", Georgia, serif !important;\n    font-size: 27px;\n    line-height: 1.12;\n}\n\n.atb-tf2t-card p {\n    margin: 13px 0 0 !important;\n    color: var(--tf2t-grey) !important;\n    font-size: 13px;\n    line-height: 1.7;\n}\n\n\n\/* =========================================================\nBLOC DE SYNTH\u00c8SE\n========================================================= *\/\n\n.atb-tf2t-summary {\n    position: relative;\n    z-index: 2;\n    display: grid;\n    grid-template-columns: 65px 1fr;\n    gap: 22px;\n    align-items: start;\n    max-width: 930px;\n    margin: 44px auto 0;\n    padding: 29px 32px;\n    border-top: 1px solid var(--tf2t-border);\n    border-right: 1px solid var(--tf2t-border);\n    border-bottom: 1px solid var(--tf2t-border);\n    border-left: 4px solid var(--tf2t-gold);\n    border-radius: 0 32px 0 0;\n    background: rgba(255, 255, 255, 0.54);\n    box-shadow: 0 14px 38px rgba(55, 0, 25, 0.06);\n}\n\n.atb-tf2t-summary-icon {\n    width: 60px;\n    height: 60px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 50%;\n    background: var(--tf2t-bordeaux);\n    color: var(--tf2t-gold-light) !important;\n    font-size: 22px;\n}\n\n.atb-tf2t-summary strong {\n    display: block;\n    color: var(--tf2t-bordeaux) !important;\n    font-family: \"Fraunces\", Georgia, serif !important;\n    font-size: 23px;\n    line-height: 1.25;\n}\n\n.atb-tf2t-summary p {\n    margin: 8px 0 0 !important;\n    color: var(--tf2t-grey) !important;\n    font-size: 14px;\n    line-height: 1.7;\n}\n\n\n\/* =========================================================\nS\u00c9PARATEUR VERS LA SECTION BLANCHE\n========================================================= *\/\n\n.atb-tf2t-divider {\n    position: relative;\n    height: 58px;\n    background: var(--tf2t-cream);\n}\n\n.atb-tf2t-divider::before {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    background: var(--tf2t-white);\n    clip-path: polygon(\n        0 60%,\n        19% 39%,\n        41% 68%,\n        64% 28%,\n        83% 55%,\n        100% 36%,\n        100% 100%,\n        0 100%\n    );\n}\n\n.atb-tf2t-divider::after {\n    content: \"\";\n    position: absolute;\n    right: 0;\n    bottom: 3px;\n    left: 0;\n    height: 1px;\n    background: linear-gradient(\n        90deg,\n        transparent,\n        rgba(204, 153, 51, 0.62),\n        transparent\n    );\n}\n\n\n\/* =========================================================\nTABLETTE\n========================================================= *\/\n\n@media (max-width: 1024px) {\n\n    .atb-tf2t-heading {\n        grid-template-columns: 1fr;\n        gap: 30px;\n    }\n\n    .atb-tf2t-heading-text {\n        max-width: 680px;\n    }\n\n    .atb-tf2t-grid {\n        grid-template-columns: repeat(2, 1fr);\n    }\n}\n\n\n\/* =========================================================\nMOBILE\n========================================================= *\/\n\n@media (max-width: 767px) {\n\n    .atb-tf2t-container {\n        width: calc(100% - 30px);\n    }\n\n    .atb-tf2t-topics {\n        padding: 76px 0 88px;\n    }\n\n    .atb-tf2t-title {\n        font-size: clamp(39px, 12vw, 54px);\n    }\n\n    .atb-tf2t-heading-text p {\n        font-size: 15px;\n        line-height: 1.7;\n    }\n\n    .atb-tf2t-grid {\n        grid-template-columns: 1fr;\n    }\n\n    .atb-tf2t-card {\n        min-height: 310px;\n        padding: 28px 23px;\n    }\n\n    .atb-tf2t-icon {\n        top: 24px;\n        left: 23px;\n        width: 60px;\n        height: 60px;\n    }\n\n    .atb-tf2t-card h3 {\n        font-size: 25px;\n    }\n\n    .atb-tf2t-summary {\n        grid-template-columns: 1fr;\n        padding: 25px 23px;\n    }\n\n    .atb-tf2t-divider {\n        height: 42px;\n    }\n}\n<\/style>\n\n\n<div class=\"atb-tf2t\">\n\n    <!-- =====================================================\n    NOS TH\u00c9MATIQUES D\u2019INTERVENTION\n    ====================================================== -->\n    <section class=\"atb-tf2t-topics\">\n\n        <div class=\"atb-tf2t-container\">\n\n            <div class=\"atb-tf2t-heading\">\n\n                <div>\n\n                    <div class=\"atb-tf2t-label\">\n                        Nos th\u00e9matiques d\u2019intervention\n                    <\/div>\n\n                    <h2 class=\"atb-tf2t-title\">\n                        Mettre en sc\u00e8ne\n                        <span>les enjeux qui traversent nos soci\u00e9t\u00e9s<\/span>\n                    <\/h2>\n\n                <\/div>\n\n                <div class=\"atb-tf2t-heading-text\">\n\n                    <p>\n                        Les interventions sont con\u00e7ues \u00e0 partir des r\u00e9alit\u00e9s\n                        v\u00e9cues par les communaut\u00e9s et adapt\u00e9es aux objectifs\n                        sociaux, \u00e9ducatifs ou institutionnels de chaque projet.\n                    <\/p>\n\n                <\/div>\n\n            <\/div>\n\n\n            <div class=\"atb-tf2t-grid\">\n\n                <!-- PAIX ET COH\u00c9SION SOCIALE -->\n                <article class=\"atb-tf2t-card\">\n\n                    <div class=\"atb-tf2t-icon\">\n                        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                            <path d=\"M12 21s-7-4.35-7-10a4 4 0 0 1 7-2.65A4 4 0 0 1 19 11c0 5.65-7 10-7 10Z\"><\/path>\n                        <\/svg>\n                    <\/div>\n\n                    <small>Vivre ensemble<\/small>\n\n                    <h3>Paix et coh\u00e9sion sociale<\/h3>\n\n                    <p>\n                        Pr\u00e9venir les tensions, restaurer le dialogue et\n                        encourager la compr\u00e9hension entre les groupes,\n                        g\u00e9n\u00e9rations et communaut\u00e9s.\n                    <\/p>\n\n                <\/article>\n\n\n                <!-- DROITS DES FEMMES ET DES ENFANTS -->\n                <article class=\"atb-tf2t-card\">\n\n                    <div class=\"atb-tf2t-icon\">\n                        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                            <circle cx=\"12\" cy=\"7\" r=\"3\"><\/circle>\n                            <path d=\"M5 21v-2a7 7 0 0 1 14 0v2\"><\/path>\n                            <path d=\"M12 10v5\"><\/path>\n                        <\/svg>\n                    <\/div>\n\n                    <small>Protection et dignit\u00e9<\/small>\n\n                    <h3>Droits des femmes et des enfants<\/h3>\n\n                    <p>\n                        Sensibiliser sur les violences, les discriminations,\n                        les mariages pr\u00e9coces et les pratiques qui limitent\n                        les droits et l\u2019\u00e9panouissement.\n                    <\/p>\n\n                <\/article>\n\n\n                <!-- ENVIRONNEMENT -->\n                <article class=\"atb-tf2t-card\">\n\n                    <div class=\"atb-tf2t-icon\">\n                        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                            <path d=\"M12 22V10\"><\/path>\n                            <path d=\"M12 15c-4.5 0-8-3.5-8-8 4.5 0 8 3.5 8 8Z\"><\/path>\n                            <path d=\"M12 12c0-4.5 3.5-8 8-8 0 4.5-3.5 8-8 8Z\"><\/path>\n                        <\/svg>\n                    <\/div>\n\n                    <small>Pr\u00e9server<\/small>\n\n                    <h3>Environnement<\/h3>\n\n                    <p>\n                        Favoriser des comportements responsables autour de\n                        l\u2019hygi\u00e8ne, de la gestion des ressources, des sols et\n                        de la protection du cadre de vie.\n                    <\/p>\n\n                <\/article>\n\n\n                <!-- SANT\u00c9 COMMUNAUTAIRE -->\n                <article class=\"atb-tf2t-card\">\n\n                    <div class=\"atb-tf2t-icon\">\n                        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                            <path d=\"M12 21s-7-4.35-7-10a4 4 0 0 1 7-2.65A4 4 0 0 1 19 11c0 5.65-7 10-7 10Z\"><\/path>\n                            <path d=\"M12 8v6\"><\/path>\n                            <path d=\"M9 11h6\"><\/path>\n                        <\/svg>\n                    <\/div>\n\n                    <small>Pr\u00e9venir et informer<\/small>\n\n                    <h3>Sant\u00e9 communautaire<\/h3>\n\n                    <p>\n                        Aborder la pr\u00e9vention, la sant\u00e9 reproductive, les\n                        maladies, l\u2019acc\u00e8s aux soins et les comportements\n                        favorables au bien-\u00eatre collectif.\n                    <\/p>\n\n                <\/article>\n\n\n                <!-- PR\u00c9VENTION DES VIOLENCES -->\n                <article class=\"atb-tf2t-card\">\n\n                    <div class=\"atb-tf2t-icon\">\n                        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                            <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10Z\"><\/path>\n                            <path d=\"m9 12 2 2 4-4\"><\/path>\n                        <\/svg>\n                    <\/div>\n\n                    <small>Prot\u00e9ger<\/small>\n\n                    <h3>Pr\u00e9vention des violences<\/h3>\n\n                    <p>\n                        Identifier les m\u00e9canismes de violence, renforcer les\n                        capacit\u00e9s de pr\u00e9vention et encourager des r\u00e9ponses\n                        collectives adapt\u00e9es.\n                    <\/p>\n\n                <\/article>\n\n\n                <!-- CITOYENNET\u00c9 ET GOUVERNANCE -->\n                <article class=\"atb-tf2t-card\">\n\n                    <div class=\"atb-tf2t-icon\">\n                        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                            <path d=\"M3 21h18\"><\/path>\n                            <path d=\"M5 21V10\"><\/path>\n                            <path d=\"M9 21V10\"><\/path>\n                            <path d=\"M15 21V10\"><\/path>\n                            <path d=\"M19 21V10\"><\/path>\n                            <path d=\"m12 3 9 5H3l9-5Z\"><\/path>\n                        <\/svg>\n                    <\/div>\n\n                    <small>Participer<\/small>\n\n                    <h3>Citoyennet\u00e9 et gouvernance locale<\/h3>\n\n                    <p>\n                        Renforcer la participation citoyenne, la responsabilit\u00e9,\n                        la transparence et le dialogue entre les populations et\n                        les institutions.\n                    <\/p>\n\n                <\/article>\n\n            <\/div>\n\n\n            <div class=\"atb-tf2t-summary\">\n\n                <div class=\"atb-tf2t-summary-icon\">\n                    \u2726\n                <\/div>\n\n                <div>\n\n                    <strong>\n                        Chaque intervention est con\u00e7ue avec le terrain\n                    <\/strong>\n\n                    <p>\n                        Les sc\u00e9narios, les langues utilis\u00e9es, les personnages\n                        et les situations sont adapt\u00e9s au public concern\u00e9 afin\n                        que la repr\u00e9sentation reste compr\u00e9hensible, cr\u00e9dible\n                        et directement li\u00e9e \u00e0 son quotidien.\n                    <\/p>\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n    <\/section>\n\n\n    <!-- TRANSITION VERS UNE M\u00c9THODE AU PLUS PR\u00c8S DES COMMUNAUT\u00c9S -->\n    <div class=\"atb-tf2t-divider\" aria-hidden=\"true\"><\/div>\n\n<\/div>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-81812e0 e-con e-atomic-element e-flexbox-base e-6013ca7 \" data-id=\"81812e0\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"81812e0\" data-e-type=\"e-flexbox\" data-id=\"81812e0\">\n    \t\t<div class=\"elementor-element elementor-element-50639e3 elementor-widget elementor-widget-html\" data-id=\"50639e3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\/* =========================================================\nATB \u2014 TH\u00c9\u00c2TRE-FORUM\nPARTIE 2B : AU PLUS PR\u00c8S DES COMMUNAUT\u00c9S\nPr\u00e9fixe unique : atb-tf2c\n========================================================= *\/\n\n.atb-tf2c,\n.atb-tf2c *,\n.atb-tf2c *::before,\n.atb-tf2c *::after {\n    box-sizing: border-box;\n}\n\n.atb-tf2c {\n    --tf2c-bordeaux: #60052D;\n    --tf2c-bordeaux-dark: #300015;\n    --tf2c-gold: #CC9933;\n    --tf2c-gold-light: #E7C779;\n    --tf2c-cream: #F8F1E7;\n    --tf2c-white: #FFFFFF;\n    --tf2c-text: #2B1C22;\n    --tf2c-grey: #75676C;\n    --tf2c-border: rgba(96, 5, 45, 0.13);\n\n    width: 100%;\n    margin: 0 !important;\n    padding: 0 !important;\n    overflow: hidden;\n    background: var(--tf2c-white);\n    color: var(--tf2c-text);\n    font-family: \"Archivo\", Arial, sans-serif;\n}\n\n.atb-tf2c img {\n    display: block;\n    width: 100%;\n    max-width: 100%;\n}\n\n.atb-tf2c a {\n    text-decoration: none !important;\n}\n\n.atb-tf2c-container {\n    width: min(1180px, calc(100% - 44px));\n    margin: 0 auto;\n}\n\n\n\/* =========================================================\nSECTION PRINCIPALE\n========================================================= *\/\n\n.atb-tf2c-community {\n    position: relative;\n    padding: 100px 0 120px;\n    background:\n        radial-gradient(\n            circle at 93% 10%,\n            rgba(204, 153, 51, 0.11),\n            transparent 25%\n        ),\n        var(--tf2c-white);\n}\n\n.atb-tf2c-community::before {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    left: 50%;\n    width: 110px;\n    height: 3px;\n    background: var(--tf2c-gold);\n    transform: translateX(-50%);\n}\n\n.atb-tf2c-community::after {\n    content: \"\";\n    position: absolute;\n    right: -170px;\n    bottom: 45px;\n    width: 410px;\n    height: 410px;\n    border: 1px solid rgba(204, 153, 51, 0.13);\n    border-radius: 50%;\n    pointer-events: none;\n}\n\n.atb-tf2c-grid {\n    position: relative;\n    z-index: 2;\n    display: grid;\n    grid-template-columns: minmax(400px, 0.92fr) minmax(0, 1.08fr);\n    gap: 85px;\n    align-items: center;\n}\n\n\n\/* =========================================================\nVISUEL\n========================================================= *\/\n\n.atb-tf2c-visual {\n    position: relative;\n    padding: 0 42px 95px 0;\n}\n\n.atb-tf2c-photo {\n    position: relative;\n    height: 620px;\n    overflow: hidden;\n    border: 1px solid rgba(204, 153, 51, 0.24);\n    border-radius: 64px 5px 5px 5px;\n    background: #D8C7B9;\n    box-shadow: 0 28px 75px rgba(55, 0, 25, 0.17);\n}\n\n.atb-tf2c-photo::after {\n    content: \"\";\n    position: absolute;\n    inset: 16px;\n    border: 1px solid rgba(255, 255, 255, 0.55);\n    border-radius: 50px 3px 3px 3px;\n    pointer-events: none;\n}\n\n.atb-tf2c-photo img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    object-position: center;\n    transition: transform 0.8s ease;\n}\n\n.atb-tf2c-photo:hover img {\n    transform: scale(1.04);\n}\n\n.atb-tf2c-badge {\n    position: absolute;\n    right: 0;\n    bottom: 155px;\n    min-width: 205px;\n    padding: 21px 23px;\n    border: 1px solid rgba(204, 153, 51, 0.34);\n    border-radius: 4px 26px 4px 4px;\n    background: var(--tf2c-white);\n    box-shadow: 0 21px 55px rgba(55, 0, 25, 0.15);\n}\n\n.atb-tf2c-badge small {\n    display: block;\n    color: var(--tf2c-gold) !important;\n    font-size: 9px;\n    font-weight: 800;\n    letter-spacing: 0.14em;\n    text-transform: uppercase;\n}\n\n.atb-tf2c-badge strong {\n    display: block;\n    margin-top: 6px;\n    color: var(--tf2c-bordeaux) !important;\n    font-family: \"Fraunces\", Georgia, serif !important;\n    font-size: 25px;\n    line-height: 1.15;\n}\n\n.atb-tf2c-photo-caption {\n    position: absolute;\n    left: 0;\n    bottom: 0;\n    width: min(440px, 92%);\n    padding: 31px 34px;\n    border-left: 4px solid var(--tf2c-gold);\n    background: var(--tf2c-bordeaux);\n    box-shadow: 0 25px 60px rgba(54, 0, 24, 0.23);\n}\n\n.atb-tf2c-photo-caption p {\n    margin: 0 !important;\n    color: var(--tf2c-white) !important;\n    font-family: \"Fraunces\", Georgia, serif !important;\n    font-size: 21px;\n    font-style: italic;\n    line-height: 1.45;\n}\n\n.atb-tf2c-photo-caption small {\n    display: block;\n    margin-top: 17px;\n    color: var(--tf2c-gold-light) !important;\n    font-size: 9px;\n    font-weight: 800;\n    letter-spacing: 0.14em;\n    text-transform: uppercase;\n}\n\n\n\/* =========================================================\nCONTENU\n========================================================= *\/\n\n.atb-tf2c-label {\n    display: inline-flex;\n    align-items: center;\n    gap: 12px;\n    margin: 0 0 18px;\n    color: var(--tf2c-gold) !important;\n    font-size: 12px;\n    font-weight: 800;\n    letter-spacing: 0.16em;\n    line-height: 1.3;\n    text-transform: uppercase;\n}\n\n.atb-tf2c-label::before {\n    content: \"\";\n    width: 40px;\n    height: 2px;\n    flex: 0 0 40px;\n    background: currentColor;\n}\n\n.atb-tf2c-title,\n.atb-tf2c-title * {\n    color: var(--tf2c-bordeaux) !important;\n}\n\n.atb-tf2c-title {\n    margin: 0 !important;\n    font-family: \"Fraunces\", Georgia, serif !important;\n    font-size: clamp(42px, 5vw, 68px);\n    font-weight: 700;\n    letter-spacing: -0.045em;\n    line-height: 1;\n}\n\n.atb-tf2c-title span {\n    display: block;\n    color: var(--tf2c-gold) !important;\n    font-style: italic;\n}\n\n.atb-tf2c-intro {\n    margin-top: 28px;\n}\n\n.atb-tf2c-intro p {\n    margin: 0 !important;\n    color: var(--tf2c-grey) !important;\n    font-size: 16px;\n    line-height: 1.85;\n}\n\n.atb-tf2c-intro p + p {\n    margin-top: 17px !important;\n}\n\n\n\/* =========================================================\nLISTE DES CONTEXTES D\u2019INTERVENTION\n========================================================= *\/\n\n.atb-tf2c-locations {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 14px;\n    margin-top: 35px;\n}\n\n.atb-tf2c-location {\n    position: relative;\n    min-height: 120px;\n    display: grid;\n    grid-template-columns: 49px 1fr;\n    gap: 15px;\n    align-items: start;\n    padding: 20px;\n    overflow: hidden;\n    border: 1px solid rgba(96, 5, 45, 0.10);\n    border-radius: 4px 25px 4px 4px;\n    background:\n        linear-gradient(\n            145deg,\n            rgba(248, 241, 231, 0.76),\n            rgba(255, 255, 255, 0.98)\n        );\n    transition:\n        transform 0.3s ease,\n        border-color 0.3s ease,\n        box-shadow 0.3s ease;\n}\n\n.atb-tf2c-location:hover {\n    transform: translateY(-5px);\n    border-color: rgba(204, 153, 51, 0.44);\n    box-shadow: 0 18px 42px rgba(55, 0, 25, 0.09);\n}\n\n.atb-tf2c-location::after {\n    content: \"\";\n    position: absolute;\n    top: -33px;\n    right: -33px;\n    width: 90px;\n    height: 90px;\n    border: 1px solid rgba(204, 153, 51, 0.13);\n    border-radius: 50%;\n}\n\n.atb-tf2c-location-icon {\n    position: relative;\n    z-index: 2;\n    width: 47px;\n    height: 47px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 50%;\n    background: var(--tf2c-bordeaux);\n    color: var(--tf2c-gold-light);\n}\n\n.atb-tf2c-location-icon svg {\n    width: 21px;\n    height: 21px;\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 1.8;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n}\n\n.atb-tf2c-location h3 {\n    margin: 2px 0 0 !important;\n    color: var(--tf2c-bordeaux) !important;\n    font-family: \"Fraunces\", Georgia, serif !important;\n    font-size: 19px;\n    line-height: 1.2;\n}\n\n.atb-tf2c-location p {\n    margin: 7px 0 0 !important;\n    color: var(--tf2c-grey) !important;\n    font-size: 12px;\n    line-height: 1.55;\n}\n\n\n\/* =========================================================\nBLOC FINAL\n========================================================= *\/\n\n.atb-tf2c-summary {\n    margin-top: 34px;\n    padding: 26px 28px;\n    border-top: 1px solid var(--tf2c-border);\n    border-right: 1px solid var(--tf2c-border);\n    border-bottom: 1px solid var(--tf2c-border);\n    border-left: 4px solid var(--tf2c-gold);\n    border-radius: 0 30px 0 0;\n    background: var(--tf2c-cream);\n}\n\n.atb-tf2c-summary strong {\n    display: block;\n    color: var(--tf2c-bordeaux) !important;\n    font-family: \"Fraunces\", Georgia, serif !important;\n    font-size: 22px;\n    line-height: 1.3;\n}\n\n.atb-tf2c-summary p {\n    margin: 8px 0 0 !important;\n    color: var(--tf2c-grey) !important;\n    font-size: 14px;\n    line-height: 1.7;\n}\n\n\n\/* =========================================================\nS\u00c9PARATEUR VERS LA PARTIE 3\n========================================================= *\/\n\n.atb-tf2c-divider {\n    position: relative;\n    height: 62px;\n    background: var(--tf2c-white);\n}\n\n.atb-tf2c-divider::before {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    background: var(--tf2c-bordeaux-dark);\n    clip-path: polygon(\n        0 74%,\n        18% 41%,\n        38% 67%,\n        61% 29%,\n        81% 56%,\n        100% 24%,\n        100% 100%,\n        0 100%\n    );\n}\n\n.atb-tf2c-divider::after {\n    content: \"\";\n    position: absolute;\n    right: 0;\n    bottom: 3px;\n    left: 0;\n    height: 1px;\n    background: linear-gradient(\n        90deg,\n        transparent,\n        rgba(204, 153, 51, 0.65),\n        transparent\n    );\n}\n\n\n\/* =========================================================\nTABLETTE\n========================================================= *\/\n\n@media (max-width: 1024px) {\n\n    .atb-tf2c-grid {\n        grid-template-columns: 1fr;\n        gap: 70px;\n    }\n\n    .atb-tf2c-visual {\n        width: min(680px, 100%);\n        margin: 0 auto;\n    }\n\n    .atb-tf2c-content {\n        max-width: 760px;\n    }\n}\n\n\n\/* =========================================================\nMOBILE\n========================================================= *\/\n\n@media (max-width: 767px) {\n\n    .atb-tf2c-container {\n        width: calc(100% - 30px);\n    }\n\n    .atb-tf2c-community {\n        padding: 76px 0 88px;\n    }\n\n    .atb-tf2c-title {\n        font-size: clamp(39px, 12vw, 54px);\n    }\n\n    .atb-tf2c-visual {\n        padding: 0 0 165px;\n    }\n\n    .atb-tf2c-photo {\n        height: 440px;\n        border-radius: 45px 4px 4px 4px;\n    }\n\n    .atb-tf2c-photo::after {\n        inset: 12px;\n        border-radius: 34px 3px 3px 3px;\n    }\n\n    .atb-tf2c-badge {\n        right: -3px;\n        bottom: 128px;\n        min-width: 170px;\n        padding: 17px 18px;\n    }\n\n    .atb-tf2c-badge strong {\n        font-size: 21px;\n    }\n\n    .atb-tf2c-photo-caption {\n        width: 94%;\n        padding: 27px 24px;\n    }\n\n    .atb-tf2c-photo-caption p {\n        font-size: 18px;\n    }\n\n    .atb-tf2c-intro p {\n        font-size: 15px;\n        line-height: 1.75;\n    }\n\n    .atb-tf2c-locations {\n        grid-template-columns: 1fr;\n    }\n\n    .atb-tf2c-location {\n        min-height: 112px;\n    }\n\n    .atb-tf2c-divider {\n        height: 42px;\n    }\n}\n<\/style>\n\n\n<div class=\"atb-tf2c\">\n\n    <!-- =====================================================\n    UNE M\u00c9THODE AU PLUS PR\u00c8S DES COMMUNAUT\u00c9S\n    ====================================================== -->\n    <section class=\"atb-tf2c-community\">\n\n        <div class=\"atb-tf2c-container atb-tf2c-grid\">\n\n            <!-- VISUEL -->\n            <div class=\"atb-tf2c-visual\">\n\n                <div class=\"atb-tf2c-photo\">\n\n                    <img decoding=\"async\"\n                        src=\"http:\/\/atb.bf\/atb-v2\/wp-content\/uploads\/2026\/07\/625469052_10235461781378431_396943715468357644_n.jpg\"\n                        alt=\"Intervention de Th\u00e9\u00e2tre-Forum au sein d\u2019une communaut\u00e9\"\n                        loading=\"lazy\"\n                    >\n\n                <\/div>\n\n                <div class=\"atb-tf2c-badge\">\n                    <small>Intervention<\/small>\n                    <strong>Au c\u0153ur des r\u00e9alit\u00e9s<\/strong>\n                <\/div>\n\n                <div class=\"atb-tf2c-photo-caption\">\n\n                    <p>\n                        \u00ab Le Th\u00e9\u00e2tre-Forum va l\u00e0 o\u00f9 le dialogue doit \u00eatre\n                        recr\u00e9\u00e9, renforc\u00e9 ou lib\u00e9r\u00e9. \u00bb\n                    <\/p>\n\n                    <small>\n                        Atelier Th\u00e9\u00e2tre Burkinab\u00e8\n                    <\/small>\n\n                <\/div>\n\n            <\/div>\n\n\n            <!-- CONTENU -->\n            <div class=\"atb-tf2c-content\">\n\n                <div class=\"atb-tf2c-label\">\n                    Une m\u00e9thode au plus pr\u00e8s des communaut\u00e9s\n                <\/div>\n\n                <h2 class=\"atb-tf2c-title\">\n                    Le th\u00e9\u00e2tre se d\u00e9place\n                    <span>l\u00e0 o\u00f9 la parole doit circuler<\/span>\n                <\/h2>\n\n                <div class=\"atb-tf2c-intro\">\n\n                    <p>\n                        Les interventions de l\u2019ATB ne restent pas enferm\u00e9es\n                        dans une salle de spectacle. Les \u00e9quipes se d\u00e9placent\n                        pour rencontrer les publics dans leurs lieux de vie,\n                        d\u2019apprentissage, de travail et de d\u00e9cision.\n                    <\/p>\n\n                    <p>\n                        Chaque projet est pr\u00e9par\u00e9 en fonction du contexte,\n                        de la langue, des habitudes, des enjeux et des\n                        personnes concern\u00e9es afin que le dialogue cr\u00e9\u00e9 sur\n                        sc\u00e8ne reste directement li\u00e9 \u00e0 la r\u00e9alit\u00e9 du terrain.\n                    <\/p>\n\n                <\/div>\n\n\n                <div class=\"atb-tf2c-locations\">\n\n                    <!-- VILLAGES -->\n                    <article class=\"atb-tf2c-location\">\n\n                        <div class=\"atb-tf2c-location-icon\">\n                            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                                <path d=\"M3 21h18\"><\/path>\n                                <path d=\"M5 21v-9l7-5 7 5v9\"><\/path>\n                                <path d=\"M9 21v-5h6v5\"><\/path>\n                            <\/svg>\n                        <\/div>\n\n                        <div>\n                            <h3>Villages<\/h3>\n                            <p>\n                                Cr\u00e9er des espaces de dialogue au sein des\n                                communaut\u00e9s rurales.\n                            <\/p>\n                        <\/div>\n\n                    <\/article>\n\n\n                    <!-- \u00c9COLES -->\n                    <article class=\"atb-tf2c-location\">\n\n                        <div class=\"atb-tf2c-location-icon\">\n                            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                                <path d=\"M3 21h18\"><\/path>\n                                <path d=\"M5 21V9\"><\/path>\n                                <path d=\"M19 21V9\"><\/path>\n                                <path d=\"m12 3 9 5H3l9-5Z\"><\/path>\n                            <\/svg>\n                        <\/div>\n\n                        <div>\n                            <h3>\u00c9tablissements scolaires<\/h3>\n                            <p>\n                                Sensibiliser les \u00e9l\u00e8ves et accompagner\n                                l\u2019\u00e9ducation citoyenne.\n                            <\/p>\n                        <\/div>\n\n                    <\/article>\n\n\n                    <!-- QUARTIERS -->\n                    <article class=\"atb-tf2c-location\">\n\n                        <div class=\"atb-tf2c-location-icon\">\n                            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                                <path d=\"M3 21V10l6-4 6 4v11\"><\/path>\n                                <path d=\"M15 21V13l3-2 3 2v8\"><\/path>\n                                <path d=\"M7 21v-5h4v5\"><\/path>\n                            <\/svg>\n                        <\/div>\n\n                        <div>\n                            <h3>Quartiers<\/h3>\n                            <p>\n                                Porter le d\u00e9bat dans les espaces urbains\n                                et p\u00e9riph\u00e9riques.\n                            <\/p>\n                        <\/div>\n\n                    <\/article>\n\n\n                    <!-- COLLECTIVIT\u00c9S -->\n                    <article class=\"atb-tf2c-location\">\n\n                        <div class=\"atb-tf2c-location-icon\">\n                            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                                <path d=\"M3 21h18\"><\/path>\n                                <path d=\"M5 21V10\"><\/path>\n                                <path d=\"M9 21V10\"><\/path>\n                                <path d=\"M15 21V10\"><\/path>\n                                <path d=\"M19 21V10\"><\/path>\n                                <path d=\"m12 3 9 5H3l9-5Z\"><\/path>\n                            <\/svg>\n                        <\/div>\n\n                        <div>\n                            <h3>Collectivit\u00e9s<\/h3>\n                            <p>\n                                Soutenir la concertation entre \u00e9lus,\n                                services et populations.\n                            <\/p>\n                        <\/div>\n\n                    <\/article>\n\n\n                    <!-- ONG -->\n                    <article class=\"atb-tf2c-location\">\n\n                        <div class=\"atb-tf2c-location-icon\">\n                            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                                <circle cx=\"12\" cy=\"7\" r=\"3\"><\/circle>\n                                <path d=\"M5 21v-2a7 7 0 0 1 14 0v2\"><\/path>\n                                <path d=\"M4 11h4\"><\/path>\n                                <path d=\"M16 11h4\"><\/path>\n                            <\/svg>\n                        <\/div>\n\n                        <div>\n                            <h3>ONG et associations<\/h3>\n                            <p>\n                                Transformer les messages de sensibilisation\n                                en exp\u00e9riences participatives.\n                            <\/p>\n                        <\/div>\n\n                    <\/article>\n\n\n                    <!-- INSTITUTIONS -->\n                    <article class=\"atb-tf2c-location\">\n\n                        <div class=\"atb-tf2c-location-icon\">\n                            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                                <rect x=\"4\" y=\"5\" width=\"16\" height=\"16\" rx=\"2\"><\/rect>\n                                <path d=\"M8 3v4\"><\/path>\n                                <path d=\"M16 3v4\"><\/path>\n                                <path d=\"M4 10h16\"><\/path>\n                            <\/svg>\n                        <\/div>\n\n                        <div>\n                            <h3>Institutions et administrations<\/h3>\n                            <p>\n                                Faciliter les \u00e9changes professionnels et\n                                la r\u00e9flexion collective.\n                            <\/p>\n                        <\/div>\n\n                    <\/article>\n\n                <\/div>\n\n\n                <div class=\"atb-tf2c-summary\">\n\n                    <strong>\n                        Une intervention con\u00e7ue sur mesure\n                    <\/strong>\n\n                    <p>\n                        L\u2019ATB adapte le sc\u00e9nario, le nombre de com\u00e9diens,\n                        les langues, les outils de d\u00e9bat et la dur\u00e9e de\n                        l\u2019activit\u00e9 aux objectifs du commanditaire et aux\n                        caract\u00e9ristiques du public.\n                    <\/p>\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n    <\/section>\n\n\n    <!-- TRANSITION VERS LA PARTIE 3 -->\n    <div class=\"atb-tf2c-divider\" aria-hidden=\"true\"><\/div>\n\n<\/div>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-b8ed18f e-con e-atomic-element e-flexbox-base e-281cfd2 \" data-id=\"b8ed18f\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"b8ed18f\" data-e-type=\"e-flexbox\" data-id=\"b8ed18f\">\n    \t\t<div class=\"elementor-element elementor-element-f62445d elementor-widget elementor-widget-html\" data-id=\"f62445d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\/* =========================================================\nATB \u2014 PAGE TH\u00c9\u00c2TRE-FORUM\nPARTIE 3 : PUBLICS + GALERIE + CTA FINAL\nPr\u00e9fixe unique : atb-tf3\n========================================================= *\/\n\n.atb-tf3,\n.atb-tf3 *,\n.atb-tf3 *::before,\n.atb-tf3 *::after {\n    box-sizing: border-box;\n}\n\n.atb-tf3 {\n    --tf3-bordeaux: #60052D;\n    --tf3-bordeaux-dark: #300015;\n    --tf3-bordeaux-soft: #7C1645;\n    --tf3-gold: #CC9933;\n    --tf3-gold-light: #E7C779;\n    --tf3-cream: #F8F1E7;\n    --tf3-white: #FFFFFF;\n    --tf3-text: #2B1C22;\n    --tf3-grey: #75676C;\n    --tf3-border: rgba(96, 5, 45, 0.13);\n\n    width: 100%;\n    margin: 0 !important;\n    padding: 0 !important;\n    overflow: hidden;\n    background: var(--tf3-white);\n    color: var(--tf3-text);\n    font-family: \"Archivo\", Arial, sans-serif;\n}\n\n.atb-tf3 img {\n    display: block;\n    width: 100%;\n    max-width: 100%;\n}\n\n.atb-tf3 a {\n    text-decoration: none !important;\n}\n\n.atb-tf3-container {\n    width: min(1180px, calc(100% - 44px));\n    margin: 0 auto;\n}\n\n\n\/* =========================================================\nCOMPOSANTS\n========================================================= *\/\n\n.atb-tf3-label {\n    display: inline-flex;\n    align-items: center;\n    gap: 12px;\n    margin: 0 0 18px;\n    color: var(--tf3-gold) !important;\n    font-size: 12px;\n    font-weight: 800;\n    letter-spacing: 0.16em;\n    line-height: 1.3;\n    text-transform: uppercase;\n}\n\n.atb-tf3-label::before {\n    content: \"\";\n    display: block;\n    width: 40px;\n    height: 2px;\n    flex: 0 0 40px;\n    background: currentColor;\n}\n\n.atb-tf3-label-light {\n    color: var(--tf3-gold-light) !important;\n}\n\n.atb-tf3-title,\n.atb-tf3-title * {\n    color: var(--tf3-bordeaux) !important;\n}\n\n.atb-tf3-title {\n    margin: 0 !important;\n    font-family: \"Fraunces\", Georgia, serif !important;\n    font-size: clamp(42px, 5vw, 70px);\n    font-weight: 700;\n    letter-spacing: -0.045em;\n    line-height: 1;\n}\n\n.atb-tf3-title span {\n    display: block;\n    color: var(--tf3-gold) !important;\n    font-style: italic;\n}\n\n.atb-tf3-title-light,\n.atb-tf3-title-light * {\n    color: var(--tf3-white) !important;\n}\n\n.atb-tf3-title-light span {\n    color: var(--tf3-gold-light) !important;\n}\n\n.atb-tf3-button {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 11px;\n    min-height: 54px;\n    padding: 15px 27px;\n    border-radius: 999px;\n    font-size: 14px;\n    font-weight: 800;\n    line-height: 1;\n    transition:\n        transform 0.3s ease,\n        background-color 0.3s ease,\n        border-color 0.3s ease,\n        color 0.3s ease,\n        box-shadow 0.3s ease;\n}\n\n.atb-tf3-button svg {\n    width: 18px;\n    height: 18px;\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 1.9;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n    transition: transform 0.3s ease;\n}\n\n.atb-tf3-button:hover svg {\n    transform: translateX(4px);\n}\n\n.atb-tf3-button-gold,\n.atb-tf3-button-gold:link,\n.atb-tf3-button-gold:visited {\n    border: 1px solid var(--tf3-gold) !important;\n    background: var(--tf3-gold) !important;\n    color: var(--tf3-bordeaux-dark) !important;\n    box-shadow: 0 18px 42px rgba(204, 153, 51, 0.28);\n}\n\n.atb-tf3-button-gold:hover,\n.atb-tf3-button-gold:focus {\n    transform: translateY(-3px);\n    border-color: var(--tf3-gold-light) !important;\n    background: var(--tf3-gold-light) !important;\n    color: var(--tf3-bordeaux-dark) !important;\n}\n\n.atb-tf3-button-light,\n.atb-tf3-button-light:link,\n.atb-tf3-button-light:visited {\n    border: 1px solid rgba(255, 255, 255, 0.72) !important;\n    background: rgba(255, 255, 255, 0.10) !important;\n    color: var(--tf3-white) !important;\n}\n\n.atb-tf3-button-light:hover,\n.atb-tf3-button-light:focus {\n    transform: translateY(-3px);\n    border-color: var(--tf3-white) !important;\n    background: var(--tf3-white) !important;\n    color: var(--tf3-bordeaux) !important;\n}\n\n\n\/* =========================================================\nPOUR QUI ? \u2014 FOND BORDEAUX\n========================================================= *\/\n\n.atb-tf3-audiences {\n    position: relative;\n    padding: 100px 0 120px;\n    overflow: hidden;\n    background:\n        radial-gradient(\n            circle at 86% 15%,\n            rgba(204, 153, 51, 0.20),\n            transparent 26%\n        ),\n        linear-gradient(\n            145deg,\n            var(--tf3-bordeaux-dark),\n            var(--tf3-bordeaux) 58%,\n            #7B103F\n        );\n}\n\n.atb-tf3-audiences::before {\n    content: \"\";\n    position: absolute;\n    top: -190px;\n    left: -140px;\n    width: 490px;\n    height: 490px;\n    border: 1px solid rgba(255, 255, 255, 0.07);\n    border-radius: 50%;\n}\n\n.atb-tf3-audiences::after {\n    content: \"\";\n    position: absolute;\n    right: -150px;\n    bottom: -175px;\n    width: 410px;\n    height: 410px;\n    border: 1px solid rgba(231, 199, 121, 0.12);\n    border-radius: 50%;\n}\n\n.atb-tf3-audiences-heading {\n    position: relative;\n    z-index: 2;\n    display: grid;\n    grid-template-columns: minmax(0, 1fr) minmax(300px, 0.5fr);\n    gap: 70px;\n    align-items: end;\n    margin-bottom: 54px;\n}\n\n.atb-tf3-audiences-text p {\n    margin: 0 !important;\n    color: rgba(255, 255, 255, 0.74) !important;\n    font-size: 15px;\n    line-height: 1.8;\n}\n\n.atb-tf3-audiences-grid {\n    position: relative;\n    z-index: 2;\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 20px;\n}\n\n.atb-tf3-audience-card {\n    position: relative;\n    min-height: 345px;\n    display: flex;\n    flex-direction: column;\n    justify-content: flex-end;\n    padding: 31px 27px;\n    overflow: hidden;\n    border: 1px solid rgba(255, 255, 255, 0.12);\n    border-radius: 4px 38px 4px 4px;\n    background: rgba(255, 255, 255, 0.07);\n    transition:\n        transform 0.35s ease,\n        border-color 0.35s ease,\n        background-color 0.35s ease,\n        box-shadow 0.35s ease;\n}\n\n.atb-tf3-audience-card:hover {\n    transform: translateY(-8px);\n    border-color: rgba(231, 199, 121, 0.58);\n    background: rgba(255, 255, 255, 0.11);\n    box-shadow: 0 28px 65px rgba(24, 0, 10, 0.20);\n}\n\n.atb-tf3-audience-card::before {\n    content: \"\";\n    position: absolute;\n    top: -45px;\n    right: -45px;\n    width: 135px;\n    height: 135px;\n    border: 1px solid rgba(231, 199, 121, 0.14);\n    border-radius: 50%;\n}\n\n.atb-tf3-audience-card::after {\n    content: \"\";\n    position: absolute;\n    inset: 11px;\n    border: 1px solid rgba(255, 255, 255, 0.10);\n    border-radius: 3px 28px 3px 3px;\n    pointer-events: none;\n    transition: border-color 0.35s ease;\n}\n\n.atb-tf3-audience-card:hover::after {\n    border-color: rgba(231, 199, 121, 0.48);\n}\n\n.atb-tf3-audience-icon {\n    position: absolute;\n    top: 29px;\n    left: 27px;\n    width: 66px;\n    height: 66px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 50%;\n    background: var(--tf3-gold);\n    color: var(--tf3-bordeaux-dark) !important;\n    box-shadow: 0 16px 38px rgba(204, 153, 51, 0.25);\n    transition:\n        transform 0.3s ease,\n        background-color 0.3s ease;\n}\n\n.atb-tf3-audience-card:hover .atb-tf3-audience-icon {\n    transform: translateY(-5px) rotate(-3deg);\n    background: var(--tf3-gold-light);\n}\n\n.atb-tf3-audience-icon svg {\n    width: 29px;\n    height: 29px;\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 1.7;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n}\n\n.atb-tf3-audience-card small {\n    display: block;\n    margin-bottom: 10px;\n    color: var(--tf3-gold-light) !important;\n    font-size: 9px;\n    font-weight: 800;\n    letter-spacing: 0.14em;\n    text-transform: uppercase;\n}\n\n.atb-tf3-audience-card h3 {\n    margin: 0 !important;\n    color: var(--tf3-white) !important;\n    font-family: \"Fraunces\", Georgia, serif !important;\n    font-size: 25px;\n    line-height: 1.15;\n}\n\n.atb-tf3-audience-card p {\n    margin: 13px 0 0 !important;\n    color: rgba(255, 255, 255, 0.70) !important;\n    font-size: 13px;\n    line-height: 1.7;\n}\n\n.atb-tf3-audiences-summary {\n    position: relative;\n    z-index: 2;\n    max-width: 930px;\n    margin: 44px auto 0;\n    padding: 31px 36px;\n    border-top: 1px solid rgba(231, 199, 121, 0.28);\n    border-right: 1px solid rgba(231, 199, 121, 0.18);\n    border-bottom: 1px solid rgba(231, 199, 121, 0.28);\n    border-left: 4px solid var(--tf3-gold);\n    border-radius: 0 34px 0 0;\n    background: rgba(255, 255, 255, 0.07);\n    text-align: center;\n}\n\n.atb-tf3-audiences-summary p {\n    margin: 0 !important;\n    color: var(--tf3-white) !important;\n    font-family: \"Fraunces\", Georgia, serif !important;\n    font-size: clamp(23px, 3vw, 34px);\n    font-style: italic;\n    line-height: 1.45;\n}\n\n\n\/* =========================================================\nS\u00c9PARATEUR BORDEAUX \/ BLANC\n========================================================= *\/\n\n.atb-tf3-divider-dark-white {\n    position: relative;\n    height: 62px;\n    background: var(--tf3-bordeaux);\n}\n\n.atb-tf3-divider-dark-white::before {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    background: var(--tf3-white);\n    clip-path: polygon(\n        0 74%,\n        18% 42%,\n        38% 68%,\n        61% 29%,\n        81% 56%,\n        100% 24%,\n        100% 100%,\n        0 100%\n    );\n}\n\n.atb-tf3-divider-dark-white::after {\n    content: \"\";\n    position: absolute;\n    right: 0;\n    bottom: 3px;\n    left: 0;\n    height: 1px;\n    background: linear-gradient(\n        90deg,\n        transparent,\n        rgba(204, 153, 51, 0.65),\n        transparent\n    );\n}\n\n\n\/* =========================================================\nGALERIE IMMERSIVE \u2014 FOND BLANC\n========================================================= *\/\n\n.atb-tf3-gallery {\n    position: relative;\n    padding: 95px 0 120px;\n    background:\n        radial-gradient(\n            circle at 4% 10%,\n            rgba(204, 153, 51, 0.10),\n            transparent 24%\n        ),\n        var(--tf3-white);\n}\n\n.atb-tf3-gallery::before {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    left: 50%;\n    width: 110px;\n    height: 3px;\n    background: var(--tf3-gold);\n    transform: translateX(-50%);\n}\n\n.atb-tf3-gallery-heading {\n    display: grid;\n    grid-template-columns: minmax(0, 1fr) minmax(300px, 0.5fr);\n    gap: 70px;\n    align-items: end;\n    margin-bottom: 52px;\n}\n\n.atb-tf3-gallery-text p {\n    margin: 0 !important;\n    color: var(--tf3-grey) !important;\n    font-size: 15px;\n    line-height: 1.8;\n}\n\n.atb-tf3-gallery-grid {\n    display: grid;\n    grid-template-columns: 1.15fr 0.85fr 0.85fr;\n    grid-template-rows: 285px 285px;\n    gap: 18px;\n}\n\n.atb-tf3-gallery-item {\n    position: relative;\n    min-width: 0;\n    overflow: hidden;\n    border: 1px solid rgba(96, 5, 45, 0.10);\n    border-radius: 4px 34px 4px 4px;\n    background: var(--tf3-bordeaux-dark);\n    box-shadow: 0 16px 42px rgba(55, 0, 25, 0.08);\n}\n\n.atb-tf3-gallery-item-large {\n    grid-row: 1 \/ 3;\n}\n\n.atb-tf3-gallery-item-wide {\n    grid-column: 2 \/ 4;\n}\n\n.atb-tf3-gallery-item img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    transition: transform 0.75s ease;\n}\n\n.atb-tf3-gallery-item:hover img {\n    transform: scale(1.07);\n}\n\n.atb-tf3-gallery-item::before {\n    content: \"\";\n    position: absolute;\n    z-index: 2;\n    inset: 0;\n    background:\n        linear-gradient(\n            180deg,\n            rgba(35, 0, 15, 0.02),\n            rgba(48, 0, 22, 0.66)\n        );\n    opacity: 0;\n    transition: opacity 0.35s ease;\n}\n\n.atb-tf3-gallery-item:hover::before {\n    opacity: 1;\n}\n\n.atb-tf3-gallery-item::after {\n    content: \"\";\n    position: absolute;\n    z-index: 3;\n    inset: 12px;\n    border: 1px solid rgba(255, 255, 255, 0.20);\n    border-radius: 3px 24px 3px 3px;\n    pointer-events: none;\n    transition: border-color 0.35s ease;\n}\n\n.atb-tf3-gallery-item:hover::after {\n    border-color: rgba(231, 199, 121, 0.72);\n}\n\n.atb-tf3-gallery-caption {\n    position: absolute;\n    z-index: 4;\n    right: 24px;\n    bottom: 22px;\n    left: 24px;\n    color: var(--tf3-white) !important;\n    font-family: \"Fraunces\", Georgia, serif !important;\n    font-size: 20px;\n    font-style: italic;\n    opacity: 0;\n    transform: translateY(12px);\n    transition:\n        opacity 0.35s ease,\n        transform 0.35s ease;\n}\n\n.atb-tf3-gallery-item:hover .atb-tf3-gallery-caption {\n    opacity: 1;\n    transform: translateY(0);\n}\n\n.atb-tf3-gallery-note {\n    max-width: 850px;\n    margin: 38px auto 0;\n    padding: 26px 29px;\n    border-top: 1px solid var(--tf3-border);\n    border-right: 1px solid var(--tf3-border);\n    border-bottom: 1px solid var(--tf3-border);\n    border-left: 4px solid var(--tf3-gold);\n    border-radius: 0 30px 0 0;\n    background: var(--tf3-cream);\n    text-align: center;\n}\n\n.atb-tf3-gallery-note p {\n    margin: 0 !important;\n    color: var(--tf3-grey) !important;\n    font-size: 14px;\n    line-height: 1.7;\n}\n\n\n\/* =========================================================\nCTA FINAL\n========================================================= *\/\n\n.atb-tf3-cta {\n    position: relative;\n    min-height: 650px;\n    display: flex;\n    align-items: center;\n    overflow: hidden;\n    isolation: isolate;\n    background:\n        linear-gradient(\n            90deg,\n            rgba(43, 0, 19, 0.97) 0%,\n            rgba(76, 2, 35, 0.86) 48%,\n            rgba(45, 0, 20, 0.52) 78%,\n            rgba(30, 0, 13, 0.42) 100%\n        ),\n        url(\"http:\/\/atb.bf\/atb-v2\/wp-content\/uploads\/2026\/07\/623454221_10235461786898569_4445002139497450046_n.jpg\")\n        center center \/ cover no-repeat;\n}\n\n.atb-tf3-cta::before {\n    content: \"\";\n    position: absolute;\n    z-index: -1;\n    inset: 0;\n    background:\n        radial-gradient(\n            circle at 76% 20%,\n            rgba(204, 153, 51, 0.22),\n            transparent 30%\n        ),\n        linear-gradient(\n            180deg,\n            rgba(0, 0, 0, 0.03),\n            rgba(35, 0, 15, 0.58)\n        );\n}\n\n.atb-tf3-cta::after {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    left: 50%;\n    width: 110px;\n    height: 3px;\n    background: var(--tf3-gold);\n    transform: translateX(-50%);\n}\n\n.atb-tf3-cta-inner {\n    position: relative;\n    z-index: 2;\n    max-width: 900px;\n    padding: 115px 0 120px;\n}\n\n.atb-tf3-cta-title,\n.atb-tf3-cta-title * {\n    color: var(--tf3-white) !important;\n}\n\n.atb-tf3-cta-title {\n    margin: 0 !important;\n    font-family: \"Fraunces\", Georgia, serif !important;\n    font-size: clamp(50px, 6.5vw, 92px);\n    font-weight: 700;\n    letter-spacing: -0.055em;\n    line-height: 0.95;\n}\n\n.atb-tf3-cta-title span {\n    display: block;\n    margin-top: 8px;\n    color: var(--tf3-gold-light) !important;\n    font-style: italic;\n}\n\n.atb-tf3-cta-text {\n    max-width: 720px;\n    margin: 28px 0 0 !important;\n    color: rgba(255, 255, 255, 0.84) !important;\n    font-size: 17px;\n    line-height: 1.8;\n}\n\n.atb-tf3-cta-actions {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 14px;\n    margin-top: 36px;\n}\n\n.atb-tf3-cta-footnote {\n    max-width: 710px;\n    margin-top: 26px;\n    padding-top: 22px;\n    border-top: 1px solid rgba(255, 255, 255, 0.18);\n    color: rgba(255, 255, 255, 0.64) !important;\n    font-size: 12px;\n    line-height: 1.7;\n}\n\n\n\/* =========================================================\nTABLETTE\n========================================================= *\/\n\n@media (max-width: 1024px) {\n\n    .atb-tf3-audiences-heading,\n    .atb-tf3-gallery-heading {\n        grid-template-columns: 1fr;\n        gap: 30px;\n    }\n\n    .atb-tf3-audiences-grid {\n        grid-template-columns: repeat(2, 1fr);\n    }\n\n    .atb-tf3-gallery-grid {\n        grid-template-columns: 1fr 1fr;\n        grid-template-rows: 470px 280px 280px;\n    }\n\n    .atb-tf3-gallery-item-large {\n        grid-column: 1 \/ 3;\n        grid-row: auto;\n    }\n\n    .atb-tf3-gallery-item-wide {\n        grid-column: 1 \/ 3;\n    }\n}\n\n\n\/* =========================================================\nMOBILE\n========================================================= *\/\n\n@media (max-width: 767px) {\n\n    .atb-tf3-container {\n        width: calc(100% - 30px);\n    }\n\n    .atb-tf3-audiences,\n    .atb-tf3-gallery {\n        padding: 76px 0 88px;\n    }\n\n    .atb-tf3-title {\n        font-size: clamp(39px, 12vw, 54px);\n    }\n\n    .atb-tf3-audiences-grid {\n        grid-template-columns: 1fr;\n    }\n\n    .atb-tf3-audience-card {\n        min-height: 310px;\n        padding: 28px 23px;\n    }\n\n    .atb-tf3-audience-icon {\n        top: 24px;\n        left: 23px;\n        width: 60px;\n        height: 60px;\n    }\n\n    .atb-tf3-audiences-summary {\n        padding: 26px 22px;\n    }\n\n    .atb-tf3-divider-dark-white {\n        height: 42px;\n    }\n\n    .atb-tf3-gallery-grid {\n        display: block;\n    }\n\n    .atb-tf3-gallery-item,\n    .atb-tf3-gallery-item-large,\n    .atb-tf3-gallery-item-wide {\n        height: 360px;\n        margin-bottom: 18px;\n    }\n\n    .atb-tf3-gallery-item::before {\n        opacity: 1;\n    }\n\n    .atb-tf3-gallery-caption {\n        opacity: 1;\n        transform: none;\n        font-size: 18px;\n    }\n\n    .atb-tf3-cta {\n        min-height: 620px;\n        background-position: 60% center;\n        background-image:\n            linear-gradient(\n                180deg,\n                rgba(49, 0, 22, 0.72) 0%,\n                rgba(49, 0, 22, 0.90) 55%,\n                rgba(34, 0, 15, 0.97) 100%\n            ),\n            url(\"http:\/\/atb.bf\/atb-v2\/wp-content\/uploads\/2026\/07\/623454221_10235461786898569_4445002139497450046_n.jpg\");\n    }\n\n    .atb-tf3-cta-inner {\n        padding: 95px 0 100px;\n    }\n\n    .atb-tf3-cta-title {\n        font-size: clamp(44px, 13vw, 63px);\n    }\n\n    .atb-tf3-cta-text {\n        font-size: 15px;\n        line-height: 1.7;\n    }\n\n    .atb-tf3-cta-actions {\n        flex-direction: column;\n        align-items: stretch;\n    }\n\n    .atb-tf3-button {\n        width: 100%;\n    }\n}\n<\/style>\n\n\n<div class=\"atb-tf3\">\n\n    <!-- =====================================================\n    POUR QUI ?\n    ====================================================== -->\n    <section class=\"atb-tf3-audiences\">\n\n        <div class=\"atb-tf3-container\">\n\n            <div class=\"atb-tf3-audiences-heading\">\n\n                <div>\n\n                    <div class=\"atb-tf3-label atb-tf3-label-light\">\n                        Pour qui ?\n                    <\/div>\n\n                    <h2 class=\"atb-tf3-title atb-tf3-title-light\">\n                        Une m\u00e9thode adapt\u00e9e\n                        <span>\u00e0 ceux qui veulent faire \u00e9voluer les r\u00e9alit\u00e9s<\/span>\n                    <\/h2>\n\n                <\/div>\n\n                <div class=\"atb-tf3-audiences-text\">\n\n                    <p>\n                        Le Th\u00e9\u00e2tre-Forum peut accompagner les organisations,\n                        les \u00e9tablissements et les communaut\u00e9s qui souhaitent\n                        ouvrir le dialogue, sensibiliser ou construire des\n                        solutions participatives.\n                    <\/p>\n\n                <\/div>\n\n            <\/div>\n\n\n            <div class=\"atb-tf3-audiences-grid\">\n\n                <!-- ONG -->\n                <article class=\"atb-tf3-audience-card\">\n\n                    <div class=\"atb-tf3-audience-icon\">\n                        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                            <circle cx=\"12\" cy=\"7\" r=\"3\"><\/circle>\n                            <path d=\"M5 21v-2a7 7 0 0 1 14 0v2\"><\/path>\n                            <path d=\"M4 11h4\"><\/path>\n                            <path d=\"M16 11h4\"><\/path>\n                        <\/svg>\n                    <\/div>\n\n                    <small>Mobilisation sociale<\/small>\n\n                    <h3>ONG et associations<\/h3>\n\n                    <p>\n                        Transformer les campagnes de sensibilisation en\n                        exp\u00e9riences interactives capables de faire \u00e9merger\n                        la parole et l\u2019appropriation des messages.\n                    <\/p>\n\n                <\/article>\n\n\n                <!-- INSTITUTIONS -->\n                <article class=\"atb-tf3-audience-card\">\n\n                    <div class=\"atb-tf3-audience-icon\">\n                        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                            <path d=\"M3 21h18\"><\/path>\n                            <path d=\"M5 21V10\"><\/path>\n                            <path d=\"M9 21V10\"><\/path>\n                            <path d=\"M15 21V10\"><\/path>\n                            <path d=\"M19 21V10\"><\/path>\n                            <path d=\"m12 3 9 5H3l9-5Z\"><\/path>\n                        <\/svg>\n                    <\/div>\n\n                    <small>Action publique<\/small>\n\n                    <h3>Institutions publiques<\/h3>\n\n                    <p>\n                        Soutenir la concertation, la gouvernance locale,\n                        l\u2019information citoyenne et la relation entre les\n                        services publics et les populations.\n                    <\/p>\n\n                <\/article>\n\n\n                <!-- \u00c9COLES -->\n                <article class=\"atb-tf3-audience-card\">\n\n                    <div class=\"atb-tf3-audience-icon\">\n                        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                            <path d=\"M3 21h18\"><\/path>\n                            <path d=\"M5 21V9\"><\/path>\n                            <path d=\"M19 21V9\"><\/path>\n                            <path d=\"m12 3 9 5H3l9-5Z\"><\/path>\n                            <path d=\"M9 21v-6h6v6\"><\/path>\n                        <\/svg>\n                    <\/div>\n\n                    <small>\u00c9ducation et pr\u00e9vention<\/small>\n\n                    <h3>\u00c9tablissements scolaires<\/h3>\n\n                    <p>\n                        Aborder les droits, les violences, la sant\u00e9,\n                        l\u2019environnement ou le vivre-ensemble avec les \u00e9l\u00e8ves\n                        \u00e0 travers une m\u00e9thode vivante et participative.\n                    <\/p>\n\n                <\/article>\n\n\n                <!-- COMMUNAUT\u00c9S -->\n                <article class=\"atb-tf3-audience-card\">\n\n                    <div class=\"atb-tf3-audience-icon\">\n                        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                            <circle cx=\"8\" cy=\"8\" r=\"3\"><\/circle>\n                            <circle cx=\"17\" cy=\"9\" r=\"2.5\"><\/circle>\n                            <path d=\"M2 21v-2a6 6 0 0 1 12 0v2\"><\/path>\n                            <path d=\"M14 21v-1.5a5 5 0 0 1 8 0V21\"><\/path>\n                        <\/svg>\n                    <\/div>\n\n                    <small>Dialogue de proximit\u00e9<\/small>\n\n                    <h3>Communaut\u00e9s et collectivit\u00e9s<\/h3>\n\n                    <p>\n                        Cr\u00e9er un cadre accessible pour discuter des conflits,\n                        des comportements, des responsabilit\u00e9s et des solutions\n                        directement avec les personnes concern\u00e9es.\n                    <\/p>\n\n                <\/article>\n\n            <\/div>\n\n\n            <div class=\"atb-tf3-audiences-summary\">\n\n                <p>\n                    \u00ab L\u00e0 o\u00f9 une communaut\u00e9 cherche \u00e0 comprendre, dialoguer\n                    ou agir, le Th\u00e9\u00e2tre-Forum peut devenir un outil de\n                    transformation collective. \u00bb\n                <\/p>\n\n            <\/div>\n\n        <\/div>\n\n    <\/section>\n\n\n    <div class=\"atb-tf3-divider-dark-white\" aria-hidden=\"true\"><\/div>\n\n\n    <!-- =====================================================\n    GALERIE IMMERSIVE\n    ====================================================== -->\n    <section class=\"atb-tf3-gallery\">\n\n        <div class=\"atb-tf3-container\">\n\n            <div class=\"atb-tf3-gallery-heading\">\n\n                <div>\n\n                    <div class=\"atb-tf3-label\">\n                        Le Th\u00e9\u00e2tre-Forum en images\n                    <\/div>\n\n                    <h2 class=\"atb-tf3-title\">\n                        La sc\u00e8ne, le public\n                        <span>et le dialogue en mouvement<\/span>\n                    <\/h2>\n\n                <\/div>\n\n                <div class=\"atb-tf3-gallery-text\">\n\n                    <p>\n                        Quelques instants qui t\u00e9moignent de l\u2019\u00e9nergie des\n                        repr\u00e9sentations, de l\u2019engagement des com\u00e9diens et de\n                        la participation des communaut\u00e9s.\n                    <\/p>\n\n                <\/div>\n\n            <\/div>\n\n\n            <div class=\"atb-tf3-gallery-grid\">\n\n                <div class=\"atb-tf3-gallery-item atb-tf3-gallery-item-large\">\n\n                    <img decoding=\"async\"\n                        src=\"http:\/\/atb.bf\/atb-v2\/wp-content\/uploads\/2025\/11\/494591487_2882670538576112_8386902657681414628_n.jpg\"\n                        alt=\"Repr\u00e9sentation de Th\u00e9\u00e2tre-Forum\"\n                        loading=\"lazy\"\n                    >\n\n                    <span class=\"atb-tf3-gallery-caption\">\n                        Mettre en sc\u00e8ne les r\u00e9alit\u00e9s\n                    <\/span>\n\n                <\/div>\n\n\n                <div class=\"atb-tf3-gallery-item\">\n\n                    <img decoding=\"async\"\n                        src=\"http:\/\/atb.bf\/atb-v2\/wp-content\/uploads\/2025\/11\/516236773_10232551023891313_2519406732278889772_n.jpg\"\n                        alt=\"Com\u00e9diens lors d\u2019un Th\u00e9\u00e2tre-Forum\"\n                        loading=\"lazy\"\n                    >\n\n                    <span class=\"atb-tf3-gallery-caption\">\n                        Questionner ensemble\n                    <\/span>\n\n                <\/div>\n\n\n                <div class=\"atb-tf3-gallery-item\">\n\n                    <img decoding=\"async\"\n                        src=\"http:\/\/atb.bf\/atb-v2\/wp-content\/uploads\/2025\/11\/35350378_950534308456421_6641651780591550464_n.jpg\"\n                        alt=\"Interaction avec le public\"\n                        loading=\"lazy\"\n                    >\n\n                    <span class=\"atb-tf3-gallery-caption\">\n                        Lib\u00e9rer la parole\n                    <\/span>\n\n                <\/div>\n\n\n                <div class=\"atb-tf3-gallery-item atb-tf3-gallery-item-wide\">\n\n                    <img decoding=\"async\"\n                        src=\"http:\/\/atb.bf\/atb-v2\/wp-content\/uploads\/2026\/07\/625469052_10235461781378431_396943715468357644_n.jpg\"\n                        alt=\"Th\u00e9\u00e2tre-Forum au sein d\u2019une communaut\u00e9\"\n                        loading=\"lazy\"\n                    >\n\n                    <span class=\"atb-tf3-gallery-caption\">\n                        Construire des solutions au plus pr\u00e8s du terrain\n                    <\/span>\n\n                <\/div>\n\n            <\/div>\n\n\n            <div class=\"atb-tf3-gallery-note\">\n\n                <p>\n                    Cette galerie pourra \u00eatre enrichie avec les photos,\n                    vid\u00e9os, t\u00e9moignages et archives des interventions men\u00e9es\n                    avec les partenaires et les communaut\u00e9s.\n                <\/p>\n\n            <\/div>\n\n        <\/div>\n\n    <\/section>\n\n\n    <!-- =====================================================\n    CTA FINAL\n    ====================================================== -->\n    <section class=\"atb-tf3-cta\">\n\n        <div class=\"atb-tf3-container\">\n\n            <div class=\"atb-tf3-cta-inner\">\n\n                <div class=\"atb-tf3-label atb-tf3-label-light\">\n                    Construisons une intervention\n                <\/div>\n\n                <h2 class=\"atb-tf3-cta-title\">\n                    Transformons les probl\u00e8mes\n                    <span>en espaces de dialogue<\/span>\n                <\/h2>\n\n                <p class=\"atb-tf3-cta-text\">\n                    ONG, institution, \u00e9tablissement scolaire ou collectivit\u00e9 :\n                    construisons ensemble une intervention de Th\u00e9\u00e2tre-Forum\n                    adapt\u00e9e \u00e0 vos objectifs, \u00e0 votre public et aux r\u00e9alit\u00e9s\n                    du terrain.\n                <\/p>\n\n                <div class=\"atb-tf3-cta-actions\">\n\n                    <a\n                        href=\"\/atb-v2\/contact\/\"\n                        class=\"atb-tf3-button atb-tf3-button-gold\"\n                    >\n                        <span>Organiser un Th\u00e9\u00e2tre-Forum<\/span>\n\n                        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                            <path d=\"M5 12h14\"><\/path>\n                            <path d=\"m13 6 6 6-6 6\"><\/path>\n                        <\/svg>\n                    <\/a>\n\n                    <a\n                        href=\"\/atb-v2\/contact\/\"\n                        class=\"atb-tf3-button atb-tf3-button-light\"\n                    >\n                        <span>Construire un partenariat<\/span>\n                    <\/a>\n\n                    <a\n                        href=\"\/atb-v2\/contact\/\"\n                        class=\"atb-tf3-button atb-tf3-button-light\"\n                    >\n                        <span>Contacter l\u2019ATB<\/span>\n                    <\/a>\n\n                <\/div>\n\n                <p class=\"atb-tf3-cta-footnote\">\n                    L\u2019\u00e9quipe de l\u2019ATB pourra t\u2019accompagner dans la d\u00e9finition\n                    de la th\u00e9matique, du public, du format, de la dur\u00e9e et du\n                    lieu d\u2019intervention.\n                <\/p>\n\n            <\/div>\n\n        <\/div>\n\n    <\/section>\n\n<\/div>\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":"","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":[],"class_list":["post-2082","page","type-page","status-publish","hentry"],"ticketed":false,"_links":{"self":[{"href":"https:\/\/atb.bf\/atb-v2\/wp-json\/wp\/v2\/pages\/2082","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=2082"}],"version-history":[{"count":1,"href":"https:\/\/atb.bf\/atb-v2\/wp-json\/wp\/v2\/pages\/2082\/revisions"}],"predecessor-version":[{"id":2083,"href":"https:\/\/atb.bf\/atb-v2\/wp-json\/wp\/v2\/pages\/2082\/revisions\/2083"}],"wp:attachment":[{"href":"https:\/\/atb.bf\/atb-v2\/wp-json\/wp\/v2\/media?parent=2082"}],"wp:term":[{"taxonomy":"wf_page_folders","embeddable":true,"href":"https:\/\/atb.bf\/atb-v2\/wp-json\/wp\/v2\/wf_page_folders?post=2082"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}