{"id":4196,"date":"2026-06-08T15:09:25","date_gmt":"2026-06-08T15:09:25","guid":{"rendered":"https:\/\/acontrecourant-spa-gite.fr\/?page_id=4196"},"modified":"2026-07-11T13:26:35","modified_gmt":"2026-07-11T13:26:35","slug":"accueil","status":"publish","type":"page","link":"https:\/\/acontrecourant-spa-gite.fr\/en\/","title":{"rendered":"Home"},"content":{"rendered":"<div class=\"et_pb_section_0 et_pb_section et_section_regular et_block_section\">\n<div class=\"et_pb_row_0 et_pb_row et_block_row\">\n<div class=\"et_pb_column_0 et_pb_column et_pb_column_4_4 et-last-child et_block_column et_pb_css_mix_blend_mode_passthrough\">\n<div class=\"et_pb_code_0 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><section class=\"acc-home-hero\" aria-labelledby=\"acc-home-hero-title\">\n  <style>\n    .acc-home-hero {\n      --acc-cream: #f1f0e4;\n      --acc-wine: #563234;\n      --acc-black: #050505;\n      --hero-side: clamp(28px, 5vw, 104px);\n\n      position: relative;\n      min-height: 100svh;\n      width: 100vw;\n      max-width: 100vw;\n      margin-left: calc(50% - 50vw) !important;\n      margin-right: calc(50% - 50vw) !important;\n      overflow: hidden;\n      color: var(--acc-cream);\n      background: var(--acc-black);\n      isolation: isolate;\n    }\n\n    .acc-home-hero,\n    .acc-home-hero * {\n      box-sizing: border-box;\n    }\n\n    .acc-home-hero__media {\n      position: absolute;\n      inset: 0;\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      object-position: center center;\n      opacity: 0.94;\n      filter: saturate(0.9) contrast(1.04) brightness(0.96);\n      transform: scale(1.02);\n    }\n\n    .acc-home-hero__overlay {\n      position: absolute;\n      inset: 0;\n      background:\n        radial-gradient(circle at 66% 44%, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.14) 48%, rgba(0, 0, 0, 0.34) 100%),\n        linear-gradient(90deg, rgba(0, 0, 0, 0.58), rgba(0, 0, 0, 0.3) 38%, rgba(0, 0, 0, 0.08) 68%, rgba(0, 0, 0, 0.28)),\n        linear-gradient(180deg, rgba(0, 0, 0, 0.22), rgba(0, 0, 0, 0.04) 44%, rgba(0, 0, 0, 0.52)),\n        linear-gradient(90deg, rgba(86, 50, 52, 0.12), transparent 46%);\n      pointer-events: none;\n    }\n\n    .acc-home-hero__content {\n      position: relative;\n      z-index: 3;\n      min-height: 100svh;\n      width: min(1180px, 100%);\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n      align-items: flex-start;\n      padding: clamp(132px, 16vh, 190px) var(--hero-side) clamp(130px, 15vh, 200px);\n    }\n\n    .acc-home-hero__kicker {\n      display: flex;\n      align-items: center;\n      gap: 26px;\n      margin-bottom: clamp(28px, 5vh, 54px);\n      color: rgba(241, 240, 228, 0.78);\n      font-size: clamp(11px, 0.95vw, 14px);\n      line-height: 1.4;\n      text-transform: uppercase;\n      letter-spacing: 0.22em;\n    }\n\n    .acc-home-hero__kicker::before {\n      content: \"\";\n      width: clamp(48px, 6vw, 82px);\n      height: 1px;\n      background: currentColor;\n      opacity: 0.72;\n      flex: 0 0 auto;\n    }\n\n    .acc-home-hero__title {\n      margin: 0;\n      max-width: 980px;\n      color: var(--acc-cream);\n      font-size: clamp(46px, 6.2vw, 104px);\n      line-height: 0.98;\n      font-weight: 400;\n      letter-spacing: -0.03em;\n    }\n\n    .acc-home-hero__subtitle {\n      display: block;\n      margin-top: 18px;\n      color: rgba(241, 240, 228, 0.84);\n      font-size: clamp(21px, 2vw, 34px);\n      line-height: 1.2;\n      letter-spacing: 0;\n    }\n\n    .acc-home-hero__text {\n      margin: clamp(30px, 4vh, 44px) 0 0;\n      max-width: 760px;\n      color: rgba(241, 240, 228, 0.92);\n      font-size: clamp(18px, 1.45vw, 26px);\n      line-height: 1.5;\n      font-weight: 400;\n    }\n\n    .acc-home-hero__access {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 10px;\n      margin: clamp(22px, 3vh, 32px) 0 0;\n      padding: 0;\n      list-style: none;\n    }\n\n    .acc-home-hero__access li {\n      display: inline-flex;\n      align-items: center;\n      min-height: 38px;\n      padding: 0 14px;\n      border: 1px solid rgba(241, 240, 228, 0.28);\n      background: rgba(5, 5, 5, 0.18);\n      color: rgba(241, 240, 228, 0.9);\n      font-size: 13px;\n      line-height: 1;\n      letter-spacing: 0.08em;\n      text-transform: uppercase;\n      backdrop-filter: blur(10px);\n    }\n\n    .acc-home-hero__scroll-cue {\n      position: absolute;\n      left: 50%;\n      bottom: clamp(34px, 6vh, 72px);\n      z-index: 6;\n      display: grid;\n      justify-items: center;\n      gap: 12px;\n      color: rgba(241, 240, 228, 0.84);\n      text-decoration: none;\n      text-align: center;\n      transform: translateX(-50%);\n    }\n\n    .acc-home-hero__scroll-cue span {\n      display: block;\n      font-size: 12px;\n      line-height: 1;\n      letter-spacing: 0.18em;\n      text-transform: lowercase;\n      white-space: nowrap;\n    }\n\n    .acc-home-hero__scroll-line {\n      position: relative;\n      width: 1px;\n      height: 46px;\n      background: currentColor;\n      opacity: 0.74;\n      animation: acc-home-scroll-cue 1600ms ease-in-out infinite;\n    }\n\n    .acc-home-hero__scroll-line::after {\n      content: \"\";\n      position: absolute;\n      left: 50%;\n      bottom: 0;\n      width: 12px;\n      height: 12px;\n      border-right: 1px solid currentColor;\n      border-bottom: 1px solid currentColor;\n      transform: translateX(-50%) rotate(45deg);\n      transform-origin: center;\n    }\n\n    @keyframes acc-home-scroll-cue {\n      0%, 100% {\n        transform: translateY(0);\n        opacity: 0.58;\n      }\n\n      50% {\n        transform: translateY(10px);\n        opacity: 1;\n      }\n    }\n\n    .acc-home-hero,\n    .acc-home-hero.et_pb_module {\n      margin-top: 0 !important;\n      margin-bottom: 0 !important;\n    }\n\n    .et_pb_section:has(.acc-home-hero),\n    .et_pb_row:has(.acc-home-hero),\n    .et_pb_column:has(.acc-home-hero),\n    .et_pb_code:has(.acc-home-hero),\n    .et_pb_code_inner:has(.acc-home-hero) {\n      width: 100% !important;\n      max-width: 100% !important;\n      padding-top: 0 !important;\n      padding-bottom: 0 !important;\n      padding-left: 0 !important;\n      padding-right: 0 !important;\n      margin-top: 0 !important;\n      margin-bottom: 0 !important;\n      margin-left: 0 !important;\n      margin-right: 0 !important;\n    }\n\n    @media (prefers-reduced-motion: reduce) {\n      .acc-home-hero__scroll-line {\n        animation: none !important;\n      }\n    }\n\n    @media (max-width: 640px) {\n      .acc-home-hero {\n        --hero-side: 24px;\n      }\n\n      .acc-home-hero__content {\n        padding: 118px 24px 138px;\n      }\n\n      .acc-home-hero__kicker {\n        gap: 16px;\n        margin-bottom: 28px;\n        font-size: 10px;\n        letter-spacing: 0.14em;\n      }\n\n      .acc-home-hero__kicker::before {\n        width: 38px;\n      }\n\n      .acc-home-hero__title {\n        font-size: clamp(38px, 11vw, 64px);\n        line-height: 1;\n      }\n\n      .acc-home-hero__subtitle {\n        margin-top: 14px;\n        font-size: 20px;\n      }\n\n      .acc-home-hero__text {\n        max-width: 100%;\n        font-size: 18px;\n      }\n\n      .acc-home-hero__access {\n        display: grid;\n        gap: 8px;\n      }\n\n      .acc-home-hero__access li {\n        width: fit-content;\n        max-width: 100%;\n        min-height: 34px;\n        font-size: 11px;\n        letter-spacing: 0.06em;\n      }\n\n      .acc-home-hero__scroll-cue {\n        bottom: 28px;\n        gap: 9px;\n      }\n\n      .acc-home-hero__scroll-cue span {\n        font-size: 10px;\n        letter-spacing: 0.14em;\n      }\n\n      .acc-home-hero__scroll-line {\n        height: 34px;\n      }\n    }\n  <\/style>\n\n  <img\n    class=\"acc-home-hero__media\"\n    decoding=\"async\"\n    loading=\"eager\"\n    fetchpriority=\"high\"\n    src=\"https:\/\/acontrecourant-spa-gite.fr\/wp-content\/uploads\/2026\/06\/Z06_3542-HDR.jpg\"\n    alt=\"G\u00eete avec spa priv\u00e9 \u00c0 Contre Courant \u00e0 Saint-Jeures pr\u00e8s du lac de Lavalette en Haute-Loire\"\n  >\n\n  <div class=\"acc-home-hero__overlay\" aria-hidden=\"true\"><\/div>\n\n  <div class=\"acc-home-hero__content\">\n    <div class=\"acc-home-hero__kicker\">\n      G\u00eete avec spa priv\u00e9 \u00b7 Saint-Jeures \u00b7 Haute-Loire\n    <\/div>\n\n    <h1 id=\"acc-home-hero-title\" class=\"acc-home-hero__title\">\n      G\u00eete avec spa priv\u00e9 pr\u00e8s du lac de Lavalette\n      <span class=\"acc-home-hero__subtitle\">\u00c0 Contre Courant, la maison sur le lac<\/span>\n    <\/h1>\n\n    <p class=\"acc-home-hero__text\">\n      \u00c0 Saint-Jeures, en Haute-Loire, profitez d\u2019une maison enti\u00e8re jusqu\u2019\u00e0 10 voyageurs avec spa priv\u00e9, vue nature et acc\u00e8s rapide au lac de Lavalette.\n    <\/p>\n\n    <ul class=\"acc-home-hero__access\" aria-label=\"Informations principales du g\u00eete\">\n      <li>Maison enti\u00e8re jusqu\u2019\u00e0 10 voyageurs<\/li>\n      <li>Spa priv\u00e9<\/li>\n      <li>Pr\u00e8s du lac de Lavalette<\/li>\n      <li>\u00c0 1 h 30 de Lyon<\/li>\n      <li>\u00c0 40 min de Saint-\u00c9tienne<\/li>\n      <li>\u00c0 10 min d\u2019Yssingeaux<\/li>\n    <\/ul>\n  <\/div>\n\n  <a class=\"acc-home-hero__scroll-cue\" href=\"#maison\" aria-label=\"D\u00e9couvrir le g\u00eete \u00c0 Contre Courant\">\n    <span>d\u00e9couvrir le g\u00eete<\/span>\n    <i class=\"acc-home-hero__scroll-line\" aria-hidden=\"true\"><\/i>\n  <\/a>\n\n  <script type=\"application\/ld+json\">\n  {\n    \"@context\": \"https:\/\/schema.org\",\n    \"@type\": \"LodgingBusiness\",\n    \"@id\": \"https:\/\/acontrecourant-spa-gite.fr\/#gite\",\n    \"name\": \"\u00c0 Contre Courant\",\n    \"url\": \"https:\/\/acontrecourant-spa-gite.fr\/\",\n    \"image\": \"https:\/\/acontrecourant-spa-gite.fr\/wp-content\/uploads\/2026\/06\/Z06_3542-HDR.jpg\",\n    \"description\": \"G\u00eete avec spa priv\u00e9 \u00e0 Saint-Jeures, pr\u00e8s du lac de Lavalette. Maison enti\u00e8re jusqu\u2019\u00e0 10 voyageurs pour un s\u00e9jour nature en Haute-Loire.\",\n    \"address\": {\n      \"@type\": \"PostalAddress\",\n      \"streetAddress\": \"170 Chemin des Torriers\",\n      \"postalCode\": \"43200\",\n      \"addressLocality\": \"Saint-Jeures\",\n      \"addressRegion\": \"Haute-Loire\",\n      \"addressCountry\": \"FR\"\n    },\n    \"geo\": {\n      \"@type\": \"GeoCoordinates\",\n      \"latitude\": 45.147046971070544,\n      \"longitude\": 4.201606076379046\n    },\n    \"amenityFeature\": [\n      {\n        \"@type\": \"LocationFeatureSpecification\",\n        \"name\": \"Spa priv\u00e9\",\n        \"value\": true\n      },\n      {\n        \"@type\": \"LocationFeatureSpecification\",\n        \"name\": \"Maison enti\u00e8re\",\n        \"value\": true\n      },\n      {\n        \"@type\": \"LocationFeatureSpecification\",\n        \"name\": \"Proche du lac de Lavalette\",\n        \"value\": true\n      },\n      {\n        \"@type\": \"LocationFeatureSpecification\",\n        \"name\": \"Capacit\u00e9 jusqu\u2019\u00e0 10 voyageurs\",\n        \"value\": true\n      }\n    ],\n    \"areaServed\": [\n      \"Saint-Jeures\",\n      \"Lac de Lavalette\",\n      \"Haute-Loire\",\n      \"Yssingeaux\",\n      \"Auvergne-Rh\u00f4ne-Alpes\"\n    ]\n  }\n  <\/script>\n\n  <script>\n    (function () {\n      var hero = document.querySelector(\".acc-home-hero\");\n      if (!hero) return;\n\n      var cue = hero.querySelector(\".acc-home-hero__scroll-cue\");\n      if (!cue) return;\n\n      cue.addEventListener(\"click\", function (event) {\n        var selector = cue.getAttribute(\"href\");\n        var target = selector ? document.querySelector(selector) : null;\n\n        event.preventDefault();\n\n        if (target) {\n          target.scrollIntoView({ behavior: \"smooth\", block: \"start\" });\n        } else {\n          window.scrollTo({\n            top: hero.offsetTop + hero.offsetHeight,\n            behavior: \"smooth\"\n          });\n        }\n      });\n    })();\n  <\/script>\n<\/section><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_section_1 et_pb_section et_section_regular et_flex_section\">\n<div class=\"et_pb_row_1 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_1 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_code_1 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\">\n<section class=\"acc-soft-intro\" data-acc-soft-intro>\n  <style>\n    .acc-soft-intro {\n      --acc-wine: #563234;\n      --acc-cream: #f1f0e4;\n      --acc-copper: #914927;\n      --acc-sage: #bac0be;\n      --acc-ink: #171514;\n      --acc-muted: rgba(23, 21, 20, 0.68);\n      --acc-line: rgba(86, 50, 52, 0.2);\n      --acc-side: clamp(24px, 5vw, 104px);\n\n      position: relative;\n      overflow: hidden;\n      color: var(--acc-ink);\n      background: linear-gradient(180deg, #f4f3e9 0%, var(--acc-cream) 58%, #fbfaf3 100%);\n      padding: clamp(96px, 12vw, 170px) var(--acc-side) clamp(110px, 14vw, 210px);\n    }\n\n    .acc-soft-intro,\n    .acc-soft-intro * {\n      box-sizing: border-box;\n    }\n\n    .acc-soft-intro img {\n      display: block;\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n    }\n\n    .acc-soft-intro__top {\n      display: grid;\n      grid-template-columns: minmax(0, 1.06fr) minmax(320px, 0.72fr);\n      gap: clamp(54px, 9vw, 160px);\n      align-items: end;\n      min-height: 46svh;\n    }\n\n    .acc-soft-intro__kicker {\n      display: flex;\n      align-items: center;\n      gap: 24px;\n      color: rgba(145, 73, 39, 0.72);\n      font-size: 12px;\n      line-height: 1.4;\n      letter-spacing: 0.22em;\n      text-transform: uppercase;\n      margin-bottom: clamp(32px, 5vw, 58px);\n    }\n\n    .acc-soft-intro__kicker::before {\n      content: \"\";\n      width: clamp(48px, 6vw, 88px);\n      height: 1px;\n      background: currentColor;\n      opacity: 0.72;\n      flex: 0 0 auto;\n    }\n\n    .acc-soft-intro__title {\n      margin: 0;\n      max-width: 1040px;\n      color: var(--acc-wine);\n      font-size: clamp(58px, 7.4vw, 132px);\n      line-height: 0.96;\n      font-weight: 400;\n      letter-spacing: 0;\n    }\n\n    .acc-soft-intro__text {\n      margin: 0;\n      max-width: 560px;\n      color: var(--acc-muted);\n      font-size: clamp(19px, 1.45vw, 25px);\n      line-height: 1.72;\n      font-weight: 400;\n    }\n\n    .acc-soft-intro__link {\n      position: relative;\n      display: inline-flex;\n      width: fit-content;\n      margin-top: 42px;\n      color: var(--acc-wine);\n      text-decoration: none;\n      font-size: 14px;\n      letter-spacing: 0.16em;\n      text-transform: lowercase;\n      padding-bottom: 10px;\n    }\n\n    .acc-soft-intro__link::after {\n      content: \"\";\n      position: absolute;\n      left: 0;\n      bottom: 0;\n      width: 100%;\n      height: 1px;\n      background: currentColor;\n      transform-origin: left;\n      transition: transform 520ms ease, opacity 520ms ease;\n    }\n\n    .acc-soft-intro__link:hover::after {\n      transform: scaleX(0.56);\n      opacity: 0.66;\n    }\n\n    .acc-soft-intro__gallery {\n      --acc-left-top: clamp(240px, 23vw, 360px);\n      --acc-left-height: clamp(300px, 34vw, 510px);\n\n      position: relative;\n      min-height: clamp(760px, 70vw, 1040px);\n      margin-top: clamp(82px, 10vw, 150px);\n    }\n\n    .acc-soft-intro__media {\n      position: absolute;\n      overflow: hidden;\n      background: #d8d5cc;\n      isolation: isolate;\n      box-shadow: 0 34px 90px rgba(39, 31, 28, 0.08);\n    }\n\n    .acc-soft-intro__media img {\n      transform: translate3d(0, var(--acc-parallax, 0px), 0) scale(1.08);\n      transition:\n        transform 1800ms cubic-bezier(0.16, 1, 0.3, 1),\n        filter 1100ms ease;\n      will-change: transform;\n    }\n\n    .acc-soft-intro__media:hover img {\n      filter: saturate(1.03) contrast(1.04);\n      transform: translate3d(0, var(--acc-parallax, 0px), 0) scale(1.12);\n    }\n\n    .acc-soft-intro__media--main {\n      left: 28%;\n      top: 0;\n      width: min(58vw, 920px);\n      height: clamp(520px, 48vw, 760px);\n      z-index: 2;\n    }\n\n    .acc-soft-intro__media--left {\n      left: 0;\n      top: var(--acc-left-top);\n      width: min(31vw, 460px);\n      height: var(--acc-left-height);\n      z-index: 3;\n    }\n\n    .acc-soft-intro__media--right {\n      right: 0;\n      top: clamp(310px, 31vw, 500px);\n      width: min(34vw, 560px);\n      height: clamp(330px, 32vw, 520px);\n      z-index: 4;\n    }\n\n    .acc-soft-intro__caption {\n      position: absolute;\n      left: 0;\n      top: calc(var(--acc-left-top) + var(--acc-left-height) + 42px);\n      bottom: auto;\n      max-width: 520px;\n      color: rgba(23, 21, 20, 0.72);\n      font-size: clamp(17px, 1.25vw, 22px);\n      line-height: 1.62;\n      z-index: 1;\n    }\n\n    .acc-soft-intro__caption::before {\n      content: \"\";\n      display: block;\n      width: 74px;\n      height: 1px;\n      margin-bottom: 20px;\n      background: rgba(86, 50, 52, 0.34);\n    }\n\n    .acc-soft-intro__note {\n      position: absolute;\n      right: clamp(16px, 3vw, 54px);\n      top: clamp(80px, 8vw, 130px);\n      z-index: 5;\n      color: rgba(86, 50, 52, 0.58);\n      font-size: 12px;\n      line-height: 1.5;\n      letter-spacing: 0.18em;\n      text-transform: uppercase;\n      writing-mode: vertical-rl;\n      transform: rotate(180deg);\n    }\n\n    .acc-soft-intro.js [data-acc-reveal] {\n      opacity: 0;\n      filter: blur(10px);\n      transform: translateY(48px);\n      transition:\n        opacity 1400ms ease,\n        transform 1400ms cubic-bezier(0.16, 1, 0.3, 1),\n        filter 1400ms ease;\n    }\n\n    .acc-soft-intro.js [data-acc-reveal].is-visible {\n      opacity: 1;\n      filter: blur(0);\n      transform: translateY(0);\n    }\n\n    .acc-soft-intro.js [data-acc-image] {\n      opacity: 0;\n      transition:\n        opacity 1300ms ease,\n        clip-path 1900ms cubic-bezier(0.16, 1, 0.3, 1),\n        transform 1900ms cubic-bezier(0.16, 1, 0.3, 1);\n    }\n\n    .acc-soft-intro.js [data-acc-image=\"left\"] {\n      clip-path: inset(0 100% 0 0);\n      transform: translateX(-90px) translateY(70px);\n      transition-delay: 180ms;\n    }\n\n    .acc-soft-intro.js [data-acc-image=\"right\"] {\n      clip-path: inset(0 0 0 100%);\n      transform: translateX(90px) translateY(70px);\n      transition-delay: 420ms;\n    }\n\n    .acc-soft-intro.js [data-acc-image=\"up\"] {\n      clip-path: inset(100% 0 0 0);\n      transform: translateY(110px);\n      transition-delay: 0ms;\n    }\n\n    .acc-soft-intro.js [data-acc-image].is-visible {\n      opacity: 1;\n      clip-path: inset(0 0 0 0);\n      transform: translateX(0) translateY(0);\n    }\n\n    .acc-soft-intro,\n    .acc-soft-intro.et_pb_module {\n      margin: 0 !important;\n    }\n\n    .et_pb_section:has(.acc-soft-intro),\n    .et_pb_row:has(.acc-soft-intro),\n    .et_pb_column:has(.acc-soft-intro) {\n      padding-top: 0 !important;\n      padding-bottom: 0 !important;\n      margin-top: 0 !important;\n      margin-bottom: 0 !important;\n    }\n\n    @media (prefers-reduced-motion: reduce) {\n      .acc-soft-intro.js [data-acc-reveal],\n      .acc-soft-intro.js [data-acc-image],\n      .acc-soft-intro__media img {\n        opacity: 1 !important;\n        clip-path: none !important;\n        transform: none !important;\n        filter: none !important;\n        transition: none !important;\n      }\n    }\n\n    @media (max-width: 980px) {\n      .acc-soft-intro__top {\n        grid-template-columns: 1fr;\n        min-height: auto;\n      }\n\n      .acc-soft-intro__gallery {\n        min-height: 900px;\n      }\n\n      .acc-soft-intro__media--main {\n        left: 16%;\n        width: 78%;\n        height: 560px;\n      }\n\n      .acc-soft-intro__media--left {\n        top: 470px;\n        width: 48%;\n        height: 360px;\n      }\n\n      .acc-soft-intro__media--right {\n        top: 590px;\n        width: 54%;\n        height: 350px;\n      }\n\n      .acc-soft-intro__caption {\n        position: relative;\n        left: auto;\n        top: auto;\n        bottom: auto;\n        margin-top: 42px;\n        max-width: 560px;\n        z-index: 5;\n      }\n    }\n\n    @media (max-width: 640px) {\n      .acc-soft-intro {\n        padding: 82px 24px 96px;\n      }\n\n      .acc-soft-intro__kicker {\n        gap: 16px;\n        margin-bottom: 30px;\n        font-size: 10px;\n        letter-spacing: 0.14em;\n      }\n\n      .acc-soft-intro__kicker::before {\n        width: 38px;\n      }\n\n      .acc-soft-intro__title {\n        font-size: clamp(44px, 13vw, 62px);\n      }\n\n      .acc-soft-intro__text {\n        font-size: 18px;\n      }\n\n      .acc-soft-intro__gallery {\n        min-height: auto;\n        display: grid;\n        gap: 22px;\n        margin-top: 62px;\n      }\n\n      .acc-soft-intro__media {\n        position: relative;\n        inset: auto;\n        width: 100%;\n        box-shadow: 0 22px 52px rgba(39, 31, 28, 0.08);\n      }\n\n      .acc-soft-intro__media--main {\n        height: 430px;\n      }\n\n      .acc-soft-intro__media--left,\n      .acc-soft-intro__media--right {\n        height: 320px;\n      }\n\n      .acc-soft-intro__note {\n        display: none;\n      }\n\n      .acc-soft-intro__caption {\n        margin-top: 12px;\n        font-size: 17px;\n      }\n    }\n  <\/style>\n\n  <div class=\"acc-soft-intro__top\">\n    <div data-acc-reveal>\n      <div class=\"acc-soft-intro__kicker\">Maison priv\u00e9e \u00b7 Lac de Lavalette<\/div>\n\n      <h2 class=\"acc-soft-intro__title\">\n        Un lieu pour ralentir ensemble\n      <\/h2>\n    <\/div>\n\n    <div data-acc-reveal>\n      <p class=\"acc-soft-intro__text\">\n        \u00c0 Contre Courant est une maison enti\u00e8re pour se retrouver (jusqu'\u00e0 10), profiter du lac, du spa priv\u00e9 et de ces moments simples qui deviennent les meilleurs souvenirs.\n      <\/p>\n\n      <a class=\"acc-soft-intro__link\" href=\"https:\/\/acontrecourant-spa-gite.fr\/logement\/\">voir le logement<\/a>\n    <\/div>\n  <\/div>\n\n  <div class=\"acc-soft-intro__gallery\">\n    <div class=\"acc-soft-intro__note\">Saint-Jeures \u00b7 Haute-Loire<\/div>\n\n    <figure class=\"acc-soft-intro__media acc-soft-intro__media--main\" data-acc-image=\"up\" data-acc-parallax>\n      <img decoding=\"async\" src=\"https:\/\/acontrecourant-spa-gite.fr\/wp-content\/uploads\/2026\/06\/DSC_3649-scaled.jpg\" alt=\"Paysage naturel autour du lac\">\n    <\/figure>\n\n    <figure class=\"acc-soft-intro__media acc-soft-intro__media--left\" data-acc-image=\"left\" data-acc-parallax>\n      <img decoding=\"async\" src=\"https:\/\/acontrecourant-spa-gite.fr\/wp-content\/uploads\/2026\/06\/Z06_3481-HDR-1-scaled.jpg\" alt=\"Int\u00e9rieur chaleureux d'une maison\">\n    <\/figure>\n\n    <figure class=\"acc-soft-intro__media acc-soft-intro__media--right\" data-acc-image=\"right\" data-acc-parallax>\n      <img decoding=\"async\" src=\"https:\/\/acontrecourant-spa-gite.fr\/wp-content\/uploads\/2026\/06\/Z06_3297-HDR-scaled.jpg\" alt=\"Ambiance spa et bien-\u00eatre\">\n    <\/figure>\n\n    <p class=\"acc-soft-intro__caption\" data-acc-reveal>\n      Une maison \u00e0 vivre en entier : les grands repas, les retours du lac, les soir\u00e9es au calme, les matins sans urgence.\n    <\/p>\n  <\/div>\n\n  <script>\n  (function () {\n    try {\n      const section = document.querySelector(\"[data-acc-soft-intro]\");\n      if (!section) return;\n\n      const revealItems = section.querySelectorAll(\"[data-acc-reveal], [data-acc-image]\");\n      const reduceMotion = window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches;\n\n      function showAll() {\n        revealItems.forEach(function (item) {\n          item.classList.add(\"is-visible\");\n        });\n      }\n\n      if (!(\"IntersectionObserver\" in window) || reduceMotion) {\n        showAll();\n        return;\n      }\n\n      section.classList.add(\"js\");\n\n      const observer = new IntersectionObserver(function (entries) {\n        entries.forEach(function (entry) {\n          if (entry.isIntersecting) {\n            entry.target.classList.add(\"is-visible\");\n            observer.unobserve(entry.target);\n          }\n        });\n      }, {\n        threshold: 0.01,\n        rootMargin: \"0px 0px 35% 0px\"\n      });\n\n      revealItems.forEach(function (item) {\n        observer.observe(item);\n      });\n\n      setTimeout(showAll, 1800);\n\n      const parallaxItems = section.querySelectorAll(\"[data-acc-parallax]\");\n      let ticking = false;\n\n      function updateParallax() {\n        const viewportHeight = window.innerHeight || 1;\n\n        parallaxItems.forEach(function (item, index) {\n          const rect = item.getBoundingClientRect();\n          const center = rect.top + rect.height \/ 2;\n          const progress = (center - viewportHeight \/ 2) \/ (viewportHeight + rect.height);\n          const strength = index === 0 ? -46 : -32;\n          const y = Math.max(-1, Math.min(1, progress)) * strength;\n\n          item.style.setProperty(\"--acc-parallax\", y.toFixed(2) + \"px\");\n        });\n\n        ticking = false;\n      }\n\n      function requestParallax() {\n        if (!ticking) {\n          window.requestAnimationFrame(updateParallax);\n          ticking = true;\n        }\n      }\n\n      window.addEventListener(\"scroll\", requestParallax, { passive: true });\n      window.addEventListener(\"resize\", requestParallax);\n      updateParallax();\n    } catch (error) {\n      const section = document.querySelector(\"[data-acc-soft-intro]\");\n      if (section) {\n        section.querySelectorAll(\"[data-acc-reveal], [data-acc-image]\").forEach(function (item) {\n          item.classList.add(\"is-visible\");\n        });\n      }\n    }\n  })();\n<\/script>\n<\/section><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_section_2 et_pb_section et_section_regular et_flex_section\">\n<div class=\"et_pb_row_2 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_2 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_code_2 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\">\n<section class=\"acc-lake-minimal\" data-acc-lake-minimal>\n  <style>\n    .acc-lake-minimal {\n      --acc-wine: #563234;\n      --acc-cream: #f1f0e4;\n      --acc-copper: #914927;\n      --acc-ink: #171514;\n      --acc-muted: rgba(23, 21, 20, 0.66);\n      --acc-side: clamp(24px, 5vw, 104px);\n\n      position: relative;\n      overflow: hidden;\n      color: var(--acc-ink);\n      background: #f7f5ed;\n      padding: clamp(110px, 12vw, 180px) var(--acc-side) clamp(118px, 13vw, 190px);\n    }\n\n    .acc-lake-minimal,\n    .acc-lake-minimal * {\n      box-sizing: border-box;\n    }\n\n    .acc-lake-minimal img {\n      display: block;\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n    }\n\n    .acc-lake-minimal__top {\n      display: grid;\n      grid-template-columns: minmax(0, 1fr) minmax(320px, 520px);\n      gap: clamp(56px, 10vw, 180px);\n      align-items: end;\n      max-width: 1680px;\n      margin: 0 auto clamp(72px, 9vw, 138px);\n    }\n\n    .acc-lake-minimal__kicker {\n      display: flex;\n      align-items: center;\n      gap: 24px;\n      margin-bottom: clamp(34px, 5vw, 70px);\n      color: rgba(145, 73, 39, 0.72);\n      font-size: 12px;\n      line-height: 1.4;\n      letter-spacing: 0.22em;\n      text-transform: uppercase;\n    }\n\n    .acc-lake-minimal__kicker::before {\n      content: \"\";\n      width: clamp(48px, 6vw, 88px);\n      height: 1px;\n      background: currentColor;\n      opacity: 0.7;\n    }\n\n    .acc-lake-minimal__title {\n      margin: 0;\n      max-width: 980px;\n      color: var(--acc-wine);\n      font-size: clamp(58px, 7.2vw, 128px);\n      line-height: 0.94;\n      font-weight: 400;\n      letter-spacing: 0;\n    }\n\n    .acc-lake-minimal__text {\n      margin: 0;\n      color: var(--acc-muted);\n      font-size: clamp(18px, 1.35vw, 24px);\n      line-height: 1.76;\n    }\n\n    .acc-lake-minimal__cta {\n      position: relative;\n      display: inline-flex;\n      width: fit-content;\n      margin-top: 42px;\n      color: var(--acc-wine);\n      text-decoration: none;\n      font-size: 13px;\n      letter-spacing: 0.16em;\n      text-transform: lowercase;\n      padding-bottom: 11px;\n    }\n\n    .acc-lake-minimal__cta::after {\n      content: \"\";\n      position: absolute;\n      left: 0;\n      bottom: 0;\n      width: 100%;\n      height: 1px;\n      background: currentColor;\n      transform-origin: left;\n      transition: transform 420ms cubic-bezier(0.22, 1, 0.36, 1), opacity 360ms ease;\n    }\n\n    .acc-lake-minimal__cta:hover::after {\n      transform: scaleX(0.58);\n      opacity: 0.64;\n    }\n\n    .acc-lake-minimal__scene {\n      position: relative;\n      max-width: 1680px;\n      margin: 0 auto;\n    }\n\n    .acc-lake-minimal__image {\n      position: relative;\n      width: calc(100% + var(--acc-side));\n      height: clamp(560px, 60vw, 880px);\n      margin-left: calc(var(--acc-side) * -1);\n      overflow: hidden;\n      background: #d8d5cc;\n    }\n\n    .acc-lake-minimal__image img {\n      transform: translate3d(0, var(--acc-parallax, 0px), 0) scale(1.08);\n      transition: transform 1500ms cubic-bezier(0.22, 1, 0.36, 1), filter 900ms ease;\n      will-change: transform;\n    }\n\n    .acc-lake-minimal__image:hover img {\n      filter: saturate(1.04) contrast(1.03);\n      transform: translate3d(0, var(--acc-parallax, 0px), 0) scale(1.11);\n    }\n\n    .acc-lake-minimal__editorial {\n      position: absolute;\n      right: 0;\n      bottom: clamp(-88px, -6vw, -54px);\n      width: min(52vw, 760px);\n      padding: clamp(36px, 5vw, 76px) clamp(34px, 5vw, 82px);\n      background: #f7f5ed;\n      color: var(--acc-wine);\n    }\n\n    .acc-lake-minimal__editorial p {\n      margin: 0;\n      font-size: clamp(34px, 4.4vw, 78px);\n      line-height: 1.04;\n      font-weight: 400;\n      letter-spacing: 0;\n    }\n\n    .acc-lake-minimal__details {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 14px clamp(22px, 3vw, 46px);\n      margin-top: clamp(28px, 4vw, 52px);\n      padding-top: clamp(24px, 3vw, 42px);\n      border-top: 1px solid rgba(86, 50, 52, 0.18);\n      color: rgba(23, 21, 20, 0.58);\n      font-size: 13px;\n      letter-spacing: 0.16em;\n      text-transform: uppercase;\n    }\n\n    .acc-lake-minimal__note {\n      position: absolute;\n      left: 0;\n      bottom: clamp(-104px, -7vw, -64px);\n      max-width: 440px;\n      color: rgba(23, 21, 20, 0.62);\n      font-size: clamp(17px, 1.2vw, 21px);\n      line-height: 1.66;\n    }\n\n    .acc-lake-minimal__note::before {\n      content: \"\";\n      display: block;\n      width: 72px;\n      height: 1px;\n      margin-bottom: 22px;\n      background: rgba(86, 50, 52, 0.28);\n    }\n\n    .acc-lake-minimal.js [data-acc-reveal] {\n      opacity: 0;\n      filter: blur(8px);\n      transform: translate3d(0, 34px, 0);\n      transition:\n        opacity 820ms ease,\n        transform 1150ms cubic-bezier(0.22, 1, 0.36, 1),\n        filter 900ms ease;\n      transition-delay: var(--delay, 0ms);\n      will-change: opacity, transform, filter;\n    }\n\n    .acc-lake-minimal.js [data-acc-reveal=\"right\"] {\n      transform: translate3d(48px, 18px, 0);\n    }\n\n    .acc-lake-minimal.js [data-acc-reveal=\"left\"] {\n      transform: translate3d(-48px, 18px, 0);\n    }\n\n    .acc-lake-minimal.js [data-acc-reveal=\"up\"] {\n      transform: translate3d(0, 42px, 0);\n    }\n\n    .acc-lake-minimal.js [data-acc-reveal].is-visible {\n      opacity: 1;\n      filter: blur(0);\n      transform: translate3d(0, 0, 0);\n    }\n\n    .acc-lake-minimal.js [data-acc-image] {\n      opacity: 0;\n      clip-path: inset(100% 0 0 0);\n      transform: translate3d(0, 62px, 0) scale(0.985);\n      transition:\n        opacity 900ms ease,\n        clip-path 1450ms cubic-bezier(0.22, 1, 0.36, 1),\n        transform 1450ms cubic-bezier(0.22, 1, 0.36, 1);\n      will-change: opacity, clip-path, transform;\n    }\n\n    .acc-lake-minimal.js [data-acc-image].is-visible {\n      opacity: 1;\n      clip-path: inset(0 0 0 0);\n      transform: translate3d(0, 0, 0) scale(1);\n    }\n\n    .acc-lake-minimal,\n    .acc-lake-minimal.et_pb_module {\n      margin: 0 !important;\n    }\n\n    .et_pb_section:has(.acc-lake-minimal),\n    .et_pb_row:has(.acc-lake-minimal),\n    .et_pb_column:has(.acc-lake-minimal) {\n      padding-top: 0 !important;\n      padding-bottom: 0 !important;\n      margin-top: 0 !important;\n      margin-bottom: 0 !important;\n    }\n\n    @media (prefers-reduced-motion: reduce) {\n      .acc-lake-minimal.js [data-acc-reveal],\n      .acc-lake-minimal.js [data-acc-image],\n      .acc-lake-minimal__image img {\n        opacity: 1 !important;\n        clip-path: none !important;\n        transform: none !important;\n        filter: none !important;\n        transition: none !important;\n      }\n    }\n\n    @media (max-width: 980px) {\n      .acc-lake-minimal {\n        padding-bottom: 110px;\n      }\n\n      .acc-lake-minimal__top {\n        grid-template-columns: 1fr;\n      }\n\n      .acc-lake-minimal__image {\n        width: 100%;\n        margin-left: 0;\n        height: 620px;\n      }\n\n      .acc-lake-minimal__editorial,\n      .acc-lake-minimal__note {\n        position: relative;\n        inset: auto;\n        width: 100%;\n      }\n\n      .acc-lake-minimal__editorial {\n        margin-top: -82px;\n        margin-left: auto;\n      }\n\n      .acc-lake-minimal__note {\n        margin-top: 44px;\n      }\n    }\n\n    @media (max-width: 640px) {\n      .acc-lake-minimal {\n        padding: 82px 24px 96px;\n      }\n\n      .acc-lake-minimal__kicker {\n        gap: 16px;\n        margin-bottom: 30px;\n        font-size: 10px;\n        letter-spacing: 0.14em;\n      }\n\n      .acc-lake-minimal__kicker::before {\n        width: 38px;\n      }\n\n      .acc-lake-minimal__title {\n        font-size: clamp(44px, 13vw, 64px);\n      }\n\n      .acc-lake-minimal__text {\n        font-size: 18px;\n      }\n\n      .acc-lake-minimal__image {\n        height: 440px;\n      }\n\n      .acc-lake-minimal__editorial {\n        margin-top: -42px;\n        padding: 28px 24px 0;\n      }\n\n      .acc-lake-minimal__editorial p {\n        font-size: clamp(32px, 11vw, 48px);\n      }\n\n      .acc-lake-minimal__details {\n        display: grid;\n        gap: 12px;\n      }\n    }\n  <\/style>\n\n  <div class=\"acc-lake-minimal__top\">\n    <div data-acc-reveal=\"up\">\n      <div class=\"acc-lake-minimal__kicker\">Autour du lac<\/div>\n\n      <h2 class=\"acc-lake-minimal__title\">\n        La nature juste derri\u00e8re la porte\n      <\/h2>\n    <\/div>\n\n    <div data-acc-reveal=\"right\">\n      <p class=\"acc-lake-minimal__text\">\n        Le lac de Lavalette donne le rythme du s\u00e9jour : marcher, se baigner, partir en balade, revenir au calme.\n      <\/p>\n\n      <a class=\"acc-lake-minimal__cta\" href=\"https:\/\/acontrecourant-spa-gite.fr\/activites\/\">Voir les activit\u00e9s<\/a>\n    <\/div>\n  <\/div>\n\n  <div class=\"acc-lake-minimal__scene\">\n    <figure class=\"acc-lake-minimal__image\" data-acc-image data-acc-parallax>\n      <img decoding=\"async\" src=\"https:\/\/acontrecourant-spa-gite.fr\/wp-content\/uploads\/2026\/06\/Z06_3473-HDR-scaled.jpg\" alt=\"Paysage naturel autour d'un lac\">\n    <\/figure>\n\n    <div class=\"acc-lake-minimal__editorial\" data-acc-reveal=\"right\">\n      <p>Dehors, tout devient plus simple.<\/p>\n\n      <div class=\"acc-lake-minimal__details\">\n        <span>Baignade<\/span>\n        <span>Balades<\/span>\n        <span>Paddle<\/span>\n        <span>Soir\u00e9es dehors<\/span>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <script>\n    (function () {\n      try {\n        const sections = document.querySelectorAll(\"[data-acc-lake-minimal]\");\n        if (!sections.length) return;\n\n        sections.forEach(function (section) {\n          const revealItems = section.querySelectorAll(\"[data-acc-reveal], [data-acc-image]\");\n          const reduceMotion = window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches;\n\n          function showAll() {\n            revealItems.forEach(function (item) {\n              item.classList.add(\"is-visible\");\n            });\n          }\n\n          if (!(\"IntersectionObserver\" in window) || reduceMotion) {\n            showAll();\n          } else {\n            section.classList.add(\"js\");\n\n            const observer = new IntersectionObserver(function (entries) {\n              entries.forEach(function (entry) {\n                if (entry.isIntersecting) {\n                  entry.target.classList.add(\"is-visible\");\n                  observer.unobserve(entry.target);\n                }\n              });\n          }, { threshold: 0.38, rootMargin: \"0px 0px -18% 0px\" });\n\n            revealItems.forEach(function (item, index) {\n              if (!item.style.getPropertyValue(\"--delay\")) {\n                item.style.setProperty(\"--delay\", Math.min(index * 65, 260) + \"ms\");\n              }\n\n              observer.observe(item);\n            });\n\n            setTimeout(showAll, 4200);\n          }\n\n          const parallaxItems = section.querySelectorAll(\"[data-acc-parallax]\");\n          let ticking = false;\n\n          function updateParallax() {\n            const viewportHeight = window.innerHeight || 1;\n\n            parallaxItems.forEach(function (item) {\n              const rect = item.getBoundingClientRect();\n              const center = rect.top + rect.height \/ 2;\n              const progress = (center - viewportHeight \/ 2) \/ (viewportHeight + rect.height);\n              const y = Math.max(-1, Math.min(1, progress)) * -30;\n\n              item.style.setProperty(\"--acc-parallax\", y.toFixed(2) + \"px\");\n            });\n\n            ticking = false;\n          }\n\n          function requestParallax() {\n            if (!ticking) {\n              window.requestAnimationFrame(updateParallax);\n              ticking = true;\n            }\n          }\n\n          window.addEventListener(\"scroll\", requestParallax, { passive: true });\n          window.addEventListener(\"resize\", requestParallax);\n          updateParallax();\n        });\n      } catch (error) {\n        document.querySelectorAll(\"[data-acc-lake-minimal] [data-acc-reveal], [data-acc-lake-minimal] [data-acc-image]\").forEach(function (item) {\n          item.classList.add(\"is-visible\");\n        });\n      }\n    })();\n  <\/script>\n<\/section><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_section_3 et_pb_section et_section_regular et_flex_section\">\n<div class=\"et_pb_row_3 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_3 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_code_3 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\">\n<section class=\"acc-room-gallery\" data-acc-room-gallery>\n  <style>\n    .acc-room-gallery {\n      --acc-wine: #563234;\n      --acc-cream: #563234;\n      --acc-copper: #914927;\n      --acc-sage: #bac0be;\n      --acc-ink: #171514;\n      --acc-muted: rgba(23, 21, 20, 0.64);\n      --acc-side: clamp(24px, 5vw, 104px);\n\n      position: relative;\n      overflow: hidden;\n      color: var(--acc-ink);\n      background:\n        linear-gradient(180deg, rgba(186, 192, 190, 0.82) 0%, rgba(186, 192, 190, 0.64) 34%, rgba(247, 245, 237, 0.96) 70%, #f7f5ed 100%);\n      padding: clamp(104px, 9vw, 156px) var(--acc-side) clamp(104px, 10vw, 168px);\n    }\n\n    .acc-room-gallery,\n    .acc-room-gallery * {\n      box-sizing: border-box;\n    }\n\n    .acc-room-gallery figure {\n      margin: 0;\n    }\n\n    .acc-room-gallery img,\n    .acc-room-gallery video {\n      display: block;\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      user-select: none;\n      -webkit-user-drag: none;\n    }\n\n    .acc-room-gallery video {\n      pointer-events: none;\n      background: #d8d5cc;\n    }\n\n    .acc-room-gallery__inner {\n      position: relative;\n      width: min(1720px, 100%);\n      margin: 0 auto;\n      display: grid;\n      grid-template-columns: minmax(340px, 0.56fr) minmax(0, 1fr);\n      gap: clamp(44px, 6vw, 96px);\n      align-items: start;\n    }\n\n    .acc-room-gallery__copy,\n    .acc-room-gallery__body,\n    .acc-room-gallery__gallery {\n      position: relative;\n      z-index: 2;\n    }\n\n    .acc-room-gallery__copy {\n      grid-column: 1;\n      grid-row: 1;\n      color: var(--acc-wine);\n    }\n\n    .acc-room-gallery__body {\n      grid-column: 1;\n      grid-row: 2;\n      margin-top: clamp(28px, 3vw, 44px);\n      color: var(--acc-ink);\n    }\n\n    .acc-room-gallery__gallery {\n      grid-column: 2;\n      grid-row: 1 \/ span 2;\n      width: 100%;\n      height: clamp(480px, 40vw, 660px);\n      align-self: start;\n    }\n\n    .acc-room-gallery__kicker {\n      display: flex;\n      align-items: center;\n      gap: 22px;\n      margin-bottom: clamp(26px, 3vw, 42px);\n      color: rgba(145, 73, 39, 0.68);\n      font-size: 12px;\n      line-height: 1.4;\n      letter-spacing: 0.22em;\n      text-transform: uppercase;\n    }\n\n    .acc-room-gallery__kicker::before {\n      content: \"\";\n      width: clamp(44px, 5vw, 76px);\n      height: 1px;\n      background: currentColor;\n      opacity: 0.72;\n      flex: 0 0 auto;\n    }\n\n    .acc-room-gallery__title {\n      margin: 0;\n      color: #563234;\n      font-size: clamp(50px, 5.2vw, 92px);\n      line-height: 0.96;\n      font-weight: 400;\n      letter-spacing: 0;\n    }\n\n    .acc-room-gallery__title span {\n      display: block;\n    }\n\n    .acc-room-gallery__lead {\n      margin: 0;\n      max-width: 520px;\n      color: rgba(23, 21, 20, 0.68);\n      font-size: clamp(17px, 1.1vw, 21px);\n      line-height: 1.78;\n    }\n\n    .acc-room-gallery__mini {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 12px clamp(18px, 2vw, 34px);\n      margin-top: clamp(30px, 3vw, 46px);\n      padding-top: clamp(24px, 2.6vw, 36px);\n      border-top: 1px solid rgba(86, 50, 52, 0.22);\n      color: rgba(86, 50, 52, 0.72);\n      font-size: 12px;\n      line-height: 1.5;\n      letter-spacing: 0.16em;\n      text-transform: uppercase;\n    }\n\n    .acc-room-gallery__mini span {\n      position: relative;\n      display: inline-flex;\n      align-items: center;\n    }\n\n    .acc-room-gallery__mini span + span::before {\n      content: \"\";\n      width: 4px;\n      height: 4px;\n      margin-right: clamp(18px, 2vw, 34px);\n      border-radius: 999px;\n      background: rgba(86, 50, 52, 0.42);\n    }\n\n    .acc-room-gallery__cta {\n      position: relative;\n      display: inline-flex;\n      align-items: center;\n      gap: 18px;\n      width: fit-content;\n      margin-top: 34px;\n      color: var(--acc-wine);\n      text-decoration: none;\n      font-size: 13px;\n      letter-spacing: 0.16em;\n      text-transform: lowercase;\n      padding-bottom: 12px;\n    }\n\n    .acc-room-gallery__cta::after {\n      content: \"\";\n      width: 52px;\n      height: 1px;\n      background: currentColor;\n      transform-origin: left;\n      transition: transform 420ms cubic-bezier(0.22, 1, 0.36, 1), opacity 360ms ease;\n    }\n\n    .acc-room-gallery__cta:hover::after {\n      transform: scaleX(1.42);\n      opacity: 0.68;\n    }\n\n    .acc-room-gallery__viewport {\n      position: relative;\n      width: 100%;\n      height: 100%;\n      overflow: hidden;\n      background: #d8d5cc;\n      box-shadow: 0 30px 82px rgba(23, 21, 20, 0.12);\n      cursor: grab;\n      touch-action: pan-y;\n      user-select: none;\n    }\n\n    .acc-room-gallery__viewport:active {\n      cursor: grabbing;\n    }\n\n    .acc-room-gallery__track {\n      display: flex;\n      height: 100%;\n      transform: translate3d(0, 0, 0);\n      transition: transform 1150ms cubic-bezier(0.22, 1, 0.36, 1);\n      will-change: transform;\n    }\n\n    .acc-room-gallery__slide {\n      position: relative;\n      flex: 0 0 100%;\n      height: 100%;\n      overflow: hidden;\n    }\n\n    .acc-room-gallery__slide img,\n    .acc-room-gallery__slide video {\n      transform: scale(1.06);\n      transition: transform 1400ms cubic-bezier(0.22, 1, 0.36, 1), filter 900ms ease;\n    }\n\n    .acc-room-gallery__slide.is-active img,\n    .acc-room-gallery__slide.is-active video {\n      transform: scale(1);\n    }\n\n    .acc-room-gallery__viewport:hover .acc-room-gallery__slide.is-active img,\n    .acc-room-gallery__viewport:hover .acc-room-gallery__slide.is-active video {\n      filter: saturate(1.04) contrast(1.035);\n      transform: scale(1.045);\n    }\n\n    .acc-room-gallery__arrow {\n      appearance: none;\n      position: absolute;\n      left: -46px;\n      top: 50%;\n      z-index: 8;\n      display: grid;\n      place-items: center;\n      width: clamp(74px, 5.6vw, 98px);\n      height: clamp(74px, 5.6vw, 98px);\n      padding: 0;\n      border: 1px solid rgba(86, 50, 52, 0.16);\n      border-radius: 999px;\n      background: rgba(247, 245, 237, 0.9);\n      backdrop-filter: blur(14px);\n      -webkit-backdrop-filter: blur(14px);\n      color: var(--acc-wine);\n      cursor: pointer;\n      transform: translateY(-50%);\n      transition: transform 420ms cubic-bezier(0.22, 1, 0.36, 1), background 320ms ease, border-color 320ms ease;\n    }\n\n    .acc-room-gallery__arrow:hover {\n      transform: translateY(-50%) translateX(8px) scale(1.03);\n      background: rgba(247, 245, 237, 0.98);\n      border-color: rgba(86, 50, 52, 0.34);\n    }\n\n    .acc-room-gallery__arrow svg {\n      width: 30px;\n      height: 30px;\n      fill: none;\n      stroke: currentColor;\n      stroke-width: 1.4;\n      stroke-linecap: round;\n      stroke-linejoin: round;\n    }\n\n    .acc-room-gallery__caption {\n      position: absolute;\n      left: clamp(24px, 3vw, 54px);\n      bottom: clamp(28px, 3vw, 56px);\n      z-index: 7;\n      display: grid;\n      gap: 16px;\n      color: #fff;\n      transition: opacity 420ms ease, transform 420ms cubic-bezier(0.22, 1, 0.36, 1);\n      pointer-events: none;\n    }\n\n    .acc-room-gallery__caption.is-changing {\n      opacity: 0;\n      transform: translateY(12px);\n    }\n\n    .acc-room-gallery__caption span {\n      color: #563234;\n      font-size: 12px;\n      letter-spacing: 0.18em;\n      text-transform: uppercase;\n    }\n\n    .acc-room-gallery__caption strong {\n      color: #563234;\n      font-size: clamp(28px, 2.4vw, 46px);\n      line-height: 1;\n      font-weight: 400;\n      letter-spacing: 0;\n    }\n\n    .acc-room-gallery__progress {\n      position: absolute;\n      right: clamp(24px, 3vw, 54px);\n      bottom: clamp(34px, 3.4vw, 62px);\n      z-index: 7;\n      display: flex;\n      align-items: center;\n      gap: 18px;\n      color: white;\n      font-size: 12px;\n      letter-spacing: 0.18em;\n      pointer-events: none;\n    }\n\n    .acc-room-gallery__bar {\n      position: relative;\n      width: clamp(76px, 8vw, 140px);\n      height: 1px;\n      background: rgba(255, 255, 255, 0.34);\n      overflow: hidden;\n    }\n\n    .acc-room-gallery__bar::before {\n      content: \"\";\n      position: absolute;\n      inset: 0;\n      background: #fff;\n      transform: scaleX(var(--progress, 0.25));\n      transform-origin: left;\n      transition: transform 650ms cubic-bezier(0.22, 1, 0.36, 1);\n    }\n\n    .acc-room-gallery.js [data-acc-reveal] {\n      opacity: 0;\n      filter: blur(8px);\n      transform: translate3d(0, 34px, 0);\n      transition:\n        opacity 820ms ease,\n        transform 1150ms cubic-bezier(0.22, 1, 0.36, 1),\n        filter 900ms ease;\n      transition-delay: var(--delay, 0ms);\n      will-change: opacity, transform, filter;\n    }\n\n    .acc-room-gallery.js [data-acc-reveal=\"left\"] {\n      transform: translate3d(-58px, 22px, 0);\n    }\n\n    .acc-room-gallery.js [data-acc-reveal].is-visible {\n      opacity: 1;\n      filter: blur(0);\n      transform: translate3d(0, 0, 0);\n    }\n\n    .acc-room-gallery.js [data-acc-gallery-reveal] {\n      opacity: 0;\n      clip-path: inset(0 0 0 100%);\n      transform: translate3d(72px, 36px, 0) scale(0.985);\n      transition:\n        opacity 920ms ease,\n        clip-path 1450ms cubic-bezier(0.22, 1, 0.36, 1),\n        transform 1450ms cubic-bezier(0.22, 1, 0.36, 1);\n      will-change: opacity, clip-path, transform;\n    }\n\n    .acc-room-gallery.js [data-acc-gallery-reveal].is-visible {\n      opacity: 1;\n      clip-path: inset(0 0 0 0);\n      transform: translate3d(0, 0, 0) scale(1);\n    }\n\n    .acc-room-gallery,\n    .acc-room-gallery.et_pb_module {\n      margin: 0 !important;\n    }\n\n    .et_pb_section:has(.acc-room-gallery),\n    .et_pb_row:has(.acc-room-gallery),\n    .et_pb_column:has(.acc-room-gallery),\n    .et_pb_code:has(.acc-room-gallery),\n    .et_pb_code_inner:has(.acc-room-gallery) {\n      padding-top: 0 !important;\n      padding-bottom: 0 !important;\n      margin-top: 0 !important;\n      margin-bottom: 0 !important;\n    }\n\n    @media (prefers-reduced-motion: reduce) {\n      .acc-room-gallery.js [data-acc-reveal],\n      .acc-room-gallery.js [data-acc-gallery-reveal],\n      .acc-room-gallery__track,\n      .acc-room-gallery__slide img,\n      .acc-room-gallery__slide video {\n        opacity: 1 !important;\n        clip-path: none !important;\n        transform: none !important;\n        filter: none !important;\n        transition: none !important;\n      }\n    }\n\n    @media (max-width: 1080px) {\n      .acc-room-gallery {\n        padding: 96px var(--acc-side) 110px;\n      }\n\n      .acc-room-gallery__inner {\n        width: 100%;\n        grid-template-columns: 1fr;\n        gap: 34px;\n      }\n\n      .acc-room-gallery__copy,\n      .acc-room-gallery__body,\n      .acc-room-gallery__gallery {\n        grid-column: 1;\n        grid-row: auto;\n        width: 100%;\n      }\n\n      .acc-room-gallery__copy,\n      .acc-room-gallery__body {\n        max-width: 760px;\n      }\n\n      .acc-room-gallery__title {\n        max-width: 760px;\n      }\n\n      .acc-room-gallery__lead {\n        max-width: 560px;\n      }\n\n      .acc-room-gallery__gallery {\n        height: 620px;\n      }\n\n      .acc-room-gallery__arrow {\n        left: auto;\n        right: 24px;\n        top: 24px;\n        transform: none;\n      }\n\n      .acc-room-gallery__arrow:hover {\n        transform: translateX(4px) scale(1.03);\n      }\n    }\n\n    @media (max-width: 640px) {\n      .acc-room-gallery {\n        padding: 82px 24px 96px;\n        background:\n          linear-gradient(180deg, rgba(186, 192, 190, 0.78) 0%, rgba(186, 192, 190, 0.58) 28%, rgba(247, 245, 237, 0.98) 68%, #f7f5ed 100%);\n      }\n\n      .acc-room-gallery__inner {\n        gap: 28px;\n      }\n\n      .acc-room-gallery__kicker {\n        gap: 16px;\n        margin-bottom: 30px;\n        font-size: 10px;\n        letter-spacing: 0.14em;\n      }\n\n      .acc-room-gallery__kicker::before {\n        width: 38px;\n      }\n\n      .acc-room-gallery__title {\n        color: #563234;\n        font-size: clamp(46px, 15vw, 68px);\n      }\n\n      .acc-room-gallery__lead {\n        font-size: 18px;\n      }\n\n      .acc-room-gallery__mini {\n        display: grid;\n        gap: 12px;\n      }\n\n      .acc-room-gallery__mini span + span::before {\n        display: none;\n      }\n\n      .acc-room-gallery__gallery {\n        height: 430px;\n      }\n\n      .acc-room-gallery__arrow {\n        width: 72px;\n        height: 72px;\n        right: 18px;\n        top: 18px;\n      }\n\n      .acc-room-gallery__caption {\n        left: 22px;\n        bottom: 26px;\n        right: 100px;\n      }\n\n      .acc-room-gallery__caption strong {\n        font-size: 30px;\n      }\n\n      .acc-room-gallery__progress {\n        display: none;\n      }\n    }\n  <\/style>\n\n  <div class=\"acc-room-gallery__inner\">\n    <div class=\"acc-room-gallery__copy\" data-acc-reveal=\"left\">\n      <div class=\"acc-room-gallery__kicker\">Confort et volumes<\/div>\n\n      <h2 class=\"acc-room-gallery__title\">\n        <span>Jusqu'\u00e0 10 personnes,<\/span>\n        <span>sans perdre<\/span>\n        <span>le calme<\/span>\n      <\/h2>\n    <\/div>\n\n    <div class=\"acc-room-gallery__body\" data-acc-reveal=\"left\">\n      <p class=\"acc-room-gallery__lead\">\n        Des espaces pens\u00e9s pour se retrouver, mais aussi pour laisser chacun souffler. Une maison enti\u00e8re, confortable et fluide.\n      <\/p>\n\n      <div class=\"acc-room-gallery__mini\" aria-label=\"Rep\u00e8res du logement\">\n        <span>10 voyageurs<\/span>\n        <span>maison enti\u00e8re<\/span>\n        <span>espaces calmes<\/span>\n      <\/div>\n\n      <a class=\"acc-room-gallery__cta\" href=\"\/logement\/\">En savoir plus sur le logement<\/a>\n    <\/div>\n\n    <div class=\"acc-room-gallery__gallery\" data-acc-gallery data-acc-gallery-reveal>\n      <div class=\"acc-room-gallery__viewport\" data-acc-gallery-viewport>\n        <div class=\"acc-room-gallery__track\" data-acc-gallery-track>\n          <figure class=\"acc-room-gallery__slide is-active\" data-title=\"La salle de vie\" data-kicker=\"01 \u00b7 maison enti\u00e8re\">\n            <video autoplay muted loop playsinline preload=\"metadata\" poster=\"https:\/\/acontrecourant-spa-gite.fr\/wp-content\/uploads\/2026\/06\/salle-vie-scaled.jpg\" aria-label=\"Vid\u00e9o de la salle de vie du g\u00eete \u00c0 Contre Courant\">\n              <source src=\"https:\/\/acontrecourant-spa-gite.fr\/wp-content\/uploads\/2026\/06\/DSC_3566-1-2-1.mp4\" type=\"video\/mp4\">\n            <\/video>\n          <\/figure>\n\n          <figure class=\"acc-room-gallery__slide\" data-title=\"L'espace nuit\" data-kicker=\"02 \u00b7 calme\">\n            <video autoplay muted loop playsinline preload=\"metadata\" poster=\"https:\/\/acontrecourant-spa-gite.fr\/wp-content\/uploads\/2026\/06\/chambre-1-scaled.jpg\" aria-label=\"Vid\u00e9o de l'espace nuit du g\u00eete \u00c0 Contre Courant\">\n              <source src=\"https:\/\/acontrecourant-spa-gite.fr\/wp-content\/uploads\/2026\/06\/DSC_3582-1-1-1.mp4\" type=\"video\/mp4\">\n            <\/video>\n          <\/figure>\n\n          <figure class=\"acc-room-gallery__slide\" data-title=\"La mezzanine\" data-kicker=\"03 \u00b7 salon haut\">\n            <video autoplay muted loop playsinline preload=\"metadata\" poster=\"https:\/\/acontrecourant-spa-gite.fr\/wp-content\/uploads\/2026\/06\/Salon-haut-scaled.jpg\" aria-label=\"Vid\u00e9o de la mezzanine du g\u00eete \u00c0 Contre Courant\">\n              <source src=\"https:\/\/acontrecourant-spa-gite.fr\/wp-content\/uploads\/2026\/06\/DSC_3589-1-1.mp4\" type=\"video\/mp4\">\n            <\/video>\n          <\/figure>\n\n          <figure class=\"acc-room-gallery__slide\" data-title=\"L'ext\u00e9rieur\" data-kicker=\"04 \u00b7 nature\">\n            <img decoding=\"async\" src=\"https:\/\/acontrecourant-spa-gite.fr\/wp-content\/uploads\/2026\/06\/exterieur.jpg\" alt=\"Ext\u00e9rieur du g\u00eete \u00c0 Contre Courant\">\n          <\/figure>\n        <\/div>\n\n        <div class=\"acc-room-gallery__caption\" data-acc-gallery-caption>\n          <span data-acc-gallery-kicker>01 \u00b7 maison enti\u00e8re<\/span>\n          <strong data-acc-gallery-title>La salle de vie<\/strong>\n        <\/div>\n\n        <div class=\"acc-room-gallery__progress\">\n          <span data-acc-gallery-current>01<\/span>\n          <div class=\"acc-room-gallery__bar\" data-acc-gallery-bar><\/div>\n          <span data-acc-gallery-total>04<\/span>\n        <\/div>\n      <\/div>\n\n      <button class=\"acc-room-gallery__arrow\" type=\"button\" aria-label=\"Image suivante\" data-acc-gallery-next>\n        <svg viewBox=\"0 0 48 48\" aria-hidden=\"true\">\n          <path d=\"M8 24h29\"><\/path>\n          <path d=\"M27 14l10 10-10 10\"><\/path>\n        <\/svg>\n      <\/button>\n    <\/div>\n  <\/div>\n\n  <script>\n    (function () {\n      try {\n        const sections = document.querySelectorAll(\"[data-acc-room-gallery]\");\n        if (!sections.length) return;\n\n        sections.forEach(function (section) {\n          const revealItems = section.querySelectorAll(\"[data-acc-reveal], [data-acc-gallery-reveal]\");\n          const reduceMotion = window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches;\n\n          function showAll() {\n            revealItems.forEach(function (item) {\n              item.classList.add(\"is-visible\");\n            });\n          }\n\n          if (!(\"IntersectionObserver\" in window) || reduceMotion) {\n            showAll();\n          } else {\n            section.classList.add(\"js\");\n\n            const observer = new IntersectionObserver(function (entries) {\n              entries.forEach(function (entry) {\n                if (entry.isIntersecting) {\n                  entry.target.classList.add(\"is-visible\");\n                  observer.unobserve(entry.target);\n                }\n              });\n            }, { threshold: 0.08, rootMargin: \"0px 0px 8% 0px\" });\n\n            revealItems.forEach(function (item, index) {\n              if (!item.style.getPropertyValue(\"--delay\")) {\n                item.style.setProperty(\"--delay\", Math.min(index * 80, 280) + \"ms\");\n              }\n\n              observer.observe(item);\n            });\n\n            setTimeout(showAll, 4200);\n          }\n\n          const gallery = section.querySelector(\"[data-acc-gallery]\");\n          if (!gallery) return;\n\n          const viewport = section.querySelector(\"[data-acc-gallery-viewport]\");\n          const track = section.querySelector(\"[data-acc-gallery-track]\");\n          const slides = Array.prototype.slice.call(section.querySelectorAll(\".acc-room-gallery__slide\"));\n          const nextButton = section.querySelector(\"[data-acc-gallery-next]\");\n          const caption = section.querySelector(\"[data-acc-gallery-caption]\");\n          const title = section.querySelector(\"[data-acc-gallery-title]\");\n          const kicker = section.querySelector(\"[data-acc-gallery-kicker]\");\n          const current = section.querySelector(\"[data-acc-gallery-current]\");\n          const total = section.querySelector(\"[data-acc-gallery-total]\");\n          const bar = section.querySelector(\"[data-acc-gallery-bar]\");\n\n          let index = 0;\n          let startX = 0;\n          let currentX = 0;\n          let dragging = false;\n          const slideSpeed = \"transform 1150ms cubic-bezier(0.22, 1, 0.36, 1)\";\n\n          if (total) total.textContent = String(slides.length).padStart(2, \"0\");\n\n          function viewportWidth() {\n            return viewport ? viewport.getBoundingClientRect().width || 1 : 1;\n          }\n\n          function setTrackTransition(enabled) {\n            track.style.transition = enabled ? slideSpeed : \"none\";\n          }\n\n          function translateToIndex(enabled) {\n            setTrackTransition(enabled !== false);\n            track.style.transform = \"translate3d(\" + (-index * viewportWidth()) + \"px, 0, 0)\";\n          }\n\n          function updateCaption() {\n            const activeSlide = slides[index];\n\n            if (title) title.textContent = activeSlide.getAttribute(\"data-title\") || \"\";\n            if (kicker) kicker.textContent = activeSlide.getAttribute(\"data-kicker\") || \"\";\n            if (current) current.textContent = String(index + 1).padStart(2, \"0\");\n            if (bar) bar.style.setProperty(\"--progress\", ((index + 1) \/ slides.length).toFixed(3));\n          }\n\n          function updateGallery(nextIndex, transition) {\n            index = (nextIndex + slides.length) % slides.length;\n\n            slides.forEach(function (slide, slideIndex) {\n              const isActive = slideIndex === index;\n              const video = slide.querySelector(\"video\");\n\n              slide.classList.toggle(\"is-active\", isActive);\n              slide.setAttribute(\"aria-hidden\", isActive ? \"false\" : \"true\");\n\n              if (video) {\n                if (isActive) {\n                  const playPromise = video.play();\n\n                  if (playPromise && typeof playPromise.catch === \"function\") {\n                    playPromise.catch(function () {});\n                  }\n                } else {\n                  video.pause();\n\n                  try {\n                    video.currentTime = 0;\n                  } catch (error) {}\n                }\n              }\n            });\n\n            if (caption) caption.classList.add(\"is-changing\");\n\n            translateToIndex(transition !== false);\n\n            window.setTimeout(function () {\n              updateCaption();\n              if (caption) caption.classList.remove(\"is-changing\");\n            }, 180);\n          }\n\n          function next() {\n            updateGallery(index + 1, true);\n          }\n\n          if (nextButton) {\n            nextButton.addEventListener(\"click\", next);\n          }\n\n          if (viewport) {\n            viewport.addEventListener(\"pointerdown\", function (event) {\n              dragging = true;\n              startX = event.clientX;\n              currentX = event.clientX;\n              setTrackTransition(false);\n\n              if (viewport.setPointerCapture) {\n                viewport.setPointerCapture(event.pointerId);\n              }\n            });\n\n            viewport.addEventListener(\"pointermove\", function (event) {\n              if (!dragging) return;\n\n              currentX = event.clientX;\n\n              const delta = currentX - startX;\n              const base = -index * viewportWidth();\n\n              track.style.transform = \"translate3d(\" + (base + delta) + \"px, 0, 0)\";\n            });\n\n            function endDrag() {\n              if (!dragging) return;\n\n              dragging = false;\n\n              const delta = currentX - startX;\n              const threshold = Math.min(90, viewportWidth() * 0.13);\n\n              if (delta < -threshold) {\n                updateGallery(index + 1, true);\n                return;\n              }\n\n              if (delta > threshold) {\n                updateGallery(index - 1, true);\n                return;\n              }\n\n              translateToIndex(true);\n            }\n\n            viewport.addEventListener(\"pointerup\", endDrag);\n            viewport.addEventListener(\"pointercancel\", endDrag);\n            viewport.addEventListener(\"pointerleave\", endDrag);\n          }\n\n          section.addEventListener(\"keydown\", function (event) {\n            if (event.key === \"ArrowRight\") updateGallery(index + 1, true);\n            if (event.key === \"ArrowLeft\") updateGallery(index - 1, true);\n          });\n\n          window.addEventListener(\"resize\", function () {\n            translateToIndex(false);\n          });\n\n          section.setAttribute(\"tabindex\", \"-1\");\n          updateGallery(0, false);\n        });\n      } catch (error) {\n        document.querySelectorAll(\"[data-acc-room-gallery] [data-acc-reveal], [data-acc-room-gallery] [data-acc-gallery-reveal]\").forEach(function (item) {\n          item.classList.add(\"is-visible\");\n        });\n      }\n    })();\n  <\/script>\n<\/section><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_section_4 et_pb_section et_section_regular et_flex_section\">\n<div class=\"et_pb_row_4 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_4 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_code_4 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\">\n<section class=\"acc-private-spa\" data-acc-private-spa>\n  <style>\n    .acc-private-spa {\n      --acc-wine: #563234;\n      --acc-cream: #f7f5ed;\n      --acc-copper: #914927;\n      --acc-sage: #dfe3d8;\n      --acc-ink: #171514;\n      --acc-muted: rgba(23, 21, 20, 0.64);\n      --acc-side: clamp(24px, 5vw, 104px);\n\n      position: relative;\n      overflow: hidden;\n      color: var(--acc-ink);\n      background:\n        linear-gradient(180deg, #fbfaf5 0%, #fbfaf5 36%, rgba(247, 245, 237, 0.96) 64%, #f1f0e4 100%);\n      padding: clamp(104px, 11vw, 178px) var(--acc-side) clamp(104px, 12vw, 190px);\n    }\n\n    .acc-private-spa,\n    .acc-private-spa * {\n      box-sizing: border-box;\n    }\n\n    .acc-private-spa a {\n      color: inherit;\n      text-decoration: none;\n    }\n\n    .acc-private-spa figure {\n      margin: 0;\n    }\n\n    .acc-private-spa img,\n    .acc-private-spa video {\n      display: block;\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n    }\n\n    .acc-private-spa__inner {\n      width: min(1720px, 100%);\n      margin: 0 auto;\n      display: grid;\n      grid-template-columns: minmax(310px, 0.52fr) minmax(0, 1fr);\n      gap: clamp(48px, 7vw, 124px);\n      align-items: center;\n    }\n\n    .acc-private-spa__copy {\n      position: relative;\n      z-index: 4;\n      max-width: 620px;\n    }\n\n    .acc-private-spa__kicker {\n      display: flex;\n      align-items: center;\n      gap: 24px;\n      margin-bottom: clamp(30px, 4vw, 58px);\n      color: rgba(145, 73, 39, 0.72);\n      font-size: 12px;\n      line-height: 1.4;\n      letter-spacing: 0.22em;\n      text-transform: uppercase;\n    }\n\n    .acc-private-spa__kicker::before {\n      content: \"\";\n      width: clamp(48px, 6vw, 88px);\n      height: 1px;\n      background: currentColor;\n      opacity: 0.72;\n      flex: 0 0 auto;\n    }\n\n    .acc-private-spa__title {\n      margin: 0;\n      color: var(--acc-wine);\n      font-size: clamp(48px, 5.7vw, 104px);\n      line-height: 0.96;\n      font-weight: 400;\n      letter-spacing: 0;\n    }\n\n    .acc-private-spa__title span {\n      display: block;\n    }\n\n    .acc-private-spa__lead {\n      margin: clamp(30px, 3.4vw, 50px) 0 0;\n      max-width: 560px;\n      color: rgba(23, 21, 20, 0.68);\n      font-size: clamp(19px, 1.45vw, 25px);\n      line-height: 1.58;\n      font-weight: 400;\n    }\n\n    .acc-private-spa__text {\n      margin: clamp(22px, 2.6vw, 36px) 0 0;\n      max-width: 500px;\n      color: rgba(23, 21, 20, 0.58);\n      font-size: clamp(16px, 1.05vw, 19px);\n      line-height: 1.76;\n      font-weight: 400;\n    }\n\n    .acc-private-spa__facts {\n      display: grid;\n      gap: 14px;\n      margin-top: clamp(34px, 4vw, 58px);\n      padding-top: clamp(24px, 3vw, 38px);\n      border-top: 1px solid rgba(86, 50, 52, 0.18);\n    }\n\n    .acc-private-spa__fact {\n      display: grid;\n      grid-template-columns: 78px 1fr;\n      gap: 18px;\n      align-items: baseline;\n    }\n\n    .acc-private-spa__fact span {\n      color: rgba(145, 73, 39, 0.68);\n      font-size: 11px;\n      line-height: 1;\n      letter-spacing: 0.18em;\n      text-transform: uppercase;\n    }\n\n    .acc-private-spa__fact strong {\n      color: var(--acc-wine);\n      font-size: clamp(17px, 1.15vw, 21px);\n      line-height: 1.32;\n      font-weight: 400;\n    }\n\n    .acc-private-spa__cta {\n      position: relative;\n      display: inline-flex;\n      width: fit-content;\n      margin-top: clamp(34px, 4vw, 56px);\n      color: var(--acc-wine);\n      font-size: 13px;\n      line-height: 1;\n      letter-spacing: 0.16em;\n      text-transform: lowercase;\n      padding-bottom: 12px;\n    }\n\n    .acc-private-spa__cta::after {\n      content: \"\";\n      position: absolute;\n      left: 0;\n      bottom: 0;\n      width: 100%;\n      height: 1px;\n      background: currentColor;\n      transform-origin: left;\n      transition: transform 420ms cubic-bezier(0.22, 1, 0.36, 1), opacity 360ms ease;\n    }\n\n    .acc-private-spa__cta:hover::after {\n      transform: scaleX(0.58);\n      opacity: 0.64;\n    }\n\n    .acc-private-spa__media {\n      position: relative;\n      display: grid;\n      grid-template-columns: minmax(0, 0.86fr) minmax(0, 1fr);\n      gap: clamp(18px, 2vw, 34px);\n      min-height: clamp(620px, 55vw, 860px);\n    }\n\n    .acc-private-spa__image {\n      position: relative;\n      overflow: hidden;\n      background: #d8d5cc;\n    }\n\n    .acc-private-spa__image--main {\n      height: clamp(580px, 52vw, 820px);\n      align-self: end;\n    }\n\n    .acc-private-spa__image--side {\n      height: clamp(500px, 48vw, 760px);\n      align-self: start;\n      margin-top: clamp(38px, 4vw, 72px);\n    }\n\n    .acc-private-spa__image img,\n    .acc-private-spa__image video {\n      transform: translate3d(0, var(--acc-parallax, 0px), 0) scale(1.08);\n      transition:\n        transform 1500ms cubic-bezier(0.22, 1, 0.36, 1),\n        filter 900ms ease;\n      will-change: transform;\n    }\n\n    .acc-private-spa__image:hover img,\n    .acc-private-spa__image:hover video {\n      filter: saturate(1.04) contrast(1.035);\n      transform: translate3d(0, var(--acc-parallax, 0px), 0) scale(1.12);\n    }\n\n    .acc-private-spa__note {\n      position: absolute;\n      right: clamp(18px, 3vw, 56px);\n      top: clamp(24px, 4vw, 70px);\n      z-index: 3;\n      color: rgba(255, 255, 255, 0.74);\n      font-size: 12px;\n      line-height: 1.5;\n      letter-spacing: 0.18em;\n      text-transform: uppercase;\n      writing-mode: vertical-rl;\n      transform: rotate(180deg);\n      pointer-events: none;\n    }\n\n    .acc-private-spa.js [data-acc-reveal] {\n      opacity: 0;\n      filter: blur(10px);\n      transform: translate3d(0, 44px, 0);\n      transition:\n        opacity 880ms ease,\n        transform 1200ms cubic-bezier(0.22, 1, 0.36, 1),\n        filter 960ms ease;\n      transition-delay: var(--delay, 0ms);\n      will-change: opacity, transform, filter;\n    }\n\n    .acc-private-spa.js [data-acc-reveal=\"left\"] {\n      transform: translate3d(-54px, 28px, 0);\n    }\n\n    .acc-private-spa.js [data-acc-reveal].is-visible {\n      opacity: 1;\n      filter: blur(0);\n      transform: translate3d(0, 0, 0);\n    }\n\n    .acc-private-spa.js [data-acc-spa-image] {\n      opacity: 1;\n      overflow: hidden;\n      clip-path: inset(100% 0 0 0);\n      transform: translate3d(0, 48px, 0);\n      transition:\n        clip-path 1450ms cubic-bezier(0.22, 1, 0.36, 1),\n        transform 1450ms cubic-bezier(0.22, 1, 0.36, 1);\n      transition-delay: var(--delay, 0ms);\n      will-change: clip-path, transform;\n    }\n\n    .acc-private-spa.js [data-acc-spa-image=\"right\"] {\n      clip-path: inset(0 0 0 100%);\n      transform: translate3d(58px, 28px, 0);\n    }\n\n    .acc-private-spa.js [data-acc-spa-image] img,\n    .acc-private-spa.js [data-acc-spa-image] video {\n      transform: translate3d(0, var(--acc-parallax, 0px), 0) scale(1.14);\n      transition:\n        transform 2100ms cubic-bezier(0.22, 1, 0.36, 1),\n        filter 900ms ease;\n    }\n\n    .acc-private-spa.js [data-acc-spa-image].is-visible {\n      clip-path: inset(0 0 0 0);\n      transform: translate3d(0, 0, 0);\n    }\n\n    .acc-private-spa.js [data-acc-spa-image].is-visible img,\n    .acc-private-spa.js [data-acc-spa-image].is-visible video {\n      transform: translate3d(0, var(--acc-parallax, 0px), 0) scale(1.06);\n    }\n\n    .acc-private-spa,\n    .acc-private-spa.et_pb_module {\n      margin: 0 !important;\n    }\n\n    .et_pb_section:has(.acc-private-spa),\n    .et_pb_row:has(.acc-private-spa),\n    .et_pb_column:has(.acc-private-spa),\n    .et_pb_code:has(.acc-private-spa),\n    .et_pb_code_inner:has(.acc-private-spa) {\n      padding-top: 0 !important;\n      padding-bottom: 0 !important;\n      margin-top: 0 !important;\n      margin-bottom: 0 !important;\n    }\n\n    @media (prefers-reduced-motion: reduce) {\n      .acc-private-spa.js [data-acc-reveal],\n      .acc-private-spa.js [data-acc-spa-image],\n      .acc-private-spa.js [data-acc-spa-image] img,\n      .acc-private-spa.js [data-acc-spa-image] video,\n      .acc-private-spa__image img,\n      .acc-private-spa__image video {\n        opacity: 1 !important;\n        clip-path: none !important;\n        transform: none !important;\n        filter: none !important;\n        transition: none !important;\n      }\n    }\n\n    @media (max-width: 1080px) {\n      .acc-private-spa {\n        padding: 94px var(--acc-side) 112px;\n      }\n\n      .acc-private-spa__inner {\n        grid-template-columns: 1fr;\n        gap: 52px;\n      }\n\n      .acc-private-spa__copy {\n        max-width: 760px;\n      }\n\n      .acc-private-spa__media {\n        min-height: auto;\n      }\n    }\n\n    @media (max-width: 720px) {\n      .acc-private-spa {\n        padding: 82px 24px 96px;\n        background:\n          linear-gradient(180deg, #fbfaf5 0%, #fbfaf5 42%, rgba(247, 245, 237, 0.96) 72%, #f1f0e4 100%);\n      }\n\n      .acc-private-spa__inner {\n        gap: 42px;\n      }\n\n      .acc-private-spa__kicker {\n        gap: 16px;\n        margin-bottom: 30px;\n        font-size: 10px;\n        letter-spacing: 0.14em;\n      }\n\n      .acc-private-spa__kicker::before {\n        width: 38px;\n      }\n\n      .acc-private-spa__title {\n        font-size: clamp(44px, 13vw, 64px);\n      }\n\n      .acc-private-spa__lead {\n        font-size: 18px;\n        line-height: 1.62;\n      }\n\n      .acc-private-spa__text {\n        font-size: 16px;\n      }\n\n      .acc-private-spa__fact {\n        grid-template-columns: 1fr;\n        gap: 6px;\n      }\n\n      .acc-private-spa__media {\n        grid-template-columns: 1fr;\n        gap: 22px;\n      }\n\n      .acc-private-spa__image--main,\n      .acc-private-spa__image--side {\n        height: 430px;\n        margin-top: 0;\n      }\n\n      .acc-private-spa__note {\n        display: none;\n      }\n    }\n  <\/style>\n\n  <div class=\"acc-private-spa__inner\">\n    <div class=\"acc-private-spa__copy\">\n      <div class=\"acc-private-spa__kicker\" data-acc-reveal=\"left\">\n        Bien-\u00eatre \u00e0 la maison\n      <\/div>\n\n      <h2 class=\"acc-private-spa__title\" data-acc-reveal=\"left\">\n        <span>Le spa,<\/span>\n        <span>rien que pour vous<\/span>\n      <\/h2>\n\n      <p class=\"acc-private-spa__lead\" data-acc-reveal=\"left\">\n        Une parenth\u00e8se douce pour rel\u00e2cher la journ\u00e9e, prolonger la soir\u00e9e et retrouver le calme.\n      <\/p>\n\n      <p class=\"acc-private-spa__text\" data-acc-reveal=\"left\">\n        Directement dans la maison, l\u2019espace spa invite \u00e0 ralentir apr\u00e8s le lac, une balade ou simplement parce que le s\u00e9jour m\u00e9rite ce moment.\n      <\/p>\n\n      <div class=\"acc-private-spa__facts\" data-acc-reveal=\"left\">\n        <div class=\"acc-private-spa__fact\">\n          <span>Acc\u00e8s<\/span>\n          <strong>Priv\u00e9 pendant votre s\u00e9jour<\/strong>\n        <\/div>\n\n        <div class=\"acc-private-spa__fact\">\n          <span>Moment<\/span>\n          <strong>\u00c0 deux, entre amis ou en famille<\/strong>\n        <\/div>\n      <\/div>\n\n      <a class=\"acc-private-spa__cta\" href=\"\/contact\/\" data-acc-reveal=\"left\">r\u00e9server un s\u00e9jour<\/a>\n    <\/div>\n\n    <div class=\"acc-private-spa__media\">\n      <span class=\"acc-private-spa__note\">Spa priv\u00e9 \u00b7 d\u00e9tente<\/span>\n\n      <figure class=\"acc-private-spa__image acc-private-spa__image--main\" data-acc-spa-image=\"up\" data-acc-parallax>\n        <video autoplay muted loop playsinline preload=\"metadata\" aria-label=\"Vid\u00e9o du spa priv\u00e9 du g\u00eete \u00c0 Contre Courant\">\n          <source src=\"https:\/\/acontrecourant-spa-gite.fr\/wp-content\/uploads\/2026\/07\/WhatsApp-Video-2026-06-30-at-11.49.10.mp4\" type=\"video\/mp4\">\n        <\/video>\n      <\/figure>\n\n      <figure class=\"acc-private-spa__image acc-private-spa__image--side\" data-acc-spa-image=\"right\" data-acc-parallax>\n        <img decoding=\"async\" src=\"https:\/\/acontrecourant-spa-gite.fr\/wp-content\/uploads\/2026\/06\/Z06_3509-HDR-scaled.jpg\" alt=\"Espace d\u00e9tente du spa priv\u00e9 \u00c0 Contre Courant\">\n      <\/figure>\n    <\/div>\n  <\/div>\n\n  <script>\n    (function () {\n      try {\n        const sections = document.querySelectorAll(\"[data-acc-private-spa]\");\n        if (!sections.length) return;\n\n        sections.forEach(function (section) {\n          const reduceMotion = window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches;\n          const revealItems = section.querySelectorAll(\"[data-acc-reveal], [data-acc-spa-image]\");\n          const parallaxItems = section.querySelectorAll(\"[data-acc-parallax]\");\n\n          section.classList.add(\"js\");\n\n          function showAll() {\n            revealItems.forEach(function (item) {\n              item.classList.add(\"is-visible\");\n            });\n          }\n\n          if (!(\"IntersectionObserver\" in window) || reduceMotion) {\n            showAll();\n          } else {\n            const observer = new IntersectionObserver(function (entries) {\n              entries.forEach(function (entry) {\n                if (entry.isIntersecting) {\n                  entry.target.classList.add(\"is-visible\");\n                  observer.unobserve(entry.target);\n                }\n              });\n            }, { threshold: 0.16, rootMargin: \"0px 0px -8% 0px\" });\n\n            revealItems.forEach(function (item, index) {\n              if (!item.style.getPropertyValue(\"--delay\")) {\n                item.style.setProperty(\"--delay\", Math.min(index * 90, 360) + \"ms\");\n              }\n\n              observer.observe(item);\n            });\n\n            setTimeout(showAll, 4200);\n          }\n\n          let ticking = false;\n\n          function updateParallax() {\n            if (reduceMotion) return;\n\n            const viewportHeight = window.innerHeight || 1;\n\n            parallaxItems.forEach(function (item, index) {\n              const rect = item.getBoundingClientRect();\n              const center = rect.top + rect.height \/ 2;\n              const progress = (center - viewportHeight \/ 2) \/ (viewportHeight + rect.height);\n              const strength = index === 0 ? -30 : -22;\n              const y = Math.max(-1, Math.min(1, progress)) * strength;\n\n              item.style.setProperty(\"--acc-parallax\", y.toFixed(2) + \"px\");\n            });\n\n            ticking = false;\n          }\n\n          function requestParallax() {\n            if (!ticking) {\n              window.requestAnimationFrame(updateParallax);\n              ticking = true;\n            }\n          }\n\n          window.addEventListener(\"scroll\", requestParallax, { passive: true });\n          window.addEventListener(\"resize\", requestParallax);\n          updateParallax();\n        });\n      } catch (error) {\n        document.querySelectorAll(\"[data-acc-private-spa] [data-acc-reveal], [data-acc-private-spa] [data-acc-spa-image]\").forEach(function (item) {\n          item.classList.add(\"is-visible\");\n        });\n      }\n    })();\n    \n    \n  <\/script>\n<\/section><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_section_5 et_pb_section et_section_regular et_flex_section\">\n<div class=\"et_pb_row_5 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_5 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_code_5 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\">\n<section class=\"acc-final-light\" id=\"reservation\" data-acc-final-light>\n  <style>\n    .acc-final-light {\n      --acc-wine: #563234;\n      --acc-cream: #f1f0e4;\n      --acc-paper: #fbfaf5;\n      --acc-copper: #914927;\n      --acc-sage: #dfe3d8;\n      --acc-ink: #171514;\n      --acc-muted: rgba(23, 21, 20, 0.62);\n      --acc-line: rgba(86, 50, 52, 0.18);\n      --acc-side: clamp(24px, 5vw, 104px);\n\n      position: relative;\n      overflow: hidden;\n      scroll-margin-top: 120px;\n      color: var(--acc-ink);\n      background:\n        linear-gradient(180deg, #fbfaf5 0%, #f7f5ed 58%, var(--acc-cream) 100%);\n      padding: clamp(104px, 11vw, 178px) var(--acc-side) clamp(96px, 10vw, 150px);\n    }\n\n    .acc-final-light,\n    .acc-final-light * {\n      box-sizing: border-box;\n    }\n\n    .acc-final-light a {\n      color: inherit;\n      text-decoration: none;\n    }\n\n    .acc-final-light figure {\n      margin: 0;\n    }\n\n    .acc-final-light img,\n    .acc-final-light video {\n      display: block;\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n    }\n\n    .acc-final-light video {\n      background: #171514;\n      pointer-events: none;\n    }\n\n    .acc-final-light__inner {\n      position: relative;\n      max-width: 1720px;\n      margin: 0 auto;\n    }\n\n    .acc-final-light__top {\n      display: grid;\n      grid-template-columns: minmax(0, 1.08fr) minmax(320px, 0.62fr);\n      gap: clamp(52px, 9vw, 150px);\n      align-items: end;\n      margin-bottom: clamp(62px, 8vw, 124px);\n    }\n\n    .acc-final-light__kicker {\n      display: flex;\n      align-items: center;\n      gap: 24px;\n      margin-bottom: clamp(34px, 5vw, 66px);\n      color: rgba(145, 73, 39, 0.7);\n      font-size: 12px;\n      line-height: 1.4;\n      letter-spacing: 0.22em;\n      text-transform: uppercase;\n    }\n\n    .acc-final-light__kicker::before {\n      content: \"\";\n      width: clamp(48px, 6vw, 88px);\n      height: 1px;\n      background: currentColor;\n      opacity: 0.72;\n      flex: 0 0 auto;\n    }\n\n    .acc-final-light__title {\n      margin: 0;\n      max-width: 1040px;\n      color: var(--acc-wine);\n      font-size: clamp(54px, 7vw, 126px);\n      line-height: 0.96;\n      font-weight: 400;\n      letter-spacing: 0;\n    }\n\n    .acc-final-light__intro {\n      margin: 0;\n      max-width: 540px;\n      color: var(--acc-muted);\n      font-size: clamp(18px, 1.34vw, 24px);\n      line-height: 1.76;\n      font-weight: 400;\n    }\n\n    .acc-final-light__main {\n      display: grid;\n      grid-template-columns: minmax(320px, 0.58fr) minmax(520px, 1.08fr);\n      gap: clamp(44px, 5vw, 96px);\n      align-items: center;\n    }\n\n    .acc-final-light__content {\n      position: relative;\n      z-index: 3;\n    }\n\n    .acc-final-light__lead {\n      margin: 0;\n      max-width: 610px;\n      color: rgba(23, 21, 20, 0.68);\n      font-size: clamp(24px, 2.25vw, 40px);\n      line-height: 1.42;\n      font-weight: 400;\n    }\n\n    .acc-final-light__line {\n      width: min(100%, 540px);\n      height: 1px;\n      margin: clamp(34px, 4vw, 58px) 0;\n      background: var(--acc-line);\n    }\n\n    .acc-final-light__steps {\n      display: grid;\n      gap: 22px;\n      max-width: 560px;\n    }\n\n    .acc-final-light__step {\n      display: grid;\n      grid-template-columns: 56px 1fr;\n      gap: 22px;\n      align-items: baseline;\n    }\n\n    .acc-final-light__num {\n      color: rgba(145, 73, 39, 0.68);\n      font-size: 12px;\n      letter-spacing: 0.18em;\n    }\n\n    .acc-final-light__step strong {\n      display: block;\n      margin-bottom: 6px;\n      color: var(--acc-wine);\n      font-size: 20px;\n      line-height: 1.2;\n      font-weight: 400;\n    }\n\n    .acc-final-light__step span {\n      color: rgba(23, 21, 20, 0.58);\n      font-size: 15px;\n      line-height: 1.62;\n    }\n\n    .acc-final-light__actions {\n      display: flex;\n      flex-wrap: wrap;\n      align-items: center;\n      gap: 26px;\n      margin-top: clamp(36px, 4vw, 58px);\n    }\n\n    .acc-final-light__link {\n      position: relative;\n      display: inline-flex;\n      width: fit-content;\n      color: var(--acc-wine);\n      font-size: 14px;\n      line-height: 1;\n      letter-spacing: 0.16em;\n      text-transform: lowercase;\n      padding-bottom: 11px;\n    }\n\n    .acc-final-light__link::after {\n      content: \"\";\n      position: absolute;\n      left: 0;\n      bottom: 0;\n      width: 100%;\n      height: 1px;\n      background: currentColor;\n      transform-origin: left;\n      transition: transform 420ms cubic-bezier(0.22, 1, 0.36, 1), opacity 320ms ease;\n    }\n\n    .acc-final-light__link:hover::after {\n      transform: scaleX(0.58);\n      opacity: 0.64;\n    }\n\n    .acc-final-light__media-wrap {\n      position: relative;\n      display: grid;\n      grid-template-columns: minmax(0, 0.9fr) minmax(320px, 0.82fr);\n      gap: clamp(18px, 1.8vw, 30px);\n      align-items: start;\n      min-height: clamp(600px, 52vw, 820px);\n      padding: 0;\n    }\n\n    .acc-final-light__media,\n    .acc-final-light__photo {\n      position: relative;\n      overflow: hidden;\n      background: #d8d5cc;\n    }\n\n    .acc-final-light__photo {\n      height: clamp(540px, 49vw, 780px);\n      align-self: end;\n    }\n\n    .acc-final-light__media {\n      align-self: start;\n      margin-top: clamp(22px, 3vw, 54px);\n      z-index: 1;\n      width: 100%;\n      aspect-ratio: 9 \/ 16;\n      background: #171514;\n    }\n\n    .acc-final-light__media video {\n      object-fit: contain;\n      object-position: center;\n      transform: none;\n      transition: filter 900ms ease;\n      will-change: filter;\n    }\n\n    .acc-final-light__media:hover video {\n      filter: saturate(1.05) contrast(1.03);\n      transform: none;\n    }\n\n    .acc-final-light__photo img {\n      object-fit: cover;\n      object-position: center;\n      transform: scale(1.03);\n      transition:\n        transform 1500ms cubic-bezier(0.22, 1, 0.36, 1),\n        filter 900ms ease;\n      will-change: transform;\n    }\n\n    .acc-final-light__photo:hover img {\n      filter: saturate(1.04) contrast(1.03);\n      transform: scale(1.07);\n    }\n\n    .acc-final-light__note {\n      position: relative;\n      grid-column: 1 \/ -1;\n      justify-self: end;\n      z-index: 2;\n      width: min(100%, 560px);\n      margin: clamp(24px, 3vw, 42px) 0 0;\n      padding: 0;\n      background: transparent;\n      color: rgba(23, 21, 20, 0.62);\n      font-size: clamp(17px, 1.2vw, 21px);\n      line-height: 1.66;\n    }\n\n    .acc-final-light__note::before {\n      content: \"\";\n      display: block;\n      width: 72px;\n      height: 1px;\n      margin-bottom: 20px;\n      background: rgba(86, 50, 52, 0.3);\n    }\n\n    .acc-final-light__facts {\n      display: grid;\n      grid-template-columns: repeat(4, minmax(0, 1fr));\n      gap: clamp(18px, 3vw, 42px);\n      margin-top: clamp(72px, 8vw, 128px);\n      padding-top: clamp(28px, 4vw, 52px);\n      border-top: 1px solid var(--acc-line);\n    }\n\n    .acc-final-light__fact span {\n      display: block;\n      margin-bottom: 12px;\n      color: rgba(145, 73, 39, 0.68);\n      font-size: 11px;\n      line-height: 1;\n      letter-spacing: 0.18em;\n      text-transform: uppercase;\n    }\n\n    .acc-final-light__fact strong {\n      display: block;\n      color: var(--acc-wine);\n      font-size: clamp(21px, 1.7vw, 32px);\n      line-height: 1.12;\n      font-weight: 400;\n    }\n\n    .acc-final-light.js [data-acc-final-reveal],\n    .acc-final-light.js [data-acc-final-image] {\n      opacity: 0;\n      filter: blur(8px);\n      transform: translate3d(0, 34px, 0);\n      transition:\n        opacity 850ms ease,\n        transform 1150ms cubic-bezier(0.22, 1, 0.36, 1),\n        filter 900ms ease;\n      transition-delay: var(--delay, 0ms);\n    }\n\n    .acc-final-light.js [data-acc-final-image] {\n      clip-path: inset(100% 0 0 0);\n      transform: translate3d(0, 54px, 0);\n      transition:\n        opacity 900ms ease,\n        clip-path 1450ms cubic-bezier(0.22, 1, 0.36, 1),\n        transform 1450ms cubic-bezier(0.22, 1, 0.36, 1),\n        filter 900ms ease;\n    }\n\n    .acc-final-light.js [data-acc-final-reveal].is-visible,\n    .acc-final-light.js [data-acc-final-image].is-visible {\n      opacity: 1;\n      filter: blur(0);\n      clip-path: inset(0 0 0 0);\n      transform: translate3d(0, 0, 0);\n    }\n\n    .acc-final-light,\n    .acc-final-light.et_pb_module {\n      margin: 0 !important;\n    }\n\n    .et_pb_section:has(.acc-final-light),\n    .et_pb_row:has(.acc-final-light),\n    .et_pb_column:has(.acc-final-light),\n    .et_pb_code:has(.acc-final-light),\n    .et_pb_code_inner:has(.acc-final-light) {\n      padding-top: 0 !important;\n      padding-bottom: 0 !important;\n      margin-top: 0 !important;\n      margin-bottom: 0 !important;\n    }\n\n    @media (prefers-reduced-motion: reduce) {\n      .acc-final-light.js [data-acc-final-reveal],\n      .acc-final-light.js [data-acc-final-image],\n      .acc-final-light__photo img,\n      .acc-final-light__media video {\n        opacity: 1 !important;\n        clip-path: none !important;\n        transform: none !important;\n        filter: none !important;\n        transition: none !important;\n      }\n    }\n\n    @media (max-width: 980px) {\n      .acc-final-light__top,\n      .acc-final-light__main {\n        grid-template-columns: 1fr;\n      }\n\n      .acc-final-light__media-wrap {\n        grid-template-columns: 1fr;\n        gap: 26px;\n        width: min(100%, 620px);\n        margin: 0 auto;\n        min-height: auto;\n      }\n\n      .acc-final-light__photo {\n        height: auto;\n        aspect-ratio: 4 \/ 5;\n      }\n\n      .acc-final-light__media {\n        width: 100%;\n        max-width: none;\n        margin: 0;\n      }\n\n      .acc-final-light__note {\n        width: 100%;\n        margin: 2px 0 0;\n      }\n\n      .acc-final-light__facts {\n        grid-template-columns: repeat(2, minmax(0, 1fr));\n      }\n    }\n\n    @media (max-width: 640px) {\n      .acc-final-light {\n        padding: 82px 24px 88px;\n      }\n\n      .acc-final-light__kicker {\n        gap: 16px;\n        margin-bottom: 30px;\n        font-size: 10px;\n        letter-spacing: 0.14em;\n      }\n\n      .acc-final-light__kicker::before {\n        width: 38px;\n      }\n\n      .acc-final-light__title {\n        font-size: clamp(44px, 13vw, 64px);\n      }\n\n      .acc-final-light__intro,\n      .acc-final-light__lead {\n        font-size: 18px;\n      }\n\n      .acc-final-light__step {\n        grid-template-columns: 1fr;\n        gap: 8px;\n      }\n\n      .acc-final-light__actions {\n        display: grid;\n        gap: 22px;\n      }\n\n      .acc-final-light__media-wrap {\n        display: grid;\n        grid-template-columns: 1fr;\n        gap: 22px;\n        width: 100%;\n      }\n\n      .acc-final-light__photo {\n        height: auto;\n        aspect-ratio: 4 \/ 5;\n      }\n\n      .acc-final-light__media {\n        width: 100%;\n        max-width: none;\n        margin: 0;\n      }\n\n      .acc-final-light__note {\n        width: 100%;\n        margin: 26px 0 0;\n        padding: 24px 0 0;\n        background: transparent;\n        font-size: 17px;\n      }\n\n      .acc-final-light__facts {\n        grid-template-columns: 1fr;\n        gap: 28px;\n      }\n    }\n  <\/style>\n\n  <div class=\"acc-final-light__inner\">\n    <div class=\"acc-final-light__top\">\n      <div data-acc-final-reveal>\n        <div class=\"acc-final-light__kicker\">R\u00e9servation directe<\/div>\n\n        <h2 class=\"acc-final-light__title\">\n          Garder quelques jours pour vous\n        <\/h2>\n      <\/div>\n    <\/div>\n\n    <div class=\"acc-final-light__main\">\n      <div class=\"acc-final-light__content\" data-acc-final-reveal>\n        <p class=\"acc-final-light__lead\">\n          Une r\u00e9servation simple, une r\u00e9ponse claire, et la maison pr\u00eate \u00e0 accueillir votre parenth\u00e8se au bord du lac.\n        <\/p>\n\n        <div class=\"acc-final-light__line\"><\/div>\n\n        <div class=\"acc-final-light__steps\">\n          <div class=\"acc-final-light__step\">\n            <span class=\"acc-final-light__num\">01<\/span>\n            <div>\n              <strong>Vos dates<\/strong>\n              <span>M\u00eame approximatives, elles permettent de v\u00e9rifier les disponibilit\u00e9s.<\/span>\n            <\/div>\n          <\/div>\n\n          <div class=\"acc-final-light__step\">\n            <span class=\"acc-final-light__num\">02<\/span>\n            <div>\n              <strong>Votre groupe<\/strong>\n              <span>Nombre de voyageurs, occasion du s\u00e9jour, besoins particuliers.<\/span>\n            <\/div>\n          <\/div>\n\n          <div class=\"acc-final-light__step\">\n            <span class=\"acc-final-light__num\">03<\/span>\n            <div>\n              <strong>Notre retour<\/strong>\n              <span>R\u00e9servation, conditions, informations pratiques ou r\u00e9ponse \u00e0 vos questions.<\/span>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"acc-final-light__actions\">\n          <a class=\"acc-final-light__link\" href=\"\/contact\/\">r\u00e9server ou poser une question<\/a>\n        <\/div>\n      <\/div>\n\n      <div class=\"acc-final-light__media-wrap\">\n        <figure class=\"acc-final-light__photo\" data-acc-final-image>\n          <img decoding=\"async\"\n            src=\"https:\/\/acontrecourant-spa-gite.fr\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-06-30-at-07.35.38-2.jpeg\"\n            alt=\"Vue du g\u00eete \u00c0 Contre Courant\"\n            loading=\"lazy\"\n          >\n        <\/figure>\n\n        <figure class=\"acc-final-light__media\" data-acc-final-image>\n          <video\n            autoplay\n            muted\n            loop\n            playsinline\n            preload=\"metadata\"\n            poster=\"https:\/\/acontrecourant-spa-gite.fr\/wp-content\/uploads\/2026\/06\/Z06_3324-HDR-scaled.jpg\"\n            aria-label=\"Vid\u00e9o du g\u00eete \u00c0 Contre Courant\"\n          >\n            <source src=\"https:\/\/acontrecourant-spa-gite.fr\/wp-content\/uploads\/2026\/07\/WhatsApp-Video-2026-06-30-at-14.05.16.mp4\" type=\"video\/mp4\">\n          <\/video>\n        <\/figure>\n\n        <p class=\"acc-final-light__note\" data-acc-final-reveal>\n          N'h\u00e9sitez pas \u00e0 nous contacter pour un s\u00e9jour 100% sur-mesure.\n        <\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"acc-final-light__facts\" data-acc-final-reveal>\n      <div class=\"acc-final-light__fact\">\n        <span>Capacit\u00e9<\/span>\n        <strong>Jusqu\u2019\u00e0 10 voyageurs<\/strong>\n      <\/div>\n\n      <div class=\"acc-final-light__fact\">\n        <span>Lieu<\/span>\n        <strong>Saint-Jeures, Haute-Loire<\/strong>\n      <\/div>\n\n      <div class=\"acc-final-light__fact\">\n        <span>Bien-\u00eatre<\/span>\n        <strong>Spa priv\u00e9<\/strong>\n      <\/div>\n\n      <div class=\"acc-final-light__fact\">\n        <span>Autour<\/span>\n        <strong>Lac de Lavalette<\/strong>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <script>\n    (function () {\n      try {\n        const sections = document.querySelectorAll(\"[data-acc-final-light]\");\n        if (!sections.length) return;\n\n        sections.forEach(function (section) {\n          const revealItems = section.querySelectorAll(\"[data-acc-final-reveal], [data-acc-final-image]\");\n          const reduceMotion = window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches;\n\n          function showAll() {\n            revealItems.forEach(function (item) {\n              item.classList.add(\"is-visible\");\n            });\n          }\n\n          section.classList.add(\"js\");\n\n          if (!(\"IntersectionObserver\" in window) || reduceMotion) {\n            showAll();\n          } else {\n            const observer = new IntersectionObserver(function (entries) {\n              entries.forEach(function (entry) {\n                if (entry.isIntersecting) {\n                  entry.target.classList.add(\"is-visible\");\n                  observer.unobserve(entry.target);\n\n                  const video = entry.target.querySelector(\"video\");\n                  if (video) {\n                    const playPromise = video.play();\n                    if (playPromise && typeof playPromise.catch === \"function\") {\n                      playPromise.catch(function () {});\n                    }\n                  }\n                }\n              });\n            }, { threshold: 0.12, rootMargin: \"0px 0px 12% 0px\" });\n\n            revealItems.forEach(function (item, index) {\n              if (!item.style.getPropertyValue(\"--delay\")) {\n                item.style.setProperty(\"--delay\", Math.min(index * 80, 320) + \"ms\");\n              }\n\n              observer.observe(item);\n            });\n\n            setTimeout(showAll, 3600);\n          }\n        });\n      } catch (error) {\n        document.querySelectorAll(\"[data-acc-final-light] [data-acc-final-reveal], [data-acc-final-light] [data-acc-final-image]\").forEach(function (item) {\n          item.classList.add(\"is-visible\");\n        });\n      }\n    })();\n  <\/script>\n<\/section>\n<\/div><\/div>\n<\/div>\n<\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"dipi_cpt_category":[],"class_list":["post-4196","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>G\u00eete spa priv\u00e9 \u00e0 Saint-Jeures, Haute-Loire | \u00c0 Contre Courant<\/title>\n<meta name=\"description\" content=\"G\u00eete avec spa priv\u00e9 \u00e0 Saint-Jeures, pr\u00e8s du lac de Lavalette. Maison enti\u00e8re jusqu\u2019\u00e0 10 voyageurs pour un s\u00e9jour calme en Haute-Loire.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/acontrecourant-spa-gite.fr\/en\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"G\u00eete spa priv\u00e9 \u00e0 Saint-Jeures, Haute-Loire | \u00c0 Contre Courant\" \/>\n<meta property=\"og:description\" content=\"G\u00eete avec spa priv\u00e9 \u00e0 Saint-Jeures, pr\u00e8s du lac de Lavalette. Maison enti\u00e8re jusqu\u2019\u00e0 10 voyageurs pour un s\u00e9jour calme en Haute-Loire.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/acontrecourant-spa-gite.fr\/en\/\" \/>\n<meta property=\"og:site_name\" content=\"A contre courant\" \/>\n<meta property=\"article:modified_time\" content=\"2026-07-11T13:26:35+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/acontrecourant-spa-gite.fr\\\/\",\"url\":\"https:\\\/\\\/acontrecourant-spa-gite.fr\\\/\",\"name\":\"G\u00eete spa priv\u00e9 \u00e0 Saint-Jeures, Haute-Loire | \u00c0 Contre Courant\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/acontrecourant-spa-gite.fr\\\/#website\"},\"datePublished\":\"2026-06-08T15:09:25+00:00\",\"dateModified\":\"2026-07-11T13:26:35+00:00\",\"description\":\"G\u00eete avec spa priv\u00e9 \u00e0 Saint-Jeures, pr\u00e8s du lac de Lavalette. Maison enti\u00e8re jusqu\u2019\u00e0 10 voyageurs pour un s\u00e9jour calme en Haute-Loire.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/acontrecourant-spa-gite.fr\\\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/acontrecourant-spa-gite.fr\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/acontrecourant-spa-gite.fr\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\\\/\\\/acontrecourant-spa-gite.fr\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Accueil\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/acontrecourant-spa-gite.fr\\\/#website\",\"url\":\"https:\\\/\\\/acontrecourant-spa-gite.fr\\\/\",\"name\":\"A contre courant\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/acontrecourant-spa-gite.fr\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-GB\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"G\u00eete spa priv\u00e9 \u00e0 Saint-Jeures, Haute-Loire | \u00c0 Contre Courant","description":"G\u00eete avec spa priv\u00e9 \u00e0 Saint-Jeures, pr\u00e8s du lac de Lavalette. Maison enti\u00e8re jusqu\u2019\u00e0 10 voyageurs pour un s\u00e9jour calme en Haute-Loire.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/acontrecourant-spa-gite.fr\/en\/","og_locale":"en_GB","og_type":"article","og_title":"G\u00eete spa priv\u00e9 \u00e0 Saint-Jeures, Haute-Loire | \u00c0 Contre Courant","og_description":"G\u00eete avec spa priv\u00e9 \u00e0 Saint-Jeures, pr\u00e8s du lac de Lavalette. Maison enti\u00e8re jusqu\u2019\u00e0 10 voyageurs pour un s\u00e9jour calme en Haute-Loire.","og_url":"https:\/\/acontrecourant-spa-gite.fr\/en\/","og_site_name":"A contre courant","article_modified_time":"2026-07-11T13:26:35+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/acontrecourant-spa-gite.fr\/","url":"https:\/\/acontrecourant-spa-gite.fr\/","name":"G\u00eete spa priv\u00e9 \u00e0 Saint-Jeures, Haute-Loire | \u00c0 Contre Courant","isPartOf":{"@id":"https:\/\/acontrecourant-spa-gite.fr\/#website"},"datePublished":"2026-06-08T15:09:25+00:00","dateModified":"2026-07-11T13:26:35+00:00","description":"G\u00eete avec spa priv\u00e9 \u00e0 Saint-Jeures, pr\u00e8s du lac de Lavalette. Maison enti\u00e8re jusqu\u2019\u00e0 10 voyageurs pour un s\u00e9jour calme en Haute-Loire.","breadcrumb":{"@id":"https:\/\/acontrecourant-spa-gite.fr\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/acontrecourant-spa-gite.fr\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/acontrecourant-spa-gite.fr\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/acontrecourant-spa-gite.fr\/"},{"@type":"ListItem","position":2,"name":"Accueil"}]},{"@type":"WebSite","@id":"https:\/\/acontrecourant-spa-gite.fr\/#website","url":"https:\/\/acontrecourant-spa-gite.fr\/","name":"A contre courant","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/acontrecourant-spa-gite.fr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"}]}},"_links":{"self":[{"href":"https:\/\/acontrecourant-spa-gite.fr\/en\/wp-json\/wp\/v2\/pages\/4196","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/acontrecourant-spa-gite.fr\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/acontrecourant-spa-gite.fr\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/acontrecourant-spa-gite.fr\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/acontrecourant-spa-gite.fr\/en\/wp-json\/wp\/v2\/comments?post=4196"}],"version-history":[{"count":98,"href":"https:\/\/acontrecourant-spa-gite.fr\/en\/wp-json\/wp\/v2\/pages\/4196\/revisions"}],"predecessor-version":[{"id":4530,"href":"https:\/\/acontrecourant-spa-gite.fr\/en\/wp-json\/wp\/v2\/pages\/4196\/revisions\/4530"}],"wp:attachment":[{"href":"https:\/\/acontrecourant-spa-gite.fr\/en\/wp-json\/wp\/v2\/media?parent=4196"}],"wp:term":[{"taxonomy":"dipi_cpt_category","embeddable":true,"href":"https:\/\/acontrecourant-spa-gite.fr\/en\/wp-json\/wp\/v2\/dipi_cpt_category?post=4196"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}