.elementor-37 .elementor-element.elementor-element-56da98d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:30px;--margin-left:0px;--margin-right:0px;}.elementor-37 .elementor-element.elementor-element-987ff53{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-37 .elementor-element.elementor-element-987ff53 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-37 .elementor-element.elementor-element-c8be7cd{width:var( --container-widget-width, 99.438% );max-width:99.438%;--container-widget-width:99.438%;--container-widget-flex-grow:0;}.elementor-37 .elementor-element.elementor-element-c8be7cd > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-37 .elementor-element.elementor-element-c8be7cd.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-37 .elementor-element.elementor-element-c8be7cd .elementor-heading-title{color:var( --e-global-color-astglobalcolor0 );}.elementor-37 .elementor-element.elementor-element-80c7166{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;column-gap:0px;text-align:start;}.elementor-37 .elementor-element.elementor-element-80c7166 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-37 .elementor-element.elementor-element-db91f44{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-37 .elementor-element.elementor-element-21d3fe62{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:45px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-37 .elementor-element.elementor-element-74e6bacc{width:var( --container-widget-width, 31% );max-width:31%;--container-widget-width:31%;--container-widget-flex-grow:0;}.elementor-37 .elementor-element.elementor-element-74e6bacc > .elementor-widget-container{margin:0px 0px 8px 0px;}.elementor-37 .elementor-element.elementor-element-74e6bacc.elementor-element{--align-self:center;--order:99999 /* order end hack */;--flex-grow:0;--flex-shrink:0;}.elementor-37 .elementor-element.elementor-element-74e6bacc .elementor-button:hover, .elementor-37 .elementor-element.elementor-element-74e6bacc .elementor-button:focus{color:var( --e-global-color-astglobalcolor5 );}.elementor-37 .elementor-element.elementor-element-74e6bacc .elementor-button:hover svg, .elementor-37 .elementor-element.elementor-element-74e6bacc .elementor-button:focus svg{fill:var( --e-global-color-astglobalcolor5 );}.elementor-37 .elementor-element.elementor-element-74e6bacc .elementor-button{border-radius:20px 20px 20px 20px;}.elementor-37 .elementor-element.elementor-element-d5c52f3{width:var( --container-widget-width, 34% );max-width:34%;--container-widget-width:34%;--container-widget-flex-grow:0;text-align:center;font-size:13px;color:var( --e-global-color-text );}.elementor-37 .elementor-element.elementor-element-d5c52f3 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-37 .elementor-element.elementor-element-d5c52f3.elementor-element{--align-self:center;--order:99999 /* order end hack */;}.elementor-37 .elementor-element.elementor-element-d5c52f3 p{margin-block-end:0px;}.elementor-37 .elementor-element.elementor-element-5f982450.elementor-element{--order:99999 /* order end hack */;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-37 .elementor-element.elementor-element-987ff53{--container-widget-width:317px;--container-widget-flex-grow:0;width:var( --container-widget-width, 317px );max-width:317px;}.elementor-37 .elementor-element.elementor-element-74e6bacc{--container-widget-width:198px;--container-widget-flex-grow:0;width:var( --container-widget-width, 198px );max-width:198px;}}/* Start custom CSS for text-editor, class: .elementor-element-80c7166 *//* Paragraphe d’intro (lead) — version large, sans équilibrage */
.page-intro{
  margin: 6px 0 18px;
  max-width: none;          /* ou 80ch si tu veux garder une largeur lisible */
  font-size: clamp(16px, 1.2vw, 18px);
  line-height: 1.55;
  font-weight: 500;
  color: inherit;
  text-wrap: normal;        /* pas d’équilibrage “balance” */
}
.page-intro strong{ font-weight:600; color:#004f91; }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b2b5b43 *//* ===== lamelles-css — N=19 (larges & basses, SEO, final) ===== */
#wd-lamelles{
  --slat-w: 130px;   /* largeur vignette visible (ajuste 120–150) */
  --slat-h: 300px;   /* hauteur vignette (ajuste 260–320) */
  --slat-gap: 14px;
  --slat-bw: 2px;

  --stage-h: 360px;  /* hauteur de l’aperçu ouvert */
  --fit: contain;
  --radius: 16px;

  --accent: #ef7b14;      /* orange */
  --brand-blue: #004f91;  /* bleu */
  --btn: #004f91;
  --desc: #004f91;

  display:flex;
  flex-direction: column-reverse;
  gap:14px;
  background:transparent;
}

/* Radios invisibles */
#wd-lamelles .ls-radio{
  position:absolute; inset:auto; width:0; height:0; opacity:0; pointer-events:none;
}

/* Stage fermé par défaut */
#wd-lamelles .ls-stage{
  position:relative;
  height:0; visibility:hidden; overflow:hidden;
  border:none; border-radius:var(--radius); background:transparent; box-shadow:none;
  transition:height .34s ease, visibility .34s ease;
  z-index:1;
  pointer-events:none;
}
#wd-lamelles .ls-stage-item{ position:absolute; inset:0; opacity:0; transition:opacity .25s ease; }
#wd-lamelles .ls-stage-item img{
  width:100%; height:100%; object-fit:var(--fit); object-position:center; display:block;
}

/* Overlay au-dessus des lamelles → liens cliquables */
#wd-lamelles .ls-overlay{
  position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);
  z-index:6; /* ↑ important */
  width:min(92%,680px); padding:22px 24px;
  background:#fff; color:#111; border-radius:12px;
  box-shadow:0 28px 80px rgba(0,0,0,.28), 0 10px 30px rgba(0,0,0,.18);
  text-align:center; display:grid; gap:12px;
}
#wd-lamelles .ls-overlay a{ position:relative; z-index:7; } /* bouton au-dessus */
#wd-lamelles .ls-title{
  margin:0; font:700 clamp(18px,1.4vw + 12px,28px)/1.2 "Playfair Display", serif; color:var(--accent);
}
#wd-lamelles .ls-desc{ margin:0; color:var(--desc); white-space:normal; overflow-wrap:anywhere; }

