#solutions#solutions{
  --sol-palier:#D6D2CA;
  --sol-encre:#1B1C20;
  --sol-gris:#5E5C57;
  --sol-nuit:#0A0A0D;
  --sol-platre:#C4C0B7;
  --sol-cyan:#31c7d2;
  --sol-ambre:#ff9a3c;

  --sol-titre:'Chakra Petch', system-ui, sans-serif;
  --sol-texte:'Public Sans', system-ui, sans-serif;

  display:block;
  position:relative;
  min-height:100%;
  background:var(--sol-nuit);
  color:var(--sol-encre);
  font-family:var(--sol-texte);
  font-weight:400;
  -webkit-font-smoothing:antialiased;
}


#solutions#solutions .sol-slab{
  background:var(--sol-palier);
  min-height:100%;
  opacity:1;
}
#solutions#solutions.is-arming .sol-slab{ opacity:0; }
#solutions#solutions.is-armed  .sol-slab{ opacity:1; transition:opacity 400ms linear; }

#solutions#solutions .sol-wrap{
  max-width:1200px;
  margin:0 auto;
  padding:56px 20px 96px;
  box-sizing:border-box;
}




#solutions#solutions h1,
#solutions#solutions h2,
#solutions#solutions h3,
#solutions#solutions p,
#solutions#solutions ul{ margin:0; }

#solutions#solutions h1{
  font-family:var(--sol-titre);
  font-weight:700;
  font-size:clamp(36px, 5.2vw, 64px);
  line-height:1.02;
  letter-spacing:-0.01em;
  color:var(--sol-encre);
  text-wrap:pretty;
}
#solutions#solutions h2{
  font-family:var(--sol-titre);
  font-weight:700;
  font-size:clamp(28px, 3.4vw, 44px);
  line-height:1.06;
  color:var(--sol-encre);
  text-wrap:pretty;
}
#solutions#solutions h3{
  font-family:var(--sol-titre);
  font-weight:700;
  font-size:clamp(18px, 1.6vw, 20px);
  line-height:1.2;
  color:var(--sol-encre);
}
#solutions#solutions p,
#solutions#solutions li{
  font-size:clamp(17px, 1.4vw, 18px);
  line-height:1.55;
  color:var(--sol-encre);
  text-wrap:pretty;
}
#solutions#solutions .sol-mesure{ max-width:64ch; }

#solutions#solutions ul{
  padding-left:20px;
  list-style:square;
  display:flex;
  flex-direction:column;
  gap:8px;
}
#solutions#solutions li::marker{ color:var(--sol-encre); }

#solutions#solutions .sol-meta{
  font-size:15px;
  line-height:1.5;
  color:var(--sol-gris);
}
#solutions#solutions .sol-tech{
  font-size:clamp(14px, 1.1vw, 15px);
  line-height:1.5;
  color:var(--sol-gris);
  max-width:64ch;
}
#solutions#solutions .sol-vide{ color:var(--sol-gris); }


#solutions#solutions a{
  color:var(--sol-encre);
  text-decoration-color:var(--sol-cyan);
}
#solutions#solutions a:hover{
  text-decoration:underline;
  text-decoration-color:var(--sol-cyan);
  text-decoration-thickness:2px;
  text-underline-offset:3px;
}
#solutions#solutions a:focus-visible{
  outline:2px solid var(--sol-cyan);
  outline-offset:3px;
}
#solutions#solutions .sol-lien{
  font-weight:600;
  text-decoration:underline;
  text-decoration-color:var(--sol-cyan);
  text-decoration-thickness:2px;
  text-underline-offset:3px;
}


