.elementor-1671 .elementor-element.elementor-element-b1cbb39{--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;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );text-transform:var( --e-global-typography-secondary-text-transform );font-style:var( --e-global-typography-secondary-font-style );text-decoration:var( --e-global-typography-secondary-text-decoration );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-1671 .elementor-element.elementor-element-162abcc{--divider-border-style:solid;--divider-color:var( --e-global-color-66f403f );--divider-border-width:1px;}.elementor-1671 .elementor-element.elementor-element-162abcc .elementor-divider-separator{width:100%;}.elementor-1671 .elementor-element.elementor-element-162abcc .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-1671 .elementor-element.elementor-element-f1e73f2{--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;}.elementor-1671 .elementor-element.elementor-element-272167c{--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;}.elementor-1671 .elementor-element.elementor-element-99d7f8c{--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;}.elementor-1671 .elementor-element.elementor-element-1379aa4{--display:flex;}.elementor-1671 .elementor-element.elementor-element-f88bbb2{--display:flex;}.elementor-1671 .elementor-element.elementor-element-e36317c{--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;}.elementor-1671 .elementor-element.elementor-element-e36317c:not(.elementor-motion-effects-element-type-background), .elementor-1671 .elementor-element.elementor-element-e36317c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-1671 .elementor-element.elementor-element-3ccd4d8{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--overflow:hidden;}.elementor-1671 .elementor-element.elementor-element-180aac1{--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;}.elementor-1671 .elementor-element.elementor-element-180aac1:not(.elementor-motion-effects-element-type-background), .elementor-1671 .elementor-element.elementor-element-180aac1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-1671 .elementor-element.elementor-element-c0afa7e{--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;}.elementor-1671 .elementor-element.elementor-element-c0afa7e.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1671 .elementor-element.elementor-element-2179cdf{--divider-border-style:solid;--divider-color:var( --e-global-color-accent );--divider-border-width:1px;}.elementor-1671 .elementor-element.elementor-element-2179cdf .elementor-divider-separator{width:100%;}.elementor-1671 .elementor-element.elementor-element-2179cdf .elementor-divider{padding-block-start:25px;padding-block-end:25px;}.elementor-1671 .elementor-element.elementor-element-c79b02a{--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;}.elementor-1671 .elementor-element.elementor-element-c79b02a:not(.elementor-motion-effects-element-type-background), .elementor-1671 .elementor-element.elementor-element-c79b02a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-1671 .elementor-element.elementor-element-f6a15d8{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--overflow:hidden;}.elementor-1671 .elementor-element.elementor-element-6b0b6b1{--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;}.elementor-1671 .elementor-element.elementor-element-6b0b6b1:not(.elementor-motion-effects-element-type-background), .elementor-1671 .elementor-element.elementor-element-6b0b6b1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-1671 .elementor-element.elementor-element-38ba934{--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;}.elementor-1671 .elementor-element.elementor-element-38ba934.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1671 .elementor-element.elementor-element-92a8258{--divider-border-style:solid;--divider-color:var( --e-global-color-accent );--divider-border-width:1px;}.elementor-1671 .elementor-element.elementor-element-92a8258 .elementor-divider-separator{width:100%;}.elementor-1671 .elementor-element.elementor-element-92a8258 .elementor-divider{padding-block-start:25px;padding-block-end:25px;}.elementor-1671 .elementor-element.elementor-element-17aaef6{--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;}.elementor-1671 .elementor-element.elementor-element-6368d41{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-1671 .elementor-element.elementor-element-6368d41 .elementor-divider-separator{width:0%;}.elementor-1671 .elementor-element.elementor-element-6368d41 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}@media(max-width:1024px) and (min-width:768px){.elementor-1671 .elementor-element.elementor-element-c0afa7e{--width:100%;}.elementor-1671 .elementor-element.elementor-element-38ba934{--width:100%;}}@media(max-width:1024px){.elementor-widget-divider .elementor-divider__text{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}}@media(max-width:767px){.elementor-widget-divider .elementor-divider__text{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}}/* Start custom CSS for html, class: .elementor-element-1277054 */:root{ --ap-accent:#D19028; --ap-stroke:rgba(255,255,255,.10); --ap-radius:22px; --ap-font:"Red Hat Display", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; } .ap-spec{ padding: clamp(24px, 4vw, 52px) 16px; position: relative; } .ap-spec__wrap{ max-width:1100px; margin:0 auto; } .ap-spec__head{ display:flex; align-items:flex-end; justify-content:space-between; gap:14px; margin-bottom: 16px; } .ap-spec__title{ margin:0; font-family: var(--ap-font); font-weight: 500; color: var(--ap-accent); font-size: clamp(22px, 2.6vw, 34px); letter-spacing: .02em; } .ap-spec__subtitle{ margin:0; font-family: var(--ap-font); font-weight: 300; color: rgba(255,255,255,.72); font-size: 13px; } .ap-spec__grid{ display:grid; gap: 12px; grid-template-columns: 1fr; } @media (min-width: 720px){ .ap-spec__grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; } .ap-spec__hero{ grid-column: 1 / -1; } } @media (min-width: 1020px){ .ap-spec__grid{ grid-template-columns: 1.35fr repeat(2, minmax(0, 1fr)); gap: 12px; align-items: stretch; } .ap-spec__hero{ grid-column: 1 / 2; grid-row: 1 / span 3; min-height: 100%; } } /* HERO */ .ap-spec__hero{ border-radius: var(--ap-radius); border: 1px solid rgba(209,144,40,.28); background: radial-gradient(900px 380px at 30% 0%, rgba(209,144,40,.14), transparent 55%), rgba(255,255,255,.03); padding: 18px; box-shadow: 0 22px 70px rgba(0,0,0,.35); } .ap-spec__hero-top{ display:flex; justify-content:flex-start; margin-bottom: 12px; } .ap-spec__hero-title{ margin:0 0 8px; font-family: var(--ap-font); font-weight: 500; color: rgba(255,255,255,.96); font-size: clamp(18px, 2.2vw, 26px); line-height: 1.1; } .ap-spec__hero-text{ margin:0 0 14px; font-family: var(--ap-font); font-weight: 300; color: rgba(255,255,255,.78); font-size: 14px; line-height: 1.55; max-width: 60ch; } .ap-spec__hero-tags{ display:flex; flex-wrap:wrap; gap: 8px; } .ap-tag{ display:inline-flex; align-items:center; padding: 8px 10px; border-radius: 999px; border: 1px solid rgba(255,255,255,.10); background: rgba(0,0,0,.18); color: rgba(255,255,255,.86); font-family: var(--ap-font); font-size: 12px; font-weight: 300; letter-spacing: .02em; } /* CARDS */ .ap-spec__card{ border-radius: var(--ap-radius); border: 1px solid var(--ap-stroke); background: rgba(255,255,255,.04); padding: 14px; display:grid; gap: 8px; box-shadow: 0 18px 55px rgba(0,0,0,.22); transition: transform .18s ease, border-color .18s ease, background .18s ease; } .ap-spec__top{ display:flex; align-items:center; justify-content:space-between; gap: 10px; } .ap-pill{ display:inline-flex; align-items:center; gap: 8px; padding: 7px 10px; border-radius: 999px; border: 1px solid rgba(255,255,255,.10); background: rgba(0,0,0,.16); color: rgba(255,255,255,.75); font-family: var(--ap-font); font-size: 11px; letter-spacing: .10em; text-transform: uppercase; font-weight: 400; } .ap-pill--gold{ border-color: rgba(209,144,40,.38); background: rgba(209,144,40,.10); color: rgba(255,255,255,.88); } .ap-ico{ width: 16px; height: 16px; display:inline-grid; place-items:center; color: rgba(255,255,255,.9); } .ap-ico svg{ width:16px; height:16px; } .ap-spec__icon{ width: 34px; height: 34px; border-radius: 12px; border: 1px solid rgba(255,255,255,.10); background: rgba(0,0,0,.16); display:grid; place-items:center; color: rgba(255,255,255,.78); } .ap-spec__icon svg{ width:18px; height:18px; } .ap-spec__label{ margin: 0; font-family: var(--ap-font); font-weight: 600; color: var(--ap-accent); letter-spacing: .05em; text-transform: uppercase; font-size: 12px; line-height: 1.2; } .ap-spec__text{ margin: 0; font-family: var(--ap-font); font-weight: 300; color: rgba(255,255,255,.78); font-size: 14px; line-height: 1.55; } @media (hover:hover){ .ap-spec__card:hover{ transform: translateY(-2px); border-color: rgba(209,144,40,.35); background: rgba(255,255,255,.05); } } @media (max-width: 560px){ .ap-spec__head{ flex-direction:column; align-items:flex-start; } .ap-spec__hero{ padding: 14px; } .ap-spec__card{ padding: 12px; } } @media (prefers-reduced-motion: reduce){ .ap-spec__card{ transition:none; } }

.ap-spec__hero,
.ap-spec__card{
  box-sizing: border-box;
  min-width: 0;
}

/* On évite d'imposer height:100% sur les items : source fréquente de “bug” */
.ap-spec__hero,
.ap-spec__card{
  height: auto;
}

/* Harmonise la barre du haut (pill + icône) */
.ap-spec__top{
  min-height: 40px;
  align-items: center;
}

/* Troncature safe (uniquement si support WebKit) */
.ap-spec__label{
  margin-top: 2px;
}

/* ---------- DESKTOP (>=1020px) ---------- */
@media (min-width: 1020px){
  .ap-spec__grid{
    grid-template-columns: 1.35fr 1fr 1fr;
    align-items: stretch;
    /* clé : des lignes égales -> aligne vraiment les cartes */
    grid-auto-rows: 1fr;
  }

  /* HERO à gauche sur 3 lignes */
  .ap-spec__hero{
    grid-column: 1;
    grid-row: 1 / span 3;

    /* on peut utiliser flex sans height:100% */
    display: flex;
    flex-direction: column;
  }

  /* Cartes à droite : toutes même hauteur grâce à grid-auto-rows:1fr */
  .ap-spec__card{
    display: flex;
    flex-direction: column;
    min-height: 0; /* important pour éviter bugs de stretch */
  }

  /* Si tu veux que le texte prenne le reste sans casser : */
  .ap-spec__text{
    margin-top: 2px;
  }
}

/* ---------- TABLET (720px–1019px) ---------- */
@media (min-width: 720px) and (max-width: 1019px){
  .ap-spec__grid{
    grid-template-columns: 1fr 1fr;
    align-items: stretch;
    grid-auto-rows: 1fr; /* aligne les cartes entre elles */
  }

  .ap-spec__hero{
    grid-column: 1 / -1;
    grid-row: auto;
    display: block; /* pas besoin de flex ici */
  }

  .ap-spec__card{
    display: flex;
    flex-direction: column;
    min-height: 0;
  }
}

/* ---------- MOBILE (<=719px) ---------- */
/* Rien à forcer : une colonne = pas de “bug” de hauteur */
@media (max-width: 719px){
  .ap-spec__grid{
    grid-auto-rows: auto;
  }
}

/* ---------- Clamp (OPTIONNEL) : à activer uniquement si tu veux vraiment couper ---------- */
/* Beaucoup de “bugs” viennent du clamp sur des titres/texte selon polices/line-height.
   Je le rends safe : uniquement si le navigateur supporte. */

@supports (-webkit-line-clamp: 1){
  .ap-spec__label{
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  .ap-spec__text{
    display: -webkit-box;
    -webkit-line-clamp: 3; /* mets 4 si tu veux */
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1d728cc */:root{
  --ap-accent:#D19028;
  --ap-stroke:rgba(255,255,255,.10);
  --ap-radius:20px;
  --ap-font:"Red Hat Display", sans-serif;
}

/* SECTION */
.ap-dimensions{
  padding: clamp(20px, 4vw, 40px) 16px;
}

.ap-dimensions__wrap{
  max-width: 1100px;
  margin: 0 auto;
}

.ap-dimensions__card{
  border-radius: var(--ap-radius);
  border: 1px solid var(--ap-stroke);
  background: linear-gradient(
    180deg,
    rgba(255,255,255,.04),
    rgba(0,0,0,.25)
  );
  padding: clamp(16px, 3vw, 22px);
  box-shadow: 0 20px 55px rgba(0,0,0,.35);
}

/* HEADER */
.ap-dimensions__head{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 18px;
}

.ap-dimensions__title{
  margin: 0;
  font-family: var(--ap-font);
  font-weight: 500;
  font-size: clamp(16px, 2.2vw, 20px);
  line-height: 1.2;
  color: var(--ap-accent);
  min-width: 0;
  word-break: break-word;
}

.ap-dimensions__code{
  padding: 6px 12px;
  border-radius: 999px;
  background: rgba(209,144,40,.18);
  border: 1px solid rgba(209,144,40,.45);
  color: var(--ap-accent);
  font-size: 12px;
  letter-spacing: .08em;
  white-space: nowrap;
  flex: 0 0 auto;
}

@media (max-width: 420px){
  .ap-dimensions__head{
    flex-direction: column;
    align-items: flex-start;
  }
}

/* GRID */
.ap-dimensions__grid{
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 12px;
}

@media (min-width: 720px){
  .ap-dimensions__grid{
    grid-template-columns: repeat(4, minmax(0,1fr));
  }
}

/* CARDS */
.ap-dimension{
  background: rgba(0,0,0,.25);
  border: 1px solid rgba(255,255,255,.06);
  border-radius: 14px;
  padding: 14px 10px;
  text-align: center;
  min-width: 0;
}

.ap-dimension__label{
  display: block;
  font-size: 11px;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: rgba(255,255,255,.6);
  margin-bottom: 6px;
  line-height: 1.25;
  white-space: normal;
  word-break: break-word;
}

.ap-dimension__value{
  font-size: clamp(14px, 2.7vw, 18px);
  font-weight: 500;
  color: #fff;
  line-height: 1.25;
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: break-word;
}

@media (max-width: 520px){
  .ap-dimension{
    padding: 12px 10px;
  }
  .ap-dimension__label{
    font-size: 10px;
    letter-spacing: .10em;
  }
  .ap-dimension__value{
    font-weight: 500;
  }
}

.ap-dimensions,
.ap-dimensions *{
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}/* End custom CSS */