.sol-heros{
  position:relative; overflow:hidden;
  padding:242px 0 134px; margin-top:-150px; min-height:811px;
  background:var(--fond-heros);
}
.theme-teal .sol-heros{ padding:215px 0 71px; }
.theme-bleu .sol-heros{ padding:193px 0 77px; }

.sol-heros::after{
  content:""; position:absolute; inset:0; pointer-events:none; z-index:1;
  background:linear-gradient(180deg,rgba(255,255,255,0) 30%,rgba(246,246,246,.55) 78%,#F4F3F4 100%);
}
.sol-heros .boite{ position:relative; z-index:2; text-align:left; max-width:1440px; padding:0 80px; }
.sol-heros h1{
  font-size:clamp(36px,5.28vw,76px); font-weight:700; line-height:1; color:#fff;
  max-width:740px; margin:0;
}

.sol-heros h1 .accent,
.sol-heros h1 .accent-clair{ background:none; color:#fff; }
.theme-teal .sol-heros h1{ font-size:clamp(36px,5vw,72px); line-height:1.081; max-width:740px; }
.sol-heros .chapo{
  margin:18px 0 0; max-width:742px;
  font-family:'Satoshi',sans-serif; font-weight:500; font-size:22px; line-height:1.35;
  color:#fff;
}
.theme-bleu .sol-heros .chapo{ color:#0161D8; }

.sol-heros .actions{ display:flex; gap:17px; justify-content:flex-start; flex-wrap:wrap; margin-top:48px; }

.theme-teal .sol-heros .chapo{ margin-top:38px; }
.theme-teal .sol-heros .actions{ margin-top:37px; }
.sol-heros .actions .btn-accent{
  background:var(--degrade-accent); box-shadow:none; border-color:transparent;
  height:51px; border-radius:24px; padding:0 25px; font-size:14px;
}
.sol-heros .actions .btn-contour{
  height:51px; border-radius:24px; padding:0 25px; font-size:14px;
  background:rgba(255,255,255,.9); color:var(--nuit); border-color:transparent;
}



.sol-heros .chevron{ display:none; }
.sol-heros .maillage{ position:absolute; inset:0; z-index:0; opacity:.9; }



.sol-constat{ padding:51px 0 84px; background:#fff; position:relative; }
.sol-constat .boite{ position:relative; z-index:2; }
.sol-constat .texte{ max-width:620px; }
.sol-constat h2{ font-size:clamp(26px,2.4vw,34px); font-weight:700; max-width:640px; }
.sol-constat .accroche{
  margin-top:16px; max-width:26em;
  font-family:'Satoshi',sans-serif; font-weight:700; font-size:17px; line-height:1.45;
  color:var(--accent);
}
.liste-checks{ margin-top:26px; display:flex; flex-direction:column; gap:10px; }
.liste-checks li{ display:flex; align-items:flex-start; gap:14px; font-size:16.5px; color:var(--ink); }
.liste-checks li b{ font-weight:700; }
.puce-check{
  flex:none; width:21px; height:21px; margin-top:3px; border-radius:50%;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") center/12px no-repeat,
             linear-gradient(339deg,#FFFFFF -90%,var(--accent) 100%);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.9);
}
.sol-constat .maillage{ position:absolute; inset:-200px 0 0; z-index:3; pointer-events:none; }
.sol-constat .visuel{
  
  position:absolute; z-index:1; pointer-events:none;
  --largeur:731px; --marge:24px; --haut:-100px;
  width:var(--largeur); top:var(--haut);
  right:max(var(--marge), calc((100vw - 1440px) / 2 + var(--marge)));
}
.theme-teal .sol-constat .visuel{ --largeur:649px; --marge:180px; --haut:-78px; }
.theme-bleu .sol-constat .visuel{ --largeur:629px; --marge:118px; --haut:-43px; }
.sol-constat .visuel svg,
.sol-constat .visuel img{ width:100%; height:auto; display:block; }


.sol-reponse{ padding:20px 0 30px; position:relative; overflow:hidden; }
.sol-reponse .fond{
  position:absolute; inset:0; z-index:0; opacity:.55; pointer-events:none;
}
.sol-reponse .boite{ position:relative; z-index:1; }
.sol-reponse h2.h2{ text-align:center; margin-bottom:52px; }

.sol-reponse .surtitre{ display:table; margin-left:auto; margin-right:auto; text-align:center; }


.offres{ display:grid; grid-template-columns:repeat(2,1fr); gap:19px; align-items:stretch; margin:0 -57px; }
.offre{
  
  background:linear-gradient(180deg,#FFFFFF 0%,#E9EAF0 100%);
  border:1px solid rgba(255,255,255,.9);
  border-radius:40px 40px 40px 160px; padding:40px 55px 34px 110px;
  box-shadow:0 30px 70px -46px rgba(11,23,46,.36);
  display:flex; flex-direction:column; text-align:center;
  position:relative; overflow:hidden;
}
.offre:nth-child(2){ border-radius:40px 40px 160px 40px; }
.offre::before{
  content:""; position:absolute; inset:0; border-radius:inherit; pointer-events:none;
  box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 26%, transparent);
  z-index:2;
}

.offre::after{
  content:""; position:absolute; inset:0 0 0 62%; pointer-events:none; z-index:0;
  background:repeating-linear-gradient(115deg,
    color-mix(in srgb, var(--accent) 12%, transparent) 0 2px,
    transparent 2px 12px);
  opacity:.24;
  -webkit-mask-image:linear-gradient(105deg,transparent 0%,#000 85%);
          mask-image:linear-gradient(105deg,transparent 0%,#000 85%);
}.offre > *,.offre > :where(.vv-w) > *{ position:relative; z-index:1; }
.offre .kicker{
  font-family:'Satoshi',sans-serif; font-weight:700; font-size:14.5px;
  letter-spacing:.03em; text-transform:uppercase; color:var(--accent); line-height:1.5;
  margin-left:-55px;
}

.offre .marque{
  margin-top:14px;
  font-family:'Satoshi',sans-serif; font-weight:900; font-size:clamp(30px,3.4vw,46px);
  letter-spacing:-.03em; line-height:1;
  background-image:linear-gradient(180deg,var(--accent-clair) 0%,var(--accent) 100%);
  background-clip:text; -webkit-background-clip:text; color:transparent;
  filter:drop-shadow(0 6px 10px color-mix(in srgb, var(--accent) 20%, transparent));
}
.offre .signature{
  font-family:'Satoshi',sans-serif; font-weight:700; font-size:18px; color:var(--ink);
  margin-top:2px;
}
.offre .desc{ margin-top:16px; font-size:16px; color:var(--corps); }


.rang-triptyque{
  display:flex; align-items:center; gap:16px; margin:16px -60px 4px 0;
}
.offre .triptyque{
  flex:1; display:flex; align-items:center; justify-content:center; gap:10px; flex-wrap:nowrap; white-space:nowrap;
  font-family:'Satoshi',sans-serif; font-weight:900; font-size:clamp(19px,1.9vw,27px);
  letter-spacing:-.02em; color:var(--ink);
}
.offre .triptyque i{ color:var(--accent); font-style:normal; }
.offre .medaillon{
  flex:none; margin-left:-86px;
  width:80px; height:80px; border-radius:26px;
  background:var(--accent-voile);
  display:flex; align-items:center; justify-content:center;
  font-family:'Satoshi',sans-serif; font-weight:900; font-size:38px; line-height:1;
  color:var(--accent);
  box-shadow:0 14px 30px -20px color-mix(in srgb, var(--accent) 60%, transparent);
}
.offre .medaillon sup{ font-size:15px; }


.onglets{ display:flex; gap:10px; justify-content:center; margin-top:26px; flex-wrap:wrap; }
.onglets button{
  font-family:'Satoshi',sans-serif; font-weight:700; font-size:15px;
  padding:14px 22px; border-radius:12px; background:#F2F4F7; color:var(--sourdine);
}
.onglets button[aria-selected="true"]{ background:var(--accent); color:#fff; }

.services{
  margin-top:24px; display:flex; flex-direction:column; gap:10px; text-align:left;
  width:100%; max-width:390px;
}

.services li{
  display:flex; align-items:center; gap:12px;
  background:linear-gradient(180deg,#FAFBFD 0%,#F1F3F7 100%);
  border-radius:13px; padding:14px 16px;
  box-shadow:0 8px 18px -16px rgba(11,23,46,.5);
  font-size:15.5px; color:var(--ink);
}
.services li .picto{ flex:none; width:24px; height:24px; color:var(--accent); }
.services li .picto svg{ width:100%; height:100%; }
.services li .coche{
  flex:none; width:21px; height:21px; border-radius:50%;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") center/12px no-repeat,
             linear-gradient(339deg,#FFFFFF -90%,var(--accent) 100%);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.9);
}
.services li .chevron{
  margin-left:auto; width:9px; height:9px; flex:none;
  border-right:2px solid #98A2B3; border-bottom:2px solid #98A2B3; transform:rotate(45deg);
}
.services li .detail{ display:none; }
.offre .plus-services{
  margin-top:20px; align-self:flex-start;
  font-family:'Satoshi',sans-serif; font-weight:700; font-size:14.5px; color:var(--accent);
}
.offre .plus-services::after{ content:" \203A"; }


.sur-mesure{
  margin-top:38px; border-radius:40px 40px 40px 150px; padding:62px 48px 66px;
  
  background:linear-gradient(180deg,#FFFFFF 0%,#E9EAF0 100%);
  box-shadow:0 30px 70px -50px rgba(11,23,46,.4), inset 0 0 0 1px color-mix(in srgb, var(--accent) 16%, transparent);
  text-align:center; position:relative; overflow:hidden;
}
.sur-mesure .titre{
  display:flex; align-items:baseline; justify-content:center; gap:16px;
  font-family:'Satoshi',sans-serif; letter-spacing:-.03em;
}
.sur-mesure .titre b{ font-weight:700; font-size:22px; color:var(--ink); }
.sur-mesure .titre em{
  font-style:normal; font-weight:900; font-size:clamp(34px,4.9vw,68px); line-height:1;
  background-image:linear-gradient(96deg,var(--accent) 0%,var(--violet) 100%);
  background-clip:text; -webkit-background-clip:text; color:transparent;
}

.sur-mesure .surtitre{ background-image:none; color:var(--accent); }.sur-mesure > p:not(.surtitre),.sur-mesure > :where(.vv-w) > p:not(.surtitre){ margin-top:14px; color:var(--corps); font-size:16.5px; }
.sur-mesure .options{
  margin-top:28px; display:flex; flex-wrap:wrap; justify-content:center; gap:16px 34px;
}
.sur-mesure .options span{ display:inline-flex; align-items:center; gap:11px; font-size:16.5px; color:var(--ink); }
.sur-mesure .options .coche{
  flex:none; width:21px; height:21px; border-radius:50%;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") center/12px no-repeat,
             linear-gradient(339deg,#FFFFFF -90%,var(--accent) 100%);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.9);
}

.sur-mesure::after{
  content:""; position:absolute; inset:0; pointer-events:none; z-index:0;
  background:linear-gradient(118deg, transparent 18%,
    color-mix(in srgb, var(--accent) 9%, transparent) 38%,
    color-mix(in srgb, var(--accent) 4%, transparent) 58%, transparent 78%);
}.sur-mesure > *,.sur-mesure > :where(.vv-w) > *{ position:relative; z-index:1; }
.sur-mesure .options .off{
  width:21px; height:21px; border-radius:50%; border:2px solid #E2E6EE; flex:none;
}
.sol-reponse .cta-centre{ text-align:center; margin-top:80px; }
.sol-reponse .cta-centre .btn{ font-size:17px; padding:19px 40px; }


.sol-etapes{ padding:51px 0 42px; }
.sol-etapes .boite{ text-align:center; }
.sol-etapes h2.h2{ margin-bottom:55px; }
.etapes-grille{ display:grid; grid-auto-flow:column; grid-auto-columns:1fr; gap:32px; margin:0 -32px; }
.etape{
  background:linear-gradient(180deg,#FDFDFE 0%,#F4F6F9 100%);
  border-radius:18px; padding:30px 12px 22px; min-height:223px;
  display:flex; flex-direction:column; align-items:center; justify-content:space-between; gap:16px;
  box-shadow:0 16px 34px -26px rgba(11,23,46,.42);
}
.etape svg{ width:58px; height:58px; color:var(--accent); }
.etape b{
  font-family:'Satoshi',sans-serif; font-weight:700; font-size:17px; line-height:1.25;
  color:var(--ink);
}
.etape:nth-child(odd) b{ color:var(--accent); }


.sol-cas{ padding:78px 0 88px; background:var(--accent-voile); }
.sol-cas .boite{ text-align:center; }
.sol-cas h2{ font-size:clamp(26px,3.4vw,48px); font-weight:700; max-width:26em; margin:0 auto 54px; }

.carte-cas{
  margin:0 -25px;
  display:grid; grid-template-columns:minmax(0,.49fr) minmax(0,1fr);
  background:#fff; border-radius:26px; overflow:hidden; text-align:left;
  box-shadow:0 30px 64px -44px rgba(11,23,46,.4);
  color:inherit; transition:transform .2s ease, box-shadow .2s ease;
}
.carte-cas:hover{ transform:translateY(-3px); box-shadow:0 34px 68px -42px rgba(11,23,46,.45); }
.carte-cas:hover .lire-cas::after{ transform:translateX(4px); }
.carte-cas .photo{
  background:center/cover no-repeat;
  background-color:var(--accent-voile);
  background-image:linear-gradient(150deg, color-mix(in srgb, var(--accent) 26%, #fff) 0%, color-mix(in srgb, var(--accent) 8%, #fff) 100%);
  min-height:420px;
}
.carte-cas .contenu{ padding:38px 42px 34px; }
.carte-cas .tag{
  font-family:'Satoshi',sans-serif; font-weight:700; font-size:14.5px; color:var(--accent);
}
.carte-cas h3{ font-size:clamp(21px,2.2vw,27px); font-weight:700; margin:10px 0 20px; }
.carte-cas p{ font-size:16.5px; color:var(--corps); margin-bottom:18px; }
.carte-cas p .etiq{ color:var(--accent); font-weight:600; }
.cas-stats{
  margin-top:26px; display:grid; grid-template-columns:1fr 1fr; gap:0 30px;
}.cas-stats > div,.cas-stats > :where(.vv-w) > div{ padding:16px 0; }.cas-stats > div:nth-child(n+3),.cas-stats > :where(.vv-w) > div:nth-child(n+3){ border-top:1px solid var(--ligne); }.cas-stats > div,.cas-stats > :where(.vv-w) > div{ display:flex; align-items:flex-start; gap:14px; }
.cas-stats .coche{
  flex:none; width:30px; height:30px; border-radius:50%; margin-top:2px;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.9);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E"),
    linear-gradient(339deg,#FFFFFF -90%,var(--accent) 100%);
  background-repeat:no-repeat; background-position:center; background-size:16px, cover;
}
.cas-stats b{ display:block; font-family:'Satoshi',sans-serif; font-weight:700; font-size:24px; color:var(--ink); }
.cas-stats span{ display:block; font-size:18px; color:var(--corps); }


.sol-faq{ padding:80px 0 84px; }
.sol-faq .boite{ text-align:center; }
.sol-faq h2{ font-size:clamp(24px,2.8vw,34px); font-weight:700; margin-bottom:44px; }


.sol-autres{ padding:56px 0 34px; background:var(--brume); text-align:center; }
.sol-autres h2{ font-size:clamp(24px,2.7vw,32px); font-weight:700; margin-bottom:30px; }
.autres-grille{ display:grid; grid-template-columns:1fr 1fr; gap:21px; max-width:1076px; margin:0 auto; }
.carte-autre{
  background:linear-gradient(180deg,#FEFEFF 0%,#F4F6FA 100%);
  border-radius:22px; padding:30px 34px 34px;
  box-shadow:0 18px 40px -32px rgba(11,23,46,.45);
}
.carte-autre .titre{
  font-family:'Satoshi',sans-serif; font-weight:700; font-size:17px;
  letter-spacing:.02em; text-transform:uppercase; color:var(--ink); margin-bottom:14px;
}
.carte-autre .titre em{ font-style:normal; }
.carte-autre.rose .titre em{ color:#FE2977; }
.carte-autre.teal .titre em{ color:#028D9D; }
.carte-autre.bleu .titre em{ color:#0161D8; }
.carte-autre p{ font-size:16px; color:var(--corps); }


.sol-lire{ padding:76px 0 40px; text-align:center; }
.sol-lire h2{ font-size:clamp(24px,2.8vw,34px); font-weight:700; margin-bottom:44px; }
.sol-lire .ressources-grille{ text-align:left; max-width:1050px; margin:0 auto; gap:26px; }


@media (max-width:1080px){
  
  .sol-heros,
  .theme-teal .sol-heros,
  .theme-bleu .sol-heros{ padding:34px 0 40px; margin-top:0; min-height:0; }
  .sol-heros .boite{ padding:0 22px; }
  .sol-heros h1,
  .theme-teal .sol-heros h1{ max-width:none; }
  .theme-teal .sol-heros .chapo{ margin-top:18px; }
  .theme-teal .sol-heros .actions{ margin-top:30px; }
  .sol-heros .actions{ margin-top:30px; }
  .sol-constat .visuel{ position:static; width:100%; max-width:460px; margin:26px auto 0; }
  .sol-constat .texte{ max-width:none; }
  .offres{ grid-template-columns:1fr; }
  .offre, .offre:nth-child(2){ padding:34px 24px 30px; border-radius:32px; }
  .offres{ margin:0; }
  .offre .kicker, .offre:nth-child(2) .kicker{ margin:0; }
  .services{ align-self:center; max-width:none; }
  .rang-triptyque{ margin:16px 0 4px; }
  .offre .triptyque{ white-space:normal; flex-wrap:wrap; }
  .offre::after{ display:none; }
  .rang-triptyque{ flex-direction:column; }
  .offre .medaillon{ margin:0 auto 6px; }
  .etapes-grille{ grid-auto-flow:row; grid-template-columns:repeat(2,1fr); margin:0; }
  .carte-cas{ grid-template-columns:1fr; margin:0; }
  .carte-cas .photo{ min-height:240px; }
  .cas-stats{ grid-template-columns:1fr; }
  .autres-grille{ grid-template-columns:1fr; }
}
@media (max-width:560px){
  
  .etapes-grille{ grid-template-columns:repeat(2,1fr); gap:14px; }
  .etape{ min-height:150px; padding:22px 10px 18px; }
  .etape svg{ width:44px; height:44px; }
  .etape b{ font-size:15px; }
  .carte-cas .contenu{ padding:26px 22px; }
  .sur-mesure{ padding:32px 22px; border-radius:28px; }
}





.sol-logo3d{
  position:absolute; margin:0; z-index:1; pointer-events:none;
  right:-4%; top:50%; transform:translateY(-50%);
  width:min(46%, 560px);
}
.sol-logo3d img{
  display:block; width:100%; height:auto;
  filter:drop-shadow(0 22px 38px rgba(16,24,40,.22));
}
@media (max-width:900px){ .sol-logo3d img{ height:88px; } }
@media (prefers-reduced-motion:no-preference){
	.sol-logo3d img{ animation:sol-logo3d-entree .7s ease both; }
	@keyframes sol-logo3d-entree{ from{ opacity:0; transform:translateY(10px); } to{ opacity:1; transform:none; } }
}



@media (max-width:1200px){
  .sol-logo3d{ display:none; }
}





.gabarit-solution .surtitre{ font-size:18px; letter-spacing:0; line-height:1.33; }
.theme-rose.gabarit-solution{ --surtitre-degrade:linear-gradient(90deg,#FF428D 52%,#6F8DE8 100%); }
.theme-teal.gabarit-solution{ --surtitre-degrade:linear-gradient(90deg,#43AAB6 52%,#6F8DE8 100%); }
.theme-bleu.gabarit-solution{ --surtitre-degrade:linear-gradient(90deg,#6B90D1 52%,#6F8DE8 100%); }
.theme-rose .sol-constat .surtitre{ background-image:linear-gradient(90deg,#FF428D 24%,#6F8DE8 100%); }
.theme-teal .sol-constat .surtitre,
.theme-teal .sol-etapes .surtitre, .theme-teal .sol-cas .surtitre, .theme-teal .sol-faq .surtitre,
.theme-teal .sol-autres .surtitre{ background-image:linear-gradient(90deg,#43AAB6 24%,#6F8DE8 100%); }
.theme-bleu .sol-constat .surtitre{ background-image:linear-gradient(90deg,#6B90D1 24%,#6F8DE8 100%); }
.theme-bleu .sol-etapes .surtitre, .theme-bleu .sol-cas .surtitre, .theme-bleu .sol-faq .surtitre,
.theme-bleu .sol-autres .surtitre, .theme-bleu .sol-lire .surtitre{ background-image:linear-gradient(90deg,#6B90D1 24%,#4A6CB3 100%); }


.gabarit-solution .degrade{ background-image:linear-gradient(90deg,#FF428D 37%,#AB9CEC 100%); }
.theme-teal.gabarit-solution .degrade{ background-image:linear-gradient(90deg,#43AAB6 37%,#AB9CEC 100%); }
.theme-bleu.gabarit-solution .degrade{ background-image:linear-gradient(90deg,#6B90D1 37%,#AB9CEC 100%); }

.theme-teal .sol-autres h2 .degrade, .theme-bleu .sol-autres h2 .degrade{ background-image:none; color:inherit; }

.theme-teal .sol-etapes h2 .accent-clair{ background-image:linear-gradient(90deg,#43AAB6 51%,#AB9CEC 100%); background-clip:text; -webkit-background-clip:text; color:transparent; }
.theme-bleu .sol-etapes h2 .accent-clair{ background-image:linear-gradient(90deg,#6B90D1 40%,#4A6CB3 100%); background-clip:text; -webkit-background-clip:text; color:transparent; }


.gabarit-solution .liste-checks{ gap:18px; margin-top:30px; }
.gabarit-solution .liste-checks li{ font-size:18px; font-weight:500; color:#0B172E; gap:11px; line-height:22px; }
.sol-constat .accroche{ font-size:20px; max-width:none; }


.gabarit-solution .puce-check, .gabarit-solution .services li .coche,
.gabarit-solution .sur-mesure .options .coche, .gabarit-solution .cas-stats .coche{
  width:20px; height:20px; margin-top:1px; border-radius:50%;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='4.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E"),
    linear-gradient(338deg, color-mix(in srgb, var(--accent) 22%, #fff) 0%, color-mix(in srgb, var(--accent) 88%, #fff) 100%);
  background-repeat:no-repeat; background-position:center; background-size:13px, cover;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.18), 0 12px 40px -12px rgba(0,0,0,.08);
}
.gabarit-solution .cas-stats .coche{ width:34px; height:34px; background-size:20px, cover; margin-top:2px; }


.gabarit-solution main{ position:relative; overflow-x:clip; }
.sol-motif{ position:absolute; z-index:1; pointer-events:none; left:50%; background-repeat:no-repeat; background-size:100% auto; }
.theme-rose .sol-motif{ top:740px; width:2766px; height:2766px; margin-left:-1410px; opacity:.35; background-image:url('../img/solutions/motif-rose.png'); }
.theme-teal .sol-motif{ top:-207px; width:3595px; height:3350px; margin-left:-1891px; opacity:.20; background-image:url('../img/solutions/motif-teal.webp'); }
.theme-bleu .sol-motif{ top:-405px; width:4732px; height:4725px; margin-left:-1174px; opacity:.28; background-image:url('../img/solutions/motif-bleu.webp'); }
.sol-reponse .fond{ display:none; }
.theme-teal .sol-reponse{ background:#FAF9F9; }


.offre, .sur-mesure{
  background:rgba(255,255,255,.35);
  -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px);
  border:1px solid color-mix(in srgb, var(--accent) 32%, transparent);
  box-shadow:0 4px 4px rgba(0,0,0,.25);
}
.offre::before, .offre::after, .sur-mesure::after{ display:none; }
.offre .kicker{ font-size:18px; letter-spacing:0; line-height:1.33; }

.offre .marque{
  font-weight:700; font-size:clamp(44px,5vw,72px); letter-spacing:0; line-height:1; margin-top:10px;
  background-image:linear-gradient(90deg,#43AAB6 42%,#6F8DE8 100%);
  filter:drop-shadow(0 4px 4px rgba(0,0,0,.25));
}
.theme-bleu .offre .marque{ font-size:clamp(40px,4.5vw,64px); background-image:linear-gradient(90deg,#6B90D1 42%,#6F8DE8 100%); }
.offre .marque sup{ font-size:.34em; vertical-align:top; line-height:1; }
.offre .signature{ font-size:20px; font-weight:700; color:#0B172E; margin-top:4px; }
.offre .desc{ font-size:18px; font-weight:500; color:rgba(11,23,46,.42); line-height:22px; }

.offre .triptyque{ font-weight:700; font-size:clamp(20px,1.9vw,27px); letter-spacing:0; text-shadow:0 4px 4px rgba(0,0,0,.25); }

.offre .medaillon{ width:75px; height:77px; border-radius:26px; background:color-mix(in srgb, var(--accent) 12%, #fff); box-shadow:0 4px 4px rgba(0,0,0,.25); }
.offre .medaillon .lettre{
  font-size:40px; font-weight:900; line-height:1;
  background-image:linear-gradient(120deg,#FE2977 20%,#7B57D6 100%);
  background-clip:text; -webkit-background-clip:text; color:transparent;
  filter:drop-shadow(0 3px 3px rgba(0,0,0,.25));
}

.services{ max-width:383px; gap:5px; margin-top:26px; }
.theme-teal .services, .theme-bleu .services{ max-width:468px; }
.services li{
  min-height:42px; padding:9px 16px; border-radius:8px; gap:12px;
  background:rgba(255,255,255,.15); border:1px solid rgba(200,200,200,.32); box-shadow:none;
  -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px);
  font-size:18px; font-weight:500; color:#0B172E; line-height:22px;
}
.theme-rose .services li{ background:linear-gradient(180deg,#FFFFFF 0%,#E9EAF0 100%); }
.offre .plus-services{ font-family:'Inter',sans-serif; font-weight:400; font-size:15px; }

.onglets{ gap:8px; margin-top:24px; }
.onglets button{
  font-weight:900; font-size:20px; height:57px; padding:0 22px; border-radius:24px;
  background:transparent; border:2px solid #BCBCBC; color:#BCBCBC;
}
.onglets button[aria-selected="true"]{ background:var(--degrade-accent); color:#fff; border:1px solid color-mix(in srgb, var(--accent-vif) 60%, transparent); }

.sol-reponse .cta-centre .btn, .gabarit-solution .appel .btn-accent{
  height:59px; padding:0 30px; border-radius:24px; font-size:20px; font-weight:700;
  background:var(--degrade-accent); border:1px solid color-mix(in srgb, var(--accent-vif) 60%, transparent); box-shadow:none;
}
.theme-rose .sol-reponse .cta-centre .btn, .theme-rose .appel .btn-accent{ background:#FE2977; border-color:transparent; height:54px; border-radius:27px; font-weight:900; }


.sol-etapes .etape{ border-radius:28px; border:1px solid color-mix(in srgb, var(--accent) 12%, #fff); }
.etape img{ width:120px; height:120px; object-fit:contain; display:block; }
.etape b{ font-family:'Inter',sans-serif; font-size:20px; line-height:1.2; }


.carte-cas{ border-radius:28px; box-shadow:0 4px 4px rgba(0,0,0,.25); }
.carte-cas .photo{ position:relative; }
.carte-cas .photo::after{ content:""; position:absolute; inset:0; background:color-mix(in srgb, var(--accent) 23%, transparent); }
.carte-cas .tag{ font-size:16px; }
.carte-cas h3{ font-size:clamp(24px,2.4vw,32px); margin:12px 0 22px; }
.carte-cas p{ font-family:'Inter',sans-serif; font-size:18px; color:#0B172E; line-height:1.5; }
.carte-cas p .etiq{ font-weight:400; }
.theme-teal .carte-cas p .etiq, .theme-bleu .carte-cas p .etiq{ color:inherit; }
.cas-stats b{ font-family:'Inter',sans-serif; font-weight:600; font-size:24px; color:#0B172E; }
.cas-stats span{ font-size:18px; color:#0B172E; }.cas-stats > div:nth-child(n+3),.cas-stats > :where(.vv-w) > div:nth-child(n+3){ border-top:2px solid rgba(219,218,218,.38); }
@media (max-width:1080px){
  .sol-motif{ display:none; }
  .offre, .sur-mesure{ -webkit-backdrop-filter:none; backdrop-filter:none; background:#fff; }
}


@media (min-width:1100px){
  
  .gabarit-solution .sol-logo3d{ z-index:2; right:auto; transform:none; }
  .theme-rose .sol-logo3d{ left:863px; top:10px; width:454px; }
  .theme-teal .sol-logo3d{ left:911px; top:0; width:390px; }
  .theme-bleu .sol-logo3d{ left:898px; top:64px; width:424px; }
  
  .theme-rose .sol-heros{ min-height:867px; padding-bottom:190px; }

  
  .gabarit-solution .sol-constat h2{ font-size:32px; line-height:43px; max-width:620px; }
  .gabarit-solution .sol-constat .accroche{ line-height:27px; }
  .gabarit-solution .sol-reponse h2.h2, .gabarit-solution .sol-etapes h2.h2,
  .gabarit-solution .sol-faq h2, .gabarit-solution .sol-autres h2, .gabarit-solution .sol-lire h2{ font-size:32px; line-height:43px; }
  .gabarit-solution .sol-cas h2{ font-size:48px; line-height:1.24; }
  .theme-rose .sol-cas h2{ line-height:65px; }

  
  .theme-rose .sol-constat{ padding:31px 0 19px; }
  .theme-teal .sol-constat{ padding:8px 0 130px; }
  .theme-bleu .sol-constat{ padding:89px 0 192px; }
  .gabarit-solution .sol-constat .surtitre{ margin-bottom:16px; }
  .theme-teal .sol-constat .surtitre{ margin-bottom:17px; }
  .gabarit-solution .sol-constat .accroche{ margin-top:16px; }
  .theme-rose .liste-checks{ margin-top:30px; }
  .theme-teal .liste-checks{ margin-top:23px; }
  .theme-bleu .liste-checks{ margin-top:33px; }

  
  .gabarit-solution .sol-reponse{ padding-top:20px; }
  .theme-rose .sol-reponse{ padding-bottom:53px; }
  .theme-teal .sol-reponse{ padding-bottom:52px; }
  .theme-bleu .sol-reponse{ padding-bottom:20px; }
  .theme-rose .sol-reponse .surtitre{ margin-bottom:18px; }
  .theme-teal .sol-reponse .surtitre, .theme-bleu .sol-reponse .surtitre{ margin-bottom:7px; }
  .theme-rose .sol-reponse h2.h2{ margin-bottom:91px; }
  .theme-teal .sol-reponse h2.h2{ margin-bottom:56px; }
  .theme-bleu .sol-reponse h2.h2{ margin-bottom:55px; }
  .gabarit-solution .offres{ display:grid; align-items:start; }
  .theme-rose .offres{ grid-template-columns:696px 650px; gap:16px; margin:0 0 0 -55px; }
  .theme-teal .offres{ grid-template-columns:593px 620px; gap:47px; margin:0 0 0 -17px; }
  .theme-bleu .offres{ grid-template-columns:569px 620px; gap:51px; margin:0 0 0 11px; }
  .theme-rose .offre{ min-height:539px; }
  .theme-teal .offre{ min-height:751px; }
  .theme-bleu .offre{ min-height:798px; }
  .gabarit-solution .offre{ padding-top:27px; padding-bottom:34px; }
  .theme-rose .offre:nth-child(2){ padding-top:34px; }
  
  .gabarit-solution .sur-mesure{ margin:39px -7px 0 22px; padding:63px 48px 102px; }
  .gabarit-solution .sur-mesure .surtitre{ margin-bottom:21px; }.gabarit-solution .sur-mesure > p:not(.surtitre),.gabarit-solution .sur-mesure > :where(.vv-w) > p:not(.surtitre){ margin-top:11px; }
  .gabarit-solution .sur-mesure .options{ margin-top:39px; gap:35px 34px; }
  .theme-rose .sol-reponse .cta-centre{ margin-top:38px; }
  .theme-teal .sol-reponse .cta-centre{ margin-top:24px; }
  .theme-bleu .sol-reponse .cta-centre{ margin-top:23px; }

  
  .theme-rose .sol-etapes{ padding:51px 0 53px; }
  .theme-teal .sol-etapes{ padding:51px 0 184px; }
  .theme-bleu .sol-etapes{ padding:51px 0 77px; }
  .theme-rose .sol-etapes .surtitre{ margin-bottom:37px; }
  .theme-teal .sol-etapes .surtitre{ margin-bottom:25px; }
  .theme-bleu .sol-etapes .surtitre{ margin-bottom:9px; }
  .theme-rose .sol-etapes h2.h2{ margin-bottom:41px; }
  .theme-teal .sol-etapes h2.h2{ margin-bottom:82px; }
  .theme-bleu .sol-etapes h2.h2{ margin-bottom:55px; }
  .gabarit-solution .etapes-grille{ grid-auto-columns:169px; justify-content:start; }
  .theme-rose .etapes-grille{ gap:17.8px; margin:0 0 0 -40px; }
  .theme-teal .etapes-grille, .theme-bleu .etapes-grille{ gap:21px; margin:0 0 0 62px; }
  .gabarit-solution .etape{ min-height:219px; padding:17px 12px 32px; gap:0; justify-content:flex-start; }
  .gabarit-solution .etape img{ width:126px; height:126px; }
  .gabarit-solution .etape b{ line-height:24px; }

  
  .theme-rose .sol-cas{ padding:39px 0 59px; }
  .theme-teal .sol-cas{ padding:39px 0 171px; }
  .theme-bleu .sol-cas{ padding:30px 0 34px; }
  .theme-rose .sol-cas .surtitre{ margin-bottom:16px; }
  .theme-teal .sol-cas .surtitre{ margin-bottom:15px; }
  .theme-bleu .sol-cas .surtitre{ margin-bottom:19px; }
  .theme-rose .sol-cas h2{ margin-bottom:49px; }
  .theme-teal .sol-cas h2{ margin-bottom:11px; }
  .theme-bleu .sol-cas h2{ margin-bottom:27px; }
  .gabarit-solution .carte-cas{ margin:0 -27px 0 -22px; grid-template-columns:426px minmax(0,1fr); }
  .gabarit-solution .carte-cas .photo{ min-height:563px; }
  .gabarit-solution .carte-cas .lire-cas{ display:none; }
  .gabarit-solution .carte-cas .contenu{ padding:28px 42px 33px 32px; }
  .gabarit-solution .carte-cas h3{ margin:11px 0 22px; line-height:43px; }
  .gabarit-solution .carte-cas p{ line-height:21.8px; margin-bottom:21.8px; }
  .gabarit-solution .carte-cas p:last-of-type{ margin-bottom:0; }
  .gabarit-solution .cas-stats{ margin-top:26px; }.gabarit-solution .cas-stats > div,.gabarit-solution .cas-stats > :where(.vv-w) > div{ padding:0 0 21px; }.gabarit-solution .cas-stats > div:nth-child(n+3),.gabarit-solution .cas-stats > :where(.vv-w) > div:nth-child(n+3){ padding:15px 0 0; }
  .gabarit-solution .cas-stats b{ line-height:26px; }
  .gabarit-solution .cas-stats span{ line-height:24px; }

  
  .theme-rose .sol-faq{ padding:57px 0 64px; }
  .theme-teal .sol-faq{ padding:39px 0 71px; }
  .theme-bleu .sol-faq{ padding:68px 0 48px; }
  .theme-rose .sol-faq .surtitre{ margin-bottom:16px; }
  .theme-teal .sol-faq .surtitre{ margin-bottom:21px; }
  .theme-bleu .sol-faq .surtitre{ margin-bottom:30px; }
  .theme-rose .sol-faq h2{ margin-bottom:54px; }
  .theme-teal .sol-faq h2{ margin-bottom:59px; }
  .theme-bleu .sol-faq h2{ margin-bottom:60px; }
  .gabarit-solution .faq-liste{ gap:14.4px; }.gabarit-solution .faq-item > button,.gabarit-solution .faq-item > :where(.vv-w) > button{ min-height:93.6px; }

  
  .theme-rose .sol-autres{ padding:30px 0 24px; }
  .theme-teal .sol-autres{ padding:25px 0 45px; }
  .theme-bleu .sol-autres{ padding:23px 0 43px; }
  .theme-rose .sol-autres .surtitre{ margin-bottom:16px; }
  .theme-teal .sol-autres .surtitre{ margin-bottom:1px; }
  .theme-bleu .sol-autres .surtitre{ margin-bottom:5px; }
  .theme-rose .sol-autres h2{ margin-bottom:24px; }
  .theme-teal .sol-autres h2, .theme-bleu .sol-autres h2{ margin-bottom:23px; }
  .gabarit-solution .autres-grille{ gap:14px; }
  .theme-rose .autres-grille{ grid-template-columns:538px 527px; max-width:1079px; }
  .theme-teal .autres-grille, .theme-bleu .autres-grille{ grid-template-columns:512px 527px; max-width:1053px; }
  .gabarit-solution .carte-autre{ min-height:149px; padding:34px 20px 20px; }
  .gabarit-solution .carte-autre .titre{ margin-bottom:14px; line-height:24px; }
  .gabarit-solution .carte-autre p{ font-size:16px; line-height:24px; }

  
  .theme-rose .sol-lire{ padding:45px 0 86px; }
  .theme-teal .sol-lire{ padding:33px 0 151px; }
  .theme-bleu .sol-lire{ padding:45px 0 125px; }
  .gabarit-solution .sol-lire .surtitre{ margin-bottom:16px; }
  .theme-rose .sol-lire h2{ margin-bottom:69px; }
  .theme-teal .sol-lire h2{ margin-bottom:59px; }
  .theme-bleu .sol-lire h2{ margin-bottom:43px; }
  .gabarit-solution .sol-lire .ressources-grille{ gap:25px; max-width:1052px; }
  .gabarit-solution .sol-lire .carte-ressource{ min-height:318px; }
  .gabarit-solution .sol-lire .carte-ressource .visuel{ aspect-ratio:334/139; }
  .gabarit-solution .sol-lire .carte-ressource .corps{ padding:20px 19px 18px; gap:8px; }
  .gabarit-solution .sol-lire .carte-ressource .duree{ font-size:13px; line-height:18px; }
  .gabarit-solution .sol-lire .carte-ressource b{ font-size:15px; line-height:20px; }
  .gabarit-solution .sol-lire .carte-ressource .extrait{ font-size:13px; line-height:18px; margin-top:5px; }
  .gabarit-solution .sol-lire .carte-ressource .lire{ font-size:13px; line-height:18px; }

  
  .gabarit-solution .appel{ padding:20px 0 0; }
  .gabarit-solution .appel .carte-appel{ min-height:326px; padding-top:38px; padding-bottom:36px; }
  .gabarit-solution .appel .carte-appel .visuel{ width:252px; height:252px; }
  .gabarit-solution .appel .carte-appel .surtitre{ margin-bottom:9px; }
  .gabarit-solution .appel .carte-appel h2{ font-size:32px; line-height:43px; margin:0; }
  .gabarit-solution .appel .carte-appel p:not(.surtitre){ font-size:18px; line-height:24px; margin:17px 0 0; }
  .gabarit-solution .appel .carte-appel .btn{ margin-top:26px; }

  
  .gabarit-solution .pied{ padding:15px 0 51px; border-top:0; }
  .gabarit-solution .pied .boite{ grid-template-columns:376px 347px 283px minmax(0,1fr); }
  .theme-rose .pied .boite{ padding:0 24px 0 101px; }
  .theme-teal .pied .boite{ padding:0 24px 0 96px; }
  .theme-bleu .pied .boite{ padding:0 24px 0 124px; }
  .gabarit-solution .pied .logo{ margin-bottom:28px; }
  .gabarit-solution .pied .sociaux{ gap:9px; margin-left:-6px; }
  .gabarit-solution .pied ul{ margin-top:21px; }
  .gabarit-solution .pied ul li{ padding:11px 0; line-height:17px; }
  .gabarit-solution .pied ul a{ font-size:14px; line-height:17px; }
  .gabarit-solution .pied ul:first-of-type a{ font-weight:500; }
  .gabarit-solution .pied .droite{ align-items:flex-start; text-align:left; margin-top:16px; gap:0; }
  .gabarit-solution .pied .droite .btn{ margin-bottom:20px; }
  .gabarit-solution .pied .droite a.discret{ line-height:17px; }.gabarit-solution .pied .droite a.discret + a.discret,.gabarit-solution .pied .droite :where(.vv-w):has(> a.discret) + :where(.vv-w) > a.discret,.gabarit-solution .pied .droite a.discret + :where(.vv-w) > a.discret,.gabarit-solution .pied .droite :where(.vv-w):has(> a.discret) + a.discret{ margin-top:27px; }
}
@media (min-width:1100px){
  
  .theme-rose .offre{ padding-bottom:22px; }
  .gabarit-solution .sur-mesure{ padding-bottom:75px; }
  .gabarit-solution .etape{ padding-bottom:26px; }
  .gabarit-solution .carte-cas .contenu{ padding-bottom:23px; }
}
@media (min-width:1100px){
  
  .theme-teal .offre{ padding:14px 14px 75px; }
  .theme-bleu .offre{ padding:20px 52px 34px; }
  .theme-teal .offre .kicker, .theme-bleu .offre .kicker{ margin-left:0; line-height:24px; }
  .theme-teal .offre .marque{ margin-top:-10px; }
  .theme-bleu .offre .marque{ margin-top:5px; }
  .theme-teal .offre .signature{ margin-top:0; line-height:32px; }
  .theme-bleu .offre .signature{ margin-top:0; line-height:23px; }
  .theme-teal .offre .desc{ margin-top:14px; }
  .theme-bleu .offre .desc{ margin-top:20px; }
  .theme-teal .onglets{ margin-top:36px; gap:3px; flex-wrap:nowrap; }
  .theme-teal .onglets button{ padding:0 18px; }.theme-teal .onglets + .desc,.theme-teal :where(.vv-w):has(> .onglets) + .desc,.theme-teal .onglets + :where(.vv-w) > .desc,.theme-teal :where(.vv-w):has(> .onglets) + :where(.vv-w) > .desc{ margin-top:27px; }
  .theme-teal .services{ margin-top:21px; }
  .theme-bleu .services{ margin-top:25px; }
  .theme-teal .services, .theme-bleu .services{ gap:6px; }
  
  .gabarit-solution .pied .boite{ grid-template-columns:376px 347px 283px minmax(180px,1fr); }
  .theme-bleu .pied .boite{ padding-right:0; }
}
@media (min-width:1100px){
  
  .theme-teal .offre:nth-child(2){ padding-bottom:28px; }
}
@media (min-width:1100px){
  
  .gabarit-solution .sol-heros::after{ content:none; }
  .theme-rose .sol-heros{ background:linear-gradient(31.4deg,#FFBEAE 11.4%,#FF93AA 28.7%,#F7A6DA 63.1%,#F0D6F6 88.4%); }
  .theme-teal .sol-heros{ background:linear-gradient(31.4deg,#5FB7FF 11.4%,#61C0E6 28.7%,#69DDED 63.1%,#AEEFE5 88.4%); }
  .theme-bleu .sol-heros{ background:linear-gradient(31.1deg,#CBB6FF 11.4%,#98AEFB 28.7%,#8CC3FF 63.1%,#B9DDFF 88.4%); }
  
}
@media (min-width:1100px){
  
  .theme-rose .sol-heros{ background:linear-gradient(66deg,#FFBEAE 5%,#FF93AA 30%,#F7A6DA 50%,#F0D6F6 90%); }
}
@media (min-width:1100px){
  
  .sol-heros .actions .btn-contour{ background:transparent; border:2px solid #FE2977; color:#FE2977; height:49px; padding:0 24px; }
  .theme-teal .sol-heros .actions .btn-contour{ border-color:#029BA9; color:#029BA9; }
  .theme-bleu .sol-heros .actions .btn-contour{ border-color:#1662E9; color:#1662E9; }
  
  .sol-heros .actions .btn-contour:hover{ background:#FE2977; border-color:#FE2977; color:#fff; }
  .theme-teal .sol-heros .actions .btn-contour:hover{ background:#029BA9; border-color:#029BA9; }
  .theme-bleu .sol-heros .actions .btn-contour:hover{ background:#1662E9; border-color:#1662E9; }
  
  .sol-logo3d img{ filter:none; }
  .theme-rose .sol-logo3d{ left:866px; top:22px; width:448px; }
  .theme-bleu .sol-logo3d{ left:963px; top:75px; width:299px; }
}


@media (min-width:1100px){
  .theme-teal .sol-heros, .theme-teal .sol-constat{ position:relative; z-index:2; }
}


.sol-constat .maillage{ z-index:0; }
.sol-constat .visuel{ z-index:1; }
.sol-constat .boite{ position:relative; z-index:2; }


.theme-rose .sol-motif{ opacity:.12; }
.theme-teal .sol-motif{ opacity:.20; }
.theme-bleu .sol-motif{ opacity:.22; }.theme-teal .offre > .desc,.theme-teal .offre > :where(.vv-w) > .desc,.theme-bleu .offre > .desc,.theme-bleu .offre > :where(.vv-w) > .desc{ color:#0B172E; max-width:429px; margin-left:auto; margin-right:auto; }.theme-teal .onglets + .desc,.theme-teal :where(.vv-w):has(> .onglets) + .desc,.theme-teal .onglets + :where(.vv-w) > .desc,.theme-teal :where(.vv-w):has(> .onglets) + :where(.vv-w) > .desc{ color:rgba(11,23,46,.42); max-width:510px; }
.theme-bleu .offre .kicker{ min-height:48px; }.theme-bleu .offre > .desc,.theme-bleu .offre > :where(.vv-w) > .desc{ text-align:left; max-width:468px; margin-left:11px; margin-top:42px; }.theme-bleu .offre:nth-child(2) > .desc,.theme-bleu .offre:nth-child(2) > :where(.vv-w) > .desc{ max-width:485px; margin-left:20px; }

.theme-bleu .sol-constat .accroche{ max-width:460px; }


.theme-rose .sol-motif{ clip-path:inset(843px 0 0 0); }
.theme-teal .sol-motif{ clip-path:inset(1519px 0 0 0); }
.theme-bleu .sol-motif{ clip-path:inset(1941px 0 0 0); }


@media (min-width:1100px){
  
  .gabarit-solution .services li, .theme-rose .services li{ background:#fff; border:1px solid rgba(11,23,46,.06); box-shadow:0 1px 3px rgba(11,23,46,.06); }
  
  .sur-mesure .options{ max-width:940px; margin-left:auto; margin-right:auto; }
  .sur-mesure .options span{ font-size:18px; font-weight:500; color:#0B172E; }.sur-mesure > p:not(.surtitre):not(.titre),.sur-mesure > :where(.vv-w) > p:not(.surtitre):not(.titre){ font-size:18px; font-weight:500; }
  
  .gabarit-solution .sol-autres h2 .degrade, .gabarit-solution .sol-autres h2 .accent{ background-image:none; -webkit-text-fill-color:currentColor; color:inherit; }
  .theme-rose .sol-autres{ background:#FEF9FB; }
  .theme-rose .carte-autre{ background:#fff; }
  .carte-autre p:not(.titre){ font-size:20px; line-height:24px; text-align:center; color:#0B172E; }
}
@media (min-width:1100px){
  
  .sur-mesure .options{ max-width:990px; }.sur-mesure > p:not(.surtitre):not(.titre),.sur-mesure > :where(.vv-w) > p:not(.surtitre):not(.titre){ margin-top:26px; }
  .theme-rose .sol-reponse{ padding-bottom:52px; }
  .theme-rose .sol-etapes{ padding-top:61px; }
  .theme-rose .sol-cas{ padding-top:34px; }
  .theme-rose .sol-autres{ padding-top:20px; }
  .theme-rose .appel{ padding-top:14px; padding-bottom:10px; }
  .theme-teal .sol-autres{ background:#F4FAFA; }
  .theme-bleu .sol-autres{ background:#F8F9FC; }
  .theme-teal .carte-autre, .theme-bleu .carte-autre{ background:#fff; }
}
@media (min-width:1100px){
  
  .theme-teal .sol-etapes{ padding-top:26px; }
  .theme-teal .sol-cas{ padding-bottom:47px; }
  .theme-teal .sol-lire{ padding-bottom:134px; }
  .theme-bleu .appel{ margin-bottom:22px; }
}


.services li.service{ display:block; padding:0; }.services li.service > button,.services li.service > :where(.vv-w) > button,.services li.service > .ligne,.services li.service > :where(.vv-w) > .ligne{
  display:flex; align-items:center; gap:12px; width:100%; min-height:40px; padding:9px 16px;
  font:inherit; color:inherit; text-align:left; background:none; border:0; cursor:default;
}.services li.depliable > button,.services li.depliable > :where(.vv-w) > button{ cursor:pointer; }
.services li.service .chevron{ transition:transform .2s ease; }
.services li.service[data-ouvert="1"] .chevron{ transform:rotate(225deg); margin-top:4px; }
.services li.service .detail{ display:none; padding:0 16px 12px 48px; }
.services li.service[data-ouvert="1"] .detail{ display:block; }
.services li.service .detail p{ font-family:'Inter',sans-serif; font-weight:400; font-size:14px; line-height:1.45; color:#0B172E; margin:0; }
.services li[hidden]{ display:none; }
.services li.groupe{
  background:none; border:0; box-shadow:none; -webkit-backdrop-filter:none; backdrop-filter:none;
  padding:10px 0 0; min-height:0; font-size:18px; font-weight:500; text-transform:uppercase; color:#0B172E;
}
.offre .plus-services{ background:none; border:0; padding:0; cursor:pointer; }
.offre .plus-services[hidden]{ display:none; }
.offre .panneau[hidden]{ display:none; }.offre .panneau > .desc,.offre .panneau > :where(.vv-w) > .desc{ margin-top:16px; }

.offre .panneau{ width:100%; display:flex; flex-direction:column; align-items:center; }
.offre .services{ margin-left:auto; margin-right:auto; }

@supports (grid-template-rows: subgrid){
  .offre{ display:grid; grid-template-rows:subgrid; grid-row:span 7; align-content:start; }
  .offre .panneau{ display:grid; grid-template-rows:subgrid; grid-row:span 2; align-content:start; justify-items:center; }
  .offre .services{ align-self:start; }
}


.sur-mesure .options .option{
  display:inline-flex; align-items:center; gap:11px; font:inherit; font-size:16.5px; color:var(--ink);
  background:none; border:0; padding:4px 0; cursor:pointer; border-radius:8px;
}
.sur-mesure .options .option:hover{ color:var(--accent); }
.sur-mesure .options .option .off{ width:20px; height:20px; border-radius:50%; border:2px solid #E2E6EE; flex:none; }





@media (max-width:760px){ .br-large{ display:none; } }


.theme-rose .sol-cas{ position:relative; z-index:2; }
.sans-motif .sol-motif{ display:none; }


.theme-rose .carte-cas .photo::after{ background:rgba(255,255,255,.14); }


@media (min-width:1100px){
  
  
  .theme-teal .sol-logo3d{ left:max(760px, min(881px, calc(100% - 559px))); top:-31px; width:min(450px, calc(100% - 820px)); }
  
  .theme-teal .sol-constat{ padding-top:31px; }
  
  .theme-teal .sol-reponse .cta-centre{ margin-top:48px; }
}

.sol-constat{ overflow-x:clip; }
.sol-constat .visuel .reseau-derriere{
  position:absolute; z-index:0; left:-8.8%; top:-4.8%; width:154.4%; max-width:none; height:auto;
  opacity:.35; pointer-events:none;
}
.sol-constat .visuel img:not(.reseau-derriere){ position:relative; z-index:1; }
@media (max-width:1099px){ .sol-constat .visuel .reseau-derriere{ display:none; } }


@media (min-width:1100px){
  .theme-teal .etape svg, .theme-bleu .etape svg{ width:126px; height:126px; padding:22px; box-sizing:border-box; flex:none; }
  .theme-rose .etape:first-child img{ padding:10px; box-sizing:border-box; }
}


@media (min-width:1100px){
  
  .theme-bleu .sol-logo3d{ left:max(760px, min(862px, calc(100% - 578px))); top:-14px; width:min(500px, calc(100% - 820px)); }
}

.theme-bleu .sol-lire h2 .degrade{ background-image:linear-gradient(90deg,#6B90D1 37%,#327EF9 100%); }


@media (min-width:1100px) and (max-width:1439px){
  .theme-teal .sol-heros .chapo{ max-width:min(742px, calc(max(760px, min(881px, 100vw - 559px)) - 120px)); }
  .theme-bleu .sol-heros .chapo{ max-width:min(742px, calc(max(760px, min(862px, 100vw - 578px)) - 120px)); }
}



@media (min-width:1100px){
  
  html body.theme-teal .sol-heros .sol-logo3d{ transform:scale(1.08) !important; transform-origin:50% 50%; }
  html body.theme-bleu .sol-heros .sol-logo3d{ transform:scale(1.15) !important; transform-origin:50% 50%; }
  
  .theme-teal .sol-etapes{ padding-bottom:77px; }
  
  .theme-bleu .sol-reponse .cta-centre{ margin-top:48px; }
}


@media (max-width:400px){
  .gabarit-solution .etapes-grille{ grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
  .gabarit-solution .etape{ min-width:0; }
  .gabarit-solution .etape b{ font-size:17px !important; overflow-wrap:anywhere; hyphens:auto; }
  .gabarit-solution .offre{ min-width:0; }
  .gabarit-solution .offre .marque{ font-size:clamp(28px,9vw,36px) !important; overflow-wrap:anywhere; hyphens:auto; }.gabarit-solution .offre > *,.gabarit-solution .offre > :where(.vv-w) > *{ min-width:0; max-width:100%; }
}


@media (min-width:1100px){
  .theme-bleu .sol-logo3d{ top:16px; }
}


@media (min-width:1100px){
  .gabarit-solution .sol-etapes{ position:relative; z-index:2; background:#fff; }
}



.sol-marque{ position:relative; z-index:2; margin:0 0 22px; line-height:0; }
.sol-marque img{ display:block; height:34px; width:auto; filter:drop-shadow(0 2px 10px rgba(16,24,40,.12)); }
@media (max-width:640px){ .sol-marque{ margin-bottom:16px; } .sol-marque img{ height:24px; max-width:100%; } }


@media (min-width:1100px){
  .theme-rose .offre{ padding-left:55px; }
  .theme-rose .offre .kicker{ margin-left:0; }
  .theme-rose .rang-triptyque{ position:relative; margin-right:0; justify-content:center; }
  .theme-rose .offre .medaillon{ position:absolute; left:-39px; top:50%; transform:translateY(-50%); margin:0; }
  .theme-rose .offre .triptyque{ font-size:25px; }
}


@media (min-width:1100px){
  .theme-bleu .sol-constat{ padding-top:31px; }
  .theme-bleu .sol-constat .visuel{ --haut:-101px; }
}


@media (min-width:1100px){
  .theme-rose .rang-triptyque{ display:flex; justify-content:center; align-items:center; gap:14px; }
  .theme-rose .offre .medaillon{ position:static; transform:none; flex:none; }
  .theme-rose .offre .triptyque{ flex:none; font-size:clamp(18px,1.6vw,23px); gap:8px; }
}


@media (min-width:1081px){
  html body[class] .offre .rang-triptyque{ position:relative; margin-right:0; justify-content:center; }
  html body[class] .offre .medaillon{ position:absolute; left:-39px;  top:50%; transform:translateY(-50%); margin:0; flex:none; }
  html body[class] .offre .triptyque{ flex:1; justify-content:center; }
}


@media (max-width:640px){
  
  html body[class] .sol-heros{ padding:22px 0 30px; }
  html body[class] .sol-heros h1{ font-size:30px; line-height:1.1; }
  html body[class] .sol-heros .chapo{ font-size:16px; line-height:1.4; margin-top:14px; }
  html body[class] .sol-heros .actions{ margin-top:20px; gap:10px; flex-direction:column; align-items:stretch; }
  html body[class] .sol-heros .actions .btn{ width:100%; height:54px; font-size:16px; }
  
  html body[class] .sol-constat .visuel{ max-width:300px; margin:18px auto 0; }
  html body[class] .sol-constat{ padding-bottom:40px; }

  
  .etapes-grille{ display:flex; flex-direction:column; gap:0; counter-reset:etape; }
  .etape{
    counter-increment:etape; flex-direction:row; justify-content:flex-start; align-items:center; gap:14px;
    min-height:0; padding:14px 0; background:none; box-shadow:none; border-radius:0; border:0; border-bottom:1px solid #E6EAF2;
  }
  .etape::before{
    content:counter(etape, decimal-leading-zero); flex:none; width:48px; height:48px; border-radius:50%;
    display:flex; align-items:center; justify-content:center; background:var(--accent-voile); color:var(--accent);
    font-family:'Satoshi',sans-serif; font-weight:700; font-size:14px;
  }
  .etape b{ order:2; font-size:20px; line-height:1.2; text-align:left; color:#0B172E !important; }
  .etape b br{ display:none; }
  .etape img, .etape svg{ order:3; width:26px; height:26px; margin-left:4px; }

  
  html body[class] .offre, html body[class] .offre:nth-child(2){
    display:grid; grid-template-columns:64px minmax(0,1fr); column-gap:14px; row-gap:0;
    padding:24px 20px 22px; border-radius:24px; text-align:left;
  }html body[class] .offre > *,html body[class] .offre > :where(.vv-w) > *{ grid-column:1 / -1; }
  html body[class] .offre .kicker{ grid-column:2; grid-row:1; text-transform:none; letter-spacing:0; font-size:22px; line-height:1.15; color:#0B172E; margin:0; align-self:center; }
  
  html body[class] .offre .kicker br{ display:none; }
  
  html body[class] .offre:not(:has(.medaillon)){ grid-template-columns:minmax(0,1fr); }
  html body[class] .offre:not(:has(.medaillon)) .kicker{ grid-column:1; }html body[class] .offre:nth-child(n) > .desc,html body[class] .offre:nth-child(n) > :where(.vv-w) > .desc{ max-width:none; margin-left:0; margin-right:0; margin-top:16px; }
  html body[class] .offre .rang-triptyque{ display:contents; }
  html body[class] .offre .medaillon{ grid-column:1; grid-row:1 / 3; position:static; transform:none; width:64px; height:64px; margin:0; align-self:start; }
  html body[class] .offre .medaillon .lettre{ font-size:30px; }
  html body[class] .offre .triptyque{ grid-column:2; grid-row:2; justify-content:flex-start; flex-wrap:wrap; gap:6px; font-weight:500; font-size:15px; color:#5B6578; text-shadow:none; letter-spacing:0; margin:2px 0 0; }
  html body[class] .offre .triptyque i{ color:#5B6578; }
  html body[class] .offre .desc{ margin-top:16px; font-size:16px; line-height:1.45; }
  html body[class] .offre .services{ max-width:none; gap:0; margin-top:12px; }
  html body[class] .offre .services li.service{ background:none; border:0; border-bottom:1px solid #E6EAF2; border-radius:0; box-shadow:none; }html body[class] .offre .services li.service > button,html body[class] .offre .services li.service > :where(.vv-w) > button,html body[class] .offre .services li.service > .ligne,html body[class] .offre .services li.service > :where(.vv-w) > .ligne{ padding:14px 0; gap:10px; }
  html body[class] .offre .services li .picto, html body[class] .offre .services li .coche{ display:none; }
  html body[class] .offre .services li.service .detail{ padding:0 0 12px; }
  html body[class] .offre .plus-services{ margin-top:14px; font-size:16px; font-weight:700; }
  html body[class] .offre .plus-services::after{ content:" \2193"; }
  html body[class] .offre .onglets{ justify-content:flex-start; }
  html body[class] .offre .onglets button{ height:44px; font-size:15px; padding:0 14px; }
  html body[class] .offre .marque, html body[class] .offre .signature, html body[class] .offre .panneau{ text-align:left; }
  html body[class] .offre .panneau{ align-items:stretch; }
  html body[class] .sur-mesure{ text-align:left; padding:24px 20px; border-radius:24px; }
  html body[class] .sur-mesure .titre{ justify-content:flex-start; }
  html body[class] .sur-mesure .options{ justify-content:flex-start; gap:12px 22px; }
  html body[class] .sol-reponse .cta-centre{ margin-top:28px; }
  html body[class] .sol-reponse .cta-centre .btn{ width:100%; display:flex; justify-content:center; height:56px; font-size:17px; padding:0 20px; }

  
  html body[class] .sol-cas h2{ font-size:24px; margin-bottom:22px; }
  html body[class] .carte-cas .photo{ min-height:170px; }
  html body[class] .carte-cas .contenu{ padding:22px 20px 22px; }
  html body[class] .carte-cas .contenu p:not(:first-of-type):not(.tag){ display:none; }
  html body[class] .carte-cas .cas-stats{ display:none; }
  html body[class] .carte-cas .lire-cas{ margin-top:14px; }
}


@media (max-width:640px){
  
  html body[class] .sol-marque{ margin-bottom:12px; }
  html body[class] .sol-marque img{ height:19px; }
  html body[class] .sol-heros h1{ font-size:32px; }
  
  html body[class] .sol-heros .actions .btn-contour{ background:transparent; border:2px solid #FE2977; color:#FE2977; }
  html body.theme-teal .sol-heros .actions .btn-contour{ border-color:#029BA9; color:#029BA9; }
  html body.theme-bleu .sol-heros .actions .btn-contour{ border-color:#1662E9; color:#1662E9; }
  
  html body.theme-rose .sol-heros .maillage{ background:url('../img/solutions/reseau-heros-rose.webp') 60% 12% / 190% auto no-repeat; opacity:.6; filter:brightness(1.7); }
  
  html body[class] .etape img, html body[class] .etape svg{ width:30px; height:30px; object-fit:contain; }
  html body[class] .etape picture{ display:contents; }
  
  html body.gabarit-solution.theme-rose .carte-appel h2{ display:none; }
}
@media (max-width:640px){
  
  html body[class] .offre .onglets{ display:grid; grid-template-columns:1fr 1fr; gap:8px; }
  html body[class] .offre .onglets button{ width:100%; height:44px; padding:0 10px; font-size:14.5px; justify-content:center; }
  html body[class] .offre .onglets:has(button:nth-child(3)) button:first-child{ grid-column:1 / -1; width:60%; justify-self:center; }html body.theme-teal .offre > .desc,html body.theme-teal .offre > :where(.vv-w) > .desc{ display:none; }html body[class] .offre .panneau > .desc,html body[class] .offre .panneau > :where(.vv-w) > .desc{ display:none; }
  
  html body[class] .sol-autres{ padding:40px 0; }
  html body[class] .sol-autres h2{ margin-bottom:18px; }
  html body[class] .autres-grille{ gap:10px; }
  html body[class] .carte-autre{ padding:16px 18px; min-height:0; text-align:left; display:flex; align-items:center; justify-content:space-between; gap:12px; }
  html body[class] .carte-autre .titre{ margin:0; font-size:16px; }
  html body[class] .carte-autre p:not(.titre){ display:none; }
  html body[class] .carte-autre::after{ content:"\2192"; font-size:18px; color:var(--ink); flex:none; }
  
  html body.gabarit-solution.theme-teal .carte-appel h2{ display:none; }
}


.plus-mobile{ display:none; }
@media (max-width:640px){
  
  html body.theme-teal .etape:nth-child(1) svg{ transform:scale(1.02); }
  html body.theme-teal .etape:nth-child(2) svg{ transform:scale(.9); }
  html body.theme-teal .etape:nth-child(3) svg{ transform:scale(.96); }
  html body.theme-teal .etape:nth-child(4) svg, html body.theme-teal .etape:nth-child(5) svg, html body.theme-teal .etape:nth-child(6) svg{ transform:scale(1.05); }
  html body.theme-bleu .etape:nth-child(1) svg, html body.theme-bleu .etape:nth-child(4) svg{ transform:scale(1.1); }
  html body.theme-bleu .etape:nth-child(2) svg, html body.theme-bleu .etape:nth-child(3) svg{ transform:scale(.96); }
  html body.theme-bleu .etape:nth-child(5) svg{ transform:scale(.93); }
  html body.theme-bleu .etape:nth-child(6) svg{ transform:scale(1.03); }
  
  html body[class] .sol-constat .maillage{ inset:0; opacity:1; z-index:0; }
  
  html body[class] .sol-constat .visuel{ position:relative; z-index:1; right:auto; left:auto; top:auto; }
  html body.theme-teal .sol-constat .visuel .reseau-derriere{ display:block; opacity:.5; }
  
  html body[class] .offre .services:not([data-deplie]) li[data-cache-mobile]{ display:none; }
  html body[class] .offre .plus-mobile{ display:inline-block; margin-top:14px; font-size:16px; font-weight:700; }
  html body[class] .offre .plus-mobile[hidden]{ display:none; }
  html body[class] .offre .plus-mobile::after{ content:" \2193"; }
  
  html body.gabarit-solution.theme-bleu .carte-appel h2{ display:none; }
  html body[class] .carte-appel .appel-long{ display:none; }
}


.theme-rose .sol-constat .visuel .reseau-derriere, .theme-bleu .sol-constat .visuel .reseau-derriere{ display:none; }
@media (max-width:640px){
  html body.theme-rose .sol-constat .visuel .reseau-derriere{ display:block; opacity:.55; filter:hue-rotate(155deg) saturate(1.2); }
  html body.theme-bleu .sol-constat .visuel .reseau-derriere{ display:block; opacity:.55; filter:hue-rotate(30deg) saturate(1.3); }
}


@media (max-width:640px){
  
  html body.gabarit-solution .sol-heros .maillage{ opacity:.3; }
  
  html body[class] .offre .onglets{ gap:10px; }
  html body[class] .offre .onglets button{ height:auto; min-height:46px; padding:9px 18px; line-height:1.25; }
  
  html body.theme-bleu .sol-constat .visuel img:not(.reseau-derriere){ transform:translateX(-7%); }
}


@media (max-width:640px){
  
  html body.theme-bleu .sol-constat .visuel .reseau-derriere{ left:-27%; top:-8%; opacity:.85; }
}


.gabarit-solution .sol-heros canvas.maillage{ background:center / cover no-repeat; }
.gabarit-solution.theme-rose .sol-heros canvas.maillage{ background-image:url('../img/solutions/maillage-rose.webp'); }
.gabarit-solution.theme-teal .sol-heros canvas.maillage{ background-image:url('../img/solutions/maillage-teal.webp'); }
.gabarit-solution.theme-bleu .sol-heros canvas.maillage{ background-image:url('../img/solutions/maillage-bleu.webp'); }