/* Start custom CSS for html, class: .elementor-element-d9f2e5f *//* =========================================================
   HERO MONART — DESKTOP 1920x1080 + MOBILE 1080x1600
   Compatible WordPress / Elementor Pro / Neve
   Chemins SVG animés
   ========================================================= */

/* Remplacer Erika Ormig.ttf par l’URL WordPress du fichier typo si besoin */
@font-face{
  font-family:"Erika Ormig";
  src:url("Erika Ormig.ttf") format("truetype");
  font-weight:400;
  font-style:normal;
  font-display:swap;
}

/* =========================================================
   VISIBILITÉ DES VERSIONS DESKTOP / MOBILE
   ========================================================= */

.monart-hero-mobile{
  display:none;
}

@media (min-width:901px){
  .monart-hero-desktop{
    display:flex;
  }
}

@media (max-width:900px){
  .monart-hero-desktop{
    display:none !important;
  }

  .monart-hero-mobile{
    display:flex;
  }
}

/* =========================================================
   HERO DESKTOP — BASE
   ========================================================= */

/* Hauteur approximative du header.
   Ajuste 90px si ton header est plus haut ou plus bas. */
.monart-hero{
  --monart-header-height:90px;

  width:100%;
  position:relative;
  overflow:hidden;
  background:#f6efe1;
  display:flex;
  align-items:center;
  justify-content:center;
}

.monart-hero,
.monart-hero *{
  box-sizing:border-box;
}

/* Canvas strictement proportionnel au format 1920x1080.
   Cette règle évite les décalages entre les images et les textes. */
.monart-hero__canvas{
  position:relative;
  width:min(100%, calc((100vh - var(--monart-header-height)) * 1.777777));
  max-width:1920px;
  aspect-ratio:1920 / 1080;
  margin:0 auto;
  overflow:hidden;
  background:#f6efe1;
}

/* Tous les calques remplissent exactement le même canvas */
.monart-layer{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:contain;
  pointer-events:none;
  user-select:none;
}

/* =========================================================
   ORDRE DES COUCHES DESKTOP
   ========================================================= */

.monart-layer--fond{
  z-index:1;
}

.monart-layer--hover-bg{
  z-index:2;
  opacity:0;
  transition:
    opacity .45s ease,
    filter .45s ease;
  mix-blend-mode:multiply;
}

.monart-layer--images{
  z-index:3;
}

.monart-layer--chemin{
  z-index:4;
  opacity:0;
  transform-origin:50% 50%;
  transition:
    opacity .25s ease,
    filter .25s ease,
    transform .25s ease,
    clip-path .8s cubic-bezier(.22,.61,.36,1);
}

.monart-layer--coeur{
  z-index:5;
  transform-origin:50% 50%;
  animation:monart-heart-breath 5.5s ease-in-out infinite;
}

.monart-layer--onglets{
  z-index:6;
}

/* =========================================================
   TEXTES CLIQUABLES DESKTOP SUR LES ONGLET PAPIER
   ========================================================= */

.monart-hotspot{
  position:absolute;
  z-index:7;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  text-decoration:none!important;
  cursor:pointer;
  outline:none;
}

.monart-hotspot span{
  display:block;
  font-family:"Erika Ormig", "Special Elite", "Courier New", monospace;
  font-weight:500;
  font-synthesis-weight:auto;
  line-height:.92;
  letter-spacing:.035em;
  max-width:100%;
  white-space:normal;

  /* Renfort visuel pour Safari et navigateurs qui affichent la typo trop fine */
  -webkit-text-stroke:.28px currentColor;
  text-shadow:
    .35px 0 currentColor,
    0 .35px currentColor,
    -.25px 0 currentColor,
    0 -.25px currentColor;

  transform:translateY(1px);
  transition:
    color .25s ease,
    transform .25s ease,
    filter .25s ease,
    text-shadow .25s ease;
}

/* =========================================================
   POSITIONS DES TITRES DESKTOP — FORMAT 1920x1080
   Ajustées pour Onglets1920X1080.png
   ========================================================= */

/* L’Art-thérapie — onglet gauche haut */
.monart-hotspot--art{
  left:13.2%;
  top:23.6%;
  width:20.4%;
  height:11.5%;
  color:#2D2924;
  font-size:clamp(14px, 1.52vw, 29px);
}

/* La cartographe — onglet haut centre */
.monart-hotspot--cartographe{
  left:32.8%;
  top:5.9%;
  width:21.8%;
  height:12.3%;
  color:#2D2924;
  font-size:clamp(14px, 1.45vw, 28px);
}

/* L’itinéraire artistique — onglet haut droite */
.monart-hotspot--itineraire{
  left:66.6%;
  top:8.7%;
  width:24.1%;
  height:12.3%;
  color:#2D2924;
  font-size:clamp(14px, 1.5vw, 29px);
}

/* Le parcours thérapeutique — onglet gauche milieu */
.monart-hotspot--parcours{
  left:10.1%;
  top:44.6%;
  width:21.8%;
  height:13.2%;
  color:#2D2924;
  font-size:clamp(14px, 1.48vw, 28px);
}

/* Le carnet de route — onglet droite milieu */
.monart-hotspot--carnet{
  left:69.7%;
  top:45.1%;
  width:20.3%;
  height:11.8%;
  color:#2D2924;
  font-size:clamp(14px, 1.45vw, 28px);
}

/* La boussole éthique — onglet bas gauche */
.monart-hotspot--boussolle{
  left:23.4%;
  top:79.2%;
  width:18.1%;
  height:10.4%;
  color:#2D2924;
  font-size:clamp(14px, 1.42vw, 27px);
}

