/* ================================================================== recherche.css — page de recherche de landrucimetieres.fr Deux états d'égale importance : celui où l'on trouve, et celui où l'on ne trouve pas. Sur ce fonds l'échec est fréquent, et 68 % des visiteurs quittent un site après une recherche infructueuse. Les onglets de nature passent à la ligne plutôt que de défiler : une bande qui défile souffre d'une faible découvrabilité, et un balayage depuis le bord déclenche le retour arrière du navigateur. Une seule déclaration par élément, points de rupture en fin de fichier. À charger après style.css. ================================================================== */ .page-recherche{ --pierre:#f4f2ed;--pierre2:#e6e2da;--pierre3:#d9d3c8; --encre:#1c1a17;--encre2:#4a4540;--sourd:#8c857c; --bronze:#8b7355;--bronzef:#6b5745; background:var(--pierre);color:var(--encre2); font-family:'Montserrat',system-ui,sans-serif; font-size:18px;line-height:1.72;-webkit-font-smoothing:antialiased; } .page-recherche h1,.page-recherche h2{font-family:'Playfair Display',Georgia,serif; font-weight:500;color:var(--encre);line-height:1.2} .page-recherche a{color:inherit;text-decoration:none} .page-recherche p{margin:0} .rc-wrap{max-width:1120px;margin:0 auto;padding:0 1.5rem 4rem} .rc-fil{padding:1.2rem 0 0;font-size:.8rem;color:var(--sourd)} .rc-fil a{border-bottom:1px solid var(--pierre2)} .rc-fil a:hover{border-bottom-color:var(--bronze)} /* ---------- Champ de recherche ---------- */ .rc-tete{padding:1.5rem 0 0} .rc-champ{display:flex;align-items:center;gap:.7rem;max-width:660px; background:#fbfaf7;border:1px solid var(--encre);border-radius:3px; padding:0 .35rem 0 1rem} .rc-champ svg{flex:none;color:var(--sourd)} .rc-champ input[type="search"]{flex:1;min-width:0;border:0 !important; background:transparent !important;box-shadow:none !important; font-family:inherit;font-size:1.06rem;padding:.85rem 0;color:var(--encre); -webkit-appearance:none;appearance:none} .rc-champ input[type="search"]::placeholder{color:var(--sourd);opacity:1} .rc-champ input[type="search"]:focus{outline:none} .rc-champ button{flex:none;border:0;background:var(--encre);color:var(--pierre); font-family:inherit;font-size:.9rem;padding:.62rem 1.4rem;border-radius:2px; cursor:pointer;margin:.3rem 0} .rc-champ button:hover{background:var(--bronzef)} .rc-bilan{margin-top:1.1rem;font-size:.98rem;color:var(--sourd)} .rc-bilan b{font-family:'Playfair Display',Georgia,serif;font-weight:500;color:var(--encre)} .rc-bilan em{font-style:normal;color:var(--encre)} /* ---------- Onglets de nature ---------- Des liens, pas du JavaScript : chaque nature a son adresse, on peut la partager et y revenir. */ .rc-natures{display:flex;flex-wrap:wrap;gap:.15rem;margin-top:1.3rem; border-bottom:1px solid var(--encre)} .rc-natures a{padding:.6rem 1.1rem;font-size:.92rem;display:flex; align-items:baseline;gap:.5rem;border:1px solid transparent;border-bottom:0} .rc-natures a .n{font-family:'Playfair Display',Georgia,serif;font-size:.78rem; color:var(--sourd)} .rc-natures a:hover{background:#efece5} .rc-natures a.on{background:var(--encre);color:var(--pierre)} .rc-natures a.on .n{color:rgba(244,242,237,.6)} /* ---------- Résultats ---------- */ .rc-groupe{padding:2rem 0 0} .rc-groupe h2{font-size:1.16rem;display:flex;align-items:baseline;gap:.7rem; flex-wrap:wrap} .rc-groupe h2 .n{font-family:'Montserrat',sans-serif;font-size:.72rem; letter-spacing:.1em;text-transform:uppercase;color:var(--sourd)} .rc-liste{border-top:1px solid var(--encre);margin-top:.7rem} .rc-res{display:grid;grid-template-columns:72px minmax(0,1fr);gap:1.1rem; padding:.9rem .2rem;border-bottom:1px solid var(--pierre2);align-items:start} .rc-res:hover{background:#efece5} .rc-res .vig{width:72px;height:56px;overflow:hidden;border-radius:2px; background:repeating-linear-gradient(45deg,#e9e5dc,#e9e5dc 4px,#e3ded4 4px,#e3ded4 8px)} .rc-res .vig img{width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(1)} .rc-res:hover .vig img{filter:none} .rc-res .corps{min-width:0} .rc-res .nom{display:block;font-family:'Playfair Display',Georgia,serif; font-size:1.06rem;color:var(--encre)} .rc-res:hover .nom{color:var(--bronzef)} .rc-res .ou{display:block;font-size:.79rem;color:var(--sourd);margin-top:.1rem} .rc-res .ex{display:block;font-size:.89rem;margin-top:.28rem;max-width:70ch} /* ---------- Pagination ---------- Balisage réel sur ce site : le plugin bootstrap4 (bootstrap2spip) redéfinit le modèle « page ». Il produit un libellé « Pages » (.pagination-label), une liste ul > li.page-item > .page-link, la page courante en .active, les points de suspension en .disabled, et un dernier lien vers la fin sans texte, avec une icône SVG. Le conteneur doit être un bloc (