{"id":80,"date":"2025-10-23T11:42:02","date_gmt":"2025-10-23T11:42:02","guid":{"rendered":"https:\/\/atb.bf\/atb-v2\/?page_id=80"},"modified":"2026-07-12T01:04:43","modified_gmt":"2026-07-11T23:04:43","slug":"librairie","status":"publish","type":"page","link":"https:\/\/atb.bf\/atb-v2\/librairie\/","title":{"rendered":"LIBRAIRIE"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"80\" class=\"elementor elementor-80\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-12bf4b4 e-con e-atomic-element e-flexbox-base e-3c8d37e \" data-id=\"12bf4b4\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"12bf4b4\" data-e-type=\"e-flexbox\" data-id=\"12bf4b4\">\n    \t\t<div class=\"elementor-element elementor-element-d93c099 elementor-widget elementor-widget-html\" data-id=\"d93c099\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\n     ATB \u2014 LIBRAIRIE DE L'IMPACT\n     BLOC 1 : HERO + INTRODUCTION\n     WordPress \/ Elementor compatible\n========================================================= -->\n\n<section class=\"atblib-hero\" id=\"librairie-hero\">\n\n  <!-- D\u00e9coration de fond -->\n  <div class=\"atblib-hero__glow atblib-hero__glow--one\" aria-hidden=\"true\"><\/div>\n  <div class=\"atblib-hero__glow atblib-hero__glow--two\" aria-hidden=\"true\"><\/div>\n  <div class=\"atblib-hero__grain\" aria-hidden=\"true\"><\/div>\n\n  <div class=\"atblib-container atblib-hero__grid\">\n\n    <!-- CONTENU \u00c9DITORIAL -->\n    <div class=\"atblib-hero__content atblib-reveal\">\n\n      <div class=\"atblib-eyebrow\">\n        <span class=\"atblib-eyebrow__line\"><\/span>\n        <span>\u00c9ditions \u2022 Th\u00e9\u00e2tre \u2022 Recherche \u2022 M\u00e9moire<\/span>\n      <\/div>\n\n      <h1 class=\"atblib-hero__title\">\n        La Librairie\n        <span>de l\u2019Impact<\/span>\n      <\/h1>\n\n      <p class=\"atblib-hero__text\">\n        Depuis plus de quarante ans, l\u2019Atelier Th\u00e9\u00e2tre Burkinab\u00e8\n        documente, publie et transmet une pens\u00e9e du th\u00e9\u00e2tre profond\u00e9ment\n        ancr\u00e9e dans les r\u00e9alit\u00e9s africaines. Revues, ouvrages, recueils\n        et ressources \u00e9ditoriales prolongent la sc\u00e8ne et participent\n        \u00e0 la construction d\u2019une m\u00e9moire vivante du Th\u00e9\u00e2tre pour le\n        D\u00e9veloppement.\n      <\/p>\n\n      <div class=\"atblib-hero__actions\">\n        <a href=\"#collections\" class=\"atblib-btn atblib-btn--gold\">\n          <span>Explorer les collections<\/span>\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=\"https:\/\/atb.digital-publication.com\/enjeuxdescene\/numero23\/index.html#page\/1\" class=\"atblib-btn atblib-btn--outline\" target=\"_blank\" rel=\"noopener noreferrer\">\n          <span>Consulter Enjeux de Sc\u00e8ne<\/span>\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <path d=\"M14 5h5v5M10 14 19 5M19 14v5H5V5h5\"\/>\n          <\/svg>\n        <\/a>\n      <\/div>\n\n      <div class=\"atblib-stats\" aria-label=\"Rep\u00e8res \u00e9ditoriaux\">\n\n        <div class=\"atblib-stat\">\n          <strong>40+<\/strong>\n          <span>ann\u00e9es de m\u00e9moire \u00e9ditoriale<\/span>\n        <\/div>\n\n        <div class=\"atblib-stat\">\n          <strong>20+<\/strong>\n          <span>num\u00e9ros de revue publi\u00e9s<\/span>\n        <\/div>\n\n        <div class=\"atblib-stat\">\n          <strong>1978<\/strong>\n          <span>naissance de l\u2019institution<\/span>\n        <\/div>\n\n      <\/div>\n    <\/div>\n\n    <!-- COMPOSITION DES COUVERTURES -->\n    <div class=\"atblib-books atblib-reveal\" aria-label=\"S\u00e9lection de publications de l\u2019ATB\">\n\n      <div class=\"atblib-books__halo\" aria-hidden=\"true\"><\/div>\n\n      <!-- Livre arri\u00e8re gauche -->\n      <figure class=\"atblib-book atblib-book--back-left\">\n        <div class=\"atblib-book__spine\"><\/div>\n        <img decoding=\"async\"\n          src=\"REMPLACER-IMAGE-ENJEUX-19\"\n          alt=\"Couverture du num\u00e9ro 19 de la revue Enjeux de Sc\u00e8ne\"\n          loading=\"eager\"\n        >\n      <\/figure>\n\n      <!-- Livre arri\u00e8re droit -->\n      <figure class=\"atblib-book atblib-book--back-right\">\n        <div class=\"atblib-book__spine\"><\/div>\n        <img decoding=\"async\"\n          src=\"REMPLACER-IMAGE-ENJEUX-22\"\n          alt=\"Couverture du num\u00e9ro 22 de la revue Enjeux de Sc\u00e8ne\"\n          loading=\"eager\"\n        >\n      <\/figure>\n\n      <!-- Livre central -->\n      <figure class=\"atblib-book atblib-book--main\">\n        <div class=\"atblib-book__spine\"><\/div>\n        <span class=\"atblib-book__badge\">Num\u00e9ro vedette<\/span>\n        <img decoding=\"async\"\n          src=\"REMPLACER-IMAGE-ENJEUX-23\"\n          alt=\"Couverture du num\u00e9ro 23 de la revue Enjeux de Sc\u00e8ne\"\n          loading=\"eager\"\n        >\n      <\/figure>\n\n      <!-- Petit ouvrage gauche -->\n      <figure class=\"atblib-book atblib-book--front-left\">\n        <div class=\"atblib-book__spine\"><\/div>\n        <img decoding=\"async\"\n          src=\"REMPLACER-IMAGE-OUVRAGE-1\"\n          alt=\"Ouvrage publi\u00e9 par l\u2019Atelier Th\u00e9\u00e2tre Burkinab\u00e8\"\n          loading=\"lazy\"\n        >\n      <\/figure>\n\n      <!-- Petit ouvrage droit -->\n      <figure class=\"atblib-book atblib-book--front-right\">\n        <div class=\"atblib-book__spine\"><\/div>\n        <img decoding=\"async\"\n          src=\"REMPLACER-IMAGE-OUVRAGE-2\"\n          alt=\"Recueil de th\u00e9\u00e2tre publi\u00e9 par l\u2019Atelier Th\u00e9\u00e2tre Burkinab\u00e8\"\n          loading=\"lazy\"\n        >\n      <\/figure>\n\n      <div class=\"atblib-books__caption\">\n        <span><\/span>\n        Une m\u00e9moire vivante du th\u00e9\u00e2tre africain\n      <\/div>\n\n    <\/div>\n  <\/div>\n\n  <!-- Transition cr\u00e8me -->\n  <div class=\"atblib-hero__transition\" aria-hidden=\"true\">\n    <svg viewBox=\"0 0 1440 150\" preserveAspectRatio=\"none\">\n      <path d=\"M0,75 C240,145 450,10 720,65 C990,120 1180,20 1440,70 L1440,150 L0,150 Z\"><\/path>\n    <\/svg>\n  <\/div>\n\n<\/section>\n\n\n<!-- =========================================================\n     INTRODUCTION \u00c9DITORIALE\n========================================================= -->\n\n<section class=\"atblib-intro\" id=\"mission-editoriale\">\n\n  <div class=\"atblib-intro__watermark\" aria-hidden=\"true\">\n    Lire \u2022 Transmettre \u2022 Agir\n  <\/div>\n\n  <div class=\"atblib-container\">\n\n    <div class=\"atblib-intro__top\">\n\n      <div class=\"atblib-intro__heading atblib-reveal\">\n\n        <div class=\"atblib-section-label\">\n          <span>01<\/span>\n          <span>Notre mission \u00e9ditoriale<\/span>\n        <\/div>\n\n        <h2>\n          Des \u0153uvres pour comprendre,\n          <span>transmettre et agir<\/span>\n        <\/h2>\n\n      <\/div>\n\n      <div class=\"atblib-intro__copy atblib-reveal\">\n\n        <p>\n          Les publications de l\u2019ATB ne sont pas de simples livres.\n          Elles prolongent les cr\u00e9ations sc\u00e9niques, nourrissent la\n          recherche, accompagnent les formations et constituent un\n          patrimoine documentaire unique consacr\u00e9 au Th\u00e9\u00e2tre pour\n          le D\u00e9veloppement.\n        <\/p>\n\n        <p>\n          Chaque publication t\u00e9moigne d\u2019une exp\u00e9rience de terrain,\n          d\u2019une r\u00e9flexion artistique et d\u2019une volont\u00e9 constante de\n          transmettre les savoirs aux artistes, aux chercheurs, aux\n          \u00e9tudiants et aux acteurs du changement social.\n        <\/p>\n\n      <\/div>\n\n    <\/div>\n\n    <div class=\"atblib-intro__editorial\">\n\n      <!-- Citation -->\n      <blockquote class=\"atblib-quote atblib-reveal\">\n\n        <div class=\"atblib-quote__mark\" aria-hidden=\"true\">\u201c<\/div>\n\n        <p>\n          Transformer l\u2019exp\u00e9rience en expertise,\n          puis l\u2019expertise en transmission.\n        <\/p>\n\n        <footer>\n          <span><\/span>\n          La vision \u00e9ditoriale de l\u2019ATB\n        <\/footer>\n\n      <\/blockquote>\n\n      <!-- Piliers -->\n      <div class=\"atblib-pillars\">\n\n        <article class=\"atblib-pillar atblib-reveal\">\n\n          <div class=\"atblib-pillar__icon\">\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n              <path d=\"M4 5.5A2.5 2.5 0 0 1 6.5 3H11v16H6.5A2.5 2.5 0 0 0 4 21.5v-16Z\"\/>\n              <path d=\"M20 5.5A2.5 2.5 0 0 0 17.5 3H13v16h4.5a2.5 2.5 0 0 1 2.5 2.5v-16Z\"\/>\n            <\/svg>\n          <\/div>\n\n          <span class=\"atblib-pillar__number\">01<\/span>\n\n          <h3>M\u00e9moire<\/h3>\n\n          <p>\n            Pr\u00e9server les textes, les r\u00e9cits et les exp\u00e9riences qui\n            ont construit l\u2019histoire th\u00e9\u00e2trale de l\u2019ATB.\n          <\/p>\n\n        <\/article>\n\n        <article class=\"atblib-pillar atblib-reveal\">\n\n          <div class=\"atblib-pillar__icon\">\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n              <path d=\"M8 3h8l2 4v5a6 6 0 0 1-12 0V7l2-4Z\"\/>\n              <path d=\"M9 12h.01M15 12h.01M10 15c1.2 1 2.8 1 4 0\"\/>\n              <path d=\"M12 18v3M8 21h8\"\/>\n            <\/svg>\n          <\/div>\n\n          <span class=\"atblib-pillar__number\">02<\/span>\n\n          <h3>Cr\u00e9ation<\/h3>\n\n          <p>\n            Donner une nouvelle vie aux \u0153uvres, aux pi\u00e8ces et aux\n            recherches produites sur la sc\u00e8ne et sur le terrain.\n          <\/p>\n\n        <\/article>\n\n        <article class=\"atblib-pillar atblib-reveal\">\n\n          <div class=\"atblib-pillar__icon\">\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n              <circle cx=\"12\" cy=\"12\" r=\"9\"\/>\n              <path d=\"M3 12h18M12 3a15 15 0 0 1 0 18M12 3a15 15 0 0 0 0 18\"\/>\n            <\/svg>\n          <\/div>\n\n          <span class=\"atblib-pillar__number\">03<\/span>\n\n          <h3>Transmission<\/h3>\n\n          <p>\n            Partager les savoirs avec les artistes, les \u00e9tudiants,\n            les chercheurs et les g\u00e9n\u00e9rations futures.\n          <\/p>\n\n        <\/article>\n\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n\n<style>\n\/* =========================================================\n   POLICES\n========================================================= *\/\n\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Archivo:wght@300;400;500;600;700&family=Fraunces:opsz,wght@9..144,500;9..144,600;9..144,700&display=swap');\n\n\n\/* =========================================================\n   VARIABLES ET BASE\n========================================================= *\/\n\n.atblib-hero,\n.atblib-intro {\n  --atblib-bordeaux: #60052D;\n  --atblib-bordeaux-dark: #26000F;\n  --atblib-bordeaux-deep: #160008;\n  --atblib-gold: #CC9933;\n  --atblib-gold-light: #E0BC6A;\n  --atblib-cream: #F7F0E5;\n  --atblib-cream-light: #FFFDF8;\n  --atblib-ink: #24171D;\n  --atblib-muted: #725F67;\n  --atblib-border: rgba(96, 5, 45, 0.14);\n  --atblib-shadow: 0 30px 80px rgba(39, 0, 16, 0.18);\n\n  box-sizing: border-box;\n  font-family: \"Archivo\", sans-serif;\n}\n\n.atblib-hero *,\n.atblib-intro * {\n  box-sizing: border-box;\n}\n\n.atblib-container {\n  position: relative;\n  z-index: 3;\n  width: min(1240px, calc(100% - 48px));\n  margin-inline: auto;\n}\n\n\n\/* =========================================================\n   HERO\n========================================================= *\/\n\n.atblib-hero {\n  position: relative;\n  min-height: 880px;\n  overflow: hidden;\n  color: #FFFFFF;\n  background:\n    radial-gradient(circle at 70% 42%, rgba(204, 153, 51, 0.14), transparent 30%),\n    linear-gradient(130deg, #180008 0%, #3A001A 48%, #60052D 100%);\n}\n\n.atblib-hero__grid {\n  min-height: 820px;\n  display: grid;\n  grid-template-columns: minmax(0, 1.02fr) minmax(450px, 0.98fr);\n  align-items: center;\n  gap: clamp(40px, 6vw, 96px);\n  padding-top: 90px;\n  padding-bottom: 150px;\n}\n\n.atblib-hero__grain {\n  position: absolute;\n  inset: 0;\n  z-index: 1;\n  pointer-events: none;\n  opacity: 0.07;\n  background-image:\n    url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'\/%3E%3C\/svg%3E\");\n}\n\n.atblib-hero__glow {\n  position: absolute;\n  z-index: 0;\n  border-radius: 50%;\n  filter: blur(20px);\n  pointer-events: none;\n}\n\n.atblib-hero__glow--one {\n  width: 480px;\n  height: 480px;\n  top: 8%;\n  right: 6%;\n  background: rgba(204, 153, 51, 0.1);\n}\n\n.atblib-hero__glow--two {\n  width: 360px;\n  height: 360px;\n  bottom: 5%;\n  left: -10%;\n  background: rgba(255, 255, 255, 0.04);\n}\n\n.atblib-eyebrow {\n  display: flex;\n  align-items: center;\n  gap: 15px;\n  margin-bottom: 25px;\n  color: var(--atblib-gold-light);\n  font-size: 12px;\n  font-weight: 700;\n  line-height: 1.4;\n  letter-spacing: 0.18em;\n  text-transform: uppercase;\n}\n\n.atblib-eyebrow__line {\n  width: 52px;\n  height: 1px;\n  flex: 0 0 auto;\n  background: var(--atblib-gold);\n}\n\n.atblib-hero__title {\n  max-width: 690px;\n  margin: 0;\n  color: #FFFFFF;\n  font-family: \"Fraunces\", serif;\n  font-size: clamp(56px, 6vw, 94px);\n  font-weight: 600;\n  line-height: 0.93;\n  letter-spacing: -0.045em;\n}\n\n.atblib-hero__title span {\n  display: block;\n  margin-top: 12px;\n  color: var(--atblib-gold-light);\n  font-style: italic;\n  font-weight: 500;\n}\n\n.atblib-hero__text {\n  max-width: 690px;\n  margin: 34px 0 0;\n  color: rgba(255, 255, 255, 0.82);\n  font-size: 17px;\n  font-weight: 300;\n  line-height: 1.85;\n}\n\n.atblib-hero__actions {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 14px;\n  margin-top: 38px;\n}\n\n.atblib-btn {\n  min-height: 56px;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 14px;\n  padding: 15px 25px;\n  border: 1px solid transparent;\n  border-radius: 3px;\n  font-size: 13px;\n  font-weight: 700;\n  line-height: 1.2;\n  letter-spacing: 0.035em;\n  text-decoration: none !important;\n  transition:\n    transform 0.35s ease,\n    background-color 0.35s ease,\n    border-color 0.35s ease,\n    box-shadow 0.35s ease;\n}\n\n.atblib-btn svg {\n  width: 19px;\n  height: 19px;\n  fill: none;\n  stroke: currentColor;\n  stroke-width: 1.7;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n  transition: transform 0.35s ease;\n}\n\n.atblib-btn:hover {\n  transform: translateY(-3px);\n}\n\n.atblib-btn:hover svg {\n  transform: translateX(4px);\n}\n\n.atblib-btn--gold {\n  color: #2A0A17 !important;\n  background: var(--atblib-gold);\n  box-shadow: 0 14px 32px rgba(204, 153, 51, 0.18);\n}\n\n.atblib-btn--gold:hover {\n  color: #2A0A17 !important;\n  background: #D8AA4C;\n  box-shadow: 0 18px 40px rgba(204, 153, 51, 0.28);\n}\n\n.atblib-btn--outline {\n  color: #FFFFFF !important;\n  border-color: rgba(255, 255, 255, 0.28);\n  background: rgba(255, 255, 255, 0.04);\n  backdrop-filter: blur(8px);\n}\n\n.atblib-btn--outline:hover {\n  color: #FFFFFF !important;\n  border-color: var(--atblib-gold);\n  background: rgba(204, 153, 51, 0.1);\n}\n\n.atblib-stats {\n  max-width: 730px;\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  margin-top: 48px;\n  padding-top: 28px;\n  border-top: 1px solid rgba(255, 255, 255, 0.14);\n}\n\n.atblib-stat {\n  min-width: 0;\n  padding-right: 22px;\n}\n\n.atblib-stat + .atblib-stat {\n  padding-left: 22px;\n  border-left: 1px solid rgba(255, 255, 255, 0.13);\n}\n\n.atblib-stat strong {\n  display: block;\n  margin-bottom: 7px;\n  color: var(--atblib-gold-light);\n  font-family: \"Fraunces\", serif;\n  font-size: 31px;\n  font-weight: 600;\n  line-height: 1;\n}\n\n.atblib-stat span {\n  display: block;\n  color: rgba(255, 255, 255, 0.65);\n  font-size: 11px;\n  line-height: 1.55;\n  letter-spacing: 0.06em;\n  text-transform: uppercase;\n}\n\n\n\/* =========================================================\n   COMPOSITION DES LIVRES\n========================================================= *\/\n\n.atblib-books {\n  position: relative;\n  min-height: 610px;\n  perspective: 1300px;\n}\n\n.atblib-books__halo {\n  position: absolute;\n  width: 420px;\n  height: 420px;\n  top: 15%;\n  left: 50%;\n  border-radius: 50%;\n  background: radial-gradient(circle, rgba(204,153,51,0.24), rgba(204,153,51,0) 68%);\n  transform: translateX(-50%);\n  filter: blur(10px);\n}\n\n.atblib-book {\n  position: absolute;\n  margin: 0;\n  overflow: visible;\n  border-radius: 2px 5px 5px 2px;\n  background: #DDDDDD;\n  box-shadow:\n    0 35px 70px rgba(0, 0, 0, 0.38),\n    0 8px 20px rgba(0, 0, 0, 0.24);\n  transform-style: preserve-3d;\n  transition:\n    transform 0.6s cubic-bezier(.2,.8,.2,1),\n    box-shadow 0.6s ease;\n}\n\n.atblib-book::after {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  z-index: 2;\n  border-radius: inherit;\n  pointer-events: none;\n  box-shadow:\n    inset 10px 0 14px rgba(0, 0, 0, 0.18),\n    inset -2px 0 2px rgba(255, 255, 255, 0.18);\n}\n\n.atblib-book img {\n  width: 100%;\n  height: 100%;\n  display: block;\n  border-radius: inherit;\n  object-fit: cover;\n}\n\n.atblib-book__spine {\n  position: absolute;\n  z-index: 3;\n  width: 8px;\n  top: 2px;\n  bottom: 2px;\n  left: 0;\n  border-radius: 2px 0 0 2px;\n  background: linear-gradient(90deg, rgba(0,0,0,.45), rgba(255,255,255,.16), rgba(0,0,0,.2));\n  opacity: 0.62;\n}\n\n.atblib-book--main {\n  z-index: 5;\n  width: 295px;\n  height: 418px;\n  top: 84px;\n  left: 50%;\n  transform: translateX(-50%) rotateY(-5deg) rotateZ(-1deg);\n}\n\n.atblib-book--main:hover {\n  transform: translateX(-50%) translateY(-14px) rotateY(0deg) rotateZ(0deg);\n  box-shadow: 0 45px 90px rgba(0, 0, 0, 0.5);\n}\n\n.atblib-book--back-left {\n  z-index: 2;\n  width: 230px;\n  height: 325px;\n  top: 120px;\n  left: 6%;\n  transform: rotateY(12deg) rotateZ(-10deg);\n}\n\n.atblib-book--back-left:hover {\n  transform: translateY(-10px) rotateY(7deg) rotateZ(-7deg);\n}\n\n.atblib-book--back-right {\n  z-index: 2;\n  width: 230px;\n  height: 325px;\n  top: 122px;\n  right: 4%;\n  transform: rotateY(-12deg) rotateZ(9deg);\n}\n\n.atblib-book--back-right:hover {\n  transform: translateY(-10px) rotateY(-6deg) rotateZ(6deg);\n}\n\n.atblib-book--front-left {\n  z-index: 7;\n  width: 170px;\n  height: 242px;\n  left: 2%;\n  bottom: 35px;\n  transform: rotateZ(-5deg);\n}\n\n.atblib-book--front-left:hover {\n  transform: translateY(-10px) rotateZ(-2deg);\n}\n\n.atblib-book--front-right {\n  z-index: 7;\n  width: 170px;\n  height: 242px;\n  right: 0;\n  bottom: 25px;\n  transform: rotateZ(6deg);\n}\n\n.atblib-book--front-right:hover {\n  transform: translateY(-10px) rotateZ(3deg);\n}\n\n.atblib-book__badge {\n  position: absolute;\n  z-index: 10;\n  top: 18px;\n  right: -18px;\n  padding: 9px 13px;\n  color: #2B101B;\n  background: var(--atblib-gold);\n  box-shadow: 0 8px 20px rgba(0,0,0,.22);\n  font-size: 9px;\n  font-weight: 800;\n  letter-spacing: 0.1em;\n  text-transform: uppercase;\n}\n\n.atblib-books__caption {\n  position: absolute;\n  z-index: 8;\n  left: 50%;\n  bottom: -1px;\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  width: max-content;\n  max-width: 100%;\n  color: rgba(255,255,255,.62);\n  font-size: 10px;\n  font-weight: 600;\n  letter-spacing: .12em;\n  text-transform: uppercase;\n  transform: translateX(-50%);\n}\n\n.atblib-books__caption span {\n  width: 38px;\n  height: 1px;\n  background: var(--atblib-gold);\n}\n\n\n\/* =========================================================\n   TRANSITION HERO\n========================================================= *\/\n\n.atblib-hero__transition {\n  position: absolute;\n  z-index: 4;\n  right: 0;\n  bottom: -1px;\n  left: 0;\n  height: 130px;\n  pointer-events: none;\n}\n\n.atblib-hero__transition svg {\n  width: 100%;\n  height: 100%;\n  display: block;\n}\n\n.atblib-hero__transition path {\n  fill: var(--atblib-cream);\n}\n\n\n\/* =========================================================\n   INTRODUCTION\n========================================================= *\/\n\n.atblib-intro {\n  position: relative;\n  overflow: hidden;\n  padding: 105px 0 125px;\n  color: var(--atblib-ink);\n  background:\n    linear-gradient(rgba(247, 240, 229, 0.97), rgba(247, 240, 229, 0.97)),\n    radial-gradient(circle at 20% 20%, rgba(204,153,51,.08), transparent 35%);\n}\n\n.atblib-intro__watermark {\n  position: absolute;\n  z-index: 0;\n  top: 40px;\n  left: 50%;\n  width: 100%;\n  color: rgba(96, 5, 45, 0.035);\n  font-family: \"Fraunces\", serif;\n  font-size: clamp(80px, 12vw, 180px);\n  font-weight: 600;\n  line-height: 1;\n  text-align: center;\n  white-space: nowrap;\n  transform: translateX(-50%);\n  pointer-events: none;\n}\n\n.atblib-intro__top {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr) minmax(360px, .78fr);\n  align-items: end;\n  gap: clamp(50px, 8vw, 120px);\n}\n\n.atblib-section-label {\n  display: flex;\n  align-items: center;\n  gap: 14px;\n  margin-bottom: 23px;\n  color: var(--atblib-bordeaux);\n  font-size: 11px;\n  font-weight: 700;\n  letter-spacing: .13em;\n  text-transform: uppercase;\n}\n\n.atblib-section-label span:first-child {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 39px;\n  height: 39px;\n  border: 1px solid rgba(96,5,45,.2);\n  border-radius: 50%;\n  color: var(--atblib-gold);\n  background: rgba(255,255,255,.38);\n}\n\n.atblib-intro__heading h2 {\n  max-width: 720px;\n  margin: 0;\n  color: var(--atblib-bordeaux);\n  font-family: \"Fraunces\", serif;\n  font-size: clamp(42px, 5vw, 70px);\n  font-weight: 600;\n  line-height: 1.04;\n  letter-spacing: -.035em;\n}\n\n.atblib-intro__heading h2 span {\n  display: block;\n  color: var(--atblib-gold);\n  font-style: italic;\n  font-weight: 500;\n}\n\n.atblib-intro__copy {\n  padding-left: 34px;\n  border-left: 1px solid rgba(204,153,51,.55);\n}\n\n.atblib-intro__copy p {\n  margin: 0;\n  color: var(--atblib-muted);\n  font-size: 16px;\n  line-height: 1.85;\n}\n\n.atblib-intro__copy p + p {\n  margin-top: 18px;\n}\n\n.atblib-intro__editorial {\n  display: grid;\n  grid-template-columns: minmax(330px, .75fr) minmax(0, 1.25fr);\n  align-items: stretch;\n  gap: 30px;\n  margin-top: 78px;\n}\n\n.atblib-quote {\n  position: relative;\n  min-height: 355px;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  margin: 0;\n  padding: 52px;\n  overflow: hidden;\n  color: #FFFFFF;\n  background:\n    linear-gradient(145deg, rgba(96,5,45,.97), rgba(50,0,21,.99));\n  box-shadow: var(--atblib-shadow);\n}\n\n.atblib-quote::before {\n  content: \"\";\n  position: absolute;\n  width: 180px;\n  height: 180px;\n  right: -60px;\n  bottom: -60px;\n  border: 1px solid rgba(204,153,51,.18);\n  border-radius: 50%;\n}\n\n.atblib-quote::after {\n  content: \"\";\n  position: absolute;\n  width: 115px;\n  height: 115px;\n  right: -25px;\n  bottom: -25px;\n  border: 1px solid rgba(204,153,51,.14);\n  border-radius: 50%;\n}\n\n.atblib-quote__mark {\n  position: absolute;\n  top: 14px;\n  right: 34px;\n  color: rgba(204,153,51,.16);\n  font-family: \"Fraunces\", serif;\n  font-size: 150px;\n  line-height: 1;\n}\n\n.atblib-quote p {\n  position: relative;\n  z-index: 2;\n  margin: 0;\n  color: #FFFFFF;\n  font-family: \"Fraunces\", serif;\n  font-size: clamp(29px, 3vw, 43px);\n  font-style: italic;\n  font-weight: 500;\n  line-height: 1.25;\n}\n\n.atblib-quote footer {\n  position: relative;\n  z-index: 2;\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  margin-top: 30px;\n  color: rgba(255,255,255,.63);\n  font-size: 10px;\n  font-style: normal;\n  font-weight: 700;\n  letter-spacing: .1em;\n  text-transform: uppercase;\n}\n\n.atblib-quote footer span {\n  width: 35px;\n  height: 1px;\n  background: var(--atblib-gold);\n}\n\n.atblib-pillars {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  gap: 18px;\n}\n\n.atblib-pillar {\n  position: relative;\n  min-height: 355px;\n  padding: 36px 28px;\n  overflow: hidden;\n  border: 1px solid var(--atblib-border);\n  background: rgba(255, 253, 248, .76);\n  box-shadow: 0 18px 45px rgba(42, 16, 27, 0.07);\n  transition:\n    transform .4s ease,\n    box-shadow .4s ease,\n    border-color .4s ease;\n}\n\n.atblib-pillar::before {\n  content: \"\";\n  position: absolute;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  height: 4px;\n  background: var(--atblib-gold);\n  transform: scaleX(0);\n  transform-origin: left;\n  transition: transform .45s ease;\n}\n\n.atblib-pillar:hover {\n  border-color: rgba(204,153,51,.55);\n  box-shadow: 0 26px 55px rgba(42,16,27,.12);\n  transform: translateY(-8px);\n}\n\n.atblib-pillar:hover::before {\n  transform: scaleX(1);\n}\n\n.atblib-pillar__icon {\n  width: 52px;\n  height: 52px;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border: 1px solid rgba(204,153,51,.4);\n  border-radius: 50%;\n  color: var(--atblib-gold);\n  background: rgba(204,153,51,.06);\n}\n\n.atblib-pillar__icon svg {\n  width: 24px;\n  height: 24px;\n  fill: none;\n  stroke: currentColor;\n  stroke-width: 1.45;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n.atblib-pillar__number {\n  position: absolute;\n  top: 25px;\n  right: 24px;\n  color: rgba(96,5,45,.12);\n  font-family: \"Fraunces\", serif;\n  font-size: 38px;\n  line-height: 1;\n}\n\n.atblib-pillar h3 {\n  margin: 55px 0 15px;\n  color: var(--atblib-bordeaux);\n  font-family: \"Fraunces\", serif;\n  font-size: 29px;\n  font-weight: 600;\n}\n\n.atblib-pillar p {\n  margin: 0;\n  color: var(--atblib-muted);\n  font-size: 14px;\n  line-height: 1.75;\n}\n\n\n\/* =========================================================\n   ANIMATIONS\n   Le contenu reste visible sans JavaScript\n========================================================= *\/\n\n.atblib-reveal {\n  opacity: 1;\n  transform: none;\n}\n\n.atblib-js .atblib-reveal {\n  opacity: 0;\n  transform: translateY(28px);\n  transition:\n    opacity .8s ease,\n    transform .8s cubic-bezier(.22,.61,.36,1);\n}\n\n.atblib-js .atblib-reveal.atblib-is-visible {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n@keyframes atblibFloatMain {\n  0%, 100% {\n    margin-top: 0;\n  }\n  50% {\n    margin-top: -8px;\n  }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .atblib-book--main {\n    animation: atblibFloatMain 6s ease-in-out infinite;\n  }\n}\n\n\n\/* =========================================================\n   TABLETTE\n========================================================= *\/\n\n@media (max-width: 1100px) {\n\n  .atblib-hero {\n    min-height: auto;\n  }\n\n  .atblib-hero__grid {\n    min-height: auto;\n    grid-template-columns: 1fr;\n    gap: 65px;\n    padding-top: 110px;\n    padding-bottom: 190px;\n  }\n\n  .atblib-hero__content {\n    max-width: 820px;\n  }\n\n  .atblib-books {\n    width: min(620px, 100%);\n    min-height: 590px;\n    margin-inline: auto;\n  }\n\n  .atblib-intro__top {\n    grid-template-columns: 1fr;\n    align-items: start;\n    gap: 38px;\n  }\n\n  .atblib-intro__copy {\n    max-width: 760px;\n  }\n\n  .atblib-intro__editorial {\n    grid-template-columns: 1fr;\n  }\n\n  .atblib-quote {\n    min-height: 300px;\n  }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media (max-width: 767px) {\n\n  .atblib-container {\n    width: min(100% - 30px, 1240px);\n  }\n\n  .atblib-hero__grid {\n    gap: 48px;\n    padding-top: 75px;\n    padding-bottom: 155px;\n  }\n\n  .atblib-eyebrow {\n    align-items: flex-start;\n    font-size: 10px;\n    letter-spacing: .13em;\n  }\n\n  .atblib-eyebrow__line {\n    width: 30px;\n    margin-top: 6px;\n  }\n\n  .atblib-hero__title {\n    font-size: clamp(48px, 15vw, 67px);\n    line-height: .98;\n  }\n\n  .atblib-hero__text {\n    margin-top: 27px;\n    font-size: 15px;\n    line-height: 1.75;\n  }\n\n  .atblib-hero__actions {\n    display: grid;\n    grid-template-columns: 1fr;\n    margin-top: 30px;\n  }\n\n  .atblib-btn {\n    width: 100%;\n    padding-inline: 18px;\n  }\n\n  .atblib-stats {\n    grid-template-columns: 1fr;\n    gap: 18px;\n    margin-top: 35px;\n    padding-top: 22px;\n  }\n\n  .atblib-stat {\n    padding: 0;\n  }\n\n  .atblib-stat + .atblib-stat {\n    padding: 18px 0 0;\n    border-top: 1px solid rgba(255,255,255,.11);\n    border-left: 0;\n  }\n\n  .atblib-books {\n    min-height: 455px;\n  }\n\n  .atblib-book--main {\n    width: 220px;\n    height: 312px;\n    top: 58px;\n  }\n\n  .atblib-book--back-left {\n    width: 155px;\n    height: 219px;\n    top: 95px;\n    left: 0;\n  }\n\n  .atblib-book--back-right {\n    width: 155px;\n    height: 219px;\n    top: 95px;\n    right: 0;\n  }\n\n  .atblib-book--front-left {\n    display: none;\n  }\n\n  .atblib-book--front-right {\n    width: 120px;\n    height: 170px;\n    right: 3px;\n    bottom: 18px;\n  }\n\n  .atblib-book__badge {\n    top: 12px;\n    right: -11px;\n    padding: 7px 9px;\n    font-size: 7px;\n  }\n\n  .atblib-books__caption {\n    bottom: -8px;\n    justify-content: center;\n    width: 100%;\n    font-size: 8px;\n    text-align: center;\n  }\n\n  .atblib-books__caption span {\n    width: 24px;\n  }\n\n  .atblib-hero__transition {\n    height: 95px;\n  }\n\n  .atblib-intro {\n    padding: 82px 0 90px;\n  }\n\n  .atblib-intro__watermark {\n    top: 55px;\n    font-size: 72px;\n  }\n\n  .atblib-intro__heading h2 {\n    font-size: clamp(39px, 12vw, 53px);\n  }\n\n  .atblib-intro__copy {\n    padding: 0;\n    border-left: 0;\n  }\n\n  .atblib-intro__copy::before {\n    content: \"\";\n    display: block;\n    width: 56px;\n    height: 1px;\n    margin-bottom: 25px;\n    background: var(--atblib-gold);\n  }\n\n  .atblib-intro__copy p {\n    font-size: 15px;\n    line-height: 1.78;\n  }\n\n  .atblib-intro__editorial {\n    margin-top: 55px;\n  }\n\n  .atblib-quote {\n    min-height: 330px;\n    padding: 40px 28px;\n  }\n\n  .atblib-quote__mark {\n    top: 8px;\n    right: 20px;\n    font-size: 115px;\n  }\n\n  .atblib-quote p {\n    font-size: 31px;\n  }\n\n  .atblib-pillars {\n    grid-template-columns: 1fr;\n  }\n\n  .atblib-pillar {\n    min-height: 280px;\n  }\n\n  .atblib-pillar h3 {\n    margin-top: 38px;\n  }\n\n}\n\n\n\/* =========================================================\n   PETITS MOBILES\n========================================================= *\/\n\n@media (max-width: 390px) {\n\n  .atblib-book--main {\n    width: 195px;\n    height: 277px;\n  }\n\n  .atblib-book--back-left,\n  .atblib-book--back-right {\n    width: 130px;\n    height: 184px;\n  }\n\n  .atblib-book--front-right {\n    width: 100px;\n    height: 142px;\n  }\n\n}\n\n\n\/* =========================================================\n   ACCESSIBILIT\u00c9\n========================================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n  .atblib-book--main {\n    animation: none;\n  }\n\n  .atblib-book,\n  .atblib-btn,\n  .atblib-pillar,\n  .atblib-reveal {\n    transition: none !important;\n  }\n\n}\n<\/style>\n\n\n<script>\n(function () {\n  \"use strict\";\n\n  const roots = document.querySelectorAll(\".atblib-hero, .atblib-intro\");\n\n  if (!roots.length) return;\n\n  document.documentElement.classList.add(\"atblib-js\");\n\n  const revealItems = document.querySelectorAll(\".atblib-reveal\");\n\n  if (\"IntersectionObserver\" in window) {\n    const observer = new IntersectionObserver(\n      function (entries, obs) {\n        entries.forEach(function (entry) {\n          if (entry.isIntersecting) {\n            entry.target.classList.add(\"atblib-is-visible\");\n            obs.unobserve(entry.target);\n          }\n        });\n      },\n      {\n        threshold: 0.12,\n        rootMargin: \"0px 0px -40px 0px\"\n      }\n    );\n\n    revealItems.forEach(function (item, index) {\n      item.style.transitionDelay = Math.min(index * 70, 280) + \"ms\";\n      observer.observe(item);\n    });\n  } else {\n    revealItems.forEach(function (item) {\n      item.classList.add(\"atblib-is-visible\");\n    });\n  }\n\n  \/* Parallaxe tr\u00e8s l\u00e9g\u00e8re, uniquement sur ordinateur *\/\n  const hero = document.querySelector(\".atblib-hero\");\n  const books = document.querySelector(\".atblib-books\");\n\n  if (\n    hero &&\n    books &&\n    window.matchMedia(\"(min-width: 1101px)\").matches &&\n    !window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches\n  ) {\n    hero.addEventListener(\"mousemove\", function (event) {\n      const rect = hero.getBoundingClientRect();\n      const x = (event.clientX - rect.left) \/ rect.width - 0.5;\n      const y = (event.clientY - rect.top) \/ rect.height - 0.5;\n\n      books.style.transform =\n        \"translate3d(\" + (x * 8) + \"px,\" + (y * 6) + \"px,0)\";\n    });\n\n    hero.addEventListener(\"mouseleave\", function () {\n      books.style.transform = \"translate3d(0,0,0)\";\n    });\n  }\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-5b11a89 e-con e-atomic-element e-flexbox-base e-4930c71 \" data-id=\"5b11a89\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"5b11a89\" data-e-type=\"e-flexbox\" data-id=\"5b11a89\">\n    \t\t<div class=\"elementor-element elementor-element-5a91887 elementor-widget elementor-widget-html\" data-id=\"5a91887\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\n     ATB \u2014 LIBRAIRIE DE L'IMPACT\n     BLOC 2 : NAVIGATION PAR COLLECTIONS\n========================================================= -->\n\n<section class=\"atblib-collections\" id=\"collections\">\n\n  <div class=\"atblib-collections__texture\" aria-hidden=\"true\"><\/div>\n\n  <div class=\"atblib-collections__container\">\n\n    <!-- EN-T\u00caTE -->\n    <div class=\"atblib-collections__header atblib-col-reveal\">\n\n      <div class=\"atblib-collections__label\">\n        <span>02<\/span>\n        <span>Les collections<\/span>\n      <\/div>\n\n      <div class=\"atblib-collections__heading-grid\">\n\n        <h2>\n          Explorer une biblioth\u00e8que\n          <span>vivante et engag\u00e9e<\/span>\n        <\/h2>\n\n        <div class=\"atblib-collections__intro\">\n          <p>\n            Revues, ouvrages, pi\u00e8ces de th\u00e9\u00e2tre et ressources num\u00e9riques :\n            chaque collection t\u00e9moigne d\u2019une mani\u00e8re particuli\u00e8re de penser,\n            de cr\u00e9er et de transmettre le th\u00e9\u00e2tre africain.\n          <\/p>\n\n          <p>\n            Parcoure les univers \u00e9ditoriaux de l\u2019ATB et d\u00e9couvre des publications\n            con\u00e7ues pour nourrir la recherche, accompagner la formation et pr\u00e9server\n            une m\u00e9moire culturelle essentielle.\n          <\/p>\n        <\/div>\n\n      <\/div>\n    <\/div>\n\n\n    <!-- GRILLE DES COLLECTIONS -->\n    <div class=\"atblib-collections__grid\">\n\n      <!-- COLLECTION 01 -->\n      <article class=\"atblib-collection-card atblib-collection-card--large atblib-col-reveal\">\n\n        <a href=\"#enjeux-de-scene\" class=\"atblib-collection-card__link\" aria-label=\"Explorer les revues Enjeux de Sc\u00e8ne\">\n\n          <div class=\"atblib-collection-card__visual\">\n\n            <div class=\"atblib-collection-card__overlay\"><\/div>\n\n            <img decoding=\"async\"\n              src=\"REMPLACER-IMAGE-COLLECTION-ENJEUX\"\n              alt=\"Couvertures de la revue Enjeux de Sc\u00e8ne\"\n              loading=\"lazy\"\n            >\n\n            <div class=\"atblib-collection-card__ornament\" aria-hidden=\"true\">\n              <span><\/span>\n              <span><\/span>\n            <\/div>\n\n            <div class=\"atblib-collection-card__index\">01<\/div>\n\n          <\/div>\n\n          <div class=\"atblib-collection-card__content\">\n\n            <div class=\"atblib-collection-card__meta\">\n              Revue \u2022 Recherche \u2022 Patrimoine\n            <\/div>\n\n            <h3>Revues Enjeux de Sc\u00e8ne<\/h3>\n\n            <p>\n              Une collection de recherche, d\u2019analyse et de documentation consacr\u00e9e\n              au Th\u00e9\u00e2tre pour le D\u00e9veloppement, aux pratiques sc\u00e9niques et \u00e0 la vie\n              culturelle de l\u2019ATB.\n            <\/p>\n\n            <div class=\"atblib-collection-card__footer\">\n\n              <span>Explorer la revue<\/span>\n\n              <span class=\"atblib-collection-card__arrow\">\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                  <path d=\"M5 12h14M13 6l6 6-6 6\"\/>\n                <\/svg>\n              <\/span>\n\n            <\/div>\n\n          <\/div>\n\n        <\/a>\n\n      <\/article>\n\n\n      <!-- COLLECTION 02 -->\n      <article class=\"atblib-collection-card atblib-col-reveal\">\n\n        <a href=\"#ouvrages\" class=\"atblib-collection-card__link\" aria-label=\"D\u00e9couvrir les ouvrages et essais de l\u2019ATB\">\n\n          <div class=\"atblib-collection-card__visual\">\n\n            <div class=\"atblib-collection-card__overlay\"><\/div>\n\n            <img decoding=\"async\"\n              src=\"REMPLACER-IMAGE-COLLECTION-OUVRAGES\"\n              alt=\"S\u00e9lection d\u2019ouvrages et d\u2019essais publi\u00e9s par l\u2019ATB\"\n              loading=\"lazy\"\n            >\n\n            <div class=\"atblib-collection-card__index\">02<\/div>\n\n          <\/div>\n\n          <div class=\"atblib-collection-card__content\">\n\n            <div class=\"atblib-collection-card__meta\">\n              Essais \u2022 M\u00e9thodes \u2022 R\u00e9flexion\n            <\/div>\n\n            <h3>Ouvrages et essais<\/h3>\n\n            <p>\n              Des travaux m\u00e9thodologiques, th\u00e9oriques et institutionnels consacr\u00e9s\n              au th\u00e9\u00e2tre, \u00e0 la p\u00e9dagogie, au d\u00e9veloppement et \u00e0 l\u2019engagement culturel.\n            <\/p>\n\n            <div class=\"atblib-collection-card__footer\">\n\n              <span>D\u00e9couvrir les ouvrages<\/span>\n\n              <span class=\"atblib-collection-card__arrow\">\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                  <path d=\"M5 12h14M13 6l6 6-6 6\"\/>\n                <\/svg>\n              <\/span>\n\n            <\/div>\n\n          <\/div>\n\n        <\/a>\n\n      <\/article>\n\n\n      <!-- COLLECTION 03 -->\n      <article class=\"atblib-collection-card atblib-col-reveal\">\n\n        <a href=\"#theatre-citoyen\" class=\"atblib-collection-card__link\" aria-label=\"Parcourir les pi\u00e8ces de th\u00e9\u00e2tre de l\u2019ATB\">\n\n          <div class=\"atblib-collection-card__visual\">\n\n            <div class=\"atblib-collection-card__overlay\"><\/div>\n\n            <img decoding=\"async\"\n              src=\"REMPLACER-IMAGE-COLLECTION-PIECES\"\n              alt=\"Recueils et pi\u00e8ces de th\u00e9\u00e2tre citoyen\"\n              loading=\"lazy\"\n            >\n\n            <div class=\"atblib-collection-card__index\">03<\/div>\n\n          <\/div>\n\n          <div class=\"atblib-collection-card__content\">\n\n            <div class=\"atblib-collection-card__meta\">\n              Dramaturgie \u2022 Sc\u00e8ne \u2022 Citoyennet\u00e9\n            <\/div>\n\n            <h3>Pi\u00e8ces de th\u00e9\u00e2tre<\/h3>\n\n            <p>\n              Des textes destin\u00e9s aux compagnies, aux \u00e9coles, aux universit\u00e9s\n              et aux lecteurs souhaitant d\u00e9couvrir un th\u00e9\u00e2tre profond\u00e9ment engag\u00e9\n              dans les r\u00e9alit\u00e9s sociales.\n            <\/p>\n\n            <div class=\"atblib-collection-card__footer\">\n\n              <span>Parcourir les pi\u00e8ces<\/span>\n\n              <span class=\"atblib-collection-card__arrow\">\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                  <path d=\"M5 12h14M13 6l6 6-6 6\"\/>\n                <\/svg>\n              <\/span>\n\n            <\/div>\n\n          <\/div>\n\n        <\/a>\n\n      <\/article>\n\n\n      <!-- COLLECTION 04 -->\n      <article class=\"atblib-collection-card atblib-collection-card--wide atblib-col-reveal\">\n\n        <a href=\"#archives\" class=\"atblib-collection-card__link\" aria-label=\"Acc\u00e9der aux ressources num\u00e9riques de l\u2019ATB\">\n\n          <div class=\"atblib-collection-card__visual\">\n\n            <div class=\"atblib-collection-card__overlay\"><\/div>\n\n            <img decoding=\"async\"\n              src=\"REMPLACER-IMAGE-COLLECTION-NUMERIQUE\"\n              alt=\"Ressources num\u00e9riques, documents et archives de l\u2019ATB\"\n              loading=\"lazy\"\n            >\n\n            <div class=\"atblib-collection-card__index\">04<\/div>\n\n          <\/div>\n\n          <div class=\"atblib-collection-card__content\">\n\n            <div class=\"atblib-collection-card__meta\">\n              Num\u00e9rique \u2022 Archives \u2022 Transmission\n            <\/div>\n\n            <h3>Ressources num\u00e9riques<\/h3>\n\n            <p>\n              Revues consultables en ligne, documents p\u00e9dagogiques, archives\n              audiovisuelles et futures publications num\u00e9riques accessibles\n              au-del\u00e0 des fronti\u00e8res.\n            <\/p>\n\n            <div class=\"atblib-collection-card__footer\">\n\n              <span>Acc\u00e9der aux ressources<\/span>\n\n              <span class=\"atblib-collection-card__arrow\">\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                  <path d=\"M5 12h14M13 6l6 6-6 6\"\/>\n                <\/svg>\n              <\/span>\n\n            <\/div>\n\n          <\/div>\n\n        <\/a>\n\n      <\/article>\n\n    <\/div>\n\n\n    <!-- NOTE \u00c9DITORIALE -->\n    <div class=\"atblib-collections__note atblib-col-reveal\">\n\n      <div class=\"atblib-collections__note-icon\">\n\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n          <path d=\"M4 5.5A2.5 2.5 0 0 1 6.5 3H11v16H6.5A2.5 2.5 0 0 0 4 21.5v-16Z\"\/>\n          <path d=\"M20 5.5A2.5 2.5 0 0 0 17.5 3H13v16h4.5a2.5 2.5 0 0 1 2.5 2.5v-16Z\"\/>\n        <\/svg>\n\n      <\/div>\n\n      <div class=\"atblib-collections__note-content\">\n\n        <span>Une collection en mouvement<\/span>\n\n        <p>\n          La Librairie de l\u2019Impact est appel\u00e9e \u00e0 s\u2019enrichir progressivement\n          de nouvelles publications, d\u2019archives num\u00e9ris\u00e9es et de contenus\n          p\u00e9dagogiques issus de l\u2019exp\u00e9rience de l\u2019ATB.\n        <\/p>\n\n      <\/div>\n\n      <a href=\"\/contact\" class=\"atblib-collections__note-link\">\n\n        <span>Proposer une recherche<\/span>\n\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n          <path d=\"M5 12h14M13 6l6 6-6 6\"\/>\n        <\/svg>\n\n      <\/a>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<style>\n\/* =========================================================\n   ATB \u2014 COLLECTIONS\n========================================================= *\/\n\n.atblib-collections {\n  --atblib-bordeaux: #60052D;\n  --atblib-bordeaux-dark: #320017;\n  --atblib-gold: #CC9933;\n  --atblib-gold-light: #E2BC69;\n  --atblib-cream: #F7F0E5;\n  --atblib-cream-light: #FFFDF8;\n  --atblib-ink: #2A1920;\n  --atblib-muted: #765F69;\n  --atblib-border: rgba(96, 5, 45, 0.14);\n\n  position: relative;\n  overflow: hidden;\n  padding: 125px 0;\n  color: var(--atblib-ink);\n  background: var(--atblib-cream-light);\n  font-family: \"Archivo\", sans-serif;\n}\n\n.atblib-collections *,\n.atblib-collections *::before,\n.atblib-collections *::after {\n  box-sizing: border-box;\n}\n\n.atblib-collections__container {\n  position: relative;\n  z-index: 2;\n  width: min(1240px, calc(100% - 48px));\n  margin-inline: auto;\n}\n\n.atblib-collections__texture {\n  position: absolute;\n  inset: 0;\n  z-index: 0;\n  pointer-events: none;\n  opacity: 0.035;\n  background-image:\n    url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'\/%3E%3C\/svg%3E\");\n}\n\n\n\/* =========================================================\n   EN-T\u00caTE\n========================================================= *\/\n\n.atblib-collections__label {\n  display: flex;\n  align-items: center;\n  gap: 14px;\n  margin-bottom: 25px;\n  color: var(--atblib-bordeaux);\n  font-size: 11px;\n  font-weight: 700;\n  letter-spacing: 0.13em;\n  text-transform: uppercase;\n}\n\n.atblib-collections__label span:first-child {\n  width: 40px;\n  height: 40px;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border: 1px solid rgba(96, 5, 45, 0.2);\n  border-radius: 50%;\n  color: var(--atblib-gold);\n  background: rgba(247, 240, 229, 0.5);\n}\n\n.atblib-collections__heading-grid {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr) minmax(360px, 0.75fr);\n  align-items: end;\n  gap: clamp(50px, 8vw, 120px);\n}\n\n.atblib-collections__heading-grid h2 {\n  max-width: 760px;\n  margin: 0;\n  color: var(--atblib-bordeaux);\n  font-family: \"Fraunces\", serif;\n  font-size: clamp(44px, 5vw, 72px);\n  font-weight: 600;\n  line-height: 1.03;\n  letter-spacing: -0.04em;\n}\n\n.atblib-collections__heading-grid h2 span {\n  display: block;\n  color: var(--atblib-gold);\n  font-style: italic;\n  font-weight: 500;\n}\n\n.atblib-collections__intro {\n  padding-left: 34px;\n  border-left: 1px solid rgba(204, 153, 51, 0.5);\n}\n\n.atblib-collections__intro p {\n  margin: 0;\n  color: var(--atblib-muted);\n  font-size: 15px;\n  line-height: 1.82;\n}\n\n.atblib-collections__intro p + p {\n  margin-top: 16px;\n}\n\n\n\/* =========================================================\n   GRILLE\n========================================================= *\/\n\n.atblib-collections__grid {\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n  gap: 26px;\n  margin-top: 78px;\n}\n\n.atblib-collection-card {\n  position: relative;\n  min-height: 610px;\n  overflow: hidden;\n  border: 1px solid var(--atblib-border);\n  background: #FFFFFF;\n  box-shadow: 0 20px 55px rgba(42, 18, 28, 0.08);\n  transition:\n    transform 0.45s ease,\n    box-shadow 0.45s ease,\n    border-color 0.45s ease;\n}\n\n.atblib-collection-card--large {\n  min-height: 680px;\n}\n\n.atblib-collection-card--wide {\n  min-height: 610px;\n}\n\n.atblib-collection-card:hover {\n  border-color: rgba(204, 153, 51, 0.55);\n  box-shadow: 0 35px 75px rgba(42, 18, 28, 0.15);\n  transform: translateY(-10px);\n}\n\n.atblib-collection-card__link {\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  color: inherit !important;\n  text-decoration: none !important;\n}\n\n.atblib-collection-card__visual {\n  position: relative;\n  height: 330px;\n  overflow: hidden;\n  background: var(--atblib-bordeaux-dark);\n}\n\n.atblib-collection-card--large .atblib-collection-card__visual {\n  height: 390px;\n}\n\n.atblib-collection-card__visual img {\n  width: 100%;\n  height: 100%;\n  display: block;\n  object-fit: cover;\n  transition: transform 0.8s cubic-bezier(.2,.8,.2,1);\n}\n\n.atblib-collection-card:hover .atblib-collection-card__visual img {\n  transform: scale(1.06);\n}\n\n.atblib-collection-card__overlay {\n  position: absolute;\n  inset: 0;\n  z-index: 1;\n  background:\n    linear-gradient(to top, rgba(39, 0, 16, 0.7), transparent 65%),\n    linear-gradient(135deg, rgba(96, 5, 45, 0.08), rgba(0, 0, 0, 0.08));\n}\n\n.atblib-collection-card__index {\n  position: absolute;\n  z-index: 2;\n  top: 24px;\n  right: 24px;\n  color: rgba(255, 255, 255, 0.78);\n  font-family: \"Fraunces\", serif;\n  font-size: 54px;\n  font-weight: 500;\n  line-height: 1;\n  text-shadow: 0 8px 20px rgba(0,0,0,.2);\n}\n\n.atblib-collection-card__ornament {\n  position: absolute;\n  z-index: 2;\n  bottom: 30px;\n  left: 30px;\n  display: flex;\n  align-items: center;\n  gap: 10px;\n}\n\n.atblib-collection-card__ornament span:first-child {\n  width: 48px;\n  height: 1px;\n  background: var(--atblib-gold);\n}\n\n.atblib-collection-card__ornament span:last-child {\n  width: 8px;\n  height: 8px;\n  border: 1px solid var(--atblib-gold);\n  border-radius: 50%;\n}\n\n.atblib-collection-card__content {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  padding: 34px 34px 30px;\n}\n\n.atblib-collection-card__meta {\n  margin-bottom: 15px;\n  color: var(--atblib-gold);\n  font-size: 10px;\n  font-weight: 700;\n  letter-spacing: 0.12em;\n  text-transform: uppercase;\n}\n\n.atblib-collection-card h3 {\n  margin: 0;\n  color: var(--atblib-bordeaux);\n  font-family: \"Fraunces\", serif;\n  font-size: clamp(29px, 3vw, 39px);\n  font-weight: 600;\n  line-height: 1.1;\n}\n\n.atblib-collection-card p {\n  margin: 18px 0 0;\n  color: var(--atblib-muted);\n  font-size: 14px;\n  line-height: 1.75;\n}\n\n.atblib-collection-card__footer {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 20px;\n  margin-top: auto;\n  padding-top: 30px;\n  border-top: 1px solid rgba(96, 5, 45, 0.09);\n  color: var(--atblib-bordeaux);\n  font-size: 12px;\n  font-weight: 700;\n  letter-spacing: 0.04em;\n}\n\n.atblib-collection-card__arrow {\n  width: 42px;\n  height: 42px;\n  flex: 0 0 auto;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border: 1px solid rgba(96, 5, 45, 0.18);\n  border-radius: 50%;\n  color: var(--atblib-bordeaux);\n  transition:\n    color 0.35s ease,\n    background-color 0.35s ease,\n    border-color 0.35s ease,\n    transform 0.35s ease;\n}\n\n.atblib-collection-card__arrow svg {\n  width: 19px;\n  height: 19px;\n  fill: none;\n  stroke: currentColor;\n  stroke-width: 1.7;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n.atblib-collection-card:hover .atblib-collection-card__arrow {\n  color: #FFFFFF;\n  border-color: var(--atblib-bordeaux);\n  background: var(--atblib-bordeaux);\n  transform: translateX(4px);\n}\n\n\n\/* =========================================================\n   NOTE \u00c9DITORIALE\n========================================================= *\/\n\n.atblib-collections__note {\n  display: grid;\n  grid-template-columns: auto minmax(0, 1fr) auto;\n  align-items: center;\n  gap: 26px;\n  margin-top: 42px;\n  padding: 30px 34px;\n  border: 1px solid rgba(204, 153, 51, 0.3);\n  background:\n    linear-gradient(135deg, rgba(247,240,229,.85), rgba(255,255,255,.95));\n}\n\n.atblib-collections__note-icon {\n  width: 58px;\n  height: 58px;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border: 1px solid rgba(204, 153, 51, 0.45);\n  border-radius: 50%;\n  color: var(--atblib-gold);\n  background: rgba(204, 153, 51, 0.07);\n}\n\n.atblib-collections__note-icon svg {\n  width: 26px;\n  height: 26px;\n  fill: none;\n  stroke: currentColor;\n  stroke-width: 1.45;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n.atblib-collections__note-content span {\n  display: block;\n  margin-bottom: 8px;\n  color: var(--atblib-bordeaux);\n  font-family: \"Fraunces\", serif;\n  font-size: 24px;\n  font-weight: 600;\n}\n\n.atblib-collections__note-content p {\n  max-width: 760px;\n  margin: 0;\n  color: var(--atblib-muted);\n  font-size: 14px;\n  line-height: 1.7;\n}\n\n.atblib-collections__note-link {\n  display: inline-flex;\n  align-items: center;\n  gap: 12px;\n  color: var(--atblib-bordeaux) !important;\n  font-size: 12px;\n  font-weight: 700;\n  letter-spacing: 0.035em;\n  text-decoration: none !important;\n  white-space: nowrap;\n}\n\n.atblib-collections__note-link svg {\n  width: 18px;\n  height: 18px;\n  fill: none;\n  stroke: currentColor;\n  stroke-width: 1.7;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n  transition: transform 0.35s ease;\n}\n\n.atblib-collections__note-link:hover svg {\n  transform: translateX(5px);\n}\n\n\n\/* =========================================================\n   ANIMATIONS\n========================================================= *\/\n\n.atblib-col-reveal {\n  opacity: 1;\n  transform: none;\n}\n\n.atblib-col-js .atblib-col-reveal {\n  opacity: 0;\n  transform: translateY(30px);\n  transition:\n    opacity 0.8s ease,\n    transform 0.8s cubic-bezier(.22,.61,.36,1);\n}\n\n.atblib-col-js .atblib-col-reveal.atblib-col-visible {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n\n\/* =========================================================\n   TABLETTE\n========================================================= *\/\n\n@media (max-width: 1024px) {\n\n  .atblib-collections__heading-grid {\n    grid-template-columns: 1fr;\n    align-items: start;\n    gap: 38px;\n  }\n\n  .atblib-collections__intro {\n    max-width: 760px;\n  }\n\n  .atblib-collection-card,\n  .atblib-collection-card--large,\n  .atblib-collection-card--wide {\n    min-height: 580px;\n  }\n\n  .atblib-collection-card__visual,\n  .atblib-collection-card--large .atblib-collection-card__visual {\n    height: 320px;\n  }\n\n  .atblib-collections__note {\n    grid-template-columns: auto 1fr;\n  }\n\n  .atblib-collections__note-link {\n    grid-column: 2;\n    justify-self: start;\n  }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media (max-width: 767px) {\n\n  .atblib-collections {\n    padding: 88px 0;\n  }\n\n  .atblib-collections__container {\n    width: min(100% - 30px, 1240px);\n  }\n\n  .atblib-collections__heading-grid h2 {\n    font-size: clamp(40px, 12vw, 54px);\n  }\n\n  .atblib-collections__intro {\n    padding-left: 0;\n    border-left: 0;\n  }\n\n  .atblib-collections__intro::before {\n    content: \"\";\n    width: 56px;\n    height: 1px;\n    display: block;\n    margin-bottom: 24px;\n    background: var(--atblib-gold);\n  }\n\n  .atblib-collections__grid {\n    grid-template-columns: 1fr;\n    gap: 22px;\n    margin-top: 56px;\n  }\n\n  .atblib-collection-card,\n  .atblib-collection-card--large,\n  .atblib-collection-card--wide {\n    min-height: auto;\n  }\n\n  .atblib-collection-card__visual,\n  .atblib-collection-card--large .atblib-collection-card__visual {\n    height: 285px;\n  }\n\n  .atblib-collection-card__content {\n    min-height: 320px;\n    padding: 28px 25px 24px;\n  }\n\n  .atblib-collection-card h3 {\n    font-size: 32px;\n  }\n\n  .atblib-collection-card__index {\n    top: 18px;\n    right: 18px;\n    font-size: 43px;\n  }\n\n  .atblib-collections__note {\n    grid-template-columns: 1fr;\n    gap: 18px;\n    padding: 26px 24px;\n  }\n\n  .atblib-collections__note-link {\n    grid-column: auto;\n  }\n\n}\n\n\n\/* =========================================================\n   ACCESSIBILIT\u00c9\n========================================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n  .atblib-collection-card,\n  .atblib-collection-card__visual img,\n  .atblib-collection-card__arrow,\n  .atblib-col-reveal {\n    transition: none !important;\n  }\n\n}\n<\/style>\n\n\n<script>\n(function () {\n  \"use strict\";\n\n  const section = document.querySelector(\".atblib-collections\");\n\n  if (!section) return;\n\n  document.documentElement.classList.add(\"atblib-col-js\");\n\n  const items = section.querySelectorAll(\".atblib-col-reveal\");\n\n  if (\"IntersectionObserver\" in window) {\n\n    const observer = new IntersectionObserver(\n      function (entries, obs) {\n\n        entries.forEach(function (entry) {\n\n          if (entry.isIntersecting) {\n            entry.target.classList.add(\"atblib-col-visible\");\n            obs.unobserve(entry.target);\n          }\n\n        });\n\n      },\n      {\n        threshold: 0.1,\n        rootMargin: \"0px 0px -35px 0px\"\n      }\n    );\n\n    items.forEach(function (item, index) {\n      item.style.transitionDelay = Math.min(index * 80, 320) + \"ms\";\n      observer.observe(item);\n    });\n\n  } else {\n\n    items.forEach(function (item) {\n      item.classList.add(\"atblib-col-visible\");\n    });\n\n  }\n\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-2c9ea45 e-con e-atomic-element e-flexbox-base e-e910b6a \" data-id=\"2c9ea45\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"2c9ea45\" data-e-type=\"e-flexbox\" data-id=\"2c9ea45\">\n    \t\t<div class=\"elementor-element elementor-element-042549c elementor-widget elementor-widget-html\" data-id=\"042549c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\n     ATB \u2014 LIBRAIRIE DE L'IMPACT\n     BLOC 3 : ENJEUX DE SC\u00c8NE + ARCHIVES DE LA REVUE\n========================================================= -->\n\n<section class=\"atblib-enjeux\" id=\"enjeux-de-scene\">\n\n  <div class=\"atblib-enjeux__grain\" aria-hidden=\"true\"><\/div>\n  <div class=\"atblib-enjeux__glow atblib-enjeux__glow--one\" aria-hidden=\"true\"><\/div>\n  <div class=\"atblib-enjeux__glow atblib-enjeux__glow--two\" aria-hidden=\"true\"><\/div>\n\n  <div class=\"atblib-enjeux__container\">\n\n    <!-- EN-T\u00caTE -->\n    <div class=\"atblib-enjeux__header atblib-enjeux-reveal\">\n\n      <div class=\"atblib-enjeux__label\">\n        <span>03<\/span>\n        <span>Collection vedette<\/span>\n      <\/div>\n\n      <div class=\"atblib-enjeux__header-grid\">\n\n        <h2>\n          Enjeux\n          <span>de Sc\u00e8ne<\/span>\n        <\/h2>\n\n        <div class=\"atblib-enjeux__header-copy\">\n\n          <p>\n            Une revue d\u2019information, de recherche et de documentation\n            consacr\u00e9e au Th\u00e9\u00e2tre pour le D\u00e9veloppement, aux pratiques\n            artistiques et \u00e0 la m\u00e9moire vivante de l\u2019ATB.\n          <\/p>\n\n          <p>\n            Chaque num\u00e9ro rassemble \u00e9tudes, entretiens, cr\u00e9ations,\n            formations, exp\u00e9riences de terrain et analyses consacr\u00e9es\n            aux transformations du th\u00e9\u00e2tre africain.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n\n    <!-- NUM\u00c9RO VEDETTE -->\n    <div class=\"atblib-featured atblib-enjeux-reveal\">\n\n      <!-- COUVERTURE -->\n      <div class=\"atblib-featured__visual\">\n\n        <div class=\"atblib-featured__halo\" aria-hidden=\"true\"><\/div>\n\n        <figure class=\"atblib-featured__book\">\n\n          <div class=\"atblib-featured__spine\" aria-hidden=\"true\"><\/div>\n\n          <img decoding=\"async\"\n            src=\"REMPLACER-IMAGE-ENJEUX-23\"\n            alt=\"Couverture du num\u00e9ro 23 de la revue Enjeux de Sc\u00e8ne\"\n            loading=\"lazy\"\n          >\n\n        <\/figure>\n\n        <div class=\"atblib-featured__badge\">\n          Num\u00e9ro vedette\n        <\/div>\n\n        <div class=\"atblib-featured__edition\">\n          Saison th\u00e9\u00e2trale 2022\u20132023\n        <\/div>\n\n      <\/div>\n\n\n      <!-- CONTENU -->\n      <div class=\"atblib-featured__content\">\n\n        <div class=\"atblib-featured__meta\">\n          Num\u00e9ro 23\n          <span><\/span>\n          Recherche th\u00e9\u00e2trale\n        <\/div>\n\n        <h3>\n          Oui, mais\u2026\n          <span>Kal\u00e9idoscope<\/span>\n        <\/h3>\n\n        <p class=\"atblib-featured__lead\">\n          Ce num\u00e9ro explore la cr\u00e9ation th\u00e9\u00e2trale, la recherche,\n          la formation et les grandes activit\u00e9s de l\u2019ATB \u00e0 travers\n          des \u00e9tudes, des entretiens et des exp\u00e9riences men\u00e9es\n          sur le terrain.\n        <\/p>\n\n        <div class=\"atblib-featured__themes\">\n\n          <div class=\"atblib-featured__theme\">\n            <span>01<\/span>\n            <div>\n              <strong>S\u00e9miologie de l\u2019espace th\u00e9\u00e2tral<\/strong>\n              <p>\n                Une \u00e9tude consacr\u00e9e \u00e0 la lecture et \u00e0 l\u2019analyse\n                des espaces du spectacle vivant.\n              <\/p>\n            <\/div>\n          <\/div>\n\n          <div class=\"atblib-featured__theme\">\n            <span>02<\/span>\n            <div>\n              <strong>Entretiens et regards d\u2019experts<\/strong>\n              <p>\n                Des \u00e9changes avec des chercheurs, praticiens\n                et acteurs du paysage th\u00e9\u00e2tral.\n              <\/p>\n            <\/div>\n          <\/div>\n\n          <div class=\"atblib-featured__theme\">\n            <span>03<\/span>\n            <div>\n              <strong>Vie de l\u2019ATB<\/strong>\n              <p>\n                Formations, tourn\u00e9es, rencontres, cr\u00e9ations\n                et activit\u00e9s des troupes partenaires.\n              <\/p>\n            <\/div>\n          <\/div>\n\n        <\/div>\n\n        <div class=\"atblib-featured__actions\">\n\n          <a href=\"https:\/\/atb.digital-publication.com\/enjeuxdescene\/numero23\/index.html#page\/1\" class=\"atblib-enjeux-btn atblib-enjeux-btn--gold\" target=\"_blank\" rel=\"noopener noreferrer\">\n            <span>Consulter le num\u00e9ro<\/span>\n\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n              <path d=\"M14 5h5v5M10 14 19 5M19 14v5H5V5h5\"\/>\n            <\/svg>\n          <\/a>\n\n          <a href=\"https:\/\/wa.me\/22670206395?text=Bonjour%20ATB,%20je%20souhaite%20obtenir%20des%20informations%20sur%20la%20revue%20Enjeux%20de%20Sc%C3%A8ne%20num%C3%A9ro%2023.\" class=\"atblib-enjeux-btn atblib-enjeux-btn--outline\" target=\"_blank\" rel=\"noopener noreferrer\">\n            <span>Demander ce num\u00e9ro<\/span>\n\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n              <path d=\"M5 12h14M13 6l6 6-6 6\"\/>\n            <\/svg>\n          <\/a>\n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n\n    <!-- ARCHIVES -->\n    <div class=\"atblib-archives\">\n\n      <div class=\"atblib-archives__heading atblib-enjeux-reveal\">\n\n        <div>\n          <span class=\"atblib-archives__eyebrow\">Les archives de la revue<\/span>\n\n          <h3>\n            Parcourir les anciens num\u00e9ros\n          <\/h3>\n        <\/div>\n\n        <p>\n          Une m\u00e9moire \u00e9ditoriale consacr\u00e9e aux cr\u00e9ations,\n          aux recherches et aux grandes mutations du th\u00e9\u00e2tre\n          africain contemporain.\n        <\/p>\n\n      <\/div>\n\n\n      <div class=\"atblib-archives__grid\">\n\n        <!-- NUM\u00c9RO 23 -->\n        <article class=\"atblib-issue-card atblib-enjeux-reveal\">\n\n          <div class=\"atblib-issue-card__visual\">\n\n            <img decoding=\"async\"\n              src=\"REMPLACER-IMAGE-ENJEUX-23\"\n              alt=\"Couverture Enjeux de Sc\u00e8ne num\u00e9ro 23\"\n              loading=\"lazy\"\n            >\n\n            <span class=\"atblib-issue-card__status\">\n              Num\u00e9rique\n            <\/span>\n\n          <\/div>\n\n          <div class=\"atblib-issue-card__content\">\n\n            <div class=\"atblib-issue-card__meta\">\n              Num\u00e9ro 23 \u2022 2022\u20132023\n            <\/div>\n\n            <h4>\n              Oui, mais\u2026 Kal\u00e9idoscope\n            <\/h4>\n\n            <p>\n              S\u00e9miologie de l\u2019espace th\u00e9\u00e2tral, entretiens,\n              activit\u00e9s de formation et vie de l\u2019ATB.\n            <\/p>\n\n            <a href=\"https:\/\/atb.digital-publication.com\/enjeuxdescene\/numero23\/index.html#page\/1\" target=\"_blank\" rel=\"noopener noreferrer\">\n              <span>Consulter<\/span>\n\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                <path d=\"M5 12h14M13 6l6 6-6 6\"\/>\n              <\/svg>\n            <\/a>\n\n          <\/div>\n\n        <\/article>\n\n\n        <!-- NUM\u00c9RO 22 -->\n        <article class=\"atblib-issue-card atblib-enjeux-reveal\">\n\n          <div class=\"atblib-issue-card__visual\">\n\n            <img decoding=\"async\"\n              src=\"REMPLACER-IMAGE-ENJEUX-22\"\n              alt=\"Couverture Enjeux de Sc\u00e8ne num\u00e9ro 22\"\n              loading=\"lazy\"\n            >\n\n            <span class=\"atblib-issue-card__status\">\n              Archive\n            <\/span>\n\n          <\/div>\n\n          <div class=\"atblib-issue-card__content\">\n\n            <div class=\"atblib-issue-card__meta\">\n              Num\u00e9ro 22 \u2022 2021\u20132022\n            <\/div>\n\n            <h4>\n              Infrastructures culturelles\n            <\/h4>\n\n            <p>\n              Un num\u00e9ro consacr\u00e9 aux espaces du spectacle vivant,\n              \u00e0 la cr\u00e9ation, aux formations et \u00e0 la vie de l\u2019ATB.\n            <\/p>\n\n            <a href=\"https:\/\/wa.me\/22670206395?text=Bonjour%20ATB,%20je%20souhaite%20obtenir%20des%20informations%20sur%20la%20revue%20Enjeux%20de%20Sc%C3%A8ne%20num%C3%A9ro%2022.\" target=\"_blank\" rel=\"noopener noreferrer\">\n              <span>Demander le num\u00e9ro<\/span>\n\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                <path d=\"M5 12h14M13 6l6 6-6 6\"\/>\n              <\/svg>\n            <\/a>\n\n          <\/div>\n\n        <\/article>\n\n\n        <!-- NUM\u00c9RO 19 -->\n        <article class=\"atblib-issue-card atblib-enjeux-reveal\">\n\n          <div class=\"atblib-issue-card__visual\">\n\n            <img decoding=\"async\"\n              src=\"REMPLACER-IMAGE-ENJEUX-19\"\n              alt=\"Couverture Enjeux de Sc\u00e8ne num\u00e9ro 19\"\n              loading=\"lazy\"\n            >\n\n            <span class=\"atblib-issue-card__status\">\n              Archive\n            <\/span>\n\n          <\/div>\n\n          <div class=\"atblib-issue-card__content\">\n\n            <div class=\"atblib-issue-card__meta\">\n              Num\u00e9ro 19 \u2022 2018\u20132019\n            <\/div>\n\n            <h4>\n              Argent, corruption et gouvernance\n            <\/h4>\n\n            <p>\n              Cr\u00e9ations, th\u00e9\u00e2tre-forum, citoyennet\u00e9, formation\n              et r\u00e9flexion sur la gouvernance sociale.\n            <\/p>\n\n            <a href=\"https:\/\/wa.me\/22670206395?text=Bonjour%20ATB,%20je%20souhaite%20obtenir%20des%20informations%20sur%20la%20revue%20Enjeux%20de%20Sc%C3%A8ne%20num%C3%A9ro%2019.\" target=\"_blank\" rel=\"noopener noreferrer\">\n              <span>Demander le num\u00e9ro<\/span>\n\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                <path d=\"M5 12h14M13 6l6 6-6 6\"\/>\n              <\/svg>\n            <\/a>\n\n          <\/div>\n\n        <\/article>\n\n\n        <!-- CARTE ARCHIVES -->\n        <article class=\"atblib-issue-card atblib-issue-card--archive atblib-enjeux-reveal\">\n\n          <div class=\"atblib-issue-card__archive-content\">\n\n            <div class=\"atblib-issue-card__archive-icon\">\n\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                <path d=\"M4 6h16v14H4z\"\/>\n                <path d=\"M2.5 3h19v4h-19z\"\/>\n                <path d=\"M9 11h6\"\/>\n              <\/svg>\n\n            <\/div>\n\n            <span class=\"atblib-issue-card__archive-label\">\n              Collection historique\n            <\/span>\n\n            <h4>\n              Plus de vingt num\u00e9ros \u00e0 pr\u00e9server\n            <\/h4>\n\n            <p>\n              Les anciens num\u00e9ros seront progressivement\n              document\u00e9s, num\u00e9ris\u00e9s et rendus accessibles\n              au public.\n            <\/p>\n\n            <a href=\"\/contact\">\n\n              <span>Contacter la documentation<\/span>\n\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                <path d=\"M5 12h14M13 6l6 6-6 6\"\/>\n              <\/svg>\n\n            <\/a>\n\n          <\/div>\n\n        <\/article>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<style>\n\/* =========================================================\n   ENJEUX DE SC\u00c8NE\n========================================================= *\/\n\n.atblib-enjeux {\n  --atblib-bordeaux: #60052D;\n  --atblib-bordeaux-dark: #2B0013;\n  --atblib-dark: #160008;\n  --atblib-gold: #CC9933;\n  --atblib-gold-light: #E1BD6B;\n  --atblib-cream: #F7F0E5;\n  --atblib-white: #FFFFFF;\n  --atblib-muted-light: rgba(255, 255, 255, 0.68);\n\n  position: relative;\n  overflow: hidden;\n  padding: 130px 0;\n  color: #FFFFFF;\n  background:\n    radial-gradient(circle at 70% 24%, rgba(204,153,51,.13), transparent 28%),\n    linear-gradient(135deg, #140007 0%, #2B0013 52%, #4C0225 100%);\n  font-family: \"Archivo\", sans-serif;\n}\n\n.atblib-enjeux *,\n.atblib-enjeux *::before,\n.atblib-enjeux *::after {\n  box-sizing: border-box;\n}\n\n.atblib-enjeux__container {\n  position: relative;\n  z-index: 3;\n  width: min(1240px, calc(100% - 48px));\n  margin-inline: auto;\n}\n\n.atblib-enjeux__grain {\n  position: absolute;\n  inset: 0;\n  z-index: 1;\n  opacity: 0.07;\n  pointer-events: none;\n  background-image:\n    url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'\/%3E%3C\/svg%3E\");\n}\n\n.atblib-enjeux__glow {\n  position: absolute;\n  z-index: 0;\n  border-radius: 50%;\n  filter: blur(25px);\n  pointer-events: none;\n}\n\n.atblib-enjeux__glow--one {\n  width: 500px;\n  height: 500px;\n  top: 4%;\n  right: -10%;\n  background: rgba(204,153,51,.08);\n}\n\n.atblib-enjeux__glow--two {\n  width: 420px;\n  height: 420px;\n  bottom: 8%;\n  left: -12%;\n  background: rgba(255,255,255,.025);\n}\n\n\n\/* =========================================================\n   EN-T\u00caTE\n========================================================= *\/\n\n.atblib-enjeux__label {\n  display: flex;\n  align-items: center;\n  gap: 14px;\n  margin-bottom: 25px;\n  color: var(--atblib-gold-light);\n  font-size: 11px;\n  font-weight: 700;\n  letter-spacing: .13em;\n  text-transform: uppercase;\n}\n\n.atblib-enjeux__label span:first-child {\n  width: 40px;\n  height: 40px;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border: 1px solid rgba(204,153,51,.35);\n  border-radius: 50%;\n  color: var(--atblib-gold);\n  background: rgba(255,255,255,.03);\n}\n\n.atblib-enjeux__header-grid {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr) minmax(370px, .78fr);\n  align-items: end;\n  gap: clamp(50px, 8vw, 120px);\n}\n\n.atblib-enjeux__header h2 {\n  margin: 0;\n  color: #FFFFFF;\n  font-family: \"Fraunces\", serif;\n  font-size: clamp(54px, 7vw, 96px);\n  font-weight: 600;\n  line-height: .95;\n  letter-spacing: -.045em;\n}\n\n.atblib-enjeux__header h2 span {\n  display: block;\n  margin-top: 10px;\n  color: var(--atblib-gold-light);\n  font-style: italic;\n  font-weight: 500;\n}\n\n.atblib-enjeux__header-copy {\n  padding-left: 34px;\n  border-left: 1px solid rgba(204,153,51,.45);\n}\n\n.atblib-enjeux__header-copy p {\n  margin: 0;\n  color: var(--atblib-muted-light);\n  font-size: 15px;\n  line-height: 1.82;\n}\n\n.atblib-enjeux__header-copy p + p {\n  margin-top: 16px;\n}\n\n\n\/* =========================================================\n   NUM\u00c9RO VEDETTE\n========================================================= *\/\n\n.atblib-featured {\n  display: grid;\n  grid-template-columns: minmax(390px, .82fr) minmax(0, 1.18fr);\n  align-items: center;\n  gap: clamp(50px, 8vw, 110px);\n  margin-top: 90px;\n  padding: clamp(35px, 5vw, 70px);\n  border: 1px solid rgba(204,153,51,.24);\n  background:\n    linear-gradient(135deg, rgba(255,255,255,.045), rgba(255,255,255,.015));\n  box-shadow: 0 35px 90px rgba(0,0,0,.26);\n  backdrop-filter: blur(10px);\n}\n\n.atblib-featured__visual {\n  position: relative;\n  min-height: 590px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.atblib-featured__halo {\n  position: absolute;\n  width: 390px;\n  height: 390px;\n  border-radius: 50%;\n  background:\n    radial-gradient(circle, rgba(204,153,51,.26), rgba(204,153,51,0) 70%);\n  filter: blur(10px);\n}\n\n.atblib-featured__book {\n  position: relative;\n  z-index: 2;\n  width: min(340px, 82%);\n  aspect-ratio: 0.705;\n  margin: 0;\n  border-radius: 3px 7px 7px 3px;\n  background: #111111;\n  box-shadow:\n    0 45px 90px rgba(0,0,0,.48),\n    0 10px 25px rgba(0,0,0,.25);\n  transform: rotateY(-7deg) rotateZ(-1deg);\n  transform-style: preserve-3d;\n  transition:\n    transform .6s cubic-bezier(.2,.8,.2,1),\n    box-shadow .6s ease;\n}\n\n.atblib-featured__book:hover {\n  transform: translateY(-12px) rotateY(0deg) rotateZ(0deg);\n  box-shadow: 0 55px 110px rgba(0,0,0,.58);\n}\n\n.atblib-featured__book::after {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  border-radius: inherit;\n  pointer-events: none;\n  box-shadow:\n    inset 14px 0 18px rgba(0,0,0,.25),\n    inset -2px 0 2px rgba(255,255,255,.14);\n}\n\n.atblib-featured__book img {\n  width: 100%;\n  height: 100%;\n  display: block;\n  border-radius: inherit;\n  object-fit: cover;\n}\n\n.atblib-featured__spine {\n  position: absolute;\n  z-index: 3;\n  width: 10px;\n  top: 2px;\n  bottom: 2px;\n  left: 0;\n  border-radius: 3px 0 0 3px;\n  background:\n    linear-gradient(90deg, rgba(0,0,0,.55), rgba(255,255,255,.14), rgba(0,0,0,.22));\n}\n\n.atblib-featured__badge {\n  position: absolute;\n  z-index: 5;\n  top: 45px;\n  right: 5px;\n  padding: 10px 15px;\n  color: #2B101B;\n  background: var(--atblib-gold);\n  box-shadow: 0 10px 28px rgba(0,0,0,.3);\n  font-size: 9px;\n  font-weight: 800;\n  letter-spacing: .1em;\n  text-transform: uppercase;\n}\n\n.atblib-featured__edition {\n  position: absolute;\n  z-index: 5;\n  left: 0;\n  bottom: 28px;\n  padding: 12px 17px;\n  color: rgba(255,255,255,.8);\n  border-left: 2px solid var(--atblib-gold);\n  background: rgba(20,0,7,.72);\n  font-size: 10px;\n  font-weight: 700;\n  letter-spacing: .09em;\n  text-transform: uppercase;\n  backdrop-filter: blur(8px);\n}\n\n.atblib-featured__meta {\n  display: flex;\n  align-items: center;\n  gap: 14px;\n  color: var(--atblib-gold-light);\n  font-size: 10px;\n  font-weight: 700;\n  letter-spacing: .11em;\n  text-transform: uppercase;\n}\n\n.atblib-featured__meta span {\n  width: 40px;\n  height: 1px;\n  background: var(--atblib-gold);\n}\n\n.atblib-featured__content h3 {\n  margin: 20px 0 0;\n  color: #FFFFFF;\n  font-family: \"Fraunces\", serif;\n  font-size: clamp(45px, 5vw, 70px);\n  font-weight: 600;\n  line-height: 1;\n  letter-spacing: -.035em;\n}\n\n.atblib-featured__content h3 span {\n  display: block;\n  margin-top: 10px;\n  color: var(--atblib-gold-light);\n  font-style: italic;\n  font-weight: 500;\n}\n\n.atblib-featured__lead {\n  max-width: 680px;\n  margin: 28px 0 0;\n  color: rgba(255,255,255,.72);\n  font-size: 16px;\n  line-height: 1.82;\n}\n\n.atblib-featured__themes {\n  display: grid;\n  gap: 17px;\n  margin-top: 34px;\n}\n\n.atblib-featured__theme {\n  display: grid;\n  grid-template-columns: auto 1fr;\n  gap: 18px;\n  padding: 18px 0;\n  border-top: 1px solid rgba(255,255,255,.09);\n}\n\n.atblib-featured__theme > span {\n  color: var(--atblib-gold);\n  font-family: \"Fraunces\", serif;\n  font-size: 25px;\n  line-height: 1;\n}\n\n.atblib-featured__theme strong {\n  display: block;\n  margin-bottom: 6px;\n  color: #FFFFFF;\n  font-family: \"Fraunces\", serif;\n  font-size: 20px;\n  font-weight: 600;\n}\n\n.atblib-featured__theme p {\n  margin: 0;\n  color: rgba(255,255,255,.58);\n  font-size: 13px;\n  line-height: 1.65;\n}\n\n.atblib-featured__actions {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 14px;\n  margin-top: 35px;\n}\n\n.atblib-enjeux-btn {\n  min-height: 54px;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 13px;\n  padding: 14px 23px;\n  border: 1px solid transparent;\n  border-radius: 3px;\n  font-size: 12px;\n  font-weight: 700;\n  letter-spacing: .035em;\n  text-decoration: none !important;\n  transition:\n    transform .35s ease,\n    background-color .35s ease,\n    border-color .35s ease,\n    box-shadow .35s ease;\n}\n\n.atblib-enjeux-btn svg {\n  width: 18px;\n  height: 18px;\n  fill: none;\n  stroke: currentColor;\n  stroke-width: 1.7;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n  transition: transform .35s ease;\n}\n\n.atblib-enjeux-btn:hover {\n  transform: translateY(-3px);\n}\n\n.atblib-enjeux-btn:hover svg {\n  transform: translateX(4px);\n}\n\n.atblib-enjeux-btn--gold {\n  color: #2B101B !important;\n  background: var(--atblib-gold);\n  box-shadow: 0 14px 32px rgba(204,153,51,.18);\n}\n\n.atblib-enjeux-btn--gold:hover {\n  color: #2B101B !important;\n  background: #D8AA4C;\n}\n\n.atblib-enjeux-btn--outline {\n  color: #FFFFFF !important;\n  border-color: rgba(255,255,255,.24);\n  background: rgba(255,255,255,.03);\n}\n\n.atblib-enjeux-btn--outline:hover {\n  color: #FFFFFF !important;\n  border-color: var(--atblib-gold);\n  background: rgba(204,153,51,.08);\n}\n\n\n\/* =========================================================\n   ARCHIVES\n========================================================= *\/\n\n.atblib-archives {\n  margin-top: 110px;\n}\n\n.atblib-archives__heading {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr) minmax(340px, .65fr);\n  align-items: end;\n  gap: 50px;\n}\n\n.atblib-archives__eyebrow {\n  display: block;\n  margin-bottom: 12px;\n  color: var(--atblib-gold-light);\n  font-size: 10px;\n  font-weight: 700;\n  letter-spacing: .12em;\n  text-transform: uppercase;\n}\n\n.atblib-archives__heading h3 {\n  margin: 0;\n  color: #FFFFFF;\n  font-family: \"Fraunces\", serif;\n  font-size: clamp(38px, 4vw, 58px);\n  font-weight: 600;\n  line-height: 1.05;\n}\n\n.atblib-archives__heading > p {\n  margin: 0;\n  padding-left: 28px;\n  color: rgba(255,255,255,.62);\n  border-left: 1px solid rgba(204,153,51,.42);\n  font-size: 14px;\n  line-height: 1.75;\n}\n\n.atblib-archives__grid {\n  display: grid;\n  grid-template-columns: repeat(4, minmax(0, 1fr));\n  gap: 20px;\n  margin-top: 50px;\n}\n\n.atblib-issue-card {\n  min-height: 575px;\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n  border: 1px solid rgba(255,255,255,.09);\n  background: rgba(255,255,255,.035);\n  transition:\n    transform .45s ease,\n    border-color .45s ease,\n    box-shadow .45s ease;\n}\n\n.atblib-issue-card:hover {\n  border-color: rgba(204,153,51,.4);\n  box-shadow: 0 25px 60px rgba(0,0,0,.25);\n  transform: translateY(-8px);\n}\n\n.atblib-issue-card__visual {\n  position: relative;\n  height: 315px;\n  overflow: hidden;\n  background: #0C0005;\n}\n\n.atblib-issue-card__visual img {\n  width: 100%;\n  height: 100%;\n  display: block;\n  object-fit: cover;\n  transition: transform .65s ease;\n}\n\n.atblib-issue-card:hover .atblib-issue-card__visual img {\n  transform: scale(1.045);\n}\n\n.atblib-issue-card__status {\n  position: absolute;\n  top: 16px;\n  right: 16px;\n  padding: 7px 10px;\n  color: #2B101B;\n  background: var(--atblib-gold);\n  font-size: 8px;\n  font-weight: 800;\n  letter-spacing: .08em;\n  text-transform: uppercase;\n}\n\n.atblib-issue-card__content {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  padding: 25px 23px 23px;\n}\n\n.atblib-issue-card__meta {\n  margin-bottom: 12px;\n  color: var(--atblib-gold-light);\n  font-size: 9px;\n  font-weight: 700;\n  letter-spacing: .09em;\n  text-transform: uppercase;\n}\n\n.atblib-issue-card h4 {\n  margin: 0;\n  color: #FFFFFF;\n  font-family: \"Fraunces\", serif;\n  font-size: 26px;\n  font-weight: 600;\n  line-height: 1.1;\n}\n\n.atblib-issue-card p {\n  margin: 15px 0 0;\n  color: rgba(255,255,255,.57);\n  font-size: 13px;\n  line-height: 1.68;\n}\n\n.atblib-issue-card a {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 14px;\n  margin-top: auto;\n  padding-top: 22px;\n  border-top: 1px solid rgba(255,255,255,.08);\n  color: #FFFFFF !important;\n  font-size: 11px;\n  font-weight: 700;\n  letter-spacing: .035em;\n  text-decoration: none !important;\n}\n\n.atblib-issue-card a svg {\n  width: 17px;\n  height: 17px;\n  fill: none;\n  stroke: var(--atblib-gold);\n  stroke-width: 1.7;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n  transition: transform .35s ease;\n}\n\n.atblib-issue-card a:hover svg {\n  transform: translateX(5px);\n}\n\n.atblib-issue-card--archive {\n  position: relative;\n  justify-content: center;\n  background:\n    linear-gradient(145deg, rgba(96,5,45,.85), rgba(35,0,15,.95));\n}\n\n.atblib-issue-card--archive::before {\n  content: \"\";\n  position: absolute;\n  width: 220px;\n  height: 220px;\n  right: -85px;\n  bottom: -85px;\n  border: 1px solid rgba(204,153,51,.15);\n  border-radius: 50%;\n}\n\n.atblib-issue-card--archive::after {\n  content: \"\";\n  position: absolute;\n  width: 145px;\n  height: 145px;\n  right: -45px;\n  bottom: -45px;\n  border: 1px solid rgba(204,153,51,.12);\n  border-radius: 50%;\n}\n\n.atblib-issue-card__archive-content {\n  position: relative;\n  z-index: 2;\n  padding: 34px;\n}\n\n.atblib-issue-card__archive-icon {\n  width: 58px;\n  height: 58px;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border: 1px solid rgba(204,153,51,.4);\n  border-radius: 50%;\n  color: var(--atblib-gold);\n  background: rgba(204,153,51,.06);\n}\n\n.atblib-issue-card__archive-icon svg {\n  width: 26px;\n  height: 26px;\n  fill: none;\n  stroke: currentColor;\n  stroke-width: 1.45;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n.atblib-issue-card__archive-label {\n  display: block;\n  margin-top: 28px;\n  color: var(--atblib-gold-light);\n  font-size: 9px;\n  font-weight: 700;\n  letter-spacing: .11em;\n  text-transform: uppercase;\n}\n\n.atblib-issue-card__archive-content h4 {\n  margin-top: 14px;\n  font-size: 34px;\n}\n\n.atblib-issue-card__archive-content p {\n  font-size: 14px;\n}\n\n\n\/* =========================================================\n   ANIMATIONS\n========================================================= *\/\n\n.atblib-enjeux-reveal {\n  opacity: 1;\n  transform: none;\n}\n\n.atblib-enjeux-js .atblib-enjeux-reveal {\n  opacity: 0;\n  transform: translateY(30px);\n  transition:\n    opacity .8s ease,\n    transform .8s cubic-bezier(.22,.61,.36,1);\n}\n\n.atblib-enjeux-js .atblib-enjeux-reveal.atblib-enjeux-visible {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n\n\/* =========================================================\n   TABLETTE\n========================================================= *\/\n\n@media (max-width: 1100px) {\n\n  .atblib-enjeux__header-grid,\n  .atblib-featured,\n  .atblib-archives__heading {\n    grid-template-columns: 1fr;\n  }\n\n  .atblib-featured {\n    gap: 35px;\n  }\n\n  .atblib-featured__visual {\n    min-height: 540px;\n  }\n\n  .atblib-archives__heading > p {\n    max-width: 720px;\n  }\n\n  .atblib-archives__grid {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media (max-width: 767px) {\n\n  .atblib-enjeux {\n    padding: 90px 0;\n  }\n\n  .atblib-enjeux__container {\n    width: min(100% - 30px, 1240px);\n  }\n\n  .atblib-enjeux__header-copy {\n    padding-left: 0;\n    border-left: 0;\n  }\n\n  .atblib-enjeux__header-copy::before {\n    content: \"\";\n    width: 52px;\n    height: 1px;\n    display: block;\n    margin-bottom: 24px;\n    background: var(--atblib-gold);\n  }\n\n  .atblib-featured {\n    margin-top: 60px;\n    padding: 25px 20px 32px;\n  }\n\n  .atblib-featured__visual {\n    min-height: 430px;\n  }\n\n  .atblib-featured__book {\n    width: min(250px, 82%);\n  }\n\n  .atblib-featured__badge {\n    top: 18px;\n    right: -4px;\n    padding: 8px 10px;\n    font-size: 7px;\n  }\n\n  .atblib-featured__edition {\n    left: 0;\n    bottom: 12px;\n    font-size: 8px;\n  }\n\n  .atblib-featured__content h3 {\n    font-size: 43px;\n  }\n\n  .atblib-featured__actions {\n    display: grid;\n    grid-template-columns: 1fr;\n  }\n\n  .atblib-enjeux-btn {\n    width: 100%;\n  }\n\n  .atblib-archives {\n    margin-top: 85px;\n  }\n\n  .atblib-archives__heading > p {\n    padding-left: 0;\n    border-left: 0;\n  }\n\n  .atblib-archives__heading > p::before {\n    content: \"\";\n    width: 50px;\n    height: 1px;\n    display: block;\n    margin-bottom: 20px;\n    background: var(--atblib-gold);\n  }\n\n  .atblib-archives__grid {\n    grid-template-columns: 1fr;\n  }\n\n  .atblib-issue-card {\n    min-height: auto;\n  }\n\n  .atblib-issue-card__visual {\n    height: 380px;\n  }\n\n  .atblib-issue-card__content {\n    min-height: 270px;\n  }\n\n  .atblib-issue-card--archive {\n    min-height: 420px;\n  }\n\n}\n\n\n\/* =========================================================\n   PETITS MOBILES\n========================================================= *\/\n\n@media (max-width: 390px) {\n\n  .atblib-featured__visual {\n    min-height: 390px;\n  }\n\n  .atblib-featured__book {\n    width: 220px;\n  }\n\n  .atblib-issue-card__visual {\n    height: 335px;\n  }\n\n}\n\n\n\/* =========================================================\n   ACCESSIBILIT\u00c9\n========================================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n  .atblib-featured__book,\n  .atblib-issue-card,\n  .atblib-issue-card__visual img,\n  .atblib-enjeux-btn,\n  .atblib-enjeux-reveal {\n    transition: none !important;\n  }\n\n}\n<\/style>\n\n\n<script>\n(function () {\n  \"use strict\";\n\n  const section = document.querySelector(\".atblib-enjeux\");\n\n  if (!section) return;\n\n  document.documentElement.classList.add(\"atblib-enjeux-js\");\n\n  const items = section.querySelectorAll(\".atblib-enjeux-reveal\");\n\n  if (\"IntersectionObserver\" in window) {\n\n    const observer = new IntersectionObserver(\n      function (entries, obs) {\n\n        entries.forEach(function (entry) {\n\n          if (entry.isIntersecting) {\n            entry.target.classList.add(\"atblib-enjeux-visible\");\n            obs.unobserve(entry.target);\n          }\n\n        });\n\n      },\n      {\n        threshold: 0.1,\n        rootMargin: \"0px 0px -35px 0px\"\n      }\n    );\n\n    items.forEach(function (item, index) {\n      item.style.transitionDelay = Math.min(index * 80, 320) + \"ms\";\n      observer.observe(item);\n    });\n\n  } else {\n\n    items.forEach(function (item) {\n      item.classList.add(\"atblib-enjeux-visible\");\n    });\n\n  }\n\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-097b354 e-con e-atomic-element e-flexbox-base e-7bfaf03 \" data-id=\"097b354\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"097b354\" data-e-type=\"e-flexbox\" data-id=\"097b354\">\n    \t\t<div class=\"elementor-element elementor-element-823645a elementor-widget elementor-widget-html\" data-id=\"823645a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\n     ATB \u2014 LIBRAIRIE DE L'IMPACT\n     BLOC 4 : LES OUVRAGES\n========================================================= -->\n\n<section class=\"atblib-bookshelf\" id=\"ouvrages\">\n\n  <div class=\"atblib-bookshelf__texture\" aria-hidden=\"true\"><\/div>\n  <div class=\"atblib-bookshelf__watermark\" aria-hidden=\"true\">\n    \u00c9ditions ATB\n  <\/div>\n\n  <div class=\"atblib-bookshelf__container\">\n\n    <!-- EN-T\u00caTE -->\n    <div class=\"atblib-bookshelf__header atblib-book-reveal\">\n\n      <div class=\"atblib-bookshelf__label\">\n        <span>04<\/span>\n        <span>Biblioth\u00e8que \u00e9ditoriale<\/span>\n      <\/div>\n\n      <div class=\"atblib-bookshelf__heading-grid\">\n\n        <div>\n          <h2>\n            Les ouvrages\n            <span>de l\u2019ATB<\/span>\n          <\/h2>\n        <\/div>\n\n        <div class=\"atblib-bookshelf__intro\">\n\n          <p>\n            Manuels, essais, textes institutionnels et travaux de\n            r\u00e9f\u00e9rence prolongent plusieurs d\u00e9cennies de cr\u00e9ation,\n            de recherche et d\u2019intervention culturelle.\n          <\/p>\n\n          <p>\n            Ces publications s\u2019adressent aux artistes, aux chercheurs,\n            aux \u00e9tudiants, aux organisations et \u00e0 tous ceux qui souhaitent\n            approfondir les liens entre th\u00e9\u00e2tre, soci\u00e9t\u00e9 et d\u00e9veloppement.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n\n    <!-- GRILLE DES OUVRAGES -->\n    <div class=\"atblib-bookshelf__grid\">\n\n      <!-- OUVRAGE 01 -->\n      <article class=\"atblib-book-card atblib-book-reveal\">\n\n        <div class=\"atblib-book-card__visual\">\n\n          <div class=\"atblib-book-card__backdrop\"><\/div>\n\n          <figure class=\"atblib-book-card__cover\">\n\n            <div class=\"atblib-book-card__spine\" aria-hidden=\"true\"><\/div>\n\n            <img decoding=\"async\"\n              src=\"REMPLACER-IMAGE-FAIRE-DU-THEATRE\"\n              alt=\"Couverture de l\u2019ouvrage Faire du th\u00e9\u00e2tre pour d\u00e9velopper\"\n              loading=\"lazy\"\n            >\n\n          <\/figure>\n\n          <span class=\"atblib-book-card__category\">\n            Manuel m\u00e9thodologique\n          <\/span>\n\n        <\/div>\n\n        <div class=\"atblib-book-card__content\">\n\n          <div class=\"atblib-book-card__author\">\n            Atelier Th\u00e9\u00e2tre Burkinab\u00e8\n          <\/div>\n\n          <h3>\n            Faire du th\u00e9\u00e2tre pour d\u00e9velopper\n          <\/h3>\n\n          <p class=\"atblib-book-card__summary\">\n            Un guide de r\u00e9f\u00e9rence destin\u00e9 aux compagnies, aux formateurs\n            et aux organisations souhaitant utiliser le th\u00e9\u00e2tre comme outil\n            de sensibilisation, de dialogue et de transformation sociale.\n          <\/p>\n\n          <div class=\"atblib-book-card__details\">\n\n            <div>\n              <span>Format<\/span>\n              <strong>Version papier<\/strong>\n            <\/div>\n\n            <div>\n              <span>Langue<\/span>\n              <strong>Fran\u00e7ais<\/strong>\n            <\/div>\n\n            <div>\n              <span>Disponibilit\u00e9<\/span>\n              <strong>Sur demande<\/strong>\n            <\/div>\n\n          <\/div>\n\n          <a href=\"https:\/\/wa.me\/22670206395?text=Bonjour%20ATB,%20je%20souhaite%20commander%20ou%20obtenir%20des%20informations%20sur%20l%27ouvrage%20Faire%20du%20th%C3%A9%C3%A2tre%20pour%20d%C3%A9velopper.\" class=\"atblib-book-card__action\" target=\"_blank\" rel=\"noopener noreferrer\">\n            <span>Commander l\u2019ouvrage<\/span>\n\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n              <path d=\"M5 12h14M13 6l6 6-6 6\"\/>\n            <\/svg>\n          <\/a>\n\n        <\/div>\n\n      <\/article>\n\n\n      <!-- OUVRAGE 02 -->\n      <article class=\"atblib-book-card atblib-book-reveal\">\n\n        <div class=\"atblib-book-card__visual\">\n\n          <div class=\"atblib-book-card__backdrop\"><\/div>\n\n          <figure class=\"atblib-book-card__cover\">\n\n            <div class=\"atblib-book-card__spine\" aria-hidden=\"true\"><\/div>\n\n            <img decoding=\"async\"\n              src=\"REMPLACER-IMAGE-VOIX-DU-SILENCE\"\n              alt=\"Couverture de l\u2019ouvrage Les voix du silence\"\n              loading=\"lazy\"\n            >\n\n          <\/figure>\n\n          <span class=\"atblib-book-card__category\">\n            Essai th\u00e9\u00e2tral\n          <\/span>\n\n        <\/div>\n\n        <div class=\"atblib-book-card__content\">\n\n          <div class=\"atblib-book-card__author\">\n            Prosper Kompaor\u00e9\n          <\/div>\n\n          <h3>\n            Les voix du silence\n          <\/h3>\n\n          <p class=\"atblib-book-card__summary\">\n            Une r\u00e9flexion consacr\u00e9e au Th\u00e9\u00e2tre pour le D\u00e9veloppement,\n            \u00e0 la lib\u00e9ration de la parole et \u00e0 la capacit\u00e9 de la sc\u00e8ne\n            \u00e0 r\u00e9v\u00e9ler les r\u00e9alit\u00e9s souvent invisibles des communaut\u00e9s.\n          <\/p>\n\n          <div class=\"atblib-book-card__details\">\n\n            <div>\n              <span>Format<\/span>\n              <strong>Version papier<\/strong>\n            <\/div>\n\n            <div>\n              <span>Auteur<\/span>\n              <strong>Prosper Kompaor\u00e9<\/strong>\n            <\/div>\n\n            <div>\n              <span>Disponibilit\u00e9<\/span>\n              <strong>Sur demande<\/strong>\n            <\/div>\n\n          <\/div>\n\n          <a href=\"https:\/\/wa.me\/22670206395?text=Bonjour%20ATB,%20je%20souhaite%20commander%20ou%20obtenir%20des%20informations%20sur%20l%27ouvrage%20Les%20voix%20du%20silence.\" class=\"atblib-book-card__action\" target=\"_blank\" rel=\"noopener noreferrer\">\n            <span>Commander l\u2019ouvrage<\/span>\n\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n              <path d=\"M5 12h14M13 6l6 6-6 6\"\/>\n            <\/svg>\n          <\/a>\n\n        <\/div>\n\n      <\/article>\n\n\n      <!-- OUVRAGE 03 -->\n      <article class=\"atblib-book-card atblib-book-reveal\">\n\n        <div class=\"atblib-book-card__visual\">\n\n          <div class=\"atblib-book-card__backdrop\"><\/div>\n\n          <figure class=\"atblib-book-card__cover\">\n\n            <div class=\"atblib-book-card__spine\" aria-hidden=\"true\"><\/div>\n\n            <img decoding=\"async\"\n              src=\"REMPLACER-IMAGE-MUDANCA\"\n              alt=\"Couverture de l\u2019ouvrage Mudan\u00e7a de cena\"\n              loading=\"lazy\"\n            >\n\n          <\/figure>\n\n          <span class=\"atblib-book-card__category\">\n            Coop\u00e9ration internationale\n          <\/span>\n\n        <\/div>\n\n        <div class=\"atblib-book-card__content\">\n\n          <div class=\"atblib-book-card__author\">\n            \u00c9dition en portugais\n          <\/div>\n\n          <h3>\n            Mudan\u00e7a de cena\n          <\/h3>\n\n          <p class=\"atblib-book-card__summary\">\n            Une publication consacr\u00e9e au partage international des\n            exp\u00e9riences de th\u00e9\u00e2tre social et des m\u00e9thodes d\u00e9velopp\u00e9es\n            autour de la participation, du dialogue et du changement.\n          <\/p>\n\n          <div class=\"atblib-book-card__details\">\n\n            <div>\n              <span>Format<\/span>\n              <strong>Version papier<\/strong>\n            <\/div>\n\n            <div>\n              <span>Langue<\/span>\n              <strong>Portugais<\/strong>\n            <\/div>\n\n            <div>\n              <span>Disponibilit\u00e9<\/span>\n              <strong>\u00c0 confirmer<\/strong>\n            <\/div>\n\n          <\/div>\n\n          <a href=\"https:\/\/wa.me\/22670206395?text=Bonjour%20ATB,%20je%20souhaite%20obtenir%20des%20informations%20sur%20l%27ouvrage%20Mudan%C3%A7a%20de%20cena.\" class=\"atblib-book-card__action\" target=\"_blank\" rel=\"noopener noreferrer\">\n            <span>Demander la disponibilit\u00e9<\/span>\n\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n              <path d=\"M5 12h14M13 6l6 6-6 6\"\/>\n            <\/svg>\n          <\/a>\n\n        <\/div>\n\n      <\/article>\n\n\n      <!-- OUVRAGE 04 -->\n      <article class=\"atblib-book-card atblib-book-reveal\">\n\n        <div class=\"atblib-book-card__visual\">\n\n          <div class=\"atblib-book-card__backdrop\"><\/div>\n\n          <figure class=\"atblib-book-card__cover\">\n\n            <div class=\"atblib-book-card__spine\" aria-hidden=\"true\"><\/div>\n\n            <img decoding=\"async\"\n              src=\"REMPLACER-IMAGE-TEXTES-FONDAMENTAUX\"\n              alt=\"Couverture des Textes fondamentaux de l\u2019ATB\"\n              loading=\"lazy\"\n            >\n\n          <\/figure>\n\n          <span class=\"atblib-book-card__category\">\n            Patrimoine institutionnel\n          <\/span>\n\n        <\/div>\n\n        <div class=\"atblib-book-card__content\">\n\n          <div class=\"atblib-book-card__author\">\n            Atelier Th\u00e9\u00e2tre Burkinab\u00e8\n          <\/div>\n\n          <h3>\n            Textes fondamentaux de l\u2019ATB\n          <\/h3>\n\n          <p class=\"atblib-book-card__summary\">\n            Un document institutionnel r\u00e9unissant les statuts,\n            les principes fondateurs et les rep\u00e8res qui structurent\n            l\u2019identit\u00e9 et la mission culturelle de l\u2019ATB.\n          <\/p>\n\n          <div class=\"atblib-book-card__details\">\n\n            <div>\n              <span>Format<\/span>\n              <strong>Document institutionnel<\/strong>\n            <\/div>\n\n            <div>\n              <span>\u00c9dition<\/span>\n              <strong>Ouagadougou 2020<\/strong>\n            <\/div>\n\n            <div>\n              <span>Disponibilit\u00e9<\/span>\n              <strong>Sur demande<\/strong>\n            <\/div>\n\n          <\/div>\n\n          <a href=\"https:\/\/wa.me\/22670206395?text=Bonjour%20ATB,%20je%20souhaite%20obtenir%20des%20informations%20sur%20les%20Textes%20fondamentaux%20de%20l%27ATB.\" class=\"atblib-book-card__action\" target=\"_blank\" rel=\"noopener noreferrer\">\n            <span>Demander le document<\/span>\n\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n              <path d=\"M5 12h14M13 6l6 6-6 6\"\/>\n            <\/svg>\n          <\/a>\n\n        <\/div>\n\n      <\/article>\n\n\n      <!-- OUVRAGE 05 -->\n      <article class=\"atblib-book-card atblib-book-reveal\">\n\n        <div class=\"atblib-book-card__visual\">\n\n          <div class=\"atblib-book-card__backdrop\"><\/div>\n\n          <figure class=\"atblib-book-card__cover\">\n\n            <div class=\"atblib-book-card__spine\" aria-hidden=\"true\"><\/div>\n\n            <img decoding=\"async\"\n              src=\"REMPLACER-IMAGE-40-ANS\"\n              alt=\"Couverture de la publication ATB 40 ans\"\n              loading=\"lazy\"\n            >\n\n          <\/figure>\n\n          <span class=\"atblib-book-card__category\">\n            M\u00e9moire historique\n          <\/span>\n\n        <\/div>\n\n        <div class=\"atblib-book-card__content\">\n\n          <div class=\"atblib-book-card__author\">\n            Atelier Th\u00e9\u00e2tre Burkinab\u00e8\n          <\/div>\n\n          <h3>\n            L\u2019ATB et le Th\u00e9\u00e2tre pour le D\u00e9veloppement\n          <\/h3>\n\n          <p class=\"atblib-book-card__summary\">\n            Une publication retra\u00e7ant l\u2019histoire de l\u2019institution,\n            ses grandes initiatives, ses m\u00e9thodes de recherche\n            et son rayonnement au Burkina Faso et \u00e0 l\u2019international.\n          <\/p>\n\n          <div class=\"atblib-book-card__details\">\n\n            <div>\n              <span>Type<\/span>\n              <strong>Publication historique<\/strong>\n            <\/div>\n\n            <div>\n              <span>P\u00e9riode<\/span>\n              <strong>40 ans d\u2019exp\u00e9rience<\/strong>\n            <\/div>\n\n            <div>\n              <span>Disponibilit\u00e9<\/span>\n              <strong>Sur demande<\/strong>\n            <\/div>\n\n          <\/div>\n\n          <a href=\"https:\/\/wa.me\/22670206395?text=Bonjour%20ATB,%20je%20souhaite%20obtenir%20des%20informations%20sur%20la%20publication%20consacr%C3%A9e%20aux%2040%20ans%20de%20l%27ATB.\" class=\"atblib-book-card__action\" target=\"_blank\" rel=\"noopener noreferrer\">\n            <span>Demander la publication<\/span>\n\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n              <path d=\"M5 12h14M13 6l6 6-6 6\"\/>\n            <\/svg>\n          <\/a>\n\n        <\/div>\n\n      <\/article>\n\n\n      <!-- CARTE FUTURE PUBLICATION -->\n      <article class=\"atblib-book-card atblib-book-card--future atblib-book-reveal\">\n\n        <div class=\"atblib-book-card__future-content\">\n\n          <div class=\"atblib-book-card__future-icon\">\n\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n              <path d=\"M4 5.5A2.5 2.5 0 0 1 6.5 3H11v16H6.5A2.5 2.5 0 0 0 4 21.5v-16Z\"\/>\n              <path d=\"M20 5.5A2.5 2.5 0 0 0 17.5 3H13v16h4.5a2.5 2.5 0 0 1 2.5 2.5v-16Z\"\/>\n              <path d=\"M17 7v6M14 10h6\"\/>\n            <\/svg>\n\n          <\/div>\n\n          <span class=\"atblib-book-card__future-label\">\n            Collection en d\u00e9veloppement\n          <\/span>\n\n          <h3>\n            De nouvelles publications \u00e0 venir\n          <\/h3>\n\n          <p>\n            La Librairie de l\u2019Impact accueillera progressivement\n            de nouveaux essais, recueils, ressources p\u00e9dagogiques\n            et \u00e9ditions num\u00e9riques issues du travail de l\u2019ATB.\n          <\/p>\n\n          <a href=\"\/contact\" class=\"atblib-book-card__future-link\">\n\n            <span>Contacter le p\u00f4le \u00e9ditorial<\/span>\n\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n              <path d=\"M5 12h14M13 6l6 6-6 6\"\/>\n            <\/svg>\n\n          <\/a>\n\n        <\/div>\n\n      <\/article>\n\n    <\/div>\n\n\n    <!-- BANDEAU INSTITUTIONNEL -->\n    <div class=\"atblib-bookshelf__banner atblib-book-reveal\">\n\n      <div class=\"atblib-bookshelf__banner-number\">\n        1978\n      <\/div>\n\n      <div class=\"atblib-bookshelf__banner-content\">\n\n        <span>Une exp\u00e9rience transform\u00e9e en savoir<\/span>\n\n        <p>\n          Chaque publication porte la trace des sc\u00e8nes, des formations,\n          des recherches et des rencontres qui ont fa\u00e7onn\u00e9 l\u2019ATB.\n          Elles constituent un patrimoine utile aux g\u00e9n\u00e9rations pr\u00e9sentes\n          et futures.\n        <\/p>\n\n      <\/div>\n\n      <a href=\"\/contact\" class=\"atblib-bookshelf__banner-link\">\n\n        <span>Demander le catalogue<\/span>\n\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n          <path d=\"M5 12h14M13 6l6 6-6 6\"\/>\n        <\/svg>\n\n      <\/a>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<style>\n\/* =========================================================\n   ATB \u2014 LES OUVRAGES\n========================================================= *\/\n\n.atblib-bookshelf {\n  --atblib-bordeaux: #60052D;\n  --atblib-bordeaux-dark: #330017;\n  --atblib-gold: #CC9933;\n  --atblib-gold-light: #E0B75C;\n  --atblib-cream: #F7F0E5;\n  --atblib-cream-light: #FFFDF8;\n  --atblib-white: #FFFFFF;\n  --atblib-ink: #29171F;\n  --atblib-muted: #735F67;\n  --atblib-border: rgba(96, 5, 45, 0.13);\n\n  position: relative;\n  overflow: hidden;\n  padding: 130px 0;\n  color: var(--atblib-ink);\n  background:\n    radial-gradient(circle at 85% 12%, rgba(204,153,51,.09), transparent 27%),\n    linear-gradient(180deg, #FFFDF8 0%, #F7F0E5 100%);\n  font-family: \"Archivo\", sans-serif;\n}\n\n.atblib-bookshelf *,\n.atblib-bookshelf *::before,\n.atblib-bookshelf *::after {\n  box-sizing: border-box;\n}\n\n.atblib-bookshelf__container {\n  position: relative;\n  z-index: 3;\n  width: min(1240px, calc(100% - 48px));\n  margin-inline: auto;\n}\n\n.atblib-bookshelf__texture {\n  position: absolute;\n  inset: 0;\n  z-index: 1;\n  opacity: .035;\n  pointer-events: none;\n  background-image:\n    url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'\/%3E%3C\/svg%3E\");\n}\n\n.atblib-bookshelf__watermark {\n  position: absolute;\n  z-index: 0;\n  top: 55px;\n  right: -20px;\n  color: rgba(96, 5, 45, .035);\n  font-family: \"Fraunces\", serif;\n  font-size: clamp(90px, 13vw, 190px);\n  font-weight: 600;\n  line-height: 1;\n  white-space: nowrap;\n  pointer-events: none;\n}\n\n\n\/* =========================================================\n   EN-T\u00caTE\n========================================================= *\/\n\n.atblib-bookshelf__label {\n  display: flex;\n  align-items: center;\n  gap: 14px;\n  margin-bottom: 25px;\n  color: var(--atblib-bordeaux);\n  font-size: 11px;\n  font-weight: 700;\n  letter-spacing: .13em;\n  text-transform: uppercase;\n}\n\n.atblib-bookshelf__label span:first-child {\n  width: 40px;\n  height: 40px;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border: 1px solid rgba(96,5,45,.2);\n  border-radius: 50%;\n  color: var(--atblib-gold);\n  background: rgba(255,255,255,.5);\n}\n\n.atblib-bookshelf__heading-grid {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr) minmax(360px, .74fr);\n  align-items: end;\n  gap: clamp(50px, 8vw, 120px);\n}\n\n.atblib-bookshelf__heading-grid h2 {\n  margin: 0;\n  color: var(--atblib-bordeaux);\n  font-family: \"Fraunces\", serif;\n  font-size: clamp(50px, 6vw, 82px);\n  font-weight: 600;\n  line-height: .98;\n  letter-spacing: -.045em;\n}\n\n.atblib-bookshelf__heading-grid h2 span {\n  display: block;\n  margin-top: 10px;\n  color: var(--atblib-gold);\n  font-style: italic;\n  font-weight: 500;\n}\n\n.atblib-bookshelf__intro {\n  padding-left: 34px;\n  border-left: 1px solid rgba(204,153,51,.5);\n}\n\n.atblib-bookshelf__intro p {\n  margin: 0;\n  color: var(--atblib-muted);\n  font-size: 15px;\n  line-height: 1.82;\n}\n\n.atblib-bookshelf__intro p + p {\n  margin-top: 16px;\n}\n\n\n\/* =========================================================\n   GRILLE\n========================================================= *\/\n\n.atblib-bookshelf__grid {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  gap: 26px;\n  margin-top: 82px;\n}\n\n.atblib-book-card {\n  min-height: 760px;\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n  border: 1px solid var(--atblib-border);\n  background: rgba(255,255,255,.9);\n  box-shadow: 0 20px 55px rgba(42, 18, 28, .08);\n  transition:\n    transform .45s ease,\n    box-shadow .45s ease,\n    border-color .45s ease;\n}\n\n.atblib-book-card:hover {\n  border-color: rgba(204,153,51,.55);\n  box-shadow: 0 34px 76px rgba(42,18,28,.15);\n  transform: translateY(-10px);\n}\n\n.atblib-book-card__visual {\n  position: relative;\n  height: 390px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  overflow: hidden;\n  background:\n    radial-gradient(circle at 50% 42%, rgba(204,153,51,.17), transparent 32%),\n    linear-gradient(145deg, #F1E5D5, #E5D3BC);\n}\n\n.atblib-book-card:nth-child(even) .atblib-book-card__visual {\n  background:\n    radial-gradient(circle at 50% 42%, rgba(204,153,51,.13), transparent 32%),\n    linear-gradient(145deg, #EEE7DF, #D8C9BE);\n}\n\n.atblib-book-card__backdrop {\n  position: absolute;\n  width: 250px;\n  height: 250px;\n  border: 1px solid rgba(96,5,45,.08);\n  border-radius: 50%;\n}\n\n.atblib-book-card__backdrop::after {\n  content: \"\";\n  position: absolute;\n  inset: 35px;\n  border: 1px solid rgba(96,5,45,.07);\n  border-radius: 50%;\n}\n\n.atblib-book-card__cover {\n  position: relative;\n  z-index: 2;\n  width: 205px;\n  aspect-ratio: .705;\n  margin: 0;\n  border-radius: 2px 5px 5px 2px;\n  background: #DDDDDD;\n  box-shadow:\n    0 28px 52px rgba(53,25,34,.28),\n    0 7px 18px rgba(53,25,34,.14);\n  transform: rotateY(-5deg) rotateZ(-1deg);\n  transform-style: preserve-3d;\n  transition:\n    transform .55s cubic-bezier(.2,.8,.2,1),\n    box-shadow .55s ease;\n}\n\n.atblib-book-card:hover .atblib-book-card__cover {\n  transform: translateY(-10px) rotateY(0deg) rotateZ(0deg);\n  box-shadow: 0 38px 70px rgba(53,25,34,.34);\n}\n\n.atblib-book-card__cover::after {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  border-radius: inherit;\n  pointer-events: none;\n  box-shadow:\n    inset 11px 0 14px rgba(0,0,0,.2),\n    inset -2px 0 2px rgba(255,255,255,.18);\n}\n\n.atblib-book-card__cover img {\n  width: 100%;\n  height: 100%;\n  display: block;\n  border-radius: inherit;\n  object-fit: cover;\n}\n\n.atblib-book-card__spine {\n  position: absolute;\n  z-index: 3;\n  width: 8px;\n  top: 2px;\n  bottom: 2px;\n  left: 0;\n  border-radius: 2px 0 0 2px;\n  background:\n    linear-gradient(90deg, rgba(0,0,0,.5), rgba(255,255,255,.15), rgba(0,0,0,.2));\n}\n\n.atblib-book-card__category {\n  position: absolute;\n  z-index: 4;\n  right: 18px;\n  bottom: 18px;\n  padding: 8px 11px;\n  color: #FFFFFF;\n  background: var(--atblib-bordeaux);\n  box-shadow: 0 8px 20px rgba(42,18,28,.16);\n  font-size: 8px;\n  font-weight: 800;\n  letter-spacing: .09em;\n  text-transform: uppercase;\n}\n\n.atblib-book-card__content {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  padding: 30px 29px 27px;\n}\n\n.atblib-book-card__author {\n  margin-bottom: 12px;\n  color: var(--atblib-gold);\n  font-size: 9px;\n  font-weight: 700;\n  letter-spacing: .11em;\n  text-transform: uppercase;\n}\n\n.atblib-book-card h3 {\n  margin: 0;\n  color: var(--atblib-bordeaux);\n  font-family: \"Fraunces\", serif;\n  font-size: 31px;\n  font-weight: 600;\n  line-height: 1.08;\n}\n\n.atblib-book-card__summary {\n  margin: 18px 0 0;\n  color: var(--atblib-muted);\n  font-size: 13px;\n  line-height: 1.73;\n}\n\n.atblib-book-card__details {\n  display: grid;\n  gap: 11px;\n  margin-top: 24px;\n  padding: 20px 0;\n  border-top: 1px solid rgba(96,5,45,.09);\n  border-bottom: 1px solid rgba(96,5,45,.09);\n}\n\n.atblib-book-card__details div {\n  display: flex;\n  align-items: flex-start;\n  justify-content: space-between;\n  gap: 16px;\n}\n\n.atblib-book-card__details span {\n  color: #927C85;\n  font-size: 10px;\n  letter-spacing: .04em;\n  text-transform: uppercase;\n}\n\n.atblib-book-card__details strong {\n  color: var(--atblib-ink);\n  font-size: 11px;\n  font-weight: 600;\n  text-align: right;\n}\n\n.atblib-book-card__action {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 18px;\n  margin-top: auto;\n  padding-top: 24px;\n  color: var(--atblib-bordeaux) !important;\n  font-size: 11px;\n  font-weight: 700;\n  letter-spacing: .04em;\n  text-decoration: none !important;\n}\n\n.atblib-book-card__action svg {\n  width: 19px;\n  height: 19px;\n  fill: none;\n  stroke: var(--atblib-gold);\n  stroke-width: 1.7;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n  transition: transform .35s ease;\n}\n\n.atblib-book-card__action:hover svg {\n  transform: translateX(5px);\n}\n\n\n\/* =========================================================\n   CARTE FUTURE PUBLICATION\n========================================================= *\/\n\n.atblib-book-card--future {\n  position: relative;\n  justify-content: center;\n  color: #FFFFFF;\n  border-color: rgba(204,153,51,.28);\n  background:\n    radial-gradient(circle at 75% 20%, rgba(204,153,51,.13), transparent 28%),\n    linear-gradient(145deg, #60052D, #2E0015);\n}\n\n.atblib-book-card--future::before,\n.atblib-book-card--future::after {\n  content: \"\";\n  position: absolute;\n  border: 1px solid rgba(204,153,51,.13);\n  border-radius: 50%;\n}\n\n.atblib-book-card--future::before {\n  width: 280px;\n  height: 280px;\n  right: -110px;\n  bottom: -100px;\n}\n\n.atblib-book-card--future::after {\n  width: 175px;\n  height: 175px;\n  right: -55px;\n  bottom: -45px;\n}\n\n.atblib-book-card__future-content {\n  position: relative;\n  z-index: 2;\n  padding: 48px 38px;\n}\n\n.atblib-book-card__future-icon {\n  width: 64px;\n  height: 64px;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border: 1px solid rgba(204,153,51,.4);\n  border-radius: 50%;\n  color: var(--atblib-gold-light);\n  background: rgba(204,153,51,.06);\n}\n\n.atblib-book-card__future-icon svg {\n  width: 29px;\n  height: 29px;\n  fill: none;\n  stroke: currentColor;\n  stroke-width: 1.4;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n.atblib-book-card__future-label {\n  display: block;\n  margin-top: 34px;\n  color: var(--atblib-gold-light);\n  font-size: 9px;\n  font-weight: 700;\n  letter-spacing: .11em;\n  text-transform: uppercase;\n}\n\n.atblib-book-card--future h3 {\n  margin-top: 16px;\n  color: #FFFFFF;\n  font-size: 42px;\n}\n\n.atblib-book-card--future p {\n  margin: 22px 0 0;\n  color: rgba(255,255,255,.68);\n  font-size: 14px;\n  line-height: 1.78;\n}\n\n.atblib-book-card__future-link {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 18px;\n  margin-top: 38px;\n  padding-top: 25px;\n  border-top: 1px solid rgba(255,255,255,.13);\n  color: #FFFFFF !important;\n  font-size: 11px;\n  font-weight: 700;\n  text-decoration: none !important;\n}\n\n.atblib-book-card__future-link svg {\n  width: 19px;\n  height: 19px;\n  fill: none;\n  stroke: var(--atblib-gold);\n  stroke-width: 1.7;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n  transition: transform .35s ease;\n}\n\n.atblib-book-card__future-link:hover svg {\n  transform: translateX(5px);\n}\n\n\n\/* =========================================================\n   BANDEAU\n========================================================= *\/\n\n.atblib-bookshelf__banner {\n  display: grid;\n  grid-template-columns: auto minmax(0, 1fr) auto;\n  align-items: center;\n  gap: 32px;\n  margin-top: 48px;\n  padding: 33px 38px;\n  border: 1px solid rgba(204,153,51,.28);\n  background: rgba(255,255,255,.66);\n  box-shadow: 0 16px 42px rgba(42,18,28,.06);\n}\n\n.atblib-bookshelf__banner-number {\n  color: var(--atblib-gold);\n  font-family: \"Fraunces\", serif;\n  font-size: 55px;\n  font-weight: 600;\n  line-height: 1;\n}\n\n.atblib-bookshelf__banner-content {\n  padding-left: 30px;\n  border-left: 1px solid rgba(96,5,45,.14);\n}\n\n.atblib-bookshelf__banner-content span {\n  display: block;\n  margin-bottom: 7px;\n  color: var(--atblib-bordeaux);\n  font-family: \"Fraunces\", serif;\n  font-size: 24px;\n  font-weight: 600;\n}\n\n.atblib-bookshelf__banner-content p {\n  max-width: 720px;\n  margin: 0;\n  color: var(--atblib-muted);\n  font-size: 13px;\n  line-height: 1.7;\n}\n\n.atblib-bookshelf__banner-link {\n  display: inline-flex;\n  align-items: center;\n  gap: 12px;\n  color: var(--atblib-bordeaux) !important;\n  font-size: 11px;\n  font-weight: 700;\n  text-decoration: none !important;\n  white-space: nowrap;\n}\n\n.atblib-bookshelf__banner-link svg {\n  width: 18px;\n  height: 18px;\n  fill: none;\n  stroke: var(--atblib-gold);\n  stroke-width: 1.7;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n  transition: transform .35s ease;\n}\n\n.atblib-bookshelf__banner-link:hover svg {\n  transform: translateX(5px);\n}\n\n\n\/* =========================================================\n   ANIMATIONS\n========================================================= *\/\n\n.atblib-book-reveal {\n  opacity: 1;\n  transform: none;\n}\n\n.atblib-book-js .atblib-book-reveal {\n  opacity: 0;\n  transform: translateY(30px);\n  transition:\n    opacity .8s ease,\n    transform .8s cubic-bezier(.22,.61,.36,1);\n}\n\n.atblib-book-js .atblib-book-reveal.atblib-book-visible {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n\n\/* =========================================================\n   TABLETTE\n========================================================= *\/\n\n@media (max-width: 1100px) {\n\n  .atblib-bookshelf__heading-grid {\n    grid-template-columns: 1fr;\n    align-items: start;\n    gap: 38px;\n  }\n\n  .atblib-bookshelf__grid {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n\n  .atblib-bookshelf__banner {\n    grid-template-columns: auto 1fr;\n  }\n\n  .atblib-bookshelf__banner-link {\n    grid-column: 2;\n    justify-self: start;\n  }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media (max-width: 767px) {\n\n  .atblib-bookshelf {\n    padding: 90px 0;\n  }\n\n  .atblib-bookshelf__container {\n    width: min(100% - 30px, 1240px);\n  }\n\n  .atblib-bookshelf__heading-grid h2 {\n    font-size: clamp(45px, 13vw, 60px);\n  }\n\n  .atblib-bookshelf__intro {\n    padding-left: 0;\n    border-left: 0;\n  }\n\n  .atblib-bookshelf__intro::before {\n    content: \"\";\n    width: 54px;\n    height: 1px;\n    display: block;\n    margin-bottom: 23px;\n    background: var(--atblib-gold);\n  }\n\n  .atblib-bookshelf__grid {\n    grid-template-columns: 1fr;\n    gap: 23px;\n    margin-top: 58px;\n  }\n\n  .atblib-book-card {\n    min-height: auto;\n  }\n\n  .atblib-book-card__visual {\n    height: 370px;\n  }\n\n  .atblib-book-card__content {\n    min-height: 420px;\n    padding: 28px 25px 25px;\n  }\n\n  .atblib-book-card--future {\n    min-height: 570px;\n  }\n\n  .atblib-book-card__future-content {\n    padding: 40px 29px;\n  }\n\n  .atblib-book-card--future h3 {\n    font-size: 38px;\n  }\n\n  .atblib-bookshelf__banner {\n    grid-template-columns: 1fr;\n    gap: 18px;\n    padding: 28px 25px;\n  }\n\n  .atblib-bookshelf__banner-content {\n    padding: 0;\n    border-left: 0;\n  }\n\n  .atblib-bookshelf__banner-content::before {\n    content: \"\";\n    width: 50px;\n    height: 1px;\n    display: block;\n    margin-bottom: 18px;\n    background: var(--atblib-gold);\n  }\n\n  .atblib-bookshelf__banner-link {\n    grid-column: auto;\n  }\n\n}\n\n\n\/* =========================================================\n   ACCESSIBILIT\u00c9\n========================================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n  .atblib-book-card,\n  .atblib-book-card__cover,\n  .atblib-book-card__action svg,\n  .atblib-book-reveal {\n    transition: none !important;\n  }\n\n}\n<\/style>\n\n\n<script>\n(function () {\n  \"use strict\";\n\n  const section = document.querySelector(\".atblib-bookshelf\");\n\n  if (!section) return;\n\n  document.documentElement.classList.add(\"atblib-book-js\");\n\n  const items = section.querySelectorAll(\".atblib-book-reveal\");\n\n  if (\"IntersectionObserver\" in window) {\n\n    const observer = new IntersectionObserver(\n      function (entries, obs) {\n\n        entries.forEach(function (entry) {\n\n          if (entry.isIntersecting) {\n            entry.target.classList.add(\"atblib-book-visible\");\n            obs.unobserve(entry.target);\n          }\n\n        });\n\n      },\n      {\n        threshold: 0.08,\n        rootMargin: \"0px 0px -30px 0px\"\n      }\n    );\n\n    items.forEach(function (item, index) {\n      item.style.transitionDelay = Math.min(index * 70, 300) + \"ms\";\n      observer.observe(item);\n    });\n\n  } else {\n\n    items.forEach(function (item) {\n      item.classList.add(\"atblib-book-visible\");\n    });\n\n  }\n\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-e40871d e-con e-atomic-element e-flexbox-base e-05b390c \" data-id=\"e40871d\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"e40871d\" data-e-type=\"e-flexbox\" data-id=\"e40871d\">\n    \t\t<div class=\"elementor-element elementor-element-92e5674 elementor-widget elementor-widget-html\" data-id=\"92e5674\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\n     ATB \u2014 LIBRAIRIE DE L'IMPACT\n     BLOC 5 : TH\u00c9\u00c2TRE CITOYEN + ARCHIVES NUM\u00c9RIQUES\n========================================================= -->\n\n<section class=\"atblib-citizen\" id=\"theatre-citoyen\">\n\n  <div class=\"atblib-citizen__grain\" aria-hidden=\"true\"><\/div>\n  <div class=\"atblib-citizen__light\" aria-hidden=\"true\"><\/div>\n\n  <div class=\"atblib-citizen__container\">\n\n    <!-- EN-T\u00caTE -->\n    <div class=\"atblib-citizen__header atblib-citizen-reveal\">\n\n      <div class=\"atblib-citizen__label\">\n        <span>05<\/span>\n        <span>Recueils et dramaturgie<\/span>\n      <\/div>\n\n      <div class=\"atblib-citizen__heading-grid\">\n\n        <div>\n          <h2>\n            Th\u00e9\u00e2tre\n            <span>citoyen<\/span>\n          <\/h2>\n        <\/div>\n\n        <div class=\"atblib-citizen__intro\">\n\n          <p>\n            Des textes \u00e9crits pour \u00eatre lus, jou\u00e9s, discut\u00e9s et\n            transform\u00e9s par le public.\n          <\/p>\n\n          <p>\n            Les recueils de l\u2019ATB portent sur les r\u00e9alit\u00e9s sociales,\n            la citoyennet\u00e9, la sant\u00e9, les droits humains et la coh\u00e9sion\n            communautaire. Ils prolongent sur le papier le travail\n            accompli sur sc\u00e8ne et sur le terrain.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n\n    <!-- MISE EN AVANT DES RECUEILS -->\n    <div class=\"atblib-citizen__feature atblib-citizen-reveal\">\n\n      <!-- VISUEL -->\n      <div class=\"atblib-citizen__visual\">\n\n        <div class=\"atblib-citizen__stage-light\" aria-hidden=\"true\"><\/div>\n\n        <figure class=\"atblib-citizen__book atblib-citizen__book--left\">\n          <div class=\"atblib-citizen__spine\"><\/div>\n          <img decoding=\"async\"\n            src=\"REMPLACER-IMAGE-RECUEIL-1\"\n            alt=\"Recueil de pi\u00e8ces de th\u00e9\u00e2tre de l\u2019ATB\"\n            loading=\"lazy\"\n          >\n        <\/figure>\n\n        <figure class=\"atblib-citizen__book atblib-citizen__book--center\">\n          <div class=\"atblib-citizen__spine\"><\/div>\n          <img decoding=\"async\"\n            src=\"REMPLACER-IMAGE-RECUEIL-2\"\n            alt=\"Recueil de th\u00e9\u00e2tre citoyen publi\u00e9 par l\u2019ATB\"\n            loading=\"lazy\"\n          >\n        <\/figure>\n\n        <figure class=\"atblib-citizen__book atblib-citizen__book--right\">\n          <div class=\"atblib-citizen__spine\"><\/div>\n          <img decoding=\"async\"\n            src=\"REMPLACER-IMAGE-RECUEIL-3\"\n            alt=\"Texte dramatique \u00e9dit\u00e9 par l\u2019ATB\"\n            loading=\"lazy\"\n          >\n        <\/figure>\n\n        <div class=\"atblib-citizen__visual-caption\">\n          <span><\/span>\n          Des textes con\u00e7us pour la sc\u00e8ne et le d\u00e9bat\n        <\/div>\n\n      <\/div>\n\n\n      <!-- CONTENU -->\n      <div class=\"atblib-citizen__content\">\n\n        <div class=\"atblib-citizen__eyebrow\">\n          Textes dramatiques \u2022 Th\u00e9\u00e2tre-forum \u2022 Transmission\n        <\/div>\n\n        <h3>\n          Les r\u00e9cits qui donnent\n          <span>une voix aux communaut\u00e9s<\/span>\n        <\/h3>\n\n        <p>\n          Les pi\u00e8ces publi\u00e9es par l\u2019ATB mettent en sc\u00e8ne des situations\n          concr\u00e8tes et invitent les lecteurs, les artistes et les publics\n          \u00e0 interroger les m\u00e9canismes sociaux, les rapports de pouvoir\n          et les possibilit\u00e9s de changement.\n        <\/p>\n\n        <div class=\"atblib-citizen__titles\">\n\n          <div class=\"atblib-citizen__title-item\">\n            <span>01<\/span>\n            <strong>La jarre vide<\/strong>\n          <\/div>\n\n          <div class=\"atblib-citizen__title-item\">\n            <span>02<\/span>\n            <strong>Les racines du malheur<\/strong>\n          <\/div>\n\n          <div class=\"atblib-citizen__title-item\">\n            <span>03<\/span>\n            <strong>La femme du fanatique<\/strong>\n          <\/div>\n\n          <div class=\"atblib-citizen__title-item\">\n            <span>04<\/span>\n            <strong>Les germes de l\u2019espoir<\/strong>\n          <\/div>\n\n          <div class=\"atblib-citizen__title-item\">\n            <span>05<\/span>\n            <strong>Recueil ATB \/ EMP<\/strong>\n          <\/div>\n\n        <\/div>\n\n        <a href=\"https:\/\/wa.me\/22670206395?text=Bonjour%20ATB,%20je%20souhaite%20obtenir%20des%20informations%20sur%20les%20recueils%20de%20pi%C3%A8ces%20et%20les%20textes%20de%20th%C3%A9%C3%A2tre%20citoyen.\" class=\"atblib-citizen__button\" target=\"_blank\" rel=\"noopener noreferrer\">\n          <span>D\u00e9couvrir les recueils<\/span>\n\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <path d=\"M5 12h14M13 6l6 6-6 6\"\/>\n          <\/svg>\n        <\/a>\n\n      <\/div>\n\n    <\/div>\n\n\n    <!-- PUBLICS -->\n    <div class=\"atblib-citizen__audiences\">\n\n      <article class=\"atblib-audience atblib-citizen-reveal\">\n\n        <div class=\"atblib-audience__icon\">\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <path d=\"M3 6h18v12H3z\"\/>\n            <path d=\"M7 18v3M17 18v3M5 21h14\"\/>\n            <path d=\"M8 10h8M8 13h5\"\/>\n          <\/svg>\n        <\/div>\n\n        <span>01<\/span>\n\n        <h4>\u00c9coles et universit\u00e9s<\/h4>\n\n        <p>\n          Des supports de lecture, d\u2019\u00e9tude et de pratique pour les\n          apprenants, les enseignants et les \u00e9tudiants.\n        <\/p>\n\n      <\/article>\n\n      <article class=\"atblib-audience atblib-citizen-reveal\">\n\n        <div class=\"atblib-audience__icon\">\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <path d=\"M5 4h14v16H5z\"\/>\n            <path d=\"M8 8h8M8 12h8M8 16h5\"\/>\n          <\/svg>\n        <\/div>\n\n        <span>02<\/span>\n\n        <h4>Compagnies et troupes<\/h4>\n\n        <p>\n          Des textes \u00e0 adapter, \u00e0 mettre en sc\u00e8ne et \u00e0 utiliser\n          dans les actions de sensibilisation.\n        <\/p>\n\n      <\/article>\n\n      <article class=\"atblib-audience atblib-citizen-reveal\">\n\n        <div class=\"atblib-audience__icon\">\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <circle cx=\"11\" cy=\"11\" r=\"7\"\/>\n            <path d=\"m16 16 5 5\"\/>\n            <path d=\"M8 11h6M11 8v6\"\/>\n          <\/svg>\n        <\/div>\n\n        <span>03<\/span>\n\n        <h4>Chercheurs et m\u00e9diateurs<\/h4>\n\n        <p>\n          Une mati\u00e8re pr\u00e9cieuse pour documenter le th\u00e9\u00e2tre social,\n          la dramaturgie et la participation citoyenne.\n        <\/p>\n\n      <\/article>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<!-- =========================================================\n     ARCHIVES ET RESSOURCES NUM\u00c9RIQUES\n========================================================= -->\n\n<section class=\"atblib-resources\" id=\"archives\">\n\n  <div class=\"atblib-resources__texture\" aria-hidden=\"true\"><\/div>\n  <div class=\"atblib-resources__watermark\" aria-hidden=\"true\">\n    Archives vivantes\n  <\/div>\n\n  <div class=\"atblib-resources__container\">\n\n    <!-- EN-T\u00caTE -->\n    <div class=\"atblib-resources__header atblib-resource-reveal\">\n\n      <div class=\"atblib-resources__label\">\n        <span>06<\/span>\n        <span>Archives et ressources<\/span>\n      <\/div>\n\n      <div class=\"atblib-resources__heading-grid\">\n\n        <div>\n          <h2>\n            Archives, voix\n            <span>et m\u00e9moires<\/span>\n          <\/h2>\n        <\/div>\n\n        <div class=\"atblib-resources__intro\">\n\n          <p>\n            La m\u00e9moire de l\u2019ATB ne se conserve pas uniquement dans\n            les livres. Elle vit aussi dans les voix, les images,\n            les documents, les spectacles enregistr\u00e9s et les archives\n            du Th\u00e9\u00e2tre pour le D\u00e9veloppement.\n          <\/p>\n\n          <p>\n            Cet espace \u00e9voluera progressivement vers une v\u00e9ritable\n            m\u00e9diath\u00e8que culturelle num\u00e9rique.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n\n    <!-- GRILLE DES RESSOURCES -->\n    <div class=\"atblib-resources__grid\">\n\n      <!-- AUDIO -->\n      <article class=\"atblib-resource-card atblib-resource-reveal\">\n\n        <div class=\"atblib-resource-card__top\">\n\n          <div class=\"atblib-resource-card__icon\">\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n              <path d=\"M4 14a8 8 0 0 1 16 0\"\/>\n              <path d=\"M4 14v5h4v-6H4M20 14v5h-4v-6h4\"\/>\n              <path d=\"M12 4v3\"\/>\n            <\/svg>\n          <\/div>\n\n          <span class=\"atblib-resource-card__number\">01<\/span>\n\n        <\/div>\n\n        <div class=\"atblib-resource-card__meta\">\n          Audio \u2022 Radio \u2022 M\u00e9moire orale\n        <\/div>\n\n        <h3>Archives audio<\/h3>\n\n        <p>\n          Feuilletons radiophoniques, cr\u00e9ations sonores, t\u00e9moignages\n          et voix du th\u00e9\u00e2tre citoyen.\n        <\/p>\n\n        <div class=\"atblib-resource-card__featured\">\n          <span>\u0152uvre de r\u00e9f\u00e9rence<\/span>\n          <strong>La Famille Boanga \u2014 Saisons 1 et 2<\/strong>\n        <\/div>\n\n        <a href=\"https:\/\/wa.me\/22670206395?text=Bonjour%20ATB,%20je%20souhaite%20obtenir%20des%20informations%20sur%20les%20archives%20audio%20et%20La%20Famille%20Boanga.\" target=\"_blank\" rel=\"noopener noreferrer\">\n          <span>Demander l\u2019acc\u00e8s<\/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      <\/article>\n\n\n      <!-- VID\u00c9OS -->\n      <article class=\"atblib-resource-card atblib-resource-card--featured atblib-resource-reveal\">\n\n        <div class=\"atblib-resource-card__top\">\n\n          <div class=\"atblib-resource-card__icon\">\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n              <rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"1\"\/>\n              <path d=\"m10 9 5 3-5 3V9Z\"\/>\n            <\/svg>\n          <\/div>\n\n          <span class=\"atblib-resource-card__number\">02<\/span>\n\n        <\/div>\n\n        <div class=\"atblib-resource-card__meta\">\n          Vid\u00e9o \u2022 Captations \u2022 T\u00e9l\u00e9-Th\u00e9\u00e2tre\n        <\/div>\n\n        <h3>Vid\u00e9os et spectacles<\/h3>\n\n        <p>\n          Captations, th\u00e9\u00e2tre-forum, entretiens, formations et\n          cr\u00e9ations audiovisuelles diffus\u00e9es par l\u2019ATB.\n        <\/p>\n\n        <div class=\"atblib-resource-card__featured\">\n          <span>Plateforme<\/span>\n          <strong>T\u00e9l\u00e9-Th\u00e9\u00e2tre ATB<\/strong>\n        <\/div>\n\n        <a href=\"https:\/\/web.facebook.com\/teletheatreatb\" target=\"_blank\" rel=\"noopener noreferrer\">\n          <span>Voir les contenus<\/span>\n\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <path d=\"M14 5h5v5M10 14 19 5M19 14v5H5V5h5\"\/>\n          <\/svg>\n        <\/a>\n\n      <\/article>\n\n\n      <!-- DOCUMENTS -->\n      <article class=\"atblib-resource-card atblib-resource-reveal\">\n\n        <div class=\"atblib-resource-card__top\">\n\n          <div class=\"atblib-resource-card__icon\">\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n              <path d=\"M6 3h9l3 3v15H6z\"\/>\n              <path d=\"M15 3v4h4M9 11h6M9 15h6\"\/>\n            <\/svg>\n          <\/div>\n\n          <span class=\"atblib-resource-card__number\">03<\/span>\n\n        <\/div>\n\n        <div class=\"atblib-resource-card__meta\">\n          \u00c9tudes \u2022 Rapports \u2022 Documentation\n        <\/div>\n\n        <h3>Documents et \u00e9tudes<\/h3>\n\n        <p>\n          Rapports, actes, dossiers de recherche, textes institutionnels\n          et documents issus des programmes de l\u2019ATB.\n        <\/p>\n\n        <div class=\"atblib-resource-card__featured\">\n          <span>Acc\u00e8s<\/span>\n          <strong>Documentation sur demande<\/strong>\n        <\/div>\n\n        <a href=\"\/contact\">\n          <span>Contacter la documentation<\/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      <\/article>\n\n\n      <!-- NUM\u00c9RIQUE -->\n      <article class=\"atblib-resource-card atblib-resource-reveal\">\n\n        <div class=\"atblib-resource-card__top\">\n\n          <div class=\"atblib-resource-card__icon\">\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n              <rect x=\"4\" y=\"3\" width=\"16\" height=\"18\" rx=\"1\"\/>\n              <path d=\"M8 7h8M8 11h8M8 15h5\"\/>\n            <\/svg>\n          <\/div>\n\n          <span class=\"atblib-resource-card__number\">04<\/span>\n\n        <\/div>\n\n        <div class=\"atblib-resource-card__meta\">\n          PDF \u2022 Revue digitale \u2022 \u00c9ditions futures\n        <\/div>\n\n        <h3>Publications num\u00e9riques<\/h3>\n\n        <p>\n          Revues consultables en ligne, ressources p\u00e9dagogiques,\n          documents num\u00e9riques et futures \u00e9ditions t\u00e9l\u00e9chargeables.\n        <\/p>\n\n        <div class=\"atblib-resource-card__featured\">\n          <span>Disponible actuellement<\/span>\n          <strong>Enjeux de Sc\u00e8ne \u2014 Num\u00e9ro 23<\/strong>\n        <\/div>\n\n        <a href=\"https:\/\/atb.digital-publication.com\/enjeuxdescene\/numero23\/index.html#page\/1\" target=\"_blank\" rel=\"noopener noreferrer\">\n          <span>Consulter la publication<\/span>\n\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <path d=\"M14 5h5v5M10 14 19 5M19 14v5H5V5h5\"\/>\n          <\/svg>\n        <\/a>\n\n      <\/article>\n\n    <\/div>\n\n\n    <!-- BANDEAU FUTUR -->\n    <div class=\"atblib-resources__future atblib-resource-reveal\">\n\n      <div class=\"atblib-resources__future-icon\">\n\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\n      <\/div>\n\n      <div class=\"atblib-resources__future-content\">\n\n        <span>Une m\u00e9diath\u00e8que en construction<\/span>\n\n        <p>\n          Les archives seront progressivement class\u00e9es, document\u00e9es\n          et num\u00e9ris\u00e9es afin de faciliter leur consultation par les\n          artistes, les chercheurs, les \u00e9tudiants et les partenaires.\n        <\/p>\n\n      <\/div>\n\n      <a href=\"\/contact\" class=\"atblib-resources__future-link\">\n\n        <span>Demander une ressource<\/span>\n\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n          <path d=\"M5 12h14M13 6l6 6-6 6\"\/>\n        <\/svg>\n\n      <\/a>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<style>\n\/* =========================================================\n   TH\u00c9\u00c2TRE CITOYEN\n========================================================= *\/\n\n.atblib-citizen {\n  --atblib-bordeaux: #60052D;\n  --atblib-bordeaux-dark: #2D0014;\n  --atblib-dark: #120006;\n  --atblib-gold: #CC9933;\n  --atblib-gold-light: #E4C273;\n  --atblib-white: #FFFFFF;\n\n  position: relative;\n  overflow: hidden;\n  padding: 130px 0;\n  color: #FFFFFF;\n  background:\n    radial-gradient(circle at 25% 42%, rgba(204,153,51,.12), transparent 28%),\n    linear-gradient(135deg, #120006 0%, #2C0013 50%, #60052D 100%);\n  font-family: \"Archivo\", sans-serif;\n}\n\n.atblib-citizen *,\n.atblib-citizen *::before,\n.atblib-citizen *::after {\n  box-sizing: border-box;\n}\n\n.atblib-citizen__container {\n  position: relative;\n  z-index: 3;\n  width: min(1240px, calc(100% - 48px));\n  margin-inline: auto;\n}\n\n.atblib-citizen__grain {\n  position: absolute;\n  inset: 0;\n  z-index: 1;\n  opacity: .07;\n  pointer-events: none;\n  background-image:\n    url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'\/%3E%3C\/svg%3E\");\n}\n\n.atblib-citizen__light {\n  position: absolute;\n  z-index: 0;\n  width: 500px;\n  height: 700px;\n  top: -80px;\n  left: 7%;\n  background:\n    linear-gradient(to bottom, rgba(204,153,51,.14), rgba(204,153,51,0));\n  clip-path: polygon(42% 0, 58% 0, 100% 100%, 0 100%);\n  filter: blur(25px);\n  transform: rotate(-8deg);\n}\n\n\n\/* HEADER *\/\n\n.atblib-citizen__label,\n.atblib-resources__label {\n  display: flex;\n  align-items: center;\n  gap: 14px;\n  margin-bottom: 25px;\n  font-size: 11px;\n  font-weight: 700;\n  letter-spacing: .13em;\n  text-transform: uppercase;\n}\n\n.atblib-citizen__label {\n  color: var(--atblib-gold-light);\n}\n\n.atblib-citizen__label span:first-child,\n.atblib-resources__label span:first-child {\n  width: 40px;\n  height: 40px;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 50%;\n}\n\n.atblib-citizen__label span:first-child {\n  border: 1px solid rgba(204,153,51,.4);\n  color: var(--atblib-gold);\n  background: rgba(255,255,255,.03);\n}\n\n.atblib-citizen__heading-grid,\n.atblib-resources__heading-grid {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr) minmax(370px, .75fr);\n  align-items: end;\n  gap: clamp(50px, 8vw, 120px);\n}\n\n.atblib-citizen__heading-grid h2 {\n  margin: 0;\n  color: #FFFFFF;\n  font-family: \"Fraunces\", serif;\n  font-size: clamp(52px, 7vw, 90px);\n  font-weight: 600;\n  line-height: .96;\n  letter-spacing: -.045em;\n}\n\n.atblib-citizen__heading-grid h2 span {\n  display: block;\n  margin-top: 10px;\n  color: var(--atblib-gold-light);\n  font-style: italic;\n  font-weight: 500;\n}\n\n.atblib-citizen__intro {\n  padding-left: 34px;\n  border-left: 1px solid rgba(204,153,51,.45);\n}\n\n.atblib-citizen__intro p {\n  margin: 0;\n  color: rgba(255,255,255,.68);\n  font-size: 15px;\n  line-height: 1.82;\n}\n\n.atblib-citizen__intro p + p {\n  margin-top: 16px;\n}\n\n\n\/* FEATURE *\/\n\n.atblib-citizen__feature {\n  display: grid;\n  grid-template-columns: minmax(440px, .9fr) minmax(0, 1.1fr);\n  align-items: center;\n  gap: clamp(50px, 8vw, 110px);\n  margin-top: 90px;\n  padding: clamp(35px, 5vw, 68px);\n  border: 1px solid rgba(204,153,51,.23);\n  background: rgba(255,255,255,.035);\n  box-shadow: 0 35px 90px rgba(0,0,0,.27);\n  backdrop-filter: blur(10px);\n}\n\n.atblib-citizen__visual {\n  position: relative;\n  min-height: 600px;\n  perspective: 1200px;\n}\n\n.atblib-citizen__stage-light {\n  position: absolute;\n  width: 430px;\n  height: 430px;\n  top: 50%;\n  left: 50%;\n  border-radius: 50%;\n  background:\n    radial-gradient(circle, rgba(204,153,51,.24), rgba(204,153,51,0) 68%);\n  transform: translate(-50%, -50%);\n  filter: blur(8px);\n}\n\n.atblib-citizen__book {\n  position: absolute;\n  margin: 0;\n  overflow: hidden;\n  border-radius: 2px 5px 5px 2px;\n  background: #CCCCCC;\n  box-shadow: 0 35px 70px rgba(0,0,0,.45);\n  transform-style: preserve-3d;\n  transition:\n    transform .6s cubic-bezier(.2,.8,.2,1),\n    box-shadow .6s ease;\n}\n\n.atblib-citizen__book img {\n  width: 100%;\n  height: 100%;\n  display: block;\n  object-fit: cover;\n}\n\n.atblib-citizen__book::after {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  box-shadow:\n    inset 12px 0 16px rgba(0,0,0,.25),\n    inset -2px 0 2px rgba(255,255,255,.15);\n}\n\n.atblib-citizen__spine {\n  position: absolute;\n  z-index: 3;\n  width: 8px;\n  top: 2px;\n  bottom: 2px;\n  left: 0;\n  background:\n    linear-gradient(90deg, rgba(0,0,0,.55), rgba(255,255,255,.15), rgba(0,0,0,.2));\n}\n\n.atblib-citizen__book--center {\n  z-index: 4;\n  width: 270px;\n  height: 390px;\n  top: 95px;\n  left: 50%;\n  transform: translateX(-50%) rotateY(-4deg);\n}\n\n.atblib-citizen__book--left {\n  z-index: 2;\n  width: 205px;\n  height: 295px;\n  top: 145px;\n  left: 3%;\n  transform: rotateY(10deg) rotateZ(-9deg);\n}\n\n.atblib-citizen__book--right {\n  z-index: 2;\n  width: 205px;\n  height: 295px;\n  top: 150px;\n  right: 3%;\n  transform: rotateY(-10deg) rotateZ(9deg);\n}\n\n.atblib-citizen__book:hover {\n  box-shadow: 0 50px 90px rgba(0,0,0,.56);\n  transform: translateY(-10px);\n}\n\n.atblib-citizen__book--center:hover {\n  transform: translateX(-50%) translateY(-12px) rotateY(0);\n}\n\n.atblib-citizen__visual-caption {\n  position: absolute;\n  bottom: 10px;\n  left: 50%;\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  width: max-content;\n  max-width: 100%;\n  color: rgba(255,255,255,.6);\n  font-size: 9px;\n  font-weight: 700;\n  letter-spacing: .11em;\n  text-transform: uppercase;\n  transform: translateX(-50%);\n}\n\n.atblib-citizen__visual-caption span {\n  width: 36px;\n  height: 1px;\n  background: var(--atblib-gold);\n}\n\n.atblib-citizen__eyebrow {\n  color: var(--atblib-gold-light);\n  font-size: 10px;\n  font-weight: 700;\n  letter-spacing: .11em;\n  text-transform: uppercase;\n}\n\n.atblib-citizen__content h3 {\n  margin: 20px 0 0;\n  color: #FFFFFF;\n  font-family: \"Fraunces\", serif;\n  font-size: clamp(42px, 5vw, 65px);\n  font-weight: 600;\n  line-height: 1.02;\n  letter-spacing: -.035em;\n}\n\n.atblib-citizen__content h3 span {\n  display: block;\n  margin-top: 9px;\n  color: var(--atblib-gold-light);\n  font-style: italic;\n  font-weight: 500;\n}\n\n.atblib-citizen__content > p {\n  margin: 27px 0 0;\n  color: rgba(255,255,255,.7);\n  font-size: 15px;\n  line-height: 1.8;\n}\n\n.atblib-citizen__titles {\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n  gap: 0 25px;\n  margin-top: 32px;\n  border-top: 1px solid rgba(255,255,255,.1);\n}\n\n.atblib-citizen__title-item {\n  display: grid;\n  grid-template-columns: auto 1fr;\n  align-items: center;\n  gap: 13px;\n  min-height: 61px;\n  border-bottom: 1px solid rgba(255,255,255,.1);\n}\n\n.atblib-citizen__title-item span {\n  color: var(--atblib-gold);\n  font-family: \"Fraunces\", serif;\n  font-size: 19px;\n}\n\n.atblib-citizen__title-item strong {\n  color: #FFFFFF;\n  font-size: 12px;\n  font-weight: 600;\n}\n\n.atblib-citizen__button {\n  min-height: 55px;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 14px;\n  margin-top: 34px;\n  padding: 15px 24px;\n  color: #2B101B !important;\n  background: var(--atblib-gold);\n  box-shadow: 0 14px 32px rgba(204,153,51,.18);\n  font-size: 12px;\n  font-weight: 700;\n  text-decoration: none !important;\n  transition:\n    transform .35s ease,\n    background-color .35s ease;\n}\n\n.atblib-citizen__button svg {\n  width: 18px;\n  height: 18px;\n  fill: none;\n  stroke: currentColor;\n  stroke-width: 1.7;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n  transition: transform .35s ease;\n}\n\n.atblib-citizen__button:hover {\n  color: #2B101B !important;\n  background: #D8AA4C;\n  transform: translateY(-3px);\n}\n\n.atblib-citizen__button:hover svg {\n  transform: translateX(4px);\n}\n\n\n\/* AUDIENCES *\/\n\n.atblib-citizen__audiences {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  gap: 20px;\n  margin-top: 44px;\n}\n\n.atblib-audience {\n  position: relative;\n  min-height: 300px;\n  padding: 34px 30px;\n  overflow: hidden;\n  border: 1px solid rgba(255,255,255,.1);\n  background: rgba(255,255,255,.035);\n  transition:\n    transform .4s ease,\n    border-color .4s ease,\n    background-color .4s ease;\n}\n\n.atblib-audience:hover {\n  border-color: rgba(204,153,51,.4);\n  background: rgba(255,255,255,.06);\n  transform: translateY(-7px);\n}\n\n.atblib-audience__icon {\n  width: 53px;\n  height: 53px;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border: 1px solid rgba(204,153,51,.4);\n  border-radius: 50%;\n  color: var(--atblib-gold-light);\n}\n\n.atblib-audience__icon svg {\n  width: 24px;\n  height: 24px;\n  fill: none;\n  stroke: currentColor;\n  stroke-width: 1.45;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n.atblib-audience > span {\n  position: absolute;\n  top: 28px;\n  right: 27px;\n  color: rgba(255,255,255,.12);\n  font-family: \"Fraunces\", serif;\n  font-size: 39px;\n}\n\n.atblib-audience h4 {\n  margin: 42px 0 13px;\n  color: #FFFFFF;\n  font-family: \"Fraunces\", serif;\n  font-size: 28px;\n  font-weight: 600;\n}\n\n.atblib-audience p {\n  margin: 0;\n  color: rgba(255,255,255,.6);\n  font-size: 13px;\n  line-height: 1.72;\n}\n\n\n\/* =========================================================\n   RESSOURCES\n========================================================= *\/\n\n.atblib-resources {\n  --atblib-bordeaux: #60052D;\n  --atblib-gold: #CC9933;\n  --atblib-cream: #F7F0E5;\n  --atblib-cream-light: #FFFDF8;\n  --atblib-ink: #29171F;\n  --atblib-muted: #735F67;\n  --atblib-border: rgba(96,5,45,.13);\n\n  position: relative;\n  overflow: hidden;\n  padding: 125px 0;\n  color: var(--atblib-ink);\n  background:\n    radial-gradient(circle at 85% 15%, rgba(204,153,51,.09), transparent 28%),\n    linear-gradient(180deg, #FFFDF8 0%, #F7F0E5 100%);\n  font-family: \"Archivo\", sans-serif;\n}\n\n.atblib-resources *,\n.atblib-resources *::before,\n.atblib-resources *::after {\n  box-sizing: border-box;\n}\n\n.atblib-resources__container {\n  position: relative;\n  z-index: 3;\n  width: min(1240px, calc(100% - 48px));\n  margin-inline: auto;\n}\n\n.atblib-resources__texture {\n  position: absolute;\n  inset: 0;\n  z-index: 1;\n  opacity: .035;\n  pointer-events: none;\n  background-image:\n    url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'\/%3E%3C\/svg%3E\");\n}\n\n.atblib-resources__watermark {\n  position: absolute;\n  z-index: 0;\n  top: 45px;\n  right: -30px;\n  color: rgba(96,5,45,.035);\n  font-family: \"Fraunces\", serif;\n  font-size: clamp(85px, 12vw, 175px);\n  font-weight: 600;\n  white-space: nowrap;\n  pointer-events: none;\n}\n\n.atblib-resources__label {\n  color: var(--atblib-bordeaux);\n}\n\n.atblib-resources__label span:first-child {\n  border: 1px solid rgba(96,5,45,.2);\n  color: var(--atblib-gold);\n  background: rgba(255,255,255,.5);\n}\n\n.atblib-resources__heading-grid h2 {\n  margin: 0;\n  color: var(--atblib-bordeaux);\n  font-family: \"Fraunces\", serif;\n  font-size: clamp(48px, 6vw, 80px);\n  font-weight: 600;\n  line-height: .98;\n  letter-spacing: -.045em;\n}\n\n.atblib-resources__heading-grid h2 span {\n  display: block;\n  margin-top: 10px;\n  color: var(--atblib-gold);\n  font-style: italic;\n  font-weight: 500;\n}\n\n.atblib-resources__intro {\n  padding-left: 34px;\n  border-left: 1px solid rgba(204,153,51,.5);\n}\n\n.atblib-resources__intro p {\n  margin: 0;\n  color: var(--atblib-muted);\n  font-size: 15px;\n  line-height: 1.82;\n}\n\n.atblib-resources__intro p + p {\n  margin-top: 16px;\n}\n\n\n\/* CARDS *\/\n\n.atblib-resources__grid {\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n  gap: 24px;\n  margin-top: 78px;\n}\n\n.atblib-resource-card {\n  min-height: 445px;\n  display: flex;\n  flex-direction: column;\n  padding: 36px 34px 30px;\n  border: 1px solid var(--atblib-border);\n  background: rgba(255,255,255,.82);\n  box-shadow: 0 20px 55px rgba(42,18,28,.07);\n  transition:\n    transform .42s ease,\n    box-shadow .42s ease,\n    border-color .42s ease;\n}\n\n.atblib-resource-card:hover {\n  border-color: rgba(204,153,51,.5);\n  box-shadow: 0 30px 70px rgba(42,18,28,.13);\n  transform: translateY(-8px);\n}\n\n.atblib-resource-card--featured {\n  color: #FFFFFF;\n  border-color: rgba(204,153,51,.28);\n  background:\n    radial-gradient(circle at 80% 20%, rgba(204,153,51,.14), transparent 28%),\n    linear-gradient(145deg, #60052D, #2E0015);\n}\n\n.atblib-resource-card__top {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n\n.atblib-resource-card__icon {\n  width: 58px;\n  height: 58px;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border: 1px solid rgba(204,153,51,.4);\n  border-radius: 50%;\n  color: var(--atblib-gold);\n  background: rgba(204,153,51,.06);\n}\n\n.atblib-resource-card__icon svg {\n  width: 26px;\n  height: 26px;\n  fill: none;\n  stroke: currentColor;\n  stroke-width: 1.45;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n.atblib-resource-card__number {\n  color: rgba(96,5,45,.12);\n  font-family: \"Fraunces\", serif;\n  font-size: 45px;\n}\n\n.atblib-resource-card--featured .atblib-resource-card__number {\n  color: rgba(255,255,255,.12);\n}\n\n.atblib-resource-card__meta {\n  margin-top: 30px;\n  color: var(--atblib-gold);\n  font-size: 9px;\n  font-weight: 700;\n  letter-spacing: .11em;\n  text-transform: uppercase;\n}\n\n.atblib-resource-card h3 {\n  margin: 13px 0 0;\n  color: var(--atblib-bordeaux);\n  font-family: \"Fraunces\", serif;\n  font-size: 36px;\n  font-weight: 600;\n}\n\n.atblib-resource-card--featured h3 {\n  color: #FFFFFF;\n}\n\n.atblib-resource-card > p {\n  margin: 17px 0 0;\n  color: var(--atblib-muted);\n  font-size: 14px;\n  line-height: 1.75;\n}\n\n.atblib-resource-card--featured > p {\n  color: rgba(255,255,255,.68);\n}\n\n.atblib-resource-card__featured {\n  margin-top: 24px;\n  padding: 18px 20px;\n  border-left: 2px solid var(--atblib-gold);\n  background: rgba(204,153,51,.07);\n}\n\n.atblib-resource-card--featured .atblib-resource-card__featured {\n  background: rgba(255,255,255,.05);\n}\n\n.atblib-resource-card__featured span {\n  display: block;\n  margin-bottom: 6px;\n  color: var(--atblib-gold);\n  font-size: 8px;\n  font-weight: 700;\n  letter-spacing: .1em;\n  text-transform: uppercase;\n}\n\n.atblib-resource-card__featured strong {\n  color: var(--atblib-ink);\n  font-family: \"Fraunces\", serif;\n  font-size: 19px;\n  font-weight: 600;\n}\n\n.atblib-resource-card--featured .atblib-resource-card__featured strong {\n  color: #FFFFFF;\n}\n\n.atblib-resource-card > a {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 15px;\n  margin-top: auto;\n  padding-top: 25px;\n  border-top: 1px solid rgba(96,5,45,.09);\n  color: var(--atblib-bordeaux) !important;\n  font-size: 11px;\n  font-weight: 700;\n  text-decoration: none !important;\n}\n\n.atblib-resource-card--featured > a {\n  color: #FFFFFF !important;\n  border-top-color: rgba(255,255,255,.12);\n}\n\n.atblib-resource-card > a svg {\n  width: 18px;\n  height: 18px;\n  fill: none;\n  stroke: var(--atblib-gold);\n  stroke-width: 1.7;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n  transition: transform .35s ease;\n}\n\n.atblib-resource-card > a:hover svg {\n  transform: translateX(5px);\n}\n\n\n\/* FUTURE *\/\n\n.atblib-resources__future {\n  display: grid;\n  grid-template-columns: auto minmax(0,1fr) auto;\n  align-items: center;\n  gap: 28px;\n  margin-top: 42px;\n  padding: 30px 34px;\n  border: 1px solid rgba(204,153,51,.3);\n  background: rgba(255,255,255,.68);\n}\n\n.atblib-resources__future-icon {\n  width: 58px;\n  height: 58px;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border: 1px solid rgba(204,153,51,.4);\n  border-radius: 50%;\n  color: var(--atblib-gold);\n}\n\n.atblib-resources__future-icon svg {\n  width: 26px;\n  height: 26px;\n  fill: none;\n  stroke: currentColor;\n  stroke-width: 1.45;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n.atblib-resources__future-content span {\n  display: block;\n  margin-bottom: 7px;\n  color: var(--atblib-bordeaux);\n  font-family: \"Fraunces\", serif;\n  font-size: 24px;\n  font-weight: 600;\n}\n\n.atblib-resources__future-content p {\n  max-width: 760px;\n  margin: 0;\n  color: var(--atblib-muted);\n  font-size: 13px;\n  line-height: 1.7;\n}\n\n.atblib-resources__future-link {\n  display: inline-flex;\n  align-items: center;\n  gap: 12px;\n  color: var(--atblib-bordeaux) !important;\n  font-size: 11px;\n  font-weight: 700;\n  text-decoration: none !important;\n  white-space: nowrap;\n}\n\n.atblib-resources__future-link svg {\n  width: 18px;\n  height: 18px;\n  fill: none;\n  stroke: var(--atblib-gold);\n  stroke-width: 1.7;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n  transition: transform .35s ease;\n}\n\n.atblib-resources__future-link:hover svg {\n  transform: translateX(5px);\n}\n\n\n\/* ANIMATIONS *\/\n\n.atblib-citizen-reveal,\n.atblib-resource-reveal {\n  opacity: 1;\n  transform: none;\n}\n\n.atblib-citizen-js .atblib-citizen-reveal,\n.atblib-resource-js .atblib-resource-reveal {\n  opacity: 0;\n  transform: translateY(30px);\n  transition:\n    opacity .8s ease,\n    transform .8s cubic-bezier(.22,.61,.36,1);\n}\n\n.atblib-citizen-js .atblib-citizen-reveal.atblib-citizen-visible,\n.atblib-resource-js .atblib-resource-reveal.atblib-resource-visible {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n\n\/* TABLETTE *\/\n\n@media (max-width: 1100px) {\n\n  .atblib-citizen__heading-grid,\n  .atblib-citizen__feature,\n  .atblib-resources__heading-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .atblib-citizen__visual {\n    width: min(620px, 100%);\n    margin-inline: auto;\n  }\n\n  .atblib-resources__future {\n    grid-template-columns: auto 1fr;\n  }\n\n  .atblib-resources__future-link {\n    grid-column: 2;\n    justify-self: start;\n  }\n\n}\n\n\n\/* MOBILE *\/\n\n@media (max-width: 767px) {\n\n  .atblib-citizen,\n  .atblib-resources {\n    padding: 90px 0;\n  }\n\n  .atblib-citizen__container,\n  .atblib-resources__container {\n    width: min(100% - 30px, 1240px);\n  }\n\n  .atblib-citizen__intro,\n  .atblib-resources__intro {\n    padding-left: 0;\n    border-left: 0;\n  }\n\n  .atblib-citizen__intro::before,\n  .atblib-resources__intro::before {\n    content: \"\";\n    width: 52px;\n    height: 1px;\n    display: block;\n    margin-bottom: 23px;\n    background: var(--atblib-gold);\n  }\n\n  .atblib-citizen__feature {\n    margin-top: 60px;\n    padding: 24px 20px 32px;\n  }\n\n  .atblib-citizen__visual {\n    min-height: 440px;\n  }\n\n  .atblib-citizen__book--center {\n    width: 205px;\n    height: 296px;\n    top: 72px;\n  }\n\n  .atblib-citizen__book--left,\n  .atblib-citizen__book--right {\n    width: 140px;\n    height: 202px;\n    top: 115px;\n  }\n\n  .atblib-citizen__titles {\n    grid-template-columns: 1fr;\n  }\n\n  .atblib-citizen__button {\n    width: 100%;\n  }\n\n  .atblib-citizen__audiences,\n  .atblib-resources__grid {\n    grid-template-columns: 1fr;\n  }\n\n  .atblib-audience {\n    min-height: 270px;\n  }\n\n  .atblib-resource-card {\n    min-height: 420px;\n    padding: 30px 25px 27px;\n  }\n\n  .atblib-resources__future {\n    grid-template-columns: 1fr;\n    gap: 18px;\n    padding: 27px 24px;\n  }\n\n  .atblib-resources__future-link {\n    grid-column: auto;\n  }\n\n}\n\n\n\/* PETITS MOBILES *\/\n\n@media (max-width: 390px) {\n\n  .atblib-citizen__book--center {\n    width: 185px;\n    height: 267px;\n  }\n\n  .atblib-citizen__book--left,\n  .atblib-citizen__book--right {\n    width: 122px;\n    height: 176px;\n  }\n\n}\n\n\n\/* ACCESSIBILIT\u00c9 *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n  .atblib-citizen__book,\n  .atblib-audience,\n  .atblib-resource-card,\n  .atblib-citizen-reveal,\n  .atblib-resource-reveal {\n    transition: none !important;\n  }\n\n}\n<\/style>\n\n\n<script>\n(function () {\n  \"use strict\";\n\n  function setupReveal(sectionSelector, itemSelector, rootClass, visibleClass) {\n\n    const section = document.querySelector(sectionSelector);\n\n    if (!section) return;\n\n    document.documentElement.classList.add(rootClass);\n\n    const items = section.querySelectorAll(itemSelector);\n\n    if (\"IntersectionObserver\" in window) {\n\n      const observer = new IntersectionObserver(\n        function (entries, obs) {\n\n          entries.forEach(function (entry) {\n\n            if (entry.isIntersecting) {\n              entry.target.classList.add(visibleClass);\n              obs.unobserve(entry.target);\n            }\n\n          });\n\n        },\n        {\n          threshold: 0.08,\n          rootMargin: \"0px 0px -30px 0px\"\n        }\n      );\n\n      items.forEach(function (item, index) {\n        item.style.transitionDelay = Math.min(index * 70, 300) + \"ms\";\n        observer.observe(item);\n      });\n\n    } else {\n\n      items.forEach(function (item) {\n        item.classList.add(visibleClass);\n      });\n\n    }\n  }\n\n  setupReveal(\n    \".atblib-citizen\",\n    \".atblib-citizen-reveal\",\n    \"atblib-citizen-js\",\n    \"atblib-citizen-visible\"\n  );\n\n  setupReveal(\n    \".atblib-resources\",\n    \".atblib-resource-reveal\",\n    \"atblib-resource-js\",\n    \"atblib-resource-visible\"\n  );\n\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-8b195e3 e-con e-atomic-element e-flexbox-base e-d037a92 \" data-id=\"8b195e3\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"8b195e3\" data-e-type=\"e-flexbox\" data-id=\"8b195e3\">\n    \t\t<div class=\"elementor-element elementor-element-07117b0 elementor-widget elementor-widget-html\" data-id=\"07117b0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\n     ATB \u2014 LIBRAIRIE DE L'IMPACT\n     BLOC 6 : COMMANDER UN OUVRAGE + CTA FINAL\n========================================================= -->\n\n<section class=\"atblib-order\" id=\"commander\">\n\n  <div class=\"atblib-order__texture\" aria-hidden=\"true\"><\/div>\n  <div class=\"atblib-order__watermark\" aria-hidden=\"true\">\n    Choisir \u2022 Contacter \u2022 Recevoir\n  <\/div>\n\n  <div class=\"atblib-order__container\">\n\n    <!-- EN-T\u00caTE -->\n    <div class=\"atblib-order__header atblib-order-reveal\">\n\n      <div class=\"atblib-order__label\">\n        <span>07<\/span>\n        <span>Commander une publication<\/span>\n      <\/div>\n\n      <div class=\"atblib-order__heading-grid\">\n\n        <div>\n          <h2>\n            Commander simplement\n            <span>un ouvrage<\/span>\n          <\/h2>\n        <\/div>\n\n        <div class=\"atblib-order__intro\">\n\n          <p>\n            La commande se fait actuellement de mani\u00e8re personnalis\u00e9e\n            afin de v\u00e9rifier la disponibilit\u00e9 de chaque publication,\n            le format souhait\u00e9 et le mode de remise.\n          <\/p>\n\n          <p>\n            L\u2019\u00e9quipe de l\u2019ATB accompagne chaque demande avec simplicit\u00e9,\n            depuis le choix de l\u2019ouvrage jusqu\u2019au retrait ou \u00e0 la livraison.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n\n    <!-- PARCOURS DE COMMANDE -->\n    <div class=\"atblib-order__journey\">\n\n      <div class=\"atblib-order__line\" aria-hidden=\"true\"><\/div>\n\n      <!-- \u00c9TAPE 1 -->\n      <article class=\"atblib-order-step atblib-order-reveal\">\n\n        <div class=\"atblib-order-step__number\">\n          01\n        <\/div>\n\n        <div class=\"atblib-order-step__icon\">\n\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <path d=\"M4 5.5A2.5 2.5 0 0 1 6.5 3H11v16H6.5A2.5 2.5 0 0 0 4 21.5v-16Z\"\/>\n            <path d=\"M20 5.5A2.5 2.5 0 0 0 17.5 3H13v16h4.5a2.5 2.5 0 0 1 2.5 2.5v-16Z\"\/>\n          <\/svg>\n\n        <\/div>\n\n        <h3>Choisir<\/h3>\n\n        <p>\n          Identifie la revue, le recueil ou l\u2019ouvrage qui t\u2019int\u00e9resse\n          dans les diff\u00e9rentes collections.\n        <\/p>\n\n      <\/article>\n\n\n      <!-- \u00c9TAPE 2 -->\n      <article class=\"atblib-order-step atblib-order-reveal\">\n\n        <div class=\"atblib-order-step__number\">\n          02\n        <\/div>\n\n        <div class=\"atblib-order-step__icon\">\n\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <path d=\"M21 11.5a8.38 8.38 0 0 1-.9 3.8A8.5 8.5 0 0 1 12.5 20a8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7A8.38 8.38 0 0 1 4 11.5a8.5 8.5 0 0 1 17 0Z\"\/>\n            <path d=\"M9 10.5c.6 1.5 1.8 2.7 3.3 3.3\"\/>\n          <\/svg>\n\n        <\/div>\n\n        <h3>Contacter l\u2019ATB<\/h3>\n\n        <p>\n          Envoie directement ta demande par WhatsApp ou utilise\n          le formulaire de contact du site.\n        <\/p>\n\n      <\/article>\n\n\n      <!-- \u00c9TAPE 3 -->\n      <article class=\"atblib-order-step atblib-order-reveal\">\n\n        <div class=\"atblib-order-step__number\">\n          03\n        <\/div>\n\n        <div class=\"atblib-order-step__icon\">\n\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <path d=\"M4 12.5 9 17l11-11\"\/>\n          <\/svg>\n\n        <\/div>\n\n        <h3>Confirmer<\/h3>\n\n        <p>\n          L\u2019\u00e9quipe confirme la disponibilit\u00e9, le format, le tarif\n          et les modalit\u00e9s de remise.\n        <\/p>\n\n      <\/article>\n\n\n      <!-- \u00c9TAPE 4 -->\n      <article class=\"atblib-order-step atblib-order-reveal\">\n\n        <div class=\"atblib-order-step__number\">\n          04\n        <\/div>\n\n        <div class=\"atblib-order-step__icon\">\n\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"1\"\/>\n            <path d=\"M3 9h18M7 15h3\"\/>\n          <\/svg>\n\n        <\/div>\n\n        <h3>R\u00e9gler<\/h3>\n\n        <p>\n          Le mode de paiement appropri\u00e9 est communiqu\u00e9 lors\n          de la confirmation de la commande.\n        <\/p>\n\n      <\/article>\n\n\n      <!-- \u00c9TAPE 5 -->\n      <article class=\"atblib-order-step atblib-order-reveal\">\n\n        <div class=\"atblib-order-step__number\">\n          05\n        <\/div>\n\n        <div class=\"atblib-order-step__icon\">\n\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <path d=\"M3 7h12v10H3z\"\/>\n            <path d=\"M15 10h4l2 3v4h-6z\"\/>\n            <circle cx=\"7\" cy=\"18\" r=\"2\"\/>\n            <circle cx=\"18\" cy=\"18\" r=\"2\"\/>\n          <\/svg>\n\n        <\/div>\n\n        <h3>Recevoir<\/h3>\n\n        <p>\n          Retire ta publication \u00e0 l\u2019Espace ATB ou conviens\n          d\u2019un mode de livraison avec l\u2019\u00e9quipe.\n        <\/p>\n\n      <\/article>\n\n    <\/div>\n\n\n    <!-- BLOC CONTACT -->\n    <div class=\"atblib-order__contact atblib-order-reveal\">\n\n      <div class=\"atblib-order__contact-icon\">\n\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n          <path d=\"M21 11.5a8.38 8.38 0 0 1-.9 3.8A8.5 8.5 0 0 1 12.5 20a8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7A8.38 8.38 0 0 1 4 11.5a8.5 8.5 0 0 1 17 0Z\"\/>\n          <path d=\"M9 10.5c.6 1.5 1.8 2.7 3.3 3.3\"\/>\n        <\/svg>\n\n      <\/div>\n\n      <div class=\"atblib-order__contact-content\">\n\n        <span>Commande personnalis\u00e9e<\/span>\n\n        <h3>\n          \u00c9change directement avec la librairie\n        <\/h3>\n\n        <p>\n          Indique simplement le titre de la publication souhait\u00e9e.\n          L\u2019\u00e9quipe de l\u2019ATB te r\u00e9pondra avec les informations disponibles.\n        <\/p>\n\n      <\/div>\n\n      <div class=\"atblib-order__contact-actions\">\n\n        <a href=\"https:\/\/wa.me\/22670206395?text=Bonjour%20ATB,%20je%20souhaite%20commander%20une%20publication%20de%20la%20Librairie%20de%20l%27Impact.\" class=\"atblib-order-btn atblib-order-btn--whatsapp\" target=\"_blank\" rel=\"noopener noreferrer\">\n          <span>Commander sur WhatsApp<\/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\n          href=\"\/contact\"\n          class=\"atblib-order-btn atblib-order-btn--outline\"\n        >\n          <span>Utiliser le formulaire<\/span>\n\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <path d=\"M5 12h14M13 6l6 6-6 6\"\/>\n          <\/svg>\n        <\/a>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<!-- =========================================================\n     CTA FINAL\n========================================================= -->\n\n<section class=\"atblib-final\">\n\n  <div class=\"atblib-final__background\" aria-hidden=\"true\"><\/div>\n  <div class=\"atblib-final__overlay\" aria-hidden=\"true\"><\/div>\n  <div class=\"atblib-final__grain\" aria-hidden=\"true\"><\/div>\n\n  <div class=\"atblib-final__container\">\n\n    <div class=\"atblib-final__content atblib-final-reveal\">\n\n      <div class=\"atblib-final__label\">\n        Une m\u00e9moire \u00e0 faire vivre\n      <\/div>\n\n      <h2>\n        La connaissance se partage.\n        <span>Le th\u00e9\u00e2tre se transmet.<\/span>\n      <\/h2>\n\n      <p>\n        En consultant, en commandant ou en faisant conna\u00eetre les publications\n        de l\u2019ATB, tu participes \u00e0 la pr\u00e9servation d\u2019un patrimoine th\u00e9\u00e2tral\n        africain et \u00e0 sa transmission aux g\u00e9n\u00e9rations futures.\n      <\/p>\n\n      <div class=\"atblib-final__actions\">\n\n        <a\n          href=\"#ouvrages\"\n          class=\"atblib-final-btn atblib-final-btn--gold\"\n        >\n          <span>D\u00e9couvrir toute la collection<\/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=\"https:\/\/wa.me\/22670206395?text=Bonjour%20ATB,%20je%20souhaite%20%C3%A9changer%20avec%20la%20Librairie%20de%20l%27Impact.\" class=\"atblib-final-btn atblib-final-btn--outline\" target=\"_blank\" rel=\"noopener noreferrer\">\n          <span>Contacter la librairie<\/span>\n\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <path d=\"M5 12h14M13 6l6 6-6 6\"\/>\n          <\/svg>\n        <\/a>\n\n      <\/div>\n\n      <div class=\"atblib-final__signature\">\n\n        <span><\/span>\n\n        <p>\n          Atelier Th\u00e9\u00e2tre Burkinab\u00e8 \u2014 \u00c9ditions, recherche et m\u00e9moire\n          du th\u00e9\u00e2tre citoyen\n        <\/p>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<style>\n\/* =========================================================\n   COMMANDER UN OUVRAGE\n========================================================= *\/\n\n.atblib-order {\n  --atblib-bordeaux: #60052D;\n  --atblib-bordeaux-dark: #330017;\n  --atblib-gold: #CC9933;\n  --atblib-gold-light: #E2BC68;\n  --atblib-cream: #F7F0E5;\n  --atblib-cream-light: #FFFDF8;\n  --atblib-ink: #29171F;\n  --atblib-muted: #735F67;\n  --atblib-border: rgba(96, 5, 45, .13);\n\n  position: relative;\n  overflow: hidden;\n  padding: 125px 0;\n  color: var(--atblib-ink);\n  background:\n    radial-gradient(circle at 15% 20%, rgba(204,153,51,.08), transparent 28%),\n    linear-gradient(180deg, #FFFDF8 0%, #F7F0E5 100%);\n  font-family: \"Archivo\", sans-serif;\n}\n\n.atblib-order *,\n.atblib-order *::before,\n.atblib-order *::after,\n.atblib-final *,\n.atblib-final *::before,\n.atblib-final *::after {\n  box-sizing: border-box;\n}\n\n.atblib-order__container,\n.atblib-final__container {\n  position: relative;\n  z-index: 3;\n  width: min(1240px, calc(100% - 48px));\n  margin-inline: auto;\n}\n\n.atblib-order__texture {\n  position: absolute;\n  inset: 0;\n  z-index: 1;\n  opacity: .035;\n  pointer-events: none;\n  background-image:\n    url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'\/%3E%3C\/svg%3E\");\n}\n\n.atblib-order__watermark {\n  position: absolute;\n  z-index: 0;\n  top: 55px;\n  left: 50%;\n  width: 100%;\n  color: rgba(96, 5, 45, .035);\n  font-family: \"Fraunces\", serif;\n  font-size: clamp(72px, 10vw, 150px);\n  font-weight: 600;\n  line-height: 1;\n  text-align: center;\n  white-space: nowrap;\n  transform: translateX(-50%);\n  pointer-events: none;\n}\n\n\n\/* EN-T\u00caTE *\/\n\n.atblib-order__label {\n  display: flex;\n  align-items: center;\n  gap: 14px;\n  margin-bottom: 25px;\n  color: var(--atblib-bordeaux);\n  font-size: 11px;\n  font-weight: 700;\n  letter-spacing: .13em;\n  text-transform: uppercase;\n}\n\n.atblib-order__label span:first-child {\n  width: 40px;\n  height: 40px;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border: 1px solid rgba(96,5,45,.2);\n  border-radius: 50%;\n  color: var(--atblib-gold);\n  background: rgba(255,255,255,.5);\n}\n\n.atblib-order__heading-grid {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr) minmax(370px, .75fr);\n  align-items: end;\n  gap: clamp(50px, 8vw, 120px);\n}\n\n.atblib-order__heading-grid h2 {\n  margin: 0;\n  color: var(--atblib-bordeaux);\n  font-family: \"Fraunces\", serif;\n  font-size: clamp(48px, 6vw, 80px);\n  font-weight: 600;\n  line-height: .98;\n  letter-spacing: -.045em;\n}\n\n.atblib-order__heading-grid h2 span {\n  display: block;\n  margin-top: 10px;\n  color: var(--atblib-gold);\n  font-style: italic;\n  font-weight: 500;\n}\n\n.atblib-order__intro {\n  padding-left: 34px;\n  border-left: 1px solid rgba(204,153,51,.5);\n}\n\n.atblib-order__intro p {\n  margin: 0;\n  color: var(--atblib-muted);\n  font-size: 15px;\n  line-height: 1.82;\n}\n\n.atblib-order__intro p + p {\n  margin-top: 16px;\n}\n\n\n\/* PARCOURS *\/\n\n.atblib-order__journey {\n  position: relative;\n  display: grid;\n  grid-template-columns: repeat(5, minmax(0, 1fr));\n  gap: 18px;\n  margin-top: 82px;\n}\n\n.atblib-order__line {\n  position: absolute;\n  z-index: 0;\n  top: 44px;\n  right: 9%;\n  left: 9%;\n  height: 1px;\n  background:\n    linear-gradient(\n      90deg,\n      transparent,\n      rgba(204,153,51,.55),\n      rgba(204,153,51,.55),\n      transparent\n    );\n}\n\n.atblib-order-step {\n  position: relative;\n  z-index: 1;\n  min-height: 330px;\n  padding: 0 18px 30px;\n  text-align: center;\n}\n\n.atblib-order-step__number {\n  position: absolute;\n  top: -10px;\n  right: 10px;\n  color: rgba(96,5,45,.09);\n  font-family: \"Fraunces\", serif;\n  font-size: 55px;\n  font-weight: 600;\n}\n\n.atblib-order-step__icon {\n  position: relative;\n  z-index: 2;\n  width: 88px;\n  height: 88px;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border: 1px solid rgba(204,153,51,.55);\n  border-radius: 50%;\n  color: var(--atblib-gold);\n  background: var(--atblib-cream-light);\n  box-shadow:\n    0 0 0 10px rgba(247,240,229,.9),\n    0 15px 35px rgba(42,18,28,.08);\n  transition:\n    transform .4s ease,\n    background-color .4s ease,\n    color .4s ease;\n}\n\n.atblib-order-step:hover .atblib-order-step__icon {\n  color: #FFFFFF;\n  background: var(--atblib-bordeaux);\n  transform: translateY(-7px);\n}\n\n.atblib-order-step__icon svg {\n  width: 31px;\n  height: 31px;\n  fill: none;\n  stroke: currentColor;\n  stroke-width: 1.45;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n.atblib-order-step h3 {\n  margin: 38px 0 13px;\n  color: var(--atblib-bordeaux);\n  font-family: \"Fraunces\", serif;\n  font-size: 28px;\n  font-weight: 600;\n}\n\n.atblib-order-step p {\n  margin: 0;\n  color: var(--atblib-muted);\n  font-size: 13px;\n  line-height: 1.72;\n}\n\n\n\/* BLOC CONTACT *\/\n\n.atblib-order__contact {\n  display: grid;\n  grid-template-columns: auto minmax(0, 1fr) auto;\n  align-items: center;\n  gap: 30px;\n  margin-top: 45px;\n  padding: 36px 38px;\n  color: #FFFFFF;\n  border: 1px solid rgba(204,153,51,.3);\n  background:\n    radial-gradient(circle at 80% 20%, rgba(204,153,51,.13), transparent 28%),\n    linear-gradient(145deg, #60052D, #2D0014);\n  box-shadow: 0 28px 65px rgba(42,18,28,.18);\n}\n\n.atblib-order__contact-icon {\n  width: 72px;\n  height: 72px;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border: 1px solid rgba(204,153,51,.45);\n  border-radius: 50%;\n  color: var(--atblib-gold-light);\n  background: rgba(204,153,51,.06);\n}\n\n.atblib-order__contact-icon svg {\n  width: 32px;\n  height: 32px;\n  fill: none;\n  stroke: currentColor;\n  stroke-width: 1.45;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n.atblib-order__contact-content > span {\n  display: block;\n  margin-bottom: 8px;\n  color: var(--atblib-gold-light);\n  font-size: 9px;\n  font-weight: 700;\n  letter-spacing: .12em;\n  text-transform: uppercase;\n}\n\n.atblib-order__contact-content h3 {\n  margin: 0;\n  color: #FFFFFF;\n  font-family: \"Fraunces\", serif;\n  font-size: 31px;\n  font-weight: 600;\n}\n\n.atblib-order__contact-content p {\n  max-width: 650px;\n  margin: 10px 0 0;\n  color: rgba(255,255,255,.66);\n  font-size: 13px;\n  line-height: 1.7;\n}\n\n.atblib-order__contact-actions {\n  display: flex;\n  flex-direction: column;\n  gap: 11px;\n}\n\n.atblib-order-btn {\n  min-height: 50px;\n  display: inline-flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 18px;\n  padding: 13px 19px;\n  border: 1px solid transparent;\n  font-size: 11px;\n  font-weight: 700;\n  text-decoration: none !important;\n  white-space: nowrap;\n  transition:\n    transform .35s ease,\n    background-color .35s ease,\n    border-color .35s ease;\n}\n\n.atblib-order-btn svg {\n  width: 18px;\n  height: 18px;\n  fill: none;\n  stroke: currentColor;\n  stroke-width: 1.7;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n  transition: transform .35s ease;\n}\n\n.atblib-order-btn:hover {\n  transform: translateY(-3px);\n}\n\n.atblib-order-btn:hover svg {\n  transform: translateX(4px);\n}\n\n.atblib-order-btn--whatsapp {\n  color: #2B101B !important;\n  background: var(--atblib-gold);\n}\n\n.atblib-order-btn--whatsapp:hover {\n  color: #2B101B !important;\n  background: #D8AA4C;\n}\n\n.atblib-order-btn--outline {\n  color: #FFFFFF !important;\n  border-color: rgba(255,255,255,.24);\n  background: rgba(255,255,255,.03);\n}\n\n.atblib-order-btn--outline:hover {\n  color: #FFFFFF !important;\n  border-color: var(--atblib-gold);\n  background: rgba(204,153,51,.08);\n}\n\n\n\/* =========================================================\n   CTA FINAL\n========================================================= *\/\n\n.atblib-final {\n  --atblib-bordeaux: #60052D;\n  --atblib-gold: #CC9933;\n  --atblib-gold-light: #E3C06E;\n\n  position: relative;\n  min-height: 690px;\n  display: flex;\n  align-items: center;\n  overflow: hidden;\n  color: #FFFFFF;\n  background: #270010;\n  font-family: \"Archivo\", sans-serif;\n}\n\n.atblib-final__background {\n  position: absolute;\n  inset: 0;\n  z-index: 0;\n  background-image:\n    url(\"REMPLACER-IMAGE-CTA-FINAL\");\n  background-position: center;\n  background-size: cover;\n  transform: scale(1.04);\n}\n\n.atblib-final__overlay {\n  position: absolute;\n  inset: 0;\n  z-index: 1;\n  background:\n    linear-gradient(\n      90deg,\n      rgba(24,0,9,.95) 0%,\n      rgba(55,0,24,.9) 48%,\n      rgba(96,5,45,.78) 100%\n    );\n}\n\n.atblib-final__grain {\n  position: absolute;\n  inset: 0;\n  z-index: 2;\n  opacity: .08;\n  pointer-events: none;\n  background-image:\n    url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'\/%3E%3C\/svg%3E\");\n}\n\n.atblib-final__container {\n  padding-top: 100px;\n  padding-bottom: 100px;\n}\n\n.atblib-final__content {\n  max-width: 930px;\n}\n\n.atblib-final__label {\n  display: inline-flex;\n  align-items: center;\n  gap: 14px;\n  color: var(--atblib-gold-light);\n  font-size: 10px;\n  font-weight: 700;\n  letter-spacing: .14em;\n  text-transform: uppercase;\n}\n\n.atblib-final__label::before {\n  content: \"\";\n  width: 52px;\n  height: 1px;\n  background: var(--atblib-gold);\n}\n\n.atblib-final h2 {\n  margin: 28px 0 0;\n  color: #FFFFFF;\n  font-family: \"Fraunces\", serif;\n  font-size: clamp(53px, 7vw, 94px);\n  font-weight: 600;\n  line-height: .98;\n  letter-spacing: -.045em;\n}\n\n.atblib-final h2 span {\n  display: block;\n  margin-top: 12px;\n  color: var(--atblib-gold-light);\n  font-style: italic;\n  font-weight: 500;\n}\n\n.atblib-final__content > p {\n  max-width: 780px;\n  margin: 32px 0 0;\n  color: rgba(255,255,255,.75);\n  font-size: 16px;\n  line-height: 1.82;\n}\n\n.atblib-final__actions {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 14px;\n  margin-top: 38px;\n}\n\n.atblib-final-btn {\n  min-height: 56px;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 14px;\n  padding: 15px 25px;\n  border: 1px solid transparent;\n  font-size: 12px;\n  font-weight: 700;\n  text-decoration: none !important;\n  transition:\n    transform .35s ease,\n    background-color .35s ease,\n    border-color .35s ease;\n}\n\n.atblib-final-btn svg {\n  width: 19px;\n  height: 19px;\n  fill: none;\n  stroke: currentColor;\n  stroke-width: 1.7;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n  transition: transform .35s ease;\n}\n\n.atblib-final-btn:hover {\n  transform: translateY(-3px);\n}\n\n.atblib-final-btn:hover svg {\n  transform: translateX(4px);\n}\n\n.atblib-final-btn--gold {\n  color: #2B101B !important;\n  background: var(--atblib-gold);\n}\n\n.atblib-final-btn--gold:hover {\n  color: #2B101B !important;\n  background: #D8AA4C;\n}\n\n.atblib-final-btn--outline {\n  color: #FFFFFF !important;\n  border-color: rgba(255,255,255,.28);\n  background: rgba(255,255,255,.04);\n}\n\n.atblib-final-btn--outline:hover {\n  color: #FFFFFF !important;\n  border-color: var(--atblib-gold);\n  background: rgba(204,153,51,.09);\n}\n\n.atblib-final__signature {\n  display: flex;\n  align-items: center;\n  gap: 15px;\n  margin-top: 48px;\n}\n\n.atblib-final__signature span {\n  width: 45px;\n  height: 1px;\n  background: var(--atblib-gold);\n}\n\n.atblib-final__signature p {\n  margin: 0;\n  color: rgba(255,255,255,.53);\n  font-size: 9px;\n  font-weight: 700;\n  line-height: 1.6;\n  letter-spacing: .1em;\n  text-transform: uppercase;\n}\n\n\n\/* ANIMATIONS *\/\n\n.atblib-order-reveal,\n.atblib-final-reveal {\n  opacity: 1;\n  transform: none;\n}\n\n.atblib-order-js .atblib-order-reveal,\n.atblib-final-js .atblib-final-reveal {\n  opacity: 0;\n  transform: translateY(30px);\n  transition:\n    opacity .8s ease,\n    transform .8s cubic-bezier(.22,.61,.36,1);\n}\n\n.atblib-order-js .atblib-order-reveal.atblib-order-visible,\n.atblib-final-js .atblib-final-reveal.atblib-final-visible {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n\n\/* TABLETTE *\/\n\n@media (max-width: 1100px) {\n\n  .atblib-order__heading-grid {\n    grid-template-columns: 1fr;\n    align-items: start;\n    gap: 38px;\n  }\n\n  .atblib-order__journey {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    gap: 24px;\n  }\n\n  .atblib-order__line {\n    display: none;\n  }\n\n  .atblib-order-step {\n    min-height: 300px;\n    padding: 30px 25px;\n    border: 1px solid var(--atblib-border);\n    background: rgba(255,255,255,.62);\n  }\n\n  .atblib-order__contact {\n    grid-template-columns: auto 1fr;\n  }\n\n  .atblib-order__contact-actions {\n    grid-column: 2;\n    flex-direction: row;\n    flex-wrap: wrap;\n  }\n\n}\n\n\n\/* MOBILE *\/\n\n@media (max-width: 767px) {\n\n  .atblib-order {\n    padding: 90px 0;\n  }\n\n  .atblib-order__container,\n  .atblib-final__container {\n    width: min(100% - 30px, 1240px);\n  }\n\n  .atblib-order__heading-grid h2 {\n    font-size: clamp(43px, 12vw, 57px);\n  }\n\n  .atblib-order__intro {\n    padding-left: 0;\n    border-left: 0;\n  }\n\n  .atblib-order__intro::before {\n    content: \"\";\n    width: 52px;\n    height: 1px;\n    display: block;\n    margin-bottom: 23px;\n    background: var(--atblib-gold);\n  }\n\n  .atblib-order__journey {\n    grid-template-columns: 1fr;\n    gap: 18px;\n    margin-top: 58px;\n  }\n\n  .atblib-order-step {\n    min-height: auto;\n    padding: 30px 25px;\n    text-align: left;\n  }\n\n  .atblib-order-step__icon {\n    width: 72px;\n    height: 72px;\n  }\n\n  .atblib-order-step__number {\n    top: 20px;\n    right: 22px;\n  }\n\n  .atblib-order-step h3 {\n    margin-top: 28px;\n  }\n\n  .atblib-order__contact {\n    grid-template-columns: 1fr;\n    gap: 20px;\n    padding: 30px 25px;\n  }\n\n  .atblib-order__contact-actions {\n    grid-column: auto;\n    display: grid;\n    grid-template-columns: 1fr;\n  }\n\n  .atblib-order-btn {\n    width: 100%;\n  }\n\n  .atblib-final {\n    min-height: 720px;\n  }\n\n  .atblib-final__container {\n    padding-top: 90px;\n    padding-bottom: 90px;\n  }\n\n  .atblib-final h2 {\n    font-size: clamp(48px, 13vw, 67px);\n  }\n\n  .atblib-final__actions {\n    display: grid;\n    grid-template-columns: 1fr;\n  }\n\n  .atblib-final-btn {\n    width: 100%;\n  }\n\n}\n\n\n\/* ACCESSIBILIT\u00c9 *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n  .atblib-order-step__icon,\n  .atblib-order-btn,\n  .atblib-final-btn,\n  .atblib-order-reveal,\n  .atblib-final-reveal {\n    transition: none !important;\n  }\n\n}\n<\/style>\n\n\n<script>\n(function () {\n  \"use strict\";\n\n  function setupReveal(sectionSelector, itemSelector, rootClass, visibleClass) {\n\n    const section = document.querySelector(sectionSelector);\n\n    if (!section) return;\n\n    document.documentElement.classList.add(rootClass);\n\n    const items = section.querySelectorAll(itemSelector);\n\n    if (\"IntersectionObserver\" in window) {\n\n      const observer = new IntersectionObserver(\n        function (entries, obs) {\n\n          entries.forEach(function (entry) {\n\n            if (entry.isIntersecting) {\n              entry.target.classList.add(visibleClass);\n              obs.unobserve(entry.target);\n            }\n\n          });\n\n        },\n        {\n          threshold: 0.08,\n          rootMargin: \"0px 0px -30px 0px\"\n        }\n      );\n\n      items.forEach(function (item, index) {\n        item.style.transitionDelay = Math.min(index * 70, 300) + \"ms\";\n        observer.observe(item);\n      });\n\n    } else {\n\n      items.forEach(function (item) {\n        item.classList.add(visibleClass);\n      });\n\n    }\n  }\n\n  setupReveal(\n    \".atblib-order\",\n    \".atblib-order-reveal\",\n    \"atblib-order-js\",\n    \"atblib-order-visible\"\n  );\n\n  setupReveal(\n    \".atblib-final\",\n    \".atblib-final-reveal\",\n    \"atblib-final-js\",\n    \"atblib-final-visible\"\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>\u00c9ditions \u2022 Th\u00e9\u00e2tre \u2022 Recherche \u2022 M\u00e9moire La Librairie de l\u2019Impact Depuis plus de quarante ans, l\u2019Atelier Th\u00e9\u00e2tre Burkinab\u00e8 documente, publie et transmet une pens\u00e9e du th\u00e9\u00e2tre profond\u00e9ment ancr\u00e9e dans [&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-80","page","type-page","status-publish","hentry"],"ticketed":false,"_links":{"self":[{"href":"https:\/\/atb.bf\/atb-v2\/wp-json\/wp\/v2\/pages\/80","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=80"}],"version-history":[{"count":4,"href":"https:\/\/atb.bf\/atb-v2\/wp-json\/wp\/v2\/pages\/80\/revisions"}],"predecessor-version":[{"id":1956,"href":"https:\/\/atb.bf\/atb-v2\/wp-json\/wp\/v2\/pages\/80\/revisions\/1956"}],"wp:attachment":[{"href":"https:\/\/atb.bf\/atb-v2\/wp-json\/wp\/v2\/media?parent=80"}],"wp:term":[{"taxonomy":"wf_page_folders","embeddable":true,"href":"https:\/\/atb.bf\/atb-v2\/wp-json\/wp\/v2\/wf_page_folders?post=80"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}