@font-face { font-family:'Satoshi'; src:url('../fonts/Satoshi-500.woff2') format('woff2'); font-weight:500; font-display:swap; }
@font-face { font-family:'Satoshi'; src:url('../fonts/Satoshi-700.woff2') format('woff2'); font-weight:700; font-display:swap; }
@font-face { font-family:'Satoshi'; src:url('../fonts/Satoshi-900.woff2') format('woff2'); font-weight:900; font-display:swap; }
@font-face { font-family:'Inter';   src:url('../fonts/InterVariable-latin.woff2') format('woff2'); font-weight:100 900; font-display:swap; }

:root{
  --nuit:#0B172E;
  --ink:#101828;
  --corps:#0B172E;   
  --sourdine:#667085;

  
  --rose:#FE2977;
  --teal:#028D9D;
  --bleu:#0161D8;
  --violet:#B24AD6;
  --cyan:#07D0C8;

  --rose-clair:#FF6BA6;
  --rose-voile:#FFEAF2;
  --teal-clair:#47ADAA;
  --teal-voile:#E6F4F3;
  --bleu-clair:#6B90D1;
  --bleu-voile:#EBF1FB;

  --ligne:#E9EDF3;
  --brume:#F7F9FC;
  --ombre:0 18px 46px -26px rgba(11,23,46,.30), 0 2px 6px rgba(11,23,46,.05);
  --r:24px;

  
  --large:1308px;
}