#solutions#solutions .sol-btns{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
}
#solutions#solutions .sol-btn{
  flex:1 1 240px;
  min-height:48px;
  display:flex; align-items:center; justify-content:center;
  padding:0 20px;
  box-sizing:border-box;
  font-family:var(--sol-titre);
  font-weight:700;
  font-size:16px;
  line-height:1.2;
  text-align:center;
  text-decoration:none;
  border:2px solid transparent;
  border-radius:0;
}
#solutions#solutions .sol-btn--plein{
  background:var(--sol-ambre);
  color:var(--sol-encre);
}
#solutions#solutions .sol-btn--contour{
  border-color:var(--sol-nuit);
  color:var(--sol-encre);
}
#solutions#solutions .sol-btn:hover{ text-decoration:none; }
#solutions#solutions .sol-btn--plein:hover{ box-shadow:inset 0 0 0 2px var(--sol-nuit); }
#solutions#solutions .sol-btn--contour:hover{ background:var(--sol-platre); }
#solutions#solutions .sol-btn[aria-disabled="true"]{
  color:var(--sol-gris);
  pointer-events:none;
}
#solutions#solutions .sol-btn--plein[aria-disabled="true"]{
  background:var(--sol-platre);
  border-color:var(--sol-platre);
}
#solutions#solutions .sol-btn--contour[aria-disabled="true"]{
  border-color:var(--sol-platre);
}


#solutions#solutions .sol-head{
  display:flex;
  flex-direction:column;
  gap:24px;
  max-width:900px;
}


#solutions#solutions .sol-palier{ display:none; margin-top:72px; }

#solutions#solutions .sol-portes{
  display:grid;
  grid-template-columns:1fr;
  gap:24px;
}

#solutions#solutions .sol-porte{
  position:relative;
  display:block;
  aspect-ratio:3/4;
  max-height:70dvh;
  border:8px solid var(--sol-nuit);
  background:var(--sol-platre);
  box-sizing:border-box;
  overflow:hidden;
  text-decoration:none;
}
#solutions#solutions .sol-porte:hover{ text-decoration:none; }

#solutions#solutions .sol-porte__visuel{
  position:absolute;
  inset:0;
  overflow:hidden;
}

#solutions#solutions .sol-porte__vantail{
  position:absolute;
  inset:0;
  z-index:1;
  background:var(--sol-nuit);
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  align-items:flex-start;
  padding:24px;
  box-sizing:border-box;
  transform:translateX(0);
  transition:transform 480ms cubic-bezier(.2,.8,.2,1);
}
@media (hover:hover){
  #solutions#solutions .sol-porte:hover .sol-porte__vantail{ transform:translateX(-96%); }
}
#solutions#solutions .sol-porte:focus-visible .sol-porte__vantail{ transform:translateX(-96%); }

#solutions#solutions .sol-porte__nom{
  font-family:var(--sol-titre);
  font-weight:700;
  font-size:clamp(22px, 1.9vw, 28px);
  line-height:1.1;
  color:var(--sol-palier);
}
#solutions#solutions .sol-porte__ouvrir{
  font-family:var(--sol-titre);
  font-weight:700;
  font-size:14px;
  letter-spacing:.04em;
  color:var(--sol-cyan);
  opacity:0;
  transition:opacity 200ms linear;
}
@media (hover:hover){
  #solutions#solutions .sol-porte:hover .sol-porte__ouvrir{ opacity:1; transition-delay:60ms; }
}
#solutions#solutions .sol-porte:focus-visible .sol-porte__ouvrir{ opacity:1; }

#solutions#solutions .sol-plaque{
  position:absolute;
  right:16px; bottom:16px;
  z-index:2;
  background:var(--sol-palier);
  border:1px solid var(--sol-nuit);
  color:var(--sol-encre);
  font-size:14px;
  line-height:1.2;
  padding:4px 10px;
}

@media (prefers-reduced-motion:reduce){
  #solutions#solutions .sol-porte__vantail,
  #solutions#solutions .sol-porte__ouvrir{ transition:none; }
}

#solutions#solutions .sol-plinthe{
  display:none;
  border-top:2px solid var(--sol-nuit);
  margin-top:24px;
}


