/* Start custom CSS for html, class: .elementor-element-1c12762f *//* =========================================================
PARCOURS THÉRAPEUTIQUE — CSS SPÉCIFIQUE DE BLOCS

À cette étape, seul le bloc Coordonnées garde un CSS séparé.
Le reste est intégré au CSS global de cette page.
========================================================= */

/* =========================================================
   CONTACT — SECTION RÉUTILISABLE TOUTES PAGES
   ========================================================= */

.monart-contact-section{
  position:relative;
  padding:clamp(5rem, 8vw, 8rem) 0;
  overflow:hidden;
  background:
    radial-gradient(circle at 18% 18%, rgba(239,125,114,.12), transparent 28%),
    radial-gradient(circle at 82% 22%, rgba(156,201,216,.18), transparent 32%),
    linear-gradient(180deg, rgba(246,239,225,.96), rgba(239,228,208,.92));
}

.monart-contact-bg{
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  opacity:.22;
  background-image:
    linear-gradient(rgba(111,88,69,.13) 1px, transparent 1px),
    linear-gradient(90deg, rgba(111,88,69,.13) 1px, transparent 1px);
  background-size:34px 34px;
}

.monart-contact-grid{
  display:grid;
  grid-template-columns:minmax(0, 1.05fr) minmax(360px, .85fr);
  gap:clamp(2rem, 5vw, 5rem);
  align-items:center;
  position:relative;
  z-index:1;
}

.monart-contact-copy,
.monart-contact-visual{
  position:relative;
  z-index:2;
}


/* =========================================================
   COLONNE GAUCHE — CARTE COORDONNÉES
   ========================================================= */

.monart-contact-card{
  position:relative;
  background:rgba(255,248,236,.78);
  border:1px solid rgba(111,88,69,.13);
  box-shadow:0 28px 70px rgba(66,48,32,.14);
  padding:clamp(1.8rem, 4vw, 3.2rem);
  clip-path:polygon(0 3%, 97% 0, 100% 96%, 3% 100%);
  transform:rotate(-1.2deg);
  backdrop-filter:blur(2px);
}

.monart-contact-card:before{
  content:"";
  position:absolute;
  width:120px;
  height:30px;
  top:-13px;
  left:8%;
  background:rgba(228,184,61,.30);
  transform:rotate(-4deg);
  z-index:3;
}

.monart-contact-card h2{
  margin:0 0 1.5rem;
  font-family:var(--font-repere, "Special Elite", "Courier New", monospace);
  font-weight:400;
  line-height:.98;
  color:#EF7D72;
  font-size:clamp(2.4rem, 5vw, 4.8rem);
}

.monart-contact-card h2 small{
  display:block;
  margin-top:.55rem;
  font-family:var(--font-repere, "Special Elite", "Courier New", monospace);
  font-size:clamp(1.15rem, 2vw, 1.7rem);
  line-height:1.1;
  color:#EF7D72;
}

