/* Kit retro de https://lachetescoms.fr/kit - libre (MIT). <body class="retro palette-rose fond-coeurs"> */
.retro{--fond:#dfe8ff;--cadre:#6b7fa8;--titre-haut:#7aa0e0;--titre-bas:#3a5fb0;--texte:#222;--lien:#0033cc;margin:0;font-family:Tahoma,Verdana,Geneva,sans-serif;font-size:13px;line-height:1.45;color:var(--texte);background:var(--fond)}
.retro a{color:var(--lien)}
.retro .page{max-width:860px;margin:0 auto;padding:8px}
.retro .colonnes{display:grid;grid-template-columns:220px 1fr;gap:8px}@media (max-width:640px){.retro .colonnes{grid-template-columns:1fr}}
.retro .fenetre{background:#fff;color:#222;border:1px solid var(--cadre);margin-bottom:8px;padding:0 0 6px}
.retro .fenetre>*:not(.titrebarre){margin-left:8px;margin-right:8px}
.retro .titrebarre{margin:0 0 6px;font-size:12px;font-weight:bold;color:#fff;background:linear-gradient(var(--titre-haut),var(--titre-bas));padding:3px 6px;display:flex;align-items:center;gap:4px}
.retro h1.titre{font-family:"Trebuchet MS",Tahoma,sans-serif;font-size:24px;letter-spacing:1px;margin:6px 0}
.retro .arc-en-ciel{background:linear-gradient(90deg,#f00,#f80,#ff0,#0c0,#09f,#90f);-webkit-background-clip:text;background-clip:text;color:transparent}
.retro .defilant{overflow:hidden;white-space:nowrap;border:1px solid var(--cadre);background:#ffc;color:#222;padding:3px 0;margin-bottom:8px;font-weight:bold}
.retro .defilant span{display:inline-block;padding-left:100%;animation:retro-defile 14s linear infinite}@keyframes retro-defile{to{transform:translateX(-100%)}}
.retro .compteur{display:inline-flex;gap:2px;background:#111;padding:2px 4px;border:2px inset #888}.retro .compteur b{width:12px;text-align:center;background:#000;color:#3f3;font-family:"Courier New",monospace;font-size:14px}
.retro .neuf{display:inline-block;background:#e00;color:#ff0;font-size:9px;font-weight:bold;padding:0 3px;border:1px solid #600;animation:retro-clignote 1s steps(2) infinite}
.retro .clignote{animation:retro-clignote 1s steps(2) infinite}@keyframes retro-clignote{to{visibility:hidden}}
.retro .statut{display:inline-block;width:9px;height:9px;border-radius:50%;border:1px solid #333;vertical-align:middle}.retro .en-ligne{background:#3c3}.retro .absent{background:#fc0}.retro .occupe{background:#e33}
.retro .badges{display:flex;flex-wrap:wrap;gap:4px}.retro .badges img{width:88px;height:31px;image-rendering:pixelated}
.retro .bouton{display:inline-block;font:bold 12px Tahoma,sans-serif;color:#000;background:linear-gradient(#fff,#d4d0c8);border:2px outset #d4d0c8;padding:3px 10px;text-decoration:none;cursor:pointer}.retro .bouton:active{border-style:inset}
.retro .livre-d-or .com{border-left:3px solid var(--titre-haut);padding:3px 6px;margin:4px 0;background:#f3f6fc}
.retro .date{color:#666;font-size:11px}
.retro .pied{background:#fff;border:1px solid var(--cadre);padding:4px 8px}
.retro img.photo{max-width:100%;height:auto;border:6px solid #fff;box-shadow:2px 2px 6px rgba(0,0,0,.4)}
.retro .sepia{filter:sepia(.45) contrast(1.05) saturate(.7)}
.retro hr{border:0;height:4px;background:linear-gradient(90deg,var(--titre-haut),var(--titre-bas))}
@media (prefers-reduced-motion:reduce){.retro .defilant span,.retro .clignote,.retro .neuf{animation:none}}
.retro.palette-ciel{--fond:#dfe8ff;--cadre:#6b7fa8;--titre-haut:#7aa0e0;--titre-bas:#3a5fb0;--texte:#222;--lien:#0033cc}
.retro.palette-rose{--fond:#ffe4f2;--cadre:#d04a94;--titre-haut:#ff8ac8;--titre-bas:#c0287a;--texte:#3a0024;--lien:#c0006a}
.retro.palette-nuit{--fond:#0a0a2a;--cadre:#5a5aff;--titre-haut:#3a3aaa;--titre-bas:#14145a;--texte:#e8e8ff;--lien:#7fd4ff}
.retro.palette-matrix{--fond:#000;--cadre:#0a0;--titre-haut:#063;--titre-bas:#020;--texte:#3f3;--lien:#9f9}
.retro.palette-vaporwave{--fond:#1a0033;--cadre:#ff00d4;--titre-haut:#ff4fe0;--titre-bas:#7a00c0;--texte:#fdf;--lien:#00e5ff}
.retro.palette-ecolier{--fond:#fffbe8;--cadre:#8a6d00;--titre-haut:#ffd400;--titre-bas:#c9a200;--texte:#222;--lien:#a0004a}
.retro.fond-paillettes-roses{background-image:url(https://lachetescoms.fr/fonds/paillettes-roses.svg)}
.retro.fond-nuit-etoilee{background-image:url(https://lachetescoms.fr/fonds/nuit-etoilee.svg)}
.retro.fond-coeurs{background-image:url(https://lachetescoms.fr/fonds/coeurs.svg)}
.retro.fond-damier{background-image:url(https://lachetescoms.fr/fonds/damier.svg)}
.retro.fond-damier-fluo{background-image:url(https://lachetescoms.fr/fonds/damier-fluo.svg)}
.retro.fond-nuages{background-image:url(https://lachetescoms.fr/fonds/nuages.svg)}
.retro.fond-flammes{background-image:url(https://lachetescoms.fr/fonds/flammes.svg)}
.retro.fond-leopard{background-image:url(https://lachetescoms.fr/fonds/leopard.svg)}
.retro.fond-camouflage{background-image:url(https://lachetescoms.fr/fonds/camouflage.svg)}
.retro.fond-grille-vaporwave{background-image:url(https://lachetescoms.fr/fonds/grille-vaporwave.svg)}
.retro.fond-bulles{background-image:url(https://lachetescoms.fr/fonds/bulles.svg)}
.retro.fond-fleurs{background-image:url(https://lachetescoms.fr/fonds/fleurs.svg)}
.retro.fond-papier-ecolier{background-image:url(https://lachetescoms.fr/fonds/papier-ecolier.svg)}
.retro.fond-fond-ecran-xp{background-image:url(https://lachetescoms.fr/fonds/fond-ecran-xp.svg)}