@font-face { font-family:'Satoshi'; src:url('../fonts/Satoshi-400.woff2') format('woff2'); font-weight:400; font-display:swap; }
@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; }
@font-face { font-family:'Caveat';  src:url('../fonts/Caveat-latin.woff2') format('woff2'); font-weight:400 700; font-display:swap; }

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

  --rose:#FE2977;
  --rose-vif:#F857A5;
  --rose-clair:#FF83B4;
  --rose-voile:#FFF1F6;

  --teal:#028D9D;
  --teal-clair:#4FA9A6;
  --teal-voile:#EFF7F6;

  --bleu:#0161D8;
  --bleu-clair:#7B96D4;
  --bleu-voile:#F1F5FD;

  
  --marque:#325EE2;          
  --marque-clair:#746DFF;    
  --degrade-marque:linear-gradient(114deg,#746DFF 0%,#325DEA 63.5%);
  --degrade-titre:linear-gradient(90deg,#B568CC,#5F74FA);

  --violet:#B24AD6;

  --ligne:#E9EDF3;
  --brume:#F7F9FC;
  --ombre-carte:0 18px 46px -26px rgba(11,23,46,.28), 0 2px 6px rgba(11,23,46,.05);
  --ombre-pilule:0 10px 24px -14px rgba(11,23,46,.32);

  --large:1308px;   
  --r:24px;

  
  --accent:#FE2977;
  --accent-vif:#F857A5;
  --accent-clair:#FF83B4;
  --accent-voile:#FFF1F6;
  
  --surtitre-degrade:linear-gradient(90deg,#FF0066 0%,#FF0066 38%,#3D65E0 100%);
}

.theme-rose{ --accent:#FE2977; --accent-vif:#F857A5; --accent-clair:#FF83B4; --accent-voile:#FFF1F6;
  --degrade-accent:linear-gradient(108deg,#F857A5 0%,#FE2977 63%);
  --fond-heros:linear-gradient(33deg,#FFBEAE 0%,#FF93AA 22%,#F7A6DA 66%,#F0D6F6 98%); 
  --surtitre-degrade:linear-gradient(90deg,#FF0066 0%,#FF0066 38%,#3D65E0 100%); }
.theme-teal{ --accent:#028D9D; --accent-vif:#27BBC8; --accent-clair:#4FA9A6; --accent-voile:#EFF7F6;
  --degrade-accent:linear-gradient(102deg,#27BBC8 0%,#028D9D 63%);
  --fond-heros:linear-gradient(33deg,#5FB7FF 0%,#61C0E6 22%,#69DDED 66%,#AEEFE5 98%); 
  --surtitre-degrade:linear-gradient(90deg,#028D9D 0%,#028D9D 38%,#3D65E0 100%); }
.theme-bleu{ --accent:#0161D8; --accent-vif:#327EF9; --accent-clair:#7B96D4; --accent-voile:#F1F5FD;
  --degrade-accent:linear-gradient(104deg,#327EF9 0%,#0161D8 63%);
  --fond-heros:linear-gradient(33deg,#CBB6FF 0%,#98AEFB 22%,#8CC3FF 66%,#B9DDFF 98%); 
  --surtitre-degrade:linear-gradient(90deg,#0161D8 0%,#0161D8 38%,#3D65E0 100%); }
.theme-nuit{ --accent:#0B172E; --accent-vif:#16264A; --accent-clair:#5B6884; --accent-voile:#F1F3F8; 
  --surtitre-degrade:linear-gradient(90deg,#FF57A0 0%,#FF57A0 38%,#5F74FA 100%);  --degrade-accent:linear-gradient(106deg,#746DFF 0%,#325DEA 63%); }


.gabarit-cortexia{ --degrade-accent:linear-gradient(144deg,#CFBCE8 0%,#7300C7 63%); }
.theme-marque{ --accent:#325EE2; --accent-vif:#746DFF; --accent-clair:#8FA0F0; --accent-voile:#EEF1FD;
  --degrade-accent:var(--degrade-marque); 
}

.theme-marque .surtitre{ background-image:none; color:#325EE2; }

*{ box-sizing:border-box; margin:0; padding:0; }
html{ scroll-behavior:smooth; }
body{
  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; overflow-x:hidden;
}
h1,h2,h3,h4{ font-family:'Satoshi','Inter',sans-serif; color:var(--ink); line-height:1.1; letter-spacing:-.02em; }
img{ max-width:100%; display:block; }
a{ color:inherit; text-decoration:none; }

a.lien-texte{ color:var(--accent); font-weight:600; text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:3px; }
ul{ list-style:none; }
button{ font:inherit; color:inherit; background:none; border:0; cursor:pointer; }

.boite{ max-width:var(--large); margin:0 auto; padding:0 32px; }
.sr-seul{
  position:absolute; width:1px; height:1px; padding:0; margin:-1px;
  overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; border:0;
}
.centre{ text-align:center; }
.centre .surtitre{ text-align:center; }

.surtitre{
  font-family:'Satoshi',sans-serif;
  font-size:15px; font-weight:700; letter-spacing:.085em; text-transform:uppercase;
  color:var(--accent); margin-bottom:20px;
}

@supports (background-clip: text) or (-webkit-background-clip: text){
  .surtitre{
    display:inline-block;
    background-image:var(--surtitre-degrade);
    background-clip:text; -webkit-background-clip:text;
    color:transparent;
  }
}
.h2{ font-size:clamp(26px,2.3vw,32px); font-weight:700; line-height:1.194; }
.accent{ color:var(--accent); }
.accent-clair{ color:var(--accent-clair); }
.degrade{
  background-image:linear-gradient(97deg,var(--accent) 0%,var(--violet) 92%);
  background-clip:text; -webkit-background-clip:text; color:transparent;
}

.degrade-titre{
  background-image:var(--degrade-titre);
  background-clip:text; -webkit-background-clip:text; color:transparent;
}


.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:16px 30px; border-radius:999px; border:1.6px solid transparent;
  transition:transform .15s ease, background .15s ease, box-shadow .15s ease;
  white-space:nowrap; cursor:pointer;
}
.btn:hover{ transform:translateY(-1px); }
.btn-accent{ background:var(--degrade-accent,var(--accent)); color:#fff; box-shadow:var(--ombre-pilule); }
.btn-accent:hover{ background:var(--degrade-accent,var(--accent-vif)); filter:brightness(1.07); }

.btn-nuit{ background:var(--nuit); color:#fff; border-color:var(--nuit); }
.btn-nuit:hover{ background:#16264a; }

.gabarit-candidats .btn-nuit{
  background:linear-gradient(106deg,#746DFF 0%,#325DEA 63%); border-color:transparent;
}
.gabarit-candidats .btn-nuit:hover{ background:linear-gradient(106deg,#8A84FF 0%,#3D69F0 63%); }
.btn-contour{ background:#fff; color:var(--ink); border-color:#D8DEE8; }
.btn-contour:hover{ border-color:var(--nuit); }

.sol-heros .actions .btn,
.met-heros .actions .btn{
  height:54px; padding:0 20px; border-radius:27px 6px 6px 27px;
  font-size:14px; line-height:18.9px;
}


.btn-rose{ background:linear-gradient(108deg,#F857A5 0%,#FE2977 63%); color:#fff; }
.btn-teal{ background:linear-gradient(102deg,#27BBC8 0%,#028D9D 63%); color:#fff; }
.btn-bleu{ background:linear-gradient(104deg,#327EF9 0%,#0161D8 63%); color:#fff; }


.entete{
  position:sticky; z-index:70; background:#fff;
  
  top:-66px;
  transition:background .25s ease, box-shadow .25s ease;
}
.entete-carte{
  max-width:1440px; margin:0 auto; height:150px;
  padding:0 80px; display:flex; align-items:flex-start;
}
.entete .logo{ flex:none; margin-top:50px; line-height:0; transition:margin-top .25s ease; }
.entete .logo img{ display:block; width:76.86px; height:80px; transition:width .25s ease, height .25s ease; }
.entete .logo .logo-blanc{ display:none; }



.entete-clair .entete{ background:transparent; }
.entete-clair main{ margin-top:-150px; }
.entete-clair .entete .logo .logo-noir{ display:none; }
.entete-clair .entete .logo .logo-blanc{ display:block; }
.entete-clair .entete .nav .lien{ color:#fff; font-weight:900; }
.entete-clair .entete .nav .lien:hover{ background:rgba(255,255,255,.18); color:#fff; }
.entete-clair .entete .btn-contour-degrade{
  color:#fff; background:transparent; background-image:none;
  border-color:rgba(255,255,255,.85);
}

.entete-clair.theme-rose .entete .btn-contour-degrade,
.entete-clair.theme-teal .entete .btn-contour-degrade,
.entete-clair.theme-bleu .entete .btn-contour-degrade{ color:var(--accent); border-color:var(--accent); }
.entete-clair.theme-rose .entete .btn-contour-degrade:hover,
.entete-clair.theme-teal .entete .btn-contour-degrade:hover,
.entete-clair.theme-bleu .entete .btn-contour-degrade:hover{ background:rgba(255,255,255,.55); }
.entete-clair .entete .btn-contour-degrade:hover{ background:rgba(255,255,255,.16); }
.entete-clair .sousmenu a{ color:var(--corps); }
.entete-droite{ margin-left:auto; margin-top:40px; display:flex; align-items:center; gap:36px; transition:margin-top .25s ease; }

.nav{ display:flex; align-items:center; gap:12px; }
.nav .item{ position:relative; }
.nav .lien{
  display:inline-flex; align-items:center; gap:6px;
  font-family:'Satoshi',sans-serif; font-weight:700; font-size:16px; line-height:21.6px;
  color:#111111; padding:14px 18px; border-radius:24px;
  transition:background .15s ease, color .15s ease;
}
.nav .lien:hover{ background:var(--brume); color:var(--accent); }
.caret{
  width:7px; height:7px; border-right:1.7px solid currentColor; border-bottom:1.7px solid currentColor;
  transform:rotate(45deg) translateY(-2px); display:inline-block;
}
.sousmenu{
  position:absolute; top:100%; left:0; min-width:300px;
  background:#fff; border:1px solid var(--ligne); border-radius:18px;
  box-shadow:var(--ombre-carte); padding:10px; display:none;
}
.nav .item:hover .sousmenu{ display:block; }
.sousmenu a{ display:flex; align-items:center; gap:12px; padding:11px 15px; border-radius:12px; font-size:14.5px; color:var(--corps); }
.sousmenu a:hover{ background:var(--brume); color:var(--ink); }

.sousmenu .picto{
  flex:none; width:26px; height:26px; border-radius:7px;
  display:flex; align-items:center; justify-content:center;
}
.sousmenu .picto svg{ width:14px; height:14px; display:block; }

.sousmenu .picto.rose:has(img),
.sousmenu .picto.teal:has(img),
.sousmenu .picto.bleu:has(img){ background:none; }
.sousmenu .picto img{ width:30px; height:30px; display:block; object-fit:contain; }
.sousmenu .picto.rose{ background:var(--rose-voile); color:#FE2977; }
.sousmenu .picto.teal{ background:var(--teal-voile); color:#028D9D; }
.sousmenu .picto.bleu{ background:var(--bleu-voile); color:#0161D8; }


.entete .btn-contour-degrade{
  min-width:152px; height:49px; padding:13px 24px; border-radius:24px;
  border:2px solid transparent;
  font-family:'Satoshi',sans-serif; font-weight:700; font-size:14px; line-height:18.9px;
  color:var(--marque); background:#fff;
  background-image:linear-gradient(#fff,#fff), var(--degrade-marque);
  background-origin:border-box; background-clip:padding-box,border-box;
  box-shadow:none;
}
.entete .btn-contour-degrade:hover{ color:#fff; background-image:var(--degrade-marque), var(--degrade-marque); }
.entete .btn{ flex:none; }


.vv-defile .entete{ background:#fff; box-shadow:0 6px 24px -16px rgba(11,23,46,.28); }
.vv-defile .entete .logo{ margin-top:80px; }
.vv-defile .entete .logo img{ width:53.8px; height:56px; }
.vv-defile .entete-droite{ margin-top:84px; }

.vv-defile .entete-clair .entete .logo .logo-noir{ display:block; }
.vv-defile .entete-clair .entete .logo .logo-blanc{ display:none; }
.vv-defile .entete-clair .entete .nav .lien{ color:#111111; font-weight:700; }
.vv-defile .entete-clair .entete .nav .lien:hover{ background:var(--brume); color:var(--accent); }
.vv-defile .entete-clair .entete .btn-contour-degrade{
  color:var(--marque); background:#fff;
  background-image:linear-gradient(#fff,#fff), var(--degrade-marque);
  
  background-origin:border-box; background-clip:padding-box,border-box;
  border-color:transparent;
}
.vv-defile .entete-clair .entete .btn-contour-degrade:hover{
  color:#fff; background-image:var(--degrade-marque), var(--degrade-marque);
}


.burger{
  display:none; margin-left:auto; width:44px; height:44px; border-radius:12px;
  align-items:center; justify-content:center; flex-direction:column; gap:5px;
}
.burger i{ display:block; width:22px; height:2px; background:var(--nuit); border-radius:2px; }


.pied{ padding:38px 0 54px; background:#fff; border-top:1px solid var(--ligne); }
.pied .boite{
  display:grid; grid-template-columns:1.33fr 1.22fr .95fr .95fr; gap:0; align-items:start;
  padding-left:88px; padding-right:72px;
}
.pied .logo{ margin-bottom:26px; }
.pied .logo img{ display:block; width:77px; height:80px; object-fit:contain; }
.pied .sociaux{ display:flex; gap:14px; }

.pied .sociaux a{
  width:37px; height:37px; border-radius:50%; background:transparent;
  
  border:1.6px solid rgba(0,0,0,.5); color:rgba(0,0,0,.5);
  display:flex; align-items:center; justify-content:center;
  transition:background-color .15s ease, color .15s ease;
}
.pied .sociaux a:hover{ background:var(--nuit); color:#fff; }
.pied .sociaux svg{ width:19px; height:19px; }
.pied ul li{ padding:7px 0; }
.pied ul a{ font-size:15px; color:var(--corps); }
.pied ul a:hover{ color:var(--accent); }
.pied .droite{ display:flex; flex-direction:column; align-items:flex-end; gap:14px; text-align:right; }
.pied .droite a.discret{ font-size:14px; color:#0B172E; } 
.pied .droite a.discret:hover{ color:var(--ink); }


.haut-page{
  position:fixed; right:28px; bottom:28px; z-index:60;
  width:48px; height:48px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  background:var(--marque); color:#fff;
  box-shadow:0 10px 24px -10px rgba(50,94,226,.55);
  opacity:0; transform:translateY(12px); pointer-events:none;
  transition:opacity .25s ease, transform .25s ease, background-color .15s ease;
}
.haut-page svg{ width:20px; height:20px; }
.haut-page.visible{ opacity:1; transform:none; pointer-events:auto; }
.haut-page:hover{ background:#2A50C4; }
@media (max-width:640px){ .haut-page{ right:16px; bottom:16px; width:44px; height:44px; } }


.faq-liste{ max-width:880px; margin:0 auto; display:flex; flex-direction:column; gap:24px; }
.faq-item{
  background:linear-gradient(180deg,#FBFCFE 0%,#F1F4F9 100%);
  border-radius:18px; box-shadow:0 12px 28px -22px rgba(11,23,46,.35);
}.faq-item > button,.faq-item > :where(.vv-w) > button{
  width:100%; display:flex; align-items:center; gap:24px; justify-content:space-between;
  padding:18px 42px 18px 44px; min-height:88px; text-align:left;
}
.faq-item .q{ font-family:'Satoshi',sans-serif; font-weight:700; font-size:21px; color:var(--ink); }
.faq-item .plus{
  flex:none; width:51px; height:51px; border-radius:50%;
  background:color-mix(in srgb, var(--accent) 20%, #fff); color:var(--accent);
  display:flex; align-items:center; justify-content:center;
  font-size:31px; font-weight:700; line-height:1;
  transition:transform .2s ease;
}
.faq-item[data-ouvert="1"] .plus{ transform:rotate(45deg); }

.faq-item .r{ display:none; padding:0 44px 28px; font-size:16.5px; color:var(--corps); text-align:left; }.faq-item .r :where(.vv-w):has(> p) + :where(.vv-w) > p,.faq-item .r p + :where(.vv-w) > p,.faq-item .r p + p,.faq-item .r :where(.vv-w):has(> p) + p{ margin-top:14px; }
.faq-item[data-ouvert="1"] .r{ display:block; }


.ressources-grille{ display:grid; grid-template-columns:repeat(3,1fr); gap:30px; }
.carte-ressource{
  border-radius:20px; overflow:hidden; background:#fff;
  box-shadow:var(--ombre-carte); display:flex; flex-direction:column;
}
.carte-ressource .visuel{
  aspect-ratio:344/155; background:var(--accent-voile) center/cover no-repeat;
}
.carte-ressource .corps{ padding:22px 24px 26px; display:flex; flex-direction:column; gap:12px; flex:1; }
.carte-ressource .duree{ font-size:13.5px; color:#667085; } 
.carte-ressource b{ font-family:'Satoshi',sans-serif; font-size:16px; font-weight:700; color:var(--ink); line-height:1.3; }
.carte-ressource .extrait{ font-size:14px; color:#667085; }
.carte-ressource .lire{
  margin-top:auto; font-family:'Satoshi',sans-serif; font-weight:700; font-size:14.5px;
  color:var(--accent); display:inline-flex; align-items:center; gap:8px;
}
.carte-ressource .lire::after{ content:"\2192"; }


.lire-cas{
  display:inline-flex; align-items:center; gap:8px; margin-top:22px;
  font-family:'Satoshi',sans-serif; font-weight:700; font-size:15px; color:var(--accent);
}
.lire-cas::after{ content:"\2192"; display:inline-block; transition:transform .2s ease; }


.appel{ padding:20px 0 20px; }
.carte-appel{
  position:relative; overflow:hidden; margin:0 -25px;
  display:grid; grid-template-columns:250px minmax(0,1fr);
  gap:132px; align-items:center;
  background:linear-gradient(103deg,var(--accent-voile) 0%,#FFFFFF 58%,var(--accent-voile) 100%);
  border-radius:26px; padding:38px 60px 38px 120px;
}
.carte-appel .vague{ position:absolute; inset:0 0 0 52%; z-index:0; opacity:.9; }.carte-appel > *,.carte-appel > :where(.vv-w) > *{ position:relative; z-index:1; }
.carte-appel .visuel{
  aspect-ratio:1; border-radius:50%; background:#fff center/72% no-repeat;
  display:flex; align-items:center; justify-content:center;
}
.carte-appel .visuel svg,
.carte-appel .visuel img{ width:100%; height:100%; display:block; }
.carte-appel h2{ font-size:clamp(24px,2.3vw,32px); font-weight:700; line-height:1.194; margin:6px 0 16px; }

.carte-appel p:not(.surtitre){ font-size:20px; color:var(--corps); margin-bottom:26px; max-width:34em; }
.carte-appel .btn{ font-size:17px; padding:20px 40px; }


@media (max-width:1080px){
  .nav{ display:none; }
  .nav.ouvert{
    display:flex; flex-direction:column; align-items:stretch; gap:0;
    position:absolute; left:0; right:0; top:100%;
    background:#fff; padding:14px 22px 22px; border-radius:0 0 22px 22px;
    box-shadow:var(--ombre-carte); margin:0;
  }
  .nav.ouvert .sousmenu{ position:static; display:block; box-shadow:none; border:0; padding:0 0 0 14px; min-width:0; }
  .burger{ display:flex; }
  
  h1,h2,h3{ overflow-wrap:break-word; }
  .entete-clair main{ margin-top:0; }
  .entete-clair .entete{ background:#fff; }
  .entete-clair .entete .logo .logo-noir{ display:block; }
  .entete-clair .entete .logo .logo-blanc{ display:none; }
  .entete-clair .entete .nav .lien{ color:#111111; }
  .entete-carte{ padding:14px 22px; height:auto; min-height:76px; position:relative; align-items:center; }
  
  .entete{ top:0; }
  .entete .logo,
  .vv-defile .entete .logo{ margin-top:0; }
  .entete .logo img,
  .vv-defile .entete .logo img{ width:48px; height:50px; }
  
  .entete-droite,
  .vv-defile .entete-droite{ margin-left:auto; margin-top:0; gap:0; order:2; }
  .burger{ order:3; margin-left:6px; }
  .entete .btn-contour-degrade{
    min-width:0; height:40px; padding:0 14px; font-size:13px; border-width:1.5px;
  }
  .ressources-grille{ grid-template-columns:1fr; }
  
  .pied ul a, .pied .droite a.discret, .carte-ressource .lire, .offre .plus-services{ display:inline-block; padding:10px 0; }
  .pied .boite{ grid-template-columns:1fr 1fr; gap:32px; padding-left:32px; padding-right:32px; }
  .pied .droite{ align-items:flex-start; text-align:left; }
  .carte-appel{ grid-template-columns:1fr; gap:28px; padding:36px 26px; margin:0; }
  .carte-appel .vague{ display:none; }
  .carte-appel .visuel{ max-width:220px; }
}
@media (max-width:640px){
  .boite{ padding:0 20px; }
  .pied .boite{ grid-template-columns:1fr; }
  .btn{ padding:14px 24px; font-size:14.5px; }
}


.sol-faq{ padding:80px 0 84px; }
.sol-faq h2{ font-size:clamp(24px,2.3vw,32px); font-weight:700; line-height:1.225; margin-bottom:44px; }
.sol-lire{ padding:66px 0 40px; text-align:center; }
.sol-lire h2{ font-size:clamp(24px,2.3vw,32px); font-weight:700; line-height:1.225; margin-bottom:44px; }
.sol-lire .ressources-grille{ text-align:left; }


.vv-apparition{ opacity:0; transform:translateY(18px); }
.vv-apparition.vv-vu{
  opacity:1; transform:none;
  transition:opacity .55s ease, transform .55s ease;
}

.vv-apparition-gauche{ opacity:0; transform:translateX(-70px); }
.vv-apparition-gauche.vv-vu{
  opacity:1; transform:none;
  transition:opacity .6s ease, transform .6s ease;
}

.vv-apparition-zoom{ transform:scale(1.10); transform-origin:50% 50%; }
.vv-apparition-zoom.vv-vu{
  transform:scale(1);
  transition:transform 1.6s cubic-bezier(.2,.7,.2,1);
}


@media (max-width:700px){
  .confiance .lien-suite a,
  .cand-lien{
    display:inline-flex; align-items:center; min-height:34px;
  }
}


.pied .btn-contour-bleu{ background:#fff; color:#325EE2; border-color:#325EE2; height:49px; padding:0 24px; border-radius:24px; font-size:14px; }
.pied .btn-contour-bleu:hover{ background:#EEF1FD; }
.pied .discret{ color:#0B172E; }


@media (min-width:1100px){
  html body[class] footer.pied{ padding:38px 0 60px; border-top:0; }
  
  html body[class] footer.pied .boite{ max-width:1308px; grid-template-columns:minmax(0,393px) minmax(0,362px) minmax(0,293px) minmax(160px,1fr); padding:0 0 0 46px; gap:0; }
  html body[class] footer.pied .logo{ margin:32px 0 26px; }
  html body[class] footer.pied ul{ padding-top:52px; }
  html body[class] footer.pied .droite{ align-items:flex-start; text-align:left; padding-top:31px; gap:14px; }
  html body[class] footer.pied .btn-contour-bleu{ height:49px; padding:0 24px; }
}



.carte-appel .visuel img[src*="rond-anneaux"]{ mix-blend-mode:multiply; }


body .appel .carte-appel .visuel{ background:rgba(254,41,119,.16); border-radius:50%; }
body.theme-teal .appel .carte-appel .visuel{ background:rgba(7,144,140,.16); }
body.theme-bleu .appel .carte-appel .visuel{ background:rgba(1,97,216,.16); }
body.gabarit-candidats .appel .carte-appel .visuel{ background:rgba(116,109,255,.2); }
.gabarit-candidats .cd-illu{ background:transparent; }


.btn{ background-origin:border-box !important; }


.faq-item .plus{ position:relative; font-size:0 !important; }
.faq-item .plus::before,
.faq-item .plus::after{
  content:""; position:absolute; left:50%; top:50%; width:18px; height:3.5px;
  border-radius:2px; background:currentColor; transform:translate(-50%,-50%);
}
.faq-item .plus::after{ transform:translate(-50%,-50%) rotate(90deg); }


.btn:not(.infolettre .btn),
.onglets button,
.ia-credits .btn-plan,
.btn-plan{ border-radius:999px !important; }


@media (max-width:1080px){
  .carte-appel{ grid-template-columns:minmax(0,1fr); }.carte-appel > *,.carte-appel > :where(.vv-w) > *{ min-width:0; }
}
@media (max-width:640px){
  .carte-appel .btn{ white-space:normal; text-align:center; line-height:1.25; max-width:100%; }
}


.nav .lien{ white-space:nowrap; }
@media (min-width:1100px) and (max-width:1279px){
  .entete .nav{ gap:2px; }
  .entete .nav .lien{ padding-left:11px; padding-right:11px; font-size:15px; }
  .entete .entete-droite{ gap:18px; }
  body.gabarit-accueil .entete-carte{ padding-left:48px; padding-right:40px; }
}


@media (min-width:1080.02px) and (max-width:1099.98px){
  .nav{ display:none; }
  .nav.ouvert{
    display:flex; flex-direction:column; align-items:stretch; gap:0;
    position:absolute; left:0; right:0; top:100%;
    background:#fff; padding:14px 22px 22px; border-radius:0 0 22px 22px;
    box-shadow:var(--ombre-carte); margin:0;
  }
  .nav.ouvert .sousmenu{ position:static; display:block; box-shadow:none; border:0; padding:0 0 0 14px; min-width:0; }
  .burger{ display:flex; }
  .entete-clair .entete{ background:#fff; }
  .entete-clair .entete .logo .logo-noir{ display:block; }
  .entete-clair .entete .logo .logo-blanc{ display:none; }
  .entete-clair .entete .nav .lien{ color:#111111; }
  .entete-carte{ padding:14px 22px; height:auto; min-height:76px; position:relative; align-items:center; }
  .entete{ top:0; }
  .entete .logo, .vv-defile .entete .logo{ margin-top:0; }
  .entete .logo img, .vv-defile .entete .logo img{ width:48px; height:50px; }
  .entete-droite, .vv-defile .entete-droite{ margin-left:auto; margin-top:0; gap:0; order:2; }
  .burger{ order:3; margin-left:6px; }
  .entete .btn-contour-degrade{ min-width:0; height:40px; padding:0 14px; font-size:13px; border-width:1.5px; }
}


html body[class] footer.pied.pied-v2{
  position:relative; padding:0 0 64px; margin:0; border:0; background:#fff;
  background-image:
    radial-gradient(420px 220px at 0% 100%, rgba(255,196,72,.14), transparent 70%),
    radial-gradient(420px 220px at 100% 100%, rgba(50,94,226,.08), transparent 70%);
}
html body[class] footer.pied.pied-v2::before{
  content:""; display:block; height:1px; margin:0 16px 84px; background:#DCE6F5;
}
html body[class] footer.pied.pied-v2 .boite{
  display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) minmax(0,1.1fr) auto;
  gap:32px; align-items:start; max-width:1308px; margin:0 auto; padding:0 80px 0 100px;
}
html body[class] footer.pied.pied-v2 .pied-marque{ display:flex; flex-direction:column; align-items:flex-start; }
html body[class] footer.pied.pied-v2 .pied-logo{ margin:0 0 26px; line-height:0; }
html body[class] footer.pied.pied-v2 .pied-logo img{ display:block; width:104px; height:auto; }
html body[class] footer.pied.pied-v2 .pied-sociaux{ display:flex; gap:16px; margin:0 0 0 -16px; }
html body[class] footer.pied.pied-v2 .pied-sociaux a{
  width:56px; height:56px; border-radius:50%; background:#EEF0F4; color:#0B172E; border:0;
  display:flex; align-items:center; justify-content:center; transition:background-color .15s ease, color .15s ease;
}
html body[class] footer.pied.pied-v2 .pied-sociaux a:hover{ background:#325EE2; color:#fff; }
html body[class] footer.pied.pied-v2 .pied-sociaux svg{ width:24px; height:24px; }
html body[class] footer.pied.pied-v2 .pied-titre{
  margin:4px 0 0; font-family:'Satoshi',sans-serif; font-weight:700; font-size:16px; line-height:20px;
  letter-spacing:.12em; text-transform:uppercase; color:#0B172E;
}
html body[class] footer.pied.pied-v2 .pied-titre::after{
  content:""; display:block; width:32px; height:3px; border-radius:2px; background:#325EE2; margin-top:14px;
}
html body[class] footer.pied.pied-v2 ul.pied-liens{ margin:26px 0 0; padding:0; list-style:none; display:flex; flex-direction:column; gap:15px; }
html body[class] footer.pied.pied-v2 ul.pied-liens li{ margin:0; padding:0; line-height:28px; }
html body[class] footer.pied.pied-v2 ul.pied-liens a{
  display:inline; padding:0; font-family:'Inter',sans-serif; font-weight:400; font-size:18px; line-height:28px; color:#1B2433;
}
html body[class] footer.pied.pied-v2 ul.pied-liens a:hover{ color:#325EE2; }
html body[class] footer.pied.pied-v2 .pied-droite{ display:flex; flex-direction:column; align-items:flex-start; }
html body[class] footer.pied.pied-v2 .pied-contact{
  display:inline-flex; align-items:center; gap:12px; height:62px; padding:0 28px; border-radius:999px;
  border:2px solid #325EE2; background:#fff; color:#325EE2;
  font-family:'Satoshi',sans-serif; font-weight:700; font-size:19px; white-space:nowrap;
  transition:background-color .15s ease, color .15s ease;
}
html body[class] footer.pied.pied-v2 .pied-contact svg{ width:20px; height:20px; transition:transform .15s ease; }
html body[class] footer.pied.pied-v2 .pied-contact:hover{ background:#325EE2; color:#fff; }
html body[class] footer.pied.pied-v2 .pied-contact:hover svg{ transform:translateX(3px); }
html body[class] footer.pied.pied-v2 ul.pied-mentions{ margin-top:28px; }
@media (max-width:1099.98px){
  html body[class] footer.pied.pied-v2::before{ margin-bottom:56px; }
  html body[class] footer.pied.pied-v2 .boite{ grid-template-columns:1fr 1fr; gap:44px 28px; padding:0 32px; }
}
@media (max-width:640px){
  html body[class] footer.pied.pied-v2{ padding-bottom:96px; }
  html body[class] footer.pied.pied-v2::before{ margin-bottom:44px; }
  html body[class] footer.pied.pied-v2 .boite{ grid-template-columns:1fr; gap:36px; padding:0 20px; }
  html body[class] footer.pied.pied-v2 .pied-sociaux{ margin-left:0; }
  html body[class] footer.pied.pied-v2 ul.pied-liens{ gap:6px; }
  html body[class] footer.pied.pied-v2 ul.pied-liens a{ display:inline-block; padding:8px 0; }
}


.degrade, .degrade-titre, .accent-clair, .cd-degrade, .clair{ padding-bottom:.16em !important; margin-bottom:-.16em !important; }
span.degrade, em.degrade, span.degrade-titre, span.accent-clair, span.cd-degrade, span.clair{ padding:0 .05em .16em !important; margin:0 -.05em !important; }
.carte-univers .nom{ padding-bottom:.34em !important; margin-bottom:-.34em !important; }
@media (min-width:1100px){ .gabarit-accueil .cortex-bas .nom{ padding-bottom:.25em !important; margin-bottom:-.25em !important; } }
.gabarit-accueil .cortex-bas h3{ padding-bottom:.2em !important; }
.offre .marque{ padding-bottom:.3em !important; margin-bottom:-.3em !important; } 


html body .btn:not(.infolettre .btn):not(header .btn):not(footer .btn){ font-size:18px !important; font-weight:700 !important; }
@media (max-width:640px){
  html body .btn:not(.infolettre .btn):not(header .btn):not(footer .btn){
    font-size:16px !important; white-space:normal !important; height:auto !important; min-height:51px;
    padding-top:12px !important; padding-bottom:12px !important; line-height:1.25 !important; text-align:center; max-width:100%;
  }
}



@media (min-width:1100px) and (max-width:1139px){ body.gabarit-metier main{ zoom:0.76; } }
@media (min-width:1140px) and (max-width:1179px){ body.gabarit-metier main{ zoom:0.79; } }
@media (min-width:1180px) and (max-width:1219px){ body.gabarit-metier main{ zoom:0.81; } }
@media (min-width:1220px) and (max-width:1259px){ body.gabarit-metier main{ zoom:0.84; } }
@media (min-width:1260px) and (max-width:1299px){ body.gabarit-metier main{ zoom:0.87; } }
@media (min-width:1300px) and (max-width:1339px){ body.gabarit-metier main{ zoom:0.9; } }
@media (min-width:1340px) and (max-width:1379px){ body.gabarit-metier main{ zoom:0.93; } }
@media (min-width:1380px) and (max-width:1419px){ body.gabarit-metier main{ zoom:0.95; } }
@media (min-width:1420px) and (max-width:1439px){ body.gabarit-metier main{ zoom:0.98; } }

@media (min-width:1100px) and (max-width:1139px){ body.gabarit-solution main{ zoom:0.79; } }
@media (min-width:1140px) and (max-width:1179px){ body.gabarit-solution main{ zoom:0.82; } }
@media (min-width:1180px) and (max-width:1219px){ body.gabarit-solution main{ zoom:0.85; } }
@media (min-width:1220px) and (max-width:1259px){ body.gabarit-solution main{ zoom:0.88; } }
@media (min-width:1260px) and (max-width:1299px){ body.gabarit-solution main{ zoom:0.91; } }
@media (min-width:1300px) and (max-width:1339px){ body.gabarit-solution main{ zoom:0.94; } }
@media (min-width:1340px) and (max-width:1379px){ body.gabarit-solution main{ zoom:0.97; } }

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

@media (min-width:1100px) and (max-width:1139px){ body.gabarit-article main{ zoom:0.84; } }
@media (min-width:1140px) and (max-width:1179px){ body.gabarit-article main{ zoom:0.87; } }
@media (min-width:1180px) and (max-width:1219px){ body.gabarit-article main{ zoom:0.9; } }
@media (min-width:1220px) and (max-width:1259px){ body.gabarit-article main{ zoom:0.93; } }
@media (min-width:1260px) and (max-width:1299px){ body.gabarit-article main{ zoom:0.96; } }


@media (max-width:1099.98px){
  .nav.ouvert{ max-height:calc(100vh - 78px); max-height:calc(100dvh - 78px); overflow-y:auto; overscroll-behavior:contain; -webkit-overflow-scrolling:touch; }
}


@media (max-width:640px){
  .faq-item > button{ padding:16px 14px 16px 20px !important; gap:12px; }
  .faq-item .q{ font-size:17px !important; line-height:1.35; }
  .faq-item .plus{ flex:none; width:40px !important; height:40px !important; }
  .faq-item .r{ padding:0 20px 22px !important; font-size:15.5px; }
}


.carte-ressource, .res-aside .item{ position:relative; cursor:pointer; transition:transform .2s ease, box-shadow .2s ease; }
.carte-ressource .lire::before, .res-aside .item h3 a::after{ content:""; position:absolute; inset:0; z-index:1; }
.carte-ressource:hover{ transform:translateY(-3px); box-shadow:0 14px 30px -18px rgba(11,23,46,.35); }
.carte-ressource:hover .lire, .res-aside .item:hover h3 a{ text-decoration:underline; text-underline-offset:3px; }


.temoin[data-video]{ cursor:pointer; }
.temoin[data-video]:hover .lecture, .temoin[data-video]:focus-visible .lecture{ transform:scale(1.08); }
.temoin[data-video] .lecture{ transition:transform .2s ease; }
.temoin[data-video]:focus-visible{ outline:2px solid #325EE2; outline-offset:4px; }
.video-fenetre{ position:fixed; inset:0; z-index:1000; display:flex; align-items:center; justify-content:center; padding:24px; background:rgba(11,23,46,.72); }
.video-fenetre[hidden]{ display:none; }
.video-cadre{ position:relative; width:min(960px,100%); }
.video-cadre video{ display:block; width:100%; aspect-ratio:16/9; border-radius:18px; background:#000; box-shadow:0 30px 80px -30px rgba(0,0,0,.6); }
.video-fermer{ position:absolute; top:-46px; right:0; width:38px; height:38px; border-radius:50%; border:0; background:#fff; color:#0B172E; font-size:26px; line-height:38px; cursor:pointer; }
html.video-ouverte{ overflow:hidden; }


@media (max-width:640px){
  html body[class] footer.pied.pied-v2{ padding-bottom:64px; }
  html body[class] footer.pied.pied-v2::before{ margin-bottom:32px; }
  html body[class] footer.pied.pied-v2 .boite{ gap:26px; }
  html body[class] footer.pied.pied-v2 .pied-logo{ margin-bottom:18px; }
  html body[class] footer.pied.pied-v2 .pied-logo img{ width:84px; }
  html body[class] footer.pied.pied-v2 .pied-sociaux a{ width:44px; height:44px; }
  html body[class] footer.pied.pied-v2 ul.pied-liens{ margin-top:14px; gap:0; }
  html body[class] footer.pied.pied-v2 ul.pied-liens li{ line-height:24px; }
  html body[class] footer.pied.pied-v2 ul.pied-liens a{ padding:5px 0; }
  html body[class] footer.pied.pied-v2 ul.pied-mentions{ margin-top:14px; }
}


@media (max-width:640px){
  html body[class] footer.pied.pied-v2{ padding-bottom:56px; }
  html body[class] footer.pied.pied-v2::before{ margin:0 20px 28px; }
  html body[class] footer.pied.pied-v2 .boite{
    grid-template-columns:1fr 1fr; grid-template-areas:"marque marque" "col1 col2" "droite droite";
    gap:28px 16px; padding:0 20px;
  }
  html body[class] footer.pied.pied-v2 .pied-marque{ grid-area:marque; flex-direction:row; align-items:center; justify-content:space-between; }
  html body[class] footer.pied.pied-v2 .pied-logo{ margin:0; }
  html body[class] footer.pied.pied-v2 .pied-logo img{ width:72px; }
  html body[class] footer.pied.pied-v2 .pied-sociaux{ margin:0; gap:10px; }
  html body[class] footer.pied.pied-v2 .pied-sociaux a{ width:40px; height:40px; }
  html body[class] footer.pied.pied-v2 .pied-sociaux svg{ width:18px; height:18px; }
  html body[class] footer.pied.pied-v2 .pied-col:nth-of-type(1){ grid-area:col1; }
  html body[class] footer.pied.pied-v2 .pied-col:nth-of-type(2){ grid-area:col2; }
  html body[class] footer.pied.pied-v2 .pied-titre{ font-size:13px; line-height:18px; letter-spacing:.08em; margin:0; }
  html body[class] footer.pied.pied-v2 .pied-titre::after{ width:24px; margin-top:8px; }
  html body[class] footer.pied.pied-v2 ul.pied-liens{ margin-top:12px; gap:0; }
  html body[class] footer.pied.pied-v2 ul.pied-liens li{ line-height:22px; }
  html body[class] footer.pied.pied-v2 ul.pied-liens a{ display:inline-block; padding:4px 0; font-size:15px; line-height:22px; }
  html body[class] footer.pied.pied-v2 .pied-droite{ grid-area:droite; align-items:stretch; }
  html body[class] footer.pied.pied-v2 .pied-contact{ justify-content:center; height:52px; font-size:16px; }
  
  html body[class] footer.pied.pied-v2 ul.pied-mentions{ margin-top:18px; flex-direction:row; flex-wrap:wrap; gap:4px 18px; justify-content:flex-start; padding-right:70px; }
  html body[class] footer.pied.pied-v2 ul.pied-mentions a{ font-size:13px; color:#4B5565; padding:2px 0; }
}


@media (max-width:1080px){
  html body[class] .appel .carte-appel{ text-align:center; justify-items:center; }
  html body[class] .appel .carte-appel .visuel{ margin:0 auto; }html body[class] .appel .carte-appel > div,html body[class] .appel .carte-appel > :where(.vv-w) > div{ display:flex; flex-direction:column; align-items:center; }
  html body[class] .appel .carte-appel .surtitre{ text-align:center; }
  html body[class] .appel .carte-appel p:not(.surtitre){ font-size:17px; line-height:1.45; margin-left:auto; margin-right:auto; }
  html body[class] .appel .carte-appel .btn{ max-width:100%; white-space:normal; text-align:center; }
}


@media (max-width:640px){
  
  html body[class] .heros .boite > div, html body[class] .heros .boite,
  html body[class] .sol-heros .boite,
  html body[class] .met-heros .texte,
  html body[class] .cand-heros .boite, html body[class] .heros-simple .boite,
  html body[class] .ia-heros .boite{ text-align:center; }
  html body[class] .heros h1, html body[class] .heros .recit, html body[class] .heros .chapo,
  html body[class] .sol-heros h1, html body[class] .sol-heros .chapo,
  html body[class] .met-heros h1, html body[class] .met-heros p,
  html body[class] .cand-heros h1, html body[class] .cand-heros .chapo, html body[class] .heros-simple h1, html body[class] .heros-simple p,
  html body[class] .ia-heros h1, html body[class] .ia-heros .chapo{ text-align:center; margin-left:auto; margin-right:auto; }
  html body[class] .heros-actions, html body[class] .sol-heros .actions, html body[class] .met-heros .actions,
  html body[class] .cand-heros .actions, html body[class] .heros-simple .actions, html body[class] .ia-heros .actions{
    justify-content:center; width:100%;
  }
  html body[class] .heros-actions .btn, html body[class] .sol-heros .actions .btn, html body[class] .met-heros .actions .btn,
  html body[class] .cand-heros .actions .btn, html body[class] .heros-simple .actions .btn, html body[class] .ia-heros .actions .btn{
    margin-left:auto; margin-right:auto;
  }

  
  html body[class] .quotidien .boite, html body[class] .quotidien .surtitre, html body[class] .quotidien .citation{ text-align:center; }
  html body[class] .quotidien .citation{ margin-left:auto; margin-right:auto; }
  html body[class] .frise-etapes{ justify-items:center; }

  
  html body[class] .cortex .boite, html body[class] .cortex-haut, html body[class] .cortex-bas,
  html body[class] .cortex .surtitre, html body[class] .cortex h2, html body[class] .cortex h3, html body[class] .cortex p{ text-align:center; }
  html body[class] .cortex-bas ul{ display:inline-flex; flex-direction:column; align-items:flex-start; margin-left:auto; margin-right:auto; text-align:left; }
  html body[class] .cortex .btn, html body[class] .cortex-bas .btn{ margin-left:auto; margin-right:auto; display:inline-flex; }html body[class] .cortex-bas > div,html body[class] .cortex-bas > :where(.vv-w) > div,html body[class] .cortex-bas > p,html body[class] .cortex-bas > :where(.vv-w) > p{ display:flex; flex-direction:column; align-items:center; }

  
  html body[class] footer.pied.pied-v2 .boite{ grid-template-columns:1fr; grid-template-areas:"marque" "col1" "col2" "droite"; gap:24px; justify-items:center; text-align:center; }
  html body[class] footer.pied.pied-v2 .pied-marque{ flex-direction:column; align-items:center; gap:16px; }
  html body[class] footer.pied.pied-v2 .pied-col{ display:flex; flex-direction:column; align-items:center; }
  html body[class] footer.pied.pied-v2 .pied-titre::after{ margin-left:auto; margin-right:auto; }
  html body[class] footer.pied.pied-v2 ul.pied-liens{ align-items:center; }
  html body[class] footer.pied.pied-v2 .pied-droite{ align-items:center; width:100%; }
  html body[class] footer.pied.pied-v2 .pied-contact{ width:auto; min-width:220px; }
  html body[class] footer.pied.pied-v2 ul.pied-mentions{ justify-content:center; padding-right:0; }
  html body[class] footer.pied.pied-v2{ padding-bottom:88px; } 
}
@media (max-width:640px){
  
  html body[class] .sol-heros .sol-marque, html body[class] .sol-heros .marque, html body[class] .sol-heros .univers-badge,
  html body[class] .sol-heros .boite > p:first-child, html body[class] .sol-heros .boite > .badge{ justify-content:center; text-align:center; margin-left:auto; margin-right:auto; display:flex; }
}
@media (max-width:640px){
  
  html body[class] .sol-heros .sol-logo3d{ display:none !important; }
}


@media (max-width:640px){
  html body[class] footer.pied.pied-v2 .boite{ grid-template-columns:1fr 1fr; grid-template-areas:"marque marque" "col1 col2" "droite droite"; gap:28px 16px; justify-items:stretch; text-align:left; }
  html body[class] footer.pied.pied-v2 .pied-marque{ flex-direction:row; align-items:center; justify-content:space-between; }
  html body[class] footer.pied.pied-v2 .pied-col{ align-items:flex-start; }
  html body[class] footer.pied.pied-v2 .pied-titre::after{ margin-left:0; }
  html body[class] footer.pied.pied-v2 ul.pied-liens{ align-items:flex-start; }
  html body[class] footer.pied.pied-v2 .pied-droite{ align-items:stretch; }
  html body[class] footer.pied.pied-v2 .pied-contact{ justify-content:center; }
  html body[class] footer.pied.pied-v2 ul.pied-mentions{ justify-content:flex-start; }
}

@media (max-width:640px){ .btn .long{ position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; } }


.nav-mobile{ display:none; }
@media (max-width:1099.98px){
  html.menu-ouvert, html.menu-ouvert body{ overflow:hidden; }
  html body[class] .entete .nav.ouvert{
    display:flex; flex-direction:column; align-items:stretch; gap:0;
    position:fixed; inset:0; top:0; max-height:none; height:100dvh; z-index:1000;
    background:#fff; border-radius:0; box-shadow:none; margin:0; padding:0 20px 28px;
    overflow-y:auto; overscroll-behavior:contain;
  }
  .nav.ouvert .nav-mobile{ display:block; }
  .nav.ouvert .nav-tete{ display:flex; align-items:center; justify-content:space-between; padding:14px 0 12px; border-bottom:1px solid #E6EAF2; margin:0 -20px 6px; padding-left:20px; padding-right:20px; }
  .nav.ouvert .nav-logo img{ width:52px; height:auto; display:block; }
  .nav.ouvert .nav-fermer{ width:48px; height:48px; border-radius:50%; background:#EEF0F4; color:#0B172E; font-size:30px; line-height:1; display:flex; align-items:center; justify-content:center; border:0; }
  .nav.ouvert .item{ position:relative; display:flex; flex-wrap:wrap; align-items:center; border-bottom:1px solid #E6EAF2; }
  .nav.ouvert .item .lien{ flex:1; display:flex; flex-direction:row; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:2px 12px; padding:22px 0; border-radius:0; background:none; font-size:24px; line-height:1.15; color:#0B172E !important; }
  .nav.ouvert .nav-fleche{ margin-left:auto; }
  .nav.ouvert .item .lien:hover{ background:none; color:#0B172E; }
  .nav.ouvert .nav-surtitre{ width:100%; font-size:14px; font-weight:700; letter-spacing:.08em; color:#A787D0; }
  .nav.ouvert .item-cortex .nav-texte{ flex:1 1 0; min-width:0; font-size:22px; }
  .nav.ouvert .nav-fleche, .nav.ouvert .nav-bascule{ display:flex; align-items:center; justify-content:center; width:44px; height:44px; flex:none; color:#0B172E; font-size:22px; background:none; border:0; }
  .nav.ouvert .nav-bascule .caret{ width:10px; height:10px; border-width:2px; transform:rotate(45deg) translateY(-3px); transition:transform .2s ease; }
  .nav.ouvert .item.deplie .nav-bascule .caret{ transform:rotate(225deg) translateY(-3px); }
  html body[class] .nav.ouvert .sousmenu{ display:none; width:100%; position:static; box-shadow:none; border:0; padding:0 0 18px; min-width:0; }
  .nav.ouvert .item.deplie .sousmenu{ display:block; }
  .nav.ouvert .sousmenu a{ padding:10px 0; gap:16px; font-size:18px; color:#4B5565; border-radius:0; }
  .nav.ouvert .sousmenu a:hover{ background:none; }
  
  html body[class] .nav.ouvert .sousmenu .picto{ width:52px; height:52px; border-radius:14px; }
  html body[class] .nav.ouvert .sousmenu .picto.rose{ background:var(--rose-voile); }
  html body[class] .nav.ouvert .sousmenu .picto.teal{ background:var(--teal-voile); }
  html body[class] .nav.ouvert .sousmenu .picto.bleu{ background:var(--bleu-voile); }
  .nav.ouvert .sousmenu .picto img{ width:30px; height:30px; }
  .nav.ouvert .sousmenu .libelle{ display:flex; flex-direction:column; gap:2px; }
  .nav.ouvert .sousmenu .libelle b{ display:block; font-family:'Satoshi',sans-serif; font-weight:700; font-size:20px; line-height:1.2; color:#0B172E; }
  .nav.ouvert .sousmenu .libelle span{ font-size:16px; color:#5B6578; }
  
  .nav.ouvert .sousmenu:not(:has(.picto)){ border-left:2px solid #E6EAF2; padding-left:18px; margin-bottom:18px; }
  .nav.ouvert .nav-pied{ padding:26px 0 0; text-align:center; }
  .nav.ouvert .nav-cta{ display:flex; width:100%; justify-content:center; gap:10px; height:62px; border-radius:999px; background:#325EE2; color:#fff; font-size:18px; font-weight:700; }
  .nav.ouvert .nav-pied p{ margin-top:14px; font-size:16px; color:#6B7488; }
}

@media (min-width:1100px){ .sousmenu .libelle{ white-space:nowrap; } }


@media (max-width:640px){
  html body[class] .sol-lire .ressources-grille{ display:flex; flex-direction:column; gap:0; }
  html body[class] .sol-lire .carte-ressource{
    display:grid; grid-template-columns:96px minmax(0,1fr); column-gap:14px; align-items:start;
    background:none; box-shadow:none; border-radius:0; border:0; border-bottom:1px solid #E6EAF2; padding:16px 0;
  }
  html body[class] .sol-lire .carte-ressource:hover{ transform:none; box-shadow:none; }
  html body[class] .sol-lire .carte-ressource .visuel{ aspect-ratio:1; border-radius:14px; }
  html body[class] .sol-lire .carte-ressource .corps{ padding:0; gap:6px; }
  html body[class] .sol-lire .carte-ressource .extrait{ display:none; }
  html body[class] .sol-lire .carte-ressource b{ font-size:18px; line-height:1.3; }
  html body[class] .sol-lire .carte-ressource .lire{ margin-top:4px; padding:6px 0; display:inline-flex; }
  html body[class] .sol-lire h2{ font-size:26px; }
}


@media (max-width:640px){
  
  html body[class] footer.pied.pied-v2 .boite{ grid-template-columns:auto auto; justify-content:center; gap:30px 44px; }
  html body[class] footer.pied.pied-v2 .pied-marque{ flex-direction:column; align-items:center; justify-content:center; gap:18px; }
  html body[class] footer.pied.pied-v2 .pied-droite{ align-items:center; }
  html body[class] footer.pied.pied-v2 .pied-contact{ width:100%; }
  html body[class] footer.pied.pied-v2 ul.pied-mentions{ justify-content:center; }
}
@media (max-width:1099.98px){
  
  html body[class] .nav.ouvert .item .lien{ font-size:20px; padding:18px 0; }
  html body[class] .nav.ouvert .item-cortex .nav-texte{ font-size:18px; }
  html body[class] .nav.ouvert .nav-surtitre{ font-size:12px; }
  html body[class] .nav.ouvert .sousmenu .libelle b{ font-size:17px; }
  html body[class] .nav.ouvert .sousmenu .libelle span{ font-size:14px; }
  html body[class] .nav.ouvert .sousmenu a{ font-size:16px; }
  html body[class] .nav.ouvert .nav-cta{ height:56px; font-size:16px; }
  
  html body[class] .nav.ouvert .sousmenu:not(:has(.picto)){ border-left:2px solid #D9DDE6; border-radius:0; padding-left:22px; margin:4px 0 16px 4px; }
  html body[class] .nav.ouvert .sousmenu:not(:has(.picto)) a{ padding:12px 0; color:#4B5565; }
}


.faq-plus{ display:none; }
@media (max-width:640px){
  .faq-liste[data-replie="1"] .faq-item:nth-child(n+3){ display:none; }
  .faq-plus{ display:block; margin:18px auto 0; padding:10px 0; border:0; background:none; font-family:'Satoshi',sans-serif; font-weight:700; font-size:16px; color:var(--accent); cursor:pointer; }
  .faq-plus[hidden]{ display:none; }
  .faq-plus::after{ content:" \2193"; }html body[class] .sol-lire .carte-ressource:nth-child(n+3){ display:none; }
}


.btn .court{ display:none; }
@media (max-width:640px){ .btn .court{ display:inline; } }


@media (max-width:640px){ .mobile-masque{ display:none; } }


@media (max-width:640px){
  html body[class] footer.pied.pied-v2 .boite{ grid-template-columns:1fr 1fr; justify-content:stretch; gap:28px 20px; }
  html body[class] footer.pied.pied-v2 .pied-marque{ align-items:flex-start; }
  html body[class] footer.pied.pied-v2 .pied-droite{ align-items:stretch; }
}