.monart-contact-card p{
  margin:0 0 1.35rem;
  font-family:var(--font-texte, "Lora", Georgia, serif);
  color:var(--encre, #2D2924);
  line-height:1.72;
}

/* Strong de la colonne gauche = effet surlignage */
.monart-contact-card p strong{
  position:static !important;
  display:inline !important;
  width:auto !important;
  height:auto !important;
  top:auto !important;
  left:auto !important;
  transform:none !important;

  
  font-weight:700 !important;
  background:linear-gradient(
    180deg,
    transparent 58%,
    rgba(228,184,61,.26) 58%
  ) !important;
  padding:0 .04em !important;
  line-height:inherit !important;
}

.monart-contact-card a{
  color:inherit;
  text-decoration:none;
}

.monart-contact-card a:hover{
  color:#EF7D72;
}

.monart-contact-details{
  margin-top:2rem;
  text-align:center;
}

.monart-contact-details h3{
  margin:0 0 .8rem;
  font-family:var(--font-repere, "Special Elite", "Courier New", monospace);
  font-weight:400;
  color:#EF7D72;
  font-size:clamp(1.25rem, 2vw, 1.8rem);
  line-height:1.15;
}


/* =========================================================
   COLONNE DROITE — FOND CARTE + FORMULAIRE
   ========================================================= */

.monart-contact-visual{
  display:flex;
  justify-content:center;
  align-items:center;
  min-height:560px;
}

/* Fond imitation carte sous le formulaire */
.monart-contact-map-paper{
  position:absolute;
  width:min(560px, 100%);
  height:min(620px, 100%);
  min-height:500px;
  background:
    radial-gradient(circle at 22% 24%, rgba(156,201,216,.24), transparent 22%),
    radial-gradient(circle at 74% 70%, rgba(228,184,61,.18), transparent 24%),
    linear-gradient(rgba(255,248,236,.72), rgba(255,248,236,.72)),
    linear-gradient(90deg, rgba(111,88,69,.12) 1px, transparent 1px),
    linear-gradient(rgba(111,88,69,.10) 1px, transparent 1px);
  background-size:
    auto,
    auto,
    auto,
    42px 42px,
    42px 42px;
  border:1px solid rgba(111,88,69,.11);
  box-shadow:0 26px 72px rgba(66,48,32,.12);
  clip-path:polygon(3% 0, 100% 4%, 96% 100%, 0 94%);
  transform:rotate(-2.4deg) translate(10px, 8px);
  opacity:.78;
  z-index:1;
  pointer-events:none;
}

/* Traces de routes sur la carte */
.monart-contact-map-paper:before{
  content:"";
  position:absolute;
  inset:10%;
  opacity:.42;
  background:
    radial-gradient(ellipse at 28% 18%, transparent 0 36%, rgba(46,140,163,.45) 37% 38%, transparent 39%),
    radial-gradient(ellipse at 70% 70%, transparent 0 42%, rgba(239,125,114,.36) 43% 44%, transparent 45%),
    linear-gradient(135deg, transparent 0 47%, rgba(111,88,69,.18) 48% 49%, transparent 50%);
  filter:blur(.1px);
}

/* Petite étiquette / fragment papier */
.monart-contact-map-paper:after{
  content:"";
  position:absolute;
  width:115px;
  height:28px;
  top:34px;
  right:70px;
  background:rgba(156,201,216,.30);
  transform:rotate(3deg);
}


/* =========================================================
   CARTE FORMULAIRE
   ========================================================= */

.monart-form-card-monart{
  position:relative;
  z-index:2;
  width:min(460px,100%);
  min-height:430px;
  padding:clamp(1.5rem,3vw,2.5rem);
  background:rgba(255,248,236,.82);
  border:1px solid rgba(111,88,69,.15);
  box-shadow:0 28px 70px rgba(66,48,32,.16);
  clip-path:polygon(0 3%,98% 0,100% 97%,3% 100%);
  transform:rotate(var(--rot,2deg));
  backdrop-filter:blur(2px);
}

.monart-form-card-tape{
  position:absolute;
  width:92px;
  height:26px;
  top:-12px;
  left:42px;
  background:rgba(156,201,216,.32);
  transform:rotate(-4deg);
}

.monart-form-card-label{
  margin:0 0 .8rem;
  font-family:var(--font-repere, "Special Elite", "Courier New", monospace);
  font-size:.92rem;
  color:var(--trace, #6F5845);
  letter-spacing:.06em;
}

.monart-form-card-slot{
  min-height:280px;
  position:relative;
}


/* =========================================================
   FORMULAIRE — CHAMPS
   WPForms / Elementor / CF7 / Fluent Forms
   ========================================================= */

.monart-form-card-monart form,
.monart-form-card-monart .elementor-form,
.monart-form-card-monart .wpcf7-form,
.monart-form-card-monart .wpforms-form{
  position:relative;
  z-index:2;
}

.monart-form-card-monart input,
.monart-form-card-monart textarea,
.monart-form-card-monart select{
  width:100%;
  border:1px solid rgba(111,88,69,.25) !important;
  background:rgba(255,255,255,.45) !important;
  color:var(--encre, #2D2924) !important;
  font-family:var(--font-ui, Arial, sans-serif) !important;
  font-size:1rem !important;
  padding:.9rem .95rem !important;
  border-radius:0 !important;
  outline:none !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.5) !important;
}

.monart-form-card-monart textarea{
  min-height:130px;
  resize:vertical;
}

.monart-form-card-monart label{
  display:block;
  margin-bottom:.45rem;
  font-family:var(--font-repere, "Special Elite", "Courier New", monospace) !important;
  font-size:.92rem !important;
  color:var(--trace, #6F5845) !important;
}

.monart-form-card-monart input:focus,
.monart-form-card-monart textarea:focus,
.monart-form-card-monart select:focus{
  border-color:var(--corail, #EF7D72) !important;
  box-shadow:0 0 0 3px rgba(239,125,114,.14) !important;
}


/* =========================================================
   BOUTON FORMULAIRE
   ========================================================= */

.monart-form-card-monart .elementor-field-type-submit,
.monart-form-card-monart .elementor-field-group.elementor-field-type-submit,
.monart-form-card-monart .elementor-button-wrapper,
.monart-form-card-monart .wpcf7-submit,
.monart-form-card-monart .ff_submit_btn_wrapper,
.monart-form-card-monart .wpforms-submit-container{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  position:relative !important;
  z-index:20 !important;
  margin-top:1.2rem !important;
}

.monart-form-card-monart button,
.monart-form-card-monart input[type="submit"],
.monart-form-card-monart button[type="submit"],
.monart-form-card-monart .elementor-button,
.monart-form-card-monart button.elementor-button,
.monart-form-card-monart .elementor-field-type-submit button,
.monart-form-card-monart .wpcf7-submit,
.monart-form-card-monart .ff-btn-submit,
.monart-form-card-monart .wpforms-submit{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  visibility:visible !important;
  opacity:1 !important;
  position:relative !important;
  z-index:21 !important;
  width:auto !important;
  min-width:180px !important;
  min-height:46px !important;
  border:0 !important;
  border-radius:999px !important;
  background:#EF7D72 !important;
  color:#FFF8EC !important;
  padding:.9rem 1.4rem !important;
  font-family:var(--font-repere, "Special Elite", "Courier New", monospace) !important;
  font-size:1rem !important;
  line-height:1 !important;
  cursor:pointer !important;
  box-shadow:0 14px 28px rgba(66,48,32,.12) !important;
  transition:transform .25s ease, filter .25s ease !important;
}

.monart-form-card-monart .elementor-button-text{
  display:inline-block !important;
  visibility:visible !important;
  opacity:1 !important;
  color:#FFF8EC !important;
}

.monart-form-card-monart button:hover,
.monart-form-card-monart input[type="submit"]:hover,
.monart-form-card-monart button[type="submit"]:hover,
.monart-form-card-monart .elementor-button:hover,
.monart-form-card-monart .wpcf7-submit:hover,
.monart-form-card-monart .ff-btn-submit:hover,
.monart-form-card-monart .wpforms-submit:hover{
  transform:translateY(-2px);
  filter:brightness(1.04);
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width:900px){

  .monart-contact-grid{
    grid-template-columns:1fr;
    gap:3rem;
  }

  .monart-contact-card{
    transform:none;
    clip-path:polygon(0 2%, 98% 0, 100% 98%, 3% 100%);
  }

  .monart-contact-card h2{
    font-size:clamp(2.3rem, 12vw, 3.8rem);
  }

  .monart-contact-visual{
    min-height:auto;
    padding:2rem 0 0;
  }

  .monart-contact-map-paper{
    width:100%;
    height:100%;
    min-height:460px;
    transform:rotate(-1.5deg) translate(0, 8px);
  }

  .monart-form-card-monart{
    width:100%;
    transform:none !important;
  }
}/* End custom CSS */
/* Start custom CSS */@import url("https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&family=Special+Elite&display=swap");

:root{
      --papier:#F6EFE1;
      --papier-chaud:#EFE4D0;
      --papier-clair:#FFF8EC;
      --encre:#2D2924;
      --trace:#6F5845;
      --jaune:#E4B83D;
      --bleu-doux:#9CC9D8;
      --bleu-profond:#006F7F;
      --bleu-parcours:#2E8CA3;
      --corail:#EF7D72;
      --rose:#D6B7AF;
      --sauge:#9B9A8F;
      --vert-itineraire:#A8AC98;
      --font-repere:"Special Elite","Courier New",monospace;
      --font-texte:"Lora",Georgia,serif;
      --font-ui:Arial,sans-serif;
      --shadow-paper:0 24px 70px rgba(66,48,32,.14);
      --shadow-soft:0 18px 45px rgba(66,48,32,.12);
      --container:1180px;
    }

    *{box-sizing:border-box}

    html{
      scroll-behavior:smooth;
      background:var(--papier);
    }

    body{
      margin:0;
      color:var(--encre);
      font-family:var(--font-texte);
      font-size:18px;
      line-height:1.72;
      background:
        radial-gradient(circle at 12% 8%, rgba(228,184,61,.16), transparent 28rem),
        radial-gradient(circle at 88% 22%, rgba(156,201,216,.18), transparent 26rem),
        radial-gradient(circle at 18% 72%, rgba(239,125,114,.12), transparent 24rem),
        linear-gradient(90deg, rgba(111,88,69,.045) 1px, transparent 1px),
        linear-gradient(0deg, rgba(111,88,69,.035) 1px, transparent 1px),
        var(--papier);
      background-size:auto,auto,auto,44px 44px,44px 44px,auto;
    }

    body:before{
      content:"";
      position:fixed;
      inset:0;
      z-index:-2;
      opacity:.20;
      pointer-events:none;
      background-image:
        linear-gradient(rgba(111,88,69,.13) 1px, transparent 1px),
        linear-gradient(90deg, rgba(111,88,69,.13) 1px, transparent 1px);
      background-size:34px 34px;
    }

    body:after{
      content:"";
      position:fixed;
      inset:0;
      z-index:-1;
      opacity:.30;
      pointer-events:none;
      background:
        radial-gradient(circle at 15% 20%, rgba(255,255,255,.62), transparent 30%),
        radial-gradient(circle at 70% 45%, rgba(255,255,255,.46), transparent 26%),
        radial-gradient(circle at 50% 92%, rgba(255,255,255,.38), transparent 22%);
      mix-blend-mode:screen;
    }

    a{color:inherit}

    .monart-page{
      position:relative;
      overflow:hidden;
    }

    .monart-container{
      width:min(var(--container), calc(100% - 40px));
      margin-inline:auto;
      position:relative;
      z-index:2;
    }

    /* =========================================================
       CHEMIN QUI SE DESSINE AU SCROLL
       ========================================================= */

    .monart-scroll-map{
      position:absolute;
      top:0;
      left:0;
      width:100%;
      height:100%;
      z-index:1;
      pointer-events:none;
      overflow:hidden;
    }

    .monart-scroll-map svg{
      position:absolute;
      top:320px;
      left:50%;
      width:min(680px, 92vw);
      height:calc(100% - 360px);
      transform:translateX(-50%);
      overflow:visible;
      opacity:.32;
    }

    .monart-scroll-map .path-shadow{
      fill:none;
      stroke:rgba(255,255,255,.72);
      stroke-width:24;
      stroke-linecap:round;
      stroke-linejoin:round;
      filter:blur(.2px);
    }

    .monart-scroll-map .path-base{
      fill:none;
      stroke:rgba(111,88,69,.16);
      stroke-width:7;
      stroke-linecap:round;
      stroke-linejoin:round;
      stroke-dasharray:10 18;
    }

    .monart-scroll-map .path-progress{
      fill:none;
      stroke:rgba(46,140,163,.72);
      stroke-width:5;
      stroke-linecap:round;
      stroke-linejoin:round;
      filter:drop-shadow(0 0 8px rgba(255,255,255,.8));
      stroke-dasharray:1;
      stroke-dashoffset:1;
    }

    .monart-scroll-marker{
      position:absolute;
      left:50%;
      top:330px;
      z-index:3;
      width:30px;
      height:30px;
      border-radius:999px;
      background:
        radial-gradient(circle at 42% 38%, #FFF8EC 0 18%, var(--corail) 19% 42%, rgba(239,125,114,.35) 43% 100%);
      border:1px solid rgba(111,88,69,.20);
      box-shadow:0 10px 28px rgba(66,48,32,.16);
      transform:translate(-50%,0);
      pointer-events:none;
      opacity:.95;
    }

    /* =========================================================
       REGLAGES TECHNIQUES HERO
       ========================================================= */

    .monart-hero-page{
      min-height:76vh;
      display:flex;
      align-items:center;
      padding:clamp(5rem, 9vw, 8rem) 0 clamp(3rem, 6vw, 6rem);
      position:relative;
      isolation:isolate;
    }

    .monart-hero-page:before{
      content:"";
      position:absolute;
      width:min(720px, 78vw);
      aspect-ratio:1.35;
      right:-12%;
      top:8%;
      background:
        radial-gradient(circle at 50% 50%, rgba(156,201,216,.28), transparent 58%),
        url("image-hero-parcours.jpg") center/cover no-repeat;
      opacity:.22;
      clip-path:polygon(5% 11%, 96% 3%, 89% 94%, 0 86%);
      transform:rotate(4deg);
      z-index:-1;
      filter:saturate(.95);
    }

    .monart-hero-card{
      width:min(760px, 100%);
      background:rgba(255,248,236,.72);
      padding:clamp(2rem, 5vw, 4.8rem);
      clip-path:polygon(0 4%, 96% 0, 100% 94%, 4% 100%);
      box-shadow:var(--shadow-paper);
      border:1px solid rgba(111,88,69,.12);
      backdrop-filter:blur(3px);
      position:relative;
      transform:rotate(-1.2deg);
    }

    .monart-hero-card:before{
      content:"";
      position:absolute;
      top:-16px;
      left:9%;
      width:118px;
      height:32px;
      background:rgba(228,184,61,.30);
      transform:rotate(-4deg);
    }

    .monart-kicker{
      font-family:var(--font-repere);
      color:var(--bleu-parcours);
      letter-spacing:.05em;
      font-size:clamp(1rem, 1.4vw, 1.25rem);
      margin:0 0 1rem;
    }

    h1,h2,h3,p{margin-top:0}

    h1{
      font-family:var(--font-repere);
      font-weight:400;
      line-height:.98;
      font-size:clamp(2.6rem, 5.8vw, 5.4rem);
      color:var(--bleu-parcours);
      margin:0 0 1.4rem;
      text-wrap:balance;
    }

    .monart-page strong{
      
      font-weight:700;
      background:linear-gradient(180deg, transparent 58%, rgba(228,184,61,.26) 58%);
      padding:0 .04em;
    }

    .monart-intro{
      font-size:clamp(1.08rem, 1.55vw, 1.35rem);
      max-width:58ch;
      margin-bottom:1.8rem;
    }

    .monart-hero-actions{
      display:flex;
      gap:1rem;
      flex-wrap:wrap;
      align-items:center;
    }

    .monart-btn{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:.55rem;
      min-height:48px;
      padding:.85rem 1.15rem;
      border-radius:999px;
      text-decoration:none!important;
      font-family:var(--font-repere);
      line-height:1;
      transition:transform .25s ease, box-shadow .25s ease, background .25s ease;
    }

    .monart-btn--primary{
      background:var(--bleu-parcours);
      color:#FFF8EC;
      box-shadow:0 14px 30px rgba(46,140,163,.22);
    }

    .monart-btn--secondary{
      background:rgba(255,248,236,.76);
      color:var(--trace);
      border:1px solid rgba(111,88,69,.16);
    }

    .monart-btn:hover{
      transform:translateY(-2px);
      box-shadow:0 18px 38px rgba(66,48,32,.16);
    }

    /* =========================================================
       ne pas modifier SECTIONS COMMUNES
       ========================================================= */

    .monart-section{
      position:relative;
      padding:clamp(4.5rem, 8vw, 8rem) 0;
    }

    .monart-section-header{
      max-width:780px;
      margin:0 auto clamp(2rem, 5vw, 4rem);
      text-align:center;
      position:relative;
    }

    .monart-section-header .eyebrow{
      display:inline-block;
      font-family:var(--font-repere);
      color:var(--trace);
      background:rgba(255,248,236,.68);
      border:1px solid rgba(111,88,69,.12);
      padding:.42rem .7rem .25rem;
      transform:rotate(-1deg);
      margin-bottom:1.15rem;
      box-shadow:0 12px 30px rgba(66,48,32,.08);
    }

    .monart-section h2{
      font-family:var(--font-repere);
      font-weight:400;
      color:var(--section-color, var(--bleu-parcours));
      font-size:clamp(2.2rem, 5vw, 4.6rem);
      line-height:.98;
      margin:0 0 1rem;
      text-wrap:balance;
    }

    .monart-section-header p{
      margin-inline:auto;
      max-width:62ch;
      font-size:clamp(1.02rem, 1.4vw, 1.18rem);
    }

    .monart-tape{
      position:absolute;
      width:90px;
      height:25px;
      background:rgba(228,184,61,.30);
      transform:rotate(-5deg);
      top:-11px;
      left:34px;
      z-index:2;
    }

    .monart-keywords{
      margin-top:1.15rem;
      font-family:var(--font-repere);
      color:var(--trace);
      font-size:.98rem;
      line-height:1.5;
    }

    .monart-keywords span{
      color:var(--card-color, var(--bleu-parcours));
    }

    strong{
      font-weight:700;
      color:var(--encre);
    }

    /* =========================================================
       ne pas modifier SECTION 1 — TRANSPORT : CARTES QUI SE RETOURNENT
       ========================================================= */

    .section-transport{
      --section-color:var(--bleu-parcours);
    }

    .monart-flip-grid{
      display:grid;
      grid-template-columns:repeat(3, 1fr);
      gap:clamp(1.2rem, 2.5vw, 2rem);
      perspective:1400px;
    }

    .monart-flip-card{
      min-height:580px;
      position:relative;
      perspective:1200px;
    }

    .monart-flip-inner{
      position:absolute;
      inset:0;
      transform-style:preserve-3d;
      transition:transform .75s cubic-bezier(.2,.8,.2,1);
    }

    .monart-flip-card:hover .monart-flip-inner,
    .monart-flip-card:focus-within .monart-flip-inner{
      transform:rotateY(180deg);
    }

    .monart-flip-face{
      position:absolute;
      inset:0;
      backface-visibility:hidden;
      background:rgba(255,248,236,.78);
      border:1px solid rgba(111,88,69,.13);
      box-shadow:var(--shadow-paper);
      clip-path:polygon(2% 0, 100% 4%, 96% 100%, 0 96%);
      padding:clamp(1.5rem, 2.5vw, 2rem);
      display:flex;
      flex-direction:column;
      justify-content:space-between;
      overflow:hidden;
    }

    .monart-flip-face:after{
      content:"";
      position:absolute;
      inset:0;
      opacity:.18;
      background:
        linear-gradient(90deg, rgba(111,88,69,.08) 1px, transparent 1px),
        linear-gradient(rgba(111,88,69,.08) 1px, transparent 1px);
      background-size:26px 26px;
      pointer-events:none;
    }

    .monart-flip-back{
      transform:rotateY(180deg);
      padding:0;
      background:var(--card-color, var(--bleu-parcours));
    }

    .monart-flip-back img{
      width:100%;
      height:100%;
      object-fit:cover;
      display:block;
      filter:saturate(.9) contrast(.95);
    }

    .monart-flip-back:after{
      content:"";
      position:absolute;
      inset:0;
      background:
        linear-gradient(180deg, rgba(45,41,36,.05), rgba(45,41,36,.42)),
        radial-gradient(circle at 50% 45%, transparent 0 42%, rgba(255,248,236,.25) 100%);
      opacity:1;
    }

    .monart-card-label{
      position:relative;
      z-index:2;
      font-family:var(--font-repere);
      color:var(--card-color, var(--bleu-parcours));
      letter-spacing:.035em;
      font-size:1rem;
      margin-bottom:1.15rem;
    }

    .monart-flip-card h3{
      position:relative;
      z-index:2;
      font-family:var(--font-repere);
      font-weight:400;
      color:var(--card-color, var(--bleu-parcours));
      line-height:1.02;
      font-size:clamp(1.85rem, 3vw, 3rem);
      margin:0 0 1rem;
    }

    .monart-flip-card p{
      position:relative;
      z-index:2;
      margin-bottom:1rem;
    }

    .monart-flip-note{
      position:absolute;
      z-index:3;
      left:1.3rem;
      right:1.3rem;
      bottom:1.3rem;
      padding:1rem;
      background:rgba(255,248,236,.78);
      color:#FFF8EC;
      color:var(--encre);
      font-family:var(--font-repere);
      transform:rotate(-1deg);
      box-shadow:0 16px 34px rgba(66,48,32,.18);
    }

    .monart-flip-note span{
      color:var(--card-color, var(--bleu-parcours));
    }

    /* =========================================================
       ne pas modifier SECTION 2 — MOMENT : CARTOGRAPHIE EN BIFURCATIONS
       ========================================================= */

    .section-moment{
      --section-color:var(--corail);
      background:
        radial-gradient(circle at 12% 10%, rgba(239,125,114,.16), transparent 26%),
        radial-gradient(circle at 85% 70%, rgba(214,183,175,.24), transparent 30%);
    }

    .monart-bifurcation{
      position:relative;
      display:grid;
      gap:clamp(2rem, 4vw, 4rem);
    }

    .monart-bifurcation:before{
      content:"";
      position:absolute;
      top:1rem;
      bottom:1rem;
      left:50%;
      width:2px;
      transform:translateX(-50%);
      background:linear-gradient(180deg, transparent, rgba(239,125,114,.42), rgba(168,172,152,.38), transparent);
    }

    .monart-moment-card{
      --card-color:var(--corail);
      width:min(560px, calc(50% - 46px));
      position:relative;
      background:rgba(255,248,236,.76);
      border:1px solid rgba(111,88,69,.12);
      box-shadow:var(--shadow-soft);
      padding:clamp(1.5rem, 3vw, 2.4rem);
      clip-path:polygon(0 3%, 98% 0, 100% 96%, 3% 100%);
      transition:transform .32s ease, box-shadow .32s ease;
    }

    .monart-moment-card:nth-child(odd){
      justify-self:start;
      transform:rotate(-.8deg);
    }

    .monart-moment-card:nth-child(even){
      justify-self:end;
      transform:rotate(.9deg);
      --card-color:var(--vert-itineraire);
    }

    .monart-moment-card:hover{
      transform:translateY(-6px) rotate(0deg);
      box-shadow:0 26px 70px rgba(66,48,32,.16);
    }

    .monart-moment-card:before{
      content:"";
      position:absolute;
      width:18px;
      height:18px;
      border-radius:50%;
      top:2.1rem;
      background:var(--card-color);
      box-shadow:0 0 0 8px rgba(255,248,236,.78), 0 0 0 10px rgba(111,88,69,.09);
    }

    .monart-moment-card:nth-child(odd):before{
      right:-56px;
    }

    .monart-moment-card:nth-child(even):before{
      left:-56px;
    }

    .monart-moment-card h3{
      font-family:var(--font-repere);
      color:var(--card-color);
      font-weight:400;
      font-size:clamp(1.8rem, 3vw, 3rem);
      line-height:1.05;
      margin-bottom:1rem;
    }

    .monart-moment-card .uppercase{
      display:block;
      font-family:var(--font-ui);
      text-transform:uppercase;
      letter-spacing:.08em;
      font-size:.72rem;
      font-weight:700;
      color:var(--trace);
      margin-bottom:.6rem;
    }


    /* Images tirées sous les cartes — section "Reconnaître le passage" */
    .monart-moment-card{
      background:transparent;
      border:0;
      box-shadow:none;
      padding:0;
      clip-path:none;
      isolation:isolate;
      overflow:visible;
    }

    .monart-moment-paper{
      position:relative;
      z-index:3;
      min-height:100%;
      background:rgba(255,248,236,.80);
      border:1px solid rgba(111,88,69,.12);
      box-shadow:var(--shadow-soft);
      padding:clamp(1.5rem, 3vw, 2.4rem);
      clip-path:polygon(0 3%, 98% 0, 100% 96%, 3% 100%);
      transition:
        transform .34s ease,
        box-shadow .34s ease,
        background .34s ease;
    }

    .monart-moment-card:hover .monart-moment-paper{
      transform:translateY(-4px);
      background:rgba(255,248,236,.92);
      box-shadow:0 28px 76px rgba(66,48,32,.16);
    }

    .monart-moment-photo{
      position:absolute;
      z-index:1;
      width:clamp(135px, 16vw, 205px);
      aspect-ratio:4 / 5;
      padding:.45rem .45rem 1.35rem;
      margin:0;
      background:rgba(255,248,236,.92);
      border:1px solid rgba(111,88,69,.12);
      box-shadow:0 22px 48px rgba(66,48,32,.18);
      opacity:0;
      pointer-events:none;
      transition:
        opacity .38s ease,
        transform .55s cubic-bezier(.2,.7,.2,1),
        filter .38s ease;
    }

    .monart-moment-photo img{
      display:block;
      width:100%;
      height:100%;
      object-fit:cover;
      filter:saturate(.82) contrast(.96);
    }

    .monart-moment-photo:after{
      content:attr(data-label);
      position:absolute;
      left:.55rem;
      right:.55rem;
      bottom:.32rem;
      font-family:var(--font-repere);
      font-size:.78rem;
      line-height:1.1;
      color:var(--trace);
      text-align:center;
      opacity:.85;
    }

    .monart-moment-card:nth-child(odd) .monart-moment-photo{
      right:-18px;
      bottom:20px;
      transform:translate(4px, 16px) rotate(5deg) scale(.94);
    }

    .monart-moment-card:nth-child(even) .monart-moment-photo{
      left:-18px;
      bottom:20px;
      transform:translate(-4px, 16px) rotate(-5deg) scale(.94);
    }

    .monart-moment-card:nth-child(3) .monart-moment-photo{
      right:-24px;
      bottom:34px;
      transform:translate(6px, 18px) rotate(-4deg) scale(.94);
    }

    .monart-moment-card:nth-child(4) .monart-moment-photo{
      left:-24px;
      bottom:34px;
      transform:translate(-6px, 18px) rotate(4deg) scale(.94);
    }

    .monart-moment-card:hover .monart-moment-photo{
      opacity:1;
      filter:drop-shadow(0 10px 18px rgba(66,48,32,.10));
    }

    .monart-moment-card:nth-child(odd):hover .monart-moment-photo{
      transform:translate(70px, 46px) rotate(7deg) scale(1);
    }

    .monart-moment-card:nth-child(even):hover .monart-moment-photo{
      transform:translate(-70px, 46px) rotate(-7deg) scale(1);
    }

    .monart-moment-card:nth-child(3):hover .monart-moment-photo{
      transform:translate(74px, 52px) rotate(-6deg) scale(1);
    }

    .monart-moment-card:nth-child(4):hover .monart-moment-photo{
      transform:translate(-74px, 52px) rotate(6deg) scale(1);
    }

    /* Version mobile fixe des photos — cachée sur desktop */
    .monart-moment-photo-mobile{
      display:none;
    }

    .monart-moment-photo-mobile img{
      display:block;
      width:100%;
      height:100%;
      object-fit:cover;
      filter:saturate(.82) contrast(.96);
    }

    .monart-moment-photo-mobile:after{
      content:attr(data-label);
      position:absolute;
      left:.55rem;
      right:.55rem;
      bottom:.32rem;
      font-family:var(--font-repere);
      font-size:.78rem;
      line-height:1.1;
      color:var(--trace);
      text-align:center;
      opacity:.85;
    }

    /* =========================================================
       NE PAS MODIFIER SECTION 3 — LIEU : CARTES POSTALES MODULAIRES
       ========================================================= */

    .section-lieu{
      --section-color:var(--jaune);
      background:
        radial-gradient(circle at 18% 28%, rgba(228,184,61,.18), transparent 30%),
        radial-gradient(circle at 92% 20%, rgba(156,201,216,.20), transparent 28%);
    }

    .monart-postcards{
      display:grid;
      grid-template-columns:1.1fr .9fr;
      gap:clamp(1.5rem, 3vw, 2.6rem);
      align-items:stretch;
    }

    .monart-place-card{
      --card-color:var(--jaune);
      position:relative;
      min-height:350px;
      background:rgba(255,248,236,.78);
      border:1px solid rgba(111,88,69,.13);
      box-shadow:var(--shadow-paper);
      padding:clamp(1.6rem, 3vw, 2.5rem);
      overflow:hidden;
      transition:transform .32s ease, box-shadow .32s ease;
    }

    .monart-place-card:nth-child(1){
      grid-row:span 2;
      clip-path:polygon(3% 0, 100% 2%, 96% 100%, 0 96%);
    }

    .monart-place-card:nth-child(2){
      --card-color:var(--bleu-doux);
      clip-path:polygon(0 6%, 96% 0, 100% 92%, 4% 100%);
      transform:rotate(1deg);
    }

    .monart-place-card:nth-child(3){
      --card-color:var(--sauge);
      clip-path:polygon(2% 0, 100% 5%, 97% 100%, 0 94%);
      transform:rotate(-1deg);
    }

    .monart-place-card:hover{
      transform:translateY(-5px) rotate(0deg);
      box-shadow:0 30px 72px rgba(66,48,32,.16);
    }

    .monart-place-card:before{
      content:"";
      position:absolute;
      width:160px;
      height:160px;
      right:-40px;
      top:-40px;
      border-radius:50%;
      border:2px dashed rgba(111,88,69,.22);
      opacity:.52;
    }

    .monart-place-card:after{
      content:"";
      position:absolute;
      inset:auto 0 0 0;
      height:9px;
      background:linear-gradient(90deg, var(--card-color), transparent);
      opacity:.58;
    }

    .monart-place-card h3{
      font-family:var(--font-repere);
      font-weight:400;
      color:var(--card-color);
      font-size:clamp(1.8rem, 3.2vw, 3.2rem);
      line-height:1.02;
      margin-bottom:1rem;
    }

    .monart-place-visual{
      margin:1rem 0 1.3rem;
      height:180px;
      background:
        linear-gradient(135deg, rgba(255,248,236,.15), rgba(45,41,36,.05)),
        var(--place-image, url("image-lieu-cabinet.jpg")) center/cover no-repeat;
      clip-path:polygon(3% 0, 100% 4%, 96% 100%, 0 94%);
      filter:saturate(.9);
      box-shadow:inset 0 0 0 1px rgba(255,255,255,.38);
    }

    /* =========================================================
       NE PAS MODIFIER SECTION 4 — CHEMINANT : CARNETS VERTICAUX
       ========================================================= */

    .section-cheminant{
      --section-color:var(--bleu-doux);
      padding-bottom:clamp(5rem, 10vw, 9rem);
      background:
        radial-gradient(circle at 22% 18%, rgba(156,201,216,.24), transparent 28%),
        radial-gradient(circle at 75% 70%, rgba(239,125,114,.12), transparent 30%);
    }

    .monart-travellers{
      display:grid;
      grid-template-columns:repeat(3, 1fr);
      gap:clamp(1.3rem, 3vw, 2.4rem);
    }

    .monart-traveller-card{
      --card-color:var(--bleu-doux);
      position:relative;
      background:rgba(255,248,236,.78);
      border:1px solid rgba(111,88,69,.13);
      box-shadow:var(--shadow-soft);
      min-height:520px;
      overflow:hidden;
      clip-path:polygon(0 0, 98% 3%, 100% 100%, 4% 96%);
      transition:transform .35s ease, box-shadow .35s ease;
    }

    .monart-traveller-card:nth-child(2){
      --card-color:var(--rose);
      transform:translateY(2rem) rotate(1deg);
    }

    .monart-traveller-card:nth-child(3){
      --card-color:var(--corail);
      transform:rotate(-1deg);
    }

    .monart-traveller-card:hover{
      transform:translateY(-7px) rotate(0deg);
      box-shadow:0 32px 76px rgba(66,48,32,.17);
    }

    .monart-traveller-image{
      height:190px;
      background:
        linear-gradient(180deg, rgba(45,41,36,.02), rgba(45,41,36,.16)),
        var(--traveller-image, url("image-cheminant-enfants.jpg")) center/cover no-repeat;
      filter:saturate(.92);
      position:relative;
    }

    .monart-traveller-image:after{
      content:"";
      position:absolute;
      left:1.2rem;
      bottom:-16px;
      width:86px;
      height:32px;
      background:rgba(255,248,236,.52);
      transform:rotate(-5deg);
      box-shadow:0 8px 18px rgba(66,48,32,.10);
    }

    .monart-traveller-content{
      padding:clamp(1.5rem, 2.6vw, 2.1rem);
    }

    .monart-traveller-card h3{
      font-family:var(--font-repere);
      font-weight:400;
      color:var(--card-color);
      font-size:clamp(1.9rem, 3vw, 3.1rem);
      line-height:1.02;
      margin-bottom:1rem;
    }

    /* =========================================================
       NE PAS MODIFIER CTA FINAL
       ========================================================= */

    .monart-final{
      padding:clamp(4rem, 8vw, 7rem) 0;
      position:relative;
    }

    .monart-final-card{
      width:min(850px, 100%);
      margin:auto;
      text-align:center;
      background:rgba(255,248,236,.78);
      border:1px solid rgba(111,88,69,.13);
      box-shadow:var(--shadow-paper);
      padding:clamp(2rem, 5vw, 4rem);
      clip-path:polygon(2% 0, 100% 4%, 97% 100%, 0 94%);
      position:relative;
    }

    .monart-final-card h2{
      font-family:var(--font-repere);
      color:var(--corail);
      font-weight:400;
      line-height:1;
      font-size:clamp(2.3rem, 5vw, 4.8rem);
      margin-bottom:1rem;
    }

    /* =========================================================
       NE PAS MODIFIER ANIMATIONS AU SCROLL
       ========================================================= */

    .monart-reveal{
      opacity:0;
      transform:translateY(28px);
      transition:opacity .75s ease, transform .75s ease;
    }

    .monart-reveal.is-visible{
      opacity:1;
      transform:translateY(0);
    }

    /* =========================================================
       NE PAS MODIFIER RESPONSIVE
       ========================================================= */

    @media (max-width:980px){
      body{
        font-size:16px;
      }

      .monart-scroll-map svg{
        left:10px;
        transform:none;
        width:170px;
        opacity:.36;
      }

      .monart-scroll-marker{
        left:42px;
        width:22px;
        height:22px;
        opacity:.75;
      }

      .monart-hero-card{
        transform:none;
      }

      .monart-flip-grid,
      .monart-travellers{
        grid-template-columns:1fr;
      }

      .monart-flip-card{
        min-height:390px;
      }

      .monart-bifurcation{
        gap:1.4rem;
        padding-left:1.1rem;
      }

      .monart-bifurcation:before{
        left:0;
        transform:none;
      }

      .monart-moment-card{
        width:100%;
        justify-self:stretch!important;
        transform:none!important;
      }

      .monart-moment-card:before{
        left:-28px!important;
        right:auto!important;
        top:2rem;
      }

      /* Sur mobile : on désactive la photo "tirée" au survol */
      .monart-moment-photo{
        display:none !important;
      }

      /* Sur mobile : la photo devient fixe, visible, juste après le texte concerné */
      .monart-moment-photo-mobile{
        position:relative !important;
        z-index:4 !important;
        display:block !important;
        width:min(82%, 280px);
        aspect-ratio:4 / 5;
        padding:.45rem .45rem 1.35rem;
        margin:1.25rem auto 0;
        background:rgba(255,248,236,.92);
        border:1px solid rgba(111,88,69,.12);
        box-shadow:0 20px 42px rgba(66,48,32,.16);
        opacity:1 !important;
        transform:rotate(-1.5deg) !important;
        pointer-events:none;
      }

      .monart-moment-card:nth-child(even) .monart-moment-photo-mobile{
        transform:rotate(1.5deg) !important;
      }

      .monart-moment-card:hover .monart-moment-photo-mobile,
      .monart-moment-card:nth-child(even):hover .monart-moment-photo-mobile,
      .monart-moment-card:nth-child(odd):hover .monart-moment-photo-mobile{
        transform:rotate(-1.5deg) !important;
      }

      .monart-moment-card:nth-child(even):hover .monart-moment-photo-mobile{
        transform:rotate(1.5deg) !important;
      }

      .monart-postcards{
        grid-template-columns:1fr;
      }

      .monart-place-card:nth-child(1){
        grid-row:auto;
      }

      .monart-traveller-card:nth-child(2),
      .monart-traveller-card:nth-child(3){
        transform:none;
      }
    }

    @media (max-width:640px){
      .monart-container{
        width:min(100% - 28px, var(--container));
      }

      .monart-hero-page{
        min-height:auto;
        padding:4.2rem 0 2.5rem;
      }

      .monart-hero-card{
        padding:2rem 1.3rem 2.2rem;
        clip-path:polygon(0 2%, 98% 0, 100% 97%, 3% 100%);
      }

      h1{
        font-size:clamp(2.45rem, 11vw, 4rem);
      }

      .monart-section{
        padding:4.2rem 0;
      }

      .monart-section h2{
        font-size:clamp(2.25rem, 12vw, 3.6rem);
      }

      .monart-flip-card{
        min-height:450px;
      }

      .monart-place-visual{
        height:150px;
      }

      .monart-traveller-card{
        min-height:auto;
      }
    }

    @media (prefers-reduced-motion:reduce){
      *,
      *:before,
      *:after{
        animation:none!important;
        transition:none!important;
        scroll-behavior:auto!important;
      }

      .monart-reveal{
        opacity:1!important;
        transform:none!important;
      }
    }

/* =========================================================
   SÉCURITÉ D’AFFICHAGE — TEMPORAIRE PENDANT LA MIGRATION
   ========================================================= */
.monart-reveal{
  opacity:1 !important;
  transform:none !important;
}
/* =========================================================
   SECTION 02 — LE MOMENT
   PHOTO GRAND FORMAT EN VIS-À-VIS
   APPARITION AU SURVOL DE LA CARTE
   ========================================================= */

@media (min-width:981px){

  .section-moment .monart-bifurcation{
    gap:clamp(3rem, 5vw, 5rem);
  }

  .section-moment .monart-moment-card{
    width:min(560px, calc(50% - 46px));
    overflow:visible;
  }

  /* PHOTO — ÉTAT INITIAL */
  .section-moment .monart-moment-photo{
    display:block;
    position:absolute;
    top:0;

    width:100%;
    height:100%;
    min-height:100%;

    margin:0;
    padding:.65rem .65rem 2rem;

    background:rgba(255,248,236,.92);
    border:1px solid rgba(111,88,69,.12);
    box-shadow:0 24px 55px rgba(66,48,32,.16);

    aspect-ratio:auto;
    pointer-events:none;

    /* cachée au repos */
    opacity:0;

    transition:
      opacity .35s ease,
      transform .45s ease,
      box-shadow .45s ease;
  }

  .section-moment .monart-moment-photo img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
  }

  /* -----------------------------------------
     CARTES IMPAIRES
     carte à gauche / photo à droite
     ----------------------------------------- */

  .section-moment .monart-moment-card:nth-child(odd)
  .monart-moment-photo{
    left:calc(100% + 92px);
    right:auto;
    bottom:auto;

    transform:
      translateY(14px)
      rotate(1.3deg)
      scale(.97);
  }

  /* -----------------------------------------
     CARTES PAIRES
     photo à gauche / carte à droite
     ----------------------------------------- */

  .section-moment .monart-moment-card:nth-child(even)
  .monart-moment-photo{
    right:calc(100% + 92px);
    left:auto;
    bottom:auto;

    transform:
      translateY(14px)
      rotate(-1.3deg)
      scale(.97);
  }

  /* -----------------------------------------
     APPARITION AU SURVOL
     ----------------------------------------- */

  .section-moment .monart-moment-card:hover
  .monart-moment-photo{
    opacity:1;
    box-shadow:0 30px 70px rgba(66,48,32,.20);
  }

  .section-moment .monart-moment-card:nth-child(odd):hover
  .monart-moment-photo{
    transform:
      translateY(0)
      rotate(.5deg)
      scale(1);
  }

  .section-moment .monart-moment-card:nth-child(even):hover
  .monart-moment-photo{
    transform:
      translateY(0)
      rotate(-.5deg)
      scale(1);
  }

}/* End custom CSS */