#solutions#solutions .sol-rail{ margin-top:48px; }

#solutions#solutions .sol-bloc{
  position:relative;
  scroll-margin-top:24px;
}

#solutions#solutions.is-anim .sol-bloc{ opacity:0; }
#solutions#solutions.is-anim .sol-bloc.is-vu{
  opacity:1;
  transition:opacity 520ms linear;
}
#solutions#solutions .sol-bloc + .sol-bloc{ margin-top:12px; }

#solutions#solutions .sol-fiche{ display:block; }

#solutions#solutions .sol-tete{
  position:relative;
  display:flex;
  flex-direction:column;
  gap:6px;
  padding:14px 50px 16px 18px;
  background:var(--sol-nuit);
  color:var(--sol-palier);
}
#solutions#solutions .sol-fiche.is-repliable .sol-tete{ cursor:pointer; }
#solutions#solutions .sol-tete h2{
  color:var(--sol-palier);
  font-size:clamp(20px, 5.4vw, 24px);
}
#solutions#solutions .sol-tete .sol-meta{ color:var(--sol-platre); font-size:14px; }
#solutions#solutions .is-upcoming .sol-tete h2{ color:var(--sol-platre); }
#solutions#solutions .sol-tete:focus-visible{
  outline:2px solid var(--sol-cyan);
  outline-offset:-4px;
}
#solutions#solutions .sol-fiche:not(.is-repliable) .sol-chevron{ display:none; }

#solutions#solutions .sol-chevron{
  position:absolute;
  right:20px; top:22px;
  width:10px; height:10px;
  border-right:2px solid var(--sol-palier);
  border-bottom:2px solid var(--sol-palier);
  transform:rotate(45deg);
  transition:transform 200ms linear;
}
#solutions#solutions .sol-fiche.is-ouverte .sol-chevron{ transform:rotate(-135deg); }

#solutions#solutions .sol-fiche .sol-texte{ padding-top:24px; }
#solutions#solutions .sol-fiche.is-repliee > .sol-figure,
#solutions#solutions .sol-fiche.is-repliee > .sol-attente,
#solutions#solutions .sol-fiche.is-repliee > .sol-texte{ display:none; }

@keyframes sol-apparait{ from{ opacity:0 } to{ opacity:1 } }
#solutions#solutions .sol-fiche.is-ouverte > .sol-figure,
#solutions#solutions .sol-fiche.is-ouverte > .sol-attente,
#solutions#solutions .sol-fiche.is-ouverte > .sol-texte{
  animation:sol-apparait 320ms linear both;
}
#solutions#solutions .sol-fiche > .sol-figure,
#solutions#solutions .sol-fiche > .sol-attente{ margin-top:24px; }

#solutions#solutions .sol-figure{
  width:100%;
  max-width:220px;
  aspect-ratio:3/4;
  overflow:hidden;
}

#solutions#solutions .sol-texte{
  display:flex;
  flex-direction:column;
  gap:28px;
  min-width:0;
}
#solutions#solutions .sol-groupe{
  display:flex;
  flex-direction:column;
  gap:10px;
}

#solutions#solutions .sol-bloc.is-upcoming .sol-texte{ opacity:.6; }
#solutions#solutions .sol-attente{
  width:100%;
  max-width:220px;
  aspect-ratio:3/4;
  background:var(--sol-platre);
  display:flex;
  align-items:flex-end;
  padding:20px;
  box-sizing:border-box;
}
#solutions#solutions .sol-attente span{
  background:var(--sol-palier);
  border:1px solid var(--sol-nuit);
  font-size:14px;
  padding:4px 10px;
}