#wd-lamelles .ls-btn{
  justify-self:center; padding:10px 14px; border-radius:999px;
  background:var(--btn); color:#fff; text-decoration:none; font-weight:600;
  border:1px solid rgba(0,0,0,.08); box-shadow:0 2px 10px rgba(0,0,0,.15);
}
#wd-lamelles .ls-btn:hover, #wd-lamelles .ls-btn:focus-visible{ background:var(--accent); color:#fff; }

/* Lamelles (vignettes) */
#wd-lamelles .ls-slats{
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns:var(--slat-w);
  gap:var(--slat-gap);
  align-items:start;
  overflow-x:auto;
  padding:6px 8px;
  background:#fff;
  overscroll-behavior-x:contain;
  position:relative;
  z-index:3;
}
#wd-lamelles .slat{
  width:var(--slat-w); height:var(--slat-h);
  border-radius:0; background:#fff;
  border:var(--slat-bw) solid var(--brand-blue);
  overflow:hidden; cursor:pointer;
  transition:box-shadow .2s ease, border-color .2s ease, transform .2s ease;
  box-shadow:0 0 0 rgba(0,0,0,0);
  display:block;
}
#wd-lamelles .slat img{
  width:100%; height:100%;
  object-fit:cover; object-position:center; display:block;
  transition:transform .25s ease; will-change:transform;
}
#wd-lamelles .slat:hover, #wd-lamelles .slat:focus-visible{
  box-shadow:0 6px 16px rgba(0,0,0,.15); border-color:var(--brand-blue);
}
#wd-lamelles .slat:hover img, #wd-lamelles .slat:focus-visible img{ transform:scale(1.06); }

/* Ouverture */
#wd-lamelles input[type="radio"]:checked ~ .ls-stage{
  height:var(--stage-h); visibility:visible; box-shadow:none; pointer-events:auto;
}
#wd-lamelles #wd-1:checked  ~ .ls-stage #st-1,
#wd-lamelles #wd-2:checked  ~ .ls-stage #st-2,
#wd-lamelles #wd-3:checked  ~ .ls-stage #st-3,
#wd-lamelles #wd-4:checked  ~ .ls-stage #st-4,
#wd-lamelles #wd-5:checked  ~ .ls-stage #st-5,
#wd-lamelles #wd-6:checked  ~ .ls-stage #st-6,
#wd-lamelles #wd-7:checked  ~ .ls-stage #st-7,
#wd-lamelles #wd-8:checked  ~ .ls-stage #st-8,
#wd-lamelles #wd-9:checked  ~ .ls-stage #st-9,
#wd-lamelles #wd-10:checked  ~ .ls-stage #st-10,
#wd-lamelles #wd-11:checked  ~ .ls-stage #st-11,
#wd-lamelles #wd-12:checked  ~ .ls-stage #st-12,
#wd-lamelles #wd-13:checked  ~ .ls-stage #st-13,
#wd-lamelles #wd-14:checked  ~ .ls-stage #st-14,
#wd-lamelles #wd-15:checked  ~ .ls-stage #st-15,
#wd-lamelles #wd-16:checked  ~ .ls-stage #st-16,
#wd-lamelles #wd-17:checked  ~ .ls-stage #st-17,
#wd-lamelles #wd-18:checked  ~ .ls-stage #st-18,
#wd-lamelles #wd-19:checked  ~ .ls-stage #st-19{ opacity:1; }

/* Surligner la lamelle active */
#wd-lamelles #wd-1:checked  ~ .ls-slats label[for="wd-1"],
#wd-lamelles #wd-2:checked  ~ .ls-slats label[for="wd-2"],
#wd-lamelles #wd-3:checked  ~ .ls-slats label[for="wd-3"],
#wd-lamelles #wd-4:checked  ~ .ls-slats label[for="wd-4"],
#wd-lamelles #wd-5:checked  ~ .ls-slats label[for="wd-5"],
#wd-lamelles #wd-6:checked  ~ .ls-slats label[for="wd-6"],
#wd-lamelles #wd-7:checked  ~ .ls-slats label[for="wd-7"],
#wd-lamelles #wd-8:checked  ~ .ls-slats label[for="wd-8"],
#wd-lamelles #wd-9:checked  ~ .ls-slats label[for="wd-9"],
#wd-lamelles #wd-10:checked  ~ .ls-slats label[for="wd-10"],
#wd-lamelles #wd-11:checked  ~ .ls-slats label[for="wd-11"],
#wd-lamelles #wd-12:checked  ~ .ls-slats label[for="wd-12"],
#wd-lamelles #wd-13:checked  ~ .ls-slats label[for="wd-13"],
#wd-lamelles #wd-14:checked  ~ .ls-slats label[for="wd-14"],
#wd-lamelles #wd-15:checked  ~ .ls-slats label[for="wd-15"],
#wd-lamelles #wd-16:checked  ~ .ls-slats label[for="wd-16"],
#wd-lamelles #wd-17:checked  ~ .ls-slats label[for="wd-17"],
#wd-lamelles #wd-18:checked  ~ .ls-slats label[for="wd-18"],
#wd-lamelles #wd-19:checked  ~ .ls-slats label[for="wd-19"]{ border-color:var(--accent); box-shadow:inset 0 0 0 2px var(--accent); }

/* Responsive léger */
@media (max-width: 640px){
  #wd-lamelles{ --slat-w: 100px; --slat-h: 240px; --stage-h: 320px; }
}/* End custom CSS */