{
    "id": 21,
    "date": "2026-07-30T10:10:40",
    "date_gmt": "2026-07-30T10:10:40",
    "guid": {
        "rendered": "https:\/\/rb.scripters.fr\/?page_id=21"
    },
    "modified": "2026-08-17T10:17:01",
    "modified_gmt": "2026-08-17T10:17:01",
    "slug": "accueil",
    "status": "publish",
    "type": "page",
    "link": "https:\/\/rb.scripters.fr\/it\/",
    "title": {
        "rendered": "Accoglienza"
    },
    "content": {
        "rendered": "<style data-wp-block-html=\"css\">\n\/* =========================================================\n   HERO RALPH BEAUBRUN \u2014 R\u00c9INITIALISATION\n========================================================= *\/\n\n#rb-home-hero,\n#rb-home-hero *,\n#rb-home-hero *::before,\n#rb-home-hero *::after {\n  box-sizing: border-box;\n}\n\n\/* =========================================================\n   SECTION G\u00c9N\u00c9RALE\n========================================================= *\/\n\n#rb-home-hero {\n  --rb-hero-background: #f2f1e9;\n  --rb-hero-text: #ffffff;\n  --rb-hero-radius: 30px;\n  --rb-hero-shift: 0px;\n\n  position: relative;\n\n  width: 100vw;\n  width: 100dvw;\n  max-width: none;\n\n  margin: 0;\n\n  padding:\n    clamp(10px, 1.2vw, 22px)\n    clamp(10px, 1.5vw, 28px)\n    clamp(20px, 2vw, 36px);\n\n  overflow: hidden;\n\n  color: var(--rb-hero-text);\n  background-color: var(--rb-hero-background);\n\n  font-family: \"Poppins\", Arial, Helvetica, sans-serif;\n\n  transform: translateX(var(--rb-hero-shift));\n}\n\n\/* =========================================================\n   CONTENEUR\n========================================================= *\/\n\n#rb-home-hero .rb-home-hero__container {\n  width: 100%;\n  max-width: 1580px;\n\n  margin: 0 auto;\n}\n\n\/* =========================================================\n   CARTE PRINCIPALE\n========================================================= *\/\n\n#rb-home-hero .rb-home-hero__card {\n  position: relative;\n\n  width: 100%;\n  min-height: clamp(720px, 51vw, 900px);\n\n  overflow: hidden;\n\n  border-radius: var(--rb-hero-radius);\n  background-color: #181818;\n\n  isolation: isolate;\n}\n\n\/* =========================================================\n   IMAGE\n========================================================= *\/\n\n#rb-home-hero .rb-home-hero__image {\n  position: absolute;\n  inset: 0;\n  z-index: 0;\n\n  display: block;\n\n  width: 100%;\n  height: 100%;\n\n  object-fit: cover;\n  object-position: center 44%;\n\n  transform: scale(1.01);\n\n  transition:\n    transform 1.2s cubic-bezier(0.22, 1, 0.36, 1),\n    filter 700ms ease;\n}\n\n\/* =========================================================\n   D\u00c9GRAD\u00c9 DESKTOP\n========================================================= *\/\n\n#rb-home-hero .rb-home-hero__overlay {\n  position: absolute;\n  inset: 0;\n  z-index: 1;\n\n  pointer-events: none;\n\n  background:\n    linear-gradient(\n      90deg,\n      rgba(0, 0, 0, 0.64) 0%,\n      rgba(0, 0, 0, 0.46) 27%,\n      rgba(0, 0, 0, 0.14) 53%,\n      rgba(0, 0, 0, 0.02) 78%,\n      rgba(0, 0, 0, 0.06) 100%\n    ),\n    linear-gradient(\n      0deg,\n      rgba(0, 0, 0, 0.52) 0%,\n      rgba(0, 0, 0, 0.08) 50%,\n      rgba(0, 0, 0, 0.02) 100%\n    );\n}\n\n\/* =========================================================\n   CONTENU DESKTOP\n========================================================= *\/\n\n#rb-home-hero .rb-home-hero__content {\n  position: absolute;\n  inset: 0;\n  z-index: 2;\n\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-end;\n  align-items: flex-start;\n\n  width: 100%;\n  height: 100%;\n\n  padding:\n    clamp(42px, 4.5vw, 76px)\n    clamp(42px, 4.8vw, 76px)\n    clamp(44px, 4vw, 68px);\n\n  text-shadow:\n    0 2px 20px rgba(0, 0, 0, 0.18);\n}\n\n\/* =========================================================\n   TITRE DESKTOP \u2014 DEUX LIGNES\n========================================================= *\/\n\n#rb-home-hero .rb-home-hero__title {\n  width: min(980px, 72%);\n\n  margin: 0;\n  padding: 0;\n\n  color: #ffffff;\n\n  font-family: \"Poppins\", Arial, Helvetica, sans-serif;\n  font-size: clamp(68px, 5.7vw, 96px);\n  font-weight: 400;\n  line-height: 0.98;\n  letter-spacing: -0.06em;\n}\n\n#rb-home-hero .rb-home-hero__title-line {\n  display: block;\n\n  white-space: nowrap;\n}\n\n#rb-home-hero .rb-home-hero__title-line > span {\n  display: inline;\n}\n\n#rb-home-hero .rb-home-hero__title-line > span + span {\n  margin-left: 0.16em;\n}\n\n\/* =========================================================\n   DESCRIPTION DESKTOP\n========================================================= *\/\n\n#rb-home-hero .rb-home-hero__description {\n  width: min(530px, 45%);\n\n  margin:\n    clamp(26px, 2.4vw, 38px)\n    0\n    0;\n\n  color: rgba(255, 255, 255, 0.96);\n\n  font-family: \"Poppins\", Arial, Helvetica, sans-serif;\n  font-size: clamp(15px, 1.08vw, 19px);\n  font-weight: 300;\n  line-height: 1.5;\n  letter-spacing: -0.015em;\n}\n\n\/* =========================================================\n   ACTIONS DESKTOP \u2014 SUR LA M\u00caME LIGNE\n========================================================= *\/\n\n#rb-home-hero .rb-home-hero__actions {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: flex-start;\n\n  gap: clamp(20px, 2vw, 32px);\n\n  width: 100%;\n\n  margin-top: clamp(28px, 2.8vw, 42px);\n}\n\n\/* =========================================================\n   LIEN D\u00c9COUVRIR\n========================================================= *\/\n\n#rb-home-hero .rb-home-hero__discover {\n  display: inline-flex;\n  align-items: center;\n\n  flex: 0 0 auto;\n\n  gap: 12px;\n\n  margin: 0;\n\n  color: #ffffff;\n\n  font-family: \"Poppins\", Arial, Helvetica, sans-serif;\n  font-size: clamp(15px, 1.15vw, 19px);\n  font-weight: 300;\n  line-height: 1.2;\n  text-decoration: none;\n}\n\n#rb-home-hero .rb-home-hero__discover-arrow {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n\n  font-size: 1.4em;\n  font-weight: 200;\n  line-height: 1;\n\n  transition:\n    transform 350ms cubic-bezier(0.22, 1, 0.36, 1);\n}\n\n#rb-home-hero .rb-home-hero__discover:hover .rb-home-hero__discover-arrow,\n#rb-home-hero .rb-home-hero__discover:focus-visible .rb-home-hero__discover-arrow {\n  transform: translateX(7px);\n}\n\n\/* =========================================================\n   BOUTON R\u00c9SERVER DESKTOP\n========================================================= *\/\n\n#rb-home-hero .rb-home-hero__booking {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n\n  flex: 0 0 auto;\n\n  width: clamp(220px, 16vw, 265px);\n  min-height: clamp(54px, 4.2vw, 66px);\n\n  margin: 0;\n  padding:\n    13px\n    34px;\n\n  border: 1.5px solid rgba(255, 255, 255, 0.96);\n  border-radius: 999px;\n\n  color: #ffffff;\n  background-color: rgba(0, 0, 0, 0.14);\n\n  backdrop-filter: blur(4px);\n  -webkit-backdrop-filter: blur(4px);\n\n  font-family: \"Poppins\", Arial, Helvetica, sans-serif;\n  font-size: clamp(20px, 1.55vw, 27px);\n  font-weight: 300;\n  line-height: 1;\n  text-align: center;\n  text-decoration: none;\n\n  transition:\n    color 300ms ease,\n    background-color 300ms ease,\n    border-color 300ms ease,\n    transform 350ms cubic-bezier(0.22, 1, 0.36, 1);\n}\n\n#rb-home-hero .rb-home-hero__booking:hover,\n#rb-home-hero .rb-home-hero__booking:focus-visible {\n  color: #202020;\n  background-color: #ffffff;\n  border-color: #ffffff;\n\n  transform: translateY(-3px);\n}\n\n\/* =========================================================\n   FOCUS CLAVIER\n========================================================= *\/\n\n#rb-home-hero a:focus-visible {\n  outline: 2px solid #ffffff;\n  outline-offset: 5px;\n}\n\n\/* =========================================================\n   APPARITION\n========================================================= *\/\n\n#rb-home-hero.rb-home-hero--js .rb-home-hero__card {\n  opacity: 0;\n\n  transform:\n    translateY(24px)\n    scale(0.992);\n\n  transition:\n    opacity 900ms ease,\n    transform 900ms cubic-bezier(0.22, 1, 0.36, 1);\n}\n\n#rb-home-hero.rb-home-hero--visible .rb-home-hero__card {\n  opacity: 1;\n\n  transform:\n    translateY(0)\n    scale(1);\n}\n\n\/* =========================================================\n   \u00c9CRANS DESKTOP INTERM\u00c9DIAIRES\n========================================================= *\/\n\n@media screen and (max-width: 1250px) and (min-width: 768px) {\n  #rb-home-hero .rb-home-hero__card {\n    min-height: 720px;\n  }\n\n  #rb-home-hero .rb-home-hero__content {\n    padding:\n      48px\n      50px\n      48px;\n  }\n\n  #rb-home-hero .rb-home-hero__title {\n    width: 76%;\n\n    font-size: clamp(60px, 6.1vw, 78px);\n  }\n\n  #rb-home-hero .rb-home-hero__description {\n    width: min(510px, 52%);\n\n    font-size: 15px;\n  }\n\n  #rb-home-hero .rb-home-hero__booking {\n    width: 230px;\n  }\n}\n\n\/* =========================================================\n   MOBILE \u2014 MISE EN PAGE DIFF\u00c9RENTE DU DESKTOP\n========================================================= *\/\n\n@media screen and (max-width: 767px) {\n  #rb-home-hero {\n    --rb-hero-radius: 27px;\n\n    padding:\n      16px\n      20px\n      36px;\n  }\n\n  #rb-home-hero .rb-home-hero__container {\n    max-width: none;\n  }\n\n  #rb-home-hero .rb-home-hero__card {\n    min-height: max(\n      900px,\n      calc(100svh - 32px)\n    );\n\n    border-radius: var(--rb-hero-radius);\n  }\n\n  #rb-home-hero .rb-home-hero__image {\n    object-position: 48% center;\n\n    transform: scale(1.002);\n  }\n\n  #rb-home-hero .rb-home-hero__overlay {\n    background:\n      linear-gradient(\n        180deg,\n        rgba(0, 0, 0, 0.01) 0%,\n        rgba(0, 0, 0, 0.03) 27%,\n        rgba(0, 0, 0, 0.16) 43%,\n        rgba(0, 0, 0, 0.43) 67%,\n        rgba(0, 0, 0, 0.76) 100%\n      );\n  }\n\n  #rb-home-hero .rb-home-hero__content {\n    justify-content: flex-end;\n    align-items: stretch;\n\n    padding:\n      30px\n      clamp(28px, 7vw, 42px)\n      26px;\n  }\n\n  \/* Le m\u00eame H1 passe automatiquement sur quatre lignes *\/\n\n  #rb-home-hero .rb-home-hero__title {\n    width: 100%;\n\n    font-size: clamp(50px, 13.4vw, 76px);\n    line-height: 0.94;\n    letter-spacing: -0.065em;\n  }\n\n  #rb-home-hero .rb-home-hero__title-line {\n    display: block;\n\n    white-space: normal;\n  }\n\n  #rb-home-hero .rb-home-hero__title-line > span {\n    display: block;\n\n    margin: 0;\n  }\n\n  #rb-home-hero .rb-home-hero__title-line > span + span {\n    margin-left: 0;\n  }\n\n  #rb-home-hero .rb-home-hero__description {\n    width: 100%;\n    max-width: 520px;\n\n    margin-top: clamp(20px, 4.5vw, 28px);\n\n    font-size: clamp(15px, 3.7vw, 19px);\n    line-height: 1.48;\n  }\n\n  #rb-home-hero .rb-home-hero__actions {\n    flex-direction: column;\n    align-items: stretch;\n\n    gap: 0;\n\n    margin-top: clamp(24px, 5vw, 32px);\n  }\n\n  #rb-home-hero .rb-home-hero__discover {\n    align-self: flex-start;\n\n    font-size: clamp(18px, 4.2vw, 23px);\n  }\n\n  #rb-home-hero .rb-home-hero__booking {\n    width: 100%;\n    min-height: clamp(70px, 14vw, 84px);\n\n    margin-top: clamp(38px, 8vw, 54px);\n\n    padding:\n      16px\n      28px;\n\n    font-size: clamp(28px, 6.6vw, 38px);\n\n    backdrop-filter: blur(3px);\n    -webkit-backdrop-filter: blur(3px);\n  }\n}\n\n\/* =========================================================\n   MOBILES MOYENS\n========================================================= *\/\n\n@media screen and (max-width: 540px) {\n  #rb-home-hero {\n    padding:\n      14px\n      16px\n      30px;\n  }\n\n  #rb-home-hero .rb-home-hero__card {\n    min-height: max(\n      860px,\n      calc(100svh - 28px)\n    );\n  }\n\n  #rb-home-hero .rb-home-hero__content {\n    padding:\n      28px\n      30px\n      24px;\n  }\n\n  #rb-home-hero .rb-home-hero__title {\n    font-size: clamp(49px, 13.6vw, 70px);\n  }\n\n  #rb-home-hero .rb-home-hero__description {\n    font-size: clamp(15px, 3.8vw, 18px);\n  }\n\n  #rb-home-hero .rb-home-hero__booking {\n    min-height: 76px;\n\n    font-size: clamp(28px, 7vw, 36px);\n  }\n}\n\n\/* =========================================================\n   PETITS MOBILES\n========================================================= *\/\n\n@media screen and (max-width: 390px) {\n  #rb-home-hero {\n    --rb-hero-radius: 22px;\n\n    padding:\n      10px\n      12px\n      24px;\n  }\n\n  #rb-home-hero .rb-home-hero__card {\n    min-height: max(\n      780px,\n      calc(100svh - 20px)\n    );\n  }\n\n  #rb-home-hero .rb-home-hero__content {\n    padding:\n      24px\n      24px\n      20px;\n  }\n\n  #rb-home-hero .rb-home-hero__title {\n    font-size: clamp(43px, 13.5vw, 54px);\n  }\n\n  #rb-home-hero .rb-home-hero__description {\n    margin-top: 18px;\n\n    font-size: 14px;\n    line-height: 1.45;\n  }\n\n  #rb-home-hero .rb-home-hero__actions {\n    margin-top: 22px;\n  }\n\n  #rb-home-hero .rb-home-hero__discover {\n    font-size: 17px;\n  }\n\n  #rb-home-hero .rb-home-hero__booking {\n    min-height: 66px;\n\n    margin-top: 30px;\n\n    font-size: 27px;\n  }\n}\n\n\/* =========================================================\n   CONTENEURS WORDPRESS\n========================================================= *\/\n\n.rb-home-hero-overflow-visible {\n  overflow: visible !important;\n}\n\nhtml.rb-home-hero-page,\nbody.rb-home-hero-page {\n  overflow-x: clip;\n}\n\n\/* =========================================================\n   R\u00c9DUCTION DES MOUVEMENTS\n========================================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n  #rb-home-hero *,\n  #rb-home-hero *::before,\n  #rb-home-hero *::after {\n    animation-duration: 0.01ms !important;\n    animation-iteration-count: 1 !important;\n\n    scroll-behavior: auto !important;\n\n    transition-duration: 0.01ms !important;\n  }\n\n  #rb-home-hero .rb-home-hero__image {\n    transform: none !important;\n  }\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\n(function () {\n  \"use strict\";\n\n  const hero = document.getElementById(\n    \"rb-home-hero\"\n  );\n\n  if (\n    !hero ||\n    hero.dataset.initialized === \"true\"\n  ) {\n    return;\n  }\n\n  hero.dataset.initialized = \"true\";\n\n  hero.classList.add(\n    \"rb-home-hero--js\"\n  );\n\n  const prefersReducedMotion =\n    window.matchMedia(\n      \"(prefers-reduced-motion: reduce)\"\n    ).matches;\n\n  const image = hero.querySelector(\n    \".rb-home-hero__image\"\n  );\n\n  const discoverLink = hero.querySelector(\n    \".rb-home-hero__discover\"\n  );\n\n  \/* =======================================================\n     ALIGNEMENT PLEINE LARGEUR\n  ======================================================= *\/\n\n  function alignHeroToViewport() {\n    hero.style.setProperty(\n      \"--rb-hero-shift\",\n      \"0px\"\n    );\n\n    const heroPosition =\n      hero.getBoundingClientRect();\n\n    const offset =\n      -heroPosition.left;\n\n    hero.style.setProperty(\n      \"--rb-hero-shift\",\n      offset + \"px\"\n    );\n  }\n\n  alignHeroToViewport();\n\n  window.addEventListener(\n    \"resize\",\n    alignHeroToViewport,\n    {\n      passive: true\n    }\n  );\n\n  window.addEventListener(\n    \"orientationchange\",\n    alignHeroToViewport,\n    {\n      passive: true\n    }\n  );\n\n  \/* =======================================================\n     CONTENEURS WORDPRESS\n  ======================================================= *\/\n\n  let parent = hero.parentElement;\n  let parentLevel = 0;\n\n  while (\n    parent &&\n    parentLevel < 6\n  ) {\n    parent.classList.add(\n      \"rb-home-hero-overflow-visible\"\n    );\n\n    parent = parent.parentElement;\n    parentLevel += 1;\n  }\n\n  document.documentElement.classList.add(\n    \"rb-home-hero-page\"\n  );\n\n  document.body.classList.add(\n    \"rb-home-hero-page\"\n  );\n\n  \/* =======================================================\n     APPARITION DU HERO\n  ======================================================= *\/\n\n  function revealHero() {\n    window.requestAnimationFrame(\n      function () {\n        hero.classList.add(\n          \"rb-home-hero--visible\"\n        );\n      }\n    );\n  }\n\n  if (\n    \"IntersectionObserver\" in window &#038;&#038;\n    !prefersReducedMotion\n  ) {\n    const heroObserver =\n      new IntersectionObserver(\n        function (\n          entries,\n          observer\n        ) {\n          entries.forEach(\n            function (entry) {\n              if (\n                !entry.isIntersecting\n              ) {\n                return;\n              }\n\n              revealHero();\n\n              observer.unobserve(\n                entry.target\n              );\n            }\n          );\n        },\n        {\n          threshold: 0.08\n        }\n      );\n\n    heroObserver.observe(hero);\n  } else {\n    revealHero();\n  }\n\n  \/* =======================================================\n     D\u00c9FILEMENT VERS LES COURS\n  ======================================================= *\/\n\n  if (discoverLink) {\n    discoverLink.addEventListener(\n      \"click\",\n      function (event) {\n        const targetSelector =\n          discoverLink.getAttribute(\n            \"href\"\n          );\n\n        if (\n          !targetSelector ||\n          !targetSelector.startsWith(\"#\")\n        ) {\n          return;\n        }\n\n        const target =\n          document.querySelector(\n            targetSelector\n          );\n\n        if (!target) {\n          return;\n        }\n\n        event.preventDefault();\n\n        target.scrollIntoView({\n          behavior:\n            prefersReducedMotion\n              ? \"auto\"\n              : \"smooth\",\n          block: \"start\"\n        });\n\n        window.history.pushState(\n          null,\n          \"\",\n          targetSelector\n        );\n      }\n    );\n  }\n\n  \/* =======================================================\n     MOUVEMENT L\u00c9GER DE L\u2019IMAGE SUR ORDINATEUR\n  ======================================================= *\/\n\n  const pointerIsFine =\n    window.matchMedia(\n      \"(pointer: fine)\"\n    ).matches;\n\n  if (\n    image &#038;&#038;\n    pointerIsFine &#038;&#038;\n    !prefersReducedMotion\n  ) {\n    hero.addEventListener(\n      \"pointermove\",\n      function (event) {\n        if (\n          window.innerWidth <= 767\n        ) {\n          image.style.transform = \"\";\n\n          return;\n        }\n\n        const bounds =\n          hero.getBoundingClientRect();\n\n        const horizontalPosition =\n          (\n            event.clientX -\n            bounds.left\n          ) \/\n          bounds.width -\n          0.5;\n\n        const verticalPosition =\n          (\n            event.clientY -\n            bounds.top\n          ) \/\n          bounds.height -\n          0.5;\n\n        const translateX =\n          horizontalPosition * -7;\n\n        const translateY =\n          verticalPosition * -5;\n\n        image.style.transform =\n          \"scale(1.02) translate(\" +\n          translateX +\n          \"px, \" +\n          translateY +\n          \"px)\";\n      }\n    );\n\n    hero.addEventListener(\n      \"pointerleave\",\n      function () {\n        image.style.transform = \"\";\n      }\n    );\n  }\n})();\n<\/script>\n\n<section\n  id=\"rb-home-hero\"\n  class=\"rb-home-hero\"\n  aria-labelledby=\"rb-home-hero-title\"\n>\n  <div class=\"rb-home-hero__container\">\n\n    <div class=\"rb-home-hero__card\">\n\n      <img decoding=\"async\"\n        class=\"rb-home-hero__image\"\n        src=\"https:\/\/rb.scripters.fr\/wp-content\/uploads\/2026\/08\/Image-homepage-danse.webp\"\n        alt=\"Ralph Beaubrun pendant un cours de danse\"\n        width=\"1920\"\n        height=\"1080\"\n        loading=\"eager\"\n        fetchpriority=\"high\"\n      >\n\n      <div\n        class=\"rb-home-hero__overlay\"\n        aria-hidden=\"true\"\n      ><\/div>\n\n      <div class=\"rb-home-hero__content\">\n\n        <h1\n          id=\"rb-home-hero-title\"\n          class=\"rb-home-hero__title\"\n        >\n          <span class=\"rb-home-hero__title-line\">\n            <span>Ballare<\/span>\n            <span>il vivente,<\/span>\n          <\/span>\n\n          <span class=\"rb-home-hero__title-line\">\n            <span>Abitare<\/span>\n            <span>il corpo.<\/span>\n          <\/span>\n        <\/h1>\n\n        <p class=\"rb-home-hero__description\">\n          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.\n        <\/p>\n\n        <div class=\"rb-home-hero__actions\">\n\n          <a\n            class=\"rb-home-hero__discover\"\n            href=\"#dance-courses-section\"\n          >\n            <span>Scopri i corsi<\/span>\n\n            <span\n              class=\"rb-home-hero__discover-arrow\"\n              aria-hidden=\"true\"\n            >\n              \u2192\n            <\/span>\n          <\/a>\n\n          <a\n            class=\"rb-home-hero__booking\"\n            href=\"https:\/\/rb.scripters.fr\/it\/?page_id=47\"\n          >\n            Prenota\n          <\/a>\n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n<\/section>\n\n\n\n<style data-wp-block-html=\"css\">\n\/* =========================================================\n   R\u00c9INITIALISATION\n========================================================= *\/\n\n#dance-courses-section,\n#dance-courses-section *,\n#dance-courses-section *::before,\n#dance-courses-section *::after {\n  box-sizing: border-box;\n}\n\nhtml.dance-courses-page,\nbody.dance-courses-page {\n  overflow-x: clip !important;\n}\n\n.dance-courses-overflow-visible {\n  overflow: visible !important;\n}\n\n\/* =========================================================\n   SECTION PRINCIPALE\n========================================================= *\/\n\n#dance-courses-section {\n  --dance-courses-shift: 0px;\n  --dance-courses-background: #f2f1e9;\n  --dance-courses-dark: #202020;\n  --dance-courses-white: #f8f8f4;\n  --dance-courses-muted: rgba(248, 248, 244, 0.88);\n\n  position: relative;\n\n  width: 100vw;\n  width: 100dvw;\n\n  max-width: 100vw;\n  max-width: 100dvw;\n\n  margin: 0;\n\n  padding:\n    clamp(62px, 5.5vw, 92px)\n    0\n    clamp(72px, 6vw, 100px);\n\n  overflow: hidden;\n  isolation: isolate;\n\n  color: #1e1e1e;\n  background-color: var(--dance-courses-background);\n\n  font-family: \"Poppins\", Arial, Helvetica, sans-serif;\n\n  transform: translate3d(\n    var(--dance-courses-shift),\n    0,\n    0\n  );\n}\n\n\/* =========================================================\n   CONTENEUR PRINCIPAL\n========================================================= *\/\n\n#dance-courses-section .dance-courses__container {\n  width: calc(100% - 48px);\n  max-width: 1580px;\n\n  margin: 0 auto;\n}\n\n\/* =========================================================\n   EN-T\u00caTE\n========================================================= *\/\n\n#dance-courses-section .dance-courses__header {\n  width: 100%;\n  max-width: 950px;\n\n  margin:\n    0\n    auto\n    clamp(76px, 7vw, 115px);\n\n  text-align: center;\n}\n\n#dance-courses-section .dance-courses__main-title {\n  margin: 0;\n  padding: 0;\n\n  color: #1d1d1d;\n\n  font-family: \"Poppins\", Arial, Helvetica, sans-serif;\n  font-size: clamp(52px, 5vw, 80px);\n  font-weight: 500;\n  line-height: 1.05;\n  letter-spacing: -0.045em;\n}\n\n#dance-courses-section .dance-courses__intro {\n  margin:\n    clamp(18px, 1.8vw, 27px)\n    0\n    0;\n\n  padding: 0;\n\n  color: #262626;\n\n  font-family: \"Poppins\", Arial, Helvetica, sans-serif;\n  font-size: clamp(16px, 1.25vw, 20px);\n  font-weight: 400;\n  line-height: 1.42;\n  letter-spacing: -0.02em;\n}\n\n\/* =========================================================\n   DISPOSITION DES PANNEAUX\n========================================================= *\/\n\n#dance-courses-section .dance-courses__layout {\n  display: grid;\n\n  grid-template-columns:\n    minmax(0, 1.82fr)\n    minmax(340px, 1fr);\n\n  align-items: stretch;\n\n  gap: clamp(20px, 1.7vw, 28px);\n}\n\n\/* =========================================================\n   PANNEAUX NOIRS\n========================================================= *\/\n\n#dance-courses-section .dance-courses__panel {\n  min-width: 0;\n\n  padding: clamp(20px, 1.6vw, 26px);\n\n  overflow: hidden;\n\n  border-radius: 20px;\n  background-color: var(--dance-courses-dark);\n\n  box-shadow:\n    0 18px 50px rgba(0, 0, 0, 0.05);\n}\n\n\/* Panneau de gauche *\/\n\n#dance-courses-section .dance-courses__panel--double {\n  display: grid;\n\n  grid-template-columns:\n    repeat(2, minmax(0, 1fr));\n\n  grid-template-rows:\n    auto\n    1fr\n    auto;\n\n  column-gap: clamp(20px, 1.5vw, 24px);\n}\n\n\/* Positionnement desktop *\/\n\n#dance-courses-section\n  .dance-courses__panel--double\n  .dance-courses__card--ralph {\n  grid-column: 1;\n  grid-row: 1 \/ span 2;\n}\n\n#dance-courses-section\n  .dance-courses__panel--double\n  .dance-courses__card--retreat {\n  grid-column: 2;\n  grid-row: 1 \/ span 2;\n}\n\n#dance-courses-section\n  .dance-courses__panel--double\n  .dance-courses__panel-actions {\n  grid-column: 1;\n  grid-row: 3;\n}\n\n\/* Panneau de droite *\/\n\n#dance-courses-section .dance-courses__panel--single {\n  display: flex;\n  flex-direction: column;\n}\n\n\/* =========================================================\n   CARTES\n========================================================= *\/\n\n#dance-courses-section .dance-courses__card {\n  --dance-card-pointer-x: 0px;\n  --dance-card-pointer-y: 0px;\n\n  display: flex;\n  flex-direction: column;\n\n  min-width: 0;\n\n  margin: 0;\n  padding: 0;\n\n  color: var(--dance-courses-white);\n}\n\n\/* =========================================================\n   IMAGES\n========================================================= *\/\n\n#dance-courses-section .dance-courses__image-frame {\n  position: relative;\n\n  display: block;\n\n  width: 100%;\n  aspect-ratio: 1.72 \/ 1;\n\n  overflow: hidden;\n  isolation: isolate;\n\n  border-radius: 14px;\n  background-color: #333333;\n}\n\n#dance-courses-section .dance-courses__image-frame::after {\n  content: \"\";\n\n  position: absolute;\n  inset: 0;\n  z-index: 2;\n\n  opacity: 0.35;\n\n  background:\n    linear-gradient(\n      180deg,\n      rgba(0, 0, 0, 0) 45%,\n      rgba(0, 0, 0, 0.17) 100%\n    );\n\n  transition: opacity 400ms ease;\n\n  pointer-events: none;\n}\n\n#dance-courses-section .dance-courses__image {\n  position: absolute;\n  inset: -2%;\n\n  display: block;\n\n  width: 104%;\n  height: 104%;\n  max-width: none;\n\n  margin: 0;\n\n  object-fit: cover;\n  object-position: center;\n\n  transform:\n    translate3d(\n      var(--dance-card-pointer-x),\n      var(--dance-card-pointer-y),\n      0\n    )\n    scale(1.02);\n\n  transition:\n    transform 650ms cubic-bezier(0.22, 1, 0.36, 1),\n    filter 450ms ease;\n\n  will-change: transform;\n\n  user-select: none;\n  pointer-events: none;\n}\n\n#dance-courses-section\n  .dance-courses__card--ralph\n  .dance-courses__image {\n  object-position: center center;\n}\n\n#dance-courses-section\n  .dance-courses__card--retreat\n  .dance-courses__image {\n  object-position: center center;\n}\n\n#dance-courses-section\n  .dance-courses__card--ambassadors\n  .dance-courses__image {\n  object-position: center center;\n}\n\n#dance-courses-section\n  .dance-courses__card:hover\n  .dance-courses__image {\n  transform:\n    translate3d(\n      var(--dance-card-pointer-x),\n      var(--dance-card-pointer-y),\n      0\n    )\n    scale(1.065);\n}\n\n#dance-courses-section\n  .dance-courses__card:hover\n  .dance-courses__image-frame::after {\n  opacity: 0.12;\n}\n\n\/* =========================================================\n   CONTENU DES CARTES\n========================================================= *\/\n\n#dance-courses-section .dance-courses__card-content {\n  width: 100%;\n\n  padding:\n    clamp(24px, 2vw, 32px)\n    clamp(18px, 1.35vw, 22px)\n    0;\n}\n\n#dance-courses-section .dance-courses__card-title {\n  margin: 0;\n  padding: 0;\n\n  color: var(--dance-courses-white);\n\n  font-family: \"Poppins\", Arial, Helvetica, sans-serif;\n  font-size: clamp(22px, 1.75vw, 29px);\n  font-weight: 500;\n  line-height: 1.08;\n  letter-spacing: -0.03em;\n}\n\n#dance-courses-section .dance-courses__description {\n  width: 100%;\n  max-width: 440px;\n\n  margin: 12px 0 0;\n  padding: 0;\n\n  color: var(--dance-courses-muted);\n\n  font-family: \"Poppins\", Arial, Helvetica, sans-serif;\n  font-size: clamp(15px, 1.15vw, 18px);\n  font-weight: 300;\n  line-height: 1.4;\n  letter-spacing: -0.018em;\n}\n\n\/* =========================================================\n   ACTIONS NON CLIQUABLES\n========================================================= *\/\n\n#dance-courses-section .dance-courses__panel-actions {\n  display: flex;\n  align-items: center;\n  flex-wrap: wrap;\n\n  gap: clamp(18px, 1.5vw, 25px);\n\n  margin-top: auto;\n\n  padding:\n    clamp(40px, 4vw, 62px)\n    clamp(18px, 1.35vw, 22px)\n    clamp(8px, 0.8vw, 14px);\n\n  user-select: none;\n  pointer-events: none;\n}\n\n\/* En savoir plus *\/\n\n#dance-courses-section .dance-courses__discover {\n  display: inline-flex;\n  align-items: center;\n\n  gap: 11px;\n\n  min-height: 46px;\n\n  color: var(--dance-courses-white);\n\n  font-family: \"Poppins\", Arial, Helvetica, sans-serif;\n  font-size: clamp(12px, 0.9vw, 14px);\n  font-weight: 300;\n  line-height: 1;\n  white-space: nowrap;\n}\n\n#dance-courses-section .dance-courses__arrow {\n  display: inline-flex;\n\n  font-size: 21px;\n  font-weight: 300;\n  line-height: 1;\n}\n\n\/* R\u00e9server *\/\n\n#dance-courses-section .dance-courses__button {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n\n  min-width: clamp(145px, 10vw, 170px);\n  min-height: 48px;\n\n  padding: 11px 26px;\n\n  color: var(--dance-courses-white);\n\n  border: 1px solid rgba(255, 255, 255, 0.88);\n  border-radius: 999px;\n\n  background-color: transparent;\n\n  font-family: \"Poppins\", Arial, Helvetica, sans-serif;\n  font-size: clamp(12px, 0.9vw, 14px);\n  font-weight: 300;\n  line-height: 1;\n  white-space: nowrap;\n}\n\n\/* Le panneau simple pousse ses boutons vers le bas *\/\n\n#dance-courses-section\n  .dance-courses__panel--single\n  .dance-courses__panel-actions {\n  margin-top: auto;\n}\n\n\/* =========================================================\n   ANCRES DU MENU\n========================================================= *\/\n\n#dance-courses-section .dance-courses__anchor-target {\n  scroll-margin-top: 145px;\n}\n\n#dance-courses-section .dance-courses__anchor-target:focus {\n  outline: none;\n}\n\n#dance-courses-section\n  .dance-courses__anchor-target.dance-courses__anchor-target--active {\n  animation: danceCoursesAnchorHighlight 1.25s ease;\n}\n\n@keyframes danceCoursesAnchorHighlight {\n  0% {\n    filter: brightness(1);\n  }\n\n  35% {\n    filter: brightness(1.15);\n  }\n\n  100% {\n    filter: brightness(1);\n  }\n}\n\n\/* =========================================================\n   ANIMATIONS D\u2019APPARITION\n========================================================= *\/\n\n#dance-courses-section.dance-courses--js\n  .dance-courses__main-title,\n#dance-courses-section.dance-courses--js\n  .dance-courses__intro,\n#dance-courses-section.dance-courses--js\n  .dance-courses__panel {\n  opacity: 0;\n}\n\n#dance-courses-section.dance-courses--js\n  .dance-courses__main-title {\n  transform: translateY(45px);\n  filter: blur(5px);\n\n  transition:\n    opacity 850ms ease,\n    transform 850ms cubic-bezier(0.22, 1, 0.36, 1),\n    filter 850ms ease;\n}\n\n#dance-courses-section.dance-courses--js\n  .dance-courses__intro {\n  transform: translateY(25px);\n\n  transition:\n    opacity 700ms ease 140ms,\n    transform 700ms cubic-bezier(0.22, 1, 0.36, 1) 140ms;\n}\n\n#dance-courses-section.dance-courses--js\n  .dance-courses__panel {\n  transform: translateY(55px) scale(0.98);\n\n  transition:\n    opacity 850ms ease,\n    transform 850ms cubic-bezier(0.22, 1, 0.36, 1);\n}\n\n#dance-courses-section.dance-courses--js\n  .dance-courses__panel--double {\n  transition-delay: 270ms;\n}\n\n#dance-courses-section.dance-courses--js\n  .dance-courses__panel--single {\n  transition-delay: 390ms;\n}\n\n#dance-courses-section.dance-courses--visible\n  .dance-courses__main-title,\n#dance-courses-section.dance-courses--visible\n  .dance-courses__intro,\n#dance-courses-section.dance-courses--visible\n  .dance-courses__panel {\n  opacity: 1;\n\n  transform: translate3d(0, 0, 0);\n\n  filter: blur(0);\n}\n\n\/* =========================================================\n   \u00c9CRANS INTERM\u00c9DIAIRES\n========================================================= *\/\n\n@media screen and (max-width: 1250px) {\n  #dance-courses-section .dance-courses__layout {\n    grid-template-columns:\n      minmax(0, 1.65fr)\n      minmax(320px, 1fr);\n  }\n\n  #dance-courses-section .dance-courses__panel-actions {\n    align-items: flex-start;\n    flex-direction: column;\n\n    gap: 8px;\n  }\n}\n\n\/* =========================================================\n   TABLETTE\n========================================================= *\/\n\n@media screen and (max-width: 980px) {\n  #dance-courses-section {\n    padding-top: 62px;\n    padding-bottom: 76px;\n  }\n\n  #dance-courses-section .dance-courses__container {\n    width: calc(100% - 36px);\n  }\n\n  #dance-courses-section .dance-courses__header {\n    margin-bottom: 62px;\n  }\n\n  #dance-courses-section .dance-courses__layout {\n    grid-template-columns: minmax(0, 1fr);\n  }\n\n  #dance-courses-section .dance-courses__panel-actions {\n    align-items: center;\n    flex-direction: row;\n\n    gap: 20px;\n  }\n\n  #dance-courses-section\n    .dance-courses__panel--single\n    .dance-courses__image-frame {\n    aspect-ratio: 2 \/ 1;\n  }\n\n  #dance-courses-section .dance-courses__anchor-target {\n    scroll-margin-top: 120px;\n  }\n}\n\n\/* =========================================================\n   FORMAT T\u00c9L\u00c9PHONE\n========================================================= *\/\n\n@media screen and (max-width: 680px) {\n  #dance-courses-section {\n    padding:\n      44px\n      0\n      34px;\n  }\n\n  #dance-courses-section .dance-courses__container {\n    width: calc(100% - 24px);\n  }\n\n  \/* En-t\u00eate identique \u00e0 la maquette mobile *\/\n\n  #dance-courses-section .dance-courses__header {\n    max-width: 390px;\n\n    margin:\n      0\n      auto\n      32px;\n  }\n\n  #dance-courses-section .dance-courses__main-title {\n    font-size: clamp(30px, 8.4vw, 36px);\n    font-weight: 500;\n    line-height: 1.08;\n    letter-spacing: -0.04em;\n  }\n\n  #dance-courses-section .dance-courses__intro {\n    max-width: 350px;\n\n    margin:\n      12px\n      auto\n      0;\n\n    font-size: 13px;\n    line-height: 1.5;\n  }\n\n  #dance-courses-section .dance-courses__intro br {\n    display: none;\n  }\n\n  \/* Une seule colonne *\/\n\n  #dance-courses-section .dance-courses__layout {\n    grid-template-columns: minmax(0, 1fr);\n\n    gap: 14px;\n  }\n\n  \/* Encadr\u00e9s noirs *\/\n\n  #dance-courses-section .dance-courses__panel {\n    padding: 14px;\n\n    border-radius: 19px;\n  }\n\n  \/* Les deux premi\u00e8res cartes sont empil\u00e9es *\/\n\n  #dance-courses-section .dance-courses__panel--double {\n    display: grid;\n\n    grid-template-columns: minmax(0, 1fr);\n    grid-template-rows: auto;\n\n    row-gap: 0;\n  }\n\n  #dance-courses-section\n    .dance-courses__panel--double\n    .dance-courses__card--ralph,\n  #dance-courses-section\n    .dance-courses__panel--double\n    .dance-courses__card--retreat,\n  #dance-courses-section\n    .dance-courses__panel--double\n    .dance-courses__panel-actions {\n    grid-column: 1;\n    grid-row: auto;\n  }\n\n  \/* Espace entre Ralph et Retraites *\/\n\n  #dance-courses-section\n    .dance-courses__card--retreat {\n    margin-top: 32px;\n  }\n\n  \/* Images comme sur la capture *\/\n\n  #dance-courses-section .dance-courses__image-frame,\n  #dance-courses-section\n    .dance-courses__panel--single\n    .dance-courses__image-frame {\n    aspect-ratio: 1.72 \/ 1;\n\n    border-radius: 12px;\n  }\n\n  #dance-courses-section .dance-courses__image {\n    inset: 0;\n\n    width: 100%;\n    height: 100%;\n\n    transform: none;\n\n    object-fit: cover;\n  }\n\n  #dance-courses-section\n    .dance-courses__card:hover\n    .dance-courses__image {\n    transform: none;\n  }\n\n  \/* Textes *\/\n\n  #dance-courses-section .dance-courses__card-content {\n    padding:\n      18px\n      16px\n      0;\n  }\n\n  #dance-courses-section .dance-courses__card-title {\n    font-size: 25px;\n    line-height: 1.08;\n  }\n\n  #dance-courses-section .dance-courses__description {\n    max-width: none;\n\n    margin-top: 12px;\n\n    font-size: 14px;\n    line-height: 1.48;\n  }\n\n  \/* Boutons en ligne comme sur la maquette *\/\n\n  #dance-courses-section .dance-courses__panel-actions {\n    align-items: center;\n    justify-content: space-between;\n    flex-direction: row;\n    flex-wrap: nowrap;\n\n    width: 100%;\n\n    gap: 12px;\n\n    padding:\n      30px\n      16px\n      4px;\n  }\n\n  #dance-courses-section .dance-courses__discover {\n    flex: 0 1 auto;\n\n    min-width: 0;\n    min-height: 48px;\n\n    font-size: 14px;\n  }\n\n  #dance-courses-section .dance-courses__arrow {\n    font-size: 22px;\n  }\n\n  #dance-courses-section .dance-courses__button {\n    flex: 0 0 176px;\n\n    min-width: 0;\n    min-height: 55px;\n\n    padding:\n      11px\n      20px;\n\n    font-size: 14px;\n  }\n\n  #dance-courses-section .dance-courses__anchor-target {\n    scroll-margin-top: 95px;\n  }\n}\n\n\/* =========================================================\n   PETITS T\u00c9L\u00c9PHONES\n========================================================= *\/\n\n@media screen and (max-width: 390px) {\n  #dance-courses-section .dance-courses__container {\n    width: calc(100% - 18px);\n  }\n\n  #dance-courses-section .dance-courses__panel {\n    padding: 12px;\n  }\n\n  #dance-courses-section .dance-courses__card-content {\n    padding:\n      17px\n      13px\n      0;\n  }\n\n  #dance-courses-section .dance-courses__card-title {\n    font-size: 23px;\n  }\n\n  #dance-courses-section .dance-courses__description {\n    font-size: 13px;\n  }\n\n  #dance-courses-section .dance-courses__panel-actions {\n    padding:\n      28px\n      13px\n      4px;\n  }\n\n  #dance-courses-section .dance-courses__discover {\n    font-size: 13px;\n  }\n\n  #dance-courses-section .dance-courses__button {\n    flex-basis: 155px;\n\n    min-height: 52px;\n\n    font-size: 13px;\n  }\n}\n\n\/* =========================================================\n   R\u00c9DUCTION DES MOUVEMENTS\n========================================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n  #dance-courses-section *,\n  #dance-courses-section *::before,\n  #dance-courses-section *::after {\n    scroll-behavior: auto !important;\n\n    animation-duration: 0.01ms !important;\n    animation-iteration-count: 1 !important;\n\n    transition-duration: 0.01ms !important;\n  }\n\n  #dance-courses-section .dance-courses__image {\n    transform: none !important;\n  }\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\n(function () {\n  \"use strict\";\n\n  const section = document.getElementById(\n    \"dance-courses-section\"\n  );\n\n  if (\n    !section ||\n    section.dataset.initialized === \"true\"\n  ) {\n    return;\n  }\n\n  section.dataset.initialized = \"true\";\n  section.classList.add(\"dance-courses--js\");\n\n  const cards = section.querySelectorAll(\n    \".dance-courses__card\"\n  );\n\n  const anchorIds = [\n    \"cours-avec-ralph\",\n    \"cours-reguliers-ambassadeurs\"\n  ];\n\n  const prefersReducedMotion = window.matchMedia(\n    \"(prefers-reduced-motion: reduce)\"\n  ).matches;\n\n  let resizeAnimationFrame = null;\n\n  \/* =======================================================\n     PR\u00c9PARATION DES CONTENEURS WORDPRESS\n  ======================================================= *\/\n\n  function prepareWordPressContainers() {\n    document.documentElement.classList.add(\n      \"dance-courses-page\"\n    );\n\n    document.body.classList.add(\n      \"dance-courses-page\"\n    );\n\n    let parent = section.parentElement;\n\n    while (\n      parent &&\n      parent !== document.body\n    ) {\n      parent.classList.add(\n        \"dance-courses-overflow-visible\"\n      );\n\n      parent = parent.parentElement;\n    }\n  }\n\n  \/* =======================================================\n     POSITIONNEMENT EN PLEINE LARGEUR\n  ======================================================= *\/\n\n  function updateFullWidthPosition() {\n    section.style.setProperty(\n      \"--dance-courses-shift\",\n      \"0px\"\n    );\n\n    const sectionBounds =\n      section.getBoundingClientRect();\n\n    const horizontalShift =\n      -sectionBounds.left;\n\n    section.style.setProperty(\n      \"--dance-courses-shift\",\n      horizontalShift.toFixed(2) + \"px\"\n    );\n  }\n\n  function requestFullWidthUpdate() {\n    if (resizeAnimationFrame !== null) {\n      window.cancelAnimationFrame(\n        resizeAnimationFrame\n      );\n    }\n\n    resizeAnimationFrame =\n      window.requestAnimationFrame(\n        function () {\n          updateFullWidthPosition();\n          resizeAnimationFrame = null;\n        }\n      );\n  }\n\n  \/* =======================================================\n     ANIMATION D\u2019APPARITION\n  ======================================================= *\/\n\n  function revealSection() {\n    window.requestAnimationFrame(\n      function () {\n        section.classList.add(\n          \"dance-courses--visible\"\n        );\n      }\n    );\n  }\n\n  if (\"IntersectionObserver\" in window) {\n    const observer =\n      new IntersectionObserver(\n        function (\n          entries,\n          currentObserver\n        ) {\n          entries.forEach(\n            function (entry) {\n              if (entry.isIntersecting) {\n                revealSection();\n\n                currentObserver.unobserve(\n                  entry.target\n                );\n              }\n            }\n          );\n        },\n        {\n          threshold: 0.1\n        }\n      );\n\n    observer.observe(section);\n  } else {\n    revealSection();\n  }\n\n  \/* =======================================================\n     ANCRES DU MENU\n  ======================================================= *\/\n\n  function highlightAnchor(target) {\n    if (!target) {\n      return;\n    }\n\n    target.classList.remove(\n      \"dance-courses__anchor-target--active\"\n    );\n\n    void target.offsetWidth;\n\n    target.classList.add(\n      \"dance-courses__anchor-target--active\"\n    );\n\n    window.setTimeout(\n      function () {\n        target.classList.remove(\n          \"dance-courses__anchor-target--active\"\n        );\n      },\n      1300\n    );\n  }\n\n  function scrollToCourseAnchor(\n    anchorId,\n    updateUrl\n  ) {\n    const target =\n      document.getElementById(anchorId);\n\n    if (!target) {\n      return;\n    }\n\n    target.scrollIntoView({\n      behavior: prefersReducedMotion\n        ? \"auto\"\n        : \"smooth\",\n      block: \"start\"\n    });\n\n    highlightAnchor(target);\n\n    if (updateUrl) {\n      window.history.pushState(\n        null,\n        \"\",\n        \"#\" + anchorId\n      );\n    }\n\n    window.setTimeout(\n      function () {\n        target.focus({\n          preventScroll: true\n        });\n      },\n      prefersReducedMotion ? 0 : 650\n    );\n  }\n\n  function initializeMenuAnchors() {\n    anchorIds.forEach(\n      function (anchorId) {\n        const menuLinks =\n          document.querySelectorAll(\n            'a[href*=\"#' +\n              anchorId +\n              '\"]'\n          );\n\n        menuLinks.forEach(\n          function (menuLink) {\n            menuLink.addEventListener(\n              \"click\",\n              function (event) {\n                const target =\n                  document.getElementById(\n                    anchorId\n                  );\n\n                if (!target) {\n                  return;\n                }\n\n                event.preventDefault();\n\n                scrollToCourseAnchor(\n                  anchorId,\n                  true\n                );\n              }\n            );\n          }\n        );\n      }\n    );\n  }\n\n  function openCurrentHash() {\n    const anchorId =\n      window.location.hash.replace(\n        \"#\",\n        \"\"\n      );\n\n    if (!anchorIds.includes(anchorId)) {\n      return;\n    }\n\n    window.setTimeout(\n      function () {\n        scrollToCourseAnchor(\n          anchorId,\n          false\n        );\n      },\n      350\n    );\n  }\n\n  \/* =======================================================\n     MOUVEMENT L\u00c9GER DES IMAGES SUR ORDINATEUR\n  ======================================================= *\/\n\n  function initializeCardMovement(card) {\n    if (prefersReducedMotion) {\n      return;\n    }\n\n    const imageFrame =\n      card.querySelector(\n        \".dance-courses__image-frame\"\n      );\n\n    if (!imageFrame) {\n      return;\n    }\n\n    let pointerX = 0;\n    let pointerY = 0;\n    let cardAnimationFrame = null;\n\n    function updateCardImage() {\n      card.style.setProperty(\n        \"--dance-card-pointer-x\",\n        pointerX.toFixed(2) + \"px\"\n      );\n\n      card.style.setProperty(\n        \"--dance-card-pointer-y\",\n        pointerY.toFixed(2) + \"px\"\n      );\n\n      cardAnimationFrame = null;\n    }\n\n    function requestCardImageUpdate() {\n      if (cardAnimationFrame !== null) {\n        return;\n      }\n\n      cardAnimationFrame =\n        window.requestAnimationFrame(\n          updateCardImage\n        );\n    }\n\n    imageFrame.addEventListener(\n      \"pointermove\",\n      function (event) {\n        if (\n          event.pointerType === \"touch\" ||\n          window.innerWidth <= 680\n        ) {\n          return;\n        }\n\n        const frameBounds =\n          imageFrame.getBoundingClientRect();\n\n        const normalizedX =\n          (event.clientX -\n            frameBounds.left) \/\n            frameBounds.width -\n          0.5;\n\n        const normalizedY =\n          (event.clientY -\n            frameBounds.top) \/\n            frameBounds.height -\n          0.5;\n\n        pointerX = normalizedX * -8;\n        pointerY = normalizedY * -5;\n\n        requestCardImageUpdate();\n      }\n    );\n\n    imageFrame.addEventListener(\n      \"pointerleave\",\n      function () {\n        pointerX = 0;\n        pointerY = 0;\n\n        requestCardImageUpdate();\n      }\n    );\n  }\n\n  cards.forEach(\n    function (card) {\n      initializeCardMovement(card);\n    }\n  );\n\n  \/* =======================================================\n     INITIALISATION\n  ======================================================= *\/\n\n  prepareWordPressContainers();\n  updateFullWidthPosition();\n  initializeMenuAnchors();\n\n  window.addEventListener(\n    \"resize\",\n    requestFullWidthUpdate,\n    {\n      passive: true\n    }\n  );\n\n  window.addEventListener(\n    \"orientationchange\",\n    requestFullWidthUpdate,\n    {\n      passive: true\n    }\n  );\n\n  window.addEventListener(\n    \"load\",\n    function () {\n      requestFullWidthUpdate();\n      openCurrentHash();\n    }\n  );\n\n  window.addEventListener(\n    \"hashchange\",\n    openCurrentHash\n  );\n\n  window.setTimeout(\n    requestFullWidthUpdate,\n    100\n  );\n\n  window.setTimeout(\n    requestFullWidthUpdate,\n    400\n  );\n\n  window.setTimeout(\n    requestFullWidthUpdate,\n    1000\n  );\n\n  if (\n    document.fonts &#038;&#038;\n    document.fonts.ready\n  ) {\n    document.fonts.ready.then(\n      requestFullWidthUpdate\n    );\n  }\n\n  if (\n    document.readyState === \"complete\"\n  ) {\n    revealSection();\n    openCurrentHash();\n    requestFullWidthUpdate();\n  }\n})();\n<\/script>\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n\n<link\n  href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600&#038;display=swap\"\n  rel=\"stylesheet\"\n>\n\n<section\n  id=\"dance-courses-section\"\n  class=\"dance-courses\"\n  aria-labelledby=\"dance-courses-title\"\n>\n  <div class=\"dance-courses__container\">\n\n    <header class=\"dance-courses__header\">\n      <h2\n        id=\"dance-courses-title\"\n        class=\"dance-courses__main-title\"\n      >\n        I corsi di danza\n      <\/h2>\n\n      <p class=\"dance-courses__intro\">\n        \u00ab Lorem ipsum dolor sit amet, consectetur adipiscing<br>\n        elit, sed do eiusmod tempor incididunt.\n      <\/p>\n    <\/header>\n\n    <div class=\"dance-courses__layout\">\n\n      <!-- ================================================\n           PANNEAU : COURS AVEC RALPH + RETRAITES\n      ================================================= -->\n\n      <div class=\"dance-courses__panel dance-courses__panel--double\">\n\n        <article\n          id=\"cours-avec-ralph\"\n          class=\"dance-courses__card dance-courses__card--ralph dance-courses__anchor-target\"\n          tabindex=\"-1\"\n        >\n          <div class=\"dance-courses__image-frame\">\n            <img\n              class=\"dance-courses__image\"\n              src=\"https:\/\/rb.scripters.fr\/wp-content\/uploads\/2026\/08\/Cours.webp\"\n              alt=\"Cours de danse avec Ralph Beaubrun\"\n              width=\"1200\"\n              height=\"700\"\n              loading=\"lazy\"\n              decoding=\"async\"\n            >\n          <\/div>\n\n          <div class=\"dance-courses__card-content\">\n            <h3 class=\"dance-courses__card-title\">\n              Lezioni con Ralph\n            <\/h3>\n\n            <p class=\"dance-courses__description\">\n              \u00ab Lorem ipsum dolor sit amet, consectetur adipiscing elit,\n              sed do eiusmod tempor incididunt ut labore.\n            <\/p>\n          <\/div>\n        <\/article>\n\n        <article\n          id=\"retraites\"\n          class=\"dance-courses__card dance-courses__card--retreat dance-courses__anchor-target\"\n          tabindex=\"-1\"\n        >\n          <div class=\"dance-courses__image-frame\">\n            <img\n              class=\"dance-courses__image\"\n              src=\"https:\/\/rb.scripters.fr\/wp-content\/uploads\/2026\/08\/Retraite.webp\"\n              alt=\"Retraite et stage de danse avec Ralph Beaubrun\"\n              width=\"1200\"\n              height=\"700\"\n              loading=\"lazy\"\n              decoding=\"async\"\n            >\n          <\/div>\n\n          <div class=\"dance-courses__card-content\">\n            <h3 class=\"dance-courses__card-title\">\n              Le pensioni\n            <\/h3>\n\n            <p class=\"dance-courses__description\">\n              \u00ab Lorem ipsum dolor sit amet, consectetur adipiscing elit,\n              sed do eiusmod tempor incididunt ut labore.\n            <\/p>\n          <\/div>\n        <\/article>\n\n        <!-- Actions non cliquables -->\n\n        <div class=\"dance-courses__panel-actions\">\n          <span class=\"dance-courses__discover\">\n            <span>Scopri di pi\u00f9<\/span>\n\n            <span\n              class=\"dance-courses__arrow\"\n              aria-hidden=\"true\"\n            >\n              \u2192\n            <\/span>\n          <\/span>\n\n          <span class=\"dance-courses__button\">\n            Prenota\n          <\/span>\n        <\/div>\n\n      <\/div>\n\n      <!-- ================================================\n           PANNEAU : COURS R\u00c9GULIERS \/ AMBASSADEURS\n      ================================================= -->\n\n      <div class=\"dance-courses__panel dance-courses__panel--single\">\n\n        <article\n          id=\"cours-reguliers-ambassadeurs\"\n          class=\"dance-courses__card dance-courses__card--ambassadors dance-courses__anchor-target\"\n          tabindex=\"-1\"\n        >\n          <div class=\"dance-courses__image-frame\">\n            <img\n              class=\"dance-courses__image\"\n              src=\"https:\/\/rb.scripters.fr\/wp-content\/uploads\/2026\/08\/cours-ambassadeur.webp\"\n              alt=\"Cours r\u00e9guliers ambassadeurs\"\n              width=\"1200\"\n              height=\"700\"\n              loading=\"lazy\"\n              decoding=\"async\"\n            >\n          <\/div>\n\n          <div class=\"dance-courses__card-content\">\n            <h3 class=\"dance-courses__card-title\">\n              I corsi regolari<br>\n              Ambasciatori\n            <\/h3>\n\n            <p class=\"dance-courses__description\">\n              \u00ab Lorem ipsum dolor sit amet, consectetur adipiscing elit,\n              sed do eiusmod tempor incididunt ut labore.\n            <\/p>\n          <\/div>\n        <\/article>\n\n        <!-- Actions non cliquables -->\n\n        <div class=\"dance-courses__panel-actions\">\n          <span class=\"dance-courses__discover\">\n            <span>Scopri di pi\u00f9<\/span>\n\n            <span\n              class=\"dance-courses__arrow\"\n              aria-hidden=\"true\"\n            >\n              \u2192\n            <\/span>\n          <\/span>\n\n          <span class=\"dance-courses__button\">\n            Prenota\n          <\/span>\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n\n\n<style data-wp-block-html=\"css\">\n\/* =========================================================\n   R\u00c9INITIALISATION\n========================================================= *\/\n\n#danceclasses-social-section,\n#danceclasses-social-section *,\n#danceclasses-social-section *::before,\n#danceclasses-social-section *::after {\n  box-sizing: border-box;\n}\n\nhtml.danceclasses-social-page,\nbody.danceclasses-social-page {\n  overflow-x: clip !important;\n}\n\n.danceclasses-social-overflow-visible {\n  overflow: visible !important;\n}\n\n\/* =========================================================\n   SECTION PRINCIPALE\n========================================================= *\/\n\n#danceclasses-social-section {\n  --danceclasses-social-shift: 0px;\n  --danceclasses-social-background: #f2f1e9;\n  --danceclasses-social-text: #202020;\n\n  position: relative;\n\n  width: 100vw;\n  width: 100dvw;\n  max-width: 100vw;\n  max-width: 100dvw;\n\n  margin: 0;\n\n  padding:\n    clamp(48px, 4.2vw, 70px)\n    0\n    clamp(50px, 4.4vw, 72px);\n\n  overflow: hidden;\n  isolation: isolate;\n\n  color: var(--danceclasses-social-text);\n  background-color: var(--danceclasses-social-background);\n\n  font-family: \"Poppins\", Arial, Helvetica, sans-serif;\n\n  transform: translate3d(\n    var(--danceclasses-social-shift),\n    0,\n    0\n  );\n}\n\n\/* =========================================================\n   CONTENEUR\n========================================================= *\/\n\n#danceclasses-social-section .danceclasses-social__container {\n  width: calc(100% - 48px);\n  max-width: 1580px;\n\n  margin: 0 auto;\n}\n\n\/* =========================================================\n   TITRE\n========================================================= *\/\n\n#danceclasses-social-section .danceclasses-social__header {\n  width: 100%;\n  max-width: 780px;\n\n  margin:\n    0\n    auto\n    clamp(42px, 4vw, 62px);\n\n  text-align: center;\n}\n\n#danceclasses-social-section .danceclasses-social__title {\n  margin: 0;\n  padding: 0;\n\n  color: #202020;\n\n  font-family: \"Poppins\", Arial, Helvetica, sans-serif;\n  font-size: clamp(30px, 2.8vw, 44px);\n  font-weight: 500;\n  line-height: 1.06;\n  letter-spacing: -0.04em;\n}\n\n#danceclasses-social-section .danceclasses-social__title span {\n  display: block;\n}\n\n\/* =========================================================\n   GALERIE\n========================================================= *\/\n\n#danceclasses-social-section .danceclasses-social__gallery {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 305px));\n  justify-content: center;\n\n  width: 100%;\n\n  gap: clamp(18px, 1.8vw, 28px);\n}\n\n\/* =========================================================\n   CARTES\n========================================================= *\/\n\n#danceclasses-social-section .danceclasses-social__card {\n  --danceclasses-card-x: 0px;\n  --danceclasses-card-y: 0px;\n\n  display: block;\n\n  min-width: 0;\n\n  color: #ffffff;\n  text-decoration: none;\n}\n\n#danceclasses-social-section .danceclasses-social__image-frame {\n  position: relative;\n\n  display: block;\n\n  width: 100%;\n  aspect-ratio: 0.84 \/ 1;\n\n  overflow: hidden;\n  isolation: isolate;\n\n  border-radius: clamp(14px, 1.2vw, 18px);\n  background-color: #ddd9ce;\n\n  box-shadow:\n    0 18px 46px rgba(0, 0, 0, 0.07);\n\n  transition:\n    transform 550ms cubic-bezier(0.22, 1, 0.36, 1),\n    box-shadow 550ms ease;\n}\n\n\/* =========================================================\n   IMAGES\n========================================================= *\/\n\n#danceclasses-social-section .danceclasses-social__image {\n  position: absolute;\n  inset: -2%;\n\n  display: block;\n\n  width: 104%;\n  height: 104%;\n  max-width: none;\n\n  margin: 0;\n\n  object-fit: cover;\n  object-position: center;\n\n  transform:\n    translate3d(\n      var(--danceclasses-card-x),\n      var(--danceclasses-card-y),\n      0\n    )\n    scale(1.02);\n\n  transition:\n    transform 700ms cubic-bezier(0.22, 1, 0.36, 1),\n    filter 500ms ease;\n\n  will-change: transform;\n\n  user-select: none;\n  pointer-events: none;\n}\n\n#danceclasses-social-section\n  .danceclasses-social__card:hover\n  .danceclasses-social__image-frame {\n  transform: translateY(-7px);\n\n  box-shadow:\n    0 28px 65px rgba(0, 0, 0, 0.13);\n}\n\n#danceclasses-social-section\n  .danceclasses-social__card:hover\n  .danceclasses-social__image {\n  transform:\n    translate3d(\n      var(--danceclasses-card-x),\n      var(--danceclasses-card-y),\n      0\n    )\n    scale(1.06);\n}\n\n\/* =========================================================\n   CALQUE AU SURVOL\n========================================================= *\/\n\n#danceclasses-social-section .danceclasses-social__overlay {\n  position: absolute;\n  inset: 0;\n  z-index: 2;\n\n  opacity: 0;\n\n  background:\n    linear-gradient(\n      180deg,\n      rgba(0, 0, 0, 0.01) 35%,\n      rgba(0, 0, 0, 0.66) 100%\n    );\n\n  transition: opacity 420ms ease;\n\n  pointer-events: none;\n}\n\n#danceclasses-social-section\n  .danceclasses-social__card:hover\n  .danceclasses-social__overlay {\n  opacity: 1;\n}\n\n\/* =========================================================\n   IC\u00d4NES DES PUBLICATIONS\n========================================================= *\/\n\n#danceclasses-social-section .danceclasses-social__content-icon {\n  position: absolute;\n  top: 12px;\n  right: 12px;\n  z-index: 4;\n\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n\n  width: 30px;\n  height: 30px;\n\n  color: #202020;\n\n  border-radius: 9px;\n  background-color: rgba(255, 255, 255, 0.95);\n\n  box-shadow:\n    0 5px 14px rgba(0, 0, 0, 0.14);\n\n  transition:\n    color 300ms ease,\n    background-color 300ms ease,\n    transform 350ms cubic-bezier(0.22, 1, 0.36, 1);\n}\n\n#danceclasses-social-section .danceclasses-social__content-icon i {\n  font-size: 16px;\n  line-height: 1;\n}\n\n#danceclasses-social-section\n  .danceclasses-social__card:hover\n  .danceclasses-social__content-icon {\n  color: #ffffff;\n  background-color: #202020;\n\n  transform: scale(1.08);\n}\n\n\/* =========================================================\n   LIBELL\u00c9 AU SURVOL\n========================================================= *\/\n\n#danceclasses-social-section .danceclasses-social__hover-label {\n  position: absolute;\n  right: 18px;\n  bottom: 18px;\n  left: 18px;\n  z-index: 3;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  gap: 9px;\n\n  min-height: 43px;\n\n  padding: 10px 15px;\n\n  opacity: 0;\n\n  color: #202020;\n\n  border-radius: 999px;\n  background-color: rgba(255, 255, 255, 0.95);\n\n  font-size: 12px;\n  font-weight: 500;\n  line-height: 1;\n\n  backdrop-filter: blur(8px);\n  -webkit-backdrop-filter: blur(8px);\n\n  transform: translateY(17px);\n\n  transition:\n    opacity 400ms ease,\n    transform 400ms cubic-bezier(0.22, 1, 0.36, 1);\n}\n\n#danceclasses-social-section .danceclasses-social__hover-label i {\n  font-size: 17px;\n}\n\n#danceclasses-social-section\n  .danceclasses-social__card:hover\n  .danceclasses-social__hover-label {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n\/* =========================================================\n   R\u00c9SEAUX SOCIAUX\n========================================================= *\/\n\n#danceclasses-social-section .danceclasses-social__networks {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-wrap: wrap;\n\n  gap: 11px;\n\n  margin-top: clamp(40px, 3.8vw, 58px);\n}\n\n\/* =========================================================\n   BOUTON INSTAGRAM\n========================================================= *\/\n\n#danceclasses-social-section .danceclasses-social__instagram-button {\n  position: relative;\n\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n\n  gap: 11px;\n\n  min-width: 275px;\n  min-height: 49px;\n\n  padding: 11px 22px;\n\n  overflow: hidden;\n\n  color: #202020;\n\n  border: 1px solid #202020;\n  border-radius: 999px;\n\n  background-color: transparent;\n\n  font-family: \"Poppins\", Arial, Helvetica, sans-serif;\n  font-size: 13px;\n  font-weight: 400;\n  line-height: 1;\n  text-decoration: none;\n\n  transition:\n    color 350ms ease,\n    transform 350ms cubic-bezier(0.22, 1, 0.36, 1),\n    box-shadow 350ms ease;\n}\n\n#danceclasses-social-section\n  .danceclasses-social__instagram-button\n  > * {\n  position: relative;\n  z-index: 2;\n}\n\n#danceclasses-social-section\n  .danceclasses-social__instagram-button\n  > i {\n  flex: 0 0 auto;\n\n  font-size: 20px;\n}\n\n#danceclasses-social-section .danceclasses-social__handle-text {\n  display: block;\n\n  min-width: 0;\n\n  overflow: hidden;\n\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n#danceclasses-social-section .danceclasses-social__button-background {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  z-index: 1;\n\n  width: 0;\n  height: 0;\n\n  border-radius: 50%;\n\n  background:\n    linear-gradient(\n      135deg,\n      #833ab4,\n      #fd1d1d,\n      #fcb045\n    );\n\n  transform: translate(-50%, -50%);\n\n  transition:\n    width 520ms cubic-bezier(0.22, 1, 0.36, 1),\n    height 520ms cubic-bezier(0.22, 1, 0.36, 1);\n}\n\n#danceclasses-social-section\n  .danceclasses-social__instagram-button:hover {\n  color: #ffffff;\n\n  transform: translateY(-4px);\n\n  box-shadow:\n    0 17px 36px rgba(131, 58, 180, 0.2);\n}\n\n#danceclasses-social-section\n  .danceclasses-social__instagram-button:hover\n  .danceclasses-social__button-background {\n  width: 390px;\n  height: 390px;\n}\n\n\/* =========================================================\n   BOUTONS TIKTOK ET YOUTUBE\n========================================================= *\/\n\n#danceclasses-social-section .danceclasses-social__network-button {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  flex: 0 0 auto;\n\n  width: 49px;\n  height: 49px;\n\n  color: #202020;\n\n  border: 1px solid #202020;\n  border-radius: 50%;\n\n  background-color: transparent;\n\n  text-decoration: none;\n\n  transition:\n    color 350ms ease,\n    background-color 350ms ease,\n    border-color 350ms ease,\n    transform 350ms cubic-bezier(0.22, 1, 0.36, 1),\n    box-shadow 350ms ease;\n}\n\n#danceclasses-social-section\n  .danceclasses-social__network-button\n  i {\n  font-size: 21px;\n  line-height: 1;\n}\n\n#danceclasses-social-section\n  .danceclasses-social__network-button--tiktok:hover {\n  color: #ffffff;\n  border-color: #111111;\n  background-color: #111111;\n\n  transform: translateY(-4px) rotate(-4deg);\n\n  box-shadow:\n    0 15px 32px rgba(0, 0, 0, 0.18);\n}\n\n#danceclasses-social-section\n  .danceclasses-social__network-button--youtube:hover {\n  color: #ffffff;\n  border-color: #ff0000;\n  background-color: #ff0000;\n\n  transform: translateY(-4px) rotate(4deg);\n\n  box-shadow:\n    0 15px 32px rgba(255, 0, 0, 0.18);\n}\n\n\/* =========================================================\n   ACCESSIBILIT\u00c9\n========================================================= *\/\n\n#danceclasses-social-section a:focus-visible {\n  outline: 2px solid #202020;\n  outline-offset: 5px;\n}\n\n\/* =========================================================\n   ANIMATIONS D\u2019APPARITION\n========================================================= *\/\n\n#danceclasses-social-section.danceclasses-social--js\n  .danceclasses-social__title,\n#danceclasses-social-section.danceclasses-social--js\n  .danceclasses-social__card,\n#danceclasses-social-section.danceclasses-social--js\n  .danceclasses-social__networks {\n  opacity: 0;\n}\n\n#danceclasses-social-section.danceclasses-social--js\n  .danceclasses-social__title {\n  transform: translateY(38px);\n  filter: blur(5px);\n\n  transition:\n    opacity 850ms ease,\n    transform 850ms cubic-bezier(0.22, 1, 0.36, 1),\n    filter 850ms ease;\n}\n\n#danceclasses-social-section.danceclasses-social--js\n  .danceclasses-social__card {\n  transform: translateY(50px) scale(0.98);\n\n  transition:\n    opacity 800ms ease,\n    transform 800ms cubic-bezier(0.22, 1, 0.36, 1);\n}\n\n#danceclasses-social-section.danceclasses-social--js\n  .danceclasses-social__card:nth-child(1) {\n  transition-delay: 180ms;\n}\n\n#danceclasses-social-section.danceclasses-social--js\n  .danceclasses-social__card:nth-child(2) {\n  transition-delay: 285ms;\n}\n\n#danceclasses-social-section.danceclasses-social--js\n  .danceclasses-social__card:nth-child(3) {\n  transition-delay: 390ms;\n}\n\n#danceclasses-social-section.danceclasses-social--js\n  .danceclasses-social__networks {\n  transform: translateY(24px);\n\n  transition:\n    opacity 650ms ease 500ms,\n    transform 650ms cubic-bezier(0.22, 1, 0.36, 1) 500ms;\n}\n\n#danceclasses-social-section.danceclasses-social--visible\n  .danceclasses-social__title,\n#danceclasses-social-section.danceclasses-social--visible\n  .danceclasses-social__card,\n#danceclasses-social-section.danceclasses-social--visible\n  .danceclasses-social__networks {\n  opacity: 1;\n\n  transform: translate3d(0, 0, 0);\n\n  filter: blur(0);\n}\n\n\/* =========================================================\n   TABLETTE\n========================================================= *\/\n\n@media screen and (max-width: 950px) {\n  #danceclasses-social-section .danceclasses-social__container {\n    width: calc(100% - 36px);\n  }\n\n  #danceclasses-social-section .danceclasses-social__gallery {\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n  }\n}\n\n\/* =========================================================\n   FORMAT T\u00c9L\u00c9PHONE\n========================================================= *\/\n\n@media screen and (max-width: 680px) {\n  #danceclasses-social-section {\n    padding:\n      28px\n      0\n      38px;\n  }\n\n  #danceclasses-social-section .danceclasses-social__container {\n    width: calc(100% - 32px);\n  }\n\n  \/* Titre *\/\n\n  #danceclasses-social-section .danceclasses-social__header {\n    max-width: 400px;\n\n    margin:\n      0\n      auto\n      30px;\n  }\n\n  #danceclasses-social-section .danceclasses-social__title {\n    font-size: clamp(27px, 7.2vw, 32px);\n    font-weight: 500;\n    line-height: 1.05;\n    letter-spacing: -0.04em;\n  }\n\n  \/* Trois images sur une seule ligne *\/\n\n  #danceclasses-social-section .danceclasses-social__gallery {\n    display: grid;\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n\n    gap: 14px;\n  }\n\n  #danceclasses-social-section .danceclasses-social__card {\n    width: 100%;\n    min-width: 0;\n  }\n\n  #danceclasses-social-section .danceclasses-social__image-frame {\n    width: 100%;\n    aspect-ratio: 0.84 \/ 1;\n\n    border-radius: 8px;\n\n    box-shadow: none;\n  }\n\n  #danceclasses-social-section .danceclasses-social__image {\n    inset: 0;\n\n    width: 100%;\n    height: 100%;\n\n    object-fit: cover;\n    object-position: center;\n\n    transform: none;\n  }\n\n  #danceclasses-social-section\n    .danceclasses-social__card:hover\n    .danceclasses-social__image-frame {\n    transform: none;\n\n    box-shadow: none;\n  }\n\n  #danceclasses-social-section\n    .danceclasses-social__card:hover\n    .danceclasses-social__image {\n    transform: none;\n  }\n\n  #danceclasses-social-section .danceclasses-social__overlay,\n  #danceclasses-social-section .danceclasses-social__hover-label {\n    display: none;\n  }\n\n  \/* Petites ic\u00f4nes en haut \u00e0 droite *\/\n\n  #danceclasses-social-section .danceclasses-social__content-icon {\n    top: 4px;\n    right: 4px;\n\n    width: 18px;\n    height: 18px;\n\n    border-radius: 5px;\n\n    box-shadow:\n      0 2px 7px rgba(0, 0, 0, 0.14);\n  }\n\n  #danceclasses-social-section .danceclasses-social__content-icon i {\n    font-size: 10px;\n  }\n\n  \/* Ligne des r\u00e9seaux *\/\n\n  #danceclasses-social-section .danceclasses-social__networks {\n    display: grid;\n    grid-template-columns:\n      minmax(0, 1fr)\n      55px\n      55px;\n\n    align-items: center;\n\n    width: 100%;\n\n    gap: 12px;\n\n    margin-top: 30px;\n  }\n\n  #danceclasses-social-section .danceclasses-social__instagram-button {\n    justify-content: flex-start;\n\n    width: 100%;\n    min-width: 0;\n    min-height: 55px;\n\n    gap: 14px;\n\n    padding:\n      10px\n      18px;\n\n    font-size: 14px;\n  }\n\n  #danceclasses-social-section\n    .danceclasses-social__instagram-button\n    > i {\n    font-size: 24px;\n  }\n\n  #danceclasses-social-section .danceclasses-social__handle-text {\n    flex: 1;\n\n    text-align: left;\n  }\n\n  #danceclasses-social-section .danceclasses-social__network-button {\n    width: 55px;\n    height: 55px;\n  }\n\n  #danceclasses-social-section\n    .danceclasses-social__network-button\n    i {\n    font-size: 24px;\n  }\n}\n\n\/* =========================================================\n   PETITS T\u00c9L\u00c9PHONES\n========================================================= *\/\n\n@media screen and (max-width: 410px) {\n  #danceclasses-social-section .danceclasses-social__container {\n    width: calc(100% - 24px);\n  }\n\n  #danceclasses-social-section .danceclasses-social__header {\n    margin-bottom: 26px;\n  }\n\n  #danceclasses-social-section .danceclasses-social__title {\n    font-size: 26px;\n  }\n\n  #danceclasses-social-section .danceclasses-social__gallery {\n    gap: 9px;\n  }\n\n  #danceclasses-social-section .danceclasses-social__networks {\n    grid-template-columns:\n      minmax(0, 1fr)\n      51px\n      51px;\n\n    gap: 9px;\n\n    margin-top: 26px;\n  }\n\n  #danceclasses-social-section .danceclasses-social__instagram-button {\n    min-height: 51px;\n\n    gap: 10px;\n\n    padding:\n      9px\n      14px;\n\n    font-size: 13px;\n  }\n\n  #danceclasses-social-section\n    .danceclasses-social__instagram-button\n    > i {\n    font-size: 21px;\n  }\n\n  #danceclasses-social-section .danceclasses-social__network-button {\n    width: 51px;\n    height: 51px;\n  }\n\n  #danceclasses-social-section\n    .danceclasses-social__network-button\n    i {\n    font-size: 21px;\n  }\n}\n\n\/* =========================================================\n   TR\u00c8S PETITS T\u00c9L\u00c9PHONES\n========================================================= *\/\n\n@media screen and (max-width: 350px) {\n  #danceclasses-social-section .danceclasses-social__title {\n    font-size: 24px;\n  }\n\n  #danceclasses-social-section .danceclasses-social__gallery {\n    gap: 7px;\n  }\n\n  #danceclasses-social-section .danceclasses-social__networks {\n    grid-template-columns:\n      minmax(0, 1fr)\n      47px\n      47px;\n\n    gap: 7px;\n  }\n\n  #danceclasses-social-section .danceclasses-social__instagram-button {\n    min-height: 47px;\n\n    padding:\n      8px\n      11px;\n\n    font-size: 12px;\n  }\n\n  #danceclasses-social-section .danceclasses-social__network-button {\n    width: 47px;\n    height: 47px;\n  }\n}\n\n\/* =========================================================\n   R\u00c9DUCTION DES MOUVEMENTS\n========================================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n  #danceclasses-social-section *,\n  #danceclasses-social-section *::before,\n  #danceclasses-social-section *::after {\n    scroll-behavior: auto !important;\n\n    animation-duration: 0.01ms !important;\n    animation-iteration-count: 1 !important;\n\n    transition-duration: 0.01ms !important;\n  }\n\n  #danceclasses-social-section .danceclasses-social__image {\n    transform: none !important;\n  }\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\n(function () {\n  \"use strict\";\n\n  const section = document.getElementById(\n    \"danceclasses-social-section\"\n  );\n\n  if (\n    !section ||\n    section.dataset.initialized === \"true\"\n  ) {\n    return;\n  }\n\n  section.dataset.initialized = \"true\";\n\n  section.classList.add(\n    \"danceclasses-social--js\"\n  );\n\n  const cards = section.querySelectorAll(\n    \".danceclasses-social__card\"\n  );\n\n  const prefersReducedMotion = window.matchMedia(\n    \"(prefers-reduced-motion: reduce)\"\n  ).matches;\n\n  let resizeAnimationFrame = null;\n\n  \/* =======================================================\n     PR\u00c9PARATION DES CONTENEURS WORDPRESS\n  ======================================================= *\/\n\n  function prepareWordPressContainers() {\n    document.documentElement.classList.add(\n      \"danceclasses-social-page\"\n    );\n\n    document.body.classList.add(\n      \"danceclasses-social-page\"\n    );\n\n    let parent = section.parentElement;\n\n    while (\n      parent &&\n      parent !== document.body\n    ) {\n      parent.classList.add(\n        \"danceclasses-social-overflow-visible\"\n      );\n\n      parent = parent.parentElement;\n    }\n  }\n\n  \/* =======================================================\n     POSITIONNEMENT EN PLEINE LARGEUR\n  ======================================================= *\/\n\n  function updateFullWidthPosition() {\n    section.style.setProperty(\n      \"--danceclasses-social-shift\",\n      \"0px\"\n    );\n\n    const sectionBounds =\n      section.getBoundingClientRect();\n\n    const horizontalShift =\n      -sectionBounds.left;\n\n    section.style.setProperty(\n      \"--danceclasses-social-shift\",\n      horizontalShift.toFixed(2) + \"px\"\n    );\n  }\n\n  function requestFullWidthUpdate() {\n    if (resizeAnimationFrame !== null) {\n      window.cancelAnimationFrame(\n        resizeAnimationFrame\n      );\n    }\n\n    resizeAnimationFrame =\n      window.requestAnimationFrame(\n        function () {\n          updateFullWidthPosition();\n          resizeAnimationFrame = null;\n        }\n      );\n  }\n\n  \/* =======================================================\n     ANIMATION D\u2019APPARITION\n  ======================================================= *\/\n\n  function revealSection() {\n    window.requestAnimationFrame(\n      function () {\n        section.classList.add(\n          \"danceclasses-social--visible\"\n        );\n      }\n    );\n  }\n\n  if (\"IntersectionObserver\" in window) {\n    const observer =\n      new IntersectionObserver(\n        function (\n          entries,\n          currentObserver\n        ) {\n          entries.forEach(\n            function (entry) {\n              if (entry.isIntersecting) {\n                revealSection();\n\n                currentObserver.unobserve(\n                  entry.target\n                );\n              }\n            }\n          );\n        },\n        {\n          threshold: 0.1\n        }\n      );\n\n    observer.observe(section);\n  } else {\n    revealSection();\n  }\n\n  \/* =======================================================\n     MOUVEMENT DES IMAGES SUR ORDINATEUR\n  ======================================================= *\/\n\n  function initializeCardMovement(card) {\n    if (prefersReducedMotion) {\n      return;\n    }\n\n    const imageFrame =\n      card.querySelector(\n        \".danceclasses-social__image-frame\"\n      );\n\n    if (!imageFrame) {\n      return;\n    }\n\n    let pointerX = 0;\n    let pointerY = 0;\n    let animationFrame = null;\n\n    function updateImagePosition() {\n      card.style.setProperty(\n        \"--danceclasses-card-x\",\n        pointerX.toFixed(2) + \"px\"\n      );\n\n      card.style.setProperty(\n        \"--danceclasses-card-y\",\n        pointerY.toFixed(2) + \"px\"\n      );\n\n      animationFrame = null;\n    }\n\n    function requestImageUpdate() {\n      if (animationFrame !== null) {\n        return;\n      }\n\n      animationFrame =\n        window.requestAnimationFrame(\n          updateImagePosition\n        );\n    }\n\n    imageFrame.addEventListener(\n      \"pointermove\",\n      function (event) {\n        if (\n          event.pointerType === \"touch\" ||\n          window.innerWidth <= 680\n        ) {\n          return;\n        }\n\n        const bounds =\n          imageFrame.getBoundingClientRect();\n\n        const normalizedX =\n          (event.clientX - bounds.left) \/\n            bounds.width -\n          0.5;\n\n        const normalizedY =\n          (event.clientY - bounds.top) \/\n            bounds.height -\n          0.5;\n\n        pointerX = normalizedX * -7;\n        pointerY = normalizedY * -5;\n\n        requestImageUpdate();\n      }\n    );\n\n    imageFrame.addEventListener(\n      \"pointerleave\",\n      function () {\n        pointerX = 0;\n        pointerY = 0;\n\n        requestImageUpdate();\n      }\n    );\n  }\n\n  cards.forEach(\n    function (card) {\n      initializeCardMovement(card);\n    }\n  );\n\n  \/* =======================================================\n     INITIALISATION\n  ======================================================= *\/\n\n  prepareWordPressContainers();\n  updateFullWidthPosition();\n\n  window.addEventListener(\n    \"resize\",\n    requestFullWidthUpdate,\n    {\n      passive: true\n    }\n  );\n\n  window.addEventListener(\n    \"orientationchange\",\n    requestFullWidthUpdate,\n    {\n      passive: true\n    }\n  );\n\n  window.addEventListener(\n    \"load\",\n    function () {\n      requestFullWidthUpdate();\n      revealSection();\n    }\n  );\n\n  window.setTimeout(\n    requestFullWidthUpdate,\n    100\n  );\n\n  window.setTimeout(\n    requestFullWidthUpdate,\n    400\n  );\n\n  window.setTimeout(\n    requestFullWidthUpdate,\n    1000\n  );\n\n  if (\n    document.fonts &#038;&#038;\n    document.fonts.ready\n  ) {\n    document.fonts.ready.then(\n      requestFullWidthUpdate\n    );\n  }\n\n  if (\n    document.readyState === \"complete\"\n  ) {\n    revealSection();\n    requestFullWidthUpdate();\n  }\n})();\n<\/script>\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n\n<link\n  href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600&#038;display=swap\"\n  rel=\"stylesheet\"\n>\n\n<link\n  rel=\"stylesheet\"\n  href=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap-icons@1.11.3\/font\/bootstrap-icons.min.css\"\n>\n\n<section\n  id=\"danceclasses-social-section\"\n  class=\"danceclasses-social\"\n  aria-labelledby=\"danceclasses-social-title\"\n>\n  <div class=\"danceclasses-social__container\">\n\n    <header class=\"danceclasses-social__header\">\n      <h2\n        id=\"danceclasses-social-title\"\n        class=\"danceclasses-social__title\"\n      >\n        <span>Raggiungi Ralph Beaubrun<\/span>\n        <span>su Instagram<\/span>\n      <\/h2>\n    <\/header>\n\n    <div class=\"danceclasses-social__gallery\">\n\n      <!-- PUBLICATION 1 -->\n\n      <a class=\"danceclasses-social__card\" href=\"https:\/\/www.instagram.com\/ralphbeaubrundanceclasses\/\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Visualizza questo post su Instagram\">\n        <span class=\"danceclasses-social__image-frame\">\n          <img\n            class=\"danceclasses-social__image\"\n            src=\"https:\/\/rb.scripters.fr\/wp-content\/uploads\/2026\/08\/image-insta-1.webp\"\n            alt=\"Tutoriel de danse de Ralph Beaubrun\"\n            width=\"900\"\n            height=\"1050\"\n            loading=\"lazy\"\n            decoding=\"async\"\n          >\n\n          <span\n            class=\"danceclasses-social__content-icon\"\n            aria-hidden=\"true\"\n          >\n            <i class=\"bi bi-pin-angle-fill\"><\/i>\n          <\/span>\n\n          <span\n            class=\"danceclasses-social__overlay\"\n            aria-hidden=\"true\"\n          ><\/span>\n\n          <span class=\"danceclasses-social__hover-label\">\n            <i\n              class=\"bi bi-instagram\"\n              aria-hidden=\"true\"\n            ><\/i>\n\n            <span>Vedi su Instagram<\/span>\n          <\/span>\n        <\/span>\n      <\/a>\n\n      <!-- PUBLICATION 2 -->\n\n      <a class=\"danceclasses-social__card\" href=\"https:\/\/www.instagram.com\/ralphbeaubrundanceclasses\/\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Guarda questo video su Instagram\">\n        <span class=\"danceclasses-social__image-frame\">\n          <img\n            class=\"danceclasses-social__image\"\n            src=\"https:\/\/rb.scripters.fr\/wp-content\/uploads\/2026\/08\/image-insta-2.webp\"\n            alt=\"Vid\u00e9o de danse publi\u00e9e par Ralph Beaubrun\"\n            width=\"900\"\n            height=\"1050\"\n            loading=\"lazy\"\n            decoding=\"async\"\n          >\n\n          <span\n            class=\"danceclasses-social__content-icon\"\n            aria-hidden=\"true\"\n          >\n            <i class=\"bi bi-play-fill\"><\/i>\n          <\/span>\n\n          <span\n            class=\"danceclasses-social__overlay\"\n            aria-hidden=\"true\"\n          ><\/span>\n\n          <span class=\"danceclasses-social__hover-label\">\n            <i\n              class=\"bi bi-instagram\"\n              aria-hidden=\"true\"\n            ><\/i>\n\n            <span>Guarda il Reel<\/span>\n          <\/span>\n        <\/span>\n      <\/a>\n\n      <!-- PUBLICATION 3 -->\n\n      <a class=\"danceclasses-social__card\" href=\"https:\/\/www.instagram.com\/ralphbeaubrundanceclasses\/\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Guarda questo video della lezione su Instagram\">\n        <span class=\"danceclasses-social__image-frame\">\n          <img\n            class=\"danceclasses-social__image\"\n            src=\"https:\/\/rb.scripters.fr\/wp-content\/uploads\/2026\/08\/image-insta-3.webp\"\n            alt=\"Cours de danse publi\u00e9 sur Instagram\"\n            width=\"900\"\n            height=\"1050\"\n            loading=\"lazy\"\n            decoding=\"async\"\n          >\n\n          <span\n            class=\"danceclasses-social__content-icon\"\n            aria-hidden=\"true\"\n          >\n            <i class=\"bi bi-play-fill\"><\/i>\n          <\/span>\n\n          <span\n            class=\"danceclasses-social__overlay\"\n            aria-hidden=\"true\"\n          ><\/span>\n\n          <span class=\"danceclasses-social__hover-label\">\n            <i\n              class=\"bi bi-instagram\"\n              aria-hidden=\"true\"\n            ><\/i>\n\n            <span>Guarda il Reel<\/span>\n          <\/span>\n        <\/span>\n      <\/a>\n\n    <\/div>\n\n    <nav\n      class=\"danceclasses-social__networks\"\n      aria-label=\"Social media di Ralph Beaubrun\"\n    >\n      <a class=\"danceclasses-social__instagram-button\" href=\"https:\/\/www.instagram.com\/ralphbeaubrundanceclasses\/\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Segui Ralph Beaubrun Dance Classes su Instagram\">\n        <i\n          class=\"bi bi-instagram\"\n          aria-hidden=\"true\"\n        ><\/i>\n\n        <span class=\"danceclasses-social__handle-text\">\n          @ralphbeaubrundanceclasses\n        <\/span>\n\n        <span\n          class=\"danceclasses-social__button-background\"\n          aria-hidden=\"true\"\n        ><\/span>\n      <\/a>\n\n      <a class=\"danceclasses-social__network-button danceclasses-social__network-button--tiktok\" href=\"https:\/\/www.tiktok.com\/@ralphbeaubrun?is_from_webapp=1&#038;sender_device=pc\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Segui Ralph Beaubrun su TikTok\">\n        <i\n          class=\"bi bi-tiktok\"\n          aria-hidden=\"true\"\n        ><\/i>\n      <\/a>\n\n      <a class=\"danceclasses-social__network-button danceclasses-social__network-button--youtube\" href=\"https:\/\/www.youtube.com\/@RalphBeaubrun13\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Guarda il canale YouTube di Ralph Beaubrun\">\n        <i\n          class=\"bi bi-youtube\"\n          aria-hidden=\"true\"\n        ><\/i>\n      <\/a>\n    <\/nav>\n\n  <\/div>\n<\/section>\n\n\n\n<style data-wp-block-html=\"css\">\n\/* =========================================================\n   R\u00c9INITIALISATION\n========================================================= *\/\n\n#dance-tutorials-section,\n#dance-tutorials-section *,\n#dance-tutorials-section *::before,\n#dance-tutorials-section *::after {\n  box-sizing: border-box;\n}\n\nhtml.dance-tutorials-page,\nbody.dance-tutorials-page {\n  overflow-x: clip !important;\n}\n\n.dance-tutorials-overflow-visible {\n  overflow: visible !important;\n}\n\n\n\/* =========================================================\n   SECTION PRINCIPALE\n========================================================= *\/\n\n#dance-tutorials-section {\n  --dance-tutorials-shift: 0px;\n  --dance-tutorials-background: #f2f1e9;\n  --dance-tutorials-dark: #202020;\n  --dance-tutorials-white: #f8f8f3;\n  --dance-tutorials-muted: rgba(248, 248, 243, 0.88);\n\n  position: relative;\n\n  width: 100vw;\n  width: 100dvw;\n\n  max-width: 100vw;\n  max-width: 100dvw;\n\n  margin: 0;\n\n  padding:\n    clamp(12px, 1vw, 18px)\n    0\n    clamp(18px, 1.5vw, 26px);\n\n  overflow: hidden;\n  isolation: isolate;\n\n  color: var(--dance-tutorials-white);\n  background-color: var(--dance-tutorials-background);\n\n  font-family: \"Poppins\", Arial, Helvetica, sans-serif;\n\n  transform: translate3d(\n    var(--dance-tutorials-shift),\n    0,\n    0\n  );\n}\n\n\n\/* =========================================================\n   CONTENEUR\n========================================================= *\/\n\n#dance-tutorials-section .dance-tutorials__container {\n  width: calc(100% - 40px);\n  max-width: 1580px;\n\n  margin: 0 auto;\n}\n\n\n\/* =========================================================\n   PANNEAU NOIR\n========================================================= *\/\n\n#dance-tutorials-section .dance-tutorials__panel {\n  display: grid;\n\n  grid-template-areas:\n    \"grid\"\n    \"content\"\n    \"actions\";\n\n  width: 100%;\n  min-height: clamp(620px, 40vw, 690px);\n\n  padding:\n    clamp(24px, 1.8vw, 30px)\n    clamp(24px, 2.2vw, 38px)\n    clamp(38px, 3vw, 50px);\n\n  overflow: hidden;\n\n  border-radius: clamp(16px, 1.3vw, 21px);\n  background-color: var(--dance-tutorials-dark);\n\n  box-shadow:\n    0 20px 60px rgba(0, 0, 0, 0.06);\n}\n\n\n\/* =========================================================\n   CONTENU PRINCIPAL\n========================================================= *\/\n\n#dance-tutorials-section .dance-tutorials__content {\n  grid-area: content;\n\n  width: 100%;\n  max-width: 680px;\n\n  padding:\n    clamp(82px, 6.2vw, 105px)\n    0\n    0\n    clamp(22px, 1.6vw, 28px);\n}\n\n\n\/* =========================================================\n   TITRE PRINCIPAL\n========================================================= *\/\n\n#dance-tutorials-section .dance-tutorials__main-title {\n  margin: 0;\n  padding: 0;\n\n  color: var(--dance-tutorials-white);\n\n  font-family: \"Poppins\", Arial, Helvetica, sans-serif;\n  font-size: clamp(54px, 5vw, 80px);\n  font-weight: 400;\n  line-height: 1;\n  letter-spacing: -0.05em;\n}\n\n\n\/* =========================================================\n   DESCRIPTION\n========================================================= *\/\n\n#dance-tutorials-section .dance-tutorials__description {\n  width: 100%;\n  max-width: 620px;\n\n  margin:\n    clamp(20px, 1.8vw, 28px)\n    0\n    0;\n\n  padding: 0;\n\n  color: var(--dance-tutorials-muted);\n\n  font-family: \"Poppins\", Arial, Helvetica, sans-serif;\n  font-size: clamp(16px, 1.28vw, 21px);\n  font-weight: 300;\n  line-height: 1.5;\n  letter-spacing: -0.018em;\n}\n\n\n\/* =========================================================\n   GRILLE DES TUTORIELS\n========================================================= *\/\n\n#dance-tutorials-section .dance-tutorials__grid {\n  grid-area: grid;\n\n  display: grid;\n  grid-template-columns: repeat(4, minmax(0, 1fr));\n\n  width: 100%;\n\n  gap: clamp(18px, 1.45vw, 24px);\n}\n\n\n\/* =========================================================\n   CARTES\n========================================================= *\/\n\n#dance-tutorials-section .dance-tutorials__card {\n  --tutorial-pointer-x: 0px;\n  --tutorial-pointer-y: 0px;\n\n  min-width: 0;\n\n  margin: 0;\n  padding: 0;\n}\n\n\n\/* =========================================================\n   LIEN DE CHAQUE CARTE\n========================================================= *\/\n\n#dance-tutorials-section .dance-tutorials__card-link {\n  display: block;\n\n  width: 100%;\n\n  margin: 0;\n  padding: 0;\n\n  color: inherit;\n\n  text-decoration: none;\n\n  border-radius: clamp(10px, 0.8vw, 14px);\n}\n\n#dance-tutorials-section .dance-tutorials__card-link:focus-visible {\n  outline: 2px solid #ffffff;\n  outline-offset: 6px;\n}\n\n\n\/* =========================================================\n   CADRES DES IMAGES\n========================================================= *\/\n\n#dance-tutorials-section .dance-tutorials__image-frame {\n  position: relative;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  width: 100%;\n  aspect-ratio: 1.67 \/ 1;\n\n  overflow: hidden;\n  isolation: isolate;\n\n  border-radius: clamp(10px, 0.8vw, 14px);\n  background-color: #f2e5cf;\n\n  transition:\n    transform 450ms cubic-bezier(0.22, 1, 0.36, 1),\n    box-shadow 450ms ease;\n}\n\n#dance-tutorials-section .dance-tutorials__image-frame::after {\n  content: \"\";\n\n  position: absolute;\n  inset: 0;\n  z-index: 2;\n\n  opacity: 0;\n\n  border-radius: inherit;\n\n  background:\n    linear-gradient(\n      180deg,\n      rgba(0, 0, 0, 0) 55%,\n      rgba(0, 0, 0, 0.06) 100%\n    );\n\n  transition: opacity 400ms ease;\n\n  pointer-events: none;\n}\n\n\n\/* =========================================================\n   IMAGES ENTI\u00c8REMENT VISIBLES\n========================================================= *\/\n\n#dance-tutorials-section .dance-tutorials__image {\n  position: relative;\n  z-index: 1;\n\n  display: block;\n\n  width: 100%;\n  height: 100%;\n  max-width: 100%;\n\n  margin: 0;\n  padding: 0;\n\n  object-fit: contain;\n  object-position: center;\n\n  transform: translate3d(\n    var(--tutorial-pointer-x),\n    var(--tutorial-pointer-y),\n    0\n  );\n\n  transition:\n    transform 550ms cubic-bezier(0.22, 1, 0.36, 1),\n    filter 450ms ease;\n\n  will-change: transform;\n\n  user-select: none;\n  pointer-events: none;\n}\n\n#dance-tutorials-section\n  .dance-tutorials__card:hover\n  .dance-tutorials__image-frame {\n  transform: translateY(-4px);\n\n  box-shadow:\n    0 16px 30px rgba(0, 0, 0, 0.16);\n}\n\n#dance-tutorials-section\n  .dance-tutorials__card:hover\n  .dance-tutorials__image-frame::after {\n  opacity: 1;\n}\n\n\n\/* =========================================================\n   TITRES DES CARTES\n========================================================= *\/\n\n#dance-tutorials-section .dance-tutorials__card-title {\n  margin:\n    clamp(10px, 0.9vw, 14px)\n    0\n    0;\n\n  padding: 0;\n\n  color: var(--dance-tutorials-white);\n\n  font-family: \"Poppins\", Arial, Helvetica, sans-serif;\n  font-size: clamp(13px, 0.95vw, 16px);\n  font-weight: 300;\n  line-height: 1.3;\n  letter-spacing: -0.015em;\n\n  transition:\n    opacity 250ms ease,\n    transform 300ms cubic-bezier(0.22, 1, 0.36, 1);\n}\n\n#dance-tutorials-section\n  .dance-tutorials__card:hover\n  .dance-tutorials__card-title {\n  opacity: 0.82;\n\n  transform: translateX(4px);\n}\n\n\n\/* =========================================================\n   ACTIONS\n========================================================= *\/\n\n#dance-tutorials-section .dance-tutorials__actions {\n  grid-area: actions;\n\n  display: flex;\n  justify-content: flex-start;\n\n  padding:\n    clamp(24px, 2vw, 32px)\n    0\n    0\n    clamp(22px, 1.6vw, 28px);\n}\n\n\n\/* =========================================================\n   BOUTON\n========================================================= *\/\n\n#dance-tutorials-section .dance-tutorials__button {\n  position: relative;\n\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n\n  width: clamp(215px, 15vw, 250px);\n  min-height: 52px;\n\n  padding: 12px 26px;\n\n  overflow: hidden;\n\n  color: var(--dance-tutorials-white);\n\n  border: 1px solid rgba(255, 255, 255, 0.9);\n  border-radius: 999px;\n\n  background-color: transparent;\n\n  font-family: \"Poppins\", Arial, Helvetica, sans-serif;\n  font-size: clamp(13px, 0.92vw, 15px);\n  font-weight: 300;\n  line-height: 1;\n  text-decoration: none;\n\n  transition:\n    color 350ms ease,\n    border-color 350ms ease,\n    transform 300ms cubic-bezier(0.22, 1, 0.36, 1),\n    box-shadow 350ms ease;\n}\n\n#dance-tutorials-section .dance-tutorials__button-label {\n  position: relative;\n  z-index: 2;\n}\n\n#dance-tutorials-section .dance-tutorials__button-background {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  z-index: 1;\n\n  width: 0;\n  height: 0;\n\n  border-radius: 50%;\n  background-color: var(--dance-tutorials-white);\n\n  transform: translate(-50%, -50%);\n\n  transition:\n    width 500ms cubic-bezier(0.22, 1, 0.36, 1),\n    height 500ms cubic-bezier(0.22, 1, 0.36, 1);\n}\n\n#dance-tutorials-section .dance-tutorials__button:hover {\n  color: #202020;\n\n  border-color: var(--dance-tutorials-white);\n\n  transform: translateY(-4px);\n\n  box-shadow:\n    0 18px 38px rgba(0, 0, 0, 0.22);\n}\n\n#dance-tutorials-section\n  .dance-tutorials__button:hover\n  .dance-tutorials__button-background {\n  width: 340px;\n  height: 340px;\n}\n\n\n\/* =========================================================\n   ACCESSIBILIT\u00c9\n========================================================= *\/\n\n#dance-tutorials-section a:focus-visible {\n  outline: 2px solid #ffffff;\n  outline-offset: 5px;\n}\n\n\n\/* =========================================================\n   ANIMATIONS D\u2019APPARITION\n========================================================= *\/\n\n#dance-tutorials-section.dance-tutorials--js\n  .dance-tutorials__panel {\n  opacity: 0;\n\n  transform: translateY(55px) scale(0.985);\n}\n\n#dance-tutorials-section.dance-tutorials--js\n  .dance-tutorials__card,\n#dance-tutorials-section.dance-tutorials--js\n  .dance-tutorials__main-title,\n#dance-tutorials-section.dance-tutorials--js\n  .dance-tutorials__description,\n#dance-tutorials-section.dance-tutorials--js\n  .dance-tutorials__button {\n  opacity: 0;\n}\n\n#dance-tutorials-section.dance-tutorials--js\n  .dance-tutorials__panel {\n  transition:\n    opacity 850ms ease,\n    transform 850ms cubic-bezier(0.22, 1, 0.36, 1);\n}\n\n#dance-tutorials-section.dance-tutorials--js\n  .dance-tutorials__card {\n  transform: translateY(35px);\n\n  transition:\n    opacity 700ms ease,\n    transform 700ms cubic-bezier(0.22, 1, 0.36, 1);\n}\n\n#dance-tutorials-section.dance-tutorials--js\n  .dance-tutorials__card:nth-child(1) {\n  transition-delay: 180ms;\n}\n\n#dance-tutorials-section.dance-tutorials--js\n  .dance-tutorials__card:nth-child(2) {\n  transition-delay: 270ms;\n}\n\n#dance-tutorials-section.dance-tutorials--js\n  .dance-tutorials__card:nth-child(3) {\n  transition-delay: 360ms;\n}\n\n#dance-tutorials-section.dance-tutorials--js\n  .dance-tutorials__card:nth-child(4) {\n  transition-delay: 450ms;\n}\n\n#dance-tutorials-section.dance-tutorials--js\n  .dance-tutorials__main-title {\n  transform: translateY(42px);\n\n  filter: blur(5px);\n\n  transition:\n    opacity 800ms ease 430ms,\n    transform 800ms cubic-bezier(0.22, 1, 0.36, 1) 430ms,\n    filter 800ms ease 430ms;\n}\n\n#dance-tutorials-section.dance-tutorials--js\n  .dance-tutorials__description {\n  transform: translateY(25px);\n\n  transition:\n    opacity 650ms ease 570ms,\n    transform 650ms cubic-bezier(0.22, 1, 0.36, 1) 570ms;\n}\n\n#dance-tutorials-section.dance-tutorials--js\n  .dance-tutorials__button {\n  transform: translateY(20px);\n\n  transition:\n    opacity 650ms ease 680ms,\n    transform 650ms cubic-bezier(0.22, 1, 0.36, 1) 680ms,\n    color 350ms ease,\n    border-color 350ms ease,\n    box-shadow 350ms ease;\n}\n\n#dance-tutorials-section.dance-tutorials--visible\n  .dance-tutorials__panel,\n#dance-tutorials-section.dance-tutorials--visible\n  .dance-tutorials__card,\n#dance-tutorials-section.dance-tutorials--visible\n  .dance-tutorials__main-title,\n#dance-tutorials-section.dance-tutorials--visible\n  .dance-tutorials__description,\n#dance-tutorials-section.dance-tutorials--visible\n  .dance-tutorials__button {\n  opacity: 1;\n\n  transform: translate3d(0, 0, 0);\n\n  filter: blur(0);\n}\n\n\n\/* =========================================================\n   TABLETTE\n========================================================= *\/\n\n@media screen and (max-width: 1000px) {\n\n  #dance-tutorials-section .dance-tutorials__container {\n    width: calc(100% - 32px);\n  }\n\n  #dance-tutorials-section .dance-tutorials__panel {\n    min-height: auto;\n  }\n\n  #dance-tutorials-section .dance-tutorials__grid {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n\n    gap: 30px 20px;\n  }\n\n  #dance-tutorials-section .dance-tutorials__content {\n    padding-top: 75px;\n  }\n\n}\n\n\n\/* =========================================================\n   FORMAT T\u00c9L\u00c9PHONE\n========================================================= *\/\n\n@media screen and (max-width: 620px) {\n\n  #dance-tutorials-section {\n    padding:\n      12px\n      0\n      20px;\n  }\n\n  #dance-tutorials-section .dance-tutorials__container {\n    width: calc(100% - 30px);\n  }\n\n  #dance-tutorials-section .dance-tutorials__panel {\n    display: flex;\n    flex-direction: column;\n\n    min-height: 0;\n\n    padding:\n      24px\n      14px\n      24px;\n\n    border-radius: 20px;\n  }\n\n  #dance-tutorials-section .dance-tutorials__content {\n    order: 1;\n\n    max-width: none;\n\n    margin: 0;\n\n    padding:\n      0\n      14px\n      25px;\n  }\n\n  #dance-tutorials-section .dance-tutorials__main-title {\n    font-size: clamp(31px, 9vw, 38px);\n    font-weight: 500;\n    line-height: 1.08;\n    letter-spacing: -0.04em;\n  }\n\n  #dance-tutorials-section .dance-tutorials__description {\n    max-width: 330px;\n\n    margin-top: 13px;\n\n    font-size: 13px;\n    line-height: 1.5;\n  }\n\n  #dance-tutorials-section .dance-tutorials__grid {\n    order: 2;\n\n    display: grid;\n    grid-template-columns: minmax(0, 1fr);\n\n    gap: 18px;\n  }\n\n  #dance-tutorials-section .dance-tutorials__card {\n    width: 100%;\n  }\n\n  #dance-tutorials-section .dance-tutorials__card-link {\n    width: 100%;\n  }\n\n  #dance-tutorials-section .dance-tutorials__image-frame {\n    width: 100%;\n    aspect-ratio: 1.67 \/ 1;\n\n    border-radius: 13px;\n  }\n\n  #dance-tutorials-section .dance-tutorials__image {\n    width: 100%;\n    height: 100%;\n\n    object-fit: contain;\n\n    transform: none;\n  }\n\n  #dance-tutorials-section\n    .dance-tutorials__card:hover\n    .dance-tutorials__image-frame {\n    transform: none;\n\n    box-shadow: none;\n  }\n\n  #dance-tutorials-section .dance-tutorials__card-title {\n    margin:\n      7px\n      0\n      0;\n\n    font-size: 13px;\n    line-height: 1.3;\n  }\n\n  #dance-tutorials-section .dance-tutorials__actions {\n    order: 3;\n\n    justify-content: center;\n\n    width: 100%;\n\n    padding:\n      54px\n      0\n      0;\n  }\n\n  #dance-tutorials-section .dance-tutorials__button {\n    width: min(100%, 268px);\n    min-height: 54px;\n\n    font-size: 14px;\n  }\n\n}\n\n\n\/* =========================================================\n   PETITS T\u00c9L\u00c9PHONES\n========================================================= *\/\n\n@media screen and (max-width: 390px) {\n\n  #dance-tutorials-section .dance-tutorials__container {\n    width: calc(100% - 20px);\n  }\n\n  #dance-tutorials-section .dance-tutorials__panel {\n    padding:\n      22px\n      12px\n      22px;\n  }\n\n  #dance-tutorials-section .dance-tutorials__content {\n    padding:\n      0\n      12px\n      23px;\n  }\n\n  #dance-tutorials-section .dance-tutorials__main-title {\n    font-size: 30px;\n  }\n\n  #dance-tutorials-section .dance-tutorials__description {\n    font-size: 12px;\n  }\n\n  #dance-tutorials-section .dance-tutorials__grid {\n    gap: 17px;\n  }\n\n  #dance-tutorials-section .dance-tutorials__actions {\n    padding-top: 45px;\n  }\n\n  #dance-tutorials-section .dance-tutorials__button {\n    width: min(100%, 250px);\n    min-height: 52px;\n\n    font-size: 13px;\n  }\n\n}\n\n\n\/* =========================================================\n   R\u00c9DUCTION DES MOUVEMENTS\n========================================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n  #dance-tutorials-section *,\n  #dance-tutorials-section *::before,\n  #dance-tutorials-section *::after {\n    scroll-behavior: auto !important;\n\n    animation-duration: 0.01ms !important;\n    animation-iteration-count: 1 !important;\n\n    transition-duration: 0.01ms !important;\n  }\n\n  #dance-tutorials-section .dance-tutorials__image {\n    transform: none !important;\n  }\n\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\n(function () {\n  \"use strict\";\n\n  const section = document.getElementById(\n    \"dance-tutorials-section\"\n  );\n\n  if (\n    !section ||\n    section.dataset.initialized === \"true\"\n  ) {\n    return;\n  }\n\n  section.dataset.initialized = \"true\";\n\n  section.classList.add(\n    \"dance-tutorials--js\"\n  );\n\n  const tutorialCards = section.querySelectorAll(\n    \".dance-tutorials__card\"\n  );\n\n  const prefersReducedMotion = window.matchMedia(\n    \"(prefers-reduced-motion: reduce)\"\n  ).matches;\n\n  let resizeAnimationFrame = null;\n\n\n  \/* =======================================================\n     PR\u00c9PARATION DES CONTENEURS WORDPRESS\n  ======================================================= *\/\n\n  function prepareWordPressContainers() {\n\n    document.documentElement.classList.add(\n      \"dance-tutorials-page\"\n    );\n\n    document.body.classList.add(\n      \"dance-tutorials-page\"\n    );\n\n    let parent = section.parentElement;\n\n    while (\n      parent &&\n      parent !== document.body\n    ) {\n\n      parent.classList.add(\n        \"dance-tutorials-overflow-visible\"\n      );\n\n      parent = parent.parentElement;\n    }\n\n  }\n\n\n  \/* =======================================================\n     POSITIONNEMENT EN PLEINE LARGEUR\n  ======================================================= *\/\n\n  function updateFullWidthPosition() {\n\n    section.style.setProperty(\n      \"--dance-tutorials-shift\",\n      \"0px\"\n    );\n\n    const sectionBounds =\n      section.getBoundingClientRect();\n\n    const horizontalShift =\n      -sectionBounds.left;\n\n    section.style.setProperty(\n      \"--dance-tutorials-shift\",\n      horizontalShift.toFixed(2) + \"px\"\n    );\n\n  }\n\n\n  function requestFullWidthUpdate() {\n\n    if (resizeAnimationFrame !== null) {\n\n      window.cancelAnimationFrame(\n        resizeAnimationFrame\n      );\n\n    }\n\n    resizeAnimationFrame =\n      window.requestAnimationFrame(\n        function () {\n\n          updateFullWidthPosition();\n\n          resizeAnimationFrame = null;\n\n        }\n      );\n\n  }\n\n\n  \/* =======================================================\n     APPARITION DU BLOC\n  ======================================================= *\/\n\n  function revealSection() {\n\n    window.requestAnimationFrame(\n      function () {\n\n        section.classList.add(\n          \"dance-tutorials--visible\"\n        );\n\n      }\n    );\n\n  }\n\n\n  if (\"IntersectionObserver\" in window) {\n\n    const observer =\n      new IntersectionObserver(\n        function (\n          entries,\n          currentObserver\n        ) {\n\n          entries.forEach(\n            function (entry) {\n\n              if (entry.isIntersecting) {\n\n                revealSection();\n\n                currentObserver.unobserve(\n                  entry.target\n                );\n\n              }\n\n            }\n          );\n\n        },\n        {\n          threshold: 0.08\n        }\n      );\n\n    observer.observe(section);\n\n  } else {\n\n    revealSection();\n\n  }\n\n\n  \/* =======================================================\n     MOUVEMENT L\u00c9GER DES IMAGES SUR ORDINATEUR\n  ======================================================= *\/\n\n  function initializeTutorialMovement(card) {\n\n    if (prefersReducedMotion) {\n      return;\n    }\n\n    const imageFrame = card.querySelector(\n      \".dance-tutorials__image-frame\"\n    );\n\n    if (!imageFrame) {\n      return;\n    }\n\n    let pointerX = 0;\n    let pointerY = 0;\n    let animationFrame = null;\n\n\n    function updateImagePosition() {\n\n      card.style.setProperty(\n        \"--tutorial-pointer-x\",\n        pointerX.toFixed(2) + \"px\"\n      );\n\n      card.style.setProperty(\n        \"--tutorial-pointer-y\",\n        pointerY.toFixed(2) + \"px\"\n      );\n\n      animationFrame = null;\n\n    }\n\n\n    function requestImageUpdate() {\n\n      if (animationFrame !== null) {\n        return;\n      }\n\n      animationFrame =\n        window.requestAnimationFrame(\n          updateImagePosition\n        );\n\n    }\n\n\n    imageFrame.addEventListener(\n      \"pointermove\",\n      function (event) {\n\n        if (\n          event.pointerType === \"touch\" ||\n          window.innerWidth <= 620\n        ) {\n          return;\n        }\n\n        const frameBounds =\n          imageFrame.getBoundingClientRect();\n\n        const normalizedX =\n          (event.clientX - frameBounds.left) \/\n            frameBounds.width -\n          0.5;\n\n        const normalizedY =\n          (event.clientY - frameBounds.top) \/\n            frameBounds.height -\n          0.5;\n\n        pointerX =\n          normalizedX * -2;\n\n        pointerY =\n          normalizedY * -2;\n\n        requestImageUpdate();\n\n      }\n    );\n\n\n    imageFrame.addEventListener(\n      \"pointerleave\",\n      function () {\n\n        pointerX = 0;\n        pointerY = 0;\n\n        requestImageUpdate();\n\n      }\n    );\n\n  }\n\n\n  tutorialCards.forEach(\n    function (card) {\n\n      initializeTutorialMovement(card);\n\n    }\n  );\n\n\n  \/* =======================================================\n     INITIALISATION\n  ======================================================= *\/\n\n  prepareWordPressContainers();\n\n  updateFullWidthPosition();\n\n\n  window.addEventListener(\n    \"resize\",\n    requestFullWidthUpdate,\n    {\n      passive: true\n    }\n  );\n\n\n  window.addEventListener(\n    \"orientationchange\",\n    requestFullWidthUpdate,\n    {\n      passive: true\n    }\n  );\n\n\n  window.addEventListener(\n    \"load\",\n    function () {\n\n      requestFullWidthUpdate();\n\n      revealSection();\n\n    }\n  );\n\n\n  window.setTimeout(\n    requestFullWidthUpdate,\n    100\n  );\n\n\n  window.setTimeout(\n    requestFullWidthUpdate,\n    400\n  );\n\n\n  window.setTimeout(\n    requestFullWidthUpdate,\n    1000\n  );\n\n\n  if (\n    document.fonts &#038;&#038;\n    document.fonts.ready\n  ) {\n\n    document.fonts.ready.then(\n      requestFullWidthUpdate\n    );\n\n  }\n\n\n  if (\n    document.readyState === \"complete\"\n  ) {\n\n    revealSection();\n\n    requestFullWidthUpdate();\n\n  }\n\n})();\n<\/script>\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin=\"\">\n\n<link\n  href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600&#038;display=swap\"\n  rel=\"stylesheet\"\n>\n\n<section\n  id=\"dance-tutorials-section\"\n  class=\"dance-tutorials\"\n  aria-labelledby=\"dance-tutorials-title\"\n>\n  <div class=\"dance-tutorials__container\">\n\n    <div class=\"dance-tutorials__panel\">\n\n      <div class=\"dance-tutorials__content\">\n\n        <h2\n          id=\"dance-tutorials-title\"\n          class=\"dance-tutorials__main-title\"\n        >\n          I tutorial\n        <\/h2>\n\n        <p class=\"dance-tutorials__description\">\n          \u00ab Lorem ipsum dolor sit amet, consectetur adipiscing elit,\n          sed do eiusmod tempor incididunt.\n        <\/p>\n\n      <\/div>\n\n      <div class=\"dance-tutorials__grid\">\n\n        <!-- =================================================\n             BAM BAM\n        ================================================== -->\n\n        <article class=\"dance-tutorials__card\">\n\n          <a class=\"dance-tutorials__card-link\" href=\"https:\/\/ralphbeaubrundanceclasses.uscreen.io\/programs\/collection-qmzgulgarxi?category_id=221287\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Guarda il tutorial di Bam Bam\">\n\n            <div class=\"dance-tutorials__image-frame\">\n\n              <img\n                class=\"dance-tutorials__image\"\n                src=\"https:\/\/rb.scripters.fr\/wp-content\/uploads\/2026\/08\/Jamaican-BAM-BAM.webp\"\n                alt=\"Tutoriel de danse Jamaican Bam Bam\"\n                width=\"1200\"\n                height=\"720\"\n                loading=\"lazy\"\n                decoding=\"async\"\n              >\n\n            <\/div>\n\n            <h3 class=\"dance-tutorials__card-title\">\n              Bam Bam\n            <\/h3>\n\n          <\/a>\n\n        <\/article>\n\n\n        <!-- =================================================\n             KENBE LA\n        ================================================== -->\n\n        <article class=\"dance-tutorials__card\">\n\n          <a class=\"dance-tutorials__card-link\" href=\"https:\/\/ralphbeaubrundanceclasses.uscreen.io\/programs\/collection-jhr3r4lnyh4?category_id=221287\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Guarda il tutorial Kenbe la\">\n\n            <div class=\"dance-tutorials__image-frame\">\n\n              <img\n                class=\"dance-tutorials__image\"\n                src=\"https:\/\/rb.scripters.fr\/wp-content\/uploads\/2026\/08\/Kenbela.webp\"\n                alt=\"Tutoriel de danse Kenbe la\"\n                width=\"1200\"\n                height=\"720\"\n                loading=\"lazy\"\n                decoding=\"async\"\n              >\n\n            <\/div>\n\n            <h3 class=\"dance-tutorials__card-title\">\n              Tieni duro\n            <\/h3>\n\n          <\/a>\n\n        <\/article>\n\n\n        <!-- =================================================\n             TOUT DOUX\n        ================================================== -->\n\n        <article class=\"dance-tutorials__card\">\n\n          <a class=\"dance-tutorials__card-link\" href=\"https:\/\/ralphbeaubrundanceclasses.uscreen.io\/programs\/collection-wg3sf4x_ys8?category_id=221287\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Guarda il tutorial Tutto Dolce\">\n\n            <div class=\"dance-tutorials__image-frame\">\n\n              <img\n                class=\"dance-tutorials__image\"\n                src=\"https:\/\/rb.scripters.fr\/wp-content\/uploads\/2026\/08\/Tout-Doux-.webp\"\n                alt=\"Tutoriel de danse Tout Doux\"\n                width=\"1200\"\n                height=\"720\"\n                loading=\"lazy\"\n                decoding=\"async\"\n              >\n\n            <\/div>\n\n            <h3 class=\"dance-tutorials__card-title\">\n              Calma\n            <\/h3>\n\n          <\/a>\n\n        <\/article>\n\n\n        <!-- =================================================\n             MI CHICO\n        ================================================== -->\n\n        <article class=\"dance-tutorials__card\">\n\n          <a class=\"dance-tutorials__card-link\" href=\"https:\/\/ralphbeaubrundanceclasses.uscreen.io\/programs\/collection-6jliydskxpe?category_id=221287\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Guarda il tutorial di Mi Chico\">\n\n            <div class=\"dance-tutorials__image-frame\">\n\n              <img\n                class=\"dance-tutorials__image\"\n                src=\"https:\/\/rb.scripters.fr\/wp-content\/uploads\/2026\/08\/MICHICO.webp\"\n                alt=\"Tutoriel de danse Mi Chico\"\n                width=\"1200\"\n                height=\"720\"\n                loading=\"lazy\"\n                decoding=\"async\"\n              >\n\n            <\/div>\n\n            <h3 class=\"dance-tutorials__card-title\">\n              Il mio ragazzo\n            <\/h3>\n\n          <\/a>\n\n        <\/article>\n\n      <\/div>\n\n\n      <!-- =================================================\n           BOUTON GLOBAL\n      ================================================== -->\n\n      <div class=\"dance-tutorials__actions\">\n\n        <a\n          class=\"dance-tutorials__button\"\n          href=\"#tutoriels\"\n        >\n\n          <span class=\"dance-tutorials__button-label\">\n            Visualizza tutti i tutorial\n          <\/span>\n\n          <span\n            class=\"dance-tutorials__button-background\"\n            aria-hidden=\"true\"\n          ><\/span>\n\n        <\/a>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n<\/section>\n\n\n\n<style data-wp-block-html=\"css\">\n\/* =========================================================\n   BLOC MUSIQUE \u2014 R\u00c9INITIALISATION\n========================================================= *\/\n\n#music-platforms-section,\n#music-platforms-section *,\n#music-platforms-section *::before,\n#music-platforms-section *::after {\n  box-sizing: border-box;\n}\n\n\n\/* =========================================================\n   SECTION\n========================================================= *\/\n\n#music-platforms-section {\n  --rb-music-text: #202020;\n  --rb-music-card: #070707;\n  --rb-music-white: #ffffff;\n  --rb-music-muted: rgba(255, 255, 255, 0.66);\n  --rb-spotify-green: #1ed760;\n  --rb-apple-pink: #ff315f;\n\n  display: block;\n\n  width: 100%;\n  max-width: none;\n\n  margin: 0;\n\n  padding:\n    clamp(64px, 7vw, 110px)\n    20px\n    clamp(62px, 7vw, 100px);\n\n  color: var(--rb-music-text);\n\n  background: transparent !important;\n  background-color: transparent !important;\n  background-image: none !important;\n\n  font-family:\n    \"Poppins\",\n    Arial,\n    Helvetica,\n    sans-serif;\n}\n\n\n\/* =========================================================\n   CONTENEUR\n========================================================= *\/\n\n#music-platforms-section .rb-music-container {\n  width: 100%;\n  max-width: 1180px;\n\n  margin: 0 auto;\n\n  background: transparent !important;\n}\n\n\n\/* =========================================================\n   EN-T\u00caTE\n========================================================= *\/\n\n#music-platforms-section .rb-music-header {\n  max-width: 720px;\n\n  margin:\n    0\n    auto\n    clamp(52px, 5vw, 76px);\n\n  text-align: center;\n}\n\n\n#music-platforms-section .rb-music-header h2 {\n  margin: 0;\n\n  color: var(--rb-music-text);\n\n  font-size: clamp(48px, 5vw, 74px);\n  font-weight: 500;\n  line-height: 1;\n  letter-spacing: -0.055em;\n}\n\n\n#music-platforms-section .rb-music-header p {\n  max-width: 600px;\n\n  margin:\n    22px\n    auto\n    0;\n\n  color: #292929;\n\n  font-size: clamp(17px, 1.35vw, 20px);\n  font-weight: 400;\n  line-height: 1.45;\n}\n\n\n\/* =========================================================\n   CARTES\n========================================================= *\/\n\n#music-platforms-section .rb-music-cards {\n  display: grid;\n\n  grid-template-columns:\n    repeat(2, 350px);\n\n  justify-content: center;\n\n  gap: 34px;\n\n  width: 100%;\n}\n\n\n#music-platforms-section .rb-platform-card {\n  position: relative;\n\n  display: flex;\n  flex-direction: column;\n\n  width: 350px;\n  min-height: 578px;\n\n  overflow: hidden;\n\n  border-radius: 18px;\n\n  color: var(--rb-music-white);\n  background-color: var(--rb-music-card);\n\n  box-shadow:\n    0 16px 35px\n    rgba(0, 0, 0, 0.09);\n}\n\n\n\/* =========================================================\n   VISUEL CLIQUABLE\n========================================================= *\/\n\n#music-platforms-section .rb-platform-card__visual-link {\n  display: block;\n\n  color: inherit;\n  text-decoration: none;\n}\n\n\n#music-platforms-section .rb-platform-card__visual-link:focus-visible {\n  outline: 3px solid #ffffff;\n  outline-offset: -6px;\n}\n\n\n\/* =========================================================\n   IMAGE SUP\u00c9RIEURE\n========================================================= *\/\n\n#music-platforms-section .rb-platform-card__visual {\n  position: relative;\n\n  height: 277px;\n\n  overflow: hidden;\n}\n\n\n#music-platforms-section .rb-platform-card__image {\n  display: block;\n\n  width: 100%;\n  height: 100%;\n\n  object-fit: cover;\n  object-position: center;\n\n  transition:\n    transform 650ms\n    cubic-bezier(0.22, 1, 0.36, 1);\n}\n\n\n#music-platforms-section\n.rb-platform-card__visual-link:hover\n.rb-platform-card__image {\n  transform: scale(1.035);\n}\n\n\n#music-platforms-section .rb-platform-card__gradient {\n  position: absolute;\n  inset: 0;\n\n  pointer-events: none;\n\n  background:\n    linear-gradient(\n      180deg,\n      rgba(0, 0, 0, 0) 38%,\n      rgba(0, 0, 0, 0.9) 100%\n    );\n}\n\n\n#music-platforms-section .rb-platform-card__artist {\n  position: absolute;\n\n  right: 18px;\n  bottom: 18px;\n  left: 18px;\n  z-index: 2;\n\n  margin: 0;\n\n  color: #ffffff;\n\n  font-size: 31px;\n  font-weight: 600;\n  line-height: 1.02;\n  letter-spacing: -0.045em;\n}\n\n\n#music-platforms-section\n.rb-platform-card--apple\n.rb-platform-card__artist {\n  padding-right: 58px;\n}\n\n\n\/* =========================================================\n   BOUTON APPLE\n========================================================= *\/\n\n#music-platforms-section .rb-apple-play {\n  position: absolute;\n\n  right: 17px;\n  bottom: 17px;\n  z-index: 3;\n\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n\n  width: 44px;\n  height: 44px;\n\n  border-radius: 50%;\n\n  color: #ffffff;\n  background-color: var(--rb-apple-pink);\n\n  box-shadow:\n    0 8px 20px\n    rgba(0, 0, 0, 0.2);\n}\n\n\n#music-platforms-section .rb-apple-play svg {\n  display: block;\n\n  width: 22px;\n  height: 22px;\n\n  fill: currentColor;\n}\n\n\n\/* =========================================================\n   CORPS DES CARTES\n========================================================= *\/\n\n#music-platforms-section .rb-platform-card__body {\n  display: flex;\n  flex: 1;\n  flex-direction: column;\n\n  padding:\n    16px\n    16px\n    20px;\n\n  background-color: var(--rb-music-card);\n}\n\n\n\/* =========================================================\n   SPOTIFY\n========================================================= *\/\n\n#music-platforms-section .rb-spotify-listeners {\n  margin:\n    0\n    0\n    14px;\n\n  color: rgba(255, 255, 255, 0.76);\n\n  font-size: 10px;\n  font-weight: 400;\n  line-height: 1.25;\n}\n\n\n#music-platforms-section .rb-spotify-controls {\n  display: flex;\n  align-items: center;\n\n  width: 100%;\n\n  gap: 16px;\n\n  margin-bottom: 22px;\n}\n\n\n\/*\n * Aucun carr\u00e9 gris ou blanc n\u2019est pr\u00e9sent.\n *\/\n\n#music-platforms-section .rb-spotify-follow {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n\n  min-width: 92px;\n  min-height: 34px;\n\n  padding:\n    7px\n    16px;\n\n  border:\n    1px solid\n    rgba(255, 255, 255, 0.75);\n\n  border-radius: 999px;\n\n  color: #ffffff;\n  background: transparent;\n\n  font-size: 11px;\n  font-weight: 600;\n  line-height: 1;\n  text-decoration: none;\n\n  transition:\n    border-color 250ms ease,\n    transform 250ms ease;\n}\n\n\n#music-platforms-section .rb-spotify-follow:hover,\n#music-platforms-section .rb-spotify-follow:focus-visible {\n  border-color: #ffffff;\n\n  transform: scale(1.035);\n}\n\n\n#music-platforms-section .rb-control-icon {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n\n  color: rgba(255, 255, 255, 0.82);\n}\n\n\n#music-platforms-section .rb-control-icon--dots {\n  font-size: 14px;\n  letter-spacing: 1px;\n}\n\n\n#music-platforms-section .rb-control-icon--shuffle {\n  margin-left: auto;\n}\n\n\n#music-platforms-section .rb-control-icon--shuffle svg {\n  display: block;\n\n  width: 26px;\n  height: 26px;\n\n  fill: none;\n  stroke: currentColor;\n  stroke-width: 1.4;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n\n#music-platforms-section .rb-spotify-play {\n  display: inline-flex;\n  flex: 0 0 auto;\n  align-items: center;\n  justify-content: center;\n\n  width: 45px;\n  height: 45px;\n\n  border-radius: 50%;\n\n  color: #000000;\n  background-color: var(--rb-spotify-green);\n\n  text-decoration: none;\n\n  transition:\n    transform 250ms ease,\n    filter 250ms ease;\n}\n\n\n#music-platforms-section .rb-spotify-play:hover,\n#music-platforms-section .rb-spotify-play:focus-visible {\n  transform: scale(1.07);\n\n  filter: brightness(1.06);\n}\n\n\n#music-platforms-section .rb-spotify-play svg {\n  display: block;\n\n  width: 23px;\n  height: 23px;\n\n  fill: currentColor;\n}\n\n\n\/* =========================================================\n   TITRE DES MORCEAUX\n========================================================= *\/\n\n#music-platforms-section .rb-track-section-title {\n  margin:\n    0\n    0\n    12px;\n\n  color: #ffffff;\n\n  font-size: 16px;\n  font-weight: 600;\n  line-height: 1.2;\n}\n\n\n\/* =========================================================\n   LISTE DES MORCEAUX\n========================================================= *\/\n\n#music-platforms-section .rb-track-list {\n  display: flex;\n  flex-direction: column;\n\n  gap: 9px;\n\n  width: 100%;\n}\n\n\n#music-platforms-section .rb-track-row {\n  display: grid;\n\n  grid-template-columns:\n    43px\n    minmax(0, 1fr)\n    auto;\n\n  align-items: center;\n\n  gap: 11px;\n\n  min-width: 0;\n}\n\n\n#music-platforms-section .rb-track-cover {\n  display: block;\n\n  width: 43px;\n  height: 43px;\n\n  overflow: hidden;\n\n  border-radius: 3px;\n}\n\n\n#music-platforms-section .rb-track-cover img {\n  display: block;\n\n  width: 100%;\n  height: 100%;\n\n  object-fit: cover;\n}\n\n\n#music-platforms-section .rb-track-information {\n  display: flex;\n  flex-direction: column;\n\n  min-width: 0;\n}\n\n\n#music-platforms-section .rb-track-information strong {\n  overflow: hidden;\n\n  color: #ffffff;\n\n  font-size: 13px;\n  font-weight: 500;\n  line-height: 1.2;\n\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n\n#music-platforms-section .rb-track-information small {\n  margin-top: 3px;\n\n  overflow: hidden;\n\n  color: var(--rb-music-muted);\n\n  font-size: 10px;\n  line-height: 1.2;\n\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n\n#music-platforms-section .rb-track-options {\n  color: rgba(255, 255, 255, 0.78);\n\n  font-size: 13px;\n  letter-spacing: 1px;\n}\n\n\n\/* =========================================================\n   SORTIE APPLE MUSIC\n========================================================= *\/\n\n#music-platforms-section .rb-release {\n  display: flex;\n  align-items: center;\n\n  gap: 14px;\n\n  margin-bottom: 18px;\n}\n\n\n#music-platforms-section .rb-release__cover {\n  display: flex;\n  flex: 0 0 auto;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n\n  width: 91px;\n  height: 91px;\n\n  border: 4px solid #ffffff;\n  border-radius: 8px;\n\n  color: #ffffff;\n\n  background:\n    linear-gradient(\n      90deg,\n      #30231d 0 32%,\n      #b8aa9e 32% 65%,\n      #30231d 65% 100%\n    );\n}\n\n\n#music-platforms-section .rb-release__cover small {\n  font-size: 7px;\n  line-height: 1;\n}\n\n\n#music-platforms-section .rb-release__cover strong {\n  margin-top: 4px;\n\n  font-size: 24px;\n  font-weight: 400;\n  line-height: 1;\n}\n\n\n#music-platforms-section .rb-release__information {\n  display: flex;\n  flex-direction: column;\n\n  min-width: 0;\n}\n\n\n#music-platforms-section .rb-release__information > small {\n  margin-bottom: 6px;\n\n  color: var(--rb-apple-pink);\n\n  font-size: 11px;\n  font-weight: 600;\n  line-height: 1.2;\n}\n\n\n#music-platforms-section .rb-release__information > strong {\n  color: #ffffff;\n\n  font-size: 15px;\n  font-weight: 500;\n  line-height: 1.2;\n}\n\n\n#music-platforms-section .rb-release__information > span {\n  margin-top: 3px;\n\n  color: rgba(255, 255, 255, 0.7);\n\n  font-size: 11px;\n  line-height: 1.2;\n}\n\n\n#music-platforms-section .rb-card-divider {\n  width: 100%;\n  height: 1px;\n\n  margin:\n    0\n    0\n    14px;\n\n  background-color:\n    rgba(255, 255, 255, 0.15);\n}\n\n\n\/* =========================================================\n   BAS DU BLOC\n========================================================= *\/\n\n#music-platforms-section .rb-music-footer {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  justify-content: center;\n\n  gap: 20px;\n\n  margin-top: 48px;\n}\n\n\n\/* =========================================================\n   LIEN D\u00c9COUVRIR\n========================================================= *\/\n\n#music-platforms-section .rb-music-discover {\n  display: inline-flex;\n  align-items: center;\n\n  gap: 13px;\n\n  color: #2b2b2b;\n\n  font-size: 18px;\n  font-weight: 400;\n  line-height: 1.2;\n  text-decoration: none;\n}\n\n\n#music-platforms-section .rb-music-discover__arrow {\n  font-size: 28px;\n  font-weight: 300;\n  line-height: 1;\n\n  transition:\n    transform 300ms\n    cubic-bezier(0.22, 1, 0.36, 1);\n}\n\n\n#music-platforms-section\n.rb-music-discover:hover\n.rb-music-discover__arrow {\n  transform: translateX(7px);\n}\n\n\n\/* =========================================================\n   BOUTON TOUTES LES PLATEFORMES\n========================================================= *\/\n\n#music-platforms-section .rb-platform-menu {\n  position: relative;\n}\n\n\n#music-platforms-section .rb-platform-menu__button {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n\n  min-width: 310px;\n  min-height: 58px;\n\n  padding:\n    13px\n    34px;\n\n  border: 1.2px solid #292929;\n  border-radius: 999px;\n\n  color: #292929;\n  background: transparent;\n\n  font-family:\n    \"Poppins\",\n    Arial,\n    Helvetica,\n    sans-serif;\n\n  font-size: 18px;\n  font-weight: 400;\n  line-height: 1;\n\n  text-align: center;\n  text-decoration: none;\n\n  cursor: pointer;\n\n  transition:\n    color 250ms ease,\n    background-color 250ms ease,\n    transform 250ms ease;\n}\n\n\n#music-platforms-section .rb-platform-menu__button:hover,\n#music-platforms-section .rb-platform-menu__button:focus-visible {\n  color: #ffffff;\n  background-color: #202020;\n\n  transform: translateY(-2px);\n}\n\n\n\/* =========================================================\n   TABLETTE ET MOBILE\n========================================================= *\/\n\n@media screen and (max-width: 767px) {\n\n  #music-platforms-section {\n    padding:\n      48px\n      18px\n      42px;\n  }\n\n\n  #music-platforms-section .rb-music-header {\n    margin-bottom: 40px;\n  }\n\n\n  #music-platforms-section .rb-music-header h2 {\n    font-size: clamp(38px, 9.5vw, 54px);\n  }\n\n\n  #music-platforms-section .rb-music-header p {\n    max-width: 650px;\n\n    margin-top: 20px;\n\n    font-size: clamp(16px, 4vw, 20px);\n  }\n\n\n  \/*\n   * Les deux cartes restent c\u00f4te \u00e0 c\u00f4te,\n   * comme sur la maquette mobile fournie.\n   *\/\n\n  #music-platforms-section .rb-music-cards {\n    grid-template-columns:\n      repeat(2, minmax(0, 1fr));\n\n    gap: 22px;\n  }\n\n\n  #music-platforms-section .rb-platform-card {\n    width: 100%;\n    min-width: 0;\n    min-height: 0;\n\n    border-radius: 16px;\n  }\n\n\n  #music-platforms-section .rb-platform-card__visual {\n    height: clamp(170px, 39vw, 295px);\n  }\n\n\n  #music-platforms-section .rb-platform-card__artist {\n    right: 16px;\n    bottom: 15px;\n    left: 16px;\n\n    font-size: clamp(22px, 4.8vw, 34px);\n  }\n\n\n  #music-platforms-section\n  .rb-platform-card--apple\n  .rb-platform-card__artist {\n    padding-right: 50px;\n  }\n\n\n  #music-platforms-section .rb-apple-play {\n    right: 14px;\n    bottom: 14px;\n\n    width: 43px;\n    height: 43px;\n  }\n\n\n  #music-platforms-section .rb-platform-card__body {\n    padding:\n      16px\n      18px\n      22px;\n  }\n\n\n  #music-platforms-section .rb-spotify-listeners {\n    margin-bottom: 16px;\n\n    font-size: clamp(9px, 1.7vw, 13px);\n  }\n\n\n  #music-platforms-section .rb-spotify-controls {\n    gap: 12px;\n\n    margin-bottom: 22px;\n  }\n\n\n  #music-platforms-section .rb-spotify-follow {\n    min-width: 0;\n    min-height: 34px;\n\n    padding:\n      7px\n      17px;\n\n    font-size: clamp(10px, 1.8vw, 13px);\n  }\n\n\n  #music-platforms-section .rb-control-icon--shuffle {\n    margin-left: auto;\n  }\n\n\n  \/*\n   * Le bouton vert dispara\u00eet uniquement\n   * sur tablette verticale et t\u00e9l\u00e9phone.\n   *\/\n\n  #music-platforms-section .rb-spotify-play {\n    display: none;\n  }\n\n\n  #music-platforms-section .rb-track-section-title {\n    font-size: clamp(13px, 2.5vw, 20px);\n  }\n\n\n  #music-platforms-section .rb-track-row {\n    grid-template-columns:\n      clamp(32px, 7vw, 54px)\n      minmax(0, 1fr)\n      auto;\n\n    gap: 10px;\n  }\n\n\n  #music-platforms-section .rb-track-cover {\n    width: clamp(32px, 7vw, 54px);\n    height: clamp(32px, 7vw, 54px);\n  }\n\n\n  #music-platforms-section .rb-track-information strong {\n    font-size: clamp(10px, 2.1vw, 15px);\n  }\n\n\n  #music-platforms-section .rb-track-information small {\n    font-size: clamp(8px, 1.7vw, 12px);\n  }\n\n\n  #music-platforms-section .rb-release {\n    gap: 14px;\n  }\n\n\n  #music-platforms-section .rb-release__cover {\n    width: clamp(62px, 14vw, 105px);\n    height: clamp(62px, 14vw, 105px);\n  }\n\n\n  #music-platforms-section .rb-release__information > small {\n    font-size: clamp(8px, 1.8vw, 13px);\n  }\n\n\n  #music-platforms-section .rb-release__information > strong {\n    font-size: clamp(11px, 2.3vw, 17px);\n  }\n\n\n  #music-platforms-section .rb-release__information > span {\n    font-size: clamp(9px, 1.8vw, 13px);\n  }\n\n\n  #music-platforms-section .rb-music-footer {\n    flex-direction: column;\n\n    gap: 34px;\n\n    margin-top: 64px;\n  }\n\n\n  #music-platforms-section .rb-music-discover {\n    justify-content: center;\n\n    width: 100%;\n\n    font-size: clamp(18px, 4vw, 25px);\n\n    text-align: center;\n  }\n\n\n  #music-platforms-section .rb-platform-menu {\n    width: min(100%, 610px);\n  }\n\n\n  #music-platforms-section .rb-platform-menu__button {\n    width: 100%;\n    min-width: 0;\n    min-height: 70px;\n\n    font-size: clamp(18px, 4vw, 25px);\n  }\n}\n\n\n\/* =========================================================\n   PETITS T\u00c9L\u00c9PHONES\n========================================================= *\/\n\n@media screen and (max-width: 520px) {\n\n  #music-platforms-section {\n    padding:\n      44px\n      14px\n      38px;\n  }\n\n\n  #music-platforms-section .rb-music-cards {\n    gap: 12px;\n  }\n\n\n  #music-platforms-section .rb-platform-card {\n    border-radius: 12px;\n  }\n\n\n  #music-platforms-section .rb-platform-card__visual {\n    height: clamp(150px, 40vw, 210px);\n  }\n\n\n  #music-platforms-section .rb-platform-card__artist {\n    right: 10px;\n    bottom: 11px;\n    left: 10px;\n\n    font-size: clamp(17px, 4.7vw, 24px);\n  }\n\n\n  #music-platforms-section\n  .rb-platform-card--apple\n  .rb-platform-card__artist {\n    padding-right: 37px;\n  }\n\n\n  #music-platforms-section .rb-apple-play {\n    right: 9px;\n    bottom: 9px;\n\n    width: 34px;\n    height: 34px;\n  }\n\n\n  #music-platforms-section .rb-apple-play svg {\n    width: 17px;\n    height: 17px;\n  }\n\n\n  #music-platforms-section .rb-platform-card__body {\n    padding:\n      11px\n      10px\n      15px;\n  }\n\n\n  #music-platforms-section .rb-spotify-listeners {\n    margin-bottom: 10px;\n\n    font-size: 8px;\n  }\n\n\n  #music-platforms-section .rb-spotify-controls {\n    gap: 7px;\n\n    margin-bottom: 15px;\n  }\n\n\n  #music-platforms-section .rb-spotify-follow {\n    min-height: 27px;\n\n    padding:\n      5px\n      10px;\n\n    font-size: 8px;\n  }\n\n\n  #music-platforms-section .rb-control-icon--dots {\n    font-size: 10px;\n  }\n\n\n  #music-platforms-section .rb-control-icon--shuffle svg {\n    width: 19px;\n    height: 19px;\n  }\n\n\n  #music-platforms-section .rb-track-section-title {\n    margin-bottom: 9px;\n\n    font-size: clamp(10px, 2.7vw, 14px);\n  }\n\n\n  #music-platforms-section .rb-track-list {\n    gap: 7px;\n  }\n\n\n  #music-platforms-section .rb-track-row {\n    grid-template-columns:\n      30px\n      minmax(0, 1fr)\n      auto;\n\n    gap: 7px;\n  }\n\n\n  #music-platforms-section .rb-track-cover {\n    width: 30px;\n    height: 30px;\n  }\n\n\n  #music-platforms-section .rb-track-information strong {\n    font-size: 8px;\n  }\n\n\n  #music-platforms-section .rb-track-information small {\n    font-size: 6px;\n  }\n\n\n  #music-platforms-section .rb-track-options {\n    font-size: 8px;\n  }\n\n\n  #music-platforms-section .rb-release {\n    align-items: center;\n\n    gap: 8px;\n\n    margin-bottom: 11px;\n  }\n\n\n  #music-platforms-section .rb-release__cover {\n    width: 53px;\n    height: 53px;\n\n    border-width: 3px;\n    border-radius: 6px;\n  }\n\n\n  #music-platforms-section .rb-release__cover small {\n    font-size: 4px;\n  }\n\n\n  #music-platforms-section .rb-release__cover strong {\n    margin-top: 2px;\n\n    font-size: 14px;\n  }\n\n\n  #music-platforms-section .rb-release__information > small {\n    margin-bottom: 3px;\n\n    font-size: 6px;\n  }\n\n\n  #music-platforms-section .rb-release__information > strong {\n    font-size: 8px;\n  }\n\n\n  #music-platforms-section .rb-release__information > span {\n    font-size: 6px;\n  }\n\n\n  #music-platforms-section .rb-card-divider {\n    margin-bottom: 9px;\n  }\n\n\n  #music-platforms-section .rb-music-footer {\n    gap: 28px;\n\n    margin-top: 48px;\n  }\n\n\n  #music-platforms-section .rb-music-discover {\n    gap: 12px;\n\n    font-size: clamp(16px, 4.4vw, 20px);\n  }\n\n\n  #music-platforms-section .rb-music-discover__arrow {\n    font-size: 25px;\n  }\n\n\n  #music-platforms-section .rb-platform-menu {\n    width: min(100%, 360px);\n  }\n\n\n  #music-platforms-section .rb-platform-menu__button {\n    min-height: 60px;\n\n    padding:\n      12px\n      20px;\n\n    font-size: clamp(16px, 4.3vw, 19px);\n  }\n}\n\n\n\/* =========================================================\n   R\u00c9DUCTION DES MOUVEMENTS\n========================================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n  #music-platforms-section *,\n  #music-platforms-section *::before,\n  #music-platforms-section *::after {\n    animation-duration: 0.01ms !important;\n    animation-iteration-count: 1 !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\n(function () {\n  \"use strict\";\n\n  const musicSection = document.getElementById(\n    \"music-platforms-section\"\n  );\n\n  if (\n    !musicSection ||\n    musicSection.dataset.initialized === \"true\"\n  ) {\n    return;\n  }\n\n  musicSection.dataset.initialized = \"true\";\n})();\n<\/script>\n\n<section id=\"music-platforms-section\" class=\"rb-music-block\" aria-labelledby=\"rb-music-title\">\n  <div class=\"rb-music-container\">\n\n    <header class=\"rb-music-header\">\n      <h2 id=\"rb-music-title\">\n        La musica\n      <\/h2>\n\n      <p>\n        \u00ab Lorem ipsum dolor sit amet, consectetur adipiscing elit,\n        sed do eiusmod tempor incididunt.\n      <\/p>\n    <\/header>\n\n    <div class=\"rb-music-cards\">\n\n      <!-- ==================================================\n           CARTE SPOTIFY\n      =================================================== -->\n\n      <article class=\"rb-platform-card rb-platform-card--spotify\">\n\n        <a class=\"rb-platform-card__visual-link\" href=\"https:\/\/open.spotify.com\/artist\/4qUeDaQIX2u2rXnPQr9yuP\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Ascolta Ralph Beaubrun su Spotify\">\n          <div class=\"rb-platform-card__visual\">\n\n            <img decoding=\"async\"\n              class=\"rb-platform-card__image\"\n              src=\"https:\/\/image-cdn-ak.spotifycdn.com\/image\/ab6761610000f178687c40cd2b68649ed400af7b\"\n              alt=\"Ralph Beaubrun sur Spotify\"\n              loading=\"lazy\"\n            >\n\n            <span\n              class=\"rb-platform-card__gradient\"\n              aria-hidden=\"true\"\n            ><\/span>\n\n            <h3 class=\"rb-platform-card__artist\">\n              Ralph Beaubrun\n            <\/h3>\n\n          <\/div>\n        <\/a>\n\n        <div class=\"rb-platform-card__body\">\n\n          <p class=\"rb-spotify-listeners\">\n            44,2 mila ascoltatori mensili\n          <\/p>\n\n          <div class=\"rb-spotify-controls\">\n\n            <a class=\"rb-spotify-follow\" href=\"https:\/\/open.spotify.com\/artist\/4qUeDaQIX2u2rXnPQr9yuP\" target=\"_blank\" rel=\"noopener noreferrer\">\n              Abbonarsi\n            <\/a>\n\n            <span\n              class=\"rb-control-icon rb-control-icon--dots\"\n              aria-hidden=\"true\"\n            >\n              \u2022\u2022\u2022\n            <\/span>\n\n            <span\n              class=\"rb-control-icon rb-control-icon--shuffle\"\n              aria-hidden=\"true\"\n            >\n              <svg\n                viewbox=\"0 0 24 24\"\n                focusable=\"false\"\n                aria-hidden=\"true\"\n              >\n                <path d=\"M16 3h5v5M4 6h3.5c2.2 0 3.6 1 5 3l3 4.4c1.2 1.8 2.2 2.6 4.5 2.6H21M16 21h5v-5M4 18h3.5c1.8 0 3-.7 4.2-2.3\"><\/path>\n              <\/svg>\n            <\/span>\n\n            <a class=\"rb-spotify-play\" href=\"https:\/\/open.spotify.com\/artist\/4qUeDaQIX2u2rXnPQr9yuP\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Ascolta Ralph Beaubrun su Spotify\">\n              <svg\n                viewbox=\"0 0 24 24\"\n                focusable=\"false\"\n                aria-hidden=\"true\"\n              >\n                <path d=\"M8 5.2v13.6L19 12 8 5.2Z\"><\/path>\n              <\/svg>\n            <\/a>\n\n          <\/div>\n\n          <h4 class=\"rb-track-section-title\">\n            Brani pi\u00f9 ascoltati\n          <\/h4>\n\n          <div class=\"rb-track-list\">\n\n            <div class=\"rb-track-row\">\n\n              <span class=\"rb-track-cover\">\n                <img decoding=\"async\"\n                  src=\"https:\/\/image-cdn-ak.spotifycdn.com\/image\/ab6761610000f178687c40cd2b68649ed400af7b\"\n                  alt=\"\"\n                  loading=\"lazy\"\n                >\n              <\/span>\n\n              <span class=\"rb-track-information\">\n                <strong>LA MADAME<\/strong>\n                <small>3 028 889<\/small>\n              <\/span>\n\n              <span\n                class=\"rb-track-options\"\n                aria-hidden=\"true\"\n              >\n                \u2022\u2022\u2022\n              <\/span>\n\n            <\/div>\n\n            <div class=\"rb-track-row\">\n\n              <span class=\"rb-track-cover\">\n                <img decoding=\"async\"\n                  src=\"https:\/\/image-cdn-ak.spotifycdn.com\/image\/ab6761610000f178687c40cd2b68649ed400af7b\"\n                  alt=\"\"\n                  loading=\"lazy\"\n                >\n              <\/span>\n\n              <span class=\"rb-track-information\">\n                <strong>Piano piano<\/strong>\n                <small>80 337<\/small>\n              <\/span>\n\n              <span\n                class=\"rb-track-options\"\n                aria-hidden=\"true\"\n              >\n                \u2022\u2022\u2022\n              <\/span>\n\n            <\/div>\n\n            <div class=\"rb-track-row\">\n\n              <span class=\"rb-track-cover\">\n                <img decoding=\"async\"\n                  src=\"https:\/\/image-cdn-ak.spotifycdn.com\/image\/ab6761610000f178687c40cd2b68649ed400af7b\"\n                  alt=\"\"\n                  loading=\"lazy\"\n                >\n              <\/span>\n\n              <span class=\"rb-track-information\">\n                <strong>WANGO<\/strong>\n                <small>125 756<\/small>\n              <\/span>\n\n              <span\n                class=\"rb-track-options\"\n                aria-hidden=\"true\"\n              >\n                \u2022\u2022\u2022\n              <\/span>\n\n            <\/div>\n\n          <\/div>\n\n        <\/div>\n\n      <\/article>\n\n\n      <!-- ==================================================\n           CARTE APPLE MUSIC\n      =================================================== -->\n\n      <article class=\"rb-platform-card rb-platform-card--apple\">\n\n        <a class=\"rb-platform-card__visual-link\" href=\"https:\/\/music.apple.com\/fr\/artist\/ralph-beaubrun\/1546778337\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Ascolta Ralph Beaubrun su Apple Music\">\n          <div class=\"rb-platform-card__visual\">\n\n            <img decoding=\"async\"\n              class=\"rb-platform-card__image\"\n              src=\"https:\/\/image-cdn-ak.spotifycdn.com\/image\/ab6761610000f178687c40cd2b68649ed400af7b\"\n              alt=\"Ralph Beaubrun sur Apple Music\"\n              loading=\"lazy\"\n            >\n\n            <span\n              class=\"rb-platform-card__gradient\"\n              aria-hidden=\"true\"\n            ><\/span>\n\n            <h3 class=\"rb-platform-card__artist\">\n              Ralph Beaubrun\n            <\/h3>\n\n            <span\n              class=\"rb-apple-play\"\n              aria-hidden=\"true\"\n            >\n              <svg\n                viewbox=\"0 0 24 24\"\n                focusable=\"false\"\n              >\n                <path d=\"M8 5.2v13.6L19 12 8 5.2Z\"><\/path>\n              <\/svg>\n            <\/span>\n\n          <\/div>\n        <\/a>\n\n        <div class=\"rb-platform-card__body\">\n\n          <div class=\"rb-release\">\n\n            <span class=\"rb-release__cover\">\n              <small>IDENTIT\u00c0<\/small>\n              <strong>(S)<\/strong>\n            <\/span>\n\n            <span class=\"rb-release__information\">\n              <small>19 GIUGNO 2026<\/small>\n              <strong>Identit\u00e0<\/strong>\n              <span>13 Pezzi<\/span>\n            <\/span>\n\n          <\/div>\n\n          <div\n            class=\"rb-card-divider\"\n            aria-hidden=\"true\"\n          ><\/div>\n\n          <h4 class=\"rb-track-section-title\">\n            Classifica dei brani\n          <\/h4>\n\n          <div class=\"rb-track-list\">\n\n            <div class=\"rb-track-row\">\n\n              <span class=\"rb-track-cover\">\n                <img decoding=\"async\"\n                  src=\"https:\/\/image-cdn-ak.spotifycdn.com\/image\/ab6761610000f178687c40cd2b68649ed400af7b\"\n                  alt=\"\"\n                  loading=\"lazy\"\n                >\n              <\/span>\n\n              <span class=\"rb-track-information\">\n                <strong>LA MADAME<\/strong>\n                <small>ID.1 \u2013 EP \u00b7 2024<\/small>\n              <\/span>\n\n              <span\n                class=\"rb-track-options\"\n                aria-hidden=\"true\"\n              >\n                \u2022\u2022\u2022\n              <\/span>\n\n            <\/div>\n\n            <div class=\"rb-track-row\">\n\n              <span class=\"rb-track-cover\">\n                <img decoding=\"async\"\n                  src=\"https:\/\/image-cdn-ak.spotifycdn.com\/image\/ab6761610000f178687c40cd2b68649ed400af7b\"\n                  alt=\"\"\n                  loading=\"lazy\"\n                >\n              <\/span>\n\n              <span class=\"rb-track-information\">\n                <strong>ROF<\/strong>\n                <small>ROF \u2013 Singolo \u00b7 2023<\/small>\n              <\/span>\n\n              <span\n                class=\"rb-track-options\"\n                aria-hidden=\"true\"\n              >\n                \u2022\u2022\u2022\n              <\/span>\n\n            <\/div>\n\n            <div class=\"rb-track-row\">\n\n              <span class=\"rb-track-cover\">\n                <img decoding=\"async\"\n                  src=\"https:\/\/image-cdn-ak.spotifycdn.com\/image\/ab6761610000f178687c40cd2b68649ed400af7b\"\n                  alt=\"\"\n                  loading=\"lazy\"\n                >\n              <\/span>\n\n              <span class=\"rb-track-information\">\n                <strong>WANGO<\/strong>\n                <small>Single<\/small>\n              <\/span>\n\n              <span\n                class=\"rb-track-options\"\n                aria-hidden=\"true\"\n              >\n                \u2022\u2022\u2022\n              <\/span>\n\n            <\/div>\n\n          <\/div>\n\n        <\/div>\n\n      <\/article>\n\n    <\/div>\n\n\n    <!-- ====================================================\n         BAS DU BLOC\n    ===================================================== -->\n\n    <div class=\"rb-music-footer\">\n\n      <a class=\"rb-music-discover\" href=\"https:\/\/linktr.ee\/ralphbeaubrun?utm_source=linktree_profile_share\" target=\"_blank\" rel=\"noopener noreferrer\">\n        <span>\n          Scoprire l'universo musicale di Ralph\n        <\/span>\n\n        <span\n          class=\"rb-music-discover__arrow\"\n          aria-hidden=\"true\"\n        >\n          \u2192\n        <\/span>\n      <\/a>\n\n\n      <div class=\"rb-platform-menu\">\n\n        <a class=\"rb-platform-menu__button\" href=\"https:\/\/linktr.ee\/ralphbeaubrun?utm_source=linktree_profile_share\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Visualizza tutte le piattaforme di Ralph Beaubrun\">\n          Visualizza tutte le piattaforme\n        <\/a>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n<\/section>\n\n\n\n<style data-wp-block-html=\"css\">\n\/* =========================================================\n   R\u00c9INITIALISATION DU BLOC\n========================================================= *\/\n\n#ralph-social-section,\n#ralph-social-section *,\n#ralph-social-section *::before,\n#ralph-social-section *::after {\n  box-sizing: border-box;\n}\n\nhtml.ralph-social-page,\nbody.ralph-social-page {\n  overflow-x: clip !important;\n}\n\n.ralph-social-overflow-visible {\n  overflow: visible !important;\n}\n\n\/* =========================================================\n   SECTION PRINCIPALE\n========================================================= *\/\n\n#ralph-social-section {\n  --ralph-social-shift: 0px;\n  --ralph-social-background: #f2f1e9;\n  --ralph-social-text: #202020;\n\n  position: relative;\n\n  width: 100vw;\n  width: 100dvw;\n\n  max-width: 100vw;\n  max-width: 100dvw;\n\n  margin: 0;\n\n  padding:\n    clamp(52px, 4.5vw, 76px)\n    0\n    clamp(54px, 4.8vw, 80px);\n\n  overflow: hidden;\n  isolation: isolate;\n\n  color: var(--ralph-social-text);\n  background-color: var(--ralph-social-background);\n\n  font-family: \"Poppins\", Arial, Helvetica, sans-serif;\n\n  transform: translate3d(\n    var(--ralph-social-shift),\n    0,\n    0\n  );\n}\n\n\/* =========================================================\n   CONTENEUR\n========================================================= *\/\n\n#ralph-social-section .ralph-social__container {\n  width: calc(100% - 48px);\n  max-width: 1580px;\n\n  margin: 0 auto;\n}\n\n\/* =========================================================\n   TITRE\n========================================================= *\/\n\n#ralph-social-section .ralph-social__header {\n  width: 100%;\n  max-width: 780px;\n\n  margin:\n    0\n    auto\n    clamp(48px, 4.8vw, 76px);\n\n  text-align: center;\n}\n\n#ralph-social-section .ralph-social__title {\n  margin: 0;\n  padding: 0;\n\n  color: var(--ralph-social-text);\n\n  font-family: \"Poppins\", Arial, Helvetica, sans-serif;\n  font-size: clamp(31px, 3vw, 46px);\n  font-weight: 500;\n  line-height: 1.06;\n  letter-spacing: -0.04em;\n}\n\n#ralph-social-section .ralph-social__title span {\n  display: block;\n}\n\n\/* =========================================================\n   GALERIE\n========================================================= *\/\n\n#ralph-social-section .ralph-social__gallery {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 310px));\n  justify-content: center;\n\n  width: 100%;\n\n  gap: clamp(18px, 1.8vw, 28px);\n}\n\n\/* =========================================================\n   CARTES\n========================================================= *\/\n\n#ralph-social-section .ralph-social__card {\n  --ralph-card-x: 0px;\n  --ralph-card-y: 0px;\n\n  display: block;\n\n  min-width: 0;\n\n  color: #ffffff;\n  text-decoration: none;\n}\n\n#ralph-social-section .ralph-social__image-frame {\n  position: relative;\n\n  display: block;\n\n  width: 100%;\n  aspect-ratio: 0.83 \/ 1;\n\n  overflow: hidden;\n  isolation: isolate;\n\n  border-radius: clamp(15px, 1.2vw, 19px);\n  background-color: #ddd9ce;\n\n  box-shadow:\n    0 18px 46px rgba(0, 0, 0, 0.07);\n\n  transition:\n    transform 550ms cubic-bezier(0.22, 1, 0.36, 1),\n    box-shadow 550ms ease;\n}\n\n\/* =========================================================\n   IMAGES\n========================================================= *\/\n\n#ralph-social-section .ralph-social__image {\n  position: absolute;\n  inset: -2%;\n\n  display: block;\n\n  width: 104%;\n  height: 104%;\n  max-width: none;\n\n  margin: 0;\n  padding: 0;\n\n  object-fit: cover;\n  object-position: center;\n\n  transform:\n    translate3d(\n      var(--ralph-card-x),\n      var(--ralph-card-y),\n      0\n    )\n    scale(1.02);\n\n  transition:\n    transform 700ms cubic-bezier(0.22, 1, 0.36, 1),\n    filter 500ms ease;\n\n  will-change: transform;\n\n  user-select: none;\n  pointer-events: none;\n}\n\n#ralph-social-section\n  .ralph-social__card:hover\n  .ralph-social__image-frame {\n  transform: translateY(-7px);\n\n  box-shadow:\n    0 28px 65px rgba(0, 0, 0, 0.13);\n}\n\n#ralph-social-section\n  .ralph-social__card:hover\n  .ralph-social__image {\n  transform:\n    translate3d(\n      var(--ralph-card-x),\n      var(--ralph-card-y),\n      0\n    )\n    scale(1.065);\n}\n\n\/* =========================================================\n   CALQUE AU SURVOL\n========================================================= *\/\n\n#ralph-social-section .ralph-social__image-overlay {\n  position: absolute;\n  inset: 0;\n  z-index: 2;\n\n  opacity: 0;\n\n  background:\n    linear-gradient(\n      180deg,\n      rgba(0, 0, 0, 0.02) 35%,\n      rgba(0, 0, 0, 0.65) 100%\n    );\n\n  transition: opacity 450ms ease;\n\n  pointer-events: none;\n}\n\n#ralph-social-section\n  .ralph-social__card:hover\n  .ralph-social__image-overlay {\n  opacity: 1;\n}\n\n\/* =========================================================\n   IC\u00d4NES DES PUBLICATIONS\n========================================================= *\/\n\n#ralph-social-section .ralph-social__content-icon {\n  position: absolute;\n  top: 13px;\n  right: 13px;\n  z-index: 4;\n\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n\n  width: 31px;\n  height: 31px;\n\n  color: #202020;\n\n  border-radius: 9px;\n  background-color: rgba(255, 255, 255, 0.94);\n\n  box-shadow:\n    0 5px 14px rgba(0, 0, 0, 0.15);\n\n  transition:\n    color 350ms ease,\n    background-color 350ms ease,\n    transform 350ms cubic-bezier(0.22, 1, 0.36, 1);\n}\n\n#ralph-social-section .ralph-social__content-icon i {\n  font-size: 16px;\n  line-height: 1;\n}\n\n#ralph-social-section\n  .ralph-social__card:hover\n  .ralph-social__content-icon {\n  color: #ffffff;\n  background-color: #202020;\n\n  transform: scale(1.08);\n}\n\n\/* =========================================================\n   TEXTE AU SURVOL\n========================================================= *\/\n\n#ralph-social-section .ralph-social__hover-label {\n  position: absolute;\n  right: 20px;\n  bottom: 20px;\n  left: 20px;\n  z-index: 3;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  gap: 9px;\n\n  min-height: 44px;\n\n  padding: 10px 16px;\n\n  opacity: 0;\n\n  color: #202020;\n\n  border-radius: 999px;\n  background-color: rgba(255, 255, 255, 0.94);\n\n  font-size: 12px;\n  font-weight: 500;\n  line-height: 1;\n\n  backdrop-filter: blur(8px);\n  -webkit-backdrop-filter: blur(8px);\n\n  transform: translateY(18px);\n\n  transition:\n    opacity 400ms ease,\n    transform 400ms cubic-bezier(0.22, 1, 0.36, 1);\n}\n\n#ralph-social-section .ralph-social__hover-label i {\n  font-size: 17px;\n}\n\n#ralph-social-section\n  .ralph-social__card:hover\n  .ralph-social__hover-label {\n  opacity: 1;\n\n  transform: translateY(0);\n}\n\n\/* =========================================================\n   LIGNE DES R\u00c9SEAUX\n========================================================= *\/\n\n#ralph-social-section .ralph-social__networks {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-wrap: wrap;\n\n  gap: 12px;\n\n  margin-top: clamp(46px, 4.2vw, 66px);\n}\n\n\/* =========================================================\n   BOUTON INSTAGRAM\n========================================================= *\/\n\n#ralph-social-section .ralph-social__instagram-button {\n  position: relative;\n\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n\n  gap: 12px;\n\n  min-width: 215px;\n  min-height: 50px;\n\n  padding: 11px 24px;\n\n  overflow: hidden;\n\n  color: #202020;\n\n  border: 1px solid #202020;\n  border-radius: 999px;\n\n  background-color: transparent;\n\n  font-family: \"Poppins\", Arial, Helvetica, sans-serif;\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 1;\n  text-decoration: none;\n\n  transition:\n    color 350ms ease,\n    transform 350ms cubic-bezier(0.22, 1, 0.36, 1),\n    box-shadow 350ms ease;\n}\n\n#ralph-social-section .ralph-social__instagram-button > * {\n  position: relative;\n  z-index: 2;\n}\n\n#ralph-social-section .ralph-social__instagram-button > i {\n  flex: 0 0 auto;\n\n  font-size: 20px;\n}\n\n#ralph-social-section .ralph-social__handle {\n  min-width: 0;\n\n  overflow: hidden;\n\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n#ralph-social-section .ralph-social__button-background {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  z-index: 1;\n\n  width: 0;\n  height: 0;\n\n  border-radius: 50%;\n\n  background:\n    linear-gradient(\n      135deg,\n      #833ab4,\n      #fd1d1d,\n      #fcb045\n    );\n\n  transform: translate(-50%, -50%);\n\n  transition:\n    width 520ms cubic-bezier(0.22, 1, 0.36, 1),\n    height 520ms cubic-bezier(0.22, 1, 0.36, 1);\n}\n\n#ralph-social-section .ralph-social__instagram-button:hover {\n  color: #ffffff;\n\n  transform: translateY(-4px);\n\n  box-shadow:\n    0 17px 36px rgba(131, 58, 180, 0.2);\n}\n\n#ralph-social-section\n  .ralph-social__instagram-button:hover\n  .ralph-social__button-background {\n  width: 330px;\n  height: 330px;\n}\n\n\/* =========================================================\n   BOUTONS TIKTOK ET YOUTUBE\n========================================================= *\/\n\n#ralph-social-section .ralph-social__network-button {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  flex: 0 0 auto;\n\n  width: 50px;\n  height: 50px;\n\n  color: #202020;\n\n  border: 1px solid #202020;\n  border-radius: 50%;\n\n  background-color: transparent;\n\n  text-decoration: none;\n\n  transition:\n    color 350ms ease,\n    background-color 350ms ease,\n    border-color 350ms ease,\n    transform 350ms cubic-bezier(0.22, 1, 0.36, 1),\n    box-shadow 350ms ease;\n}\n\n#ralph-social-section .ralph-social__network-button i {\n  font-size: 21px;\n  line-height: 1;\n}\n\n#ralph-social-section\n  .ralph-social__network-button--tiktok:hover {\n  color: #ffffff;\n  border-color: #111111;\n  background-color: #111111;\n\n  transform: translateY(-4px) rotate(-4deg);\n\n  box-shadow:\n    0 15px 32px rgba(0, 0, 0, 0.18);\n}\n\n#ralph-social-section\n  .ralph-social__network-button--youtube:hover {\n  color: #ffffff;\n  border-color: #ff0000;\n  background-color: #ff0000;\n\n  transform: translateY(-4px) rotate(4deg);\n\n  box-shadow:\n    0 15px 32px rgba(255, 0, 0, 0.18);\n}\n\n\/* =========================================================\n   ACCESSIBILIT\u00c9\n========================================================= *\/\n\n#ralph-social-section a:focus-visible {\n  outline: 2px solid #202020;\n  outline-offset: 5px;\n}\n\n\/* =========================================================\n   ANIMATIONS D\u2019APPARITION\n========================================================= *\/\n\n#ralph-social-section.ralph-social--js\n  .ralph-social__title,\n#ralph-social-section.ralph-social--js\n  .ralph-social__card,\n#ralph-social-section.ralph-social--js\n  .ralph-social__networks {\n  opacity: 0;\n}\n\n#ralph-social-section.ralph-social--js\n  .ralph-social__title {\n  transform: translateY(40px);\n  filter: blur(5px);\n\n  transition:\n    opacity 850ms ease,\n    transform 850ms cubic-bezier(0.22, 1, 0.36, 1),\n    filter 850ms ease;\n}\n\n#ralph-social-section.ralph-social--js\n  .ralph-social__card {\n  transform: translateY(55px) scale(0.98);\n\n  transition:\n    opacity 800ms ease,\n    transform 800ms cubic-bezier(0.22, 1, 0.36, 1);\n}\n\n#ralph-social-section.ralph-social--js\n  .ralph-social__card:nth-child(1) {\n  transition-delay: 180ms;\n}\n\n#ralph-social-section.ralph-social--js\n  .ralph-social__card:nth-child(2) {\n  transition-delay: 290ms;\n}\n\n#ralph-social-section.ralph-social--js\n  .ralph-social__card:nth-child(3) {\n  transition-delay: 400ms;\n}\n\n#ralph-social-section.ralph-social--js\n  .ralph-social__networks {\n  transform: translateY(25px);\n\n  transition:\n    opacity 650ms ease 520ms,\n    transform 650ms cubic-bezier(0.22, 1, 0.36, 1) 520ms;\n}\n\n#ralph-social-section.ralph-social--visible\n  .ralph-social__title,\n#ralph-social-section.ralph-social--visible\n  .ralph-social__card,\n#ralph-social-section.ralph-social--visible\n  .ralph-social__networks {\n  opacity: 1;\n\n  transform: translate3d(0, 0, 0);\n\n  filter: blur(0);\n}\n\n\/* =========================================================\n   TABLETTE\n========================================================= *\/\n\n@media screen and (max-width: 950px) {\n  #ralph-social-section .ralph-social__container {\n    width: calc(100% - 36px);\n  }\n\n  #ralph-social-section .ralph-social__gallery {\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n  }\n}\n\n\/* =========================================================\n   FORMAT T\u00c9L\u00c9PHONE\n========================================================= *\/\n\n@media screen and (max-width: 680px) {\n  #ralph-social-section {\n    padding:\n      28px\n      0\n      38px;\n  }\n\n  #ralph-social-section .ralph-social__container {\n    width: calc(100% - 32px);\n  }\n\n  \/* Titre *\/\n\n  #ralph-social-section .ralph-social__header {\n    max-width: 400px;\n\n    margin:\n      0\n      auto\n      30px;\n  }\n\n  #ralph-social-section .ralph-social__title {\n    font-size: clamp(27px, 7.2vw, 32px);\n    font-weight: 500;\n    line-height: 1.05;\n    letter-spacing: -0.04em;\n  }\n\n  \/* Trois images sur la m\u00eame ligne *\/\n\n  #ralph-social-section .ralph-social__gallery {\n    display: grid;\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n\n    gap: 14px;\n  }\n\n  #ralph-social-section .ralph-social__card {\n    width: 100%;\n    min-width: 0;\n  }\n\n  #ralph-social-section .ralph-social__image-frame {\n    width: 100%;\n    aspect-ratio: 0.84 \/ 1;\n\n    border-radius: 8px;\n\n    box-shadow: none;\n  }\n\n  #ralph-social-section .ralph-social__image {\n    inset: 0;\n\n    width: 100%;\n    height: 100%;\n\n    object-fit: cover;\n    object-position: center;\n\n    transform: none;\n  }\n\n  #ralph-social-section\n    .ralph-social__card:hover\n    .ralph-social__image-frame {\n    transform: none;\n\n    box-shadow: none;\n  }\n\n  #ralph-social-section\n    .ralph-social__card:hover\n    .ralph-social__image {\n    transform: none;\n  }\n\n  #ralph-social-section .ralph-social__image-overlay,\n  #ralph-social-section .ralph-social__hover-label {\n    display: none;\n  }\n\n  \/* Petites ic\u00f4nes sur les images *\/\n\n  #ralph-social-section .ralph-social__content-icon {\n    top: 4px;\n    right: 4px;\n\n    width: 18px;\n    height: 18px;\n\n    border-radius: 5px;\n\n    box-shadow:\n      0 2px 7px rgba(0, 0, 0, 0.14);\n  }\n\n  #ralph-social-section .ralph-social__content-icon i {\n    font-size: 10px;\n  }\n\n  \/* Ligne des boutons *\/\n\n  #ralph-social-section .ralph-social__networks {\n    display: grid;\n    grid-template-columns:\n      minmax(0, 1fr)\n      55px\n      55px;\n\n    align-items: center;\n\n    width: 100%;\n\n    gap: 12px;\n\n    margin-top: 30px;\n  }\n\n  #ralph-social-section .ralph-social__instagram-button {\n    justify-content: flex-start;\n\n    width: 100%;\n    min-width: 0;\n    min-height: 55px;\n\n    gap: 14px;\n\n    padding:\n      10px\n      22px;\n\n    font-size: 14px;\n  }\n\n  #ralph-social-section\n    .ralph-social__instagram-button\n    > i {\n    font-size: 24px;\n  }\n\n  #ralph-social-section .ralph-social__handle {\n    flex: 1;\n\n    text-align: left;\n  }\n\n  #ralph-social-section .ralph-social__network-button {\n    width: 55px;\n    height: 55px;\n  }\n\n  #ralph-social-section\n    .ralph-social__network-button\n    i {\n    font-size: 24px;\n  }\n}\n\n\/* =========================================================\n   PETITS T\u00c9L\u00c9PHONES\n========================================================= *\/\n\n@media screen and (max-width: 410px) {\n  #ralph-social-section .ralph-social__container {\n    width: calc(100% - 24px);\n  }\n\n  #ralph-social-section .ralph-social__header {\n    margin-bottom: 26px;\n  }\n\n  #ralph-social-section .ralph-social__title {\n    font-size: 26px;\n  }\n\n  #ralph-social-section .ralph-social__gallery {\n    gap: 9px;\n  }\n\n  #ralph-social-section .ralph-social__networks {\n    grid-template-columns:\n      minmax(0, 1fr)\n      51px\n      51px;\n\n    gap: 9px;\n\n    margin-top: 26px;\n  }\n\n  #ralph-social-section .ralph-social__instagram-button {\n    min-height: 51px;\n\n    gap: 10px;\n\n    padding:\n      9px\n      16px;\n\n    font-size: 13px;\n  }\n\n  #ralph-social-section\n    .ralph-social__instagram-button\n    > i {\n    font-size: 21px;\n  }\n\n  #ralph-social-section .ralph-social__network-button {\n    width: 51px;\n    height: 51px;\n  }\n\n  #ralph-social-section\n    .ralph-social__network-button\n    i {\n    font-size: 21px;\n  }\n}\n\n\/* =========================================================\n   TR\u00c8S PETITS T\u00c9L\u00c9PHONES\n========================================================= *\/\n\n@media screen and (max-width: 350px) {\n  #ralph-social-section .ralph-social__title {\n    font-size: 24px;\n  }\n\n  #ralph-social-section .ralph-social__gallery {\n    gap: 7px;\n  }\n\n  #ralph-social-section .ralph-social__networks {\n    grid-template-columns:\n      minmax(0, 1fr)\n      47px\n      47px;\n\n    gap: 7px;\n  }\n\n  #ralph-social-section .ralph-social__instagram-button {\n    min-height: 47px;\n\n    padding:\n      8px\n      11px;\n\n    font-size: 12px;\n  }\n\n  #ralph-social-section .ralph-social__network-button {\n    width: 47px;\n    height: 47px;\n  }\n}\n\n\/* =========================================================\n   R\u00c9DUCTION DES MOUVEMENTS\n========================================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n  #ralph-social-section *,\n  #ralph-social-section *::before,\n  #ralph-social-section *::after {\n    scroll-behavior: auto !important;\n\n    animation-duration: 0.01ms !important;\n    animation-iteration-count: 1 !important;\n\n    transition-duration: 0.01ms !important;\n  }\n\n  #ralph-social-section .ralph-social__image {\n    transform: none !important;\n  }\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\n(function () {\n  \"use strict\";\n\n  const section = document.getElementById(\n    \"ralph-social-section\"\n  );\n\n  if (\n    !section ||\n    section.dataset.initialized === \"true\"\n  ) {\n    return;\n  }\n\n  section.dataset.initialized = \"true\";\n\n  section.classList.add(\n    \"ralph-social--js\"\n  );\n\n  const cards = section.querySelectorAll(\n    \".ralph-social__card\"\n  );\n\n  const prefersReducedMotion = window.matchMedia(\n    \"(prefers-reduced-motion: reduce)\"\n  ).matches;\n\n  let resizeAnimationFrame = null;\n\n  \/* =======================================================\n     PR\u00c9PARATION DES CONTENEURS WORDPRESS\n  ======================================================= *\/\n\n  function prepareWordPressContainers() {\n    document.documentElement.classList.add(\n      \"ralph-social-page\"\n    );\n\n    document.body.classList.add(\n      \"ralph-social-page\"\n    );\n\n    let parent = section.parentElement;\n\n    while (\n      parent &&\n      parent !== document.body\n    ) {\n      parent.classList.add(\n        \"ralph-social-overflow-visible\"\n      );\n\n      parent = parent.parentElement;\n    }\n  }\n\n  \/* =======================================================\n     POSITIONNEMENT EN PLEINE LARGEUR\n  ======================================================= *\/\n\n  function updateFullWidthPosition() {\n    section.style.setProperty(\n      \"--ralph-social-shift\",\n      \"0px\"\n    );\n\n    const sectionBounds =\n      section.getBoundingClientRect();\n\n    const horizontalShift =\n      -sectionBounds.left;\n\n    section.style.setProperty(\n      \"--ralph-social-shift\",\n      horizontalShift.toFixed(2) + \"px\"\n    );\n  }\n\n  function requestFullWidthUpdate() {\n    if (resizeAnimationFrame !== null) {\n      window.cancelAnimationFrame(\n        resizeAnimationFrame\n      );\n    }\n\n    resizeAnimationFrame =\n      window.requestAnimationFrame(\n        function () {\n          updateFullWidthPosition();\n\n          resizeAnimationFrame = null;\n        }\n      );\n  }\n\n  \/* =======================================================\n     ANIMATION D\u2019APPARITION\n  ======================================================= *\/\n\n  function revealSection() {\n    window.requestAnimationFrame(\n      function () {\n        section.classList.add(\n          \"ralph-social--visible\"\n        );\n      }\n    );\n  }\n\n  if (\"IntersectionObserver\" in window) {\n    const observer =\n      new IntersectionObserver(\n        function (\n          entries,\n          currentObserver\n        ) {\n          entries.forEach(\n            function (entry) {\n              if (entry.isIntersecting) {\n                revealSection();\n\n                currentObserver.unobserve(\n                  entry.target\n                );\n              }\n            }\n          );\n        },\n        {\n          threshold: 0.1\n        }\n      );\n\n    observer.observe(section);\n  } else {\n    revealSection();\n  }\n\n  \/* =======================================================\n     MOUVEMENT L\u00c9GER DES IMAGES SUR ORDINATEUR\n  ======================================================= *\/\n\n  function initializeCardMovement(card) {\n    if (prefersReducedMotion) {\n      return;\n    }\n\n    const imageFrame =\n      card.querySelector(\n        \".ralph-social__image-frame\"\n      );\n\n    if (!imageFrame) {\n      return;\n    }\n\n    let pointerX = 0;\n    let pointerY = 0;\n    let animationFrame = null;\n\n    function updateImagePosition() {\n      card.style.setProperty(\n        \"--ralph-card-x\",\n        pointerX.toFixed(2) + \"px\"\n      );\n\n      card.style.setProperty(\n        \"--ralph-card-y\",\n        pointerY.toFixed(2) + \"px\"\n      );\n\n      animationFrame = null;\n    }\n\n    function requestImageUpdate() {\n      if (animationFrame !== null) {\n        return;\n      }\n\n      animationFrame =\n        window.requestAnimationFrame(\n          updateImagePosition\n        );\n    }\n\n    imageFrame.addEventListener(\n      \"pointermove\",\n      function (event) {\n        if (\n          event.pointerType === \"touch\" ||\n          window.innerWidth <= 680\n        ) {\n          return;\n        }\n\n        const bounds =\n          imageFrame.getBoundingClientRect();\n\n        const normalizedX =\n          (event.clientX - bounds.left) \/\n            bounds.width -\n          0.5;\n\n        const normalizedY =\n          (event.clientY - bounds.top) \/\n            bounds.height -\n          0.5;\n\n        pointerX = normalizedX * -8;\n        pointerY = normalizedY * -6;\n\n        requestImageUpdate();\n      }\n    );\n\n    imageFrame.addEventListener(\n      \"pointerleave\",\n      function () {\n        pointerX = 0;\n        pointerY = 0;\n\n        requestImageUpdate();\n      }\n    );\n  }\n\n  cards.forEach(\n    function (card) {\n      initializeCardMovement(card);\n    }\n  );\n\n  \/* =======================================================\n     INITIALISATION\n  ======================================================= *\/\n\n  prepareWordPressContainers();\n  updateFullWidthPosition();\n\n  window.addEventListener(\n    \"resize\",\n    requestFullWidthUpdate,\n    {\n      passive: true\n    }\n  );\n\n  window.addEventListener(\n    \"orientationchange\",\n    requestFullWidthUpdate,\n    {\n      passive: true\n    }\n  );\n\n  window.addEventListener(\n    \"load\",\n    function () {\n      requestFullWidthUpdate();\n      revealSection();\n    }\n  );\n\n  window.setTimeout(\n    requestFullWidthUpdate,\n    100\n  );\n\n  window.setTimeout(\n    requestFullWidthUpdate,\n    400\n  );\n\n  window.setTimeout(\n    requestFullWidthUpdate,\n    1000\n  );\n\n  if (\n    document.fonts &#038;&#038;\n    document.fonts.ready\n  ) {\n    document.fonts.ready.then(\n      requestFullWidthUpdate\n    );\n  }\n\n  if (\n    document.readyState === \"complete\"\n  ) {\n    revealSection();\n    requestFullWidthUpdate();\n  }\n})();\n<\/script>\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n\n<link\n  href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600&#038;display=swap\"\n  rel=\"stylesheet\"\n>\n\n<link\n  rel=\"stylesheet\"\n  href=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap-icons@1.11.3\/font\/bootstrap-icons.min.css\"\n>\n\n<section\n  id=\"ralph-social-section\"\n  class=\"ralph-social\"\n  aria-labelledby=\"ralph-social-title\"\n>\n  <div class=\"ralph-social__container\">\n\n    <header class=\"ralph-social__header\">\n      <h2\n        id=\"ralph-social-title\"\n        class=\"ralph-social__title\"\n      >\n        <span>Raggiungi Ralph Beaubrun<\/span>\n        <span>su Instagram<\/span>\n      <\/h2>\n    <\/header>\n\n    <div class=\"ralph-social__gallery\">\n\n      <!-- PUBLICATION INSTAGRAM 1 -->\n\n      <a class=\"ralph-social__card\" href=\"https:\/\/www.instagram.com\/ralphbeaubrun\/?utm_source=ig_web_button_share_sheet\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Visualizza Ralph Beaubrun su Instagram\">\n        <span class=\"ralph-social__image-frame\">\n          <img\n            class=\"ralph-social__image\"\n            src=\"https:\/\/rb.scripters.fr\/wp-content\/uploads\/2026\/08\/photo-insta-1.webp\"\n            alt=\"Publication Instagram de Ralph Beaubrun\"\n            width=\"900\"\n            height=\"1080\"\n            loading=\"lazy\"\n            decoding=\"async\"\n          >\n\n          <span\n            class=\"ralph-social__image-overlay\"\n            aria-hidden=\"true\"\n          ><\/span>\n\n          <span class=\"ralph-social__hover-label\">\n            <i\n              class=\"bi bi-instagram\"\n              aria-hidden=\"true\"\n            ><\/i>\n\n            <span>Vedi su Instagram<\/span>\n          <\/span>\n        <\/span>\n      <\/a>\n\n      <!-- PUBLICATION INSTAGRAM 2 -->\n\n      <a class=\"ralph-social__card\" href=\"https:\/\/www.instagram.com\/ralphbeaubrun\/?utm_source=ig_web_button_share_sheet\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Guarda questo video di Ralph Beaubrun su Instagram\">\n        <span class=\"ralph-social__image-frame\">\n          <img\n            class=\"ralph-social__image\"\n            src=\"https:\/\/rb.scripters.fr\/wp-content\/uploads\/2026\/08\/Photo-insta-2.webp\"\n            alt=\"Vid\u00e9o Instagram de Ralph Beaubrun\"\n            width=\"900\"\n            height=\"1080\"\n            loading=\"lazy\"\n            decoding=\"async\"\n          >\n\n          <span\n            class=\"ralph-social__content-icon\"\n            aria-hidden=\"true\"\n          >\n            <i class=\"bi bi-play-fill\"><\/i>\n          <\/span>\n\n          <span\n            class=\"ralph-social__image-overlay\"\n            aria-hidden=\"true\"\n          ><\/span>\n\n          <span class=\"ralph-social__hover-label\">\n            <i\n              class=\"bi bi-instagram\"\n              aria-hidden=\"true\"\n            ><\/i>\n\n            <span>Guarda il Reel<\/span>\n          <\/span>\n        <\/span>\n      <\/a>\n\n      <!-- PUBLICATION INSTAGRAM 3 -->\n\n      <a class=\"ralph-social__card\" href=\"https:\/\/www.instagram.com\/ralphbeaubrun\/?utm_source=ig_web_button_share_sheet\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Vedi questo post di Ralph Beaubrun su Instagram\">\n        <span class=\"ralph-social__image-frame\">\n          <img\n            class=\"ralph-social__image\"\n            src=\"https:\/\/rb.scripters.fr\/wp-content\/uploads\/2026\/08\/Photo-insta-3.webp\"\n            alt=\"Publication Instagram de Ralph Beaubrun\"\n            width=\"900\"\n            height=\"1080\"\n            loading=\"lazy\"\n            decoding=\"async\"\n          >\n\n          <span\n            class=\"ralph-social__content-icon\"\n            aria-hidden=\"true\"\n          >\n            <i class=\"bi bi-files\"><\/i>\n          <\/span>\n\n          <span\n            class=\"ralph-social__image-overlay\"\n            aria-hidden=\"true\"\n          ><\/span>\n\n          <span class=\"ralph-social__hover-label\">\n            <i\n              class=\"bi bi-instagram\"\n              aria-hidden=\"true\"\n            ><\/i>\n\n            <span>Vedi la pubblicazione<\/span>\n          <\/span>\n        <\/span>\n      <\/a>\n\n    <\/div>\n\n    <nav\n      class=\"ralph-social__networks\"\n      aria-label=\"Social media di Ralph Beaubrun\"\n    >\n      <a class=\"ralph-social__instagram-button\" href=\"https:\/\/www.instagram.com\/ralphbeaubrun\/?utm_source=ig_web_button_share_sheet\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Segui Ralph Beaubrun su Instagram\">\n        <i\n          class=\"bi bi-instagram\"\n          aria-hidden=\"true\"\n        ><\/i>\n\n        <span class=\"ralph-social__handle\">\n          @ralphbeaubrun\n        <\/span>\n\n        <span\n          class=\"ralph-social__button-background\"\n          aria-hidden=\"true\"\n        ><\/span>\n      <\/a>\n\n      <a class=\"ralph-social__network-button ralph-social__network-button--tiktok\" href=\"https:\/\/www.tiktok.com\/@ralphbeaubrun?is_from_webapp=1&#038;sender_device=pc\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Segui Ralph Beaubrun su TikTok\">\n        <i\n          class=\"bi bi-tiktok\"\n          aria-hidden=\"true\"\n        ><\/i>\n      <\/a>\n\n      <a class=\"ralph-social__network-button ralph-social__network-button--youtube\" href=\"https:\/\/www.youtube.com\/@RalphBeaubrun13\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Guarda il canale YouTube di Ralph Beaubrun\">\n        <i\n          class=\"bi bi-youtube\"\n          aria-hidden=\"true\"\n        ><\/i>\n      <\/a>\n    <\/nav>\n\n  <\/div>\n<\/section>",
        "protected": false
    },
    "excerpt": {
        "rendered": "<p>Danser le vivant, Habiter le corps. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. D\u00e9couvrir les cours \u2192 R\u00e9server Les cours de danses \u00ab Lorem ipsum dolor [&hellip;]<\/p>",
        "protected": false
    },
    "author": 1,
    "featured_media": 0,
    "parent": 0,
    "menu_order": 0,
    "comment_status": "closed",
    "ping_status": "closed",
    "template": "",
    "meta": {
        "footnotes": ""
    },
    "class_list": [
        "post-21",
        "page",
        "type-page",
        "status-publish",
        "hentry"
    ],
    "blocksy_meta": [],
    "_links": {
        "self": [
            {
                "href": "https:\/\/rb.scripters.fr\/it\/index.php?rest_route=\/wp\/v2\/pages\/21",
                "targetHints": {
                    "allow": [
                        "GET"
                    ]
                }
            }
        ],
        "collection": [
            {
                "href": "https:\/\/rb.scripters.fr\/it\/index.php?rest_route=\/wp\/v2\/pages"
            }
        ],
        "about": [
            {
                "href": "https:\/\/rb.scripters.fr\/it\/index.php?rest_route=\/wp\/v2\/types\/page"
            }
        ],
        "author": [
            {
                "embeddable": true,
                "href": "https:\/\/rb.scripters.fr\/it\/index.php?rest_route=\/wp\/v2\/users\/1"
            }
        ],
        "replies": [
            {
                "embeddable": true,
                "href": "https:\/\/rb.scripters.fr\/it\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=21"
            }
        ],
        "version-history": [
            {
                "count": 5,
                "href": "https:\/\/rb.scripters.fr\/it\/index.php?rest_route=\/wp\/v2\/pages\/21\/revisions"
            }
        ],
        "predecessor-version": [
            {
                "id": 218,
                "href": "https:\/\/rb.scripters.fr\/it\/index.php?rest_route=\/wp\/v2\/pages\/21\/revisions\/218"
            }
        ],
        "wp:attachment": [
            {
                "href": "https:\/\/rb.scripters.fr\/it\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=21"
            }
        ],
        "curies": [
            {
                "name": "wp",
                "href": "https:\/\/api.w.org\/{rel}",
                "templated": true
            }
        ]
    }
}