{"id":103,"date":"2025-10-23T11:58:12","date_gmt":"2025-10-23T11:58:12","guid":{"rendered":"https:\/\/atb.bf\/atb-v2\/?page_id=103"},"modified":"2026-09-16T17:52:51","modified_gmt":"2026-09-16T15:52:51","slug":"tele-theatre","status":"publish","type":"page","link":"https:\/\/atb.bf\/atb-v2\/tele-theatre\/","title":{"rendered":"T\u00c9L\u00c9 TH\u00c9\u00c2TRE"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"103\" class=\"elementor elementor-103\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fe76674 e-con e-atomic-element e-flexbox-base e-default-div e-8a59406 \" data-id=\"fe76674\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"fe76674\" data-e-type=\"e-flexbox\" data-id=\"fe76674\">\n    \t\t<div class=\"elementor-element elementor-element-cd532af elementor-widget elementor-widget-html\" data-id=\"cd532af\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n\n<div class=\"atb-tv-page\" id=\"tele-theatre-atb\">\n\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Archivo:wght@400;500;600;700&family=Fraunces:opsz,wght@9..144,500;9..144,600;9..144,700&display=swap');\n\n\/* =========================================================\n   DESIGN SYSTEM\n========================================================= *\/\n\n.atb-tv-page{\n    --wine:#60052D;\n    --wine-2:#76083B;\n    --wine-dark:#300016;\n    --gold:#CC9933;\n    --gold-light:#E5BA60;\n    --cream:#F7F0E7;\n    --cream-light:#FCF8F2;\n    --white:#FFFFFF;\n    --ink:#291A21;\n    --text:#6C5D63;\n\n    width:100%;\n    overflow:hidden;\n    background:var(--cream);\n    color:var(--ink);\n    font-family:\"Archivo\",sans-serif;\n}\n\n.atb-tv-page *,\n.atb-tv-page *::before,\n.atb-tv-page *::after{\n    box-sizing:border-box;\n}\n\n.atb-tv-page h1,\n.atb-tv-page h2,\n.atb-tv-page h3,\n.atb-tv-page h4,\n.atb-tv-page p{\n    margin-top:0;\n}\n\n.atb-tv-container{\n    width:min(1240px,calc(100% - 80px));\n    margin:0 auto;\n}\n\n.atb-tv-kicker{\n    display:inline-flex;\n    align-items:center;\n    gap:12px;\n\n    color:var(--gold);\n    font-size:10px;\n    font-weight:700;\n    letter-spacing:.17em;\n    text-transform:uppercase;\n}\n\n.atb-tv-kicker::before{\n    content:\"\";\n    width:38px;\n    height:1px;\n    background:currentColor;\n}\n\n.atb-tv-btn{\n    min-height:58px;\n    padding:0 23px;\n\n    display:inline-flex;\n    align-items:center;\n    justify-content:center;\n    gap:11px;\n\n    border-radius:999px;\n    text-decoration:none !important;\n\n    font-size:10px;\n    font-weight:700;\n    letter-spacing:.035em;\n\n    transition:\n        transform .3s ease,\n        background .3s ease,\n        color .3s ease,\n        border-color .3s ease,\n        box-shadow .3s ease;\n}\n\n.atb-tv-btn svg{\n    width:18px;\n    height:18px;\n\n    fill:none;\n    stroke:currentColor;\n    stroke-width:1.8;\n    stroke-linecap:round;\n    stroke-linejoin:round;\n}\n\n.atb-tv-btn:hover{\n    transform:translateY(-3px);\n}\n\n\/* =========================================================\n   01 \u2014 HERO\n========================================================= *\/\n\n.atb-tv-hero{\n    position:relative;\n    isolation:isolate;\n\n    min-height:820px;\n\n    display:flex;\n    align-items:center;\n\n    padding:125px 0 115px;\n\n    background:#260011;\n    color:#fff;\n}\n\n.atb-tv-hero__bg{\n    position:absolute;\n    inset:0;\n    z-index:-6;\n\n    background:\n        url(\"http:\/\/atb.bf\/atb-v2\/wp-content\/uploads\/2026\/01\/67779851_1247256172117565_5487029657914048512_n.jpg\")\n        center\/cover no-repeat;\n\n    transform:scale(1.03);\n    animation:atbTvHeroZoom 20s ease-in-out infinite alternate;\n}\n\n.atb-tv-hero__overlay{\n    position:absolute;\n    inset:0;\n    z-index:-5;\n\n    background:\n        linear-gradient(\n            90deg,\n            rgba(25,0,12,.97) 0%,\n            rgba(40,0,19,.90) 43%,\n            rgba(46,0,22,.66) 72%,\n            rgba(28,0,13,.58) 100%\n        ),\n        linear-gradient(\n            180deg,\n            rgba(20,0,9,.10),\n            rgba(20,0,9,.76)\n        );\n}\n\n.atb-tv-hero__light{\n    position:absolute;\n    z-index:-4;\n\n    width:680px;\n    height:680px;\n    top:-270px;\n    right:-180px;\n\n    border-radius:50%;\n\n    background:\n        radial-gradient(\n            circle,\n            rgba(204,153,51,.27),\n            rgba(204,153,51,.07) 38%,\n            transparent 70%\n        );\n}\n\n.atb-tv-hero__grain{\n    position:absolute;\n    inset:0;\n    z-index:-3;\n    pointer-events:none;\n\n    opacity:.09;\n\n    background-image:\n        repeating-radial-gradient(\n            circle at 0 0,\n            rgba(255,255,255,.22) 0,\n            transparent 1px,\n            transparent 4px\n        );\n\n    background-size:5px 5px;\n    mix-blend-mode:soft-light;\n}\n\n.atb-tv-hero__layout{\n    display:grid;\n    grid-template-columns:minmax(0,1fr) 310px;\n    align-items:end;\n    gap:80px;\n}\n\n.atb-tv-hero__content{\n    max-width:900px;\n}\n\n.atb-tv-hero__kicker{\n    margin-bottom:24px;\n}\n\n.atb-tv-hero h1{\n    margin:0;\n\n    font-family:\"Fraunces\",serif;\n    font-size:clamp(68px,8.2vw,118px);\n    font-weight:600;\n    line-height:.87;\n    letter-spacing:-.06em;\n}\n\n.atb-tv-hero h1 span{\n    display:block;\n    color:var(--gold);\n}\n\n.atb-tv-hero__statement{\n    max-width:790px;\n    margin:33px 0 0;\n\n    font-family:\"Fraunces\",serif;\n    font-size:clamp(25px,2.7vw,39px);\n    line-height:1.24;\n    font-weight:500;\n}\n\n.atb-tv-hero__text{\n    max-width:700px;\n    margin:19px 0 0;\n\n    color:rgba(255,255,255,.72);\n    font-size:15px;\n    line-height:1.82;\n}\n\n.atb-tv-hero__actions{\n    display:flex;\n    flex-wrap:wrap;\n    gap:13px;\n    margin-top:34px;\n}\n\n.atb-tv-btn--gold{\n    background:var(--gold);\n    color:#2C1705 !important;\n    box-shadow:0 16px 38px rgba(204,153,51,.25);\n}\n\n.atb-tv-btn--gold:hover{\n    background:var(--gold-light);\n    color:#2C1705 !important;\n}\n\n.atb-tv-btn--glass{\n    border:1px solid rgba(255,255,255,.25);\n    background:rgba(255,255,255,.07);\n    color:#fff !important;\n    backdrop-filter:blur(12px);\n}\n\n.atb-tv-btn--glass:hover{\n    border-color:rgba(255,255,255,.5);\n    background:rgba(255,255,255,.13);\n    color:#fff !important;\n}\n\n\/* Carte m\u00e9moire *\/\n\n.atb-tv-hero__card{\n    position:relative;\n    overflow:hidden;\n\n    padding:28px;\n\n    border:1px solid rgba(255,255,255,.17);\n    border-radius:22px;\n\n    background:\n        linear-gradient(\n            145deg,\n            rgba(255,255,255,.13),\n            rgba(255,255,255,.045)\n        );\n\n    backdrop-filter:blur(16px);\n    box-shadow:0 25px 60px rgba(0,0,0,.22);\n}\n\n.atb-tv-hero__card::before{\n    content:\"\";\n    position:absolute;\n\n    width:150px;\n    height:150px;\n    top:-90px;\n    right:-60px;\n\n    border-radius:50%;\n    background:rgba(204,153,51,.15);\n}\n\n.atb-tv-hero__card-icon{\n    width:52px;\n    height:52px;\n\n    display:flex;\n    align-items:center;\n    justify-content:center;\n\n    margin-bottom:23px;\n\n    border-radius:50%;\n\n    background:var(--gold);\n    color:#2C1705;\n}\n\n.atb-tv-hero__card-icon svg{\n    width:23px;\n    fill:none;\n    stroke:currentColor;\n    stroke-width:1.7;\n}\n\n.atb-tv-hero__card small{\n    display:block;\n    margin-bottom:9px;\n\n    color:var(--gold);\n    font-size:8px;\n    font-weight:700;\n    letter-spacing:.15em;\n    text-transform:uppercase;\n}\n\n.atb-tv-hero__card strong{\n    display:block;\n\n    font-family:\"Fraunces\",serif;\n    font-size:25px;\n    line-height:1.2;\n}\n\n.atb-tv-hero__card p{\n    margin:12px 0 0;\n\n    color:rgba(255,255,255,.63);\n    font-size:11px;\n    line-height:1.65;\n}\n\n\/* Ruban *\/\n\n.atb-tv-hero__ticker{\n    position:absolute;\n    left:0;\n    right:0;\n    bottom:0;\n\n    min-height:69px;\n\n    display:flex;\n    align-items:center;\n    overflow:hidden;\n\n    border-top:1px solid rgba(255,255,255,.12);\n    background:rgba(27,0,12,.65);\n    backdrop-filter:blur(12px);\n}\n\n.atb-tv-hero__ticker-track{\n    width:max-content;\n\n    display:flex;\n    align-items:center;\n    gap:25px;\n\n    white-space:nowrap;\n\n    animation:atbTvTicker 28s linear infinite;\n}\n\n.atb-tv-hero__ticker span{\n    color:rgba(255,255,255,.68);\n    font-size:9px;\n    font-weight:700;\n    letter-spacing:.14em;\n    text-transform:uppercase;\n}\n\n.atb-tv-hero__ticker i{\n    width:5px;\n    height:5px;\n\n    display:block;\n    border-radius:50%;\n    background:var(--gold);\n}\n\n@keyframes atbTvHeroZoom{\n    from{transform:scale(1.03)}\n    to{transform:scale(1.10)}\n}\n\n@keyframes atbTvTicker{\n    from{transform:translateX(0)}\n    to{transform:translateX(-50%)}\n}\n\n\n\/* =========================================================\n   02 \u2014 \u00c0 LA UNE\n========================================================= *\/\n\n.atb-tv-featured{\n    position:relative;\n    padding:125px 0 115px;\n\n    background:\n        radial-gradient(\n            circle at 90% 5%,\n            rgba(204,153,51,.12),\n            transparent 27%\n        ),\n        var(--cream-light);\n}\n\n.atb-tv-section-head{\n    display:grid;\n    grid-template-columns:minmax(0,1fr) minmax(320px,.55fr);\n    align-items:end;\n    gap:70px;\n\n    margin-bottom:52px;\n}\n\n.atb-tv-section-head h2{\n    margin:16px 0 0;\n\n    color:var(--wine);\n    font-family:\"Fraunces\",serif;\n    font-size:clamp(50px,5.7vw,80px);\n    line-height:.98;\n    letter-spacing:-.045em;\n    font-weight:600;\n}\n\n.atb-tv-section-head h2 em{\n    color:var(--gold);\n    font-weight:500;\n}\n\n.atb-tv-section-head__text{\n    margin:0;\n\n    color:var(--text);\n    font-size:14px;\n    line-height:1.82;\n}\n\n\/* Featured card *\/\n\n.atb-tv-feature{\n    display:grid;\n    grid-template-columns:minmax(0,1.05fr) minmax(380px,.75fr);\n\n    min-height:570px;\n    overflow:hidden;\n\n    border-radius:27px;\n\n    background:#fff;\n\n    border:1px solid rgba(96,5,45,.09);\n\n    box-shadow:\n        0 30px 75px rgba(70,24,44,.10);\n}\n\n.atb-tv-feature__media{\n    position:relative;\n    overflow:hidden;\n\n    min-height:570px;\n\n    background:#2B0014;\n}\n\n.atb-tv-feature__media img{\n    width:100%;\n    height:100%;\n    display:block;\n\n    object-fit:cover;\n\n    transition:transform .8s ease;\n}\n\n.atb-tv-feature:hover .atb-tv-feature__media img{\n    transform:scale(1.045);\n}\n\n.atb-tv-feature__shade{\n    position:absolute;\n    inset:0;\n\n    background:\n        linear-gradient(\n            180deg,\n            rgba(20,0,9,.08),\n            rgba(20,0,9,.60)\n        );\n}\n\n.atb-tv-feature__label{\n    position:absolute;\n    top:28px;\n    left:28px;\n\n    padding:10px 14px;\n\n    border:1px solid rgba(255,255,255,.24);\n    border-radius:999px;\n\n    background:rgba(35,0,16,.48);\n    color:#fff;\n\n    font-size:8px;\n    font-weight:700;\n    letter-spacing:.14em;\n    text-transform:uppercase;\n\n    backdrop-filter:blur(10px);\n}\n\n.atb-tv-feature__play{\n    position:absolute;\n    left:50%;\n    top:50%;\n\n    width:82px;\n    height:82px;\n\n    display:flex;\n    align-items:center;\n    justify-content:center;\n\n    transform:translate(-50%,-50%);\n\n    border-radius:50%;\n\n    background:var(--gold);\n    color:#2C1705;\n\n    box-shadow:\n        0 18px 45px rgba(0,0,0,.25),\n        0 0 0 11px rgba(255,255,255,.12);\n\n    text-decoration:none !important;\n\n    transition:transform .3s ease;\n}\n\n.atb-tv-feature__play:hover{\n    transform:translate(-50%,-50%) scale(1.08);\n    color:#2C1705;\n}\n\n.atb-tv-feature__play svg{\n    width:27px;\n    margin-left:4px;\n    fill:currentColor;\n}\n\n.atb-tv-feature__content{\n    padding:48px 42px;\n\n    display:flex;\n    flex-direction:column;\n    justify-content:center;\n}\n\n.atb-tv-feature__status{\n    display:flex;\n    flex-wrap:wrap;\n    gap:8px;\n\n    margin-bottom:23px;\n}\n\n.atb-tv-feature__status span{\n    padding:8px 11px;\n\n    border-radius:999px;\n\n    background:rgba(96,5,45,.07);\n    color:var(--wine);\n\n    font-size:8px;\n    font-weight:700;\n    letter-spacing:.08em;\n    text-transform:uppercase;\n}\n\n.atb-tv-feature__status span:first-child{\n    background:rgba(204,153,51,.16);\n}\n\n.atb-tv-feature__category{\n    margin:0 0 12px;\n\n    color:var(--gold);\n    font-size:9px;\n    font-weight:700;\n    letter-spacing:.14em;\n    text-transform:uppercase;\n}\n\n.atb-tv-feature__content h3{\n    margin:0;\n\n    color:var(--wine);\n\n    font-family:\"Fraunces\",serif;\n    font-size:clamp(36px,3.5vw,52px);\n    line-height:1.06;\n    letter-spacing:-.035em;\n    font-weight:600;\n}\n\n.atb-tv-feature__description{\n    margin:19px 0 0;\n\n    color:var(--text);\n    font-size:13px;\n    line-height:1.78;\n}\n\n.atb-tv-feature__themes{\n    display:flex;\n    flex-wrap:wrap;\n    gap:7px;\n\n    margin-top:22px;\n}\n\n.atb-tv-feature__themes span{\n    padding:8px 10px;\n\n    border:1px solid rgba(96,5,45,.11);\n    border-radius:999px;\n\n    color:#75656B;\n    font-size:8px;\n    font-weight:600;\n}\n\n.atb-tv-feature__actions{\n    display:flex;\n    flex-wrap:wrap;\n    gap:10px;\n\n    margin-top:28px;\n}\n\n.atb-tv-btn--wine{\n    background:var(--wine);\n    color:#fff !important;\n\n    box-shadow:0 14px 34px rgba(96,5,45,.20);\n}\n\n.atb-tv-btn--wine:hover{\n    background:var(--wine-2);\n    color:#fff !important;\n}\n\n.atb-tv-btn--outline{\n    border:1px solid rgba(96,5,45,.17);\n    color:var(--wine) !important;\n    background:transparent;\n}\n\n.atb-tv-btn--outline:hover{\n    border-color:var(--gold);\n    background:rgba(204,153,51,.08);\n    color:var(--wine) !important;\n}\n\n\n\/* =========================================================\n   03 \u2014 PRODUCTIONS \/ VID\u00c9OTH\u00c8QUE\n========================================================= *\/\n\n.atb-tv-library{\n    position:relative;\n    isolation:isolate;\n\n    padding:125px 0 120px;\n\n    background:\n        radial-gradient(\n            circle at 12% 5%,\n            rgba(204,153,51,.14),\n            transparent 25%\n        ),\n        linear-gradient(\n            145deg,\n            #300016,\n            #60052D 58%,\n            #460021\n        );\n\n    color:#fff;\n}\n\n.atb-tv-library::before{\n    content:\"\";\n    position:absolute;\n    inset:0;\n    z-index:-1;\n\n    opacity:.08;\n\n    background-image:\n        linear-gradient(rgba(255,255,255,.2) 1px,transparent 1px),\n        linear-gradient(90deg,rgba(255,255,255,.2) 1px,transparent 1px);\n\n    background-size:80px 80px;\n}\n\n.atb-tv-library .atb-tv-section-head h2{\n    color:#fff;\n}\n\n.atb-tv-library .atb-tv-section-head__text{\n    color:rgba(255,255,255,.67);\n}\n\n\/* Filtres *\/\n\n.atb-tv-filters{\n    display:flex;\n    flex-wrap:wrap;\n    gap:9px;\n\n    margin-bottom:37px;\n}\n\n.atb-tv-filter{\n    min-height:42px;\n    padding:0 16px;\n\n    display:inline-flex;\n    align-items:center;\n    gap:8px;\n\n    border:1px solid rgba(255,255,255,.14);\n    border-radius:999px;\n\n    background:rgba(255,255,255,.055);\n    color:rgba(255,255,255,.72);\n\n    font-family:\"Archivo\",sans-serif;\n    font-size:9px;\n    font-weight:700;\n\n    cursor:pointer;\n\n    transition:.3s ease;\n}\n\n.atb-tv-filter small{\n    opacity:.55;\n    font-size:8px;\n}\n\n.atb-tv-filter:hover,\n.atb-tv-filter.is-active{\n    border-color:var(--gold);\n    background:var(--gold);\n    color:#2C1705;\n}\n\n\/* Grille *\/\n\n.atb-tv-grid{\n    display:grid;\n    grid-template-columns:repeat(3,minmax(0,1fr));\n    gap:20px;\n}\n\n.atb-tv-production{\n    overflow:hidden;\n\n    border:1px solid rgba(255,255,255,.11);\n    border-radius:20px;\n\n    background:rgba(255,255,255,.065);\n\n    backdrop-filter:blur(10px);\n\n    transition:\n        transform .4s ease,\n        border-color .3s ease,\n        background .3s ease;\n}\n\n.atb-tv-production:hover{\n    transform:translateY(-7px);\n\n    border-color:rgba(204,153,51,.42);\n    background:rgba(255,255,255,.095);\n}\n\n.atb-tv-production[hidden]{\n    display:none !important;\n}\n\n.atb-tv-production__media{\n    position:relative;\n\n    aspect-ratio:16\/10;\n    overflow:hidden;\n\n    background:#21000F;\n}\n\n.atb-tv-production__media img{\n    width:100%;\n    height:100%;\n\n    display:block;\n    object-fit:cover;\n\n    transition:transform .65s ease;\n}\n\n.atb-tv-production:hover .atb-tv-production__media img{\n    transform:scale(1.06);\n}\n\n.atb-tv-production__media::after{\n    content:\"\";\n    position:absolute;\n    inset:0;\n\n    background:\n        linear-gradient(\n            180deg,\n            transparent 42%,\n            rgba(25,0,12,.72)\n        );\n}\n\n.atb-tv-production__badge{\n    position:absolute;\n    z-index:2;\n    top:16px;\n    left:16px;\n\n    padding:8px 10px;\n\n    border-radius:999px;\n\n    background:rgba(35,0,16,.62);\n    color:#fff;\n\n    font-size:7px;\n    font-weight:700;\n    letter-spacing:.11em;\n    text-transform:uppercase;\n\n    backdrop-filter:blur(8px);\n}\n\n.atb-tv-production__content{\n    padding:24px 22px 23px;\n}\n\n.atb-tv-production__type{\n    margin:0 0 10px;\n\n    color:var(--gold);\n    font-size:8px;\n    font-weight:700;\n    letter-spacing:.14em;\n    text-transform:uppercase;\n}\n\n.atb-tv-production h3{\n    margin:0;\n\n    color:#fff;\n    font-family:\"Fraunces\",serif;\n    font-size:27px;\n    font-weight:600;\n    line-height:1.12;\n}\n\n.atb-tv-production__text{\n    min-height:64px;\n\n    margin:13px 0 0;\n\n    color:rgba(255,255,255,.59);\n    font-size:11px;\n    line-height:1.68;\n}\n\n.atb-tv-production__meta{\n    display:flex;\n    flex-wrap:wrap;\n    gap:6px;\n\n    margin-top:18px;\n}\n\n.atb-tv-production__meta span{\n    padding:7px 9px;\n\n    border:1px solid rgba(255,255,255,.10);\n    border-radius:999px;\n\n    color:rgba(255,255,255,.56);\n    font-size:7px;\n    font-weight:600;\n}\n\n.atb-tv-production__link{\n    display:flex;\n    align-items:center;\n    justify-content:space-between;\n    gap:15px;\n\n    margin-top:21px;\n    padding-top:17px;\n\n    border-top:1px solid rgba(255,255,255,.10);\n\n    color:#fff !important;\n    text-decoration:none !important;\n\n    font-size:9px;\n    font-weight:700;\n}\n\n.atb-tv-production__link svg{\n    width:17px;\n\n    fill:none;\n    stroke:var(--gold);\n    stroke-width:1.8;\n    stroke-linecap:round;\n    stroke-linejoin:round;\n\n    transition:transform .3s ease;\n}\n\n.atb-tv-production__link:hover svg{\n    transform:translateX(4px);\n}\n\n\/* Note catalogue *\/\n\n.atb-tv-library__note{\n    display:grid;\n    grid-template-columns:auto 1fr auto;\n    align-items:center;\n    gap:20px;\n\n    margin-top:34px;\n    padding:23px 25px;\n\n    border:1px solid rgba(255,255,255,.12);\n    border-radius:17px;\n\n    background:rgba(255,255,255,.055);\n}\n\n.atb-tv-library__note-icon{\n    width:45px;\n    height:45px;\n\n    display:flex;\n    align-items:center;\n    justify-content:center;\n\n    border-radius:50%;\n\n    background:rgba(204,153,51,.14);\n    color:var(--gold);\n}\n\n.atb-tv-library__note-icon svg{\n    width:21px;\n    fill:none;\n    stroke:currentColor;\n    stroke-width:1.7;\n}\n\n.atb-tv-library__note strong{\n    display:block;\n    font-size:11px;\n}\n\n.atb-tv-library__note p{\n    margin:5px 0 0;\n\n    color:rgba(255,255,255,.57);\n    font-size:10px;\n    line-height:1.55;\n}\n\n.atb-tv-library__note a{\n    color:var(--gold) !important;\n    text-decoration:none !important;\n\n    font-size:9px;\n    font-weight:700;\n}\n\n\n\/* =========================================================\n   04 \u2014 UNE PRODUCTION QUI AGIT\n========================================================= *\/\n\n.atb-tv-impact{\n    position:relative;\n\n    padding:125px 0 120px;\n\n    background:\n        radial-gradient(\n            circle at 5% 95%,\n            rgba(204,153,51,.12),\n            transparent 26%\n        ),\n        var(--cream-light);\n}\n\n.atb-tv-impact__main{\n    display:grid;\n    grid-template-columns:minmax(380px,.78fr) minmax(0,1fr);\n    align-items:center;\n    gap:75px;\n}\n\n.atb-tv-impact__visual{\n    position:relative;\n\n    min-height:620px;\n    overflow:hidden;\n\n    border-radius:25px;\n\n    background:var(--wine-dark);\n\n    box-shadow:0 30px 70px rgba(60,20,38,.13);\n}\n\n.atb-tv-impact__visual img{\n    width:100%;\n    height:100%;\n\n    position:absolute;\n    inset:0;\n\n    object-fit:cover;\n}\n\n.atb-tv-impact__visual::after{\n    content:\"\";\n    position:absolute;\n    inset:0;\n\n    background:\n        linear-gradient(\n            180deg,\n            rgba(30,0,14,.05),\n            rgba(30,0,14,.68)\n        );\n}\n\n.atb-tv-impact__visual-label{\n    position:absolute;\n    z-index:3;\n    top:28px;\n    left:28px;\n\n    padding:9px 12px;\n\n    border:1px solid rgba(255,255,255,.24);\n    border-radius:999px;\n\n    background:rgba(32,0,15,.45);\n    color:#fff;\n\n    font-size:8px;\n    font-weight:700;\n    letter-spacing:.13em;\n    text-transform:uppercase;\n\n    backdrop-filter:blur(10px);\n}\n\n.atb-tv-impact__quote{\n    position:absolute;\n    z-index:3;\n\n    left:28px;\n    right:28px;\n    bottom:28px;\n\n    padding:25px;\n\n    border:1px solid rgba(255,255,255,.18);\n    border-radius:18px;\n\n    background:rgba(38,0,18,.63);\n    color:#fff;\n\n    backdrop-filter:blur(14px);\n}\n\n.atb-tv-impact__quote small{\n    display:block;\n\n    margin-bottom:9px;\n\n    color:var(--gold);\n    font-size:8px;\n    font-weight:700;\n    letter-spacing:.14em;\n    text-transform:uppercase;\n}\n\n.atb-tv-impact__quote p{\n    margin:0;\n\n    font-family:\"Fraunces\",serif;\n    font-size:20px;\n    line-height:1.4;\n}\n\n.atb-tv-impact__content h2{\n    margin:16px 0 0;\n\n    color:var(--wine);\n\n    font-family:\"Fraunces\",serif;\n    font-size:clamp(47px,5vw,72px);\n    font-weight:600;\n    line-height:1;\n    letter-spacing:-.045em;\n}\n\n.atb-tv-impact__lead{\n    margin:26px 0 0;\n\n    color:var(--ink);\n\n    font-family:\"Fraunces\",serif;\n    font-size:22px;\n    line-height:1.5;\n}\n\n.atb-tv-impact__body{\n    margin:18px 0 0;\n\n    color:var(--text);\n    font-size:14px;\n    line-height:1.82;\n}\n\n.atb-tv-impact__link{\n    display:inline-flex;\n    align-items:center;\n    gap:9px;\n\n    margin-top:25px;\n\n    color:var(--wine) !important;\n    text-decoration:none !important;\n\n    font-size:9px;\n    font-weight:700;\n}\n\n.atb-tv-impact__link svg{\n    width:18px;\n\n    fill:none;\n    stroke:var(--gold);\n    stroke-width:1.8;\n    stroke-linecap:round;\n    stroke-linejoin:round;\n\n    transition:transform .3s ease;\n}\n\n.atb-tv-impact__link:hover svg{\n    transform:translateX(5px);\n}\n\n\/* 4 piliers *\/\n\n.atb-tv-impact__pillars{\n    display:grid;\n    grid-template-columns:repeat(4,minmax(0,1fr));\n    gap:15px;\n\n    margin-top:70px;\n}\n\n.atb-tv-pillar{\n    min-height:245px;\n    padding:25px 22px;\n\n    border:1px solid rgba(96,5,45,.09);\n    border-radius:18px;\n\n    background:#fff;\n\n    box-shadow:0 15px 38px rgba(61,21,39,.055);\n\n    transition:\n        transform .35s ease,\n        border-color .3s ease,\n        box-shadow .35s ease;\n}\n\n.atb-tv-pillar:hover{\n    transform:translateY(-7px);\n\n    border-color:rgba(204,153,51,.38);\n\n    box-shadow:0 24px 50px rgba(61,21,39,.10);\n}\n\n.atb-tv-pillar__icon{\n    width:49px;\n    height:49px;\n\n    display:flex;\n    align-items:center;\n    justify-content:center;\n\n    margin-bottom:24px;\n\n    border-radius:14px;\n\n    background:rgba(96,5,45,.07);\n    color:var(--wine);\n}\n\n.atb-tv-pillar__icon svg{\n    width:22px;\n    fill:none;\n    stroke:currentColor;\n    stroke-width:1.7;\n    stroke-linecap:round;\n    stroke-linejoin:round;\n}\n\n.atb-tv-pillar h3{\n    margin:0;\n\n    color:var(--wine);\n    font-family:\"Fraunces\",serif;\n    font-size:27px;\n    font-weight:600;\n}\n\n.atb-tv-pillar p{\n    margin:12px 0 0;\n\n    color:var(--text);\n    font-size:11px;\n    line-height:1.7;\n}\n\n\n\/* =========================================================\n   RESPONSIVE\n========================================================= *\/\n\n@media(max-width:1080px){\n\n    .atb-tv-container{\n        width:min(930px,calc(100% - 48px));\n    }\n\n    .atb-tv-hero__layout{\n        grid-template-columns:1fr;\n        gap:45px;\n    }\n\n    .atb-tv-hero__card{\n        max-width:450px;\n    }\n\n    .atb-tv-section-head{\n        grid-template-columns:1fr;\n        gap:22px;\n    }\n\n    .atb-tv-section-head__text{\n        max-width:700px;\n    }\n\n    .atb-tv-feature{\n        grid-template-columns:1fr;\n    }\n\n    .atb-tv-feature__media{\n        min-height:480px;\n    }\n\n    .atb-tv-grid{\n        grid-template-columns:repeat(2,minmax(0,1fr));\n    }\n\n    .atb-tv-impact__main{\n        grid-template-columns:1fr;\n        gap:45px;\n    }\n\n    .atb-tv-impact__visual{\n        min-height:600px;\n    }\n\n    .atb-tv-impact__pillars{\n        grid-template-columns:repeat(2,minmax(0,1fr));\n    }\n\n}\n\n@media(max-width:767px){\n\n    .atb-tv-container{\n        width:calc(100% - 32px);\n    }\n\n    .atb-tv-hero{\n        min-height:760px;\n        padding:90px 0 125px;\n    }\n\n    .atb-tv-hero__bg{\n        background-position:60% center;\n    }\n\n    .atb-tv-hero h1{\n        font-size:58px;\n    }\n\n    .atb-tv-hero__statement{\n        font-size:24px;\n    }\n\n    .atb-tv-hero__text{\n        font-size:14px;\n    }\n\n    .atb-tv-hero__actions{\n        flex-direction:column;\n    }\n\n    .atb-tv-hero__actions .atb-tv-btn{\n        width:100%;\n    }\n\n    .atb-tv-featured,\n    .atb-tv-library,\n    .atb-tv-impact{\n        padding:82px 0;\n    }\n\n    .atb-tv-section-head h2,\n    .atb-tv-impact__content h2{\n        font-size:47px;\n    }\n\n    .atb-tv-feature{\n        border-radius:21px;\n    }\n\n    .atb-tv-feature__media{\n        min-height:340px;\n    }\n\n    .atb-tv-feature__content{\n        padding:32px 22px;\n    }\n\n    .atb-tv-feature__content h3{\n        font-size:37px;\n    }\n\n    .atb-tv-feature__actions{\n        flex-direction:column;\n    }\n\n    .atb-tv-feature__actions .atb-tv-btn{\n        width:100%;\n    }\n\n    .atb-tv-grid{\n        grid-template-columns:1fr;\n    }\n\n    .atb-tv-production__text{\n        min-height:auto;\n    }\n\n    .atb-tv-library__note{\n        grid-template-columns:auto 1fr;\n    }\n\n    .atb-tv-library__note a{\n        grid-column:1\/-1;\n    }\n\n    .atb-tv-impact__visual{\n        min-height:510px;\n    }\n\n    .atb-tv-impact__pillars{\n        grid-template-columns:1fr;\n    }\n\n    .atb-tv-pillar{\n        min-height:auto;\n    }\n\n}\n\n@media(max-width:400px){\n\n    .atb-tv-hero h1{\n        font-size:51px;\n    }\n\n    .atb-tv-section-head h2,\n    .atb-tv-impact__content h2{\n        font-size:42px;\n    }\n\n    .atb-tv-impact__visual{\n        min-height:460px;\n    }\n\n}\n\n\n\/* =========================================================\n   ACCESSIBILIT\u00c9\n========================================================= *\/\n\n@media(prefers-reduced-motion:reduce){\n\n    .atb-tv-hero__bg,\n    .atb-tv-hero__ticker-track{\n        animation:none;\n    }\n\n    .atb-tv-page *,\n    .atb-tv-page *::before,\n    .atb-tv-page *::after{\n        scroll-behavior:auto !important;\n    }\n\n}\n<\/style>\n\n\n<!-- =========================================================\n     01 \u2014 HERO\n========================================================= -->\n\n<section class=\"atb-tv-hero\">\n\n    <div class=\"atb-tv-hero__bg\" aria-hidden=\"true\"><\/div>\n    <div class=\"atb-tv-hero__overlay\" aria-hidden=\"true\"><\/div>\n    <div class=\"atb-tv-hero__light\" aria-hidden=\"true\"><\/div>\n    <div class=\"atb-tv-hero__grain\" aria-hidden=\"true\"><\/div>\n\n    <div class=\"atb-tv-container\">\n\n        <div class=\"atb-tv-hero__layout\">\n\n            <div class=\"atb-tv-hero__content\">\n\n                <span class=\"atb-tv-kicker atb-tv-hero__kicker\">\n                    La sc\u00e8ne audiovisuelle de l\u2019ATB\n                <\/span>\n\n                <h1>\n                    T\u00e9l\u00e9-Th\u00e9\u00e2tre\n                    <span>ATB<\/span>\n                <\/h1>\n\n                <p class=\"atb-tv-hero__statement\">\n                    Le rideau tombe. L\u2019histoire continue.\n                <\/p>\n\n                <p class=\"atb-tv-hero__text\">\n                    D\u00e9couvrez les spectacles, captations, cr\u00e9ations\n                    audiovisuelles et contenus qui prolongent \u00e0 l\u2019\u00e9cran\n                    la mission de l\u2019Atelier Th\u00e9\u00e2tre Burkinab\u00e8 :\n                    mettre le th\u00e9\u00e2tre au service du d\u00e9veloppement.\n                <\/p>\n\n                <div class=\"atb-tv-hero__actions\">\n\n                    <a href=\"#atb-productions\"\n                       class=\"atb-tv-btn atb-tv-btn--gold\">\n\n                        <span>Regarder les productions<\/span>\n\n                        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                            <path d=\"M5 12h14\"\/>\n                            <path d=\"m13 6 6 6-6 6\"\/>\n                        <\/svg>\n\n                    <\/a>\n\n                    <a href=\"#atb-impact\"\n                       class=\"atb-tv-btn atb-tv-btn--glass\">\n\n                        <span>D\u00e9couvrir notre d\u00e9marche<\/span>\n\n                    <\/a>\n\n                <\/div>\n\n            <\/div>\n\n\n            <aside class=\"atb-tv-hero__card\">\n\n                <span class=\"atb-tv-hero__card-icon\">\n\n                    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                        <rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"2\"\/>\n                        <path d=\"m10 9 5 3-5 3z\"\/>\n                    <\/svg>\n\n                <\/span>\n\n                <small>\n                    M\u00e9moire audiovisuelle\n                <\/small>\n\n                <strong>\n                    Des \u0153uvres qui continuent de vivre.\n                <\/strong>\n\n                <p>\n                    Filmer, conserver et diffuser permet \u00e0 la cr\u00e9ation\n                    th\u00e9\u00e2trale de voyager au-del\u00e0 de la repr\u00e9sentation.\n                <\/p>\n\n            <\/aside>\n\n        <\/div>\n\n    <\/div>\n\n\n    <div class=\"atb-tv-hero__ticker\" aria-hidden=\"true\">\n\n        <div class=\"atb-tv-hero__ticker-track\">\n\n            <span>Th\u00e9\u00e2tre-Forum<\/span><i><\/i>\n            <span>Captations<\/span><i><\/i>\n            <span>Cr\u00e9ations audiovisuelles<\/span><i><\/i>\n            <span>Transmission<\/span><i><\/i>\n            <span>Archives<\/span><i><\/i>\n\n            <span>Th\u00e9\u00e2tre-Forum<\/span><i><\/i>\n            <span>Captations<\/span><i><\/i>\n            <span>Cr\u00e9ations audiovisuelles<\/span><i><\/i>\n            <span>Transmission<\/span><i><\/i>\n            <span>Archives<\/span><i><\/i>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n<!-- =========================================================\n     02 \u2014 \u00c0 LA UNE\n========================================================= -->\n\n<section class=\"atb-tv-featured\" id=\"atb-productions\">\n\n    <div class=\"atb-tv-container\">\n\n        <header class=\"atb-tv-section-head\">\n\n            <div>\n\n                <span class=\"atb-tv-kicker\">\n                    Le projecteur du moment\n                <\/span>\n\n                <h2>\n                    \u00c0 la <em>une<\/em>\n                <\/h2>\n\n            <\/div>\n\n            <p class=\"atb-tv-section-head__text\">\n                Une s\u00e9lection pour entrer dans l\u2019univers audiovisuel\n                de l\u2019ATB et d\u00e9couvrir comment la sc\u00e8ne, l\u2019image\n                et la transmission se rencontrent.\n            <\/p>\n\n        <\/header>\n\n\n        <article class=\"atb-tv-feature\">\n\n            <div class=\"atb-tv-feature__media\">\n\n                <img decoding=\"async\"\n                    src=\"https:\/\/img.youtube.com\/vi\/7R-m1JzKoKM\/maxresdefault.jpg\"\n                    alt=\"Vid\u00e9o de l'Atelier Th\u00e9\u00e2tre Burkinab\u00e8\"\n                    loading=\"lazy\"\n                >\n\n                <span class=\"atb-tv-feature__shade\"><\/span>\n\n                <span class=\"atb-tv-feature__label\">\n                    S\u00e9lection ATB\n                <\/span>\n\n                <a href=\"https:\/\/youtu.be\/7R-m1JzKoKM?si=2DEWyaplyddyzmRr\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"atb-tv-feature__play\" aria-label=\"Regarder la vid\u00e9o\">\n\n                    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                        <path d=\"M8 5v14l11-7z\"\/>\n                    <\/svg>\n\n                <\/a>\n\n            <\/div>\n\n\n            <div class=\"atb-tv-feature__content\">\n\n                <div class=\"atb-tv-feature__status\">\n                    <span>Acc\u00e8s libre<\/span>\n                    <span>Vid\u00e9o ATB<\/span>\n                <\/div>\n\n                <p class=\"atb-tv-feature__category\">\n                    Cr\u00e9ation audiovisuelle\n                <\/p>\n\n                <h3>\n                    D\u00e9couvrez l\u2019univers de l\u2019Atelier Th\u00e9\u00e2tre Burkinab\u00e8\n                <\/h3>\n\n                <p class=\"atb-tv-feature__description\">\n                    Une immersion dans un th\u00e9\u00e2tre qui d\u00e9passe le\n                    divertissement pour devenir un espace de dialogue,\n                    de sensibilisation, de cr\u00e9ation et de transmission.\n                <\/p>\n\n                <div class=\"atb-tv-feature__themes\">\n                    <span>Th\u00e9\u00e2tre<\/span>\n                    <span>Culture<\/span>\n                    <span>D\u00e9veloppement<\/span>\n                    <span>Transmission<\/span>\n                <\/div>\n\n                <div class=\"atb-tv-feature__actions\">\n\n                    <a href=\"https:\/\/youtu.be\/7R-m1JzKoKM?si=2DEWyaplyddyzmRr\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"atb-tv-btn atb-tv-btn--wine\">\n\n                        <span>Regarder la vid\u00e9o<\/span>\n\n                        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                            <path d=\"M5 12h14\"\/>\n                            <path d=\"m13 6 6 6-6 6\"\/>\n                        <\/svg>\n\n                    <\/a>\n\n                    <a\n                        href=\"#atb-videotheque\"\n                        class=\"atb-tv-btn atb-tv-btn--outline\"\n                    >\n                        Explorer les contenus\n                    <\/a>\n\n                <\/div>\n\n            <\/div>\n\n        <\/article>\n\n    <\/div>\n\n<\/section>\n\n\n<!-- =========================================================\n     03 \u2014 PRODUCTIONS\n========================================================= -->\n\n<section class=\"atb-tv-library\" id=\"atb-videotheque\">\n\n    <div class=\"atb-tv-container\">\n\n        <header class=\"atb-tv-section-head\">\n\n            <div>\n\n                <span class=\"atb-tv-kicker\">\n                    La m\u00e9moire audiovisuelle de l\u2019ATB\n                <\/span>\n\n                <h2>\n                    Explorer les <em>productions<\/em>\n                <\/h2>\n\n            <\/div>\n\n            <p class=\"atb-tv-section-head__text\">\n                Spectacles, th\u00e9\u00e2tre-forum, documentaires, archives\n                et contenus p\u00e9dagogiques : cette vid\u00e9oth\u00e8que est\n                appel\u00e9e \u00e0 s\u2019enrichir progressivement au fil des\n                productions et de la num\u00e9risation des archives.\n            <\/p>\n\n        <\/header>\n\n\n        <div class=\"atb-tv-filters\" role=\"group\" aria-label=\"Filtrer les productions\">\n\n            <button class=\"atb-tv-filter is-active\" data-filter=\"all\">\n                Tous\n            <\/button>\n\n            <button class=\"atb-tv-filter\" data-filter=\"theatre\">\n                Th\u00e9\u00e2tre-Forum\n            <\/button>\n\n            <button class=\"atb-tv-filter\" data-filter=\"captation\">\n                Captations\n            <\/button>\n\n            <button class=\"atb-tv-filter\" data-filter=\"pedagogie\">\n                Transmission\n            <\/button>\n\n            <button class=\"atb-tv-filter\" data-filter=\"archives\">\n                Archives\n            <\/button>\n\n        <\/div>\n\n\n        <div class=\"atb-tv-grid\">\n\n\n            <!-- PRODUCTION 01 -->\n\n            <article class=\"atb-tv-production\"\n                     data-category=\"theatre\">\n\n                <div class=\"atb-tv-production__media\">\n\n                    <img decoding=\"async\"\n                        src=\"https:\/\/img.youtube.com\/vi\/7R-m1JzKoKM\/maxresdefault.jpg\"\n                        alt=\"Production audiovisuelle ATB\"\n                        loading=\"lazy\"\n                    >\n\n                    <span class=\"atb-tv-production__badge\">\n                        Disponible en ligne\n                    <\/span>\n\n                <\/div>\n\n                <div class=\"atb-tv-production__content\">\n\n                    <p class=\"atb-tv-production__type\">\n                        Th\u00e9\u00e2tre & d\u00e9veloppement\n                    <\/p>\n\n                    <h3>\n                        Le th\u00e9\u00e2tre au service du d\u00e9veloppement\n                    <\/h3>\n\n                    <p class=\"atb-tv-production__text\">\n                        D\u00e9couvrez l\u2019approche artistique et sociale\n                        port\u00e9e par l\u2019Atelier Th\u00e9\u00e2tre Burkinab\u00e8.\n                    <\/p>\n\n                    <div class=\"atb-tv-production__meta\">\n                        <span>Culture<\/span>\n                        <span>Citoyennet\u00e9<\/span>\n                        <span>Acc\u00e8s libre<\/span>\n                    <\/div>\n\n                    <a href=\"https:\/\/youtu.be\/7R-m1JzKoKM?si=2DEWyaplyddyzmRr\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"atb-tv-production__link\">\n\n                        <span>Regarder<\/span>\n\n                        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                            <path d=\"M5 12h14\"\/>\n                            <path d=\"m13 6 6 6-6 6\"\/>\n                        <\/svg>\n\n                    <\/a>\n\n                <\/div>\n\n            <\/article>\n\n\n            <!-- PRODUCTION 02 -->\n\n            <article class=\"atb-tv-production\"\n                     data-category=\"theatre\">\n\n                <div class=\"atb-tv-production__media\">\n\n                    <img decoding=\"async\"\n                        src=\"http:\/\/atb.bf\/atb-v2\/wp-content\/uploads\/2026\/01\/67779851_1247256172117565_5487029657914048512_n.jpg\"\n                        alt=\"Th\u00e9\u00e2tre-Forum de l'ATB\"\n                        loading=\"lazy\"\n                    >\n\n                    <span class=\"atb-tv-production__badge\">\n                        Th\u00e9\u00e2tre-Forum\n                    <\/span>\n\n                <\/div>\n\n                <div class=\"atb-tv-production__content\">\n\n                    <p class=\"atb-tv-production__type\">\n                        Th\u00e9\u00e2tre d\u2019intervention sociale\n                    <\/p>\n\n                    <h3>\n                        Le Th\u00e9\u00e2tre-Forum\n                    <\/h3>\n\n                    <p class=\"atb-tv-production__text\">\n                        Des cr\u00e9ations qui mettent en sc\u00e8ne les r\u00e9alit\u00e9s\n                        sociales et invitent le public \u00e0 devenir\n                        \u00ab spect-acteur \u00bb du changement.\n                    <\/p>\n\n                    <div class=\"atb-tv-production__meta\">\n                        <span>Dialogue<\/span>\n                        <span>Sensibilisation<\/span>\n                    <\/div>\n\n                    <a\n                        href=\"#atb-impact\"\n                        class=\"atb-tv-production__link\"\n                    >\n\n                        <span>D\u00e9couvrir la d\u00e9marche<\/span>\n\n                        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                            <path d=\"M5 12h14\"\/>\n                            <path d=\"m13 6 6 6-6 6\"\/>\n                        <\/svg>\n\n                    <\/a>\n\n                <\/div>\n\n            <\/article>\n\n\n            <!-- PRODUCTION 03 -->\n\n            <article class=\"atb-tv-production\"\n                     data-category=\"captation\">\n\n                <div class=\"atb-tv-production__media\">\n\n                    <img decoding=\"async\"\n                        src=\"http:\/\/atb.bf\/atb-v2\/wp-content\/uploads\/2026\/07\/695178219_10236705458229575_281678318670507282_n.jpg\"\n                        alt=\"Spectacle et captation ATB\"\n                        loading=\"lazy\"\n                    >\n\n                    <span class=\"atb-tv-production__badge\">\n                        Captations\n                    <\/span>\n\n                <\/div>\n\n                <div class=\"atb-tv-production__content\">\n\n                    <p class=\"atb-tv-production__type\">\n                        Spectacles film\u00e9s\n                    <\/p>\n\n                    <h3>\n                        La sc\u00e8ne en images\n                    <\/h3>\n\n                    <p class=\"atb-tv-production__text\">\n                        Les captations prolongent la vie des spectacles\n                        et constituent progressivement la m\u00e9moire\n                        audiovisuelle de l\u2019institution.\n                    <\/p>\n\n                    <div class=\"atb-tv-production__meta\">\n                        <span>Spectacles<\/span>\n                        <span>M\u00e9moire<\/span>\n                    <\/div>\n\n                    <a href=\"https:\/\/web.facebook.com\/teletheatreatb\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"atb-tv-production__link\">\n\n                        <span>Voir le T\u00e9l\u00e9-Th\u00e9\u00e2tre<\/span>\n\n                        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                            <path d=\"M5 12h14\"\/>\n                            <path d=\"m13 6 6 6-6 6\"\/>\n                        <\/svg>\n\n                    <\/a>\n\n                <\/div>\n\n            <\/article>\n\n\n            <!-- PRODUCTION 04 -->\n\n            <article class=\"atb-tv-production\"\n                     data-category=\"pedagogie\">\n\n                <div class=\"atb-tv-production__media\">\n\n                    <img decoding=\"async\"\n                        src=\"http:\/\/atb.bf\/atb-v2\/wp-content\/uploads\/2026\/01\/496254009_2894000690776430_5070873447038579215_n.jpg\"\n                        alt=\"Transmission et formation \u00e0 l'ATB\"\n                        loading=\"lazy\"\n                    >\n\n                    <span class=\"atb-tv-production__badge\">\n                        Transmission\n                    <\/span>\n\n                <\/div>\n\n                <div class=\"atb-tv-production__content\">\n\n                    <p class=\"atb-tv-production__type\">\n                        Ressources & p\u00e9dagogie\n                    <\/p>\n\n                    <h3>\n                        Apprendre par le th\u00e9\u00e2tre\n                    <\/h3>\n\n                    <p class=\"atb-tv-production__text\">\n                        Des contenus destin\u00e9s \u00e0 transmettre les pratiques,\n                        les m\u00e9thodes et l\u2019exp\u00e9rience de l\u2019ATB aux\n                        nouvelles g\u00e9n\u00e9rations.\n                    <\/p>\n\n                    <div class=\"atb-tv-production__meta\">\n                        <span>Formation<\/span>\n                        <span>M\u00e9thodologie<\/span>\n                    <\/div>\n\n                    <a\n                        href=\"\/atb-v2\/ressources\/\"\n                        class=\"atb-tv-production__link\"\n                    >\n\n                        <span>Explorer les ressources<\/span>\n\n                        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                            <path d=\"M5 12h14\"\/>\n                            <path d=\"m13 6 6 6-6 6\"\/>\n                        <\/svg>\n\n                    <\/a>\n\n                <\/div>\n\n            <\/article>\n\n\n            <!-- PRODUCTION 05 -->\n\n            <article class=\"atb-tv-production\"\n                     data-category=\"archives\">\n\n                <div class=\"atb-tv-production__media\">\n\n                    <img decoding=\"async\"\n                        src=\"http:\/\/atb.bf\/atb-v2\/wp-content\/uploads\/2026\/07\/487497570_10231105697359053_7434226162108488804_n.jpg\"\n                        alt=\"Archives de l'Atelier Th\u00e9\u00e2tre Burkinab\u00e8\"\n                        loading=\"lazy\"\n                    >\n\n                    <span class=\"atb-tv-production__badge\">\n                        M\u00e9moire\n                    <\/span>\n\n                <\/div>\n\n                <div class=\"atb-tv-production__content\">\n\n                    <p class=\"atb-tv-production__type\">\n                        Archives audiovisuelles\n                    <\/p>\n\n                    <h3>\n                        Une m\u00e9moire \u00e0 pr\u00e9server\n                    <\/h3>\n\n                    <p class=\"atb-tv-production__text\">\n                        Images, documents et traces des cr\u00e9ations\n                        racontent plusieurs d\u00e9cennies d\u2019engagement\n                        artistique et citoyen.\n                    <\/p>\n\n                    <div class=\"atb-tv-production__meta\">\n                        <span>Histoire<\/span>\n                        <span>Patrimoine<\/span>\n                    <\/div>\n\n                    <a\n                        href=\"\/atb-v2\/ressources\/\"\n                        class=\"atb-tv-production__link\"\n                    >\n\n                        <span>D\u00e9couvrir les archives<\/span>\n\n                        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                            <path d=\"M5 12h14\"\/>\n                            <path d=\"m13 6 6 6-6 6\"\/>\n                        <\/svg>\n\n                    <\/a>\n\n                <\/div>\n\n            <\/article>\n\n\n            <!-- PRODUCTION 06 -->\n\n            <article class=\"atb-tv-production\"\n                     data-category=\"archives\">\n\n                <div class=\"atb-tv-production__media\">\n\n                    <img decoding=\"async\"\n                        src=\"http:\/\/atb.bf\/atb-v2\/wp-content\/uploads\/2026\/07\/494150406_10231449426032055_8476935537419475583_n.jpg\"\n                        alt=\"Rencontres artistiques et culturelles de l'ATB\"\n                        loading=\"lazy\"\n                    >\n\n                    <span class=\"atb-tv-production__badge\">\n                        Vie culturelle\n                    <\/span>\n\n                <\/div>\n\n                <div class=\"atb-tv-production__content\">\n\n                    <p class=\"atb-tv-production__type\">\n                        Festivals & rencontres\n                    <\/p>\n\n                    <h3>\n                        Les grands rendez-vous\n                    <\/h3>\n\n                    <p class=\"atb-tv-production__text\">\n                        Festivals, tourn\u00e9es et rencontres constituent\n                        aussi une m\u00e9moire vivante de la cr\u00e9ation\n                        et des \u00e9changes port\u00e9s par l\u2019ATB.\n                    <\/p>\n\n                    <div class=\"atb-tv-production__meta\">\n                        <span>Festivals<\/span>\n                        <span>Rencontres<\/span>\n                    <\/div>\n\n                    <a\n                        href=\"\/atb-v2\/festivals-tournees\/\"\n                        class=\"atb-tv-production__link\"\n                    >\n\n                        <span>D\u00e9couvrir les activit\u00e9s<\/span>\n\n                        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                            <path d=\"M5 12h14\"\/>\n                            <path d=\"m13 6 6 6-6 6\"\/>\n                        <\/svg>\n\n                    <\/a>\n\n                <\/div>\n\n            <\/article>\n\n        <\/div>\n\n\n        <div class=\"atb-tv-library__note\">\n\n            <span class=\"atb-tv-library__note-icon\">\n\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                    <path d=\"M12 3v18\"\/>\n                    <path d=\"M3 12h18\"\/>\n                <\/svg>\n\n            <\/span>\n\n            <div>\n\n                <strong>\n                    Une vid\u00e9oth\u00e8que appel\u00e9e \u00e0 grandir\n                <\/strong>\n\n                <p>\n                    De nouvelles productions et archives pourront\n                    \u00eatre int\u00e9gr\u00e9es progressivement \u00e0 cet espace.\n                <\/p>\n\n            <\/div>\n\n            <a href=\"#tt-diffusion-pro\">\n                Diffusion professionnelle \u2192\n            <\/a>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n<!-- =========================================================\n     04 \u2014 IMPACT\n========================================================= -->\n\n<section class=\"atb-tv-impact\" id=\"atb-impact\">\n\n    <div class=\"atb-tv-container\">\n\n        <div class=\"atb-tv-impact__main\">\n\n            <div class=\"atb-tv-impact__visual\">\n\n                <img decoding=\"async\"\n                    src=\"http:\/\/atb.bf\/atb-v2\/wp-content\/uploads\/2026\/07\/486937316_10231105697199049_3586341272290068126_n.jpg\"\n                    alt=\"Action th\u00e9\u00e2trale et sensibilisation de l'ATB\"\n                    loading=\"lazy\"\n                >\n\n                <span class=\"atb-tv-impact__visual-label\">\n                    De la sc\u00e8ne \u00e0 l\u2019\u00e9cran\n                <\/span>\n\n                <div class=\"atb-tv-impact__quote\">\n\n                    <small>\n                        Un impact qui se prolonge\n                    <\/small>\n\n                    <p>\n                        Une repr\u00e9sentation rencontre un public.\n                        L\u2019image lui permet de continuer \u00e0 voyager.\n                    <\/p>\n\n                <\/div>\n\n            <\/div>\n\n\n            <div class=\"atb-tv-impact__content\">\n\n                <span class=\"atb-tv-kicker\">\n                    Th\u00e9\u00e2tre & transformation sociale\n                <\/span>\n\n                <h2>\n                    Une production qui agit.\n                <\/h2>\n\n                <p class=\"atb-tv-impact__lead\">\n                    \u00c0 l\u2019ATB, la cr\u00e9ation ne s\u2019arr\u00eate pas au spectacle :\n                    elle ouvre un espace de dialogue, de sensibilisation\n                    et de transmission.\n                <\/p>\n\n                <p class=\"atb-tv-impact__body\">\n                    Le Th\u00e9\u00e2tre pour le D\u00e9veloppement et le Th\u00e9\u00e2tre-Forum\n                    mettent en sc\u00e8ne des r\u00e9alit\u00e9s v\u00e9cues pour inviter\n                    le public \u00e0 r\u00e9fl\u00e9chir et \u00e0 proposer des r\u00e9ponses.\n                    L\u2019audiovisuel permet de prolonger cette d\u00e9marche\n                    aupr\u00e8s d\u2019autres publics et de conserver la m\u00e9moire\n                    des cr\u00e9ations.\n                <\/p>\n\n                <p class=\"atb-tv-impact__body\">\n                    Sant\u00e9, droits humains, environnement, paix,\n                    coh\u00e9sion sociale et citoyennet\u00e9 font partie des\n                    probl\u00e9matiques que le th\u00e9\u00e2tre peut contribuer\n                    \u00e0 mettre en d\u00e9bat.\n                <\/p>\n\n                <a href=\"#tt-diffusion-pro\"\n                   class=\"atb-tv-impact__link\">\n\n                    <span>\n                        D\u00e9couvrir la diffusion professionnelle\n                    <\/span>\n\n                    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                        <path d=\"M5 12h14\"\/>\n                        <path d=\"m13 6 6 6-6 6\"\/>\n                    <\/svg>\n\n                <\/a>\n\n            <\/div>\n\n        <\/div>\n\n\n        <div class=\"atb-tv-impact__pillars\">\n\n\n            <article class=\"atb-tv-pillar\">\n\n                <span class=\"atb-tv-pillar__icon\">\n\n                    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                        <path d=\"M4 12h3l2-5 4 10 2-5h5\"\/>\n                    <\/svg>\n\n                <\/span>\n\n                <h3>Sensibiliser<\/h3>\n\n                <p>\n                    Mettre les enjeux sociaux en sc\u00e8ne pour rendre\n                    les probl\u00e9matiques concr\u00e8tes, accessibles\n                    et ouvertes au dialogue.\n                <\/p>\n\n            <\/article>\n\n\n            <article class=\"atb-tv-pillar\">\n\n                <span class=\"atb-tv-pillar__icon\">\n\n                    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                        <path d=\"m3 9 9-5 9 5-9 5z\"\/>\n                        <path d=\"M7 12v5c3 2 7 2 10 0v-5\"\/>\n                    <\/svg>\n\n                <\/span>\n\n                <h3>Former<\/h3>\n\n                <p>\n                    Faire de l\u2019exp\u00e9rience artistique un support\n                    p\u00e9dagogique pour les apprenants, professionnels\n                    et acteurs du d\u00e9veloppement.\n                <\/p>\n\n            <\/article>\n\n\n            <article class=\"atb-tv-pillar\">\n\n                <span class=\"atb-tv-pillar__icon\">\n\n                    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                        <circle cx=\"12\" cy=\"12\" r=\"9\"\/>\n                        <path d=\"M3 12h18\"\/>\n                        <path d=\"M12 3c3 3 4 6 4 9s-1 6-4 9\"\/>\n                    <\/svg>\n\n                <\/span>\n\n                <h3>Diffuser<\/h3>\n\n                <p>\n                    Permettre aux cr\u00e9ations de toucher d\u2019autres\n                    territoires et de nouveaux publics au-del\u00e0\n                    de la repr\u00e9sentation initiale.\n                <\/p>\n\n            <\/article>\n\n\n            <article class=\"atb-tv-pillar\">\n\n                <span class=\"atb-tv-pillar__icon\">\n\n                    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                        <path d=\"M4 5h16v14H4z\"\/>\n                        <path d=\"M8 9h8\"\/>\n                        <path d=\"M8 13h5\"\/>\n                    <\/svg>\n\n                <\/span>\n\n                <h3>Transmettre<\/h3>\n\n                <p>\n                    Pr\u00e9server les m\u00e9thodes, les cr\u00e9ations et les\n                    traces audiovisuelles afin de nourrir la\n                    m\u00e9moire et les g\u00e9n\u00e9rations futures.\n                <\/p>\n\n            <\/article>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n<!-- =========================================================\n     JS \u2014 FILTRES + ANCRES\n========================================================= -->\n\n<script>\n(function(){\n\n    function initATBTeleTheatre(){\n\n        var root = document.querySelector(\".atb-tv-page\");\n\n        if(!root || root.dataset.initialized === \"true\"){\n            return;\n        }\n\n        root.dataset.initialized = \"true\";\n\n\n        \/* -----------------------------\n           FILTRES VID\u00c9OTH\u00c8QUE\n        ----------------------------- *\/\n\n        var filters = root.querySelectorAll(\".atb-tv-filter\");\n        var cards   = root.querySelectorAll(\".atb-tv-production\");\n\n        filters.forEach(function(button){\n\n            button.addEventListener(\"click\",function(){\n\n                var category = button.dataset.filter;\n\n                filters.forEach(function(item){\n                    item.classList.remove(\"is-active\");\n                });\n\n                button.classList.add(\"is-active\");\n\n                cards.forEach(function(card){\n\n                    if(\n                        category === \"all\" ||\n                        card.dataset.category === category\n                    ){\n                        card.hidden = false;\n                    }else{\n                        card.hidden = true;\n                    }\n\n                });\n\n            });\n\n        });\n\n\n        \/* -----------------------------\n           SCROLL INTERNE\n        ----------------------------- *\/\n\n        var anchors = root.querySelectorAll('a[href^=\"#\"]');\n\n        anchors.forEach(function(link){\n\n            link.addEventListener(\"click\",function(event){\n\n                var selector = link.getAttribute(\"href\");\n\n                if(!selector || selector === \"#\"){\n                    return;\n                }\n\n                var target = document.querySelector(selector);\n\n                if(target){\n\n                    event.preventDefault();\n\n                    target.scrollIntoView({\n                        behavior:\"smooth\",\n                        block:\"start\"\n                    });\n\n                }\n\n            });\n\n        });\n\n    }\n\n\n    if(document.readyState === \"loading\"){\n\n        document.addEventListener(\n            \"DOMContentLoaded\",\n            initATBTeleTheatre\n        );\n\n    }else{\n\n        initATBTeleTheatre();\n\n    }\n\n    window.addEventListener(\n        \"load\",\n        initATBTeleTheatre\n    );\n\n    setTimeout(initATBTeleTheatre,500);\n\n})();\n<\/script>\n\n<\/div>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-ab5747b e-con e-atomic-element e-flexbox-base e-default-div e-dea9c76 \" data-id=\"ab5747b\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"ab5747b\" data-e-type=\"e-flexbox\" data-id=\"ab5747b\">\n    \t\t<div class=\"elementor-element elementor-element-a015a1e elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"a015a1e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n<div class=\"atb-tv-page atb-tv-page--part2\">\n\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Archivo:wght@400;500;600;700&family=Fraunces:opsz,wght@9..144,500;9..144,600;9..144,700&display=swap');\n\n\/* =========================================================\n   DESIGN SYSTEM \u2014 PARTIE 2\n========================================================= *\/\n\n.atb-tv-page--part2{\n    --wine:#60052D;\n    --wine-2:#76083B;\n    --wine-dark:#300016;\n    --wine-deep:#23000F;\n\n    --gold:#CC9933;\n    --gold-light:#E5BA60;\n\n    --cream:#F7F0E7;\n    --cream-light:#FCF8F2;\n\n    --white:#FFFFFF;\n    --ink:#291A21;\n    --text:#6C5D63;\n\n    width:100%;\n    overflow:hidden;\n\n    background:var(--cream);\n\n    color:var(--ink);\n\n    font-family:\"Archivo\",sans-serif;\n}\n\n.atb-tv-page--part2 *,\n.atb-tv-page--part2 *::before,\n.atb-tv-page--part2 *::after{\n    box-sizing:border-box;\n}\n\n.atb-tv-page--part2 h2,\n.atb-tv-page--part2 h3,\n.atb-tv-page--part2 h4,\n.atb-tv-page--part2 p{\n    margin-top:0;\n}\n\n.atb-tv2-container{\n    width:min(1240px,calc(100% - 80px));\n    margin:0 auto;\n}\n\n.atb-tv2-kicker{\n    display:inline-flex;\n    align-items:center;\n    gap:12px;\n\n    color:var(--gold);\n\n    font-size:10px;\n    font-weight:700;\n    letter-spacing:.17em;\n    text-transform:uppercase;\n}\n\n.atb-tv2-kicker::before{\n    content:\"\";\n\n    width:38px;\n    height:1px;\n\n    background:currentColor;\n}\n\n.atb-tv2-btn{\n    min-height:58px;\n    padding:0 23px;\n\n    display:inline-flex;\n    align-items:center;\n    justify-content:center;\n    gap:10px;\n\n    border-radius:999px;\n\n    text-decoration:none !important;\n\n    font-size:10px;\n    font-weight:700;\n    letter-spacing:.035em;\n\n    transition:\n        transform .3s ease,\n        background .3s ease,\n        color .3s ease,\n        border-color .3s ease,\n        box-shadow .3s ease;\n}\n\n.atb-tv2-btn:hover{\n    transform:translateY(-3px);\n}\n\n.atb-tv2-btn svg{\n    width:18px;\n    height:18px;\n\n    fill:none;\n    stroke:currentColor;\n    stroke-width:1.8;\n    stroke-linecap:round;\n    stroke-linejoin:round;\n}\n\n.atb-tv2-btn--gold{\n    background:var(--gold);\n    color:#2C1705 !important;\n\n    box-shadow:\n        0 15px 38px rgba(204,153,51,.25);\n}\n\n.atb-tv2-btn--gold:hover{\n    background:var(--gold-light);\n    color:#2C1705 !important;\n}\n\n.atb-tv2-btn--wine{\n    background:var(--wine);\n    color:#fff !important;\n\n    box-shadow:\n        0 15px 38px rgba(96,5,45,.20);\n}\n\n.atb-tv2-btn--wine:hover{\n    background:var(--wine-2);\n    color:#fff !important;\n}\n\n.atb-tv2-btn--glass{\n    border:1px solid rgba(255,255,255,.25);\n\n    background:rgba(255,255,255,.07);\n    color:#fff !important;\n\n    backdrop-filter:blur(12px);\n    -webkit-backdrop-filter:blur(12px);\n}\n\n.atb-tv2-btn--glass:hover{\n    border-color:rgba(255,255,255,.50);\n    background:rgba(255,255,255,.13);\n    color:#fff !important;\n}\n\n\n\/* =========================================================\n   05 \u2014 DIFFUSION PROFESSIONNELLE\n========================================================= *\/\n\n.atb-tv2-pro{\n    position:relative;\n    isolation:isolate;\n\n    padding:125px 0 120px;\n\n    overflow:hidden;\n\n    background:\n        radial-gradient(\n            circle at 90% 10%,\n            rgba(204,153,51,.18),\n            transparent 25%\n        ),\n        linear-gradient(\n            145deg,\n            #300016 0%,\n            #60052D 57%,\n            #42001E 100%\n        );\n\n    color:#fff;\n}\n\n.atb-tv2-pro::before{\n    content:\"\";\n\n    position:absolute;\n    inset:0;\n    z-index:-1;\n\n    opacity:.07;\n\n    background-image:\n        linear-gradient(\n            rgba(255,255,255,.16) 1px,\n            transparent 1px\n        ),\n        linear-gradient(\n            90deg,\n            rgba(255,255,255,.16) 1px,\n            transparent 1px\n        );\n\n    background-size:90px 90px;\n}\n\n.atb-tv2-pro__orb{\n    position:absolute;\n\n    width:650px;\n    height:650px;\n\n    top:-360px;\n    right:-220px;\n\n    border-radius:50%;\n\n    border:1px solid rgba(204,153,51,.20);\n\n    box-shadow:\n        0 0 0 80px rgba(204,153,51,.025),\n        0 0 0 160px rgba(204,153,51,.018);\n\n    pointer-events:none;\n}\n\n.atb-tv2-pro__head{\n    display:grid;\n    grid-template-columns:minmax(0,1fr) auto;\n    align-items:end;\n    gap:60px;\n\n    margin-bottom:55px;\n}\n\n.atb-tv2-pro__head h2{\n    max-width:850px;\n\n    margin:16px 0 0;\n\n    font-family:\"Fraunces\",serif;\n\n    font-size:clamp(51px,5.7vw,80px);\n    font-weight:600;\n    line-height:.99;\n    letter-spacing:-.045em;\n}\n\n.atb-tv2-pro__intro{\n    max-width:790px;\n\n    margin:23px 0 0;\n\n    color:rgba(255,255,255,.67);\n\n    font-size:14px;\n    line-height:1.82;\n}\n\n\n\/* PANEL *\/\n\n.atb-tv2-pro__panel{\n    display:grid;\n    grid-template-columns:minmax(0,1.1fr) minmax(350px,.55fr);\n    gap:24px;\n\n    padding:24px;\n\n    border:1px solid rgba(255,255,255,.13);\n    border-radius:27px;\n\n    background:\n        linear-gradient(\n            145deg,\n            rgba(255,255,255,.10),\n            rgba(255,255,255,.045)\n        );\n\n    box-shadow:\n        0 30px 70px rgba(20,0,10,.20);\n\n    backdrop-filter:blur(13px);\n    -webkit-backdrop-filter:blur(13px);\n}\n\n.atb-tv2-pro__offer{\n    padding:27px 23px 25px;\n}\n\n.atb-tv2-pro__label{\n    display:inline-flex;\n    align-items:center;\n    gap:9px;\n\n    margin-bottom:16px;\n\n    color:var(--gold);\n\n    font-size:8px;\n    font-weight:700;\n    letter-spacing:.15em;\n    text-transform:uppercase;\n}\n\n.atb-tv2-pro__label::before{\n    content:\"\";\n\n    width:7px;\n    height:7px;\n\n    border-radius:50%;\n\n    background:var(--gold);\n\n    box-shadow:\n        0 0 0 5px rgba(204,153,51,.12);\n}\n\n.atb-tv2-pro__offer h3{\n    max-width:700px;\n\n    margin:0;\n\n    font-family:\"Fraunces\",serif;\n\n    font-size:clamp(33px,3.2vw,48px);\n    font-weight:600;\n    line-height:1.08;\n}\n\n.atb-tv2-pro__offer > p{\n    max-width:750px;\n\n    margin:18px 0 0;\n\n    color:rgba(255,255,255,.64);\n\n    font-size:12px;\n    line-height:1.75;\n}\n\n\n\/* TYPES D'USAGE *\/\n\n.atb-tv2-pro__uses{\n    display:grid;\n    grid-template-columns:repeat(2,minmax(0,1fr));\n    gap:11px;\n\n    margin-top:28px;\n}\n\n.atb-tv2-pro__use{\n    min-height:132px;\n\n    padding:19px;\n\n    border:1px solid rgba(255,255,255,.10);\n    border-radius:15px;\n\n    background:rgba(255,255,255,.045);\n\n    transition:\n        transform .3s ease,\n        background .3s ease,\n        border-color .3s ease;\n}\n\n.atb-tv2-pro__use:hover{\n    transform:translateY(-4px);\n\n    background:rgba(255,255,255,.075);\n    border-color:rgba(204,153,51,.35);\n}\n\n.atb-tv2-pro__use-icon{\n    width:37px;\n    height:37px;\n\n    display:flex;\n    align-items:center;\n    justify-content:center;\n\n    margin-bottom:15px;\n\n    border-radius:11px;\n\n    background:rgba(204,153,51,.14);\n    color:var(--gold);\n}\n\n.atb-tv2-pro__use-icon svg{\n    width:18px;\n    height:18px;\n\n    fill:none;\n    stroke:currentColor;\n    stroke-width:1.7;\n    stroke-linecap:round;\n    stroke-linejoin:round;\n}\n\n.atb-tv2-pro__use strong{\n    display:block;\n\n    color:#fff;\n\n    font-family:\"Fraunces\",serif;\n    font-size:18px;\n    font-weight:600;\n}\n\n.atb-tv2-pro__use p{\n    margin:7px 0 0;\n\n    color:rgba(255,255,255,.52);\n\n    font-size:9px;\n    line-height:1.55;\n}\n\n\n\/* CARTE CONTACT *\/\n\n.atb-tv2-pro__request{\n    position:relative;\n    overflow:hidden;\n\n    padding:32px 28px;\n\n    border-radius:21px;\n\n    background:var(--cream-light);\n    color:var(--ink);\n}\n\n.atb-tv2-pro__watermark{\n    position:absolute;\n\n    top:-19px;\n    right:-8px;\n\n    color:rgba(96,5,45,.045);\n\n    font-family:\"Fraunces\",serif;\n    font-size:115px;\n    font-weight:700;\n    line-height:1;\n}\n\n.atb-tv2-pro__request-content{\n    position:relative;\n    z-index:2;\n}\n\n.atb-tv2-pro__request-badge{\n    display:inline-block;\n\n    margin-bottom:20px;\n    padding:8px 11px;\n\n    border-radius:999px;\n\n    background:rgba(204,153,51,.15);\n    color:var(--wine);\n\n    font-size:7px;\n    font-weight:700;\n    letter-spacing:.12em;\n    text-transform:uppercase;\n}\n\n.atb-tv2-pro__request h3{\n    margin:0;\n\n    color:var(--wine);\n\n    font-family:\"Fraunces\",serif;\n    font-size:32px;\n    font-weight:600;\n    line-height:1.12;\n}\n\n.atb-tv2-pro__request-text{\n    margin:14px 0 0;\n\n    color:var(--text);\n\n    font-size:11px;\n    line-height:1.7;\n}\n\n.atb-tv2-pro__checklist{\n    display:grid;\n    gap:11px;\n\n    margin:23px 0 26px;\n}\n\n.atb-tv2-pro__check{\n    display:flex;\n    align-items:flex-start;\n    gap:10px;\n\n    color:#55464C;\n\n    font-size:9px;\n    line-height:1.5;\n}\n\n.atb-tv2-pro__check span{\n    flex:0 0 auto;\n\n    width:20px;\n    height:20px;\n\n    display:flex;\n    align-items:center;\n    justify-content:center;\n\n    margin-top:-2px;\n\n    border-radius:50%;\n\n    background:rgba(96,5,45,.07);\n    color:var(--wine);\n}\n\n.atb-tv2-pro__check svg{\n    width:11px;\n\n    fill:none;\n    stroke:currentColor;\n    stroke-width:2;\n}\n\n.atb-tv2-pro__request .atb-tv2-btn{\n    width:100%;\n}\n\n.atb-tv2-pro__notice{\n    margin:15px 0 0;\n\n    color:#8A7C81;\n\n    font-size:8px;\n    line-height:1.55;\n}\n\n\n\/* PUBLICS *\/\n\n.atb-tv2-pro__audiences{\n    display:grid;\n    grid-template-columns:repeat(6,minmax(0,1fr));\n\n    margin-top:25px;\n\n    border:1px solid rgba(255,255,255,.11);\n    border-radius:17px;\n\n    overflow:hidden;\n}\n\n.atb-tv2-pro__audience{\n    min-height:94px;\n\n    display:flex;\n    flex-direction:column;\n    align-items:center;\n    justify-content:center;\n    gap:9px;\n\n    padding:15px 8px;\n\n    border-right:1px solid rgba(255,255,255,.09);\n\n    background:rgba(255,255,255,.045);\n}\n\n.atb-tv2-pro__audience:last-child{\n    border-right:0;\n}\n\n.atb-tv2-pro__audience svg{\n    width:20px;\n    height:20px;\n\n    fill:none;\n    stroke:var(--gold);\n    stroke-width:1.6;\n    stroke-linecap:round;\n    stroke-linejoin:round;\n}\n\n.atb-tv2-pro__audience span{\n    color:rgba(255,255,255,.69);\n\n    font-size:8px;\n    font-weight:700;\n    text-align:center;\n}\n\n\n\/* PROCESS *\/\n\n.atb-tv2-process{\n    margin-top:75px;\n}\n\n.atb-tv2-process__head{\n    margin-bottom:28px;\n}\n\n.atb-tv2-process__head h3{\n    margin:12px 0 0;\n\n    font-family:\"Fraunces\",serif;\n    font-size:34px;\n    font-weight:600;\n}\n\n.atb-tv2-process__steps{\n    display:grid;\n    grid-template-columns:repeat(3,minmax(0,1fr));\n\n    border-top:1px solid rgba(255,255,255,.14);\n}\n\n.atb-tv2-step{\n    position:relative;\n\n    padding:31px 30px 5px 0;\n}\n\n.atb-tv2-step__number{\n    display:block;\n\n    margin-bottom:17px;\n\n    color:var(--gold);\n\n    font-family:\"Fraunces\",serif;\n    font-size:24px;\n}\n\n.atb-tv2-step h4{\n    margin:0;\n\n    color:#fff;\n\n    font-family:\"Fraunces\",serif;\n    font-size:22px;\n    font-weight:600;\n}\n\n.atb-tv2-step p{\n    max-width:310px;\n\n    margin:10px 0 0;\n\n    color:rgba(255,255,255,.53);\n\n    font-size:10px;\n    line-height:1.65;\n}\n\n\n\/* =========================================================\n   06 \u2014 PLATEFORMES\n========================================================= *\/\n\n.atb-tv2-platforms{\n    position:relative;\n\n    padding:125px 0 115px;\n\n    background:\n        radial-gradient(\n            circle at 92% 0%,\n            rgba(204,153,51,.13),\n            transparent 27%\n        ),\n        var(--cream-light);\n}\n\n.atb-tv2-section-head{\n    display:grid;\n    grid-template-columns:minmax(0,1fr) minmax(320px,.55fr);\n    align-items:end;\n    gap:70px;\n\n    margin-bottom:50px;\n}\n\n.atb-tv2-section-head h2{\n    margin:16px 0 0;\n\n    color:var(--wine);\n\n    font-family:\"Fraunces\",serif;\n    font-size:clamp(50px,5.7vw,80px);\n    font-weight:600;\n    line-height:.98;\n    letter-spacing:-.045em;\n}\n\n.atb-tv2-section-head h2 em{\n    color:var(--gold);\n    font-weight:500;\n}\n\n.atb-tv2-section-head p{\n    margin:0;\n\n    color:var(--text);\n\n    font-size:14px;\n    line-height:1.82;\n}\n\n\n\/* GRID *\/\n\n.atb-tv2-platforms__grid{\n    display:grid;\n    grid-template-columns:1.18fr .82fr .82fr;\n    gap:17px;\n}\n\n\n\/* MAIN *\/\n\n.atb-tv2-platform--main{\n    position:relative;\n    overflow:hidden;\n\n    min-height:500px;\n\n    display:flex;\n    align-items:flex-end;\n\n    border-radius:24px;\n\n    background:var(--wine-dark);\n\n    box-shadow:\n        0 25px 65px rgba(66,20,40,.13);\n}\n\n.atb-tv2-platform--main::before{\n    content:\"\";\n\n    position:absolute;\n    inset:0;\n\n    background:\n        url(\"http:\/\/atb.bf\/atb-v2\/wp-content\/uploads\/2026\/07\/486937316_10231105697199049_3586341272290068126_n.jpg\")\n        center\/cover no-repeat;\n\n    transition:transform .7s ease;\n}\n\n.atb-tv2-platform--main:hover::before{\n    transform:scale(1.055);\n}\n\n.atb-tv2-platform--main::after{\n    content:\"\";\n\n    position:absolute;\n    inset:0;\n\n    background:\n        linear-gradient(\n            180deg,\n            rgba(35,0,16,.12),\n            rgba(35,0,16,.88)\n        );\n}\n\n.atb-tv2-platform__main-content{\n    position:relative;\n    z-index:2;\n\n    width:100%;\n    padding:32px;\n}\n\n.atb-tv2-platform__icon{\n    width:52px;\n    height:52px;\n\n    display:flex;\n    align-items:center;\n    justify-content:center;\n\n    margin-bottom:23px;\n\n    border-radius:50%;\n\n    background:var(--gold);\n    color:#2C1705;\n}\n\n.atb-tv2-platform__icon svg{\n    width:23px;\n    height:23px;\n\n    fill:none;\n    stroke:currentColor;\n    stroke-width:1.7;\n}\n\n.atb-tv2-platform--main small{\n    display:block;\n\n    margin-bottom:9px;\n\n    color:var(--gold);\n\n    font-size:8px;\n    font-weight:700;\n    letter-spacing:.15em;\n    text-transform:uppercase;\n}\n\n.atb-tv2-platform--main h3{\n    max-width:500px;\n\n    margin:0;\n\n    color:#fff;\n\n    font-family:\"Fraunces\",serif;\n    font-size:38px;\n    font-weight:600;\n    line-height:1.08;\n}\n\n.atb-tv2-platform--main p{\n    max-width:520px;\n\n    margin:14px 0 0;\n\n    color:rgba(255,255,255,.66);\n\n    font-size:11px;\n    line-height:1.68;\n}\n\n.atb-tv2-platform__tags{\n    display:flex;\n    flex-wrap:wrap;\n    gap:6px;\n\n    margin-top:18px;\n}\n\n.atb-tv2-platform__tags span{\n    padding:7px 9px;\n\n    border:1px solid rgba(255,255,255,.15);\n    border-radius:999px;\n\n    color:rgba(255,255,255,.65);\n\n    font-size:7px;\n    font-weight:600;\n}\n\n.atb-tv2-platform__main-link{\n    display:inline-flex;\n    align-items:center;\n    gap:8px;\n\n    margin-top:23px;\n\n    color:#fff !important;\n    text-decoration:none !important;\n\n    font-size:9px;\n    font-weight:700;\n}\n\n.atb-tv2-platform__main-link svg{\n    width:17px;\n\n    fill:none;\n    stroke:var(--gold);\n    stroke-width:1.8;\n}\n\n\n\/* SOCIAL CARDS *\/\n\n.atb-tv2-platform{\n    position:relative;\n    overflow:hidden;\n\n    min-height:500px;\n\n    display:flex;\n    flex-direction:column;\n    justify-content:space-between;\n\n    padding:29px;\n\n    border:1px solid rgba(96,5,45,.09);\n    border-radius:24px;\n\n    background:#fff;\n\n    box-shadow:\n        0 20px 50px rgba(60,20,38,.07);\n\n    transition:\n        transform .4s ease,\n        border-color .3s ease,\n        box-shadow .4s ease;\n}\n\n.atb-tv2-platform:hover{\n    transform:translateY(-7px);\n\n    border-color:rgba(204,153,51,.38);\n\n    box-shadow:\n        0 28px 60px rgba(60,20,38,.11);\n}\n\n.atb-tv2-platform::before{\n    content:\"\";\n\n    position:absolute;\n\n    width:190px;\n    height:190px;\n\n    top:-95px;\n    right:-90px;\n\n    border-radius:50%;\n\n    background:rgba(204,153,51,.08);\n}\n\n.atb-tv2-platform__social-icon{\n    position:relative;\n    z-index:2;\n\n    width:52px;\n    height:52px;\n\n    display:flex;\n    align-items:center;\n    justify-content:center;\n\n    border-radius:15px;\n\n    background:rgba(96,5,45,.07);\n    color:var(--wine);\n}\n\n.atb-tv2-platform__social-icon svg{\n    width:24px;\n    height:24px;\n    fill:currentColor;\n}\n\n.atb-tv2-platform__body{\n    position:relative;\n    z-index:2;\n}\n\n.atb-tv2-platform__body small{\n    display:block;\n\n    margin-bottom:9px;\n\n    color:var(--gold);\n\n    font-size:8px;\n    font-weight:700;\n    letter-spacing:.14em;\n    text-transform:uppercase;\n}\n\n.atb-tv2-platform__body h3{\n    margin:0;\n\n    color:var(--wine);\n\n    font-family:\"Fraunces\",serif;\n    font-size:31px;\n    font-weight:600;\n}\n\n.atb-tv2-platform__body p{\n    margin:13px 0 0;\n\n    color:var(--text);\n\n    font-size:10px;\n    line-height:1.65;\n}\n\n.atb-tv2-platform__link{\n    position:relative;\n    z-index:2;\n\n    display:flex;\n    align-items:center;\n    justify-content:space-between;\n\n    padding-top:17px;\n\n    border-top:1px solid rgba(96,5,45,.09);\n\n    color:var(--wine) !important;\n    text-decoration:none !important;\n\n    font-size:9px;\n    font-weight:700;\n}\n\n.atb-tv2-platform__link svg{\n    width:17px;\n\n    fill:none;\n    stroke:var(--gold);\n    stroke-width:1.8;\n    stroke-linecap:round;\n    stroke-linejoin:round;\n\n    transition:transform .3s ease;\n}\n\n.atb-tv2-platform__link:hover svg{\n    transform:translateX(4px);\n}\n\n\n\/* OFFICIAL STRIP *\/\n\n.atb-tv2-platforms__official{\n    display:flex;\n    align-items:center;\n    justify-content:space-between;\n    gap:30px;\n\n    margin-top:20px;\n    padding:20px 23px;\n\n    border:1px solid rgba(96,5,45,.09);\n    border-radius:15px;\n\n    background:rgba(255,255,255,.55);\n}\n\n.atb-tv2-platforms__official-left{\n    display:flex;\n    align-items:center;\n    gap:12px;\n}\n\n.atb-tv2-platforms__official-icon{\n    width:36px;\n    height:36px;\n\n    display:flex;\n    align-items:center;\n    justify-content:center;\n\n    border-radius:50%;\n\n    background:rgba(96,5,45,.07);\n    color:var(--wine);\n}\n\n.atb-tv2-platforms__official-icon svg{\n    width:17px;\n\n    fill:none;\n    stroke:currentColor;\n    stroke-width:1.8;\n}\n\n.atb-tv2-platforms__official strong{\n    display:block;\n\n    color:var(--wine);\n\n    font-size:9px;\n}\n\n.atb-tv2-platforms__official p{\n    margin:4px 0 0;\n\n    color:var(--text);\n\n    font-size:9px;\n}\n\n.atb-tv2-platforms__official > span{\n    color:var(--gold);\n\n    font-size:8px;\n    font-weight:700;\n    letter-spacing:.12em;\n    text-transform:uppercase;\n}\n\n\n\/* =========================================================\n   07 \u2014 \u00c9VOLUTION\n========================================================= *\/\n\n.atb-tv2-future{\n    position:relative;\n\n    padding:125px 0 120px;\n\n    background:\n        radial-gradient(\n            circle at 7% 8%,\n            rgba(204,153,51,.12),\n            transparent 24%\n        ),\n        var(--cream);\n}\n\n.atb-tv2-future__intro{\n    display:grid;\n    grid-template-columns:minmax(0,1fr) minmax(300px,.48fr);\n    align-items:end;\n    gap:75px;\n\n    margin-bottom:50px;\n}\n\n.atb-tv2-future__intro h2{\n    margin:16px 0 0;\n\n    color:var(--wine);\n\n    font-family:\"Fraunces\",serif;\n    font-size:clamp(50px,5.7vw,80px);\n    font-weight:600;\n    line-height:.98;\n    letter-spacing:-.045em;\n}\n\n.atb-tv2-future__intro h2 em{\n    color:var(--gold);\n    font-weight:500;\n}\n\n.atb-tv2-future__intro-right p{\n    margin:0;\n\n    color:var(--text);\n\n    font-size:14px;\n    line-height:1.82;\n}\n\n.atb-tv2-future__intro-note{\n    display:inline-flex;\n    align-items:center;\n    gap:8px;\n\n    margin-top:14px;\n\n    color:var(--wine);\n\n    font-size:8px;\n    font-weight:700;\n}\n\n.atb-tv2-future__intro-note::before{\n    content:\"\";\n\n    width:7px;\n    height:7px;\n\n    border-radius:50%;\n\n    background:var(--gold);\n}\n\n\n\/* MANIFESTE *\/\n\n.atb-tv2-future__manifesto{\n    display:grid;\n    grid-template-columns:minmax(0,1fr) 210px;\n    align-items:center;\n\n    min-height:300px;\n\n    overflow:hidden;\n\n    margin-bottom:22px;\n    padding:42px;\n\n    border-radius:25px;\n\n    background:\n        radial-gradient(\n            circle at 95% 10%,\n            rgba(204,153,51,.18),\n            transparent 35%\n        ),\n        linear-gradient(\n            135deg,\n            var(--wine-dark),\n            var(--wine)\n        );\n\n    color:#fff;\n}\n\n.atb-tv2-future__manifesto small{\n    display:block;\n\n    margin-bottom:13px;\n\n    color:var(--gold);\n\n    font-size:8px;\n    font-weight:700;\n    letter-spacing:.15em;\n    text-transform:uppercase;\n}\n\n.atb-tv2-future__manifesto h3{\n    max-width:760px;\n\n    margin:0;\n\n    font-family:\"Fraunces\",serif;\n    font-size:clamp(32px,3.4vw,49px);\n    font-weight:600;\n    line-height:1.1;\n}\n\n.atb-tv2-future__manifesto p{\n    max-width:760px;\n\n    margin:16px 0 0;\n\n    color:rgba(255,255,255,.62);\n\n    font-size:11px;\n    line-height:1.7;\n}\n\n.atb-tv2-future__symbol{\n    display:flex;\n    align-items:center;\n    justify-content:center;\n    gap:13px;\n}\n\n.atb-tv2-future__symbol-icon{\n    width:58px;\n    height:58px;\n\n    display:flex;\n    align-items:center;\n    justify-content:center;\n\n    border:1px solid rgba(255,255,255,.16);\n    border-radius:50%;\n\n    background:rgba(255,255,255,.06);\n    color:var(--gold);\n}\n\n.atb-tv2-future__symbol-icon svg{\n    width:25px;\n\n    fill:none;\n    stroke:currentColor;\n    stroke-width:1.6;\n}\n\n.atb-tv2-future__symbol-line{\n    width:40px;\n    height:1px;\n\n    background:rgba(204,153,51,.5);\n}\n\n.atb-tv2-future__symbol span:last-child{\n    color:var(--gold);\n\n    font-family:\"Fraunces\",serif;\n    font-size:17px;\n}\n\n\n\/* ROADMAP *\/\n\n.atb-tv2-roadmap{\n    display:grid;\n    grid-template-columns:repeat(3,minmax(0,1fr));\n    gap:15px;\n}\n\n.atb-tv2-roadmap__item{\n    position:relative;\n    overflow:hidden;\n\n    min-height:275px;\n\n    padding:27px 24px;\n\n    border:1px solid rgba(96,5,45,.09);\n    border-radius:18px;\n\n    background:#fff;\n\n    box-shadow:\n        0 15px 40px rgba(60,20,38,.055);\n\n    transition:\n        transform .35s ease,\n        border-color .3s ease,\n        box-shadow .35s ease;\n}\n\n.atb-tv2-roadmap__item:hover{\n    transform:translateY(-6px);\n\n    border-color:rgba(204,153,51,.4);\n\n    box-shadow:\n        0 24px 50px rgba(60,20,38,.10);\n}\n\n.atb-tv2-roadmap__item::after{\n    content:\"\";\n\n    position:absolute;\n    left:0;\n    bottom:0;\n\n    width:0;\n    height:3px;\n\n    background:var(--gold);\n\n    transition:width .45s ease;\n}\n\n.atb-tv2-roadmap__item:hover::after{\n    width:100%;\n}\n\n.atb-tv2-roadmap__item--active{\n    background:var(--wine);\n    border-color:var(--wine);\n\n    color:#fff;\n}\n\n.atb-tv2-roadmap__item--active::after{\n    width:100%;\n}\n\n.atb-tv2-roadmap__top{\n    display:flex;\n    align-items:center;\n    justify-content:space-between;\n    gap:15px;\n\n    margin-bottom:36px;\n}\n\n.atb-tv2-roadmap__number{\n    color:var(--gold);\n\n    font-family:\"Fraunces\",serif;\n    font-size:22px;\n}\n\n.atb-tv2-roadmap__status{\n    padding:7px 9px;\n\n    border-radius:999px;\n\n    background:rgba(96,5,45,.06);\n    color:var(--wine);\n\n    font-size:7px;\n    font-weight:700;\n    letter-spacing:.08em;\n    text-transform:uppercase;\n}\n\n.atb-tv2-roadmap__item--active .atb-tv2-roadmap__status{\n    background:rgba(255,255,255,.10);\n    color:var(--gold);\n}\n\n.atb-tv2-roadmap__item h3{\n    margin:0;\n\n    color:var(--wine);\n\n    font-family:\"Fraunces\",serif;\n    font-size:27px;\n    font-weight:600;\n}\n\n.atb-tv2-roadmap__item--active h3{\n    color:#fff;\n}\n\n.atb-tv2-roadmap__item p{\n    margin:13px 0 0;\n\n    color:var(--text);\n\n    font-size:10px;\n    line-height:1.7;\n}\n\n.atb-tv2-roadmap__item--active p{\n    color:rgba(255,255,255,.60);\n}\n\n\n\/* FUTURE BOTTOM *\/\n\n.atb-tv2-future__bottom{\n    display:flex;\n    align-items:center;\n    justify-content:space-between;\n    gap:40px;\n\n    margin-top:28px;\n    padding:26px;\n\n    border:1px solid rgba(96,5,45,.09);\n    border-radius:17px;\n\n    background:rgba(255,255,255,.50);\n}\n\n.atb-tv2-future__bottom strong{\n    display:block;\n\n    color:var(--wine);\n\n    font-family:\"Fraunces\",serif;\n    font-size:21px;\n    font-weight:600;\n}\n\n.atb-tv2-future__bottom p{\n    max-width:760px;\n\n    margin:7px 0 0;\n\n    color:var(--text);\n\n    font-size:10px;\n    line-height:1.65;\n}\n\n\n\/* =========================================================\n   08 \u2014 CTA FINAL\n========================================================= *\/\n\n.atb-tv2-final{\n    position:relative;\n    isolation:isolate;\n\n    min-height:720px;\n\n    display:flex;\n    align-items:center;\n\n    padding:110px 0 145px;\n\n    overflow:hidden;\n\n    background:var(--wine-dark);\n    color:#fff;\n}\n\n.atb-tv2-final__bg{\n    position:absolute;\n    inset:0;\n    z-index:-6;\n\n    background:\n        url(\"http:\/\/atb.bf\/atb-v2\/wp-content\/uploads\/2026\/07\/695178219_10236705458229575_281678318670507282_n.jpg\")\n        center\/cover no-repeat;\n\n    transform:scale(1.04);\n\n    animation:\n        atbTv2FinalZoom 18s ease-in-out infinite alternate;\n}\n\n.atb-tv2-final__overlay{\n    position:absolute;\n    inset:0;\n    z-index:-5;\n\n    background:\n        linear-gradient(\n            90deg,\n            rgba(27,0,12,.97) 0%,\n            rgba(48,0,22,.89) 48%,\n            rgba(48,0,22,.67) 75%,\n            rgba(25,0,11,.72) 100%\n        ),\n        linear-gradient(\n            180deg,\n            rgba(20,0,9,.08),\n            rgba(20,0,9,.80)\n        );\n}\n\n.atb-tv2-final__glow{\n    position:absolute;\n    z-index:-4;\n\n    width:650px;\n    height:650px;\n\n    top:-280px;\n    right:-170px;\n\n    border-radius:50%;\n\n    background:\n        radial-gradient(\n            circle,\n            rgba(204,153,51,.24),\n            rgba(204,153,51,.06) 40%,\n            transparent 70%\n        );\n}\n\n.atb-tv2-final__layout{\n    display:grid;\n    grid-template-columns:minmax(0,1fr) minmax(280px,.40fr);\n    align-items:end;\n    gap:85px;\n}\n\n.atb-tv2-final__content{\n    max-width:900px;\n}\n\n.atb-tv2-final h2{\n    margin:18px 0 0;\n\n    font-family:\"Fraunces\",serif;\n\n    font-size:clamp(57px,7vw,98px);\n    font-weight:600;\n    line-height:.95;\n    letter-spacing:-.055em;\n}\n\n.atb-tv2-final h2 em{\n    display:block;\n\n    margin-top:8px;\n\n    color:var(--gold);\n    font-weight:500;\n}\n\n.atb-tv2-final__lead{\n    max-width:730px;\n\n    margin:29px 0 0;\n\n    font-family:\"Fraunces\",serif;\n    font-size:clamp(22px,2.1vw,31px);\n    line-height:1.4;\n}\n\n.atb-tv2-final__text{\n    max-width:690px;\n\n    margin:17px 0 0;\n\n    color:rgba(255,255,255,.66);\n\n    font-size:13px;\n    line-height:1.8;\n}\n\n.atb-tv2-final__actions{\n    display:flex;\n    flex-wrap:wrap;\n    gap:12px;\n\n    margin-top:32px;\n}\n\n\n\/* SIGNATURE *\/\n\n.atb-tv2-final__signature{\n    padding:27px;\n\n    border:1px solid rgba(255,255,255,.16);\n    border-radius:20px;\n\n    background:\n        linear-gradient(\n            145deg,\n            rgba(255,255,255,.12),\n            rgba(255,255,255,.045)\n        );\n\n    backdrop-filter:blur(14px);\n    -webkit-backdrop-filter:blur(14px);\n}\n\n.atb-tv2-final__signature-icon{\n    width:50px;\n    height:50px;\n\n    display:flex;\n    align-items:center;\n    justify-content:center;\n\n    margin-bottom:21px;\n\n    border-radius:50%;\n\n    background:var(--gold);\n    color:#2C1705;\n}\n\n.atb-tv2-final__signature-icon svg{\n    width:22px;\n\n    fill:none;\n    stroke:currentColor;\n    stroke-width:1.7;\n}\n\n.atb-tv2-final__signature small{\n    display:block;\n\n    margin-bottom:8px;\n\n    color:var(--gold);\n\n    font-size:8px;\n    font-weight:700;\n    letter-spacing:.14em;\n    text-transform:uppercase;\n}\n\n.atb-tv2-final__signature strong{\n    display:block;\n\n    font-family:\"Fraunces\",serif;\n    font-size:25px;\n    font-weight:600;\n}\n\n.atb-tv2-final__signature p{\n    margin:11px 0 0;\n\n    color:rgba(255,255,255,.58);\n\n    font-size:10px;\n    line-height:1.65;\n}\n\n\n\/* BOTTOM STRIP *\/\n\n.atb-tv2-final__strip{\n    position:absolute;\n\n    left:0;\n    right:0;\n    bottom:0;\n\n    border-top:1px solid rgba(255,255,255,.12);\n\n    background:rgba(25,0,11,.65);\n\n    backdrop-filter:blur(11px);\n}\n\n.atb-tv2-final__strip-inner{\n    width:min(1240px,calc(100% - 80px));\n\n    min-height:70px;\n\n    margin:0 auto;\n\n    display:flex;\n    align-items:center;\n    justify-content:center;\n    flex-wrap:wrap;\n\n    gap:21px;\n}\n\n.atb-tv2-final__strip span{\n    color:rgba(255,255,255,.59);\n\n    font-size:8px;\n    font-weight:700;\n    letter-spacing:.13em;\n    text-transform:uppercase;\n}\n\n.atb-tv2-final__strip i{\n    width:5px;\n    height:5px;\n\n    border-radius:50%;\n\n    background:var(--gold);\n}\n\n\n@keyframes atbTv2FinalZoom{\n\n    from{\n        transform:scale(1.04);\n    }\n\n    to{\n        transform:scale(1.10);\n    }\n\n}\n\n\n\/* =========================================================\n   RESPONSIVE TABLETTE\n========================================================= *\/\n\n@media(max-width:1080px){\n\n    .atb-tv2-container{\n        width:min(930px,calc(100% - 48px));\n    }\n\n    .atb-tv2-pro__head{\n        grid-template-columns:1fr;\n        gap:25px;\n    }\n\n    .atb-tv2-pro__panel{\n        grid-template-columns:1fr;\n    }\n\n    .atb-tv2-pro__request{\n        max-width:none;\n    }\n\n    .atb-tv2-pro__audiences{\n        grid-template-columns:repeat(3,1fr);\n    }\n\n    .atb-tv2-pro__audience:nth-child(3){\n        border-right:0;\n    }\n\n    .atb-tv2-pro__audience:nth-child(-n+3){\n        border-bottom:1px solid rgba(255,255,255,.09);\n    }\n\n    .atb-tv2-section-head,\n    .atb-tv2-future__intro{\n        grid-template-columns:1fr;\n        gap:23px;\n    }\n\n    .atb-tv2-section-head p,\n    .atb-tv2-future__intro-right{\n        max-width:720px;\n    }\n\n    .atb-tv2-platforms__grid{\n        grid-template-columns:1fr 1fr;\n    }\n\n    .atb-tv2-platform--main{\n        grid-column:1\/-1;\n        min-height:520px;\n    }\n\n    .atb-tv2-platform{\n        min-height:390px;\n    }\n\n    .atb-tv2-roadmap{\n        grid-template-columns:repeat(2,1fr);\n    }\n\n    .atb-tv2-final__layout{\n        grid-template-columns:1fr;\n        gap:45px;\n    }\n\n    .atb-tv2-final__signature{\n        max-width:450px;\n    }\n\n}\n\n\n\/* =========================================================\n   RESPONSIVE MOBILE\n========================================================= *\/\n\n@media(max-width:767px){\n\n    .atb-tv2-container{\n        width:calc(100% - 32px);\n    }\n\n    .atb-tv2-pro,\n    .atb-tv2-platforms,\n    .atb-tv2-future{\n        padding:82px 0;\n    }\n\n    .atb-tv2-pro__head h2,\n    .atb-tv2-section-head h2,\n    .atb-tv2-future__intro h2{\n        font-size:46px;\n    }\n\n    .atb-tv2-pro__panel{\n        padding:10px;\n        border-radius:21px;\n    }\n\n    .atb-tv2-pro__offer{\n        padding:22px 13px;\n    }\n\n    .atb-tv2-pro__uses{\n        grid-template-columns:1fr;\n    }\n\n    .atb-tv2-pro__request{\n        padding:27px 21px;\n    }\n\n    .atb-tv2-pro__audiences{\n        grid-template-columns:repeat(2,1fr);\n    }\n\n    .atb-tv2-pro__audience{\n        border-right:1px solid rgba(255,255,255,.09) !important;\n        border-bottom:1px solid rgba(255,255,255,.09);\n    }\n\n    .atb-tv2-pro__audience:nth-child(even){\n        border-right:0 !important;\n    }\n\n    .atb-tv2-pro__audience:nth-last-child(-n+2){\n        border-bottom:0;\n    }\n\n    .atb-tv2-process__steps{\n        grid-template-columns:1fr;\n    }\n\n    .atb-tv2-step{\n        padding:27px 0;\n\n        border-bottom:1px solid rgba(255,255,255,.10);\n    }\n\n    .atb-tv2-step:last-child{\n        border-bottom:0;\n    }\n\n    .atb-tv2-platforms__grid{\n        grid-template-columns:1fr;\n    }\n\n    .atb-tv2-platform--main{\n        grid-column:auto;\n        min-height:520px;\n    }\n\n    .atb-tv2-platform{\n        min-height:360px;\n    }\n\n    .atb-tv2-platforms__official{\n        align-items:flex-start;\n        flex-direction:column;\n    }\n\n    .atb-tv2-future__manifesto{\n        grid-template-columns:1fr;\n        gap:35px;\n\n        padding:31px 24px;\n    }\n\n    .atb-tv2-future__symbol{\n        justify-content:flex-start;\n    }\n\n    .atb-tv2-roadmap{\n        grid-template-columns:1fr;\n    }\n\n    .atb-tv2-roadmap__item{\n        min-height:auto;\n    }\n\n    .atb-tv2-future__bottom{\n        align-items:flex-start;\n        flex-direction:column;\n    }\n\n    .atb-tv2-final{\n        min-height:auto;\n\n        padding:88px 0 135px;\n    }\n\n    .atb-tv2-final__bg{\n        background-position:60% center;\n    }\n\n    .atb-tv2-final h2{\n        font-size:51px;\n    }\n\n    .atb-tv2-final__lead{\n        font-size:22px;\n    }\n\n    .atb-tv2-final__actions{\n        flex-direction:column;\n    }\n\n    .atb-tv2-final__actions .atb-tv2-btn{\n        width:100%;\n    }\n\n    .atb-tv2-final__strip-inner{\n        width:calc(100% - 30px);\n\n        min-height:88px;\n\n        gap:11px 15px;\n    }\n\n    .atb-tv2-final__strip span{\n        font-size:7px;\n    }\n\n}\n\n\n\/* =========================================================\n   PETITS MOBILES\n========================================================= *\/\n\n@media(max-width:390px){\n\n    .atb-tv2-pro__head h2,\n    .atb-tv2-section-head h2,\n    .atb-tv2-future__intro h2{\n        font-size:41px;\n    }\n\n    .atb-tv2-final h2{\n        font-size:45px;\n    }\n\n}\n\n\n\/* =========================================================\n   ACCESSIBILIT\u00c9\n========================================================= *\/\n\n@media(prefers-reduced-motion:reduce){\n\n    .atb-tv2-final__bg{\n        animation:none;\n    }\n\n}\n\n\/* =========================================================\n   CORRECTION CONTRASTE \u2014 DIFFUSION PROFESSIONNELLE\n   Emp\u00eache Elementor \/ styles globaux d'\u00e9craser les couleurs\n========================================================= *\/\n\n\/* Titre principal *\/\n.atb-tv-page--part2 .atb-tv2-pro__head h2{\n    color:#FFFFFF !important;\n}\n\n\/* Titre \"Une \u0153uvre peut devenir...\" *\/\n.atb-tv-page--part2 .atb-tv2-pro__offer h3{\n    color:#FFFFFF !important;\n}\n\n\/* Texte sous ce titre *\/\n.atb-tv-page--part2 .atb-tv2-pro__offer > p{\n    color:rgba(255,255,255,.78) !important;\n}\n\n\/* Titres des 4 petites cartes *\/\n.atb-tv-page--part2 .atb-tv2-pro__use strong{\n    color:#FFFFFF !important;\n}\n\n\/* Descriptions des 4 petites cartes *\/\n.atb-tv-page--part2 .atb-tv2-pro__use p{\n    color:rgba(255,255,255,.72) !important;\n}\n\n\/* \"Comment cela fonctionne ?\" *\/\n.atb-tv-page--part2 .atb-tv2-process__head .atb-tv2-kicker{\n    color:#CC9933 !important;\n}\n\n\/* \"Une d\u00e9marche simple, adapt\u00e9e \u00e0 chaque projet.\" *\/\n.atb-tv-page--part2 .atb-tv2-process__head h3{\n    color:#FFFFFF !important;\n}\n\n\/* Num\u00e9ros 01 \/ 02 \/ 03 *\/\n.atb-tv-page--part2 .atb-tv2-step__number{\n    color:#CC9933 !important;\n}\n\n\/* Titres des \u00e9tapes *\/\n.atb-tv-page--part2 .atb-tv2-step h4{\n    color:#FFFFFF !important;\n}\n\n\/* Descriptions des \u00e9tapes *\/\n.atb-tv-page--part2 .atb-tv2-step p{\n    color:rgba(255,255,255,.70) !important;\n}\n\n\/* Petite \u00e9tiquette en haut du panneau *\/\n.atb-tv-page--part2 .atb-tv2-pro__label{\n    color:#CC9933 !important;\n}\n\n\/* Introduction de section *\/\n.atb-tv-page--part2 .atb-tv2-pro__intro{\n    color:rgba(255,255,255,.78) !important;\n}\n<\/style>\n\n\n<!-- =========================================================\n     05 \u2014 DIFFUSION PROFESSIONNELLE\n========================================================= -->\n\n<section class=\"atb-tv2-pro\" id=\"tt-diffusion-pro\">\n\n    <span class=\"atb-tv2-pro__orb\" aria-hidden=\"true\"><\/span>\n\n    <div class=\"atb-tv2-container\">\n\n        <header class=\"atb-tv2-pro__head\">\n\n            <div>\n\n                <span class=\"atb-tv2-kicker\">\n                    Diffusion institutionnelle et culturelle\n                <\/span>\n\n                <h2>\n                    Faites vivre une production aupr\u00e8s de vos publics.\n                <\/h2>\n\n                <p class=\"atb-tv2-pro__intro\">\n                    Vous souhaitez utiliser une cr\u00e9ation audiovisuelle\n                    ou th\u00e9\u00e2trale dans le cadre d\u2019une action de\n                    sensibilisation, d\u2019une formation, d\u2019une projection\n                    culturelle ou d\u2019un programme institutionnel ?\n                    \u00c9changeons sur votre projet.\n                <\/p>\n\n            <\/div>\n\n            <a href=\"\/atb-v2\/contact\/\"\n               class=\"atb-tv2-btn atb-tv2-btn--gold\">\n\n                <span>Pr\u00e9senter votre projet<\/span>\n\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                    <path d=\"M5 12h14\"\/>\n                    <path d=\"m13 6 6 6-6 6\"\/>\n                <\/svg>\n\n            <\/a>\n\n        <\/header>\n\n\n        <div class=\"atb-tv2-pro__panel\">\n\n            <!-- OFFRE -->\n\n            <div class=\"atb-tv2-pro__offer\">\n\n                <span class=\"atb-tv2-pro__label\">\n                    Une r\u00e9ponse adapt\u00e9e \u00e0 votre contexte\n                <\/span>\n\n                <h3>\n                    Une \u0153uvre peut devenir un v\u00e9ritable support d\u2019action.\n                <\/h3>\n\n                <p>\n                    Selon la nature du projet et les contenus disponibles,\n                    l\u2019ATB peut \u00e9tudier les modalit\u00e9s permettant d\u2019int\u00e9grer\n                    une production \u00e0 une activit\u00e9 culturelle,\n                    p\u00e9dagogique, m\u00e9diatique ou de sensibilisation.\n                <\/p>\n\n\n                <div class=\"atb-tv2-pro__uses\">\n\n\n                    <article class=\"atb-tv2-pro__use\">\n\n                        <span class=\"atb-tv2-pro__use-icon\">\n\n                            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                                <rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"2\"\/>\n                                <path d=\"m10 9 5 3-5 3z\"\/>\n                            <\/svg>\n\n                        <\/span>\n\n                        <strong>\n                            Projection culturelle\n                        <\/strong>\n\n                        <p>\n                            Valoriser une \u0153uvre dans le cadre d\u2019une\n                            rencontre ou d\u2019une activit\u00e9 culturelle.\n                        <\/p>\n\n                    <\/article>\n\n\n                    <article class=\"atb-tv2-pro__use\">\n\n                        <span class=\"atb-tv2-pro__use-icon\">\n\n                            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                                <path d=\"m3 9 9-5 9 5-9 5z\"\/>\n                                <path d=\"M7 12v5c3 2 7 2 10 0v-5\"\/>\n                            <\/svg>\n\n                        <\/span>\n\n                        <strong>\n                            Usage p\u00e9dagogique\n                        <\/strong>\n\n                        <p>\n                            Utiliser la cr\u00e9ation comme support\n                            d\u2019apprentissage, de formation ou de d\u00e9bat.\n                        <\/p>\n\n                    <\/article>\n\n\n                    <article class=\"atb-tv2-pro__use\">\n\n                        <span class=\"atb-tv2-pro__use-icon\">\n\n                            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                                <rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"2\"\/>\n                                <path d=\"M8 21h8\"\/>\n                                <path d=\"M12 19v2\"\/>\n                            <\/svg>\n\n                        <\/span>\n\n                        <strong>\n                            Diffusion m\u00e9dia\n                        <\/strong>\n\n                        <p>\n                            \u00c9tudier l\u2019utilisation d\u2019un contenu dans\n                            un cadre audiovisuel ou m\u00e9diatique.\n                        <\/p>\n\n                    <\/article>\n\n\n                    <article class=\"atb-tv2-pro__use\">\n\n                        <span class=\"atb-tv2-pro__use-icon\">\n\n                            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                                <path d=\"M4 13V8\"\/>\n                                <path d=\"M4 8h4l9-4v16l-9-4H4v-3\"\/>\n                                <path d=\"M8 16v4\"\/>\n                            <\/svg>\n\n                        <\/span>\n\n                        <strong>\n                            Sensibilisation\n                        <\/strong>\n\n                        <p>\n                            Mobiliser l\u2019art autour d\u2019une probl\u00e9matique\n                            sociale ou citoyenne.\n                        <\/p>\n\n                    <\/article>\n\n                <\/div>\n\n            <\/div>\n\n\n            <!-- DEMANDE -->\n\n            <aside class=\"atb-tv2-pro__request\">\n\n                <span class=\"atb-tv2-pro__watermark\"\n                      aria-hidden=\"true\">\n                    ATB\n                <\/span>\n\n                <div class=\"atb-tv2-pro__request-content\">\n\n                    <span class=\"atb-tv2-pro__request-badge\">\n                        Demande professionnelle\n                    <\/span>\n\n                    <h3>\n                        Vous avez un projet de diffusion ?\n                    <\/h3>\n\n                    <p class=\"atb-tv2-pro__request-text\">\n                        Pr\u00e9sentez-nous votre contexte, le public vis\u00e9,\n                        le territoire concern\u00e9 et l\u2019utilisation\n                        envisag\u00e9e. L\u2019\u00e9quipe ATB pourra ainsi \u00e9tudier\n                        votre demande.\n                    <\/p>\n\n\n                    <div class=\"atb-tv2-pro__checklist\">\n\n                        <div class=\"atb-tv2-pro__check\">\n\n                            <span>\n                                <svg viewBox=\"0 0 24 24\">\n                                    <path d=\"m5 12 4 4L19 6\"\/>\n                                <\/svg>\n                            <\/span>\n\n                            Identification du besoin\n\n                        <\/div>\n\n                        <div class=\"atb-tv2-pro__check\">\n\n                            <span>\n                                <svg viewBox=\"0 0 24 24\">\n                                    <path d=\"m5 12 4 4L19 6\"\/>\n                                <\/svg>\n                            <\/span>\n\n                            S\u00e9lection du contenu adapt\u00e9\n\n                        <\/div>\n\n                        <div class=\"atb-tv2-pro__check\">\n\n                            <span>\n                                <svg viewBox=\"0 0 24 24\">\n                                    <path d=\"m5 12 4 4L19 6\"\/>\n                                <\/svg>\n                            <\/span>\n\n                            D\u00e9finition des modalit\u00e9s d\u2019utilisation\n\n                        <\/div>\n\n                        <div class=\"atb-tv2-pro__check\">\n\n                            <span>\n                                <svg viewBox=\"0 0 24 24\">\n                                    <path d=\"m5 12 4 4L19 6\"\/>\n                                <\/svg>\n                            <\/span>\n\n                            Organisation de la diffusion\n\n                        <\/div>\n\n                    <\/div>\n\n\n                    <a href=\"\/atb-v2\/contact\/\"\n                       class=\"atb-tv2-btn atb-tv2-btn--wine\">\n\n                        <span>Nous contacter<\/span>\n\n                        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                            <path d=\"M5 12h14\"\/>\n                            <path d=\"m13 6 6 6-6 6\"\/>\n                        <\/svg>\n\n                    <\/a>\n\n                    <p class=\"atb-tv2-pro__notice\">\n                        Les modalit\u00e9s sont \u00e9tudi\u00e9es en fonction\n                        du contenu disponible et de la nature\n                        de chaque projet.\n                    <\/p>\n\n                <\/div>\n\n            <\/aside>\n\n        <\/div>\n\n\n        <!-- PUBLICS -->\n\n        <div class=\"atb-tv2-pro__audiences\">\n\n\n            <div class=\"atb-tv2-pro__audience\">\n\n                <svg viewBox=\"0 0 24 24\">\n                    <circle cx=\"12\" cy=\"8\" r=\"3\"\/>\n                    <path d=\"M6 20c0-4 2-7 6-7s6 3 6 7\"\/>\n                <\/svg>\n\n                <span>ONG<\/span>\n\n            <\/div>\n\n\n            <div class=\"atb-tv2-pro__audience\">\n\n                <svg viewBox=\"0 0 24 24\">\n                    <path d=\"M3 10h18\"\/>\n                    <path d=\"M5 10v8\"\/>\n                    <path d=\"M9 10v8\"\/>\n                    <path d=\"M15 10v8\"\/>\n                    <path d=\"M19 10v8\"\/>\n                    <path d=\"M3 18h18\"\/>\n                    <path d=\"m12 3 9 5H3z\"\/>\n                <\/svg>\n\n                <span>Institutions<\/span>\n\n            <\/div>\n\n\n            <div class=\"atb-tv2-pro__audience\">\n\n                <svg viewBox=\"0 0 24 24\">\n                    <path d=\"m3 9 9-5 9 5-9 5z\"\/>\n                    <path d=\"M7 12v5c3 2 7 2 10 0v-5\"\/>\n                <\/svg>\n\n                <span>Universit\u00e9s<\/span>\n\n            <\/div>\n\n\n            <div class=\"atb-tv2-pro__audience\">\n\n                <svg viewBox=\"0 0 24 24\">\n                    <rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"2\"\/>\n                    <path d=\"m10 9 5 3-5 3z\"\/>\n                <\/svg>\n\n                <span>M\u00e9dias<\/span>\n\n            <\/div>\n\n\n            <div class=\"atb-tv2-pro__audience\">\n\n                <svg viewBox=\"0 0 24 24\">\n                    <circle cx=\"8\" cy=\"8\" r=\"3\"\/>\n                    <circle cx=\"17\" cy=\"9\" r=\"2\"\/>\n                    <path d=\"M3 20c0-4 2-7 5-7s6 3 6 7\"\/>\n                    <path d=\"M14 14c3 0 5 2 5 5\"\/>\n                <\/svg>\n\n                <span>Associations<\/span>\n\n            <\/div>\n\n\n            <div class=\"atb-tv2-pro__audience\">\n\n                <svg viewBox=\"0 0 24 24\">\n                    <path d=\"M8 12h8\"\/>\n                    <path d=\"M12 8v8\"\/>\n                    <circle cx=\"12\" cy=\"12\" r=\"9\"\/>\n                <\/svg>\n\n                <span>Partenaires<\/span>\n\n            <\/div>\n\n        <\/div>\n\n\n        <!-- PROCESS -->\n\n        <div class=\"atb-tv2-process\">\n\n            <header class=\"atb-tv2-process__head\">\n\n                <span class=\"atb-tv2-kicker\">\n                    Comment cela fonctionne ?\n                <\/span>\n\n                <h3>\n                    Une d\u00e9marche simple, adapt\u00e9e \u00e0 chaque projet.\n                <\/h3>\n\n            <\/header>\n\n\n            <div class=\"atb-tv2-process__steps\">\n\n\n                <article class=\"atb-tv2-step\">\n\n                    <span class=\"atb-tv2-step__number\">\n                        01\n                    <\/span>\n\n                    <h4>\n                        Pr\u00e9sentez votre besoin\n                    <\/h4>\n\n                    <p>\n                        Public, objectif, contexte et type\n                        d\u2019utilisation envisag\u00e9.\n                    <\/p>\n\n                <\/article>\n\n\n                <article class=\"atb-tv2-step\">\n\n                    <span class=\"atb-tv2-step__number\">\n                        02\n                    <\/span>\n\n                    <h4>\n                        Identifions le contenu\n                    <\/h4>\n\n                    <p>\n                        L\u2019ATB \u00e9tudie les productions et ressources\n                        susceptibles de r\u00e9pondre \u00e0 votre projet.\n                    <\/p>\n\n                <\/article>\n\n\n                <article class=\"atb-tv2-step\">\n\n                    <span class=\"atb-tv2-step__number\">\n                        03\n                    <\/span>\n\n                    <h4>\n                        Organisons la diffusion\n                    <\/h4>\n\n                    <p>\n                        Les conditions pratiques sont d\u00e9finies\n                        selon le contexte et l\u2019utilisation retenue.\n                    <\/p>\n\n                <\/article>\n\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n<!-- =========================================================\n     06 \u2014 PLATEFORMES DE DIFFUSION\n========================================================= -->\n\n<section class=\"atb-tv2-platforms\"\n         id=\"tt-plateformes\">\n\n    <div class=\"atb-tv2-container\">\n\n        <header class=\"atb-tv2-section-head\">\n\n            <div>\n\n                <span class=\"atb-tv2-kicker\">\n                    Retrouvez l\u2019ATB en ligne\n                <\/span>\n\n                <h2>\n                    Nos plateformes de <em>diffusion<\/em>\n                <\/h2>\n\n            <\/div>\n\n            <p>\n                Suivez les productions, captations, reportages\n                et actualit\u00e9s audiovisuelles de l\u2019Atelier Th\u00e9\u00e2tre\n                Burkinab\u00e8 \u00e0 travers ses diff\u00e9rents espaces num\u00e9riques.\n            <\/p>\n\n        <\/header>\n\n\n        <div class=\"atb-tv2-platforms__grid\">\n\n\n            <!-- T\u00c9L\u00c9-TH\u00c9\u00c2TRE -->\n\n            <article class=\"atb-tv2-platform--main\">\n\n                <div class=\"atb-tv2-platform__main-content\">\n\n                    <span class=\"atb-tv2-platform__icon\">\n\n                        <svg viewBox=\"0 0 24 24\">\n                            <rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"2\"\/>\n                            <path d=\"m10 9 5 3-5 3z\"\/>\n                        <\/svg>\n\n                    <\/span>\n\n                    <small>\n                        T\u00e9l\u00e9-Th\u00e9\u00e2tre ATB\n                    <\/small>\n\n                    <h3>\n                        La sc\u00e8ne de l\u2019ATB continue de vivre en ligne.\n                    <\/h3>\n\n                    <p>\n                        Retrouvez l\u2019espace d\u00e9di\u00e9 \u00e0 la diffusion\n                        audiovisuelle des cr\u00e9ations de l\u2019ATB.\n                    <\/p>\n\n                    <div class=\"atb-tv2-platform__tags\">\n                        <span>Spectacles<\/span>\n                        <span>Th\u00e9\u00e2tre-Forum<\/span>\n                        <span>Captations<\/span>\n                        <span>Cr\u00e9ations<\/span>\n                    <\/div>\n\n                    <a href=\"https:\/\/web.facebook.com\/teletheatreatb\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"atb-tv2-platform__main-link\">\n\n                        <span>\n                            Acc\u00e9der au T\u00e9l\u00e9-Th\u00e9\u00e2tre\n                        <\/span>\n\n                        <svg viewBox=\"0 0 24 24\">\n                            <path d=\"M5 12h14\"\/>\n                            <path d=\"m13 6 6 6-6 6\"\/>\n                        <\/svg>\n\n                    <\/a>\n\n                <\/div>\n\n            <\/article>\n\n\n            <!-- FACEBOOK -->\n\n            <article class=\"atb-tv2-platform\">\n\n                <span class=\"atb-tv2-platform__social-icon\">\n\n                    <svg viewBox=\"0 0 24 24\"\n                         aria-hidden=\"true\">\n                        <path d=\"M13.5 22v-9h3l.5-3h-3.5V8.1c0-.9.3-1.6 1.7-1.6H17V3.8c-.3 0-1.4-.1-2.6-.1-2.6 0-4.4 1.6-4.4 4.5V10H7v3h3v9h3.5z\"\/>\n                    <\/svg>\n\n                <\/span>\n\n                <div class=\"atb-tv2-platform__body\">\n\n                    <small>\n                        Communaut\u00e9\n                    <\/small>\n\n                    <h3>\n                        Facebook\n                    <\/h3>\n\n                    <p>\n                        Suivez la vie de l\u2019ATB, ses activit\u00e9s,\n                        ses spectacles et ses publications.\n                    <\/p>\n\n                <\/div>\n\n                <a href=\"https:\/\/web.facebook.com\/ateliertheatreburkinabe\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"atb-tv2-platform__link\">\n\n                    <span>\n                        Suivre l\u2019ATB\n                    <\/span>\n\n                    <svg viewBox=\"0 0 24 24\">\n                        <path d=\"M5 12h14\"\/>\n                        <path d=\"m13 6 6 6-6 6\"\/>\n                    <\/svg>\n\n                <\/a>\n\n            <\/article>\n\n\n            <!-- YOUTUBE -->\n\n            <article class=\"atb-tv2-platform\">\n\n                <span class=\"atb-tv2-platform__social-icon\">\n\n                    <svg viewBox=\"0 0 24 24\"\n                         aria-hidden=\"true\">\n                        <path d=\"M21.6 7.2s-.2-1.6-.9-2.3c-.9-.9-1.8-.9-2.3-1C15.2 3.7 12 3.7 12 3.7s-3.2 0-6.4.2c-.5.1-1.4.1-2.3 1-.7.7-.9 2.3-.9 2.3S2.2 9.1 2.2 11v1.8c0 1.9.2 3.8.2 3.8s.2 1.6.9 2.3c.9.9 2.1.9 2.6 1 1.9.2 6.1.2 6.1.2s3.2 0 6.4-.2c.5-.1 1.4-.1 2.3-1 .7-.7.9-2.3.9-2.3s.2-1.9.2-3.8V11c0-1.9-.2-3.8-.2-3.8zM9.9 15.2V8.6l6.2 3.3-6.2 3.3z\"\/>\n                    <\/svg>\n\n                <\/span>\n\n                <div class=\"atb-tv2-platform__body\">\n\n                    <small>\n                        Vid\u00e9os\n                    <\/small>\n\n                    <h3>\n                        YouTube\n                    <\/h3>\n\n                    <p>\n                        D\u00e9couvrez les vid\u00e9os, captations\n                        et contenus audiovisuels publi\u00e9s par l\u2019ATB.\n                    <\/p>\n\n                <\/div>\n\n                <a href=\"https:\/\/www.youtube.com\/@ateliertheatreburkinabe6770\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"atb-tv2-platform__link\">\n\n                    <span>\n                        Voir les vid\u00e9os\n                    <\/span>\n\n                    <svg viewBox=\"0 0 24 24\">\n                        <path d=\"M5 12h14\"\/>\n                        <path d=\"m13 6 6 6-6 6\"\/>\n                    <\/svg>\n\n                <\/a>\n\n            <\/article>\n\n\n        <\/div>\n\n\n        <div class=\"atb-tv2-platforms__official\">\n\n            <div class=\"atb-tv2-platforms__official-left\">\n\n                <span class=\"atb-tv2-platforms__official-icon\">\n\n                    <svg viewBox=\"0 0 24 24\">\n                        <path d=\"M12 3 4 6v5c0 5 3 8 8 10 5-2 8-5 8-10V6z\"\/>\n                        <path d=\"m8 12 3 3 5-6\"\/>\n                    <\/svg>\n\n                <\/span>\n\n                <div>\n\n                    <strong>\n                        Retrouvez l\u2019ATB sur ses espaces num\u00e9riques\n                    <\/strong>\n\n                    <p>\n                        T\u00e9l\u00e9-Th\u00e9\u00e2tre, Facebook et YouTube prolongent\n                        la rencontre avec nos publics au-del\u00e0 de la sc\u00e8ne.\n                    <\/p>\n\n                <\/div>\n\n            <\/div>\n\n            <span>\n                ATB en ligne\n            <\/span>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n<!-- =========================================================\n     07 \u2014 \u00c9VOLUTION\n========================================================= -->\n\n<section class=\"atb-tv2-future\"\n         id=\"tt-evolution\">\n\n    <div class=\"atb-tv2-container\">\n\n        <header class=\"atb-tv2-future__intro\">\n\n            <div>\n\n                <span class=\"atb-tv2-kicker\">\n                    Une vision pens\u00e9e pour demain\n                <\/span>\n\n                <h2>\n                    Une plateforme en constante <em>\u00e9volution.<\/em>\n                <\/h2>\n\n            <\/div>\n\n            <div class=\"atb-tv2-future__intro-right\">\n\n                <p>\n                    Le T\u00e9l\u00e9-Th\u00e9\u00e2tre est pens\u00e9 comme un espace \u00e9volutif :\n                    au fil de la num\u00e9risation des archives et du\n                    d\u00e9veloppement des usages num\u00e9riques, de nouvelles\n                    ressources pourront progressivement rejoindre\n                    la plateforme.\n                <\/p>\n\n                <span class=\"atb-tv2-future__intro-note\">\n                    Une \u00e9volution progressive, fid\u00e8le \u00e0 la mission de l\u2019ATB.\n                <\/span>\n\n            <\/div>\n\n        <\/header>\n\n\n        <!-- AUJOURD'HUI -->\n\n        <div class=\"atb-tv2-future__manifesto\">\n\n            <div>\n\n                <small>\n                    Aujourd\u2019hui\n                <\/small>\n\n                <h3>\n                    Une vitrine ouverte sur les productions\n                    audiovisuelles de l\u2019ATB.\n                <\/h3>\n\n                <p>\n                    Le public peut d\u00e9couvrir des contenus,\n                    retrouver les plateformes de diffusion\n                    de l\u2019ATB et identifier les possibilit\u00e9s\n                    de collaboration autour des cr\u00e9ations.\n                <\/p>\n\n            <\/div>\n\n\n            <div class=\"atb-tv2-future__symbol\"\n                 aria-hidden=\"true\">\n\n                <span class=\"atb-tv2-future__symbol-icon\">\n\n                    <svg viewBox=\"0 0 24 24\">\n                        <path d=\"M5 12h14\"\/>\n                        <path d=\"m13 6 6 6-6 6\"\/>\n                    <\/svg>\n\n                <\/span>\n\n                <span class=\"atb-tv2-future__symbol-line\"><\/span>\n\n                <span>\n                    Demain\n                <\/span>\n\n            <\/div>\n\n        <\/div>\n\n\n        <!-- ROADMAP -->\n\n        <div class=\"atb-tv2-roadmap\">\n\n\n            <article class=\"atb-tv2-roadmap__item atb-tv2-roadmap__item--active\">\n\n                <div class=\"atb-tv2-roadmap__top\">\n\n                    <span class=\"atb-tv2-roadmap__number\">\n                        01\n                    <\/span>\n\n                    <span class=\"atb-tv2-roadmap__status\">\n                        Aujourd\u2019hui\n                    <\/span>\n\n                <\/div>\n\n                <h3>\n                    Productions en ligne\n                <\/h3>\n\n                <p>\n                    Une s\u00e9lection de contenus audiovisuels\n                    permet d\u00e9j\u00e0 de prolonger la d\u00e9couverte\n                    de l\u2019ATB sur le web.\n                <\/p>\n\n            <\/article>\n\n\n            <article class=\"atb-tv2-roadmap__item\">\n\n                <div class=\"atb-tv2-roadmap__top\">\n\n                    <span class=\"atb-tv2-roadmap__number\">\n                        02\n                    <\/span>\n\n                    <span class=\"atb-tv2-roadmap__status\">\n                        \u00c9volution\n                    <\/span>\n\n                <\/div>\n\n                <h3>\n                    Archives num\u00e9riques\n                <\/h3>\n\n                <p>\n                    La num\u00e9risation peut progressivement contribuer\n                    \u00e0 pr\u00e9server et valoriser la m\u00e9moire artistique\n                    et documentaire de l\u2019institution.\n                <\/p>\n\n            <\/article>\n\n\n            <article class=\"atb-tv2-roadmap__item\">\n\n                <div class=\"atb-tv2-roadmap__top\">\n\n                    <span class=\"atb-tv2-roadmap__number\">\n                        03\n                    <\/span>\n\n                    <span class=\"atb-tv2-roadmap__status\">\n                        \u00c9volution\n                    <\/span>\n\n                <\/div>\n\n                <h3>\n                    Ressources p\u00e9dagogiques\n                <\/h3>\n\n                <p>\n                    Des ressources num\u00e9riques pourront soutenir\n                    la transmission des m\u00e9thodes et de l\u2019expertise\n                    d\u00e9velopp\u00e9es par l\u2019ATB.\n                <\/p>\n\n            <\/article>\n\n\n            <article class=\"atb-tv2-roadmap__item\">\n\n                <div class=\"atb-tv2-roadmap__top\">\n\n                    <span class=\"atb-tv2-roadmap__number\">\n                        04\n                    <\/span>\n\n                    <span class=\"atb-tv2-roadmap__status\">\n                        Perspective\n                    <\/span>\n\n                <\/div>\n\n                <h3>\n                    Formation num\u00e9rique\n                <\/h3>\n\n                <p>\n                    Le d\u00e9veloppement futur de modules en ligne\n                    pourra compl\u00e9ter les activit\u00e9s de formation\n                    et de transmission en pr\u00e9sentiel.\n                <\/p>\n\n            <\/article>\n\n\n            <article class=\"atb-tv2-roadmap__item\">\n\n                <div class=\"atb-tv2-roadmap__top\">\n\n                    <span class=\"atb-tv2-roadmap__number\">\n                        05\n                    <\/span>\n\n                    <span class=\"atb-tv2-roadmap__status\">\n                        Perspective\n                    <\/span>\n\n                <\/div>\n\n                <h3>\n                    Acc\u00e8s d\u00e9di\u00e9\n                <\/h3>\n\n                <p>\n                    Certains publics, partenaires ou anciens\n                    apprenants pourraient \u00e0 terme disposer\n                    d\u2019espaces adapt\u00e9s \u00e0 leurs besoins.\n                <\/p>\n\n            <\/article>\n\n\n            <article class=\"atb-tv2-roadmap__item\">\n\n                <div class=\"atb-tv2-roadmap__top\">\n\n                    <span class=\"atb-tv2-roadmap__number\">\n                        06\n                    <\/span>\n\n                    <span class=\"atb-tv2-roadmap__status\">\n                        Vision\n                    <\/span>\n\n                <\/div>\n\n                <h3>\n                    Un patrimoine vivant\n                <\/h3>\n\n                <p>\n                    Faire du num\u00e9rique un outil de conservation,\n                    de transmission et de rayonnement du patrimoine\n                    th\u00e9\u00e2tral construit par l\u2019ATB.\n                <\/p>\n\n            <\/article>\n\n\n        <\/div>\n\n\n        <div class=\"atb-tv2-future__bottom\">\n\n            <div>\n\n                <strong>\n                    Une architecture con\u00e7ue pour durer\n                <\/strong>\n\n                <p>\n                    Le T\u00e9l\u00e9-Th\u00e9\u00e2tre pourra accueillir progressivement\n                    de nouvelles productions, cat\u00e9gories et ressources\n                    sans perdre la simplicit\u00e9 de son exp\u00e9rience actuelle.\n                <\/p>\n\n            <\/div>\n\n            <a href=\"\/atb-v2\/contact\/\"\n               class=\"atb-tv2-btn atb-tv2-btn--wine\">\n\n                <span>\n                    Parler d\u2019un projet audiovisuel\n                <\/span>\n\n                <svg viewBox=\"0 0 24 24\">\n                    <path d=\"M5 12h14\"\/>\n                    <path d=\"m13 6 6 6-6 6\"\/>\n                <\/svg>\n\n            <\/a>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n<!-- =========================================================\n     08 \u2014 CTA FINAL\n========================================================= -->\n\n<section class=\"atb-tv2-final\"\n         id=\"tt-final\">\n\n    <div class=\"atb-tv2-final__bg\"\n         aria-hidden=\"true\"><\/div>\n\n    <div class=\"atb-tv2-final__overlay\"\n         aria-hidden=\"true\"><\/div>\n\n    <div class=\"atb-tv2-final__glow\"\n         aria-hidden=\"true\"><\/div>\n\n\n    <div class=\"atb-tv2-container\">\n\n        <div class=\"atb-tv2-final__layout\">\n\n\n            <div class=\"atb-tv2-final__content\">\n\n                <span class=\"atb-tv2-kicker\">\n                    T\u00e9l\u00e9-Th\u00e9\u00e2tre ATB\n                <\/span>\n\n                <h2>\n                    Le th\u00e9\u00e2tre continue de vivre\n                    <em>\u00e0 l\u2019\u00e9cran.<\/em>\n                <\/h2>\n\n                <p class=\"atb-tv2-final__lead\">\n                    Une repr\u00e9sentation s\u2019ach\u00e8ve.\n                    Ce qu\u2019elle transmet peut continuer \u00e0 voyager.\n                <\/p>\n\n                <p class=\"atb-tv2-final__text\">\n                    Retrouvez r\u00e9guli\u00e8rement les productions,\n                    captations, cr\u00e9ations audiovisuelles et archives\n                    qui prolongent la rencontre entre l\u2019Atelier\n                    Th\u00e9\u00e2tre Burkinab\u00e8 et ses publics.\n                <\/p>\n\n\n                <div class=\"atb-tv2-final__actions\">\n\n                    <a href=\"#atb-videotheque\"\n                       class=\"atb-tv2-btn atb-tv2-btn--gold\">\n\n                        <span>\n                            Voir les productions\n                        <\/span>\n\n                        <svg viewBox=\"0 0 24 24\">\n                            <path d=\"M5 12h14\"\/>\n                            <path d=\"m13 6 6 6-6 6\"\/>\n                        <\/svg>\n\n                    <\/a>\n\n                    <a href=\"\/atb-v2\/contact\/\"\n                       class=\"atb-tv2-btn atb-tv2-btn--glass\">\n\n                        <span>\n                            Nous contacter\n                        <\/span>\n\n                        <svg viewBox=\"0 0 24 24\">\n                            <path d=\"M5 12h14\"\/>\n                            <path d=\"m13 6 6 6-6 6\"\/>\n                        <\/svg>\n\n                    <\/a>\n\n                <\/div>\n\n            <\/div>\n\n\n            <aside class=\"atb-tv2-final__signature\">\n\n                <span class=\"atb-tv2-final__signature-icon\">\n\n                    <svg viewBox=\"0 0 24 24\">\n                        <rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"2\"\/>\n                        <path d=\"m10 9 5 3-5 3z\"\/>\n                    <\/svg>\n\n                <\/span>\n\n                <small>\n                    Une m\u00e9moire vivante\n                <\/small>\n\n                <strong>\n                    Cr\u00e9er. Filmer. Transmettre.\n                <\/strong>\n\n                <p>\n                    Le T\u00e9l\u00e9-Th\u00e9\u00e2tre prolonge dans l\u2019espace num\u00e9rique\n                    la mission artistique, sociale et culturelle\n                    de l\u2019ATB.\n                <\/p>\n\n            <\/aside>\n\n\n        <\/div>\n\n    <\/div>\n\n\n    <div class=\"atb-tv2-final__strip\"\n         aria-hidden=\"true\">\n\n        <div class=\"atb-tv2-final__strip-inner\">\n\n            <span>Th\u00e9\u00e2tre-Forum<\/span>\n            <i><\/i>\n\n            <span>Captations<\/span>\n            <i><\/i>\n\n            <span>Cr\u00e9ations<\/span>\n            <i><\/i>\n\n            <span>Transmission<\/span>\n            <i><\/i>\n\n            <span>Archives<\/span>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n<!-- =========================================================\n     JS \u2014 ANCRES ENTRE PARTIE 1 ET PARTIE 2\n========================================================= -->\n\n<script>\n(function(){\n\n    function initATBTeleTheatrePart2(){\n\n        var root =\n            document.querySelector(\".atb-tv-page--part2\");\n\n        if(\n            !root ||\n            root.dataset.initialized === \"true\"\n        ){\n            return;\n        }\n\n        root.dataset.initialized = \"true\";\n\n\n        var anchors =\n            root.querySelectorAll('a[href^=\"#\"]');\n\n        anchors.forEach(function(link){\n\n            link.addEventListener(\n                \"click\",\n                function(event){\n\n                    var selector =\n                        link.getAttribute(\"href\");\n\n                    if(\n                        !selector ||\n                        selector === \"#\"\n                    ){\n                        return;\n                    }\n\n                    \/*\n                     * document.querySelector est utilis\u00e9 ici\n                     * volontairement : certaines cibles se trouvent\n                     * dans la Partie 1 \/ widget pr\u00e9c\u00e9dent.\n                     *\/\n\n                    var target =\n                        document.querySelector(selector);\n\n                    if(target){\n\n                        event.preventDefault();\n\n                        target.scrollIntoView({\n                            behavior:\"smooth\",\n                            block:\"start\"\n                        });\n\n                    }\n\n                }\n            );\n\n        });\n\n    }\n\n\n    if(document.readyState === \"loading\"){\n\n        document.addEventListener(\n            \"DOMContentLoaded\",\n            initATBTeleTheatrePart2\n        );\n\n    }else{\n\n        initATBTeleTheatrePart2();\n\n    }\n\n\n    window.addEventListener(\n        \"load\",\n        initATBTeleTheatrePart2\n    );\n\n    setTimeout(\n        initATBTeleTheatrePart2,\n        500\n    );\n\n})();\n<\/script>\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>La sc\u00e8ne audiovisuelle de l\u2019ATB T\u00e9l\u00e9-Th\u00e9\u00e2tre ATB Le rideau tombe. L\u2019histoire continue. D\u00e9couvrez les spectacles, captations, cr\u00e9ations audiovisuelles et contenus qui prolongent \u00e0 l\u2019\u00e9cran la mission de l\u2019Atelier Th\u00e9\u00e2tre Burkinab\u00e8 [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_price":"","_stock":"","_tribe_ticket_header":"","_tribe_default_ticket_provider":"","_tribe_ticket_capacity":"0","_ticket_start_date":"","_ticket_end_date":"","_tribe_ticket_show_description":"","_tribe_ticket_show_not_going":false,"_tribe_ticket_use_global_stock":"","_tribe_ticket_global_stock_level":"","_global_stock_mode":"","_global_stock_cap":"","_tribe_rsvp_for_event":"","_tribe_ticket_going_count":"","_tribe_ticket_not_going_count":"","_tribe_tickets_list":"[]","_tribe_ticket_has_attendee_info_fields":false,"footnotes":"","_tec_slr_enabled":"","_tec_slr_layout":""},"wf_page_folders":[64],"class_list":["post-103","page","type-page","status-publish","hentry"],"ticketed":false,"_links":{"self":[{"href":"https:\/\/atb.bf\/atb-v2\/wp-json\/wp\/v2\/pages\/103","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=103"}],"version-history":[{"count":9,"href":"https:\/\/atb.bf\/atb-v2\/wp-json\/wp\/v2\/pages\/103\/revisions"}],"predecessor-version":[{"id":2264,"href":"https:\/\/atb.bf\/atb-v2\/wp-json\/wp\/v2\/pages\/103\/revisions\/2264"}],"wp:attachment":[{"href":"https:\/\/atb.bf\/atb-v2\/wp-json\/wp\/v2\/media?parent=103"}],"wp:term":[{"taxonomy":"wf_page_folders","embeddable":true,"href":"https:\/\/atb.bf\/atb-v2\/wp-json\/wp\/v2\/wf_page_folders?post=103"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}