body.light{--bg:#ffffff;--text:#111111;--accent:#0066cc;background:linear-gradient(to bottom right,#ffffff,#e8e8f1),url(../images/noise_subtil.png);background-repeat:repeat;--nav-bg:#ffffff;--nav-border:#ccc;--nav-link:#333;--nav-link-hover:#7B8890;--footer-bg:#ffffff;--footer-text:#000;--footer-link:inherit;--footer-link-hover:inherit;--font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif}body.dark{--bg:#111111;--text:#b0b8cc;--accent:#91bfff;background:linear-gradient(to bottom right,#2e1a3f,#1a2a50),url(../images/noise_subtil.png);background-repeat:repeat;--nav-bg:rgba(30, 30, 30, 0.6);--nav-border:#735976;--nav-link:#eee;--nav-link-hover:#d9bfff;--footer-bg:rgba(30, 30, 30, 0.6);--footer-text:#ccc;--footer-link:#a8aedd;--footer-link-hover:#d0d4f7;--font-family:"Georgia", "Times New Roman", Times, serif}body{background-color:var(--bg);color:var(--text);font-family:var(--font-family);transition:background-color 0.3s,color 0.3s,font-family 0.3s}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}h1{margin:0 0 .5rem;font-size:2.5rem}main{padding:2rem}header{padding:2rem;background:#fff;color:#fff;text-align:center}body.light .hero h1{font-size:clamp(20px, 14vw, 220px);font-weight:900;background-image:url(../images/fond-light.webp);background-size:cover;background-position:center;-webkit-background-clip:text;-webkit-text-fill-color:#fff0;background-clip:text;color:#fff0;margin:0 auto;max-width:90%;text-align:center;text-shadow:2px 2px 4px rgb(0 0 0 / .3)}body.dark .hero{background-image:url(../images/fond-dark.webp);background-size:cover;background-position:center;position:relative;border-radius:12px}body.dark .hero h1{font-size:clamp(20px, 10vw, 48px);color:#fff;text-shadow:0 1px 5px rgb(0 0 0 / .7);position:relative;z-index:2;text-align:center;margin:0 auto;max-width:90%}.hero{background-size:cover;background-position:center;position:relative;height:250px;color:#fff;display:flex;align-items:center;justify-content:center;text-shadow:0 1px 3px rgb(0 0 0 / .6);border-radius:.5rem;overflow:hidden}.navbar{position:sticky;top:1rem;z-index:1000;margin:1rem auto;max-width:1200px;background-color:rgb(255 255 255 / .6);backdrop-filter:blur(10px);border-radius:1rem;padding:.75rem 1.5rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 10px #9A7E61;transition:background-color 0.3s ease,backdrop-filter 0.3s ease}body.dark .navbar{background-color:var(--nav-bg);backdrop-filter:blur(12px);box-shadow:0 4px 12px #241D2A}.navbar ul{display:flex;gap:1rem;list-style:none;margin:0;padding:0}.navbar li a{text-decoration:none;font-weight:500;color:inherit}#theme-toggle{background:none;border:none;font-size:1.2rem;cursor:pointer}footer{background-color:var(--footer-bg);color:var(--footer-text);padding:1rem;text-align:center;font-size:.9rem;margin:1rem auto;max-width:1200px;margin-top:2rem;backdrop-filter:blur(12px);box-shadow:0 -4px 12px #9A7E61;border-radius:.5rem;overflow:hidden}body.dark footer{background-color:var(--nav-bg);backdrop-filter:blur(12px);box-shadow:0 -4px 12px #241D2A}footer a{color:var(--footer-link);transition:color 0.3s ease}footer a:hover{color:var(--footer-link-hover)}.footer-space{position:relative;height:30px;margin-bottom:1rem}.moon,.earth{position:absolute;top:50%;transform:translateY(-50%);border-radius:50%;transition:all 0.3s ease}.moon{width:5px;height:5px;background-color:grey;left:0}.earth{width:18.33px;height:18.33px;background-color:skyblue;left:553px}body.dark .moon{background-color:#f5d742;transform:translateY(-50%) translateX(553px)}body.dark .earth{background-color:#1f4a70;transform:translateY(-50%) translateX(-553px)}@media (max-width:600px){.moon{width:2.5px;height:2.5px}.earth{width:9.16px;height:9.16px;left:276px}body.dark .moon{transform:translateY(-50%) translateX(276px)}body.dark .earth{transform:translateY(-50%) translateX(-276px)}}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}#actus h2{text-align:center;margin-bottom:1.5rem}.actualites-container{display:grid;max-width:900px;margin:0 auto;padding:0 1rem;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}#actualites{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1.5rem}.actualite{opacity:0;transform:translateY(20px);transition:opacity 0.8s ease,transform 0.8s ease;text-align:center;background:#f9f9f9;padding:1rem 1.5rem;border-radius:8px;box-shadow:0 2px 6px rgb(0 0 0 / .1);border-left:4px solid #9A7E61;border-right:4px solid #9A7E61}.actualite.visible{opacity:1;transform:translateY(0);margin-bottom:0}.actualite:hover{transform:translateY(-5px);box-shadow:0 6px 18px rgb(0 0 0 / .08)}.actualite h3{margin:0;font-size:1.2rem;color:#333}.actualite .date{font-size:.9rem;color:#777;margin:.25rem 0 .5rem}.actualite p{margin-bottom:.75rem;color:#444}.actualite a{font-weight:700;color:#7B8890;text-decoration:none}.actualite a:hover{text-decoration:underline}body.dark .actualite{background-color:rgb(30 30 30 / .6);border-color:#735976;color:#ccc}body.dark .actualite h3{color:#d0d4f7}body.dark .actualite .date{color:#999}body.dark .actualite p{color:#aaa}body.dark .actualite a{color:#91bfff}.charte-container{max-width:800px;margin:2rem auto;padding:1.5rem;background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 8px rgb(0 0 0 / .05);text-align:justify;line-height:1.6;color:#333}.charte-container h2,.charte-container h3{text-align:center;color:#7B8890}body.dark .charte-container{background-color:#22212c;box-shadow:0 2px 8px rgb(100 90 130 / .3);color:#c0c3d2}body.dark .charte-container h2,body.dark .charte-container h3{color:#b39ddb}