{"id":1941,"date":"2026-07-11T19:51:18","date_gmt":"2026-07-11T17:51:18","guid":{"rendered":"https:\/\/atb.bf\/atb-v2\/?page_id=1941"},"modified":"2026-07-11T23:33:11","modified_gmt":"2026-07-11T21:33:11","slug":"boutique","status":"publish","type":"page","link":"https:\/\/atb.bf\/atb-v2\/boutique\/","title":{"rendered":"BOUTIQUE"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1941\" class=\"elementor elementor-1941\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0080d9a e-con e-atomic-element e-flexbox-base e-a0ca829 \" data-id=\"0080d9a\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"0080d9a\" data-e-type=\"e-flexbox\" data-id=\"0080d9a\">\n    \t\t<div class=\"elementor-element elementor-element-c153b4c elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"c153b4c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\n     ATB \u2014 HERO BOUTIQUE\n     \u00c0 ins\u00e9rer dans un widget HTML Elementor\n========================================================= -->\n\n<section class=\"atb-shop-hero\" id=\"atb-boutique-hero\">\n\n    <!-- \u00c9l\u00e9ments d\u00e9coratifs -->\n    <div class=\"atb-shop-hero__grain\" aria-hidden=\"true\"><\/div>\n    <div class=\"atb-shop-hero__glow atb-shop-hero__glow--one\" aria-hidden=\"true\"><\/div>\n    <div class=\"atb-shop-hero__glow atb-shop-hero__glow--two\" aria-hidden=\"true\"><\/div>\n\n    <div class=\"atb-shop-hero__container\">\n\n        <!-- Colonne texte -->\n        <div class=\"atb-shop-hero__content\">\n\n            <div class=\"atb-shop-hero__eyebrow\">\n                <span class=\"atb-shop-hero__eyebrow-line\"><\/span>\n                <span>La librairie de l\u2019impact<\/span>\n            <\/div>\n\n            <h1 class=\"atb-shop-hero__title\">\n                Les savoirs et les\n                <span>cr\u00e9ations de l\u2019ATB<\/span>\n                \u00e0 port\u00e9e de main\n            <\/h1>\n\n            <p class=\"atb-shop-hero__description\">\n                D\u00e9couvrez les publications, spectacles, archives et ressources\n                qui racontent pr\u00e8s de cinq d\u00e9cennies de th\u00e9\u00e2tre au service du\n                d\u00e9veloppement.\n            <\/p>\n\n            <div class=\"atb-shop-hero__actions\">\n\n                <a href=\"#atb-univers-boutique\"\n                   class=\"atb-shop-btn atb-shop-btn--primary\">\n                    <span>Explorer la boutique<\/span>\n\n                    <svg viewBox=\"0 0 24 24\"\n                         aria-hidden=\"true\">\n                        <path d=\"M5 12h14M13 6l6 6-6 6\"\/>\n                    <\/svg>\n                <\/a>\n\n                <a href=\"\/programmes\/\"\n                   class=\"atb-shop-btn atb-shop-btn--secondary\">\n                    <span>Voir les spectacles<\/span>\n\n                    <svg viewBox=\"0 0 24 24\"\n                         aria-hidden=\"true\">\n                        <path d=\"M5 12h14M13 6l6 6-6 6\"\/>\n                    <\/svg>\n                <\/a>\n\n            <\/div>\n\n            <div class=\"atb-shop-hero__signature\">\n                <span>Lire<\/span>\n                <i><\/i>\n                <span>Voir<\/span>\n                <i><\/i>\n                <span>Comprendre<\/span>\n                <i><\/i>\n                <span>Transmettre<\/span>\n            <\/div>\n\n        <\/div>\n\n        <!-- Colonne visuelle -->\n        <div class=\"atb-shop-hero__visual\" aria-label=\"S\u00e9lection des publications de l\u2019ATB\">\n\n            <div class=\"atb-shop-hero__orbit atb-shop-hero__orbit--one\"\n                 aria-hidden=\"true\"><\/div>\n\n            <div class=\"atb-shop-hero__orbit atb-shop-hero__orbit--two\"\n                 aria-hidden=\"true\"><\/div>\n\n            <!-- Publication arri\u00e8re -->\n            <article class=\"atb-shop-cover atb-shop-cover--back\">\n\n                <div class=\"atb-shop-cover__topline\">\n                    <span>ATB<\/span>\n                    <small>Archives<\/small>\n                <\/div>\n\n                <div class=\"atb-shop-cover__body\">\n                    <span class=\"atb-shop-cover__category\">\n                        Th\u00e9\u00e2tre & soci\u00e9t\u00e9\n                    <\/span>\n\n                    <h2>\n                        Les voix<br>\n                        du silence\n                    <\/h2>\n\n                    <div class=\"atb-shop-cover__mark\"><\/div>\n                <\/div>\n\n                <div class=\"atb-shop-cover__footer\">\n                    <span>Prosper Kompaor\u00e9<\/span>\n                    <small>\u00c9ditions ATB<\/small>\n                <\/div>\n\n            <\/article>\n\n            <!-- Publication interm\u00e9diaire -->\n            <article class=\"atb-shop-cover atb-shop-cover--middle\">\n\n                <div class=\"atb-shop-cover__number\">\n                    23\n                <\/div>\n\n                <div class=\"atb-shop-cover__topline\">\n                    <span>Enjeux de Sc\u00e8ne<\/span>\n                    <small>Revue<\/small>\n                <\/div>\n\n                <div class=\"atb-shop-cover__body\">\n                    <span class=\"atb-shop-cover__category\">\n                        Recherche \u00b7 Th\u00e9\u00e2tre \u00b7 D\u00e9veloppement\n                    <\/span>\n\n                    <h2>\n                        Oui,<br>\n                        mais\u2026\n                    <\/h2>\n\n                    <div class=\"atb-shop-cover__illustration\">\n                        <span><\/span>\n                        <span><\/span>\n                        <span><\/span>\n                    <\/div>\n                <\/div>\n\n                <div class=\"atb-shop-cover__footer\">\n                    <span>Saison th\u00e9\u00e2trale<\/span>\n                    <small>2022\u20142023<\/small>\n                <\/div>\n\n            <\/article>\n\n            <!-- Publication principale -->\n            <article class=\"atb-shop-cover atb-shop-cover--front\">\n\n                <div class=\"atb-shop-cover__spine\">\n                    <span>ATB<\/span>\n                <\/div>\n\n                <div class=\"atb-shop-cover__front-content\">\n\n                    <div class=\"atb-shop-cover__topline\">\n                        <span>Collection Impact<\/span>\n                        <small>Manuel<\/small>\n                    <\/div>\n\n                    <div class=\"atb-shop-cover__body\">\n                        <span class=\"atb-shop-cover__category\">\n                            M\u00e9thode & transmission\n                        <\/span>\n\n                        <h2>\n                            Faire du th\u00e9\u00e2tre\n                            <em>pour d\u00e9velopper<\/em>\n                        <\/h2>\n\n                        <div class=\"atb-shop-cover__gold-circle\">\n                            <span>ATB<\/span>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"atb-shop-cover__footer\">\n                        <span>Th\u00e9\u00e2tre pour le d\u00e9veloppement<\/span>\n                        <small>Ouagadougou<\/small>\n                    <\/div>\n\n                <\/div>\n\n            <\/article>\n\n            <!-- Carte flottante -->\n            <div class=\"atb-shop-hero__floating-card\">\n                <div class=\"atb-shop-hero__floating-icon\">\n                    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                        <path d=\"M4 5.5A2.5 2.5 0 0 1 6.5 3H20v16H6.5A2.5 2.5 0 0 0 4 21.5v-16Z\"\/>\n                        <path d=\"M4 5.5A2.5 2.5 0 0 1 6.5 8H20\"\/>\n                    <\/svg>\n                <\/div>\n\n                <div>\n                    <strong>Une m\u00e9moire vivante<\/strong>\n                    <span>Publications, sc\u00e8nes et archives<\/span>\n                <\/div>\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n    <!-- Bas du Hero -->\n    <div class=\"atb-shop-hero__bottom\">\n\n        <div class=\"atb-shop-hero__bottom-inner\">\n\n            <p>\n                Chaque \u0153uvre prolonge la sc\u00e8ne au-del\u00e0 du spectacle.\n            <\/p>\n\n            <a href=\"#atb-univers-boutique\"\n               class=\"atb-shop-hero__scroll\"\n               aria-label=\"D\u00e9couvrir la suite de la page\">\n\n                <span>D\u00e9couvrir<\/span>\n\n                <div class=\"atb-shop-hero__scroll-icon\">\n                    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                        <path d=\"M12 5v14M6 13l6 6 6-6\"\/>\n                    <\/svg>\n                <\/div>\n\n            <\/a>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n<style>\n\/* =====================================================\n   CORRECTION D\u2019AFFICHAGE \u2014 HERO BOUTIQUE ATB\n===================================================== *\/\n\n#atb-boutique-hero .atb-shop-hero__content,\n#atb-boutique-hero .atb-shop-hero__visual {\n    opacity: 1 !important;\n    visibility: visible !important;\n    transform: translateY(0) !important;\n}\n\n@media (max-width: 767px) {\n    #atb-boutique-hero .atb-shop-hero__visual {\n        transform: scale(0.83) !important;\n    }\n}\n\n@media (max-width: 390px) {\n    #atb-boutique-hero .atb-shop-hero__visual {\n        left: 50% !important;\n        transform: translateX(-50%) scale(0.75) !important;\n    }\n}\n<\/style>\n\n<style>\n\/* =========================================================\n   ATB \u2014 HERO BOUTIQUE\n========================================================= *\/\n\n.atb-shop-hero {\n    --atb-bordeaux: #60052D;\n    --atb-bordeaux-dark: #300117;\n    --atb-bordeaux-deep: #1E000D;\n    --atb-gold: #CC9933;\n    --atb-gold-light: #E1BD71;\n    --atb-cream: #F7F2E8;\n    --atb-white: #FFFDF9;\n    --atb-text-light: rgba(255, 253, 249, 0.78);\n\n    position: relative;\n    width: 100%;\n    min-height: 880px;\n    overflow: hidden;\n    isolation: isolate;\n    background:\n        radial-gradient(\n            circle at 78% 45%,\n            rgba(204, 153, 51, 0.14),\n            transparent 31%\n        ),\n        linear-gradient(\n            128deg,\n            #24000F 0%,\n            #42001E 45%,\n            #60052D 100%\n        );\n    font-family: \"Archivo\", Arial, sans-serif;\n}\n\n\/* Texture douce *\/\n\n.atb-shop-hero__grain {\n    position: absolute;\n    inset: 0;\n    z-index: -1;\n    pointer-events: none;\n    opacity: 0.15;\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}\n\n\/* Lueurs d\u00e9coratives *\/\n\n.atb-shop-hero__glow {\n    position: absolute;\n    z-index: -1;\n    border-radius: 50%;\n    filter: blur(10px);\n    pointer-events: none;\n}\n\n.atb-shop-hero__glow--one {\n    top: -250px;\n    right: -180px;\n    width: 650px;\n    height: 650px;\n    background: rgba(204, 153, 51, 0.08);\n}\n\n.atb-shop-hero__glow--two {\n    bottom: -420px;\n    left: 12%;\n    width: 750px;\n    height: 750px;\n    background: rgba(255, 255, 255, 0.035);\n}\n\n\/* Conteneur *\/\n\n.atb-shop-hero__container {\n    position: relative;\n    z-index: 2;\n    width: min(1240px, calc(100% - 60px));\n    min-height: 790px;\n    margin: 0 auto;\n    padding: 110px 0 90px;\n    display: grid;\n    grid-template-columns: minmax(0, 1.02fr) minmax(480px, 0.98fr);\n    align-items: center;\n    gap: 65px;\n}\n\n\/* =========================================================\n   CONTENU TEXTE\n========================================================= *\/\n\n.atb-shop-hero__content {\n    position: relative;\n    z-index: 5;\n    max-width: 680px;\n}\n\n.atb-shop-hero__eyebrow {\n    display: inline-flex;\n    align-items: center;\n    gap: 15px;\n    margin-bottom: 26px;\n    color: var(--atb-gold-light);\n    font-size: 12px;\n    font-weight: 700;\n    line-height: 1.3;\n    letter-spacing: 0.2em;\n    text-transform: uppercase;\n}\n\n.atb-shop-hero__eyebrow-line {\n    width: 45px;\n    height: 1px;\n    background: var(--atb-gold);\n}\n\n.atb-shop-hero__title {\n    max-width: 670px;\n    margin: 0;\n    color: var(--atb-white);\n    font-family: \"Fraunces\", Georgia, serif;\n    font-size: clamp(53px, 5.1vw, 76px);\n    font-weight: 500;\n    line-height: 1.03;\n    letter-spacing: -0.045em;\n}\n\n.atb-shop-hero__title span {\n    display: block;\n    color: var(--atb-gold-light);\n    font-style: italic;\n    font-weight: 400;\n}\n\n.atb-shop-hero__description {\n    max-width: 610px;\n    margin: 30px 0 0;\n    color: var(--atb-text-light);\n    font-size: 18px;\n    font-weight: 400;\n    line-height: 1.75;\n}\n\n\/* Boutons *\/\n\n.atb-shop-hero__actions {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    gap: 14px;\n    margin-top: 39px;\n}\n\n.atb-shop-btn {\n    min-height: 56px;\n    padding: 0 26px;\n    border: 1px solid transparent;\n    border-radius: 999px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 13px;\n    font-family: \"Archivo\", Arial, sans-serif;\n    font-size: 14px;\n    font-weight: 700;\n    line-height: 1;\n    text-decoration: none !important;\n    transition:\n        transform 0.35s ease,\n        background-color 0.35s ease,\n        border-color 0.35s ease,\n        color 0.35s ease,\n        box-shadow 0.35s ease;\n}\n\n.atb-shop-btn 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.35s ease;\n}\n\n.atb-shop-btn:hover svg {\n    transform: translateX(4px);\n}\n\n.atb-shop-btn--primary {\n    color: #2A1400 !important;\n    background: var(--atb-gold);\n    box-shadow: 0 14px 35px rgba(204, 153, 51, 0.2);\n}\n\n.atb-shop-btn--primary:hover {\n    color: #2A1400 !important;\n    background: #D9AA4C;\n    transform: translateY(-3px);\n    box-shadow: 0 20px 42px rgba(204, 153, 51, 0.27);\n}\n\n.atb-shop-btn--secondary {\n    color: var(--atb-white) !important;\n    border-color: rgba(255, 255, 255, 0.35);\n    background: rgba(255, 255, 255, 0.04);\n    backdrop-filter: blur(8px);\n}\n\n.atb-shop-btn--secondary:hover {\n    color: var(--atb-white) !important;\n    border-color: var(--atb-gold-light);\n    background: rgba(255, 255, 255, 0.09);\n    transform: translateY(-3px);\n}\n\n\/* Signature *\/\n\n.atb-shop-hero__signature {\n    margin-top: 44px;\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 11px;\n    color: rgba(255, 255, 255, 0.55);\n    font-family: \"Fraunces\", Georgia, serif;\n    font-size: 14px;\n    font-style: italic;\n    letter-spacing: 0.02em;\n}\n\n.atb-shop-hero__signature i {\n    width: 4px;\n    height: 4px;\n    border-radius: 50%;\n    background: var(--atb-gold);\n}\n\n\/* =========================================================\n   COMPOSITION VISUELLE\n========================================================= *\/\n\n.atb-shop-hero__visual {\n    position: relative;\n    width: 100%;\n    min-height: 590px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    perspective: 1500px;\n}\n\n\/* Cercles d\u00e9coratifs *\/\n\n.atb-shop-hero__orbit {\n    position: absolute;\n    border: 1px solid rgba(204, 153, 51, 0.16);\n    border-radius: 50%;\n    pointer-events: none;\n}\n\n.atb-shop-hero__orbit--one {\n    width: 510px;\n    height: 510px;\n}\n\n.atb-shop-hero__orbit--two {\n    width: 405px;\n    height: 405px;\n    border-color: rgba(255, 255, 255, 0.08);\n}\n\n\/* Couvertures communes *\/\n\n.atb-shop-cover {\n    position: absolute;\n    overflow: hidden;\n    border-radius: 8px 16px 16px 8px;\n    box-shadow:\n        0 45px 80px rgba(8, 0, 3, 0.38),\n        0 9px 22px rgba(8, 0, 3, 0.24);\n    transform-style: preserve-3d;\n    transition:\n        transform 0.65s cubic-bezier(.2,.8,.2,1),\n        box-shadow 0.65s ease;\n}\n\n.atb-shop-cover::after {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    pointer-events: none;\n    background:\n        linear-gradient(\n            100deg,\n            rgba(255, 255, 255, 0.11),\n            transparent 20%,\n            transparent 74%,\n            rgba(0, 0, 0, 0.14)\n        );\n}\n\n.atb-shop-hero__visual:hover .atb-shop-cover--front {\n    transform:\n        translate3d(18px, -12px, 50px)\n        rotateY(-8deg)\n        rotateZ(2deg);\n}\n\n.atb-shop-hero__visual:hover .atb-shop-cover--middle {\n    transform:\n        translate3d(-94px, -47px, -10px)\n        rotateZ(-9deg);\n}\n\n.atb-shop-hero__visual:hover .atb-shop-cover--back {\n    transform:\n        translate3d(116px, 33px, -30px)\n        rotateZ(9deg);\n}\n\n\/* Couverture arri\u00e8re *\/\n\n.atb-shop-cover--back {\n    z-index: 1;\n    width: 268px;\n    height: 390px;\n    right: 0;\n    bottom: 56px;\n    padding: 24px;\n    color: #2A2019;\n    background:\n        linear-gradient(\n            145deg,\n            #E9D8AF 0%,\n            #D3B773 100%\n        );\n    transform:\n        translate3d(95px, 28px, -30px)\n        rotateZ(8deg);\n}\n\n.atb-shop-cover--back .atb-shop-cover__body h2 {\n    color: #411124;\n    font-size: 38px;\n}\n\n\/* Couverture interm\u00e9diaire *\/\n\n.atb-shop-cover--middle {\n    z-index: 2;\n    width: 300px;\n    height: 430px;\n    left: 18px;\n    top: 65px;\n    padding: 25px;\n    color: white;\n    background:\n        linear-gradient(\n            150deg,\n            #091B17 0%,\n            #17362F 100%\n        );\n    transform:\n        translate3d(-74px, -38px, -10px)\n        rotateZ(-8deg);\n}\n\n.atb-shop-cover--middle .atb-shop-cover__body h2 {\n    color: #FFFDF9;\n    font-size: 52px;\n}\n\n.atb-shop-cover__number {\n    position: absolute;\n    top: 0;\n    right: 0;\n    min-width: 56px;\n    min-height: 52px;\n    display: grid;\n    place-items: center;\n    color: #2C1800;\n    background: var(--atb-gold);\n    font-size: 17px;\n    font-weight: 800;\n}\n\n\/* Illustration abstraite *\/\n\n.atb-shop-cover__illustration {\n    position: relative;\n    width: 100%;\n    height: 105px;\n    margin-top: 25px;\n    overflow: hidden;\n    border-radius: 3px;\n    background:\n        linear-gradient(\n            130deg,\n            rgba(204,153,51,0.85),\n            rgba(96,5,45,0.9)\n        );\n}\n\n.atb-shop-cover__illustration span {\n    position: absolute;\n    bottom: -22px;\n    width: 67px;\n    height: 100px;\n    border-radius: 50px 50px 0 0;\n    background: rgba(255, 255, 255, 0.75);\n}\n\n.atb-shop-cover__illustration span:nth-child(1) {\n    left: 20px;\n    height: 78px;\n}\n\n.atb-shop-cover__illustration span:nth-child(2) {\n    left: 88px;\n    height: 104px;\n    background: rgba(255, 255, 255, 0.9);\n}\n\n.atb-shop-cover__illustration span:nth-child(3) {\n    right: 25px;\n    height: 90px;\n    background: rgba(204, 153, 51, 0.9);\n}\n\n\/* Couverture principale *\/\n\n.atb-shop-cover--front {\n    z-index: 4;\n    width: 330px;\n    height: 475px;\n    color: var(--atb-white);\n    background:\n        linear-gradient(\n            145deg,\n            #77113E 0%,\n            #60052D 52%,\n            #3D001B 100%\n        );\n    transform:\n        translate3d(0, 0, 40px)\n        rotateY(-5deg)\n        rotateZ(1deg);\n}\n\n.atb-shop-cover__spine {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    z-index: 2;\n    width: 35px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: var(--atb-gold-light);\n    border-right: 1px solid rgba(255,255,255,0.13);\n    background: rgba(24, 0, 10, 0.28);\n}\n\n.atb-shop-cover__spine span {\n    writing-mode: vertical-rl;\n    transform: rotate(180deg);\n    font-size: 11px;\n    font-weight: 800;\n    letter-spacing: 0.35em;\n}\n\n.atb-shop-cover__front-content {\n    height: 100%;\n    padding: 28px 27px 27px 59px;\n    display: flex;\n    flex-direction: column;\n}\n\n\/* Contenu int\u00e9rieur des couvertures *\/\n\n.atb-shop-cover__topline {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 15px;\n    font-size: 10px;\n    font-weight: 800;\n    line-height: 1.3;\n    letter-spacing: 0.13em;\n    text-transform: uppercase;\n}\n\n.atb-shop-cover__topline small {\n    font-size: 9px;\n    font-weight: 600;\n    opacity: 0.7;\n}\n\n.atb-shop-cover__body {\n    position: relative;\n    flex: 1;\n    padding-top: 45px;\n}\n\n.atb-shop-cover__category {\n    display: block;\n    max-width: 230px;\n    margin-bottom: 17px;\n    font-size: 9px;\n    font-weight: 700;\n    line-height: 1.5;\n    letter-spacing: 0.13em;\n    text-transform: uppercase;\n    opacity: 0.72;\n}\n\n.atb-shop-cover__body h2 {\n    position: relative;\n    z-index: 2;\n    margin: 0;\n    font-family: \"Fraunces\", Georgia, serif;\n    font-size: 43px;\n    font-weight: 500;\n    line-height: 1.02;\n    letter-spacing: -0.045em;\n}\n\n.atb-shop-cover__body h2 em {\n    display: block;\n    margin-top: 9px;\n    color: var(--atb-gold-light);\n    font-size: 30px;\n    font-weight: 400;\n}\n\n.atb-shop-cover__footer {\n    position: relative;\n    z-index: 2;\n    padding-top: 19px;\n    border-top: 1px solid rgba(255,255,255,0.18);\n    display: flex;\n    align-items: flex-end;\n    justify-content: space-between;\n    gap: 10px;\n    font-size: 9px;\n    line-height: 1.4;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n}\n\n.atb-shop-cover--back .atb-shop-cover__footer {\n    border-top-color: rgba(38, 18, 10, 0.19);\n}\n\n.atb-shop-cover__footer small {\n    font-size: 8px;\n    opacity: 0.7;\n}\n\n\/* Cercle dor\u00e9 *\/\n\n.atb-shop-cover__gold-circle {\n    position: absolute;\n    right: -35px;\n    bottom: 10px;\n    width: 138px;\n    height: 138px;\n    border: 1px solid rgba(225, 189, 113, 0.55);\n    border-radius: 50%;\n    display: grid;\n    place-items: center;\n}\n\n.atb-shop-cover__gold-circle::before,\n.atb-shop-cover__gold-circle::after {\n    content: \"\";\n    position: absolute;\n    border-radius: 50%;\n    border: 1px solid rgba(225, 189, 113, 0.28);\n}\n\n.atb-shop-cover__gold-circle::before {\n    width: 102px;\n    height: 102px;\n}\n\n.atb-shop-cover__gold-circle::after {\n    width: 70px;\n    height: 70px;\n}\n\n.atb-shop-cover__gold-circle span {\n    position: relative;\n    z-index: 2;\n    color: var(--atb-gold-light);\n    font-family: \"Fraunces\", Georgia, serif;\n    font-size: 17px;\n    font-weight: 700;\n    letter-spacing: 0.11em;\n}\n\n\/* Marque d\u00e9corative couverture arri\u00e8re *\/\n\n.atb-shop-cover__mark {\n    position: absolute;\n    right: -50px;\n    bottom: 10px;\n    width: 155px;\n    height: 155px;\n    border-radius: 50%;\n    border: 30px solid rgba(96, 5, 45, 0.13);\n}\n\n\/* Carte flottante *\/\n\n.atb-shop-hero__floating-card {\n    position: absolute;\n    z-index: 7;\n    right: -12px;\n    bottom: 31px;\n    width: 270px;\n    min-height: 82px;\n    padding: 15px 18px;\n    border: 1px solid rgba(255, 255, 255, 0.17);\n    border-radius: 17px;\n    display: flex;\n    align-items: center;\n    gap: 13px;\n    color: var(--atb-white);\n    background: rgba(33, 0, 14, 0.68);\n    box-shadow: 0 20px 45px rgba(0,0,0,0.24);\n    backdrop-filter: blur(14px);\n    animation: atbShopFloat 5s ease-in-out infinite;\n}\n\n.atb-shop-hero__floating-icon {\n    flex: 0 0 44px;\n    width: 44px;\n    height: 44px;\n    border-radius: 50%;\n    display: grid;\n    place-items: center;\n    color: #2A1400;\n    background: var(--atb-gold);\n}\n\n.atb-shop-hero__floating-icon 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-shop-hero__floating-card strong {\n    display: block;\n    margin-bottom: 5px;\n    font-family: \"Fraunces\", Georgia, serif;\n    font-size: 16px;\n    font-weight: 600;\n}\n\n.atb-shop-hero__floating-card span {\n    display: block;\n    color: rgba(255,255,255,0.62);\n    font-size: 10px;\n    line-height: 1.45;\n    letter-spacing: 0.04em;\n}\n\n\/* =========================================================\n   BAS DU HERO\n========================================================= *\/\n\n.atb-shop-hero__bottom {\n    position: relative;\n    z-index: 6;\n    width: 100%;\n    border-top: 1px solid rgba(255,255,255,0.12);\n    background: rgba(17, 0, 7, 0.14);\n}\n\n.atb-shop-hero__bottom-inner {\n    width: min(1240px, calc(100% - 60px));\n    min-height: 88px;\n    margin: 0 auto;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 25px;\n}\n\n.atb-shop-hero__bottom p {\n    margin: 0;\n    color: rgba(255,255,255,0.55);\n    font-family: \"Fraunces\", Georgia, serif;\n    font-size: 15px;\n    font-style: italic;\n}\n\n.atb-shop-hero__scroll {\n    display: inline-flex;\n    align-items: center;\n    gap: 12px;\n    color: rgba(255,255,255,0.72) !important;\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.15em;\n    text-decoration: none !important;\n    text-transform: uppercase;\n}\n\n.atb-shop-hero__scroll-icon {\n    width: 37px;\n    height: 37px;\n    border: 1px solid rgba(255,255,255,0.25);\n    border-radius: 50%;\n    display: grid;\n    place-items: center;\n    transition:\n        border-color 0.3s ease,\n        background-color 0.3s ease,\n        transform 0.3s ease;\n}\n\n.atb-shop-hero__scroll:hover .atb-shop-hero__scroll-icon {\n    border-color: var(--atb-gold);\n    background: rgba(204,153,51,0.12);\n    transform: translateY(3px);\n}\n\n.atb-shop-hero__scroll 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}\n\n\/* =========================================================\n   ANIMATIONS\n========================================================= *\/\n\n@keyframes atbShopFloat {\n    0%,\n    100% {\n        transform: translateY(0);\n    }\n\n    50% {\n        transform: translateY(-10px);\n    }\n}\n\n.atb-shop-hero__content,\n.atb-shop-hero__visual {\n    opacity: 0;\n    transform: translateY(28px);\n    transition:\n        opacity 0.9s ease,\n        transform 0.9s cubic-bezier(.2,.8,.2,1);\n}\n\n.atb-shop-hero__visual {\n    transition-delay: 0.16s;\n}\n\n.atb-shop-hero.atb-shop-hero--visible .atb-shop-hero__content,\n.atb-shop-hero.atb-shop-hero--visible .atb-shop-hero__visual {\n    opacity: 1;\n    transform: translateY(0);\n}\n\n\/* =========================================================\n   RESPONSIVE TABLETTE\n========================================================= *\/\n\n@media (max-width: 1080px) {\n\n    .atb-shop-hero {\n        min-height: auto;\n    }\n\n    .atb-shop-hero__container {\n        grid-template-columns: 1fr;\n        gap: 50px;\n        padding-top: 105px;\n        padding-bottom: 70px;\n    }\n\n    .atb-shop-hero__content {\n        max-width: 780px;\n        margin: 0 auto;\n        text-align: center;\n    }\n\n    .atb-shop-hero__eyebrow {\n        justify-content: center;\n    }\n\n    .atb-shop-hero__title,\n    .atb-shop-hero__description {\n        margin-left: auto;\n        margin-right: auto;\n    }\n\n    .atb-shop-hero__actions,\n    .atb-shop-hero__signature {\n        justify-content: center;\n    }\n\n    .atb-shop-hero__visual {\n        max-width: 650px;\n        min-height: 580px;\n        margin: 0 auto;\n    }\n\n    .atb-shop-cover--middle {\n        left: 60px;\n    }\n\n    .atb-shop-cover--back {\n        right: 40px;\n    }\n\n    .atb-shop-hero__floating-card {\n        right: 25px;\n    }\n}\n\n\/* =========================================================\n   RESPONSIVE MOBILE\n========================================================= *\/\n\n@media (max-width: 767px) {\n\n    .atb-shop-hero__container,\n    .atb-shop-hero__bottom-inner {\n        width: min(100% - 34px, 1240px);\n    }\n\n    .atb-shop-hero__container {\n        padding-top: 80px;\n        padding-bottom: 45px;\n        gap: 30px;\n    }\n\n    .atb-shop-hero__eyebrow {\n        margin-bottom: 19px;\n        font-size: 10px;\n        letter-spacing: 0.15em;\n    }\n\n    .atb-shop-hero__eyebrow-line {\n        width: 30px;\n    }\n\n    .atb-shop-hero__title {\n        font-size: clamp(42px, 12vw, 55px);\n        line-height: 1.04;\n    }\n\n    .atb-shop-hero__description {\n        margin-top: 23px;\n        font-size: 16px;\n        line-height: 1.65;\n    }\n\n    .atb-shop-hero__actions {\n        width: 100%;\n        margin-top: 31px;\n        flex-direction: column;\n    }\n\n    .atb-shop-btn {\n        width: 100%;\n    }\n\n    .atb-shop-hero__signature {\n        margin-top: 32px;\n        font-size: 12px;\n        gap: 8px;\n    }\n\n    .atb-shop-hero__visual {\n        min-height: 440px;\n        transform: scale(0.83);\n        transform-origin: center top;\n        margin-bottom: -60px;\n    }\n\n    .atb-shop-hero.atb-shop-hero--visible .atb-shop-hero__visual {\n        transform: scale(0.83);\n    }\n\n    .atb-shop-cover--front {\n        width: 285px;\n        height: 410px;\n    }\n\n    .atb-shop-cover--middle {\n        width: 245px;\n        height: 355px;\n        left: -5px;\n        top: 52px;\n    }\n\n    .atb-shop-cover--back {\n        width: 225px;\n        height: 325px;\n        right: -4px;\n        bottom: 45px;\n    }\n\n    .atb-shop-cover__body h2 {\n        font-size: 37px;\n    }\n\n    .atb-shop-cover--middle .atb-shop-cover__body h2 {\n        font-size: 42px;\n    }\n\n    .atb-shop-cover--back .atb-shop-cover__body h2 {\n        font-size: 31px;\n    }\n\n    .atb-shop-cover__body h2 em {\n        font-size: 25px;\n    }\n\n    .atb-shop-hero__orbit--one {\n        width: 415px;\n        height: 415px;\n    }\n\n    .atb-shop-hero__orbit--two {\n        width: 330px;\n        height: 330px;\n    }\n\n    .atb-shop-hero__floating-card {\n        right: -8px;\n        bottom: 8px;\n        width: 235px;\n    }\n\n    .atb-shop-hero__bottom-inner {\n        min-height: 78px;\n        justify-content: center;\n    }\n\n    .atb-shop-hero__bottom p {\n        display: none;\n    }\n}\n\n\/* Tr\u00e8s petits \u00e9crans *\/\n\n@media (max-width: 390px) {\n\n    .atb-shop-hero__visual {\n        left: 50%;\n        width: 430px;\n        transform: translateX(-50%) scale(0.75);\n        margin-bottom: -95px;\n    }\n\n    .atb-shop-hero.atb-shop-hero--visible .atb-shop-hero__visual {\n        transform: translateX(-50%) scale(0.75);\n    }\n}\n\n\/* Accessibilit\u00e9 *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n    .atb-shop-hero *,\n    .atb-shop-hero *::before,\n    .atb-shop-hero *::after {\n        scroll-behavior: auto !important;\n        animation: none !important;\n        transition-duration: 0.01ms !important;\n    }\n\n    .atb-shop-hero__content,\n    .atb-shop-hero__visual {\n        opacity: 1;\n        transform: none;\n    }\n}\n<\/style>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n\n    const hero = document.querySelector(\"#atb-boutique-hero\");\n\n    if (!hero) return;\n\n    if (\"IntersectionObserver\" in window) {\n\n        const observer = new IntersectionObserver(\n            function (entries, currentObserver) {\n\n                entries.forEach(function (entry) {\n\n                    if (entry.isIntersecting) {\n                        entry.target.classList.add(\"atb-shop-hero--visible\");\n                        currentObserver.unobserve(entry.target);\n                    }\n\n                });\n\n            },\n            {\n                threshold: 0.12\n            }\n        );\n\n        observer.observe(hero);\n\n    } else {\n        hero.classList.add(\"atb-shop-hero--visible\");\n    }\n\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-53d657e e-con e-atomic-element e-flexbox-base e-04f028b \" data-id=\"53d657e\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"53d657e\" data-e-type=\"e-flexbox\" data-id=\"53d657e\">\n    \t\t<div class=\"elementor-element elementor-element-f4c8134 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"f4c8134\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\n     ATB \u2014 SECTION PR\u00c9SENTATION DE LA BOUTIQUE\n========================================================= -->\n\n<section class=\"atb-shop-intro\" id=\"atb-presentation-boutique\">\n\n    <div class=\"atb-shop-intro__decor atb-shop-intro__decor--one\" aria-hidden=\"true\"><\/div>\n    <div class=\"atb-shop-intro__decor atb-shop-intro__decor--two\" aria-hidden=\"true\"><\/div>\n\n    <div class=\"atb-shop-intro__container\">\n\n        <!-- Colonne \u00e9ditoriale -->\n        <div class=\"atb-shop-intro__content\">\n\n            <div class=\"atb-shop-intro__eyebrow\">\n                <span><\/span>\n                <p>La Boutique de l\u2019ATB<\/p>\n            <\/div>\n\n            <h2 class=\"atb-shop-intro__title\">\n                Une biblioth\u00e8que vivante du\n                <em>th\u00e9\u00e2tre pour le d\u00e9veloppement<\/em>\n            <\/h2>\n\n            <div class=\"atb-shop-intro__text\">\n\n                <p>\n                    La Boutique de l\u2019ATB rassemble les \u0153uvres, recherches,\n                    m\u00e9thodes et cr\u00e9ations n\u00e9es de plusieurs d\u00e9cennies\n                    d\u2019exp\u00e9rimentation artistique et d\u2019engagement citoyen.\n                <\/p>\n\n                <p>\n                    Chaque publication, chaque spectacle et chaque ressource\n                    transmet une part de l\u2019exp\u00e9rience de l\u2019ATB aux artistes,\n                    enseignants, chercheurs, \u00e9tudiants, institutions et\n                    passionn\u00e9s de culture.\n                <\/p>\n\n            <\/div>\n\n            <div class=\"atb-shop-intro__features\">\n\n                <div class=\"atb-shop-intro__feature\">\n                    <div class=\"atb-shop-intro__feature-icon\">\n                        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                            <path d=\"M4 5.5A2.5 2.5 0 0 1 6.5 3H20v16H6.5A2.5 2.5 0 0 0 4 21.5v-16Z\"\/>\n                            <path d=\"M4 5.5A2.5 2.5 0 0 1 6.5 8H20\"\/>\n                        <\/svg>\n                    <\/div>\n\n                    <div>\n                        <strong>Lire<\/strong>\n                        <span>Revues, manuels et textes de th\u00e9\u00e2tre<\/span>\n                    <\/div>\n                <\/div>\n\n                <div class=\"atb-shop-intro__feature\">\n                    <div class=\"atb-shop-intro__feature-icon\">\n                        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                            <path d=\"M4 6h16v12H4z\"\/>\n                            <path d=\"M8 6v12M16 6v12\"\/>\n                            <path d=\"M4 10h4M16 10h4M4 14h4M16 14h4\"\/>\n                        <\/svg>\n                    <\/div>\n\n                    <div>\n                        <strong>Voir<\/strong>\n                        <span>Spectacles et cr\u00e9ations sc\u00e9niques<\/span>\n                    <\/div>\n                <\/div>\n\n                <div class=\"atb-shop-intro__feature\">\n                    <div class=\"atb-shop-intro__feature-icon\">\n                        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                            <rect x=\"3\" y=\"4\" width=\"18\" height=\"13\" rx=\"2\"\/>\n                            <path d=\"M8 21h8M12 17v4\"\/>\n                            <path d=\"m10 8 5 2.5-5 2.5V8Z\"\/>\n                        <\/svg>\n                    <\/div>\n\n                    <div>\n                        <strong>Transmettre<\/strong>\n                        <span>Ressources et archives num\u00e9riques<\/span>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n\n            <a href=\"#atb-univers-boutique\"\n               class=\"atb-shop-intro__link\">\n                <span>D\u00e9couvrir les trois univers<\/span>\n\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                    <path d=\"M5 12h14M13 6l6 6-6 6\"\/>\n                <\/svg>\n            <\/a>\n\n        <\/div>\n\n        <!-- Colonne visuelle -->\n        <div class=\"atb-shop-intro__visual\">\n\n            <div class=\"atb-shop-intro__frame\">\n\n                <div class=\"atb-shop-intro__paper atb-shop-intro__paper--back\">\n                    <span>ATB<\/span>\n                    <strong>Archives<br>du th\u00e9\u00e2tre<\/strong>\n                    <small>Patrimoine vivant<\/small>\n                <\/div>\n\n                <div class=\"atb-shop-intro__paper atb-shop-intro__paper--middle\">\n\n                    <div class=\"atb-shop-intro__paper-top\">\n                        <span>Enjeux de Sc\u00e8ne<\/span>\n                        <small>N\u00b023<\/small>\n                    <\/div>\n\n                    <div class=\"atb-shop-intro__paper-title\">\n                        Oui,<br>\n                        mais\u2026\n                    <\/div>\n\n                    <div class=\"atb-shop-intro__paper-scene\">\n                        <span><\/span>\n                        <span><\/span>\n                        <span><\/span>\n                        <span><\/span>\n                        <span><\/span>\n                    <\/div>\n\n                    <div class=\"atb-shop-intro__paper-bottom\">\n                        Th\u00e9\u00e2tre \u00b7 Recherche \u00b7 D\u00e9veloppement\n                    <\/div>\n\n                <\/div>\n\n                <div class=\"atb-shop-intro__paper atb-shop-intro__paper--front\">\n\n                    <div class=\"atb-shop-intro__paper-label\">\n                        Collection Impact\n                    <\/div>\n\n                    <h3>\n                        Faire du th\u00e9\u00e2tre\n                        <em>pour d\u00e9velopper<\/em>\n                    <\/h3>\n\n                    <div class=\"atb-shop-intro__paper-symbol\">\n                        <span>ATB<\/span>\n                    <\/div>\n\n                    <p>\n                        M\u00e9thodes, pratiques et transmission\n                    <\/p>\n\n                <\/div>\n\n                <div class=\"atb-shop-intro__quote\">\n\n                    <div class=\"atb-shop-intro__quote-mark\">\n                        \u201c\n                    <\/div>\n\n                    <blockquote>\n                        Transformer l\u2019exp\u00e9rience en expertise.\n                    <\/blockquote>\n\n                    <span>Atelier Th\u00e9\u00e2tre Burkinab\u00e8<\/span>\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n    <!-- Bandeau impact -->\n    <div class=\"atb-shop-intro__impact\">\n\n        <div class=\"atb-shop-intro__impact-inner\">\n\n            <div class=\"atb-shop-intro__impact-icon\">\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                    <path d=\"M12 21s-7-4.6-7-11a4 4 0 0 1 7-2.6A4 4 0 0 1 19 10c0 6.4-7 11-7 11Z\"\/>\n                <\/svg>\n            <\/div>\n\n            <p>\n                Une partie des revenus contribue au financement des actions\n                artistiques et \u00e9ducatives de l\u2019ATB, notamment le CAPO.\n            <\/p>\n\n            <span class=\"atb-shop-intro__impact-line\"><\/span>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n<style>\n\/* =========================================================\n   ATB \u2014 SECTION PR\u00c9SENTATION BOUTIQUE\n========================================================= *\/\n\n.atb-shop-intro {\n    --atb-bordeaux: #60052D;\n    --atb-bordeaux-dark: #3B001A;\n    --atb-gold: #CC9933;\n    --atb-gold-light: #E2BD72;\n    --atb-cream: #F7F2E8;\n    --atb-cream-dark: #EFE5D5;\n    --atb-white: #FFFDF9;\n    --atb-text: #2F2428;\n    --atb-muted: #71676B;\n\n    position: relative;\n    width: 100%;\n    overflow: hidden;\n    padding: 120px 0 0;\n    color: var(--atb-text);\n    background:\n        radial-gradient(\n            circle at 90% 18%,\n            rgba(204,153,51,0.11),\n            transparent 28%\n        ),\n        var(--atb-cream);\n    font-family: \"Archivo\", Arial, sans-serif;\n}\n\n\/* D\u00e9corations *\/\n\n.atb-shop-intro__decor {\n    position: absolute;\n    border-radius: 50%;\n    pointer-events: none;\n}\n\n.atb-shop-intro__decor--one {\n    top: 75px;\n    right: -180px;\n    width: 430px;\n    height: 430px;\n    border: 1px solid rgba(96,5,45,0.08);\n}\n\n.atb-shop-intro__decor--two {\n    top: 145px;\n    right: -90px;\n    width: 250px;\n    height: 250px;\n    border: 1px solid rgba(204,153,51,0.16);\n}\n\n\/* Conteneur *\/\n\n.atb-shop-intro__container {\n    position: relative;\n    z-index: 2;\n    width: min(1200px, calc(100% - 60px));\n    margin: 0 auto;\n    display: grid;\n    grid-template-columns: minmax(0, 1fr) minmax(470px, 0.92fr);\n    align-items: center;\n    gap: 90px;\n}\n\n\/* =========================================================\n   TEXTE\n========================================================= *\/\n\n.atb-shop-intro__content {\n    max-width: 650px;\n}\n\n.atb-shop-intro__eyebrow {\n    display: flex;\n    align-items: center;\n    gap: 15px;\n    margin-bottom: 24px;\n}\n\n.atb-shop-intro__eyebrow span {\n    width: 42px;\n    height: 1px;\n    background: var(--atb-gold);\n}\n\n.atb-shop-intro__eyebrow p {\n    margin: 0;\n    color: var(--atb-bordeaux);\n    font-size: 12px;\n    font-weight: 800;\n    line-height: 1.4;\n    letter-spacing: 0.18em;\n    text-transform: uppercase;\n}\n\n.atb-shop-intro__title {\n    margin: 0;\n    color: var(--atb-bordeaux-dark);\n    font-family: \"Fraunces\", Georgia, serif;\n    font-size: clamp(44px, 4.4vw, 64px);\n    font-weight: 500;\n    line-height: 1.08;\n    letter-spacing: -0.04em;\n}\n\n.atb-shop-intro__title em {\n    display: block;\n    margin-top: 5px;\n    color: var(--atb-bordeaux);\n    font-weight: 400;\n}\n\n.atb-shop-intro__text {\n    max-width: 620px;\n    margin-top: 31px;\n}\n\n.atb-shop-intro__text p {\n    margin: 0 0 18px;\n    color: var(--atb-muted);\n    font-size: 17px;\n    line-height: 1.8;\n}\n\n.atb-shop-intro__text p:last-child {\n    margin-bottom: 0;\n}\n\n\/* Caract\u00e9ristiques *\/\n\n.atb-shop-intro__features {\n    margin-top: 40px;\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 16px;\n}\n\n.atb-shop-intro__feature {\n    min-height: 148px;\n    padding: 21px 17px;\n    border: 1px solid rgba(96,5,45,0.1);\n    border-radius: 16px;\n    background: rgba(255,253,249,0.72);\n    transition:\n        transform 0.35s ease,\n        border-color 0.35s ease,\n        box-shadow 0.35s ease,\n        background-color 0.35s ease;\n}\n\n.atb-shop-intro__feature:hover {\n    transform: translateY(-6px);\n    border-color: rgba(204,153,51,0.6);\n    background: var(--atb-white);\n    box-shadow: 0 20px 45px rgba(70, 31, 42, 0.09);\n}\n\n.atb-shop-intro__feature-icon {\n    width: 42px;\n    height: 42px;\n    margin-bottom: 17px;\n    border-radius: 50%;\n    display: grid;\n    place-items: center;\n    color: var(--atb-bordeaux);\n    background: rgba(204,153,51,0.16);\n}\n\n.atb-shop-intro__feature-icon svg {\n    width: 20px;\n    height: 20px;\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 1.6;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n}\n\n.atb-shop-intro__feature strong {\n    display: block;\n    margin-bottom: 7px;\n    color: var(--atb-bordeaux-dark);\n    font-family: \"Fraunces\", Georgia, serif;\n    font-size: 18px;\n    font-weight: 600;\n}\n\n.atb-shop-intro__feature span {\n    display: block;\n    color: var(--atb-muted);\n    font-size: 12px;\n    line-height: 1.55;\n}\n\n\/* Lien *\/\n\n.atb-shop-intro__link {\n    margin-top: 36px;\n    display: inline-flex;\n    align-items: center;\n    gap: 13px;\n    color: var(--atb-bordeaux) !important;\n    font-size: 13px;\n    font-weight: 800;\n    line-height: 1.3;\n    letter-spacing: 0.05em;\n    text-decoration: none !important;\n}\n\n.atb-shop-intro__link::after {\n    content: \"\";\n    position: absolute;\n}\n\n.atb-shop-intro__link 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.35s ease;\n}\n\n.atb-shop-intro__link:hover svg {\n    transform: translateX(6px);\n}\n\n\/* =========================================================\n   VISUEL\n========================================================= *\/\n\n.atb-shop-intro__visual {\n    position: relative;\n    min-height: 650px;\n}\n\n.atb-shop-intro__frame {\n    position: relative;\n    width: 100%;\n    min-height: 650px;\n    border-radius: 34px;\n    background:\n        linear-gradient(\n            145deg,\n            rgba(96,5,45,0.08),\n            rgba(204,153,51,0.1)\n        );\n}\n\n.atb-shop-intro__frame::before {\n    content: \"\";\n    position: absolute;\n    inset: 36px;\n    border: 1px solid rgba(96,5,45,0.1);\n    border-radius: 26px;\n}\n\n\/* Documents *\/\n\n.atb-shop-intro__paper {\n    position: absolute;\n    overflow: hidden;\n    box-shadow:\n        0 30px 65px rgba(64,25,37,0.19),\n        0 8px 20px rgba(64,25,37,0.1);\n    transition: transform 0.55s cubic-bezier(.2,.8,.2,1);\n}\n\n.atb-shop-intro__paper--back {\n    top: 95px;\n    right: 35px;\n    width: 250px;\n    height: 345px;\n    padding: 27px;\n    border-radius: 8px 15px 15px 8px;\n    color: var(--atb-bordeaux-dark);\n    background:\n        linear-gradient(\n            145deg,\n            #E4C985,\n            #C9A354\n        );\n    transform: rotate(8deg);\n}\n\n.atb-shop-intro__paper--back span {\n    font-size: 10px;\n    font-weight: 800;\n    letter-spacing: 0.25em;\n}\n\n.atb-shop-intro__paper--back strong {\n    display: block;\n    margin-top: 55px;\n    font-family: \"Fraunces\", Georgia, serif;\n    font-size: 37px;\n    font-weight: 500;\n    line-height: 1.08;\n}\n\n.atb-shop-intro__paper--back small {\n    position: absolute;\n    bottom: 28px;\n    left: 27px;\n    font-size: 9px;\n    font-weight: 700;\n    letter-spacing: 0.14em;\n    text-transform: uppercase;\n}\n\n\/* Revue interm\u00e9diaire *\/\n\n.atb-shop-intro__paper--middle {\n    top: 67px;\n    left: 22px;\n    z-index: 2;\n    width: 285px;\n    height: 405px;\n    padding: 24px;\n    border-radius: 8px 15px 15px 8px;\n    color: white;\n    background:\n        linear-gradient(\n            145deg,\n            #071B16,\n            #16372F\n        );\n    transform: rotate(-7deg);\n}\n\n.atb-shop-intro__paper-top {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 10px;\n    font-size: 10px;\n    font-weight: 800;\n    letter-spacing: 0.1em;\n    text-transform: uppercase;\n}\n\n.atb-shop-intro__paper-top small {\n    padding: 6px 8px;\n    color: #261300;\n    border-radius: 2px;\n    background: var(--atb-gold);\n    font-size: 9px;\n}\n\n.atb-shop-intro__paper-title {\n    margin-top: 52px;\n    font-family: \"Fraunces\", Georgia, serif;\n    font-size: 53px;\n    font-weight: 500;\n    line-height: 0.95;\n}\n\n.atb-shop-intro__paper-scene {\n    position: absolute;\n    right: 0;\n    bottom: 62px;\n    left: 0;\n    height: 105px;\n    display: flex;\n    align-items: flex-end;\n    justify-content: center;\n    gap: 8px;\n    background:\n        linear-gradient(\n            130deg,\n            rgba(204,153,51,0.88),\n            rgba(96,5,45,0.96)\n        );\n}\n\n.atb-shop-intro__paper-scene span {\n    width: 30px;\n    border-radius: 20px 20px 0 0;\n    background: rgba(255,255,255,0.82);\n}\n\n.atb-shop-intro__paper-scene span:nth-child(1) {\n    height: 45px;\n}\n\n.atb-shop-intro__paper-scene span:nth-child(2) {\n    height: 68px;\n}\n\n.atb-shop-intro__paper-scene span:nth-child(3) {\n    height: 87px;\n}\n\n.atb-shop-intro__paper-scene span:nth-child(4) {\n    height: 59px;\n}\n\n.atb-shop-intro__paper-scene span:nth-child(5) {\n    height: 76px;\n    background: rgba(227,189,113,0.95);\n}\n\n.atb-shop-intro__paper-bottom {\n    position: absolute;\n    right: 24px;\n    bottom: 23px;\n    left: 24px;\n    font-size: 8px;\n    line-height: 1.4;\n    letter-spacing: 0.1em;\n    text-transform: uppercase;\n}\n\n\/* Livre principal *\/\n\n.atb-shop-intro__paper--front {\n    z-index: 4;\n    right: 75px;\n    bottom: 76px;\n    width: 305px;\n    height: 420px;\n    padding: 32px;\n    border-radius: 8px 17px 17px 8px;\n    color: white;\n    background:\n        linear-gradient(\n            145deg,\n            #77113F,\n            #60052D 55%,\n            #380018\n        );\n    transform: rotate(2deg);\n}\n\n.atb-shop-intro__paper--front::before {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 22px;\n    width: 1px;\n    background: rgba(255,255,255,0.16);\n}\n\n.atb-shop-intro__paper-label {\n    font-size: 9px;\n    font-weight: 800;\n    letter-spacing: 0.15em;\n    text-transform: uppercase;\n}\n\n.atb-shop-intro__paper--front h3 {\n    position: relative;\n    z-index: 2;\n    max-width: 235px;\n    margin: 75px 0 0;\n    font-family: \"Fraunces\", Georgia, serif;\n    font-size: 40px;\n    font-weight: 500;\n    line-height: 1.04;\n    letter-spacing: -0.04em;\n}\n\n.atb-shop-intro__paper--front h3 em {\n    display: block;\n    margin-top: 8px;\n    color: var(--atb-gold-light);\n    font-size: 28px;\n    font-weight: 400;\n}\n\n.atb-shop-intro__paper-symbol {\n    position: absolute;\n    right: -34px;\n    bottom: 56px;\n    width: 145px;\n    height: 145px;\n    border: 1px solid rgba(226,189,114,0.55);\n    border-radius: 50%;\n    display: grid;\n    place-items: center;\n}\n\n.atb-shop-intro__paper-symbol::before,\n.atb-shop-intro__paper-symbol::after {\n    content: \"\";\n    position: absolute;\n    border: 1px solid rgba(226,189,114,0.28);\n    border-radius: 50%;\n}\n\n.atb-shop-intro__paper-symbol::before {\n    width: 105px;\n    height: 105px;\n}\n\n.atb-shop-intro__paper-symbol::after {\n    width: 68px;\n    height: 68px;\n}\n\n.atb-shop-intro__paper-symbol span {\n    position: relative;\n    z-index: 2;\n    color: var(--atb-gold-light);\n    font-family: \"Fraunces\", Georgia, serif;\n    font-size: 17px;\n    font-weight: 700;\n    letter-spacing: 0.1em;\n}\n\n.atb-shop-intro__paper--front p {\n    position: absolute;\n    right: 32px;\n    bottom: 27px;\n    left: 32px;\n    margin: 0;\n    padding-top: 17px;\n    border-top: 1px solid rgba(255,255,255,0.18);\n    font-size: 8px;\n    letter-spacing: 0.1em;\n    text-transform: uppercase;\n}\n\n\/* Citation *\/\n\n.atb-shop-intro__quote {\n    position: absolute;\n    z-index: 7;\n    right: -28px;\n    bottom: 23px;\n    width: 290px;\n    padding: 23px 25px 22px;\n    border: 1px solid rgba(96,5,45,0.1);\n    border-radius: 20px;\n    color: var(--atb-text);\n    background: rgba(255,253,249,0.92);\n    box-shadow: 0 20px 45px rgba(70,31,42,0.12);\n    backdrop-filter: blur(12px);\n}\n\n.atb-shop-intro__quote-mark {\n    margin-bottom: -13px;\n    color: var(--atb-gold);\n    font-family: \"Fraunces\", Georgia, serif;\n    font-size: 55px;\n    line-height: 1;\n}\n\n.atb-shop-intro__quote blockquote {\n    margin: 0;\n    color: var(--atb-bordeaux-dark);\n    font-family: \"Fraunces\", Georgia, serif;\n    font-size: 19px;\n    font-style: italic;\n    line-height: 1.42;\n}\n\n.atb-shop-intro__quote span {\n    display: block;\n    margin-top: 12px;\n    color: var(--atb-muted);\n    font-size: 9px;\n    font-weight: 800;\n    letter-spacing: 0.13em;\n    text-transform: uppercase;\n}\n\n\/* Survol composition *\/\n\n.atb-shop-intro__frame:hover .atb-shop-intro__paper--middle {\n    transform: translate(-10px, -8px) rotate(-9deg);\n}\n\n.atb-shop-intro__frame:hover .atb-shop-intro__paper--back {\n    transform: translate(12px, -5px) rotate(10deg);\n}\n\n.atb-shop-intro__frame:hover .atb-shop-intro__paper--front {\n    transform: translateY(-10px) rotate(1deg);\n}\n\n\/* =========================================================\n   BANDEAU IMPACT\n========================================================= *\/\n\n.atb-shop-intro__impact {\n    position: relative;\n    z-index: 3;\n    margin-top: 95px;\n    color: white;\n    background: var(--atb-bordeaux);\n}\n\n.atb-shop-intro__impact-inner {\n    width: min(1200px, calc(100% - 60px));\n    min-height: 112px;\n    margin: 0 auto;\n    display: flex;\n    align-items: center;\n    gap: 22px;\n}\n\n.atb-shop-intro__impact-icon {\n    flex: 0 0 48px;\n    width: 48px;\n    height: 48px;\n    border-radius: 50%;\n    display: grid;\n    place-items: center;\n    color: var(--atb-bordeaux-dark);\n    background: var(--atb-gold);\n}\n\n.atb-shop-intro__impact-icon svg {\n    width: 23px;\n    height: 23px;\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 1.6;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n}\n\n.atb-shop-intro__impact p {\n    max-width: 810px;\n    margin: 0;\n    color: rgba(255,255,255,0.86);\n    font-family: \"Fraunces\", Georgia, serif;\n    font-size: 19px;\n    line-height: 1.55;\n}\n\n.atb-shop-intro__impact-line {\n    flex: 1;\n    height: 1px;\n    margin-left: 25px;\n    background:\n        linear-gradient(\n            90deg,\n            rgba(204,153,51,0.75),\n            rgba(204,153,51,0)\n        );\n}\n\n\/* =========================================================\n   RESPONSIVE TABLETTE\n========================================================= *\/\n\n@media (max-width: 1080px) {\n\n    .atb-shop-intro {\n        padding-top: 95px;\n    }\n\n    .atb-shop-intro__container {\n        grid-template-columns: 1fr;\n        gap: 65px;\n    }\n\n    .atb-shop-intro__content {\n        max-width: 780px;\n        margin: 0 auto;\n        text-align: center;\n    }\n\n    .atb-shop-intro__eyebrow {\n        justify-content: center;\n    }\n\n    .atb-shop-intro__text {\n        margin-left: auto;\n        margin-right: auto;\n    }\n\n    .atb-shop-intro__features {\n        text-align: left;\n    }\n\n    .atb-shop-intro__visual {\n        width: min(620px, 100%);\n        margin: 0 auto;\n    }\n}\n\n\/* =========================================================\n   RESPONSIVE MOBILE\n========================================================= *\/\n\n@media (max-width: 767px) {\n\n    .atb-shop-intro {\n        padding-top: 75px;\n    }\n\n    .atb-shop-intro__container,\n    .atb-shop-intro__impact-inner {\n        width: min(100% - 34px, 1200px);\n    }\n\n    .atb-shop-intro__container {\n        gap: 45px;\n    }\n\n    .atb-shop-intro__eyebrow {\n        margin-bottom: 18px;\n    }\n\n    .atb-shop-intro__eyebrow p {\n        font-size: 10px;\n        letter-spacing: 0.14em;\n    }\n\n    .atb-shop-intro__eyebrow span {\n        width: 30px;\n    }\n\n    .atb-shop-intro__title {\n        font-size: clamp(39px, 11vw, 49px);\n    }\n\n    .atb-shop-intro__text {\n        margin-top: 25px;\n    }\n\n    .atb-shop-intro__text p {\n        font-size: 15.5px;\n        line-height: 1.7;\n    }\n\n    .atb-shop-intro__features {\n        grid-template-columns: 1fr;\n        margin-top: 31px;\n    }\n\n    .atb-shop-intro__feature {\n        min-height: auto;\n        display: flex;\n        align-items: center;\n        gap: 15px;\n    }\n\n    .atb-shop-intro__feature-icon {\n        flex: 0 0 42px;\n        margin-bottom: 0;\n    }\n\n    .atb-shop-intro__link {\n        margin-top: 29px;\n    }\n\n    .atb-shop-intro__visual {\n        min-height: 510px;\n    }\n\n    .atb-shop-intro__frame {\n        left: 50%;\n        width: 490px;\n        min-height: 555px;\n        transform: translateX(-50%) scale(0.78);\n        transform-origin: center top;\n        margin-bottom: -120px;\n    }\n\n    .atb-shop-intro__impact {\n        margin-top: 45px;\n    }\n\n    .atb-shop-intro__impact-inner {\n        min-height: 145px;\n        padding: 25px 0;\n        align-items: flex-start;\n    }\n\n    .atb-shop-intro__impact p {\n        font-size: 16px;\n        line-height: 1.55;\n    }\n\n    .atb-shop-intro__impact-line {\n        display: none;\n    }\n}\n\n@media (max-width: 390px) {\n\n    .atb-shop-intro__frame {\n        transform: translateX(-50%) scale(0.7);\n        margin-bottom: -165px;\n    }\n}\n\n\/* Accessibilit\u00e9 *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n    .atb-shop-intro *,\n    .atb-shop-intro *::before,\n    .atb-shop-intro *::after {\n        transition-duration: 0.01ms !important;\n    }\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-a0033cf e-con e-atomic-element e-flexbox-base e-c694ecf \" data-id=\"a0033cf\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"a0033cf\" data-e-type=\"e-flexbox\" data-id=\"a0033cf\">\n    \t\t<div class=\"elementor-element elementor-element-7a349ce elementor-widget elementor-widget-html\" data-id=\"7a349ce\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\n     ATB \u2014 LES TROIS UNIVERS DE LA BOUTIQUE\n========================================================= -->\n\n<section class=\"atb-shop-worlds\" id=\"atb-univers-boutique\">\n\n    <div class=\"atb-shop-worlds__container\">\n\n        <!-- En-t\u00eate -->\n        <div class=\"atb-shop-worlds__header\">\n\n            <div class=\"atb-shop-worlds__eyebrow\">\n                <span><\/span>\n                <p>Explorer la Boutique<\/p>\n                <span><\/span>\n            <\/div>\n\n            <h2>\n                Trois portes pour prolonger\n                <em>l\u2019exp\u00e9rience ATB<\/em>\n            <\/h2>\n\n            <p class=\"atb-shop-worlds__intro\">\n                Entrez dans l\u2019univers qui vous ressemble :\n                lire, assister ou approfondir.\n            <\/p>\n\n        <\/div>\n\n        <!-- Grille des cartes -->\n        <div class=\"atb-shop-worlds__grid\">\n\n            <!-- =====================================================\n                 CARTE 1 \u2014 LIBRAIRIE\n            ====================================================== -->\n\n            <article class=\"atb-world-card atb-world-card--library\">\n\n                <a href=\"\/librairie\/\"\n                   class=\"atb-world-card__link\"\n                   aria-label=\"D\u00e9couvrir la librairie de l\u2019ATB\">\n\n                    <div class=\"atb-world-card__image\">\n\n                        <div class=\"atb-world-card__library-scene\">\n\n                            <div class=\"atb-world-book atb-world-book--one\">\n                                <span>Enjeux de Sc\u00e8ne<\/span>\n                                <strong>Oui,<br>mais\u2026<\/strong>\n                                <small>N\u00b023<\/small>\n                            <\/div>\n\n                            <div class=\"atb-world-book atb-world-book--two\">\n                                <span>Collection Impact<\/span>\n                                <strong>\n                                    Faire du th\u00e9\u00e2tre\n                                    <em>pour d\u00e9velopper<\/em>\n                                <\/strong>\n                            <\/div>\n\n                            <div class=\"atb-world-book atb-world-book--three\">\n                                <span>ATB<\/span>\n                                <strong>\n                                    Textes<br>\n                                    citoyens\n                                <\/strong>\n                            <\/div>\n\n                        <\/div>\n\n                        <div class=\"atb-world-card__overlay\"><\/div>\n\n                        <div class=\"atb-world-card__number\">\n                            01\n                        <\/div>\n\n                    <\/div>\n\n                    <div class=\"atb-world-card__content\">\n\n                        <div class=\"atb-world-card__category\">\n                            Publications & ouvrages\n                        <\/div>\n\n                        <h3>Librairie<\/h3>\n\n                        <p>\n                            Revues, manuels, recueils de pi\u00e8ces et ouvrages\n                            de r\u00e9f\u00e9rence consacr\u00e9s au th\u00e9\u00e2tre, \u00e0 la recherche\n                            et \u00e0 la transformation sociale.\n                        <\/p>\n\n                        <ul>\n                            <li>Revues scientifiques<\/li>\n                            <li>Manuels techniques<\/li>\n                            <li>Pi\u00e8ces de th\u00e9\u00e2tre<\/li>\n                            <li>Recueils et archives<\/li>\n                        <\/ul>\n\n                        <div class=\"atb-world-card__footer\">\n\n                            <span>D\u00e9couvrir les ouvrages<\/span>\n\n                            <div class=\"atb-world-card__arrow\">\n                                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                                    <path d=\"M5 12h14M13 6l6 6-6 6\"\/>\n                                <\/svg>\n                            <\/div>\n\n                        <\/div>\n\n                    <\/div>\n\n                <\/a>\n\n            <\/article>\n\n            <!-- =====================================================\n                 CARTE 2 \u2014 BILLETTERIE\n            ====================================================== -->\n\n            <article class=\"atb-world-card atb-world-card--tickets\">\n\n                <a href=\"\/agenda-culturel\/\"\n                   class=\"atb-world-card__link\"\n                   aria-label=\"D\u00e9couvrir la billetterie de l\u2019ATB\">\n\n                    <div class=\"atb-world-card__image\">\n\n                        <div class=\"atb-world-card__stage\">\n\n                            <div class=\"atb-world-stage__light atb-world-stage__light--one\"><\/div>\n                            <div class=\"atb-world-stage__light atb-world-stage__light--two\"><\/div>\n                            <div class=\"atb-world-stage__light atb-world-stage__light--three\"><\/div>\n\n                            <div class=\"atb-world-stage__curtain atb-world-stage__curtain--left\"><\/div>\n                            <div class=\"atb-world-stage__curtain atb-world-stage__curtain--right\"><\/div>\n\n                            <div class=\"atb-world-stage__floor\"><\/div>\n\n                            <div class=\"atb-world-stage__people\">\n                                <span><\/span>\n                                <span><\/span>\n                                <span><\/span>\n                                <span><\/span>\n                                <span><\/span>\n                            <\/div>\n\n                        <\/div>\n\n                        <div class=\"atb-world-card__overlay\"><\/div>\n\n                        <div class=\"atb-world-card__number\">\n                            02\n                        <\/div>\n\n                        <div class=\"atb-world-card__badge\">\n                            Programmation en cours\n                        <\/div>\n\n                    <\/div>\n\n                    <div class=\"atb-world-card__content\">\n\n                        <div class=\"atb-world-card__category\">\n                            Vivre la sc\u00e8ne\n                        <\/div>\n\n                        <h3>Billetterie<\/h3>\n\n                        <p>\n                            R\u00e9servez vos places pour les spectacles, galas,\n                            festivals, rencontres et \u00e9v\u00e9nements accueillis\n                            \u00e0 l\u2019Espace ATB.\n                        <\/p>\n\n                        <ul>\n                            <li>Spectacles<\/li>\n                            <li>CAPO<\/li>\n                            <li>Festivals<\/li>\n                            <li>Rencontres culturelles<\/li>\n                        <\/ul>\n\n                        <div class=\"atb-world-card__footer\">\n\n                            <span>Voir les \u00e9v\u00e9nements<\/span>\n\n                            <div class=\"atb-world-card__arrow\">\n                                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                                    <path d=\"M5 12h14M13 6l6 6-6 6\"\/>\n                                <\/svg>\n                            <\/div>\n\n                        <\/div>\n\n                    <\/div>\n\n                <\/a>\n\n            <\/article>\n\n            <!-- =====================================================\n                 CARTE 3 \u2014 RESSOURCES NUM\u00c9RIQUES\n            ====================================================== -->\n\n            <article class=\"atb-world-card atb-world-card--digital\">\n\n                <a href=\"\/ressources\/\"\n                   class=\"atb-world-card__link\"\n                   aria-label=\"D\u00e9couvrir les ressources num\u00e9riques de l\u2019ATB\">\n\n                    <div class=\"atb-world-card__image\">\n\n                        <div class=\"atb-world-digital\">\n\n                            <div class=\"atb-world-digital__screen\">\n\n                                <div class=\"atb-world-digital__screen-top\">\n                                    <span><\/span>\n                                    <span><\/span>\n                                    <span><\/span>\n                                <\/div>\n\n                                <div class=\"atb-world-digital__screen-body\">\n\n                                    <div class=\"atb-world-digital__play\">\n                                        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                                            <path d=\"m9 7 8 5-8 5V7Z\"\/>\n                                        <\/svg>\n                                    <\/div>\n\n                                    <div class=\"atb-world-digital__lines\">\n                                        <span><\/span>\n                                        <span><\/span>\n                                        <span><\/span>\n                                    <\/div>\n\n                                <\/div>\n\n                            <\/div>\n\n                            <div class=\"atb-world-digital__tablet\">\n                                <span>PDF<\/span>\n                            <\/div>\n\n                            <div class=\"atb-world-digital__audio\">\n                                <span><\/span>\n                                <span><\/span>\n                                <span><\/span>\n                                <span><\/span>\n                                <span><\/span>\n                            <\/div>\n\n                        <\/div>\n\n                        <div class=\"atb-world-card__overlay\"><\/div>\n\n                        <div class=\"atb-world-card__number\">\n                            03\n                        <\/div>\n\n                        <div class=\"atb-world-card__badge\">\n                            Collection en d\u00e9veloppement\n                        <\/div>\n\n                    <\/div>\n\n                    <div class=\"atb-world-card__content\">\n\n                        <div class=\"atb-world-card__category\">\n                            Savoirs \u00e0 distance\n                        <\/div>\n\n                        <h3>Ressources num\u00e9riques<\/h3>\n\n                        <p>\n                            Acc\u00e9dez progressivement aux revues num\u00e9riques,\n                            vid\u00e9os, archives sonores, supports p\u00e9dagogiques\n                            et contenus de formation.\n                        <\/p>\n\n                        <ul>\n                            <li>Revues num\u00e9riques<\/li>\n                            <li>Vid\u00e9os et captations<\/li>\n                            <li>Ressources p\u00e9dagogiques<\/li>\n                            <li>Archives audio<\/li>\n                        <\/ul>\n\n                        <div class=\"atb-world-card__footer\">\n\n                            <span>D\u00e9couvrir les ressources<\/span>\n\n                            <div class=\"atb-world-card__arrow\">\n                                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                                    <path d=\"M5 12h14M13 6l6 6-6 6\"\/>\n                                <\/svg>\n                            <\/div>\n\n                        <\/div>\n\n                    <\/div>\n\n                <\/a>\n\n            <\/article>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n<style>\n\/* =========================================================\n   ATB \u2014 TROIS UNIVERS DE LA BOUTIQUE\n========================================================= *\/\n\n.atb-shop-worlds {\n    --atb-bordeaux: #60052D;\n    --atb-bordeaux-dark: #370018;\n    --atb-gold: #CC9933;\n    --atb-gold-light: #E6C47F;\n    --atb-cream: #F7F2E8;\n    --atb-white: #FFFDF9;\n    --atb-text: #2B2225;\n    --atb-muted: #74696D;\n\n    position: relative;\n    width: 100%;\n    overflow: hidden;\n    padding: 125px 0 135px;\n    color: var(--atb-text);\n    background:\n        linear-gradient(\n            180deg,\n            #FFFDF9 0%,\n            #F7F2E8 100%\n        );\n    font-family: \"Archivo\", Arial, sans-serif;\n}\n\n\/* Texture l\u00e9g\u00e8re *\/\n\n.atb-shop-worlds::before {\n    content: \"\";\n    position: absolute;\n    top: -220px;\n    left: -180px;\n    width: 500px;\n    height: 500px;\n    border: 1px solid rgba(96,5,45,0.07);\n    border-radius: 50%;\n    pointer-events: none;\n}\n\n.atb-shop-worlds::after {\n    content: \"\";\n    position: absolute;\n    right: -180px;\n    bottom: -250px;\n    width: 540px;\n    height: 540px;\n    border: 1px solid rgba(204,153,51,0.13);\n    border-radius: 50%;\n    pointer-events: none;\n}\n\n\/* Conteneur *\/\n\n.atb-shop-worlds__container {\n    position: relative;\n    z-index: 2;\n    width: min(1240px, calc(100% - 60px));\n    margin: 0 auto;\n}\n\n\/* =========================================================\n   EN-T\u00caTE\n========================================================= *\/\n\n.atb-shop-worlds__header {\n    max-width: 780px;\n    margin: 0 auto 68px;\n    text-align: center;\n}\n\n.atb-shop-worlds__eyebrow {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 16px;\n    margin-bottom: 23px;\n}\n\n.atb-shop-worlds__eyebrow span {\n    width: 42px;\n    height: 1px;\n    background: var(--atb-gold);\n}\n\n.atb-shop-worlds__eyebrow p {\n    margin: 0;\n    color: var(--atb-bordeaux);\n    font-size: 11px;\n    font-weight: 800;\n    letter-spacing: 0.18em;\n    text-transform: uppercase;\n}\n\n.atb-shop-worlds__header h2 {\n    margin: 0;\n    color: var(--atb-bordeaux-dark);\n    font-family: \"Fraunces\", Georgia, serif;\n    font-size: clamp(46px, 4.5vw, 65px);\n    font-weight: 500;\n    line-height: 1.08;\n    letter-spacing: -0.04em;\n}\n\n.atb-shop-worlds__header h2 em {\n    display: block;\n    color: var(--atb-bordeaux);\n    font-weight: 400;\n}\n\n.atb-shop-worlds__intro {\n    max-width: 590px;\n    margin: 24px auto 0;\n    color: var(--atb-muted);\n    font-size: 17px;\n    line-height: 1.7;\n}\n\n\/* =========================================================\n   GRILLE\n========================================================= *\/\n\n.atb-shop-worlds__grid {\n    display: grid;\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n    gap: 24px;\n}\n\n\/* =========================================================\n   CARTES\n========================================================= *\/\n\n.atb-world-card {\n    position: relative;\n    min-width: 0;\n}\n\n.atb-world-card__link {\n    height: 100%;\n    overflow: hidden;\n    border: 1px solid rgba(96,5,45,0.1);\n    border-radius: 24px;\n    display: flex;\n    flex-direction: column;\n    color: inherit !important;\n    background: var(--atb-white);\n    box-shadow:\n        0 20px 50px rgba(54, 17, 30, 0.07);\n    text-decoration: none !important;\n    transition:\n        transform 0.45s cubic-bezier(.2,.8,.2,1),\n        box-shadow 0.45s ease,\n        border-color 0.45s ease;\n}\n\n.atb-world-card__link:hover {\n    transform: translateY(-12px);\n    border-color: rgba(204,153,51,0.5);\n    box-shadow:\n        0 34px 70px rgba(54,17,30,0.14);\n}\n\n\/* Zone image *\/\n\n.atb-world-card__image {\n    position: relative;\n    height: 295px;\n    overflow: hidden;\n    background: #2E0718;\n}\n\n.atb-world-card__overlay {\n    position: absolute;\n    inset: 0;\n    z-index: 3;\n    pointer-events: none;\n    background:\n        linear-gradient(\n            180deg,\n            transparent 42%,\n            rgba(26,0,10,0.38) 100%\n        );\n}\n\n.atb-world-card__number {\n    position: absolute;\n    z-index: 5;\n    top: 22px;\n    left: 23px;\n    color: rgba(255,255,255,0.88);\n    font-family: \"Fraunces\", Georgia, serif;\n    font-size: 15px;\n    font-style: italic;\n}\n\n.atb-world-card__badge {\n    position: absolute;\n    z-index: 5;\n    right: 18px;\n    bottom: 18px;\n    max-width: 210px;\n    padding: 8px 11px;\n    border: 1px solid rgba(255,255,255,0.2);\n    border-radius: 999px;\n    color: rgba(255,255,255,0.87);\n    background: rgba(32,0,13,0.56);\n    backdrop-filter: blur(8px);\n    font-size: 8px;\n    font-weight: 700;\n    line-height: 1.3;\n    letter-spacing: 0.08em;\n    text-align: center;\n    text-transform: uppercase;\n}\n\n\/* Contenu *\/\n\n.atb-world-card__content {\n    flex: 1;\n    padding: 31px 29px 28px;\n    display: flex;\n    flex-direction: column;\n}\n\n.atb-world-card__category {\n    margin-bottom: 11px;\n    color: var(--atb-gold);\n    font-size: 9px;\n    font-weight: 800;\n    line-height: 1.4;\n    letter-spacing: 0.16em;\n    text-transform: uppercase;\n}\n\n.atb-world-card__content h3 {\n    margin: 0;\n    color: var(--atb-bordeaux-dark);\n    font-family: \"Fraunces\", Georgia, serif;\n    font-size: 34px;\n    font-weight: 550;\n    line-height: 1.1;\n    letter-spacing: -0.035em;\n}\n\n.atb-world-card--digital .atb-world-card__content h3 {\n    font-size: 31px;\n}\n\n.atb-world-card__content > p {\n    margin: 18px 0 0;\n    color: var(--atb-muted);\n    font-size: 14px;\n    line-height: 1.72;\n}\n\n.atb-world-card__content ul {\n    margin: 25px 0 31px;\n    padding: 0;\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 11px 10px;\n    list-style: none;\n}\n\n.atb-world-card__content li {\n    position: relative;\n    padding-left: 16px;\n    color: #5B5054;\n    font-size: 11px;\n    line-height: 1.45;\n}\n\n.atb-world-card__content li::before {\n    content: \"\";\n    position: absolute;\n    top: 0.52em;\n    left: 0;\n    width: 5px;\n    height: 5px;\n    border-radius: 50%;\n    background: var(--atb-gold);\n}\n\n.atb-world-card__footer {\n    margin-top: auto;\n    padding-top: 21px;\n    border-top: 1px solid rgba(96,5,45,0.1);\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 15px;\n}\n\n.atb-world-card__footer > span {\n    color: var(--atb-bordeaux);\n    font-size: 12px;\n    font-weight: 800;\n}\n\n.atb-world-card__arrow {\n    flex: 0 0 42px;\n    width: 42px;\n    height: 42px;\n    border: 1px solid rgba(96,5,45,0.16);\n    border-radius: 50%;\n    display: grid;\n    place-items: center;\n    color: var(--atb-bordeaux);\n    background: transparent;\n    transition:\n        color 0.35s ease,\n        background-color 0.35s ease,\n        border-color 0.35s ease,\n        transform 0.35s ease;\n}\n\n.atb-world-card__arrow 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-world-card__link:hover .atb-world-card__arrow {\n    color: white;\n    border-color: var(--atb-bordeaux);\n    background: var(--atb-bordeaux);\n    transform: translateX(4px);\n}\n\n\/* =========================================================\n   VISUEL LIBRAIRIE\n========================================================= *\/\n\n.atb-world-card--library .atb-world-card__image {\n    background:\n        radial-gradient(\n            circle at 70% 30%,\n            rgba(204,153,51,0.18),\n            transparent 35%\n        ),\n        linear-gradient(\n            145deg,\n            #2B0715,\n            #5B082C\n        );\n}\n\n.atb-world-card__library-scene {\n    position: absolute;\n    inset: 0;\n    z-index: 2;\n    display: flex;\n    align-items: flex-end;\n    justify-content: center;\n    perspective: 1000px;\n}\n\n.atb-world-book {\n    position: absolute;\n    bottom: 25px;\n    overflow: hidden;\n    border-radius: 4px 9px 9px 4px;\n    box-shadow: 0 24px 38px rgba(0,0,0,0.34);\n    transition: transform 0.5s cubic-bezier(.2,.8,.2,1);\n}\n\n.atb-world-book--one {\n    left: 32px;\n    width: 120px;\n    height: 185px;\n    padding: 17px;\n    color: white;\n    background: #102B25;\n    transform: rotate(-9deg);\n}\n\n.atb-world-book--one span {\n    font-size: 7px;\n    font-weight: 800;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n}\n\n.atb-world-book--one strong {\n    display: block;\n    margin-top: 39px;\n    font-family: \"Fraunces\", Georgia, serif;\n    font-size: 28px;\n    font-weight: 500;\n    line-height: 0.95;\n}\n\n.atb-world-book--one small {\n    position: absolute;\n    top: 0;\n    right: 0;\n    padding: 7px;\n    color: #2B1700;\n    background: var(--atb-gold);\n    font-size: 8px;\n    font-weight: 800;\n}\n\n.atb-world-book--two {\n    z-index: 3;\n    left: 50%;\n    width: 145px;\n    height: 220px;\n    padding: 21px;\n    color: white;\n    background:\n        linear-gradient(\n            145deg,\n            #7A123F,\n            #47001F\n        );\n    transform: translateX(-50%) rotate(1deg);\n}\n\n.atb-world-book--two span {\n    font-size: 7px;\n    font-weight: 800;\n    letter-spacing: 0.1em;\n    text-transform: uppercase;\n}\n\n.atb-world-book--two strong {\n    display: block;\n    margin-top: 52px;\n    font-family: \"Fraunces\", Georgia, serif;\n    font-size: 25px;\n    font-weight: 500;\n    line-height: 1.03;\n}\n\n.atb-world-book--two strong em {\n    display: block;\n    margin-top: 7px;\n    color: var(--atb-gold-light);\n    font-size: 18px;\n    font-weight: 400;\n}\n\n.atb-world-book--three {\n    right: 27px;\n    width: 112px;\n    height: 174px;\n    padding: 17px;\n    color: #442012;\n    background:\n        linear-gradient(\n            145deg,\n            #E0C27B,\n            #BF9141\n        );\n    transform: rotate(10deg);\n}\n\n.atb-world-book--three span {\n    font-size: 7px;\n    font-weight: 800;\n    letter-spacing: 0.12em;\n}\n\n.atb-world-book--three strong {\n    display: block;\n    margin-top: 42px;\n    font-family: \"Fraunces\", Georgia, serif;\n    font-size: 22px;\n    font-weight: 550;\n    line-height: 1.05;\n}\n\n.atb-world-card__link:hover .atb-world-book--one {\n    transform: translate(-8px, -8px) rotate(-12deg);\n}\n\n.atb-world-card__link:hover .atb-world-book--two {\n    transform: translateX(-50%) translateY(-12px) rotate(0);\n}\n\n.atb-world-card__link:hover .atb-world-book--three {\n    transform: translate(9px, -7px) rotate(13deg);\n}\n\n\/* =========================================================\n   VISUEL BILLETTERIE\n========================================================= *\/\n\n.atb-world-card--tickets .atb-world-card__image {\n    background:\n        linear-gradient(\n            180deg,\n            #1C0310,\n            #5A092C\n        );\n}\n\n.atb-world-card__stage {\n    position: absolute;\n    inset: 0;\n    z-index: 2;\n    overflow: hidden;\n}\n\n.atb-world-stage__light {\n    position: absolute;\n    top: -35px;\n    width: 80px;\n    height: 260px;\n    filter: blur(2px);\n    clip-path: polygon(45% 0, 55% 0, 100% 100%, 0 100%);\n    background:\n        linear-gradient(\n            180deg,\n            rgba(255,226,164,0.65),\n            rgba(204,153,51,0.03)\n        );\n    opacity: 0.56;\n}\n\n.atb-world-stage__light--one {\n    left: 42px;\n    transform: rotate(-14deg);\n}\n\n.atb-world-stage__light--two {\n    left: 50%;\n    transform: translateX(-50%);\n}\n\n.atb-world-stage__light--three {\n    right: 38px;\n    transform: rotate(14deg);\n}\n\n.atb-world-stage__curtain {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    width: 82px;\n    background:\n        repeating-linear-gradient(\n            90deg,\n            #48001F 0,\n            #720C37 12px,\n            #3A0018 24px\n        );\n}\n\n.atb-world-stage__curtain--left {\n    left: 0;\n    border-radius: 0 0 70% 0;\n}\n\n.atb-world-stage__curtain--right {\n    right: 0;\n    border-radius: 0 0 0 70%;\n}\n\n.atb-world-stage__floor {\n    position: absolute;\n    right: 55px;\n    bottom: 0;\n    left: 55px;\n    height: 72px;\n    background:\n        linear-gradient(\n            180deg,\n            #4C311D,\n            #1C0D09\n        );\n    clip-path: polygon(8% 0, 92% 0, 100% 100%, 0 100%);\n}\n\n.atb-world-stage__people {\n    position: absolute;\n    right: 75px;\n    bottom: 47px;\n    left: 75px;\n    display: flex;\n    align-items: flex-end;\n    justify-content: center;\n    gap: 16px;\n}\n\n.atb-world-stage__people span {\n    position: relative;\n    width: 22px;\n    height: 54px;\n    border-radius: 15px 15px 4px 4px;\n    background: #14070C;\n}\n\n.atb-world-stage__people span::before {\n    content: \"\";\n    position: absolute;\n    top: -16px;\n    left: 50%;\n    width: 22px;\n    height: 22px;\n    border-radius: 50%;\n    background: #1A090F;\n    transform: translateX(-50%);\n}\n\n.atb-world-stage__people span:nth-child(2) {\n    height: 72px;\n}\n\n.atb-world-stage__people span:nth-child(3) {\n    height: 84px;\n}\n\n.atb-world-stage__people span:nth-child(4) {\n    height: 65px;\n}\n\n.atb-world-stage__people span:nth-child(5) {\n    height: 75px;\n}\n\n.atb-world-card__link:hover .atb-world-stage__light {\n    opacity: 0.82;\n}\n\n\/* =========================================================\n   VISUEL RESSOURCES NUM\u00c9RIQUES\n========================================================= *\/\n\n.atb-world-card--digital .atb-world-card__image {\n    background:\n        radial-gradient(\n            circle at 60% 40%,\n            rgba(204,153,51,0.18),\n            transparent 34%\n        ),\n        linear-gradient(\n            145deg,\n            #20101A,\n            #4B0828\n        );\n}\n\n.atb-world-digital {\n    position: absolute;\n    inset: 0;\n    z-index: 2;\n}\n\n.atb-world-digital__screen {\n    position: absolute;\n    top: 48px;\n    left: 50%;\n    width: 235px;\n    height: 145px;\n    border: 5px solid #24131B;\n    border-radius: 10px;\n    background: #F1E6D8;\n    box-shadow: 0 24px 45px rgba(0,0,0,0.35);\n    transform: translateX(-50%) rotate(-2deg);\n    transition: transform 0.45s ease;\n}\n\n.atb-world-digital__screen-top {\n    height: 21px;\n    padding-left: 8px;\n    display: flex;\n    align-items: center;\n    gap: 5px;\n    background: #DDD0BE;\n}\n\n.atb-world-digital__screen-top span {\n    width: 5px;\n    height: 5px;\n    border-radius: 50%;\n    background: var(--atb-bordeaux);\n    opacity: 0.55;\n}\n\n.atb-world-digital__screen-body {\n    position: relative;\n    height: calc(100% - 21px);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background:\n        linear-gradient(\n            140deg,\n            #5D092E,\n            #2A0818\n        );\n}\n\n.atb-world-digital__play {\n    width: 48px;\n    height: 48px;\n    border: 1px solid rgba(255,255,255,0.45);\n    border-radius: 50%;\n    display: grid;\n    place-items: center;\n    color: white;\n    background: rgba(255,255,255,0.08);\n}\n\n.atb-world-digital__play svg {\n    width: 23px;\n    height: 23px;\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 1.6;\n    stroke-linejoin: round;\n}\n\n.atb-world-digital__lines {\n    position: absolute;\n    right: 15px;\n    bottom: 13px;\n    left: 15px;\n    display: grid;\n    gap: 5px;\n}\n\n.atb-world-digital__lines span {\n    height: 3px;\n    border-radius: 10px;\n    background: rgba(255,255,255,0.25);\n}\n\n.atb-world-digital__lines span:nth-child(2) {\n    width: 75%;\n}\n\n.atb-world-digital__lines span:nth-child(3) {\n    width: 54%;\n}\n\n.atb-world-digital__tablet {\n    position: absolute;\n    right: 35px;\n    bottom: 30px;\n    width: 94px;\n    height: 125px;\n    border: 5px solid #23131A;\n    border-radius: 11px;\n    display: grid;\n    place-items: center;\n    color: var(--atb-bordeaux);\n    background: #EFE2D2;\n    box-shadow: 0 18px 35px rgba(0,0,0,0.3);\n    transform: rotate(8deg);\n    transition: transform 0.45s ease;\n}\n\n.atb-world-digital__tablet span {\n    font-family: \"Fraunces\", Georgia, serif;\n    font-size: 25px;\n    font-weight: 650;\n}\n\n.atb-world-digital__audio {\n    position: absolute;\n    bottom: 29px;\n    left: 38px;\n    width: 120px;\n    height: 70px;\n    border: 1px solid rgba(255,255,255,0.15);\n    border-radius: 15px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 7px;\n    background: rgba(255,255,255,0.08);\n    backdrop-filter: blur(8px);\n    transform: rotate(-7deg);\n    transition: transform 0.45s ease;\n}\n\n.atb-world-digital__audio span {\n    width: 5px;\n    border-radius: 8px;\n    background: var(--atb-gold-light);\n}\n\n.atb-world-digital__audio span:nth-child(1) {\n    height: 18px;\n}\n\n.atb-world-digital__audio span:nth-child(2) {\n    height: 34px;\n}\n\n.atb-world-digital__audio span:nth-child(3) {\n    height: 48px;\n}\n\n.atb-world-digital__audio span:nth-child(4) {\n    height: 27px;\n}\n\n.atb-world-digital__audio span:nth-child(5) {\n    height: 39px;\n}\n\n.atb-world-card__link:hover .atb-world-digital__screen {\n    transform: translateX(-50%) translateY(-8px) rotate(-1deg);\n}\n\n.atb-world-card__link:hover .atb-world-digital__tablet {\n    transform: translate(7px, -6px) rotate(11deg);\n}\n\n.atb-world-card__link:hover .atb-world-digital__audio {\n    transform: translate(-7px, -4px) rotate(-10deg);\n}\n\n\/* =========================================================\n   RESPONSIVE TABLETTE\n========================================================= *\/\n\n@media (max-width: 1050px) {\n\n    .atb-shop-worlds__grid {\n        grid-template-columns: 1fr 1fr;\n    }\n\n    .atb-world-card--digital {\n        grid-column: 1 \/ -1;\n        width: calc(50% - 12px);\n        margin: 0 auto;\n    }\n}\n\n\/* =========================================================\n   RESPONSIVE MOBILE\n========================================================= *\/\n\n@media (max-width: 767px) {\n\n    .atb-shop-worlds {\n        padding: 85px 0 95px;\n    }\n\n    .atb-shop-worlds__container {\n        width: min(100% - 34px, 1240px);\n    }\n\n    .atb-shop-worlds__header {\n        margin-bottom: 45px;\n    }\n\n    .atb-shop-worlds__eyebrow {\n        gap: 10px;\n        margin-bottom: 18px;\n    }\n\n    .atb-shop-worlds__eyebrow span {\n        width: 28px;\n    }\n\n    .atb-shop-worlds__eyebrow p {\n        font-size: 9px;\n        letter-spacing: 0.13em;\n    }\n\n    .atb-shop-worlds__header h2 {\n        font-size: clamp(39px, 11vw, 49px);\n    }\n\n    .atb-shop-worlds__intro {\n        margin-top: 19px;\n        font-size: 15px;\n        line-height: 1.65;\n    }\n\n    .atb-shop-worlds__grid {\n        grid-template-columns: 1fr;\n        gap: 22px;\n    }\n\n    .atb-world-card--digital {\n        grid-column: auto;\n        width: 100%;\n    }\n\n    .atb-world-card__image {\n        height: 280px;\n    }\n\n    .atb-world-card__content {\n        padding: 27px 24px 25px;\n    }\n\n    .atb-world-card__content h3,\n    .atb-world-card--digital .atb-world-card__content h3 {\n        font-size: 31px;\n    }\n\n    .atb-world-card__content ul {\n        margin-bottom: 27px;\n    }\n}\n\n\/* Tr\u00e8s petits \u00e9crans *\/\n\n@media (max-width: 390px) {\n\n    .atb-world-card__content ul {\n        grid-template-columns: 1fr;\n    }\n\n    .atb-world-card__footer > span {\n        max-width: 185px;\n    }\n}\n\n\/* Accessibilit\u00e9 *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n    .atb-shop-worlds *,\n    .atb-shop-worlds *::before,\n    .atb-shop-worlds *::after {\n        transition-duration: 0.01ms !important;\n    }\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-a383ebd e-con e-atomic-element e-flexbox-base e-37c0f2e \" data-id=\"a383ebd\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"a383ebd\" data-e-type=\"e-flexbox\" data-id=\"a383ebd\">\n    \t\t<div class=\"elementor-element elementor-element-2348203 elementor-widget elementor-widget-html\" data-id=\"2348203\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\n     ATB \u2014 S\u00c9LECTION DE PUBLICATIONS ET SPECTACLES\n========================================================= -->\n\n<section class=\"atb-shop-selection\" id=\"atb-selection-boutique\">\n\n    <div class=\"atb-shop-selection__container\">\n\n        <!-- En-t\u00eate -->\n        <div class=\"atb-shop-selection__header\">\n\n            <div class=\"atb-shop-selection__heading\">\n\n                <div class=\"atb-shop-selection__eyebrow\">\n                    <span><\/span>\n                    <p>\u00c0 d\u00e9couvrir<\/p>\n                <\/div>\n\n                <h2>\n                    Une s\u00e9lection de\n                    <em>publications et spectacles<\/em>\n                <\/h2>\n\n            <\/div>\n\n            <p class=\"atb-shop-selection__intro\">\n                Explorez quelques \u0153uvres, ressources et rendez-vous qui\n                prolongent l\u2019engagement artistique et intellectuel de l\u2019ATB.\n            <\/p>\n\n        <\/div>\n\n        <!-- Filtres -->\n        <div class=\"atb-shop-selection__filters\"\n             role=\"group\"\n             aria-label=\"Filtrer la s\u00e9lection\">\n\n            <button type=\"button\"\n                    class=\"atb-shop-filter is-active\"\n                    data-filter=\"all\">\n                Tout\n            <\/button>\n\n            <button type=\"button\"\n                    class=\"atb-shop-filter\"\n                    data-filter=\"publication\">\n                Publications\n            <\/button>\n\n            <button type=\"button\"\n                    class=\"atb-shop-filter\"\n                    data-filter=\"theatre\">\n                Pi\u00e8ces & recueils\n            <\/button>\n\n            <button type=\"button\"\n                    class=\"atb-shop-filter\"\n                    data-filter=\"spectacle\">\n                Spectacles\n            <\/button>\n\n            <button type=\"button\"\n                    class=\"atb-shop-filter\"\n                    data-filter=\"digital\">\n                Num\u00e9rique\n            <\/button>\n\n        <\/div>\n\n        <!-- Publication principale -->\n        <article class=\"atb-shop-featured\"\n                 data-category=\"publication digital\">\n\n            <div class=\"atb-shop-featured__visual\">\n\n                <div class=\"atb-shop-featured__book\">\n\n                    <div class=\"atb-shop-featured__book-top\">\n                        <span>Saison th\u00e9\u00e2trale 2022\u20132023<\/span>\n                        <strong>Num\u00e9ro 23<\/strong>\n                    <\/div>\n\n                    <div class=\"atb-shop-featured__book-title\">\n                        <small>Enjeux de Sc\u00e8ne<\/small>\n                        <h3>Oui, mais\u2026<\/h3>\n                    <\/div>\n\n                    <div class=\"atb-shop-featured__book-image\">\n\n                        <div class=\"atb-shop-featured__people\">\n                            <span><\/span>\n                            <span><\/span>\n                            <span><\/span>\n                            <span><\/span>\n                            <span><\/span>\n                            <span><\/span>\n                            <span><\/span>\n                        <\/div>\n\n                    <\/div>\n\n                    <div class=\"atb-shop-featured__book-bottom\">\n                        <span>Th\u00e9\u00e2tre<\/span>\n                        <span>Recherche<\/span>\n                        <span>D\u00e9veloppement<\/span>\n                    <\/div>\n\n                <\/div>\n\n                <div class=\"atb-shop-featured__shadow\"><\/div>\n\n            <\/div>\n\n            <div class=\"atb-shop-featured__content\">\n\n                <div class=\"atb-shop-featured__meta\">\n                    <span>Publication vedette<\/span>\n                    <i><\/i>\n                    <span>Revue<\/span>\n                <\/div>\n\n                <h3>Enjeux de Sc\u00e8ne \u2014 Num\u00e9ro 23<\/h3>\n\n                <p>\n                    Une revue d\u2019information et de recherche consacr\u00e9e au\n                    th\u00e9\u00e2tre pour le d\u00e9veloppement, aux pratiques sc\u00e9niques,\n                    \u00e0 la formation et aux initiatives artistiques de l\u2019ATB.\n                <\/p>\n\n                <div class=\"atb-shop-featured__details\">\n\n                    <div>\n                        <strong>Format<\/strong>\n                        <span>Num\u00e9rique<\/span>\n                    <\/div>\n\n                    <div>\n                        <strong>Collection<\/strong>\n                        <span>Enjeux de Sc\u00e8ne<\/span>\n                    <\/div>\n\n                    <div>\n                        <strong>Saison<\/strong>\n                        <span>2022\u20132023<\/span>\n                    <\/div>\n\n                <\/div>\n\n                <div class=\"atb-shop-featured__actions\">\n\n                    <a href=\"https:\/\/atb.digital-publication.com\/enjeuxdescene\/numero23\/index.html#page\/1\" target=\"_blank\" rel=\"noopener\" class=\"atb-shop-selection__btn atb-shop-selection__btn--primary\">\n\n                        <span>Consulter la revue<\/span>\n\n                        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                            <path d=\"M5 12h14M13 6l6 6-6 6\"\/>\n                        <\/svg>\n\n                    <\/a>\n\n                    <a href=\"\/librairie\/\"\n                       class=\"atb-shop-selection__btn atb-shop-selection__btn--secondary\">\n\n                        <span>Voir la collection<\/span>\n\n                    <\/a>\n\n                <\/div>\n\n            <\/div>\n\n        <\/article>\n\n        <!-- Grille secondaire -->\n        <div class=\"atb-shop-selection__grid\">\n\n            <!-- Carte 1 -->\n            <article class=\"atb-product-card\"\n                     data-category=\"publication\">\n\n                <a href=\"\/librairie\/\"\n                   class=\"atb-product-card__link\">\n\n                    <div class=\"atb-product-card__visual atb-product-card__visual--method\">\n\n                        <div class=\"atb-product-card__cover\">\n\n                            <span class=\"atb-product-card__collection\">\n                                Collection Impact\n                            <\/span>\n\n                            <h3>\n                                Faire du th\u00e9\u00e2tre\n                                <em>pour d\u00e9velopper<\/em>\n                            <\/h3>\n\n                            <div class=\"atb-product-card__symbol\">\n                                ATB\n                            <\/div>\n\n                            <small>\n                                Manuel m\u00e9thodologique\n                            <\/small>\n\n                        <\/div>\n\n                    <\/div>\n\n                    <div class=\"atb-product-card__content\">\n\n                        <div class=\"atb-product-card__category\">\n                            Manuel m\u00e9thodologique\n                        <\/div>\n\n                        <h3>Faire du th\u00e9\u00e2tre pour d\u00e9velopper<\/h3>\n\n                        <p>\n                            Un guide destin\u00e9 aux troupes, formateurs,\n                            institutions et organisations souhaitant utiliser\n                            le th\u00e9\u00e2tre comme outil de dialogue et de changement.\n                        <\/p>\n\n                        <div class=\"atb-product-card__footer\">\n                            <span>Voir l\u2019ouvrage<\/span>\n\n                            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                                <path d=\"M5 12h14M13 6l6 6-6 6\"\/>\n                            <\/svg>\n                        <\/div>\n\n                    <\/div>\n\n                <\/a>\n\n            <\/article>\n\n            <!-- Carte 2 -->\n            <article class=\"atb-product-card\"\n                     data-category=\"theatre publication\">\n\n                <a href=\"\/librairie\/\"\n                   class=\"atb-product-card__link\">\n\n                    <div class=\"atb-product-card__visual atb-product-card__visual--voices\">\n\n                        <div class=\"atb-product-card__cover\">\n\n                            <span class=\"atb-product-card__collection\">\n                                Th\u00e9\u00e2tre & pens\u00e9e\n                            <\/span>\n\n                            <h3>\n                                Les voix\n                                <em>du silence<\/em>\n                            <\/h3>\n\n                            <div class=\"atb-product-card__mask\">\n\n                                <span><\/span>\n                                <span><\/span>\n\n                            <\/div>\n\n                            <small>\n                                Prosper Kompaor\u00e9\n                            <\/small>\n\n                        <\/div>\n\n                    <\/div>\n\n                    <div class=\"atb-product-card__content\">\n\n                        <div class=\"atb-product-card__category\">\n                            Th\u00e9\u00e2tre & pens\u00e9e\n                        <\/div>\n\n                        <h3>Les voix du silence<\/h3>\n\n                        <p>\n                            Une \u0153uvre associ\u00e9e \u00e0 la r\u00e9flexion sur le th\u00e9\u00e2tre,\n                            l\u2019engagement citoyen et la transformation sociale.\n                        <\/p>\n\n                        <div class=\"atb-product-card__footer\">\n                            <span>D\u00e9couvrir<\/span>\n\n                            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                                <path d=\"M5 12h14M13 6l6 6-6 6\"\/>\n                            <\/svg>\n                        <\/div>\n\n                    <\/div>\n\n                <\/a>\n\n            <\/article>\n\n            <!-- Carte 3 -->\n            <article class=\"atb-product-card\"\n                     data-category=\"theatre\">\n\n                <a href=\"\/librairie\/\"\n                   class=\"atb-product-card__link\">\n\n                    <div class=\"atb-product-card__visual atb-product-card__visual--plays\">\n\n                        <div class=\"atb-product-card__stack\">\n\n                            <div class=\"atb-product-card__stack-item\">\n                                <span>La jarre vide<\/span>\n                            <\/div>\n\n                            <div class=\"atb-product-card__stack-item\">\n                                <span>Les racines du malheur<\/span>\n                            <\/div>\n\n                            <div class=\"atb-product-card__stack-item\">\n                                <span>Les germes de l\u2019espoir<\/span>\n                            <\/div>\n\n                        <\/div>\n\n                    <\/div>\n\n                    <div class=\"atb-product-card__content\">\n\n                        <div class=\"atb-product-card__category\">\n                            Recueils de pi\u00e8ces\n                        <\/div>\n\n                        <h3>Th\u00e9\u00e2tre citoyen<\/h3>\n\n                        <p>\n                            Une s\u00e9lection de textes consacr\u00e9s aux r\u00e9alit\u00e9s\n                            sociales, aux droits humains, \u00e0 la paix et \u00e0 la\n                            coh\u00e9sion des communaut\u00e9s.\n                        <\/p>\n\n                        <div class=\"atb-product-card__footer\">\n                            <span>Explorer les textes<\/span>\n\n                            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                                <path d=\"M5 12h14M13 6l6 6-6 6\"\/>\n                            <\/svg>\n                        <\/div>\n\n                    <\/div>\n\n                <\/a>\n\n            <\/article>\n\n        <\/div>\n\n        <!-- Spectacle -->\n        <article class=\"atb-shop-show\"\n                 data-category=\"spectacle\">\n\n            <div class=\"atb-shop-show__visual\">\n\n                <div class=\"atb-shop-show__light atb-shop-show__light--one\"><\/div>\n                <div class=\"atb-shop-show__light atb-shop-show__light--two\"><\/div>\n\n                <div class=\"atb-shop-show__curtain atb-shop-show__curtain--left\"><\/div>\n                <div class=\"atb-shop-show__curtain atb-shop-show__curtain--right\"><\/div>\n\n                <div class=\"atb-shop-show__performers\">\n                    <span><\/span>\n                    <span><\/span>\n                    <span><\/span>\n                    <span><\/span>\n                    <span><\/span>\n                <\/div>\n\n                <div class=\"atb-shop-show__overlay\"><\/div>\n\n            <\/div>\n\n            <div class=\"atb-shop-show__content\">\n\n                <div class=\"atb-shop-show__label\">\n                    \u00c0 l\u2019affiche\n                <\/div>\n\n                <h3>D\u00e9couvrez la programmation de l\u2019Espace ATB<\/h3>\n\n                <p>\n                    Th\u00e9\u00e2tre, cr\u00e9ations citoyennes, rencontres et grands\n                    \u00e9v\u00e9nements culturels : consultez l\u2019agenda et r\u00e9servez\n                    votre prochaine exp\u00e9rience \u00e0 l\u2019ATB.\n                <\/p>\n\n                <div class=\"atb-shop-show__meta\">\n\n                    <span>\n                        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                            <rect x=\"3\" y=\"5\" width=\"18\" height=\"16\" rx=\"2\"\/>\n                            <path d=\"M8 3v4M16 3v4M3 10h18\"\/>\n                        <\/svg>\n                        Programmation permanente\n                    <\/span>\n\n                    <span>\n                        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                            <path d=\"M12 21s6-5.1 6-11a6 6 0 1 0-12 0c0 5.9 6 11 6 11Z\"\/>\n                            <circle cx=\"12\" cy=\"10\" r=\"2\"\/>\n                        <\/svg>\n                        Espace ATB, Ouagadougou\n                    <\/span>\n\n                <\/div>\n\n                <a href=\"\/agenda-culturel\/\"\n                   class=\"atb-shop-selection__btn atb-shop-selection__btn--gold\">\n\n                    <span>Voir la programmation<\/span>\n\n                    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                        <path d=\"M5 12h14M13 6l6 6-6 6\"\/>\n                    <\/svg>\n\n                <\/a>\n\n            <\/div>\n\n        <\/article>\n\n        <!-- Message si filtre vide -->\n        <div class=\"atb-shop-selection__empty\"\n             aria-live=\"polite\">\n\n            Aucun contenu n\u2019est encore disponible dans cette cat\u00e9gorie.\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n<style>\n\/* =========================================================\n   ATB \u2014 S\u00c9LECTION BOUTIQUE\n========================================================= *\/\n\n.atb-shop-selection {\n    --atb-bordeaux: #60052D;\n    --atb-bordeaux-dark: #340017;\n    --atb-gold: #CC9933;\n    --atb-gold-light: #E5C27B;\n    --atb-cream: #F7F2E8;\n    --atb-white: #FFFDF9;\n    --atb-text: #2C2226;\n    --atb-muted: #756A6E;\n\n    position: relative;\n    width: 100%;\n    overflow: hidden;\n    padding: 125px 0 135px;\n    color: var(--atb-text);\n    background:\n        radial-gradient(\n            circle at 93% 18%,\n            rgba(204,153,51,0.1),\n            transparent 26%\n        ),\n        #F4EEE4;\n    font-family: \"Archivo\", Arial, sans-serif;\n}\n\n.atb-shop-selection__container {\n    width: min(1240px, calc(100% - 60px));\n    margin: 0 auto;\n}\n\n\/* =========================================================\n   EN-T\u00caTE\n========================================================= *\/\n\n.atb-shop-selection__header {\n    display: grid;\n    grid-template-columns: minmax(0, 1.1fr) minmax(320px, 0.65fr);\n    align-items: end;\n    gap: 70px;\n    margin-bottom: 48px;\n}\n\n.atb-shop-selection__eyebrow {\n    display: flex;\n    align-items: center;\n    gap: 14px;\n    margin-bottom: 21px;\n}\n\n.atb-shop-selection__eyebrow span {\n    width: 42px;\n    height: 1px;\n    background: var(--atb-gold);\n}\n\n.atb-shop-selection__eyebrow p {\n    margin: 0;\n    color: var(--atb-bordeaux);\n    font-size: 11px;\n    font-weight: 800;\n    letter-spacing: 0.18em;\n    text-transform: uppercase;\n}\n\n.atb-shop-selection__heading h2 {\n    margin: 0;\n    color: var(--atb-bordeaux-dark);\n    font-family: \"Fraunces\", Georgia, serif;\n    font-size: clamp(46px, 4.5vw, 65px);\n    font-weight: 500;\n    line-height: 1.08;\n    letter-spacing: -0.04em;\n}\n\n.atb-shop-selection__heading h2 em {\n    display: block;\n    color: var(--atb-bordeaux);\n    font-weight: 400;\n}\n\n.atb-shop-selection__intro {\n    margin: 0 0 5px;\n    color: var(--atb-muted);\n    font-size: 16px;\n    line-height: 1.75;\n}\n\n\/* =========================================================\n   FILTRES\n========================================================= *\/\n\n.atb-shop-selection__filters {\n    margin-bottom: 42px;\n    padding: 7px;\n    border: 1px solid rgba(96,5,45,0.09);\n    border-radius: 999px;\n    display: inline-flex;\n    flex-wrap: wrap;\n    gap: 5px;\n    background: rgba(255,253,249,0.7);\n}\n\n.atb-shop-filter {\n    min-height: 42px;\n    padding: 0 18px;\n    border: 0;\n    border-radius: 999px;\n    color: #6D6065;\n    background: transparent;\n    font-family: \"Archivo\", Arial, sans-serif;\n    font-size: 11px;\n    font-weight: 750;\n    cursor: pointer;\n    transition:\n        color 0.3s ease,\n        background-color 0.3s ease,\n        box-shadow 0.3s ease;\n}\n\n.atb-shop-filter:hover,\n.atb-shop-filter.is-active {\n    color: white;\n    background: var(--atb-bordeaux);\n    box-shadow: 0 8px 20px rgba(96,5,45,0.15);\n}\n\n\/* =========================================================\n   PUBLICATION VEDETTE\n========================================================= *\/\n\n.atb-shop-featured {\n    min-height: 560px;\n    overflow: hidden;\n    border: 1px solid rgba(96,5,45,0.11);\n    border-radius: 30px;\n    display: grid;\n    grid-template-columns: 0.92fr 1.08fr;\n    background: var(--atb-white);\n    box-shadow: 0 25px 65px rgba(63,24,37,0.09);\n}\n\n.atb-shop-featured__visual {\n    position: relative;\n    min-height: 560px;\n    overflow: hidden;\n    display: grid;\n    place-items: center;\n    background:\n        radial-gradient(\n            circle at 50% 38%,\n            rgba(204,153,51,0.19),\n            transparent 36%\n        ),\n        linear-gradient(\n            145deg,\n            #280010,\n            #5C082B\n        );\n}\n\n.atb-shop-featured__book {\n    position: relative;\n    z-index: 2;\n    width: 310px;\n    height: 445px;\n    padding: 25px;\n    overflow: hidden;\n    border-radius: 6px 15px 15px 6px;\n    color: white;\n    background:\n        linear-gradient(\n            155deg,\n            #071814,\n            #132A24\n        );\n    box-shadow:\n        0 40px 65px rgba(0,0,0,0.4),\n        -12px 0 20px rgba(0,0,0,0.18);\n    transform: rotate(-3deg);\n    transition: transform 0.5s ease;\n}\n\n.atb-shop-featured:hover .atb-shop-featured__book {\n    transform: translateY(-9px) rotate(-1deg);\n}\n\n.atb-shop-featured__book::before {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 19px;\n    width: 1px;\n    background: rgba(255,255,255,0.12);\n}\n\n.atb-shop-featured__book-top {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 15px;\n    padding-left: 13px;\n    font-size: 8px;\n    font-weight: 750;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n}\n\n.atb-shop-featured__book-top strong {\n    padding: 7px 9px;\n    color: #271500;\n    background: var(--atb-gold);\n    font-size: 9px;\n}\n\n.atb-shop-featured__book-title {\n    padding: 48px 0 0 13px;\n}\n\n.atb-shop-featured__book-title small {\n    color: #F2C94C;\n    font-size: 17px;\n    font-weight: 800;\n    letter-spacing: 0.06em;\n    text-transform: uppercase;\n}\n\n.atb-shop-featured__book-title h3 {\n    margin: 20px 0 0;\n    font-family: \"Fraunces\", Georgia, serif;\n    font-size: 59px;\n    font-weight: 450;\n    line-height: 0.95;\n}\n\n.atb-shop-featured__book-image {\n    position: absolute;\n    right: 0;\n    bottom: 62px;\n    left: 0;\n    height: 145px;\n    overflow: hidden;\n    background:\n        linear-gradient(\n            140deg,\n            #D1A042,\n            #6A1137\n        );\n}\n\n.atb-shop-featured__people {\n    position: absolute;\n    right: 20px;\n    bottom: -7px;\n    left: 20px;\n    display: flex;\n    align-items: flex-end;\n    justify-content: center;\n    gap: 8px;\n}\n\n.atb-shop-featured__people span {\n    position: relative;\n    width: 27px;\n    border-radius: 18px 18px 3px 3px;\n    background: rgba(255,255,255,0.86);\n}\n\n.atb-shop-featured__people span::before {\n    content: \"\";\n    position: absolute;\n    top: -17px;\n    left: 50%;\n    width: 22px;\n    height: 22px;\n    border-radius: 50%;\n    background: inherit;\n    transform: translateX(-50%);\n}\n\n.atb-shop-featured__people span:nth-child(1) {\n    height: 55px;\n}\n\n.atb-shop-featured__people span:nth-child(2) {\n    height: 72px;\n}\n\n.atb-shop-featured__people span:nth-child(3) {\n    height: 87px;\n}\n\n.atb-shop-featured__people span:nth-child(4) {\n    height: 68px;\n}\n\n.atb-shop-featured__people span:nth-child(5) {\n    height: 92px;\n}\n\n.atb-shop-featured__people span:nth-child(6) {\n    height: 74px;\n}\n\n.atb-shop-featured__people span:nth-child(7) {\n    height: 61px;\n}\n\n.atb-shop-featured__book-bottom {\n    position: absolute;\n    right: 25px;\n    bottom: 21px;\n    left: 38px;\n    display: flex;\n    gap: 10px;\n    font-size: 7px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n}\n\n.atb-shop-featured__book-bottom span:not(:last-child)::after {\n    content: \"\u00b7\";\n    margin-left: 10px;\n    color: var(--atb-gold);\n}\n\n.atb-shop-featured__shadow {\n    position: absolute;\n    bottom: 37px;\n    left: 50%;\n    width: 280px;\n    height: 45px;\n    border-radius: 50%;\n    background: rgba(0,0,0,0.28);\n    filter: blur(13px);\n    transform: translateX(-50%);\n}\n\n.atb-shop-featured__content {\n    padding: 70px 65px;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n}\n\n.atb-shop-featured__meta {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    color: var(--atb-gold);\n    font-size: 9px;\n    font-weight: 800;\n    letter-spacing: 0.14em;\n    text-transform: uppercase;\n}\n\n.atb-shop-featured__meta i {\n    width: 4px;\n    height: 4px;\n    border-radius: 50%;\n    background: var(--atb-gold);\n}\n\n.atb-shop-featured__content h3 {\n    margin: 21px 0 0;\n    color: var(--atb-bordeaux-dark);\n    font-family: \"Fraunces\", Georgia, serif;\n    font-size: clamp(39px, 3.5vw, 53px);\n    font-weight: 520;\n    line-height: 1.08;\n    letter-spacing: -0.04em;\n}\n\n.atb-shop-featured__content > p {\n    margin: 25px 0 0;\n    color: var(--atb-muted);\n    font-size: 16px;\n    line-height: 1.8;\n}\n\n.atb-shop-featured__details {\n    margin-top: 32px;\n    padding: 22px 0;\n    border-top: 1px solid rgba(96,5,45,0.1);\n    border-bottom: 1px solid rgba(96,5,45,0.1);\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 20px;\n}\n\n.atb-shop-featured__details strong,\n.atb-shop-featured__details span {\n    display: block;\n}\n\n.atb-shop-featured__details strong {\n    margin-bottom: 6px;\n    color: var(--atb-bordeaux);\n    font-size: 9px;\n    font-weight: 800;\n    letter-spacing: 0.1em;\n    text-transform: uppercase;\n}\n\n.atb-shop-featured__details span {\n    color: #5F5559;\n    font-size: 12px;\n}\n\n.atb-shop-featured__actions {\n    margin-top: 31px;\n    display: flex;\n    flex-wrap: wrap;\n    gap: 12px;\n}\n\n\/* Boutons *\/\n\n.atb-shop-selection__btn {\n    min-height: 52px;\n    padding: 0 23px;\n    border: 1px solid transparent;\n    border-radius: 999px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 11px;\n    font-size: 12px;\n    font-weight: 800;\n    text-decoration: none !important;\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}\n\n.atb-shop-selection__btn 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-shop-selection__btn:hover svg {\n    transform: translateX(4px);\n}\n\n.atb-shop-selection__btn--primary {\n    color: white !important;\n    background: var(--atb-bordeaux);\n}\n\n.atb-shop-selection__btn--primary:hover {\n    color: white !important;\n    background: var(--atb-bordeaux-dark);\n    transform: translateY(-3px);\n}\n\n.atb-shop-selection__btn--secondary {\n    color: var(--atb-bordeaux) !important;\n    border-color: rgba(96,5,45,0.22);\n    background: transparent;\n}\n\n.atb-shop-selection__btn--secondary:hover {\n    color: var(--atb-bordeaux) !important;\n    border-color: var(--atb-gold);\n    background: rgba(204,153,51,0.08);\n    transform: translateY(-3px);\n}\n\n.atb-shop-selection__btn--gold {\n    color: #301600 !important;\n    background: var(--atb-gold);\n}\n\n.atb-shop-selection__btn--gold:hover {\n    color: #301600 !important;\n    background: #D8A947;\n    transform: translateY(-3px);\n}\n\n\/* =========================================================\n   GRILLE PRODUITS\n========================================================= *\/\n\n.atb-shop-selection__grid {\n    margin-top: 28px;\n    display: grid;\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n    gap: 24px;\n}\n\n.atb-product-card {\n    min-width: 0;\n}\n\n.atb-product-card__link {\n    height: 100%;\n    overflow: hidden;\n    border: 1px solid rgba(96,5,45,0.1);\n    border-radius: 22px;\n    display: flex;\n    flex-direction: column;\n    color: inherit !important;\n    background: var(--atb-white);\n    box-shadow: 0 18px 45px rgba(63,24,37,0.06);\n    text-decoration: none !important;\n    transition:\n        transform 0.4s ease,\n        border-color 0.4s ease,\n        box-shadow 0.4s ease;\n}\n\n.atb-product-card__link:hover {\n    transform: translateY(-9px);\n    border-color: rgba(204,153,51,0.5);\n    box-shadow: 0 28px 58px rgba(63,24,37,0.12);\n}\n\n.atb-product-card__visual {\n    position: relative;\n    height: 290px;\n    overflow: hidden;\n    display: grid;\n    place-items: center;\n}\n\n.atb-product-card__visual--method {\n    background:\n        radial-gradient(\n            circle at 70% 30%,\n            rgba(204,153,51,0.2),\n            transparent 30%\n        ),\n        #310016;\n}\n\n.atb-product-card__visual--voices {\n    background:\n        radial-gradient(\n            circle at 30% 25%,\n            rgba(255,255,255,0.09),\n            transparent 25%\n        ),\n        #B48A3A;\n}\n\n.atb-product-card__visual--plays {\n    background:\n        linear-gradient(\n            145deg,\n            #21000E,\n            #5B082B\n        );\n}\n\n.atb-product-card__cover {\n    position: relative;\n    width: 175px;\n    height: 235px;\n    padding: 22px;\n    overflow: hidden;\n    border-radius: 5px 11px 11px 5px;\n    box-shadow: 0 26px 45px rgba(0,0,0,0.3);\n    transition: transform 0.4s ease;\n}\n\n.atb-product-card__link:hover .atb-product-card__cover {\n    transform: translateY(-7px) rotate(-1deg);\n}\n\n.atb-product-card__visual--method .atb-product-card__cover {\n    color: white;\n    background:\n        linear-gradient(\n            145deg,\n            #79113F,\n            #48001F\n        );\n    transform: rotate(3deg);\n}\n\n.atb-product-card__visual--voices .atb-product-card__cover {\n    color: #35120F;\n    background:\n        linear-gradient(\n            145deg,\n            #F3E4C2,\n            #D6B869\n        );\n    transform: rotate(-4deg);\n}\n\n.atb-product-card__collection {\n    font-size: 7px;\n    font-weight: 800;\n    letter-spacing: 0.13em;\n    text-transform: uppercase;\n}\n\n.atb-product-card__cover h3 {\n    margin: 52px 0 0;\n    font-family: \"Fraunces\", Georgia, serif;\n    font-size: 25px;\n    font-weight: 520;\n    line-height: 1.05;\n}\n\n.atb-product-card__cover h3 em {\n    display: block;\n    margin-top: 7px;\n    color: var(--atb-gold-light);\n    font-size: 18px;\n    font-weight: 400;\n}\n\n.atb-product-card__visual--voices .atb-product-card__cover h3 em {\n    color: var(--atb-bordeaux);\n}\n\n.atb-product-card__cover small {\n    position: absolute;\n    right: 22px;\n    bottom: 17px;\n    left: 22px;\n    padding-top: 12px;\n    border-top: 1px solid currentColor;\n    font-size: 7px;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    opacity: 0.65;\n}\n\n.atb-product-card__symbol {\n    position: absolute;\n    right: -18px;\n    bottom: 40px;\n    width: 82px;\n    height: 82px;\n    border: 1px solid rgba(230,196,127,0.55);\n    border-radius: 50%;\n    display: grid;\n    place-items: center;\n    color: var(--atb-gold-light);\n    font-family: \"Fraunces\", Georgia, serif;\n    font-size: 12px;\n    font-weight: 700;\n}\n\n.atb-product-card__mask {\n    position: absolute;\n    right: 17px;\n    bottom: 42px;\n    display: flex;\n    gap: 4px;\n}\n\n.atb-product-card__mask span {\n    width: 27px;\n    height: 45px;\n    border: 2px solid var(--atb-bordeaux);\n    border-radius: 50% 50% 44% 44%;\n}\n\n.atb-product-card__mask span:last-child {\n    transform: translateY(8px);\n}\n\n.atb-product-card__stack {\n    position: relative;\n    width: 215px;\n    height: 220px;\n}\n\n.atb-product-card__stack-item {\n    position: absolute;\n    left: 50%;\n    width: 155px;\n    height: 190px;\n    padding: 22px 17px;\n    border-radius: 5px 10px 10px 5px;\n    display: flex;\n    align-items: flex-end;\n    color: white;\n    box-shadow: 0 24px 40px rgba(0,0,0,0.3);\n    transform-origin: center bottom;\n    transition: transform 0.4s ease;\n}\n\n.atb-product-card__stack-item:nth-child(1) {\n    z-index: 1;\n    background: #17352E;\n    transform: translateX(-72%) rotate(-10deg);\n}\n\n.atb-product-card__stack-item:nth-child(2) {\n    z-index: 2;\n    background: #B18B43;\n    transform: translateX(-50%) rotate(0);\n}\n\n.atb-product-card__stack-item:nth-child(3) {\n    z-index: 3;\n    background: var(--atb-bordeaux);\n    transform: translateX(-28%) rotate(10deg);\n}\n\n.atb-product-card__stack-item span {\n    font-family: \"Fraunces\", Georgia, serif;\n    font-size: 19px;\n    line-height: 1.1;\n}\n\n.atb-product-card__link:hover .atb-product-card__stack-item:nth-child(1) {\n    transform: translateX(-76%) translateY(-6px) rotate(-13deg);\n}\n\n.atb-product-card__link:hover .atb-product-card__stack-item:nth-child(2) {\n    transform: translateX(-50%) translateY(-10px);\n}\n\n.atb-product-card__link:hover .atb-product-card__stack-item:nth-child(3) {\n    transform: translateX(-24%) translateY(-5px) rotate(13deg);\n}\n\n.atb-product-card__content {\n    flex: 1;\n    padding: 27px 25px 25px;\n    display: flex;\n    flex-direction: column;\n}\n\n.atb-product-card__category {\n    color: var(--atb-gold);\n    font-size: 8px;\n    font-weight: 800;\n    letter-spacing: 0.14em;\n    text-transform: uppercase;\n}\n\n.atb-product-card__content h3 {\n    margin: 12px 0 0;\n    color: var(--atb-bordeaux-dark);\n    font-family: \"Fraunces\", Georgia, serif;\n    font-size: 27px;\n    font-weight: 550;\n    line-height: 1.12;\n}\n\n.atb-product-card__content p {\n    margin: 16px 0 24px;\n    color: var(--atb-muted);\n    font-size: 13px;\n    line-height: 1.7;\n}\n\n.atb-product-card__footer {\n    margin-top: auto;\n    padding-top: 18px;\n    border-top: 1px solid rgba(96,5,45,0.1);\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 13px;\n    color: var(--atb-bordeaux);\n}\n\n.atb-product-card__footer span {\n    font-size: 11px;\n    font-weight: 800;\n}\n\n.atb-product-card__footer 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-product-card__link:hover .atb-product-card__footer svg {\n    transform: translateX(5px);\n}\n\n\/* =========================================================\n   SPECTACLE\n========================================================= *\/\n\n.atb-shop-show {\n    margin-top: 28px;\n    min-height: 390px;\n    overflow: hidden;\n    border-radius: 28px;\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    color: white;\n    background: var(--atb-bordeaux-dark);\n}\n\n.atb-shop-show__visual {\n    position: relative;\n    min-height: 390px;\n    overflow: hidden;\n    background:\n        linear-gradient(\n            180deg,\n            #21000E,\n            #65062F\n        );\n}\n\n.atb-shop-show__light {\n    position: absolute;\n    top: -50px;\n    width: 120px;\n    height: 370px;\n    opacity: 0.55;\n    clip-path: polygon(45% 0, 55% 0, 100% 100%, 0 100%);\n    background:\n        linear-gradient(\n            180deg,\n            rgba(255,225,155,0.85),\n            transparent\n        );\n}\n\n.atb-shop-show__light--one {\n    left: 23%;\n    transform: rotate(-14deg);\n}\n\n.atb-shop-show__light--two {\n    right: 22%;\n    transform: rotate(14deg);\n}\n\n.atb-shop-show__curtain {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    width: 110px;\n    background:\n        repeating-linear-gradient(\n            90deg,\n            #42001C 0,\n            #74103B 15px,\n            #360016 30px\n        );\n}\n\n.atb-shop-show__curtain--left {\n    left: 0;\n    border-radius: 0 0 75% 0;\n}\n\n.atb-shop-show__curtain--right {\n    right: 0;\n    border-radius: 0 0 0 75%;\n}\n\n.atb-shop-show__performers {\n    position: absolute;\n    right: 16%;\n    bottom: 55px;\n    left: 16%;\n    display: flex;\n    align-items: flex-end;\n    justify-content: center;\n    gap: 21px;\n}\n\n.atb-shop-show__performers span {\n    position: relative;\n    width: 32px;\n    border-radius: 20px 20px 5px 5px;\n    background: #15070D;\n}\n\n.atb-shop-show__performers span::before {\n    content: \"\";\n    position: absolute;\n    top: -24px;\n    left: 50%;\n    width: 30px;\n    height: 30px;\n    border-radius: 50%;\n    background: inherit;\n    transform: translateX(-50%);\n}\n\n.atb-shop-show__performers span:nth-child(1) {\n    height: 92px;\n}\n\n.atb-shop-show__performers span:nth-child(2) {\n    height: 125px;\n}\n\n.atb-shop-show__performers span:nth-child(3) {\n    height: 150px;\n}\n\n.atb-shop-show__performers span:nth-child(4) {\n    height: 116px;\n}\n\n.atb-shop-show__performers span:nth-child(5) {\n    height: 100px;\n}\n\n.atb-shop-show__overlay {\n    position: absolute;\n    inset: 0;\n    background:\n        linear-gradient(\n            90deg,\n            transparent 60%,\n            rgba(52,0,23,0.35)\n        );\n}\n\n.atb-shop-show__content {\n    padding: 58px 58px 52px;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n}\n\n.atb-shop-show__label {\n    color: var(--atb-gold-light);\n    font-size: 9px;\n    font-weight: 800;\n    letter-spacing: 0.16em;\n    text-transform: uppercase;\n}\n\n.atb-shop-show__content h3 {\n    margin: 18px 0 0;\n    font-family: \"Fraunces\", Georgia, serif;\n    font-size: clamp(36px, 3.4vw, 49px);\n    font-weight: 500;\n    line-height: 1.08;\n    letter-spacing: -0.04em;\n}\n\n.atb-shop-show__content > p {\n    margin: 22px 0 0;\n    color: rgba(255,255,255,0.69);\n    font-size: 15px;\n    line-height: 1.75;\n}\n\n.atb-shop-show__meta {\n    margin: 28px 0 31px;\n    display: flex;\n    flex-wrap: wrap;\n    gap: 18px 25px;\n}\n\n.atb-shop-show__meta span {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    color: rgba(255,255,255,0.75);\n    font-size: 11px;\n}\n\n.atb-shop-show__meta svg {\n    width: 17px;\n    height: 17px;\n    fill: none;\n    stroke: var(--atb-gold-light);\n    stroke-width: 1.6;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n}\n\n.atb-shop-show__content .atb-shop-selection__btn {\n    align-self: flex-start;\n}\n\n\/* =========================================================\n   FILTRAGE\n========================================================= *\/\n\n.atb-shop-featured,\n.atb-product-card,\n.atb-shop-show {\n    transition:\n        opacity 0.3s ease,\n        transform 0.3s ease;\n}\n\n.atb-shop-is-hidden {\n    display: none !important;\n}\n\n.atb-shop-selection__empty {\n    display: none;\n    margin-top: 35px;\n    padding: 30px;\n    border: 1px dashed rgba(96,5,45,0.2);\n    border-radius: 18px;\n    color: var(--atb-muted);\n    background: rgba(255,253,249,0.6);\n    text-align: center;\n    font-size: 14px;\n}\n\n\/* =========================================================\n   RESPONSIVE\n========================================================= *\/\n\n@media (max-width: 1050px) {\n\n    .atb-shop-featured {\n        grid-template-columns: 1fr;\n    }\n\n    .atb-shop-featured__visual {\n        min-height: 520px;\n    }\n\n    .atb-shop-featured__content {\n        padding: 55px;\n    }\n\n    .atb-shop-selection__grid {\n        grid-template-columns: 1fr 1fr;\n    }\n\n    .atb-product-card:last-child {\n        grid-column: 1 \/ -1;\n        width: calc(50% - 12px);\n        margin: 0 auto;\n    }\n}\n\n@media (max-width: 850px) {\n\n    .atb-shop-selection__header {\n        grid-template-columns: 1fr;\n        gap: 22px;\n    }\n\n    .atb-shop-selection__intro {\n        max-width: 650px;\n    }\n\n    .atb-shop-show {\n        grid-template-columns: 1fr;\n    }\n\n    .atb-shop-show__visual {\n        min-height: 360px;\n    }\n}\n\n@media (max-width: 767px) {\n\n    .atb-shop-selection {\n        padding: 85px 0 95px;\n    }\n\n    .atb-shop-selection__container {\n        width: min(100% - 34px, 1240px);\n    }\n\n    .atb-shop-selection__heading h2 {\n        font-size: clamp(39px, 11vw, 49px);\n    }\n\n    .atb-shop-selection__intro {\n        font-size: 15px;\n    }\n\n    .atb-shop-selection__filters {\n        width: 100%;\n        border-radius: 18px;\n        display: flex;\n        overflow-x: auto;\n        flex-wrap: nowrap;\n        scrollbar-width: none;\n    }\n\n    .atb-shop-selection__filters::-webkit-scrollbar {\n        display: none;\n    }\n\n    .atb-shop-filter {\n        flex: 0 0 auto;\n    }\n\n    .atb-shop-featured__visual {\n        min-height: 450px;\n    }\n\n    .atb-shop-featured__book {\n        width: 265px;\n        height: 382px;\n    }\n\n    .atb-shop-featured__book-title h3 {\n        font-size: 50px;\n    }\n\n    .atb-shop-featured__content {\n        padding: 37px 25px 34px;\n    }\n\n    .atb-shop-featured__details {\n        grid-template-columns: 1fr;\n        gap: 15px;\n    }\n\n    .atb-shop-featured__actions {\n        flex-direction: column;\n    }\n\n    .atb-shop-selection__btn {\n        width: 100%;\n    }\n\n    .atb-shop-selection__grid {\n        grid-template-columns: 1fr;\n    }\n\n    .atb-product-card:last-child {\n        grid-column: auto;\n        width: 100%;\n    }\n\n    .atb-shop-show__visual {\n        min-height: 310px;\n    }\n\n    .atb-shop-show__content {\n        padding: 37px 25px 38px;\n    }\n\n    .atb-shop-show__content .atb-shop-selection__btn {\n        align-self: stretch;\n    }\n}\n\n@media (max-width: 390px) {\n\n    .atb-shop-featured__book {\n        transform: scale(0.88) rotate(-3deg);\n    }\n\n    .atb-shop-featured:hover .atb-shop-featured__book {\n        transform: scale(0.88) translateY(-7px) rotate(-1deg);\n    }\n}\n\n@media (prefers-reduced-motion: reduce) {\n\n    .atb-shop-selection *,\n    .atb-shop-selection *::before,\n    .atb-shop-selection *::after {\n        transition-duration: 0.01ms !important;\n    }\n}\n<\/style>\n\n<script>\n(function () {\n\n    function initializeAtbShopFilters() {\n\n        const section = document.querySelector(\"#atb-selection-boutique\");\n\n        if (!section || section.dataset.filtersReady === \"true\") return;\n\n        section.dataset.filtersReady = \"true\";\n\n        const buttons = section.querySelectorAll(\".atb-shop-filter\");\n        const items = section.querySelectorAll(\n            \".atb-shop-featured, .atb-product-card, .atb-shop-show\"\n        );\n        const emptyMessage = section.querySelector(\n            \".atb-shop-selection__empty\"\n        );\n\n        buttons.forEach(function (button) {\n\n            button.addEventListener(\"click\", function () {\n\n                const filter = button.dataset.filter;\n                let visibleCount = 0;\n\n                buttons.forEach(function (currentButton) {\n                    currentButton.classList.remove(\"is-active\");\n                });\n\n                button.classList.add(\"is-active\");\n\n                items.forEach(function (item) {\n\n                    const categories =\n                        item.dataset.category || \"\";\n\n                    const shouldDisplay =\n                        filter === \"all\" ||\n                        categories.split(\" \").includes(filter);\n\n                    item.classList.toggle(\n                        \"atb-shop-is-hidden\",\n                        !shouldDisplay\n                    );\n\n                    if (shouldDisplay) visibleCount++;\n\n                });\n\n                if (emptyMessage) {\n                    emptyMessage.style.display =\n                        visibleCount === 0 ? \"block\" : \"none\";\n                }\n\n            });\n\n        });\n\n    }\n\n    if (document.readyState === \"loading\") {\n\n        document.addEventListener(\n            \"DOMContentLoaded\",\n            initializeAtbShopFilters\n        );\n\n    } else {\n\n        initializeAtbShopFilters();\n\n    }\n\n    setTimeout(initializeAtbShopFilters, 500);\n\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-8e453b7 e-con e-atomic-element e-flexbox-base e-f94451d \" data-id=\"8e453b7\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"8e453b7\" data-e-type=\"e-flexbox\" data-id=\"8e453b7\">\n    \t\t<div class=\"elementor-element elementor-element-8d874ec elementor-widget elementor-widget-html\" data-id=\"8d874ec\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\n     ATB \u2014 POURQUOI SOUTENIR L\u2019ATB\n========================================================= -->\n\n<section class=\"atb-shop-support\" id=\"atb-soutenir-boutique\">\n\n    <div class=\"atb-shop-support__grain\" aria-hidden=\"true\"><\/div>\n    <div class=\"atb-shop-support__glow atb-shop-support__glow--one\" aria-hidden=\"true\"><\/div>\n    <div class=\"atb-shop-support__glow atb-shop-support__glow--two\" aria-hidden=\"true\"><\/div>\n\n    <div class=\"atb-shop-support__container\">\n\n        <!-- Colonne introduction -->\n        <div class=\"atb-shop-support__intro\">\n\n            <div class=\"atb-shop-support__eyebrow\">\n                <span><\/span>\n                <p>Un achat qui a du sens<\/p>\n            <\/div>\n\n            <h2>\n                Acheter une production de l\u2019ATB,\n                <em>c\u2019est soutenir une \u0153uvre collective<\/em>\n            <\/h2>\n\n            <p>\n                Chaque ouvrage, billet ou ressource contribue \u00e0 pr\u00e9server\n                une m\u00e9moire th\u00e9\u00e2trale, transmettre des savoirs, soutenir\n                la cr\u00e9ation artistique et rapprocher la culture des\n                nouvelles g\u00e9n\u00e9rations.\n            <\/p>\n\n            <div class=\"atb-shop-support__statement\">\n\n                <div class=\"atb-shop-support__statement-icon\">\n\n                    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                        <path d=\"M12 21s-7-4.6-7-11a4 4 0 0 1 7-2.6A4 4 0 0 1 19 10c0 6.4-7 11-7 11Z\"\/>\n                    <\/svg>\n\n                <\/div>\n\n                <div>\n                    <strong>La culture comme investissement collectif<\/strong>\n\n                    <span>\n                        Soutenir l\u2019ATB, c\u2019est accompagner une institution\n                        qui place le th\u00e9\u00e2tre au service de l\u2019\u00e9ducation,\n                        du dialogue et du d\u00e9veloppement.\n                    <\/span>\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n        <!-- Les engagements -->\n        <div class=\"atb-shop-support__commitments\">\n\n            <!-- Engagement 1 -->\n            <article class=\"atb-support-card\">\n\n                <div class=\"atb-support-card__number\">\n                    01\n                <\/div>\n\n                <div class=\"atb-support-card__icon\">\n\n                    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                        <path d=\"M4 5.5A2.5 2.5 0 0 1 6.5 3H20v16H6.5A2.5 2.5 0 0 0 4 21.5v-16Z\"\/>\n                        <path d=\"M4 5.5A2.5 2.5 0 0 1 6.5 8H20\"\/>\n                        <path d=\"M9 12h7M9 15h5\"\/>\n                    <\/svg>\n\n                <\/div>\n\n                <h3>Pr\u00e9server la m\u00e9moire<\/h3>\n\n                <p>\n                    Aider \u00e0 documenter, \u00e9diter et diffuser plusieurs\n                    d\u00e9cennies de cr\u00e9ations, de recherches et\n                    d\u2019exp\u00e9riences th\u00e9\u00e2trales.\n                <\/p>\n\n                <div class=\"atb-support-card__line\"><\/div>\n\n            <\/article>\n\n            <!-- Engagement 2 -->\n            <article class=\"atb-support-card\">\n\n                <div class=\"atb-support-card__number\">\n                    02\n                <\/div>\n\n                <div class=\"atb-support-card__icon\">\n\n                    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                        <path d=\"M4 19h16\"\/>\n                        <path d=\"M6 19V8l6-4 6 4v11\"\/>\n                        <path d=\"M9 19v-5h6v5\"\/>\n                        <path d=\"M8 10h.01M16 10h.01\"\/>\n                    <\/svg>\n\n                <\/div>\n\n                <h3>Soutenir la cr\u00e9ation<\/h3>\n\n                <p>\n                    Contribuer \u00e0 la production de spectacles engag\u00e9s,\n                    accessibles et profond\u00e9ment ancr\u00e9s dans les r\u00e9alit\u00e9s\n                    sociales du Burkina Faso.\n                <\/p>\n\n                <div class=\"atb-support-card__line\"><\/div>\n\n            <\/article>\n\n            <!-- Engagement 3 -->\n            <article class=\"atb-support-card\">\n\n                <div class=\"atb-support-card__number\">\n                    03\n                <\/div>\n\n                <div class=\"atb-support-card__icon\">\n\n                    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                        <path d=\"m3 10 9-5 9 5-9 5-9-5Z\"\/>\n                        <path d=\"M7 12.5V17c3 2 7 2 10 0v-4.5\"\/>\n                        <path d=\"M21 10v6\"\/>\n                    <\/svg>\n\n                <\/div>\n\n                <h3>Former la rel\u00e8ve<\/h3>\n\n                <p>\n                    Participer au d\u00e9veloppement de l\u2019\u00c9cole de Th\u00e9\u00e2tre,\n                    des stages, des ateliers et des initiatives destin\u00e9es\n                    aux jeunes artistes.\n                <\/p>\n\n                <div class=\"atb-support-card__line\"><\/div>\n\n            <\/article>\n\n            <!-- Engagement 4 -->\n            <article class=\"atb-support-card\">\n\n                <div class=\"atb-support-card__number\">\n                    04\n                <\/div>\n\n                <div class=\"atb-support-card__icon\">\n\n                    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                        <circle cx=\"8\" cy=\"8\" r=\"3\"\/>\n                        <circle cx=\"16\" cy=\"8\" r=\"3\"\/>\n                        <path d=\"M3 20c0-4 2-7 5-7s5 3 5 7\"\/>\n                        <path d=\"M11 20c0-4 2-7 5-7s5 3 5 7\"\/>\n                    <\/svg>\n\n                <\/div>\n\n                <h3>Faire vivre le CAPO<\/h3>\n\n                <p>\n                    Soutenir l\u2019expression artistique, la confiance en soi\n                    et l\u2019\u00e9ducation citoyenne des enfants \u00e0 travers la\n                    sc\u00e8ne.\n                <\/p>\n\n                <div class=\"atb-support-card__line\"><\/div>\n\n            <\/article>\n\n        <\/div>\n\n    <\/div>\n\n    <!-- Bandeau final -->\n    <div class=\"atb-shop-support__bottom\">\n\n        <div class=\"atb-shop-support__bottom-inner\">\n\n            <div class=\"atb-shop-support__bottom-text\">\n\n                <span>Une \u0153uvre achet\u00e9e<\/span>\n\n                <strong>\n                    Une action artistique soutenue\n                <\/strong>\n\n            <\/div>\n\n            <div class=\"atb-shop-support__bottom-separator\"><\/div>\n\n            <p>\n                Lire, assister, transmettre : chaque geste contribue\n                \u00e0 faire vivre le th\u00e9\u00e2tre au service du d\u00e9veloppement.\n            <\/p>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n<style>\n\/* =========================================================\n   ATB \u2014 POURQUOI SOUTENIR L\u2019ATB\n========================================================= *\/\n\n.atb-shop-support {\n    --atb-bordeaux: #60052D;\n    --atb-bordeaux-dark: #27000F;\n    --atb-bordeaux-light: #7B1643;\n    --atb-gold: #CC9933;\n    --atb-gold-light: #E7C783;\n    --atb-white: #FFFDF9;\n    --atb-cream: #F7F2E8;\n\n    position: relative;\n    width: 100%;\n    overflow: hidden;\n    isolation: isolate;\n    padding: 125px 0 0;\n    color: var(--atb-white);\n    background:\n        radial-gradient(\n            circle at 12% 18%,\n            rgba(204,153,51,0.12),\n            transparent 28%\n        ),\n        radial-gradient(\n            circle at 90% 80%,\n            rgba(255,255,255,0.045),\n            transparent 32%\n        ),\n        linear-gradient(\n            135deg,\n            #27000F 0%,\n            #47001F 48%,\n            #60052D 100%\n        );\n    font-family: \"Archivo\", Arial, sans-serif;\n}\n\n\/* Grain *\/\n\n.atb-shop-support__grain {\n    position: absolute;\n    inset: 0;\n    z-index: -1;\n    opacity: 0.14;\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}\n\n\/* D\u00e9corations *\/\n\n.atb-shop-support__glow {\n    position: absolute;\n    z-index: -1;\n    border-radius: 50%;\n    pointer-events: none;\n}\n\n.atb-shop-support__glow--one {\n    top: -220px;\n    right: -210px;\n    width: 600px;\n    height: 600px;\n    border: 1px solid rgba(204,153,51,0.14);\n}\n\n.atb-shop-support__glow--two {\n    bottom: -300px;\n    left: -170px;\n    width: 560px;\n    height: 560px;\n    border: 1px solid rgba(255,255,255,0.07);\n}\n\n\/* Conteneur *\/\n\n.atb-shop-support__container {\n    position: relative;\n    z-index: 2;\n    width: min(1240px, calc(100% - 60px));\n    margin: 0 auto;\n    display: grid;\n    grid-template-columns: minmax(0, 0.82fr) minmax(560px, 1.18fr);\n    align-items: start;\n    gap: 85px;\n}\n\n\/* =========================================================\n   INTRODUCTION\n========================================================= *\/\n\n.atb-shop-support__intro {\n    position: sticky;\n    top: 100px;\n    max-width: 530px;\n}\n\n.atb-shop-support__eyebrow {\n    display: flex;\n    align-items: center;\n    gap: 14px;\n    margin-bottom: 23px;\n}\n\n.atb-shop-support__eyebrow span {\n    width: 42px;\n    height: 1px;\n    background: var(--atb-gold);\n}\n\n.atb-shop-support__eyebrow p {\n    margin: 0;\n    color: var(--atb-gold-light);\n    font-size: 11px;\n    font-weight: 800;\n    line-height: 1.4;\n    letter-spacing: 0.18em;\n    text-transform: uppercase;\n}\n\n.atb-shop-support__intro h2 {\n    margin: 0;\n    color: var(--atb-white);\n    font-family: \"Fraunces\", Georgia, serif;\n    font-size: clamp(45px, 4.3vw, 62px);\n    font-weight: 500;\n    line-height: 1.08;\n    letter-spacing: -0.045em;\n}\n\n.atb-shop-support__intro h2 em {\n    display: block;\n    margin-top: 7px;\n    color: var(--atb-gold-light);\n    font-weight: 400;\n}\n\n.atb-shop-support__intro > p {\n    margin: 29px 0 0;\n    color: rgba(255,255,255,0.7);\n    font-size: 16px;\n    line-height: 1.8;\n}\n\n\/* Encadr\u00e9 *\/\n\n.atb-shop-support__statement {\n    margin-top: 39px;\n    padding: 22px;\n    border: 1px solid rgba(255,255,255,0.13);\n    border-radius: 20px;\n    display: flex;\n    align-items: flex-start;\n    gap: 16px;\n    background: rgba(255,255,255,0.055);\n    backdrop-filter: blur(10px);\n}\n\n.atb-shop-support__statement-icon {\n    flex: 0 0 47px;\n    width: 47px;\n    height: 47px;\n    border-radius: 50%;\n    display: grid;\n    place-items: center;\n    color: #2A1400;\n    background: var(--atb-gold);\n}\n\n.atb-shop-support__statement-icon svg {\n    width: 22px;\n    height: 22px;\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 1.7;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n}\n\n.atb-shop-support__statement strong {\n    display: block;\n    margin-bottom: 8px;\n    color: var(--atb-white);\n    font-family: \"Fraunces\", Georgia, serif;\n    font-size: 18px;\n    font-weight: 550;\n    line-height: 1.3;\n}\n\n.atb-shop-support__statement span {\n    display: block;\n    color: rgba(255,255,255,0.59);\n    font-size: 12px;\n    line-height: 1.65;\n}\n\n\/* =========================================================\n   ENGAGEMENTS\n========================================================= *\/\n\n.atb-shop-support__commitments {\n    position: relative;\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 19px;\n}\n\n.atb-shop-support__commitments::before {\n    content: \"\";\n    position: absolute;\n    top: 50%;\n    right: 50%;\n    width: 72%;\n    height: 1px;\n    z-index: 0;\n    background:\n        linear-gradient(\n            90deg,\n            transparent,\n            rgba(204,153,51,0.34),\n            transparent\n        );\n    transform: translate(50%, -50%);\n}\n\n.atb-support-card {\n    position: relative;\n    z-index: 2;\n    min-height: 310px;\n    padding: 30px 28px 27px;\n    overflow: hidden;\n    border: 1px solid rgba(255,255,255,0.12);\n    border-radius: 23px;\n    background:\n        linear-gradient(\n            145deg,\n            rgba(255,255,255,0.08),\n            rgba(255,255,255,0.035)\n        );\n    backdrop-filter: blur(12px);\n    transition:\n        transform 0.4s ease,\n        border-color 0.4s ease,\n        background-color 0.4s ease,\n        box-shadow 0.4s ease;\n}\n\n.atb-support-card:nth-child(2),\n.atb-support-card:nth-child(4) {\n    transform: translateY(38px);\n}\n\n.atb-support-card:hover {\n    transform: translateY(-8px);\n    border-color: rgba(204,153,51,0.55);\n    background:\n        linear-gradient(\n            145deg,\n            rgba(255,255,255,0.12),\n            rgba(255,255,255,0.055)\n        );\n    box-shadow: 0 28px 55px rgba(0,0,0,0.18);\n}\n\n.atb-support-card:nth-child(2):hover,\n.atb-support-card:nth-child(4):hover {\n    transform: translateY(30px);\n}\n\n.atb-support-card__number {\n    position: absolute;\n    top: 22px;\n    right: 24px;\n    color: rgba(255,255,255,0.22);\n    font-family: \"Fraunces\", Georgia, serif;\n    font-size: 28px;\n    font-style: italic;\n}\n\n.atb-support-card__icon {\n    width: 53px;\n    height: 53px;\n    margin-bottom: 28px;\n    border: 1px solid rgba(204,153,51,0.45);\n    border-radius: 50%;\n    display: grid;\n    place-items: center;\n    color: var(--atb-gold-light);\n    background: rgba(204,153,51,0.08);\n    transition:\n        color 0.35s ease,\n        background-color 0.35s ease,\n        transform 0.35s ease;\n}\n\n.atb-support-card:hover .atb-support-card__icon {\n    color: #2A1400;\n    background: var(--atb-gold);\n    transform: rotate(-5deg);\n}\n\n.atb-support-card__icon svg {\n    width: 24px;\n    height: 24px;\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 1.55;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n}\n\n.atb-support-card h3 {\n    margin: 0;\n    color: var(--atb-white);\n    font-family: \"Fraunces\", Georgia, serif;\n    font-size: 27px;\n    font-weight: 550;\n    line-height: 1.15;\n    letter-spacing: -0.025em;\n}\n\n.atb-support-card p {\n    margin: 18px 0 0;\n    color: rgba(255,255,255,0.62);\n    font-size: 13px;\n    line-height: 1.72;\n}\n\n.atb-support-card__line {\n    position: absolute;\n    right: 28px;\n    bottom: 22px;\n    left: 28px;\n    height: 1px;\n    background:\n        linear-gradient(\n            90deg,\n            var(--atb-gold),\n            transparent\n        );\n    opacity: 0.38;\n    transition: opacity 0.35s ease;\n}\n\n.atb-support-card:hover .atb-support-card__line {\n    opacity: 0.9;\n}\n\n\/* =========================================================\n   BANDEAU INF\u00c9RIEUR\n========================================================= *\/\n\n.atb-shop-support__bottom {\n    position: relative;\n    z-index: 3;\n    margin-top: 135px;\n    border-top: 1px solid rgba(255,255,255,0.1);\n    background: rgba(25,0,10,0.25);\n}\n\n.atb-shop-support__bottom-inner {\n    width: min(1240px, calc(100% - 60px));\n    min-height: 125px;\n    margin: 0 auto;\n    display: grid;\n    grid-template-columns: auto 1px 1fr;\n    align-items: center;\n    gap: 35px;\n}\n\n.atb-shop-support__bottom-text span,\n.atb-shop-support__bottom-text strong {\n    display: block;\n}\n\n.atb-shop-support__bottom-text span {\n    margin-bottom: 7px;\n    color: var(--atb-gold-light);\n    font-size: 9px;\n    font-weight: 800;\n    letter-spacing: 0.15em;\n    text-transform: uppercase;\n}\n\n.atb-shop-support__bottom-text strong {\n    color: white;\n    font-family: \"Fraunces\", Georgia, serif;\n    font-size: 22px;\n    font-weight: 550;\n}\n\n.atb-shop-support__bottom-separator {\n    width: 1px;\n    height: 48px;\n    background: rgba(204,153,51,0.4);\n}\n\n.atb-shop-support__bottom p {\n    max-width: 630px;\n    margin: 0;\n    color: rgba(255,255,255,0.58);\n    font-size: 13px;\n    line-height: 1.7;\n}\n\n\/* =========================================================\n   RESPONSIVE TABLETTE\n========================================================= *\/\n\n@media (max-width: 1050px) {\n\n    .atb-shop-support__container {\n        grid-template-columns: 1fr;\n        gap: 65px;\n    }\n\n    .atb-shop-support__intro {\n        position: static;\n        max-width: 760px;\n        margin: 0 auto;\n        text-align: center;\n    }\n\n    .atb-shop-support__eyebrow {\n        justify-content: center;\n    }\n\n    .atb-shop-support__statement {\n        max-width: 620px;\n        margin-left: auto;\n        margin-right: auto;\n        text-align: left;\n    }\n\n    .atb-shop-support__commitments {\n        max-width: 780px;\n        margin: 0 auto;\n    }\n}\n\n\/* =========================================================\n   RESPONSIVE MOBILE\n========================================================= *\/\n\n@media (max-width: 767px) {\n\n    .atb-shop-support {\n        padding-top: 85px;\n    }\n\n    .atb-shop-support__container,\n    .atb-shop-support__bottom-inner {\n        width: min(100% - 34px, 1240px);\n    }\n\n    .atb-shop-support__container {\n        gap: 45px;\n    }\n\n    .atb-shop-support__eyebrow {\n        margin-bottom: 18px;\n    }\n\n    .atb-shop-support__eyebrow span {\n        width: 30px;\n    }\n\n    .atb-shop-support__eyebrow p {\n        font-size: 9px;\n        letter-spacing: 0.14em;\n    }\n\n    .atb-shop-support__intro h2 {\n        font-size: clamp(39px, 11vw, 49px);\n    }\n\n    .atb-shop-support__intro > p {\n        margin-top: 23px;\n        font-size: 15px;\n        line-height: 1.7;\n    }\n\n    .atb-shop-support__statement {\n        margin-top: 30px;\n        padding: 19px;\n    }\n\n    .atb-shop-support__commitments {\n        grid-template-columns: 1fr;\n        gap: 16px;\n    }\n\n    .atb-shop-support__commitments::before {\n        display: none;\n    }\n\n    .atb-support-card,\n    .atb-support-card:nth-child(2),\n    .atb-support-card:nth-child(4) {\n        min-height: auto;\n        transform: none;\n    }\n\n    .atb-support-card:hover,\n    .atb-support-card:nth-child(2):hover,\n    .atb-support-card:nth-child(4):hover {\n        transform: translateY(-5px);\n    }\n\n    .atb-support-card {\n        padding: 26px 23px 38px;\n    }\n\n    .atb-support-card__icon {\n        margin-bottom: 23px;\n    }\n\n    .atb-shop-support__bottom {\n        margin-top: 75px;\n    }\n\n    .atb-shop-support__bottom-inner {\n        min-height: auto;\n        padding: 28px 0;\n        grid-template-columns: 1fr;\n        gap: 17px;\n        text-align: center;\n    }\n\n    .atb-shop-support__bottom-separator {\n        width: 60px;\n        height: 1px;\n        margin: 0 auto;\n    }\n\n    .atb-shop-support__bottom p {\n        margin: 0 auto;\n    }\n}\n\n\/* Accessibilit\u00e9 *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n    .atb-shop-support *,\n    .atb-shop-support *::before,\n    .atb-shop-support *::after {\n        transition-duration: 0.01ms !important;\n    }\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-77097f6 e-con e-atomic-element e-flexbox-base e-1a3a417 \" data-id=\"77097f6\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"77097f6\" data-e-type=\"e-flexbox\" data-id=\"77097f6\">\n    \t\t<div class=\"elementor-element elementor-element-624abf3 elementor-widget elementor-widget-html\" data-id=\"624abf3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\n     ATB \u2014 COMMANDER SIMPLEMENT\n========================================================= -->\n\n<section class=\"atb-shop-process\" id=\"atb-commander-simplement\">\n\n    <div class=\"atb-shop-process__decor atb-shop-process__decor--one\" aria-hidden=\"true\"><\/div>\n    <div class=\"atb-shop-process__decor atb-shop-process__decor--two\" aria-hidden=\"true\"><\/div>\n\n    <div class=\"atb-shop-process__container\">\n\n        <!-- En-t\u00eate -->\n        <div class=\"atb-shop-process__header\">\n\n            <div class=\"atb-shop-process__eyebrow\">\n                <span><\/span>\n                <p>Votre parcours<\/p>\n                <span><\/span>\n            <\/div>\n\n            <h2>\n                Commander\n                <em>simplement<\/em>\n            <\/h2>\n\n            <p>\n                Ouvrages, billets ou ressources : choisissez votre production\n                et laissez l\u2019\u00e9quipe de l\u2019ATB vous accompagner jusqu\u2019\u00e0 sa\n                r\u00e9ception.\n            <\/p>\n\n        <\/div>\n\n        <!-- Parcours -->\n        <div class=\"atb-shop-process__steps\">\n\n            <!-- Ligne de progression -->\n            <div class=\"atb-shop-process__progress\" aria-hidden=\"true\">\n                <span><\/span>\n            <\/div>\n\n            <!-- \u00c9tape 1 -->\n            <article class=\"atb-process-card\">\n\n                <div class=\"atb-process-card__top\">\n\n                    <div class=\"atb-process-card__number\">\n                        01\n                    <\/div>\n\n                    <div class=\"atb-process-card__icon\">\n\n                        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                            <circle cx=\"11\" cy=\"11\" r=\"7\"\/>\n                            <path d=\"m20 20-4-4\"\/>\n                            <path d=\"M8 9h6M8 12h5\"\/>\n                        <\/svg>\n\n                    <\/div>\n\n                <\/div>\n\n                <h3>Choisir<\/h3>\n\n                <p>\n                    Parcourez les publications, spectacles et ressources\n                    disponibles dans les diff\u00e9rents univers de la Boutique.\n                <\/p>\n\n                <div class=\"atb-process-card__detail\">\n\n                    <span>Publications<\/span>\n                    <span>Billets<\/span>\n                    <span>Ressources<\/span>\n\n                <\/div>\n\n            <\/article>\n\n            <!-- \u00c9tape 2 -->\n            <article class=\"atb-process-card atb-process-card--featured\">\n\n                <div class=\"atb-process-card__top\">\n\n                    <div class=\"atb-process-card__number\">\n                        02\n                    <\/div>\n\n                    <div class=\"atb-process-card__icon\">\n\n                        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                            <path d=\"M5 4h14v16H5z\"\/>\n                            <path d=\"M8 8h8M8 12h8M8 16h5\"\/>\n                            <path d=\"m16 17 2 2 4-4\"\/>\n                        <\/svg>\n\n                    <\/div>\n\n                <\/div>\n\n                <h3>Commander ou r\u00e9server<\/h3>\n\n                <p>\n                    Effectuez votre demande en ligne ou contactez l\u2019\u00e9quipe\n                    pour finaliser votre commande, votre r\u00e9servation ou un\n                    achat institutionnel.\n                <\/p>\n\n                <div class=\"atb-process-card__detail\">\n\n                    <span>En ligne<\/span>\n                    <span>Par t\u00e9l\u00e9phone<\/span>\n                    <span>Au si\u00e8ge<\/span>\n\n                <\/div>\n\n            <\/article>\n\n            <!-- \u00c9tape 3 -->\n            <article class=\"atb-process-card\">\n\n                <div class=\"atb-process-card__top\">\n\n                    <div class=\"atb-process-card__number\">\n                        03\n                    <\/div>\n\n                    <div class=\"atb-process-card__icon\">\n\n                        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                            <path d=\"M3 7h11v10H3z\"\/>\n                            <path d=\"M14 10h4l3 3v4h-7z\"\/>\n                            <circle cx=\"7\" cy=\"18\" r=\"2\"\/>\n                            <circle cx=\"18\" cy=\"18\" r=\"2\"\/>\n                            <path d=\"M6 4h8v3H6z\"\/>\n                        <\/svg>\n\n                    <\/div>\n\n                <\/div>\n\n                <h3>Recevoir ou retirer<\/h3>\n\n                <p>\n                    R\u00e9cup\u00e9rez votre commande \u00e0 l\u2019Espace ATB, recevez votre\n                    acc\u00e8s num\u00e9rique ou convenez des modalit\u00e9s de livraison\n                    avec l\u2019\u00e9quipe.\n                <\/p>\n\n                <div class=\"atb-process-card__detail\">\n\n                    <span>Retrait au si\u00e8ge<\/span>\n                    <span>Acc\u00e8s num\u00e9rique<\/span>\n                    <span>Livraison<\/span>\n\n                <\/div>\n\n            <\/article>\n\n        <\/div>\n\n        <!-- Bloc pratique -->\n        <div class=\"atb-shop-process__practical\">\n\n            <div class=\"atb-shop-process__practical-intro\">\n\n                <div class=\"atb-shop-process__practical-icon\">\n\n                    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                        <path d=\"M12 22a10 10 0 1 0 0-20 10 10 0 0 0 0 20Z\"\/>\n                        <path d=\"M12 7v5l3 2\"\/>\n                    <\/svg>\n\n                <\/div>\n\n                <div>\n                    <span>Informations pratiques<\/span>\n                    <h3>Des modalit\u00e9s adapt\u00e9es \u00e0 chaque production<\/h3>\n                <\/div>\n\n            <\/div>\n\n            <div class=\"atb-shop-process__practical-grid\">\n\n                <div class=\"atb-practical-item\">\n\n                    <div class=\"atb-practical-item__icon\">\n\n                        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                            <rect x=\"4\" y=\"2\" width=\"16\" height=\"20\" rx=\"3\"\/>\n                            <path d=\"M8 6h8M8 10h8M8 14h5\"\/>\n                        <\/svg>\n\n                    <\/div>\n\n                    <div>\n                        <strong>Commande accompagn\u00e9e<\/strong>\n                        <p>\n                            L\u2019\u00e9quipe peut confirmer la disponibilit\u00e9,\n                            le format et les modalit\u00e9s avant tout paiement.\n                        <\/p>\n                    <\/div>\n\n                <\/div>\n\n                <div class=\"atb-practical-item\">\n\n                    <div class=\"atb-practical-item__icon\">\n\n                        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                            <path d=\"M4 7h16v12H4z\"\/>\n                            <path d=\"M7 4h10v3H7z\"\/>\n                            <path d=\"M8 12h8M8 15h5\"\/>\n                        <\/svg>\n\n                    <\/div>\n\n                    <div>\n                        <strong>Retrait \u00e0 l\u2019Espace ATB<\/strong>\n                        <p>\n                            Les ouvrages physiques peuvent \u00eatre r\u00e9cup\u00e9r\u00e9s\n                            directement au si\u00e8ge de l\u2019ATB \u00e0 Gounghin.\n                        <\/p>\n                    <\/div>\n\n                <\/div>\n\n                <div class=\"atb-practical-item\">\n\n                    <div class=\"atb-practical-item__icon\">\n\n                        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                            <rect x=\"3\" y=\"4\" width=\"18\" height=\"13\" rx=\"2\"\/>\n                            <path d=\"M8 21h8M12 17v4\"\/>\n                            <path d=\"m10 8 5 2.5-5 2.5V8Z\"\/>\n                        <\/svg>\n\n                    <\/div>\n\n                    <div>\n                        <strong>Acc\u00e8s num\u00e9rique<\/strong>\n                        <p>\n                            Les revues, vid\u00e9os et fichiers num\u00e9riques sont\n                            accessibles selon les conditions pr\u00e9cis\u00e9es.\n                        <\/p>\n                    <\/div>\n\n                <\/div>\n\n                <div class=\"atb-practical-item\">\n\n                    <div class=\"atb-practical-item__icon\">\n\n                        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                            <path d=\"M4 5h16v12H4z\"\/>\n                            <path d=\"m4 7 8 6 8-6\"\/>\n                            <path d=\"M8 21h8\"\/>\n                        <\/svg>\n\n                    <\/div>\n\n                    <div>\n                        <strong>Commandes institutionnelles<\/strong>\n                        <p>\n                            Les \u00e9coles, universit\u00e9s, ONG et biblioth\u00e8ques\n                            peuvent effectuer des demandes en quantit\u00e9.\n                        <\/p>\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n        <!-- Appel \u00e0 l\u2019action -->\n        <div class=\"atb-shop-process__contact\">\n\n            <div class=\"atb-shop-process__contact-text\">\n\n                <span>Besoin d\u2019assistance ?<\/span>\n\n                <h3>\n                    L\u2019\u00e9quipe de l\u2019ATB t\u2019accompagne dans ta commande\n                <\/h3>\n\n            <\/div>\n\n            <a href=\"\/contact\/\"\n               class=\"atb-shop-process__button\">\n\n                <span>Contacter la Boutique<\/span>\n\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                    <path d=\"M5 12h14M13 6l6 6-6 6\"\/>\n                <\/svg>\n\n            <\/a>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n<style>\n\/* =========================================================\n   ATB \u2014 COMMANDER SIMPLEMENT\n========================================================= *\/\n\n.atb-shop-process {\n    --atb-bordeaux: #60052D;\n    --atb-bordeaux-dark: #350018;\n    --atb-gold: #CC9933;\n    --atb-gold-light: #E5C27A;\n    --atb-cream: #F7F2E8;\n    --atb-cream-dark: #ECE2D3;\n    --atb-white: #FFFDF9;\n    --atb-text: #2D2327;\n    --atb-muted: #756A6E;\n\n    position: relative;\n    width: 100%;\n    overflow: hidden;\n    padding: 125px 0 130px;\n    color: var(--atb-text);\n    background:\n        radial-gradient(\n            circle at 7% 12%,\n            rgba(204,153,51,0.1),\n            transparent 26%\n        ),\n        linear-gradient(\n            180deg,\n            #FFFDF9 0%,\n            #F7F2E8 100%\n        );\n    font-family: \"Archivo\", Arial, sans-serif;\n}\n\n\/* D\u00e9corations *\/\n\n.atb-shop-process__decor {\n    position: absolute;\n    border-radius: 50%;\n    pointer-events: none;\n}\n\n.atb-shop-process__decor--one {\n    top: -210px;\n    right: -190px;\n    width: 490px;\n    height: 490px;\n    border: 1px solid rgba(96,5,45,0.08);\n}\n\n.atb-shop-process__decor--two {\n    bottom: -250px;\n    left: -160px;\n    width: 520px;\n    height: 520px;\n    border: 1px solid rgba(204,153,51,0.14);\n}\n\n\/* Conteneur *\/\n\n.atb-shop-process__container {\n    position: relative;\n    z-index: 2;\n    width: min(1240px, calc(100% - 60px));\n    margin: 0 auto;\n}\n\n\/* =========================================================\n   EN-T\u00caTE\n========================================================= *\/\n\n.atb-shop-process__header {\n    max-width: 760px;\n    margin: 0 auto 70px;\n    text-align: center;\n}\n\n.atb-shop-process__eyebrow {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 15px;\n    margin-bottom: 22px;\n}\n\n.atb-shop-process__eyebrow span {\n    width: 42px;\n    height: 1px;\n    background: var(--atb-gold);\n}\n\n.atb-shop-process__eyebrow p {\n    margin: 0;\n    color: var(--atb-bordeaux);\n    font-size: 11px;\n    font-weight: 800;\n    letter-spacing: 0.18em;\n    text-transform: uppercase;\n}\n\n.atb-shop-process__header h2 {\n    margin: 0;\n    color: var(--atb-bordeaux-dark);\n    font-family: \"Fraunces\", Georgia, serif;\n    font-size: clamp(46px, 4.6vw, 65px);\n    font-weight: 500;\n    line-height: 1.08;\n    letter-spacing: -0.04em;\n}\n\n.atb-shop-process__header h2 em {\n    color: var(--atb-bordeaux);\n    font-weight: 400;\n}\n\n.atb-shop-process__header > p {\n    max-width: 650px;\n    margin: 23px auto 0;\n    color: var(--atb-muted);\n    font-size: 16px;\n    line-height: 1.75;\n}\n\n\/* =========================================================\n   \u00c9TAPES\n========================================================= *\/\n\n.atb-shop-process__steps {\n    position: relative;\n    display: grid;\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n    gap: 24px;\n}\n\n.atb-shop-process__progress {\n    position: absolute;\n    top: 61px;\n    right: 17%;\n    left: 17%;\n    z-index: 0;\n    height: 1px;\n    background: rgba(96,5,45,0.11);\n}\n\n.atb-shop-process__progress span {\n    display: block;\n    width: 100%;\n    height: 100%;\n    background:\n        linear-gradient(\n            90deg,\n            transparent,\n            var(--atb-gold),\n            transparent\n        );\n}\n\n.atb-process-card {\n    position: relative;\n    z-index: 2;\n    min-height: 390px;\n    padding: 32px 28px 28px;\n    overflow: hidden;\n    border: 1px solid rgba(96,5,45,0.1);\n    border-radius: 24px;\n    display: flex;\n    flex-direction: column;\n    background: rgba(255,253,249,0.92);\n    box-shadow: 0 20px 48px rgba(61,25,37,0.07);\n    transition:\n        transform 0.4s ease,\n        border-color 0.4s ease,\n        box-shadow 0.4s ease;\n}\n\n.atb-process-card--featured {\n    border-color: rgba(204,153,51,0.45);\n    background:\n        linear-gradient(\n            145deg,\n            #FFFDF9,\n            #F3E5CA\n        );\n}\n\n.atb-process-card:hover {\n    transform: translateY(-10px);\n    border-color: rgba(204,153,51,0.6);\n    box-shadow: 0 32px 65px rgba(61,25,37,0.12);\n}\n\n.atb-process-card__top {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 20px;\n}\n\n.atb-process-card__number {\n    color: rgba(96,5,45,0.22);\n    font-family: \"Fraunces\", Georgia, serif;\n    font-size: 36px;\n    font-style: italic;\n    line-height: 1;\n}\n\n.atb-process-card__icon {\n    width: 58px;\n    height: 58px;\n    border: 1px solid rgba(204,153,51,0.45);\n    border-radius: 50%;\n    display: grid;\n    place-items: center;\n    color: var(--atb-bordeaux);\n    background: rgba(204,153,51,0.1);\n    transition:\n        color 0.35s ease,\n        background-color 0.35s ease,\n        transform 0.35s ease;\n}\n\n.atb-process-card:hover .atb-process-card__icon {\n    color: #2A1400;\n    background: var(--atb-gold);\n    transform: rotate(-5deg);\n}\n\n.atb-process-card__icon svg {\n    width: 25px;\n    height: 25px;\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 1.6;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n}\n\n.atb-process-card h3 {\n    margin: 40px 0 0;\n    color: var(--atb-bordeaux-dark);\n    font-family: \"Fraunces\", Georgia, serif;\n    font-size: 31px;\n    font-weight: 550;\n    line-height: 1.15;\n    letter-spacing: -0.03em;\n}\n\n.atb-process-card > p {\n    margin: 18px 0 0;\n    color: var(--atb-muted);\n    font-size: 14px;\n    line-height: 1.75;\n}\n\n.atb-process-card__detail {\n    margin-top: auto;\n    padding-top: 24px;\n    border-top: 1px solid rgba(96,5,45,0.1);\n    display: flex;\n    flex-wrap: wrap;\n    gap: 8px;\n}\n\n.atb-process-card__detail span {\n    padding: 7px 10px;\n    border-radius: 999px;\n    color: var(--atb-bordeaux);\n    background: rgba(96,5,45,0.055);\n    font-size: 9px;\n    font-weight: 750;\n    line-height: 1.3;\n}\n\n\/* =========================================================\n   BLOC PRATIQUE\n========================================================= *\/\n\n.atb-shop-process__practical {\n    margin-top: 55px;\n    padding: 42px;\n    border: 1px solid rgba(96,5,45,0.1);\n    border-radius: 28px;\n    background: var(--atb-white);\n    box-shadow: 0 24px 58px rgba(61,25,37,0.07);\n}\n\n.atb-shop-process__practical-intro {\n    padding-bottom: 31px;\n    border-bottom: 1px solid rgba(96,5,45,0.1);\n    display: flex;\n    align-items: center;\n    gap: 17px;\n}\n\n.atb-shop-process__practical-icon {\n    flex: 0 0 55px;\n    width: 55px;\n    height: 55px;\n    border-radius: 50%;\n    display: grid;\n    place-items: center;\n    color: #2A1400;\n    background: var(--atb-gold);\n}\n\n.atb-shop-process__practical-icon svg {\n    width: 25px;\n    height: 25px;\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 1.6;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n}\n\n.atb-shop-process__practical-intro span {\n    display: block;\n    margin-bottom: 7px;\n    color: var(--atb-gold);\n    font-size: 9px;\n    font-weight: 800;\n    letter-spacing: 0.14em;\n    text-transform: uppercase;\n}\n\n.atb-shop-process__practical-intro h3 {\n    margin: 0;\n    color: var(--atb-bordeaux-dark);\n    font-family: \"Fraunces\", Georgia, serif;\n    font-size: 28px;\n    font-weight: 550;\n    line-height: 1.2;\n}\n\n.atb-shop-process__practical-grid {\n    margin-top: 34px;\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 29px 45px;\n}\n\n.atb-practical-item {\n    display: flex;\n    align-items: flex-start;\n    gap: 16px;\n}\n\n.atb-practical-item__icon {\n    flex: 0 0 44px;\n    width: 44px;\n    height: 44px;\n    border: 1px solid rgba(96,5,45,0.11);\n    border-radius: 14px;\n    display: grid;\n    place-items: center;\n    color: var(--atb-bordeaux);\n    background: var(--atb-cream);\n}\n\n.atb-practical-item__icon svg {\n    width: 21px;\n    height: 21px;\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 1.6;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n}\n\n.atb-practical-item strong {\n    display: block;\n    margin-bottom: 7px;\n    color: var(--atb-bordeaux-dark);\n    font-family: \"Fraunces\", Georgia, serif;\n    font-size: 18px;\n    font-weight: 550;\n}\n\n.atb-practical-item p {\n    margin: 0;\n    color: var(--atb-muted);\n    font-size: 12.5px;\n    line-height: 1.65;\n}\n\n\/* =========================================================\n   CONTACT\n========================================================= *\/\n\n.atb-shop-process__contact {\n    margin-top: 32px;\n    padding: 31px 35px;\n    border-radius: 23px;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 30px;\n    color: white;\n    background:\n        linear-gradient(\n            120deg,\n            var(--atb-bordeaux-dark),\n            var(--atb-bordeaux)\n        );\n}\n\n.atb-shop-process__contact-text span {\n    display: block;\n    margin-bottom: 7px;\n    color: var(--atb-gold-light);\n    font-size: 9px;\n    font-weight: 800;\n    letter-spacing: 0.14em;\n    text-transform: uppercase;\n}\n\n.atb-shop-process__contact-text h3 {\n    margin: 0;\n    color: white;\n    font-family: \"Fraunces\", Georgia, serif;\n    font-size: 25px;\n    font-weight: 550;\n    line-height: 1.25;\n}\n\n.atb-shop-process__button {\n    flex: 0 0 auto;\n    min-height: 53px;\n    padding: 0 23px;\n    border-radius: 999px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 11px;\n    color: #2A1400 !important;\n    background: var(--atb-gold);\n    font-size: 12px;\n    font-weight: 800;\n    text-decoration: none !important;\n    transition:\n        transform 0.3s ease,\n        background-color 0.3s ease,\n        box-shadow 0.3s ease;\n}\n\n.atb-shop-process__button:hover {\n    color: #2A1400 !important;\n    background: #D8AA4D;\n    transform: translateY(-3px);\n    box-shadow: 0 16px 30px rgba(0,0,0,0.16);\n}\n\n.atb-shop-process__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-shop-process__button:hover svg {\n    transform: translateX(4px);\n}\n\n\/* =========================================================\n   RESPONSIVE TABLETTE\n========================================================= *\/\n\n@media (max-width: 1000px) {\n\n    .atb-shop-process__steps {\n        grid-template-columns: 1fr;\n        max-width: 760px;\n        margin: 0 auto;\n    }\n\n    .atb-shop-process__progress {\n        display: none;\n    }\n\n    .atb-process-card {\n        min-height: auto;\n    }\n}\n\n\/* =========================================================\n   RESPONSIVE MOBILE\n========================================================= *\/\n\n@media (max-width: 767px) {\n\n    .atb-shop-process {\n        padding: 85px 0 95px;\n    }\n\n    .atb-shop-process__container {\n        width: min(100% - 34px, 1240px);\n    }\n\n    .atb-shop-process__header {\n        margin-bottom: 45px;\n    }\n\n    .atb-shop-process__eyebrow {\n        gap: 10px;\n        margin-bottom: 18px;\n    }\n\n    .atb-shop-process__eyebrow span {\n        width: 28px;\n    }\n\n    .atb-shop-process__eyebrow p {\n        font-size: 9px;\n        letter-spacing: 0.14em;\n    }\n\n    .atb-shop-process__header h2 {\n        font-size: clamp(39px, 11vw, 49px);\n    }\n\n    .atb-shop-process__header > p {\n        margin-top: 19px;\n        font-size: 15px;\n        line-height: 1.7;\n    }\n\n    .atb-process-card {\n        padding: 27px 23px 24px;\n    }\n\n    .atb-process-card h3 {\n        margin-top: 31px;\n        font-size: 28px;\n    }\n\n    .atb-process-card__detail {\n        margin-top: 26px;\n    }\n\n    .atb-shop-process__practical {\n        margin-top: 35px;\n        padding: 26px 22px;\n    }\n\n    .atb-shop-process__practical-intro {\n        align-items: flex-start;\n    }\n\n    .atb-shop-process__practical-intro h3 {\n        font-size: 23px;\n    }\n\n    .atb-shop-process__practical-grid {\n        grid-template-columns: 1fr;\n        gap: 25px;\n    }\n\n    .atb-shop-process__contact {\n        padding: 27px 23px;\n        flex-direction: column;\n        align-items: stretch;\n        text-align: center;\n    }\n\n    .atb-shop-process__contact-text h3 {\n        font-size: 23px;\n    }\n\n    .atb-shop-process__button {\n        width: 100%;\n    }\n}\n\n\/* Accessibilit\u00e9 *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n    .atb-shop-process *,\n    .atb-shop-process *::before,\n    .atb-shop-process *::after {\n        transition-duration: 0.01ms !important;\n    }\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-5239d1a e-con e-atomic-element e-flexbox-base e-810935d \" data-id=\"5239d1a\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"5239d1a\" data-e-type=\"e-flexbox\" data-id=\"5239d1a\">\n    \t\t<div class=\"elementor-element elementor-element-3b702ef elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"3b702ef\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\n     ATB \u2014 CTA FINAL BOUTIQUE\n========================================================= -->\n\n<section class=\"atb-shop-final\" id=\"atb-cta-final-boutique\">\n\n    <!-- D\u00e9cors -->\n    <div class=\"atb-shop-final__grain\" aria-hidden=\"true\"><\/div>\n    <div class=\"atb-shop-final__glow atb-shop-final__glow--one\" aria-hidden=\"true\"><\/div>\n    <div class=\"atb-shop-final__glow atb-shop-final__glow--two\" aria-hidden=\"true\"><\/div>\n\n    <!-- Sc\u00e8ne d\u00e9corative -->\n    <div class=\"atb-shop-final__stage\" aria-hidden=\"true\">\n\n        <div class=\"atb-shop-final__curtain atb-shop-final__curtain--left\"><\/div>\n        <div class=\"atb-shop-final__curtain atb-shop-final__curtain--right\"><\/div>\n\n        <div class=\"atb-shop-final__light atb-shop-final__light--one\"><\/div>\n        <div class=\"atb-shop-final__light atb-shop-final__light--two\"><\/div>\n        <div class=\"atb-shop-final__light atb-shop-final__light--three\"><\/div>\n\n        <div class=\"atb-shop-final__silhouettes\">\n\n            <span><\/span>\n            <span><\/span>\n            <span><\/span>\n            <span><\/span>\n            <span><\/span>\n\n        <\/div>\n\n        <div class=\"atb-shop-final__floor\"><\/div>\n\n    <\/div>\n\n    <!-- Contenu -->\n    <div class=\"atb-shop-final__container\">\n\n        <div class=\"atb-shop-final__content\">\n\n            <div class=\"atb-shop-final__eyebrow\">\n                <span><\/span>\n                <p>La culture continue au-del\u00e0 de la sc\u00e8ne<\/p>\n                <span><\/span>\n            <\/div>\n\n            <h2>\n                Emportez avec vous\n                <em>une part de l\u2019histoire de l\u2019ATB<\/em>\n            <\/h2>\n\n            <p>\n                D\u00e9couvrez nos publications, assistez \u00e0 nos spectacles\n                et soutenez la transmission d\u2019un patrimoine th\u00e9\u00e2tral\n                unique au Burkina Faso.\n            <\/p>\n\n            <div class=\"atb-shop-final__actions\">\n\n                <a href=\"\/librairie\/\"\n                   class=\"atb-shop-final__button atb-shop-final__button--gold\">\n\n                    <span>Explorer la librairie<\/span>\n\n                    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                        <path d=\"M5 12h14M13 6l6 6-6 6\"\/>\n                    <\/svg>\n\n                <\/a>\n\n                <a href=\"\/agenda-culturel\/\"\n                   class=\"atb-shop-final__button atb-shop-final__button--outline\">\n\n                    <span>Voir la programmation<\/span>\n\n                    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                        <path d=\"M5 12h14M13 6l6 6-6 6\"\/>\n                    <\/svg>\n\n                <\/a>\n\n            <\/div>\n\n            <a href=\"\/contact\/\"\n               class=\"atb-shop-final__institutional\">\n\n                <span>\n                    Commander pour une \u00e9cole, une universit\u00e9 ou une institution\n                <\/span>\n\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                    <path d=\"M5 12h14M13 6l6 6-6 6\"\/>\n                <\/svg>\n\n            <\/a>\n\n        <\/div>\n\n    <\/div>\n\n    <!-- Signature basse -->\n    <div class=\"atb-shop-final__bottom\">\n\n        <div class=\"atb-shop-final__bottom-inner\">\n\n            <div class=\"atb-shop-final__signature\">\n                <span>Lire<\/span>\n                <i><\/i>\n                <span>Voir<\/span>\n                <i><\/i>\n                <span>Comprendre<\/span>\n                <i><\/i>\n                <span>Transmettre<\/span>\n            <\/div>\n\n            <p>\n                Atelier Th\u00e9\u00e2tre Burkinab\u00e8 \u2014 Le th\u00e9\u00e2tre au service du d\u00e9veloppement\n            <\/p>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n<style>\n\/* =========================================================\n   ATB \u2014 CTA FINAL BOUTIQUE\n========================================================= *\/\n\n.atb-shop-final {\n    --atb-bordeaux: #60052D;\n    --atb-bordeaux-dark: #25000F;\n    --atb-bordeaux-deep: #160008;\n    --atb-gold: #CC9933;\n    --atb-gold-light: #E6C47D;\n    --atb-white: #FFFDF9;\n\n    position: relative;\n    width: 100%;\n    min-height: 760px;\n    overflow: hidden;\n    isolation: isolate;\n    color: var(--atb-white);\n    background:\n        radial-gradient(\n            circle at 50% 30%,\n            rgba(204,153,51,0.12),\n            transparent 34%\n        ),\n        linear-gradient(\n            135deg,\n            #1A000A 0%,\n            #370018 48%,\n            #60052D 100%\n        );\n    font-family: \"Archivo\", Arial, sans-serif;\n}\n\n\/* =========================================================\n   D\u00c9CORS G\u00c9N\u00c9RAUX\n========================================================= *\/\n\n.atb-shop-final__grain {\n    position: absolute;\n    inset: 0;\n    z-index: -2;\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}\n\n.atb-shop-final__glow {\n    position: absolute;\n    z-index: -1;\n    border-radius: 50%;\n    pointer-events: none;\n    filter: blur(10px);\n}\n\n.atb-shop-final__glow--one {\n    top: -250px;\n    left: 50%;\n    width: 720px;\n    height: 720px;\n    background: rgba(204,153,51,0.06);\n    transform: translateX(-50%);\n}\n\n.atb-shop-final__glow--two {\n    right: -280px;\n    bottom: -360px;\n    width: 680px;\n    height: 680px;\n    border: 1px solid rgba(204,153,51,0.12);\n}\n\n\/* =========================================================\n   SC\u00c8NE D\u00c9CORATIVE\n========================================================= *\/\n\n.atb-shop-final__stage {\n    position: absolute;\n    inset: 0;\n    z-index: 0;\n    overflow: hidden;\n    pointer-events: none;\n}\n\n\/* Rideaux *\/\n\n.atb-shop-final__curtain {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    width: 235px;\n    opacity: 0.88;\n    background:\n        repeating-linear-gradient(\n            90deg,\n            #27000F 0,\n            #61052D 23px,\n            #3A0018 46px\n        );\n    box-shadow: 0 0 55px rgba(0,0,0,0.3);\n}\n\n.atb-shop-final__curtain--left {\n    left: 0;\n    border-radius: 0 0 82% 0;\n    transform: skewX(-3deg);\n    transform-origin: top left;\n}\n\n.atb-shop-final__curtain--right {\n    right: 0;\n    border-radius: 0 0 0 82%;\n    transform: skewX(3deg);\n    transform-origin: top right;\n}\n\n\/* Lumi\u00e8res *\/\n\n.atb-shop-final__light {\n    position: absolute;\n    top: -70px;\n    width: 145px;\n    height: 570px;\n    opacity: 0.35;\n    filter: blur(2px);\n    clip-path: polygon(44% 0, 56% 0, 100% 100%, 0 100%);\n    background:\n        linear-gradient(\n            180deg,\n            rgba(255,230,170,0.85),\n            rgba(204,153,51,0.04)\n        );\n}\n\n.atb-shop-final__light--one {\n    left: 24%;\n    transform: rotate(-13deg);\n}\n\n.atb-shop-final__light--two {\n    left: 50%;\n    transform: translateX(-50%);\n}\n\n.atb-shop-final__light--three {\n    right: 24%;\n    transform: rotate(13deg);\n}\n\n\/* Silhouettes *\/\n\n.atb-shop-final__silhouettes {\n    position: absolute;\n    right: 23%;\n    bottom: 87px;\n    left: 23%;\n    display: flex;\n    align-items: flex-end;\n    justify-content: center;\n    gap: 30px;\n    opacity: 0.43;\n}\n\n.atb-shop-final__silhouettes span {\n    position: relative;\n    width: 37px;\n    border-radius: 22px 22px 7px 7px;\n    background: #0E0408;\n    box-shadow: 0 12px 20px rgba(0,0,0,0.28);\n}\n\n.atb-shop-final__silhouettes span::before {\n    content: \"\";\n    position: absolute;\n    top: -29px;\n    left: 50%;\n    width: 35px;\n    height: 35px;\n    border-radius: 50%;\n    background: inherit;\n    transform: translateX(-50%);\n}\n\n.atb-shop-final__silhouettes span:nth-child(1) {\n    height: 100px;\n}\n\n.atb-shop-final__silhouettes span:nth-child(2) {\n    height: 138px;\n}\n\n.atb-shop-final__silhouettes span:nth-child(3) {\n    height: 178px;\n}\n\n.atb-shop-final__silhouettes span:nth-child(4) {\n    height: 132px;\n}\n\n.atb-shop-final__silhouettes span:nth-child(5) {\n    height: 108px;\n}\n\n\/* Sol *\/\n\n.atb-shop-final__floor {\n    position: absolute;\n    right: 14%;\n    bottom: 0;\n    left: 14%;\n    height: 140px;\n    opacity: 0.55;\n    background:\n        linear-gradient(\n            180deg,\n            #4A2B1A,\n            #150807\n        );\n    clip-path: polygon(8% 0, 92% 0, 100% 100%, 0 100%);\n}\n\n\/* Voile central pour lisibilit\u00e9 *\/\n\n.atb-shop-final__stage::after {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    background:\n        radial-gradient(\n            circle at center,\n            rgba(35,0,15,0.12) 0%,\n            rgba(27,0,11,0.58) 68%,\n            rgba(18,0,8,0.82) 100%\n        );\n}\n\n\/* =========================================================\n   CONTENU\n========================================================= *\/\n\n.atb-shop-final__container {\n    position: relative;\n    z-index: 3;\n    width: min(1120px, calc(100% - 60px));\n    min-height: 650px;\n    margin: 0 auto;\n    padding: 115px 0 90px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n\n.atb-shop-final__content {\n    max-width: 890px;\n    margin: 0 auto;\n    text-align: center;\n}\n\n.atb-shop-final__eyebrow {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 16px;\n    margin-bottom: 25px;\n}\n\n.atb-shop-final__eyebrow span {\n    width: 45px;\n    height: 1px;\n    background: var(--atb-gold);\n}\n\n.atb-shop-final__eyebrow p {\n    margin: 0;\n    color: var(--atb-gold-light);\n    font-size: 11px;\n    font-weight: 800;\n    line-height: 1.4;\n    letter-spacing: 0.18em;\n    text-transform: uppercase;\n}\n\n.atb-shop-final__content h2 {\n    max-width: 880px;\n    margin: 0 auto;\n    color: var(--atb-white);\n    font-family: \"Fraunces\", Georgia, serif;\n    font-size: clamp(51px, 5.5vw, 78px);\n    font-weight: 500;\n    line-height: 1.03;\n    letter-spacing: -0.05em;\n}\n\n.atb-shop-final__content h2 em {\n    display: block;\n    margin-top: 7px;\n    color: var(--atb-gold-light);\n    font-weight: 400;\n}\n\n.atb-shop-final__content > p {\n    max-width: 700px;\n    margin: 29px auto 0;\n    color: rgba(255,255,255,0.72);\n    font-size: 17px;\n    line-height: 1.8;\n}\n\n\/* =========================================================\n   BOUTONS\n========================================================= *\/\n\n.atb-shop-final__actions {\n    margin-top: 40px;\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    justify-content: center;\n    gap: 14px;\n}\n\n.atb-shop-final__button {\n    min-height: 57px;\n    padding: 0 27px;\n    border: 1px solid transparent;\n    border-radius: 999px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 12px;\n    font-size: 13px;\n    font-weight: 800;\n    text-decoration: none !important;\n    transition:\n        transform 0.35s ease,\n        color 0.35s ease,\n        background-color 0.35s ease,\n        border-color 0.35s ease,\n        box-shadow 0.35s ease;\n}\n\n.atb-shop-final__button svg,\n.atb-shop-final__institutional 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.35s ease;\n}\n\n.atb-shop-final__button:hover svg,\n.atb-shop-final__institutional:hover svg {\n    transform: translateX(5px);\n}\n\n.atb-shop-final__button--gold {\n    color: #2C1600 !important;\n    background: var(--atb-gold);\n    box-shadow: 0 17px 38px rgba(204,153,51,0.2);\n}\n\n.atb-shop-final__button--gold:hover {\n    color: #2C1600 !important;\n    background: #D9AA4B;\n    transform: translateY(-4px);\n    box-shadow: 0 23px 45px rgba(204,153,51,0.3);\n}\n\n.atb-shop-final__button--outline {\n    color: white !important;\n    border-color: rgba(255,255,255,0.38);\n    background: rgba(255,255,255,0.045);\n    backdrop-filter: blur(8px);\n}\n\n.atb-shop-final__button--outline:hover {\n    color: white !important;\n    border-color: var(--atb-gold-light);\n    background: rgba(255,255,255,0.1);\n    transform: translateY(-4px);\n}\n\n\/* Lien institutionnel *\/\n\n.atb-shop-final__institutional {\n    margin-top: 27px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 10px;\n    color: rgba(255,255,255,0.66) !important;\n    font-size: 11px;\n    font-weight: 700;\n    line-height: 1.5;\n    text-decoration: none !important;\n    transition: color 0.3s ease;\n}\n\n.atb-shop-final__institutional:hover {\n    color: var(--atb-gold-light) !important;\n}\n\n\/* =========================================================\n   BANDEAU INF\u00c9RIEUR\n========================================================= *\/\n\n.atb-shop-final__bottom {\n    position: relative;\n    z-index: 4;\n    border-top: 1px solid rgba(255,255,255,0.11);\n    background: rgba(14,0,6,0.3);\n}\n\n.atb-shop-final__bottom-inner {\n    width: min(1240px, calc(100% - 60px));\n    min-height: 110px;\n    margin: 0 auto;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 30px;\n}\n\n.atb-shop-final__signature {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 11px;\n    color: rgba(255,255,255,0.61);\n    font-family: \"Fraunces\", Georgia, serif;\n    font-size: 14px;\n    font-style: italic;\n}\n\n.atb-shop-final__signature i {\n    width: 4px;\n    height: 4px;\n    border-radius: 50%;\n    background: var(--atb-gold);\n}\n\n.atb-shop-final__bottom p {\n    margin: 0;\n    color: rgba(255,255,255,0.48);\n    font-size: 10px;\n    font-weight: 650;\n    line-height: 1.5;\n    letter-spacing: 0.07em;\n    text-align: right;\n    text-transform: uppercase;\n}\n\n\/* =========================================================\n   RESPONSIVE TABLETTE\n========================================================= *\/\n\n@media (max-width: 1000px) {\n\n    .atb-shop-final__curtain {\n        width: 160px;\n    }\n\n    .atb-shop-final__silhouettes {\n        right: 16%;\n        left: 16%;\n    }\n\n    .atb-shop-final__container {\n        min-height: 640px;\n    }\n}\n\n\/* =========================================================\n   RESPONSIVE MOBILE\n========================================================= *\/\n\n@media (max-width: 767px) {\n\n    .atb-shop-final {\n        min-height: auto;\n    }\n\n    .atb-shop-final__container,\n    .atb-shop-final__bottom-inner {\n        width: min(100% - 34px, 1240px);\n    }\n\n    .atb-shop-final__container {\n        min-height: 650px;\n        padding: 85px 0 75px;\n    }\n\n    .atb-shop-final__curtain {\n        width: 85px;\n        opacity: 0.68;\n    }\n\n    .atb-shop-final__light {\n        width: 90px;\n        height: 440px;\n    }\n\n    .atb-shop-final__light--one {\n        left: 12%;\n    }\n\n    .atb-shop-final__light--three {\n        right: 12%;\n    }\n\n    .atb-shop-final__silhouettes {\n        right: 5%;\n        bottom: 85px;\n        left: 5%;\n        gap: 18px;\n        opacity: 0.28;\n    }\n\n    .atb-shop-final__silhouettes span {\n        width: 25px;\n    }\n\n    .atb-shop-final__silhouettes span::before {\n        top: -20px;\n        width: 25px;\n        height: 25px;\n    }\n\n    .atb-shop-final__silhouettes span:nth-child(1) {\n        height: 70px;\n    }\n\n    .atb-shop-final__silhouettes span:nth-child(2) {\n        height: 95px;\n    }\n\n    .atb-shop-final__silhouettes span:nth-child(3) {\n        height: 125px;\n    }\n\n    .atb-shop-final__silhouettes span:nth-child(4) {\n        height: 90px;\n    }\n\n    .atb-shop-final__silhouettes span:nth-child(5) {\n        height: 75px;\n    }\n\n    .atb-shop-final__eyebrow {\n        gap: 10px;\n        margin-bottom: 19px;\n    }\n\n    .atb-shop-final__eyebrow span {\n        width: 27px;\n    }\n\n    .atb-shop-final__eyebrow p {\n        font-size: 9px;\n        letter-spacing: 0.12em;\n    }\n\n    .atb-shop-final__content h2 {\n        font-size: clamp(41px, 11.5vw, 55px);\n        line-height: 1.04;\n    }\n\n    .atb-shop-final__content > p {\n        margin-top: 23px;\n        font-size: 15.5px;\n        line-height: 1.7;\n    }\n\n    .atb-shop-final__actions {\n        width: 100%;\n        margin-top: 32px;\n        flex-direction: column;\n    }\n\n    .atb-shop-final__button {\n        width: 100%;\n    }\n\n    .atb-shop-final__institutional {\n        max-width: 320px;\n        margin-top: 24px;\n    }\n\n    .atb-shop-final__bottom-inner {\n        min-height: auto;\n        padding: 28px 0;\n        flex-direction: column;\n        justify-content: center;\n        text-align: center;\n    }\n\n    .atb-shop-final__signature {\n        justify-content: center;\n        font-size: 12px;\n    }\n\n    .atb-shop-final__bottom p {\n        text-align: center;\n    }\n}\n\n\/* Tr\u00e8s petits \u00e9crans *\/\n\n@media (max-width: 390px) {\n\n    .atb-shop-final__signature {\n        gap: 7px;\n    }\n\n    .atb-shop-final__signature i {\n        width: 3px;\n        height: 3px;\n    }\n}\n\n\/* Accessibilit\u00e9 *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n    .atb-shop-final *,\n    .atb-shop-final *::before,\n    .atb-shop-final *::after {\n        transition-duration: 0.01ms !important;\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>La librairie de l\u2019impact Les savoirs et les cr\u00e9ations de l\u2019ATB \u00e0 port\u00e9e de main D\u00e9couvrez les publications, spectacles, archives et ressources qui racontent pr\u00e8s de cinq d\u00e9cennies de 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":[62],"class_list":["post-1941","page","type-page","status-publish","hentry"],"ticketed":false,"_links":{"self":[{"href":"https:\/\/atb.bf\/atb-v2\/wp-json\/wp\/v2\/pages\/1941","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=1941"}],"version-history":[{"count":4,"href":"https:\/\/atb.bf\/atb-v2\/wp-json\/wp\/v2\/pages\/1941\/revisions"}],"predecessor-version":[{"id":1948,"href":"https:\/\/atb.bf\/atb-v2\/wp-json\/wp\/v2\/pages\/1941\/revisions\/1948"}],"wp:attachment":[{"href":"https:\/\/atb.bf\/atb-v2\/wp-json\/wp\/v2\/media?parent=1941"}],"wp:term":[{"taxonomy":"wf_page_folders","embeddable":true,"href":"https:\/\/atb.bf\/atb-v2\/wp-json\/wp\/v2\/wf_page_folders?post=1941"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}