#solutions#solutions .sol-tab{
  width:100%;
  max-width:64ch;
  border-collapse:collapse;
  table-layout:fixed;
  text-align:left;
}
#solutions#solutions .sol-tab th,
#solutions#solutions .sol-tab td{
  font-size:clamp(15px, 1.2vw, 16px);
  line-height:1.45;
  padding:10px 14px 10px 0;
  border-bottom:1px solid var(--sol-platre);
  vertical-align:top;
  color:var(--sol-encre);
}
#solutions#solutions .sol-tab th{
  font-family:var(--sol-titre);
  font-weight:700;
  font-size:15px;
}
#solutions#solutions .sol-tab th:last-child,
#solutions#solutions .sol-tab td:last-child{
  background:rgba(196,192,183,.4);
  padding-left:14px;
}
#solutions#solutions .is-upcoming .sol-tab td{ color:var(--sol-gris); }


#solutions#solutions .sol-fin{
  margin-top:128px;
  display:flex;
  flex-direction:column;
  gap:24px;
  max-width:64ch;
}
#solutions#solutions .sol-choix li{ line-height:1.5; }
#solutions#solutions .sol-situation{ font-weight:600; }
#solutions#solutions .sol-porte-lien{
  font-family:var(--sol-titre);
  font-weight:700;
  text-decoration:underline;
  text-decoration-color:var(--sol-cyan);
  text-decoration-thickness:2px;
  text-underline-offset:3px;
}

#solutions#solutions .sol-porte-lien,
#solutions#solutions .sol-lien{
  display:inline-block;
  padding:12px 0;
  margin:-12px 0;
}


#solutions#solutions .sol-poster{
  display:block;
  width:100%;
  height:100%;
  overflow:hidden;
  box-sizing:border-box;
}


#solutions#solutions .sol-shot{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:top center;
}


@media (max-width:359px){
  #solutions#solutions .sol-tab,
  #solutions#solutions .sol-tab tbody,
  #solutions#solutions .sol-tab tr,
  #solutions#solutions .sol-tab td{ display:block; width:auto; }
  #solutions#solutions .sol-tab thead{
    position:absolute;
    width:1px; height:1px;
    overflow:hidden;
    clip-path:inset(50%);
    white-space:nowrap;
  }
  #solutions#solutions .sol-tab tr{ border-bottom:1px solid var(--sol-platre); }
  #solutions#solutions .sol-tab td{ border-bottom:none; padding:8px 10px; }
  #solutions#solutions .sol-tab td::before{
    content:attr(data-th);
    display:block;
    font-family:var(--sol-titre);
    font-weight:700;
    font-size:14px;
    margin-bottom:2px;
  }
}

@media (min-width:640px){
  #solutions#solutions .sol-portes{ grid-template-columns:1fr 1fr; }
}

@media (min-width:900px){
  #solutions#solutions .sol-wrap{ padding:72px 32px 128px; }

  #solutions#solutions .sol-portes{ grid-template-columns:repeat(4, 1fr); }
  #solutions#solutions .sol-porte{ border-width:12px; }
  #solutions#solutions .sol-plinthe{ display:block; }

  #solutions#solutions .sol-rail{
    border-left:1px solid var(--sol-platre);
    padding-left:28px;
  }
  #solutions#solutions .sol-bloc::before{
    content:"";
    position:absolute;
    left:-32px;
    top:12px;
    width:8px; height:8px;
    background:var(--sol-nuit);
  }

  #solutions#solutions .sol-palier{ display:block; }
  #solutions#solutions .sol-rail{ margin-top:96px; }
  #solutions#solutions .sol-bloc + .sol-bloc{ margin-top:128px; }

  #solutions#solutions .sol-fiche{
    display:grid;
    grid-template-columns:minmax(0,5fr) minmax(0,6fr);
    column-gap:64px;
    align-items:start;
  }
  #solutions#solutions .sol-tete{
    grid-column:2; grid-row:1;
    display:flex; flex-direction:column; gap:10px;
    padding:0;
    background:none;
    color:var(--sol-encre);
    cursor:default;
  }
  #solutions#solutions .sol-tete h2{
    color:var(--sol-encre);
    font-size:clamp(28px, 3.4vw, 44px);
  }
  #solutions#solutions .sol-tete .sol-meta{ color:var(--sol-gris); }
  #solutions#solutions .is-upcoming .sol-tete h2{ color:var(--sol-gris); }
  #solutions#solutions .sol-chevron{ display:none; }

  #solutions#solutions .sol-fiche > .sol-figure,
  #solutions#solutions .sol-fiche > .sol-attente{
    grid-column:1; grid-row:1 / span 2;
    max-width:480px;
    margin-top:0;
  }
  #solutions#solutions .sol-fiche > .sol-texte{ grid-column:2; grid-row:2; padding-top:28px; }

  #solutions#solutions .sol-bloc--inverse .sol-tete,
  #solutions#solutions .sol-bloc--inverse .sol-fiche > .sol-texte{ grid-column:1; }
  #solutions#solutions .sol-bloc--inverse .sol-fiche > .sol-figure,
  #solutions#solutions .sol-bloc--inverse .sol-fiche > .sol-attente{
    grid-column:2; justify-self:end;
  }
}

