{"id":72,"date":"2025-10-23T11:31:27","date_gmt":"2025-10-23T11:31:27","guid":{"rendered":"https:\/\/atb.bf\/atb-v2\/?page_id=72"},"modified":"2026-07-10T19:47:31","modified_gmt":"2026-07-10T17:47:31","slug":"capo-2026","status":"publish","type":"page","link":"https:\/\/atb.bf\/atb-v2\/capo-2026\/","title":{"rendered":"CAPO 2026"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"72\" class=\"elementor elementor-72\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a7c3430 e-con e-atomic-element e-flexbox-base e-e9436fd \" data-id=\"a7c3430\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"a7c3430\" data-e-type=\"e-flexbox\" data-id=\"a7c3430\">\n    \t\t<div class=\"elementor-element elementor-element-0c6e7b3 elementor-widget elementor-widget-html\" data-id=\"0c6e7b3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\/* =========================================================\nATB \u2014 PAGE CAPO\nPARTIE 1 : HERO + PR\u00c9SENTATION + DISCIPLINES\nPr\u00e9fixe unique : atb-capo1\n========================================================= *\/\n\n.atb-capo1,\n.atb-capo1 *,\n.atb-capo1 *::before,\n.atb-capo1 *::after {\n    box-sizing: border-box;\n}\n\n.atb-capo1 {\n    --capo-bordeaux: #60052D;\n    --capo-bordeaux-dark: #300015;\n    --capo-bordeaux-soft: #7D1745;\n    --capo-gold: #CC9933;\n    --capo-gold-light: #E7C779;\n    --capo-cream: #F8F1E7;\n    --capo-white: #FFFFFF;\n    --capo-text: #2B1C22;\n    --capo-grey: #75676C;\n    --capo-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(--capo-cream);\n    color: var(--capo-text);\n    font-family: \"Archivo\", Arial, sans-serif;\n}\n\n.atb-capo1 img {\n    display: block;\n    width: 100%;\n    max-width: 100%;\n}\n\n.atb-capo1 a {\n    text-decoration: none !important;\n}\n\n.atb-capo1-container {\n    width: min(1180px, calc(100% - 44px));\n    margin: 0 auto;\n}\n\n\n\/* =========================================================\nCOMPOSANTS\n========================================================= *\/\n\n.atb-capo1-label {\n    display: inline-flex;\n    align-items: center;\n    gap: 12px;\n    margin: 0 0 18px;\n    color: var(--capo-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-capo1-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-capo1-label-light {\n    color: var(--capo-gold-light) !important;\n}\n\n.atb-capo1-title,\n.atb-capo1-title * {\n    color: var(--capo-bordeaux) !important;\n}\n\n.atb-capo1-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-capo1-title span {\n    display: block;\n    color: var(--capo-gold) !important;\n    font-style: italic;\n}\n\n.atb-capo1-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-capo1-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-capo1-button:hover svg {\n    transform: translateX(4px);\n}\n\n.atb-capo1-button-gold,\n.atb-capo1-button-gold:link,\n.atb-capo1-button-gold:visited {\n    border: 1px solid var(--capo-gold) !important;\n    background: var(--capo-gold) !important;\n    color: var(--capo-bordeaux-dark) !important;\n    box-shadow: 0 18px 42px rgba(204, 153, 51, 0.28);\n}\n\n.atb-capo1-button-gold:hover,\n.atb-capo1-button-gold:focus {\n    transform: translateY(-3px);\n    border-color: var(--capo-gold-light) !important;\n    background: var(--capo-gold-light) !important;\n    color: var(--capo-bordeaux-dark) !important;\n}\n\n.atb-capo1-button-light,\n.atb-capo1-button-light:link,\n.atb-capo1-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(--capo-white) !important;\n}\n\n.atb-capo1-button-light:hover,\n.atb-capo1-button-light:focus {\n    transform: translateY(-3px);\n    border-color: var(--capo-white) !important;\n    background: var(--capo-white) !important;\n    color: var(--capo-bordeaux) !important;\n}\n\n\n\/* =========================================================\nHERO\n========================================================= *\/\n\n.atb-capo1-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(--capo-bordeaux-dark);\n    background-image:\n        linear-gradient(\n            90deg,\n            rgba(44, 0, 19, 0.97) 0%,\n            rgba(78, 2, 36, 0.88) 45%,\n            rgba(52, 0, 24, 0.50) 75%,\n            rgba(33, 0, 15, 0.35) 100%\n        ),\n        url(\"http:\/\/atb.bf\/atb-v2\/wp-content\/uploads\/2026\/07\/631620542_122106999729229108_6239863793935760564_n.jpg\");\n    background-position: center center;\n    background-repeat: no-repeat;\n    background-size: cover;\n}\n\n.atb-capo1-hero::before {\n    content: \"\";\n    position: absolute;\n    z-index: -1;\n    inset: 0;\n    background:\n        radial-gradient(\n            circle at 78% 20%,\n            rgba(204, 153, 51, 0.23),\n            transparent 31%\n        ),\n        linear-gradient(\n            180deg,\n            rgba(0, 0, 0, 0.02),\n            rgba(34, 0, 16, 0.47)\n        );\n}\n\n.atb-capo1-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(--capo-cream);\n    clip-path: polygon(\n        0 78%,\n        17% 48%,\n        36% 68%,\n        59% 28%,\n        78% 55%,\n        100% 22%,\n        100% 100%,\n        0 100%\n    );\n}\n\n.atb-capo1-hero-inner {\n    position: relative;\n    z-index: 3;\n    width: 100%;\n    padding: 120px 0 150px;\n}\n\n.atb-capo1-hero-content {\n    max-width: 880px;\n}\n\n.atb-capo1-hero-kicker {\n    display: inline-flex;\n    align-items: center;\n    gap: 12px;\n    margin-bottom: 20px;\n    color: var(--capo-gold-light) !important;\n    font-size: 12px;\n    font-weight: 800;\n    letter-spacing: 0.17em;\n    text-transform: uppercase;\n}\n\n.atb-capo1-hero-kicker::before {\n    content: \"\";\n    width: 42px;\n    height: 2px;\n    background: currentColor;\n}\n\n.atb-capo1-hero h1,\n.atb-capo1-hero h1 * {\n    color: var(--capo-white) !important;\n}\n\n.atb-capo1-hero h1 {\n    max-width: 900px;\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-capo1-hero h1 span {\n    display: block;\n    margin-top: 10px;\n    color: var(--capo-gold-light) !important;\n    font-style: italic;\n}\n\n.atb-capo1-hero-text {\n    max-width: 720px;\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-capo1-hero-actions {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 15px;\n    margin-top: 36px;\n}\n\n.atb-capo1-hero-stamp {\n    position: absolute;\n    right: 0;\n    bottom: 125px;\n    width: 150px;\n    height: 150px;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    border: 1px solid rgba(229, 195, 110, 0.45);\n    border-radius: 50%;\n    background: rgba(48, 0, 21, 0.48);\n    color: var(--capo-white);\n    backdrop-filter: blur(5px);\n    text-align: center;\n}\n\n.atb-capo1-hero-stamp strong {\n    color: var(--capo-gold-light) !important;\n    font-family: \"Fraunces\", Georgia, serif !important;\n    font-size: 31px;\n    line-height: 1;\n}\n\n.atb-capo1-hero-stamp span {\n    margin-top: 7px;\n    color: rgba(255,255,255,0.74) !important;\n    font-size: 9px;\n    font-weight: 800;\n    letter-spacing: 0.13em;\n    text-transform: uppercase;\n}\n\n\n\/* =========================================================\nPR\u00c9SENTATION \u2014 FOND CR\u00c8ME\n========================================================= *\/\n\n.atb-capo1-intro {\n    position: relative;\n    padding: 90px 0 120px;\n    background:\n        radial-gradient(\n            circle at 4% 15%,\n            rgba(204, 153, 51, 0.13),\n            transparent 26%\n        ),\n        var(--capo-cream);\n}\n\n.atb-capo1-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-capo1-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-capo1-intro-copy {\n    margin-top: 28px;\n}\n\n.atb-capo1-intro-copy p {\n    margin: 0 !important;\n    color: var(--capo-grey) !important;\n    font-size: 16px;\n    line-height: 1.85;\n}\n\n.atb-capo1-intro-copy p + p {\n    margin-top: 18px !important;\n}\n\n.atb-capo1-intro-highlight {\n    margin-top: 34px;\n    padding: 25px 28px;\n    border-top: 1px solid rgba(96, 5, 45, 0.13);\n    border-right: 1px solid rgba(96, 5, 45, 0.13);\n    border-bottom: 1px solid rgba(96, 5, 45, 0.13);\n    border-left: 4px solid var(--capo-gold);\n    border-radius: 0 28px 0 0;\n    background: rgba(255, 255, 255, 0.48);\n}\n\n.atb-capo1-intro-highlight p {\n    margin: 0 !important;\n    color: var(--capo-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-capo1-intro-visual {\n    position: relative;\n    padding: 0 0 95px 38px;\n}\n\n.atb-capo1-intro-photo {\n    position: relative;\n    height: 550px;\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-capo1-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-capo1-intro-photo img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    object-position: center;\n}\n\n.atb-capo1-intro-badge {\n    position: absolute;\n    right: -18px;\n    bottom: 145px;\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(--capo-white);\n    box-shadow: 0 20px 55px rgba(55, 0, 25, 0.14);\n}\n\n.atb-capo1-intro-badge small {\n    display: block;\n    color: var(--capo-gold) !important;\n    font-size: 9px;\n    font-weight: 800;\n    letter-spacing: 0.13em;\n    text-transform: uppercase;\n}\n\n.atb-capo1-intro-badge strong {\n    display: block;\n    margin-top: 5px;\n    color: var(--capo-bordeaux) !important;\n    font-family: \"Fraunces\", Georgia, serif !important;\n    font-size: 27px;\n}\n\n.atb-capo1-intro-quote {\n    position: absolute;\n    z-index: 3;\n    left: 0;\n    bottom: 0;\n    width: min(440px, 92%);\n    margin: 0;\n    padding: 32px 34px;\n    border-left: 4px solid var(--capo-gold);\n    background: var(--capo-bordeaux);\n    box-shadow: 0 24px 60px rgba(54, 0, 24, 0.23);\n}\n\n.atb-capo1-intro-quote p {\n    margin: 0 !important;\n    color: var(--capo-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-capo1-intro-quote footer {\n    margin-top: 17px;\n    color: var(--capo-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\u00c9PARATION CR\u00c8ME \/ BLANC\n========================================================= *\/\n\n.atb-capo1-section-border {\n    position: relative;\n    height: 56px;\n    background: var(--capo-cream);\n}\n\n.atb-capo1-section-border::before {\n    content: \"\";\n    position: absolute;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    height: 56px;\n    background: var(--capo-white);\n    clip-path: polygon(\n        0 60%,\n        20% 42%,\n        42% 67%,\n        65% 28%,\n        83% 55%,\n        100% 38%,\n        100% 100%,\n        0 100%\n    );\n}\n\n.atb-capo1-section-border::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\/* =========================================================\nDISCIPLINES \u2014 FOND BLANC\n========================================================= *\/\n\n.atb-capo1-disciplines {\n    position: relative;\n    padding: 95px 0 120px;\n    background: var(--capo-white);\n}\n\n.atb-capo1-disciplines::before {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    left: 50%;\n    width: 110px;\n    height: 3px;\n    background: var(--capo-gold);\n    transform: translateX(-50%);\n}\n\n.atb-capo1-disciplines-heading {\n    max-width: 790px;\n    margin: 0 auto 52px;\n    text-align: center;\n}\n\n.atb-capo1-disciplines-heading .atb-capo1-label {\n    justify-content: center;\n}\n\n.atb-capo1-disciplines-heading p {\n    max-width: 720px;\n    margin: 24px auto 0 !important;\n    color: var(--capo-grey) !important;\n    font-size: 16px;\n    line-height: 1.8;\n}\n\n.atb-capo1-disciplines-grid {\n    display: grid;\n    grid-template-columns: repeat(5, 1fr);\n    gap: 18px;\n}\n\n.atb-capo1-discipline {\n    position: relative;\n    min-height: 365px;\n    display: flex;\n    flex-direction: column;\n    justify-content: flex-end;\n    overflow: hidden;\n    isolation: isolate;\n    border: 1px solid rgba(96, 5, 45, 0.10);\n    border-radius: 4px 34px 4px 4px;\n    background: var(--capo-bordeaux-dark);\n    box-shadow: 0 18px 48px rgba(55, 0, 25, 0.10);\n    transition:\n        transform 0.35s ease,\n        box-shadow 0.35s ease,\n        border-color 0.35s ease;\n}\n\n.atb-capo1-discipline:hover {\n    transform: translateY(-7px);\n    border-color: rgba(204, 153, 51, 0.45);\n    box-shadow: 0 28px 65px rgba(55, 0, 25, 0.16);\n}\n\n.atb-capo1-discipline img {\n    position: absolute;\n    z-index: -3;\n    inset: 0;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    transition: transform 0.75s ease;\n}\n\n.atb-capo1-discipline:hover img {\n    transform: scale(1.08);\n}\n\n.atb-capo1-discipline::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.04) 0%,\n            rgba(45, 0, 20, 0.25) 42%,\n            rgba(45, 0, 20, 0.96) 100%\n        );\n}\n\n.atb-capo1-discipline::after {\n    content: \"\";\n    position: absolute;\n    z-index: 3;\n    inset: 11px;\n    border: 1px solid rgba(255, 255, 255, 0.18);\n    border-radius: 3px 24px 3px 3px;\n    pointer-events: none;\n    transition: border-color 0.35s ease;\n}\n\n.atb-capo1-discipline:hover::after {\n    border-color: rgba(229, 195, 110, 0.72);\n}\n\n.atb-capo1-discipline-content {\n    position: relative;\n    z-index: 2;\n    padding: 27px 23px;\n}\n\n.atb-capo1-discipline-number {\n    display: block;\n    margin-bottom: 10px;\n    color: var(--capo-gold-light) !important;\n    font-size: 10px;\n    font-weight: 800;\n    letter-spacing: 0.14em;\n    text-transform: uppercase;\n}\n\n.atb-capo1-discipline h3 {\n    margin: 0 !important;\n    color: var(--capo-white) !important;\n    font-family: \"Fraunces\", Georgia, serif !important;\n    font-size: 27px;\n    line-height: 1.1;\n}\n\n.atb-capo1-discipline p {\n    margin: 11px 0 0 !important;\n    color: rgba(255, 255, 255, 0.72) !important;\n    font-size: 13px;\n    line-height: 1.6;\n}\n\n.atb-capo1-disciplines-note {\n    display: grid;\n    grid-template-columns: 55px 1fr;\n    gap: 19px;\n    align-items: start;\n    max-width: 850px;\n    margin: 42px auto 0;\n    padding: 26px 28px;\n    border-top: 1px solid var(--capo-border);\n    border-right: 1px solid var(--capo-border);\n    border-bottom: 1px solid var(--capo-border);\n    border-left: 4px solid var(--capo-gold);\n    border-radius: 0 28px 0 0;\n    background: var(--capo-cream);\n}\n\n.atb-capo1-disciplines-note-icon {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 52px;\n    height: 52px;\n    border-radius: 50%;\n    background: var(--capo-bordeaux);\n    color: var(--capo-gold-light);\n    font-size: 20px;\n}\n\n.atb-capo1-disciplines-note strong {\n    display: block;\n    color: var(--capo-bordeaux) !important;\n    font-family: \"Fraunces\", Georgia, serif !important;\n    font-size: 21px;\n}\n\n.atb-capo1-disciplines-note p {\n    margin: 7px 0 0 !important;\n    color: var(--capo-grey) !important;\n    font-size: 14px;\n    line-height: 1.65;\n}\n\n\n\/* =========================================================\nTABLETTE\n========================================================= *\/\n\n@media (max-width: 1024px) {\n\n    .atb-capo1-hero-stamp {\n        display: none;\n    }\n\n    .atb-capo1-intro-grid {\n        grid-template-columns: 1fr;\n        gap: 65px;\n    }\n\n    .atb-capo1-intro-content {\n        max-width: 760px;\n    }\n\n    .atb-capo1-intro-visual {\n        width: min(680px, 100%);\n        margin: 0 auto;\n    }\n\n    .atb-capo1-disciplines-grid {\n        grid-template-columns: repeat(2, 1fr);\n    }\n\n    .atb-capo1-discipline:last-child {\n        grid-column: 1 \/ 3;\n        min-height: 310px;\n    }\n}\n\n\n\/* =========================================================\nMOBILE\n========================================================= *\/\n\n@media (max-width: 767px) {\n\n    .atb-capo1-container {\n        width: calc(100% - 30px);\n    }\n\n    .atb-capo1-hero {\n        min-height: 610px;\n        background-position: 64% 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\/631620542_122106999729229108_6239863793935760564_n.jpg\");\n    }\n\n    .atb-capo1-hero-inner {\n        padding: 100px 0 125px;\n    }\n\n    .atb-capo1-hero h1 {\n        font-size: clamp(45px, 13vw, 63px);\n        line-height: 0.96;\n    }\n\n    .atb-capo1-hero-text {\n        margin-top: 24px !important;\n        font-size: 15px;\n        line-height: 1.7;\n    }\n\n    .atb-capo1-hero-actions {\n        flex-direction: column;\n        align-items: stretch;\n        margin-top: 30px;\n    }\n\n    .atb-capo1-button {\n        width: 100%;\n    }\n\n    .atb-capo1-intro {\n        padding: 70px 0 85px;\n    }\n\n    .atb-capo1-title {\n        font-size: clamp(39px, 12vw, 54px);\n    }\n\n    .atb-capo1-intro-copy p {\n        font-size: 15px;\n        line-height: 1.75;\n    }\n\n    .atb-capo1-intro-highlight p {\n        font-size: 20px;\n    }\n\n    .atb-capo1-intro-visual {\n        padding: 0 0 165px;\n    }\n\n    .atb-capo1-intro-photo {\n        height: 430px;\n        border-radius: 4px 46px 4px 4px;\n    }\n\n    .atb-capo1-intro-badge {\n        right: -4px;\n        bottom: 128px;\n        min-width: 165px;\n        padding: 17px 18px;\n    }\n\n    .atb-capo1-intro-badge strong {\n        font-size: 22px;\n    }\n\n    .atb-capo1-intro-quote {\n        width: 94%;\n        padding: 27px 24px;\n    }\n\n    .atb-capo1-intro-quote p {\n        font-size: 18px;\n    }\n\n    .atb-capo1-section-border {\n        height: 42px;\n    }\n\n    .atb-capo1-section-border::before {\n        height: 42px;\n    }\n\n    .atb-capo1-disciplines {\n        padding: 72px 0 85px;\n    }\n\n    .atb-capo1-disciplines-grid {\n        grid-template-columns: 1fr;\n    }\n\n    .atb-capo1-discipline,\n    .atb-capo1-discipline:last-child {\n        grid-column: auto;\n        min-height: 390px;\n    }\n\n    .atb-capo1-disciplines-note {\n        grid-template-columns: 1fr;\n        padding: 24px;\n    }\n}\n<\/style>\n\n\n<div class=\"atb-capo1\">\n\n    <!-- =====================================================\n    HERO\n    ====================================================== -->\n    <section class=\"atb-capo1-hero\">\n\n        <div class=\"atb-capo1-container atb-capo1-hero-inner\">\n\n            <div class=\"atb-capo1-hero-content\">\n\n                <div class=\"atb-capo1-hero-kicker\">\n                    Programme embl\u00e9matique de l\u2019ATB\n                <\/div>\n\n                <h1>\n                    CAPO\n                    <span>La sc\u00e8ne o\u00f9 grandissent les talents<\/span>\n                <\/h1>\n\n                <p class=\"atb-capo1-hero-text\">\n                    Depuis 2002, le Concours Artistique du Primaire de\n                    Ouagadougou offre aux enfants un espace d\u2019expression,\n                    de d\u00e9couverte artistique et d\u2019apprentissage citoyen.\n                <\/p>\n\n                <div class=\"atb-capo1-hero-actions\">\n\n                    <a\n                        href=\"#decouvrir-capo\"\n                        class=\"atb-capo1-button atb-capo1-button-gold\"\n                    >\n                        <span>D\u00e9couvrir le CAPO<\/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\/events\/\"\n                        class=\"atb-capo1-button atb-capo1-button-light\"\n                    >\n                        <span>Voir les rendez-vous<\/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-capo1-hero-stamp\">\n                <strong>2002<\/strong>\n                <span>Ann\u00e9e de cr\u00e9ation<\/span>\n            <\/div>\n\n        <\/div>\n\n    <\/section>\n\n\n    <!-- =====================================================\n    PR\u00c9SENTATION\n    ====================================================== -->\n    <section class=\"atb-capo1-intro\" id=\"decouvrir-capo\">\n\n        <div class=\"atb-capo1-container atb-capo1-intro-grid\">\n\n            <div class=\"atb-capo1-intro-content\">\n\n                <div class=\"atb-capo1-label\">\n                    Le CAPO en quelques mots\n                <\/div>\n\n                <h2 class=\"atb-capo1-title\">\n                    Bien plus qu\u2019un concours,\n                    <span>un parcours citoyen<\/span>\n                <\/h2>\n\n                <div class=\"atb-capo1-intro-copy\">\n\n                    <p>\n                        Le Concours Artistique du Primaire de Ouagadougou\n                        constitue un espace unique o\u00f9 l\u2019\u00e9cole, la culture et\n                        l\u2019\u00e9ducation citoyenne se rencontrent. Chaque ann\u00e9e,\n                        des enfants d\u00e9couvrent la sc\u00e8ne, d\u00e9veloppent leur\n                        cr\u00e9ativit\u00e9 et apprennent \u00e0 faire entendre leur voix.\n                    <\/p>\n\n                    <p>\n                        \u00c0 travers les arts de la sc\u00e8ne, le CAPO encourage\n                        l\u2019expression personnelle, le travail collectif,\n                        l\u2019ouverture aux autres et la confiance en soi. Il\n                        transforme la pratique artistique en une v\u00e9ritable\n                        exp\u00e9rience \u00e9ducative.\n                    <\/p>\n\n                <\/div>\n\n                <div class=\"atb-capo1-intro-highlight\">\n\n                    <p>\n                        Le CAPO ne cherche pas seulement \u00e0 r\u00e9v\u00e9ler des talents.\n                        Il aide chaque enfant \u00e0 prendre sa place dans la soci\u00e9t\u00e9.\n                    <\/p>\n\n                <\/div>\n\n            <\/div>\n\n\n            <div class=\"atb-capo1-intro-visual\">\n\n                <div class=\"atb-capo1-intro-photo\">\n\n                    <img decoding=\"async\"\n                        src=\"http:\/\/atb.bf\/atb-v2\/wp-content\/uploads\/2026\/07\/631048710_122107001919229108_1114341993783829424_n.jpg\"\n                        alt=\"Enfants participant au CAPO\"\n                        loading=\"lazy\"\n                    >\n\n                <\/div>\n\n                <div class=\"atb-capo1-intro-badge\">\n                    <small>Chaque ann\u00e9e<\/small>\n                    <strong>1 000+ enfants<\/strong>\n                <\/div>\n\n                <blockquote class=\"atb-capo1-intro-quote\">\n\n                    <p>\n                        \u00ab Donner une sc\u00e8ne \u00e0 l\u2019enfant, c\u2019est lui apprendre\n                        \u00e0 croire en sa voix et en son potentiel. \u00bb\n                    <\/p>\n\n                    <footer>\n                        Concours Artistique du Primaire de Ouagadougou\n                    <\/footer>\n\n                <\/blockquote>\n\n            <\/div>\n\n        <\/div>\n\n    <\/section>\n\n\n    <!-- S\u00c9PARATION VISUELLE -->\n    <div class=\"atb-capo1-section-border\" aria-hidden=\"true\"><\/div>\n\n\n    <!-- =====================================================\n    DISCIPLINES ARTISTIQUES\n    ====================================================== -->\n    <section class=\"atb-capo1-disciplines\">\n\n        <div class=\"atb-capo1-container\">\n\n            <div class=\"atb-capo1-disciplines-heading\">\n\n                <div class=\"atb-capo1-label\">\n                    Une sc\u00e8ne multidisciplinaire\n                <\/div>\n\n                <h2 class=\"atb-capo1-title\">\n                    Cinq disciplines,\n                    <span>mille fa\u00e7ons de s\u2019exprimer<\/span>\n                <\/h2>\n\n                <p>\n                    Le CAPO permet aux enfants d\u2019explorer plusieurs formes\n                    artistiques, de d\u00e9couvrir leurs talents et de s\u2019exprimer\n                    \u00e0 travers des langages diff\u00e9rents.\n                <\/p>\n\n            <\/div>\n\n\n            <div class=\"atb-capo1-disciplines-grid\">\n\n                <!-- TH\u00c9\u00c2TRE -->\n                <article class=\"atb-capo1-discipline\">\n\n                    <img decoding=\"async\"\n                        src=\"http:\/\/atb.bf\/atb-v2\/wp-content\/uploads\/2026\/07\/630909613_122107003017229108_3025055993038362177_n.jpg\"\n                        alt=\"Enfants pratiquant le th\u00e9\u00e2tre au CAPO\"\n                        loading=\"lazy\"\n                    >\n\n                    <div class=\"atb-capo1-discipline-content\">\n\n                        <span class=\"atb-capo1-discipline-number\">\n                            Discipline 01\n                        <\/span>\n\n                        <h3>Th\u00e9\u00e2tre<\/h3>\n\n                        <p>\n                            Jouer, incarner des personnages et raconter\n                            les r\u00e9alit\u00e9s de la soci\u00e9t\u00e9.\n                        <\/p>\n\n                    <\/div>\n\n                <\/article>\n\n\n                <!-- BALLET -->\n                <article class=\"atb-capo1-discipline\">\n\n                    <img decoding=\"async\"\n                        src=\"http:\/\/atb.bf\/atb-v2\/wp-content\/uploads\/2026\/07\/631128487_122107003281229108_708946771318906471_n.jpg\"\n                        alt=\"Ballet traditionnel pr\u00e9sent\u00e9 au CAPO\"\n                        loading=\"lazy\"\n                    >\n\n                    <div class=\"atb-capo1-discipline-content\">\n\n                        <span class=\"atb-capo1-discipline-number\">\n                            Discipline 02\n                        <\/span>\n\n                        <h3>Ballet traditionnel<\/h3>\n\n                        <p>\n                            Valoriser les rythmes, les gestes et les\n                            patrimoines culturels du Burkina Faso.\n                        <\/p>\n\n                    <\/div>\n\n                <\/article>\n\n\n                <!-- SLAM -->\n                <article class=\"atb-capo1-discipline\">\n\n                    <img decoding=\"async\"\n                        src=\"http:\/\/atb.bf\/atb-v2\/wp-content\/uploads\/2026\/07\/642163128_122109695745229108_2611819480587718546_n.jpg\"\n                        alt=\"Expression orale et slam au CAPO\"\n                        loading=\"lazy\"\n                    >\n\n                    <div class=\"atb-capo1-discipline-content\">\n\n                        <span class=\"atb-capo1-discipline-number\">\n                            Discipline 03\n                        <\/span>\n\n                        <h3>Slam<\/h3>\n\n                        <p>\n                            Trouver les mots justes, construire un message\n                            et prendre la parole avec assurance.\n                        <\/p>\n\n                    <\/div>\n\n                <\/article>\n\n\n                <!-- CONTE -->\n                <article class=\"atb-capo1-discipline\">\n\n                    <img decoding=\"async\"\n                        src=\"http:\/\/atb.bf\/atb-v2\/wp-content\/uploads\/2026\/07\/641150806_122109696393229108_6172141191801994904_n.jpg\"\n                        alt=\"Conte pr\u00e9sent\u00e9 par des enfants au CAPO\"\n                        loading=\"lazy\"\n                    >\n\n                    <div class=\"atb-capo1-discipline-content\">\n\n                        <span class=\"atb-capo1-discipline-number\">\n                            Discipline 04\n                        <\/span>\n\n                        <h3>Conte<\/h3>\n\n                        <p>\n                            Faire vivre la m\u00e9moire, l\u2019imaginaire et les\n                            enseignements transmis par la parole.\n                        <\/p>\n\n                    <\/div>\n\n                <\/article>\n\n\n                <!-- PO\u00c9SIE -->\n                <article class=\"atb-capo1-discipline\">\n\n                    <img decoding=\"async\"\n                        src=\"http:\/\/atb.bf\/atb-v2\/wp-content\/uploads\/2026\/07\/641228003_122109863613229108_7778167090681645799_n.jpg\"\n                        alt=\"Lecture de po\u00e9sie au CAPO\"\n                        loading=\"lazy\"\n                    >\n\n                    <div class=\"atb-capo1-discipline-content\">\n\n                        <span class=\"atb-capo1-discipline-number\">\n                            Discipline 05\n                        <\/span>\n\n                        <h3>Lecture de po\u00e9sie<\/h3>\n\n                        <p>\n                            D\u00e9velopper la diction, la sensibilit\u00e9 et\n                            l\u2019interpr\u00e9tation des textes.\n                        <\/p>\n\n                    <\/div>\n\n                <\/article>\n\n            <\/div>\n\n\n            <div class=\"atb-capo1-disciplines-note\">\n\n                <div class=\"atb-capo1-disciplines-note-icon\">\n                    \u2726\n                <\/div>\n\n                <div>\n                    <strong>Une m\u00eame sc\u00e8ne pour tous les talents<\/strong>\n\n                    <p>\n                        Chaque discipline devient un moyen d\u2019apprendre \u00e0\n                        communiquer, \u00e0 travailler en \u00e9quipe et \u00e0 porter un\n                        regard personnel sur les r\u00e9alit\u00e9s de la soci\u00e9t\u00e9.\n                    <\/p>\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-2ffa83c e-con e-atomic-element e-flexbox-base e-724b2ef \" data-id=\"2ffa83c\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"2ffa83c\" data-e-type=\"e-flexbox\" data-id=\"2ffa83c\">\n    \t\t<div class=\"elementor-element elementor-element-08b7b2a elementor-widget elementor-widget-html\" data-id=\"08b7b2a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\/* =========================================================\nATB \u2014 PAGE CAPO\nPARTIE 2 : B\u00c9N\u00c9FICES + D\u00c9ROULEMENT + IMPACT\nPr\u00e9fixe unique : atb-capo2\n========================================================= *\/\n\n.atb-capo2,\n.atb-capo2 *,\n.atb-capo2 *::before,\n.atb-capo2 *::after {\n    box-sizing: border-box;\n}\n\n.atb-capo2 {\n    --capo2-bordeaux: #60052D;\n    --capo2-bordeaux-dark: #300015;\n    --capo2-bordeaux-soft: #7D1745;\n    --capo2-gold: #CC9933;\n    --capo2-gold-light: #E7C779;\n    --capo2-cream: #F8F1E7;\n    --capo2-white: #FFFFFF;\n    --capo2-text: #2B1C22;\n    --capo2-grey: #75676C;\n    --capo2-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(--capo2-white);\n    color: var(--capo2-text);\n    font-family: \"Archivo\", Arial, sans-serif;\n}\n\n.atb-capo2 img {\n    display: block;\n    width: 100%;\n    max-width: 100%;\n}\n\n.atb-capo2 a {\n    text-decoration: none !important;\n}\n\n.atb-capo2-container {\n    width: min(1180px, calc(100% - 44px));\n    margin: 0 auto;\n}\n\n\n\/* =========================================================\nCOMPOSANTS\n========================================================= *\/\n\n.atb-capo2-label {\n    display: inline-flex;\n    align-items: center;\n    gap: 12px;\n    margin: 0 0 18px;\n    color: var(--capo2-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-capo2-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-capo2-label-light {\n    color: var(--capo2-gold-light) !important;\n}\n\n.atb-capo2-title,\n.atb-capo2-title * {\n    color: var(--capo2-bordeaux) !important;\n}\n\n.atb-capo2-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-capo2-title span {\n    display: block;\n    color: var(--capo2-gold) !important;\n    font-style: italic;\n}\n\n.atb-capo2-title-light,\n.atb-capo2-title-light * {\n    color: var(--capo2-white) !important;\n}\n\n.atb-capo2-title-light span {\n    color: var(--capo2-gold-light) !important;\n}\n\n\n\/* =========================================================\nGRANDIR PAR LA SC\u00c8NE \u2014 FOND BORDEAUX\n========================================================= *\/\n\n.atb-capo2-growth {\n    position: relative;\n    padding: 105px 0 125px;\n    overflow: hidden;\n    background:\n        radial-gradient(\n            circle at 86% 15%,\n            rgba(204, 153, 51, 0.18),\n            transparent 26%\n        ),\n        linear-gradient(\n            145deg,\n            var(--capo2-bordeaux-dark),\n            var(--capo2-bordeaux) 58%,\n            #7B103F\n        );\n}\n\n.atb-capo2-growth::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-capo2-growth::after {\n    content: \"\";\n    position: absolute;\n    right: -150px;\n    bottom: -180px;\n    width: 410px;\n    height: 410px;\n    border: 1px solid rgba(204, 153, 51, 0.13);\n    border-radius: 50%;\n}\n\n.atb-capo2-growth-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-capo2-growth-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-capo2-growth-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 22px;\n}\n\n.atb-capo2-growth-card {\n    position: relative;\n    min-height: 360px;\n    padding: 34px 30px;\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.08);\n    transition:\n        transform 0.35s ease,\n        background-color 0.35s ease,\n        border-color 0.35s ease;\n}\n\n.atb-capo2-growth-card:hover {\n    transform: translateY(-8px);\n    border-color: rgba(231, 199, 121, 0.55);\n    background: rgba(255, 255, 255, 0.11);\n}\n\n.atb-capo2-growth-card::before {\n    content: \"\";\n    position: absolute;\n    top: -45px;\n    right: -45px;\n    width: 140px;\n    height: 140px;\n    border: 1px solid rgba(231, 199, 121, 0.14);\n    border-radius: 50%;\n}\n\n.atb-capo2-growth-icon {\n    width: 64px;\n    height: 64px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin-bottom: 80px;\n    border-radius: 50%;\n    background: var(--capo2-gold);\n    color: var(--capo2-bordeaux-dark);\n    font-family: \"Fraunces\", Georgia, serif;\n    font-size: 25px;\n    font-weight: 700;\n}\n\n.atb-capo2-growth-card small {\n    display: block;\n    margin-bottom: 10px;\n    color: var(--capo2-gold-light) !important;\n    font-size: 9px;\n    font-weight: 800;\n    letter-spacing: 0.14em;\n    text-transform: uppercase;\n}\n\n.atb-capo2-growth-card h3 {\n    margin: 0 !important;\n    color: var(--capo2-white) !important;\n    font-family: \"Fraunces\", Georgia, serif !important;\n    font-size: 31px;\n    line-height: 1.1;\n}\n\n.atb-capo2-growth-card p {\n    margin: 14px 0 0 !important;\n    color: rgba(255, 255, 255, 0.72) !important;\n    font-size: 14px;\n    line-height: 1.7;\n}\n\n.atb-capo2-growth-quote {\n    max-width: 900px;\n    margin: 45px auto 0;\n    padding: 29px 34px;\n    border-top: 1px solid rgba(231, 199, 121, 0.28);\n    border-bottom: 1px solid rgba(231, 199, 121, 0.28);\n    text-align: center;\n}\n\n.atb-capo2-growth-quote p {\n    margin: 0 !important;\n    color: var(--capo2-white) !important;\n    font-family: \"Fraunces\", Georgia, serif !important;\n    font-size: clamp(24px, 3vw, 35px);\n    font-style: italic;\n    line-height: 1.4;\n}\n\n\n\/* =========================================================\nS\u00c9PARATEUR BORDEAUX \/ CR\u00c8ME\n========================================================= *\/\n\n.atb-capo2-divider-dark {\n    position: relative;\n    height: 62px;\n    background: var(--capo2-bordeaux);\n}\n\n.atb-capo2-divider-dark::before {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    background: var(--capo2-cream);\n    clip-path: polygon(\n        0 76%,\n        18% 44%,\n        38% 69%,\n        61% 31%,\n        82% 58%,\n        100% 25%,\n        100% 100%,\n        0 100%\n    );\n}\n\n.atb-capo2-divider-dark::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\/* =========================================================\nD\u00c9ROULEMENT \u2014 FOND CR\u00c8ME\n========================================================= *\/\n\n.atb-capo2-process {\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        var(--capo2-cream);\n}\n\n.atb-capo2-process-heading {\n    max-width: 790px;\n    margin: 0 auto 60px;\n    text-align: center;\n}\n\n.atb-capo2-process-heading .atb-capo2-label {\n    justify-content: center;\n}\n\n.atb-capo2-process-heading p {\n    max-width: 720px;\n    margin: 24px auto 0 !important;\n    color: var(--capo2-grey) !important;\n    font-size: 16px;\n    line-height: 1.8;\n}\n\n.atb-capo2-timeline {\n    position: relative;\n    display: grid;\n    grid-template-columns: repeat(6, 1fr);\n    gap: 16px;\n}\n\n.atb-capo2-timeline::before {\n    content: \"\";\n    position: absolute;\n    top: 52px;\n    left: 8%;\n    right: 8%;\n    height: 2px;\n    background: linear-gradient(\n        90deg,\n        rgba(204, 153, 51, 0.15),\n        var(--capo2-gold),\n        rgba(204, 153, 51, 0.15)\n    );\n}\n\n.atb-capo2-step {\n    position: relative;\n    z-index: 2;\n    padding-top: 0;\n    text-align: center;\n}\n\n.atb-capo2-step-number {\n    width: 104px;\n    height: 104px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin: 0 auto 22px;\n    border: 8px solid var(--capo2-cream);\n    border-radius: 50%;\n    background: var(--capo2-bordeaux);\n    color: var(--capo2-gold-light) !important;\n    box-shadow: 0 12px 35px rgba(55, 0, 25, 0.15);\n    font-family: \"Fraunces\", Georgia, serif !important;\n    font-size: 31px;\n    font-weight: 700;\n    transition:\n        transform 0.3s ease,\n        background-color 0.3s ease;\n}\n\n.atb-capo2-step:hover .atb-capo2-step-number {\n    transform: translateY(-6px);\n    background: var(--capo2-gold);\n    color: var(--capo2-bordeaux-dark) !important;\n}\n\n.atb-capo2-step h3 {\n    margin: 0 !important;\n    color: var(--capo2-bordeaux) !important;\n    font-family: \"Fraunces\", Georgia, serif !important;\n    font-size: 19px;\n    line-height: 1.2;\n}\n\n.atb-capo2-step p {\n    margin: 10px 0 0 !important;\n    color: var(--capo2-grey) !important;\n    font-size: 12px;\n    line-height: 1.6;\n}\n\n.atb-capo2-process-note {\n    max-width: 860px;\n    margin: 52px auto 0;\n    padding: 27px 30px;\n    border-top: 1px solid var(--capo2-border);\n    border-right: 1px solid var(--capo2-border);\n    border-bottom: 1px solid var(--capo2-border);\n    border-left: 4px solid var(--capo2-gold);\n    border-radius: 0 30px 0 0;\n    background: rgba(255, 255, 255, 0.58);\n}\n\n.atb-capo2-process-note strong {\n    display: block;\n    color: var(--capo2-bordeaux) !important;\n    font-family: \"Fraunces\", Georgia, serif !important;\n    font-size: 22px;\n}\n\n.atb-capo2-process-note p {\n    margin: 8px 0 0 !important;\n    color: var(--capo2-grey) !important;\n    font-size: 14px;\n    line-height: 1.7;\n}\n\n\n\/* =========================================================\nS\u00c9PARATEUR CR\u00c8ME \/ BLANC\n========================================================= *\/\n\n.atb-capo2-divider-light {\n    position: relative;\n    height: 56px;\n    background: var(--capo2-cream);\n}\n\n.atb-capo2-divider-light::before {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    background: var(--capo2-white);\n    clip-path: polygon(\n        0 58%,\n        19% 37%,\n        41% 67%,\n        65% 26%,\n        84% 54%,\n        100% 35%,\n        100% 100%,\n        0 100%\n    );\n}\n\n.atb-capo2-divider-light::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.58),\n        transparent\n    );\n}\n\n\n\/* =========================================================\nIMPACT \u2014 FOND BLANC\n========================================================= *\/\n\n.atb-capo2-impact {\n    position: relative;\n    padding: 95px 0 120px;\n    background: var(--capo2-white);\n}\n\n.atb-capo2-impact::before {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    left: 50%;\n    width: 110px;\n    height: 3px;\n    background: var(--capo2-gold);\n    transform: translateX(-50%);\n}\n\n.atb-capo2-impact-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-capo2-impact-text p {\n    margin: 0 !important;\n    color: var(--capo2-grey) !important;\n    font-size: 15px;\n    line-height: 1.8;\n}\n\n.atb-capo2-stats {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 20px;\n}\n\n.atb-capo2-stat {\n    position: relative;\n    min-height: 260px;\n    display: flex;\n    flex-direction: column;\n    justify-content: flex-end;\n    padding: 31px 26px;\n    overflow: hidden;\n    border: 1px solid rgba(96, 5, 45, 0.10);\n    border-radius: 4px 36px 4px 4px;\n    background:\n        linear-gradient(\n            145deg,\n            rgba(248, 241, 231, 0.95),\n            rgba(255, 255, 255, 0.98)\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}\n\n.atb-capo2-stat:hover {\n    transform: translateY(-8px);\n    border-color: rgba(204, 153, 51, 0.44);\n    box-shadow: 0 28px 65px rgba(55, 0, 25, 0.13);\n}\n\n.atb-capo2-stat::before {\n    content: \"\";\n    position: absolute;\n    top: -42px;\n    right: -42px;\n    width: 135px;\n    height: 135px;\n    border: 1px solid rgba(204, 153, 51, 0.16);\n    border-radius: 50%;\n}\n\n.atb-capo2-stat-number {\n    display: block;\n    color: var(--capo2-bordeaux) !important;\n    font-family: \"Fraunces\", Georgia, serif !important;\n    font-size: clamp(48px, 5vw, 68px);\n    font-weight: 700;\n    letter-spacing: -0.05em;\n    line-height: 0.95;\n}\n\n.atb-capo2-stat-number small {\n    color: var(--capo2-gold) !important;\n    font-size: 25px;\n}\n\n.atb-capo2-stat h3 {\n    margin: 16px 0 0 !important;\n    color: var(--capo2-bordeaux) !important;\n    font-family: \"Fraunces\", Georgia, serif !important;\n    font-size: 20px;\n    line-height: 1.2;\n}\n\n.atb-capo2-stat p {\n    margin: 9px 0 0 !important;\n    color: var(--capo2-grey) !important;\n    font-size: 12px;\n    line-height: 1.6;\n}\n\n.atb-capo2-solidarity {\n    display: grid;\n    grid-template-columns: 0.45fr 1fr;\n    gap: 30px;\n    align-items: center;\n    margin-top: 38px;\n    padding: 34px 38px;\n    border: 1px solid rgba(204, 153, 51, 0.30);\n    border-radius: 4px 34px 4px 4px;\n    background: var(--capo2-bordeaux);\n    box-shadow: 0 24px 60px rgba(55, 0, 25, 0.16);\n}\n\n.atb-capo2-solidarity-number {\n    color: var(--capo2-gold-light) !important;\n    font-family: \"Fraunces\", Georgia, serif !important;\n    font-size: clamp(65px, 8vw, 105px);\n    font-weight: 700;\n    letter-spacing: -0.06em;\n    line-height: 0.9;\n}\n\n.atb-capo2-solidarity-content small {\n    display: block;\n    margin-bottom: 9px;\n    color: var(--capo2-gold-light) !important;\n    font-size: 9px;\n    font-weight: 800;\n    letter-spacing: 0.14em;\n    text-transform: uppercase;\n}\n\n.atb-capo2-solidarity-content h3 {\n    margin: 0 !important;\n    color: var(--capo2-white) !important;\n    font-family: \"Fraunces\", Georgia, serif !important;\n    font-size: 30px;\n    line-height: 1.15;\n}\n\n.atb-capo2-solidarity-content p {\n    margin: 13px 0 0 !important;\n    color: rgba(255, 255, 255, 0.74) !important;\n    font-size: 14px;\n    line-height: 1.75;\n}\n\n\n\/* =========================================================\nTABLETTE\n========================================================= *\/\n\n@media (max-width: 1024px) {\n\n    .atb-capo2-growth-heading,\n    .atb-capo2-impact-heading {\n        grid-template-columns: 1fr;\n        gap: 30px;\n    }\n\n    .atb-capo2-growth-grid {\n        grid-template-columns: 1fr;\n    }\n\n    .atb-capo2-growth-card {\n        min-height: 290px;\n    }\n\n    .atb-capo2-growth-icon {\n        margin-bottom: 55px;\n    }\n\n    .atb-capo2-timeline {\n        grid-template-columns: repeat(3, 1fr);\n        gap: 40px 20px;\n    }\n\n    .atb-capo2-timeline::before {\n        display: none;\n    }\n\n    .atb-capo2-stats {\n        grid-template-columns: repeat(2, 1fr);\n    }\n}\n\n\n\/* =========================================================\nMOBILE\n========================================================= *\/\n\n@media (max-width: 767px) {\n\n    .atb-capo2-container {\n        width: calc(100% - 30px);\n    }\n\n    .atb-capo2-growth,\n    .atb-capo2-process,\n    .atb-capo2-impact {\n        padding: 76px 0 88px;\n    }\n\n    .atb-capo2-title {\n        font-size: clamp(39px, 12vw, 54px);\n    }\n\n    .atb-capo2-growth-card {\n        min-height: 330px;\n        padding: 29px 24px;\n    }\n\n    .atb-capo2-growth-icon {\n        margin-bottom: 65px;\n    }\n\n    .atb-capo2-growth-quote {\n        padding: 25px 12px;\n    }\n\n    .atb-capo2-divider-dark,\n    .atb-capo2-divider-light {\n        height: 42px;\n    }\n\n    .atb-capo2-timeline {\n        grid-template-columns: 1fr;\n        gap: 22px;\n    }\n\n    .atb-capo2-step {\n        display: grid;\n        grid-template-columns: 82px 1fr;\n        gap: 18px;\n        align-items: center;\n        text-align: left;\n    }\n\n    .atb-capo2-step-number {\n        width: 78px;\n        height: 78px;\n        margin: 0;\n        border-width: 6px;\n        font-size: 25px;\n    }\n\n    .atb-capo2-step p {\n        margin-top: 6px !important;\n    }\n\n    .atb-capo2-stats {\n        grid-template-columns: 1fr;\n    }\n\n    .atb-capo2-stat {\n        min-height: 220px;\n    }\n\n    .atb-capo2-solidarity {\n        grid-template-columns: 1fr;\n        padding: 29px 24px;\n    }\n\n    .atb-capo2-solidarity-number {\n        font-size: 75px;\n    }\n}\n<\/style>\n\n\n<div class=\"atb-capo2\">\n\n    <!-- =====================================================\n    GRANDIR PAR LA SC\u00c8NE\n    ====================================================== -->\n    <section class=\"atb-capo2-growth\">\n\n        <div class=\"atb-capo2-container\">\n\n            <div class=\"atb-capo2-growth-heading\">\n\n                <div>\n\n                    <div class=\"atb-capo2-label atb-capo2-label-light\">\n                        Grandir par la sc\u00e8ne\n                    <\/div>\n\n                    <h2 class=\"atb-capo2-title atb-capo2-title-light\">\n                        L\u2019art comme \u00e9cole\n                        <span>de confiance et de citoyennet\u00e9<\/span>\n                    <\/h2>\n\n                <\/div>\n\n                <div class=\"atb-capo2-growth-text\">\n\n                    <p>\n                        En montant sur sc\u00e8ne, l\u2019enfant apprend \u00e0 prendre la\n                        parole, \u00e0 \u00e9couter les autres, \u00e0 travailler en groupe\n                        et \u00e0 porter un regard critique sur son environnement.\n                    <\/p>\n\n                <\/div>\n\n            <\/div>\n\n\n            <div class=\"atb-capo2-growth-grid\">\n\n                <article class=\"atb-capo2-growth-card\">\n\n                    <div class=\"atb-capo2-growth-icon\">01<\/div>\n\n                    <small>S\u2019exprimer<\/small>\n\n                    <h3>\n                        Trouver sa voix\n                    <\/h3>\n\n                    <p>\n                        L\u2019enfant d\u00e9veloppe sa diction, sa cr\u00e9ativit\u00e9, sa\n                        pr\u00e9sence et sa capacit\u00e9 \u00e0 exprimer ses id\u00e9es devant\n                        les autres avec assurance.\n                    <\/p>\n\n                <\/article>\n\n\n                <article class=\"atb-capo2-growth-card\">\n\n                    <div class=\"atb-capo2-growth-icon\">02<\/div>\n\n                    <small>Comprendre<\/small>\n\n                    <h3>\n                        Lire le monde autrement\n                    <\/h3>\n\n                    <p>\n                        Les cr\u00e9ations abordent des r\u00e9alit\u00e9s proches du quotidien :\n                        environnement, hygi\u00e8ne, droits de l\u2019enfant, respect,\n                        solidarit\u00e9 et responsabilit\u00e9.\n                    <\/p>\n\n                <\/article>\n\n\n                <article class=\"atb-capo2-growth-card\">\n\n                    <div class=\"atb-capo2-growth-icon\">03<\/div>\n\n                    <small>Agir<\/small>\n\n                    <h3>\n                        Devenir un citoyen engag\u00e9\n                    <\/h3>\n\n                    <p>\n                        La sc\u00e8ne encourage l\u2019esprit critique, le dialogue,\n                        la coop\u00e9ration et la volont\u00e9 de contribuer positivement\n                        \u00e0 la vie de l\u2019\u00e9cole et de la communaut\u00e9.\n                    <\/p>\n\n                <\/article>\n\n            <\/div>\n\n\n            <div class=\"atb-capo2-growth-quote\">\n\n                <p>\n                    \u00ab La sc\u00e8ne donne \u00e0 l\u2019enfant le courage de parler,\n                    la discipline d\u2019\u00e9couter et la force de croire en lui. \u00bb\n                <\/p>\n\n            <\/div>\n\n        <\/div>\n\n    <\/section>\n\n\n    <div class=\"atb-capo2-divider-dark\" aria-hidden=\"true\"><\/div>\n\n\n    <!-- =====================================================\n    D\u00c9ROULEMENT DU CAPO\n    ====================================================== -->\n    <section class=\"atb-capo2-process\">\n\n        <div class=\"atb-capo2-container\">\n\n            <div class=\"atb-capo2-process-heading\">\n\n                <div class=\"atb-capo2-label\">\n                    Le parcours du CAPO\n                <\/div>\n\n                <h2 class=\"atb-capo2-title\">\n                    De l\u2019\u00e9cole\n                    <span>\u00e0 la grande sc\u00e8ne<\/span>\n                <\/h2>\n\n                <p>\n                    Le CAPO accompagne progressivement les enfants depuis\n                    la pr\u00e9paration au sein de leurs \u00e9tablissements jusqu\u2019aux\n                    grandes \u00e9tapes de pr\u00e9sentation publique.\n                <\/p>\n\n            <\/div>\n\n\n            <div class=\"atb-capo2-timeline\">\n\n                <article class=\"atb-capo2-step\">\n\n                    <div class=\"atb-capo2-step-number\">01<\/div>\n\n                    <div>\n                        <h3>Mobilisation des \u00e9coles<\/h3>\n\n                        <p>\n                            Information, inscription et engagement des\n                            \u00e9tablissements participants.\n                        <\/p>\n                    <\/div>\n\n                <\/article>\n\n\n                <article class=\"atb-capo2-step\">\n\n                    <div class=\"atb-capo2-step-number\">02<\/div>\n\n                    <div>\n                        <h3>Pr\u00e9paration artistique<\/h3>\n\n                        <p>\n                            Choix des disciplines, r\u00e9p\u00e9titions et\n                            accompagnement des \u00e9l\u00e8ves.\n                        <\/p>\n                    <\/div>\n\n                <\/article>\n\n\n                <article class=\"atb-capo2-step\">\n\n                    <div class=\"atb-capo2-step-number\">03<\/div>\n\n                    <div>\n                        <h3>Pr\u00e9s\u00e9lections<\/h3>\n\n                        <p>\n                            Premi\u00e8res prestations et identification des\n                            groupes qualifi\u00e9s.\n                        <\/p>\n                    <\/div>\n\n                <\/article>\n\n\n                <article class=\"atb-capo2-step\">\n\n                    <div class=\"atb-capo2-step-number\">04<\/div>\n\n                    <div>\n                        <h3>Phases \u00e9liminatoires<\/h3>\n\n                        <p>\n                            Rencontres artistiques entre les diff\u00e9rentes\n                            \u00e9coles participantes.\n                        <\/p>\n                    <\/div>\n\n                <\/article>\n\n\n                <article class=\"atb-capo2-step\">\n\n                    <div class=\"atb-capo2-step-number\">05<\/div>\n\n                    <div>\n                        <h3>Grande finale<\/h3>\n\n                        <p>\n                            Les meilleures prestations sont pr\u00e9sent\u00e9es\n                            devant le public.\n                        <\/p>\n                    <\/div>\n\n                <\/article>\n\n\n                <article class=\"atb-capo2-step\">\n\n                    <div class=\"atb-capo2-step-number\">06<\/div>\n\n                    <div>\n                        <h3>Distinctions<\/h3>\n\n                        <p>\n                            Mise \u00e0 l\u2019honneur des talents, des \u00e9coles et\n                            des \u00e9quipes \u00e9ducatives.\n                        <\/p>\n                    <\/div>\n\n                <\/article>\n\n            <\/div>\n\n\n            <div class=\"atb-capo2-process-note\">\n\n                <strong>\n                    Un parcours con\u00e7u pour apprendre autant que pour concourir\n                <\/strong>\n\n                <p>\n                    Les \u00e9tapes pr\u00e9sent\u00e9es constituent une structure \u00e9ditoriale\n                    \u00e9volutive. Elles pourront \u00eatre ajust\u00e9es selon le calendrier\n                    et l\u2019organisation officielle de chaque \u00e9dition du CAPO.\n                <\/p>\n\n            <\/div>\n\n        <\/div>\n\n    <\/section>\n\n\n    <div class=\"atb-capo2-divider-light\" aria-hidden=\"true\"><\/div>\n\n\n    <!-- =====================================================\n    IMPACT EN CHIFFRES\n    ====================================================== -->\n    <section class=\"atb-capo2-impact\">\n\n        <div class=\"atb-capo2-container\">\n\n            <div class=\"atb-capo2-impact-heading\">\n\n                <div>\n\n                    <div class=\"atb-capo2-label\">\n                        L\u2019impact du CAPO\n                    <\/div>\n\n                    <h2 class=\"atb-capo2-title\">\n                        Une g\u00e9n\u00e9ration enti\u00e8re\n                        <span>grandit avec l\u2019art<\/span>\n                    <\/h2>\n\n                <\/div>\n\n                <div class=\"atb-capo2-impact-text\">\n\n                    <p>\n                        Depuis sa cr\u00e9ation, le CAPO permet \u00e0 des milliers\n                        d\u2019enfants de d\u00e9couvrir la sc\u00e8ne, de d\u00e9velopper leur\n                        confiance et de s\u2019approprier les valeurs de citoyennet\u00e9.\n                    <\/p>\n\n                <\/div>\n\n            <\/div>\n\n\n            <div class=\"atb-capo2-stats\">\n\n                <article class=\"atb-capo2-stat\">\n\n                    <span class=\"atb-capo2-stat-number\">\n                        2002\n                    <\/span>\n\n                    <h3>Ann\u00e9e de cr\u00e9ation<\/h3>\n\n                    <p>\n                        Plus de deux d\u00e9cennies d\u2019\u00e9ducation artistique en\n                        milieu scolaire.\n                    <\/p>\n\n                <\/article>\n\n\n                <article class=\"atb-capo2-stat\">\n\n                    <span class=\"atb-capo2-stat-number\">\n                        1 000<small>+<\/small>\n                    <\/span>\n\n                    <h3>Enfants chaque ann\u00e9e<\/h3>\n\n                    <p>\n                        Des \u00e9l\u00e8ves accompagn\u00e9s dans leur d\u00e9couverte de\n                        l\u2019expression artistique.\n                    <\/p>\n\n                <\/article>\n\n\n                <article class=\"atb-capo2-stat\">\n\n                    <span class=\"atb-capo2-stat-number\">\n                        5\n                    <\/span>\n\n                    <h3>Disciplines artistiques<\/h3>\n\n                    <p>\n                        Th\u00e9\u00e2tre, ballet traditionnel, slam, conte et lecture\n                        de po\u00e9sie.\n                    <\/p>\n\n                <\/article>\n\n\n                <article class=\"atb-capo2-stat\">\n\n                    <span class=\"atb-capo2-stat-number\">\n                        1\n                    <\/span>\n\n                    <h3>Grande ambition<\/h3>\n\n                    <p>\n                        Faire de l\u2019art un levier durable d\u2019\u00e9ducation,\n                        d\u2019expression et de citoyennet\u00e9.\n                    <\/p>\n\n                <\/article>\n\n            <\/div>\n\n\n            <div class=\"atb-capo2-solidarity\">\n\n                <div class=\"atb-capo2-solidarity-number\">\n                    25 %\n                <\/div>\n\n                <div class=\"atb-capo2-solidarity-content\">\n\n                    <small>Solidarit\u00e9 scolaire<\/small>\n\n                    <h3>\n                        Une partie des recettes retourne directement aux \u00e9coles\n                    <\/h3>\n\n                    <p>\n                        Lors des phases finales, 25 % des revenus issus de la\n                        billetterie sont revers\u00e9s aux coop\u00e9ratives scolaires\n                        des \u00e9tablissements participants afin de soutenir des\n                        projets p\u00e9dagogiques concrets.\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-278e613 e-con e-atomic-element e-flexbox-base e-36f9f8d \" data-id=\"278e613\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"278e613\" data-e-type=\"e-flexbox\" data-id=\"278e613\">\n    \t\t<div class=\"elementor-element elementor-element-f25108e elementor-widget elementor-widget-html\" data-id=\"f25108e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\/* =========================================================\nATB \u2014 PAGE CAPO\nPARTIE 3 : AVENTURE HUMAINE + VALEURS + GALERIE + CTA\nPr\u00e9fixe unique : atb-capo3\n========================================================= *\/\n\n.atb-capo3,\n.atb-capo3 *,\n.atb-capo3 *::before,\n.atb-capo3 *::after {\n    box-sizing: border-box;\n}\n\n.atb-capo3 {\n    --capo3-bordeaux: #60052D;\n    --capo3-bordeaux-dark: #300015;\n    --capo3-bordeaux-soft: #7D1745;\n    --capo3-gold: #CC9933;\n    --capo3-gold-light: #E7C779;\n    --capo3-cream: #F8F1E7;\n    --capo3-rose: #F5ECEC;\n    --capo3-white: #FFFFFF;\n    --capo3-text: #2B1C22;\n    --capo3-grey: #75676C;\n    --capo3-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(--capo3-white);\n    color: var(--capo3-text);\n    font-family: \"Archivo\", Arial, sans-serif;\n}\n\n.atb-capo3 img {\n    display: block;\n    width: 100%;\n    max-width: 100%;\n}\n\n.atb-capo3 a {\n    text-decoration: none !important;\n}\n\n.atb-capo3-container {\n    width: min(1180px, calc(100% - 44px));\n    margin: 0 auto;\n}\n\n\n\/* =========================================================\nCOMPOSANTS\n========================================================= *\/\n\n.atb-capo3-label {\n    display: inline-flex;\n    align-items: center;\n    gap: 12px;\n    margin: 0 0 18px;\n    color: var(--capo3-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-capo3-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-capo3-label-light {\n    color: var(--capo3-gold-light) !important;\n}\n\n.atb-capo3-title,\n.atb-capo3-title * {\n    color: var(--capo3-bordeaux) !important;\n}\n\n.atb-capo3-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-capo3-title span {\n    display: block;\n    color: var(--capo3-gold) !important;\n    font-style: italic;\n}\n\n.atb-capo3-title-light,\n.atb-capo3-title-light * {\n    color: var(--capo3-white) !important;\n}\n\n.atb-capo3-title-light span {\n    color: var(--capo3-gold-light) !important;\n}\n\n.atb-capo3-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-capo3-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-capo3-button:hover svg {\n    transform: translateX(4px);\n}\n\n.atb-capo3-button-gold,\n.atb-capo3-button-gold:link,\n.atb-capo3-button-gold:visited {\n    border: 1px solid var(--capo3-gold) !important;\n    background: var(--capo3-gold) !important;\n    color: var(--capo3-bordeaux-dark) !important;\n    box-shadow: 0 18px 42px rgba(204, 153, 51, 0.28);\n}\n\n.atb-capo3-button-gold:hover,\n.atb-capo3-button-gold:focus {\n    transform: translateY(-3px);\n    border-color: var(--capo3-gold-light) !important;\n    background: var(--capo3-gold-light) !important;\n    color: var(--capo3-bordeaux-dark) !important;\n}\n\n.atb-capo3-button-light,\n.atb-capo3-button-light:link,\n.atb-capo3-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(--capo3-white) !important;\n}\n\n.atb-capo3-button-light:hover,\n.atb-capo3-button-light:focus {\n    transform: translateY(-3px);\n    border-color: var(--capo3-white) !important;\n    background: var(--capo3-white) !important;\n    color: var(--capo3-bordeaux) !important;\n}\n\n\n\/* =========================================================\nUNE AVENTURE HUMAINE \u2014 FOND CR\u00c8ME ROS\u00c9\n========================================================= *\/\n\n.atb-capo3-human {\n    position: relative;\n    padding: 100px 0 120px;\n    background:\n        radial-gradient(\n            circle at 5% 12%,\n            rgba(204, 153, 51, 0.12),\n            transparent 25%\n        ),\n        linear-gradient(\n            135deg,\n            var(--capo3-rose),\n            var(--capo3-cream)\n        );\n}\n\n.atb-capo3-human::before {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    left: 50%;\n    width: 110px;\n    height: 3px;\n    background: var(--capo3-gold);\n    transform: translateX(-50%);\n}\n\n.atb-capo3-human-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-capo3-human-text p {\n    margin: 0 !important;\n    color: var(--capo3-grey) !important;\n    font-size: 15px;\n    line-height: 1.8;\n}\n\n.atb-capo3-human-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 22px;\n}\n\n.atb-capo3-human-card {\n    position: relative;\n    min-height: 510px;\n    overflow: hidden;\n    isolation: isolate;\n    border: 1px solid rgba(96, 5, 45, 0.11);\n    border-radius: 4px 42px 4px 4px;\n    background: var(--capo3-bordeaux-dark);\n    box-shadow: 0 22px 58px rgba(55, 0, 25, 0.11);\n    transition:\n        transform 0.35s ease,\n        box-shadow 0.35s ease,\n        border-color 0.35s ease;\n}\n\n.atb-capo3-human-card:hover {\n    transform: translateY(-8px);\n    border-color: rgba(204, 153, 51, 0.52);\n    box-shadow: 0 32px 72px rgba(55, 0, 25, 0.17);\n}\n\n.atb-capo3-human-card img {\n    position: absolute;\n    z-index: -3;\n    inset: 0;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    object-position: center;\n    transition: transform 0.8s ease;\n}\n\n.atb-capo3-human-card:hover img {\n    transform: scale(1.07);\n}\n\n.atb-capo3-human-card::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.04) 0%,\n            rgba(45, 0, 20, 0.18) 38%,\n            rgba(45, 0, 20, 0.97) 100%\n        );\n}\n\n.atb-capo3-human-card::after {\n    content: \"\";\n    position: absolute;\n    z-index: 3;\n    inset: 12px;\n    border: 1px solid rgba(255, 255, 255, 0.18);\n    border-radius: 3px 31px 3px 3px;\n    pointer-events: none;\n    transition: border-color 0.35s ease;\n}\n\n.atb-capo3-human-card:hover::after {\n    border-color: rgba(231, 199, 121, 0.72);\n}\n\n.atb-capo3-human-card-content {\n    position: absolute;\n    z-index: 2;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    padding: 34px 29px;\n}\n\n.atb-capo3-human-card small {\n    display: block;\n    margin-bottom: 10px;\n    color: var(--capo3-gold-light) !important;\n    font-size: 9px;\n    font-weight: 800;\n    letter-spacing: 0.14em;\n    text-transform: uppercase;\n}\n\n.atb-capo3-human-card h3 {\n    margin: 0 !important;\n    color: var(--capo3-white) !important;\n    font-family: \"Fraunces\", Georgia, serif !important;\n    font-size: 34px;\n    line-height: 1.1;\n}\n\n.atb-capo3-human-card p {\n    margin: 14px 0 0 !important;\n    color: rgba(255, 255, 255, 0.75) !important;\n    font-size: 14px;\n    line-height: 1.7;\n}\n\n.atb-capo3-human-quote {\n    max-width: 980px;\n    margin: 45px auto 0;\n    padding: 32px 38px;\n    border-top: 1px solid rgba(96, 5, 45, 0.16);\n    border-right: 1px solid rgba(96, 5, 45, 0.16);\n    border-bottom: 1px solid rgba(96, 5, 45, 0.16);\n    border-left: 4px solid var(--capo3-gold);\n    border-radius: 0 34px 0 0;\n    background: rgba(255, 255, 255, 0.52);\n    text-align: center;\n}\n\n.atb-capo3-human-quote p {\n    margin: 0 !important;\n    color: var(--capo3-bordeaux) !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 CR\u00c8ME \/ BORDEAUX\n========================================================= *\/\n\n.atb-capo3-divider-rose-dark {\n    position: relative;\n    height: 62px;\n    background: var(--capo3-rose);\n}\n\n.atb-capo3-divider-rose-dark::before {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    background: var(--capo3-bordeaux-dark);\n    clip-path: polygon(\n        0 75%,\n        18% 42%,\n        38% 68%,\n        61% 29%,\n        81% 57%,\n        100% 24%,\n        100% 100%,\n        0 100%\n    );\n}\n\n.atb-capo3-divider-rose-dark::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.62),\n        transparent\n    );\n}\n\n\n\/* =========================================================\nPOURQUOI LE CAPO COMPTE \u2014 FOND BORDEAUX\n========================================================= *\/\n\n.atb-capo3-why {\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.18),\n            transparent 26%\n        ),\n        linear-gradient(\n            145deg,\n            var(--capo3-bordeaux-dark),\n            var(--capo3-bordeaux) 58%,\n            #7B103F\n        );\n}\n\n.atb-capo3-why::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-capo3-why-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-capo3-why-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-capo3-why-grid {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 20px;\n}\n\n.atb-capo3-why-card {\n    position: relative;\n    min-height: 320px;\n    padding: 31px 26px;\n    overflow: hidden;\n    border: 1px solid rgba(255, 255, 255, 0.12);\n    border-radius: 4px 36px 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}\n\n.atb-capo3-why-card:hover {\n    transform: translateY(-8px);\n    border-color: rgba(231, 199, 121, 0.56);\n    background: rgba(255, 255, 255, 0.11);\n}\n\n.atb-capo3-why-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-capo3-why-icon {\n    width: 64px;\n    height: 64px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin-bottom: 58px;\n    border-radius: 50%;\n    background: var(--capo3-gold);\n    color: var(--capo3-bordeaux-dark);\n    font-family: \"Fraunces\", Georgia, serif;\n    font-size: 24px;\n    font-weight: 700;\n}\n\n.atb-capo3-why-card small {\n    display: block;\n    margin-bottom: 10px;\n    color: var(--capo3-gold-light) !important;\n    font-size: 9px;\n    font-weight: 800;\n    letter-spacing: 0.14em;\n    text-transform: uppercase;\n}\n\n.atb-capo3-why-card h3 {\n    margin: 0 !important;\n    color: var(--capo3-white) !important;\n    font-family: \"Fraunces\", Georgia, serif !important;\n    font-size: 25px;\n    line-height: 1.15;\n}\n\n.atb-capo3-why-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\n\/* =========================================================\nS\u00c9PARATEUR BORDEAUX \/ BLANC\n========================================================= *\/\n\n.atb-capo3-divider-dark-white {\n    position: relative;\n    height: 62px;\n    background: var(--capo3-bordeaux);\n}\n\n.atb-capo3-divider-dark-white::before {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    background: var(--capo3-white);\n    clip-path: polygon(\n        0 72%,\n        20% 40%,\n        42% 68%,\n        64% 28%,\n        83% 55%,\n        100% 34%,\n        100% 100%,\n        0 100%\n    );\n}\n\n.atb-capo3-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.60),\n        transparent\n    );\n}\n\n\n\/* =========================================================\nGALERIE \u2014 FOND BLANC\n========================================================= *\/\n\n.atb-capo3-gallery {\n    position: relative;\n    padding: 95px 0 120px;\n    background: var(--capo3-white);\n}\n\n.atb-capo3-gallery::before {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    left: 50%;\n    width: 110px;\n    height: 3px;\n    background: var(--capo3-gold);\n    transform: translateX(-50%);\n}\n\n.atb-capo3-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-capo3-gallery-text p {\n    margin: 0 !important;\n    color: var(--capo3-grey) !important;\n    font-size: 15px;\n    line-height: 1.8;\n}\n\n.atb-capo3-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-capo3-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(--capo3-bordeaux-dark);\n    box-shadow: 0 16px 42px rgba(55, 0, 25, 0.08);\n}\n\n.atb-capo3-gallery-item-large {\n    grid-row: 1 \/ 3;\n}\n\n.atb-capo3-gallery-item-wide {\n    grid-column: 2 \/ 4;\n}\n\n.atb-capo3-gallery-item img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    transition: transform 0.75s ease;\n}\n\n.atb-capo3-gallery-item:hover img {\n    transform: scale(1.07);\n}\n\n.atb-capo3-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.64)\n        );\n    opacity: 0;\n    transition: opacity 0.35s ease;\n}\n\n.atb-capo3-gallery-item:hover::before {\n    opacity: 1;\n}\n\n.atb-capo3-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-capo3-gallery-item:hover::after {\n    border-color: rgba(231, 199, 121, 0.72);\n}\n\n.atb-capo3-gallery-caption {\n    position: absolute;\n    z-index: 4;\n    right: 24px;\n    bottom: 22px;\n    left: 24px;\n    color: var(--capo3-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-capo3-gallery-item:hover .atb-capo3-gallery-caption {\n    opacity: 1;\n    transform: translateY(0);\n}\n\n.atb-capo3-gallery-note {\n    max-width: 820px;\n    margin: 38px auto 0;\n    padding: 25px 28px;\n    border-top: 1px solid var(--capo3-border);\n    border-right: 1px solid var(--capo3-border);\n    border-bottom: 1px solid var(--capo3-border);\n    border-left: 4px solid var(--capo3-gold);\n    border-radius: 0 28px 0 0;\n    background: var(--capo3-cream);\n    text-align: center;\n}\n\n.atb-capo3-gallery-note p {\n    margin: 0 !important;\n    color: var(--capo3-grey) !important;\n    font-size: 14px;\n    line-height: 1.7;\n}\n\n\n\/* =========================================================\nCTA FINAL \u2014 PHOTO + OVERLAY BORDEAUX\n========================================================= *\/\n\n.atb-capo3-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\/643919851_122110428993229108_7975703051740717573_n.jpg\")\n        center center \/ cover no-repeat;\n}\n\n.atb-capo3-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-capo3-cta::after {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    left: 50%;\n    width: 110px;\n    height: 3px;\n    background: var(--capo3-gold);\n    transform: translateX(-50%);\n}\n\n.atb-capo3-cta-inner {\n    position: relative;\n    z-index: 2;\n    max-width: 900px;\n    padding: 115px 0 120px;\n}\n\n.atb-capo3-cta-title,\n.atb-capo3-cta-title * {\n    color: var(--capo3-white) !important;\n}\n\n.atb-capo3-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-capo3-cta-title span {\n    display: block;\n    margin-top: 8px;\n    color: var(--capo3-gold-light) !important;\n    font-style: italic;\n}\n\n.atb-capo3-cta-text {\n    max-width: 700px;\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-capo3-cta-actions {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 14px;\n    margin-top: 36px;\n}\n\n.atb-capo3-cta-footnote {\n    max-width: 700px;\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-capo3-human-heading,\n    .atb-capo3-why-heading,\n    .atb-capo3-gallery-heading {\n        grid-template-columns: 1fr;\n        gap: 30px;\n    }\n\n    .atb-capo3-human-grid {\n        grid-template-columns: 1fr;\n    }\n\n    .atb-capo3-human-card {\n        min-height: 470px;\n    }\n\n    .atb-capo3-why-grid {\n        grid-template-columns: repeat(2, 1fr);\n    }\n\n    .atb-capo3-gallery-grid {\n        grid-template-columns: 1fr 1fr;\n        grid-template-rows: 470px 280px 280px;\n    }\n\n    .atb-capo3-gallery-item-large {\n        grid-column: 1 \/ 3;\n        grid-row: auto;\n    }\n\n    .atb-capo3-gallery-item-wide {\n        grid-column: 1 \/ 3;\n    }\n}\n\n\n\/* =========================================================\nMOBILE\n========================================================= *\/\n\n@media (max-width: 767px) {\n\n    .atb-capo3-container {\n        width: calc(100% - 30px);\n    }\n\n    .atb-capo3-human,\n    .atb-capo3-why,\n    .atb-capo3-gallery {\n        padding: 76px 0 88px;\n    }\n\n    .atb-capo3-title {\n        font-size: clamp(39px, 12vw, 54px);\n    }\n\n    .atb-capo3-human-card {\n        min-height: 430px;\n    }\n\n    .atb-capo3-human-card-content {\n        padding: 28px 24px;\n    }\n\n    .atb-capo3-human-card h3 {\n        font-size: 30px;\n    }\n\n    .atb-capo3-human-quote {\n        padding: 26px 22px;\n    }\n\n    .atb-capo3-divider-rose-dark,\n    .atb-capo3-divider-dark-white {\n        height: 42px;\n    }\n\n    .atb-capo3-why-grid {\n        grid-template-columns: 1fr;\n    }\n\n    .atb-capo3-why-card {\n        min-height: 290px;\n    }\n\n    .atb-capo3-gallery-grid {\n        display: block;\n    }\n\n    .atb-capo3-gallery-item,\n    .atb-capo3-gallery-item-large,\n    .atb-capo3-gallery-item-wide {\n        height: 360px;\n        margin-bottom: 18px;\n    }\n\n    .atb-capo3-gallery-item::before {\n        opacity: 1;\n    }\n\n    .atb-capo3-gallery-caption {\n        opacity: 1;\n        transform: none;\n        font-size: 18px;\n    }\n\n    .atb-capo3-cta {\n        min-height: 620px;\n        background-position: 62% 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\/643919851_122110428993229108_7975703051740717573_n.jpg\");\n    }\n\n    .atb-capo3-cta-inner {\n        padding: 95px 0 100px;\n    }\n\n    .atb-capo3-cta-title {\n        font-size: clamp(44px, 13vw, 63px);\n    }\n\n    .atb-capo3-cta-text {\n        font-size: 15px;\n        line-height: 1.7;\n    }\n\n    .atb-capo3-cta-actions {\n        flex-direction: column;\n        align-items: stretch;\n    }\n\n    .atb-capo3-button {\n        width: 100%;\n    }\n}\n<\/style>\n\n\n<div class=\"atb-capo3\">\n\n    <!-- =====================================================\n    UNE AVENTURE HUMAINE\n    ====================================================== -->\n    <section class=\"atb-capo3-human\">\n\n        <div class=\"atb-capo3-container\">\n\n            <div class=\"atb-capo3-human-heading\">\n\n                <div>\n\n                    <div class=\"atb-capo3-label\">\n                        Une aventure humaine\n                    <\/div>\n\n                    <h2 class=\"atb-capo3-title\">\n                        Derri\u00e8re la sc\u00e8ne,\n                        <span>des liens qui se construisent<\/span>\n                    <\/h2>\n\n                <\/div>\n\n                <div class=\"atb-capo3-human-text\">\n\n                    <p>\n                        Le CAPO r\u00e9unit les enfants, les \u00e9quipes \u00e9ducatives\n                        et les familles autour d\u2019une exp\u00e9rience commune o\u00f9\n                        chacun contribue \u00e0 faire grandir la cr\u00e9ativit\u00e9,\n                        la confiance et l\u2019esprit collectif.\n                    <\/p>\n\n                <\/div>\n\n            <\/div>\n\n\n            <div class=\"atb-capo3-human-grid\">\n\n                <!-- ENFANTS -->\n                <article class=\"atb-capo3-human-card\">\n\n                    <img decoding=\"async\"\n                        src=\"http:\/\/atb.bf\/atb-v2\/wp-content\/uploads\/2026\/07\/631048710_122107001919229108_1114341993783829424_n.jpg\"\n                        alt=\"Enfants participant au CAPO\"\n                        loading=\"lazy\"\n                    >\n\n                    <div class=\"atb-capo3-human-card-content\">\n\n                        <small>Au c\u0153ur du programme<\/small>\n\n                        <h3>Les enfants<\/h3>\n\n                        <p>\n                            Ils d\u00e9couvrent leurs capacit\u00e9s, apprennent \u00e0\n                            s\u2019exprimer devant les autres et vivent la fiert\u00e9\n                            d\u2019aboutir \u00e0 une cr\u00e9ation collective.\n                        <\/p>\n\n                    <\/div>\n\n                <\/article>\n\n\n                <!-- ENSEIGNANTS -->\n                <article class=\"atb-capo3-human-card\">\n\n                    <img decoding=\"async\"\n                        src=\"http:\/\/atb.bf\/atb-v2\/wp-content\/uploads\/2026\/07\/643376782_122110430001229108_3410597958455915043_n.jpg\"\n                        alt=\"Encadrement p\u00e9dagogique autour du CAPO\"\n                        loading=\"lazy\"\n                    >\n\n                    <div class=\"atb-capo3-human-card-content\">\n\n                        <small>Accompagner et transmettre<\/small>\n\n                        <h3>Les enseignants<\/h3>\n\n                        <p>\n                            Ils guident les \u00e9l\u00e8ves, soutiennent leur pr\u00e9paration\n                            et font de la pratique artistique un prolongement\n                            vivant de l\u2019\u00e9ducation scolaire.\n                        <\/p>\n\n                    <\/div>\n\n                <\/article>\n\n\n                <!-- FAMILLES -->\n                <article class=\"atb-capo3-human-card\">\n\n                    <img decoding=\"async\"\n                        src=\"http:\/\/atb.bf\/atb-v2\/wp-content\/uploads\/2026\/07\/643919851_122110428993229108_7975703051740717573_n.jpg\"\n                        alt=\"Familles et public lors d\u2019un \u00e9v\u00e9nement du CAPO\"\n                        loading=\"lazy\"\n                    >\n\n                    <div class=\"atb-capo3-human-card-content\">\n\n                        <small>Partager la fiert\u00e9<\/small>\n\n                        <h3>Les familles<\/h3>\n\n                        <p>\n                            Elles encouragent, assistent aux repr\u00e9sentations\n                            et d\u00e9couvrent les talents, les id\u00e9es et la sensibilit\u00e9\n                            que les enfants portent sur sc\u00e8ne.\n                        <\/p>\n\n                    <\/div>\n\n                <\/article>\n\n            <\/div>\n\n\n            <div class=\"atb-capo3-human-quote\">\n\n                <p>\n                    \u00ab Derri\u00e8re chaque enfant qui monte sur sc\u00e8ne se construit\n                    un citoyen qui apprend \u00e0 parler, \u00e0 \u00e9couter et \u00e0 croire\n                    en son potentiel. \u00bb\n                <\/p>\n\n            <\/div>\n\n        <\/div>\n\n    <\/section>\n\n\n    <div class=\"atb-capo3-divider-rose-dark\" aria-hidden=\"true\"><\/div>\n\n\n    <!-- =====================================================\n    POURQUOI LE CAPO COMPTE\n    ====================================================== -->\n    <section class=\"atb-capo3-why\">\n\n        <div class=\"atb-capo3-container\">\n\n            <div class=\"atb-capo3-why-heading\">\n\n                <div>\n\n                    <div class=\"atb-capo3-label atb-capo3-label-light\">\n                        Pourquoi le CAPO compte\n                    <\/div>\n\n                    <h2 class=\"atb-capo3-title atb-capo3-title-light\">\n                        Une sc\u00e8ne qui agit\n                        <span>bien au-del\u00e0 du spectacle<\/span>\n                    <\/h2>\n\n                <\/div>\n\n                <div class=\"atb-capo3-why-text\">\n\n                    <p>\n                        Le CAPO associe cr\u00e9ation, apprentissage, citoyennet\u00e9\n                        et solidarit\u00e9 pour faire de la culture un outil concret\n                        de d\u00e9veloppement de l\u2019enfant et de l\u2019\u00e9cole.\n                    <\/p>\n\n                <\/div>\n\n            <\/div>\n\n\n            <div class=\"atb-capo3-why-grid\">\n\n                <article class=\"atb-capo3-why-card\">\n\n                    <div class=\"atb-capo3-why-icon\">01<\/div>\n\n                    <small>Cr\u00e9er<\/small>\n\n                    <h3>\u00c9ducation artistique<\/h3>\n\n                    <p>\n                        Les enfants d\u00e9couvrent plusieurs disciplines et\n                        d\u00e9veloppent leur sensibilit\u00e9, leur imagination et\n                        leur rapport \u00e0 la culture.\n                    <\/p>\n\n                <\/article>\n\n\n                <article class=\"atb-capo3-why-card\">\n\n                    <div class=\"atb-capo3-why-icon\">02<\/div>\n\n                    <small>Participer<\/small>\n\n                    <h3>Citoyennet\u00e9<\/h3>\n\n                    <p>\n                        Les th\u00e8mes abord\u00e9s encouragent la responsabilit\u00e9,\n                        le respect, l\u2019\u00e9coute, le dialogue et l\u2019engagement\n                        dans la communaut\u00e9.\n                    <\/p>\n\n                <\/article>\n\n\n                <article class=\"atb-capo3-why-card\">\n\n                    <div class=\"atb-capo3-why-icon\">03<\/div>\n\n                    <small>Grandir<\/small>\n\n                    <h3>D\u00e9veloppement personnel<\/h3>\n\n                    <p>\n                        Prendre la parole, travailler en \u00e9quipe et se produire\n                        devant un public renforcent la confiance et l\u2019autonomie.\n                    <\/p>\n\n                <\/article>\n\n\n                <article class=\"atb-capo3-why-card\">\n\n                    <div class=\"atb-capo3-why-icon\">04<\/div>\n\n                    <small>Soutenir<\/small>\n\n                    <h3>Solidarit\u00e9 scolaire<\/h3>\n\n                    <p>\n                        Une partie des recettes des finales contribue\n                        directement au financement de projets p\u00e9dagogiques\n                        dans les \u00e9tablissements participants.\n                    <\/p>\n\n                <\/article>\n\n            <\/div>\n\n        <\/div>\n\n    <\/section>\n\n\n    <div class=\"atb-capo3-divider-dark-white\" aria-hidden=\"true\"><\/div>\n\n\n    <!-- =====================================================\n    GALERIE IMMERSIVE\n    ====================================================== -->\n    <section class=\"atb-capo3-gallery\">\n\n        <div class=\"atb-capo3-container\">\n\n            <div class=\"atb-capo3-gallery-heading\">\n\n                <div>\n\n                    <div class=\"atb-capo3-label\">\n                        Le CAPO en images\n                    <\/div>\n\n                    <h2 class=\"atb-capo3-title\">\n                        Des talents,\n                        <span>des couleurs et des \u00e9motions<\/span>\n                    <\/h2>\n\n                <\/div>\n\n                <div class=\"atb-capo3-gallery-text\">\n\n                    <p>\n                        Quelques instants de sc\u00e8ne, de pr\u00e9paration et de partage\n                        qui racontent l\u2019\u00e9nergie et la richesse artistique du CAPO.\n                    <\/p>\n\n                <\/div>\n\n            <\/div>\n\n\n            <div class=\"atb-capo3-gallery-grid\">\n\n                <div class=\"atb-capo3-gallery-item atb-capo3-gallery-item-large\">\n\n                    <img decoding=\"async\"\n                        src=\"http:\/\/atb.bf\/atb-v2\/wp-content\/uploads\/2026\/07\/631128487_122107003281229108_708946771318906471_n.jpg\"\n                        alt=\"Prestation artistique d\u2019enfants au CAPO\"\n                        loading=\"lazy\"\n                    >\n\n                    <span class=\"atb-capo3-gallery-caption\">\n                        La sc\u00e8ne r\u00e9v\u00e8le les talents\n                    <\/span>\n\n                <\/div>\n\n\n                <div class=\"atb-capo3-gallery-item\">\n\n                    <img decoding=\"async\"\n                        src=\"http:\/\/atb.bf\/atb-v2\/wp-content\/uploads\/2026\/07\/642163128_122109695745229108_2611819480587718546_n.jpg\"\n                        alt=\"Expression artistique au CAPO\"\n                        loading=\"lazy\"\n                    >\n\n                    <span class=\"atb-capo3-gallery-caption\">\n                        Prendre la parole\n                    <\/span>\n\n                <\/div>\n\n\n                <div class=\"atb-capo3-gallery-item\">\n\n                    <img decoding=\"async\"\n                        src=\"http:\/\/atb.bf\/atb-v2\/wp-content\/uploads\/2026\/07\/641150806_122109696393229108_6172141191801994904_n.jpg\"\n                        alt=\"Spectacle pr\u00e9sent\u00e9 dans le cadre du CAPO\"\n                        loading=\"lazy\"\n                    >\n\n                    <span class=\"atb-capo3-gallery-caption\">\n                        Cr\u00e9er ensemble\n                    <\/span>\n\n                <\/div>\n\n\n                <div class=\"atb-capo3-gallery-item atb-capo3-gallery-item-wide\">\n\n                    <img decoding=\"async\"\n                        src=\"http:\/\/atb.bf\/atb-v2\/wp-content\/uploads\/2026\/07\/641328150_122109863709229108_6511702467563094006_n.jpg\"\n                        alt=\"Public et participants du CAPO\"\n                        loading=\"lazy\"\n                    >\n\n                    <span class=\"atb-capo3-gallery-caption\">\n                        Une c\u00e9l\u00e9bration partag\u00e9e par toute la communaut\u00e9\n                    <\/span>\n\n                <\/div>\n\n            <\/div>\n\n\n            <div class=\"atb-capo3-gallery-note\">\n\n                <p>\n                    Cette galerie pourra \u00eatre enrichie au fil des \u00e9ditions\n                    avec les photos des \u00e9coles, les prestations finalistes,\n                    les remises de prix et les archives du CAPO.\n                <\/p>\n\n            <\/div>\n\n        <\/div>\n\n    <\/section>\n\n\n    <!-- =====================================================\n    CTA FINAL\n    ====================================================== -->\n    <section class=\"atb-capo3-cta\">\n\n        <div class=\"atb-capo3-container\">\n\n            <div class=\"atb-capo3-cta-inner\">\n\n                <div class=\"atb-capo3-label atb-capo3-label-light\">\n                    Construisons la prochaine \u00e9dition\n                <\/div>\n\n                <h2 class=\"atb-capo3-cta-title\">\n                    Chaque enfant m\u00e9rite\n                    <span>une sc\u00e8ne pour r\u00e9v\u00e9ler son talent<\/span>\n                <\/h2>\n\n                <p class=\"atb-capo3-cta-text\">\n                    \u00c9tablissement scolaire, famille, institution ou partenaire :\n                    rejoignez une initiative qui place l\u2019art, l\u2019\u00e9ducation et\n                    la citoyennet\u00e9 au c\u0153ur du d\u00e9veloppement de l\u2019enfant.\n                <\/p>\n\n                <div class=\"atb-capo3-cta-actions\">\n\n                    <a\n                        href=\"\/atb-v2\/contact\/\"\n                        class=\"atb-capo3-button atb-capo3-button-gold\"\n                    >\n                        <span>Participer au CAPO<\/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-capo3-button atb-capo3-button-light\"\n                    >\n                        <span>Devenir partenaire<\/span>\n                    <\/a>\n\n                    <a\n                        href=\"\/atb-v2\/contact\/\"\n                        class=\"atb-capo3-button atb-capo3-button-light\"\n                    >\n                        <span>Nous contacter<\/span>\n                    <\/a>\n\n                <\/div>\n\n                <p class=\"atb-capo3-cta-footnote\">\n                    Pour les inscriptions, les partenariats ou les demandes\n                    d\u2019information sur la prochaine \u00e9dition, l\u2019\u00e9quipe de l\u2019ATB\n                    t\u2019orientera vers le service concern\u00e9.\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":"<p>Programme embl\u00e9matique de l\u2019ATB CAPO La sc\u00e8ne o\u00f9 grandissent les talents Depuis 2002, le Concours Artistique du Primaire de Ouagadougou offre aux enfants un espace d\u2019expression, de d\u00e9couverte artistique et [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_price":"","_stock":"","_tribe_ticket_header":"","_tribe_default_ticket_provider":"","_tribe_ticket_capacity":"0","_ticket_start_date":"","_ticket_end_date":"","_tribe_ticket_show_description":"","_tribe_ticket_show_not_going":false,"_tribe_ticket_use_global_stock":"","_tribe_ticket_global_stock_level":"","_global_stock_mode":"","_global_stock_cap":"","_tribe_rsvp_for_event":"","_tribe_ticket_going_count":"","_tribe_ticket_not_going_count":"","_tribe_tickets_list":"[]","_tribe_ticket_has_attendee_info_fields":false,"footnotes":"","_tec_slr_enabled":"","_tec_slr_layout":""},"wf_page_folders":[60],"class_list":["post-72","page","type-page","status-publish","hentry"],"ticketed":false,"_links":{"self":[{"href":"https:\/\/atb.bf\/atb-v2\/wp-json\/wp\/v2\/pages\/72","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=72"}],"version-history":[{"count":8,"href":"https:\/\/atb.bf\/atb-v2\/wp-json\/wp\/v2\/pages\/72\/revisions"}],"predecessor-version":[{"id":1873,"href":"https:\/\/atb.bf\/atb-v2\/wp-json\/wp\/v2\/pages\/72\/revisions\/1873"}],"wp:attachment":[{"href":"https:\/\/atb.bf\/atb-v2\/wp-json\/wp\/v2\/media?parent=72"}],"wp:term":[{"taxonomy":"wf_page_folders","embeddable":true,"href":"https:\/\/atb.bf\/atb-v2\/wp-json\/wp\/v2\/wf_page_folders?post=72"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}