{"id":1919,"date":"2026-07-11T15:30:47","date_gmt":"2026-07-11T13:30:47","guid":{"rendered":"https:\/\/atb.bf\/atb-v2\/?page_id=1919"},"modified":"2026-07-11T18:46:14","modified_gmt":"2026-07-11T16:46:14","slug":"ressources","status":"publish","type":"page","link":"https:\/\/atb.bf\/atb-v2\/ressources\/","title":{"rendered":"RESSOURCES"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1919\" class=\"elementor elementor-1919\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5496f10 e-con e-atomic-element e-flexbox-base e-1cc1747 \" data-id=\"5496f10\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"5496f10\" data-e-type=\"e-flexbox\" data-id=\"5496f10\">\n    \t\t<div class=\"elementor-element elementor-element-dde2028 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"dde2028\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\n     ATB \u2014 HERO RESSOURCES & M\u00c9DIATH\u00c8QUE\n     \u00c0 coller dans un widget HTML Elementor\n========================================================== -->\n\n<section class=\"atb-resource-hero\" id=\"atb-haut-de-page\">\n    \n    <!-- Image anim\u00e9e -->\n    <div class=\"atb-resource-hero__media\" aria-hidden=\"true\"><\/div>\n\n    <!-- Superpositions -->\n    <div class=\"atb-resource-hero__overlay\" aria-hidden=\"true\"><\/div>\n    <div class=\"atb-resource-hero__texture\" aria-hidden=\"true\"><\/div>\n\n    <!-- D\u00e9coration -->\n    <div class=\"atb-resource-hero__orb atb-resource-hero__orb--one\" aria-hidden=\"true\"><\/div>\n    <div class=\"atb-resource-hero__orb atb-resource-hero__orb--two\" aria-hidden=\"true\"><\/div>\n\n    <div class=\"atb-resource-hero__container\">\n\n        <!-- Fil d\u2019Ariane -->\n        <nav class=\"atb-resource-breadcrumb\" aria-label=\"Fil d\u2019Ariane\">\n            <a href=\"\/\">Accueil<\/a>\n            <span aria-hidden=\"true\">\/<\/span>\n            <span>Ressources & M\u00e9diath\u00e8que<\/span>\n        <\/nav>\n\n        <div class=\"atb-resource-hero__content\">\n\n            <!-- Badge -->\n            <div class=\"atb-resource-hero__badge\">\n                <span class=\"atb-resource-hero__badge-icon\" aria-hidden=\"true\">\n                    <svg viewBox=\"0 0 24 24\">\n                        <path d=\"M4 5.5A2.5 2.5 0 0 1 6.5 3H11a3 3 0 0 1 3 3v13a3 3 0 0 0-3-3H4V5.5Z\"\/>\n                        <path d=\"M20 5.5A2.5 2.5 0 0 0 17.5 3H14v16a3 3 0 0 1 3-3h3V5.5Z\"\/>\n                    <\/svg>\n                <\/span>\n                <span>Centre de ressources de l\u2019ATB<\/span>\n            <\/div>\n\n            <!-- Titre -->\n            <h1 class=\"atb-resource-hero__title\">\n                Ressources\n                <span>& M\u00e9diath\u00e8que<\/span>\n            <\/h1>\n\n            <!-- Introduction -->\n            <p class=\"atb-resource-hero__description\">\n                Explorez plus de quatre d\u00e9cennies de publications, de recherches,\n                de cr\u00e9ations audiovisuelles et d\u2019archives consacr\u00e9es au th\u00e9\u00e2tre,\n                \u00e0 la culture et au d\u00e9veloppement.\n            <\/p>\n\n            <!-- Boutons -->\n            <div class=\"atb-resource-hero__actions\">\n\n                <a class=\"atb-resource-btn atb-resource-btn--gold\"\n                   href=\"#atb-ressources\">\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                <\/a>\n\n                <a class=\"atb-resource-btn atb-resource-btn--outline\" href=\"https:\/\/www.youtube.com\/@ateliertheatreburkinabe6770\" target=\"_blank\" rel=\"noopener noreferrer\">\n                    <span class=\"atb-resource-btn__play\" aria-hidden=\"true\">\n                        <svg viewBox=\"0 0 24 24\">\n                            <path d=\"m9 7 8 5-8 5V7Z\"\/>\n                        <\/svg>\n                    <\/span>\n\n                    <span>D\u00e9couvrir T\u00e9l\u00e9-Th\u00e9\u00e2tre<\/span>\n                <\/a>\n\n            <\/div>\n\n            <!-- Cat\u00e9gories -->\n            <div class=\"atb-resource-hero__categories\"\n                 aria-label=\"Cat\u00e9gories disponibles\">\n\n                <div class=\"atb-resource-category\">\n                    <span class=\"atb-resource-category__icon\" aria-hidden=\"true\">\n                        <svg viewBox=\"0 0 24 24\">\n                            <path d=\"M4 19.5V5a2 2 0 0 1 2-2h5a3 3 0 0 1 3 3v13a3 3 0 0 0-3-3H4Z\"\/>\n                            <path d=\"M20 19.5V5a2 2 0 0 0-2-2h-4v16a3 3 0 0 1 3-3h3Z\"\/>\n                        <\/svg>\n                    <\/span>\n                    <span>Revues<\/span>\n                <\/div>\n\n                <span class=\"atb-resource-category-divider\" aria-hidden=\"true\"><\/span>\n\n                <div class=\"atb-resource-category\">\n                    <span class=\"atb-resource-category__icon\" aria-hidden=\"true\">\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 3V9Z\"\/>\n                        <\/svg>\n                    <\/span>\n                    <span>T\u00e9l\u00e9-Th\u00e9\u00e2tre<\/span>\n                <\/div>\n\n                <span class=\"atb-resource-category-divider\" aria-hidden=\"true\"><\/span>\n\n                <div class=\"atb-resource-category\">\n                    <span class=\"atb-resource-category__icon\" aria-hidden=\"true\">\n                        <svg viewBox=\"0 0 24 24\">\n                            <path d=\"M7 3h7l4 4v14H7V3Z\"\/>\n                            <path d=\"M14 3v5h5\"\/>\n                            <path d=\"M10 13h5\"\/>\n                            <path d=\"M10 17h5\"\/>\n                        <\/svg>\n                    <\/span>\n                    <span>Publications<\/span>\n                <\/div>\n\n                <span class=\"atb-resource-category-divider\" aria-hidden=\"true\"><\/span>\n\n                <div class=\"atb-resource-category\">\n                    <span class=\"atb-resource-category__icon\" aria-hidden=\"true\">\n                        <svg viewBox=\"0 0 24 24\">\n                            <rect x=\"3\" y=\"4\" width=\"18\" height=\"16\" rx=\"2\"\/>\n                            <circle cx=\"8.5\" cy=\"9\" r=\"1.5\"\/>\n                            <path d=\"m5 17 4-4 3 3 2-2 5 3\"\/>\n                        <\/svg>\n                    <\/span>\n                    <span>Archives<\/span>\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n    <\/div>\n\n    <!-- D\u00e9filement -->\n    <a class=\"atb-resource-scroll\"\n       href=\"#atb-ressources\"\n       aria-label=\"Faire d\u00e9filer vers les ressources\">\n\n        <span>D\u00e9couvrir<\/span>\n\n        <span class=\"atb-resource-scroll__mouse\" aria-hidden=\"true\">\n            <span><\/span>\n        <\/span>\n    <\/a>\n\n    <!-- Forme de s\u00e9paration -->\n    <div class=\"atb-resource-hero__bottom-shape\" aria-hidden=\"true\">\n        <svg viewBox=\"0 0 1440 120\" preserveAspectRatio=\"none\">\n            <path d=\"M0,68 C230,122 460,5 724,46 C994,88 1192,123 1440,55 L1440,120 L0,120 Z\"><\/path>\n        <\/svg>\n    <\/div>\n\n<\/section>\n\n<!-- Ancre de la prochaine section -->\n<div id=\"atb-ressources\"><\/div>\n\n<style>\n\/* =========================================================\n   VARIABLES\n========================================================= *\/\n\n.atb-resource-hero {\n    --atb-resource-hero-image:\n        url(\"http:\/\/atb.bf\/atb-v2\/wp-content\/uploads\/2025\/11\/41765490_1035202253322959_3176673432641208320_n.jpg\");\n\n    --atb-bordeaux: #60052d;\n    --atb-bordeaux-dark: #260010;\n    --atb-bordeaux-soft: #7c1745;\n    --atb-gold: #cc9933;\n    --atb-gold-light: #f0cf7a;\n    --atb-cream: #f7f1e7;\n    --atb-white: #ffffff;\n    --atb-text-light: rgba(255, 255, 255, 0.86);\n\n    position: relative;\n    min-height: 760px;\n    height: min(92vh, 940px);\n    overflow: hidden;\n    isolation: isolate;\n    display: flex;\n    align-items: center;\n    background: var(--atb-bordeaux-dark);\n    font-family: \"Archivo\", Arial, sans-serif;\n}\n\n\/* =========================================================\n   IMAGE ET SUPERPOSITIONS\n========================================================= *\/\n\n.atb-resource-hero__media {\n    position: absolute;\n    inset: -4%;\n    z-index: -5;\n    background-image: var(--atb-resource-hero-image);\n    background-position: center center;\n    background-repeat: no-repeat;\n    background-size: cover;\n    transform: scale(1.03);\n    animation: atbResourceKenBurns 18s ease-in-out infinite alternate;\n}\n\n.atb-resource-hero__overlay {\n    position: absolute;\n    inset: 0;\n    z-index: -4;\n    background:\n        linear-gradient(\n            90deg,\n            rgba(28, 0, 13, 0.96) 0%,\n            rgba(62, 1, 30, 0.90) 36%,\n            rgba(96, 5, 45, 0.66) 68%,\n            rgba(27, 0, 12, 0.55) 100%\n        ),\n        linear-gradient(\n            180deg,\n            rgba(16, 0, 7, 0.25) 0%,\n            rgba(16, 0, 7, 0.12) 45%,\n            rgba(16, 0, 7, 0.78) 100%\n        );\n}\n\n.atb-resource-hero__texture {\n    position: absolute;\n    inset: 0;\n    z-index: -3;\n    opacity: 0.16;\n    pointer-events: none;\n    background-image:\n        repeating-linear-gradient(\n            0deg,\n            rgba(255, 255, 255, 0.025) 0,\n            rgba(255, 255, 255, 0.025) 1px,\n            transparent 1px,\n            transparent 4px\n        );\n    mix-blend-mode: soft-light;\n}\n\n.atb-resource-hero::before {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    z-index: -2;\n    pointer-events: none;\n    background:\n        radial-gradient(\n            circle at 72% 35%,\n            rgba(204, 153, 51, 0.13),\n            transparent 32%\n        );\n}\n\n\/* =========================================================\n   D\u00c9CORATIONS\n========================================================= *\/\n\n.atb-resource-hero__orb {\n    position: absolute;\n    z-index: -1;\n    border: 1px solid rgba(204, 153, 51, 0.18);\n    border-radius: 50%;\n    pointer-events: none;\n}\n\n.atb-resource-hero__orb--one {\n    width: 430px;\n    height: 430px;\n    top: -220px;\n    right: -100px;\n}\n\n.atb-resource-hero__orb--two {\n    width: 220px;\n    height: 220px;\n    bottom: 70px;\n    right: 14%;\n}\n\n\/* =========================================================\n   CONTENEUR\n========================================================= *\/\n\n.atb-resource-hero__container {\n    width: min(1240px, calc(100% - 48px));\n    margin: 0 auto;\n    position: relative;\n    z-index: 3;\n    padding-top: 95px;\n    padding-bottom: 120px;\n}\n\n\/* =========================================================\n   FIL D\u2019ARIANE\n========================================================= *\/\n\n.atb-resource-breadcrumb {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 10px;\n    margin-bottom: 42px;\n    font-size: 12px;\n    line-height: 1.4;\n    font-weight: 600;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    color: rgba(255, 255, 255, 0.68);\n}\n\n.atb-resource-breadcrumb a {\n    color: rgba(255, 255, 255, 0.76);\n    text-decoration: none;\n    transition: color 0.3s ease;\n}\n\n.atb-resource-breadcrumb a:hover {\n    color: var(--atb-gold-light);\n}\n\n.atb-resource-breadcrumb span:first-of-type {\n    color: var(--atb-gold);\n}\n\n\/* =========================================================\n   CONTENU\n========================================================= *\/\n\n.atb-resource-hero__content {\n    width: min(810px, 100%);\n}\n\n\/* Badge *\/\n\n.atb-resource-hero__badge {\n    width: fit-content;\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    padding: 9px 15px;\n    margin-bottom: 25px;\n    border: 1px solid rgba(240, 207, 122, 0.42);\n    border-radius: 999px;\n    color: var(--atb-gold-light);\n    background: rgba(255, 255, 255, 0.07);\n    backdrop-filter: blur(9px);\n    -webkit-backdrop-filter: blur(9px);\n    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.09);\n    font-size: 12px;\n    line-height: 1;\n    font-weight: 700;\n    letter-spacing: 0.11em;\n    text-transform: uppercase;\n    opacity: 0;\n    transform: translateY(22px);\n    animation: atbResourceReveal 0.8s 0.12s forwards ease;\n}\n\n.atb-resource-hero__badge-icon {\n    width: 18px;\n    height: 18px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n}\n\n.atb-resource-hero__badge-icon svg {\n    width: 100%;\n    height: 100%;\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 1.8;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n}\n\n\/* Titre *\/\n\n.atb-resource-hero__title {\n    max-width: 900px;\n    margin: 0;\n    color: var(--atb-white);\n    font-family: \"Fraunces\", Georgia, serif;\n    font-size: clamp(58px, 7vw, 108px);\n    line-height: 0.93;\n    font-weight: 600;\n    letter-spacing: -0.045em;\n    text-wrap: balance;\n    text-shadow: 0 12px 40px rgba(0, 0, 0, 0.22);\n    opacity: 0;\n    transform: translateY(30px);\n    animation: atbResourceReveal 0.9s 0.25s forwards ease;\n}\n\n.atb-resource-hero__title span {\n    display: block;\n    margin-top: 10px;\n    color: var(--atb-gold-light);\n    font-style: italic;\n    font-weight: 400;\n}\n\n\/* Description *\/\n\n.atb-resource-hero__description {\n    max-width: 690px;\n    margin: 30px 0 0;\n    color: var(--atb-text-light);\n    font-size: clamp(16px, 1.35vw, 20px);\n    line-height: 1.75;\n    font-weight: 400;\n    opacity: 0;\n    transform: translateY(28px);\n    animation: atbResourceReveal 0.9s 0.4s forwards ease;\n}\n\n\/* =========================================================\n   BOUTONS\n========================================================= *\/\n\n.atb-resource-hero__actions {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    gap: 14px;\n    margin-top: 35px;\n    opacity: 0;\n    transform: translateY(28px);\n    animation: atbResourceReveal 0.9s 0.54s forwards ease;\n}\n\n.atb-resource-btn {\n    min-height: 56px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 12px;\n    padding: 14px 23px;\n    border-radius: 5px;\n    text-decoration: none !important;\n    font-size: 14px;\n    line-height: 1.2;\n    font-weight: 700;\n    letter-spacing: 0.01em;\n    position: relative;\n    overflow: hidden;\n    isolation: isolate;\n    transition:\n        transform 0.3s ease,\n        border-color 0.3s ease,\n        background-color 0.3s ease,\n        box-shadow 0.3s ease,\n        color 0.3s ease;\n}\n\n.atb-resource-btn::before {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    z-index: -1;\n    transform: translateX(-105%);\n    background: rgba(255, 255, 255, 0.19);\n    transition: transform 0.45s ease;\n}\n\n.atb-resource-btn:hover::before {\n    transform: translateX(0);\n}\n\n.atb-resource-btn:hover {\n    transform: translateY(-3px);\n}\n\n.atb-resource-btn svg {\n    width: 19px;\n    height: 19px;\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 1.8;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n    transition: transform 0.3s ease;\n}\n\n.atb-resource-btn--gold {\n    color: #2b1600 !important;\n    background: var(--atb-gold);\n    border: 1px solid var(--atb-gold);\n    box-shadow: 0 14px 38px rgba(204, 153, 51, 0.24);\n}\n\n.atb-resource-btn--gold:hover {\n    color: #2b1600 !important;\n    box-shadow: 0 18px 46px rgba(204, 153, 51, 0.34);\n}\n\n.atb-resource-btn--gold:hover > svg {\n    transform: translateX(4px);\n}\n\n.atb-resource-btn--outline {\n    color: var(--atb-white) !important;\n    border: 1px solid rgba(255, 255, 255, 0.44);\n    background: rgba(255, 255, 255, 0.07);\n    backdrop-filter: blur(8px);\n    -webkit-backdrop-filter: blur(8px);\n}\n\n.atb-resource-btn--outline:hover {\n    color: var(--atb-white) !important;\n    border-color: rgba(255, 255, 255, 0.8);\n    background: rgba(255, 255, 255, 0.13);\n}\n\n.atb-resource-btn__play {\n    width: 27px;\n    height: 27px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    border: 1px solid rgba(255, 255, 255, 0.44);\n    border-radius: 50%;\n}\n\n.atb-resource-btn__play svg {\n    width: 15px;\n    height: 15px;\n    fill: currentColor;\n    stroke: none;\n}\n\n\/* =========================================================\n   CAT\u00c9GORIES\n========================================================= *\/\n\n.atb-resource-hero__categories {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 18px;\n    margin-top: 44px;\n    padding-top: 25px;\n    border-top: 1px solid rgba(255, 255, 255, 0.17);\n    opacity: 0;\n    transform: translateY(24px);\n    animation: atbResourceReveal 0.9s 0.68s forwards ease;\n}\n\n.atb-resource-category {\n    display: inline-flex;\n    align-items: center;\n    gap: 9px;\n    color: rgba(255, 255, 255, 0.78);\n    font-size: 13px;\n    line-height: 1.2;\n    font-weight: 600;\n}\n\n.atb-resource-category__icon {\n    width: 20px;\n    height: 20px;\n    display: inline-flex;\n    color: var(--atb-gold-light);\n}\n\n.atb-resource-category__icon svg {\n    width: 100%;\n    height: 100%;\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 1.6;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n}\n\n.atb-resource-category-divider {\n    width: 4px;\n    height: 4px;\n    flex: 0 0 auto;\n    border-radius: 50%;\n    background: var(--atb-gold);\n}\n\n\/* =========================================================\n   INDICATEUR DE D\u00c9FILEMENT\n========================================================= *\/\n\n.atb-resource-scroll {\n    position: absolute;\n    z-index: 6;\n    right: max(25px, calc((100% - 1240px) \/ 2));\n    bottom: 78px;\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    color: rgba(255, 255, 255, 0.72) !important;\n    text-decoration: none !important;\n    font-size: 10px;\n    font-weight: 700;\n    letter-spacing: 0.14em;\n    text-transform: uppercase;\n    transform: rotate(90deg);\n    transform-origin: right center;\n}\n\n.atb-resource-scroll__mouse {\n    width: 30px;\n    height: 18px;\n    display: inline-flex;\n    align-items: center;\n    padding: 3px;\n    border: 1px solid rgba(255, 255, 255, 0.42);\n    border-radius: 999px;\n}\n\n.atb-resource-scroll__mouse > span {\n    width: 5px;\n    height: 5px;\n    display: block;\n    border-radius: 50%;\n    background: var(--atb-gold-light);\n    animation: atbResourceScrollDot 1.7s infinite ease-in-out;\n}\n\n\/* =========================================================\n   S\u00c9PARATEUR BAS\n========================================================= *\/\n\n.atb-resource-hero__bottom-shape {\n    position: absolute;\n    z-index: 5;\n    left: 0;\n    right: 0;\n    bottom: -1px;\n    height: 76px;\n    pointer-events: none;\n}\n\n.atb-resource-hero__bottom-shape svg {\n    width: 100%;\n    height: 100%;\n    display: block;\n}\n\n.atb-resource-hero__bottom-shape path {\n    fill: var(--atb-cream);\n}\n\n\/* =========================================================\n   ANIMATIONS\n========================================================= *\/\n\n@keyframes atbResourceReveal {\n    from {\n        opacity: 0;\n        transform: translateY(28px);\n    }\n    to {\n        opacity: 1;\n        transform: translateY(0);\n    }\n}\n\n@keyframes atbResourceKenBurns {\n    0% {\n        transform: scale(1.03) translate3d(0, 0, 0);\n    }\n    100% {\n        transform: scale(1.11) translate3d(-1.2%, -0.8%, 0);\n    }\n}\n\n@keyframes atbResourceScrollDot {\n    0%,\n    100% {\n        transform: translateX(0);\n        opacity: 0.55;\n    }\n    50% {\n        transform: translateX(14px);\n        opacity: 1;\n    }\n}\n\n\/* =========================================================\n   RESPONSIVE TABLETTE\n========================================================= *\/\n\n@media (max-width: 1024px) {\n    .atb-resource-hero {\n        min-height: 720px;\n        height: auto;\n    }\n\n    .atb-resource-hero__container {\n        width: min(100% - 40px, 920px);\n        padding-top: 120px;\n        padding-bottom: 135px;\n    }\n\n    .atb-resource-hero__content {\n        width: min(730px, 100%);\n    }\n\n    .atb-resource-scroll {\n        display: none;\n    }\n\n    .atb-resource-hero__orb--two {\n        right: -80px;\n    }\n}\n\n\/* =========================================================\n   RESPONSIVE MOBILE\n========================================================= *\/\n\n@media (max-width: 767px) {\n    .atb-resource-hero {\n        min-height: 720px;\n        align-items: flex-start;\n    }\n\n    .atb-resource-hero__media {\n        background-position: 62% center;\n    }\n\n    .atb-resource-hero__overlay {\n        background:\n            linear-gradient(\n                180deg,\n                rgba(27, 0, 12, 0.86) 0%,\n                rgba(67, 0, 32, 0.91) 52%,\n                rgba(23, 0, 10, 0.95) 100%\n            );\n    }\n\n    .atb-resource-hero__container {\n        width: calc(100% - 32px);\n        padding-top: 105px;\n        padding-bottom: 120px;\n    }\n\n    .atb-resource-breadcrumb {\n        margin-bottom: 30px;\n        font-size: 10px;\n    }\n\n    .atb-resource-hero__badge {\n        margin-bottom: 22px;\n        padding: 8px 12px;\n        font-size: 10px;\n        letter-spacing: 0.08em;\n    }\n\n    .atb-resource-hero__title {\n        font-size: clamp(47px, 14vw, 68px);\n        line-height: 0.98;\n        letter-spacing: -0.04em;\n    }\n\n    .atb-resource-hero__title span {\n        margin-top: 5px;\n    }\n\n    .atb-resource-hero__description {\n        margin-top: 24px;\n        font-size: 15px;\n        line-height: 1.68;\n    }\n\n    .atb-resource-hero__actions {\n        align-items: stretch;\n        flex-direction: column;\n        margin-top: 29px;\n    }\n\n    .atb-resource-btn {\n        width: 100%;\n        min-height: 54px;\n    }\n\n    .atb-resource-hero__categories {\n        gap: 14px 16px;\n        margin-top: 31px;\n        padding-top: 21px;\n    }\n\n    .atb-resource-category {\n        font-size: 11px;\n    }\n\n    .atb-resource-category-divider {\n        display: none;\n    }\n\n    .atb-resource-hero__bottom-shape {\n        height: 48px;\n    }\n\n    .atb-resource-hero__orb--one {\n        width: 260px;\n        height: 260px;\n        top: -130px;\n        right: -130px;\n    }\n}\n\n\/* =========================================================\n   PETITS MOBILES\n========================================================= *\/\n\n@media (max-width: 420px) {\n    .atb-resource-hero__container {\n        width: calc(100% - 26px);\n    }\n\n    .atb-resource-hero__title {\n        font-size: 44px;\n    }\n\n    .atb-resource-hero__categories {\n        display: grid;\n        grid-template-columns: repeat(2, minmax(0, 1fr));\n    }\n}\n\n\/* =========================================================\n   ACCESSIBILIT\u00c9 \u2014 R\u00c9DUCTION DES ANIMATIONS\n========================================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n    .atb-resource-hero__media,\n    .atb-resource-scroll__mouse > span {\n        animation: none !important;\n    }\n\n    .atb-resource-hero__badge,\n    .atb-resource-hero__title,\n    .atb-resource-hero__description,\n    .atb-resource-hero__actions,\n    .atb-resource-hero__categories {\n        opacity: 1;\n        transform: none;\n        animation: none;\n    }\n\n    .atb-resource-btn {\n        transition: none;\n    }\n}\n<\/style>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n    const heroLinks = document.querySelectorAll(\n        '.atb-resource-hero a[href^=\"#\"]'\n    );\n\n    heroLinks.forEach(function (link) {\n        link.addEventListener(\"click\", function (event) {\n            const targetId = link.getAttribute(\"href\");\n            const target = document.querySelector(targetId);\n\n            if (!target) return;\n\n            event.preventDefault();\n\n            target.scrollIntoView({\n                behavior: window.matchMedia(\n                    \"(prefers-reduced-motion: reduce)\"\n                ).matches ? \"auto\" : \"smooth\",\n                block: \"start\"\n            });\n        });\n    });\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-c2efd72 e-con e-atomic-element e-flexbox-base e-cb2f9f9 \" data-id=\"c2efd72\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"c2efd72\" data-e-type=\"e-flexbox\" data-id=\"c2efd72\">\n    \t\t<div class=\"elementor-element elementor-element-fbdb497 elementor-widget elementor-widget-html\" data-id=\"fbdb497\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\n     ATB \u2014 SECTION 2 V2\n     UNE M\u00c9MOIRE VIVANTE DU TH\u00c9\u00c2TRE BURKINAB\u00c8\n     Compatible Elementor HTML\/CSS\n========================================================== -->\n\n<section class=\"atb-memory-v2\" id=\"atb-ressources\">\n\n    <div class=\"atb-memory-v2__decor atb-memory-v2__decor--left\" aria-hidden=\"true\"><\/div>\n    <div class=\"atb-memory-v2__decor atb-memory-v2__decor--right\" aria-hidden=\"true\"><\/div>\n\n    <div class=\"atb-memory-v2__container\">\n\n        <!-- EN-T\u00caTE -->\n        <div class=\"atb-memory-v2__heading-wrap\">\n\n            <div class=\"atb-memory-v2__heading-content\">\n\n                <span class=\"atb-memory-v2__eyebrow\">\n                    Patrimoine documentaire\n                <\/span>\n\n                <h2 class=\"atb-memory-v2__title\">\n                    Une m\u00e9moire vivante\n                    <span>du th\u00e9\u00e2tre burkinab\u00e8<\/span>\n                <\/h2>\n\n            <\/div>\n\n            <div class=\"atb-memory-v2__seal\" aria-hidden=\"true\">\n                <span>ATB<\/span>\n                <small>Depuis 1978<\/small>\n            <\/div>\n\n        <\/div>\n\n        <!-- BLOC PRINCIPAL -->\n        <div class=\"atb-memory-v2__main\">\n\n            <!-- COLONNE IMAGE -->\n            <div class=\"atb-memory-v2__visual\">\n\n                <div class=\"atb-memory-v2__image-wrap\">\n\n                    <img decoding=\"async\"\n                        src=\"http:\/\/atb.bf\/atb-v2\/wp-content\/uploads\/2025\/11\/43679357_1057687234407794_5818889952536035328_n.jpg\"\n                        alt=\"Archives et m\u00e9moire de l\u2019Atelier Th\u00e9\u00e2tre Burkinab\u00e8\"\n                        loading=\"lazy\"\n                    >\n\n                    <div class=\"atb-memory-v2__image-overlay\"><\/div>\n\n                    <div class=\"atb-memory-v2__image-info\">\n                        <span>Archives ATB<\/span>\n\n                        <strong>\n                            Plus de quatre d\u00e9cennies de cr\u00e9ation, de recherche\n                            et de transmission\n                        <\/strong>\n                    <\/div>\n\n                <\/div>\n\n                <div class=\"atb-memory-v2__floating-box\">\n\n                    <div class=\"atb-memory-v2__floating-icon\" aria-hidden=\"true\">\n                        <svg viewBox=\"0 0 24 24\">\n                            <path d=\"M4 19V5a2 2 0 0 1 2-2h5a3 3 0 0 1 3 3v13a3 3 0 0 0-3-3H4Z\"><\/path>\n                            <path d=\"M20 19V5a2 2 0 0 0-2-2h-4v16a3 3 0 0 1 3-3h3Z\"><\/path>\n                        <\/svg>\n                    <\/div>\n\n                    <div>\n                        <small>Une expertise document\u00e9e<\/small>\n                        <strong>Sc\u00e8ne, recherche et d\u00e9veloppement<\/strong>\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n            <!-- COLONNE TEXTE -->\n            <div class=\"atb-memory-v2__content\">\n\n                <div class=\"atb-memory-v2__intro-line\"><\/div>\n\n                <p class=\"atb-memory-v2__lead\">\n                    L\u2019Atelier Th\u00e9\u00e2tre Burkinab\u00e8 ne se contente pas de cr\u00e9er\n                    des spectacles : il conserve, analyse et transmet\n                    l\u2019exp\u00e9rience acquise sur la sc\u00e8ne et au contact des\n                    communaut\u00e9s.\n                <\/p>\n\n                <p class=\"atb-memory-v2__text\">\n                    Depuis sa cr\u00e9ation, l\u2019ATB constitue une m\u00e9moire compos\u00e9e\n                    de revues de recherche, de publications, de captations,\n                    de t\u00e9moignages, d\u2019archives photographiques et de documents\n                    institutionnels. Ces ressources permettent de comprendre\n                    l\u2019\u00e9volution du Th\u00e9\u00e2tre pour le D\u00e9veloppement et son r\u00f4le\n                    dans la transformation sociale.\n                <\/p>\n\n                <p class=\"atb-memory-v2__text\">\n                    Cette m\u00e9diath\u00e8que s\u2019adresse aux artistes, aux chercheurs,\n                    aux \u00e9tudiants, aux partenaires, aux professionnels de la\n                    culture ainsi qu\u2019\u00e0 toutes les personnes d\u00e9sireuses\n                    d\u2019explorer le patrimoine intellectuel et artistique de\n                    l\u2019ATB.\n                <\/p>\n\n                <blockquote class=\"atb-memory-v2__quote\">\n                    <span class=\"atb-memory-v2__quote-symbol\">\u201c<\/span>\n\n                    <p>\n                        Transformer l\u2019exp\u00e9rience en expertise et faire de la\n                        m\u00e9moire un outil de transmission.\n                    <\/p>\n                <\/blockquote>\n\n                <a href=\"#atb-enjeux-scene\" class=\"atb-memory-v2__button\">\n                    <span>D\u00e9couvrir les collections<\/span>\n\n                    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                        <path d=\"M5 12h14\"><\/path>\n                        <path d=\"m13 6 6 6-6 6\"><\/path>\n                    <\/svg>\n                <\/a>\n\n            <\/div>\n\n        <\/div>\n\n        <!-- INDICATEURS -->\n        <div class=\"atb-memory-v2__stats\">\n\n            <article class=\"atb-memory-v2__stat\">\n\n                <span class=\"atb-memory-v2__stat-icon\" aria-hidden=\"true\">\n                    <svg viewBox=\"0 0 24 24\">\n                        <circle cx=\"12\" cy=\"12\" r=\"9\"><\/circle>\n                        <path d=\"M12 7v5l3 2\"><\/path>\n                    <\/svg>\n                <\/span>\n\n                <strong>48+<\/strong>\n\n                <h3>Ann\u00e9es d\u2019archives<\/h3>\n\n                <p>\n                    Une m\u00e9moire institutionnelle construite depuis 1978.\n                <\/p>\n\n            <\/article>\n\n            <article class=\"atb-memory-v2__stat\">\n\n                <span class=\"atb-memory-v2__stat-icon\" aria-hidden=\"true\">\n                    <svg viewBox=\"0 0 24 24\">\n                        <path d=\"M4 19V5a2 2 0 0 1 2-2h5a3 3 0 0 1 3 3v13a3 3 0 0 0-3-3H4Z\"><\/path>\n                        <path d=\"M20 19V5a2 2 0 0 0-2-2h-4v16a3 3 0 0 1 3-3h3Z\"><\/path>\n                    <\/svg>\n                <\/span>\n\n                <strong>Revue<\/strong>\n\n                <h3>Enjeux de Sc\u00e8ne<\/h3>\n\n                <p>\n                    Une publication consacr\u00e9e au th\u00e9\u00e2tre et \u00e0 la recherche.\n                <\/p>\n\n            <\/article>\n\n            <article class=\"atb-memory-v2__stat\">\n\n                <span class=\"atb-memory-v2__stat-icon\" aria-hidden=\"true\">\n                    <svg viewBox=\"0 0 24 24\">\n                        <rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"2\"><\/rect>\n                        <path d=\"m10 9 5 3-5 3V9Z\"><\/path>\n                    <\/svg>\n                <\/span>\n\n                <strong>Vid\u00e9o<\/strong>\n\n                <h3>T\u00e9l\u00e9-Th\u00e9\u00e2tre<\/h3>\n\n                <p>\n                    Des spectacles, entretiens et productions accessibles en ligne.\n                <\/p>\n\n            <\/article>\n\n            <article class=\"atb-memory-v2__stat\">\n\n                <span class=\"atb-memory-v2__stat-icon\" aria-hidden=\"true\">\n                    <svg viewBox=\"0 0 24 24\">\n                        <path d=\"M7 3h7l4 4v14H7V3Z\"><\/path>\n                        <path d=\"M14 3v5h5\"><\/path>\n                        <path d=\"M10 13h5\"><\/path>\n                        <path d=\"M10 17h5\"><\/path>\n                    <\/svg>\n                <\/span>\n\n                <strong>Archives<\/strong>\n\n                <h3>Patrimoine num\u00e9rique<\/h3>\n\n                <p>\n                    Photos, \u00e9tudes, documents et ressources institutionnelles.\n                <\/p>\n\n            <\/article>\n\n        <\/div>\n\n        <!-- TRANSITION -->\n        <div class=\"atb-memory-v2__transition\" aria-hidden=\"true\">\n\n            <span><\/span>\n\n            <div>\n                <svg viewBox=\"0 0 24 24\">\n                    <path d=\"M4 19V5a2 2 0 0 1 2-2h5a3 3 0 0 1 3 3v13a3 3 0 0 0-3-3H4Z\"><\/path>\n                    <path d=\"M20 19V5a2 2 0 0 0-2-2h-4v16a3 3 0 0 1 3-3h3Z\"><\/path>\n                <\/svg>\n            <\/div>\n\n            <span><\/span>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n<style>\n\/* =========================================================\n   SECTION M\u00c9MOIRE V2\n========================================================= *\/\n\n.atb-memory-v2 {\n    --atb-mem-bordeaux: #60052d;\n    --atb-mem-bordeaux-dark: #350016;\n    --atb-mem-gold: #cc9933;\n    --atb-mem-gold-light: #e6c474;\n    --atb-mem-cream: #f7f1e7;\n    --atb-mem-white: #ffffff;\n    --atb-mem-text: #261b20;\n    --atb-mem-muted: #74686d;\n\n    position: relative;\n    overflow: hidden;\n    padding: 120px 0 90px;\n    background:\n        radial-gradient(\n            circle at 5% 20%,\n            rgba(204, 153, 51, 0.09),\n            transparent 25%\n        ),\n        linear-gradient(\n            180deg,\n            #f7f1e7 0%,\n            #fdfaf5 100%\n        );\n    font-family: \"Archivo\", Arial, sans-serif;\n}\n\n\/* =========================================================\n   D\u00c9CORATIONS\n========================================================= *\/\n\n.atb-memory-v2__decor {\n    position: absolute;\n    border: 1px solid rgba(204, 153, 51, 0.2);\n    border-radius: 50%;\n    pointer-events: none;\n}\n\n.atb-memory-v2__decor--left {\n    width: 420px;\n    height: 420px;\n    top: 140px;\n    left: -310px;\n}\n\n.atb-memory-v2__decor--right {\n    width: 260px;\n    height: 260px;\n    right: -150px;\n    bottom: 160px;\n}\n\n.atb-memory-v2__container {\n    width: min(1200px, calc(100% - 48px));\n    margin: 0 auto;\n    position: relative;\n    z-index: 2;\n}\n\n\/* =========================================================\n   EN-T\u00caTE\n========================================================= *\/\n\n.atb-memory-v2__heading-wrap {\n    display: flex;\n    align-items: flex-end;\n    justify-content: space-between;\n    gap: 40px;\n    margin-bottom: 65px;\n}\n\n.atb-memory-v2__eyebrow {\n    display: inline-flex;\n    align-items: center;\n    gap: 12px;\n    margin-bottom: 17px;\n    color: var(--atb-mem-bordeaux);\n    font-size: 11px;\n    line-height: 1.2;\n    font-weight: 800;\n    letter-spacing: 0.16em;\n    text-transform: uppercase;\n}\n\n.atb-memory-v2__eyebrow::before {\n    content: \"\";\n    width: 38px;\n    height: 2px;\n    background: var(--atb-mem-gold);\n}\n\n.atb-memory-v2__title {\n    margin: 0;\n    color: var(--atb-mem-text);\n    font-family: \"Fraunces\", Georgia, serif;\n    font-size: clamp(44px, 5vw, 72px);\n    line-height: 1.02;\n    font-weight: 600;\n    letter-spacing: -0.04em;\n}\n\n.atb-memory-v2__title span {\n    display: block;\n    color: var(--atb-mem-bordeaux);\n    font-style: italic;\n    font-weight: 400;\n}\n\n.atb-memory-v2__seal {\n    width: 125px;\n    height: 125px;\n    flex: 0 0 125px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-direction: column;\n    border: 1px solid rgba(96, 5, 45, 0.24);\n    border-radius: 50%;\n    color: var(--atb-mem-bordeaux);\n    position: relative;\n}\n\n.atb-memory-v2__seal::before {\n    content: \"\";\n    position: absolute;\n    inset: 8px;\n    border: 1px dashed rgba(204, 153, 51, 0.55);\n    border-radius: 50%;\n}\n\n.atb-memory-v2__seal span {\n    font-family: \"Fraunces\", Georgia, serif;\n    font-size: 27px;\n    line-height: 1;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n}\n\n.atb-memory-v2__seal small {\n    margin-top: 7px;\n    color: var(--atb-mem-muted);\n    font-size: 8px;\n    font-weight: 800;\n    letter-spacing: 0.13em;\n    text-transform: uppercase;\n}\n\n\/* =========================================================\n   BLOC PRINCIPAL\n========================================================= *\/\n\n.atb-memory-v2__main {\n    display: grid;\n    grid-template-columns: minmax(0, 1.08fr) minmax(0, 0.92fr);\n    align-items: center;\n    gap: clamp(55px, 7vw, 95px);\n}\n\n\/* =========================================================\n   IMAGE\n========================================================= *\/\n\n.atb-memory-v2__visual {\n    position: relative;\n    padding: 18px 28px 55px 0;\n    animation: atbMemoryV2Fade 0.8s ease both;\n}\n\n.atb-memory-v2__visual::before {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    right: 0;\n    width: 72%;\n    height: 78%;\n    border: 1px solid rgba(204, 153, 51, 0.45);\n    z-index: -1;\n}\n\n.atb-memory-v2__image-wrap {\n    min-height: 565px;\n    position: relative;\n    overflow: hidden;\n    background: var(--atb-mem-bordeaux-dark);\n    box-shadow: 0 28px 70px rgba(53, 0, 22, 0.17);\n}\n\n.atb-memory-v2__image-wrap img {\n    width: 100%;\n    min-height: 565px;\n    height: 100%;\n    display: block;\n    object-fit: cover;\n    object-position: center;\n    transition: transform 0.9s ease;\n}\n\n.atb-memory-v2__visual:hover img {\n    transform: scale(1.045);\n}\n\n.atb-memory-v2__image-overlay {\n    position: absolute;\n    inset: 0;\n    background:\n        linear-gradient(\n            180deg,\n            transparent 42%,\n            rgba(40, 0, 17, 0.88) 100%\n        ),\n        linear-gradient(\n            90deg,\n            rgba(96, 5, 45, 0.16),\n            transparent 55%\n        );\n}\n\n.atb-memory-v2__image-info {\n    position: absolute;\n    left: 32px;\n    right: 32px;\n    bottom: 32px;\n    color: white;\n}\n\n.atb-memory-v2__image-info span {\n    display: block;\n    margin-bottom: 9px;\n    color: var(--atb-mem-gold-light);\n    font-size: 10px;\n    font-weight: 800;\n    letter-spacing: 0.14em;\n    text-transform: uppercase;\n}\n\n.atb-memory-v2__image-info strong {\n    max-width: 470px;\n    display: block;\n    font-family: \"Fraunces\", Georgia, serif;\n    font-size: clamp(23px, 2vw, 30px);\n    line-height: 1.28;\n    font-weight: 500;\n}\n\n.atb-memory-v2__floating-box {\n    width: min(345px, calc(100% - 40px));\n    min-height: 112px;\n    position: absolute;\n    left: 28px;\n    bottom: 0;\n    display: flex;\n    align-items: center;\n    gap: 17px;\n    padding: 22px 24px;\n    color: white;\n    background: var(--atb-mem-bordeaux);\n    box-shadow: 0 22px 50px rgba(53, 0, 22, 0.22);\n}\n\n.atb-memory-v2__floating-icon {\n    width: 47px;\n    height: 47px;\n    flex: 0 0 47px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    border: 1px solid rgba(230, 196, 116, 0.48);\n    color: var(--atb-mem-gold-light);\n}\n\n.atb-memory-v2__floating-icon svg {\n    width: 24px;\n    height: 24px;\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 1.6;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n}\n\n.atb-memory-v2__floating-box small {\n    display: block;\n    margin-bottom: 5px;\n    color: rgba(255, 255, 255, 0.68);\n    font-size: 9px;\n    font-weight: 700;\n    letter-spacing: 0.1em;\n    text-transform: uppercase;\n}\n\n.atb-memory-v2__floating-box strong {\n    display: block;\n    font-family: \"Fraunces\", Georgia, serif;\n    font-size: 17px;\n    line-height: 1.32;\n    font-weight: 500;\n}\n\n\/* =========================================================\n   TEXTE\n========================================================= *\/\n\n.atb-memory-v2__content {\n    animation: atbMemoryV2Fade 0.8s 0.12s ease both;\n}\n\n.atb-memory-v2__intro-line {\n    width: 70px;\n    height: 3px;\n    margin-bottom: 28px;\n    background: var(--atb-mem-gold);\n}\n\n.atb-memory-v2__lead {\n    margin: 0;\n    color: var(--atb-mem-text);\n    font-family: \"Fraunces\", Georgia, serif;\n    font-size: clamp(23px, 2.05vw, 31px);\n    line-height: 1.43;\n    font-weight: 450;\n    letter-spacing: -0.015em;\n}\n\n.atb-memory-v2__text {\n    margin: 23px 0 0;\n    color: var(--atb-mem-muted);\n    font-size: 15.5px;\n    line-height: 1.82;\n}\n\n.atb-memory-v2__quote {\n    margin: 32px 0 0;\n    padding: 24px 25px 23px 31px;\n    border-left: 3px solid var(--atb-mem-gold);\n    background: rgba(255, 255, 255, 0.78);\n    box-shadow: 0 18px 44px rgba(53, 20, 35, 0.07);\n    position: relative;\n}\n\n.atb-memory-v2__quote-symbol {\n    position: absolute;\n    top: -15px;\n    right: 20px;\n    color: rgba(204, 153, 51, 0.2);\n    font-family: Georgia, serif;\n    font-size: 78px;\n    line-height: 1;\n}\n\n.atb-memory-v2__quote p {\n    margin: 0;\n    color: var(--atb-mem-bordeaux);\n    font-family: \"Fraunces\", Georgia, serif;\n    font-size: 19px;\n    line-height: 1.5;\n    font-style: italic;\n}\n\n.atb-memory-v2__button {\n    min-height: 54px;\n    width: fit-content;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 13px;\n    margin-top: 31px;\n    padding: 14px 22px;\n    color: white !important;\n    background: var(--atb-mem-bordeaux);\n    text-decoration: none !important;\n    font-size: 13px;\n    font-weight: 800;\n    border: 1px solid var(--atb-mem-bordeaux);\n    transition:\n        transform 0.3s ease,\n        background-color 0.3s ease,\n        box-shadow 0.3s ease;\n}\n\n.atb-memory-v2__button svg {\n    width: 18px;\n    height: 18px;\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 1.8;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n    transition: transform 0.3s ease;\n}\n\n.atb-memory-v2__button:hover {\n    color: white !important;\n    transform: translateY(-3px);\n    background: var(--atb-mem-bordeaux-dark);\n    box-shadow: 0 16px 35px rgba(96, 5, 45, 0.21);\n}\n\n.atb-memory-v2__button:hover svg {\n    transform: translateX(4px);\n}\n\n\/* =========================================================\n   INDICATEURS\n========================================================= *\/\n\n.atb-memory-v2__stats {\n    display: grid;\n    grid-template-columns: repeat(4, minmax(0, 1fr));\n    margin-top: 92px;\n    border-top: 1px solid rgba(96, 5, 45, 0.13);\n    border-bottom: 1px solid rgba(96, 5, 45, 0.13);\n}\n\n.atb-memory-v2__stat {\n    min-height: 255px;\n    padding: 33px 27px;\n    border-right: 1px solid rgba(96, 5, 45, 0.13);\n    background: rgba(255, 255, 255, 0.38);\n    position: relative;\n    transition:\n        transform 0.35s ease,\n        background-color 0.35s ease,\n        box-shadow 0.35s ease;\n}\n\n.atb-memory-v2__stat:first-child {\n    border-left: 1px solid rgba(96, 5, 45, 0.13);\n}\n\n.atb-memory-v2__stat::before {\n    content: \"\";\n    width: 0;\n    height: 3px;\n    position: absolute;\n    top: -1px;\n    left: 0;\n    background: var(--atb-mem-gold);\n    transition: width 0.4s ease;\n}\n\n.atb-memory-v2__stat:hover {\n    z-index: 2;\n    transform: translateY(-7px);\n    background: white;\n    box-shadow: 0 24px 55px rgba(55, 20, 35, 0.09);\n}\n\n.atb-memory-v2__stat:hover::before {\n    width: 100%;\n}\n\n.atb-memory-v2__stat-icon {\n    width: 44px;\n    height: 44px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    margin-bottom: 26px;\n    border-radius: 50%;\n    color: var(--atb-mem-bordeaux);\n    background: rgba(96, 5, 45, 0.07);\n}\n\n.atb-memory-v2__stat-icon svg {\n    width: 22px;\n    height: 22px;\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 1.65;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n}\n\n.atb-memory-v2__stat > strong {\n    display: block;\n    color: var(--atb-mem-bordeaux);\n    font-family: \"Fraunces\", Georgia, serif;\n    font-size: clamp(30px, 2.5vw, 42px);\n    line-height: 1;\n    font-weight: 600;\n    letter-spacing: -0.04em;\n}\n\n.atb-memory-v2__stat h3 {\n    margin: 18px 0 9px;\n    color: var(--atb-mem-text);\n    font-family: \"Fraunces\", Georgia, serif;\n    font-size: 19px;\n    line-height: 1.3;\n    font-weight: 600;\n}\n\n.atb-memory-v2__stat p {\n    margin: 0;\n    color: var(--atb-mem-muted);\n    font-size: 13px;\n    line-height: 1.68;\n}\n\n\/* =========================================================\n   TRANSITION\n========================================================= *\/\n\n.atb-memory-v2__transition {\n    width: min(650px, 100%);\n    display: grid;\n    grid-template-columns: 1fr auto 1fr;\n    align-items: center;\n    gap: 20px;\n    margin: 78px auto 0;\n}\n\n.atb-memory-v2__transition > span {\n    height: 1px;\n    background:\n        linear-gradient(\n            90deg,\n            transparent,\n            rgba(204, 153, 51, 0.7)\n        );\n}\n\n.atb-memory-v2__transition > span:last-child {\n    background:\n        linear-gradient(\n            90deg,\n            rgba(204, 153, 51, 0.7),\n            transparent\n        );\n}\n\n.atb-memory-v2__transition div {\n    width: 51px;\n    height: 51px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    border: 1px solid rgba(204, 153, 51, 0.48);\n    border-radius: 50%;\n    color: var(--atb-mem-bordeaux);\n    background: var(--atb-mem-cream);\n}\n\n.atb-memory-v2__transition svg {\n    width: 25px;\n    height: 25px;\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 1.5;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n}\n\n\/* =========================================================\n   ANIMATION CSS S\u00dbRE\n========================================================= *\/\n\n@keyframes atbMemoryV2Fade {\n    from {\n        opacity: 0;\n        transform: translateY(24px);\n    }\n\n    to {\n        opacity: 1;\n        transform: translateY(0);\n    }\n}\n\n\/* =========================================================\n   TABLETTE\n========================================================= *\/\n\n@media (max-width: 1024px) {\n\n    .atb-memory-v2 {\n        padding: 100px 0 78px;\n    }\n\n    .atb-memory-v2__container {\n        width: min(920px, calc(100% - 40px));\n    }\n\n    .atb-memory-v2__main {\n        grid-template-columns: 1fr;\n        gap: 62px;\n    }\n\n    .atb-memory-v2__visual {\n        width: min(760px, 100%);\n    }\n\n    .atb-memory-v2__content {\n        max-width: 760px;\n    }\n\n    .atb-memory-v2__stats {\n        grid-template-columns: repeat(2, minmax(0, 1fr));\n    }\n\n    .atb-memory-v2__stat:nth-child(3),\n    .atb-memory-v2__stat:nth-child(4) {\n        border-top: 1px solid rgba(96, 5, 45, 0.13);\n    }\n\n    .atb-memory-v2__stat:nth-child(3) {\n        border-left: 1px solid rgba(96, 5, 45, 0.13);\n    }\n}\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media (max-width: 767px) {\n\n    .atb-memory-v2 {\n        padding: 80px 0 62px;\n    }\n\n    .atb-memory-v2__container {\n        width: calc(100% - 32px);\n    }\n\n    .atb-memory-v2__heading-wrap {\n        align-items: flex-start;\n        margin-bottom: 43px;\n    }\n\n    .atb-memory-v2__seal {\n        display: none;\n    }\n\n    .atb-memory-v2__title {\n        font-size: clamp(38px, 11vw, 52px);\n    }\n\n    .atb-memory-v2__visual {\n        padding: 12px 12px 68px 0;\n    }\n\n    .atb-memory-v2__image-wrap,\n    .atb-memory-v2__image-wrap img {\n        min-height: 430px;\n    }\n\n    .atb-memory-v2__image-info {\n        left: 22px;\n        right: 22px;\n        bottom: 24px;\n    }\n\n    .atb-memory-v2__floating-box {\n        left: 15px;\n        width: calc(100% - 30px);\n        min-height: 104px;\n        padding: 19px;\n    }\n\n    .atb-memory-v2__lead {\n        font-size: 22px;\n    }\n\n    .atb-memory-v2__text {\n        font-size: 15px;\n        line-height: 1.76;\n    }\n\n    .atb-memory-v2__button {\n        width: 100%;\n    }\n\n    .atb-memory-v2__stats {\n        grid-template-columns: 1fr;\n        margin-top: 65px;\n    }\n\n    .atb-memory-v2__stat {\n        min-height: auto;\n        border-left: 1px solid rgba(96, 5, 45, 0.13);\n        border-top: 1px solid rgba(96, 5, 45, 0.13);\n    }\n\n    .atb-memory-v2__stat:first-child {\n        border-top: 0;\n    }\n\n    .atb-memory-v2__transition {\n        margin-top: 60px;\n        gap: 13px;\n    }\n}\n\n\/* =========================================================\n   PETITS MOBILES\n========================================================= *\/\n\n@media (max-width: 420px) {\n\n    .atb-memory-v2__container {\n        width: calc(100% - 26px);\n    }\n\n    .atb-memory-v2__image-wrap,\n    .atb-memory-v2__image-wrap img {\n        min-height: 380px;\n    }\n\n    .atb-memory-v2__floating-icon {\n        width: 40px;\n        height: 40px;\n        flex-basis: 40px;\n    }\n\n    .atb-memory-v2__floating-box strong {\n        font-size: 15px;\n    }\n}\n\n\/* =========================================================\n   ACCESSIBILIT\u00c9\n========================================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n    .atb-memory-v2__visual,\n    .atb-memory-v2__content {\n        animation: none;\n    }\n\n    .atb-memory-v2__image-wrap img,\n    .atb-memory-v2__stat,\n    .atb-memory-v2__button,\n    .atb-memory-v2__button svg {\n        transition: none;\n    }\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-f560f53 e-con e-atomic-element e-flexbox-base e-52389de \" data-id=\"f560f53\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"f560f53\" data-e-type=\"e-flexbox\" data-id=\"f560f53\">\n    \t\t<div class=\"elementor-element elementor-element-747f11c elementor-widget elementor-widget-html\" data-id=\"747f11c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\n     ATB \u2014 SECTION 3\n     REVUE ENJEUX DE SC\u00c8NE\n     Compatible Elementor HTML\/CSS\n========================================================== -->\n\n<section class=\"atb-enjeux\" id=\"atb-enjeux-scene\">\n\n    <div class=\"atb-enjeux__background-word\" aria-hidden=\"true\">\n        ENJEUX\n    <\/div>\n\n    <div class=\"atb-enjeux__container\">\n\n        <!-- EN-T\u00caTE -->\n        <header class=\"atb-enjeux__header\">\n\n            <div class=\"atb-enjeux__header-main\">\n\n                <span class=\"atb-enjeux__eyebrow\">\n                    Publication scientifique et culturelle\n                <\/span>\n\n                <h2 class=\"atb-enjeux__title\">\n                    La revue\n                    <span>Enjeux de Sc\u00e8ne<\/span>\n                <\/h2>\n\n            <\/div>\n\n            <p class=\"atb-enjeux__header-text\">\n                Un espace d\u2019information, de recherche et de r\u00e9flexion consacr\u00e9\n                au th\u00e9\u00e2tre, aux arts vivants et au Th\u00e9\u00e2tre pour le D\u00e9veloppement.\n            <\/p>\n\n        <\/header>\n\n        <!-- NUM\u00c9RO \u00c0 LA UNE -->\n        <div class=\"atb-enjeux__featured\">\n\n            <!-- APER\u00c7U DU PDF -->\n            <div class=\"atb-enjeux__featured-visual\">\n\n                <span class=\"atb-enjeux__featured-badge\">\n                    Num\u00e9ro \u00e0 la une\n                <\/span>\n\n                <div class=\"atb-enjeux__magazine-shadow\" aria-hidden=\"true\"><\/div>\n\n                <div class=\"atb-enjeux__pdf-preview\">\n\n                    <iframe\n                        src=\"http:\/\/atb.bf\/atb-v2\/wp-content\/uploads\/2026\/07\/catalogue-5.pdf#page=1&view=FitH\"\n                        title=\"Aper\u00e7u du dernier num\u00e9ro de la revue Enjeux de Sc\u00e8ne\"\n                        loading=\"lazy\">\n                    <\/iframe>\n\n                    <a href=\"http:\/\/atb.bf\/atb-v2\/wp-content\/uploads\/2026\/07\/catalogue-5.pdf\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Lire le dernier num\u00e9ro de la revue Enjeux de Sc\u00e8ne\">\n                    <\/a>\n\n                <\/div>\n\n                <div class=\"atb-enjeux__featured-number\" aria-hidden=\"true\">\n                    <small>Revue de recherche<\/small>\n                    <strong>ATB<\/strong>\n                <\/div>\n\n            <\/div>\n\n            <!-- PR\u00c9SENTATION -->\n            <div class=\"atb-enjeux__featured-content\">\n\n                <span class=\"atb-enjeux__label\">\n                    La pens\u00e9e au service de la sc\u00e8ne\n                <\/span>\n\n                <h3>\n                    Documenter les pratiques,\n                    <em>partager les exp\u00e9riences<\/em>\n                <\/h3>\n\n                <p class=\"atb-enjeux__lead\">\n                    Depuis plusieurs ann\u00e9es, <strong>Enjeux de Sc\u00e8ne<\/strong>\n                    transforme l\u2019exp\u00e9rience artistique et communautaire de\n                    l\u2019Atelier Th\u00e9\u00e2tre Burkinab\u00e8 en une expertise accessible\n                    aux professionnels, chercheurs, \u00e9tudiants et praticiens\n                    des arts de la sc\u00e8ne.\n                <\/p>\n\n                <p class=\"atb-enjeux__description\">\n                    La revue rassemble des \u00e9tudes, des entretiens, des analyses\n                    de spectacles, des r\u00e9flexions m\u00e9thodologiques et des\n                    t\u00e9moignages issus des activit\u00e9s de l\u2019ATB et de son r\u00e9seau.\n                    Elle constitue une m\u00e9moire pr\u00e9cieuse du Th\u00e9\u00e2tre pour le\n                    D\u00e9veloppement au Burkina Faso et en Afrique.\n                <\/p>\n\n                <!-- TH\u00c9MATIQUES -->\n                <div class=\"atb-enjeux__topics\">\n\n                    <span>\n                        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                            <path d=\"m5 12 4 4L19 6\"><\/path>\n                        <\/svg>\n                        \u00c9tudes\n                    <\/span>\n\n                    <span>\n                        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                            <path d=\"m5 12 4 4L19 6\"><\/path>\n                        <\/svg>\n                        Entretiens\n                    <\/span>\n\n                    <span>\n                        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                            <path d=\"m5 12 4 4L19 6\"><\/path>\n                        <\/svg>\n                        Recherche\n                    <\/span>\n\n                    <span>\n                        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                            <path d=\"m5 12 4 4L19 6\"><\/path>\n                        <\/svg>\n                        Vie de l\u2019ATB\n                    <\/span>\n\n                    <span>\n                        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                            <path d=\"m5 12 4 4L19 6\"><\/path>\n                        <\/svg>\n                        Th\u00e9\u00e2tre pour le D\u00e9veloppement\n                    <\/span>\n\n                <\/div>\n\n                <!-- CTA -->\n                <div class=\"atb-enjeux__actions\">\n\n                    <a class=\"atb-enjeux__button atb-enjeux__button--primary\" href=\"http:\/\/atb.bf\/atb-v2\/wp-content\/uploads\/2026\/07\/catalogue-5.pdf\" target=\"_blank\" rel=\"noopener noreferrer\">\n\n                        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                            <path d=\"M4 19V5a2 2 0 0 1 2-2h5a3 3 0 0 1 3 3v13a3 3 0 0 0-3-3H4Z\"><\/path>\n                            <path d=\"M20 19V5a2 2 0 0 0-2-2h-4v16a3 3 0 0 1 3-3h3Z\"><\/path>\n                        <\/svg>\n\n                        <span>Lire le dernier num\u00e9ro<\/span>\n                    <\/a>\n\n                    <a\n                        class=\"atb-enjeux__button atb-enjeux__button--secondary\"\n                        href=\"#atb-enjeux-collection\">\n\n                        <span>Voir la collection<\/span>\n\n                        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                            <path d=\"M5 12h14\"><\/path>\n                            <path d=\"m13 6 6 6-6 6\"><\/path>\n                        <\/svg>\n                    <\/a>\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n        <!-- COLLECTION -->\n        <div class=\"atb-enjeux__collection\" id=\"atb-enjeux-collection\">\n\n            <div class=\"atb-enjeux__collection-heading\">\n\n                <div>\n                    <span>La collection num\u00e9rique<\/span>\n\n                    <h3>\n                        Parcourir les derniers num\u00e9ros\n                    <\/h3>\n                <\/div>\n\n                <p>\n                    Clique sur une couverture pour consulter la revue au format PDF.\n                <\/p>\n\n            <\/div>\n\n            <!-- \u00c9TAG\u00c8RE -->\n            <div class=\"atb-enjeux__shelf\">\n\n                <div class=\"atb-enjeux__issues\">\n\n                    <!-- REVUE 5 -->\n                    <article class=\"atb-enjeux-card\">\n\n                        <a href=\"http:\/\/atb.bf\/atb-v2\/wp-content\/uploads\/2026\/07\/catalogue-5.pdf\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"atb-enjeux-card__link\" aria-label=\"Consulter la revue Enjeux de Sc\u00e8ne, catalogue 5\">\n\n                            <div class=\"atb-enjeux-card__cover\">\n\n                                <iframe\n                                    src=\"http:\/\/atb.bf\/atb-v2\/wp-content\/uploads\/2026\/07\/catalogue-5.pdf#page=1&view=FitH\"\n                                    title=\"Couverture de la revue Enjeux de Sc\u00e8ne, catalogue 5\"\n                                    loading=\"lazy\">\n                                <\/iframe>\n\n                                <div class=\"atb-enjeux-card__overlay\">\n                                    <span>Consulter<\/span>\n\n                                    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                                        <path d=\"M5 12h14\"><\/path>\n                                        <path d=\"m13 6 6 6-6 6\"><\/path>\n                                    <\/svg>\n                                <\/div>\n\n                            <\/div>\n\n                            <div class=\"atb-enjeux-card__meta\">\n                                <span>Enjeux de Sc\u00e8ne<\/span>\n                                <strong>Catalogue 05<\/strong>\n                            <\/div>\n\n                        <\/a>\n\n                    <\/article>\n\n                    <!-- REVUE 4 -->\n                    <article class=\"atb-enjeux-card\">\n\n                        <a href=\"http:\/\/atb.bf\/atb-v2\/wp-content\/uploads\/2026\/07\/catalogue-4.pdf\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"atb-enjeux-card__link\" aria-label=\"Consulter la revue Enjeux de Sc\u00e8ne, catalogue 4\">\n\n                            <div class=\"atb-enjeux-card__cover\">\n\n                                <iframe\n                                    src=\"http:\/\/atb.bf\/atb-v2\/wp-content\/uploads\/2026\/07\/catalogue-4.pdf#page=1&view=FitH\"\n                                    title=\"Couverture de la revue Enjeux de Sc\u00e8ne, catalogue 4\"\n                                    loading=\"lazy\">\n                                <\/iframe>\n\n                                <div class=\"atb-enjeux-card__overlay\">\n                                    <span>Consulter<\/span>\n\n                                    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                                        <path d=\"M5 12h14\"><\/path>\n                                        <path d=\"m13 6 6 6-6 6\"><\/path>\n                                    <\/svg>\n                                <\/div>\n\n                            <\/div>\n\n                            <div class=\"atb-enjeux-card__meta\">\n                                <span>Enjeux de Sc\u00e8ne<\/span>\n                                <strong>Catalogue 04<\/strong>\n                            <\/div>\n\n                        <\/a>\n\n                    <\/article>\n\n                    <!-- REVUE 3 -->\n                    <article class=\"atb-enjeux-card\">\n\n                        <a href=\"http:\/\/atb.bf\/atb-v2\/wp-content\/uploads\/2026\/07\/catalogue-3.pdf\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"atb-enjeux-card__link\" aria-label=\"Consulter la revue Enjeux de Sc\u00e8ne, catalogue 3\">\n\n                            <div class=\"atb-enjeux-card__cover\">\n\n                                <iframe\n                                    src=\"http:\/\/atb.bf\/atb-v2\/wp-content\/uploads\/2026\/07\/catalogue-3.pdf#page=1&view=FitH\"\n                                    title=\"Couverture de la revue Enjeux de Sc\u00e8ne, catalogue 3\"\n                                    loading=\"lazy\">\n                                <\/iframe>\n\n                                <div class=\"atb-enjeux-card__overlay\">\n                                    <span>Consulter<\/span>\n\n                                    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                                        <path d=\"M5 12h14\"><\/path>\n                                        <path d=\"m13 6 6 6-6 6\"><\/path>\n                                    <\/svg>\n                                <\/div>\n\n                            <\/div>\n\n                            <div class=\"atb-enjeux-card__meta\">\n                                <span>Enjeux de Sc\u00e8ne<\/span>\n                                <strong>Catalogue 03<\/strong>\n                            <\/div>\n\n                        <\/a>\n\n                    <\/article>\n\n                    <!-- REVUE 2 -->\n                    <article class=\"atb-enjeux-card\">\n\n                        <a href=\"http:\/\/atb.bf\/atb-v2\/wp-content\/uploads\/2026\/07\/catalogue-2.pdf\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"atb-enjeux-card__link\" aria-label=\"Consulter la revue Enjeux de Sc\u00e8ne, catalogue 2\">\n\n                            <div class=\"atb-enjeux-card__cover\">\n\n                                <iframe\n                                    src=\"http:\/\/atb.bf\/atb-v2\/wp-content\/uploads\/2026\/07\/catalogue-2.pdf#page=1&view=FitH\"\n                                    title=\"Couverture de la revue Enjeux de Sc\u00e8ne, catalogue 2\"\n                                    loading=\"lazy\">\n                                <\/iframe>\n\n                                <div class=\"atb-enjeux-card__overlay\">\n                                    <span>Consulter<\/span>\n\n                                    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                                        <path d=\"M5 12h14\"><\/path>\n                                        <path d=\"m13 6 6 6-6 6\"><\/path>\n                                    <\/svg>\n                                <\/div>\n\n                            <\/div>\n\n                            <div class=\"atb-enjeux-card__meta\">\n                                <span>Enjeux de Sc\u00e8ne<\/span>\n                                <strong>Catalogue 02<\/strong>\n                            <\/div>\n\n                        <\/a>\n\n                    <\/article>\n\n                    <!-- REVUE 1 -->\n                    <article class=\"atb-enjeux-card\">\n\n                        <a href=\"http:\/\/atb.bf\/atb-v2\/wp-content\/uploads\/2026\/07\/catalogue-1.pdf\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"atb-enjeux-card__link\" aria-label=\"Consulter la revue Enjeux de Sc\u00e8ne, catalogue 1\">\n\n                            <div class=\"atb-enjeux-card__cover\">\n\n                                <iframe\n                                    src=\"http:\/\/atb.bf\/atb-v2\/wp-content\/uploads\/2026\/07\/catalogue-1.pdf#page=1&view=FitH\"\n                                    title=\"Couverture de la revue Enjeux de Sc\u00e8ne, catalogue 1\"\n                                    loading=\"lazy\">\n                                <\/iframe>\n\n                                <div class=\"atb-enjeux-card__overlay\">\n                                    <span>Consulter<\/span>\n\n                                    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                                        <path d=\"M5 12h14\"><\/path>\n                                        <path d=\"m13 6 6 6-6 6\"><\/path>\n                                    <\/svg>\n                                <\/div>\n\n                            <\/div>\n\n                            <div class=\"atb-enjeux-card__meta\">\n                                <span>Enjeux de Sc\u00e8ne<\/span>\n                                <strong>Catalogue 01<\/strong>\n                            <\/div>\n\n                        <\/a>\n\n                    <\/article>\n\n                <\/div>\n\n                <div class=\"atb-enjeux__shelf-line\" aria-hidden=\"true\"><\/div>\n                <div class=\"atb-enjeux__shelf-shadow\" aria-hidden=\"true\"><\/div>\n\n            <\/div>\n\n            <!-- NOTE -->\n            <div class=\"atb-enjeux__note\">\n\n                <span class=\"atb-enjeux__note-icon\" aria-hidden=\"true\">\n                    <svg viewBox=\"0 0 24 24\">\n                        <path d=\"M12 8v5\"><\/path>\n                        <path d=\"M12 17h.01\"><\/path>\n                        <circle cx=\"12\" cy=\"12\" r=\"9\"><\/circle>\n                    <\/svg>\n                <\/span>\n\n                <p>\n                    Les revues s\u2019ouvrent dans un nouvel onglet. Elles peuvent \u00eatre\n                    consult\u00e9es en ligne ou t\u00e9l\u00e9charg\u00e9es selon les param\u00e8tres du navigateur.\n                <\/p>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n<style>\n\/* =========================================================\n   VARIABLES\n========================================================= *\/\n\n.atb-enjeux {\n    --atb-enjeux-bordeaux: #60052d;\n    --atb-enjeux-bordeaux-dark: #310015;\n    --atb-enjeux-bordeaux-light: #7d1947;\n    --atb-enjeux-gold: #cc9933;\n    --atb-enjeux-gold-light: #ebcc83;\n    --atb-enjeux-cream: #f7f1e7;\n    --atb-enjeux-white: #ffffff;\n    --atb-enjeux-text: #281c21;\n    --atb-enjeux-muted: #776b70;\n\n    position: relative;\n    overflow: hidden;\n    padding: 115px 0 110px;\n    color: var(--atb-enjeux-text);\n    background:\n        linear-gradient(\n            180deg,\n            #ffffff 0%,\n            #faf6ef 100%\n        );\n    font-family: \"Archivo\", Arial, sans-serif;\n}\n\n.atb-enjeux__container {\n    width: min(1200px, calc(100% - 48px));\n    margin: 0 auto;\n    position: relative;\n    z-index: 2;\n}\n\n.atb-enjeux__background-word {\n    position: absolute;\n    top: 50px;\n    right: -60px;\n    color: rgba(96, 5, 45, 0.025);\n    font-family: \"Fraunces\", Georgia, serif;\n    font-size: clamp(150px, 20vw, 330px);\n    line-height: 1;\n    font-weight: 700;\n    letter-spacing: -0.08em;\n    pointer-events: none;\n    user-select: none;\n}\n\n\/* =========================================================\n   EN-T\u00caTE\n========================================================= *\/\n\n.atb-enjeux__header {\n    display: grid;\n    grid-template-columns: minmax(0, 1.2fr) minmax(280px, 0.8fr);\n    align-items: end;\n    gap: 70px;\n    margin-bottom: 70px;\n}\n\n.atb-enjeux__eyebrow,\n.atb-enjeux__label {\n    display: inline-flex;\n    align-items: center;\n    gap: 12px;\n    color: var(--atb-enjeux-bordeaux);\n    font-size: 11px;\n    line-height: 1.2;\n    font-weight: 800;\n    letter-spacing: 0.15em;\n    text-transform: uppercase;\n}\n\n.atb-enjeux__eyebrow {\n    margin-bottom: 18px;\n}\n\n.atb-enjeux__eyebrow::before,\n.atb-enjeux__label::before {\n    content: \"\";\n    width: 36px;\n    height: 2px;\n    background: var(--atb-enjeux-gold);\n}\n\n.atb-enjeux__title {\n    margin: 0;\n    color: var(--atb-enjeux-text);\n    font-family: \"Fraunces\", Georgia, serif;\n    font-size: clamp(46px, 5vw, 74px);\n    line-height: 1.02;\n    font-weight: 600;\n    letter-spacing: -0.045em;\n}\n\n.atb-enjeux__title span {\n    display: block;\n    color: var(--atb-enjeux-bordeaux);\n    font-style: italic;\n    font-weight: 400;\n}\n\n.atb-enjeux__header-text {\n    margin: 0 0 8px;\n    padding-left: 26px;\n    border-left: 2px solid var(--atb-enjeux-gold);\n    color: var(--atb-enjeux-muted);\n    font-size: 15px;\n    line-height: 1.8;\n}\n\n\/* =========================================================\n   NUM\u00c9RO \u00c0 LA UNE\n========================================================= *\/\n\n.atb-enjeux__featured {\n    display: grid;\n    grid-template-columns: minmax(350px, 0.88fr) minmax(0, 1.12fr);\n    align-items: center;\n    gap: clamp(60px, 8vw, 110px);\n    padding: 65px;\n    position: relative;\n    background:\n        radial-gradient(\n            circle at 15% 10%,\n            rgba(204, 153, 51, 0.17),\n            transparent 30%\n        ),\n        linear-gradient(\n            135deg,\n            var(--atb-enjeux-bordeaux-dark),\n            var(--atb-enjeux-bordeaux)\n        );\n    box-shadow: 0 32px 80px rgba(54, 0, 23, 0.18);\n}\n\n.atb-enjeux__featured::before {\n    content: \"\";\n    position: absolute;\n    inset: 12px;\n    border: 1px solid rgba(235, 204, 131, 0.15);\n    pointer-events: none;\n}\n\n\/* =========================================================\n   APER\u00c7U PDF PRINCIPAL\n========================================================= *\/\n\n.atb-enjeux__featured-visual {\n    max-width: 430px;\n    position: relative;\n    margin: 0 auto;\n    padding: 30px 25px 25px;\n}\n\n.atb-enjeux__featured-badge {\n    position: absolute;\n    z-index: 5;\n    top: 7px;\n    left: 0;\n    padding: 10px 15px;\n    color: #321800;\n    background: var(--atb-enjeux-gold-light);\n    font-size: 10px;\n    font-weight: 800;\n    letter-spacing: 0.1em;\n    text-transform: uppercase;\n    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.16);\n}\n\n.atb-enjeux__magazine-shadow {\n    position: absolute;\n    left: 15%;\n    right: 4%;\n    bottom: 5px;\n    height: 45px;\n    border-radius: 50%;\n    background: rgba(0, 0, 0, 0.34);\n    filter: blur(18px);\n    transform: rotate(-3deg);\n}\n\n.atb-enjeux__pdf-preview {\n    aspect-ratio: 0.72;\n    position: relative;\n    z-index: 2;\n    overflow: hidden;\n    background: white;\n    border: 7px solid white;\n    transform: rotate(-2deg);\n    box-shadow:\n        18px 25px 0 rgba(204, 153, 51, 0.19),\n        0 28px 60px rgba(0, 0, 0, 0.34);\n    transition:\n        transform 0.45s ease,\n        box-shadow 0.45s ease;\n}\n\n.atb-enjeux__featured-visual:hover .atb-enjeux__pdf-preview {\n    transform: rotate(0deg) translateY(-7px);\n    box-shadow:\n        11px 18px 0 rgba(204, 153, 51, 0.23),\n        0 36px 68px rgba(0, 0, 0, 0.4);\n}\n\n.atb-enjeux__pdf-preview iframe {\n    width: 100%;\n    height: 100%;\n    display: block;\n    border: 0;\n    pointer-events: none;\n    background: white;\n}\n\n.atb-enjeux__pdf-preview > a {\n    position: absolute;\n    inset: 0;\n    z-index: 4;\n}\n\n.atb-enjeux__featured-number {\n    position: absolute;\n    z-index: 5;\n    right: -12px;\n    bottom: 55px;\n    min-width: 108px;\n    padding: 17px 19px;\n    color: var(--atb-enjeux-bordeaux);\n    background: var(--atb-enjeux-gold-light);\n    box-shadow: 0 18px 38px rgba(0, 0, 0, 0.25);\n}\n\n.atb-enjeux__featured-number small {\n    display: block;\n    margin-bottom: 5px;\n    color: rgba(96, 5, 45, 0.7);\n    font-size: 8px;\n    font-weight: 800;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n}\n\n.atb-enjeux__featured-number strong {\n    font-family: \"Fraunces\", Georgia, serif;\n    font-size: 25px;\n    line-height: 1;\n}\n\n\/* =========================================================\n   CONTENU \u00c0 LA UNE\n========================================================= *\/\n\n.atb-enjeux__featured-content {\n    position: relative;\n    z-index: 2;\n    color: white;\n}\n\n.atb-enjeux__label {\n    margin-bottom: 22px;\n    color: var(--atb-enjeux-gold-light);\n}\n\n.atb-enjeux__featured-content h3 {\n    max-width: 620px;\n    margin: 0;\n    color: white;\n    font-family: \"Fraunces\", Georgia, serif;\n    font-size: clamp(38px, 4vw, 59px);\n    line-height: 1.08;\n    font-weight: 520;\n    letter-spacing: -0.035em;\n}\n\n.atb-enjeux__featured-content h3 em {\n    display: block;\n    color: var(--atb-enjeux-gold-light);\n    font-weight: 400;\n}\n\n.atb-enjeux__lead {\n    max-width: 630px;\n    margin: 27px 0 0;\n    color: rgba(255, 255, 255, 0.91);\n    font-size: 17px;\n    line-height: 1.75;\n}\n\n.atb-enjeux__lead strong {\n    color: var(--atb-enjeux-gold-light);\n}\n\n.atb-enjeux__description {\n    max-width: 630px;\n    margin: 18px 0 0;\n    color: rgba(255, 255, 255, 0.69);\n    font-size: 14px;\n    line-height: 1.8;\n}\n\n.atb-enjeux__topics {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 11px;\n    margin-top: 27px;\n}\n\n.atb-enjeux__topics span {\n    display: inline-flex;\n    align-items: center;\n    gap: 7px;\n    padding: 9px 12px;\n    border: 1px solid rgba(255, 255, 255, 0.17);\n    color: rgba(255, 255, 255, 0.81);\n    background: rgba(255, 255, 255, 0.055);\n    font-size: 11px;\n    line-height: 1.2;\n    font-weight: 650;\n}\n\n.atb-enjeux__topics svg {\n    width: 14px;\n    height: 14px;\n    fill: none;\n    stroke: var(--atb-enjeux-gold-light);\n    stroke-width: 2;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n}\n\n\/* =========================================================\n   BOUTONS\n========================================================= *\/\n\n.atb-enjeux__actions {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 13px;\n    margin-top: 34px;\n}\n\n.atb-enjeux__button {\n    min-height: 54px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 11px;\n    padding: 14px 21px;\n    text-decoration: none !important;\n    font-size: 13px;\n    line-height: 1.2;\n    font-weight: 800;\n    transition:\n        transform 0.3s ease,\n        background-color 0.3s ease,\n        border-color 0.3s ease,\n        box-shadow 0.3s ease;\n}\n\n.atb-enjeux__button svg {\n    width: 18px;\n    height: 18px;\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 1.8;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n    transition: transform 0.3s ease;\n}\n\n.atb-enjeux__button--primary {\n    color: #2f1700 !important;\n    border: 1px solid var(--atb-enjeux-gold);\n    background: var(--atb-enjeux-gold);\n    box-shadow: 0 14px 32px rgba(204, 153, 51, 0.23);\n}\n\n.atb-enjeux__button--secondary {\n    color: white !important;\n    border: 1px solid rgba(255, 255, 255, 0.35);\n    background: rgba(255, 255, 255, 0.07);\n}\n\n.atb-enjeux__button:hover {\n    transform: translateY(-3px);\n}\n\n.atb-enjeux__button--primary:hover {\n    color: #2f1700 !important;\n    background: var(--atb-enjeux-gold-light);\n    box-shadow: 0 18px 39px rgba(204, 153, 51, 0.3);\n}\n\n.atb-enjeux__button--secondary:hover {\n    color: white !important;\n    border-color: rgba(255, 255, 255, 0.66);\n    background: rgba(255, 255, 255, 0.13);\n}\n\n.atb-enjeux__button:hover svg {\n    transform: translateX(3px);\n}\n\n\/* =========================================================\n   COLLECTION\n========================================================= *\/\n\n.atb-enjeux__collection {\n    padding-top: 95px;\n    scroll-margin-top: 100px;\n}\n\n.atb-enjeux__collection-heading {\n    display: flex;\n    align-items: end;\n    justify-content: space-between;\n    gap: 40px;\n    margin-bottom: 50px;\n}\n\n.atb-enjeux__collection-heading span {\n    display: block;\n    margin-bottom: 11px;\n    color: var(--atb-enjeux-bordeaux);\n    font-size: 10px;\n    font-weight: 800;\n    letter-spacing: 0.15em;\n    text-transform: uppercase;\n}\n\n.atb-enjeux__collection-heading h3 {\n    margin: 0;\n    color: var(--atb-enjeux-text);\n    font-family: \"Fraunces\", Georgia, serif;\n    font-size: clamp(33px, 3.5vw, 48px);\n    line-height: 1.12;\n    font-weight: 600;\n    letter-spacing: -0.03em;\n}\n\n.atb-enjeux__collection-heading p {\n    max-width: 330px;\n    margin: 0;\n    color: var(--atb-enjeux-muted);\n    font-size: 13px;\n    line-height: 1.7;\n}\n\n\/* =========================================================\n   \u00c9TAG\u00c8RE ET CARTES\n========================================================= *\/\n\n.atb-enjeux__shelf {\n    position: relative;\n    padding-bottom: 40px;\n}\n\n.atb-enjeux__issues {\n    display: grid;\n    grid-template-columns: repeat(5, minmax(0, 1fr));\n    align-items: end;\n    gap: 25px;\n    position: relative;\n    z-index: 3;\n    padding: 0 18px;\n}\n\n.atb-enjeux-card {\n    min-width: 0;\n    transition: transform 0.38s ease;\n}\n\n.atb-enjeux-card:nth-child(2),\n.atb-enjeux-card:nth-child(4) {\n    transform: translateY(12px);\n}\n\n.atb-enjeux-card:hover {\n    transform: translateY(-12px);\n}\n\n.atb-enjeux-card:nth-child(2):hover,\n.atb-enjeux-card:nth-child(4):hover {\n    transform: translateY(-7px);\n}\n\n.atb-enjeux-card__link {\n    display: block;\n    color: inherit !important;\n    text-decoration: none !important;\n}\n\n.atb-enjeux-card__cover {\n    aspect-ratio: 0.72;\n    position: relative;\n    overflow: hidden;\n    border: 5px solid white;\n    background:\n        linear-gradient(\n            145deg,\n            var(--atb-enjeux-bordeaux),\n            var(--atb-enjeux-bordeaux-dark)\n        );\n    box-shadow:\n        8px 11px 0 rgba(204, 153, 51, 0.12),\n        0 20px 38px rgba(55, 21, 35, 0.16);\n}\n\n.atb-enjeux-card__cover iframe {\n    width: 100%;\n    height: 100%;\n    display: block;\n    border: 0;\n    pointer-events: none;\n    background: white;\n}\n\n.atb-enjeux-card__overlay {\n    position: absolute;\n    inset: 0;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-direction: column;\n    gap: 11px;\n    color: white;\n    background: rgba(66, 0, 30, 0.86);\n    opacity: 0;\n    transition: opacity 0.35s ease;\n}\n\n.atb-enjeux-card:hover .atb-enjeux-card__overlay {\n    opacity: 1;\n}\n\n.atb-enjeux-card__overlay span {\n    font-size: 11px;\n    font-weight: 800;\n    letter-spacing: 0.1em;\n    text-transform: uppercase;\n}\n\n.atb-enjeux-card__overlay svg {\n    width: 24px;\n    height: 24px;\n    fill: none;\n    stroke: var(--atb-enjeux-gold-light);\n    stroke-width: 1.8;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n}\n\n.atb-enjeux-card__meta {\n    padding: 19px 4px 0;\n}\n\n.atb-enjeux-card__meta span {\n    display: block;\n    margin-bottom: 6px;\n    color: var(--atb-enjeux-muted);\n    font-size: 9px;\n    font-weight: 750;\n    letter-spacing: 0.1em;\n    text-transform: uppercase;\n}\n\n.atb-enjeux-card__meta strong {\n    display: block;\n    color: var(--atb-enjeux-bordeaux);\n    font-family: \"Fraunces\", Georgia, serif;\n    font-size: 19px;\n    line-height: 1.2;\n    font-weight: 600;\n}\n\n.atb-enjeux__shelf-line {\n    height: 18px;\n    position: absolute;\n    z-index: 2;\n    left: 0;\n    right: 0;\n    bottom: 35px;\n    border-top: 3px solid var(--atb-enjeux-gold);\n    background:\n        linear-gradient(\n            180deg,\n            #7a4a18,\n            #4b270a\n        );\n    box-shadow:\n        0 8px 0 rgba(66, 31, 6, 0.38),\n        0 18px 30px rgba(50, 25, 10, 0.16);\n}\n\n.atb-enjeux__shelf-shadow {\n    position: absolute;\n    left: 3%;\n    right: 3%;\n    bottom: 4px;\n    height: 24px;\n    border-radius: 50%;\n    background: rgba(55, 21, 35, 0.18);\n    filter: blur(14px);\n}\n\n\/* =========================================================\n   NOTE\n========================================================= *\/\n\n.atb-enjeux__note {\n    display: flex;\n    align-items: flex-start;\n    gap: 13px;\n    width: fit-content;\n    max-width: 720px;\n    margin: 42px auto 0;\n    padding: 16px 20px;\n    border: 1px solid rgba(96, 5, 45, 0.1);\n    background: rgba(255, 255, 255, 0.7);\n}\n\n.atb-enjeux__note-icon {\n    width: 22px;\n    height: 22px;\n    flex: 0 0 22px;\n    display: inline-flex;\n    color: var(--atb-enjeux-gold);\n}\n\n.atb-enjeux__note-icon svg {\n    width: 100%;\n    height: 100%;\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 1.65;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n}\n\n.atb-enjeux__note p {\n    margin: 0;\n    color: var(--atb-enjeux-muted);\n    font-size: 11px;\n    line-height: 1.65;\n}\n\n\/* =========================================================\n   TABLETTE\n========================================================= *\/\n\n@media (max-width: 1024px) {\n\n    .atb-enjeux {\n        padding: 100px 0 90px;\n    }\n\n    .atb-enjeux__container {\n        width: min(920px, calc(100% - 40px));\n    }\n\n    .atb-enjeux__header {\n        grid-template-columns: 1fr;\n        gap: 25px;\n    }\n\n    .atb-enjeux__header-text {\n        max-width: 620px;\n    }\n\n    .atb-enjeux__featured {\n        grid-template-columns: minmax(300px, 0.85fr) minmax(0, 1.15fr);\n        gap: 55px;\n        padding: 48px 42px;\n    }\n\n    .atb-enjeux__issues {\n        grid-template-columns: repeat(3, minmax(0, 1fr));\n        gap: 35px;\n    }\n\n    .atb-enjeux-card:nth-child(2),\n    .atb-enjeux-card:nth-child(4) {\n        transform: none;\n    }\n\n    .atb-enjeux__shelf-line,\n    .atb-enjeux__shelf-shadow {\n        display: none;\n    }\n\n    .atb-enjeux__shelf {\n        padding-bottom: 0;\n    }\n}\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media (max-width: 767px) {\n\n    .atb-enjeux {\n        padding: 80px 0 70px;\n    }\n\n    .atb-enjeux__container {\n        width: calc(100% - 32px);\n    }\n\n    .atb-enjeux__header {\n        margin-bottom: 45px;\n    }\n\n    .atb-enjeux__title {\n        font-size: clamp(39px, 11vw, 53px);\n    }\n\n    .atb-enjeux__featured {\n        grid-template-columns: 1fr;\n        gap: 55px;\n        padding: 37px 22px 42px;\n    }\n\n    .atb-enjeux__featured::before {\n        inset: 8px;\n    }\n\n    .atb-enjeux__featured-visual {\n        width: min(390px, 100%);\n    }\n\n    .atb-enjeux__featured-content h3 {\n        font-size: clamp(34px, 10vw, 47px);\n    }\n\n    .atb-enjeux__lead {\n        font-size: 16px;\n    }\n\n    .atb-enjeux__actions {\n        flex-direction: column;\n        align-items: stretch;\n    }\n\n    .atb-enjeux__button {\n        width: 100%;\n    }\n\n    .atb-enjeux__collection {\n        padding-top: 72px;\n    }\n\n    .atb-enjeux__collection-heading {\n        align-items: flex-start;\n        flex-direction: column;\n        margin-bottom: 38px;\n    }\n\n    .atb-enjeux__issues {\n        grid-template-columns: repeat(2, minmax(0, 1fr));\n        gap: 31px 18px;\n        padding: 0;\n    }\n\n    .atb-enjeux-card__meta strong {\n        font-size: 17px;\n    }\n}\n\n\/* =========================================================\n   PETITS MOBILES\n========================================================= *\/\n\n@media (max-width: 420px) {\n\n    .atb-enjeux__container {\n        width: calc(100% - 26px);\n    }\n\n    .atb-enjeux__featured {\n        padding-left: 17px;\n        padding-right: 17px;\n    }\n\n    .atb-enjeux__featured-number {\n        right: 0;\n    }\n\n    .atb-enjeux__topics span {\n        padding: 8px 10px;\n        font-size: 10px;\n    }\n\n    .atb-enjeux__issues {\n        gap: 28px 13px;\n    }\n\n    .atb-enjeux-card__cover {\n        border-width: 3px;\n        box-shadow:\n            5px 7px 0 rgba(204, 153, 51, 0.12),\n            0 15px 28px rgba(55, 21, 35, 0.14);\n    }\n\n    .atb-enjeux-card__meta span {\n        font-size: 8px;\n    }\n\n    .atb-enjeux-card__meta strong {\n        font-size: 15px;\n    }\n}\n\n\/* =========================================================\n   ACCESSIBILIT\u00c9\n========================================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n    .atb-enjeux__pdf-preview,\n    .atb-enjeux-card,\n    .atb-enjeux-card__overlay,\n    .atb-enjeux__button,\n    .atb-enjeux__button svg {\n        transition: none;\n    }\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-a178307 e-con e-atomic-element e-flexbox-base e-2c5e4a4 \" data-id=\"a178307\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"a178307\" data-e-type=\"e-flexbox\" data-id=\"a178307\">\n    \t\t<div class=\"elementor-element elementor-element-420a832 elementor-widget elementor-widget-html\" data-id=\"420a832\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\n     ATB \u2014 SECTION 4\n     D\u00c9COUVRIR LES PUBLICATIONS EN VID\u00c9O\n     Compatible Elementor HTML\/CSS\n========================================================== -->\n\n<section class=\"atb-publications-video\">\n\n    <div class=\"atb-publications-video__glow\" aria-hidden=\"true\"><\/div>\n    <div class=\"atb-publications-video__circle\" aria-hidden=\"true\"><\/div>\n\n    <div class=\"atb-publications-video__container\">\n\n        <!-- EN-T\u00caTE -->\n        <div class=\"atb-publications-video__header\">\n\n            <div class=\"atb-publications-video__heading\">\n\n                <span class=\"atb-publications-video__eyebrow\">\n                    Publications de l\u2019ATB\n                <\/span>\n\n                <h2 class=\"atb-publications-video__title\">\n                    D\u00e9couvrez nos publications\n                    <span>autrement<\/span>\n                <\/h2>\n\n            <\/div>\n\n            <p class=\"atb-publications-video__intro\">\n                Une pr\u00e9sentation audiovisuelle des ouvrages, revues et ressources\n                documentaires produites par l\u2019Atelier Th\u00e9\u00e2tre Burkinab\u00e8.\n            <\/p>\n\n        <\/div>\n\n        <!-- BLOC PRINCIPAL -->\n        <div class=\"atb-publications-video__main\">\n\n            <!-- LECTEUR -->\n            <div class=\"atb-publications-video__player-wrap\">\n\n                <div class=\"atb-publications-video__player\">\n\n                    <video\n                        controls\n                        preload=\"metadata\"\n                        playsinline\n                        aria-label=\"Pr\u00e9sentation vid\u00e9o des derni\u00e8res publications de l\u2019ATB\">\n\n                        <source\n                            src=\"http:\/\/atb.bf\/atb-v2\/wp-content\/uploads\/2026\/07\/DERNIERES-PUBLICATIONS-DE-LATB.mp4\"\n                            type=\"video\/mp4\">\n\n                        Ton navigateur ne prend pas en charge la lecture vid\u00e9o.\n                    <\/video>\n\n                    <div class=\"atb-publications-video__frame\" aria-hidden=\"true\"><\/div>\n\n                <\/div>\n\n                <!-- \u00c9TIQUETTE -->\n                <div class=\"atb-publications-video__tag\">\n\n                    <span class=\"atb-publications-video__tag-icon\" aria-hidden=\"true\">\n\n                        <svg viewBox=\"0 0 24 24\">\n                            <rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"2\"><\/rect>\n                            <path d=\"m10 9 5 3-5 3V9Z\"><\/path>\n                        <\/svg>\n\n                    <\/span>\n\n                    <div>\n                        <small>\u00c0 regarder<\/small>\n                        <strong>Les derni\u00e8res publications de l\u2019ATB<\/strong>\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n            <!-- CONTENU -->\n            <div class=\"atb-publications-video__content\">\n\n                <span class=\"atb-publications-video__label\">\n                    Une biblioth\u00e8que en mouvement\n                <\/span>\n\n                <h3>\n                    Les id\u00e9es prennent aussi\n                    <em>vie \u00e0 l\u2019\u00e9cran<\/em>\n                <\/h3>\n\n                <p class=\"atb-publications-video__lead\">\n                    Derri\u00e8re chaque publication se trouvent des ann\u00e9es\n                    d\u2019exp\u00e9rimentation, de cr\u00e9ation, de recherche et de dialogue\n                    avec les communaut\u00e9s.\n                <\/p>\n\n                <p class=\"atb-publications-video__text\">\n                    Cette vid\u00e9o pr\u00e9sente une s\u00e9lection des ressources \u00e9ditoriales\n                    de l\u2019ATB et permet de mieux comprendre leur contribution \u00e0 la\n                    transmission du Th\u00e9\u00e2tre pour le D\u00e9veloppement, \u00e0 la formation\n                    des artistes et \u00e0 la conservation de la m\u00e9moire culturelle.\n                <\/p>\n\n                <!-- POINTS -->\n                <div class=\"atb-publications-video__points\">\n\n                    <div class=\"atb-publications-video__point\">\n\n                        <span aria-hidden=\"true\">\n                            01\n                        <\/span>\n\n                        <div>\n                            <strong>Recherche<\/strong>\n                            <p>\n                                Des r\u00e9flexions issues de l\u2019exp\u00e9rience artistique\n                                et communautaire.\n                            <\/p>\n                        <\/div>\n\n                    <\/div>\n\n                    <div class=\"atb-publications-video__point\">\n\n                        <span aria-hidden=\"true\">\n                            02\n                        <\/span>\n\n                        <div>\n                            <strong>Transmission<\/strong>\n                            <p>\n                                Des ressources pour les artistes, \u00e9tudiants,\n                                formateurs et chercheurs.\n                            <\/p>\n                        <\/div>\n\n                    <\/div>\n\n                    <div class=\"atb-publications-video__point\">\n\n                        <span aria-hidden=\"true\">\n                            03\n                        <\/span>\n\n                        <div>\n                            <strong>M\u00e9moire<\/strong>\n                            <p>\n                                Une documentation pr\u00e9cieuse sur l\u2019histoire et\n                                les m\u00e9thodes de l\u2019ATB.\n                            <\/p>\n                        <\/div>\n\n                    <\/div>\n\n                <\/div>\n\n                <a\n                    class=\"atb-publications-video__button\"\n                    href=\"#atb-tele-theatre\">\n\n                    <span>D\u00e9couvrir T\u00e9l\u00e9-Th\u00e9\u00e2tre<\/span>\n\n                    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                        <path d=\"M5 12h14\"><\/path>\n                        <path d=\"m13 6 6 6-6 6\"><\/path>\n                    <\/svg>\n\n                <\/a>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n<style>\n\/* =========================================================\n   VARIABLES\n========================================================= *\/\n\n.atb-publications-video {\n    --atb-video-bordeaux: #60052d;\n    --atb-video-bordeaux-dark: #23000f;\n    --atb-video-bordeaux-medium: #3b001a;\n    --atb-video-gold: #cc9933;\n    --atb-video-gold-light: #ebca7b;\n    --atb-video-white: #ffffff;\n    --atb-video-muted: rgba(255, 255, 255, 0.68);\n\n    position: relative;\n    overflow: hidden;\n    isolation: isolate;\n    padding: 115px 0;\n    color: white;\n    background:\n        radial-gradient(\n            circle at 12% 18%,\n            rgba(204, 153, 51, 0.16),\n            transparent 29%\n        ),\n        linear-gradient(\n            135deg,\n            var(--atb-video-bordeaux-dark) 0%,\n            var(--atb-video-bordeaux-medium) 45%,\n            var(--atb-video-bordeaux) 100%\n        );\n    font-family: \"Archivo\", Arial, sans-serif;\n}\n\n\/* =========================================================\n   D\u00c9CORATIONS\n========================================================= *\/\n\n.atb-publications-video__glow {\n    position: absolute;\n    width: 480px;\n    height: 480px;\n    top: -240px;\n    right: -120px;\n    border-radius: 50%;\n    background: rgba(204, 153, 51, 0.09);\n    filter: blur(4px);\n    pointer-events: none;\n}\n\n.atb-publications-video__circle {\n    position: absolute;\n    width: 300px;\n    height: 300px;\n    left: -190px;\n    bottom: -150px;\n    border: 1px solid rgba(235, 202, 123, 0.18);\n    border-radius: 50%;\n    pointer-events: none;\n}\n\n.atb-publications-video::before {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    z-index: -1;\n    pointer-events: none;\n    opacity: 0.18;\n    background-image:\n        repeating-linear-gradient(\n            0deg,\n            rgba(255, 255, 255, 0.025) 0,\n            rgba(255, 255, 255, 0.025) 1px,\n            transparent 1px,\n            transparent 5px\n        );\n}\n\n\/* =========================================================\n   CONTENEUR\n========================================================= *\/\n\n.atb-publications-video__container {\n    width: min(1200px, calc(100% - 48px));\n    margin: 0 auto;\n    position: relative;\n    z-index: 2;\n}\n\n\/* =========================================================\n   EN-T\u00caTE\n========================================================= *\/\n\n.atb-publications-video__header {\n    display: grid;\n    grid-template-columns: minmax(0, 1.15fr) minmax(280px, 0.85fr);\n    align-items: end;\n    gap: 70px;\n    margin-bottom: 68px;\n}\n\n.atb-publications-video__eyebrow,\n.atb-publications-video__label {\n    display: inline-flex;\n    align-items: center;\n    gap: 12px;\n    color: var(--atb-video-gold-light);\n    font-size: 11px;\n    font-weight: 800;\n    line-height: 1.2;\n    letter-spacing: 0.15em;\n    text-transform: uppercase;\n}\n\n.atb-publications-video__eyebrow {\n    margin-bottom: 18px;\n}\n\n.atb-publications-video__eyebrow::before,\n.atb-publications-video__label::before {\n    content: \"\";\n    width: 37px;\n    height: 2px;\n    background: var(--atb-video-gold);\n}\n\n.atb-publications-video__title {\n    margin: 0;\n    color: white;\n    font-family: \"Fraunces\", Georgia, serif;\n    font-size: clamp(45px, 5vw, 72px);\n    line-height: 1.02;\n    font-weight: 560;\n    letter-spacing: -0.04em;\n}\n\n.atb-publications-video__title span {\n    display: block;\n    color: var(--atb-video-gold-light);\n    font-style: italic;\n    font-weight: 400;\n}\n\n.atb-publications-video__intro {\n    margin: 0 0 8px;\n    padding-left: 26px;\n    border-left: 2px solid var(--atb-video-gold);\n    color: var(--atb-video-muted);\n    font-size: 15px;\n    line-height: 1.8;\n}\n\n\/* =========================================================\n   BLOC PRINCIPAL\n========================================================= *\/\n\n.atb-publications-video__main {\n    display: grid;\n    grid-template-columns: minmax(0, 1.16fr) minmax(360px, 0.84fr);\n    align-items: center;\n    gap: clamp(58px, 7vw, 95px);\n}\n\n\/* =========================================================\n   LECTEUR\n========================================================= *\/\n\n.atb-publications-video__player-wrap {\n    position: relative;\n    padding: 18px 22px 70px 0;\n}\n\n.atb-publications-video__player-wrap::before {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    right: 0;\n    width: 74%;\n    height: 80%;\n    border: 1px solid rgba(235, 202, 123, 0.32);\n    z-index: -1;\n}\n\n.atb-publications-video__player {\n    aspect-ratio: 16 \/ 10;\n    position: relative;\n    overflow: hidden;\n    background: #120008;\n    box-shadow: 0 32px 75px rgba(0, 0, 0, 0.36);\n}\n\n.atb-publications-video__player video {\n    width: 100%;\n    height: 100%;\n    display: block;\n    object-fit: cover;\n    background: #120008;\n}\n\n.atb-publications-video__frame {\n    position: absolute;\n    inset: 12px;\n    border: 1px solid rgba(255, 255, 255, 0.13);\n    pointer-events: none;\n}\n\n.atb-publications-video__tag {\n    width: min(390px, calc(100% - 36px));\n    min-height: 112px;\n    position: absolute;\n    left: 28px;\n    bottom: 0;\n    display: flex;\n    align-items: center;\n    gap: 18px;\n    padding: 21px 24px;\n    color: #2e1700;\n    background: var(--atb-video-gold);\n    box-shadow: 0 22px 50px rgba(0, 0, 0, 0.28);\n}\n\n.atb-publications-video__tag-icon {\n    width: 48px;\n    height: 48px;\n    flex: 0 0 48px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    border: 1px solid rgba(46, 23, 0, 0.25);\n}\n\n.atb-publications-video__tag-icon svg {\n    width: 25px;\n    height: 25px;\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 1.7;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n}\n\n.atb-publications-video__tag small {\n    display: block;\n    margin-bottom: 6px;\n    color: rgba(46, 23, 0, 0.68);\n    font-size: 9px;\n    font-weight: 800;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n}\n\n.atb-publications-video__tag strong {\n    display: block;\n    font-family: \"Fraunces\", Georgia, serif;\n    font-size: 18px;\n    line-height: 1.3;\n    font-weight: 600;\n}\n\n\/* =========================================================\n   CONTENU\n========================================================= *\/\n\n.atb-publications-video__content {\n    position: relative;\n}\n\n.atb-publications-video__label {\n    margin-bottom: 21px;\n}\n\n.atb-publications-video__content h3 {\n    margin: 0;\n    color: white;\n    font-family: \"Fraunces\", Georgia, serif;\n    font-size: clamp(37px, 4vw, 56px);\n    line-height: 1.08;\n    font-weight: 520;\n    letter-spacing: -0.035em;\n}\n\n.atb-publications-video__content h3 em {\n    display: block;\n    color: var(--atb-video-gold-light);\n    font-weight: 400;\n}\n\n.atb-publications-video__lead {\n    margin: 26px 0 0;\n    color: rgba(255, 255, 255, 0.91);\n    font-family: \"Fraunces\", Georgia, serif;\n    font-size: 20px;\n    line-height: 1.55;\n}\n\n.atb-publications-video__text {\n    margin: 20px 0 0;\n    color: var(--atb-video-muted);\n    font-size: 14px;\n    line-height: 1.82;\n}\n\n\/* =========================================================\n   POINTS\n========================================================= *\/\n\n.atb-publications-video__points {\n    display: grid;\n    gap: 18px;\n    margin-top: 31px;\n}\n\n.atb-publications-video__point {\n    display: grid;\n    grid-template-columns: 42px 1fr;\n    align-items: flex-start;\n    gap: 16px;\n    padding-top: 18px;\n    border-top: 1px solid rgba(255, 255, 255, 0.12);\n}\n\n.atb-publications-video__point > span {\n    width: 42px;\n    height: 42px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    border: 1px solid rgba(235, 202, 123, 0.34);\n    color: var(--atb-video-gold-light);\n    font-family: \"Fraunces\", Georgia, serif;\n    font-size: 15px;\n    font-weight: 600;\n}\n\n.atb-publications-video__point strong {\n    display: block;\n    margin-bottom: 5px;\n    color: white;\n    font-family: \"Fraunces\", Georgia, serif;\n    font-size: 17px;\n    line-height: 1.3;\n    font-weight: 600;\n}\n\n.atb-publications-video__point p {\n    margin: 0;\n    color: rgba(255, 255, 255, 0.61);\n    font-size: 12px;\n    line-height: 1.65;\n}\n\n\/* =========================================================\n   BOUTON\n========================================================= *\/\n\n.atb-publications-video__button {\n    min-height: 54px;\n    width: fit-content;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 13px;\n    margin-top: 34px;\n    padding: 14px 22px;\n    color: #301700 !important;\n    border: 1px solid var(--atb-video-gold);\n    background: var(--atb-video-gold);\n    text-decoration: none !important;\n    font-size: 13px;\n    font-weight: 800;\n    box-shadow: 0 15px 35px rgba(204, 153, 51, 0.2);\n    transition:\n        transform 0.3s ease,\n        background-color 0.3s ease,\n        box-shadow 0.3s ease;\n}\n\n.atb-publications-video__button svg {\n    width: 18px;\n    height: 18px;\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 1.8;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n    transition: transform 0.3s ease;\n}\n\n.atb-publications-video__button:hover {\n    color: #301700 !important;\n    transform: translateY(-3px);\n    background: var(--atb-video-gold-light);\n    box-shadow: 0 20px 42px rgba(204, 153, 51, 0.29);\n}\n\n.atb-publications-video__button:hover svg {\n    transform: translateX(4px);\n}\n\n\/* =========================================================\n   TABLETTE\n========================================================= *\/\n\n@media (max-width: 1024px) {\n\n    .atb-publications-video {\n        padding: 100px 0;\n    }\n\n    .atb-publications-video__container {\n        width: min(920px, calc(100% - 40px));\n    }\n\n    .atb-publications-video__header {\n        grid-template-columns: 1fr;\n        gap: 25px;\n    }\n\n    .atb-publications-video__intro {\n        max-width: 620px;\n    }\n\n    .atb-publications-video__main {\n        grid-template-columns: 1fr;\n        gap: 65px;\n    }\n\n    .atb-publications-video__player-wrap {\n        width: min(820px, 100%);\n    }\n\n    .atb-publications-video__content {\n        max-width: 760px;\n    }\n}\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media (max-width: 767px) {\n\n    .atb-publications-video {\n        padding: 80px 0 70px;\n    }\n\n    .atb-publications-video__container {\n        width: calc(100% - 32px);\n    }\n\n    .atb-publications-video__header {\n        margin-bottom: 45px;\n    }\n\n    .atb-publications-video__title {\n        font-size: clamp(39px, 11vw, 53px);\n    }\n\n    .atb-publications-video__player-wrap {\n        padding: 10px 10px 70px 0;\n    }\n\n    .atb-publications-video__player {\n        aspect-ratio: 16 \/ 11;\n    }\n\n    .atb-publications-video__tag {\n        left: 14px;\n        width: calc(100% - 28px);\n        padding: 18px;\n    }\n\n    .atb-publications-video__content h3 {\n        font-size: clamp(34px, 10vw, 46px);\n    }\n\n    .atb-publications-video__lead {\n        font-size: 18px;\n    }\n\n    .atb-publications-video__button {\n        width: 100%;\n    }\n}\n\n\/* =========================================================\n   PETITS MOBILES\n========================================================= *\/\n\n@media (max-width: 420px) {\n\n    .atb-publications-video__container {\n        width: calc(100% - 26px);\n    }\n\n    .atb-publications-video__tag-icon {\n        width: 42px;\n        height: 42px;\n        flex-basis: 42px;\n    }\n\n    .atb-publications-video__tag strong {\n        font-size: 16px;\n    }\n\n    .atb-publications-video__point {\n        grid-template-columns: 38px 1fr;\n    }\n\n    .atb-publications-video__point > span {\n        width: 38px;\n        height: 38px;\n    }\n}\n\n\/* =========================================================\n   ACCESSIBILIT\u00c9\n========================================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n    .atb-publications-video__button,\n    .atb-publications-video__button svg {\n        transition: none;\n    }\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-5b57454 e-con e-atomic-element e-flexbox-base e-e3cf5f9 \" data-id=\"5b57454\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"5b57454\" data-e-type=\"e-flexbox\" data-id=\"5b57454\">\n    \t\t<div class=\"elementor-element elementor-element-c2a938d elementor-widget elementor-widget-html\" data-id=\"c2a938d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\n     ATB \u2014 SECTION 5\n     T\u00c9L\u00c9-TH\u00c9\u00c2TRE & VID\u00c9OTH\u00c8QUE\n     Compatible Elementor HTML\/CSS\n========================================================== -->\n\n<section class=\"atb-tv\" id=\"atb-tele-theatre\">\n\n    <!-- D\u00e9corations -->\n    <div class=\"atb-tv__circle atb-tv__circle--one\" aria-hidden=\"true\"><\/div>\n    <div class=\"atb-tv__circle atb-tv__circle--two\" aria-hidden=\"true\"><\/div>\n    <div class=\"atb-tv__word\" aria-hidden=\"true\">T\u00c9L\u00c9-TH\u00c9\u00c2TRE<\/div>\n\n    <div class=\"atb-tv__container\">\n\n        <!-- EN-T\u00caTE -->\n        <header class=\"atb-tv__header\">\n\n            <div class=\"atb-tv__heading\">\n\n                <span class=\"atb-tv__eyebrow\">\n                    La sc\u00e8ne au-del\u00e0 des murs\n                <\/span>\n\n                <h2 class=\"atb-tv__title\">\n                    T\u00e9l\u00e9-Th\u00e9\u00e2tre\n                    <span>Voir, \u00e9couter, transmettre<\/span>\n                <\/h2>\n\n            <\/div>\n\n            <div class=\"atb-tv__header-content\">\n\n                <p>\n                    Spectacles, archives, entretiens et cr\u00e9ations audiovisuelles :\n                    T\u00e9l\u00e9-Th\u00e9\u00e2tre prolonge l\u2019exp\u00e9rience de la sc\u00e8ne et rend le\n                    patrimoine artistique de l\u2019ATB accessible \u00e0 tous.\n                <\/p>\n\n                <a href=\"https:\/\/www.youtube.com\/@ateliertheatreburkinabe6770\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"atb-tv__channel-link\">\n\n                    <span>Visiter la cha\u00eene YouTube<\/span>\n\n                    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                        <path d=\"M5 12h14\"><\/path>\n                        <path d=\"m13 6 6 6-6 6\"><\/path>\n                    <\/svg>\n\n                <\/a>\n\n            <\/div>\n\n        <\/header>\n\n        <!-- VID\u00c9O PRINCIPALE -->\n        <div class=\"atb-tv__featured\">\n\n            <!-- Lecteur -->\n            <div class=\"atb-tv__featured-player\">\n\n                <div class=\"atb-tv__video-frame\">\n\n                    <iframe\n                        src=\"https:\/\/www.youtube-nocookie.com\/embed\/7R-m1JzKoKM?rel=0\"\n                        title=\"Atelier Th\u00e9\u00e2tre Burkinab\u00e8 : Quand l\u2019art transforme la soci\u00e9t\u00e9\"\n                        loading=\"lazy\"\n                        allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"\n                        referrerpolicy=\"strict-origin-when-cross-origin\"\n                        allowfullscreen>\n                    <\/iframe>\n\n                <\/div>\n\n                <div class=\"atb-tv__featured-badge\">\n                    <span class=\"atb-tv__featured-badge-icon\" aria-hidden=\"true\">\n\n                        <svg viewBox=\"0 0 24 24\">\n                            <path d=\"m9 7 8 5-8 5V7Z\"><\/path>\n                        <\/svg>\n\n                    <\/span>\n\n                    <div>\n                        <small>\u00c0 la une<\/small>\n                        <strong>D\u00e9couvrez l\u2019univers de l\u2019ATB<\/strong>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n\n            <!-- Pr\u00e9sentation -->\n            <div class=\"atb-tv__featured-content\">\n\n                <span class=\"atb-tv__label\">\n                    Film institutionnel\n                <\/span>\n\n                <h3>\n                    Quand l\u2019art\n                    <em>transforme la soci\u00e9t\u00e9<\/em>\n                <\/h3>\n\n                <p class=\"atb-tv__lead\">\n                    Plongez au c\u0153ur d\u2019une institution qui utilise la cr\u00e9ation\n                    artistique comme un espace de dialogue, d\u2019\u00e9ducation et de\n                    transformation sociale depuis 1978.\n                <\/p>\n\n                <p class=\"atb-tv__text\">\n                    Cette production pr\u00e9sente l\u2019histoire, les espaces, les\n                    programmes et la vision de l\u2019Atelier Th\u00e9\u00e2tre Burkinab\u00e8.\n                    Elle permet de mieux comprendre comment la sc\u00e8ne devient\n                    un levier de d\u00e9veloppement et de participation citoyenne.\n                <\/p>\n\n                <div class=\"atb-tv__featured-meta\">\n\n                    <div>\n                        <span class=\"atb-tv__meta-icon\" aria-hidden=\"true\">\n\n                            <svg viewBox=\"0 0 24 24\">\n                                <rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"2\"><\/rect>\n                                <path d=\"m10 9 5 3-5 3V9Z\"><\/path>\n                            <\/svg>\n\n                        <\/span>\n\n                        <span>\n                            <small>Format<\/small>\n                            <strong>Pr\u00e9sentation institutionnelle<\/strong>\n                        <\/span>\n                    <\/div>\n\n                    <div>\n                        <span class=\"atb-tv__meta-icon\" aria-hidden=\"true\">\n\n                            <svg viewBox=\"0 0 24 24\">\n                                <circle cx=\"12\" cy=\"12\" r=\"9\"><\/circle>\n                                <path d=\"M12 7v5l3 2\"><\/path>\n                            <\/svg>\n\n                        <\/span>\n\n                        <span>\n                            <small>Acc\u00e8s<\/small>\n                            <strong>Visionnage gratuit<\/strong>\n                        <\/span>\n                    <\/div>\n\n                <\/div>\n\n                <a href=\"https:\/\/youtu.be\/7R-m1JzKoKM\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"atb-tv__featured-button\">\n\n                    <span class=\"atb-tv__featured-button-play\" aria-hidden=\"true\">\n\n                        <svg viewBox=\"0 0 24 24\">\n                            <path d=\"m9 7 8 5-8 5V7Z\"><\/path>\n                        <\/svg>\n\n                    <\/span>\n\n                    <span>Regarder sur YouTube<\/span>\n\n                <\/a>\n\n            <\/div>\n\n        <\/div>\n\n        <!-- S\u00c9LECTION VID\u00c9O -->\n        <div class=\"atb-tv__selection\">\n\n            <div class=\"atb-tv__selection-header\">\n\n                <div>\n                    <span>\u00c0 d\u00e9couvrir \u00e9galement<\/span>\n\n                    <h3>\n                        Cr\u00e9ations et archives audiovisuelles\n                    <\/h3>\n                <\/div>\n\n                <p>\n                    Une s\u00e9lection de spectacles, de reportages et de documents\n                    retra\u00e7ant les activit\u00e9s artistiques de l\u2019ATB.\n                <\/p>\n\n            <\/div>\n\n            <div class=\"atb-tv__grid\">\n\n                <!-- VID\u00c9O 1 -->\n                <article class=\"atb-tv-card\">\n\n                    <a href=\"https:\/\/www.youtube.com\/watch?v=xXiiZRcFgSY\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"atb-tv-card__link\" aria-label=\"Regarder L\u2019Atelier Th\u00e9\u00e2tre Burkinab\u00e8 sur toutes les sc\u00e8nes\">\n\n                        <div class=\"atb-tv-card__visual\">\n\n                            <img decoding=\"async\"\n                                src=\"https:\/\/img.youtube.com\/vi\/xXiiZRcFgSY\/hqdefault.jpg\"\n                                alt=\"Extraits de pi\u00e8ces jou\u00e9es par l\u2019Atelier Th\u00e9\u00e2tre Burkinab\u00e8\"\n                                loading=\"lazy\">\n\n                            <div class=\"atb-tv-card__overlay\"><\/div>\n\n                            <span class=\"atb-tv-card__category\">\n                                Spectacles\n                            <\/span>\n\n                            <span class=\"atb-tv-card__play\" aria-hidden=\"true\">\n\n                                <svg viewBox=\"0 0 24 24\">\n                                    <path d=\"m9 7 8 5-8 5V7Z\"><\/path>\n                                <\/svg>\n\n                            <\/span>\n\n                        <\/div>\n\n                        <div class=\"atb-tv-card__content\">\n\n                            <span class=\"atb-tv-card__type\">\n                                Extraits de cr\u00e9ations\n                            <\/span>\n\n                            <h4>\n                                L\u2019Atelier Th\u00e9\u00e2tre Burkinab\u00e8 sur toutes les sc\u00e8nes\n                            <\/h4>\n\n                            <p>\n                                Une s\u00e9lection d\u2019extraits de pi\u00e8ces et de\n                                productions artistiques de l\u2019ATB.\n                            <\/p>\n\n                            <span class=\"atb-tv-card__watch\">\n                                Regarder la vid\u00e9o\n\n                                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                                    <path d=\"M5 12h14\"><\/path>\n                                    <path d=\"m13 6 6 6-6 6\"><\/path>\n                                <\/svg>\n                            <\/span>\n\n                        <\/div>\n\n                    <\/a>\n\n                <\/article>\n\n                <!-- VID\u00c9O 2 -->\n                <article class=\"atb-tv-card\">\n\n                    <a href=\"https:\/\/www.youtube.com\/watch?v=43Xd8JPJEsI\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"atb-tv-card__link\" aria-label=\"Regarder ECRAN FITD 2006 num\u00e9ro 1\">\n\n                        <div class=\"atb-tv-card__visual\">\n\n                            <img decoding=\"async\"\n                                src=\"https:\/\/img.youtube.com\/vi\/43Xd8JPJEsI\/hqdefault.jpg\"\n                                alt=\"Archive audiovisuelle du FITD 2006, num\u00e9ro 1\"\n                                loading=\"lazy\">\n\n                            <div class=\"atb-tv-card__overlay\"><\/div>\n\n                            <span class=\"atb-tv-card__category\">\n                                Archives FITD\n                            <\/span>\n\n                            <span class=\"atb-tv-card__play\" aria-hidden=\"true\">\n\n                                <svg viewBox=\"0 0 24 24\">\n                                    <path d=\"m9 7 8 5-8 5V7Z\"><\/path>\n                                <\/svg>\n\n                            <\/span>\n\n                        <\/div>\n\n                        <div class=\"atb-tv-card__content\">\n\n                            <span class=\"atb-tv-card__type\">\n                                M\u00e9moire festivali\u00e8re\n                            <\/span>\n\n                            <h4>\n                                \u00c9cran FITD 2006 \u2014 Num\u00e9ro 1\n                            <\/h4>\n\n                            <p>\n                                Une plong\u00e9e dans les activit\u00e9s et l\u2019atmosph\u00e8re\n                                du Festival International de Th\u00e9\u00e2tre pour le\n                                D\u00e9veloppement.\n                            <\/p>\n\n                            <span class=\"atb-tv-card__watch\">\n                                Regarder l\u2019archive\n\n                                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                                    <path d=\"M5 12h14\"><\/path>\n                                    <path d=\"m13 6 6 6-6 6\"><\/path>\n                                <\/svg>\n                            <\/span>\n\n                        <\/div>\n\n                    <\/a>\n\n                <\/article>\n\n                <!-- VID\u00c9O 3 -->\n                <article class=\"atb-tv-card\">\n\n                    <a href=\"https:\/\/www.youtube.com\/watch?v=8nJRTUajT48\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"atb-tv-card__link\" aria-label=\"Regarder ECRAN FITD 2006 num\u00e9ro 2\">\n\n                        <div class=\"atb-tv-card__visual\">\n\n                            <img decoding=\"async\"\n                                src=\"https:\/\/img.youtube.com\/vi\/8nJRTUajT48\/hqdefault.jpg\"\n                                alt=\"Archive audiovisuelle du FITD 2006, num\u00e9ro 2\"\n                                loading=\"lazy\">\n\n                            <div class=\"atb-tv-card__overlay\"><\/div>\n\n                            <span class=\"atb-tv-card__category\">\n                                Archives FITD\n                            <\/span>\n\n                            <span class=\"atb-tv-card__play\" aria-hidden=\"true\">\n\n                                <svg viewBox=\"0 0 24 24\">\n                                    <path d=\"m9 7 8 5-8 5V7Z\"><\/path>\n                                <\/svg>\n\n                            <\/span>\n\n                        <\/div>\n\n                        <div class=\"atb-tv-card__content\">\n\n                            <span class=\"atb-tv-card__type\">\n                                M\u00e9moire festivali\u00e8re\n                            <\/span>\n\n                            <h4>\n                                \u00c9cran FITD 2006 \u2014 Num\u00e9ro 2\n                            <\/h4>\n\n                            <p>\n                                Un autre regard sur les spectacles, les artistes\n                                et les rencontres qui ont marqu\u00e9 cette \u00e9dition.\n                            <\/p>\n\n                            <span class=\"atb-tv-card__watch\">\n                                Regarder l\u2019archive\n\n                                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                                    <path d=\"M5 12h14\"><\/path>\n                                    <path d=\"m13 6 6 6-6 6\"><\/path>\n                                <\/svg>\n                            <\/span>\n\n                        <\/div>\n\n                    <\/a>\n\n                <\/article>\n\n            <\/div>\n\n        <\/div>\n\n        <!-- CTA CHA\u00ceNE -->\n        <div class=\"atb-tv__channel-cta\">\n\n            <div class=\"atb-tv__channel-icon\" aria-hidden=\"true\">\n\n                <svg viewBox=\"0 0 24 24\">\n                    <rect x=\"2.5\" y=\"5\" width=\"19\" height=\"14\" rx=\"4\"><\/rect>\n                    <path d=\"m10 9 5 3-5 3V9Z\"><\/path>\n                <\/svg>\n\n            <\/div>\n\n            <div class=\"atb-tv__channel-copy\">\n\n                <span>Encore plus de contenus<\/span>\n\n                <h3>\n                    Retrouvez toutes les productions sur notre cha\u00eene\n                <\/h3>\n\n                <p>\n                    Abonnez-vous pour suivre les spectacles, les reportages,\n                    les archives et les prochaines productions audiovisuelles\n                    de l\u2019ATB.\n                <\/p>\n\n            <\/div>\n\n            <a href=\"https:\/\/www.youtube.com\/@ateliertheatreburkinabe6770\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"atb-tv__youtube-button\">\n\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                    <rect x=\"2.5\" y=\"5\" width=\"19\" height=\"14\" rx=\"4\"><\/rect>\n                    <path d=\"m10 9 5 3-5 3V9Z\"><\/path>\n                <\/svg>\n\n                <span>Voir toute la cha\u00eene<\/span>\n\n            <\/a>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n<style>\n\/* =========================================================\n   VARIABLES\n========================================================= *\/\n\n.atb-tv {\n    --atb-tv-bordeaux: #60052d;\n    --atb-tv-bordeaux-dark: #320015;\n    --atb-tv-gold: #cc9933;\n    --atb-tv-gold-light: #eacb84;\n    --atb-tv-cream: #f7f1e7;\n    --atb-tv-white: #ffffff;\n    --atb-tv-text: #291d22;\n    --atb-tv-muted: #766a6f;\n    --atb-tv-red: #ff0033;\n\n    position: relative;\n    overflow: hidden;\n    isolation: isolate;\n    padding: 115px 0 105px;\n    background:\n        radial-gradient(\n            circle at 100% 15%,\n            rgba(204, 153, 51, 0.11),\n            transparent 27%\n        ),\n        linear-gradient(\n            180deg,\n            #f9f4ec 0%,\n            #ffffff 52%,\n            #f8f2e9 100%\n        );\n    font-family: \"Archivo\", Arial, sans-serif;\n}\n\n.atb-tv__container {\n    width: min(1200px, calc(100% - 48px));\n    margin: 0 auto;\n    position: relative;\n    z-index: 2;\n}\n\n\/* =========================================================\n   D\u00c9CORATIONS\n========================================================= *\/\n\n.atb-tv__circle {\n    position: absolute;\n    border: 1px solid rgba(204, 153, 51, 0.2);\n    border-radius: 50%;\n    pointer-events: none;\n}\n\n.atb-tv__circle--one {\n    width: 400px;\n    height: 400px;\n    top: 160px;\n    left: -290px;\n}\n\n.atb-tv__circle--two {\n    width: 260px;\n    height: 260px;\n    right: -160px;\n    bottom: 250px;\n}\n\n.atb-tv__word {\n    position: absolute;\n    top: 360px;\n    right: -50px;\n    color: rgba(96, 5, 45, 0.025);\n    font-family: \"Fraunces\", Georgia, serif;\n    font-size: clamp(100px, 13vw, 220px);\n    line-height: 0.8;\n    font-weight: 700;\n    writing-mode: vertical-rl;\n    pointer-events: none;\n    user-select: none;\n}\n\n\/* =========================================================\n   EN-T\u00caTE\n========================================================= *\/\n\n.atb-tv__header {\n    display: grid;\n    grid-template-columns: minmax(0, 1.15fr) minmax(300px, 0.85fr);\n    align-items: end;\n    gap: 75px;\n    margin-bottom: 70px;\n}\n\n.atb-tv__eyebrow,\n.atb-tv__label {\n    display: inline-flex;\n    align-items: center;\n    gap: 12px;\n    color: var(--atb-tv-bordeaux);\n    font-size: 11px;\n    line-height: 1.2;\n    font-weight: 800;\n    letter-spacing: 0.15em;\n    text-transform: uppercase;\n}\n\n.atb-tv__eyebrow {\n    margin-bottom: 18px;\n}\n\n.atb-tv__eyebrow::before,\n.atb-tv__label::before {\n    content: \"\";\n    width: 37px;\n    height: 2px;\n    flex: 0 0 auto;\n    background: var(--atb-tv-gold);\n}\n\n.atb-tv__title {\n    margin: 0;\n    color: var(--atb-tv-text);\n    font-family: \"Fraunces\", Georgia, serif;\n    font-size: clamp(48px, 5.5vw, 78px);\n    line-height: 0.98;\n    font-weight: 600;\n    letter-spacing: -0.045em;\n}\n\n.atb-tv__title span {\n    display: block;\n    margin-top: 8px;\n    color: var(--atb-tv-bordeaux);\n    font-size: 0.68em;\n    font-style: italic;\n    font-weight: 400;\n}\n\n.atb-tv__header-content {\n    padding-left: 27px;\n    border-left: 2px solid var(--atb-tv-gold);\n}\n\n.atb-tv__header-content p {\n    margin: 0;\n    color: var(--atb-tv-muted);\n    font-size: 15px;\n    line-height: 1.8;\n}\n\n.atb-tv__channel-link {\n    width: fit-content;\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    margin-top: 18px;\n    color: var(--atb-tv-bordeaux) !important;\n    text-decoration: none !important;\n    font-size: 12px;\n    font-weight: 800;\n}\n\n.atb-tv__channel-link svg {\n    width: 17px;\n    height: 17px;\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 1.8;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n    transition: transform 0.3s ease;\n}\n\n.atb-tv__channel-link:hover svg {\n    transform: translateX(4px);\n}\n\n\/* =========================================================\n   VID\u00c9O PRINCIPALE\n========================================================= *\/\n\n.atb-tv__featured {\n    display: grid;\n    grid-template-columns: minmax(0, 1.14fr) minmax(350px, 0.86fr);\n    align-items: center;\n    gap: clamp(58px, 7vw, 95px);\n}\n\n.atb-tv__featured-player {\n    position: relative;\n    padding: 18px 28px 68px 0;\n}\n\n.atb-tv__featured-player::before {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    right: 0;\n    width: 73%;\n    height: 80%;\n    z-index: -1;\n    border: 1px solid rgba(204, 153, 51, 0.48);\n}\n\n.atb-tv__video-frame {\n    aspect-ratio: 16 \/ 9;\n    overflow: hidden;\n    position: relative;\n    background: var(--atb-tv-bordeaux-dark);\n    box-shadow: 0 30px 75px rgba(52, 0, 22, 0.22);\n}\n\n.atb-tv__video-frame iframe {\n    width: 100%;\n    height: 100%;\n    display: block;\n    border: 0;\n}\n\n.atb-tv__featured-badge {\n    width: min(370px, calc(100% - 36px));\n    min-height: 106px;\n    position: absolute;\n    left: 27px;\n    bottom: 0;\n    display: flex;\n    align-items: center;\n    gap: 17px;\n    padding: 21px 23px;\n    color: white;\n    background: var(--atb-tv-bordeaux);\n    box-shadow: 0 22px 50px rgba(52, 0, 22, 0.26);\n}\n\n.atb-tv__featured-badge-icon {\n    width: 47px;\n    height: 47px;\n    flex: 0 0 47px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    border: 1px solid rgba(234, 203, 132, 0.48);\n    border-radius: 50%;\n    color: var(--atb-tv-gold-light);\n}\n\n.atb-tv__featured-badge-icon svg {\n    width: 22px;\n    height: 22px;\n    fill: currentColor;\n    stroke: none;\n}\n\n.atb-tv__featured-badge small {\n    display: block;\n    margin-bottom: 5px;\n    color: rgba(255, 255, 255, 0.65);\n    font-size: 9px;\n    font-weight: 800;\n    letter-spacing: 0.11em;\n    text-transform: uppercase;\n}\n\n.atb-tv__featured-badge strong {\n    display: block;\n    font-family: \"Fraunces\", Georgia, serif;\n    font-size: 18px;\n    line-height: 1.3;\n    font-weight: 550;\n}\n\n\/* =========================================================\n   CONTENU PRINCIPAL\n========================================================= *\/\n\n.atb-tv__label {\n    margin-bottom: 21px;\n}\n\n.atb-tv__featured-content h3 {\n    margin: 0;\n    color: var(--atb-tv-text);\n    font-family: \"Fraunces\", Georgia, serif;\n    font-size: clamp(38px, 4.2vw, 58px);\n    line-height: 1.07;\n    font-weight: 560;\n    letter-spacing: -0.038em;\n}\n\n.atb-tv__featured-content h3 em {\n    display: block;\n    color: var(--atb-tv-bordeaux);\n    font-weight: 400;\n}\n\n.atb-tv__lead {\n    margin: 25px 0 0;\n    color: var(--atb-tv-text);\n    font-family: \"Fraunces\", Georgia, serif;\n    font-size: 20px;\n    line-height: 1.55;\n}\n\n.atb-tv__text {\n    margin: 20px 0 0;\n    color: var(--atb-tv-muted);\n    font-size: 14px;\n    line-height: 1.82;\n}\n\n\/* =========================================================\n   M\u00c9TADONN\u00c9ES\n========================================================= *\/\n\n.atb-tv__featured-meta {\n    display: grid;\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    gap: 13px;\n    margin-top: 29px;\n}\n\n.atb-tv__featured-meta > div {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    min-height: 76px;\n    padding: 13px;\n    border: 1px solid rgba(96, 5, 45, 0.11);\n    background: rgba(255, 255, 255, 0.68);\n}\n\n.atb-tv__meta-icon {\n    width: 39px;\n    height: 39px;\n    flex: 0 0 39px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 50%;\n    color: var(--atb-tv-bordeaux);\n    background: rgba(96, 5, 45, 0.07);\n}\n\n.atb-tv__meta-icon svg {\n    width: 20px;\n    height: 20px;\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 1.65;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n}\n\n.atb-tv__featured-meta small {\n    display: block;\n    margin-bottom: 4px;\n    color: var(--atb-tv-muted);\n    font-size: 8px;\n    font-weight: 800;\n    letter-spacing: 0.1em;\n    text-transform: uppercase;\n}\n\n.atb-tv__featured-meta strong {\n    display: block;\n    color: var(--atb-tv-text);\n    font-size: 11px;\n    line-height: 1.4;\n    font-weight: 750;\n}\n\n\/* =========================================================\n   BOUTON PRINCIPAL\n========================================================= *\/\n\n.atb-tv__featured-button {\n    width: fit-content;\n    min-height: 54px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 12px;\n    margin-top: 30px;\n    padding: 13px 22px;\n    color: white !important;\n    background: var(--atb-tv-bordeaux);\n    border: 1px solid var(--atb-tv-bordeaux);\n    text-decoration: none !important;\n    font-size: 13px;\n    font-weight: 800;\n    transition:\n        transform 0.3s ease,\n        background-color 0.3s ease,\n        box-shadow 0.3s ease;\n}\n\n.atb-tv__featured-button-play {\n    width: 27px;\n    height: 27px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    border: 1px solid rgba(255, 255, 255, 0.35);\n    border-radius: 50%;\n}\n\n.atb-tv__featured-button-play svg {\n    width: 15px;\n    height: 15px;\n    fill: currentColor;\n    stroke: none;\n}\n\n.atb-tv__featured-button:hover {\n    color: white !important;\n    transform: translateY(-3px);\n    background: var(--atb-tv-bordeaux-dark);\n    box-shadow: 0 17px 38px rgba(96, 5, 45, 0.22);\n}\n\n\/* =========================================================\n   S\u00c9LECTION\n========================================================= *\/\n\n.atb-tv__selection {\n    padding-top: 105px;\n}\n\n.atb-tv__selection-header {\n    display: flex;\n    align-items: end;\n    justify-content: space-between;\n    gap: 40px;\n    margin-bottom: 48px;\n}\n\n.atb-tv__selection-header span {\n    display: block;\n    margin-bottom: 11px;\n    color: var(--atb-tv-bordeaux);\n    font-size: 10px;\n    font-weight: 800;\n    letter-spacing: 0.15em;\n    text-transform: uppercase;\n}\n\n.atb-tv__selection-header h3 {\n    margin: 0;\n    color: var(--atb-tv-text);\n    font-family: \"Fraunces\", Georgia, serif;\n    font-size: clamp(34px, 3.6vw, 49px);\n    line-height: 1.1;\n    font-weight: 600;\n    letter-spacing: -0.032em;\n}\n\n.atb-tv__selection-header p {\n    max-width: 360px;\n    margin: 0;\n    color: var(--atb-tv-muted);\n    font-size: 13px;\n    line-height: 1.72;\n}\n\n\/* =========================================================\n   CARTES\n========================================================= *\/\n\n.atb-tv__grid {\n    display: grid;\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n    gap: 27px;\n}\n\n.atb-tv-card {\n    min-width: 0;\n    background: white;\n    box-shadow: 0 18px 48px rgba(53, 21, 35, 0.08);\n    transition:\n        transform 0.35s ease,\n        box-shadow 0.35s ease;\n}\n\n.atb-tv-card:hover {\n    transform: translateY(-9px);\n    box-shadow: 0 27px 62px rgba(53, 21, 35, 0.14);\n}\n\n.atb-tv-card__link {\n    height: 100%;\n    display: flex;\n    flex-direction: column;\n    color: inherit !important;\n    text-decoration: none !important;\n}\n\n.atb-tv-card__visual {\n    aspect-ratio: 16 \/ 10;\n    position: relative;\n    overflow: hidden;\n    background: var(--atb-tv-bordeaux-dark);\n}\n\n.atb-tv-card__visual img {\n    width: 100%;\n    height: 100%;\n    display: block;\n    object-fit: cover;\n    transition: transform 0.65s ease;\n}\n\n.atb-tv-card:hover .atb-tv-card__visual img {\n    transform: scale(1.07);\n}\n\n.atb-tv-card__overlay {\n    position: absolute;\n    inset: 0;\n    background:\n        linear-gradient(\n            180deg,\n            rgba(33, 0, 14, 0.08),\n            rgba(42, 0, 18, 0.64)\n        );\n}\n\n.atb-tv-card__category {\n    position: absolute;\n    top: 16px;\n    left: 16px;\n    padding: 8px 11px;\n    color: #2d1600;\n    background: var(--atb-tv-gold-light);\n    font-size: 8px;\n    font-weight: 800;\n    letter-spacing: 0.1em;\n    text-transform: uppercase;\n}\n\n.atb-tv-card__play {\n    width: 58px;\n    height: 58px;\n    position: absolute;\n    left: 50%;\n    top: 50%;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    border: 1px solid rgba(255, 255, 255, 0.55);\n    border-radius: 50%;\n    color: white;\n    background: rgba(96, 5, 45, 0.8);\n    transform: translate(-50%, -50%);\n    backdrop-filter: blur(5px);\n    transition:\n        transform 0.35s ease,\n        background-color 0.35s ease;\n}\n\n.atb-tv-card:hover .atb-tv-card__play {\n    background: var(--atb-tv-bordeaux);\n    transform: translate(-50%, -50%) scale(1.09);\n}\n\n.atb-tv-card__play svg {\n    width: 24px;\n    height: 24px;\n    fill: currentColor;\n    stroke: none;\n}\n\n.atb-tv-card__content {\n    flex: 1;\n    padding: 27px 25px 25px;\n}\n\n.atb-tv-card__type {\n    display: block;\n    margin-bottom: 10px;\n    color: var(--atb-tv-bordeaux);\n    font-size: 9px;\n    font-weight: 800;\n    letter-spacing: 0.11em;\n    text-transform: uppercase;\n}\n\n.atb-tv-card h4 {\n    margin: 0;\n    color: var(--atb-tv-text);\n    font-family: \"Fraunces\", Georgia, serif;\n    font-size: 22px;\n    line-height: 1.3;\n    font-weight: 600;\n}\n\n.atb-tv-card p {\n    margin: 14px 0 0;\n    color: var(--atb-tv-muted);\n    font-size: 13px;\n    line-height: 1.72;\n}\n\n.atb-tv-card__watch {\n    display: inline-flex;\n    align-items: center;\n    gap: 9px;\n    margin-top: 20px;\n    color: var(--atb-tv-bordeaux);\n    font-size: 11px;\n    font-weight: 800;\n}\n\n.atb-tv-card__watch svg {\n    width: 16px;\n    height: 16px;\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 1.8;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n    transition: transform 0.3s ease;\n}\n\n.atb-tv-card:hover .atb-tv-card__watch svg {\n    transform: translateX(4px);\n}\n\n\/* =========================================================\n   CTA CHA\u00ceNE\n========================================================= *\/\n\n.atb-tv__channel-cta {\n    display: grid;\n    grid-template-columns: auto minmax(0, 1fr) auto;\n    align-items: center;\n    gap: 25px;\n    margin-top: 75px;\n    padding: 34px 38px;\n    color: white;\n    background:\n        radial-gradient(\n            circle at 15% 0%,\n            rgba(204, 153, 51, 0.2),\n            transparent 35%\n        ),\n        linear-gradient(\n            120deg,\n            var(--atb-tv-bordeaux-dark),\n            var(--atb-tv-bordeaux)\n        );\n    box-shadow: 0 25px 65px rgba(52, 0, 22, 0.18);\n}\n\n.atb-tv__channel-icon {\n    width: 65px;\n    height: 65px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    border: 1px solid rgba(234, 203, 132, 0.44);\n    border-radius: 50%;\n    color: var(--atb-tv-gold-light);\n}\n\n.atb-tv__channel-icon svg {\n    width: 31px;\n    height: 31px;\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 1.6;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n}\n\n.atb-tv__channel-copy > span {\n    display: block;\n    margin-bottom: 5px;\n    color: var(--atb-tv-gold-light);\n    font-size: 9px;\n    font-weight: 800;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n}\n\n.atb-tv__channel-copy h3 {\n    margin: 0;\n    color: white;\n    font-family: \"Fraunces\", Georgia, serif;\n    font-size: 25px;\n    line-height: 1.3;\n    font-weight: 550;\n}\n\n.atb-tv__channel-copy p {\n    max-width: 650px;\n    margin: 8px 0 0;\n    color: rgba(255, 255, 255, 0.65);\n    font-size: 12px;\n    line-height: 1.65;\n}\n\n.atb-tv__youtube-button {\n    min-height: 52px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 11px;\n    padding: 13px 20px;\n    color: #2e1700 !important;\n    background: var(--atb-tv-gold);\n    text-decoration: none !important;\n    white-space: nowrap;\n    font-size: 12px;\n    font-weight: 800;\n    transition:\n        transform 0.3s ease,\n        background-color 0.3s ease;\n}\n\n.atb-tv__youtube-button svg {\n    width: 21px;\n    height: 21px;\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 1.7;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n}\n\n.atb-tv__youtube-button:hover {\n    color: #2e1700 !important;\n    transform: translateY(-3px);\n    background: var(--atb-tv-gold-light);\n}\n\n\/* =========================================================\n   TABLETTE\n========================================================= *\/\n\n@media (max-width: 1024px) {\n\n    .atb-tv {\n        padding: 100px 0 90px;\n    }\n\n    .atb-tv__container {\n        width: min(920px, calc(100% - 40px));\n    }\n\n    .atb-tv__header {\n        grid-template-columns: 1fr;\n        gap: 26px;\n    }\n\n    .atb-tv__header-content {\n        max-width: 650px;\n    }\n\n    .atb-tv__featured {\n        grid-template-columns: 1fr;\n        gap: 62px;\n    }\n\n    .atb-tv__featured-player {\n        width: min(820px, 100%);\n    }\n\n    .atb-tv__featured-content {\n        max-width: 760px;\n    }\n\n    .atb-tv__grid {\n        grid-template-columns: repeat(2, minmax(0, 1fr));\n    }\n\n    .atb-tv-card:last-child {\n        grid-column: span 2;\n        width: calc(50% - 14px);\n        justify-self: center;\n    }\n\n    .atb-tv__channel-cta {\n        grid-template-columns: auto 1fr;\n    }\n\n    .atb-tv__youtube-button {\n        grid-column: 2;\n        width: fit-content;\n    }\n}\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media (max-width: 767px) {\n\n    .atb-tv {\n        padding: 80px 0 70px;\n    }\n\n    .atb-tv__container {\n        width: calc(100% - 32px);\n    }\n\n    .atb-tv__header {\n        margin-bottom: 47px;\n    }\n\n    .atb-tv__title {\n        font-size: clamp(42px, 12vw, 57px);\n    }\n\n    .atb-tv__featured-player {\n        padding: 11px 10px 69px 0;\n    }\n\n    .atb-tv__featured-badge {\n        left: 14px;\n        width: calc(100% - 28px);\n        padding: 18px;\n    }\n\n    .atb-tv__featured-content h3 {\n        font-size: clamp(35px, 10vw, 47px);\n    }\n\n    .atb-tv__lead {\n        font-size: 18px;\n    }\n\n    .atb-tv__featured-meta {\n        grid-template-columns: 1fr;\n    }\n\n    .atb-tv__featured-button {\n        width: 100%;\n    }\n\n    .atb-tv__selection {\n        padding-top: 80px;\n    }\n\n    .atb-tv__selection-header {\n        align-items: flex-start;\n        flex-direction: column;\n        margin-bottom: 38px;\n    }\n\n    .atb-tv__grid {\n        grid-template-columns: 1fr;\n    }\n\n    .atb-tv-card:last-child {\n        grid-column: auto;\n        width: 100%;\n    }\n\n    .atb-tv__channel-cta {\n        grid-template-columns: 1fr;\n        padding: 29px 24px;\n    }\n\n    .atb-tv__channel-icon {\n        width: 58px;\n        height: 58px;\n    }\n\n    .atb-tv__youtube-button {\n        grid-column: auto;\n        width: 100%;\n    }\n}\n\n\/* =========================================================\n   PETITS MOBILES\n========================================================= *\/\n\n@media (max-width: 420px) {\n\n    .atb-tv__container {\n        width: calc(100% - 26px);\n    }\n\n    .atb-tv__featured-badge-icon {\n        width: 41px;\n        height: 41px;\n        flex-basis: 41px;\n    }\n\n    .atb-tv__featured-badge strong {\n        font-size: 16px;\n    }\n\n    .atb-tv-card__content {\n        padding: 24px 21px;\n    }\n}\n\n\/* =========================================================\n   ACCESSIBILIT\u00c9\n========================================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n    .atb-tv-card,\n    .atb-tv-card__visual img,\n    .atb-tv-card__play,\n    .atb-tv-card__watch svg,\n    .atb-tv__featured-button,\n    .atb-tv__youtube-button,\n    .atb-tv__channel-link svg {\n        transition: none;\n    }\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-0e93d63 e-con e-atomic-element e-flexbox-base e-7899bdb \" data-id=\"0e93d63\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"0e93d63\" data-e-type=\"e-flexbox\" data-id=\"0e93d63\">\n    \t\t<div class=\"elementor-element elementor-element-417170d elementor-widget elementor-widget-html\" data-id=\"417170d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\n     ATB \u2014 SECTION 6\n     GALERIE D\u2019ARCHIVES\n     Compatible Elementor HTML\/CSS\n========================================================== -->\n\n<section class=\"atb-archives\" id=\"atb-archives\">\n\n    <div class=\"atb-archives__circle atb-archives__circle--one\" aria-hidden=\"true\"><\/div>\n    <div class=\"atb-archives__circle atb-archives__circle--two\" aria-hidden=\"true\"><\/div>\n    <div class=\"atb-archives__word\" aria-hidden=\"true\">ARCHIVES<\/div>\n\n    <div class=\"atb-archives__container\">\n\n        <!-- EN-T\u00caTE -->\n        <header class=\"atb-archives__header\">\n\n            <div class=\"atb-archives__heading\">\n\n                <span class=\"atb-archives__eyebrow\">\n                    M\u00e9moire photographique\n                <\/span>\n\n                <h2 class=\"atb-archives__title\">\n                    Les images racontent\n                    <span>une histoire vivante<\/span>\n                <\/h2>\n\n            <\/div>\n\n            <div class=\"atb-archives__intro\">\n\n                <p>\n                    Spectacles, r\u00e9p\u00e9titions, formations, tourn\u00e9es et rencontres :\n                    les archives photographiques de l\u2019ATB t\u00e9moignent de plusieurs\n                    d\u00e9cennies d\u2019engagement artistique et social.\n                <\/p>\n\n                <a href=\"#atb-cta-final\" class=\"atb-archives__intro-link\">\n                    <span>Poursuivre l\u2019exploration<\/span>\n\n                    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                        <path d=\"M5 12h14\"><\/path>\n                        <path d=\"m13 6 6 6-6 6\"><\/path>\n                    <\/svg>\n                <\/a>\n\n            <\/div>\n\n        <\/header>\n\n        <!-- GALERIE MASONRY -->\n        <div class=\"atb-archives__gallery\">\n\n            <!-- IMAGE 1 -->\n            <figure class=\"atb-archives-card atb-archives-card--large\">\n\n                <div class=\"atb-archives-card__image\">\n\n                    <img decoding=\"async\"\n                        src=\"http:\/\/atb.bf\/atb-v2\/wp-content\/uploads\/2025\/11\/41765490_1035202253322959_3176673432641208320_n.jpg\"\n                        alt=\"Archive historique de l\u2019Atelier Th\u00e9\u00e2tre Burkinab\u00e8\"\n                        loading=\"lazy\">\n\n                    <div class=\"atb-archives-card__overlay\"><\/div>\n\n                    <span class=\"atb-archives-card__number\">\n                        01\n                    <\/span>\n\n                <\/div>\n\n                <figcaption>\n                    <span>Archives historiques<\/span>\n                    <strong>Une institution au c\u0153ur de la cr\u00e9ation<\/strong>\n                <\/figcaption>\n\n            <\/figure>\n\n            <!-- IMAGE 2 -->\n            <figure class=\"atb-archives-card\">\n\n                <div class=\"atb-archives-card__image\">\n\n                    <img decoding=\"async\"\n                        src=\"http:\/\/atb.bf\/atb-v2\/wp-content\/uploads\/2025\/11\/43679357_1057687234407794_5818889952536035328_n.jpg\"\n                        alt=\"Artistes et participants lors d\u2019une activit\u00e9 de l\u2019ATB\"\n                        loading=\"lazy\">\n\n                    <div class=\"atb-archives-card__overlay\"><\/div>\n\n                    <span class=\"atb-archives-card__number\">\n                        02\n                    <\/span>\n\n                <\/div>\n\n                <figcaption>\n                    <span>Vie artistique<\/span>\n                    <strong>Cr\u00e9er ensemble<\/strong>\n                <\/figcaption>\n\n            <\/figure>\n\n            <!-- IMAGE 3 -->\n            <figure class=\"atb-archives-card atb-archives-card--tall\">\n\n                <div class=\"atb-archives-card__image\">\n\n                    <img decoding=\"async\"\n                        src=\"http:\/\/atb.bf\/atb-v2\/wp-content\/uploads\/2025\/11\/43548054_1057687244407793_8268505282586345472_n.jpg\"\n                        alt=\"Sc\u00e8ne et repr\u00e9sentation de l\u2019Atelier Th\u00e9\u00e2tre Burkinab\u00e8\"\n                        loading=\"lazy\">\n\n                    <div class=\"atb-archives-card__overlay\"><\/div>\n\n                    <span class=\"atb-archives-card__number\">\n                        03\n                    <\/span>\n\n                <\/div>\n\n                <figcaption>\n                    <span>Sur sc\u00e8ne<\/span>\n                    <strong>Le th\u00e9\u00e2tre comme espace de dialogue<\/strong>\n                <\/figcaption>\n\n            <\/figure>\n\n            <!-- IMAGE 4 -->\n            <figure class=\"atb-archives-card\">\n\n                <div class=\"atb-archives-card__image\">\n\n                    <img decoding=\"async\"\n                        src=\"http:\/\/atb.bf\/atb-v2\/wp-content\/uploads\/2025\/11\/44728438_1057687254407792_8055147641081692160_n.jpg\"\n                        alt=\"Activit\u00e9 communautaire men\u00e9e par l\u2019ATB\"\n                        loading=\"lazy\">\n\n                    <div class=\"atb-archives-card__overlay\"><\/div>\n\n                    <span class=\"atb-archives-card__number\">\n                        04\n                    <\/span>\n\n                <\/div>\n\n                <figcaption>\n                    <span>Sur le terrain<\/span>\n                    <strong>Au plus pr\u00e8s des communaut\u00e9s<\/strong>\n                <\/figcaption>\n\n            <\/figure>\n\n            <!-- IMAGE 5 -->\n            <figure class=\"atb-archives-card atb-archives-card--wide\">\n\n                <div class=\"atb-archives-card__image\">\n\n                    <img decoding=\"async\"\n                        src=\"http:\/\/atb.bf\/atb-v2\/wp-content\/uploads\/2025\/11\/43736632_1057687504407767_6963206137978028032_n.jpg\"\n                        alt=\"Rencontre et activit\u00e9 culturelle de l\u2019ATB\"\n                        loading=\"lazy\">\n\n                    <div class=\"atb-archives-card__overlay\"><\/div>\n\n                    <span class=\"atb-archives-card__number\">\n                        05\n                    <\/span>\n\n                <\/div>\n\n                <figcaption>\n                    <span>Rencontres<\/span>\n                    <strong>Partager les exp\u00e9riences<\/strong>\n                <\/figcaption>\n\n            <\/figure>\n\n            <!-- IMAGE 6 -->\n            <figure class=\"atb-archives-card\">\n\n                <div class=\"atb-archives-card__image\">\n\n                    <img decoding=\"async\"\n                        src=\"http:\/\/atb.bf\/atb-v2\/wp-content\/uploads\/2025\/11\/43626187_1057687671074417_3906892863090196480_n.jpg\"\n                        alt=\"Formation artistique organis\u00e9e par l\u2019ATB\"\n                        loading=\"lazy\">\n\n                    <div class=\"atb-archives-card__overlay\"><\/div>\n\n                    <span class=\"atb-archives-card__number\">\n                        06\n                    <\/span>\n\n                <\/div>\n\n                <figcaption>\n                    <span>Transmission<\/span>\n                    <strong>Former les g\u00e9n\u00e9rations futures<\/strong>\n                <\/figcaption>\n\n            <\/figure>\n\n            <!-- IMAGE 7 -->\n            <figure class=\"atb-archives-card atb-archives-card--tall\">\n\n                <div class=\"atb-archives-card__image\">\n\n                    <img decoding=\"async\"\n                        src=\"http:\/\/atb.bf\/atb-v2\/wp-content\/uploads\/2025\/11\/43763816_1057687821074402_3560737847860264960_n.jpg\"\n                        alt=\"Repr\u00e9sentation th\u00e9\u00e2trale de l\u2019ATB\"\n                        loading=\"lazy\">\n\n                    <div class=\"atb-archives-card__overlay\"><\/div>\n\n                    <span class=\"atb-archives-card__number\">\n                        07\n                    <\/span>\n\n                <\/div>\n\n                <figcaption>\n                    <span>Cr\u00e9ation<\/span>\n                    <strong>Donner corps aux r\u00e9cits<\/strong>\n                <\/figcaption>\n\n            <\/figure>\n\n            <!-- IMAGE 8 -->\n            <figure class=\"atb-archives-card\">\n\n                <div class=\"atb-archives-card__image\">\n\n                    <img decoding=\"async\"\n                        src=\"http:\/\/atb.bf\/atb-v2\/wp-content\/uploads\/2025\/11\/43730600_1057688014407716_3016996830727634944_n.jpg\"\n                        alt=\"Public et activit\u00e9 culturelle \u00e0 l\u2019Espace ATB\"\n                        loading=\"lazy\">\n\n                    <div class=\"atb-archives-card__overlay\"><\/div>\n\n                    <span class=\"atb-archives-card__number\">\n                        08\n                    <\/span>\n\n                <\/div>\n\n                <figcaption>\n                    <span>Public<\/span>\n                    <strong>Une sc\u00e8ne ouverte \u00e0 tous<\/strong>\n                <\/figcaption>\n\n            <\/figure>\n\n            <!-- IMAGE 9 -->\n            <figure class=\"atb-archives-card atb-archives-card--wide\">\n\n                <div class=\"atb-archives-card__image\">\n\n                    <img decoding=\"async\"\n                        src=\"http:\/\/atb.bf\/atb-v2\/wp-content\/uploads\/2025\/11\/44731902_1057688077741043_8588882226228232192_n.jpg\"\n                        alt=\"Participants \u00e0 une rencontre de l\u2019Atelier Th\u00e9\u00e2tre Burkinab\u00e8\"\n                        loading=\"lazy\">\n\n                    <div class=\"atb-archives-card__overlay\"><\/div>\n\n                    <span class=\"atb-archives-card__number\">\n                        09\n                    <\/span>\n\n                <\/div>\n\n                <figcaption>\n                    <span>Communaut\u00e9<\/span>\n                    <strong>Construire des espaces de parole<\/strong>\n                <\/figcaption>\n\n            <\/figure>\n\n            <!-- IMAGE 10 -->\n            <figure class=\"atb-archives-card\">\n\n                <div class=\"atb-archives-card__image\">\n\n                    <img decoding=\"async\"\n                        src=\"http:\/\/atb.bf\/atb-v2\/wp-content\/uploads\/2025\/11\/68275240_1247257035450812_7228031111325024256_n.jpg\"\n                        alt=\"Activit\u00e9 artistique et culturelle de l\u2019ATB\"\n                        loading=\"lazy\">\n\n                    <div class=\"atb-archives-card__overlay\"><\/div>\n\n                    <span class=\"atb-archives-card__number\">\n                        10\n                    <\/span>\n\n                <\/div>\n\n                <figcaption>\n                    <span>Patrimoine<\/span>\n                    <strong>Pr\u00e9server pour transmettre<\/strong>\n                <\/figcaption>\n\n            <\/figure>\n\n            <!-- IMAGE 11 -->\n            <figure class=\"atb-archives-card atb-archives-card--tall\">\n\n                <div class=\"atb-archives-card__image\">\n\n                    <img decoding=\"async\"\n                        src=\"http:\/\/atb.bf\/atb-v2\/wp-content\/uploads\/2025\/11\/95215853_1477417372434776_515043733582905344_n.jpg\"\n                        alt=\"Archive artistique de l\u2019Atelier Th\u00e9\u00e2tre Burkinab\u00e8\"\n                        loading=\"lazy\">\n\n                    <div class=\"atb-archives-card__overlay\"><\/div>\n\n                    <span class=\"atb-archives-card__number\">\n                        11\n                    <\/span>\n\n                <\/div>\n\n                <figcaption>\n                    <span>Expression<\/span>\n                    <strong>La force du geste et de la parole<\/strong>\n                <\/figcaption>\n\n            <\/figure>\n\n            <!-- IMAGE 12 -->\n            <figure class=\"atb-archives-card\">\n\n                <div class=\"atb-archives-card__image\">\n\n                    <img decoding=\"async\"\n                        src=\"http:\/\/atb.bf\/atb-v2\/wp-content\/uploads\/2025\/11\/96140652_1487448604764986_5196125080505024512_n.jpg\"\n                        alt=\"Archive de spectacle de l\u2019ATB\"\n                        loading=\"lazy\">\n\n                    <div class=\"atb-archives-card__overlay\"><\/div>\n\n                    <span class=\"atb-archives-card__number\">\n                        12\n                    <\/span>\n\n                <\/div>\n\n                <figcaption>\n                    <span>Sc\u00e8ne<\/span>\n                    <strong>Des histoires qui traversent le temps<\/strong>\n                <\/figcaption>\n\n            <\/figure>\n\n        <\/div>\n\n        <!-- BANDEAU BAS -->\n        <div class=\"atb-archives__footer\">\n\n            <div class=\"atb-archives__footer-icon\" aria-hidden=\"true\">\n\n                <svg viewBox=\"0 0 24 24\">\n                    <rect x=\"3\" y=\"4\" width=\"18\" height=\"16\" rx=\"2\"><\/rect>\n                    <circle cx=\"8.5\" cy=\"9\" r=\"1.5\"><\/circle>\n                    <path d=\"m5 17 4-4 3 3 2-2 5 3\"><\/path>\n                <\/svg>\n\n            <\/div>\n\n            <div class=\"atb-archives__footer-copy\">\n\n                <span>Une collection appel\u00e9e \u00e0 grandir<\/span>\n\n                <h3>\n                    L\u2019histoire de l\u2019ATB continue de s\u2019\u00e9crire\n                <\/h3>\n\n                <p>\n                    Cette premi\u00e8re s\u00e9lection sera progressivement enrichie\n                    par de nouvelles photographies, captations et documents\n                    issus des archives institutionnelles.\n                <\/p>\n\n            <\/div>\n\n            <a href=\"#atb-cta-final\" class=\"atb-archives__footer-button\">\n\n                <span>Continuer<\/span>\n\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                    <path d=\"M5 12h14\"><\/path>\n                    <path d=\"m13 6 6 6-6 6\"><\/path>\n                <\/svg>\n\n            <\/a>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n<style>\n\/* =========================================================\n   VARIABLES\n========================================================= *\/\n\n.atb-archives {\n    --atb-archives-bordeaux: #60052d;\n    --atb-archives-bordeaux-dark: #310014;\n    --atb-archives-gold: #cc9933;\n    --atb-archives-gold-light: #ebcd88;\n    --atb-archives-cream: #f7f1e7;\n    --atb-archives-white: #ffffff;\n    --atb-archives-text: #291d22;\n    --atb-archives-muted: #776b70;\n\n    position: relative;\n    overflow: hidden;\n    isolation: isolate;\n    padding: 115px 0 105px;\n    background:\n        radial-gradient(\n            circle at 0% 10%,\n            rgba(204, 153, 51, 0.1),\n            transparent 25%\n        ),\n        linear-gradient(\n            180deg,\n            #f8f2e9 0%,\n            #ffffff 48%,\n            #f6efe5 100%\n        );\n    font-family: \"Archivo\", Arial, sans-serif;\n}\n\n.atb-archives__container {\n    width: min(1200px, calc(100% - 48px));\n    margin: 0 auto;\n    position: relative;\n    z-index: 2;\n}\n\n\/* =========================================================\n   D\u00c9CORATIONS\n========================================================= *\/\n\n.atb-archives__circle {\n    position: absolute;\n    border: 1px solid rgba(204, 153, 51, 0.2);\n    border-radius: 50%;\n    pointer-events: none;\n}\n\n.atb-archives__circle--one {\n    width: 440px;\n    height: 440px;\n    left: -320px;\n    top: 180px;\n}\n\n.atb-archives__circle--two {\n    width: 250px;\n    height: 250px;\n    right: -140px;\n    bottom: 210px;\n}\n\n.atb-archives__word {\n    position: absolute;\n    top: 45%;\n    left: -55px;\n    color: rgba(96, 5, 45, 0.025);\n    font-family: \"Fraunces\", Georgia, serif;\n    font-size: clamp(120px, 16vw, 250px);\n    font-weight: 700;\n    line-height: 1;\n    transform: rotate(-90deg);\n    pointer-events: none;\n    user-select: none;\n}\n\n\/* =========================================================\n   EN-T\u00caTE\n========================================================= *\/\n\n.atb-archives__header {\n    display: grid;\n    grid-template-columns: minmax(0, 1.15fr) minmax(300px, 0.85fr);\n    align-items: end;\n    gap: 75px;\n    margin-bottom: 68px;\n}\n\n.atb-archives__eyebrow {\n    display: inline-flex;\n    align-items: center;\n    gap: 12px;\n    margin-bottom: 18px;\n    color: var(--atb-archives-bordeaux);\n    font-size: 11px;\n    font-weight: 800;\n    line-height: 1.2;\n    letter-spacing: 0.15em;\n    text-transform: uppercase;\n}\n\n.atb-archives__eyebrow::before {\n    content: \"\";\n    width: 37px;\n    height: 2px;\n    background: var(--atb-archives-gold);\n}\n\n.atb-archives__title {\n    margin: 0;\n    color: var(--atb-archives-text);\n    font-family: \"Fraunces\", Georgia, serif;\n    font-size: clamp(45px, 5vw, 72px);\n    line-height: 1.02;\n    font-weight: 600;\n    letter-spacing: -0.04em;\n}\n\n.atb-archives__title span {\n    display: block;\n    color: var(--atb-archives-bordeaux);\n    font-style: italic;\n    font-weight: 400;\n}\n\n.atb-archives__intro {\n    padding-left: 27px;\n    border-left: 2px solid var(--atb-archives-gold);\n}\n\n.atb-archives__intro p {\n    margin: 0;\n    color: var(--atb-archives-muted);\n    font-size: 15px;\n    line-height: 1.8;\n}\n\n.atb-archives__intro-link {\n    width: fit-content;\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    margin-top: 18px;\n    color: var(--atb-archives-bordeaux) !important;\n    text-decoration: none !important;\n    font-size: 12px;\n    font-weight: 800;\n}\n\n.atb-archives__intro-link svg {\n    width: 17px;\n    height: 17px;\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 1.8;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n    transition: transform 0.3s ease;\n}\n\n.atb-archives__intro-link:hover svg {\n    transform: translateX(4px);\n}\n\n\/* =========================================================\n   GALERIE\n========================================================= *\/\n\n.atb-archives__gallery {\n    columns: 3;\n    column-gap: 24px;\n}\n\n.atb-archives-card {\n    display: inline-block;\n    width: 100%;\n    margin: 0 0 24px;\n    break-inside: avoid;\n    background: white;\n    box-shadow: 0 18px 48px rgba(54, 21, 35, 0.08);\n    transition:\n        transform 0.35s ease,\n        box-shadow 0.35s ease;\n}\n\n.atb-archives-card:hover {\n    transform: translateY(-7px);\n    box-shadow: 0 28px 62px rgba(54, 21, 35, 0.14);\n}\n\n.atb-archives-card__image {\n    height: 300px;\n    position: relative;\n    overflow: hidden;\n    background: var(--atb-archives-bordeaux-dark);\n}\n\n.atb-archives-card--large .atb-archives-card__image {\n    height: 460px;\n}\n\n.atb-archives-card--tall .atb-archives-card__image {\n    height: 390px;\n}\n\n.atb-archives-card--wide .atb-archives-card__image {\n    height: 250px;\n}\n\n.atb-archives-card__image img {\n    width: 100%;\n    height: 100%;\n    display: block;\n    object-fit: cover;\n    transition: transform 0.75s cubic-bezier(.2, .7, .25, 1);\n}\n\n.atb-archives-card:hover .atb-archives-card__image img {\n    transform: scale(1.075);\n}\n\n.atb-archives-card__overlay {\n    position: absolute;\n    inset: 0;\n    background:\n        linear-gradient(\n            180deg,\n            rgba(40, 0, 17, 0.02),\n            rgba(40, 0, 17, 0.55)\n        );\n    transition: background 0.35s ease;\n}\n\n.atb-archives-card:hover .atb-archives-card__overlay {\n    background:\n        linear-gradient(\n            180deg,\n            rgba(40, 0, 17, 0.08),\n            rgba(40, 0, 17, 0.72)\n        );\n}\n\n.atb-archives-card__number {\n    width: 42px;\n    height: 42px;\n    position: absolute;\n    right: 15px;\n    bottom: 15px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    border: 1px solid rgba(255, 255, 255, 0.48);\n    border-radius: 50%;\n    color: white;\n    background: rgba(96, 5, 45, 0.58);\n    backdrop-filter: blur(5px);\n    font-family: \"Fraunces\", Georgia, serif;\n    font-size: 13px;\n    font-weight: 600;\n}\n\n.atb-archives-card figcaption {\n    padding: 21px 22px 23px;\n}\n\n.atb-archives-card figcaption span {\n    display: block;\n    margin-bottom: 7px;\n    color: var(--atb-archives-bordeaux);\n    font-size: 9px;\n    font-weight: 800;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n}\n\n.atb-archives-card figcaption strong {\n    display: block;\n    color: var(--atb-archives-text);\n    font-family: \"Fraunces\", Georgia, serif;\n    font-size: 20px;\n    line-height: 1.34;\n    font-weight: 600;\n}\n\n\/* =========================================================\n   BANDEAU BAS\n========================================================= *\/\n\n.atb-archives__footer {\n    display: grid;\n    grid-template-columns: auto minmax(0, 1fr) auto;\n    align-items: center;\n    gap: 24px;\n    margin-top: 75px;\n    padding: 34px 38px;\n    color: white;\n    background:\n        radial-gradient(\n            circle at 15% 0%,\n            rgba(204, 153, 51, 0.2),\n            transparent 35%\n        ),\n        linear-gradient(\n            120deg,\n            var(--atb-archives-bordeaux-dark),\n            var(--atb-archives-bordeaux)\n        );\n    box-shadow: 0 25px 65px rgba(52, 0, 22, 0.18);\n}\n\n.atb-archives__footer-icon {\n    width: 65px;\n    height: 65px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    border: 1px solid rgba(235, 205, 136, 0.45);\n    border-radius: 50%;\n    color: var(--atb-archives-gold-light);\n}\n\n.atb-archives__footer-icon svg {\n    width: 31px;\n    height: 31px;\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 1.6;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n}\n\n.atb-archives__footer-copy > span {\n    display: block;\n    margin-bottom: 5px;\n    color: var(--atb-archives-gold-light);\n    font-size: 9px;\n    font-weight: 800;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n}\n\n.atb-archives__footer-copy h3 {\n    margin: 0;\n    color: white;\n    font-family: \"Fraunces\", Georgia, serif;\n    font-size: 25px;\n    line-height: 1.3;\n    font-weight: 550;\n}\n\n.atb-archives__footer-copy p {\n    max-width: 650px;\n    margin: 8px 0 0;\n    color: rgba(255, 255, 255, 0.65);\n    font-size: 12px;\n    line-height: 1.65;\n}\n\n.atb-archives__footer-button {\n    min-height: 52px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 11px;\n    padding: 13px 20px;\n    color: #2e1700 !important;\n    background: var(--atb-archives-gold);\n    text-decoration: none !important;\n    white-space: nowrap;\n    font-size: 12px;\n    font-weight: 800;\n    transition:\n        transform 0.3s ease,\n        background-color 0.3s ease;\n}\n\n.atb-archives__footer-button svg {\n    width: 18px;\n    height: 18px;\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 1.8;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n}\n\n.atb-archives__footer-button:hover {\n    color: #2e1700 !important;\n    transform: translateY(-3px);\n    background: var(--atb-archives-gold-light);\n}\n\n\/* =========================================================\n   TABLETTE\n========================================================= *\/\n\n@media (max-width: 1024px) {\n\n    .atb-archives {\n        padding: 100px 0 90px;\n    }\n\n    .atb-archives__container {\n        width: min(920px, calc(100% - 40px));\n    }\n\n    .atb-archives__header {\n        grid-template-columns: 1fr;\n        gap: 26px;\n    }\n\n    .atb-archives__intro {\n        max-width: 650px;\n    }\n\n    .atb-archives__gallery {\n        columns: 2;\n    }\n\n    .atb-archives__footer {\n        grid-template-columns: auto 1fr;\n    }\n\n    .atb-archives__footer-button {\n        grid-column: 2;\n        width: fit-content;\n    }\n}\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media (max-width: 767px) {\n\n    .atb-archives {\n        padding: 80px 0 70px;\n    }\n\n    .atb-archives__container {\n        width: calc(100% - 32px);\n    }\n\n    .atb-archives__header {\n        margin-bottom: 45px;\n    }\n\n    .atb-archives__title {\n        font-size: clamp(39px, 11vw, 53px);\n    }\n\n    .atb-archives__gallery {\n        columns: 1;\n    }\n\n    .atb-archives-card__image,\n    .atb-archives-card--large .atb-archives-card__image,\n    .atb-archives-card--tall .atb-archives-card__image,\n    .atb-archives-card--wide .atb-archives-card__image {\n        height: 360px;\n    }\n\n    .atb-archives__footer {\n        grid-template-columns: 1fr;\n        padding: 29px 24px;\n    }\n\n    .atb-archives__footer-icon {\n        width: 58px;\n        height: 58px;\n    }\n\n    .atb-archives__footer-button {\n        grid-column: auto;\n        width: 100%;\n    }\n}\n\n\/* =========================================================\n   PETITS MOBILES\n========================================================= *\/\n\n@media (max-width: 420px) {\n\n    .atb-archives__container {\n        width: calc(100% - 26px);\n    }\n\n    .atb-archives-card__image,\n    .atb-archives-card--large .atb-archives-card__image,\n    .atb-archives-card--tall .atb-archives-card__image,\n    .atb-archives-card--wide .atb-archives-card__image {\n        height: 315px;\n    }\n}\n\n\/* =========================================================\n   ACCESSIBILIT\u00c9\n========================================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n    .atb-archives-card,\n    .atb-archives-card__image img,\n    .atb-archives-card__overlay,\n    .atb-archives__footer-button,\n    .atb-archives__intro-link svg {\n        transition: none;\n    }\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-be77395 e-con e-atomic-element e-flexbox-base e-3cc3778 \" data-id=\"be77395\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"be77395\" data-e-type=\"e-flexbox\" data-id=\"be77395\">\n    \t\t<div class=\"elementor-element elementor-element-e6ae285 elementor-widget elementor-widget-html\" data-id=\"e6ae285\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\n     ATB \u2014 SECTION 7\n     CTA FINAL RESSOURCES & M\u00c9DIATH\u00c8QUE\n     Compatible Elementor HTML\/CSS\n========================================================== -->\n\n<section class=\"atb-resources-cta\" id=\"atb-cta-final\">\n\n    <div class=\"atb-resources-cta__media\" aria-hidden=\"true\"><\/div>\n    <div class=\"atb-resources-cta__overlay\" aria-hidden=\"true\"><\/div>\n    <div class=\"atb-resources-cta__texture\" aria-hidden=\"true\"><\/div>\n\n    <div class=\"atb-resources-cta__container\">\n\n        <div class=\"atb-resources-cta__content\">\n\n            <span class=\"atb-resources-cta__eyebrow\">\n                La m\u00e9moire au service de l\u2019avenir\n            <\/span>\n\n            <h2 class=\"atb-resources-cta__title\">\n                Explorer, apprendre\n                <span>et transmettre<\/span>\n            <\/h2>\n\n            <p class=\"atb-resources-cta__text\">\n                Que tu sois artiste, chercheur, \u00e9tudiant, journaliste,\n                partenaire ou passionn\u00e9 de culture, les ressources de l\u2019ATB\n                t\u2019ouvrent les portes d\u2019un patrimoine vivant, construit sur\n                plusieurs d\u00e9cennies d\u2019exp\u00e9rience, de cr\u00e9ation et d\u2019engagement.\n            <\/p>\n\n            <div class=\"atb-resources-cta__actions\">\n\n                <a\n                    href=\"\/programmes-activites\/\"\n                    class=\"atb-resources-cta__button atb-resources-cta__button--gold\">\n\n                    <span>D\u00e9couvrir nos programmes<\/span>\n\n                    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                        <path d=\"M5 12h14\"><\/path>\n                        <path d=\"m13 6 6 6-6 6\"><\/path>\n                    <\/svg>\n\n                <\/a>\n\n                <a\n                    href=\"\/contact\/\"\n                    class=\"atb-resources-cta__button atb-resources-cta__button--outline\">\n\n                    <span>Nous contacter<\/span>\n\n                    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                        <path d=\"M5 12h14\"><\/path>\n                        <path d=\"m13 6 6 6-6 6\"><\/path>\n                    <\/svg>\n\n                <\/a>\n\n            <\/div>\n\n        <\/div>\n\n        <div class=\"atb-resources-cta__aside\">\n\n            <div class=\"atb-resources-cta__card\">\n\n                <span class=\"atb-resources-cta__card-icon\" aria-hidden=\"true\">\n\n                    <svg viewBox=\"0 0 24 24\">\n                        <path d=\"M4 19V5a2 2 0 0 1 2-2h5a3 3 0 0 1 3 3v13a3 3 0 0 0-3-3H4Z\"><\/path>\n                        <path d=\"M20 19V5a2 2 0 0 0-2-2h-4v16a3 3 0 0 1 3-3h3Z\"><\/path>\n                    <\/svg>\n\n                <\/span>\n\n                <div>\n                    <small>Un patrimoine ouvert<\/small>\n\n                    <strong>\n                        Des ressources pour comprendre, cr\u00e9er et agir\n                    <\/strong>\n                <\/div>\n\n            <\/div>\n\n            <div class=\"atb-resources-cta__quote\">\n\n                <span aria-hidden=\"true\">\u201c<\/span>\n\n                <p>\n                    Le th\u00e9\u00e2tre ne se transmet pas seulement par la sc\u00e8ne,\n                    mais aussi par les id\u00e9es, les archives et la m\u00e9moire.\n                <\/p>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n    <div class=\"atb-resources-cta__bottom\" aria-hidden=\"true\">\n\n        <span><\/span>\n\n        <div>\n            <svg viewBox=\"0 0 24 24\">\n                <path d=\"M4 19V5a2 2 0 0 1 2-2h5a3 3 0 0 1 3 3v13a3 3 0 0 0-3-3H4Z\"><\/path>\n                <path d=\"M20 19V5a2 2 0 0 0-2-2h-4v16a3 3 0 0 1 3-3h3Z\"><\/path>\n            <\/svg>\n        <\/div>\n\n        <span><\/span>\n\n    <\/div>\n\n<\/section>\n\n<style>\n\/* =========================================================\n   VARIABLES\n========================================================= *\/\n\n.atb-resources-cta {\n    --atb-cta-image:\n        url(\"http:\/\/atb.bf\/atb-v2\/wp-content\/uploads\/2025\/11\/105616410_1532205856955927_4895662829503021545_n.jpg\");\n\n    --atb-cta-bordeaux: #60052d;\n    --atb-cta-bordeaux-dark: #25000f;\n    --atb-cta-gold: #cc9933;\n    --atb-cta-gold-light: #ebcc83;\n    --atb-cta-white: #ffffff;\n    --atb-cta-cream: #f7f1e7;\n\n    min-height: 720px;\n    position: relative;\n    overflow: hidden;\n    isolation: isolate;\n    display: flex;\n    align-items: center;\n    padding: 120px 0 100px;\n    color: white;\n    background: var(--atb-cta-bordeaux-dark);\n    font-family: \"Archivo\", Arial, sans-serif;\n}\n\n\/* =========================================================\n   IMAGE ET OVERLAY\n========================================================= *\/\n\n.atb-resources-cta__media {\n    position: absolute;\n    inset: -3%;\n    z-index: -5;\n    background-image: var(--atb-cta-image);\n    background-position: center;\n    background-repeat: no-repeat;\n    background-size: cover;\n    transform: scale(1.04);\n    transition: transform 8s ease;\n}\n\n.atb-resources-cta:hover .atb-resources-cta__media {\n    transform: scale(1.1);\n}\n\n.atb-resources-cta__overlay {\n    position: absolute;\n    inset: 0;\n    z-index: -4;\n    background:\n        linear-gradient(\n            90deg,\n            rgba(30, 0, 13, 0.96) 0%,\n            rgba(66, 0, 31, 0.9) 43%,\n            rgba(96, 5, 45, 0.72) 72%,\n            rgba(30, 0, 13, 0.78) 100%\n        ),\n        linear-gradient(\n            180deg,\n            rgba(20, 0, 9, 0.12),\n            rgba(20, 0, 9, 0.78)\n        );\n}\n\n.atb-resources-cta__texture {\n    position: absolute;\n    inset: 0;\n    z-index: -3;\n    opacity: 0.16;\n    pointer-events: none;\n    background-image:\n        repeating-linear-gradient(\n            0deg,\n            rgba(255, 255, 255, 0.025) 0,\n            rgba(255, 255, 255, 0.025) 1px,\n            transparent 1px,\n            transparent 5px\n        );\n}\n\n.atb-resources-cta::before {\n    content: \"\";\n    width: 450px;\n    height: 450px;\n    position: absolute;\n    top: -210px;\n    right: -150px;\n    z-index: -2;\n    border: 1px solid rgba(235, 204, 131, 0.18);\n    border-radius: 50%;\n}\n\n.atb-resources-cta::after {\n    content: \"\";\n    width: 230px;\n    height: 230px;\n    position: absolute;\n    left: -110px;\n    bottom: -100px;\n    z-index: -2;\n    border: 1px solid rgba(235, 204, 131, 0.14);\n    border-radius: 50%;\n}\n\n\/* =========================================================\n   CONTENEUR\n========================================================= *\/\n\n.atb-resources-cta__container {\n    width: min(1200px, calc(100% - 48px));\n    margin: 0 auto;\n    display: grid;\n    grid-template-columns: minmax(0, 1.15fr) minmax(340px, 0.85fr);\n    align-items: center;\n    gap: clamp(60px, 8vw, 105px);\n    position: relative;\n    z-index: 2;\n}\n\n\/* =========================================================\n   CONTENU\n========================================================= *\/\n\n.atb-resources-cta__eyebrow {\n    display: inline-flex;\n    align-items: center;\n    gap: 12px;\n    margin-bottom: 21px;\n    color: var(--atb-cta-gold-light);\n    font-size: 11px;\n    font-weight: 800;\n    line-height: 1.2;\n    letter-spacing: 0.15em;\n    text-transform: uppercase;\n}\n\n.atb-resources-cta__eyebrow::before {\n    content: \"\";\n    width: 38px;\n    height: 2px;\n    background: var(--atb-cta-gold);\n}\n\n.atb-resources-cta__title {\n    max-width: 770px;\n    margin: 0;\n    color: white;\n    font-family: \"Fraunces\", Georgia, serif;\n    font-size: clamp(52px, 6vw, 88px);\n    line-height: 0.98;\n    font-weight: 580;\n    letter-spacing: -0.045em;\n}\n\n.atb-resources-cta__title span {\n    display: block;\n    margin-top: 7px;\n    color: var(--atb-cta-gold-light);\n    font-style: italic;\n    font-weight: 400;\n}\n\n.atb-resources-cta__text {\n    max-width: 710px;\n    margin: 30px 0 0;\n    color: rgba(255, 255, 255, 0.78);\n    font-size: 17px;\n    line-height: 1.8;\n}\n\n.atb-resources-cta__actions {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 14px;\n    margin-top: 36px;\n}\n\n\/* =========================================================\n   BOUTONS\n========================================================= *\/\n\n.atb-resources-cta__button {\n    min-height: 56px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 12px;\n    padding: 14px 23px;\n    border: 1px solid transparent;\n    text-decoration: none !important;\n    font-size: 13px;\n    font-weight: 800;\n    transition:\n        transform 0.3s ease,\n        color 0.3s ease,\n        background-color 0.3s ease,\n        border-color 0.3s ease,\n        box-shadow 0.3s ease;\n}\n\n.atb-resources-cta__button svg {\n    width: 18px;\n    height: 18px;\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 1.8;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n    transition: transform 0.3s ease;\n}\n\n.atb-resources-cta__button:hover {\n    transform: translateY(-3px);\n}\n\n.atb-resources-cta__button:hover svg {\n    transform: translateX(4px);\n}\n\n.atb-resources-cta__button--gold {\n    color: #2e1600 !important;\n    border-color: var(--atb-cta-gold);\n    background: var(--atb-cta-gold);\n    box-shadow: 0 15px 36px rgba(204, 153, 51, 0.22);\n}\n\n.atb-resources-cta__button--gold:hover {\n    color: #2e1600 !important;\n    background: var(--atb-cta-gold-light);\n    box-shadow: 0 21px 44px rgba(204, 153, 51, 0.3);\n}\n\n.atb-resources-cta__button--outline {\n    color: white !important;\n    border-color: rgba(255, 255, 255, 0.38);\n    background: rgba(255, 255, 255, 0.07);\n    backdrop-filter: blur(8px);\n}\n\n.atb-resources-cta__button--outline:hover {\n    color: white !important;\n    border-color: rgba(255, 255, 255, 0.72);\n    background: rgba(255, 255, 255, 0.13);\n}\n\n\/* =========================================================\n   ASIDE\n========================================================= *\/\n\n.atb-resources-cta__aside {\n    display: grid;\n    gap: 20px;\n}\n\n.atb-resources-cta__card {\n    display: flex;\n    align-items: center;\n    gap: 20px;\n    min-height: 145px;\n    padding: 27px 29px;\n    border: 1px solid rgba(235, 204, 131, 0.23);\n    background: rgba(255, 255, 255, 0.075);\n    backdrop-filter: blur(10px);\n    box-shadow: 0 26px 60px rgba(0, 0, 0, 0.2);\n}\n\n.atb-resources-cta__card-icon {\n    width: 58px;\n    height: 58px;\n    flex: 0 0 58px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    border: 1px solid rgba(235, 204, 131, 0.45);\n    color: var(--atb-cta-gold-light);\n}\n\n.atb-resources-cta__card-icon svg {\n    width: 29px;\n    height: 29px;\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 1.55;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n}\n\n.atb-resources-cta__card small {\n    display: block;\n    margin-bottom: 7px;\n    color: rgba(255, 255, 255, 0.58);\n    font-size: 9px;\n    font-weight: 800;\n    letter-spacing: 0.11em;\n    text-transform: uppercase;\n}\n\n.atb-resources-cta__card strong {\n    display: block;\n    color: white;\n    font-family: \"Fraunces\", Georgia, serif;\n    font-size: 21px;\n    line-height: 1.35;\n    font-weight: 540;\n}\n\n.atb-resources-cta__quote {\n    padding: 28px 30px 29px;\n    border-left: 3px solid var(--atb-cta-gold);\n    position: relative;\n    background: rgba(32, 0, 14, 0.58);\n}\n\n.atb-resources-cta__quote > span {\n    position: absolute;\n    top: -14px;\n    right: 18px;\n    color: rgba(235, 204, 131, 0.18);\n    font-family: Georgia, serif;\n    font-size: 82px;\n    line-height: 1;\n}\n\n.atb-resources-cta__quote p {\n    margin: 0;\n    color: rgba(255, 255, 255, 0.84);\n    font-family: \"Fraunces\", Georgia, serif;\n    font-size: 20px;\n    line-height: 1.55;\n    font-style: italic;\n}\n\n\/* =========================================================\n   TRANSITION BAS\n========================================================= *\/\n\n.atb-resources-cta__bottom {\n    width: min(650px, calc(100% - 48px));\n    display: grid;\n    grid-template-columns: 1fr auto 1fr;\n    align-items: center;\n    gap: 20px;\n    position: absolute;\n    left: 50%;\n    bottom: 31px;\n    z-index: 3;\n    transform: translateX(-50%);\n}\n\n.atb-resources-cta__bottom > span {\n    height: 1px;\n    background:\n        linear-gradient(\n            90deg,\n            transparent,\n            rgba(235, 204, 131, 0.54)\n        );\n}\n\n.atb-resources-cta__bottom > span:last-child {\n    background:\n        linear-gradient(\n            90deg,\n            rgba(235, 204, 131, 0.54),\n            transparent\n        );\n}\n\n.atb-resources-cta__bottom div {\n    width: 47px;\n    height: 47px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    border: 1px solid rgba(235, 204, 131, 0.44);\n    border-radius: 50%;\n    color: var(--atb-cta-gold-light);\n    background: rgba(34, 0, 15, 0.62);\n}\n\n.atb-resources-cta__bottom svg {\n    width: 23px;\n    height: 23px;\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 1.5;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n}\n\n\/* =========================================================\n   TABLETTE\n========================================================= *\/\n\n@media (max-width: 1024px) {\n\n    .atb-resources-cta {\n        min-height: auto;\n        padding: 105px 0 105px;\n    }\n\n    .atb-resources-cta__container {\n        width: min(920px, calc(100% - 40px));\n        grid-template-columns: 1fr;\n        gap: 62px;\n    }\n\n    .atb-resources-cta__content {\n        max-width: 790px;\n    }\n\n    .atb-resources-cta__aside {\n        max-width: 720px;\n    }\n}\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media (max-width: 767px) {\n\n    .atb-resources-cta {\n        padding: 82px 0 100px;\n    }\n\n    .atb-resources-cta__media {\n        background-position: 62% center;\n    }\n\n    .atb-resources-cta__overlay {\n        background:\n            linear-gradient(\n                180deg,\n                rgba(32, 0, 14, 0.92) 0%,\n                rgba(72, 0, 34, 0.9) 55%,\n                rgba(28, 0, 12, 0.95) 100%\n            );\n    }\n\n    .atb-resources-cta__container {\n        width: calc(100% - 32px);\n        gap: 48px;\n    }\n\n    .atb-resources-cta__title {\n        font-size: clamp(44px, 13vw, 62px);\n    }\n\n    .atb-resources-cta__text {\n        font-size: 15px;\n        line-height: 1.75;\n    }\n\n    .atb-resources-cta__actions {\n        flex-direction: column;\n    }\n\n    .atb-resources-cta__button {\n        width: 100%;\n    }\n\n    .atb-resources-cta__card {\n        padding: 23px 21px;\n    }\n\n    .atb-resources-cta__quote {\n        padding: 25px 23px;\n    }\n\n    .atb-resources-cta__quote p {\n        font-size: 18px;\n    }\n\n    .atb-resources-cta__bottom {\n        width: calc(100% - 32px);\n        bottom: 24px;\n        gap: 13px;\n    }\n}\n\n\/* =========================================================\n   PETITS MOBILES\n========================================================= *\/\n\n@media (max-width: 420px) {\n\n    .atb-resources-cta__container {\n        width: calc(100% - 26px);\n    }\n\n    .atb-resources-cta__card {\n        align-items: flex-start;\n        flex-direction: column;\n    }\n\n    .atb-resources-cta__card-icon {\n        width: 50px;\n        height: 50px;\n        flex-basis: 50px;\n    }\n\n    .atb-resources-cta__card strong {\n        font-size: 19px;\n    }\n}\n\n\/* =========================================================\n   ACCESSIBILIT\u00c9\n========================================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n    .atb-resources-cta__media,\n    .atb-resources-cta__button,\n    .atb-resources-cta__button svg {\n        transition: none;\n    }\n}\n<\/style>\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>Accueil \/ Ressources &#038; M\u00e9diath\u00e8que Centre de ressources de l\u2019ATB Ressources &#038; M\u00e9diath\u00e8que Explorez plus de quatre d\u00e9cennies de publications, de recherches, de cr\u00e9ations audiovisuelles et d\u2019archives consacr\u00e9es au th\u00e9\u00e2tre, [&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-1919","page","type-page","status-publish","hentry"],"ticketed":false,"_links":{"self":[{"href":"https:\/\/atb.bf\/atb-v2\/wp-json\/wp\/v2\/pages\/1919","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=1919"}],"version-history":[{"count":4,"href":"https:\/\/atb.bf\/atb-v2\/wp-json\/wp\/v2\/pages\/1919\/revisions"}],"predecessor-version":[{"id":1935,"href":"https:\/\/atb.bf\/atb-v2\/wp-json\/wp\/v2\/pages\/1919\/revisions\/1935"}],"wp:attachment":[{"href":"https:\/\/atb.bf\/atb-v2\/wp-json\/wp\/v2\/media?parent=1919"}],"wp:term":[{"taxonomy":"wf_page_folders","embeddable":true,"href":"https:\/\/atb.bf\/atb-v2\/wp-json\/wp\/v2\/wf_page_folders?post=1919"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}