@media (prefers-reduced-motion:reduce){
  #solutions#solutions.is-anim .sol-bloc{ opacity:1; }
  #solutions#solutions .sol-fiche.is-ouverte > .sol-figure,
  #solutions#solutions .sol-fiche.is-ouverte > .sol-attente,
  #solutions#solutions .sol-fiche.is-ouverte > .sol-texte{ animation:none; }
  #solutions#solutions .sol-chevron{ transition:none; }
  #solutions#solutions .sol-slab,
  #solutions#solutions .sol-porte__vantail{ transition:none !important; }
  #solutions#solutions.is-arming .sol-slab{ opacity:1; }
}


.standalone-wrap{
  min-height:100dvh;
  background:#0A0A0D;
}




body:has(.page-main #solutions) #scrollTopBtn,
#overlayRoot.ov-page:has(#solutions) ~ #scrollTopBtn{
  position:fixed;
  right:20px;
  bottom:20px;
  z-index:45;
  width:44px;
  height:44px;
  display:grid;
  place-items:center;
  cursor:pointer;
  opacity:0;
  visibility:hidden;
  transform:translateY(8px);
  transition:opacity .25s ease, transform .25s ease, visibility 0s linear .25s;
  background:var(--sol-nuit, #0A0A0D);
  border:1px solid #0A0A0D;
  border-radius:0;
  color:#D6D2CA;
  box-shadow:none;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}
body:has(.page-main #solutions) #scrollTopBtn.is-visible,
#overlayRoot.ov-page:has(#solutions) ~ #scrollTopBtn.is-visible{
  opacity:1; visibility:visible; transform:translateY(0);
  transition:opacity .25s ease, transform .25s ease;
}
body:has(.page-main #solutions) #scrollTopBtn:hover,
body:has(.page-main #solutions) #scrollTopBtn:focus-visible,
#overlayRoot.ov-page:has(#solutions) ~ #scrollTopBtn:hover,
#overlayRoot.ov-page:has(#solutions) ~ #scrollTopBtn:focus-visible{
  border-color:var(--sol-cyan, #31c7d2);
}
@media (max-width: 640px){
  body:has(.page-main #solutions) #scrollTopBtn,
  #overlayRoot.ov-page:has(#solutions) ~ #scrollTopBtn{ right:14px; bottom:14px; }
}

#solutions#solutions .sol-slab{ overflow-x:clip; }

#solutions#solutions .sol-bandes{
  height:12px;
  border:0;
  margin:56px calc(50% - 50vw);
  background:linear-gradient(90deg,
    #0A0A0D 0 20%, #17383C 20% 40%, #1F5A60 40% 60%,
    #28929A 60% 80%, #31c7d2 80% 100%);
}

#solutions#solutions .sol-sombre{
  position:relative;
  color:#D6D2CA;
  padding:56px 0;
}
#solutions#solutions .sol-sombre::before{
  content:'';
  position:absolute;
  z-index:0;
  inset:0 calc(50% - 50vw);
  background:var(--sol-nuit);
}
#solutions#solutions .sol-sombre > *{ position:relative; z-index:1; }

#solutions#solutions .sol-sombre,
#solutions#solutions .sol-sombre p,
#solutions#solutions .sol-sombre li,
#solutions#solutions .sol-sombre strong{ color:#D6D2CA; }
#solutions#solutions .sol-sombre h2,
#solutions#solutions .sol-sombre h3{ color:#D6D2CA; }
#solutions#solutions .sol-sombre .sol-mesure,
#solutions#solutions .sol-sombre .sol-note,
#solutions#solutions .sol-sombre .sol-meta{ color:#A8A49B; }
#solutions#solutions .sol-sombre a:not(.sol-btn){ color:var(--sol-cyan); }
#solutions#solutions .sol-sombre li::marker{ color:#A8A49B; }

#solutions#solutions .sol-sombre .sol-btn{
  border-color:#D6D2CA;
  color:#D6D2CA;
  background:transparent;
}
#solutions#solutions .sol-sombre .sol-btn:hover{ background:rgba(214,210,202,.12); }
#solutions#solutions .sol-sombre .sol-btn--plein{
  background:var(--sol-ambre);
  border-color:var(--sol-ambre);
  color:var(--sol-nuit);
}
#solutions#solutions .sol-sombre .sol-btn--plein:hover{ box-shadow:inset 0 0 0 2px var(--sol-nuit); }
#solutions#solutions .sol-sombre :focus-visible{ outline:2px solid var(--sol-cyan); outline-offset:2px; }