/* Les coordonnées — onglet bas centre/droite */
.monart-hotspot--coordonnees{
  left:49%;
  top:84.7%;
  width:24.9%;
  height:9.7%;
  color:#2D2924;
  font-size:clamp(14px, 1.45vw, 28px);
}

/* Couleurs des textes au survol des onglets desktop */
.monart-hotspot--art:hover,
.monart-hotspot--art:focus-visible{
  color:#9CC9D8;
}

.monart-hotspot--cartographe:hover,
.monart-hotspot--cartographe:focus-visible{
  color:#E4B83D;
}

.monart-hotspot--itineraire:hover,
.monart-hotspot--itineraire:focus-visible{
  color:#A8AC98;
}

.monart-hotspot--parcours:hover,
.monart-hotspot--parcours:focus-visible{
  color:#2E8CA3;
}

.monart-hotspot--carnet:hover,
.monart-hotspot--carnet:focus-visible{
  color:#D6B7AF;
}

.monart-hotspot--boussolle:hover,
.monart-hotspot--boussolle:focus-visible{
  color:#9B9A8F;
}

.monart-hotspot--coordonnees:hover,
.monart-hotspot--coordonnees:focus-visible{
  color:#EF7D72;
}

/* Effet texte léger, sans décaler fortement la maquette */
.monart-hotspot:hover span,
.monart-hotspot:focus-visible span{
  transform:translateY(-2px);
  filter:brightness(1.04);
  text-shadow:
    .35px 0 currentColor,
    0 .35px currentColor,
    -.25px 0 currentColor,
    0 -.25px currentColor,
    0 4px 12px rgba(40,30,20,.16);
}

.monart-hotspot:focus-visible{
  outline:2px dashed rgba(40,30,20,.45);
  outline-offset:6px;
}

/* =========================================================
   ACTIVATION DES FONDS DESKTOP AU SURVOL
   ========================================================= */

/* Art-thérapie */
.monart-hero__canvas:has(.monart-hotspot--art:hover) .hover-bg--art,
.monart-hero__canvas:has(.monart-hotspot--art:focus-visible) .hover-bg--art{
  opacity:1;
}

/* La cartographe */
.monart-hero__canvas:has(.monart-hotspot--cartographe:hover) .hover-bg--cartographe,
.monart-hero__canvas:has(.monart-hotspot--cartographe:focus-visible) .hover-bg--cartographe{
  opacity:1;
}

/* L’itinéraire artistique */
.monart-hero__canvas:has(.monart-hotspot--itineraire:hover) .hover-bg--itineraire,
.monart-hero__canvas:has(.monart-hotspot--itineraire:focus-visible) .hover-bg--itineraire{
  opacity:1;
}

/* Le parcours thérapeutique */
.monart-hero__canvas:has(.monart-hotspot--parcours:hover) .hover-bg--parcours,
.monart-hero__canvas:has(.monart-hotspot--parcours:focus-visible) .hover-bg--parcours{
  opacity:1;
}

/* Le carnet de route */
.monart-hero__canvas:has(.monart-hotspot--carnet:hover) .hover-bg--carnet,
.monart-hero__canvas:has(.monart-hotspot--carnet:focus-visible) .hover-bg--carnet{
  opacity:1;
}

/* La boussole éthique */
.monart-hero__canvas:has(.monart-hotspot--boussolle:hover) .hover-bg--boussolle,
.monart-hero__canvas:has(.monart-hotspot--boussolle:focus-visible) .hover-bg--boussolle{
  opacity:1;
}

/* Les coordonnées */
.monart-hero__canvas:has(.monart-hotspot--coordonnees:hover) .hover-bg--coordonnees,
.monart-hero__canvas:has(.monart-hotspot--coordonnees:focus-visible) .hover-bg--coordonnees{
  opacity:1;
}

/* =========================================================
   CHEMINS SVG DESKTOP — ÉTAT INITIAL
   Apparition depuis le cœur central
   ========================================================= */

.chemin--art,
.chemin--cartographe,
.chemin--itineraire,
.chemin--parcours,
.chemin--carnet,
.chemin--boussolle,
.chemin--coordonnees{
  opacity:0;
  clip-path:circle(0% at 50% 52%);
  transform:scale(1);
  filter:
    drop-shadow(0 0 0 rgba(255,255,255,0))
    saturate(1);
}

/* =========================================================
   CHEMINS SVG DESKTOP — ACTIVATION AU SURVOL
   ========================================================= */

/* Art-thérapie */
.monart-hero__canvas:has(.monart-hotspot--art:hover) .chemin--art,
.monart-hero__canvas:has(.monart-hotspot--art:focus-visible) .chemin--art{
  opacity:1;
  clip-path:circle(82% at 50% 52%);
  animation:monart-chemin-art 1.25s ease-in-out infinite alternate;
}

/* La cartographe */
.monart-hero__canvas:has(.monart-hotspot--cartographe:hover) .chemin--cartographe,
.monart-hero__canvas:has(.monart-hotspot--cartographe:focus-visible) .chemin--cartographe{
  opacity:1;
  clip-path:circle(82% at 50% 52%);
  animation:monart-chemin-cartographe 1.25s ease-in-out infinite alternate;
}

/* L’itinéraire artistique */
.monart-hero__canvas:has(.monart-hotspot--itineraire:hover) .chemin--itineraire,
.monart-hero__canvas:has(.monart-hotspot--itineraire:focus-visible) .chemin--itineraire{
  opacity:1;
  clip-path:circle(86% at 50% 52%);
  animation:monart-chemin-itineraire 1.25s ease-in-out infinite alternate;
}