*{ box-sizing:border-box; margin:0; padding:0; }
html{ scroll-behavior:smooth; }
body.gabarit-accueil{
  font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
  font-size:16px; line-height:1.6; color:var(--corps); background:#fff;
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3{ font-family:'Satoshi','Inter',sans-serif; color:var(--ink); line-height:1.08; letter-spacing:-.02em; }
img{ max-width:100%; display:block; }
a{ color:inherit; text-decoration:none; }
ul{ list-style:none; }

.boite{ max-width:var(--large); margin:0 auto; padding:0 32px; }

.surtitre{
  font-family:'Satoshi',sans-serif;
  font-size:13px; font-weight:700; letter-spacing:.12em; text-transform:uppercase;
  margin-bottom:16px;   
}
.h2{ font-size:clamp(26px,2.3vw,32px); font-weight:700; line-height:1.194; }

.degrade{
  background-image:linear-gradient(144deg,#FF57A0 32%,#5F74FA 100%);
  background-clip:text; -webkit-background-clip:text; color:transparent;
}


.heros h1{
  
  background-image:linear-gradient(107deg,#FF57A0 30%,#5F74FA 77%);
  background-clip:text; -webkit-background-clip:text; color:transparent;
}
.heros h1 .encre{ color:var(--nuit); }
.heros h1 .degrade{ background:none; }


.btn{
  display:inline-flex; align-items:center; justify-content:center; gap:9px;
  font-family:'Satoshi',sans-serif; font-weight:700; font-size:15px; line-height:1;
  padding:15px 28px; border-radius:999px; border:1.5px solid transparent;
  cursor:pointer; transition:transform .15s ease, background .15s ease, box-shadow .15s ease;
  white-space:nowrap;
}
.btn:hover{ transform:translateY(-1px); }
.btn-nuit{ background:var(--nuit); color:#fff; border-color:var(--nuit); }
.btn-nuit:hover{ background:#16264a; }

.heros-actions .btn{ height:51px; padding:0 24px; border-radius:24px; font-size:14px; }
.gabarit-accueil .heros .btn-nuit{ background:linear-gradient(144deg,#746DFF 0%,#325DEA 63%); border-color:transparent; }
.gabarit-accueil .heros .btn-nuit:hover{ background:linear-gradient(144deg,#8A84FF 0%,#3D69F0 63%); }

.btn-contour{ background:#fff; color:#325EE2; border-color:#325EE2; }
.btn-contour:hover{ background:#EEF1FD; border-color:#325EE2; }
.btn-clair{ background:#fff; color:var(--nuit); }

.btn-degrade{
  height:51px; padding:0 24px; border-radius:24px; font-size:14px;
  
  background:linear-gradient(172.5deg,#746DFF 9.9%,#325DEA 63.2%);
  color:#fff; border-color:transparent;
  
  box-shadow:none;
}
.btn-degrade:hover{ background:linear-gradient(172.5deg,#8A84FF 9.9%,#3D69F0 63.2%); }




.heros{
  padding:45px 0 26px; position:relative;
  
  overflow-x:clip; overflow-y:visible;
}
.heros-grille{
  display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.02fr);
  gap:24px; align-items:start; position:relative;
}.heros-grille > div:first-child,.heros-grille > :where(.vv-w:first-child) > div:first-child{ position:relative; z-index:2; }

.heros h1{
  font-size:clamp(40px,5.28vw,76px); font-weight:700; line-height:1;
  color:var(--nuit); margin-bottom:20px;
  
  
  display:block; width:671px; max-width:none; min-height:152px;
}
.heros h1 .degrade{ font-weight:700; font-size:inherit; line-height:inherit; }
.recit{ font-size:20px; line-height:1.21; color:var(--corps); margin-bottom:16px; }
.heros-actions{ display:flex; gap:14px; flex-wrap:nowrap; }


.sphere-boite{
  position:absolute; z-index:1; pointer-events:none;
  
  
  
  left:min(calc(50% - 720px + 745px), calc(100% - 626px)); top:-91px;
  width:626px; height:626px;
  margin:0;
}
.sphere-boite img{ width:100%; height:auto; display:block; }


.sphere-boite .sphere-video,
.sphere-boite .sphere-fixe{ filter:saturate(1.28); }
.sphere-boite .sphere-video{ width:100%; height:auto; display:block; }
.sphere-boite .sphere-fixe{ display:none; }

.sphere-boite .sphere-video,
.sphere-boite .sphere-fixe{
  -webkit-mask-image:radial-gradient(circle closest-side at 50% 50%, #000 93%, rgba(0,0,0,.55) 97%, transparent 99.5%);
          mask-image:radial-gradient(circle closest-side at 50% 50%, #000 93%, rgba(0,0,0,.55) 97%, transparent 99.5%);
  
  filter:saturate(.82);
}
@media (prefers-reduced-motion:reduce){
  .sphere-boite .sphere-video{ display:none; }
  .sphere-boite .sphere-fixe{ display:block; }
}




.chiffres{ padding:150px 0 81px; position:relative; z-index:3; }

.chiffres-grille{
  display:grid; grid-template-columns:repeat(4,1fr); align-items:start;
}.chiffres-grille > div,.chiffres-grille > :where(.vv-w) > div{
  position:relative; text-align:center; padding:0 18px;
}.chiffres-grille > div + :where(.vv-w) > div::before,.chiffres-grille > :where(.vv-w):has(> div) + div::before,.chiffres-grille > :where(.vv-w):has(> div) + :where(.vv-w) > div::before,.chiffres-grille > div + div::before,.chiffres-grille > :where(.vv-w) > :where(.vv-w):has(> div) + :where(.vv-w) > div::before,.chiffres-grille > :where(.vv-w) > div + :where(.vv-w) > div::before,.chiffres-grille > :where(.vv-w) > :where(.vv-w):has(> div) + div::before,.chiffres-grille > :where(.vv-w) > div + div::before{
  content:""; position:absolute; left:0; top:14px; width:1px; height:96px;
  background:var(--ligne);
}
.chiffres b{
  display:block; font-family:'Satoshi',sans-serif; font-weight:700;
  
  font-size:clamp(34px,4.2vw,60px); color:#0B172E; letter-spacing:-.02em; line-height:1.35;
}
.chiffres span{
  
  
  display:block; margin:0 auto; white-space:nowrap; font-size:18px; line-height:22px;
  font-weight:700; color:#3B4ECA;
}
.chiffres .ecusson{ display:flex; flex-direction:column; align-items:center; gap:0; }
.chiffres .ecusson svg{ width:68px; height:70px; margin-top:8px; } 
.chiffres .ecusson span{ margin-top:12px; }


.constat{
  
  background:linear-gradient(180deg,#F8F7F9 1%,#FEFEFE 100%); padding:28px 0;
  position:relative; overflow:hidden;
}.constat .boite > div:first-child,.constat .boite > :where(.vv-w:first-child) > div:first-child{ position:relative; z-index:1; max-width:620px; }
.constat h2{ font-size:clamp(26px,2.3vw,32px); font-weight:700; line-height:1.194; margin-bottom:28px; }
.constat h2 em{ font-style:normal; }
.constat li{
  display:flex; align-items:flex-start; gap:12px;
  
  font-size:18px; font-weight:500; line-height:21.8px; color:var(--corps); padding:3px 0;
}
.constat li::before{
  content:""; flex:none; width:20px; height:20px; 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.4' 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 0%,#3769C1 100%);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.9);
}
.constat-illu{
  
  position:absolute; z-index:0; pointer-events:none;
  top:50%; transform:translateY(-50%);
  right:max(0px, calc((100vw - 1440px) / 2));
  width:1041px; max-width:68%; aspect-ratio:1041/370;
  background:url('../img/accueil/constat.webp') center/contain no-repeat;
  -webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,0) 0%,#000 26%,#000 100%);
          mask-image:linear-gradient(90deg,rgba(0,0,0,0) 0%,#000 26%,#000 100%);
}



.reponse{ padding:38px 0 119px; position:relative; overflow:hidden; }
.reponse::before{
  content:""; position:absolute; inset:-10% -20% auto; height:80%;
  background:
    radial-gradient(46% 60% at 18% 42%, rgba(255,0,102,.10) 0%, rgba(255,0,102,0) 70%),
    radial-gradient(46% 60% at 82% 58%, rgba(55,105,193,.09) 0%, rgba(55,105,193,0) 70%);
  pointer-events:none;
}
.reponse .boite{ position:relative; }
.reponse .surtitre,
.reponse .h2{ text-align:center; }
.reponse .surtitre{ margin-bottom:14px; }
.reponse .h2{ margin-bottom:21px; }


.univers-grille{
  display:grid; grid-template-columns:repeat(3,1fr); gap:40px;
  margin:0 -17px;
}
.carte-u{
  position:relative; isolation:isolate; overflow:hidden;
  display:block; aspect-ratio:399/358;
  border-radius:28px; border:1px solid rgba(255,255,255,.18);
  
  box-shadow:0 12px 40px -12px rgba(0,0,0,.08);
  
  transition:transform .2s ease, box-shadow .2s ease;
  container-type:inline-size;
}

.carte-u::after{
  content:""; position:absolute; left:7.5%; top:-5.6%; width:69.7%; height:112.8%;
  background:linear-gradient(99deg,rgba(255,255,255,.31) 0%,rgba(255,255,255,0) 100%);
  filter:blur(40px); z-index:0; pointer-events:none;
}.carte-u > *,.carte-u > :where(.vv-w) > *{ position:relative; z-index:2; }
.carte-u .reseau{
  position:absolute; z-index:1; pointer-events:none;
  left:7cqw; top:15.25cqw; width:105.5cqw; height:62.18cqw;
  opacity:.9;
}
.carte-u:hover{ transform:translateY(-4px); box-shadow:0 26px 54px -30px rgba(11,23,46,.34); }




.carte-u.rose{ background:linear-gradient(337deg,rgba(254,41,119,0) 30%,rgba(254,41,119,.5) 100%) no-repeat,#fff; }
.carte-u.teal{ background:linear-gradient(337deg,rgba(2,141,157,0) 30%,rgba(2,141,157,.5) 100%) no-repeat,#fff; }

.carte-u.bleu{ background:linear-gradient(337deg,rgba(55,105,193,0) 30%,rgba(55,105,193,.5) 100%) no-repeat,#fff; }

.carte-u .verbe{
  position:absolute; left:8.27cqw; top:2.51cqw;
  font-family:'Satoshi',sans-serif; font-weight:900; font-size:8.02cqw; line-height:1.35;
  letter-spacing:-.02em; color:#fff;
}
.carte-u .accroche{
  position:absolute; left:9.27cqw; top:16.51cqw; width:63.2cqw;
  font-family:'Satoshi',sans-serif; font-weight:500; font-size:4.51cqw; line-height:1.35;
}
.carte-u.rose .accroche{ color:var(--rose); }
.carte-u.teal .accroche{ color:var(--teal); }
.carte-u.bleu .accroche{ color:#3769C1; }

.carte-u .illu{
  position:absolute; left:5.76cqw; top:23.78cqw; width:87.7cqw; height:58.41cqw;
  background-size:contain; background-position:center bottom; background-repeat:no-repeat;
}

.carte-u.rose .illu{ background-image:image-set(url('../img/accueil/carte-organiser.webp') type('image/webp'), url('../img/accueil/carte-organiser.png') type('image/png')); }
.carte-u.teal .illu{ background-image:image-set(url('../img/accueil/carte-comprendre.webp') type('image/webp'), url('../img/accueil/carte-comprendre.png') type('image/png')); }
.carte-u.bleu .illu{ background-image:image-set(url('../img/accueil/carte-connecter.webp') type('image/webp'), url('../img/accueil/carte-connecter.png') type('image/png')); }

.carte-u .pied{
  position:absolute; left:3.76cqw; top:64.42cqw; width:89.7cqw; height:21.09cqw;
  border-radius:3.26cqw;
  background:rgba(255,255,255,.30);
  -webkit-backdrop-filter:blur(16px); backdrop-filter:blur(16px);
  display:flex; align-items:center; gap:0; padding:0 0 0 5.51cqw;
  font-family:'Satoshi',sans-serif; font-weight:700; font-size:6.02cqw; line-height:1.35;
  letter-spacing:0; text-transform:uppercase; white-space:nowrap;
}
.carte-u.rose .pied{ color:var(--rose); }
.carte-u.teal .pied{ color:var(--teal); }
.carte-u.bleu .pied{ color:var(--bleu); }
.carte-u .pied .puce{
  flex:none; width:11.28cqw; height:11.78cqw; border-radius:2cqw;
  background:rgba(255,255,255,.45);
  display:flex; align-items:center; justify-content:center;
}
.carte-u .pied .puce svg{ width:6.5cqw; height:6.5cqw; }


.cortex{ padding:10px 0 54px; position:relative; }

.cortex-fond{ position:absolute; inset:0; z-index:0; opacity:.55; pointer-events:none; }
.cortex .boite{ position:relative; z-index:1; }
.cortex-haut{
  display:grid; grid-template-columns:minmax(0,1fr) 760px;
  gap:30px; align-items:center; margin-bottom:87px;
  
}
@media (min-width:1400px){ .cortex-haut{ margin-right:-66px; } }
.cortex-haut h2{ font-size:clamp(26px,2.3vw,32px); font-weight:700; line-height:1.194; }
.cortex-haut h2 .clair{
  background-image:linear-gradient(90deg,#8A7CD4,#A071C6);
  background-clip:text; -webkit-background-clip:text; color:transparent;
}
.cortex-visage{
  aspect-ratio:963/560; margin:-58px 0;
  background:url('../img/accueil/visage.webp') center/contain no-repeat;
}

.cortex-bas{
  display:grid; grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);
  gap:48px; align-items:center;
}
.cortex-bas .nom{
  
  font-family:'Satoshi',sans-serif; font-weight:700;
  font-size:clamp(40px,5vw,72px); letter-spacing:0; line-height:.875; margin-bottom:6px;
  
  display:block; width:max-content; max-width:100%;
  
  background-image:linear-gradient(90deg,#947CD0 0%,#967BCE 19%,#9A77CA 31%,#A075C8 44%,#A471C4 56%,#B36BBC 69%,#C262B2 81%,#CC5FAC 100%);
}

.cortex-bas h3{ font-size:clamp(24px,2.3vw,32px); font-weight:700; line-height:1.194; margin-bottom:40px; }
.cortex-bas ul{ margin-bottom:59px; }
.cortex-bas li{
  display:flex; align-items:center; gap:12px;
  
  font-size:18px; font-weight:500; line-height:21.8px; color:var(--corps); padding:3px 0;
}
.cortex-bas li::before{
  content:""; flex:none; width:21px; height:20px; 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.4' 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(143deg,#5B6BF4 0%,#325DEA 70%); 
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.9);
}
.cortex-ecran{ 
  aspect-ratio:809/516;
  background:url('../img/accueil/cortexia-v2.webp') center/contain no-repeat; 
}


.confiance{ background:var(--brume); padding:30px 0 26px; }

.confiance:not(:has(.temoins)){ padding:22px 0; }
.confiance .surtitre,
.confiance .h2{ text-align:center; }
.confiance .h2{ margin-bottom:30px; }

.temoins{ display:grid; grid-template-columns:1fr 1.34fr 1fr; gap:55px; align-items:center; }
.temoin{
  background:#fff; border:1px solid var(--ligne); border-radius:20px; overflow:hidden;
  box-shadow:var(--ombre);
}
.temoin .vignette{
  aspect-ratio:16/9; position:relative;
  background:#12203C center/cover no-repeat;
  display:flex; align-items:center; justify-content:center;
}
.temoin:nth-child(1) .vignette{ background-image:url('../img/temoin-1.webp'); }
.temoin:nth-child(2) .vignette{ background-image:url('../img/temoin-2.webp'); }
.temoin:nth-child(3) .vignette{ background-image:url('../img/temoin-3.webp'); }
.temoin .vignette::after{
  content:none;
}

.temoin .lecture{ display:none; }
.temoin .lecture{ position:relative; z-index:1; }
.temoin .lecture{
  width:52px; height:52px; border-radius:50%; background:rgba(255,255,255,.92);
  display:flex; align-items:center; justify-content:center;
}
.temoin .lecture svg{ width:18px; height:18px; color:var(--nuit); margin-left:3px; }

.temoin .vignette{ border-bottom:0; }
.temoin .texte{ padding:12px 18px 15px; }
.temoin .qui{
  display:flex; align-items:center; gap:10px;
  font-family:'Satoshi',sans-serif; font-weight:700; font-size:13px;
  letter-spacing:.06em; text-transform:uppercase; color:var(--ink);
}
.temoin .qui .nom{ min-width:0; }
.temoin .qui .duree{ margin-left:auto; font-weight:500; letter-spacing:0; color:var(--sourdine); }
.temoin .qui .ic{
  flex:none; width:28px; height:28px; border-radius:9px;
  display:flex; align-items:center; justify-content:center;
  background:var(--rose-voile); color:var(--rose);
}
.temoin.teal .qui .ic{ background:var(--teal-voile); color:var(--teal); }
.temoin.bleu .qui .ic{ background:var(--bleu-voile); color:var(--bleu); }
.temoin .qui .ic svg{ width:16px; height:16px; }
.temoin .role{ font-size:13.5px; color:var(--sourdine); margin-top:5px; }
.temoin .phrase{ margin-top:5px; font-size:14px; color:var(--corps); }


.publics{ padding:58px 0 52px; }

.publics .surtitre{ text-align:center; background-image:none; color:#325EE2; margin-bottom:34px; }
.confiance .surtitre{ background-image:none; color:#3B4ECA; }
.publics-grille{
  display:flex; justify-content:space-between; align-items:center;
  gap:20px; flex-wrap:wrap;
  
  margin:0 -25px;
}
.public{ display:flex; align-items:center; gap:13px; }
.public .ic{
  flex:none; width:52px; height:52px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
}
.public .ic svg{ width:25px; height:25px; }

.publics-grille .public .ic:has(img){ background:none; width:60px; height:60px; }
.publics-grille .public .ic img{ display:block; width:100%; height:100%; object-fit:contain; }.public:nth-child(3n+1) .ic{ background:var(--rose-voile); color:var(--rose); }.public:nth-child(3n+2) .ic{ background:var(--teal-voile); color:var(--teal); }
.public:nth-child(3n)   .ic{ background:var(--bleu-voile); color:var(--bleu); }
.public b{
  font-family:'Satoshi',sans-serif; font-weight:700; font-size:15px;
  color:var(--bleu); line-height:1.3;
}


.appel{
  
  margin-top:56px; padding:0;
  min-height:260px; display:flex; align-items:center;
  background:url('../img/accueil/bande-excellence.webp') center/cover no-repeat;
}
.carte-appel{
  display:block; grid-template-columns:none; gap:0;
  background:none; border-radius:0; padding:0; text-align:center;
}
.carte-appel h2{ color:var(--nuit); font-size:clamp(26px,2.3vw,32px); line-height:1.194; max-width:760px; margin:0 auto; }
.carte-appel h2 .degrade{ font-weight:700; }



@media (max-width:1099.98px){
  
  .sphere-boite{ position:static; width:min(320px,72vw); height:auto; margin:22px auto 0; }
  .sphere-boite .sphere-video{ display:none; }
  .sphere-boite .sphere-fixe{ display:block; }
  .nav{ display:none; }
  .heros-grille,
  .constat .boite,
  .cortex-haut,
  .cortex-bas{ grid-template-columns:1fr; }
  
  .cortex-haut{ margin-right:0; }
  
  .constat-illu{
    position:static; transform:none; width:100%; max-width:none;
    margin-top:18px; -webkit-mask-image:none; mask-image:none;
  }
  .constat .boite{ display:flex; flex-direction:column; }
  .univers-grille,
  .temoins{ grid-template-columns:1fr; }
  .univers-grille{ margin:0; }
  .chiffres-grille{ grid-template-columns:repeat(2,1fr); row-gap:28px; }.chiffres-grille > div,.chiffres-grille > :where(.vv-w) > div,.univers-grille > *,.univers-grille > :where(.vv-w) > *,.publics-grille > *,.publics-grille > :where(.vv-w) > *{ min-width:0; padding-inline:8px; }.chiffres-grille > div:nth-child(odd),.chiffres-grille > :where(.vv-w:nth-child(odd)) > div:nth-child(odd){ border-left:0; }
  .publics-grille{ grid-template-columns:repeat(2,1fr); margin:0; } 
  .pied .boite{ grid-template-columns:1fr 1fr; }
}
@media (max-width:640px){
  .boite{ padding:0 20px; }
  .heros{ padding-top:44px; }
  .heros-actions{ flex-wrap:wrap; }
  .appel{ min-height:200px; }
  .publics-grille{ grid-template-columns:1fr; }
  .pied .boite{ grid-template-columns:1fr; }
}
@media (prefers-reduced-motion:reduce){
  *{ animation:none !important; transition:none !important; }
  html{ scroll-behavior:auto; }
}


body.gabarit-accueil .surtitre{
  
  display:block; background-image:none; -webkit-background-clip:border-box; background-clip:border-box;
  color:#325EE2;
}
body.gabarit-accueil .reponse .surtitre{ text-align:center; }


@media (max-width:1099.98px){
  .heros h1{ width:auto; max-width:100%; min-height:0; }
}




body.gabarit-accueil:not(.defile) .entete{ background:transparent; box-shadow:none; }

body.gabarit-accueil .entete{ transition:none; }


body.gabarit-accueil .carte-u .pied{
  
  
  
  
  background:rgba(255,255,255,.18); border:1px solid rgba(255,255,255,.3);
  -webkit-backdrop-filter:blur(12px); backdrop-filter:blur(12px);
  width:91.7cqw; height:21.05cqw; top:65.2cqw; 
  font-size:clamp(14px,6cqw,24px); font-weight:700; 
  
  padding:4.6cqw 0 0 5.51cqw; 
}

body.gabarit-accueil .carte-u .pied .puce{ background:rgba(255,255,255,.18); width:11.28cqw; height:11.28cqw; border-radius:2cqw; }
body.gabarit-accueil .carte-u .pied .puce img{ width:9cqw; height:9cqw; display:block; }
body.gabarit-accueil .carte-u.rose .pied{ color:#E72168; }
body.gabarit-accueil .carte-u.teal .pied{ color:#08C0BB; }
body.gabarit-accueil .carte-u.bleu .pied{ color:#0161D8; }


.confiance .lien-suite{ text-align:center; margin-top:28px; }
.confiance .lien-suite a{ font-size:18px; font-weight:500; color:#0B172E; display:inline-flex; gap:12px; align-items:center; }
.confiance .lien-suite a:hover{ color:#325EE2; }
@media (max-width:900px){ .temoins{ grid-template-columns:1fr; gap:22px; } }


.gabarit-accueil .constat h2,
.gabarit-accueil .reponse .h2,
.gabarit-accueil .cortex-haut h2,
.gabarit-accueil .cortex-bas h3,
.gabarit-accueil .carte-appel h2{
  
  
  
  display:block; max-width:100%; box-sizing:border-box;
  background-clip:text; -webkit-background-clip:text;
  color:#0B172E;
}
.gabarit-accueil .constat h2{ width:462px; min-height:129px; padding-top:7px;  background-image:linear-gradient(111deg,#FF57A0 30%,#5F74FA 78%); }
.gabarit-accueil .reponse .h2{ width:484px; min-height:43px; padding-top:2px; margin-left:auto; margin-right:auto;  background-image:linear-gradient(97deg,#FF57A0 29%,#5F74FA 75%); }
.gabarit-accueil .cortex-haut h2{ width:400px; min-height:151px; background-image:linear-gradient(117deg,#FF57A0 31%,#5F74FA 80%); }
.gabarit-accueil .cortex-bas h3{ width:435px; 
   background-image:linear-gradient(122deg,#FF57A0 29%,#5F74FA 86%); }
.gabarit-accueil .carte-appel h2{ width:499px; min-height:151px; padding-top:37px; margin-left:auto; margin-right:auto; text-align:center;  background-image:linear-gradient(113deg,#FF57A0 30%,#5F74FA 78%); }
@media (max-width:600px){
  .gabarit-accueil .constat h2, .gabarit-accueil .reponse .h2, .gabarit-accueil .cortex-haut h2,
  .gabarit-accueil .cortex-bas h3, .gabarit-accueil .carte-appel h2{ width:auto; min-height:0; padding-top:0; }
}
.gabarit-accueil .constat h2 .degrade,
.gabarit-accueil .reponse .h2 .degrade,
.gabarit-accueil .cortex-haut h2 .clair,
.gabarit-accueil .cortex-bas h3 .degrade,
.gabarit-accueil .carte-appel h2 .degrade{ background:none; color:transparent; }


.gabarit-accueil .cortex-bas h3 .degrade{
  background-image:linear-gradient(90deg,#CD66B9 0%,#C26ABE 33%,#BB69C4 66%,#B26CC9 100%);
  background-clip:text; -webkit-background-clip:text; color:transparent;
}


@media (min-width:1100px){
  
  body.gabarit-accueil .entete-carte{ padding:0 71px 0 103px; }

  
  body.gabarit-accueil .surtitre{ font-size:18px; line-height:24px; letter-spacing:0; margin-bottom:16px; }

  
  body.gabarit-accueil .heros{ padding:77px 0 26px; }
  body.gabarit-accueil .heros h1{ margin-bottom:18px; }
  
  body.gabarit-accueil .recit{ font-family:'Satoshi',sans-serif; font-weight:500; font-size:22px; line-height:29.7px; width:671px; max-width:none; margin-bottom:58px; }
  body.gabarit-accueil .heros-actions{ gap:12px; }
  
  body.gabarit-accueil .heros .btn-contour{ border:2px solid #746DFF; }
  
  body.gabarit-accueil .sphere-boite{ top:-123px; }

  
  body.gabarit-accueil .chiffres{ padding:125px 0 103px; }
  body.gabarit-accueil .chiffres .boite{ max-width:1440px; padding:0 90px; }
  body.gabarit-accueil .chiffres-grille{ grid-template-columns:233px 334px 340px minmax(0,1fr); column-gap:20px; }body.gabarit-accueil .chiffres-grille > div,body.gabarit-accueil .chiffres-grille > :where(.vv-w) > div{ padding:0; }body.gabarit-accueil .chiffres-grille > :where(.vv-w):has(> div) + div::before,body.gabarit-accueil .chiffres-grille > div + div::before,body.gabarit-accueil .chiffres-grille > :where(.vv-w):has(> div) + :where(.vv-w) > div::before,body.gabarit-accueil .chiffres-grille > div + :where(.vv-w) > div::before,body.gabarit-accueil .chiffres-grille > :where(.vv-w) > div + :where(.vv-w) > div::before,body.gabarit-accueil .chiffres-grille > :where(.vv-w) > :where(.vv-w):has(> div) + :where(.vv-w) > div::before,body.gabarit-accueil .chiffres-grille > :where(.vv-w) > div + div::before,body.gabarit-accueil .chiffres-grille > :where(.vv-w) > :where(.vv-w):has(> div) + div::before{ left:-10px; top:13px; height:98px; }
  body.gabarit-accueil .chiffres b{ font-size:60px; line-height:81px; letter-spacing:0; }
  body.gabarit-accueil .chiffres span{ font-family:'Satoshi',sans-serif; }
  body.gabarit-accueil .chiffres .ecusson svg{ width:69px; height:69px; margin-top:0; }
  body.gabarit-accueil .chiffres .ecusson span{ margin-top:12px; }

  
  body.gabarit-accueil .constat{ padding:13px 0 56px; overflow:visible; }
  body.gabarit-accueil .constat .surtitre{ margin-bottom:16px; }
  body.gabarit-accueil .constat h2{ margin-bottom:21px; }
  body.gabarit-accueil .constat-illu{
    top:-18px; transform:none; width:1041px; height:370px; aspect-ratio:auto;
    max-width:calc(100% - 399px);
  }

  
  body.gabarit-accueil .reponse{ padding:51px 0 78px; }
  body.gabarit-accueil .reponse .surtitre{ margin-bottom:7px; }
  body.gabarit-accueil .reponse .h2{ margin-bottom:16px; }
  body.gabarit-accueil .univers-grille{ display:flex; gap:0; margin:0 0 0 -7px; width:1278px; }
  body.gabarit-accueil .carte-u{ flex:none; width:399px; height:358px; aspect-ratio:auto; }
  body.gabarit-accueil .carte-u:nth-child(2){ margin-left:44px; }
  body.gabarit-accueil .carte-u:nth-child(3){ margin-left:37px; }
  
  body.gabarit-accueil .carte-u .verbe{ top:6.77cqw; }
  
  body.gabarit-accueil .carte-u .pied{ top:64.4cqw; width:89.7cqw; }
  body.gabarit-accueil .carte-u.bleu .pied{ width:91.7cqw; }

  
  body.gabarit-accueil .cortex{ padding:0; }
  body.gabarit-accueil .cortex .boite{ position:relative; height:1083px; max-width:1244px; padding:0; }body.gabarit-accueil .cortex-haut,body.gabarit-accueil .cortex-bas,body.gabarit-accueil .cortex-bas > div:first-child,body.gabarit-accueil .cortex-bas > :where(.vv-w:first-child) > div:first-child{ display:contents; }
  body.gabarit-accueil .cortex-visage{
    position:absolute; z-index:1; left:379px; top:0; width:963px; height:560px;
    margin:0; aspect-ratio:auto; background-size:963px 560px; background-position:0 0;
  }
  body.gabarit-accueil .cortex-haut h2{ position:absolute; z-index:2; left:1px; top:137px; }
  
  body.gabarit-accueil .cortex-haut h2::before{
    content:""; position:absolute; z-index:-1; left:-99px; top:-11px; width:601px; height:307px; background:#FDFDFD;
  }
  body.gabarit-accueil .cortex-bas .surtitre{ position:absolute; z-index:2; left:2px; top:463px; margin:0; }
  body.gabarit-accueil .cortex-bas .nom{ position:absolute; z-index:2; left:1px; top:516px; margin:0; }
  body.gabarit-accueil .cortex-bas h3{ position:absolute; z-index:2; left:3px; top:591px; margin:0; }
  body.gabarit-accueil .cortex-bas ul{ position:absolute; z-index:2; left:7px; top:709px; margin:0; }
  body.gabarit-accueil .cortex-bas .actions{ position:absolute; z-index:2; left:12px; top:877px; }
  
  body.gabarit-accueil .cortex-ecran{
    position:absolute; z-index:1; left:430px; top:461px; width:809px; height:516px;
    aspect-ratio:auto; background-size:809px 516px; background-position:0 0;
  }

  
  body.gabarit-accueil .confiance{ background:transparent; padding:0; }
  body.gabarit-accueil .confiance .surtitre{ margin-bottom:5px; }
  body.gabarit-accueil .confiance .h2{ margin-bottom:38px; }
  body.gabarit-accueil .temoins{ display:flex; gap:0; margin-left:12px; position:relative; z-index:1; align-items:center; }
  body.gabarit-accueil .temoin{ flex:none; width:332px; border-radius:16px; }
  body.gabarit-accueil .temoin:nth-child(2){ width:445px; margin-left:71px; }
  body.gabarit-accueil .temoin:nth-child(3){ margin-left:47px; }
  
  body.gabarit-accueil .temoin .vignette{ aspect-ratio:331.6/174; }
  body.gabarit-accueil .temoin .texte{ height:63px; padding:12px 14px 8px; overflow:visible; }
  body.gabarit-accueil .temoin:nth-child(2) .texte{ height:81px; padding:20px 16px 16px; }
  body.gabarit-accueil .temoin:nth-child(3) .texte{ height:49px; padding:12px 14px 6px; }
  body.gabarit-accueil .temoin .qui{ font-size:11px; line-height:12px; gap:8px; letter-spacing:.02em; }
  body.gabarit-accueil .temoin .qui .ic{ width:22px; height:22px; border-radius:6px; }
  body.gabarit-accueil .temoin .qui .ic svg{ width:13px; height:13px; }
  body.gabarit-accueil .temoin .qui .ic-logo img{ width:16px; height:16px; }
  body.gabarit-accueil .temoin .qui .duree{ font-size:10px; }
  body.gabarit-accueil .temoin .role{ font-size:10px; line-height:12px; margin-top:0; padding-left:30px; }
  body.gabarit-accueil .temoin .phrase{ font-size:10px; line-height:12px; margin-top:6px; text-align:center; color:#2D385A; font-weight:500; }
  body.gabarit-accueil .temoin:nth-child(2) .role{ margin-top:4px; }
  body.gabarit-accueil .temoin:nth-child(2) .phrase{ margin-top:9px; }
  
  body.gabarit-accueil .lien-suite-bande{ margin-top:-17px; background:#FAF9F9; height:64px; display:flex; align-items:center; justify-content:center; padding-left:23px; }
  body.gabarit-accueil .confiance .lien-suite{ margin:0; }
  body.gabarit-accueil .confiance .lien-suite a{ gap:31px; }

  
  body.gabarit-accueil .publics{ padding:29px 0 38px; }
  body.gabarit-accueil .publics .surtitre{ margin-bottom:36px; }
  body.gabarit-accueil .publics .boite{ max-width:1440px; padding:0 40px; }
  body.gabarit-accueil .publics-grille{ margin:0; gap:12px; padding:10px 0; justify-content:center; flex-wrap:nowrap; }
  body.gabarit-accueil .public{ flex:1 1 0; justify-content:center; gap:12px; min-width:0; }
  body.gabarit-accueil .public:nth-child(2){ flex:none; }
  body.gabarit-accueil .publics-grille .public .ic:has(img){ width:92px; height:69px; }
  body.gabarit-accueil .public b{ font-size:18px; line-height:22px; color:#325EE2; }
  body.gabarit-accueil .appel{ margin-top:0; }

  
  body.gabarit-accueil .pied{ padding:15px 0 51px; border-top:0; }
  body.gabarit-accueil .pied .boite{ grid-template-columns:376px 347px 283px minmax(0,1fr); padding:0 24px; }
  body.gabarit-accueil .pied .logo{ margin-bottom:28px; }
  body.gabarit-accueil .pied .sociaux{ gap:9px; margin-left:-6px; }
  body.gabarit-accueil .pied ul{ margin-top:21px; }
  body.gabarit-accueil .pied ul li{ padding:11px 0; }
  body.gabarit-accueil .pied ul a{ font-size:14px; line-height:17px; }
  body.gabarit-accueil .pied ul:first-of-type a{ font-weight:500; }
  body.gabarit-accueil .pied .droite{ align-items:flex-start; text-align:left; margin-top:16px; gap:0; }
  body.gabarit-accueil .pied .droite .btn{ margin-bottom:20px; }
  body.gabarit-accueil .pied .droite a.discret{ line-height:17px; }body.gabarit-accueil .pied .droite a.discret + :where(.vv-w) > a.discret,body.gabarit-accueil .pied .droite :where(.vv-w):has(> a.discret) + :where(.vv-w) > a.discret,body.gabarit-accueil .pied .droite :where(.vv-w):has(> a.discret) + a.discret,body.gabarit-accueil .pied .droite a.discret + a.discret{ margin-top:27px; }
}
@media (min-width:1100px){
  
  body.gabarit-accueil .constat li{ line-height:22px; padding:3px 0; }
  body.gabarit-accueil .temoin{ border:0; }
  body.gabarit-accueil .temoin:nth-child(2) .vignette{ aspect-ratio:445/230; }
  body.gabarit-accueil .pied ul li{ line-height:17px; }
}
@media (min-width:1100px){
  
  body.gabarit-accueil .cortex-haut h2::before{ content:none; }
  body.gabarit-accueil .cortex .boite::before{
    content:""; position:absolute; z-index:2; left:-98px; top:126px; width:601px; height:307px; background:#FDFDFD;
  }
  body.gabarit-accueil .cortex-visage{ z-index:1; }
  body.gabarit-accueil .cortex-ecran{ z-index:2; }
  body.gabarit-accueil .cortex-haut h2,
  body.gabarit-accueil .cortex-bas .surtitre,
  body.gabarit-accueil .cortex-bas .nom,
  body.gabarit-accueil .cortex-bas h3,
  body.gabarit-accueil .cortex-bas ul,
  body.gabarit-accueil .cortex-bas .actions{ z-index:3; }
  
  body.gabarit-accueil .constat li::before{ margin-top:1px; }

  
  body.gabarit-accueil .heros h1{ background-image:linear-gradient(173.59deg,#FF57A0 36.545%,#5F74FA 93.904%); }
  body.gabarit-accueil .constat h2{ background-image:linear-gradient(172.12deg,#FF57A0 36.545%,#5F74FA 93.904%); }
  body.gabarit-accueil .reponse .h2{ background-image:linear-gradient(177.48deg,#FF57A0 36.545%,#5F74FA 93.904%); }
  body.gabarit-accueil .cortex-haut h2{ background-image:linear-gradient(169.40deg,#FF57A0 36.545%,#5F74FA 93.904%); }
  body.gabarit-accueil .carte-appel h2{ background-image:linear-gradient(171.47deg,#FF57A0 36.545%,#5F74FA 93.904%); }
  
  body.gabarit-accueil .cortex-bas .nom{ background-image:linear-gradient(90deg,#947CD0 0%,#967BCE 19%,#9A77CA 31%,#A075C8 44%,#A471C4 56%,#B36BBC 69%,#C262B2 81%,#CA64B2 90%,#E05DA7 100%); }
}
@media (min-width:1100px){
  
  body.gabarit-accueil .confiance .h2{ min-height:43px; }
}

@media (max-width:1099px){
  .cortex-visage{ margin:0; }
}


.sphere-boite .sphere-video,
.sphere-boite .sphere-fixe{ -webkit-mask-image:none; mask-image:none; }
.sphere-boite{
  -webkit-mask-image:radial-gradient(circle closest-side at 50% 50%, #000 93%, rgba(0,0,0,.55) 97%, transparent 99.5%);
          mask-image:radial-gradient(circle closest-side at 50% 50%, #000 93%, rgba(0,0,0,.55) 97%, transparent 99.5%);
}
@media (max-width:1099.98px){ .sphere-boite{ -webkit-mask-image:none; mask-image:none; } }


@media (min-width:1100px){
  body.gabarit-accueil .carte-u .pied{ padding-left:3px; gap:1px; }
  body.gabarit-accueil .carte-u .pied .puce{ width:63px; height:63px; background:transparent; border-radius:0; }
  body.gabarit-accueil .carte-u .pied .puce img{ width:63px; height:63px; }
}


@media (min-width:1100px){
  body.gabarit-accueil .reponse::before{ display:none; }
  body.gabarit-accueil .confiance .lien-suite{ margin-top:38px; }
}




body.gabarit-accueil .nav .lien:hover{ color:#325EE2; }



body.gabarit-accueil .constat-illu.vv-apparition-zoom{ transform:scale(1.10); transform-origin:100% 50%; }
body.gabarit-accueil .constat-illu.vv-apparition-zoom.vv-vu{ transform:scale(1); }
@media (max-width:1099px){
  
  body.gabarit-accueil .constat-illu.vv-apparition-zoom{ transform:none; transition:none; }
}


.constat li::before{
  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.4' 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(143deg,#5B6BF4 0%,#325DEA 70%);
}


body.gabarit-accueil .carte-u.rose .accroche,
body.gabarit-accueil .carte-u.rose .pied{ color:#FE2977; }


body.gabarit-accueil .carte-u .illu{
  -webkit-mask-image:linear-gradient(180deg,#000 62%,transparent 70%);
          mask-image:linear-gradient(180deg,#000 62%,transparent 70%);
}


body.gabarit-accueil .constat h2 .degrade,
body.gabarit-accueil .reponse .h2 .degrade,
body.gabarit-accueil .cortex-haut h2 .clair,
body.gabarit-accueil .cortex-bas h3 .degrade,
body.gabarit-accueil .carte-appel h2 .degrade{
  background-image:linear-gradient(to bottom right,#FA58A3 -20%,#5F74FA 90%);
  -webkit-background-clip:text; background-clip:text; color:transparent;
}

body.gabarit-accueil .cortex-bas .nom{
  background-image:linear-gradient(to bottom right,#FA58A3 -10%,#5F74FA 100%);
  -webkit-background-clip:text; background-clip:text; color:transparent;
}


@media (min-width:1100px){
  body.gabarit-accueil .cortex .boite::before{ background:#fff; }
}


.cortex{ overflow-x:clip; overflow-y:visible; }
@media (min-width:1100px) and (max-width:1343px){
  body.gabarit-accueil .cortex-ecran{
    left:auto; right:5px; width:min(809px, calc(100% - 440px)); height:auto; aspect-ratio:809/516;
    background-size:contain; background-position:right top;
  }
}


@media (min-width:1100px){
  body.gabarit-accueil .temoin .texte,
  body.gabarit-accueil .temoin:nth-child(2) .texte,
  body.gabarit-accueil .temoin:nth-child(3) .texte{ height:auto; padding:14px 16px 16px; }
  body.gabarit-accueil .temoin .phrase,
  body.gabarit-accueil .temoin:nth-child(2) .phrase{ text-align:left; padding-left:30px; margin-top:8px; }
}


@media (min-width:1100px){
  body.gabarit-accueil .publics{ padding-top:60px; }
}



@media (min-width:1100px){
  html body.gabarit-accueil footer.pied ul{ margin-top:0; padding-top:36px; }
  html body.gabarit-accueil footer.pied .droite{ margin-top:0; padding-top:32px; gap:0; }
  html body.gabarit-accueil footer.pied .droite .btn{ margin-bottom:6px; }html body.gabarit-accueil footer.pied .droite a.discret + :where(.vv-w) > a.discret,html body.gabarit-accueil footer.pied .droite a.discret + a.discret,html body.gabarit-accueil footer.pied .droite :where(.vv-w):has(> a.discret) + a.discret,html body.gabarit-accueil footer.pied .droite :where(.vv-w):has(> a.discret) + :where(.vv-w) > a.discret{ margin-top:22px; }
}


@media (min-width:1100px) and (max-width:1343px){
  body.gabarit-accueil .temoins{ margin-left:0; gap:0; }
  body.gabarit-accueil .temoin{ flex:1 1 0; width:auto; min-width:0; }
  body.gabarit-accueil .temoin:nth-child(2){ flex:1.34 1 0; width:auto; margin-left:4%; }
  body.gabarit-accueil .temoin:nth-child(3){ margin-left:3%; }
}
.confiance{ overflow-x:clip; }


@media (min-width:1100px) and (max-width:1139px){ body.gabarit-accueil > section, body.gabarit-accueil > main > section{ zoom:0.83; } }
@media (min-width:1140px) and (max-width:1179px){ body.gabarit-accueil > section, body.gabarit-accueil > main > section{ zoom:0.86; } }
@media (min-width:1180px) and (max-width:1219px){ body.gabarit-accueil > section, body.gabarit-accueil > main > section{ zoom:0.89; } }
@media (min-width:1220px) and (max-width:1259px){ body.gabarit-accueil > section, body.gabarit-accueil > main > section{ zoom:0.92; } }
@media (min-width:1260px) and (max-width:1299px){ body.gabarit-accueil > section, body.gabarit-accueil > main > section{ zoom:0.95; } }
@media (min-width:1300px) and (max-width:1319px){ body.gabarit-accueil > section, body.gabarit-accueil > main > section{ zoom:0.98; } }






body.gabarit-accueil .constat-illu[data-zoom-defil]{
  background-size:calc(var(--zoom, 1) * 100%) auto !important;
  background-position:50% 50% !important;
}


html body.gabarit-accueil .carte-u .pied{ justify-content:center !important; padding-left:0 !important; padding-right:0 !important; }


@media (max-width:380px){
  body.gabarit-accueil .chiffres .ecusson span{ white-space:normal !important; text-align:center; }
}

@media (max-width:1099px){
  body.gabarit-accueil .chiffres{ padding-top:36px !important; }
}


body.gabarit-accueil .constat-illu{
  -webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,0) 0%,#000 26%,#000 100%),linear-gradient(180deg,rgba(0,0,0,0) 0%,#000 12%,#000 82%,rgba(0,0,0,0) 100%);
  -webkit-mask-composite:source-in;
          mask-image:linear-gradient(90deg,rgba(0,0,0,0) 0%,#000 26%,#000 100%),linear-gradient(180deg,rgba(0,0,0,0) 0%,#000 12%,#000 82%,rgba(0,0,0,0) 100%);
          mask-composite:intersect;
}

@media (min-width:1441px), (max-width:1099.98px){
  body.gabarit-accueil .constat-illu{
    -webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,0) 0%,#000 26%,#000 88%,rgba(0,0,0,0) 100%),linear-gradient(180deg,rgba(0,0,0,0) 0%,#000 12%,#000 82%,rgba(0,0,0,0) 100%);
            mask-image:linear-gradient(90deg,rgba(0,0,0,0) 0%,#000 26%,#000 88%,rgba(0,0,0,0) 100%),linear-gradient(180deg,rgba(0,0,0,0) 0%,#000 12%,#000 82%,rgba(0,0,0,0) 100%);
  }
}


.cortex-ecran{ background-image:image-set(url('../img/accueil/cortexia-153.webp') type('image/webp'), url('../img/accueil/cortexia-153.png') type('image/png')) !important; }


@media (max-width:640px){
  
  body.gabarit-accueil .chiffres{ padding:36px 0 44px !important; }
  body.gabarit-accueil .chiffres-grille{ grid-template-columns:1fr 1fr; column-gap:0; row-gap:34px; align-items:start; }body.gabarit-accueil .chiffres-grille > div,body.gabarit-accueil .chiffres-grille > :where(.vv-w) > div{ padding:0 6px; min-width:0; }
  body.gabarit-accueil .chiffres b{ font-size:38px; line-height:1.15; }
  
  body.gabarit-accueil .chiffres span{ white-space:normal !important; font-size:14px; line-height:18px; margin-top:4px; }body.gabarit-accueil .chiffres-grille > :where(.vv-w):has(> div) + div::before,body.gabarit-accueil .chiffres-grille > div + div::before,body.gabarit-accueil .chiffres-grille > :where(.vv-w):has(> div) + :where(.vv-w) > div::before,body.gabarit-accueil .chiffres-grille > div + :where(.vv-w) > div::before,body.gabarit-accueil .chiffres-grille > :where(.vv-w) > div + :where(.vv-w) > div::before,body.gabarit-accueil .chiffres-grille > :where(.vv-w) > :where(.vv-w):has(> div) + :where(.vv-w) > div::before,body.gabarit-accueil .chiffres-grille > :where(.vv-w) > div + div::before,body.gabarit-accueil .chiffres-grille > :where(.vv-w) > :where(.vv-w):has(> div) + div::before{ top:4px; height:calc(100% - 8px); left:0; }body.gabarit-accueil .chiffres-grille > div:nth-child(odd)::before,body.gabarit-accueil .chiffres-grille > :where(.vv-w:nth-child(odd)) > div:nth-child(odd)::before{ display:none; }
  body.gabarit-accueil .chiffres .ecusson svg{ width:44px; height:44px; margin:0; }
  body.gabarit-accueil .chiffres .ecusson span{ margin-top:4px; }

  
  body.gabarit-accueil .publics{ padding:40px 0 36px; }
  body.gabarit-accueil .publics .surtitre{ margin-bottom:24px; }
  body.gabarit-accueil .publics-grille{ display:grid; grid-template-columns:1fr 1fr; gap:18px 12px; margin:0; padding:0; }
  body.gabarit-accueil .public{ justify-content:flex-start; gap:8px; }
  body.gabarit-accueil .publics-grille .public .ic:has(img){ width:44px; height:34px; }
  body.gabarit-accueil .public b{ font-size:13.5px; line-height:17px; }

  
  body.gabarit-accueil .appel{ margin-top:16px; min-height:200px; }
  body.gabarit-accueil .carte-appel h2{ font-size:24px; padding:0 8px; }
}
@media (max-width:640px){
  
  body.gabarit-accueil .heros br.bureau{ display:none; }
}


@media (max-width:640px){
  html body.gabarit-accueil .heros{ position:relative; overflow:hidden; padding:40px 0 36px; }
  html body.gabarit-accueil .heros .heros-grille{ position:relative; }html body.gabarit-accueil .heros .heros-grille > div:first-child,html body.gabarit-accueil .heros .heros-grille > :where(.vv-w:first-child) > div:first-child{ position:relative; z-index:2; }
  html body.gabarit-accueil .sphere-boite{
    position:absolute; z-index:1; pointer-events:none; margin:0;
    
    width:560px; height:auto; left:50%; top:50%; transform:translate(-50%,-28%);
    opacity:.34;
    -webkit-mask-image:radial-gradient(circle at 50% 50%, #000 55%, transparent 72%);
            mask-image:radial-gradient(circle at 50% 50%, #000 55%, transparent 72%);
  }
  html body.gabarit-accueil .heros h1{ text-shadow:0 1px 0 rgba(255,255,255,.6); }
  html body.gabarit-accueil .heros .recit{ color:#1B2433; }
  html body.gabarit-accueil .heros .heros-actions{ margin-top:24px; }
}


@media (max-width:1099.98px){
  
  body.gabarit-accueil .heros h1{ background-image:none; color:var(--nuit); -webkit-text-fill-color:currentColor; }
  body.gabarit-accueil .heros h1 .degrade{ background-image:linear-gradient(90deg,#FF57A0 0%,#8A6CF4 55%,#5F74FA 100%); background-clip:text; -webkit-background-clip:text; color:transparent; -webkit-text-fill-color:transparent; }
}

body.gabarit-accueil .temoin:nth-child(3) .vignette::after{ content:""; position:absolute; left:0; right:0; bottom:0; height:2.4%; min-height:4px; background:#0161D8; }

body.gabarit-accueil .carte-u .pied{ padding-top:2.4cqw; }
@media (max-width:640px){
  
  html body.gabarit-accueil .heros h1{ text-shadow:none; }
  html body.gabarit-accueil .heros h1 .encre{ text-shadow:0 1px 0 rgba(255,255,255,.6); }
}


body.gabarit-accueil .carte-u .reseau{
  -webkit-mask-image:radial-gradient(ellipse 64% 34% at 24% 10%, transparent 50%, #000 100%);
          mask-image:radial-gradient(ellipse 64% 34% at 24% 10%, transparent 50%, #000 100%);
}


.temoins-fleches{ display:none; }
@media (max-width:900px){
  html body.gabarit-accueil .temoins{ display:flex; gap:16px; overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:none; padding:4px 20px 8px; margin:0 -20px; -webkit-overflow-scrolling:touch; }
  html body.gabarit-accueil .temoins::-webkit-scrollbar{ display:none; }
  html body.gabarit-accueil .temoin{ flex:0 0 84%; width:auto; scroll-snap-align:center; opacity:1; transform:none; }
  .temoins-fleches{ display:flex; justify-content:center; gap:14px; margin-top:16px; }
  .temoins-fleches button{ width:48px; height:48px; border-radius:50%; border:1.5px solid #D5DBE7; background:#fff; color:#0B172E; font-size:20px; display:flex; align-items:center; justify-content:center; }
  .temoins-fleches button:active{ background:#EEF1FD; }
}


@media (max-width:640px){
  
  
  html body.gabarit-accueil .heros h1 .degrade{ background-image:linear-gradient(160deg,#E08BCC 0%,#B265CB 48%,#8F78EA 82%,#9EA8FB 100%); }
  
  html body.gabarit-accueil .cortex-bas .surtitre{ margin-bottom:14px; }
  html body.gabarit-accueil .cortex-bas h3{ margin-bottom:28px; }
  html body.gabarit-accueil .cortex-bas ul{ margin-bottom:34px; }
  html body.gabarit-accueil .cortex-bas .actions{ margin-bottom:36px; }
  
  html body.gabarit-accueil .temoins{ align-items:stretch; }
  html body.gabarit-accueil .temoin, html body.gabarit-accueil .temoin:nth-child(2), html body.gabarit-accueil .temoin:nth-child(3){ flex:0 0 84%; width:auto; margin-left:0; display:flex; flex-direction:column; }
  html body.gabarit-accueil .temoin .vignette{ aspect-ratio:16/9; flex:none; }
  html body.gabarit-accueil .temoin .texte{ height:auto; flex:1; padding:12px 16px 14px; }
  
  html body.gabarit-accueil .confiance .lien-suite{ margin-top:10px; }
}


@media (max-width:640px){
  html body.gabarit-accueil .heros h1 .degrade{ background-image:linear-gradient(150deg,#C962C3 0%,#A069D5 50%,#6A70F0 100%); }
}


@media (max-width:640px){
  
  html body.gabarit-accueil .cortex-bas .nom{ margin-bottom:14px !important; }
  html body.gabarit-accueil .cortex-bas h3{ margin-top:0 !important; }
  
  html body.gabarit-accueil .temoins-fleches{ display:none !important; }
}

/* 13/10 soir (retour de Sarah) : plus d'espace sous « Explorer nos ressources », la bande grise s'arrêtait juste sous le lien. */
@media (min-width:1100px){
  html body.gabarit-accueil .lien-suite-bande{ height:auto; min-height:64px; padding-top:18px; padding-bottom:46px; }
}