#solutions#solutions .sol-slab::after{
  content:'';
  position:absolute;
  inset:0;
  z-index:5;
  pointer-events:none;
  opacity:.05;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)'/%3E%3C/svg%3E");
}

#solutions#solutions .sol-figure-lien{
  position:relative;
  display:block;
  width:100%;
  height:100%;
  text-decoration:none;
  overflow:hidden;
}
#solutions#solutions .sol-figure-cta{
  position:absolute;
  left:0; right:0; bottom:0;
  padding:12px 14px;
  background:var(--sol-nuit);
  color:var(--sol-cyan);            
  font-family:var(--sol-titre);
  font-weight:700;
  font-size:14px;
  letter-spacing:.04em;
  transform:translateY(100%);
  transition:transform 260ms cubic-bezier(.2,.8,.2,1);
}
@media (hover:hover){
  #solutions#solutions .sol-figure-lien:hover .sol-figure-cta{ transform:translateY(0); }
}
#solutions#solutions .sol-figure-lien:focus-visible{ outline:2px solid var(--sol-encre); outline-offset:2px; }
#solutions#solutions .sol-figure-lien:focus-visible .sol-figure-cta{ transform:translateY(0); }
@media (prefers-reduced-motion:reduce){
  #solutions#solutions .sol-figure-cta{ transition:none; }
}



#solutions#solutions{
  --sol-mur:#141416;
}

#solutions#solutions{--kf-retour-top:8px;--kf-retour-right:8px;--kf-retour-z:70}


#solutions#solutions{
  --sol-acier:#14171C;
  --sol-trait:#2B3038;
  --sol-gris-clair:#A8A49B;
  --sol-barre-h:170px;
}

#solutions#solutions .sol-onglets{
  position:relative;
  z-index:20;                 
  padding:16px 0;
}
#solutions#solutions.is-onglets .sol-onglets{
  position:sticky;
  top:0;
}
#solutions#solutions .sol-onglets::before{
  content:'';
  position:absolute;
  z-index:-1;
  inset:0 calc(50% - 50vw);
  background:var(--sol-nuit);
  border-bottom:1px solid var(--sol-cyan);
}

