{"id":78,"date":"2025-10-23T11:41:07","date_gmt":"2025-10-23T11:41:07","guid":{"rendered":"https:\/\/atb.bf\/atb-v2\/?page_id=78"},"modified":"2026-07-12T15:05:29","modified_gmt":"2026-07-12T13:05:29","slug":"billetterie","status":"publish","type":"page","link":"https:\/\/atb.bf\/atb-v2\/billetterie\/","title":{"rendered":"BILLETTERIE"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"78\" class=\"elementor elementor-78\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c8befdc e-con e-atomic-element e-flexbox-base e-f741279 \" data-id=\"c8befdc\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"c8befdc\" data-e-type=\"e-flexbox\" data-id=\"c8befdc\">\n    \t\t<div class=\"elementor-element elementor-element-7a12003 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"7a12003\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =====================================================\n     ATB \u2014 BILLETTERIE\n     HERO IMMERSIF \u2014 V2 CORRIG\u00c9E POUR ELEMENTOR\n===================================================== -->\n\n<section class=\"atb-billetterie-hero\" id=\"billetterie-hero\">\n\n    <div class=\"atb-billetterie-hero__image\" aria-hidden=\"true\"><\/div>\n    <div class=\"atb-billetterie-hero__overlay\" aria-hidden=\"true\"><\/div>\n    <div class=\"atb-billetterie-hero__texture\" aria-hidden=\"true\"><\/div>\n\n    <div class=\"atb-billetterie-hero__vertical-text\" aria-hidden=\"true\">\n        ATELIER TH\u00c9\u00c2TRE BURKINAB\u00c8\n    <\/div>\n\n    <div class=\"atb-billetterie-hero__inner\">\n\n        <div class=\"atb-billetterie-hero__content\">\n\n            <div class=\"atb-billetterie-hero__label atb-billet-animate\">\n                <span class=\"atb-billetterie-hero__label-icon\">\n                    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                        <path d=\"M4 6.5A2.5 2.5 0 0 1 6.5 4h11A2.5 2.5 0 0 1 20 6.5V9a3 3 0 0 0 0 6v2.5a2.5 2.5 0 0 1-2.5 2.5h-11A2.5 2.5 0 0 1 4 17.5V15a3 3 0 0 0 0-6V6.5Z\"\/>\n                        <path d=\"M9 8v8M15 8v8\"\/>\n                    <\/svg>\n                <\/span>\n\n                <span>Billetterie officielle de l\u2019ATB<\/span>\n            <\/div>\n\n            <h1 class=\"atb-billetterie-hero__title atb-billet-animate\">\n                Chaque repr\u00e9sentation est une\n                <span>rencontre unique.<\/span>\n            <\/h1>\n\n            <p class=\"atb-billetterie-hero__text atb-billet-animate\">\n                R\u00e9servez votre place en quelques clics et vivez l\u2019\u00e9motion\n                du th\u00e9\u00e2tre burkinab\u00e8 au c\u0153ur de l\u2019Atelier Th\u00e9\u00e2tre Burkinab\u00e8.\n            <\/p>\n\n            <div class=\"atb-billetterie-hero__buttons atb-billet-animate\">\n\n                <a href=\"#evenements\"\n                   class=\"atb-billetterie-btn atb-billetterie-btn--gold\">\n\n                    <span>R\u00e9server maintenant<\/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                <a href=\"\/agenda-culturel\/\"\n                   class=\"atb-billetterie-btn atb-billetterie-btn--outline\">\n\n                    <span>Voir l\u2019agenda culturel<\/span>\n\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=\"M16 3v4M8 3v4M3 10h18\"\/>\n                    <\/svg>\n                <\/a>\n\n            <\/div>\n\n            <div class=\"atb-billetterie-hero__infos atb-billet-animate\">\n\n                <div class=\"atb-billetterie-hero__info\">\n                    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                        <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10Z\"\/>\n                        <path d=\"m9 12 2 2 4-4\"\/>\n                    <\/svg>\n\n                    <span>R\u00e9servation s\u00e9curis\u00e9e sur Yeele<\/span>\n                <\/div>\n\n                <span class=\"atb-billetterie-hero__divider\"><\/span>\n\n                <div class=\"atb-billetterie-hero__info\">\n                    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                        <path d=\"M4 6.5A2.5 2.5 0 0 1 6.5 4h11A2.5 2.5 0 0 1 20 6.5V9a3 3 0 0 0 0 6v2.5a2.5 2.5 0 0 1-2.5 2.5h-11A2.5 2.5 0 0 1 4 17.5V15a3 3 0 0 0 0-6V6.5Z\"\/>\n                    <\/svg>\n\n                    <span>Billet \u00e0 pr\u00e9senter \u00e0 l\u2019entr\u00e9e<\/span>\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n        <div class=\"atb-billetterie-hero__aside atb-billet-animate\">\n            <span class=\"atb-billetterie-hero__aside-number\">01<\/span>\n\n            <div>\n                <span class=\"atb-billetterie-hero__aside-small\">\n                    R\u00e9server\n                <\/span>\n\n                <span class=\"atb-billetterie-hero__aside-title\">\n                    Vivre la sc\u00e8ne\n                <\/span>\n            <\/div>\n        <\/div>\n\n    <\/div>\n\n    <a href=\"#evenements\"\n       class=\"atb-billetterie-hero__scroll\"\n       aria-label=\"D\u00e9couvrir les \u00e9v\u00e9nements\">\n\n        <span class=\"atb-billetterie-hero__scroll-line\"><\/span>\n        <span>D\u00e9couvrir<\/span>\n\n    <\/a>\n\n    <div class=\"atb-billetterie-hero__wave\" aria-hidden=\"true\">\n        <svg viewBox=\"0 0 1440 100\" preserveAspectRatio=\"none\">\n            <path d=\"M0,66 C220,108 430,38 690,65 C940,92 1175,43 1440,68 L1440,100 L0,100 Z\"><\/path>\n        <\/svg>\n    <\/div>\n\n<\/section>\n\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Archivo:wght@400;500;600;700&family=Fraunces:opsz,wght@9..144,500;9..144,600;9..144,700&display=swap');\n\n.atb-billetterie-hero {\n    --atb-bordeaux: #60052D;\n    --atb-bordeaux-dark: #21000F;\n    --atb-gold: #CC9933;\n    --atb-gold-light: #E6C36B;\n    --atb-cream: #F7F1E7;\n    --atb-white: #FFFFFF;\n\n    position: relative;\n    width: 100%;\n    min-height: 820px;\n    display: flex;\n    align-items: center;\n    overflow: hidden;\n    isolation: isolate;\n    background: var(--atb-bordeaux-dark);\n    color: var(--atb-white);\n    font-family: \"Archivo\", sans-serif;\n}\n\n.atb-billetterie-hero *,\n.atb-billetterie-hero *::before,\n.atb-billetterie-hero *::after {\n    box-sizing: border-box;\n}\n\n.atb-billetterie-hero__image {\n    position: absolute;\n    inset: 0;\n    z-index: -5;\n    background-image:\n        url(\"https:\/\/atb.bf\/atb-v2\/wp-content\/uploads\/2026\/07\/capo-2026.jpg\");\n    background-size: cover;\n    background-position: center center;\n    transform: scale(1.04);\n    animation: atbBilletZoom 16s ease-out forwards;\n}\n\n.atb-billetterie-hero__overlay {\n    position: absolute;\n    inset: 0;\n    z-index: -4;\n    background:\n        linear-gradient(\n            90deg,\n            rgba(28, 0, 13, 0.97) 0%,\n            rgba(51, 0, 25, 0.91) 34%,\n            rgba(73, 4, 36, 0.58) 66%,\n            rgba(20, 0, 10, 0.28) 100%\n        ),\n        linear-gradient(\n            180deg,\n            rgba(20, 0, 10, 0.2) 0%,\n            rgba(20, 0, 10, 0.05) 55%,\n            rgba(25, 0, 12, 0.86) 100%\n        );\n}\n\n.atb-billetterie-hero__texture {\n    position: absolute;\n    inset: 0;\n    z-index: -3;\n    opacity: 0.12;\n    pointer-events: none;\n    background-image:\n        radial-gradient(\n            rgba(255, 255, 255, 0.5) 0.6px,\n            transparent 0.6px\n        );\n    background-size: 7px 7px;\n}\n\n.atb-billetterie-hero__inner {\n    position: relative;\n    z-index: 5;\n    width: min(1240px, calc(100% - 80px));\n    margin: 0 auto;\n    padding: 150px 0 145px;\n    display: flex;\n    align-items: flex-end;\n    justify-content: space-between;\n    gap: 70px;\n}\n\n.atb-billetterie-hero__content {\n    width: min(790px, 100%);\n}\n\n.atb-billetterie-hero__label {\n    display: inline-flex;\n    align-items: center;\n    gap: 12px;\n    margin-bottom: 25px;\n    padding: 9px 16px 9px 10px;\n    border: 1px solid rgba(255, 255, 255, 0.25);\n    border-radius: 100px;\n    background: rgba(255, 255, 255, 0.09);\n    backdrop-filter: blur(12px);\n    -webkit-backdrop-filter: blur(12px);\n    color: rgba(255, 255, 255, 0.95);\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.14em;\n    text-transform: uppercase;\n}\n\n.atb-billetterie-hero__label-icon {\n    width: 32px;\n    height: 32px;\n    flex: 0 0 32px;\n    border-radius: 50%;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    background: var(--atb-gold);\n    color: var(--atb-bordeaux);\n}\n\n.atb-billetterie-hero__label-icon 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}\n\n.atb-billetterie-hero__title {\n    max-width: 870px;\n    margin: 0;\n    color: var(--atb-white);\n    font-family: \"Fraunces\", serif;\n    font-size: clamp(55px, 6.1vw, 94px);\n    font-weight: 600;\n    line-height: 0.99;\n    letter-spacing: -0.045em;\n}\n\n.atb-billetterie-hero__title span {\n    position: relative;\n    display: inline-block;\n    color: var(--atb-gold-light);\n    font-style: italic;\n    font-weight: 500;\n}\n\n.atb-billetterie-hero__title span::after {\n    content: \"\";\n    position: absolute;\n    left: 2%;\n    bottom: -9px;\n    width: 62%;\n    height: 2px;\n    background: linear-gradient(\n        90deg,\n        var(--atb-gold),\n        transparent\n    );\n}\n\n.atb-billetterie-hero__text {\n    max-width: 650px;\n    margin: 34px 0 0;\n    color: rgba(255, 255, 255, 0.8);\n    font-size: clamp(16px, 1.5vw, 19px);\n    line-height: 1.75;\n}\n\n.atb-billetterie-hero__buttons {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 14px;\n    margin-top: 38px;\n}\n\n.atb-billetterie-btn {\n    position: relative;\n    min-height: 58px;\n    padding: 0 26px;\n    border-radius: 100px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 13px;\n    overflow: hidden;\n    text-decoration: none !important;\n    font-family: \"Archivo\", sans-serif;\n    font-size: 14px;\n    font-weight: 700;\n    line-height: 1;\n    transition:\n        transform 0.35s ease,\n        box-shadow 0.35s ease,\n        background-color 0.35s ease,\n        border-color 0.35s ease;\n}\n\n.atb-billetterie-btn svg {\n    position: relative;\n    z-index: 2;\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-billetterie-btn span {\n    position: relative;\n    z-index: 2;\n}\n\n.atb-billetterie-btn:hover {\n    transform: translateY(-3px);\n}\n\n.atb-billetterie-btn:hover svg {\n    transform: translateX(4px);\n}\n\n.atb-billetterie-btn--gold {\n    border: 1px solid var(--atb-gold);\n    background: var(--atb-gold);\n    color: var(--atb-bordeaux) !important;\n    box-shadow: 0 14px 36px rgba(204, 153, 51, 0.22);\n}\n\n.atb-billetterie-btn--gold::before {\n    content: \"\";\n    position: absolute;\n    top: -50%;\n    left: -80%;\n    width: 48%;\n    height: 200%;\n    background: rgba(255, 255, 255, 0.3);\n    transform: rotate(24deg);\n    transition: left 0.65s ease;\n}\n\n.atb-billetterie-btn--gold:hover::before {\n    left: 135%;\n}\n\n.atb-billetterie-btn--outline {\n    border: 1px solid rgba(255, 255, 255, 0.4);\n    background: rgba(255, 255, 255, 0.08);\n    color: var(--atb-white) !important;\n    backdrop-filter: blur(10px);\n    -webkit-backdrop-filter: blur(10px);\n}\n\n.atb-billetterie-btn--outline:hover {\n    border-color: rgba(255, 255, 255, 0.75);\n    background: rgba(255, 255, 255, 0.15);\n}\n\n.atb-billetterie-hero__infos {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 16px;\n    margin-top: 30px;\n    color: rgba(255, 255, 255, 0.68);\n    font-size: 12px;\n    font-weight: 500;\n}\n\n.atb-billetterie-hero__info {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.atb-billetterie-hero__info svg {\n    width: 17px;\n    height: 17px;\n    fill: none;\n    stroke: var(--atb-gold-light);\n    stroke-width: 1.8;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n}\n\n.atb-billetterie-hero__divider {\n    width: 1px;\n    height: 18px;\n    background: rgba(255, 255, 255, 0.22);\n}\n\n.atb-billetterie-hero__aside {\n    flex: 0 0 auto;\n    margin-bottom: 20px;\n    padding: 20px 24px;\n    display: flex;\n    align-items: center;\n    gap: 17px;\n    border-left: 2px solid var(--atb-gold);\n    background: rgba(31, 0, 15, 0.45);\n    backdrop-filter: blur(12px);\n    -webkit-backdrop-filter: blur(12px);\n}\n\n.atb-billetterie-hero__aside-number {\n    color: var(--atb-gold);\n    font-family: \"Fraunces\", serif;\n    font-size: 35px;\n    font-weight: 600;\n    line-height: 1;\n}\n\n.atb-billetterie-hero__aside > div {\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n}\n\n.atb-billetterie-hero__aside-small {\n    color: rgba(255, 255, 255, 0.58);\n    font-size: 9px;\n    font-weight: 700;\n    letter-spacing: 0.18em;\n    text-transform: uppercase;\n}\n\n.atb-billetterie-hero__aside-title {\n    color: var(--atb-white);\n    font-family: \"Fraunces\", serif;\n    font-size: 17px;\n}\n\n.atb-billetterie-hero__vertical-text {\n    position: absolute;\n    z-index: 4;\n    left: 22px;\n    top: 50%;\n    color: rgba(255, 255, 255, 0.28);\n    font-size: 9px;\n    font-weight: 600;\n    letter-spacing: 0.25em;\n    writing-mode: vertical-rl;\n    transform: translateY(-50%) rotate(180deg);\n}\n\n.atb-billetterie-hero__scroll {\n    position: absolute;\n    z-index: 6;\n    right: 35px;\n    bottom: 86px;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 11px;\n    color: rgba(255, 255, 255, 0.58) !important;\n    text-decoration: none !important;\n    font-size: 8px;\n    font-weight: 700;\n    letter-spacing: 0.22em;\n    text-transform: uppercase;\n    writing-mode: vertical-rl;\n}\n\n.atb-billetterie-hero__scroll-line {\n    position: relative;\n    width: 1px;\n    height: 54px;\n    overflow: hidden;\n    background: rgba(255, 255, 255, 0.25);\n}\n\n.atb-billetterie-hero__scroll-line::after {\n    content: \"\";\n    position: absolute;\n    top: -60%;\n    left: 0;\n    width: 100%;\n    height: 45%;\n    background: var(--atb-gold);\n    animation: atbBilletScroll 2.2s ease-in-out infinite;\n}\n\n.atb-billetterie-hero__wave {\n    position: absolute;\n    z-index: 7;\n    left: 0;\n    right: 0;\n    bottom: -1px;\n    height: 82px;\n    pointer-events: none;\n}\n\n.atb-billetterie-hero__wave svg {\n    display: block;\n    width: 100%;\n    height: 100%;\n}\n\n.atb-billetterie-hero__wave path {\n    fill: var(--atb-cream);\n}\n\n\/*\nLe contenu reste visible m\u00eame si JavaScript ne fonctionne pas.\nL\u2019animation est appliqu\u00e9e uniquement lorsque la classe\n.atb-animation-ready est ajout\u00e9e.\n*\/\n\n.atb-billetterie-hero.atb-animation-ready .atb-billet-animate {\n    opacity: 0;\n    transform: translateY(28px);\n}\n\n.atb-billetterie-hero.atb-animation-ready .atb-billet-animate.atb-visible {\n    opacity: 1;\n    transform: translateY(0);\n    transition:\n        opacity 0.8s ease,\n        transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);\n}\n\n.atb-billetterie-hero.atb-animation-ready\n.atb-billetterie-hero__label.atb-visible {\n    transition-delay: 0.05s;\n}\n\n.atb-billetterie-hero.atb-animation-ready\n.atb-billetterie-hero__title.atb-visible {\n    transition-delay: 0.14s;\n}\n\n.atb-billetterie-hero.atb-animation-ready\n.atb-billetterie-hero__text.atb-visible {\n    transition-delay: 0.24s;\n}\n\n.atb-billetterie-hero.atb-animation-ready\n.atb-billetterie-hero__buttons.atb-visible {\n    transition-delay: 0.34s;\n}\n\n.atb-billetterie-hero.atb-animation-ready\n.atb-billetterie-hero__infos.atb-visible {\n    transition-delay: 0.44s;\n}\n\n.atb-billetterie-hero.atb-animation-ready\n.atb-billetterie-hero__aside.atb-visible {\n    transition-delay: 0.5s;\n}\n\n@keyframes atbBilletZoom {\n    from {\n        transform: scale(1.09);\n    }\n\n    to {\n        transform: scale(1.02);\n    }\n}\n\n@keyframes atbBilletScroll {\n    0% {\n        top: -55%;\n    }\n\n    60% {\n        top: 100%;\n    }\n\n    100% {\n        top: 100%;\n    }\n}\n\n@media (max-width: 1024px) {\n    .atb-billetterie-hero {\n        min-height: 760px;\n    }\n\n    .atb-billetterie-hero__inner {\n        width: min(100% - 56px, 960px);\n        padding-top: 135px;\n        padding-bottom: 135px;\n    }\n\n    .atb-billetterie-hero__aside,\n    .atb-billetterie-hero__vertical-text {\n        display: none;\n    }\n\n    .atb-billetterie-hero__content {\n        width: min(760px, 100%);\n    }\n}\n\n@media (max-width: 767px) {\n    .atb-billetterie-hero {\n        min-height: 780px;\n        align-items: flex-end;\n    }\n\n    .atb-billetterie-hero__image {\n        background-position: center center;\n    }\n\n    .atb-billetterie-hero__overlay {\n        background:\n            linear-gradient(\n                180deg,\n                rgba(27, 0, 13, 0.3) 0%,\n                rgba(45, 0, 22, 0.64) 42%,\n                rgba(27, 0, 13, 0.98) 100%\n            );\n    }\n\n    .atb-billetterie-hero__inner {\n        width: calc(100% - 36px);\n        padding: 115px 0 125px;\n    }\n\n    .atb-billetterie-hero__label {\n        margin-bottom: 21px;\n        padding-right: 13px;\n        font-size: 9px;\n        letter-spacing: 0.1em;\n    }\n\n    .atb-billetterie-hero__label-icon {\n        width: 29px;\n        height: 29px;\n        flex-basis: 29px;\n    }\n\n    .atb-billetterie-hero__title {\n        font-size: clamp(43px, 13vw, 61px);\n        line-height: 1.01;\n    }\n\n    .atb-billetterie-hero__text {\n        max-width: 96%;\n        margin-top: 28px;\n        font-size: 15px;\n        line-height: 1.7;\n    }\n\n    .atb-billetterie-hero__buttons {\n        width: 100%;\n        flex-direction: column;\n        gap: 11px;\n        margin-top: 31px;\n    }\n\n    .atb-billetterie-btn {\n        width: 100%;\n        min-height: 56px;\n    }\n\n    .atb-billetterie-hero__infos {\n        flex-direction: column;\n        align-items: flex-start;\n        gap: 11px;\n        margin-top: 24px;\n        font-size: 11px;\n    }\n\n    .atb-billetterie-hero__divider,\n    .atb-billetterie-hero__scroll {\n        display: none;\n    }\n\n    .atb-billetterie-hero__wave {\n        height: 58px;\n    }\n}\n\n@media (max-width: 390px) {\n    .atb-billetterie-hero__inner {\n        width: calc(100% - 28px);\n    }\n\n    .atb-billetterie-hero__title {\n        font-size: 41px;\n    }\n\n    .atb-billetterie-hero__text {\n        font-size: 14px;\n    }\n}\n\n@media (prefers-reduced-motion: reduce) {\n    .atb-billetterie-hero__image,\n    .atb-billetterie-hero__scroll-line::after {\n        animation: none;\n    }\n\n    .atb-billetterie-hero.atb-animation-ready .atb-billet-animate,\n    .atb-billetterie-hero.atb-animation-ready\n    .atb-billet-animate.atb-visible {\n        opacity: 1;\n        transform: none;\n        transition: none;\n    }\n}\n<\/style>\n\n<script>\n(function () {\n\n    function initAtbBilletterieHero() {\n\n        var hero = document.querySelector(\".atb-billetterie-hero\");\n\n        if (!hero || hero.dataset.initialized === \"true\") {\n            return;\n        }\n\n        hero.dataset.initialized = \"true\";\n\n        var elements = hero.querySelectorAll(\".atb-billet-animate\");\n\n        hero.classList.add(\"atb-animation-ready\");\n\n        setTimeout(function () {\n            elements.forEach(function (element) {\n                element.classList.add(\"atb-visible\");\n            });\n        }, 80);\n\n        var internalLinks = hero.querySelectorAll('a[href^=\"#\"]');\n\n        internalLinks.forEach(function (link) {\n            link.addEventListener(\"click\", function (event) {\n\n                var targetId = link.getAttribute(\"href\");\n\n                if (!targetId || targetId === \"#\") {\n                    return;\n                }\n\n                var target = document.querySelector(targetId);\n\n                if (!target) {\n                    return;\n                }\n\n                event.preventDefault();\n\n                target.scrollIntoView({\n                    behavior: \"smooth\",\n                    block: \"start\"\n                });\n            });\n        });\n    }\n\n    if (document.readyState === \"loading\") {\n        document.addEventListener(\n            \"DOMContentLoaded\",\n            initAtbBilletterieHero\n        );\n    } else {\n        initAtbBilletterieHero();\n    }\n\n    window.addEventListener(\"load\", initAtbBilletterieHero);\n\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-b17c50e e-con e-atomic-element e-flexbox-base e-32b74d2 \" data-id=\"b17c50e\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"b17c50e\" data-e-type=\"e-flexbox\" data-id=\"b17c50e\">\n    \t\t<div class=\"elementor-element elementor-element-d5cfa75 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"d5cfa75\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =====================================================\n     ATB \u2014 PAGE BILLETTERIE\n     SECTION 02 : \u00c9V\u00c9NEMENTS EN COURS\n===================================================== -->\n\n<section class=\"atb-events\" id=\"evenements\">\n\n    <div class=\"atb-events__decor atb-events__decor--one\" aria-hidden=\"true\"><\/div>\n    <div class=\"atb-events__decor atb-events__decor--two\" aria-hidden=\"true\"><\/div>\n\n    <div class=\"atb-events__container\">\n\n        <!-- En-t\u00eate -->\n        <header class=\"atb-events__header\">\n\n            <div class=\"atb-events__heading atb-events-reveal\">\n\n                <span class=\"atb-events__eyebrow\">\n                    Programmation actuelle\n                <\/span>\n\n                <h2 class=\"atb-events__title\">\n                    \u00c0 l\u2019<span>affiche<\/span>\n                <\/h2>\n\n                <p class=\"atb-events__intro\">\n                    D\u00e9couvrez les spectacles et \u00e9v\u00e9nements actuellement\n                    ouverts \u00e0 la r\u00e9servation.\n                <\/p>\n\n            <\/div>\n\n            <div class=\"atb-events__header-action atb-events-reveal\">\n\n                <a href=\"\/agenda-culturel\/\"\n                   class=\"atb-events__agenda-link\">\n\n                    <span>Voir tout l\u2019agenda<\/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        <\/header>\n\n\n        <!-- =================================================\n             MODE \u00c9V\u00c9NEMENTS\n\n             Pour afficher les cartes :\n             garder la classe : atb-events__grid--visible\n\n             Pour les masquer :\n             remplacer par : atb-events__grid--hidden\n        ================================================== -->\n\n        <div class=\"atb-events__grid atb-events__grid--visible\">\n\n\n            <!-- =============================================\n                 CARTE 01 \u2014 CAPO 2026\n            ============================================== -->\n\n            <article class=\"atb-event-card atb-events-reveal\">\n\n                <div class=\"atb-event-card__media\">\n\n                    <img decoding=\"async\"\n                        src=\"https:\/\/atb.bf\/atb-v2\/wp-content\/uploads\/2026\/07\/capo-2026.jpg\"\n                        alt=\"Affiche du CAPO 2026 \u00e0 l\u2019Atelier Th\u00e9\u00e2tre Burkinab\u00e8\"\n                        loading=\"lazy\"\n                    >\n\n                    <div class=\"atb-event-card__image-overlay\"><\/div>\n\n                    <span class=\"atb-event-card__badge atb-event-card__badge--new\">\n                        Nouveau\n                    <\/span>\n\n                    <div class=\"atb-event-card__date-block\">\n                        <span class=\"atb-event-card__date-day\">2026<\/span>\n                        <span class=\"atb-event-card__date-month\">CAPO<\/span>\n                    <\/div>\n\n                <\/div>\n\n                <div class=\"atb-event-card__body\">\n\n                    <div class=\"atb-event-card__category\">\n                        Concours artistique\n                    <\/div>\n\n                    <h3 class=\"atb-event-card__title\">\n                        CAPO 2026\n                    <\/h3>\n\n                    <p class=\"atb-event-card__description\">\n                        Le grand rendez-vous de l\u2019expression artistique\n                        des \u00e9l\u00e8ves du primaire de Ouagadougou.\n                    <\/p>\n\n                    <div class=\"atb-event-card__details\">\n\n                        <div class=\"atb-event-card__detail\">\n\n                            <span class=\"atb-event-card__detail-icon\">\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=\"M16 3v4M8 3v4M3 10h18\"\/>\n                                <\/svg>\n                            <\/span>\n\n                            <div>\n                                <span class=\"atb-event-card__detail-label\">\n                                    Date\n                                <\/span>\n\n                                <span class=\"atb-event-card__detail-value\">\n                                    Dates \u00e0 confirmer\n                                <\/span>\n                            <\/div>\n\n                        <\/div>\n\n                        <div class=\"atb-event-card__detail\">\n\n                            <span class=\"atb-event-card__detail-icon\">\n                                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                                    <circle cx=\"12\" cy=\"12\" r=\"9\"\/>\n                                    <path d=\"M12 7v5l3 2\"\/>\n                                <\/svg>\n                            <\/span>\n\n                            <div>\n                                <span class=\"atb-event-card__detail-label\">\n                                    Heure\n                                <\/span>\n\n                                <span class=\"atb-event-card__detail-value\">\n                                    Programme \u00e0 venir\n                                <\/span>\n                            <\/div>\n\n                        <\/div>\n\n                        <div class=\"atb-event-card__detail\">\n\n                            <span class=\"atb-event-card__detail-icon\">\n                                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                                    <path d=\"M20 10c0 5-8 11-8 11S4 15 4 10a8 8 0 1 1 16 0Z\"\/>\n                                    <circle cx=\"12\" cy=\"10\" r=\"2.5\"\/>\n                                <\/svg>\n                            <\/span>\n\n                            <div>\n                                <span class=\"atb-event-card__detail-label\">\n                                    Lieu\n                                <\/span>\n\n                                <span class=\"atb-event-card__detail-value\">\n                                    Espace ATB, Ouagadougou\n                                <\/span>\n                            <\/div>\n\n                        <\/div>\n\n                        <div class=\"atb-event-card__detail\">\n\n                            <span class=\"atb-event-card__detail-icon\">\n                                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                                    <path d=\"M4 6.5A2.5 2.5 0 0 1 6.5 4h11A2.5 2.5 0 0 1 20 6.5V9a3 3 0 0 0 0 6v2.5a2.5 2.5 0 0 1-2.5 2.5h-11A2.5 2.5 0 0 1 4 17.5V15a3 3 0 0 0 0-6V6.5Z\"\/>\n                                <\/svg>\n                            <\/span>\n\n                            <div>\n                                <span class=\"atb-event-card__detail-label\">\n                                    Tarif\n                                <\/span>\n\n                                <span class=\"atb-event-card__detail-value\">\n                                    Tarif \u00e0 confirmer\n                                <\/span>\n                            <\/div>\n\n                        <\/div>\n\n                    <\/div>\n\n                    <div class=\"atb-event-card__footer\">\n\n                        <!--\n                        Remplacer # par le lien Yeele officiel\n                        lorsque le lien sera disponible.\n                        -->\n\n                        <a href=\"#\"\n                           class=\"atb-event-card__button\"\n                           target=\"_blank\"\n                           rel=\"noopener noreferrer\">\n\n                            <span>Acheter sur Yeele<\/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                        <span class=\"atb-event-card__secure\">\n                            Paiement s\u00e9curis\u00e9\n                        <\/span>\n\n                    <\/div>\n\n                <\/div>\n\n            <\/article>\n\n\n            <!-- =============================================\n                 MOD\u00c8LE DE CARTE \u00c0 DUPLIQUER\n\n                 Pour ajouter un autre \u00e9v\u00e9nement :\n                 1. Copier tout le bloc <article>\n                 2. Le coller sous la premi\u00e8re carte\n                 3. Modifier image, titre, informations et lien\n            ============================================== -->\n\n            <!--\n\n            <article class=\"atb-event-card atb-events-reveal\">\n\n                <div class=\"atb-event-card__media\">\n\n                    <img decoding=\"async\"\n                        src=\"LIEN-DE-L-IMAGE\"\n                        alt=\"Nom du spectacle\"\n                        loading=\"lazy\"\n                    >\n\n                    <div class=\"atb-event-card__image-overlay\"><\/div>\n\n                    <span class=\"atb-event-card__badge atb-event-card__badge--last\">\n                        Derni\u00e8res places\n                    <\/span>\n\n                    <div class=\"atb-event-card__date-block\">\n                        <span class=\"atb-event-card__date-day\">18<\/span>\n                        <span class=\"atb-event-card__date-month\">JUIL.<\/span>\n                    <\/div>\n\n                <\/div>\n\n                <div class=\"atb-event-card__body\">\n\n                    <div class=\"atb-event-card__category\">\n                        Th\u00e9\u00e2tre\n                    <\/div>\n\n                    <h3 class=\"atb-event-card__title\">\n                        Nom du spectacle\n                    <\/h3>\n\n                    <p class=\"atb-event-card__description\">\n                        Courte pr\u00e9sentation du spectacle.\n                    <\/p>\n\n                    <div class=\"atb-event-card__details\">\n\n                        <div class=\"atb-event-card__detail\">\n                            <span class=\"atb-event-card__detail-icon\">\n                                <svg viewBox=\"0 0 24 24\">\n                                    <rect x=\"3\" y=\"5\" width=\"18\" height=\"16\" rx=\"2\"\/>\n                                    <path d=\"M16 3v4M8 3v4M3 10h18\"\/>\n                                <\/svg>\n                            <\/span>\n\n                            <div>\n                                <span class=\"atb-event-card__detail-label\">\n                                    Date\n                                <\/span>\n\n                                <span class=\"atb-event-card__detail-value\">\n                                    Samedi 18 juillet 2026\n                                <\/span>\n                            <\/div>\n                        <\/div>\n\n                        <div class=\"atb-event-card__detail\">\n                            <span class=\"atb-event-card__detail-icon\">\n                                <svg viewBox=\"0 0 24 24\">\n                                    <circle cx=\"12\" cy=\"12\" r=\"9\"\/>\n                                    <path d=\"M12 7v5l3 2\"\/>\n                                <\/svg>\n                            <\/span>\n\n                            <div>\n                                <span class=\"atb-event-card__detail-label\">\n                                    Heure\n                                <\/span>\n\n                                <span class=\"atb-event-card__detail-value\">\n                                    19 h 30\n                                <\/span>\n                            <\/div>\n                        <\/div>\n\n                        <div class=\"atb-event-card__detail\">\n                            <span class=\"atb-event-card__detail-icon\">\n                                <svg viewBox=\"0 0 24 24\">\n                                    <path d=\"M20 10c0 5-8 11-8 11S4 15 4 10a8 8 0 1 1 16 0Z\"\/>\n                                    <circle cx=\"12\" cy=\"10\" r=\"2.5\"\/>\n                                <\/svg>\n                            <\/span>\n\n                            <div>\n                                <span class=\"atb-event-card__detail-label\">\n                                    Lieu\n                                <\/span>\n\n                                <span class=\"atb-event-card__detail-value\">\n                                    Th\u00e9\u00e2tre Alliance 2000\n                                <\/span>\n                            <\/div>\n                        <\/div>\n\n                        <div class=\"atb-event-card__detail\">\n                            <span class=\"atb-event-card__detail-icon\">\n                                <svg viewBox=\"0 0 24 24\">\n                                    <path d=\"M4 6.5A2.5 2.5 0 0 1 6.5 4h11A2.5 2.5 0 0 1 20 6.5V9a3 3 0 0 0 0 6v2.5a2.5 2.5 0 0 1-2.5 2.5h-11A2.5 2.5 0 0 1 4 17.5V15a3 3 0 0 0 0-6V6.5Z\"\/>\n                                <\/svg>\n                            <\/span>\n\n                            <div>\n                                <span class=\"atb-event-card__detail-label\">\n                                    Tarif\n                                <\/span>\n\n                                <span class=\"atb-event-card__detail-value\">\n                                    2 000 FCFA\n                                <\/span>\n                            <\/div>\n                        <\/div>\n\n                    <\/div>\n\n                    <div class=\"atb-event-card__footer\">\n\n                        <a href=\"LIEN-YEELE\"\n                           class=\"atb-event-card__button\"\n                           target=\"_blank\"\n                           rel=\"noopener noreferrer\">\n\n                            <span>Acheter sur Yeele<\/span>\n\n                            <svg viewBox=\"0 0 24 24\">\n                                <path d=\"M5 12h14M13 6l6 6-6 6\"\/>\n                            <\/svg>\n                        <\/a>\n\n                        <span class=\"atb-event-card__secure\">\n                            Paiement s\u00e9curis\u00e9\n                        <\/span>\n\n                    <\/div>\n\n                <\/div>\n\n            <\/article>\n\n            -->\n\n        <\/div>\n\n\n        <!-- =================================================\n             \u00c9TAT VIDE\n\n             Pour afficher cet \u00e9tat :\n             remplacer :\n             atb-events__empty--hidden\n\n             par :\n             atb-events__empty--visible\n\n             Et masquer la grille ci-dessus.\n        ================================================== -->\n\n        <div class=\"atb-events__empty atb-events__empty--hidden\">\n\n            <div class=\"atb-events__empty-visual\" aria-hidden=\"true\">\n\n                <div class=\"atb-events__empty-ticket\">\n\n                    <svg viewBox=\"0 0 80 80\">\n                        <path d=\"M13 23a7 7 0 0 1 7-7h40a7 7 0 0 1 7 7v8a10 10 0 0 0 0 18v8a7 7 0 0 1-7 7H20a7 7 0 0 1-7-7v-8a10 10 0 0 0 0-18v-8Z\"\/>\n                        <path d=\"M31 27v26M49 27v26\"\/>\n                    <\/svg>\n\n                <\/div>\n\n            <\/div>\n\n            <div class=\"atb-events__empty-content\">\n\n                <span class=\"atb-events__empty-label\">\n                    Programmation en pr\u00e9paration\n                <\/span>\n\n                <h3>\n                    Aucun \u00e9v\u00e9nement n\u2019est actuellement ouvert\n                    \u00e0 la r\u00e9servation.\n                <\/h3>\n\n                <p>\n                    De nouvelles repr\u00e9sentations seront bient\u00f4t annonc\u00e9es.\n                    Consultez r\u00e9guli\u00e8rement notre programmation pour ne rien manquer.\n                <\/p>\n\n                <a href=\"\/agenda-culturel\/\"\n                   class=\"atb-events__empty-button\">\n\n                    <span>Consulter l\u2019agenda culturel<\/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    <\/div>\n\n<\/section>\n\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Archivo:wght@400;500;600;700&family=Fraunces:opsz,wght@9..144,500;9..144,600;9..144,700&display=swap');\n\n.atb-events {\n    --atb-bordeaux: #60052D;\n    --atb-bordeaux-dark: #330018;\n    --atb-gold: #CC9933;\n    --atb-gold-light: #E5BE63;\n    --atb-cream: #F7F1E7;\n    --atb-cream-light: #FCF9F4;\n    --atb-text: #2E2529;\n    --atb-muted: #756B70;\n    --atb-white: #FFFFFF;\n\n    position: relative;\n    width: 100%;\n    overflow: hidden;\n    padding: 120px 0 130px;\n    background:\n        linear-gradient(\n            180deg,\n            var(--atb-cream) 0%,\n            var(--atb-cream-light) 100%\n        );\n    color: var(--atb-text);\n    font-family: \"Archivo\", sans-serif;\n}\n\n.atb-events *,\n.atb-events *::before,\n.atb-events *::after {\n    box-sizing: border-box;\n}\n\n.atb-events__container {\n    position: relative;\n    z-index: 2;\n    width: min(1200px, calc(100% - 80px));\n    margin: 0 auto;\n}\n\n\n\/* =====================================================\n   D\u00c9CORATIONS\n===================================================== *\/\n\n.atb-events__decor {\n    position: absolute;\n    border-radius: 50%;\n    pointer-events: none;\n}\n\n.atb-events__decor--one {\n    top: 60px;\n    right: -180px;\n    width: 470px;\n    height: 470px;\n    border: 1px solid rgba(96, 5, 45, 0.08);\n}\n\n.atb-events__decor--one::before,\n.atb-events__decor--one::after {\n    content: \"\";\n    position: absolute;\n    border-radius: 50%;\n    border: 1px solid rgba(96, 5, 45, 0.06);\n}\n\n.atb-events__decor--one::before {\n    inset: 45px;\n}\n\n.atb-events__decor--one::after {\n    inset: 90px;\n}\n\n.atb-events__decor--two {\n    left: -130px;\n    bottom: -150px;\n    width: 350px;\n    height: 350px;\n    background: rgba(204, 153, 51, 0.07);\n    filter: blur(3px);\n}\n\n\n\/* =====================================================\n   EN-T\u00caTE\n===================================================== *\/\n\n.atb-events__header {\n    display: flex;\n    align-items: flex-end;\n    justify-content: space-between;\n    gap: 40px;\n    margin-bottom: 58px;\n}\n\n.atb-events__heading {\n    max-width: 680px;\n}\n\n.atb-events__eyebrow {\n    display: inline-flex;\n    align-items: center;\n    gap: 11px;\n    margin-bottom: 17px;\n    color: var(--atb-bordeaux);\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.18em;\n    text-transform: uppercase;\n}\n\n.atb-events__eyebrow::before {\n    content: \"\";\n    width: 34px;\n    height: 1px;\n    background: var(--atb-gold);\n}\n\n.atb-events__title {\n    margin: 0;\n    color: var(--atb-bordeaux);\n    font-family: \"Fraunces\", serif;\n    font-size: clamp(48px, 5vw, 76px);\n    font-weight: 600;\n    line-height: 1;\n    letter-spacing: -0.04em;\n}\n\n.atb-events__title span {\n    color: var(--atb-gold);\n    font-style: italic;\n    font-weight: 500;\n}\n\n.atb-events__intro {\n    max-width: 590px;\n    margin: 20px 0 0;\n    color: var(--atb-muted);\n    font-size: 16px;\n    line-height: 1.75;\n}\n\n.atb-events__agenda-link {\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    padding-bottom: 7px;\n    border-bottom: 1px solid rgba(96, 5, 45, 0.28);\n    color: var(--atb-bordeaux) !important;\n    text-decoration: none !important;\n    font-size: 13px;\n    font-weight: 700;\n    transition:\n        gap 0.3s ease,\n        border-color 0.3s ease,\n        color 0.3s ease;\n}\n\n.atb-events__agenda-link 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-events__agenda-link:hover {\n    gap: 15px;\n    border-color: var(--atb-gold);\n    color: var(--atb-gold) !important;\n}\n\n\n\/* =====================================================\n   GRILLE\n===================================================== *\/\n\n.atb-events__grid {\n    display: grid;\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n    gap: 28px;\n}\n\n.atb-events__grid--hidden {\n    display: none;\n}\n\n.atb-events__grid--visible {\n    display: grid;\n}\n\n\n\/* =====================================================\n   CARTE\n===================================================== *\/\n\n.atb-event-card {\n    position: relative;\n    min-width: 0;\n    overflow: hidden;\n    border: 1px solid rgba(96, 5, 45, 0.09);\n    border-radius: 24px;\n    background: var(--atb-white);\n    box-shadow: 0 20px 55px rgba(66, 26, 43, 0.08);\n    transition:\n        transform 0.45s cubic-bezier(0.22, 1, 0.36, 1),\n        box-shadow 0.45s ease,\n        border-color 0.45s ease;\n}\n\n.atb-event-card:hover {\n    transform: translateY(-9px);\n    border-color: rgba(204, 153, 51, 0.4);\n    box-shadow: 0 30px 70px rgba(66, 26, 43, 0.15);\n}\n\n\n\/* Image *\/\n\n.atb-event-card__media {\n    position: relative;\n    height: 350px;\n    overflow: hidden;\n    background: var(--atb-bordeaux-dark);\n}\n\n.atb-event-card__media img {\n    width: 100%;\n    height: 100%;\n    display: block;\n    object-fit: cover;\n    object-position: center;\n    transition: transform 0.75s cubic-bezier(0.22, 1, 0.36, 1);\n}\n\n.atb-event-card:hover .atb-event-card__media img {\n    transform: scale(1.065);\n}\n\n.atb-event-card__image-overlay {\n    position: absolute;\n    inset: 0;\n    background:\n        linear-gradient(\n            180deg,\n            rgba(25, 0, 12, 0.04) 30%,\n            rgba(25, 0, 12, 0.55) 100%\n        );\n    pointer-events: none;\n}\n\n\n\/* Badge *\/\n\n.atb-event-card__badge {\n    position: absolute;\n    z-index: 3;\n    top: 19px;\n    left: 19px;\n    min-height: 31px;\n    padding: 0 13px;\n    border-radius: 100px;\n    display: inline-flex;\n    align-items: center;\n    color: var(--atb-white);\n    font-size: 9px;\n    font-weight: 700;\n    letter-spacing: 0.13em;\n    text-transform: uppercase;\n    box-shadow: 0 8px 25px rgba(20, 0, 10, 0.2);\n}\n\n.atb-event-card__badge--new {\n    background: var(--atb-bordeaux);\n}\n\n.atb-event-card__badge--last {\n    background: #C16424;\n}\n\n.atb-event-card__badge--sold {\n    background: #40363A;\n}\n\n.atb-event-card__badge--soon {\n    background: var(--atb-gold);\n    color: var(--atb-bordeaux);\n}\n\n\n\/* Bloc date *\/\n\n.atb-event-card__date-block {\n    position: absolute;\n    z-index: 3;\n    right: 19px;\n    bottom: 19px;\n    width: 76px;\n    min-height: 76px;\n    padding: 10px 7px;\n    border: 1px solid rgba(255, 255, 255, 0.23);\n    border-radius: 16px;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    background: rgba(44, 0, 21, 0.72);\n    backdrop-filter: blur(12px);\n    -webkit-backdrop-filter: blur(12px);\n    color: var(--atb-white);\n}\n\n.atb-event-card__date-day {\n    font-family: \"Fraunces\", serif;\n    font-size: 22px;\n    font-weight: 600;\n    line-height: 1;\n}\n\n.atb-event-card__date-month {\n    margin-top: 5px;\n    color: var(--atb-gold-light);\n    font-size: 9px;\n    font-weight: 700;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n}\n\n\n\/* Corps *\/\n\n.atb-event-card__body {\n    padding: 28px 27px 27px;\n}\n\n.atb-event-card__category {\n    margin-bottom: 10px;\n    color: var(--atb-gold);\n    font-size: 10px;\n    font-weight: 700;\n    letter-spacing: 0.15em;\n    text-transform: uppercase;\n}\n\n.atb-event-card__title {\n    margin: 0;\n    color: var(--atb-bordeaux);\n    font-family: \"Fraunces\", serif;\n    font-size: 32px;\n    font-weight: 600;\n    line-height: 1.12;\n    letter-spacing: -0.025em;\n}\n\n.atb-event-card__description {\n    margin: 13px 0 0;\n    color: var(--atb-muted);\n    font-size: 14px;\n    line-height: 1.7;\n}\n\n\n\/* Informations *\/\n\n.atb-event-card__details {\n    margin-top: 24px;\n    padding-top: 23px;\n    border-top: 1px solid rgba(96, 5, 45, 0.09);\n    display: grid;\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    gap: 19px 16px;\n}\n\n.atb-event-card__detail {\n    min-width: 0;\n    display: flex;\n    align-items: flex-start;\n    gap: 10px;\n}\n\n.atb-event-card__detail-icon {\n    width: 34px;\n    height: 34px;\n    flex: 0 0 34px;\n    border-radius: 10px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    background: rgba(96, 5, 45, 0.06);\n    color: var(--atb-bordeaux);\n}\n\n.atb-event-card__detail-icon svg {\n    width: 16px;\n    height: 16px;\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 1.7;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n}\n\n.atb-event-card__detail > div {\n    min-width: 0;\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n}\n\n.atb-event-card__detail-label {\n    color: #988D92;\n    font-size: 9px;\n    font-weight: 700;\n    letter-spacing: 0.1em;\n    text-transform: uppercase;\n}\n\n.atb-event-card__detail-value {\n    overflow-wrap: anywhere;\n    color: var(--atb-text);\n    font-size: 12px;\n    font-weight: 600;\n    line-height: 1.45;\n}\n\n\n\/* Pied de carte *\/\n\n.atb-event-card__footer {\n    margin-top: 27px;\n}\n\n.atb-event-card__button {\n    position: relative;\n    width: 100%;\n    min-height: 55px;\n    padding: 0 21px;\n    overflow: hidden;\n    border-radius: 100px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 15px;\n    background: var(--atb-bordeaux);\n    color: var(--atb-white) !important;\n    text-decoration: none !important;\n    font-size: 13px;\n    font-weight: 700;\n    box-shadow: 0 13px 30px rgba(96, 5, 45, 0.18);\n    transition:\n        transform 0.35s ease,\n        background-color 0.35s ease,\n        box-shadow 0.35s ease;\n}\n\n.atb-event-card__button::before {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    left: -110%;\n    width: 70%;\n    height: 100%;\n    background:\n        linear-gradient(\n            90deg,\n            transparent,\n            rgba(255, 255, 255, 0.16),\n            transparent\n        );\n    transform: skewX(-20deg);\n    transition: left 0.65s ease;\n}\n\n.atb-event-card__button:hover::before {\n    left: 135%;\n}\n\n.atb-event-card__button:hover {\n    transform: translateY(-2px);\n    background: var(--atb-bordeaux-dark);\n    box-shadow: 0 18px 35px rgba(96, 5, 45, 0.26);\n}\n\n.atb-event-card__button span,\n.atb-event-card__button svg {\n    position: relative;\n    z-index: 2;\n}\n\n.atb-event-card__button svg {\n    width: 19px;\n    height: 19px;\n    flex: 0 0 19px;\n    fill: none;\n    stroke: var(--atb-gold-light);\n    stroke-width: 1.8;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n    transition: transform 0.35s ease;\n}\n\n.atb-event-card__button:hover svg {\n    transform: translateX(4px);\n}\n\n.atb-event-card__secure {\n    margin-top: 11px;\n    display: block;\n    color: #9A9094;\n    font-size: 10px;\n    text-align: center;\n}\n\n\n\/* =====================================================\n   \u00c9TAT VIDE\n===================================================== *\/\n\n.atb-events__empty {\n    min-height: 410px;\n    padding: 60px;\n    border: 1px solid rgba(96, 5, 45, 0.1);\n    border-radius: 28px;\n    align-items: center;\n    justify-content: center;\n    gap: 60px;\n    background:\n        linear-gradient(\n            135deg,\n            rgba(255, 255, 255, 0.93),\n            rgba(250, 245, 238, 0.95)\n        );\n    box-shadow: 0 22px 60px rgba(66, 26, 43, 0.08);\n}\n\n.atb-events__empty--hidden {\n    display: none;\n}\n\n.atb-events__empty--visible {\n    display: flex;\n}\n\n.atb-events__empty-visual {\n    width: 190px;\n    height: 190px;\n    flex: 0 0 190px;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\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-events__empty-ticket {\n    width: 112px;\n    height: 112px;\n    border-radius: 30px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: var(--atb-bordeaux);\n    box-shadow: 0 18px 45px rgba(96, 5, 45, 0.22);\n    transform: rotate(-6deg);\n}\n\n.atb-events__empty-ticket svg {\n    width: 62px;\n    height: 62px;\n    fill: none;\n    stroke: var(--atb-gold-light);\n    stroke-width: 2;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n}\n\n.atb-events__empty-content {\n    max-width: 580px;\n}\n\n.atb-events__empty-label {\n    color: var(--atb-gold);\n    font-size: 10px;\n    font-weight: 700;\n    letter-spacing: 0.16em;\n    text-transform: uppercase;\n}\n\n.atb-events__empty-content h3 {\n    margin: 13px 0 0;\n    color: var(--atb-bordeaux);\n    font-family: \"Fraunces\", serif;\n    font-size: clamp(31px, 3vw, 46px);\n    font-weight: 600;\n    line-height: 1.1;\n    letter-spacing: -0.03em;\n}\n\n.atb-events__empty-content p {\n    margin: 18px 0 0;\n    color: var(--atb-muted);\n    font-size: 15px;\n    line-height: 1.75;\n}\n\n.atb-events__empty-button {\n    min-height: 54px;\n    margin-top: 27px;\n    padding: 0 23px;\n    border-radius: 100px;\n    display: inline-flex;\n    align-items: center;\n    gap: 12px;\n    background: var(--atb-bordeaux);\n    color: var(--atb-white) !important;\n    text-decoration: none !important;\n    font-size: 13px;\n    font-weight: 700;\n    transition:\n        transform 0.35s ease,\n        background-color 0.35s ease;\n}\n\n.atb-events__empty-button:hover {\n    transform: translateY(-3px);\n    background: var(--atb-bordeaux-dark);\n}\n\n.atb-events__empty-button svg {\n    width: 18px;\n    height: 18px;\n    fill: none;\n    stroke: var(--atb-gold-light);\n    stroke-width: 1.8;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n}\n\n\n\/* =====================================================\n   ANIMATIONS S\u00c9CURIS\u00c9ES POUR ELEMENTOR\n===================================================== *\/\n\n\/*\nLe contenu reste visible sans JavaScript.\nIl n\u2019est masqu\u00e9 que si le script d\u00e9marre correctement.\n*\/\n\n.atb-events.atb-events-animation-ready .atb-events-reveal {\n    opacity: 0;\n    transform: translateY(28px);\n}\n\n.atb-events.atb-events-animation-ready\n.atb-events-reveal.atb-events-visible {\n    opacity: 1;\n    transform: translateY(0);\n    transition:\n        opacity 0.8s ease,\n        transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);\n}\n\n.atb-events.atb-events-animation-ready\n.atb-events__header-action.atb-events-visible {\n    transition-delay: 0.12s;\n}\n\n.atb-events.atb-events-animation-ready\n.atb-event-card:nth-child(1).atb-events-visible {\n    transition-delay: 0.08s;\n}\n\n.atb-events.atb-events-animation-ready\n.atb-event-card:nth-child(2).atb-events-visible {\n    transition-delay: 0.17s;\n}\n\n.atb-events.atb-events-animation-ready\n.atb-event-card:nth-child(3).atb-events-visible {\n    transition-delay: 0.26s;\n}\n\n\n\/* =====================================================\n   RESPONSIVE\n===================================================== *\/\n\n@media (max-width: 1100px) {\n    .atb-events__grid {\n        grid-template-columns: repeat(2, minmax(0, 1fr));\n    }\n}\n\n@media (max-width: 900px) {\n    .atb-events {\n        padding: 100px 0 110px;\n    }\n\n    .atb-events__container {\n        width: min(100% - 56px, 900px);\n    }\n\n    .atb-events__header {\n        align-items: flex-start;\n        flex-direction: column;\n        margin-bottom: 45px;\n    }\n\n    .atb-events__empty {\n        padding: 50px 35px;\n        gap: 38px;\n    }\n\n    .atb-events__empty-visual {\n        width: 160px;\n        height: 160px;\n        flex-basis: 160px;\n    }\n}\n\n@media (max-width: 767px) {\n    .atb-events {\n        padding: 82px 0 90px;\n    }\n\n    .atb-events__container {\n        width: calc(100% - 34px);\n    }\n\n    .atb-events__header {\n        gap: 24px;\n        margin-bottom: 37px;\n    }\n\n    .atb-events__title {\n        font-size: 49px;\n    }\n\n    .atb-events__intro {\n        font-size: 14px;\n        line-height: 1.7;\n    }\n\n    .atb-events__grid {\n        grid-template-columns: 1fr;\n        gap: 22px;\n    }\n\n    .atb-event-card {\n        border-radius: 21px;\n    }\n\n    .atb-event-card__media {\n        height: 335px;\n    }\n\n    .atb-event-card__body {\n        padding: 24px 21px 23px;\n    }\n\n    .atb-event-card__title {\n        font-size: 29px;\n    }\n\n    .atb-event-card__details {\n        grid-template-columns: 1fr;\n        gap: 15px;\n    }\n\n    .atb-events__empty {\n        min-height: 0;\n        padding: 40px 23px;\n        flex-direction: column;\n        text-align: center;\n    }\n\n    .atb-events__empty-visual {\n        width: 145px;\n        height: 145px;\n        flex-basis: 145px;\n    }\n\n    .atb-events__empty-ticket {\n        width: 92px;\n        height: 92px;\n        border-radius: 25px;\n    }\n\n    .atb-events__empty-ticket svg {\n        width: 52px;\n        height: 52px;\n    }\n\n    .atb-events__empty-button {\n        width: 100%;\n        justify-content: center;\n    }\n\n    .atb-events__decor--one {\n        display: none;\n    }\n}\n\n@media (max-width: 390px) {\n    .atb-events__container {\n        width: calc(100% - 26px);\n    }\n\n    .atb-events__title {\n        font-size: 44px;\n    }\n\n    .atb-event-card__media {\n        height: 305px;\n    }\n}\n\n@media (prefers-reduced-motion: reduce) {\n    .atb-event-card,\n    .atb-event-card__media img,\n    .atb-event-card__button,\n    .atb-event-card__button svg,\n    .atb-events__agenda-link {\n        transition: none;\n    }\n\n    .atb-events.atb-events-animation-ready .atb-events-reveal,\n    .atb-events.atb-events-animation-ready\n    .atb-events-reveal.atb-events-visible {\n        opacity: 1;\n        transform: none;\n        transition: none;\n    }\n}\n<\/style>\n\n<script>\n(function () {\n\n    function initAtbEvents() {\n\n        var section = document.querySelector(\".atb-events\");\n\n        if (!section || section.dataset.initialized === \"true\") {\n            return;\n        }\n\n        section.dataset.initialized = \"true\";\n\n        var items = section.querySelectorAll(\".atb-events-reveal\");\n\n        if (!(\"IntersectionObserver\" in window)) {\n            return;\n        }\n\n        section.classList.add(\"atb-events-animation-ready\");\n\n        var observer = new IntersectionObserver(\n            function (entries) {\n\n                entries.forEach(function (entry) {\n\n                    if (entry.isIntersecting) {\n                        entry.target.classList.add(\"atb-events-visible\");\n                        observer.unobserve(entry.target);\n                    }\n\n                });\n\n            },\n            {\n                threshold: 0.12,\n                rootMargin: \"0px 0px -45px 0px\"\n            }\n        );\n\n        items.forEach(function (item) {\n            observer.observe(item);\n        });\n    }\n\n    if (document.readyState === \"loading\") {\n        document.addEventListener(\n            \"DOMContentLoaded\",\n            initAtbEvents\n        );\n    } else {\n        initAtbEvents();\n    }\n\n    window.addEventListener(\"load\", initAtbEvents);\n\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-a24ad73 e-con e-atomic-element e-flexbox-base e-549e7bd \" data-id=\"a24ad73\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"a24ad73\" data-e-type=\"e-flexbox\" data-id=\"a24ad73\">\n    \t\t<div class=\"elementor-element elementor-element-e51a448 elementor-widget elementor-widget-html\" data-id=\"e51a448\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =====================================================\n     ATB \u2014 PAGE BILLETTERIE\n     SECTION 03 : COMMENT R\u00c9SERVER ?\n===================================================== -->\n\n<section class=\"atb-booking-steps\" id=\"comment-reserver\">\n\n    <div class=\"atb-booking-steps__container\">\n\n        <!-- En-t\u00eate -->\n        <header class=\"atb-booking-steps__header atb-booking-reveal\">\n\n            <span class=\"atb-booking-steps__eyebrow\">\n                Un parcours simple\n            <\/span>\n\n            <h2 class=\"atb-booking-steps__title\">\n                R\u00e9server n\u2019a jamais \u00e9t\u00e9\n                <span>aussi simple.<\/span>\n            <\/h2>\n\n            <p class=\"atb-booking-steps__intro\">\n                Choisissez votre \u00e9v\u00e9nement, finalisez votre r\u00e9servation\n                sur Yeele et pr\u00e9sentez votre billet le jour du spectacle.\n            <\/p>\n\n        <\/header>\n\n\n        <!-- \u00c9tapes -->\n        <div class=\"atb-booking-steps__grid\">\n\n\n            <!-- \u00c9TAPE 01 -->\n            <article class=\"atb-booking-step atb-booking-reveal\">\n\n                <div class=\"atb-booking-step__number\">\n                    01\n                <\/div>\n\n                <div class=\"atb-booking-step__icon\">\n\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=\"M16 3v4M8 3v4M3 10h18\"\/>\n                        <path d=\"M8 14h3M8 17h6\"\/>\n                    <\/svg>\n\n                <\/div>\n\n                <h3 class=\"atb-booking-step__title\">\n                    Choisissez votre \u00e9v\u00e9nement\n                <\/h3>\n\n                <p class=\"atb-booking-step__text\">\n                    Consultez les spectacles disponibles et s\u00e9lectionnez\n                    celui auquel vous souhaitez assister.\n                <\/p>\n\n                <span class=\"atb-booking-step__line\" aria-hidden=\"true\"><\/span>\n\n            <\/article>\n\n\n            <!-- FL\u00c8CHE 01 -->\n            <div class=\"atb-booking-steps__arrow atb-booking-reveal\"\n                 aria-hidden=\"true\">\n\n                <svg viewBox=\"0 0 80 30\">\n                    <path d=\"M2 15h70\"\/>\n                    <path d=\"m62 6 10 9-10 9\"\/>\n                <\/svg>\n\n            <\/div>\n\n\n            <!-- \u00c9TAPE 02 -->\n            <article class=\"atb-booking-step atb-booking-reveal\">\n\n                <div class=\"atb-booking-step__number\">\n                    02\n                <\/div>\n\n                <div class=\"atb-booking-step__icon\">\n\n                    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                        <path d=\"M4 6.5A2.5 2.5 0 0 1 6.5 4h11A2.5 2.5 0 0 1 20 6.5V9a3 3 0 0 0 0 6v2.5a2.5 2.5 0 0 1-2.5 2.5h-11A2.5 2.5 0 0 1 4 17.5V15a3 3 0 0 0 0-6V6.5Z\"\/>\n                        <path d=\"M9 8v8M15 8v8\"\/>\n                    <\/svg>\n\n                <\/div>\n\n                <h3 class=\"atb-booking-step__title\">\n                    R\u00e9servez votre billet sur Yeele\n                <\/h3>\n\n                <p class=\"atb-booking-step__text\">\n                    Cliquez sur le bouton de r\u00e9servation et finalisez\n                    votre achat sur la plateforme Yeele.\n                <\/p>\n\n                <span class=\"atb-booking-step__line\" aria-hidden=\"true\"><\/span>\n\n            <\/article>\n\n\n            <!-- FL\u00c8CHE 02 -->\n            <div class=\"atb-booking-steps__arrow atb-booking-reveal\"\n                 aria-hidden=\"true\">\n\n                <svg viewBox=\"0 0 80 30\">\n                    <path d=\"M2 15h70\"\/>\n                    <path d=\"m62 6 10 9-10 9\"\/>\n                <\/svg>\n\n            <\/div>\n\n\n            <!-- \u00c9TAPE 03 -->\n            <article class=\"atb-booking-step atb-booking-reveal\">\n\n                <div class=\"atb-booking-step__number\">\n                    03\n                <\/div>\n\n                <div class=\"atb-booking-step__icon\">\n\n                    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                        <path d=\"M4 20V8l8-4 8 4v12\"\/>\n                        <path d=\"M8 20v-6h8v6\"\/>\n                        <path d=\"M9 9h.01M15 9h.01\"\/>\n                    <\/svg>\n\n                <\/div>\n\n                <h3 class=\"atb-booking-step__title\">\n                    Pr\u00e9sentez votre billet\n                <\/h3>\n\n                <p class=\"atb-booking-step__text\">\n                    Le jour du spectacle, pr\u00e9sentez simplement votre billet\n                    num\u00e9rique ou imprim\u00e9 \u00e0 l\u2019entr\u00e9e.\n                <\/p>\n\n                <span class=\"atb-booking-step__line\" aria-hidden=\"true\"><\/span>\n\n            <\/article>\n\n        <\/div>\n\n\n        <!-- R\u00e9assurance -->\n        <div class=\"atb-booking-steps__notice atb-booking-reveal\">\n\n            <div class=\"atb-booking-steps__notice-icon\">\n\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                    <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10Z\"\/>\n                    <path d=\"m9 12 2 2 4-4\"\/>\n                <\/svg>\n\n            <\/div>\n\n            <div>\n                <strong>R\u00e9servation s\u00e9curis\u00e9e<\/strong>\n\n                <span>\n                    Le paiement et l\u2019\u00e9mission des billets sont g\u00e9r\u00e9s\n                    sur la plateforme Yeele.\n                <\/span>\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Archivo:wght@400;500;600;700&family=Fraunces:opsz,wght@9..144,500;9..144,600;9..144,700&display=swap');\n\n.atb-booking-steps {\n    --atb-bordeaux: #60052D;\n    --atb-bordeaux-dark: #330018;\n    --atb-gold: #CC9933;\n    --atb-gold-light: #E5BE63;\n    --atb-cream: #F7F1E7;\n    --atb-cream-light: #FCF9F4;\n    --atb-white: #FFFFFF;\n    --atb-text: #30272B;\n    --atb-muted: #756B70;\n\n    position: relative;\n    width: 100%;\n    overflow: hidden;\n    padding: 120px 0;\n    background:\n        linear-gradient(\n            180deg,\n            #FFFFFF 0%,\n            var(--atb-cream-light) 100%\n        );\n    color: var(--atb-text);\n    font-family: \"Archivo\", sans-serif;\n}\n\n.atb-booking-steps *,\n.atb-booking-steps *::before,\n.atb-booking-steps *::after {\n    box-sizing: border-box;\n}\n\n.atb-booking-steps::before {\n    content: \"\";\n    position: absolute;\n    top: -180px;\n    left: 50%;\n    width: 520px;\n    height: 520px;\n    border-radius: 50%;\n    border: 1px solid rgba(96, 5, 45, 0.05);\n    transform: translateX(-50%);\n    pointer-events: none;\n}\n\n.atb-booking-steps::after {\n    content: \"\";\n    position: absolute;\n    right: -120px;\n    bottom: -150px;\n    width: 330px;\n    height: 330px;\n    border-radius: 50%;\n    background: rgba(204, 153, 51, 0.06);\n    pointer-events: none;\n}\n\n.atb-booking-steps__container {\n    position: relative;\n    z-index: 2;\n    width: min(1200px, calc(100% - 80px));\n    margin: 0 auto;\n}\n\n\n\/* =====================================================\n   EN-T\u00caTE\n===================================================== *\/\n\n.atb-booking-steps__header {\n    max-width: 760px;\n    margin: 0 auto 70px;\n    text-align: center;\n}\n\n.atb-booking-steps__eyebrow {\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    margin-bottom: 17px;\n    color: var(--atb-bordeaux);\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.18em;\n    text-transform: uppercase;\n}\n\n.atb-booking-steps__eyebrow::before,\n.atb-booking-steps__eyebrow::after {\n    content: \"\";\n    width: 30px;\n    height: 1px;\n    background: var(--atb-gold);\n}\n\n.atb-booking-steps__title {\n    margin: 0;\n    color: var(--atb-bordeaux);\n    font-family: \"Fraunces\", serif;\n    font-size: clamp(47px, 5vw, 72px);\n    font-weight: 600;\n    line-height: 1.03;\n    letter-spacing: -0.04em;\n}\n\n.atb-booking-steps__title span {\n    color: var(--atb-gold);\n    font-style: italic;\n    font-weight: 500;\n}\n\n.atb-booking-steps__intro {\n    max-width: 620px;\n    margin: 22px auto 0;\n    color: var(--atb-muted);\n    font-size: 16px;\n    line-height: 1.75;\n}\n\n\n\/* =====================================================\n   GRILLE\n===================================================== *\/\n\n.atb-booking-steps__grid {\n    display: grid;\n    grid-template-columns:\n        minmax(0, 1fr)\n        80px\n        minmax(0, 1fr)\n        80px\n        minmax(0, 1fr);\n    align-items: center;\n    gap: 18px;\n}\n\n\n\/* =====================================================\n   CARTE \u00c9TAPE\n===================================================== *\/\n\n.atb-booking-step {\n    position: relative;\n    min-height: 365px;\n    padding: 37px 30px 33px;\n    overflow: hidden;\n    border: 1px solid rgba(96, 5, 45, 0.08);\n    border-radius: 24px;\n    background: rgba(255, 255, 255, 0.93);\n    box-shadow: 0 18px 50px rgba(66, 26, 43, 0.07);\n    text-align: center;\n    transition:\n        transform 0.4s cubic-bezier(0.22, 1, 0.36, 1),\n        box-shadow 0.4s ease,\n        border-color 0.4s ease;\n}\n\n.atb-booking-step:hover {\n    transform: translateY(-8px);\n    border-color: rgba(204, 153, 51, 0.38);\n    box-shadow: 0 28px 65px rgba(66, 26, 43, 0.13);\n}\n\n.atb-booking-step__number {\n    position: absolute;\n    top: 20px;\n    right: 23px;\n    color: rgba(96, 5, 45, 0.12);\n    font-family: \"Fraunces\", serif;\n    font-size: 42px;\n    font-weight: 700;\n    line-height: 1;\n}\n\n.atb-booking-step__icon {\n    width: 86px;\n    height: 86px;\n    margin: 10px auto 27px;\n    border-radius: 26px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background:\n        linear-gradient(\n            145deg,\n            var(--atb-bordeaux),\n            var(--atb-bordeaux-dark)\n        );\n    color: var(--atb-gold-light);\n    box-shadow: 0 18px 40px rgba(96, 5, 45, 0.22);\n    transform: rotate(-4deg);\n    transition: transform 0.4s ease;\n}\n\n.atb-booking-step:hover .atb-booking-step__icon {\n    transform: rotate(0deg) scale(1.04);\n}\n\n.atb-booking-step__icon svg {\n    width: 40px;\n    height: 40px;\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 1.6;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n}\n\n.atb-booking-step__title {\n    margin: 0;\n    color: var(--atb-bordeaux);\n    font-family: \"Fraunces\", serif;\n    font-size: 26px;\n    font-weight: 600;\n    line-height: 1.2;\n    letter-spacing: -0.025em;\n}\n\n.atb-booking-step__text {\n    margin: 15px 0 0;\n    color: var(--atb-muted);\n    font-size: 14px;\n    line-height: 1.7;\n}\n\n.atb-booking-step__line {\n    position: absolute;\n    left: 50%;\n    bottom: 0;\n    width: 54px;\n    height: 3px;\n    border-radius: 3px 3px 0 0;\n    background: var(--atb-gold);\n    transform: translateX(-50%);\n    transition: width 0.4s ease;\n}\n\n.atb-booking-step:hover .atb-booking-step__line {\n    width: 105px;\n}\n\n\n\/* =====================================================\n   FL\u00c8CHES\n===================================================== *\/\n\n.atb-booking-steps__arrow {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: rgba(96, 5, 45, 0.34);\n}\n\n.atb-booking-steps__arrow svg {\n    width: 70px;\n    height: 28px;\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 1.5;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n}\n\n.atb-booking-steps__arrow path:first-child {\n    stroke-dasharray: 6 7;\n}\n\n\n\/* =====================================================\n   BLOC DE R\u00c9ASSURANCE\n===================================================== *\/\n\n.atb-booking-steps__notice {\n    max-width: 680px;\n    margin: 52px auto 0;\n    padding: 18px 24px;\n    border: 1px solid rgba(96, 5, 45, 0.09);\n    border-radius: 18px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 15px;\n    background: rgba(255, 255, 255, 0.78);\n    box-shadow: 0 12px 35px rgba(66, 26, 43, 0.05);\n}\n\n.atb-booking-steps__notice-icon {\n    width: 43px;\n    height: 43px;\n    flex: 0 0 43px;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: rgba(96, 5, 45, 0.08);\n    color: var(--atb-bordeaux);\n}\n\n.atb-booking-steps__notice-icon svg {\n    width: 21px;\n    height: 21px;\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 1.8;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n}\n\n.atb-booking-steps__notice > div:last-child {\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n}\n\n.atb-booking-steps__notice strong {\n    color: var(--atb-bordeaux);\n    font-size: 13px;\n}\n\n.atb-booking-steps__notice span {\n    color: var(--atb-muted);\n    font-size: 12px;\n    line-height: 1.5;\n}\n\n\n\/* =====================================================\n   ANIMATIONS S\u00c9CURIS\u00c9ES POUR ELEMENTOR\n===================================================== *\/\n\n.atb-booking-steps.atb-booking-animation-ready\n.atb-booking-reveal {\n    opacity: 0;\n    transform: translateY(28px);\n}\n\n.atb-booking-steps.atb-booking-animation-ready\n.atb-booking-reveal.atb-booking-visible {\n    opacity: 1;\n    transform: translateY(0);\n    transition:\n        opacity 0.8s ease,\n        transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);\n}\n\n.atb-booking-steps.atb-booking-animation-ready\n.atb-booking-step:nth-of-type(1).atb-booking-visible {\n    transition-delay: 0.06s;\n}\n\n.atb-booking-steps.atb-booking-animation-ready\n.atb-booking-steps__arrow:nth-of-type(2).atb-booking-visible {\n    transition-delay: 0.13s;\n}\n\n.atb-booking-steps.atb-booking-animation-ready\n.atb-booking-step:nth-of-type(3).atb-booking-visible {\n    transition-delay: 0.2s;\n}\n\n.atb-booking-steps.atb-booking-animation-ready\n.atb-booking-steps__arrow:nth-of-type(4).atb-booking-visible {\n    transition-delay: 0.27s;\n}\n\n.atb-booking-steps.atb-booking-animation-ready\n.atb-booking-step:nth-of-type(5).atb-booking-visible {\n    transition-delay: 0.34s;\n}\n\n\n\/* =====================================================\n   TABLETTE\n===================================================== *\/\n\n@media (max-width: 1050px) {\n\n    .atb-booking-steps__grid {\n        grid-template-columns: repeat(3, minmax(0, 1fr));\n        gap: 22px;\n    }\n\n    .atb-booking-steps__arrow {\n        display: none;\n    }\n\n    .atb-booking-step {\n        min-height: 390px;\n    }\n}\n\n\n\/* =====================================================\n   MOBILE\n===================================================== *\/\n\n@media (max-width: 767px) {\n\n    .atb-booking-steps {\n        padding: 85px 0 90px;\n    }\n\n    .atb-booking-steps__container {\n        width: calc(100% - 34px);\n    }\n\n    .atb-booking-steps__header {\n        margin-bottom: 43px;\n    }\n\n    .atb-booking-steps__title {\n        font-size: 47px;\n    }\n\n    .atb-booking-steps__intro {\n        font-size: 14px;\n        line-height: 1.7;\n    }\n\n    .atb-booking-steps__grid {\n        grid-template-columns: 1fr;\n        gap: 21px;\n    }\n\n    .atb-booking-step {\n        min-height: 0;\n        padding: 34px 24px 31px;\n    }\n\n    .atb-booking-step__icon {\n        width: 78px;\n        height: 78px;\n        margin-bottom: 23px;\n        border-radius: 23px;\n    }\n\n    .atb-booking-step__icon svg {\n        width: 36px;\n        height: 36px;\n    }\n\n    .atb-booking-step__title {\n        font-size: 25px;\n    }\n\n    .atb-booking-step__text {\n        font-size: 13px;\n    }\n\n    .atb-booking-steps__notice {\n        margin-top: 35px;\n        padding: 17px 18px;\n        align-items: flex-start;\n        text-align: left;\n    }\n}\n\n\n\/* =====================================================\n   PETITS MOBILES\n===================================================== *\/\n\n@media (max-width: 390px) {\n\n    .atb-booking-steps__container {\n        width: calc(100% - 26px);\n    }\n\n    .atb-booking-steps__title {\n        font-size: 42px;\n    }\n}\n\n\n\/* =====================================================\n   ACCESSIBILIT\u00c9\n===================================================== *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n    .atb-booking-step,\n    .atb-booking-step__icon,\n    .atb-booking-step__line {\n        transition: none;\n    }\n\n    .atb-booking-steps.atb-booking-animation-ready\n    .atb-booking-reveal,\n    .atb-booking-steps.atb-booking-animation-ready\n    .atb-booking-reveal.atb-booking-visible {\n        opacity: 1;\n        transform: none;\n        transition: none;\n    }\n}\n<\/style>\n\n<script>\n(function () {\n\n    function initAtbBookingSteps() {\n\n        var section = document.querySelector(\".atb-booking-steps\");\n\n        if (!section || section.dataset.initialized === \"true\") {\n            return;\n        }\n\n        section.dataset.initialized = \"true\";\n\n        var elements = section.querySelectorAll(\".atb-booking-reveal\");\n\n        if (!(\"IntersectionObserver\" in window)) {\n            return;\n        }\n\n        section.classList.add(\"atb-booking-animation-ready\");\n\n        var observer = new IntersectionObserver(\n            function (entries) {\n\n                entries.forEach(function (entry) {\n\n                    if (entry.isIntersecting) {\n                        entry.target.classList.add(\"atb-booking-visible\");\n                        observer.unobserve(entry.target);\n                    }\n\n                });\n\n            },\n            {\n                threshold: 0.12,\n                rootMargin: \"0px 0px -40px 0px\"\n            }\n        );\n\n        elements.forEach(function (element) {\n            observer.observe(element);\n        });\n    }\n\n    if (document.readyState === \"loading\") {\n        document.addEventListener(\n            \"DOMContentLoaded\",\n            initAtbBookingSteps\n        );\n    } else {\n        initAtbBookingSteps();\n    }\n\n    window.addEventListener(\"load\", initAtbBookingSteps);\n\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-e7abe19 e-con e-atomic-element e-flexbox-base e-f1550e4 \" data-id=\"e7abe19\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"e7abe19\" data-e-type=\"e-flexbox\" data-id=\"e7abe19\">\n    \t\t<div class=\"elementor-element elementor-element-ceca02e elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"ceca02e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =====================================================\n     ATB \u2014 PAGE BILLETTERIE\n     SECTION 04 : CTA FINAL IMMERSIF\n===================================================== -->\n\n<section class=\"atb-ticket-final\" id=\"cta-billetterie\">\n\n    <!-- Image de fond -->\n    <div class=\"atb-ticket-final__media\" aria-hidden=\"true\"><\/div>\n\n    <!-- Superpositions -->\n    <div class=\"atb-ticket-final__overlay\" aria-hidden=\"true\"><\/div>\n    <div class=\"atb-ticket-final__glow\" aria-hidden=\"true\"><\/div>\n    <div class=\"atb-ticket-final__texture\" aria-hidden=\"true\"><\/div>\n\n    <!-- Contenu -->\n    <div class=\"atb-ticket-final__container\">\n\n        <div class=\"atb-ticket-final__content\">\n\n            <span class=\"atb-ticket-final__eyebrow atb-ticket-final-reveal\">\n                Prochaine repr\u00e9sentation\n            <\/span>\n\n            <h2 class=\"atb-ticket-final__title atb-ticket-final-reveal\">\n                Le prochain spectacle\n                <span>vous attend.<\/span>\n            <\/h2>\n\n            <p class=\"atb-ticket-final__text atb-ticket-final-reveal\">\n                Chaque saison apporte de nouvelles cr\u00e9ations, de nouvelles\n                \u00e9motions et de nouvelles rencontres. Consultez r\u00e9guli\u00e8rement\n                notre programmation pour ne rien manquer.\n            <\/p>\n\n            <div class=\"atb-ticket-final__actions atb-ticket-final-reveal\">\n\n                <a href=\"#evenements\"\n                   class=\"atb-ticket-final__button atb-ticket-final__button--gold\">\n\n                    <span>Voir les \u00e9v\u00e9nements<\/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=\"\/contact\/\"\n                   class=\"atb-ticket-final__button atb-ticket-final__button--outline\">\n\n                    <span>Nous contacter<\/span>\n\n                    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                        <path d=\"M4 5h16v14H4z\"\/>\n                        <path d=\"m4 6 8 7 8-7\"\/>\n                    <\/svg>\n\n                <\/a>\n\n            <\/div>\n\n        <\/div>\n\n        <!-- \u00c9l\u00e9ment d\u00e9coratif -->\n        <div class=\"atb-ticket-final__ticket atb-ticket-final-reveal\"\n             aria-hidden=\"true\">\n\n            <div class=\"atb-ticket-final__ticket-top\">\n\n                <span>ATB<\/span>\n\n                <svg viewBox=\"0 0 24 24\">\n                    <path d=\"M4 6.5A2.5 2.5 0 0 1 6.5 4h11A2.5 2.5 0 0 1 20 6.5V9a3 3 0 0 0 0 6v2.5a2.5 2.5 0 0 1-2.5 2.5h-11A2.5 2.5 0 0 1 4 17.5V15a3 3 0 0 0 0-6V6.5Z\"\/>\n                <\/svg>\n\n            <\/div>\n\n            <div class=\"atb-ticket-final__ticket-line\"><\/div>\n\n            <div class=\"atb-ticket-final__ticket-body\">\n\n                <span class=\"atb-ticket-final__ticket-label\">\n                    Votre prochaine \u00e9motion\n                <\/span>\n\n                <strong>\n                    Th\u00e9\u00e2tre \u2022 Culture \u2022 Rencontre\n                <\/strong>\n\n            <\/div>\n\n            <div class=\"atb-ticket-final__ticket-code\">\n                01 \u2014 ATB \u2014 SC\u00c8NE\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n    <!-- Ligne d\u00e9corative -->\n    <div class=\"atb-ticket-final__bottom-line\" aria-hidden=\"true\"><\/div>\n\n<\/section>\n\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Archivo:wght@400;500;600;700&family=Fraunces:opsz,wght@9..144,500;9..144,600;9..144,700&display=swap');\n\n.atb-ticket-final {\n    --atb-bordeaux: #60052D;\n    --atb-bordeaux-dark: #250011;\n    --atb-bordeaux-deep: #160008;\n    --atb-gold: #CC9933;\n    --atb-gold-light: #E6C36B;\n    --atb-white: #FFFFFF;\n    --atb-cream: #F7F1E7;\n\n    position: relative;\n    width: 100%;\n    min-height: 690px;\n    overflow: hidden;\n    display: flex;\n    align-items: center;\n    isolation: isolate;\n    background: var(--atb-bordeaux-dark);\n    color: var(--atb-white);\n    font-family: \"Archivo\", sans-serif;\n}\n\n.atb-ticket-final *,\n.atb-ticket-final *::before,\n.atb-ticket-final *::after {\n    box-sizing: border-box;\n}\n\n\n\/* =====================================================\n   IMAGE DE FOND\n===================================================== *\/\n\n.atb-ticket-final__media {\n    position: absolute;\n    inset: 0;\n    z-index: -5;\n\n    \/*\n    Tu pourras remplacer cette image par une photo\n    de public applaudissant ou une sc\u00e8ne de spectacle.\n    *\/\n\n    background-image:\n        url(\"https:\/\/atb.bf\/atb-v2\/wp-content\/uploads\/2026\/07\/capo-2026.jpg\");\n\n    background-size: cover;\n    background-position: center center;\n    transform: scale(1.04);\n    transition: transform 10s ease;\n}\n\n.atb-ticket-final:hover .atb-ticket-final__media {\n    transform: scale(1.08);\n}\n\n.atb-ticket-final__overlay {\n    position: absolute;\n    inset: 0;\n    z-index: -4;\n    background:\n        linear-gradient(\n            90deg,\n            rgba(25, 0, 12, 0.96) 0%,\n            rgba(63, 3, 32, 0.91) 42%,\n            rgba(96, 5, 45, 0.66) 72%,\n            rgba(28, 0, 14, 0.54) 100%\n        ),\n        linear-gradient(\n            180deg,\n            rgba(15, 0, 7, 0.25) 0%,\n            rgba(15, 0, 7, 0.72) 100%\n        );\n}\n\n.atb-ticket-final__glow {\n    position: absolute;\n    z-index: -3;\n    top: 50%;\n    left: 12%;\n    width: 580px;\n    height: 580px;\n    border-radius: 50%;\n    background: rgba(204, 153, 51, 0.12);\n    filter: blur(110px);\n    transform: translateY(-50%);\n    pointer-events: none;\n}\n\n.atb-ticket-final__texture {\n    position: absolute;\n    inset: 0;\n    z-index: -2;\n    opacity: 0.1;\n    pointer-events: none;\n    background-image:\n        radial-gradient(\n            rgba(255, 255, 255, 0.5) 0.6px,\n            transparent 0.6px\n        );\n    background-size: 7px 7px;\n}\n\n\n\/* =====================================================\n   CONTENEUR\n===================================================== *\/\n\n.atb-ticket-final__container {\n    position: relative;\n    z-index: 4;\n    width: min(1200px, calc(100% - 80px));\n    margin: 0 auto;\n    padding: 120px 0;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 85px;\n}\n\n.atb-ticket-final__content {\n    width: min(720px, 100%);\n}\n\n\n\/* =====================================================\n   TEXTE\n===================================================== *\/\n\n.atb-ticket-final__eyebrow {\n    display: inline-flex;\n    align-items: center;\n    gap: 11px;\n    margin-bottom: 20px;\n    color: var(--atb-gold-light);\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.18em;\n    text-transform: uppercase;\n}\n\n.atb-ticket-final__eyebrow::before {\n    content: \"\";\n    width: 35px;\n    height: 1px;\n    background: var(--atb-gold);\n}\n\n.atb-ticket-final__title {\n    max-width: 760px;\n    margin: 0;\n    color: var(--atb-white);\n    font-family: \"Fraunces\", serif;\n    font-size: clamp(54px, 6vw, 88px);\n    font-weight: 600;\n    line-height: 0.99;\n    letter-spacing: -0.045em;\n}\n\n.atb-ticket-final__title span {\n    display: block;\n    color: var(--atb-gold-light);\n    font-style: italic;\n    font-weight: 500;\n}\n\n.atb-ticket-final__text {\n    max-width: 620px;\n    margin: 29px 0 0;\n    color: rgba(255, 255, 255, 0.78);\n    font-size: 17px;\n    line-height: 1.75;\n}\n\n\n\/* =====================================================\n   BOUTONS\n===================================================== *\/\n\n.atb-ticket-final__actions {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 14px;\n    margin-top: 37px;\n}\n\n.atb-ticket-final__button {\n    position: relative;\n    min-height: 58px;\n    padding: 0 26px;\n    border-radius: 100px;\n    overflow: hidden;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 13px;\n    text-decoration: none !important;\n    font-family: \"Archivo\", sans-serif;\n    font-size: 14px;\n    font-weight: 700;\n    line-height: 1;\n    transition:\n        transform 0.35s ease,\n        background-color 0.35s ease,\n        border-color 0.35s ease,\n        box-shadow 0.35s ease;\n}\n\n.atb-ticket-final__button span,\n.atb-ticket-final__button svg {\n    position: relative;\n    z-index: 2;\n}\n\n.atb-ticket-final__button 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-ticket-final__button:hover {\n    transform: translateY(-3px);\n}\n\n.atb-ticket-final__button:hover svg {\n    transform: translateX(4px);\n}\n\n.atb-ticket-final__button--gold {\n    border: 1px solid var(--atb-gold);\n    background: var(--atb-gold);\n    color: var(--atb-bordeaux) !important;\n    box-shadow: 0 16px 38px rgba(204, 153, 51, 0.22);\n}\n\n.atb-ticket-final__button--gold::before {\n    content: \"\";\n    position: absolute;\n    top: -50%;\n    left: -80%;\n    width: 48%;\n    height: 200%;\n    background: rgba(255, 255, 255, 0.28);\n    transform: rotate(24deg);\n    transition: left 0.65s ease;\n}\n\n.atb-ticket-final__button--gold:hover::before {\n    left: 135%;\n}\n\n.atb-ticket-final__button--outline {\n    border: 1px solid rgba(255, 255, 255, 0.42);\n    background: rgba(255, 255, 255, 0.08);\n    color: var(--atb-white) !important;\n    backdrop-filter: blur(10px);\n    -webkit-backdrop-filter: blur(10px);\n}\n\n.atb-ticket-final__button--outline:hover {\n    border-color: rgba(255, 255, 255, 0.8);\n    background: rgba(255, 255, 255, 0.15);\n}\n\n\n\/* =====================================================\n   BILLET D\u00c9CORATIF\n===================================================== *\/\n\n.atb-ticket-final__ticket {\n    position: relative;\n    width: 315px;\n    flex: 0 0 315px;\n    padding: 28px;\n    overflow: hidden;\n    border: 1px solid rgba(255, 255, 255, 0.24);\n    border-radius: 25px;\n    background:\n        linear-gradient(\n            145deg,\n            rgba(255, 255, 255, 0.15),\n            rgba(255, 255, 255, 0.06)\n        );\n    backdrop-filter: blur(18px);\n    -webkit-backdrop-filter: blur(18px);\n    box-shadow: 0 28px 75px rgba(15, 0, 7, 0.28);\n    transform: rotate(4deg);\n    transition: transform 0.45s ease;\n}\n\n.atb-ticket-final__ticket:hover {\n    transform: rotate(1deg) translateY(-6px);\n}\n\n.atb-ticket-final__ticket::before,\n.atb-ticket-final__ticket::after {\n    content: \"\";\n    position: absolute;\n    top: 54%;\n    width: 30px;\n    height: 30px;\n    border-radius: 50%;\n    background: rgba(31, 0, 15, 0.96);\n    transform: translateY(-50%);\n}\n\n.atb-ticket-final__ticket::before {\n    left: -16px;\n}\n\n.atb-ticket-final__ticket::after {\n    right: -16px;\n}\n\n.atb-ticket-final__ticket-top {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n}\n\n.atb-ticket-final__ticket-top span {\n    color: var(--atb-gold-light);\n    font-family: \"Fraunces\", serif;\n    font-size: 33px;\n    font-weight: 600;\n}\n\n.atb-ticket-final__ticket-top svg {\n    width: 30px;\n    height: 30px;\n    fill: none;\n    stroke: var(--atb-gold-light);\n    stroke-width: 1.5;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n}\n\n.atb-ticket-final__ticket-line {\n    margin: 25px 0;\n    border-top: 1px dashed rgba(255, 255, 255, 0.28);\n}\n\n.atb-ticket-final__ticket-body {\n    display: flex;\n    flex-direction: column;\n    gap: 9px;\n}\n\n.atb-ticket-final__ticket-label {\n    color: rgba(255, 255, 255, 0.55);\n    font-size: 9px;\n    font-weight: 700;\n    letter-spacing: 0.16em;\n    text-transform: uppercase;\n}\n\n.atb-ticket-final__ticket-body strong {\n    color: var(--atb-white);\n    font-family: \"Fraunces\", serif;\n    font-size: 23px;\n    font-weight: 500;\n    line-height: 1.35;\n}\n\n.atb-ticket-final__ticket-code {\n    margin-top: 31px;\n    padding-top: 20px;\n    border-top: 1px solid rgba(255, 255, 255, 0.12);\n    color: rgba(255, 255, 255, 0.45);\n    font-size: 8px;\n    font-weight: 700;\n    letter-spacing: 0.2em;\n    text-align: center;\n    text-transform: uppercase;\n}\n\n\n\/* =====================================================\n   LIGNE BASSE\n===================================================== *\/\n\n.atb-ticket-final__bottom-line {\n    position: absolute;\n    z-index: 5;\n    left: 0;\n    bottom: 0;\n    width: 100%;\n    height: 4px;\n    background:\n        linear-gradient(\n            90deg,\n            transparent 0%,\n            var(--atb-gold) 30%,\n            var(--atb-gold-light) 50%,\n            var(--atb-gold) 70%,\n            transparent 100%\n        );\n}\n\n\n\/* =====================================================\n   ANIMATIONS S\u00c9CURIS\u00c9ES\n===================================================== *\/\n\n.atb-ticket-final.atb-ticket-final-animation-ready\n.atb-ticket-final-reveal {\n    opacity: 0;\n    transform: translateY(28px);\n}\n\n.atb-ticket-final.atb-ticket-final-animation-ready\n.atb-ticket-final-reveal.atb-ticket-final-visible {\n    opacity: 1;\n    transform: translateY(0);\n    transition:\n        opacity 0.8s ease,\n        transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);\n}\n\n.atb-ticket-final.atb-ticket-final-animation-ready\n.atb-ticket-final__title.atb-ticket-final-visible {\n    transition-delay: 0.1s;\n}\n\n.atb-ticket-final.atb-ticket-final-animation-ready\n.atb-ticket-final__text.atb-ticket-final-visible {\n    transition-delay: 0.2s;\n}\n\n.atb-ticket-final.atb-ticket-final-animation-ready\n.atb-ticket-final__actions.atb-ticket-final-visible {\n    transition-delay: 0.3s;\n}\n\n.atb-ticket-final.atb-ticket-final-animation-ready\n.atb-ticket-final__ticket.atb-ticket-final-visible {\n    transition-delay: 0.35s;\n}\n\n\n\/* =====================================================\n   TABLETTE\n===================================================== *\/\n\n@media (max-width: 1024px) {\n\n    .atb-ticket-final__container {\n        width: min(100% - 56px, 960px);\n        gap: 55px;\n    }\n\n    .atb-ticket-final__ticket {\n        width: 280px;\n        flex-basis: 280px;\n    }\n}\n\n\n\/* =====================================================\n   MOBILE\n===================================================== *\/\n\n@media (max-width: 767px) {\n\n    .atb-ticket-final {\n        min-height: auto;\n    }\n\n    .atb-ticket-final__media {\n        background-position: center center;\n    }\n\n    .atb-ticket-final__overlay {\n        background:\n            linear-gradient(\n                180deg,\n                rgba(34, 0, 16, 0.72) 0%,\n                rgba(35, 0, 17, 0.95) 100%\n            );\n    }\n\n    .atb-ticket-final__container {\n        width: calc(100% - 34px);\n        padding: 90px 0;\n        flex-direction: column;\n        align-items: flex-start;\n        gap: 50px;\n    }\n\n    .atb-ticket-final__title {\n        font-size: clamp(47px, 13vw, 64px);\n        line-height: 1.01;\n    }\n\n    .atb-ticket-final__text {\n        font-size: 15px;\n        line-height: 1.7;\n    }\n\n    .atb-ticket-final__actions {\n        width: 100%;\n        flex-direction: column;\n        align-items: stretch;\n    }\n\n    .atb-ticket-final__button {\n        width: 100%;\n        min-height: 56px;\n    }\n\n    .atb-ticket-final__ticket {\n        width: 100%;\n        flex-basis: auto;\n        transform: rotate(0deg);\n    }\n\n    .atb-ticket-final__ticket:hover {\n        transform: translateY(-5px);\n    }\n}\n\n\n\/* =====================================================\n   PETITS MOBILES\n===================================================== *\/\n\n@media (max-width: 390px) {\n\n    .atb-ticket-final__container {\n        width: calc(100% - 26px);\n    }\n\n    .atb-ticket-final__title {\n        font-size: 43px;\n    }\n}\n\n\n\/* =====================================================\n   ACCESSIBILIT\u00c9\n===================================================== *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n    .atb-ticket-final__media,\n    .atb-ticket-final__ticket,\n    .atb-ticket-final__button,\n    .atb-ticket-final__button svg {\n        transition: none;\n    }\n\n    .atb-ticket-final.atb-ticket-final-animation-ready\n    .atb-ticket-final-reveal,\n    .atb-ticket-final.atb-ticket-final-animation-ready\n    .atb-ticket-final-reveal.atb-ticket-final-visible {\n        opacity: 1;\n        transform: none;\n        transition: none;\n    }\n}\n<\/style>\n\n<script>\n(function () {\n\n    function initAtbTicketFinal() {\n\n        var section = document.querySelector(\".atb-ticket-final\");\n\n        if (!section || section.dataset.initialized === \"true\") {\n            return;\n        }\n\n        section.dataset.initialized = \"true\";\n\n        var elements = section.querySelectorAll(\n            \".atb-ticket-final-reveal\"\n        );\n\n        if (!(\"IntersectionObserver\" in window)) {\n            return;\n        }\n\n        section.classList.add(\n            \"atb-ticket-final-animation-ready\"\n        );\n\n        var observer = new IntersectionObserver(\n            function (entries) {\n\n                entries.forEach(function (entry) {\n\n                    if (entry.isIntersecting) {\n\n                        entry.target.classList.add(\n                            \"atb-ticket-final-visible\"\n                        );\n\n                        observer.unobserve(entry.target);\n                    }\n\n                });\n\n            },\n            {\n                threshold: 0.12,\n                rootMargin: \"0px 0px -40px 0px\"\n            }\n        );\n\n        elements.forEach(function (element) {\n            observer.observe(element);\n        });\n    }\n\n    if (document.readyState === \"loading\") {\n\n        document.addEventListener(\n            \"DOMContentLoaded\",\n            initAtbTicketFinal\n        );\n\n    } else {\n\n        initAtbTicketFinal();\n    }\n\n    window.addEventListener(\n        \"load\",\n        initAtbTicketFinal\n    );\n\n})();\n<\/script>\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>ATELIER TH\u00c9\u00c2TRE BURKINAB\u00c8 Billetterie officielle de l\u2019ATB Chaque repr\u00e9sentation est une rencontre unique. R\u00e9servez votre place en quelques clics et vivez l\u2019\u00e9motion du th\u00e9\u00e2tre burkinab\u00e8 au c\u0153ur de l\u2019Atelier 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-78","page","type-page","status-publish","hentry"],"ticketed":false,"_links":{"self":[{"href":"https:\/\/atb.bf\/atb-v2\/wp-json\/wp\/v2\/pages\/78","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=78"}],"version-history":[{"count":7,"href":"https:\/\/atb.bf\/atb-v2\/wp-json\/wp\/v2\/pages\/78\/revisions"}],"predecessor-version":[{"id":1960,"href":"https:\/\/atb.bf\/atb-v2\/wp-json\/wp\/v2\/pages\/78\/revisions\/1960"}],"wp:attachment":[{"href":"https:\/\/atb.bf\/atb-v2\/wp-json\/wp\/v2\/media?parent=78"}],"wp:term":[{"taxonomy":"wf_page_folders","embeddable":true,"href":"https:\/\/atb.bf\/atb-v2\/wp-json\/wp\/v2\/wf_page_folders?post=78"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}