/* Le parcours thérapeutique */
.monart-hero__canvas:has(.monart-hotspot--parcours:hover) .chemin--parcours,
.monart-hero__canvas:has(.monart-hotspot--parcours:focus-visible) .chemin--parcours{
  opacity:1;
  clip-path:circle(82% at 50% 52%);
  animation:monart-chemin-parcours 1.25s ease-in-out infinite alternate;
}

/* Le carnet de route */
.monart-hero__canvas:has(.monart-hotspot--carnet:hover) .chemin--carnet,
.monart-hero__canvas:has(.monart-hotspot--carnet:focus-visible) .chemin--carnet{
  opacity:1;
  clip-path:circle(86% at 50% 52%);
  animation:monart-chemin-carnet 1.25s ease-in-out infinite alternate;
}

/* La boussole éthique */
.monart-hero__canvas:has(.monart-hotspot--boussolle:hover) .chemin--boussolle,
.monart-hero__canvas:has(.monart-hotspot--boussolle:focus-visible) .chemin--boussolle{
  opacity:1;
  clip-path:circle(86% at 50% 52%);
  animation:monart-chemin-boussolle 1.25s ease-in-out infinite alternate;
}

/* Les coordonnées */
.monart-hero__canvas:has(.monart-hotspot--coordonnees:hover) .chemin--coordonnees,
.monart-hero__canvas:has(.monart-hotspot--coordonnees:focus-visible) .chemin--coordonnees{
  opacity:1;
  clip-path:circle(86% at 50% 52%);
  animation:monart-chemin-coordonnees 1.25s ease-in-out infinite alternate;
}

/* =========================================================
   ANIMATIONS DIRECTIONNELLES DES CHEMINS DESKTOP
   ========================================================= */

@keyframes monart-chemin-art{
  from{
    transform:scale(1) translate(0,0);
    filter:
      drop-shadow(0 0 0 rgba(255,255,255,0))
      saturate(1);
  }
  to{
    transform:scale(1.008) translate(-4px,-2px);
    filter:
      drop-shadow(0 0 8px rgba(255,255,255,.88))
      saturate(1.15)
      contrast(1.04);
  }
}

@keyframes monart-chemin-cartographe{
  from{
    transform:scale(1) translate(0,0);
    filter:
      drop-shadow(0 0 0 rgba(255,255,255,0))
      saturate(1);
  }
  to{
    transform:scale(1.008) translate(0,-4px);
    filter:
      drop-shadow(0 0 8px rgba(255,255,255,.88))
      saturate(1.15)
      contrast(1.04);
  }
}

@keyframes monart-chemin-itineraire{
  from{
    transform:scale(1) translate(0,0);
    filter:
      drop-shadow(0 0 0 rgba(255,255,255,0))
      saturate(1);
  }
  to{
    transform:scale(1.008) translate(4px,-4px);
    filter:
      drop-shadow(0 0 8px rgba(255,255,255,.88))
      saturate(1.15)
      contrast(1.04);
  }
}

@keyframes monart-chemin-parcours{
  from{
    transform:scale(1) translate(0,0);
    filter:
      drop-shadow(0 0 0 rgba(255,255,255,0))
      saturate(1);
  }
  to{
    transform:scale(1.008) translate(-5px,0);
    filter:
      drop-shadow(0 0 8px rgba(255,255,255,.88))
      saturate(1.15)
      contrast(1.04);
  }
}

@keyframes monart-chemin-carnet{
  from{
    transform:scale(1) translate(0,0);
    filter:
      drop-shadow(0 0 0 rgba(255,255,255,0))
      saturate(1);
  }
  to{
    transform:scale(1.008) translate(5px,0);
    filter:
      drop-shadow(0 0 8px rgba(255,255,255,.88))
      saturate(1.15)
      contrast(1.04);
  }
}

@keyframes monart-chemin-boussolle{
  from{
    transform:scale(1) translate(0,0);
    filter:
      drop-shadow(0 0 0 rgba(255,255,255,0))
      saturate(1);
  }
  to{
    transform:scale(1.008) translate(-4px,4px);
    filter:
      drop-shadow(0 0 8px rgba(255,255,255,.88))
      saturate(1.15)
      contrast(1.04);
  }
}

@keyframes monart-chemin-coordonnees{
  from{
    transform:scale(1) translate(0,0);
    filter:
      drop-shadow(0 0 0 rgba(255,255,255,0))
      saturate(1);
  }
  to{
    transform:scale(1.008) translate(4px,4px);
    filter:
      drop-shadow(0 0 8px rgba(255,255,255,.88))
      saturate(1.15)
      contrast(1.04);
  }
}

/* Petit effet de vie sur le cœur */
@keyframes monart-heart-breath{
  0%,100%{
    transform:scale(1);
  }
  50%{
    transform:scale(1.012);
  }
}

/* =========================================================
   HERO MOBILE — FORMAT 1080x1600
   ========================================================= */