#solutions#solutions .sol-onglets__rail{
  display:grid;
  grid-template-columns:1fr 2fr;
  gap:12px 24px;
  align-items:stretch;
}
@media (max-width:1319px){
  #solutions#solutions .sol-onglets__rail{ margin-right:32px; }
}
@media (min-width:641px){
  #solutions#solutions .sol-onglets{ padding-top:32px; }
}
#solutions#solutions .sol-onglets__famille{
  display:flex;
  flex-direction:column;
  gap:8px;
  min-width:0;
}
#solutions#solutions .sol-onglets__nom{
  font-family:var(--sol-titre);
  font-weight:700;
  font-size:.8125rem;
  line-height:1.2;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--sol-gris-clair);
}
#solutions#solutions .sol-onglets__cartes{
  flex:1;
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns:minmax(0,1fr);
  gap:12px;
}

#solutions#solutions .sol-onglet{
  position:relative;
  display:flex;
  flex-direction:column;
  gap:4px;
  min-width:0;
  min-height:44px;
  box-sizing:border-box;
  padding:14px 16px 12px;
  background:var(--sol-nuit);
  border:1px solid var(--sol-trait);
  color:var(--sol-palier);
  text-decoration:none;
  transition:transform 150ms ease;
}
#solutions#solutions .sol-onglet[aria-selected="true"]{
  background:var(--sol-acier);
}
#solutions#solutions .sol-onglet[aria-selected="true"]::before{
  content:'';
  position:absolute;
  top:-1px; left:-1px; right:-1px;
  height:4px;
  background:var(--sol-cyan);
}
@media (hover:hover) and (prefers-reduced-motion:no-preference){
  #solutions#solutions .sol-onglet:hover{ transform:translateY(-2px); }
}
#solutions#solutions .sol-onglet:hover,
#solutions#solutions .sol-onglet:focus-visible{ text-decoration:none; }
#solutions#solutions .sol-onglet:focus-visible{
  outline:2px solid var(--sol-cyan);
  outline-offset:2px;
}
#solutions#solutions .sol-onglet__nom{
  font-family:var(--sol-titre);
  font-weight:700;
  font-size:1.125rem;
  line-height:1.2;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
#solutions#solutions .sol-onglet__ligne{
  font-size:.9375rem;
  line-height:1.4;
  color:var(--sol-gris-clair);
}
#solutions#solutions .sol-onglet__prix{
  margin-top:auto;
  padding-top:4px;
  font-family:var(--sol-titre);
  font-weight:700;
  font-size:1rem;
  line-height:1.2;
  color:var(--sol-ambre);
}
#solutions#solutions .sol-onglet__etiquette{
  align-self:flex-start;
  margin-top:auto;
  padding:2px 8px;
  background:var(--sol-cyan);
  color:var(--sol-nuit);
  font-family:var(--sol-titre);
  font-weight:700;
  font-size:.75rem;
  line-height:1.4;
  letter-spacing:.06em;
  text-transform:uppercase;
}

