.entete{position:fixed;inset:0 0 auto;z-index:50;height:var(--entete);transition:background .3s,box-shadow .3s}
.entete.plein{background:rgba(255,255,255,.97);backdrop-filter:blur(10px);box-shadow:0 1px 0 var(--filet),0 12px 30px -24px rgba(6,21,40,.45)}
.entete.plein :is(.nav a,.nav-btn,.lien-assistance,.burger){color:var(--encre)}
.entete.plein :is(.nav a,.nav-btn):is(:hover,[aria-expanded="true"]){color:var(--bleu);background:var(--glace)}
.entete.plein .lien-assistance:hover{color:var(--bleu)}
.logo-couleur,.entete.plein .logo-blanc{display:none}
.entete.plein .logo-couleur{display:block}
.entete .page{height:100%;display:flex;align-items:center;gap:32px}
.logo{flex:none}
.logo img{height:44px;width:auto;max-width:none}
.nav{display:flex;gap:2px;margin-left:auto}
.nav a{color:#dbe8f3;text-decoration:none;font:500 .93rem/1 var(--texte);white-space:nowrap;padding:10px 11px;border-radius:8px;transition:color .2s,background .2s}
.nav a:hover{color:#fff;background:rgba(255,255,255,.08)}
.entete-actions{display:flex;gap:10px;align-items:center}
.entete .btn{min-height:44px;padding:0 18px;font-size:.92rem}
.lien-assistance{color:#dbe8f3;text-decoration:none;font:500 .92rem/1 var(--texte);display:inline-flex;gap:8px;align-items:center;padding:10px 12px}
.lien-assistance svg{width:18px;height:18px}
.lien-assistance:hover{color:#fff}
.burger{display:none;margin-left:auto;background:none;border:0;color:#fff;padding:8px;cursor:pointer}
.burger svg{width:28px;height:28px}
@media (max-width:640px){
  .logo img{height:38px}
  .entete-actions .btn span{display:none}
  .entete-actions .btn{padding:0 13px}
}
.nav{align-items:center}
.nav-groupe{position:relative}
.nav-btn{display:inline-flex;align-items:center;gap:6px;background:none;border:0;cursor:pointer;color:#dbe8f3;font:500 .95rem/1 var(--texte);padding:10px 12px;border-radius:8px;transition:color .2s,background .2s}
.nav-btn svg{width:16px;height:16px;transition:transform .25s}
.nav-btn:hover,.nav-btn[aria-expanded="true"]{color:#fff;background:rgba(255,255,255,.08)}
.nav-btn[aria-expanded="true"] svg{transform:rotate(180deg)}
.deroulant{position:absolute;top:calc(100% + 14px);left:50%;transform:translateX(-50%);width:360px;background:#fff;border-radius:8px;padding:8px;box-shadow:0 24px 60px -20px rgba(6,21,40,.45)}
.deroulant::before{content:"";position:absolute;left:0;right:0;top:-16px;height:16px}
.deroulant a{display:flex;align-items:center;gap:14px;padding:10px 12px;border-radius:8px;text-decoration:none;color:var(--encre);transition:background .2s}
.res-pi{flex:none;width:48px;height:48px;border-radius:8px;display:grid;place-items:center;color:var(--bleu);background:linear-gradient(160deg,#fff 0%,#eef6fb 100%);border:1px solid var(--filet);box-shadow:0 1px 0 #fff inset,0 10px 20px -14px rgba(10,34,64,.55);transition:transform .25s cubic-bezier(.2,.8,.2,1)}
.res-pi svg{width:30px;height:30px}
.deroulant a:hover .res-pi{transform:translateY(-2px)}
.deroulant a:hover{background:var(--glace)}
.deroulant .res-txt b{display:block;font:650 1rem/1.3 var(--titre)}
.deroulant .res-txt > span{display:block;font-size:.86rem;color:var(--gris);line-height:1.35;margin-top:2px}
.deroulant a:hover .pd-blog .lignes path{animation:trace-inverse 1.4s ease-out infinite}
.deroulant a:hover .pd-blog .l2{animation-delay:.15s}
.deroulant a:hover .pd-blog .l3{animation-delay:.3s}
.deroulant a:hover .pd-blog .l4{animation-delay:.45s}
.deroulant a:hover .pd-cas .sceau{animation:tampon 1.4s cubic-bezier(.3,1.6,.5,1) infinite}
.deroulant a:hover .pd-livre .signet{animation:monte .9s ease-in-out infinite}
.deroulant a:hover .pd-lexique .loupe{animation:parcourt 1.6s ease-in-out infinite}
.mega{position:fixed;top:var(--entete);left:0;right:0;z-index:48;background:#fff;box-shadow:0 30px 60px -30px rgba(6,21,40,.5);max-height:calc(100svh - var(--entete));overflow:auto}
.mega-grille{display:grid;grid-template-columns:300px minmax(0,1fr) 280px;padding-block:24px}
.mega-rail{display:flex;flex-direction:column;gap:2px;padding-right:20px;border-right:1px solid var(--filet)}
.rail-item{display:flex;align-items:center;gap:12px;text-align:left;width:100%;padding:11px 12px;border:0;border-radius:8px;background:none;cursor:pointer;color:var(--encre);font:600 .98rem/1.25 var(--titre);transition:background .15s,color .15s}
.rail-item > svg:first-child{width:24px;height:24px;flex:none;color:var(--bleu)}
.rail-item span{flex:1}
.rail-item .chevron{width:16px;height:16px;opacity:0;transition:opacity .15s,transform .15s;color:var(--cyan)}
.rail-item:hover,.rail-item[aria-current="true"]{background:var(--glace);color:var(--bleu)}
.rail-item[aria-current="true"] .chevron{opacity:1;transform:translateX(2px)}
.mega-volets{margin:0 24px;padding:22px 24px 24px;border-radius:8px;background:linear-gradient(180deg,var(--glace) 0%,#f6fafd 100%);box-shadow:inset 0 1px 2px rgba(10,34,64,.06),inset 0 0 0 1px rgba(213,227,238,.7)}
.volet-titre{display:inline-flex;align-items:center;gap:14px;font:750 1.3rem/1.2 var(--titre);font-stretch:106%;color:var(--encre);text-decoration:none;margin:0 0 18px}
.volet-pi{flex:none;width:48px;height:48px;border-radius:8px;display:grid;place-items:center;color:var(--bleu);background:linear-gradient(160deg,#fff 0%,#eef6fb 100%);border:1px solid var(--filet);box-shadow:0 1px 0 #fff inset,0 10px 20px -14px rgba(10,34,64,.55)}
.volet-pi svg{width:30px;height:30px}
.volet-titre > svg{width:20px;height:20px;color:var(--cyan);transition:transform .2s}
.volet-titre:hover > svg{transform:translateX(4px)}
.volet-liens{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px}
.volet-liens li{display:flex}
.volet-liens a{position:relative;flex:1;display:flex;align-items:center;min-height:56px;padding:12px 52px 12px 16px;border-radius:8px;text-decoration:none;color:var(--encre);font-size:.95rem;font-weight:500;line-height:1.35;
  background:linear-gradient(180deg,#fff 0%,#fbfdff 100%);border:1px solid var(--filet);
  box-shadow:0 1px 0 #fff inset,0 1px 2px rgba(10,34,64,.06),0 10px 22px -18px rgba(10,34,64,.5);
  transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s,border-color .25s,color .2s}
.volet-liens a::after{content:"";position:absolute;right:14px;top:50%;width:26px;height:26px;margin-top:-13px;border-radius:50%;
  background:var(--glace) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%2310508f' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round' d='m10 7 5 5-5 5'/%3E%3C/svg%3E") center/16px no-repeat;
  transition:background-color .25s,transform .25s}
.volet-liens a:hover{transform:translateY(-2px);color:var(--bleu);border-color:rgba(0,144,192,.45);box-shadow:0 1px 0 #fff inset,0 18px 32px -20px rgba(10,34,64,.6)}
.volet-liens a:hover::after{background-color:#d6eef9;transform:translateX(3px)}
.mega-carte{position:relative;overflow:hidden;isolation:isolate;border-radius:8px;padding:24px;color:#fff;background:linear-gradient(150deg,var(--marine-2),var(--nuit));display:flex;flex-direction:column;gap:10px;align-self:start}
.mega-carte .rond{position:absolute;z-index:-1;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.22),rgba(79,195,234,.1) 50%,rgba(79,195,234,0) 72%);border:1px solid rgba(255,255,255,.12)}
.mega-carte .m1{width:160px;height:160px;right:-50px;top:-50px}
.mega-carte .m2{width:70px;height:70px;right:30px;bottom:70px}
.mega-carte b{font:700 1.15rem/1.3 var(--titre)}
.mega-carte p{margin:0;font-size:.92rem;color:#c9dbea}
.mega-tel{display:inline-flex;align-items:center;gap:10px;font:780 1.35rem/1 var(--titre);font-stretch:108%;color:#fff;text-decoration:none;margin:6px 0}
.mega-tel svg{width:22px;height:22px;color:var(--cyan-clair)}
.mega-carte .btn{min-height:46px;font-size:.92rem;justify-content:center}
.voile-menu{position:fixed;inset:0;z-index:47;background:rgba(6,21,40,.45);opacity:0;pointer-events:none;transition:opacity .2s}
.voile-menu.actif{opacity:1;pointer-events:auto}
.tiroir{position:fixed;inset:var(--entete) 0 0;z-index:49;background:var(--nuit);padding:8px 16px 32px;display:none;overflow:auto;border-top:1px solid rgba(255,255,255,.08)}
.tiroir.ouvert{display:block}
.tiroir details{border-bottom:1px solid rgba(255,255,255,.08)}
.tiroir summary{list-style:none;display:flex;align-items:center;gap:12px;padding:16px 4px;color:#fff;font:600 1.05rem/1.25 var(--titre);cursor:pointer}
.tiroir summary::-webkit-details-marker{display:none}
.tiroir summary svg{width:22px;height:22px;color:var(--cyan-clair);flex:none}
.tiroir ul{list-style:none;margin:0 0 12px;padding:0 0 0 34px}
.tiroir li a{display:block;padding:9px 0;color:#c9dbea;text-decoration:none;font-size:.97rem;line-height:1.35}
.tiroir li a.tout{color:#fff;font-weight:500}
.tiroir-lien{display:block;padding:16px 4px;color:#fff;text-decoration:none;font:600 1.05rem/1.25 var(--titre);border-bottom:1px solid rgba(255,255,255,.08)}
.tiroir > .btn{margin-top:24px;width:100%;justify-content:center}
@media (max-width:1180px){
  .mega-grille{grid-template-columns:260px minmax(0,1fr)}
  .mega-carte{display:none}
}
@media (max-width:980px){
  .nav,.mega,.voile-menu{display:none}
  .burger{display:block}
  .entete-actions .lien-assistance{display:none}
  .entete-actions{margin-left:auto}
  .burger{margin-left:0}
}
:is(.tuile,.onglet,.rail-item,.pied-domaines a,.univers-tel,.lien-assistance,.rassurance > *,.garanties-titre,.tiroir summary):hover .pd .cle{animation:visse 1.1s ease-in-out}
:is(.tuile,.onglet,.rail-item,.pied-domaines a,.univers-tel,.lien-assistance,.rassurance > *,.garanties-titre,.tiroir summary):hover .pd .coche{animation:trace-boucle 1.4s ease-in-out}
:is(.tuile,.onglet,.rail-item,.pied-domaines a,.univers-tel,.lien-assistance,.rassurance > *,.garanties-titre,.tiroir summary):hover .pd .restaure{animation:tourne-inverse 1.2s cubic-bezier(.4,0,.2,1)}
:is(.tuile,.onglet,.rail-item,.pied-domaines a,.univers-tel,.lien-assistance,.rassurance > *,.garanties-titre,.tiroir summary):hover .pd .fleche-haut{animation:monte 1.2s ease-in-out}
:is(.tuile,.onglet,.rail-item,.pied-domaines a,.univers-tel,.lien-assistance,.rassurance > *,.garanties-titre,.tiroir summary):hover .pd .noeud{animation:pulse-n 1.2s ease-in-out}
:is(.tuile,.onglet,.rail-item,.pied-domaines a,.univers-tel,.lien-assistance,.rassurance > *,.garanties-titre,.tiroir summary):hover .pd .liens{animation:trace-boucle 1.2s ease-in-out}
:is(.tuile,.onglet,.rail-item,.pied-domaines a,.univers-tel,.lien-assistance,.rassurance > *,.garanties-titre,.tiroir summary):hover .pd .etincelle{animation:etincelle 1.2s ease-in-out}
:is(.tuile,.onglet,.rail-item,.pied-domaines a,.univers-tel,.lien-assistance,.rassurance > *,.garanties-titre,.tiroir summary):hover .pd .ecran{animation:trace-inverse 1.2s ease-out}
:is(.tuile,.onglet,.rail-item,.pied-domaines a,.univers-tel,.lien-assistance,.rassurance > *,.garanties-titre,.tiroir summary):hover .pd .notif{animation:tampon .6s cubic-bezier(.3,1.6,.5,1)}
:is(.tuile,.onglet,.rail-item,.pied-domaines a,.univers-tel,.lien-assistance,.rassurance > *,.garanties-titre,.tiroir summary):hover .pd .lignes path{animation:trace-inverse 1s ease-out}
:is(.tuile,.rail-item,.pied-domaines a):hover .pd .l2{animation-delay:.15s}
:is(.tuile,.rail-item,.pied-domaines a):hover .pd .l3{animation-delay:.3s}
:is(.univers-tel,.lien-assistance):hover .pd .micro{animation:pulse-n .9s ease-in-out 2}
.tiroir summary:hover .pd .signet{animation:monte .8s ease-in-out}
:is(.tuile,.rail-item,.pied-domaines a):hover .pd :is(.cle,.restaure,.fleche-haut,.noeud,.etincelle,.notif,.coche,.liens){animation-iteration-count:infinite}
.rail-item{text-decoration:none;box-sizing:border-box}
body.hero-clair .entete{background:rgba(255,255,255,.97);backdrop-filter:blur(10px);box-shadow:0 1px 0 var(--filet),0 12px 30px -24px rgba(6,21,40,.45)}
body.hero-clair .entete :is(.nav a,.nav-btn,.lien-assistance,.burger){color:var(--encre)}
body.hero-clair .entete :is(.nav a,.nav-btn):is(:hover,[aria-expanded="true"]){color:var(--bleu);background:var(--glace)}
body.hero-clair .logo-blanc{display:none}
body.hero-clair .logo-couleur{display:block}

/* Déroulant « L'entreprise » : pictos animés au survol */
.deroulant a:hover .pd-histoire .chemin{stroke-dasharray:1;animation:trace-boucle 1.4s ease-in-out infinite}
.deroulant a:hover .pd-histoire .drapeau{transform-box:fill-box;transform-origin:left center;animation:flotte-drapeau .9s ease-in-out infinite}
.deroulant a:hover .pd-equipe .bulle-eq{animation:monte .9s ease-in-out infinite}
.deroulant a:hover .pd-arrivee .plus{transform-box:fill-box;transform-origin:center;animation:pulse-n .9s ease-in-out infinite}
.tiroir summary:hover .pd-equipe .bulle-eq{animation:monte .9s ease-in-out}