:root{--k-bleu:#1b5fd0;--k-bleu-fonce:#062f6b;--k-bleu-clair:#5aa9ff;--k-bleu-pale:#cfe6ff;--k-cyan:#00e5ff;--k-magenta:#ff2d95;--k-jaune:#ffd400;--k-orange:#ff7a00;--k-vert:#2ecc40;--k-gris:#7d8fa6;--police-titre:Impact, "Haettenschweiler", "Arial Narrow Bold", sans-serif;--police-ui:"Trebuchet MS", Verdana, Geneva, sans-serif;--police-texte:Verdana, Geneva, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--police-ui);color:#14243a;background-color:#9fc9f5;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48'%3E%3Cpath d='M24 6l2.6 7.4H34l-6 4.8 2.3 7.4L24 21l-6.3 4.6L20 18.2l-6-4.8h7.4z' fill='%23ffffff' fill-opacity='.35'/%3E%3Ccircle cx='6' cy='40' r='1.6' fill='%23fff' fill-opacity='.5'/%3E%3Ccircle cx='42' cy='36' r='1.2' fill='%23fff' fill-opacity='.45'/%3E%3C/svg%3E");margin:0;font-size:13px}a{color:#0b3fa8}a:visited{color:#7a1fa2}a:hover{color:var(--k-magenta)}.module a{color:var(--mod-lien,#0b3fa8)}.module a:visited{color:var(--mod-lien-visite,#7a1fa2)}.module a:hover{color:var(--k-magenta)}img{max-width:100%;display:block}button,input,select,textarea{font-family:inherit;font-size:inherit}.bandeau-maquette{background:repeating-linear-gradient(45deg,#1a1a1a 0 12px,#ffd400 12px 24px);padding:3px}.bandeau-maquette span{color:#ffd400;text-align:center;letter-spacing:1px;text-transform:uppercase;background:#111;padding:4px;font-size:11px;display:block}.topbar{background:linear-gradient(#3f8fe8, var(--k-bleu) 55%, #0f3f96);border-bottom:3px solid var(--k-bleu-fonce);box-shadow:0 3px #00000040}.topbar__interieur{flex-wrap:wrap;align-items:center;gap:14px;max-width:1000px;margin:0 auto;padding:10px 12px;display:flex}.logo{align-items:baseline;gap:6px;text-decoration:none;display:flex}.logo__kikoo{font-family:var(--police-titre);letter-spacing:2px;background:linear-gradient(#fff, var(--k-jaune) 45%, var(--k-orange));color:#0000;-webkit-text-stroke:1px #0a2a5e;filter:drop-shadow(2px 2px #072253);-webkit-background-clip:text;background-clip:text;font-size:40px;line-height:.9}.logo__blog{font-family:var(--police-titre);color:#fff;letter-spacing:3px;text-shadow:2px 2px #072253;font-size:26px}.logo__slogan{color:#cfe6ff;margin-left:4px;font-size:11px;font-style:italic}.topbar__espace{flex:1}.nav-haut{flex-wrap:wrap;gap:4px;display:flex}.nav-haut a{color:#fff;text-shadow:1px 1px #06306e;background:linear-gradient(#4a9df0,#17559f);border:2px outset #7fb6ef;padding:5px 10px;font-size:12px;font-weight:700;text-decoration:none;display:block}.nav-haut a:hover{background:linear-gradient(#ffd76a, var(--k-orange));color:#3b1d00;text-shadow:none}.nav-haut a.actif{background:linear-gradient(#ffe98a, var(--k-jaune));color:#4a3200;text-shadow:none;border-style:inset}.defilant{color:var(--k-jaune);white-space:nowrap;background:#0a2a5e;border-bottom:2px solid #041a3c;padding:4px 0;font-size:12px;overflow:hidden}.defilant span{padding-left:100%;animation:26s linear infinite defile;display:inline-block}@keyframes defile{to{transform:translate(-100%)}}.page{max-width:1000px;margin:14px auto 40px;padding:0 10px}.colonnes{grid-template-columns:250px 1fr;align-items:start;gap:14px;display:grid}.colonnes--trois{grid-template-columns:235px 1fr 210px}@media (max-width:900px){.colonnes,.colonnes--trois{grid-template-columns:1fr}}.module{background:var(--mod-cadre,#fff);border:2px solid var(--mod-bordure,var(--k-bleu-fonce));margin-bottom:14px;box-shadow:4px 4px #062f6b59}.module__titre{background:linear-gradient(var(--mod-grad1,var(--k-bleu-clair)), var(--mod-grad2,var(--k-bleu)));color:#fff;text-transform:uppercase;letter-spacing:1px;border-bottom:2px solid var(--mod-bordure,var(--k-bleu-fonce));text-shadow:1px 1px #00000073;align-items:center;gap:6px;padding:6px 8px;font-size:12px;font-weight:700;display:flex}.module__titre .etoile{color:var(--k-jaune);font-size:14px}.module__actions{gap:5px;margin-left:auto;display:flex}.module__corps{padding:10px}.module__corps>:first-child{margin-top:0}.module__corps>:last-child{margin-bottom:0}.btn{color:#0b2c60;cursor:pointer;background:linear-gradient(#fff,#cfe0f5);border:2px outset #9dbde3;padding:5px 12px;font-size:12px;font-weight:700;text-decoration:none;display:inline-block}.btn:hover{background:linear-gradient(#fffdf0,#ffe08a)}.btn:active{border-style:inset}.btn[disabled]{opacity:.5;cursor:not-allowed}.btn--principal{background:linear-gradient(#ff9ecb, var(--k-magenta) 60%, #c4006a);color:#fff;text-shadow:1px 1px #8a004a;border-color:#ff7fbb}.btn--principal:hover{background:linear-gradient(#ffd76a, var(--k-orange));text-shadow:1px 1px #7a3a00}.btn--gros{letter-spacing:.5px;padding:9px 18px;font-size:15px}.btn--mini{border-width:1px;padding:2px 7px;font-size:11px}.champ{color:#14243a;background:#fff;border:2px inset #b9c9dd;width:100%;padding:5px 6px}.champ--zone{resize:vertical;min-height:90px;font-family:var(--police-texte)}.ligne-champ{margin-bottom:8px}.ligne-champ label{margin-bottom:3px;font-size:12px;font-weight:700;display:block}.aide{color:inherit;opacity:.7;font-size:11px}.profil{text-align:center}.profil__avatar{border:3px double var(--k-bleu-fonce);background:#fff;margin:0 auto 6px;padding:2px}.profil__pseudo{font-family:var(--police-titre);letter-spacing:1px;color:inherit;word-break:break-all;font-size:22px}.profil__humeur{color:#5a4300;border:1px dashed var(--k-orange);background:#fffbe6;margin:6px 0;padding:4px 6px;font-style:italic}.profil__lignes{text-align:left;font-size:12px}.profil__lignes dt{color:inherit;opacity:.85;font-weight:700}.profil__lignes dd{margin:0 0 6px}.compteur{justify-content:center;gap:2px;margin:6px 0;display:flex}.compteur i{color:#39ff14;text-shadow:0 0 6px #39ff14;background:#111;border:1px solid #444;padding:3px 5px;font-family:Courier New,monospace;font-size:16px;font-style:normal;font-weight:700}.amis{flex-wrap:wrap;gap:8px;display:flex}.ami{text-align:center;width:62px;color:var(--mod-lien,#0b3fa8);font-size:10px;text-decoration:none}.ami svg{border:2px solid var(--k-bleu-fonce);margin:0 auto 2px}.ami__nom{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.lecteur{align-items:center;gap:8px;display:flex}.lecteur__titre{flex:1;font-size:11px;font-weight:700}.egaliseur{align-items:flex-end;gap:2px;height:22px;display:flex}.egaliseur i{background:linear-gradient(var(--k-vert), var(--k-jaune));width:4px;height:4px}.egaliseur.joue i{animation:.7s ease-in-out infinite alternate eq}.egaliseur.joue i:nth-child(2){animation-delay:.1s}.egaliseur.joue i:nth-child(3){animation-delay:.25s}.egaliseur.joue i:nth-child(4){animation-delay:.4s}.egaliseur.joue i:nth-child(5){animation-delay:.15s}@keyframes eq{to{height:22px}}.note{margin-bottom:16px}.note__entete{align-items:center;gap:8px;display:flex}.note__titre{font-family:var(--police-titre);letter-spacing:.5px;color:inherit;margin:0;font-size:22px}.note__titre a{color:inherit;text-decoration:none}.note__titre a:hover{color:var(--k-magenta)}.note__date{color:inherit;opacity:.7;font-size:11px}.note__texte{font-family:var(--police-texte);white-space:pre-wrap;font-size:13px;line-height:1.6}.note__pied{border-top:1px dashed #a9c0dc;flex-wrap:wrap;align-items:center;gap:10px;margin-top:10px;padding-top:8px;display:flex}.badge-neuf{background:var(--k-magenta);color:#fff;border:1px solid #8a004a;padding:1px 5px;font-size:10px;font-weight:700;animation:1.6s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.4}}.photo{background:#fff;border:1px solid #b7c8dc;margin:8px 10px 8px 0;padding:6px 6px 22px;display:inline-block;position:relative;transform:rotate(-1.2deg);box-shadow:3px 3px #062f6b40}.photo:nth-child(2n){transform:rotate(1.4deg)}.photo figcaption{color:#4a5d75;font-size:10px;font-family:var(--police-texte);position:absolute;bottom:5px;left:8px;right:8px}.photo__horodatage{color:#ff8a1e;text-shadow:0 0 4px #ff8a1ecc;font-family:Courier New,monospace;font-size:11px;position:absolute;bottom:30px;right:12px}.com{border-bottom:1px dotted #b7c8dc;gap:8px;padding:8px 0;display:flex}.com:last-child{border-bottom:0}.com__corps{flex:1;min-width:0}.com__entete{flex-wrap:wrap;align-items:baseline;gap:6px;display:flex}.com__pseudo{color:var(--mod-lien,#0b3fa8);font-weight:700;text-decoration:none}.com__date{color:inherit;opacity:.6;font-size:10px}.com__texte{font-family:var(--police-texte);word-break:break-word;line-height:1.5}.com__numero{font-family:var(--police-titre);color:#c3d5ea;text-align:right;min-width:24px;font-size:18px}.classement{margin:0;padding:0;list-style:none}.classement li{border-bottom:1px dotted #b7c8dc;align-items:center;gap:8px;padding:5px 0;display:flex}.classement li:last-child{border-bottom:0}.rang{font-family:var(--police-titre);text-align:center;color:#fff;background:var(--k-gris);border:1px solid #4a5d75;width:26px;font-size:18px}.rang--1{color:#4a3200;background:linear-gradient(#ffe98a,#d4a100)}.rang--2{color:#333;background:linear-gradient(#f2f2f2,#a8a8a8)}.rang--3{background:linear-gradient(#f0b98a,#a35a1c)}.classement__nom{word-break:break-all;flex:1;font-weight:700;text-decoration:none}.classement__score{color:inherit;opacity:.7;white-space:nowrap;font-size:11px}.smiley{vertical-align:-3px;margin:0 1px;display:inline-block}.palette-smileys{flex-wrap:wrap;gap:3px;margin-top:5px;display:flex}.palette-smileys button{cursor:pointer;background:#f3f7fd;border:1px outset #b9c9dd;padding:2px 3px;line-height:0}.palette-smileys button:hover{background:#ffe08a}.banniere{border:2px solid var(--mod-bordure,var(--k-bleu-fonce));text-align:center;margin-bottom:14px;padding:22px 14px;position:relative;overflow:hidden;box-shadow:4px 4px #062f6b59}.banniere__texte{font-family:var(--police-titre);letter-spacing:2px;color:#fff;text-shadow:3px 3px #0000008c;word-break:break-word;margin:0;font-size:clamp(26px,6vw,48px)}.banniere__sous{color:#fff;text-shadow:1px 1px #0009;margin-top:4px;font-style:italic}.scintille{background:linear-gradient(90deg, var(--k-magenta), var(--k-jaune), var(--k-cyan), var(--k-magenta));color:#0000;background-size:300% 100%;-webkit-background-clip:text;background-clip:text;font-weight:700;animation:5s linear infinite scintille}@keyframes scintille{to{background-position:300% 0}}.tableau-simple{border-collapse:collapse;width:100%;font-size:12px}.tableau-simple th,.tableau-simple td{text-align:left;border:1px solid #b7c8dc;padding:4px 6px}.tableau-simple th{background:#dfeafc}.pastille{background:var(--k-jaune);color:#4a3200;border:1px solid #b58f00;padding:1px 5px;font-size:10px;font-weight:700;display:inline-block}.grille-membres{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;display:grid}.carte-membre{text-align:center;color:inherit;background:linear-gradient(#fff,#eef5ff);border:2px solid #9dbde3;padding:8px;text-decoration:none}.carte-membre:hover{border-color:var(--k-magenta);background:linear-gradient(#fff,#ffe9f4)}.carte-membre svg{border:2px solid var(--k-bleu-fonce);margin:0 auto 4px}.carte-membre b{word-break:break-all;font-size:12px;display:block}.pied{text-align:center;color:#10315f;max-width:1000px;margin:0 auto;padding:14px 10px 30px;font-size:11px}.pied a{color:#10315f}.toast{z-index:50;color:#4a3200;background:linear-gradient(#fffbe6,#ffe08a);border:2px outset #d4a100;max-width:280px;padding:8px 12px;font-weight:700;position:fixed;bottom:14px;right:14px;box-shadow:4px 4px #0000004d}.voile{z-index:40;background:#061a3c8c;justify-content:center;align-items:center;padding:14px;display:flex;position:fixed;inset:0}.voile .module{width:100%;max-width:380px;margin:0}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}.defilant span{padding-left:0}}.blog{--mod-cadre:#fff;--mod-bordure:#062f6b;--mod-grad1:#5aa9ff;--mod-grad2:#1b5fd0;--mod-lien:#0b3fa8;--blog-banniere:linear-gradient(135deg, #5aa9ff, #1b5fd0 60%, #0a2a5e);min-height:60vh;padding-bottom:24px}.banniere{background:var(--blog-banniere)}.texte-legal{font-family:var(--police-texte);font-size:13px;line-height:1.65}.texte-legal h2{font-family:var(--police-titre);letter-spacing:.5px;color:var(--k-bleu-fonce);border-bottom:2px solid #b7c8dc;margin:22px 0 6px;padding-bottom:3px;font-size:18px}.texte-legal h2:first-child{margin-top:0}.texte-legal ul{padding-left:20px}.texte-legal li{margin-bottom:4px}.texte-legal p{margin:0 0 10px}.encadre-attention{color:#5a4300;background:#fffbe6;border:2px solid #d4a100;margin:0 0 14px;padding:8px 10px}