/* Start custom CSS for html, class: .elementor-element-586cde7 *//* =========================================================
   AJUSTEMENTS TAILLE CARTES / BULLES — PARTENARIATS
   ========================================================= */

/* ---------------------------------------------------------
   02 — INSTITUTIONS
   Cartes plus larges et plus confortables
   --------------------------------------------------------- */

.monart-institution-card{
  width:min(620px, calc(50% - 34px));
  grid-template-columns:105px minmax(0, 1fr);
  gap:1.35rem;
  padding:clamp(1.5rem, 3vw, 2.35rem);
}

.monart-institution-card h3{
  font-size:clamp(1.7rem, 2.5vw, 2.65rem);
  overflow-wrap:anywhere;
}

.monart-institution-card p{
  overflow-wrap:anywhere;
}

/* ---------------------------------------------------------
   03 — RÉSEAU PROFESSIONNEL
   Bulles plus grandes + texte mieux réparti
   --------------------------------------------------------- */

.monart-network-bubbles{
  grid-template-columns:repeat(5, minmax(0, 1fr));
  gap:clamp(1.1rem, 2vw, 1.8rem);
}

.monart-bubble{
  min-height:310px;
  

  /* haut/bas | gauche/droite */
  padding:1.3rem 1.5rem;

  display:flex;
  flex-direction:column;
  justify-content:center;
}
.monart-network-bubbles{
  grid-template-columns:repeat(5, minmax(250px, 1fr));
  gap:.8rem;
}

.monart-bubble h3{
  font-size:clamp(1.15rem, 1.55vw, 1.5rem);
  line-height:1.08;
  overflow-wrap:anywhere;
}

.monart-bubble p{
  font-size:.92rem;
  line-height:1.55;
  overflow-wrap:anywhere;
}

/* ---------------------------------------------------------
   Sécurité pour tous les contenus longs
   --------------------------------------------------------- */

.monart-partner-feature,
.monart-partner-card,
.monart-institution-card,
.monart-engagement-card,
.monart-bubble{
  overflow-wrap:anywhere;
  word-break:normal;
}

/* ---------------------------------------------------------
   Tablette
   --------------------------------------------------------- */

@media (max-width:1080px){

  .monart-network-bubbles{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }

  .monart-bubble{
    min-height:240px;
  }
}

/* ---------------------------------------------------------
   Mobile
   --------------------------------------------------------- */

@media (max-width:980px){

  .monart-institution-card{
    width:100%;
    grid-template-columns:100px minmax(0, 1fr);
  }
}

