{"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-09-16T18:32:51","modified_gmt":"2026-09-16T16:32:51","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-b6d4976 e-con e-atomic-element e-flexbox-base e-default-div e-c1cc5f2 \" data-id=\"b6d4976\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"b6d4976\" data-e-type=\"e-flexbox\" data-id=\"b6d4976\">\n    \t\t<div class=\"elementor-element elementor-element-b5d21b9 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"b5d21b9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\n     ATELIER TH\u00c9\u00c2TRE BURKINAB\u00c8\n     BILLETTERIE \u2014 VERSION FRAN\u00c7AISE D\u00c9FINITIVE\n     PARTIE 01 : HERO + \u00c9V\u00c9NEMENTS\n============================================================ -->\n\n<div class=\"atb-ticketing-fr\">\n\n<!-- ============================================================\n     01 \u2014 HERO\n============================================================ -->\n\n<section class=\"atb-ticket-hero\" id=\"billetterie\">\n\n    <div class=\"atb-ticket-hero__image\" aria-hidden=\"true\"><\/div>\n    <div class=\"atb-ticket-hero__overlay\" aria-hidden=\"true\"><\/div>\n    <div class=\"atb-ticket-hero__light\" aria-hidden=\"true\"><\/div>\n\n    <div class=\"atb-ticket-hero__container\">\n\n        <div class=\"atb-ticket-hero__content\">\n\n            <div class=\"atb-ticket-hero__eyebrow\">\n                <span><\/span>\n                Billetterie officielle de l\u2019ATB\n            <\/div>\n\n            <h1 class=\"atb-ticket-hero__title\">\n                Chaque repr\u00e9sentation\n                <span>est une rencontre unique.<\/span>\n            <\/h1>\n\n            <p class=\"atb-ticket-hero__intro\">\n                D\u00e9couvrez la programmation de l\u2019Atelier Th\u00e9\u00e2tre Burkinab\u00e8\n                et r\u00e9servez votre place pour vivre la sc\u00e8ne au plus pr\u00e8s\n                des artistes.\n            <\/p>\n\n            <div class=\"atb-ticket-hero__actions\">\n\n                <a href=\"#evenements\"\n                   class=\"atb-ticket-btn atb-ticket-btn--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                <!--\n                Si le slug Agenda est diff\u00e9rent,\n                remplacer simplement l'URL ci-dessous.\n                -->\n\n                <a href=\"\/atb-v2\/agenda\/\"\n                   class=\"atb-ticket-btn atb-ticket-btn--glass\">\n\n                    <span>Agenda 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\n                <\/a>\n\n            <\/div>\n\n            <div class=\"atb-ticket-hero__meta\">\n\n                <div class=\"atb-ticket-hero__meta-item\">\n\n                    <span class=\"atb-ticket-hero__meta-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                        <\/svg>\n\n                    <\/span>\n\n                    <span>\n                        R\u00e9servation en ligne selon les \u00e9v\u00e9nements\n                    <\/span>\n\n                <\/div>\n\n                <div class=\"atb-ticket-hero__meta-separator\"><\/div>\n\n                <div class=\"atb-ticket-hero__meta-item\">\n\n                    <span class=\"atb-ticket-hero__meta-icon\">\n\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\n                    <\/span>\n\n                    <span>\n                        Espace ATB \u2022 Ouagadougou\n                    <\/span>\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n\n        <!-- Signature visuelle -->\n\n        <div class=\"atb-ticket-hero__signature\" aria-hidden=\"true\">\n\n            <span class=\"atb-ticket-hero__signature-number\">\n                01\n            <\/span>\n\n            <span class=\"atb-ticket-hero__signature-line\"><\/span>\n\n            <span class=\"atb-ticket-hero__signature-text\">\n                R\u00e9server<br>\n                <strong>Vivre la sc\u00e8ne<\/strong>\n            <\/span>\n\n        <\/div>\n\n    <\/div>\n\n\n    <!-- Scroll -->\n\n    <a href=\"#evenements\"\n       class=\"atb-ticket-hero__scroll\"\n       aria-label=\"D\u00e9couvrir les \u00e9v\u00e9nements\">\n\n        <span>D\u00e9couvrir<\/span>\n\n        <span class=\"atb-ticket-hero__scroll-line\"><\/span>\n\n    <\/a>\n\n\n    <!-- Transition vers la section suivante -->\n\n    <div class=\"atb-ticket-hero__curve\" aria-hidden=\"true\">\n\n        <svg viewBox=\"0 0 1440 90\"\n             preserveAspectRatio=\"none\">\n\n            <path\n                d=\"M0 56C250 96 474 8 735 42C1008 77 1194 102 1440 46V90H0Z\"\n                fill=\"#F7F1E7\"\n            \/>\n\n        <\/svg>\n\n    <\/div>\n\n<\/section>\n\n\n<!-- ============================================================\n     02 \u2014 \u00c9V\u00c9NEMENTS EN COURS\n============================================================ -->\n\n<section class=\"atb-ticket-events\" id=\"evenements\">\n\n    <div class=\"atb-ticket-events__circle\" aria-hidden=\"true\"><\/div>\n\n    <div class=\"atb-ticket-events__container\">\n\n\n        <!-- EN-T\u00caTE -->\n\n        <header class=\"atb-ticket-events__header\">\n\n            <div>\n\n                <span class=\"atb-ticket-events__eyebrow\">\n                    Programmation\n                <\/span>\n\n                <h2 class=\"atb-ticket-events__title\">\n                    \u00c0 l\u2019<em>affiche<\/em>\n                <\/h2>\n\n                <p class=\"atb-ticket-events__intro\">\n                    Retrouvez ici les spectacles et \u00e9v\u00e9nements\n                    actuellement ouverts \u00e0 la r\u00e9servation.\n                <\/p>\n\n            <\/div>\n\n            <a href=\"\/atb-v2\/agenda\/\"\n               class=\"atb-ticket-events__agenda\">\n\n                <span>Consulter 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        <\/header>\n\n\n        <!-- ====================================================\n             \u00c9TAT ACTUEL : AUCUNE R\u00c9SERVATION ACTIVE\n\n             Ce bloc est affich\u00e9 tant qu'aucun \u00e9v\u00e9nement\n             avec lien de r\u00e9servation v\u00e9rifi\u00e9 n'est disponible.\n        ===================================================== -->\n\n        <div class=\"atb-ticket-empty\">\n\n            <!-- Visuel gauche -->\n\n            <div class=\"atb-ticket-empty__visual\">\n\n                <div class=\"atb-ticket-empty__photo\">\n\n                    <img decoding=\"async\"\n                        src=\"https:\/\/atb.bf\/atb-v2\/wp-content\/uploads\/2026\/07\/capo-2026.jpg\"\n                        alt=\"Activit\u00e9 artistique de l\u2019Atelier Th\u00e9\u00e2tre Burkinab\u00e8\"\n                        loading=\"lazy\"\n                    >\n\n                    <div class=\"atb-ticket-empty__photo-overlay\"><\/div>\n\n                    <div class=\"atb-ticket-empty__photo-label\">\n                        <span>ATB<\/span>\n                        <strong>La sc\u00e8ne continue<\/strong>\n                    <\/div>\n\n                <\/div>\n\n                <div class=\"atb-ticket-empty__ticket\"\n                     aria-hidden=\"true\">\n\n                    <span>PROCHAINEMENT<\/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>\n\n\n            <!-- Texte droit -->\n\n            <div class=\"atb-ticket-empty__content\">\n\n                <span class=\"atb-ticket-empty__eyebrow\">\n                    Prochainement\n                <\/span>\n\n                <h3>\n                    De nouvelles rencontres\n                    <em>se pr\u00e9parent.<\/em>\n                <\/h3>\n\n                <p>\n                    Aucun \u00e9v\u00e9nement n\u2019est actuellement affich\u00e9\n                    comme ouvert \u00e0 la r\u00e9servation en ligne.\n                    La programmation de l\u2019ATB \u00e9volue au fil\n                    de la saison : consultez r\u00e9guli\u00e8rement\n                    notre agenda pour d\u00e9couvrir les prochaines\n                    repr\u00e9sentations.\n                <\/p>\n\n                <div class=\"atb-ticket-empty__actions\">\n\n                    <a href=\"\/atb-v2\/agenda\/\"\n                       class=\"atb-ticket-empty__button\">\n\n                        <span>D\u00e9couvrir 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                <div class=\"atb-ticket-empty__note\">\n\n                    <span class=\"atb-ticket-empty__note-icon\">\n\n                        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                            <circle cx=\"12\" cy=\"12\" r=\"9\"\/>\n                            <path d=\"M12 8v4M12 16h.01\"\/>\n                        <\/svg>\n\n                    <\/span>\n\n                    <span>\n                        Les informations de r\u00e9servation appara\u00eetront\n                        ici d\u00e8s l\u2019ouverture de la billetterie\n                        d\u2019un \u00e9v\u00e9nement.\n                    <\/span>\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n\n        <!-- ====================================================\n             MOD\u00c8LE \u00c9V\u00c9NEMENT \u2014 D\u00c9SACTIV\u00c9\n\n             IMPORTANT :\n             Ne pas supprimer.\n\n             Lorsqu'un \u00e9v\u00e9nement sera r\u00e9ellement disponible :\n             1. Copier ce bloc hors du commentaire.\n             2. Remplir les informations v\u00e9rifi\u00e9es.\n             3. Ajouter le v\u00e9ritable lien Yeele.\n             4. Masquer .atb-ticket-empty.\n        =====================================================\n\n        <div class=\"atb-ticket-events__grid\">\n\n            <article class=\"atb-ticket-card\">\n\n                <div class=\"atb-ticket-card__media\">\n\n                    <img decoding=\"async\"\n                        src=\"URL-IMAGE\"\n                        alt=\"NOM-EVENEMENT\"\n                    >\n\n                    <span class=\"atb-ticket-card__badge\">\n                        Nouveau\n                    <\/span>\n\n                <\/div>\n\n                <div class=\"atb-ticket-card__content\">\n\n                    <span class=\"atb-ticket-card__category\">\n                        Th\u00e9\u00e2tre\n                    <\/span>\n\n                    <h3>\n                        NOM DE L'\u00c9V\u00c9NEMENT\n                    <\/h3>\n\n                    <div class=\"atb-ticket-card__infos\">\n\n                        <span>\n                            DATE\n                        <\/span>\n\n                        <span>\n                            HEURE\n                        <\/span>\n\n                        <span>\n                            LIEU\n                        <\/span>\n\n                        <span>\n                            TARIF\n                        <\/span>\n\n                    <\/div>\n\n                    <a\n                        href=\"URL-YEELE\"\n                        target=\"_blank\"\n                        rel=\"noopener noreferrer\"\n                        class=\"atb-ticket-card__button\"\n                    >\n                        Acheter sur Yeele\n                    <\/a>\n\n                <\/div>\n\n            <\/article>\n\n        <\/div>\n\n        ==================================================== -->\n\n\n    <\/div>\n\n<\/section>\n\n<\/div>\n\n\n<style>\n\n\/* ============================================================\n   FONTS\n============================================================ *\/\n\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Archivo:wght@400;500;600;700&family=Fraunces:ital,opsz,wght@0,9..144,500;0,9..144,600;0,9..144,700;1,9..144,500;1,9..144,600&display=swap');\n\n\n\/* ============================================================\n   VARIABLES\n============================================================ *\/\n\n.atb-ticketing-fr {\n\n    --atb-bordeaux: #60052D;\n    --atb-bordeaux-dark: #340018;\n    --atb-bordeaux-deep: #1D000D;\n\n    --atb-gold: #CC9933;\n    --atb-gold-light: #E5BF67;\n\n    --atb-cream: #F7F1E7;\n    --atb-cream-light: #FCF9F4;\n\n    --atb-white: #FFFFFF;\n\n    --atb-text: #31282C;\n    --atb-muted: #756B70;\n\n    width: 100%;\n    overflow: hidden;\n\n    font-family: \"Archivo\", sans-serif;\n}\n\n.atb-ticketing-fr *,\n.atb-ticketing-fr *::before,\n.atb-ticketing-fr *::after {\n    box-sizing: border-box;\n}\n\n\n\/* ============================================================\n   HERO\n============================================================ *\/\n\n.atb-ticket-hero {\n\n    position: relative;\n\n    width: 100%;\n    min-height: 820px;\n\n    overflow: hidden;\n\n    display: flex;\n    align-items: center;\n\n    isolation: isolate;\n\n    background: var(--atb-bordeaux-deep);\n\n    color: var(--atb-white);\n}\n\n\n\/* PHOTO *\/\n\n.atb-ticket-hero__image {\n\n    position: absolute;\n    inset: 0;\n\n    z-index: -5;\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 38%;\n\n    transform: scale(1.025);\n\n    animation:\n        atbHeroImage 16s ease-out forwards;\n}\n\n@keyframes atbHeroImage {\n\n    from {\n        transform: scale(1.025);\n    }\n\n    to {\n        transform: scale(1.075);\n    }\n\n}\n\n\n\/* OVERLAY *\/\n\n.atb-ticket-hero__overlay {\n\n    position: absolute;\n    inset: 0;\n\n    z-index: -4;\n\n    background:\n\n        linear-gradient(\n            90deg,\n            rgba(24,0,11,.96) 0%,\n            rgba(42,0,20,.91) 34%,\n            rgba(67,3,33,.68) 61%,\n            rgba(22,0,11,.27) 100%\n        ),\n\n        linear-gradient(\n            180deg,\n            rgba(20,0,9,.20) 0%,\n            rgba(20,0,9,.18) 52%,\n            rgba(20,0,9,.80) 100%\n        );\n}\n\n\n\/* LUMI\u00c8RE *\/\n\n.atb-ticket-hero__light {\n\n    position: absolute;\n\n    z-index: -3;\n\n    top: 50%;\n    left: 23%;\n\n    width: 550px;\n    height: 550px;\n\n    border-radius: 50%;\n\n    background:\n        rgba(204,153,51,.12);\n\n    filter: blur(125px);\n\n    transform:\n        translate(-50%, -50%);\n\n    pointer-events: none;\n}\n\n\n\/* CONTAINER *\/\n\n.atb-ticket-hero__container {\n\n    position: relative;\n\n    width:\n        min(1240px, calc(100% - 80px));\n\n    margin: 0 auto;\n\n    padding:\n        130px 0 155px;\n\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n\n    gap: 60px;\n}\n\n\n\/* CONTENT *\/\n\n.atb-ticket-hero__content {\n\n    width: min(780px, 72%);\n}\n\n\n\/* EYEBROW *\/\n\n.atb-ticket-hero__eyebrow {\n\n    display: flex;\n    align-items: center;\n\n    gap: 12px;\n\n    margin-bottom: 22px;\n\n    color:\n        var(--atb-gold-light);\n\n    font-size: 11px;\n    font-weight: 700;\n\n    letter-spacing: .19em;\n\n    text-transform: uppercase;\n\n    animation:\n        atbFadeUp .8s ease both;\n}\n\n.atb-ticket-hero__eyebrow span {\n\n    width: 38px;\n    height: 1px;\n\n    background:\n        var(--atb-gold);\n}\n\n\n\/* TITLE *\/\n\n.atb-ticket-hero__title {\n\n    max-width: 820px;\n\n    margin: 0;\n\n    color:\n        var(--atb-white);\n\n    font-family:\n        \"Fraunces\", serif;\n\n    font-size:\n        clamp(59px, 6vw, 91px);\n\n    font-weight: 600;\n\n    line-height: .98;\n\n    letter-spacing: -.045em;\n\n    animation:\n        atbFadeUp .9s .08s ease both;\n}\n\n.atb-ticket-hero__title span {\n\n    display: block;\n\n    margin-top: 7px;\n\n    color:\n        var(--atb-gold-light);\n\n    font-style: italic;\n    font-weight: 500;\n}\n\n\n\/* INTRO *\/\n\n.atb-ticket-hero__intro {\n\n    max-width: 650px;\n\n    margin:\n        30px 0 0;\n\n    color:\n        rgba(255,255,255,.80);\n\n    font-size: 17px;\n\n    line-height: 1.75;\n\n    animation:\n        atbFadeUp .9s .16s ease both;\n}\n\n\n\/* ACTIONS *\/\n\n.atb-ticket-hero__actions {\n\n    display: flex;\n    flex-wrap: wrap;\n\n    gap: 14px;\n\n    margin-top: 36px;\n\n    animation:\n        atbFadeUp .9s .24s ease both;\n}\n\n\n\/* BUTTON *\/\n\n.atb-ticket-btn {\n\n    min-height: 58px;\n\n    padding:\n        0 27px;\n\n    border-radius: 100px;\n\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n\n    gap: 12px;\n\n    text-decoration: none !important;\n\n    font-size: 13px;\n    font-weight: 700;\n\n    transition:\n        transform .3s ease,\n        background-color .3s ease,\n        border-color .3s ease;\n}\n\n.atb-ticket-btn:hover {\n\n    transform:\n        translateY(-3px);\n}\n\n.atb-ticket-btn svg {\n\n    width: 18px;\n    height: 18px;\n\n    fill: none;\n\n    stroke:\n        currentColor;\n\n    stroke-width: 1.8;\n\n    stroke-linecap: round;\n    stroke-linejoin: round;\n\n    transition:\n        transform .3s ease;\n}\n\n.atb-ticket-btn:hover svg {\n\n    transform:\n        translateX(3px);\n}\n\n\n\/* GOLD *\/\n\n.atb-ticket-btn--gold {\n\n    border:\n        1px solid var(--atb-gold);\n\n    background:\n        var(--atb-gold);\n\n    color:\n        var(--atb-bordeaux) !important;\n\n    box-shadow:\n        0 16px 40px rgba(204,153,51,.20);\n}\n\n.atb-ticket-btn--gold:hover {\n\n    background:\n        var(--atb-gold-light);\n}\n\n\n\/* GLASS *\/\n\n.atb-ticket-btn--glass {\n\n    border:\n        1px solid rgba(255,255,255,.38);\n\n    background:\n        rgba(255,255,255,.08);\n\n    color:\n        var(--atb-white) !important;\n\n    backdrop-filter:\n        blur(10px);\n\n    -webkit-backdrop-filter:\n        blur(10px);\n}\n\n.atb-ticket-btn--glass:hover {\n\n    border-color:\n        rgba(255,255,255,.75);\n\n    background:\n        rgba(255,255,255,.14);\n}\n\n\n\/* META *\/\n\n.atb-ticket-hero__meta {\n\n    display: flex;\n    align-items: center;\n\n    gap: 20px;\n\n    margin-top: 36px;\n\n    animation:\n        atbFadeUp .9s .32s ease both;\n}\n\n.atb-ticket-hero__meta-item {\n\n    display: flex;\n    align-items: center;\n\n    gap: 9px;\n\n    color:\n        rgba(255,255,255,.64);\n\n    font-size: 11px;\n\n    line-height: 1.4;\n}\n\n.atb-ticket-hero__meta-icon {\n\n    color:\n        var(--atb-gold-light);\n}\n\n.atb-ticket-hero__meta-icon svg {\n\n    width: 17px;\n    height: 17px;\n\n    display: block;\n\n    fill: none;\n\n    stroke:\n        currentColor;\n\n    stroke-width: 1.7;\n\n    stroke-linecap: round;\n    stroke-linejoin: round;\n}\n\n.atb-ticket-hero__meta-separator {\n\n    width: 1px;\n    height: 22px;\n\n    background:\n        rgba(255,255,255,.20);\n}\n\n\n\/* SIGNATURE *\/\n\n.atb-ticket-hero__signature {\n\n    position: relative;\n\n    flex: 0 0 190px;\n\n    display: flex;\n    flex-direction: column;\n\n    align-items: flex-end;\n\n    color:\n        rgba(255,255,255,.62);\n\n    animation:\n        atbFadeLeft 1s .35s ease both;\n}\n\n.atb-ticket-hero__signature-number {\n\n    color:\n        var(--atb-gold-light);\n\n    font-family:\n        \"Fraunces\", serif;\n\n    font-size: 76px;\n\n    font-weight: 500;\n\n    line-height: 1;\n}\n\n.atb-ticket-hero__signature-line {\n\n    width: 110px;\n    height: 1px;\n\n    margin:\n        17px 0;\n\n    background:\n        linear-gradient(\n            90deg,\n            transparent,\n            var(--atb-gold)\n        );\n}\n\n.atb-ticket-hero__signature-text {\n\n    font-size: 10px;\n\n    line-height: 1.7;\n\n    letter-spacing: .15em;\n\n    text-align: right;\n\n    text-transform: uppercase;\n}\n\n.atb-ticket-hero__signature-text strong {\n\n    color:\n        var(--atb-white);\n\n    font-weight: 600;\n}\n\n\n\/* SCROLL *\/\n\n.atb-ticket-hero__scroll {\n\n    position: absolute;\n\n    z-index: 5;\n\n    left: 50%;\n    bottom: 58px;\n\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n\n    gap: 10px;\n\n    color:\n        rgba(255,255,255,.65) !important;\n\n    text-decoration: none !important;\n\n    transform:\n        translateX(-50%);\n}\n\n.atb-ticket-hero__scroll > span:first-child {\n\n    font-size: 8px;\n\n    font-weight: 600;\n\n    letter-spacing: .22em;\n\n    text-transform: uppercase;\n}\n\n.atb-ticket-hero__scroll-line {\n\n    position: relative;\n\n    width: 1px;\n    height: 33px;\n\n    overflow: hidden;\n\n    background:\n        rgba(255,255,255,.23);\n}\n\n.atb-ticket-hero__scroll-line::after {\n\n    content: \"\";\n\n    position: absolute;\n\n    top: -100%;\n    left: 0;\n\n    width: 1px;\n    height: 100%;\n\n    background:\n        var(--atb-gold-light);\n\n    animation:\n        atbScrollLine 2s infinite;\n}\n\n@keyframes atbScrollLine {\n\n    0% {\n        top: -100%;\n    }\n\n    50% {\n        top: 100%;\n    }\n\n    100% {\n        top: 100%;\n    }\n\n}\n\n\n\/* CURVE *\/\n\n.atb-ticket-hero__curve {\n\n    position: absolute;\n\n    z-index: 4;\n\n    left: -2px;\n    right: -2px;\n    bottom: -2px;\n\n    height: 75px;\n\n    pointer-events: none;\n}\n\n.atb-ticket-hero__curve svg {\n\n    width: 100%;\n    height: 100%;\n\n    display: block;\n}\n\n\n\/* ============================================================\n   EVENTS\n============================================================ *\/\n\n.atb-ticket-events {\n\n    position: relative;\n\n    overflow: hidden;\n\n    padding:\n        100px 0 135px;\n\n    background:\n        var(--atb-cream);\n\n    color:\n        var(--atb-text);\n}\n\n.atb-ticket-events__container {\n\n    position: relative;\n\n    z-index: 2;\n\n    width:\n        min(1200px, calc(100% - 80px));\n\n    margin: 0 auto;\n}\n\n\n\/* DECOR *\/\n\n.atb-ticket-events__circle {\n\n    position: absolute;\n\n    top: 30px;\n    right: -190px;\n\n    width: 480px;\n    height: 480px;\n\n    border:\n        1px solid rgba(96,5,45,.07);\n\n    border-radius: 50%;\n}\n\n.atb-ticket-events__circle::before,\n.atb-ticket-events__circle::after {\n\n    content: \"\";\n\n    position: absolute;\n\n    border:\n        1px solid rgba(96,5,45,.05);\n\n    border-radius: 50%;\n}\n\n.atb-ticket-events__circle::before {\n\n    inset: 50px;\n}\n\n.atb-ticket-events__circle::after {\n\n    inset: 100px;\n}\n\n\n\/* HEADER *\/\n\n.atb-ticket-events__header {\n\n    display: flex;\n    align-items: flex-end;\n    justify-content: space-between;\n\n    gap: 40px;\n\n    margin-bottom: 55px;\n}\n\n.atb-ticket-events__header > div {\n\n    max-width: 680px;\n}\n\n.atb-ticket-events__eyebrow {\n\n    display: inline-flex;\n    align-items: center;\n\n    gap: 10px;\n\n    margin-bottom: 14px;\n\n    color:\n        var(--atb-bordeaux);\n\n    font-size: 10px;\n    font-weight: 700;\n\n    letter-spacing: .18em;\n\n    text-transform: uppercase;\n}\n\n.atb-ticket-events__eyebrow::before {\n\n    content: \"\";\n\n    width: 33px;\n    height: 1px;\n\n    background:\n        var(--atb-gold);\n}\n\n.atb-ticket-events__title {\n\n    margin: 0;\n\n    color:\n        var(--atb-bordeaux);\n\n    font-family:\n        \"Fraunces\", serif;\n\n    font-size:\n        clamp(48px, 5vw, 72px);\n\n    font-weight: 600;\n\n    line-height: 1;\n\n    letter-spacing: -.04em;\n}\n\n.atb-ticket-events__title em {\n\n    color:\n        var(--atb-gold);\n\n    font-weight: 500;\n}\n\n.atb-ticket-events__intro {\n\n    max-width: 570px;\n\n    margin:\n        18px 0 0;\n\n    color:\n        var(--atb-muted);\n\n    font-size: 15px;\n\n    line-height: 1.75;\n}\n\n\n\/* AGENDA LINK *\/\n\n.atb-ticket-events__agenda {\n\n    display: inline-flex;\n    align-items: center;\n\n    gap: 10px;\n\n    padding-bottom: 6px;\n\n    border-bottom:\n        1px solid rgba(96,5,45,.25);\n\n    color:\n        var(--atb-bordeaux) !important;\n\n    text-decoration: none !important;\n\n    font-size: 12px;\n    font-weight: 700;\n\n    transition:\n        color .3s ease,\n        gap .3s ease,\n        border-color .3s ease;\n}\n\n.atb-ticket-events__agenda svg {\n\n    width: 18px;\n    height: 18px;\n\n    fill: none;\n\n    stroke:\n        currentColor;\n\n    stroke-width: 1.8;\n\n    stroke-linecap: round;\n    stroke-linejoin: round;\n}\n\n.atb-ticket-events__agenda:hover {\n\n    gap: 15px;\n\n    color:\n        var(--atb-gold) !important;\n\n    border-color:\n        var(--atb-gold);\n}\n\n\n\/* ============================================================\n   EMPTY STATE\n============================================================ *\/\n\n.atb-ticket-empty {\n\n    min-height: 510px;\n\n    overflow: hidden;\n\n    border:\n        1px solid rgba(96,5,45,.09);\n\n    border-radius: 30px;\n\n    display: grid;\n\n    grid-template-columns:\n        minmax(0, .95fr)\n        minmax(0, 1.05fr);\n\n    background:\n        var(--atb-white);\n\n    box-shadow:\n        0 25px 70px rgba(65,27,43,.09);\n}\n\n\n\/* VISUAL *\/\n\n.atb-ticket-empty__visual {\n\n    position: relative;\n\n    min-height: 510px;\n\n    overflow: hidden;\n}\n\n.atb-ticket-empty__photo {\n\n    position: absolute;\n\n    inset: 0;\n\n    overflow: hidden;\n}\n\n.atb-ticket-empty__photo img {\n\n    width: 100%;\n    height: 100%;\n\n    display: block;\n\n    object-fit: cover;\n\n    object-position: center;\n\n    transition:\n        transform 1.2s cubic-bezier(.22,1,.36,1);\n}\n\n.atb-ticket-empty:hover\n.atb-ticket-empty__photo img {\n\n    transform:\n        scale(1.045);\n}\n\n.atb-ticket-empty__photo-overlay {\n\n    position: absolute;\n\n    inset: 0;\n\n    background:\n\n        linear-gradient(\n            180deg,\n            rgba(24,0,11,.08),\n            rgba(24,0,11,.65)\n        );\n}\n\n.atb-ticket-empty__photo-label {\n\n    position: absolute;\n\n    left: 30px;\n    bottom: 30px;\n\n    display: flex;\n    flex-direction: column;\n\n    gap: 4px;\n\n    color:\n        var(--atb-white);\n}\n\n.atb-ticket-empty__photo-label span {\n\n    color:\n        var(--atb-gold-light);\n\n    font-size: 9px;\n\n    font-weight: 700;\n\n    letter-spacing: .2em;\n\n    text-transform: uppercase;\n}\n\n.atb-ticket-empty__photo-label strong {\n\n    font-family:\n        \"Fraunces\", serif;\n\n    font-size: 27px;\n\n    font-weight: 500;\n}\n\n\n\/* FLOATING TICKET *\/\n\n.atb-ticket-empty__ticket {\n\n    position: absolute;\n\n    z-index: 4;\n\n    top: 28px;\n    right: 28px;\n\n    min-height: 45px;\n\n    padding:\n        0 16px;\n\n    border:\n        1px solid rgba(255,255,255,.30);\n\n    border-radius: 100px;\n\n    display: flex;\n    align-items: center;\n\n    gap: 9px;\n\n    background:\n        rgba(54,0,25,.68);\n\n    color:\n        var(--atb-white);\n\n    backdrop-filter:\n        blur(10px);\n\n    -webkit-backdrop-filter:\n        blur(10px);\n\n    box-shadow:\n        0 12px 30px rgba(0,0,0,.18);\n}\n\n.atb-ticket-empty__ticket span {\n\n    color:\n        var(--atb-gold-light);\n\n    font-size: 8px;\n\n    font-weight: 700;\n\n    letter-spacing: .15em;\n}\n\n.atb-ticket-empty__ticket svg {\n\n    width: 18px;\n    height: 18px;\n\n    fill: none;\n\n    stroke:\n        currentColor;\n\n    stroke-width: 1.6;\n\n    stroke-linecap: round;\n    stroke-linejoin: round;\n}\n\n\n\/* CONTENT *\/\n\n.atb-ticket-empty__content {\n\n    padding:\n        65px 62px;\n\n    display: flex;\n    flex-direction: column;\n\n    justify-content: center;\n}\n\n.atb-ticket-empty__eyebrow {\n\n    color:\n        var(--atb-gold);\n\n    font-size: 9px;\n\n    font-weight: 700;\n\n    letter-spacing: .18em;\n\n    text-transform: uppercase;\n}\n\n.atb-ticket-empty__content h3 {\n\n    max-width: 530px;\n\n    margin:\n        14px 0 0;\n\n    color:\n        var(--atb-bordeaux);\n\n    font-family:\n        \"Fraunces\", serif;\n\n    font-size:\n        clamp(39px, 4vw, 56px);\n\n    font-weight: 600;\n\n    line-height: 1.06;\n\n    letter-spacing: -.035em;\n}\n\n.atb-ticket-empty__content h3 em {\n\n    display: block;\n\n    color:\n        var(--atb-gold);\n\n    font-weight: 500;\n}\n\n.atb-ticket-empty__content > p {\n\n    max-width: 540px;\n\n    margin:\n        22px 0 0;\n\n    color:\n        var(--atb-muted);\n\n    font-size: 14px;\n\n    line-height: 1.8;\n}\n\n\n\/* BUTTON *\/\n\n.atb-ticket-empty__actions {\n\n    margin-top: 27px;\n}\n\n.atb-ticket-empty__button {\n\n    min-height: 55px;\n\n    padding:\n        0 24px;\n\n    border-radius: 100px;\n\n    display: inline-flex;\n    align-items: center;\n\n    gap: 12px;\n\n    background:\n        var(--atb-bordeaux);\n\n    color:\n        var(--atb-white) !important;\n\n    text-decoration: none !important;\n\n    font-size: 12px;\n    font-weight: 700;\n\n    box-shadow:\n        0 15px 35px rgba(96,5,45,.19);\n\n    transition:\n        transform .3s ease,\n        background-color .3s ease;\n}\n\n.atb-ticket-empty__button:hover {\n\n    transform:\n        translateY(-3px);\n\n    background:\n        var(--atb-bordeaux-dark);\n}\n\n.atb-ticket-empty__button svg {\n\n    width: 18px;\n    height: 18px;\n\n    fill: none;\n\n    stroke:\n        var(--atb-gold-light);\n\n    stroke-width: 1.8;\n\n    stroke-linecap: round;\n    stroke-linejoin: round;\n}\n\n\n\/* NOTE *\/\n\n.atb-ticket-empty__note {\n\n    max-width: 520px;\n\n    margin-top: 30px;\n\n    padding-top: 22px;\n\n    border-top:\n        1px solid rgba(96,5,45,.09);\n\n    display: flex;\n    align-items: flex-start;\n\n    gap: 11px;\n\n    color:\n        #8B8185;\n\n    font-size: 11px;\n\n    line-height: 1.6;\n}\n\n.atb-ticket-empty__note-icon {\n\n    color:\n        var(--atb-gold);\n\n    flex: 0 0 auto;\n}\n\n.atb-ticket-empty__note svg {\n\n    width: 17px;\n    height: 17px;\n\n    fill: none;\n\n    stroke:\n        currentColor;\n\n    stroke-width: 1.7;\n\n    stroke-linecap: round;\n    stroke-linejoin: round;\n}\n\n\n\/* ============================================================\n   FUTURE EVENT CARDS\n============================================================ *\/\n\n.atb-ticket-events__grid {\n\n    display: grid;\n\n    grid-template-columns:\n        repeat(3, minmax(0,1fr));\n\n    gap: 28px;\n}\n\n.atb-ticket-card {\n\n    overflow: hidden;\n\n    border-radius: 24px;\n\n    background:\n        var(--atb-white);\n\n    box-shadow:\n        0 20px 55px rgba(65,27,43,.09);\n}\n\n.atb-ticket-card__media {\n\n    position: relative;\n\n    height: 330px;\n\n    overflow: hidden;\n}\n\n.atb-ticket-card__media img {\n\n    width: 100%;\n    height: 100%;\n\n    object-fit: cover;\n}\n\n.atb-ticket-card__badge {\n\n    position: absolute;\n\n    top: 18px;\n    left: 18px;\n\n    padding:\n        8px 13px;\n\n    border-radius: 100px;\n\n    background:\n        var(--atb-bordeaux);\n\n    color:\n        var(--atb-white);\n\n    font-size: 9px;\n\n    font-weight: 700;\n\n    text-transform: uppercase;\n}\n\n.atb-ticket-card__content {\n\n    padding:\n        27px;\n}\n\n.atb-ticket-card__category {\n\n    color:\n        var(--atb-gold);\n\n    font-size: 9px;\n\n    font-weight: 700;\n\n    letter-spacing: .15em;\n\n    text-transform: uppercase;\n}\n\n.atb-ticket-card__content h3 {\n\n    margin:\n        10px 0 0;\n\n    color:\n        var(--atb-bordeaux);\n\n    font-family:\n        \"Fraunces\", serif;\n\n    font-size: 30px;\n}\n\n.atb-ticket-card__infos {\n\n    margin:\n        22px 0;\n\n    display: grid;\n\n    grid-template-columns:\n        repeat(2,1fr);\n\n    gap: 12px;\n\n    color:\n        var(--atb-muted);\n\n    font-size: 12px;\n}\n\n.atb-ticket-card__button {\n\n    min-height: 52px;\n\n    padding:\n        0 20px;\n\n    border-radius: 100px;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    background:\n        var(--atb-bordeaux);\n\n    color:\n        var(--atb-white) !important;\n\n    text-decoration: none !important;\n\n    font-size: 12px;\n    font-weight: 700;\n}\n\n\n\/* ============================================================\n   ANIMATIONS\n============================================================ *\/\n\n@keyframes atbFadeUp {\n\n    from {\n        opacity: 0;\n        transform:\n            translateY(25px);\n    }\n\n    to {\n        opacity: 1;\n        transform:\n            translateY(0);\n    }\n\n}\n\n@keyframes atbFadeLeft {\n\n    from {\n        opacity: 0;\n        transform:\n            translateX(25px);\n    }\n\n    to {\n        opacity: 1;\n        transform:\n            translateX(0);\n    }\n\n}\n\n\n\/* ============================================================\n   TABLET\n============================================================ *\/\n\n@media (max-width: 1024px) {\n\n    .atb-ticket-hero {\n\n        min-height: 760px;\n    }\n\n    .atb-ticket-hero__container {\n\n        width:\n            calc(100% - 56px);\n    }\n\n    .atb-ticket-hero__content {\n\n        width: 80%;\n    }\n\n    .atb-ticket-hero__signature {\n\n        flex-basis: 130px;\n    }\n\n    .atb-ticket-hero__signature-number {\n\n        font-size: 60px;\n    }\n\n    .atb-ticket-events__container {\n\n        width:\n            calc(100% - 56px);\n    }\n\n    .atb-ticket-empty__content {\n\n        padding:\n            50px 40px;\n    }\n\n}\n\n\n\/* ============================================================\n   MOBILE\n============================================================ *\/\n\n@media (max-width: 767px) {\n\n    .atb-ticket-hero {\n\n        min-height: 780px;\n    }\n\n    .atb-ticket-hero__image {\n\n        background-position:\n            61% center;\n    }\n\n    .atb-ticket-hero__overlay {\n\n        background:\n\n            linear-gradient(\n                180deg,\n                rgba(28,0,13,.64) 0%,\n                rgba(35,0,17,.82) 42%,\n                rgba(27,0,13,.97) 100%\n            );\n    }\n\n    .atb-ticket-hero__container {\n\n        width:\n            calc(100% - 34px);\n\n        padding:\n            115px 0 145px;\n    }\n\n    .atb-ticket-hero__content {\n\n        width: 100%;\n    }\n\n    .atb-ticket-hero__title {\n\n        font-size:\n            clamp(48px, 14vw, 65px);\n    }\n\n    .atb-ticket-hero__intro {\n\n        font-size: 15px;\n\n        line-height: 1.7;\n    }\n\n    .atb-ticket-hero__actions {\n\n        flex-direction: column;\n\n        align-items: stretch;\n    }\n\n    .atb-ticket-btn {\n\n        width: 100%;\n    }\n\n    .atb-ticket-hero__meta {\n\n        align-items: flex-start;\n\n        flex-direction: column;\n\n        gap: 11px;\n    }\n\n    .atb-ticket-hero__meta-separator {\n\n        display: none;\n    }\n\n    .atb-ticket-hero__signature {\n\n        display: none;\n    }\n\n    .atb-ticket-hero__scroll {\n\n        bottom: 55px;\n    }\n\n\n    \/* EVENTS *\/\n\n    .atb-ticket-events {\n\n        padding:\n            80px 0 90px;\n    }\n\n    .atb-ticket-events__container {\n\n        width:\n            calc(100% - 34px);\n    }\n\n    .atb-ticket-events__header {\n\n        align-items: flex-start;\n\n        flex-direction: column;\n\n        gap: 25px;\n\n        margin-bottom: 38px;\n    }\n\n    .atb-ticket-events__title {\n\n        font-size: 50px;\n    }\n\n    .atb-ticket-empty {\n\n        min-height: 0;\n\n        grid-template-columns: 1fr;\n\n        border-radius: 23px;\n    }\n\n    .atb-ticket-empty__visual {\n\n        min-height: 370px;\n    }\n\n    .atb-ticket-empty__content {\n\n        padding:\n            38px 25px 42px;\n    }\n\n    .atb-ticket-empty__content h3 {\n\n        font-size: 40px;\n    }\n\n    .atb-ticket-empty__button {\n\n        width: 100%;\n\n        justify-content: center;\n    }\n\n    .atb-ticket-events__circle {\n\n        display: none;\n    }\n\n    .atb-ticket-events__grid {\n\n        grid-template-columns: 1fr;\n    }\n\n}\n\n\n\/* ============================================================\n   SMALL MOBILE\n============================================================ *\/\n\n@media (max-width: 390px) {\n\n    .atb-ticket-hero__container,\n    .atb-ticket-events__container {\n\n        width:\n            calc(100% - 26px);\n    }\n\n    .atb-ticket-hero__title {\n\n        font-size: 44px;\n    }\n\n    .atb-ticket-empty__visual {\n\n        min-height: 320px;\n    }\n\n    .atb-ticket-empty__content h3 {\n\n        font-size: 36px;\n    }\n\n}\n\n\n\/* ============================================================\n   REDUCED MOTION\n============================================================ *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n    .atb-ticket-hero__image,\n    .atb-ticket-hero__eyebrow,\n    .atb-ticket-hero__title,\n    .atb-ticket-hero__intro,\n    .atb-ticket-hero__actions,\n    .atb-ticket-hero__meta,\n    .atb-ticket-hero__signature,\n    .atb-ticket-hero__scroll-line::after {\n\n        animation: none;\n    }\n\n}\n\n<\/style>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-57fb3d2 e-con e-atomic-element e-flexbox-base e-default-div e-8755323 \" data-id=\"57fb3d2\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"57fb3d2\" data-e-type=\"e-flexbox\" data-id=\"57fb3d2\">\n    \t\t<div class=\"elementor-element elementor-element-4e98742 elementor-widget elementor-widget-html\" data-id=\"4e98742\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\n     ATELIER TH\u00c9\u00c2TRE BURKINAB\u00c8\n     BILLETTERIE \u2014 VERSION FRAN\u00c7AISE D\u00c9FINITIVE\n     PARTIE 02\n     COMMENT R\u00c9SERVER + CTA FINAL\n============================================================ -->\n\n<div class=\"atb-ticketing-fr-part2\">\n\n\n<!-- ============================================================\n     03 \u2014 COMMENT R\u00c9SERVER ?\n============================================================ -->\n\n<section class=\"atb-booking\" id=\"comment-reserver\">\n\n    <!-- D\u00e9coration -->\n    <div class=\"atb-booking__decor atb-booking__decor--1\"\n         aria-hidden=\"true\"><\/div>\n\n    <div class=\"atb-booking__decor atb-booking__decor--2\"\n         aria-hidden=\"true\"><\/div>\n\n\n    <div class=\"atb-booking__container\">\n\n\n        <!-- EN-T\u00caTE -->\n\n        <header class=\"atb-booking__header\">\n\n            <span class=\"atb-booking__eyebrow\">\n                Un parcours simple\n            <\/span>\n\n            <h2 class=\"atb-booking__title\">\n                R\u00e9server n\u2019a jamais \u00e9t\u00e9\n                <em>aussi simple.<\/em>\n            <\/h2>\n\n            <p class=\"atb-booking__intro\">\n                Lorsqu\u2019un \u00e9v\u00e9nement est ouvert \u00e0 la r\u00e9servation,\n                retrouvez toutes les informations utiles directement\n                sur cette page et suivez les \u00e9tapes indiqu\u00e9es.\n            <\/p>\n\n        <\/header>\n\n\n        <!-- \u00c9TAPES -->\n\n        <div class=\"atb-booking__steps\">\n\n\n            <!-- 01 -->\n\n            <article class=\"atb-booking-card\">\n\n                <span class=\"atb-booking-card__number\"\n                      aria-hidden=\"true\">\n                    01\n                <\/span>\n\n                <div class=\"atb-booking-card__icon\">\n\n                    <svg viewBox=\"0 0 24 24\"\n                         aria-hidden=\"true\">\n\n                        <rect\n                            x=\"3\"\n                            y=\"5\"\n                            width=\"18\"\n                            height=\"16\"\n                            rx=\"2\"\n                        \/>\n\n                        <path d=\"M16 3v4M8 3v4M3 10h18\"\/>\n\n                        <path d=\"m9 15 2 2 4-4\"\/>\n\n                    <\/svg>\n\n                <\/div>\n\n                <span class=\"atb-booking-card__label\">\n                    \u00c9tape 01\n                <\/span>\n\n                <h3>\n                    Choisissez votre \u00e9v\u00e9nement\n                <\/h3>\n\n                <p>\n                    Consultez les spectacles disponibles,\n                    puis s\u00e9lectionnez la repr\u00e9sentation\n                    \u00e0 laquelle vous souhaitez assister.\n                <\/p>\n\n                <div class=\"atb-booking-card__line\"\n                     aria-hidden=\"true\"><\/div>\n\n            <\/article>\n\n\n            <!-- ARROW -->\n\n            <div class=\"atb-booking__arrow\"\n                 aria-hidden=\"true\">\n\n                <svg viewBox=\"0 0 40 20\">\n                    <path d=\"M2 10h34M29 3l7 7-7 7\"\/>\n                <\/svg>\n\n            <\/div>\n\n\n            <!-- 02 -->\n\n            <article class=\"atb-booking-card\">\n\n                <span class=\"atb-booking-card__number\"\n                      aria-hidden=\"true\">\n                    02\n                <\/span>\n\n                <div class=\"atb-booking-card__icon\">\n\n                    <svg viewBox=\"0 0 24 24\"\n                         aria-hidden=\"true\">\n\n                        <path\n                            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                        \/>\n\n                        <path d=\"M12 8v8\"\/>\n\n                    <\/svg>\n\n                <\/div>\n\n                <span class=\"atb-booking-card__label\">\n                    \u00c9tape 02\n                <\/span>\n\n                <h3>\n                    Suivez le lien de r\u00e9servation\n                <\/h3>\n\n                <p>\n                    Si la r\u00e9servation en ligne est disponible,\n                    utilisez le bouton associ\u00e9 \u00e0 l\u2019\u00e9v\u00e9nement\n                    pour acc\u00e9der \u00e0 la plateforme indiqu\u00e9e.\n                <\/p>\n\n                <div class=\"atb-booking-card__line\"\n                     aria-hidden=\"true\"><\/div>\n\n            <\/article>\n\n\n            <!-- ARROW -->\n\n            <div class=\"atb-booking__arrow\"\n                 aria-hidden=\"true\">\n\n                <svg viewBox=\"0 0 40 20\">\n                    <path d=\"M2 10h34M29 3l7 7-7 7\"\/>\n                <\/svg>\n\n            <\/div>\n\n\n            <!-- 03 -->\n\n            <article class=\"atb-booking-card\">\n\n                <span class=\"atb-booking-card__number\"\n                      aria-hidden=\"true\">\n                    03\n                <\/span>\n\n                <div class=\"atb-booking-card__icon\">\n\n                    <svg viewBox=\"0 0 24 24\"\n                         aria-hidden=\"true\">\n\n                        <path\n                            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                        \/>\n\n                        <path d=\"m9 12 2 2 4-4\"\/>\n\n                    <\/svg>\n\n                <\/div>\n\n                <span class=\"atb-booking-card__label\">\n                    \u00c9tape 03\n                <\/span>\n\n                <h3>\n                    Pr\u00e9sentez votre billet\n                <\/h3>\n\n                <p>\n                    Le jour du spectacle, munissez-vous\n                    du billet ou de la confirmation re\u00e7ue\n                    lors de votre r\u00e9servation.\n                <\/p>\n\n                <div class=\"atb-booking-card__line\"\n                     aria-hidden=\"true\"><\/div>\n\n            <\/article>\n\n        <\/div>\n\n\n        <!-- INFORMATION -->\n\n        <div class=\"atb-booking-info\">\n\n            <div class=\"atb-booking-info__icon\">\n\n                <svg viewBox=\"0 0 24 24\"\n                     aria-hidden=\"true\">\n\n                    <circle cx=\"12\" cy=\"12\" r=\"9\"\/>\n\n                    <path d=\"M12 11v5M12 8h.01\"\/>\n\n                <\/svg>\n\n            <\/div>\n\n            <div>\n\n                <strong>\n                    Besoin d\u2019aide pour votre r\u00e9servation ?\n                <\/strong>\n\n                <span>\n                    L\u2019\u00e9quipe de l\u2019ATB reste disponible pour\n                    vous renseigner sur la programmation et\n                    les modalit\u00e9s d\u2019acc\u00e8s aux spectacles.\n                <\/span>\n\n            <\/div>\n\n            <a href=\"\/atb-v2\/contact\/\">\n                Nous contacter\n\n                <svg viewBox=\"0 0 24 24\"\n                     aria-hidden=\"true\">\n                    <path d=\"M5 12h14M13 6l6 6-6 6\"\/>\n                <\/svg>\n\n            <\/a>\n\n        <\/div>\n\n\n    <\/div>\n\n<\/section>\n\n\n\n<!-- ============================================================\n     04 \u2014 CTA FINAL IMMERSIF\n============================================================ -->\n\n<section class=\"atb-ticket-final\">\n\n    <!-- IMAGE -->\n\n    <div class=\"atb-ticket-final__image\"\n         aria-hidden=\"true\"><\/div>\n\n    <div class=\"atb-ticket-final__overlay\"\n         aria-hidden=\"true\"><\/div>\n\n    <div class=\"atb-ticket-final__light\"\n         aria-hidden=\"true\"><\/div>\n\n\n    <div class=\"atb-ticket-final__container\">\n\n\n        <!-- CONTENT -->\n\n        <div class=\"atb-ticket-final__content\">\n\n            <span class=\"atb-ticket-final__eyebrow\">\n                Rendez-vous \u00e0 l\u2019ATB\n            <\/span>\n\n            <h2 class=\"atb-ticket-final__title\">\n\n                Le prochain spectacle\n\n                <em>\n                    vous attend.\n                <\/em>\n\n            <\/h2>\n\n            <p class=\"atb-ticket-final__text\">\n                Th\u00e9\u00e2tre, rencontres, cr\u00e9ations et d\u00e9couvertes :\n                suivez la programmation de l\u2019Atelier Th\u00e9\u00e2tre\n                Burkinab\u00e8 et ne manquez pas les prochains\n                rendez-vous sur sc\u00e8ne.\n            <\/p>\n\n\n            <div class=\"atb-ticket-final__actions\">\n\n                <a href=\"#evenements\"\n                   class=\"atb-ticket-final__btn\n                          atb-ticket-final__btn--gold\">\n\n                    <span>\n                        Voir les \u00e9v\u00e9nements\n                    <\/span>\n\n                    <svg viewBox=\"0 0 24 24\"\n                         aria-hidden=\"true\">\n                        <path d=\"M5 12h14M13 6l6 6-6 6\"\/>\n                    <\/svg>\n\n                <\/a>\n\n\n                <a href=\"\/atb-v2\/contact\/\"\n                   class=\"atb-ticket-final__btn\n                          atb-ticket-final__btn--outline\">\n\n                    <span>\n                        Nous contacter\n                    <\/span>\n\n                    <svg viewBox=\"0 0 24 24\"\n                         aria-hidden=\"true\">\n\n                        <path d=\"M4 5h16v14H4z\"\/>\n                        <path d=\"m4 6 8 7 8-7\"\/>\n\n                    <\/svg>\n\n                <\/a>\n\n            <\/div>\n\n        <\/div>\n\n\n\n        <!-- TICKET D\u00c9CORATIF -->\n\n        <div class=\"atb-ticket-final__ticket\"\n             aria-hidden=\"true\">\n\n            <div class=\"atb-ticket-final__ticket-head\">\n\n                <span>\n                    ATB\n                <\/span>\n\n                <svg viewBox=\"0 0 24 24\">\n\n                    <path\n                        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                    \/>\n\n                <\/svg>\n\n            <\/div>\n\n            <div class=\"atb-ticket-final__ticket-dash\"><\/div>\n\n            <span class=\"atb-ticket-final__ticket-label\">\n                Votre prochaine \u00e9motion\n            <\/span>\n\n            <strong>\n                Th\u00e9\u00e2tre<br>\n                Culture<br>\n                Rencontre\n            <\/strong>\n\n            <div class=\"atb-ticket-final__ticket-footer\">\n\n                <span>\n                    ATELIER TH\u00c9\u00c2TRE BURKINAB\u00c8\n                <\/span>\n\n                <span>\n                    04\n                <\/span>\n\n            <\/div>\n\n        <\/div>\n\n\n    <\/div>\n\n\n    <div class=\"atb-ticket-final__goldline\"\n         aria-hidden=\"true\"><\/div>\n\n<\/section>\n\n<\/div>\n\n\n\n<style>\n\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Archivo:wght@400;500;600;700&family=Fraunces:ital,opsz,wght@0,9..144,500;0,9..144,600;0,9..144,700;1,9..144,500;1,9..144,600&display=swap');\n\n\n\/* ============================================================\n   GLOBAL\n============================================================ *\/\n\n.atb-ticketing-fr-part2 {\n\n    --bordeaux: #60052D;\n    --bordeaux-dark: #340018;\n    --bordeaux-deep: #1D000D;\n\n    --gold: #CC9933;\n    --gold-light: #E5BF67;\n\n    --cream: #F7F1E7;\n    --cream-light: #FCF9F4;\n\n    --white: #FFFFFF;\n\n    --text: #31282C;\n    --muted: #756B70;\n\n    width: 100%;\n\n    overflow: hidden;\n\n    font-family:\n        \"Archivo\", sans-serif;\n}\n\n\n.atb-ticketing-fr-part2 *,\n.atb-ticketing-fr-part2 *::before,\n.atb-ticketing-fr-part2 *::after {\n\n    box-sizing: border-box;\n\n}\n\n\n\n\/* ============================================================\n   03 \u2014 BOOKING\n============================================================ *\/\n\n.atb-booking {\n\n    position: relative;\n\n    overflow: hidden;\n\n    padding:\n        125px 0 135px;\n\n    background:\n        linear-gradient(\n            180deg,\n            #FFFFFF 0%,\n            #FCF9F4 100%\n        );\n\n    color:\n        var(--text);\n}\n\n\n.atb-booking__container {\n\n    position: relative;\n\n    z-index: 3;\n\n    width:\n        min(1200px, calc(100% - 80px));\n\n    margin: 0 auto;\n\n}\n\n\n\n\/* DECORATION *\/\n\n.atb-booking__decor {\n\n    position: absolute;\n\n    border-radius: 50%;\n\n    pointer-events: none;\n\n}\n\n\n.atb-booking__decor--1 {\n\n    width: 440px;\n    height: 440px;\n\n    top: -270px;\n    left: -210px;\n\n    border:\n        1px solid rgba(96,5,45,.06);\n\n}\n\n\n.atb-booking__decor--1::before,\n.atb-booking__decor--1::after {\n\n    content: \"\";\n\n    position: absolute;\n\n    border-radius: 50%;\n\n    border:\n        1px solid rgba(96,5,45,.045);\n\n}\n\n\n.atb-booking__decor--1::before {\n\n    inset: 55px;\n\n}\n\n\n.atb-booking__decor--1::after {\n\n    inset: 110px;\n\n}\n\n\n.atb-booking__decor--2 {\n\n    width: 320px;\n    height: 320px;\n\n    right: -170px;\n    bottom: 40px;\n\n    background:\n        rgba(204,153,51,.035);\n\n}\n\n\n\n\/* HEADER *\/\n\n.atb-booking__header {\n\n    max-width: 780px;\n\n    margin:\n        0 auto 70px;\n\n    text-align: center;\n\n}\n\n\n.atb-booking__eyebrow {\n\n    display: inline-flex;\n    align-items: center;\n\n    gap: 10px;\n\n    margin-bottom: 16px;\n\n    color:\n        var(--bordeaux);\n\n    font-size: 10px;\n\n    font-weight: 700;\n\n    letter-spacing: .19em;\n\n    text-transform: uppercase;\n\n}\n\n\n.atb-booking__eyebrow::before,\n.atb-booking__eyebrow::after {\n\n    content: \"\";\n\n    width: 27px;\n    height: 1px;\n\n    background:\n        var(--gold);\n\n}\n\n\n.atb-booking__title {\n\n    margin: 0;\n\n    color:\n        var(--bordeaux);\n\n    font-family:\n        \"Fraunces\", serif;\n\n    font-size:\n        clamp(48px, 5.2vw, 70px);\n\n    font-weight: 600;\n\n    line-height: 1.03;\n\n    letter-spacing: -.04em;\n\n}\n\n\n.atb-booking__title em {\n\n    display: block;\n\n    color:\n        var(--gold);\n\n    font-weight: 500;\n\n}\n\n\n.atb-booking__intro {\n\n    max-width: 640px;\n\n    margin:\n        21px auto 0;\n\n    color:\n        var(--muted);\n\n    font-size: 15px;\n\n    line-height: 1.75;\n\n}\n\n\n\n\/* ============================================================\n   STEPS\n============================================================ *\/\n\n.atb-booking__steps {\n\n    display: grid;\n\n    grid-template-columns:\n        minmax(0,1fr)\n        48px\n        minmax(0,1fr)\n        48px\n        minmax(0,1fr);\n\n    align-items: center;\n\n}\n\n\n.atb-booking-card {\n\n    position: relative;\n\n    min-height: 365px;\n\n    overflow: hidden;\n\n    padding:\n        38px 32px 34px;\n\n    border:\n        1px solid rgba(96,5,45,.08);\n\n    border-radius: 25px;\n\n    background:\n        rgba(255,255,255,.92);\n\n    box-shadow:\n        0 20px 55px rgba(64,27,42,.07);\n\n    transition:\n        transform .4s cubic-bezier(.22,1,.36,1),\n        box-shadow .4s ease,\n        border-color .4s ease;\n\n}\n\n\n.atb-booking-card:hover {\n\n    transform:\n        translateY(-8px);\n\n    border-color:\n        rgba(204,153,51,.35);\n\n    box-shadow:\n        0 28px 70px rgba(64,27,42,.12);\n\n}\n\n\n.atb-booking-card__number {\n\n    position: absolute;\n\n    top: 15px;\n    right: 20px;\n\n    color:\n        rgba(96,5,45,.045);\n\n    font-family:\n        \"Fraunces\", serif;\n\n    font-size: 88px;\n\n    font-weight: 600;\n\n    line-height: 1;\n\n}\n\n\n.atb-booking-card__icon {\n\n    position: relative;\n\n    z-index: 2;\n\n    width: 64px;\n    height: 64px;\n\n    margin-bottom: 27px;\n\n    border:\n        1px solid rgba(204,153,51,.35);\n\n    border-radius: 18px;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    background:\n        rgba(204,153,51,.08);\n\n    color:\n        var(--bordeaux);\n\n}\n\n\n.atb-booking-card__icon svg {\n\n    width: 28px;\n    height: 28px;\n\n    fill: none;\n\n    stroke:\n        currentColor;\n\n    stroke-width: 1.55;\n\n    stroke-linecap: round;\n    stroke-linejoin: round;\n\n}\n\n\n.atb-booking-card__label {\n\n    color:\n        var(--gold);\n\n    font-size: 8px;\n\n    font-weight: 700;\n\n    letter-spacing: .18em;\n\n    text-transform: uppercase;\n\n}\n\n\n.atb-booking-card h3 {\n\n    max-width: 260px;\n\n    margin:\n        10px 0 14px;\n\n    color:\n        var(--bordeaux);\n\n    font-family:\n        \"Fraunces\", serif;\n\n    font-size: 27px;\n\n    font-weight: 600;\n\n    line-height: 1.15;\n\n}\n\n\n.atb-booking-card p {\n\n    margin: 0;\n\n    color:\n        var(--muted);\n\n    font-size: 13px;\n\n    line-height: 1.72;\n\n}\n\n\n.atb-booking-card__line {\n\n    position: absolute;\n\n    left: 32px;\n    right: 32px;\n    bottom: 0;\n\n    height: 3px;\n\n    background:\n        linear-gradient(\n            90deg,\n            var(--gold),\n            rgba(204,153,51,0)\n        );\n\n    transform:\n        scaleX(.35);\n\n    transform-origin:\n        left;\n\n    transition:\n        transform .5s ease;\n\n}\n\n\n.atb-booking-card:hover\n.atb-booking-card__line {\n\n    transform:\n        scaleX(1);\n\n}\n\n\n\n\/* ARROWS *\/\n\n.atb-booking__arrow {\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    color:\n        rgba(96,5,45,.25);\n\n}\n\n\n.atb-booking__arrow svg {\n\n    width: 31px;\n\n    fill: none;\n\n    stroke:\n        currentColor;\n\n    stroke-width: 1.3;\n\n    stroke-linecap: round;\n    stroke-linejoin: round;\n\n}\n\n\n\n\/* ============================================================\n   HELP INFORMATION\n============================================================ *\/\n\n.atb-booking-info {\n\n    margin-top: 48px;\n\n    padding:\n        23px 27px;\n\n    border:\n        1px solid rgba(96,5,45,.08);\n\n    border-radius: 19px;\n\n    display: grid;\n\n    grid-template-columns:\n        auto 1fr auto;\n\n    align-items: center;\n\n    gap: 17px;\n\n    background:\n        rgba(247,241,231,.65);\n\n}\n\n\n.atb-booking-info__icon {\n\n    width: 45px;\n    height: 45px;\n\n    border-radius: 50%;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    background:\n        var(--bordeaux);\n\n    color:\n        var(--gold-light);\n\n}\n\n\n.atb-booking-info__icon svg {\n\n    width: 20px;\n    height: 20px;\n\n    fill: none;\n\n    stroke:\n        currentColor;\n\n    stroke-width: 1.7;\n\n    stroke-linecap: round;\n\n}\n\n\n.atb-booking-info > div:nth-child(2) {\n\n    display: flex;\n    flex-direction: column;\n\n    gap: 4px;\n\n}\n\n\n.atb-booking-info strong {\n\n    color:\n        var(--bordeaux);\n\n    font-family:\n        \"Fraunces\", serif;\n\n    font-size: 17px;\n\n    font-weight: 600;\n\n}\n\n\n.atb-booking-info span {\n\n    color:\n        var(--muted);\n\n    font-size: 11px;\n\n    line-height: 1.55;\n\n}\n\n\n.atb-booking-info > a {\n\n    display: inline-flex;\n    align-items: center;\n\n    gap: 9px;\n\n    color:\n        var(--bordeaux) !important;\n\n    text-decoration: none !important;\n\n    font-size: 11px;\n\n    font-weight: 700;\n\n}\n\n\n.atb-booking-info > a svg {\n\n    width: 17px;\n    height: 17px;\n\n    fill: none;\n\n    stroke:\n        var(--gold);\n\n    stroke-width: 1.8;\n\n    stroke-linecap: round;\n    stroke-linejoin: round;\n\n    transition:\n        transform .3s ease;\n\n}\n\n\n.atb-booking-info > a:hover svg {\n\n    transform:\n        translateX(4px);\n\n}\n\n\n\n\/* ============================================================\n   04 \u2014 FINAL CTA\n============================================================ *\/\n\n.atb-ticket-final {\n\n    position: relative;\n\n    min-height: 690px;\n\n    overflow: hidden;\n\n    display: flex;\n    align-items: center;\n\n    isolation: isolate;\n\n    background:\n        var(--bordeaux-deep);\n\n    color:\n        var(--white);\n\n}\n\n\n\n\/* IMAGE *\/\n\n.atb-ticket-final__image {\n\n    position: absolute;\n\n    inset: 0;\n\n    z-index: -5;\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\n    background-position:\n        center 45%;\n\n    transform:\n        scale(1.04);\n\n    transition:\n        transform 8s ease;\n\n}\n\n\n.atb-ticket-final:hover\n.atb-ticket-final__image {\n\n    transform:\n        scale(1.075);\n\n}\n\n\n\n\/* OVERLAY *\/\n\n.atb-ticket-final__overlay {\n\n    position: absolute;\n\n    inset: 0;\n\n    z-index: -4;\n\n    background:\n\n        linear-gradient(\n            90deg,\n            rgba(24,0,11,.97) 0%,\n            rgba(52,0,24,.92) 43%,\n            rgba(96,5,45,.69) 72%,\n            rgba(25,0,12,.56) 100%\n        ),\n\n        linear-gradient(\n            180deg,\n            rgba(18,0,8,.18),\n            rgba(18,0,8,.70)\n        );\n\n}\n\n\n\n\/* LIGHT *\/\n\n.atb-ticket-final__light {\n\n    position: absolute;\n\n    z-index: -3;\n\n    top: 50%;\n    left: 20%;\n\n    width: 560px;\n    height: 560px;\n\n    border-radius: 50%;\n\n    background:\n        rgba(204,153,51,.11);\n\n    filter:\n        blur(120px);\n\n    transform:\n        translate(-50%,-50%);\n\n}\n\n\n\n\/* CONTAINER *\/\n\n.atb-ticket-final__container {\n\n    width:\n        min(1200px, calc(100% - 80px));\n\n    margin: 0 auto;\n\n    padding:\n        115px 0;\n\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n\n    gap: 80px;\n\n}\n\n\n\n\/* CONTENT *\/\n\n.atb-ticket-final__content {\n\n    max-width: 750px;\n\n}\n\n\n.atb-ticket-final__eyebrow {\n\n    display: inline-flex;\n    align-items: center;\n\n    gap: 11px;\n\n    margin-bottom: 20px;\n\n    color:\n        var(--gold-light);\n\n    font-size: 10px;\n\n    font-weight: 700;\n\n    letter-spacing: .19em;\n\n    text-transform: uppercase;\n\n}\n\n\n.atb-ticket-final__eyebrow::before {\n\n    content: \"\";\n\n    width: 36px;\n    height: 1px;\n\n    background:\n        var(--gold);\n\n}\n\n\n.atb-ticket-final__title {\n\n    margin: 0;\n\n    color:\n        var(--white);\n\n    font-family:\n        \"Fraunces\", serif;\n\n    font-size:\n        clamp(57px,6vw,88px);\n\n    font-weight: 600;\n\n    line-height: .99;\n\n    letter-spacing: -.045em;\n\n}\n\n\n.atb-ticket-final__title em {\n\n    display: block;\n\n    color:\n        var(--gold-light);\n\n    font-weight: 500;\n\n}\n\n\n.atb-ticket-final__text {\n\n    max-width: 620px;\n\n    margin:\n        28px 0 0;\n\n    color:\n        rgba(255,255,255,.78);\n\n    font-size: 16px;\n\n    line-height: 1.75;\n\n}\n\n\n\n\/* ACTIONS *\/\n\n.atb-ticket-final__actions {\n\n    display: flex;\n    flex-wrap: wrap;\n\n    gap: 14px;\n\n    margin-top: 36px;\n\n}\n\n\n.atb-ticket-final__btn {\n\n    min-height: 58px;\n\n    padding:\n        0 26px;\n\n    border-radius: 100px;\n\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n\n    gap: 12px;\n\n    text-decoration: none !important;\n\n    font-size: 13px;\n\n    font-weight: 700;\n\n    transition:\n        transform .3s ease,\n        background .3s ease,\n        border-color .3s ease;\n\n}\n\n\n.atb-ticket-final__btn:hover {\n\n    transform:\n        translateY(-3px);\n\n}\n\n\n.atb-ticket-final__btn svg {\n\n    width: 18px;\n    height: 18px;\n\n    fill: none;\n\n    stroke:\n        currentColor;\n\n    stroke-width: 1.8;\n\n    stroke-linecap: round;\n    stroke-linejoin: round;\n\n    transition:\n        transform .3s ease;\n\n}\n\n\n.atb-ticket-final__btn:hover svg {\n\n    transform:\n        translateX(3px);\n\n}\n\n\n.atb-ticket-final__btn--gold {\n\n    border:\n        1px solid var(--gold);\n\n    background:\n        var(--gold);\n\n    color:\n        var(--bordeaux) !important;\n\n    box-shadow:\n        0 16px 38px rgba(204,153,51,.20);\n\n}\n\n\n.atb-ticket-final__btn--gold:hover {\n\n    background:\n        var(--gold-light);\n\n}\n\n\n.atb-ticket-final__btn--outline {\n\n    border:\n        1px solid rgba(255,255,255,.40);\n\n    background:\n        rgba(255,255,255,.07);\n\n    color:\n        var(--white) !important;\n\n    backdrop-filter:\n        blur(10px);\n\n    -webkit-backdrop-filter:\n        blur(10px);\n\n}\n\n\n.atb-ticket-final__btn--outline:hover {\n\n    background:\n        rgba(255,255,255,.14);\n\n    border-color:\n        rgba(255,255,255,.75);\n\n}\n\n\n\n\/* ============================================================\n   DECORATIVE TICKET\n============================================================ *\/\n\n.atb-ticket-final__ticket {\n\n    position: relative;\n\n    width: 300px;\n\n    flex: 0 0 300px;\n\n    overflow: hidden;\n\n    padding:\n        28px;\n\n    border:\n        1px solid rgba(255,255,255,.23);\n\n    border-radius: 25px;\n\n    background:\n\n        linear-gradient(\n            145deg,\n            rgba(255,255,255,.15),\n            rgba(255,255,255,.055)\n        );\n\n    backdrop-filter:\n        blur(18px);\n\n    -webkit-backdrop-filter:\n        blur(18px);\n\n    box-shadow:\n        0 30px 75px rgba(10,0,5,.30);\n\n    transform:\n        rotate(4deg);\n\n    transition:\n        transform .45s cubic-bezier(.22,1,.36,1);\n\n}\n\n\n.atb-ticket-final__ticket:hover {\n\n    transform:\n        rotate(1deg)\n        translateY(-7px);\n\n}\n\n\n\/* CUTOUTS *\/\n\n.atb-ticket-final__ticket::before,\n.atb-ticket-final__ticket::after {\n\n    content: \"\";\n\n    position: absolute;\n\n    top: 53%;\n\n    width: 29px;\n    height: 29px;\n\n    border-radius: 50%;\n\n    background:\n        rgba(28,0,13,.97);\n\n    transform:\n        translateY(-50%);\n\n}\n\n\n.atb-ticket-final__ticket::before {\n\n    left: -15px;\n\n}\n\n\n.atb-ticket-final__ticket::after {\n\n    right: -15px;\n\n}\n\n\n\/* HEAD *\/\n\n.atb-ticket-final__ticket-head {\n\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n\n}\n\n\n.atb-ticket-final__ticket-head span {\n\n    color:\n        var(--gold-light);\n\n    font-family:\n        \"Fraunces\", serif;\n\n    font-size: 36px;\n\n    font-weight: 600;\n\n}\n\n\n.atb-ticket-final__ticket-head svg {\n\n    width: 29px;\n    height: 29px;\n\n    fill: none;\n\n    stroke:\n        var(--gold-light);\n\n    stroke-width: 1.5;\n\n    stroke-linecap: round;\n    stroke-linejoin: round;\n\n}\n\n\n.atb-ticket-final__ticket-dash {\n\n    margin:\n        24px 0;\n\n    border-top:\n        1px dashed rgba(255,255,255,.28);\n\n}\n\n\n.atb-ticket-final__ticket-label {\n\n    display: block;\n\n    margin-bottom: 10px;\n\n    color:\n        rgba(255,255,255,.48);\n\n    font-size: 8px;\n\n    font-weight: 700;\n\n    letter-spacing: .17em;\n\n    text-transform: uppercase;\n\n}\n\n\n.atb-ticket-final__ticket > strong {\n\n    color:\n        var(--white);\n\n    font-family:\n        \"Fraunces\", serif;\n\n    font-size: 27px;\n\n    font-weight: 500;\n\n    line-height: 1.23;\n\n}\n\n\n.atb-ticket-final__ticket-footer {\n\n    margin-top: 30px;\n\n    padding-top: 18px;\n\n    border-top:\n        1px solid rgba(255,255,255,.11);\n\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n\n    gap: 15px;\n\n    color:\n        rgba(255,255,255,.40);\n\n    font-size: 7px;\n\n    font-weight: 700;\n\n    letter-spacing: .14em;\n\n}\n\n\n.atb-ticket-final__ticket-footer span:last-child {\n\n    color:\n        var(--gold-light);\n\n    font-family:\n        \"Fraunces\", serif;\n\n    font-size: 20px;\n\n    letter-spacing: 0;\n\n}\n\n\n\n\/* GOLD LINE *\/\n\n.atb-ticket-final__goldline {\n\n    position: absolute;\n\n    left: 0;\n    bottom: 0;\n\n    width: 100%;\n    height: 4px;\n\n    background:\n\n        linear-gradient(\n            90deg,\n            transparent,\n            var(--gold) 30%,\n            var(--gold-light) 50%,\n            var(--gold) 70%,\n            transparent\n        );\n\n}\n\n\n\n\/* ============================================================\n   TABLET\n============================================================ *\/\n\n@media (max-width: 1024px) {\n\n    .atb-booking__container,\n    .atb-ticket-final__container {\n\n        width:\n            calc(100% - 56px);\n\n    }\n\n\n    .atb-booking__steps {\n\n        grid-template-columns:\n            repeat(3,minmax(0,1fr));\n\n        gap: 20px;\n\n    }\n\n\n    .atb-booking__arrow {\n\n        display: none;\n\n    }\n\n\n    .atb-booking-card {\n\n        padding:\n            32px 25px;\n\n    }\n\n\n    .atb-ticket-final__container {\n\n        gap: 50px;\n\n    }\n\n\n    .atb-ticket-final__ticket {\n\n        width: 270px;\n\n        flex-basis: 270px;\n\n    }\n\n}\n\n\n\n\/* ============================================================\n   MOBILE\n============================================================ *\/\n\n@media (max-width: 767px) {\n\n    .atb-booking {\n\n        padding:\n            85px 0 90px;\n\n    }\n\n\n    .atb-booking__container,\n    .atb-ticket-final__container {\n\n        width:\n            calc(100% - 34px);\n\n    }\n\n\n    .atb-booking__header {\n\n        margin-bottom: 45px;\n\n    }\n\n\n    .atb-booking__title {\n\n        font-size: 47px;\n\n    }\n\n\n    .atb-booking__intro {\n\n        font-size: 14px;\n\n    }\n\n\n    .atb-booking__steps {\n\n        grid-template-columns: 1fr;\n\n        gap: 18px;\n\n    }\n\n\n    .atb-booking-card {\n\n        min-height: 0;\n\n        padding:\n            31px 27px 34px;\n\n    }\n\n\n    .atb-booking-card h3 {\n\n        max-width: none;\n\n    }\n\n\n    .atb-booking-info {\n\n        grid-template-columns:\n            auto 1fr;\n\n        padding:\n            21px;\n\n    }\n\n\n    .atb-booking-info > a {\n\n        grid-column:\n            1 \/ -1;\n\n        margin-top: 7px;\n\n        padding-top: 16px;\n\n        border-top:\n            1px solid rgba(96,5,45,.08);\n\n    }\n\n\n\n    \/* FINAL *\/\n\n    .atb-ticket-final {\n\n        min-height: auto;\n\n    }\n\n\n    .atb-ticket-final__image {\n\n        background-position:\n            60% center;\n\n    }\n\n\n    .atb-ticket-final__overlay {\n\n        background:\n\n            linear-gradient(\n                180deg,\n                rgba(34,0,16,.72),\n                rgba(30,0,14,.97)\n            );\n\n    }\n\n\n    .atb-ticket-final__container {\n\n        padding:\n            90px 0;\n\n        flex-direction: column;\n\n        align-items: flex-start;\n\n        gap: 48px;\n\n    }\n\n\n    .atb-ticket-final__title {\n\n        font-size:\n            clamp(48px,13vw,64px);\n\n    }\n\n\n    .atb-ticket-final__text {\n\n        font-size: 15px;\n\n    }\n\n\n    .atb-ticket-final__actions {\n\n        width: 100%;\n\n        flex-direction: column;\n\n    }\n\n\n    .atb-ticket-final__btn {\n\n        width: 100%;\n\n    }\n\n\n    .atb-ticket-final__ticket {\n\n        width: 100%;\n\n        flex-basis: auto;\n\n        transform: none;\n\n    }\n\n\n    .atb-ticket-final__ticket:hover {\n\n        transform:\n            translateY(-5px);\n\n    }\n\n}\n\n\n\n\/* ============================================================\n   SMALL MOBILE\n============================================================ *\/\n\n@media (max-width: 390px) {\n\n    .atb-booking__container,\n    .atb-ticket-final__container {\n\n        width:\n            calc(100% - 26px);\n\n    }\n\n\n    .atb-booking__title {\n\n        font-size: 42px;\n\n    }\n\n\n    .atb-ticket-final__title {\n\n        font-size: 44px;\n\n    }\n\n}\n\n\n\n\/* ============================================================\n   ACCESSIBILITY\n============================================================ *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n    .atb-booking-card,\n    .atb-ticket-final__image,\n    .atb-ticket-final__ticket,\n    .atb-ticket-final__btn,\n    .atb-ticket-final__btn svg {\n\n        transition: none;\n\n    }\n\n}\n\n<\/style>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t\n    <div class=\"xs_social_share_widget xs_share_url after_content \t\tmain_content  wslu-style-1 wslu-share-box-shaped wslu-fill-colored wslu-none wslu-share-horizontal wslu-theme-font-no wslu-main_content\">\n\n\t\t\n        <ul>\n\t\t\t        <\/ul>\n    <\/div> \n","protected":false},"excerpt":{"rendered":"<p>Billetterie officielle de l\u2019ATB Chaque repr\u00e9sentation est une rencontre unique. D\u00e9couvrez la programmation de l\u2019Atelier Th\u00e9\u00e2tre Burkinab\u00e8 et r\u00e9servez votre place pour vivre la sc\u00e8ne au plus pr\u00e8s des artistes. [&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":10,"href":"https:\/\/atb.bf\/atb-v2\/wp-json\/wp\/v2\/pages\/78\/revisions"}],"predecessor-version":[{"id":2272,"href":"https:\/\/atb.bf\/atb-v2\/wp-json\/wp\/v2\/pages\/78\/revisions\/2272"}],"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}]}}