{"id":605,"date":"2026-06-25T17:15:33","date_gmt":"2026-06-25T17:15:33","guid":{"rendered":"https:\/\/bdhstreams.com\/?page_id=605"},"modified":"2026-07-14T18:17:53","modified_gmt":"2026-07-14T18:17:53","slug":"shows","status":"publish","type":"page","link":"https:\/\/bdhstreams.com\/fr\/shows\/","title":{"rendered":"Shows"},"content":{"rendered":"\n<!-- \u2554\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2557\n     \u2551  FOUNDATION  :  loaded ONCE. Base tokens, buttons, motion system.  \u2551\n     \u2551  Everything below (all sections) is scoped under .bdhs-home.       \u2551\n     \u255a\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u255d -->\n<style>\n\/* COSTA (headings): paste your Adobe Fonts embed here if you have it:\n   @import url('https:\/\/use.typekit.net\/XXXXXXX.css'); *\/\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Raleway:wght@400;600;700;800&display=swap');\n\n.bdhs-home{\n  --yellow:#FCF300; --yellow-dim:#D9D200;\n  --teal:#3BBDC6; --teal-soft:#173B3E;\n  --dark:#231F20; --dark-2:#2B2728; --surface:#332F30;\n  --white:#FFFFFF; --muted:#FFFFFF; --line:#403C3D;\n  --grad:linear-gradient(90deg,var(--yellow),var(--teal));\n  --display:'costa-std','Costa','Raleway',sans-serif;\n  --body:'Raleway',sans-serif;\n  font-family:var(--body); color:var(--white); line-height:1.6;\n}\n.bdhs-home *{box-sizing:border-box;margin:0;padding:0;}\n.bdhs-home .bdhs-wrap{max-width:1200px;margin:0 auto;padding:0 24px;}\n\n\/* Every heading is explicitly white so Kadence's default dark heading\n   color can never turn one navy on the dark background. *\/\n.bdhs-home h1,.bdhs-home h2,.bdhs-home h3{color:#FFFFFF !important;}\n\n\/* Eyebrow label (small uppercase, teal) *\/\n.bdhs-home .bdhs-eyebrow{\n  font-size:.78rem;font-weight:800;text-transform:uppercase;\n  letter-spacing:.18em;color:var(--teal);margin-bottom:10px;display:block;\n}\n\n\/* Buttons *\/\n.bdhs-home .bdhs-btn{\n  display:inline-flex;align-items:center;gap:9px;\n  font-weight:800;font-size:.85rem;text-transform:uppercase;letter-spacing:.06em;\n  padding:13px 22px;border-radius:6px;text-decoration:none;\n  border:2px solid var(--yellow);cursor:pointer;\n  transition:transform .18s ease,background .18s ease,border-color .18s ease;\n}\n.bdhs-home .bdhs-btn:hover{transform:translateY(-2px);}\n.bdhs-home .bdhs-btn:focus-visible{outline:3px solid var(--teal);outline-offset:3px;}\n.bdhs-home .bdhs-btn--primary{background:var(--yellow);color:var(--dark);}\n.bdhs-home .bdhs-btn--primary:hover{background:var(--yellow-dim);border-color:var(--yellow-dim);}\n.bdhs-home .bdhs-btn--secondary{background:rgba(35,31,32,.5);color:var(--white);border-color:var(--muted);}\n.bdhs-home .bdhs-btn--secondary:hover{border-color:var(--white);}\n.bdhs-home .bdhs-quiet{font-weight:600;color:var(--teal);text-decoration:underline;text-underline-offset:3px;}\n.bdhs-home .bdhs-quiet:hover{color:var(--white);}\n.bdhs-home .bdhs-btn svg{transition:transform .18s ease;}\n.bdhs-home .bdhs-btn:hover svg{transform:translateX(2px);}\n\n\/* \u2500\u2500 MOTION SYSTEM \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n   1) bdhs-rise   : hero content rises in once on load (pure CSS)\n   2) bdhs-reveal : elements fade + rise as they scroll into view\n                    (the small script at the very end tags them)\n   All motion is disabled for visitors who ask for reduced motion. *\/\n@keyframes bdhs-rise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}\n.bdhs-home .bdhs-rise{animation:bdhs-rise .6s ease both;}\n.bdhs-home .bdhs-rise-2{animation-delay:.08s;}\n.bdhs-home .bdhs-rise-3{animation-delay:.16s;}\n.bdhs-home .bdhs-rise-4{animation-delay:.24s;}\n.bdhs-home .bdhs-rise-5{animation-delay:.32s;}\n\/* Scroll reveal. Elements only hide AFTER the script tags them with\n   .bdhs-prep, so if scripts are ever stripped nothing stays invisible. *\/\n.bdhs-home .bdhs-reveal.bdhs-prep{opacity:0;transform:translateY(18px);transition:opacity .55s ease,transform .55s ease;}\n.bdhs-home .bdhs-reveal.bdhs-in{opacity:1;transform:none;}\n.bdhs-home .bdhs-stagger .bdhs-reveal.bdhs-prep:nth-child(2){transition-delay:.07s;}\n.bdhs-home .bdhs-stagger .bdhs-reveal.bdhs-prep:nth-child(3){transition-delay:.14s;}\n.bdhs-home .bdhs-stagger .bdhs-reveal.bdhs-prep:nth-child(4){transition-delay:.21s;}\n@media (prefers-reduced-motion:reduce){\n  .bdhs-home *{animation:none !important;transition:none !important;}\n  .bdhs-home .bdhs-reveal.bdhs-prep{opacity:1 !important;transform:none !important;}\n}\n<\/style>\n\n\n<!-- \u2554\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2557\n     \u2551  SECTION 1 : INTRO   (Custom HTML)                                 \u2551\n     \u2551  Eyebrow + one h1 + lede. Sets up the shows grid below.            \u2551\n     \u255a\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u255d -->\n<style>\n.bdhs-home.bdhs-shows-intro{background:var(--dark);padding:112px 0 8px;}\n.bdhs-home .bdhs-shows-title{\n  font-family:var(--display);font-weight:800;text-transform:uppercase;\n  font-size:clamp(2rem,5vw,3.2rem);line-height:1.03;letter-spacing:-.01em;\n  margin-bottom:14px;\n}\n.bdhs-home .bdhs-shows-bar{display:block;width:64px;height:4px;border-radius:2px;background:var(--grad);margin-bottom:18px;}\n.bdhs-home .bdhs-shows-lede{color:var(--muted);max-width:60ch;font-size:1.05rem;}\n<\/style>\n\n<section class=\"bdhs-home bdhs-shows-intro\" aria-label=\"S\u00e9ries\">\n  <div class=\"bdhs-wrap\">\n    <span class=\"bdhs-eyebrow bdhs-rise\">Originaux BDH<\/span>\n    <h1 class=\"bdhs-shows-title bdhs-rise bdhs-rise-2\">Nos s\u00e9ries<\/h1>\n    <span class=\"bdhs-shows-bar bdhs-rise bdhs-rise-2\" aria-hidden=\"true\"><\/span>\n    <p class=\"bdhs-shows-lede bdhs-rise bdhs-rise-3\">Des s\u00e9ries originales et des documentaires que nous r\u00e9alisons nous-m\u00eames. L&rsquo;\u00e9pisode 1 de chaque s\u00e9rie est gratuit, sans carte et sans compte pour y jeter un \u0153il.<\/p>\n  <\/div>\n<\/section>\n\n\n<!-- \u2554\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2557\n     \u2551  SECTION 2 : SHOWS GRID   (Custom HTML)                            \u2551\n     \u2551  Large poster cards. Be Outspoken is active and links to its show \u2551\n     \u2551  page. The Soundtrack card is a dimmed \"Coming soon\" card that    \u2551\n     \u2551  links nowhere. Cards lift on hover and reveal on scroll.         \u2551\n     \u255a\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u255d -->\n<style>\n.bdhs-home.bdhs-shows-grid-sec{background:var(--dark);padding:24px 0 80px;}\n.bdhs-home .bdhs-shows-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;}\n.bdhs-home .bdhs-show-card{\n  background:var(--dark-2);border:1px solid var(--line);border-radius:14px;overflow:hidden;\n  text-decoration:none;color:var(--white);display:flex;flex-direction:column;position:relative;\n  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;\n}\n.bdhs-home a.bdhs-show-card:hover{transform:translateY(-6px);border-color:var(--teal);box-shadow:0 18px 40px rgba(0,0,0,.4);}\n.bdhs-home a.bdhs-show-card:focus-visible{outline:3px solid var(--teal);outline-offset:3px;}\n.bdhs-home .bdhs-show-img{aspect-ratio:16\/9;background:var(--surface);position:relative;overflow:hidden;}\n.bdhs-home .bdhs-show-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease;}\n.bdhs-home a.bdhs-show-card:hover .bdhs-show-img img{transform:scale(1.05);}\n.bdhs-home .bdhs-show-status{\n  position:absolute;top:14px;left:14px;z-index:1;font-size:.68rem;font-weight:800;\n  text-transform:uppercase;letter-spacing:.08em;padding:4px 10px;border-radius:4px;\n}\n.bdhs-home .bdhs-show-status--live{background:var(--yellow);color:var(--dark);}\n.bdhs-home .bdhs-show-status--soon{background:rgba(35,31,32,.78);color:var(--white);border:1px solid var(--line);}\n.bdhs-home .bdhs-show-body{padding:22px 24px 26px;display:flex;flex-direction:column;gap:9px;flex:1;}\n.bdhs-home .bdhs-show-meta{font-size:.74rem;color:var(--teal);font-weight:700;text-transform:uppercase;letter-spacing:.1em;}\n.bdhs-home .bdhs-show-card h2{font-family:var(--display);font-weight:800;text-transform:uppercase;font-size:1.3rem;line-height:1.12;}\n.bdhs-home .bdhs-show-desc{color:var(--muted);font-size:.95rem;flex:1;}\n.bdhs-home .bdhs-show-cta{\n  margin-top:6px;display:inline-flex;align-items:center;gap:8px;font-weight:800;font-size:.8rem;\n  text-transform:uppercase;letter-spacing:.06em;color:var(--yellow);\n}\n.bdhs-home a.bdhs-show-card:hover .bdhs-show-cta svg{transform:translateX(3px);}\n.bdhs-home .bdhs-show-cta svg{transition:transform .18s ease;}\n\/* Coming-soon card is dimmed and not clickable *\/\n.bdhs-home .bdhs-show-card--soon{cursor:default;}\n.bdhs-home .bdhs-show-card--soon .bdhs-show-img img{filter:grayscale(.35) brightness(.66);}\n.bdhs-home .bdhs-show-card--soon .bdhs-show-meta,\n.bdhs-home .bdhs-show-card--soon .bdhs-show-cta{color:var(--muted);}\n@media (max-width:820px){.bdhs-home .bdhs-shows-grid{grid-template-columns:1fr;}}\n<\/style>\n\n<section class=\"bdhs-home bdhs-shows-grid-sec\" aria-label=\"Toutes les s\u00e9ries\">\n  <div class=\"bdhs-wrap\">\n    <div class=\"bdhs-shows-grid bdhs-stagger\">\n\n      <a class=\"bdhs-show-card bdhs-reveal\" href=\"https:\/\/bdhstreams.com\/show\/be-outspoken-with-creatives\/\">\n        <div class=\"bdhs-show-img\">\n          <span class=\"bdhs-show-status bdhs-show-status--live\">En diffusion<\/span>\n          <img decoding=\"async\" src=\"https:\/\/bdhstreams.com\/wp-content\/uploads\/2026\/06\/BDH-Streams-Be-outspoken-with-creatives-tv-show-bernardson-bdh-collective.webp\" alt=\"Be Outspoken with Creatives\">\n        <\/div>\n        <div class=\"bdhs-show-body\">\n          <span class=\"bdhs-show-meta\">S\u00e9rie \u00b7 19 \u00e9pisodes<\/span>\n          <h2>Be Outspoken with Creatives<\/h2>\n          <p class=\"bdhs-show-desc\">L&rsquo;animateur Bernardson rencontre des freelances, des artistes et des personnalit\u00e9s pour des \u00e9changes honn\u00eates sur la vie cr\u00e9ative. L&rsquo;\u00e9pisode 1 est gratuit.<\/p>\n          <span class=\"bdhs-show-cta\">\n            Regarder\n            <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\"><path d=\"M6 4l14 8-14 8z\"\/><\/svg>\n          <\/span>\n        <\/div>\n      <\/a>\n\n      <div class=\"bdhs-show-card bdhs-show-card--soon bdhs-reveal\" aria-label=\"The Soundtrack of My Life, bient\u00f4t disponible\">\n        <div class=\"bdhs-show-img\">\n          <span class=\"bdhs-show-status bdhs-show-status--soon\">Bient\u00f4t disponible<\/span>\n          <img decoding=\"async\" src=\"https:\/\/bdhstreams.com\/wp-content\/uploads\/2026\/06\/The-soundtrack-of-my-life-BDH-Streams.png\" alt=\"The Soundtrack of My Life\">\n        <\/div>\n        <div class=\"bdhs-show-body\">\n          <span class=\"bdhs-show-meta\">Documentaire \u00b7 Bient\u00f4t disponible<\/span>\n          <h2>The Soundtrack of My Life<\/h2>\n          <p class=\"bdhs-show-desc\">Un documentaire que nous terminons encore. Les d\u00e9tenteurs du forfait \u00e0 vie l&rsquo;obtiennent le jour de sa sortie.<\/p>\n          <span class=\"bdhs-show-cta\">Bient\u00f4t disponible<\/span>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n\n<!-- \u2554\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2557\n     \u2551  MOTION SCRIPT : loaded ONCE, at the very end.                     \u2551\n     \u2551  Scroll reveal. Vanilla JS, no plugin, no jQuery.                  \u2551\n     \u2551  Skips itself entirely when the visitor asks for reduced motion.   \u2551\n     \u2551  Part of the single block with everything above.                  \u2551\n     \u255a\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u255d -->\n<script>\ndocument.addEventListener('DOMContentLoaded', function () {\n  if (window.matchMedia('(prefers-reduced-motion: reduce)').matches) return;\n\n  \/* 1. Scroll reveal: fade + rise elements as they enter the viewport *\/\n  var reveals = document.querySelectorAll('.bdhs-home .bdhs-reveal');\n  if ('IntersectionObserver' in window && reveals.length) {\n    reveals.forEach(function (el) { el.classList.add('bdhs-prep'); });\n    var io = new IntersectionObserver(function (entries) {\n      entries.forEach(function (entry) {\n        if (entry.isIntersecting) {\n          entry.target.classList.add('bdhs-in');\n          io.unobserve(entry.target);\n        }\n      });\n    }, { threshold: 0.12, rootMargin: '0px 0px -40px 0px' });\n    reveals.forEach(function (el) { io.observe(el); });\n  }\n});\n<\/script>\n\n","protected":false},"excerpt":{"rendered":"<p>Originaux BDH Nos s\u00e9ries Des s\u00e9ries originales et des documentaires que nous r\u00e9alisons nous-m\u00eames. L&rsquo;\u00e9pisode 1 de chaque s\u00e9rie est gratuit, sans carte et sans compte pour y jeter un \u0153il. En diffusion S\u00e9rie \u00b7 19 \u00e9pisodes Be Outspoken with Creatives L&rsquo;animateur Bernardson rencontre des freelances, des artistes et des personnalit\u00e9s pour des \u00e9changes honn\u00eates&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-605","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/bdhstreams.com\/fr\/wp-json\/wp\/v2\/pages\/605","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bdhstreams.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bdhstreams.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bdhstreams.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bdhstreams.com\/fr\/wp-json\/wp\/v2\/comments?post=605"}],"version-history":[{"count":15,"href":"https:\/\/bdhstreams.com\/fr\/wp-json\/wp\/v2\/pages\/605\/revisions"}],"predecessor-version":[{"id":815,"href":"https:\/\/bdhstreams.com\/fr\/wp-json\/wp\/v2\/pages\/605\/revisions\/815"}],"wp:attachment":[{"href":"https:\/\/bdhstreams.com\/fr\/wp-json\/wp\/v2\/media?parent=605"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}