@media (max-width:640px){
  #solutions#solutions .sol-onglets{ padding:12px 0; }
  #solutions#solutions .sol-onglets__rail{ grid-template-columns:1fr; gap:10px; }
  #solutions#solutions .sol-onglets__cartes{ grid-auto-flow:row; gap:6px; }
  #solutions#solutions .sol-onglet{
    flex-direction:row;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:0 12px;
    min-height:44px;
  }
  #solutions#solutions .sol-onglet__ligne{ display:none; }
  #solutions#solutions .sol-onglet__nom{ font-size:1rem; }
  #solutions#solutions .sol-onglet__prix,
  #solutions#solutions .sol-onglet__etiquette{ margin-top:0; padding-top:0; align-self:center; flex:0 0 auto; }
  #solutions#solutions .sol-onglet__etiquette{ padding:2px 8px; }

  #solutions#solutions .sol-onglets.is-collee{ padding:6px 0; }
  #solutions#solutions .sol-onglets.is-collee .sol-onglets__nom{ display:none; }
  #solutions#solutions .sol-onglets.is-collee .sol-onglets__rail{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:6px;
  }
  #solutions#solutions .sol-onglets.is-collee .sol-onglets__famille,
  #solutions#solutions .sol-onglets.is-collee .sol-onglets__cartes{ display:contents; }
  #solutions#solutions .sol-onglets.is-collee .sol-onglet{
    justify-content:center;
    padding:0 4px;
    text-align:center;
  }
  #solutions#solutions .sol-onglets.is-collee .sol-onglet__nom{ font-size:.8125rem; }
  #solutions#solutions .sol-onglets.is-collee .sol-onglet__prix,
  #solutions#solutions .sol-onglets.is-collee .sol-onglet__etiquette{ display:none; }
}

#solutions#solutions .sol-panneau[hidden]{ display:none; }
#solutions#solutions .sol-panneau--site{ padding-top:48px; }
#solutions#solutions.is-onglets .sol-panneau,
#solutions#solutions.is-onglets .sol-bloc,
#solutions#solutions.is-onglets .sol-palier{ scroll-margin-top:calc(var(--sol-barre-h) + 16px); }

#solutions#solutions .sol-panneau--sombre{ margin-bottom:-96px; }
@media (min-width:900px){
  #solutions#solutions .sol-panneau--sombre{ margin-bottom:-128px; }
}

#solutions#solutions .sol-acier::before{ background:var(--sol-acier); }
#solutions#solutions .sol-panneau--sombre .sol-sombre + .sol-sombre::before{
  border-top:1px solid var(--sol-cyan);
}
#solutions#solutions .sol-k{ padding:56px 0; }
#solutions#solutions .sol-k > * + *{ margin-top:20px; }

#solutions#solutions .sol-k .sol-kaccroche{
  font-family:var(--sol-titre);
  font-weight:700;
  font-size:clamp(1.25rem, 2.2vw, 1.75rem);
  line-height:1.25;
  max-width:40ch;
}

#solutions#solutions .sol-kgrille{
  display:grid;
  grid-template-columns:1fr;
  gap:40px 48px;
  margin-top:0;
}
@media (min-width:900px){
  #solutions#solutions .sol-kgrille{ grid-template-columns:1fr 1fr; }
}
#solutions#solutions .sol-kbloc{
  border-top:4px solid var(--sol-cyan);
  padding-top:16px;
}
#solutions#solutions .sol-kbloc > * + *{ margin-top:12px; }

#solutions#solutions .sol-tarif{
  max-width:720px;
  box-sizing:border-box;
  padding:32px 24px;
  background:var(--sol-acier);
  border:1px solid var(--sol-trait);
  border-top:4px solid var(--sol-cyan);
  display:flex;
  flex-direction:column;
  gap:24px;
}
#solutions#solutions .sol-sombre .sol-tarif__nom{
  font-family:var(--sol-titre);
  font-weight:700;
  font-size:1.5rem;
  line-height:1.2;
}
#solutions#solutions .sol-sombre .sol-tarif__prix{
  font-family:var(--sol-titre);
  font-weight:700;
  font-size:clamp(1.5rem, 3vw, 2rem);
  line-height:1.15;
  color:var(--sol-ambre);
  margin-top:-12px;
}
#solutions#solutions .sol-sombre .sol-tarif__titre{
  font-family:var(--sol-titre);
  font-weight:700;
  font-size:1rem;
  line-height:1.3;
  margin-bottom:10px;
}
#solutions#solutions .sol-tarif .sol-btns{ max-width:320px; }

@media (prefers-reduced-motion:reduce){
  #solutions#solutions .sol-onglet{ transition:none; transform:none; }
}