.offre-sites{display:flex;background:var(--card);border:1px solid var(--line);overflow:hidden;box-shadow:var(--shadow);border-radius:20px;flex-wrap:wrap;align-items: center;gap:22px 40px;margin:0 0 30px;padding:24px 28px 0}.offre-sites .os-texte{flex:999 420px;min-width:0;padding-bottom:24px}.offre-sites .os-sur{font-size:var(--fs-5);letter-spacing:.12em;text-transform:uppercase;color:var(--rasp-ink);margin-bottom:6px;font-weight:700}.offre-sites h2{font-size:27px;font-size:clamp(22px,3vw,27px)}.offre-sites .os-lead{font-size:var(--fs-10);color:var(--muted);margin-top:8px}.offre-sites .os-actions{display:flex;flex-wrap:wrap;align-items: center;gap:10px 22px;margin-top:16px}.offre-sites .os-vignettes{display:flex;overflow:hidden;flex:300px;justify-content:center;align-self: flex-end;height:168px}.offre-sites .os-vignettes:empty{display:none}.os-vignette{border:4px solid var(--blue-ink);overflow:hidden;background:var(--blue-ink);transition:transform .2s var(--ease);border-bottom:0;border-radius:16px 16px 0 0;flex-shrink:0;width:92px;height:196px;margin-right:-10px;box-shadow:0 10px 24px #1d27502e}.os-vignette:last-child{margin-right:0}.os-vignette:first-child,.os-vignette:nth-child(5){margin-top:28px}.os-vignette:nth-child(2),.os-vignette:nth-child(4){margin-top:12px}.os-vignette:hover{transform:translateY(-6px)}.os-vignette:focus-visible{transform:translateY(-6px)}.os-vignette img{object-fit:cover;object-position:left top;width:100%;height:100%}@media (prefers-reduced-motion:reduce){.os-vignette{transition:none}}.filters{scroll-margin-top:110px}.dir-card .dc-meta a.dc-site{background:var(--rasp-bg);color:var(--rasp-ink);border-radius:100px;align-self: flex-start;margin-top:4px;padding:6px 12px;font-weight:700}.dir-card .dc-meta a.dc-site:hover{color:var(--rasp-ink);text-decoration:underline}
.sans-gap-flex .offre-sites>*+*{margin-left:40px}.sans-gap-flex .offre-sites>svg:only-child,.sans-gap-flex .offre-sites>img:only-child{margin-right:40px}.sans-gap-flex .offre-sites .os-actions>*+*{margin-left:22px}.sans-gap-flex .offre-sites .os-actions>svg:only-child,.sans-gap-flex .offre-sites .os-actions>img:only-child{margin-right:22px}