@media (max-width:640px){

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

  .monart-bubble{
    min-height:auto;
    padding:1.5rem;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0c6d71d *//* =========================================================
PARTENARIATS — CSS SPÉCIFIQUE DE BLOCS
========================================================= */

/* BLOC COORDONNÉES
Le HTML fourni est conservé strictement inchangé.
*/
/* =========================================================
   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}
    h1,h2,h3,p{margin-top:0}

    .monart-page{
      position:relative;
      overflow:hidden;
      min-height:100vh;
    }

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

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

    /* =========================================================
       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:300px;
      left:50%;
      width:min(680px, 92vw);
      height:calc(100% - 340px);
      transform:translateX(-50%);
      overflow:visible;
      opacity:.30;
    }

    .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(228,184,61,.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:310px;
      z-index:3;
      width:30px;
      height:30px;
      border-radius:999px;
      background:
        radial-gradient(circle at 42% 38%, #FFF8EC 0 18%, var(--jaune) 19% 42%, rgba(228,184,61,.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;
    }

    /* =========================================================
       HERO
       ========================================================= */

    .monart-hero-page{
      min-height:74vh;
      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(228,184,61,.24), transparent 58%),
        url("image-hero-partenariats.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(780px, 100%);
      background:rgba(255,248,236,.74);
      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(--jaune);
      letter-spacing:.05em;
      font-size:clamp(1rem, 1.4vw, 1.25rem);
      margin:0 0 1rem;
    }

    h1{
      font-family:var(--font-repere);
      font-weight:400;
      line-height:.98;
      font-size:clamp(1.5rem, 4.6vw, 4.2rem);
      color:var(--jaune);
      margin:0 0 1.4rem;
      text-wrap:balance;
    }

    .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(--jaune);
      color:#FFF8EC;
      box-shadow:0 14px 30px rgba(228,184,61,.24);
    }

    .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);
    }

    /* =========================================================
       SECTIONS COMMUNES
       ========================================================= */

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

    .monart-section-header{
      max-width:820px;
      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(--jaune));
      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:64ch;
      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-card-label{
      position:relative;
      z-index:2;
      font-family:var(--font-repere);
      color:var(--card-color, var(--jaune));
      letter-spacing:.035em;
      font-size:1rem;
      margin-bottom:1.05rem;
    }

    .monart-meta{
      margin-top:1.1rem;
      font-family:var(--font-repere);
      color:var(--trace);
      font-size:.95rem;
      line-height:1.48;
    }

    .monart-meta span{
      color:var(--card-color, var(--jaune));
    }

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

    .monart-logo img{
      width:100%;
      height:100%;
      object-fit:contain;
      display:block;
      filter:saturate(.9);
    }

    .monart-logo:after{
      content:"";
      position:absolute;
      top:-8px;
      left:22px;
      width:72px;
      height:20px;
      background:rgba(156,201,216,.32);
      transform:rotate(-5deg);
    }

    /* =========================================================
       SECTION 1 — COLLABORATIONS ACTUELLES
       ========================================================= */

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

    .monart-feature-grid{
      display:grid;
      grid-template-columns:1.12fr .88fr;
      gap:clamp(1.4rem, 3vw, 2.5rem);
      align-items:stretch;
      margin-bottom:clamp(1.5rem, 4vw, 3rem);
    }

    .monart-partner-feature{
      --card-color:var(--bleu-parcours);
      position:relative;
      display:grid;
      grid-template-columns:150px 1fr;
      gap:1.5rem;
      align-items:start;
      background:rgba(255,248,236,.80);
      border:1px solid rgba(111,88,69,.13);
      box-shadow:var(--shadow-paper);
      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;
      overflow:visible;
    }

    .monart-partner-feature:hover{
      transform:translateY(-6px) rotate(0deg);
      box-shadow:0 30px 76px rgba(66,48,32,.16);
    }

    .monart-partner-feature:nth-child(1){
      transform:rotate(-.7deg);
    }

    .monart-partner-feature:nth-child(2){
      --card-color:var(--corail);
      transform:rotate(1deg);
    }

    .monart-partner-feature h3,
    .monart-partner-card h3,
    .monart-institution-card h3,
    .monart-engagement-card h3{
      font-family:var(--font-repere);
      font-weight:400;
      color:var(--card-color, var(--jaune));
      line-height:1.04;
      font-size:clamp(1.8rem, 3vw, 3rem);
      margin-bottom:1rem;
      text-wrap:balance;
    }

    .monart-partner-grid{
      display:grid;
      grid-template-columns:repeat(3, 1fr);
      gap:clamp(1.2rem, 2.6vw, 2rem);
    }

    .monart-partner-card{
      --card-color:var(--bleu-doux);
      position:relative;
      min-height:430px;
      background:rgba(255,248,236,.78);
      border:1px solid rgba(111,88,69,.13);
      box-shadow:var(--shadow-soft);
      padding:clamp(1.4rem, 2.7vw, 2rem);
      clip-path:polygon(0 4%, 97% 0, 100% 96%, 3% 100%);
      transition:transform .32s ease, box-shadow .32s ease;
      overflow:hidden;
    }

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

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

    .monart-partner-card:nth-child(4){
      --card-color:var(--vert-itineraire);
      transform:translateY(.8rem) rotate(-.6deg);
    }

    .monart-partner-card:nth-child(5){
      --card-color:var(--jaune);
      transform:rotate(.9deg);
    }

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

    .monart-partner-card:before{
      content:"";
      position:absolute;
      width:120px;
      height:120px;
      right:-34px;
      top:-34px;
      border-radius:50%;
      border:2px dashed rgba(111,88,69,.20);
      opacity:.55;
    }

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

    .monart-partner-card .monart-logo{
      width:108px;
      min-width:108px;
      height:108px;
      margin-bottom:1.2rem;
    }

    /* =========================================================
       SECTION 2 — INSTITUTIONS DU PARCOURS
       ========================================================= */

    .section-institutions{
      --section-color:var(--bleu-parcours);
      background:
        radial-gradient(circle at 15% 12%, rgba(46,140,163,.14), transparent 26%),
        radial-gradient(circle at 84% 74%, rgba(156,201,216,.22), transparent 30%);
    }

    .monart-timeline{
      position:relative;
      display:grid;
      gap:clamp(1.4rem, 3vw, 2.3rem);
    }

    .monart-timeline:before{
      content:"";
      position:absolute;
      top:1rem;
      bottom:1rem;
      left:50%;
      width:2px;
      transform:translateX(-50%);
      background:linear-gradient(180deg, transparent, rgba(46,140,163,.42), rgba(156,201,216,.38), transparent);
    }

    .monart-institution-card{
      --card-color:var(--bleu-parcours);
      width:min(570px, calc(50% - 46px));
      position:relative;
      display:grid;
      grid-template-columns:118px 1fr;
      gap:1.2rem;
      background:rgba(255,248,236,.78);
      border:1px solid rgba(111,88,69,.12);
      box-shadow:var(--shadow-soft);
      padding:clamp(1.4rem, 3vw, 2.1rem);
      clip-path:polygon(0 3%, 98% 0, 100% 96%, 3% 100%);
      transition:transform .32s ease, box-shadow .32s ease;
    }

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

    .monart-institution-card:nth-child(even){
      justify-self:end;
      --card-color:var(--bleu-doux);
      transform:rotate(.9deg);
    }

    .monart-institution-card:nth-child(3){
      --card-color:var(--sauge);
    }

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

    .monart-institution-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-institution-card:nth-child(odd):before{
      right:-56px;
    }

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

    .monart-institution-card .monart-logo{
      width:96px;
      min-width:96px;
      height:96px;
    }

    /* =========================================================
       SECTION 3 — RÉSEAU PROFESSIONNEL
       ========================================================= */

    .section-network{
      --section-color:var(--corail);
      background:
        radial-gradient(circle at 18% 28%, rgba(239,125,114,.14), transparent 30%),
        radial-gradient(circle at 92% 20%, rgba(214,183,175,.24), transparent 28%);
    }

    .monart-network-intro{
      width:min(860px, 100%);
      margin:0 auto clamp(2rem, 4vw, 3.2rem);
      background:rgba(255,248,236,.78);
      border:1px solid rgba(111,88,69,.13);
      box-shadow:var(--shadow-soft);
      padding:clamp(1.5rem, 3vw, 2.3rem);
      clip-path:polygon(2% 0, 100% 4%, 97% 100%, 0 94%);
      text-align:center;
    }

    .monart-network-bubbles{
      display:grid;
      grid-template-columns:repeat(5, 1fr);
      gap:clamp(1rem, 2vw, 1.5rem);
      align-items:stretch;
    }

    .monart-bubble{
      --card-color:var(--corail);
      position:relative;
      min-height:230px;
      background:rgba(255,248,236,.75);
      border:1px solid rgba(111,88,69,.12);
      box-shadow:var(--shadow-soft);
      padding:1.25rem;
      border-radius:44% 56% 48% 52% / 52% 42% 58% 48%;
      display:flex;
      flex-direction:column;
      justify-content:center;
      text-align:center;
      transition:transform .32s ease, box-shadow .32s ease, border-radius .32s ease;
    }

    .monart-bubble:nth-child(2){--card-color:var(--bleu-parcours); transform:translateY(1.2rem)}
    .monart-bubble:nth-child(3){--card-color:var(--jaune); transform:rotate(-1deg)}
    .monart-bubble:nth-child(4){--card-color:var(--vert-itineraire); transform:translateY(1.6rem) rotate(1deg)}
    .monart-bubble:nth-child(5){--card-color:var(--rose); transform:rotate(.7deg)}

    .monart-bubble:hover{
      transform:translateY(-7px) rotate(0deg);
      box-shadow:0 28px 70px rgba(66,48,32,.16);
      border-radius:50% 46% 52% 48% / 46% 55% 45% 54%;
    }

    .monart-bubble h3{
      font-family:var(--font-repere);
      font-weight:400;
      color:var(--card-color);
      line-height:1.04;
      font-size:clamp(1.45rem, 2.2vw, 2.25rem);
      margin-bottom:.8rem;
    }

    .monart-bubble p{
      font-size:.96rem;
      line-height:1.5;
      margin:0;
    }

    /* =========================================================
       SECTION 4 — ENGAGEMENTS BÉNÉVOLES
       ========================================================= */

    .section-engagements{
      --section-color:var(--rose);
      background:
        radial-gradient(circle at 20% 18%, rgba(214,183,175,.28), transparent 30%),
        radial-gradient(circle at 72% 70%, rgba(228,184,61,.14), transparent 30%);
    }

    .monart-engagements{
      display:grid;
      grid-template-columns:repeat(2, 1fr);
      gap:clamp(1.5rem, 3vw, 2.6rem);
    }

    .monart-engagement-card{
      --card-color:var(--rose);
      position:relative;
      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);
      clip-path:polygon(2% 0, 100% 4%, 97% 100%, 0 94%);
      display:grid;
      grid-template-columns:132px 1fr;
      gap:1.5rem;
      align-items:start;
      transition:transform .32s ease, box-shadow .32s ease;
    }

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

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

    /* =========================================================
       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(--jaune);
      font-weight:400;
      line-height:1;
      font-size:clamp(2.3rem, 5vw, 4.8rem);
      margin-bottom:1rem;
    }

    /* =========================================================
       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);
    }

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

    @media (max-width:1080px){
      .monart-network-bubbles{
        grid-template-columns:repeat(2, 1fr);
      }

      .monart-bubble:nth-child(n){
        transform:none;
      }
    }

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

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

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

      .monart-hero-card,
      .monart-partner-feature,
      .monart-partner-card,
      .monart-engagement-card{
        transform:none!important;
      }

      .monart-feature-grid,
      .monart-partner-grid,
      .monart-engagements{
        grid-template-columns:1fr;
      }

      .monart-timeline{
        padding-left:1.1rem;
      }

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

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

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

    @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-partner-feature,
      .monart-institution-card,
      .monart-engagement-card{
        grid-template-columns:1fr;
      }

      .monart-logo,
      .monart-partner-card .monart-logo,
      .monart-institution-card .monart-logo{
        width:118px;
        min-width:118px;
        height:118px;
      }

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

      .monart-bubble{
        min-height:190px;
      }
    }

    @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;
}/* End custom CSS */