:root{--papier:#faf7f0;--papier-2:#f2ece0;--carte:#fffdf9;--encre:#23201b;--encre-douce:#6b6157;--reliure:#2f5d50;--reliure-clair:#3d7565;--signet:#a8543a;--or:#b08d43;--bord:#e4dccb;--rayon:10px;--largeur:1080px;--serif:"Iowan Old Style", Georgia, "Times New Roman", serif;--ombre:0 1px 2px #23201b0d, 0 6px 20px #23201b12}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--papier);color:var(--encre);-webkit-font-smoothing:antialiased;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6}a{color:var(--reliure)}h1,h2,h3{font-family:var(--serif);letter-spacing:-.01em;font-weight:700;line-height:1.2}h1{margin:0 0 .8rem;font-size:clamp(1.7rem,3.4vw,2.4rem)}h2{margin:0 0 1rem;font-size:clamp(1.25rem,2.4vw,1.6rem)}h3{margin:0 0 .4rem;font-size:1.05rem}.entete{z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--bord);background:#faf7f0f2;position:sticky;top:0}.entete-in{max-width:var(--largeur);align-items:center;gap:1rem;margin:0 auto;padding:.7rem clamp(.8rem,3vw,1.5rem);display:flex}.marque{font-family:var(--serif);color:var(--encre);align-items:center;gap:.5rem;font-size:1.35rem;font-weight:700;text-decoration:none;display:flex}.marque svg{width:1.35rem;height:1.35rem;color:var(--reliure)}.nav{flex-wrap:wrap;align-items:center;gap:.2rem;margin-left:auto;display:flex}.nav a{color:var(--encre-douce);border-radius:7px;align-items:center;gap:.35rem;padding:.38rem .6rem;font-size:.92rem;font-weight:500;text-decoration:none;display:inline-flex}.nav a:hover{background:var(--papier-2);color:var(--encre)}.nav a.actif{background:var(--papier-2);color:var(--encre);font-weight:600}.pastille{background:var(--signet);color:#fff;border-radius:99px;padding:.18rem .35rem;font-size:.68rem;font-weight:700;line-height:1}main{max-width:var(--largeur);margin:0 auto;padding:clamp(1.2rem,3vw,2.2rem) clamp(.8rem,3vw,1.5rem) 4rem}.chapeau{color:var(--encre-douce);max-width:62ch;margin:0 0 1.6rem}.rangee{flex-wrap:wrap;align-items:center;gap:.7rem;display:flex}.entre-deux{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.btn{background:var(--reliure);color:#fff;border:1px solid var(--reliure);cursor:pointer;border-radius:8px;align-items:center;gap:.4rem;padding:.6rem 1.1rem;font-family:inherit;font-size:.95rem;font-weight:600;text-decoration:none;transition:background .15s;display:inline-flex}.btn:hover{background:var(--reliure-clair)}.btn:disabled{opacity:.55;cursor:default}.btn-2{background:var(--carte);color:var(--encre);border-color:var(--bord)}.btn-2:hover{background:var(--papier-2)}.btn-danger{background:var(--carte);color:var(--signet);border-color:#e6c9bd}.btn-danger:hover{background:#fbf0ec}.btn-petit{padding:.35rem .7rem;font-size:.85rem}label{color:var(--encre-douce);margin:0 0 .3rem;font-size:.88rem;font-weight:600;display:block}input[type=text],input[type=email],input[type=password],input[type=search],input[type=number],select,textarea{width:100%;font:inherit;background:var(--carte);color:var(--encre);border:1px solid var(--bord);border-radius:8px;padding:.58rem .75rem;font-size:.98rem}input:focus,select:focus,textarea:focus{outline:2px solid var(--reliure);outline-offset:1px}textarea{resize:vertical;min-height:5rem}.champ{margin-bottom:1rem}.case{align-items:center;gap:.5rem;display:flex}.case input{width:1.05rem;height:1.05rem;accent-color:var(--reliure)}.case label{color:var(--encre);margin:0;font-weight:500}.erreur{color:#8c3f28;background:#fbf0ec;border:1px solid #e6c9bd;border-radius:8px;margin-bottom:1rem;padding:.6rem .8rem;font-size:.9rem}.info{color:#22503f;background:#eef5f2;border:1px solid #cfe2da;border-radius:8px;margin-bottom:1rem;padding:.6rem .8rem;font-size:.9rem}.carte{background:var(--carte);border:1px solid var(--bord);border-radius:var(--rayon);box-shadow:var(--ombre);padding:1.1rem 1.2rem}.cartes{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;display:grid}.etagere{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:clamp(.8rem,2vw,1.4rem);display:grid}.livre{color:inherit;text-decoration:none;display:block;position:relative}.livre-couv{aspect-ratio:2/3;background:var(--papier-2);border-radius:4px 8px 8px 4px;width:100%;transition:transform .18s,box-shadow .18s;position:relative;overflow:hidden;box-shadow:0 1px 2px #23201b1f,0 8px 18px #23201b24}.livre-couv:before{content:"";z-index:2;background:linear-gradient(90deg,#00000047,#0000000f);width:6px;position:absolute;top:0;bottom:0;left:0}.livre:hover .livre-couv{transform:translateY(-4px);box-shadow:0 2px 4px #23201b24,0 14px 26px #23201b33}.livre-couv img{object-fit:cover;width:100%;height:100%;display:block}.livre-vide{color:#f4efe4;background:linear-gradient(160deg,#4a6b60,#2f5d50);flex-direction:column;justify-content:center;height:100%;padding:.8rem .7rem .8rem 1rem;display:flex}.livre-vide b{font-family:var(--serif);font-size:.95rem;line-height:1.25}.livre-vide span{opacity:.85;margin-top:.35rem;font-size:.72rem}.livre-titre{margin:.5rem 0 0;font-size:.88rem;font-weight:600;line-height:1.3}.livre-auteur{color:var(--encre-douce);font-size:.8rem}.badge{z-index:3;letter-spacing:.02em;color:#fff;background:#23201bd1;border-radius:99px;padding:.2rem .45rem;font-size:.68rem;font-weight:700;position:absolute;top:.4rem;right:.4rem}.badge-lu{background:#2f5d50eb}.badge-pret{background:#a8543aeb}.badge-prive{background:#23201bd1}.etoiles{color:var(--or);letter-spacing:.06em;font-size:.95rem}.etoiles .vide{color:#d8cfbb}.note-choix{align-items:center;gap:.25rem;display:flex}.note-choix input{opacity:0;pointer-events:none;position:absolute}.note-choix label{cursor:pointer;color:#d8cfbb;margin:0;padding:0 .05rem;font-size:1.45rem;line-height:1}.note-choix label.on{color:var(--or)}.fiche{grid-template-columns:minmax(0,240px) minmax(0,1fr);gap:clamp(1.2rem,3vw,2.4rem);display:grid}.fiche-couv{border-radius:4px 8px 8px 4px;overflow:hidden;box-shadow:0 2px 6px #23201b29,0 16px 30px #23201b29}.fiche-couv img,.fiche-couv .livre-vide{aspect-ratio:2/3;object-fit:cover;width:100%;display:block}.meta{color:var(--encre-douce);margin:.8rem 0 0;padding:0;font-size:.9rem;list-style:none}.meta li{border-bottom:1px dotted var(--bord);gap:.5rem;padding:.22rem 0;display:flex}.meta li b{color:var(--encre);min-width:6.5rem;font-weight:600}.resume{color:var(--encre-douce);max-width:68ch}.sujets{flex-wrap:wrap;gap:.35rem;margin-top:.8rem;display:flex}.sujet{background:var(--papier-2);color:var(--encre-douce);border-radius:99px;padding:.18rem .6rem;font-size:.78rem}.liste{gap:.7rem;margin:0;padding:0;list-style:none;display:grid}.ligne{background:var(--carte);border:1px solid var(--bord);border-radius:var(--rayon);box-shadow:var(--ombre);align-items:center;gap:.9rem;padding:.8rem .9rem;display:flex}.ligne img.vignette{object-fit:cover;border-radius:3px;flex:none;width:42px;height:63px;box-shadow:0 1px 4px #0000002e}.ligne .grandit{flex:1;min-width:0}.ligne .grandit b{font-size:.95rem;display:block}.ligne .grandit span{color:var(--encre-douce);font-size:.85rem}.jeton{background:var(--papier-2);width:2.4rem;height:2.4rem;color:var(--reliure);font-weight:700;font-family:var(--serif);border-radius:50%;flex:none;place-items:center;font-size:1rem;display:grid}.compteurs{background:var(--bord);border:1px solid var(--bord);border-radius:var(--rayon);grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:1px;display:grid;overflow:hidden}.compteurs>div{background:var(--carte);padding:.9rem 1rem}.compteurs dt{font-family:var(--serif);color:var(--reliure);font-size:1.6rem;font-weight:700}.compteurs dd{color:var(--encre-douce);margin:0;font-size:.82rem}.vide-message{text-align:center;color:var(--encre-douce);padding:2.5rem 1rem}.vide-message p{max-width:40ch;margin:.4rem auto 1.2rem}.sep{border:0;border-top:1px solid var(--bord);margin:2rem 0}.pied{border-top:1px solid var(--bord);color:var(--encre-douce);text-align:center;padding:1.5rem 1rem;font-size:.82rem}.horsligne{background:var(--signet);color:#fff;text-align:center;padding:.4rem;font-size:.85rem;font-weight:600;display:none}body.hors-ligne .horsligne{display:block}body.hors-ligne .cacher-hors-ligne{display:none!important}@media (max-width:640px){.fiche{grid-template-columns:1fr}.fiche-couv{max-width:200px}.nav a span.texte{display:none}.etagere{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}}@media (prefers-reduced-motion:reduce){.livre-couv,.btn{transition:none}}