/* Infos pratiques et hebergements : charte « La Traversee » (papier, filets, mono). */
.sr-seul{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.infos-page{padding-bottom:30px}
.loger-note{margin:18px 0 0;padding:12px 16px;background:var(--papier-2);border-left:4px solid var(--nuit);max-width:70ch;font-size:.95rem}
.loger-commune{margin:46px 0 18px;padding-bottom:10px;border-bottom:2px solid var(--filet);font-size:1.25rem;color:var(--nuit);display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px}
.loger-nb{font-family:var(--mono);font-size:.78rem;font-weight:400;letter-spacing:.04em;text-transform:none;color:var(--sourdine)}
.hotels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.hotel{min-width:0;padding:20px 20px 16px;background:var(--blanc);border:1px solid var(--filet-fin);border-top:5px solid var(--vert);display:flex;flex-direction:column}
.hotel h4{margin:0 0 6px;font-family:var(--titre);font-weight:800;font-size:1.12rem;line-height:1.2;color:var(--nuit);letter-spacing:-.01em;overflow-wrap:anywhere}
.hotel-etoiles{margin:0 0 6px;color:#9a6b00;letter-spacing:.12em;font-size:1rem}
.hotel-adresse{margin:0 0 12px;color:var(--sourdine);font-size:.95rem}
.hotel-contacts{display:grid;gap:4px;margin:0 0 14px}
.hotel-contacts li{overflow-wrap:anywhere;font-size:.98rem}
.hotel-contacts a{color:var(--nuit);font-weight:600;text-underline-offset:3px;display:inline-block;padding:4px 0}
.hotel-liens{margin:auto 0 0;display:flex;flex-wrap:wrap;gap:8px}
.hotel-lien{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border:2px solid var(--nuit);color:var(--nuit);font-family:var(--mono);font-size:.8rem;letter-spacing:.04em;text-transform:uppercase;text-decoration:none}
.hotel-lien:hover{background:var(--nuit);color:#fff}
.hotel-lien:focus-visible,.hotel-contacts a:focus-visible,.faq-liste summary:focus-visible,.liens-utiles a:focus-visible{outline:3px solid var(--cyan-encre);outline-offset:3px}
.faq-liste{margin-top:30px;border-top:2px solid var(--filet)}
.faq-liste details{border-bottom:1px solid var(--filet-fin)}
.faq-liste summary{cursor:pointer;list-style:none;padding:18px 40px 18px 0;position:relative;font-weight:600;color:var(--nuit)}
.faq-liste summary::-webkit-details-marker{display:none}
.faq-liste summary::after{content:"";position:absolute;right:8px;top:50%;width:10px;height:10px;border-right:2px solid var(--nuit);border-bottom:2px solid var(--nuit);transform:translateY(-70%) rotate(45deg)}
.faq-liste details[open] summary::after{transform:translateY(-30%) rotate(225deg)}
.faq-liste details p{margin:0 0 18px;max-width:68ch;color:var(--sourdine)}
.liens-utiles{display:flex;flex-wrap:wrap;gap:12px 28px;margin:20px 0 0}
.liens-utiles a{display:inline-flex;gap:8px;align-items:center;color:#fff;font-weight:600;padding:8px 0}
.liens-utiles svg{width:16px;height:16px;flex:none}
.liens-contact{margin-top:22px;color:rgba(255,255,255,.84)}
.liens-contact a{color:#fff}
@media (max-width:1100px){.hotels{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.hotels{grid-template-columns:minmax(0,1fr)}}