:root{--fond:#f5f7fa;--carte:#ffffff;--encre:#16202e;--encre2:#5a6678;--accent:#0e7c66;--accent-fonce:#0a5f4e;--accent-clair:#e6f4f1;--panneau:#101826;--panneau-txt:#f2f6fb;--radius:16px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;background:var(--fond);color:var(--encre);line-height:1.6}.site-header{background:#fff;border-bottom:1px solid #e6eaf1}.site-header .inner{max-width:1000px;margin:0 auto;padding:10px 16px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}.logo{font-weight:800;font-size:1.15rem;color:var(--encre);text-decoration:none;letter-spacing:-.02em}.logo span{color:var(--accent)}.site-nav{display:flex;gap:4px;flex-wrap:wrap}.site-nav a{color:var(--encre2);text-decoration:none;font-size:.92rem;font-weight:600;padding:7px 12px;border-radius:9px}.site-nav a:hover,.site-nav a.actif{background:var(--accent-clair);color:var(--accent-fonce)}main.page{max-width:820px;margin:0 auto;padding:26px 16px 60px}h1{font-size:clamp(1.4rem,3.6vw,1.9rem);letter-spacing:-.02em;margin-bottom:6px}.intro{color:var(--encre2);margin-bottom:22px;max-width:640px}.outil-panneau{background:var(--panneau);color:var(--panneau-txt);border-radius:var(--radius);padding:34px 22px;text-align:center;box-shadow:0 14px 40px #1018262e}.affichage{font-variant-numeric:tabular-nums;font-weight:800;font-size:clamp(3.2rem,13vw,7rem);letter-spacing:.01em;line-height:1.05}.affichage.petit{font-size:clamp(2.4rem,9vw,4.5rem)}.sous-affichage{color:#9fb0c8;font-size:1rem;margin-top:6px;min-height:1.4em}.controles{display:flex;justify-content:center;gap:10px;margin-top:22px;flex-wrap:wrap}.btn{border:none;border-radius:12px;padding:13px 26px;font-size:1rem;font-weight:700;cursor:pointer;transition:transform .06s,background .15s}.btn:active{transform:scale(.97)}.btn-go{background:var(--accent);color:#fff}.btn-go:hover{background:var(--accent-fonce)}.btn-sec{background:#233045;color:var(--panneau-txt)}.btn-sec:hover{background:#2d3c55}.btn-ghost{background:transparent;color:#9fb0c8;border:1.5px solid #33415c}.btn-ghost:hover{color:#fff;border-color:#4a5b7c}.reglages{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:20px;flex-wrap:wrap}.reglages label{font-size:.8rem;color:#9fb0c8;display:block;margin-bottom:4px;text-transform:uppercase;letter-spacing:.06em}.reglages input[type=number],.reglages input[type=time]{width:110px;background:#1b2739;border:1.5px solid #33415c;border-radius:10px;color:#fff;font-size:1.5rem;font-weight:700;padding:8px 10px;text-align:center}.reglages input:focus{outline:none;border-color:var(--accent)}.presets{margin-top:18px}.presets .t{font-size:.8rem;color:#9fb0c8;text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px}.presets .liste{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.presets button{background:#1b2739;border:1.5px solid #33415c;color:#d7e1f0;border-radius:10px;padding:8px 14px;font-weight:700;cursor:pointer;font-size:.92rem}.presets button:hover{border-color:var(--accent);color:#fff}.tours{margin-top:20px;max-height:220px;overflow-y:auto;text-align:left}.tours table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}.tours td{padding:7px 12px;border-top:1px solid #22304a;color:#d7e1f0;font-size:.95rem}.tours td:first-child{color:#9fb0c8;width:70px}section.contenu{margin-top:36px}section.contenu h2{font-size:1.2rem;margin-bottom:10px}section.contenu p{color:var(--encre2);margin-bottom:12px}.faq details{background:var(--carte);border:1px solid #e6eaf1;border-radius:12px;padding:14px 18px;margin-bottom:10px}.faq summary{font-weight:700;cursor:pointer;font-size:.98rem}.faq p{margin-top:8px;color:var(--encre2)}.grille-outils{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin:24px 0}.grille-outils a{display:block;background:var(--carte);border:1px solid #e6eaf1;border-radius:var(--radius);padding:22px 18px;text-decoration:none;color:var(--encre);transition:box-shadow .15s,border-color .15s}.grille-outils a:hover{border-color:var(--accent);box-shadow:0 8px 26px #10182614}.grille-outils .ico{font-size:1.8rem;margin-bottom:8px;display:block}.grille-outils .t{font-weight:800;font-size:1.05rem;margin-bottom:4px}.grille-outils .d{color:var(--encre2);font-size:.88rem}.autres{margin-top:34px}.autres h2{font-size:1.05rem;margin-bottom:10px}.autres ul{list-style:none;padding:0;display:flex;gap:8px;flex-wrap:wrap}.autres a{display:block;background:var(--carte);border:1px solid #e6eaf1;border-radius:10px;padding:9px 14px;color:var(--encre);text-decoration:none;font-size:.9rem;font-weight:600}.autres a:hover{border-color:var(--accent);color:var(--accent-fonce)}.pub{margin:30px 0;padding:20px;border:1.5px dashed #cdd6e4;border-radius:var(--radius);text-align:center;color:var(--encre2);font-size:.8rem}.site-footer{background:#fff;border-top:1px solid #e6eaf1;margin-top:40px;padding:26px 16px;font-size:.85rem;color:var(--encre2)}.site-footer .inner{max-width:1000px;margin:0 auto;display:flex;flex-direction:column;gap:12px}.site-footer nav{display:flex;gap:14px;flex-wrap:wrap}.site-footer a{color:var(--encre2);text-decoration:none}.site-footer a:hover{color:var(--accent-fonce)}.langues{display:flex;gap:10px;flex-wrap:wrap}.langues a{font-weight:600}.langues a.actif{color:var(--accent-fonce)}.outil-panneau:fullscreen{display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:0}.outil-panneau:fullscreen .affichage{font-size:18vw}