.sommaire-nav{position:fixed;top:110px;--gap:50px;--left-offset:25px;--page-left:max(20vw,calc(50vw - 400px));--available:calc(var(--page-left) - var(--gap) - var(--left-offset));--min:200px;--max:360px;--menu-width:clamp(var(--min),var(--available),var(--max));left:var(--left-offset);display:flex;flex-direction:column;align-items:stretch;width:var(--menu-width);padding:0;gap:14px;background:none;border:none;box-shadow:none;overflow:visible;z-index:900;margin:0;opacity:1;transform:translateY(0);transition:opacity .2s ease-out,transform .2s ease-out}.sommaire-nav.fade-out{opacity:0;transform:translateY(6px);pointer-events:none}.sommaire-nav .navbar-links{display:flex;flex-direction:column;width:100%;align-items:stretch;gap:10px;padding:14px;border-radius:14px;background-color:rgba(255,255,255,.9);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(0,0,0,.06);box-shadow:0 4px 10px -2px rgba(0,0,0,.15),0 2px 4px rgba(0,0,0,.08)}body.dark-mode .sommaire-nav .navbar-links{background-color:rgba(19,19,19,.9);border-color:rgba(255,255,255,.12);box-shadow:0 8px 24px -10px rgba(0,0,0,.45),0 4px 12px rgba(0,0,0,.28)}.sommaire-nav .lien-navbar{text-decoration:none;border:none;font-size:.9rem;font-family:Poppins,sans-serif;font-weight:600;background-color:transparent;color:#b22133;padding:5px 10px;border-radius:10px;cursor:pointer;position:relative;transition:background-color .3s ease,color .3s ease,border-color .3s ease;overflow:hidden;display:block;width:100%;text-align:left}.sommaire-nav .lien-navbar:hover{background-color:#b22133;color:white}.sommaire-nav .lien-navbar .lien-navbar-label{position:relative;z-index:2}.sommaire-nav .lien-navbar-progress{position:absolute;bottom:0;left:5%;width:90%;height:3px;border-radius:10px;background:rgba(178,33,51,.15);overflow:hidden}.sommaire-nav .lien-navbar-progress-bar{position:absolute;top:0;left:0;height:110%;width:100%;border-radius:100px;background:#b22133;transform-origin:0 50%;transform:scaleX(0);transition:transform .25s ease-out}body.dark-mode .sommaire-nav .lien-navbar-progress{background:rgba(255,255,255,.12)}body.dark-mode .sommaire-nav .lien-navbar-progress-bar{background:#b00000}body.dark-mode .sommaire-nav .lien-navbar{color:#ffffff}body.dark-mode .sommaire-nav .lien-navbar:hover{background-color:#b00000;color:#ffffff}.sommaire-nav .sommaire{display:block;font-size:1.5em;font-weight:800;text-align:left;margin:0}.sommaire-actions{display:flex;flex-direction:column;gap:6px;padding:14px;border-radius:14px;background-color:rgba(255,255,255,.9);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(0,0,0,.06);box-shadow:0 4px 10px -2px rgba(0,0,0,.15),0 2px 4px rgba(0,0,0,.08)}body.dark-mode .sommaire-actions{background-color:rgba(19,19,19,.9);border-color:rgba(255,255,255,.12);box-shadow:0 8px 24px -10px rgba(0,0,0,.45),0 4px 12px rgba(0,0,0,.28)}.fab-btn{display:inline-flex;align-items:center;justify-content:flex-start;gap:6px;border:none;border-radius:10px;background:none;color:#111;cursor:pointer;padding:6px 10px;width:100%;text-align:left;transition:opacity .35s ease,transform .25s ease,background .3s,color .3s,box-shadow .3s,filter .2s ease;-webkit-tap-highlight-color:transparent;font-family:Poppins,sans-serif}.fab-icon{font-size:18px;line-height:1;display:block;width:1.5em;text-align:center}.fab-label{font-size:.9rem;font-weight:600;line-height:1;font-family:Poppins,sans-serif}.fab-btn:hover{background-color:#111;color:#fff}.fab-btn:active{transform:translateY(2px) scale(.96)}body.dark-mode .fab-btn{color:#f5f5f5;background:none}body.dark-mode .fab-btn:hover{background-color:#ffffff;color:#111}@media (max-width:1200px){.sommaire-nav{display:flex;flex-direction:column;background-color:rgba(255,255,255,.8);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);width:100%;height:100vh;position:fixed;top:0;left:0;z-index:1500;transform:translateX(100%);transition:transform .2s cubic-bezier(.77,0,.175,1),opacity .2s cubic-bezier(.77,0,.175,1);padding:30px 20px 20px;overflow-y:auto;max-height:100vh}.sommaire-nav.open{transform:translateX(0);opacity:1}body.dark-mode .sommaire-nav{background-color:rgba(19,19,19,.9)}.sommaire-nav .navbar-close-mobile{background-color:#0000001a;color:#b22133;font-weight:600;border:none;padding:0 15px;font-size:2em;cursor:pointer;border-radius:10px;transition:background .3s ease-in-out;position:absolute;top:40px;right:10%;z-index:1600;font-family:Poppins,sans-serif;margin-bottom:40px}.sommaire-nav .navbar-close-mobile:hover{background-color:#b22133;color:white}body.dark-mode .sommaire-nav .navbar-close-mobile{background-color:#2c2c2c;color:#ffffff}body.dark-mode .sommaire-nav .navbar-close-mobile:hover{background-color:#ffffff;color:#000000}.sommaire-nav .navbar-links{display:flex;flex-direction:column;border-radius:0;position:static;min-width:auto;gap:15px;padding:80px 0 0;-webkit-backdrop-filter:none}.sommaire-nav .navbar-links,body.dark-mode .sommaire-nav .navbar-links{box-shadow:none;background-color:transparent;border:none;backdrop-filter:none}body.dark-mode .sommaire-nav .navbar-links{-webkit-backdrop-filter:none}.sommaire-nav .sommaire-actions{background-color:transparent;background:none;border:none;box-shadow:none;padding:0;gap:15px;margin-top:20px;-webkit-backdrop-filter:none;backdrop-filter:none}.sommaire-nav .sommaire-actions .fab-btn{background-color:#0000001a;color:#000000;font-weight:600;border:none;padding:10px 15px;border-radius:10px;text-decoration:none;transition:background .3s ease-in-out;width:90%;max-width:700px;margin:0 auto;font-size:1em;text-align:left;display:block;cursor:pointer;font-family:Poppins,sans-serif}body.dark-mode .sommaire-nav .sommaire-actions{background:transparent;border:none;box-shadow:none}.sommaire-nav .sommaire-actions .fab-btn:hover{background-color:#000000;color:#ffffff}body.dark-mode .sommaire-nav .sommaire-actions .fab-btn{background-color:#2c2c2c;color:#ffffff}body.dark-mode .sommaire-nav .sommaire-actions .fab-btn:hover{background-color:#ffffff;color:#000000}.sommaire-nav .lien-navbar{background-color:#0000001a;color:#000000;font-weight:600;border:none;padding:10px 15px;border-radius:10px;text-decoration:none;transition:background .3s ease-in-out;width:90%;max-width:700px;margin:0 auto;font-size:1em;text-align:left;display:block;cursor:pointer;font-family:Poppins,sans-serif}.sommaire-nav .lien-navbar:hover{background-color:#000000;color:#ffffff}body.dark-mode .sommaire-nav .lien-navbar{background-color:#2c2c2c;color:#ffffff;border:none}body.dark-mode .sommaire-nav .lien-navbar:hover{background-color:#ffffff;color:#000000}.sommaire-nav .sommaire{display:block;font-size:2em;font-weight:600;text-align:left;margin:0 auto}}