@media (max-width:900px){

  .monart-hero-mobile{
    width:100%;
    position:relative;
    overflow:hidden;
    background:#F6EFE1;
    justify-content:center;
    align-items:flex-start;
  }

  .monart-hero-mobile,
  .monart-hero-mobile *{
    box-sizing:border-box;
  }

  .monart-hero-mobile__canvas{
    position:relative;
    width:100%;
    max-width:1080px;
    aspect-ratio:1080 / 1600;
    margin:0 auto;
    overflow:hidden;
    background:#F6EFE1;
  }

  .monart-mobile-layer{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:contain;
    pointer-events:none;
    user-select:none;
  }

  /* Ordre des couches mobile */
  .monart-mobile-layer--fond{
    z-index:1;
  }

  .monart-mobile-layer--hover-bg{
    z-index:2;
    opacity:0;
    transition:opacity .35s ease, filter .35s ease;
    mix-blend-mode:multiply;
  }

  .monart-mobile-layer--images{
    z-index:3;
  }

  .monart-mobile-layer--chemin{
    z-index:4;
    opacity:0;
    transform-origin:50% 50%;
    transition:
      opacity .25s ease,
      filter .25s ease,
      transform .25s ease,
      clip-path .75s cubic-bezier(.22,.61,.36,1);
  }

  .monart-mobile-layer--coeur{
    z-index:5;
    transform-origin:50% 50%;
    animation:monart-heart-breath 5.5s ease-in-out infinite;
  }

  .monart-mobile-layer--onglets{
    z-index:6;
  }

  /* Liens textes mobile */
  .monart-mobile-hotspot{
    position:absolute;
    z-index:7;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    text-decoration:none !important;
    color:#2D2924;
    cursor:pointer;
    outline:none;
    -webkit-tap-highlight-color:transparent;
  }

 .monart-mobile-hotspot span{
  display:block;
  font-family:"Erika Ormig", "Special Elite", "Courier New", monospace;
  font-weight:400;
  font-synthesis-weight:none;
  line-height:.92;
  letter-spacing:-0.050em;
  max-width:100%;
  white-space:normal;

  -webkit-text-stroke:0 currentColor;
  text-shadow:none;

  transition:
    color .25s ease,
    transform .25s ease,
    filter .25s ease,
    text-shadow .25s ease;
}

  /* =========================================================
     POSITIONS TEXTES MOBILE — FORMAT 1080x1600
     Calées sur la maquette mobile fournie
     ========================================================= */

  .monart-mobile-hotspot--parcours{
    left:13.9%;
    top:15.5%;
    width:39.8%;
    height:8.7%;
    font-size:clamp(13px, 3.9vw, 31px);
  }

  .monart-mobile-hotspot--art{
    left:62%;
    top:21%;
    width:34.3%;
    height:7.1%;
    font-size:clamp(13px, 3.9vw, 31px);
  }

  .monart-mobile-hotspot--boussole{
    left:4%;
    top:30%;
    width:29.7%;
    height:8.4%;
    font-size:clamp(13px, 3.9vw, 31px);
  }

  .monart-mobile-hotspot--cartographe{
    left:61.5%;
    top:38.1%;
    width:34.4%;
    height:7.1%;
    font-size:clamp(13px, 3.9vw, 31px);
  }

  .monart-mobile-hotspot--coordonnees{
    left:4.1%;
    top:60.4%;
    width:38.3%;
    height:7.2%;
    font-size:clamp(13px, 3.9vw, 31px);
  }

  .monart-mobile-hotspot--carnet{
    left:18.1%;
    top:76.2%;
    width:35.5%;
    height:8.4%;
    font-size:clamp(13px, 3.9vw, 31px);
  }

  .monart-mobile-hotspot--itineraire{
    left:62.7%;
    top:71%;
    width:33.3%;
    height:8.1%;
    font-size:clamp(13px, 3.9vw, 31px);
  }

  /* Couleurs au survol / focus / tap mobile */
  .monart-mobile-hotspot--art:hover,
  .monart-mobile-hotspot--art:focus-visible{
    color:#9CC9D8;
  }

  .monart-mobile-hotspot--cartographe:hover,
  .monart-mobile-hotspot--cartographe:focus-visible{
    color:#E4B83D;
  }

  .monart-mobile-hotspot--itineraire:hover,
  .monart-mobile-hotspot--itineraire:focus-visible{
    color:#A8AC98;
  }

  .monart-mobile-hotspot--parcours:hover,
  .monart-mobile-hotspot--parcours:focus-visible{
    color:#2E8CA3;
  }

  .monart-mobile-hotspot--carnet:hover,
  .monart-mobile-hotspot--carnet:focus-visible{
    color:#D6B7AF;
  }

  .monart-mobile-hotspot--boussole:hover,
  .monart-mobile-hotspot--boussole:focus-visible{
    color:#9B9A8F;
  }

  .monart-mobile-hotspot--coordonnees:hover,
  .monart-mobile-hotspot--coordonnees:focus-visible{
    color:#EF7D72;
  }

  .monart-mobile-hotspot:hover span,
  .monart-mobile-hotspot:focus-visible span{
    transform:translateY(-2px);
    filter:brightness(1.04);
  }

  /* =========================================================
     ACTIVATION FONDS COLORÉS MOBILE
     ========================================================= */

  .monart-hero-mobile__canvas:has(.monart-mobile-hotspot--parcours:hover) .mobile-hover-bg--parcours,
  .monart-hero-mobile__canvas:has(.monart-mobile-hotspot--parcours:focus-visible) .mobile-hover-bg--parcours{
    opacity:1;
  }

  .monart-hero-mobile__canvas:has(.monart-mobile-hotspot--art:hover) .mobile-hover-bg--art,
  .monart-hero-mobile__canvas:has(.monart-mobile-hotspot--art:focus-visible) .mobile-hover-bg--art{
    opacity:1;
  }

  .monart-hero-mobile__canvas:has(.monart-mobile-hotspot--boussole:hover) .mobile-hover-bg--boussole,
  .monart-hero-mobile__canvas:has(.monart-mobile-hotspot--boussole:focus-visible) .mobile-hover-bg--boussole{
    opacity:1;
  }

  .monart-hero-mobile__canvas:has(.monart-mobile-hotspot--cartographe:hover) .mobile-hover-bg--cartographe,
  .monart-hero-mobile__canvas:has(.monart-mobile-hotspot--cartographe:focus-visible) .mobile-hover-bg--cartographe{
    opacity:1;
  }

  .monart-hero-mobile__canvas:has(.monart-mobile-hotspot--coordonnees:hover) .mobile-hover-bg--coordonnees,
  .monart-hero-mobile__canvas:has(.monart-mobile-hotspot--coordonnees:focus-visible) .mobile-hover-bg--coordonnees{
    opacity:1;
  }

  .monart-hero-mobile__canvas:has(.monart-mobile-hotspot--carnet:hover) .mobile-hover-bg--carnet,
  .monart-hero-mobile__canvas:has(.monart-mobile-hotspot--carnet:focus-visible) .mobile-hover-bg--carnet{
    opacity:1;
  }

  .monart-hero-mobile__canvas:has(.monart-mobile-hotspot--itineraire:hover) .mobile-hover-bg--itineraire,
  .monart-hero-mobile__canvas:has(.monart-mobile-hotspot--itineraire:focus-visible) .mobile-hover-bg--itineraire{
    opacity:1;
  }

  /* =========================================================
     CHEMINS MOBILE — DÉPART DEPUIS LE CŒUR
     ========================================================= */

  .mobile-chemin--parcours,
  .mobile-chemin--art,
  .mobile-chemin--boussole,
  .mobile-chemin--cartographe,
  .mobile-chemin--coordonnees,
  .mobile-chemin--carnet,
  .mobile-chemin--itineraire{
    opacity:0;
    clip-path:circle(0% at 50% 48%);
    transform:scale(1);
    filter:
      drop-shadow(0 0 0 rgba(255,255,255,0))
      saturate(1);
  }

  .monart-hero-mobile__canvas:has(.monart-mobile-hotspot--parcours:hover) .mobile-chemin--parcours,
  .monart-hero-mobile__canvas:has(.monart-mobile-hotspot--parcours:focus-visible) .mobile-chemin--parcours{
    opacity:1;
    clip-path:circle(88% at 50% 48%);
    animation:monart-mobile-chemin-haut-gauche 1.25s ease-in-out infinite alternate;
  }

  .monart-hero-mobile__canvas:has(.monart-mobile-hotspot--art:hover) .mobile-chemin--art,
  .monart-hero-mobile__canvas:has(.monart-mobile-hotspot--art:focus-visible) .mobile-chemin--art{
    opacity:1;
    clip-path:circle(88% at 50% 48%);
    animation:monart-mobile-chemin-haut-droite 1.25s ease-in-out infinite alternate;
  }

  .monart-hero-mobile__canvas:has(.monart-mobile-hotspot--boussole:hover) .mobile-chemin--boussole,
  .monart-hero-mobile__canvas:has(.monart-mobile-hotspot--boussole:focus-visible) .mobile-chemin--boussole{
    opacity:1;
    clip-path:circle(88% at 50% 48%);
    animation:monart-mobile-chemin-gauche 1.25s ease-in-out infinite alternate;
  }

  .monart-hero-mobile__canvas:has(.monart-mobile-hotspot--cartographe:hover) .mobile-chemin--cartographe,
  .monart-hero-mobile__canvas:has(.monart-mobile-hotspot--cartographe:focus-visible) .mobile-chemin--cartographe{
    opacity:1;
    clip-path:circle(88% at 50% 48%);
    animation:monart-mobile-chemin-droite 1.25s ease-in-out infinite alternate;
  }

  .monart-hero-mobile__canvas:has(.monart-mobile-hotspot--coordonnees:hover) .mobile-chemin--coordonnees,
  .monart-hero-mobile__canvas:has(.monart-mobile-hotspot--coordonnees:focus-visible) .mobile-chemin--coordonnees{
    opacity:1;
    clip-path:circle(88% at 50% 48%);
    animation:monart-mobile-chemin-bas-gauche 1.25s ease-in-out infinite alternate;
  }

  .monart-hero-mobile__canvas:has(.monart-mobile-hotspot--carnet:hover) .mobile-chemin--carnet,
  .monart-hero-mobile__canvas:has(.monart-mobile-hotspot--carnet:focus-visible) .mobile-chemin--carnet{
    opacity:1;
    clip-path:circle(88% at 50% 48%);
    animation:monart-mobile-chemin-bas 1.25s ease-in-out infinite alternate;
  }

  .monart-hero-mobile__canvas:has(.monart-mobile-hotspot--itineraire:hover) .mobile-chemin--itineraire,
  .monart-hero-mobile__canvas:has(.monart-mobile-hotspot--itineraire:focus-visible) .mobile-chemin--itineraire{
    opacity:1;
    clip-path:circle(88% at 50% 48%);
    animation:monart-mobile-chemin-bas-droite 1.25s ease-in-out infinite alternate;
  }

  @keyframes monart-mobile-chemin-haut-gauche{
    from{
      transform:scale(1) translate(0,0);
      filter:drop-shadow(0 0 0 rgba(255,255,255,0)) saturate(1);
    }
    to{
      transform:scale(1.008) translate(-3px,-3px);
      filter:drop-shadow(0 0 8px rgba(255,255,255,.85)) saturate(1.12);
    }
  }

  @keyframes monart-mobile-chemin-haut-droite{
    from{
      transform:scale(1) translate(0,0);
      filter:drop-shadow(0 0 0 rgba(255,255,255,0)) saturate(1);
    }
    to{
      transform:scale(1.008) translate(3px,-3px);
      filter:drop-shadow(0 0 8px rgba(255,255,255,.85)) saturate(1.12);
    }
  }

  @keyframes monart-mobile-chemin-gauche{
    from{
      transform:scale(1) translateX(0);
      filter:drop-shadow(0 0 0 rgba(255,255,255,0)) saturate(1);
    }
    to{
      transform:scale(1.008) translateX(-3px);
      filter:drop-shadow(0 0 8px rgba(255,255,255,.85)) saturate(1.12);
    }
  }

  @keyframes monart-mobile-chemin-droite{
    from{
      transform:scale(1) translateX(0);
      filter:drop-shadow(0 0 0 rgba(255,255,255,0)) saturate(1);
    }
    to{
      transform:scale(1.008) translateX(3px);
      filter:drop-shadow(0 0 8px rgba(255,255,255,.85)) saturate(1.12);
    }
  }

  @keyframes monart-mobile-chemin-bas-gauche{
    from{
      transform:scale(1) translate(0,0);
      filter:drop-shadow(0 0 0 rgba(255,255,255,0)) saturate(1);
    }
    to{
      transform:scale(1.008) translate(-3px,3px);
      filter:drop-shadow(0 0 8px rgba(255,255,255,.85)) saturate(1.12);
    }
  }

  @keyframes monart-mobile-chemin-bas{
    from{
      transform:scale(1) translateY(0);
      filter:drop-shadow(0 0 0 rgba(255,255,255,0)) saturate(1);
    }
    to{
      transform:scale(1.008) translateY(3px);
      filter:drop-shadow(0 0 8px rgba(255,255,255,.85)) saturate(1.12);
    }
  }

  @keyframes monart-mobile-chemin-bas-droite{
    from{
      transform:scale(1) translate(0,0);
      filter:drop-shadow(0 0 0 rgba(255,255,255,0)) saturate(1);
    }
    to{
      transform:scale(1.008) translate(3px,3px);
      filter:drop-shadow(0 0 8px rgba(255,255,255,.85)) saturate(1.12);
    }
  }
}

