:root{--encre: #1e2723;--encre-douce: #4a5953;--pin: #24453b;--sauge: #c9d5cd;--sauge-clair: #e6ece8;--fond: #f3f5f2;--erreur: #8a2a2a;--serif: "Iowan Old Style", "Palatino Linotype", Georgia, serif;--largeur: 72rem}*,*:before,*:after{box-sizing:border-box}body{margin:0;height:100%;background:var(--fond);color:var(--encre);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.6}h1,h2{font-family:var(--serif);font-weight:500;line-height:1.15;color:var(--pin)}a:focus-visible,button:focus-visible{outline:2px solid var(--pin);outline-offset:3px}.app-container{display:flex;flex-direction:column;min-height:100vh}.conteneur{max-width:var(--largeur);margin-right:auto;margin-left:auto;padding-right:1.25rem;padding-left:1.25rem}.lien-evitement{position:absolute;top:0;left:-999px;z-index:20;padding:.5rem .75rem;background:var(--pin);color:#fff}.lien-evitement:focus{left:0}.entete{position:relative;display:flex;align-items:center;justify-content:space-between;gap:1rem;max-width:var(--largeur);margin:0 auto;padding:1rem 1.25rem}.titre-site{font-family:var(--serif);font-size:1.35rem;color:var(--pin);text-decoration:none}.p,.label{color:var(--pin)}.burger{padding:.4rem .9rem;border:1px solid var(--pin);background:none;color:var(--pin);font:inherit;cursor:pointer}.menu{position:absolute;top:100%;left:0;right:0;z-index:10;display:none;flex-direction:column;gap:1.25rem;padding:1rem 1.25rem 1.5rem;border-bottom:1px solid var(--sauge);background:var(--fond)}.menu.ouvert{display:flex}.menu ul{display:flex;flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none}.menu a{color:var(--encre);text-decoration:none}.menu a.actif{text-decoration:underline;text-decoration-color:var(--pin);text-decoration-thickness:2px;text-underline-offset:.35em}.menu .bouton{align-self:flex-start;padding:.65rem 1.25rem;background:var(--pin);color:#fff;border-radius:2px}.btn-icon{background:none;border:none;cursor:pointer;display:inline-flex;align-items:center;border-radius:50%;transition:background-color .2s;position:relative}.btn-text{padding-left:.5rem;display:inline;color:var(--encre);font-size:1rem;font-weight:500}.main-content{flex:1}.pied{padding:20px;margin-top:5rem;border-top:1px solid var(--sauge)}.pied-contenu{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:1rem 2rem;padding-top:1.75rem;padding-bottom:2.5rem}.pied ul{display:flex;flex-wrap:wrap;gap:.5rem 1.75rem;margin:0;padding:0;list-style:none}.pied a{color:var(--encre)}.hashtag{margin:0;color:var(--encre-douce)}.menu .deconnexion{align-self:flex-start;padding:.65rem 1.25rem;border:1px solid var(--pin);border-radius:2px;background:none;color:var(--pin);font:inherit;cursor:pointer}.menu .deconnexion:hover{background:var(--sauge-clair)}.spin-loader{display:inline-block;animation:spin 1s linear infinite;font-size:1.5rem;color:var(--sauge)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(min-width:48rem){.burger{display:none}.menu,.menu.ouvert{position:static;display:flex;flex-direction:row;align-items:center;gap:2rem;padding:0;border:0;background:none}.menu ul{flex-direction:row;gap:1.75rem}.btn-icon{background:none;border:none;padding:8px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s;position:relative}.btn-text{display:none}.btn-icon:hover,.btn-icon:focus-visible{background-color:#0000000d;outline:2px solid var(--sauge)}.btn-icon:after{content:attr(data-tooltip);position:absolute;bottom:-80%;left:50%;transform:translate(-50%) scale(.9);background-color:var(--encre-douce);color:#fff;padding:6px 10px;border-radius:4px;font-size:12px;white-space:nowrap;opacity:0;pointer-events:none;transition:all .5s ease-in-out;box-shadow:0 2px 8px #00000026;z-index:10}.btn-icon:hover:after,.btn-icon:focus-visible:after{opacity:1;transform:translate(-50%) scale(1)}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}