.fil{display:flex;flex-wrap:wrap;gap:10px;align-items:center;font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#C9D6E2}
.fil a{color:#C9D6E2;text-decoration:none}.fil a:hover{color:#FFFFFF}
.surtitre{font-size:14px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#2F7FB0}
.h2{margin:0;font-size:clamp(26px,2.92vw,42px);line-height:1.12;font-weight:900;letter-spacing:-.01em}
.h2 em{font-style:normal;color:#2B76A6}
.txt{margin:0;font-size:18px;line-height:1.75;color:#3A4A57}
.tag{font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:#2B76A6;background:#EAF4FB;padding:6px 10px}
.cta-devis{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px 56px;align-items:center;background:#4BA6DC;padding:56px}
@media (max-width:860px){.cta-devis{grid-template-columns:minmax(0,1fr);padding:40px 28px}}
.btn-fonce{text-decoration:none;background:#0B1921;color:#FFFFFF;font-weight:900;font-size:15px;letter-spacing:.08em;text-transform:uppercase;padding:18px 28px;white-space:nowrap}
.btn-fonce:hover{color:#4BA6DC}


.filtres{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:40px}
.filtre{font:700 14px Lato,sans-serif;color:#0B1921;background:#FFFFFF;border:1.5px solid #C9D6E2;padding:11px 18px;cursor:pointer;transition:all .2s}
.filtre:hover{border-color:#4BA6DC;color:#2B76A6}
.filtre.actif{background:#0B1921;border-color:#0B1921;color:#FFFFFF}
.grille-cr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
@media (max-width:860px){.grille-cr{grid-template-columns:minmax(0,1fr)}}
.cr{display:flex;flex-direction:column;background:#FFFFFF;text-decoration:none;color:#0B1921;box-shadow:0 16px 40px rgba(11,25,33,.06);transition:transform .3s,box-shadow .3s}
.cr:hover{transform:translateY(-4px);box-shadow:0 24px 56px rgba(11,25,33,.12)}
.cr.grand{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
@media (max-width:860px){.cr.grand{grid-template-columns:minmax(0,1fr)}}
.cr.masque{display:none}
.cr-img{position:relative;aspect-ratio:16/10;overflow:hidden;background:#23384A}
.cr.grand .cr-img{aspect-ratio:auto;min-height:440px}
.cr-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s}
.cr:hover .cr-img img{transform:scale(1.04)}
.cr-ville{position:absolute;left:20px;top:20px;background:#FFFFFF;color:#0B1921;font-size:12px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;padding:7px 12px}
.cr-texte{padding:32px;display:flex;flex-direction:column;gap:14px}
.cr.grand .cr-texte{padding:48px;justify-content:center}
.cr-meta{display:flex;gap:16px;font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#2F7FB0}
.cr h3{margin:0;font-size:26px;line-height:1.2;font-weight:900}
.cr.grand h3{font-size:clamp(26px,2.36vw,34px)}
.cr p{margin:0;font-size:16px;line-height:1.65;color:#3A4A57}
.cr-lien{margin-top:6px;font-size:14px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;border-bottom:2px solid #4BA6DC;align-self:flex-start;padding-bottom:3px}
.villes{display:flex;flex-wrap:wrap;gap:10px}
.ville{display:flex;align-items:center;gap:10px;text-decoration:none;color:#0B1921;font-weight:700;font-size:15px;border:1.5px solid #DCE3EB;padding:12px 16px;background:#FFFFFF}
.ville:hover{border-color:#4BA6DC;color:#2B76A6}
.ville span{font-size:12px;font-weight:900;color:#FFFFFF;background:#4BA6DC;border-radius:10px;padding:2px 8px}

.cr.masque{display:none!important}
.cr-img img{display:block}
.pagination,.navigation.pagination{margin-top:40px}
.nav-links{display:flex;flex-wrap:wrap;gap:8px}
.nav-links a,.nav-links span{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;padding:0 14px;border:1.5px solid #C9D6E2;background:#FFFFFF;color:#0B1921;font-weight:700;text-decoration:none}
.nav-links .current{background:#0B1921;border-color:#0B1921;color:#FFFFFF}
@media (max-width:700px){.cr.grand .cr-img{min-height:260px}.cr-texte,.cr.grand .cr-texte{padding:24px}}