/* =========================================================
   ACCESSIBILITÉ : ANIMATIONS RÉDUITES
   ========================================================= */

@media (prefers-reduced-motion:reduce){
  .monart-layer--coeur,
  .monart-layer--chemin,
  .monart-mobile-layer--coeur,
  .monart-mobile-layer--chemin,
  .monart-hotspot span,
  .monart-mobile-hotspot span{
    animation:none!important;
    transition:none!important;
  }

  .chemin--art,
  .chemin--cartographe,
  .chemin--itineraire,
  .chemin--parcours,
  .chemin--carnet,
  .chemin--boussolle,
  .chemin--coordonnees,
  .mobile-chemin--art,
  .mobile-chemin--cartographe,
  .mobile-chemin--itineraire,
  .mobile-chemin--parcours,
  .mobile-chemin--carnet,
  .mobile-chemin--boussole,
  .mobile-chemin--coordonnees{
    clip-path:none!important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-87f6296 *//* =========================================================
   ACTIVATION MOBILE AU TAP — FONDS COLORÉS
   Classe ajoutée temporairement par le JavaScript
   ========================================================= */

/* Le parcours thérapeutique */
.monart-hero-mobile__canvas:has(.monart-mobile-hotspot--parcours.is-active) .mobile-hover-bg--parcours{
  opacity:1;
}

/* L’Art-thérapie */
.monart-hero-mobile__canvas:has(.monart-mobile-hotspot--art.is-active) .mobile-hover-bg--art{
  opacity:1;
}

/* La boussole éthique */
.monart-hero-mobile__canvas:has(.monart-mobile-hotspot--boussole.is-active) .mobile-hover-bg--boussole{
  opacity:1;
}

/* La cartographe */
.monart-hero-mobile__canvas:has(.monart-mobile-hotspot--cartographe.is-active) .mobile-hover-bg--cartographe{
  opacity:1;
}

/* Les coordonnées */
.monart-hero-mobile__canvas:has(.monart-mobile-hotspot--coordonnees.is-active) .mobile-hover-bg--coordonnees{
  opacity:1;
}

/* Le carnet de route */
.monart-hero-mobile__canvas:has(.monart-mobile-hotspot--carnet.is-active) .mobile-hover-bg--carnet{
  opacity:1;
}

/* L’itinéraire artistique */
.monart-hero-mobile__canvas:has(.monart-mobile-hotspot--itineraire.is-active) .mobile-hover-bg--itineraire{
  opacity:1;
}


/* =========================================================
   ACTIVATION MOBILE AU TAP — CHEMINS
   ========================================================= */

/* Le parcours thérapeutique */
.monart-hero-mobile__canvas:has(.monart-mobile-hotspot--parcours.is-active) .mobile-chemin--parcours{
  opacity:1;
  clip-path:circle(88% at 50% 48%);
  animation:monart-mobile-chemin-haut-gauche 1.25s ease-in-out infinite alternate;
}

/* L’Art-thérapie */
.monart-hero-mobile__canvas:has(.monart-mobile-hotspot--art.is-active) .mobile-chemin--art{
  opacity:1;
  clip-path:circle(88% at 50% 48%);
  animation:monart-mobile-chemin-haut-droite 1.25s ease-in-out infinite alternate;
}

/* La boussole éthique */
.monart-hero-mobile__canvas:has(.monart-mobile-hotspot--boussole.is-active) .mobile-chemin--boussole{
  opacity:1;
  clip-path:circle(88% at 50% 48%);
  animation:monart-mobile-chemin-gauche 1.25s ease-in-out infinite alternate;
}

/* La cartographe */
.monart-hero-mobile__canvas:has(.monart-mobile-hotspot--cartographe.is-active) .mobile-chemin--cartographe{
  opacity:1;
  clip-path:circle(88% at 50% 48%);
  animation:monart-mobile-chemin-droite 1.25s ease-in-out infinite alternate;
}

/* Les coordonnées */
.monart-hero-mobile__canvas:has(.monart-mobile-hotspot--coordonnees.is-active) .mobile-chemin--coordonnees{
  opacity:1;
  clip-path:circle(88% at 50% 48%);
  animation:monart-mobile-chemin-bas-gauche 1.25s ease-in-out infinite alternate;
}

/* Le carnet de route */
.monart-hero-mobile__canvas:has(.monart-mobile-hotspot--carnet.is-active) .mobile-chemin--carnet{
  opacity:1;
  clip-path:circle(88% at 50% 48%);
  animation:monart-mobile-chemin-bas 1.25s ease-in-out infinite alternate;
}

/* L’itinéraire artistique */
.monart-hero-mobile__canvas:has(.monart-mobile-hotspot--itineraire.is-active) .mobile-chemin--itineraire{
  opacity:1;
  clip-path:circle(88% at 50% 48%);
  animation:monart-mobile-chemin-bas-droite 1.25s ease-in-out infinite alternate;
}


/* =========================================================
   ACTIVATION MOBILE AU TAP — COULEUR DU TEXTE
   ========================================================= */

.monart-mobile-hotspot--parcours.is-active{
  color:#2E8CA3;
}

.monart-mobile-hotspot--art.is-active{
  color:#9CC9D8;
}

.monart-mobile-hotspot--boussole.is-active{
  color:#9B9A8F;
}

.monart-mobile-hotspot--cartographe.is-active{
  color:#E4B83D;
}

.monart-mobile-hotspot--coordonnees.is-active{
  color:#EF7D72;
}

.monart-mobile-hotspot--carnet.is-active{
  color:#D6B7AF;
}

.monart-mobile-hotspot--itineraire.is-active{
  color:#A8AC98;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b2d0830 */@media (max-width:900px){

  .monart-copy-card h2{
    line-height:1.18 !important;
    padding-top:.55em !important;
    margin-top:0 !important;
    overflow:visible !important;
  }

  .monart-copy-card h2 small{
    line-height:1.15 !important;
    overflow:visible !important;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3142685 *//* =========================================================
   SECTION COORDONNÉES — FOND PHOTO
   ========================================================= */

.monart-section-bg-photo{
  position:relative;
  overflow:hidden;
  background-image:var(--section-bg-image);
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
}

.monart-section-bg-photo .monart-section-bg-overlay{
  position:absolute;
  inset:0;
  z-index:0;
  background:rgba(246,239,225,.66);
  pointer-events:none;
}

.monart-section-bg-photo .monart-container{
  position:relative;
  z-index:1;
}


/* =========================================================
   TITRE SECTION COORDONNÉES
   ========================================================= */

#coordonnees .monart-copy-card h2{
  color:#EF7D72 !important;
  font-family:"Special Elite", "Courier New", monospace !important;
}

#coordonnees .monart-copy-card h2 small{
  color:#EF7D72 !important;
  font-family:"Special Elite", "Courier New", monospace !important;
}


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

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


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


/* Le strong devient le scotch décoratif */
.monart-form-card-label strong{
  position:absolute;
  width:92px;
  height:26px;
  top:-42px;
  left:42px;
  background:rgba(156,201,216,.32);
  transform:rotate(-4deg);
  display:block;
  font-size:0;
  line-height:0;
  color:transparent;
  pointer-events:none;
}


/* Titre éventuel dans la carte */
.monart-form-card-monart h3{
  margin:0 0 1.3rem;
  font-family:var(--font-repere, "Special Elite", "Courier New", monospace);
  font-weight:400;
  line-height:1.02;
  color:var(--encre, #2D2924);
  font-size:clamp(1.8rem,3vw,3rem);
}


/* Zone du formulaire */
.monart-form-card-slot{
  min-height:280px;
  position:relative;
}


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

.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 — AFFICHAGE FORCÉ
   ========================================================= */

.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-form-card-monart{
    transform:none;
    width:100%;
  }

  .monart-form-card-label strong{
    top:-38px;
    left:34px;
  }
}

#coordonnees .monart-copy-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;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b44382f *//* =========================================================
   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 for html, class: .elementor-element-664cbec *//* =========================================================
   BANDEAU PARTENARIATS — PAGE D'ACCUEIL
   ========================================================= */

.monart-home-partners{
  position:relative;
  overflow:hidden;
  padding:clamp(4rem, 7vw, 6.5rem) 0;
  background:
    radial-gradient(circle at 14% 20%, rgba(228,184,61,.18), transparent 28%),
    radial-gradient(circle at 86% 70%, rgba(156,201,216,.20), transparent 30%),
    rgba(255,248,236,.28);
}

.monart-home-partners::before{
  content:"";
  position:absolute;
  inset:0;
  opacity:.16;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(111,88,69,.14) 1px, transparent 1px),
    linear-gradient(90deg, rgba(111,88,69,.14) 1px, transparent 1px);
  background-size:34px 34px;
}

.monart-home-partners__inner{
  position:relative;
  z-index:1;
  width:min(1180px, calc(100% - 40px));
  margin-inline:auto;
}

.monart-home-partners__header{
  width:min(780px, 100%);
  margin:0 auto clamp(2rem, 4vw, 3rem);
  text-align:center;
}

.monart-home-partners__eyebrow{
  display:inline-block;
  margin:0 0 1rem;
  padding:.42rem .7rem .25rem;
  font-family:var(--font-repere, "Special Elite", "Courier New", monospace);
  color:var(--trace, #6F5845);
  background:rgba(255,248,236,.70);
  border:1px solid rgba(111,88,69,.12);
  box-shadow:0 12px 30px rgba(66,48,32,.08);
  transform:rotate(-1deg);
}

.monart-home-partners h2{
  margin:0 0 1rem;
  font-family:var(--font-repere, "Special Elite", "Courier New", monospace);
  font-weight:400;
  font-size:clamp(2.2rem, 5vw, 2.4rem);
  line-height:.98;
  color:var(--jaune, #E4B83D);
  text-wrap:balance;
}

.monart-home-partners h2 a{
  color:inherit;
  text-decoration:none;
}

.monart-home-partners h2 a:hover{
  color:var(--corail, #EF7D72);
}

.monart-home-partners__header p{
  margin:0 auto;
  max-width:62ch;
  font-family:var(--font-texte, "Lora", Georgia, serif);
  font-size:clamp(1rem, 1.35vw, 1.16rem);
  line-height:1.72;
  color:var(--encre, #2D2924);
}

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

/* Bandeau défilant */

.monart-logo-marquee{
  position:relative;
  overflow:hidden;
  width:100%;
  padding:1.4rem 0;
  background:rgba(255,248,236,.54);
  border-top:1px solid rgba(111,88,69,.10);
  border-bottom:1px solid rgba(111,88,69,.10);
  box-shadow:0 18px 45px rgba(66,48,32,.08);
}

.monart-logo-marquee::before,
.monart-logo-marquee::after{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  width:110px;
  z-index:2;
  pointer-events:none;
}

.monart-logo-marquee::before{
  left:0;
  background:linear-gradient(90deg, #F6EFE1, rgba(246,239,225,0));
}

.monart-logo-marquee::after{
  right:0;
  background:linear-gradient(270deg, #F6EFE1, rgba(246,239,225,0));
}

.monart-logo-marquee__track{
  display:flex;
  align-items:center;
  gap:clamp(1rem, 2vw, 1.8rem);
  width:max-content;
  animation:monart-logo-scroll 34s linear infinite;
}

.monart-logo-marquee:hover .monart-logo-marquee__track{
  animation-play-state:paused;
}

.monart-logo-item{
  position:relative;
  flex:0 0 auto;
  width:clamp(130px, 13vw, 190px);
  height:clamp(86px, 8vw, 120px);
  display:flex;
  align-items:center;
  justify-content:center;
  padding:1rem;
  background:rgba(255,248,236,.86);
  border:1px solid rgba(111,88,69,.13);
  box-shadow:0 14px 34px rgba(66,48,32,.10);
  clip-path:polygon(3% 0, 100% 5%, 96% 100%, 0 94%);
  transform:rotate(-.6deg);
}

.monart-logo-item:nth-child(2n){
  transform:rotate(.7deg);
}

.monart-logo-item:nth-child(3n){
  transform:rotate(-1deg);
}

.monart-logo-item::before{
  content:"";
  position:absolute;
  top:-7px;
  left:24px;
  width:64px;
  height:18px;
  background:rgba(156,201,216,.30);
  transform:rotate(-5deg);
}

.monart-logo-item img{
  display:block;
  max-width:100%;
  max-height:100%;
  object-fit:contain;
  filter:saturate(.88) contrast(.96);
}

.monart-logo-item:hover img{
  filter:saturate(1) contrast(1);
}

.monart-home-partners__cta{
  display:flex;
  justify-content:center;
  margin-top:clamp(1.8rem, 4vw, 3rem);
}

.monart-home-partners__link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  padding:.85rem 1.15rem;
  border-radius:999px;
  background:var(--jaune, #E4B83D);
  color:#FFF8EC;
  text-decoration:none!important;
  font-family:var(--font-repere, "Special Elite", "Courier New", monospace);
  line-height:1;
  box-shadow:0 14px 30px rgba(228,184,61,.24);
  transition:transform .25s ease, box-shadow .25s ease, background .25s ease;
}

.monart-home-partners__link:hover{
  transform:translateY(-2px);
  background:var(--corail, #EF7D72);
  box-shadow:0 18px 38px rgba(66,48,32,.16);
}

@keyframes monart-logo-scroll{
  from{
    transform:translateX(0);
  }
  to{
    transform:translateX(calc(-50% - .9rem));
  }
}

/* Responsive */

@media (max-width:700px){

  .monart-home-partners{
    padding:3.8rem 0;
  }

  .monart-home-partners__inner{
    width:min(100% - 28px, 1180px);
  }

  .monart-logo-marquee{
    padding:1rem 0;
  }

  .monart-logo-marquee::before,
  .monart-logo-marquee::after{
    width:56px;
  }

  .monart-logo-item{
    width:132px;
    height:88px;
    padding:.85rem;
  }

  .monart-logo-marquee__track{
    animation-duration:26s;
  }
}

@media (prefers-reduced-motion:reduce){
  .monart-logo-marquee__track{
    animation:none!important;
  }
}/* End custom CSS */