/* ===== Template Xpert Immo ===== */
:root{
--red:#c8102e; --red-dark:#9c0c23; --ink:#1f2733; --muted:#5a6675;
--line:#e6e9ee; --bg:#ffffff; --soft:#f5f7fa; --green:#1e9e57;
--sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}
*{box-sizing:border-box}
body{margin:0;font-family:var(--sans);color:var(--ink);background:var(--bg);line-height:1.6;font-size:16px}
img{max-width:100%;height:auto}
a{color:var(--red);text-decoration:none}
a:hover{text-decoration:underline}
.xi-container{max-width:1160px;margin:0 auto;padding:0 20px}
/* Topbar : coordonnées, fond clair aligné à droite */
.xi-topbar{background:#fff;border-bottom:1px solid var(--line);font-size:.82rem;color:var(--muted)}
.xi-topbar-in{display:flex;justify-content:flex-end;align-items:center;gap:26px;min-height:40px;flex-wrap:wrap}
.xi-tb-item{color:var(--muted);display:inline-flex;align-items:center;gap:6px}
a.xi-tb-item:hover{color:var(--red);text-decoration:none}
.xi-tb-item .xi-ic{color:var(--red);font-size:.95em;filter:grayscale(0)}
.xi-tb-hours{color:#8a94a2}
/* Header */
.xi-header{background:#fff;border-bottom:1px solid var(--line)}
.xi-header-in{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 20px}
.xi-logo img{max-height:66px;width:auto}
.xi-header-agr{display:flex;align-items:stretch;gap:12px;flex:none}
.xi-header-agr .xi-agr-block{display:flex;align-items:center;gap:8px}
.xi-header-agr .xi-agr-block+.xi-agr-block{padding-left:12px;border-left:1px solid var(--line)}
.xi-agr-logo{background:#fff;border:1px solid var(--line);border-radius:6px;padding:5px 7px;display:inline-flex;align-items:center}
.xi-agr-logo img{height:30px;width:auto;display:block}
.xi-header-agr .xi-agr-txt{font-size:.72rem;color:var(--muted);line-height:1.25}
.xi-header-agr .xi-agr-txt strong{color:var(--ink);font-size:.8rem}
@media(max-width:980px){.xi-header-agr{display:none}}
/* footer : deux blocs d'agréation séparés, empilés */
.xi-fcol .xi-agr-block{display:flex;align-items:center;gap:11px;margin:12px 0}
.xi-fcol .xi-agr-block .xi-agr-logo{padding:6px 9px;flex:none}
.xi-fcol .xi-agr-block .xi-agr-logo img{height:36px}
.xi-fcol .xi-agr-block p{margin:0;font-size:.84rem;line-height:1.35}
.xi-header-cta{text-align:right;line-height:1.2}
.xi-cta-label{display:block;font-size:.8rem;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}
.xi-cta-phone{display:inline-block;font-size:1.7rem;font-weight:800;color:var(--red);letter-spacing:.01em}
.xi-cta-phone:hover{text-decoration:none;color:var(--red-dark)}
/* Nav / menu */
.xi-nav{background:var(--red)}
.xi-nav .xi-container{padding:0 20px}
.xi-nav ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap}
.xi-nav ul ul{display:none}
.xi-nav li{position:relative}
.xi-nav li a{display:block;color:#fff;padding:13px 15px;font-size:.92rem;font-weight:600}
.xi-nav>.xi-container>ul>li>a:hover,.xi-nav li.current>a,.xi-nav li.active>a{background:var(--red-dark);text-decoration:none}
/* sous-menus au survol */
.xi-nav li:hover>ul{display:block;position:absolute;top:100%;left:0;min-width:240px;background:#fff;
box-shadow:0 10px 30px rgba(0,0,0,.14);z-index:50;border-top:3px solid var(--red)}
.xi-nav li:hover>ul li a{color:var(--ink);padding:10px 16px;border-bottom:1px solid var(--line);font-weight:500}
.xi-nav li:hover>ul li a:hover{background:var(--soft);color:var(--red)}
.xi-nav li:hover>ul ul{left:100%;top:0}
/* Slider */
.xi-slider{position:relative;height:440px;overflow:hidden;background:#1a1a1a}
.xi-slide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transition:opacity 1.4s ease-in-out;will-change:opacity}
.xi-slide.is-active{opacity:1}
.xi-slider-overlay{position:absolute;inset:0;display:flex;align-items:center;
background:linear-gradient(90deg,rgba(18,8,8,.66) 0%,rgba(18,8,8,.32) 46%,rgba(18,8,8,0) 76%);color:#fff}
.xi-slider-overlay h1{margin:0 0 12px;font-size:2.3rem;font-weight:800;text-wrap:balance;max-width:17ch;text-shadow:0 2px 12px rgba(0,0,0,.45)}
.xi-slider-overlay p{margin:0 0 22px;max-width:50ch;font-size:1.08rem;text-shadow:0 1px 8px rgba(0,0,0,.45)}
.xi-btn{display:inline-flex;align-items:center;gap:8px;background:var(--red);color:#fff;font-weight:800;padding:13px 26px;border-radius:6px;font-size:1.05rem}
.xi-btn:hover{text-decoration:none;background:#111;color:#fff}
@media(max-width:820px){.xi-slider{height:300px}.xi-slider-overlay h1{font-size:1.5rem}.xi-slider-overlay p{display:none}}
/* Main */
.xi-main{padding:40px 0 10px;min-height:40vh}
.xi-main .xi-container{background:#fff}
.xi-main h1,.xi-main h2{color:var(--ink)}
.xi-main h2{border-bottom:2px solid var(--line);padding-bottom:8px;margin-top:34px}
.item-page,.blog{max-width:none}
.page-header h1{font-size:1.9rem;margin:0 0 18px}
.xi-main table{max-width:100%}
.com-content-article__info,.article-info{color:var(--muted);font-size:.85rem;margin-bottom:16px}
/* Footer */
.xi-footer{background:var(--ink);color:#c3ccd8;margin-top:50px}
.xi-footer-in{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding:44px 20px}
.xi-footer h4{color:#fff;font-size:1rem;margin:0 0 12px;position:relative;padding-bottom:8px}
.xi-footer h4:after{content:"";position:absolute;left:0;bottom:0;width:38px;height:3px;background:var(--red)}
.xi-footer p{margin:0;font-size:.92rem;line-height:1.8}
.xi-footer a{color:#e6ebf1}
.xi-fcol-center{text-align:center}
.xi-vert{display:inline-block;background:var(--green);color:#fff;padding:10px 20px;border-radius:30px;font-size:1.15rem;margin-bottom:4px}
.xi-vert:hover{text-decoration:none;background:#17824a}
.xi-vert-sub{display:block;font-size:.7rem;letter-spacing:.2em;color:#8a94a2}
.xi-footer-bottom{border-top:1px solid #2b3644;font-size:.82rem;color:#8a94a2}
.xi-footer-bottom .xi-container{padding-top:14px;padding-bottom:14px}
/* Responsive */
@media(max-width:820px){
.xi-header-in{flex-direction:column;text-align:center;gap:10px}
.xi-nav ul{flex-direction:column}
.xi-nav li:hover>ul{position:static;box-shadow:none}
.xi-footer-in{grid-template-columns:1fr;text-align:center}
.xi-footer h4:after{left:50%;transform:translateX(-50%)}
.xi-hero h1{font-size:1.7rem}
}
/* ===== Home body ===== */
.xi-home{margin-top:6px}
.xi-muted{color:var(--muted)}
h2.xi-center{text-align:center;border-bottom:0;margin:36px 0 18px}
.xi-services{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;margin:6px 0 44px;text-align:center}
.xi-svc>i{font-size:3.1rem;color:var(--red);line-height:1;display:block;margin-bottom:12px}
.xi-svc h3{font-size:1.12rem;margin:0 0 14px;color:var(--ink)}
.xi-svc p{margin:0 0 10px;font-size:.9rem;line-height:1.5}
.xi-svc-h{font-weight:800;color:var(--red);text-transform:uppercase;font-size:.78rem;letter-spacing:.05em;margin:14px 0 6px}
.xi-price-list{list-style:none;padding:0;margin:0 auto 6px;font-size:.9rem;display:inline-block;text-align:left}
.xi-price-list li{padding:2px 0}
.xi-check{list-style:none;padding:0;margin:0;text-align:left;font-size:.9rem}
.xi-check li{position:relative;padding:6px 0 6px 26px;line-height:1.45}
.xi-check li:before{content:"";position:absolute;left:5px;top:9px;width:6px;height:11px;border:solid var(--green);border-width:0 2px 2px 0;transform:rotate(45deg)}
.xi-expertise{display:grid;grid-template-columns:1.35fr 1fr;gap:38px;align-items:stretch;margin:56px 0;padding:0;border:0}
.xi-expertise h2{margin-top:0;border-bottom:0}
.xi-exp-img img{border-radius:10px;width:100%;display:block}
.xi-features{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:34px 0}
.xi-feat{background:var(--soft);border:1px solid var(--line);border-radius:8px;padding:14px 16px;font-weight:600;font-size:.88rem;display:flex;align-items:center;gap:11px;line-height:1.3}
.xi-feat i{color:var(--red);font-size:1.55rem;flex:none}
.xi-prices{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:16px 0 44px}
.xi-price{background:var(--red);color:#fff;border-radius:8px;padding:18px 16px;text-align:center;display:flex;flex-direction:column;justify-content:center}
.xi-price-t{display:block;font-size:.88rem;margin-bottom:8px;opacity:.95;line-height:1.35}
.xi-price-v{display:block;font-weight:800;font-size:1.15rem}
@media(max-width:900px){.xi-services,.xi-features{grid-template-columns:repeat(2,1fr)}.xi-prices{grid-template-columns:1fr}.xi-expertise{grid-template-columns:1fr}}
/* Bloc Justice + N°vert icône */
.xi-justice{display:inline-flex;align-items:center;gap:10px;background:rgba(255,255,255,.06);border:1px solid #2b3644;border-radius:8px;padding:10px 14px;margin-bottom:10px}
.xi-justice i{font-size:2rem;color:#fff}
.xi-justice-txt{display:flex;flex-direction:column;line-height:1.12;text-align:left}
.xi-justice-txt span{font-size:.62rem;letter-spacing:.06em;color:#9fb0c4;text-transform:uppercase}
.xi-justice-txt strong{font-size:1.12rem;letter-spacing:.14em;color:#fff}
.xi-vert i{font-size:1rem;vertical-align:-1px}
/* Logo officiel SPF Justice (pastille blanche) */
.xi-justice-logo{display:inline-block;background:#fff;border-radius:8px;padding:12px 16px;margin-bottom:12px;max-width:100%}
.xi-justice-logo img{display:block;height:46px;width:auto}
/* masquer la navigation Prev/Next des articles */
.pagenavigation{display:none !important}
/* Slider v2 : dans les marges du conteneur, dégradé blanc diagonal (bas->gauche), texte foncé */
.xi-slider-wrap{padding:22px 0 8px;background:#fff}
.xi-slider{position:relative;height:500px;overflow:hidden;border-radius:10px;background:#ececec}
.xi-slider-overlay{position:absolute;inset:0;display:flex;align-items:flex-end;color:var(--ink);
background:linear-gradient(to top right, rgba(255,255,255,.96) 0%, rgba(255,255,255,.74) 26%, rgba(255,255,255,.20) 50%, rgba(255,255,255,0) 66%)}
.xi-slider-cap{padding:26px 32px;max-width:66%}
.xi-slider-cap h2{margin:0 0 14px;font-size:2.9rem;font-weight:800;color:var(--ink);text-wrap:balance;line-height:1.08;border:0;padding:0}
.xi-slider-cap p{margin:0 0 24px;color:#2a3340;font-size:2.5rem;line-height:1.2;max-width:34ch;text-shadow:none}
.xi-slider-cap .xi-btn{padding:20px 40px;font-size:1.58rem}
@media(max-width:820px){.xi-slider{height:230px}.xi-slider-cap{max-width:92%;padding:16px}.xi-slider-cap h2{font-size:1.3rem}.xi-slider-cap p{display:none}}
/* slider : légende par slide, clic sur le slide actif */
.xi-slide{pointer-events:none}
.xi-slide.is-active{pointer-events:auto;z-index:2}
/* Slider : flèches + puces de navigation */
.xi-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:46px;height:46px;border:0;border-radius:50%;
background:rgba(25,25,25,.5);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.5rem;transition:background .2s}
.xi-arrow:hover{background:var(--red)}
.xi-prev{left:14px}.xi-next{right:14px}
.xi-dots{position:absolute;bottom:14px;left:0;right:0;z-index:5;display:flex;justify-content:center;gap:9px}
.xi-dot{width:12px;height:12px;border-radius:50%;border:2px solid #fff;background:transparent;cursor:pointer;padding:0;box-shadow:0 0 4px rgba(0,0,0,.35)}
.xi-dot.is-on{background:#fff}
@media(max-width:820px){.xi-arrow{width:38px;height:38px;font-size:1.2rem}}
/* dégager le texte de la flèche gauche */
.xi-slider-cap{padding-left:66px}
@media(max-width:820px){.xi-slider-cap{padding-left:52px}}
/* dégradé slider accentué */
.xi-slider-overlay{background:linear-gradient(to top right, rgba(255,255,255,.99) 0%, rgba(255,255,255,.90) 30%, rgba(255,255,255,.50) 52%, rgba(255,255,255,.08) 74%, rgba(255,255,255,0) 88%)}
/* ===== Home body v2 (refonte sections) ===== */
/* Qui sommes-nous : image teintée rouge */
.xi-exp-img--red{position:relative;border-radius:10px;overflow:hidden;min-height:340px;height:100%}
.xi-exp-img--red img{display:block;width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.xi-exp-img--red:after{content:"";position:absolute;inset:0;background:var(--red);mix-blend-mode:multiply;opacity:.2}
/* Points forts : fond image + overlay sombre/rouge */
.xi-features-wrap{position:relative;border-radius:12px;overflow:hidden;padding:38px 28px 34px;margin:74px 0 44px;
background:url('/templates/xpertimmo/images/feat-bg.jpg') center/cover}
.xi-features-wrap:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(15,20,29,.93),rgba(120,9,27,.86))}
.xi-features-wrap .xi-features-title{position:relative;color:#fff;text-align:center;margin:0 0 26px;font-size:1.5rem;font-weight:800;border:0;border-bottom:0;padding:0;text-shadow:0 1px 10px rgba(0,0,0,.45)}
.xi-features-wrap .xi-features{position:relative;margin:0}
.xi-features-wrap .xi-feat{background:rgba(255,255,255,.97);border:0;box-shadow:0 4px 14px rgba(0,0,0,.18);gap:13px}
.xi-feat svg{width:42px;height:42px;flex:none;display:block}
/* Tarifs : cartes claires (rouge adouci), 3 lignes */
.xi-price{background:#fff;border:1px solid var(--line);border-radius:10px;padding:22px 18px;text-align:center;box-shadow:0 3px 14px rgba(16,40,60,.07);color:var(--ink);transition:box-shadow .2s ease,transform .2s ease}
.xi-price:hover{box-shadow:0 10px 24px rgba(16,40,60,.12);transform:translateY(-2px)}
.xi-price-svc{display:block;font-size:.7rem;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);font-weight:700}
.xi-price-bien{display:block;font-size:.98rem;color:var(--ink);font-weight:600;margin:3px 0 10px}
.xi-price-val{display:block;font-size:1.3rem;font-weight:800;color:var(--red)}
/* ===== Pages internes : harmonisation ===== */
.xi-pagehead{background:var(--soft);border-bottom:1px solid var(--line)}
.xi-pagehead .xi-container{padding-top:26px;padding-bottom:22px}
.xi-pagehead h1{margin:0 0 8px;font-size:1.9rem;font-weight:800;color:var(--ink);border-left:5px solid var(--red);padding-left:14px;line-height:1.15}
.xi-crumb{font-size:.82rem;color:var(--muted);padding-left:19px;display:flex;flex-wrap:wrap;gap:7px;align-items:center}
.xi-crumb a{color:var(--muted)}.xi-crumb a:hover{color:var(--red);text-decoration:none}
.xi-crumb span{color:#9aa6b4}
.xi-crumb .xi-crumb-cur{color:var(--red);font-weight:600}
.is-inner .xi-main{padding-top:32px}
.is-inner .xi-main .page-header{display:none}
.xi-main h2{color:var(--ink);border-bottom:2px solid var(--line);padding-bottom:8px;margin:30px 0 16px;font-size:1.35rem}
.xi-main h3{color:var(--red)}
.xi-main ul li{margin:4px 0}
.xi-cta-band{background:linear-gradient(120deg,var(--ink),#26344a)}
.xi-cta-band .xi-container{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:26px;padding-bottom:26px;flex-wrap:wrap}
.xi-cta-txt{color:#fff}.xi-cta-txt strong{display:block;font-size:1.2rem}.xi-cta-txt span{color:#aeb9c8;font-size:.92rem}
@media(max-width:700px){.xi-cta-band .xi-container{flex-direction:column;text-align:center}}
/* hover menu : texte blanc */
.xi-nav li:hover>ul li a:hover{background:var(--red);color:#fff}
.xi-nav li a:hover{color:#fff}
/* item actif / sélectionné : texte blanc (y compris dans les sous-menus) */
.xi-nav li.current>a,.xi-nav li.active>a{color:#fff}
.xi-nav ul ul li.current>a,.xi-nav ul ul li.active>a{background:var(--red-dark);color:#fff}
/* Accordéon (details/summary natif) */
.xi-accordion{margin:12px 0 22px}
.xi-accordion details{border:1px solid var(--line);border-radius:8px;margin-bottom:10px;overflow:hidden;background:#fff}
.xi-accordion summary{cursor:pointer;padding:14px 46px 14px 18px;font-weight:700;color:var(--ink);background:var(--soft);list-style:none;position:relative}
.xi-accordion summary::-webkit-details-marker{display:none}
.xi-accordion summary:after{content:"+";position:absolute;right:18px;top:50%;transform:translateY(-50%);color:var(--red);font-size:1.5rem;font-weight:700;line-height:1}
.xi-accordion details[open] summary{background:var(--red);color:#fff}
.xi-accordion details[open] summary:after{content:"\2212";color:#fff}
.xi-acc-body{padding:16px 18px}
.xi-acc-body p:first-child{margin-top:0}
/* ===== Pages régionales (Expert immobilier - Ville) ===== */
.xi-region .xi-lead{font-size:1.12rem;line-height:1.6;color:var(--ink)}
.xi-region .xi-lead strong{color:var(--red)}
/* rangées à image */
.xi-region-intro{display:grid;grid-template-columns:1.12fr .88fr;gap:32px;align-items:center;margin:6px 0 8px}
.xi-def.xi-two{display:grid;grid-template-columns:.88fr 1.12fr;gap:32px;align-items:center;border:0;padding:0}
.xi-ri-media img,.xi-two-media img{width:100%;border-radius:10px;display:block;box-shadow:0 8px 22px rgba(16,40,60,.12);object-fit:cover}
.xi-two-text h2,.xi-region-intro h2{margin-top:0}
.xi-region-intro .xi-ri-text p:first-child{margin-top:0}
@media(max-width:820px){.xi-region-intro,.xi-def.xi-two{grid-template-columns:1fr;gap:18px}
.xi-region-intro .xi-ri-media{order:-1}}
.xi-def,.xi-mission{margin:22px 0}
.xi-def p,.xi-mission p{line-height:1.62}
.xi-mission .xi-check{margin:14px 0 0}
.xi-tarif-note{text-align:center;font-size:1.05rem;margin:6px 0 30px;color:var(--ink)}
.xi-tarif-note a{color:var(--red);font-weight:800;text-decoration:none;white-space:nowrap}
.xi-tarif-note a:hover{text-decoration:underline}
/* Zones desservies */
.xi-zones{margin:38px 0 8px}
.xi-zones h2{border-bottom:0;padding:0;margin-bottom:6px;font-size:1.3rem}
.xi-zones .xi-zones-sub{color:var(--muted);font-size:.9rem;margin:0 0 16px}
.xi-zone-tags{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 8px}
.xi-zone-tags span{background:#fbe7eb;color:var(--red-dark);border:1px solid #f2cdd5;
border-radius:999px;padding:5px 13px;font-size:.85rem;font-weight:600;line-height:1.2}
.xi-zones-more{margin-top:14px;border:1px solid var(--line);border-radius:8px;background:#fff;overflow:hidden}
.xi-zones-more summary{cursor:pointer;padding:12px 44px 12px 16px;font-weight:700;color:var(--ink);
background:var(--soft);list-style:none;position:relative;font-size:.92rem}
.xi-zones-more summary::-webkit-details-marker{display:none}
.xi-zones-more summary:after{content:"+";position:absolute;right:16px;top:50%;transform:translateY(-50%);
color:var(--red);font-size:1.4rem;font-weight:700;line-height:1}
.xi-zones-more[open] summary:after{content:"\2212"}
.xi-zone-full{padding:15px 16px;margin:0;font-size:.85rem;line-height:1.85;color:var(--muted);
columns:3;column-gap:26px}
@media(max-width:820px){.xi-zone-full{columns:2}}
@media(max-width:520px){.xi-zone-full{columns:1}}
/* ===== Onglets tarifs (Honoraires État des lieux) : cards + illustrations animées ===== */
.xi-ttabs{margin:22px 0 10px}
.xi-ttabs>input{position:absolute;width:0;height:0;opacity:0}
.xi-ttab-nav{display:flex;gap:6px;flex-wrap:wrap;border-bottom:2px solid var(--line);margin-bottom:8px}
.xi-ttab-nav label{cursor:pointer;padding:11px 26px;font-weight:700;color:var(--muted);border:2px solid transparent;border-bottom:0;border-radius:9px 9px 0 0;position:relative;top:2px;transition:.15s}
.xi-ttab-nav label:hover{color:var(--red)}
#tar-e:checked~.xi-ttab-nav label[for="tar-e"],
#tar-s:checked~.xi-ttab-nav label[for="tar-s"],
#tar-x:checked~.xi-ttab-nav label[for="tar-x"]{color:#fff;background:var(--red)}
.xi-ttab-note{color:var(--muted);font-size:.88rem;margin:0 0 18px}
.xi-ttab{display:none}
#tar-e:checked~.xi-ttab-panels .xi-ttab[data-t="e"],
#tar-s:checked~.xi-ttab-panels .xi-ttab[data-t="s"],
#tar-x:checked~.xi-ttab-panels .xi-ttab[data-t="x"]{display:block;animation:xi-tfade .35s ease}
@keyframes xi-tfade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.xi-tarif-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
@media(max-width:820px){.xi-tarif-cards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.xi-tarif-cards{grid-template-columns:1fr}}
.xi-tcard{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px 14px 16px;text-align:center;box-shadow:0 3px 12px rgba(16,40,60,.06);transition:transform .2s,box-shadow .2s}
.xi-tcard:hover{transform:translateY(-4px);box-shadow:0 12px 26px rgba(16,40,60,.14)}
.xi-tcard-ill{height:56px;display:flex;align-items:flex-end;justify-content:center;margin-bottom:9px}
.xi-tcard .xi-ico{width:68px;height:54px;overflow:visible;transition:transform .25s}
.xi-tcard:hover .xi-ico{transform:scale(1.08)}
.xi-tcard-name{font-weight:600;font-size:.9rem;color:var(--ink);line-height:1.25;min-height:2.5em;display:flex;align-items:center;justify-content:center}
.xi-tcard-price{margin-top:8px;font-size:1.3rem;font-weight:800;color:var(--red)}
.xi-tcard-price.xi-devis{font-size:1.02rem;color:var(--ink)}
/* animations des illustrations */
.xi-ico [class^="xi-anim-"]{transform-box:fill-box;transform-origin:center}
.xi-anim-z{animation:xi-az 2.2s ease-in-out infinite}
@keyframes xi-az{0%{opacity:0;transform:translate(0,0) scale(.7)}25%{opacity:1}100%{opacity:0;transform:translate(4px,-11px) scale(1.15)}}
.xi-anim-win{animation:xi-aflick 2.4s ease-in-out infinite}
.xi-anim-win2{animation:xi-aflick 2.4s ease-in-out infinite .8s}
.xi-anim-win3{animation:xi-aflick 2.4s ease-in-out infinite 1.5s}
@keyframes xi-aflick{0%,100%{opacity:.25}50%{opacity:1}}
.xi-anim-smoke{animation:xi-asmoke 2.6s ease-out infinite}
@keyframes xi-asmoke{0%{opacity:.55;transform:translate(0,0) scale(1)}100%{opacity:0;transform:translate(2px,-11px) scale(1.6)}}
.xi-anim-drop{animation:xi-adrop 1.8s ease-in infinite}
.xi-anim-drop2{animation:xi-adrop 1.8s ease-in infinite .6s}
.xi-anim-drop3{animation:xi-adrop 1.8s ease-in infinite 1.2s}
@keyframes xi-adrop{0%{opacity:0;transform:translateY(-3px)}25%{opacity:1}100%{opacity:0;transform:translateY(11px)}}
.xi-anim-sway{transform-origin:50% 100%;animation:xi-asway 3.2s ease-in-out infinite}
@keyframes xi-asway{0%,100%{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}
.xi-anim-bob{animation:xi-abob 2.6s ease-in-out infinite}
@keyframes xi-abob{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
.xi-anim-pulse{animation:xi-apulse 1.7s ease-in-out infinite}
@keyframes xi-apulse{0%,100%{transform:scale(.8);opacity:.7}50%{transform:scale(1.18);opacity:1}}
.xi-anim-paper{animation:xi-apaper 2.4s ease-in-out infinite}
@keyframes xi-apaper{0%,100%{transform:translateY(-4px)}50%{transform:translateY(3px)}}
@media(prefers-reduced-motion:reduce){.xi-ico *{animation:none!important}}
/* ===== Page Contact ===== */
.xi-contact .xi-lead{font-size:1.12rem;line-height:1.6;color:var(--ink);margin:0 0 26px}
.xi-contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:22px 0 8px}
@media(max-width:820px){.xi-contact-grid{grid-template-columns:1fr}}
.xi-contact-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:24px 22px;box-shadow:0 3px 12px rgba(16,40,60,.06);transition:transform .2s,box-shadow .2s}
.xi-contact-card:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(16,40,60,.12)}
.xi-contact-card h2{display:flex;align-items:center;gap:10px;margin:0 0 14px;font-size:1.12rem;border:0;padding:0;color:var(--ink)}
.xi-contact-card h2 i{color:var(--red);font-size:1.5rem}
.xi-contact-list{list-style:none;padding:0;margin:0}
.xi-contact-list li{display:flex;gap:12px;padding:11px 0;border-bottom:1px solid var(--line);line-height:1.4}
.xi-contact-list li:last-child{border-bottom:0;padding-bottom:0}
.xi-contact-list>li>i{color:var(--red);font-size:1.35rem;flex:none;margin-top:1px}
.xi-contact-list a{color:var(--red);font-weight:700;text-decoration:none}
.xi-contact-list a:hover{text-decoration:underline}
.xi-contact-list b{color:var(--muted);font-weight:700;font-size:.8rem;text-transform:uppercase;letter-spacing:.04em;display:block;margin-bottom:1px}
.xi-contact-list span{color:var(--ink)}
/* Qui sommes-nous : pas de trait sous le titre (surcharge la règle pages internes) */
.xi-main .xi-expertise h2{border-bottom:0;padding-bottom:0}
/* Maillage : section "Voir aussi" (liens vers etats-des-lieux.be) */
.xi-related{margin:40px 0 6px}
.xi-related h2{border-bottom:0;padding:0;font-size:1.2rem;margin:0 0 6px}
.xi-related-links{list-style:none;padding:0;margin:12px 0 0;columns:3;column-gap:26px;font-size:.9rem}
.xi-related-links li{padding:3px 0;break-inside:avoid}
.xi-related-links a{color:var(--red)}
.xi-main .xi-related h2{border-bottom:0;padding-bottom:0}
@media(max-width:820px){.xi-related-links{columns:2}}
@media(max-width:520px){.xi-related-links{columns:1}}
/* ===== Forfaits (cards illustrées) ===== */
.xi-forfaits{margin:22px 0 12px}
.xi-forfait-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:22px 0 8px}
@media(max-width:820px){.xi-forfait-cards{grid-template-columns:1fr}}
.xi-fcard{background:#fff;border:1px solid var(--line);border-radius:14px;padding:26px 20px;text-align:center;box-shadow:0 4px 16px rgba(16,40,60,.07);transition:transform .2s,box-shadow .2s}
.xi-fcard:hover{transform:translateY(-5px);box-shadow:0 14px 30px rgba(16,40,60,.14)}
.xi-fcard:hover .xi-ico{transform:scale(1.08)}
.xi-fcard-ill{height:70px;display:flex;align-items:flex-end;justify-content:center;margin-bottom:12px}
.xi-fcard .xi-ico{width:86px;height:66px;overflow:visible;transition:transform .25s}
.xi-fcard-surf{display:inline-block;background:#fbe7eb;color:var(--red-dark);border-radius:999px;padding:4px 15px;font-size:.8rem;font-weight:700;margin-bottom:12px}
.xi-fcard h3{margin:0 0 12px;font-size:1.1rem;color:var(--ink)}
.xi-fcard-price{font-size:1.85rem;font-weight:800;color:var(--red);line-height:1}
.xi-fcard-price small{font-size:.85rem;font-weight:700;color:var(--muted)}
.xi-forfait-note{background:var(--soft);border:1px solid var(--line);border-radius:12px;padding:16px 18px;font-size:.92rem;color:var(--ink);margin:18px 0 0;line-height:1.55;display:flex;gap:13px;align-items:flex-start}
.xi-forfait-note>i{color:var(--red);font-size:1.6rem;flex:none;margin-top:1px}
/* titres centrés : pas de trait (surcharge règle pages internes) */
.xi-main h2.xi-center{border-bottom:0;padding-bottom:0}
/* ===== Menu burger (mobile) ===== */
.xi-nav-check,.xi-burger{display:none}
@media(max-width:820px){
.xi-nav>.xi-container{padding:0}
.xi-burger{display:flex;align-items:center;gap:12px;color:#fff;font-weight:700;font-size:1.02rem;
padding:15px 20px;cursor:pointer;-webkit-user-select:none;user-select:none}
.xi-burger-box{position:relative;width:26px;height:18px;flex:none}
.xi-burger-inner,.xi-burger-inner::before,.xi-burger-inner::after{position:absolute;left:0;width:26px;height:3px;
background:#fff;border-radius:2px;transition:transform .3s ease,opacity .2s ease}
.xi-burger-inner{top:8px}
.xi-burger-inner::before{content:"";top:-8px}
.xi-burger-inner::after{content:"";top:8px}
/* menu masqué par défaut, déroulé quand la case est cochée */
.xi-nav>.xi-container>ul.mod-menu{display:none;flex-direction:column;width:100%;border-top:1px solid rgba(255,255,255,.16)}
.xi-nav-check:checked~ul.mod-menu{display:flex}
.xi-nav ul.mod-menu>li>a{padding:15px 22px;border-bottom:1px solid rgba(255,255,255,.12);font-size:1rem}
/* burger -> croix à l'ouverture */
.xi-nav-check:checked~.xi-burger .xi-burger-inner{background:transparent}
.xi-nav-check:checked~.xi-burger .xi-burger-inner::before{top:0;transform:rotate(45deg)}
.xi-nav-check:checked~.xi-burger .xi-burger-inner::after{top:0;transform:rotate(-45deg)}
}
/* ===== Mobile : 1 card par ligne + anti-débordement ===== */
@media(max-width:600px){
.xi-services,.xi-features,.xi-tarif-cards,.xi-forfait-cards,.xi-contact-grid,.xi-forfait-cards{grid-template-columns:1fr}
.xi-feat,.xi-svc,.xi-tcard,.xi-tcard-name{overflow-wrap:break-word;word-break:break-word}
}
html,body{overflow-x:hidden}
.xi-feat,.xi-svc h3,.xi-tcard-name,.xi-fcard h3{overflow-wrap:break-word}
/* ===== Mobile : sous-menus en accordéon (tap) ===== */
.xi-sub-toggle{display:none}
@media(max-width:820px){
.xi-nav ul.mod-menu li{position:relative}
.xi-sub-toggle{display:flex;position:absolute;top:0;right:0;width:54px;height:51px;align-items:center;
justify-content:center;background:transparent;border:0;border-left:1px solid rgba(255,255,255,.14);
color:#fff;font-size:1.15rem;cursor:pointer;padding:0}
.xi-sub-toggle i{transition:transform .25s ease}
.xi-nav li.xi-open>.xi-sub-toggle i{transform:rotate(180deg)}
/* masqués par défaut, dépliés si .xi-open ; on neutralise le hover tactile */
.xi-nav ul.mod-menu ul{display:none;background:rgba(0,0,0,.14)}
.xi-nav li:hover>ul{display:none}
.xi-nav li.xi-open>ul{display:block}
.xi-nav ul.mod-menu ul>li>a{padding-left:38px;font-size:.95rem}
.xi-nav ul.mod-menu ul ul>li>a{padding-left:56px}
.xi-nav ul.mod-menu ul ul ul>li>a{padding-left:74px}
}
/* ===== Mobile : header + slider compacts ===== */
@media(max-width:820px){
/* Barre supérieure plus fine */
.xi-topbar-in{gap:8px 16px;min-height:32px;font-size:.72rem}
/* Bandeau logo + numéro : réduit */
.xi-header-in{padding:9px 20px;gap:2px}
.xi-logo img{max-height:42px}
.xi-cta-label{font-size:.64rem;letter-spacing:.02em}
.xi-cta-phone{font-size:1.2rem}
/* Slider plus léger */
.xi-slider-wrap{padding:12px 0 6px}
.xi-slider{height:400px}
.xi-slider-cap{padding:16px 18px 24px 20px;max-width:100%}
.xi-slider-cap h2{font-size:2rem;margin-bottom:12px;line-height:1.12}
.xi-slider-cap p{display:block;font-size:1.15rem;line-height:1.3;margin:0 0 16px;max-width:100%}
.xi-slider-cap .xi-btn{padding:12px 20px;font-size:1.17rem;gap:8px;white-space:nowrap}
.xi-arrow{width:32px;height:32px;font-size:1rem}
.xi-dots{bottom:8px}
}
@media(max-width:420px){
.xi-slider{height:380px}
.xi-slider-cap h2{font-size:1.7rem}
.xi-slider-cap p{font-size:1.05rem}
.xi-slider-cap .xi-btn{font-size:1.05rem;padding:11px 18px}
.xi-cta-phone{font-size:1.1rem}
}
/* ===== Mobile : logo à gauche, numéro à droite (header en ligne) ===== */
@media(max-width:820px){
.xi-header-in{flex-direction:row;justify-content:space-between;align-items:center;text-align:right;gap:10px;padding:8px 16px}
.xi-logo{flex:none}
.xi-logo img{max-height:40px}
.xi-header-cta{text-align:right;line-height:1.1}
.xi-cta-label{font-size:.58rem}
.xi-cta-phone{font-size:1.2rem}
}
@media(max-width:380px){
.xi-cta-label{display:none}
.xi-logo img{max-height:36px}
}
/* ===== Animations d'apparition au défilement (accueil) ===== */
@media(prefers-reduced-motion:no-preference){
.xi-anim .xi-reveal{opacity:0;transform:translateY(26px);transition:opacity .7s cubic-bezier(.22,.61,.36,1),transform .7s cubic-bezier(.22,.61,.36,1)}
.xi-anim .xi-reveal.xi-in{opacity:1;transform:none}
/* légère mise en avant du bloc "Pourquoi choisir" au survol des cards */
.xi-features-wrap .xi-feat{transition:transform .2s ease,box-shadow .2s ease}
.xi-features-wrap .xi-feat:hover{transform:translateY(-3px);box-shadow:0 8px 18px rgba(0,0,0,.22)}
/* services : petit zoom de l'icône au survol */
.xi-svc>i,.xi-svc>svg{transition:transform .25s ease}
.xi-svc:hover>i,.xi-svc:hover>svg{transform:scale(1.08)}
}
/* ===== Indicateurs de sous-menu (desktop) ===== */
@media(min-width:821px){
.xi-nav>.xi-container>ul>li.parent>a{padding-right:30px;position:relative}
.xi-nav>.xi-container>ul>li.parent>a::after{content:"";position:absolute;right:13px;top:50%;
width:7px;height:7px;border-right:2px solid rgba(255,255,255,.85);border-bottom:2px solid rgba(255,255,255,.85);
transform:translateY(-70%) rotate(45deg);transition:transform .2s}
.xi-nav>.xi-container>ul>li.parent:hover>a::after{transform:translateY(-30%) rotate(45deg)}
/* sous-menus : flèche vers la droite (fly-out) */
.xi-nav ul ul li.parent>a{padding-right:28px;position:relative}
.xi-nav ul ul li.parent>a::after{content:"";position:absolute;right:14px;top:50%;
width:6px;height:6px;border-right:2px solid var(--red);border-bottom:2px solid var(--red);
transform:translateY(-50%) rotate(-45deg)}
}
/* ===== Images dans le contenu (pages informatives) ===== */
.xi-content-img{display:block;max-width:100%;height:auto;border-radius:10px;margin:8px 0 20px;box-shadow:0 5px 16px rgba(16,40,60,.10)}
.xi-content-img.xi-img-right{float:right;width:min(360px,42%);margin:4px 0 12px 26px}
.xi-clear{clear:both}
@media(max-width:640px){.xi-content-img.xi-img-right{float:none;width:100%;margin:0 0 16px}}
.xi-main .item-page img:not(.xi-ico):not([class*="agr"]){max-width:100%;height:auto;border-radius:8px}
/* ===== Cartes de sous-thèmes (page d'accueil rubrique) ===== */
.xi-topics{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:20px 0 8px}
@media(max-width:820px){.xi-topics{grid-template-columns:1fr}}
.xi-topic{display:block;background:#fff;border:1px solid var(--line);border-radius:10px;padding:16px 18px;transition:transform .2s,box-shadow .2s,border-color .2s}
.xi-topic:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(16,40,60,.12);border-color:var(--red);text-decoration:none}
.xi-topic-t{display:block;font-weight:700;color:var(--red);margin-bottom:4px}
.xi-topic-d{display:block;font-size:.88rem;color:var(--muted);line-height:1.4}
/* ---------- Contraste du menu mobile (sous-items lisibles) — parité site 2 ---------- */
@media (max-width: 820px) {
.xi-nav ul.mod-menu ul,
.xi-nav .mod-menu__sub { background: rgba(0, 0, 0, .24) !important; }
.xi-nav ul.mod-menu ul li a,
.xi-nav .mod-menu__sub li a,
.xi-nav li:hover > ul li a,
.xi-nav li.xi-open > ul li a { color: #fff !important; opacity: 1 !important; font-weight: 500 !important; }
.xi-nav ul.mod-menu ul li a:hover,
.xi-nav .mod-menu__sub li a:hover,
.xi-nav ul.mod-menu ul li.current > a,
.xi-nav ul.mod-menu ul li.active > a { background: rgba(0, 0, 0, .34) !important; color: #fff !important; }
}
/* ===== Rendu SP Page Builder (xs-*) pour pages restaurées, repris de site 2 ===== */
.pixeden-icon-chooser.has-pe-icon > .pixeden-icon-input .fa-times {
display: inline;
}
.sp-pagebuilder-pixeden-icon-chooser.sp-pagebuilder-has-pe-icon > .sp-pagebuilder-pixeden-icon-input .fa-times {
display: inline;
}
.xs-page {max-width:1100px;margin:0 auto;padding:0 4px}
.xs-row {display:grid;gap:26px;margin:30px 0;align-items:start}
.xs-cols-1 {grid-template-columns:1fr}
.xs-cols-2 {grid-template-columns:repeat(2,1fr)}
.xs-cols-3 {grid-template-columns:repeat(3,1fr)}
.xs-cols-4 {grid-template-columns:repeat(4,1fr)}
.xs-cols-5 {grid-template-columns:repeat(5,1fr)}
.xs-cols-6 {grid-template-columns:repeat(6,1fr)}
.xs-col {min-width:0}
.xs-icon {text-align:center;margin:6px 0 12px;line-height:1}
.xs-tb h3 {color:#c8102e;margin:.2em 0 .4em;font-size:1.12rem}
.xs-tb {line-height:1.65}
.xs-tb p {margin:.4em 0}
.xs-h {margin:.5em 0;color:#1a2733}
/* Harmonie images */
.xs-img {max-width:100%;height:auto;display:block;margin:18px auto;border-radius:10px;box-shadow:0 4px 16px rgba(16,40,60,.10)}
.xs-cols-1 .xs-img {max-height:380px;width:auto;object-fit:contain}
.xs-cols-2 .xs-img,.xs-cols-3 .xs-img,.xs-cols-4 .xs-img {width:100%;height:200px;object-fit:cover;margin:12px 0}
.xs-cols-5 .xs-img,.xs-cols-6 .xs-img {width:100%;height:130px;object-fit:cover}
.xs-row {grid-template-columns:1fr!important}
/* Onglets / accordéon / téléchargements */
.xs-tabs {margin:24px 0;border:1px solid #e3e8ee;border-radius:10px;overflow:hidden}
.xs-acc {border-top:1px solid #e3e8ee}
.xs-acc:first-child {border-top:0}
.xs-acc-t {background:#f7f9fb;color:#c8102e;font-weight:700;padding:12px 16px;font-size:1.05rem}
.xs-acc-c {padding:14px 18px;line-height:1.8}
.xs-acc-c a {color:#1a2733;text-decoration:none;display:inline-block;padding:3px 0}
.xs-acc-c a:hover {color:#c8102e;text-decoration:underline}
.xs-btn {display:inline-block;background:#c8102e;color:#fff!important;padding:10px 18px;border-radius:6px;text-decoration:none;margin:6px 0}
/* Légendes images (équipe), citations, espaces */
.xs-fig {margin:14px auto;text-align:center}
.xs-fig .xs-img {margin:0 auto 8px}
.xs-cap {font-weight:700;color:#1a2733;font-size:1.05rem;display:block}
.xs-cols-2 .xs-fig .xs-img,.xs-cols-3 .xs-fig .xs-img {height:220px;width:100%;object-fit:cover;border-radius:10px}
.xs-quote {border-left:4px solid #c8102e;background:#f7f9fb;padding:14px 18px;margin:18px 0;font-style:italic;color:#41505f}
.xs-space {width:100%}
/* icone download PDF */
.xs-acc-c a[href$=".pdf"] {display:inline-flex;align-items:center;gap:9px;padding:8px 12px;margin:4px 0;background:#fff;border:1px solid #e3e8ee;border-radius:8px;transition:border-color .15s,background .15s}
.xs-acc-c a[href$=".pdf"]:hover {border-color:#c8102e;background:#fdf3f4;text-decoration:none}
.xs-acc-c a[href$=".pdf"]::before {content:"";flex:0 0 20px;width:20px;height:20px;background:url('data:image/svg+xml;utf8,') no-repeat center/contain}
/* Harmonisation stricte des images en colonnes (équipe, etc.) */
.xs-row[class*="cols-"] .xs-fig {width:100%;margin:0 auto}
.xs-row[class*="cols-"] .xs-fig .xs-img,.xs-row[class*="cols-2"] > .xs-col > .xs-img,.xs-row[class*="cols-3"] > .xs-col > .xs-img,.xs-row[class*="cols-4"] > .xs-col > .xs-img {width:100%;height:250px;object-fit:cover;object-position:center top;border-radius:10px;margin:0 0 10px}
/* Sections avec image de fond (drone, etc.) */
.xs-row-bg {background-size:cover;background-position:center;padding:34px 26px;border-radius:12px;margin:26px 0}
/* Tags */
.xs-tags {margin:26px 0 6px;padding-top:14px;border-top:1px solid #e3e8ee;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.xs-tags-ico {opacity:.6;margin-right:2px}
.xs-tag {background:#f2f5f8;color:#41505f;font-size:.85rem;padding:4px 11px;border-radius:20px;border:1px solid #e3e8ee}
/* Formulaire contact */
.xs-form {max-width:560px;margin:18px 0}
.xs-form-row {margin-bottom:12px}
.xs-form input,.xs-form textarea {width:100%;padding:11px 14px;border:1px solid #d5dde5;border-radius:8px;font:inherit;background:#fff}
.xs-form input:focus,.xs-form textarea:focus {outline:none;border-color:#c8102e}
.xs-form .xs-btn {border:0;cursor:pointer}
/* Carte */
.xs-map {margin:18px 0;border-radius:12px;overflow:hidden;box-shadow:0 4px 16px rgba(16,40,60,.10)}
.xs-map iframe {display:block}
/* Modale -> bloc bouton + contenu */
.xs-modalblock {margin:20px 0;text-align:center}
.xs-btn-lg {padding:14px 26px;font-size:1.05rem}
.xs-modalcontent {margin-top:12px}
.xs-modalcontent a {color:#c8102e;font-weight:600}
a.xs-tag {text-decoration:none;transition:background .15s,border-color .15s}
a.xs-tag:hover {background:#c8102e;color:#fff;border-color:#c8102e}
/* Colonnes texte empilées (lisibilité) */
.xs-stack {margin:24px 0}
.xs-stack > .xs-col {margin-bottom:18px}
.xs-stack > .xs-col:last-child {margin-bottom:0}
/* Onglets/accordéons repliables (details/summary) */
summary.xs-acc-t {cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;user-select:none}
summary.xs-acc-t::-webkit-details-marker {display:none}
summary.xs-acc-t::after {content:"\25BE";font-size:.9rem;color:#c8102e;transition:transform .2s;margin-left:12px}
details.xs-acc[open] > summary.xs-acc-t::after {transform:rotate(180deg)}
details.xs-acc > summary.xs-acc-t:hover {background:#eef2f6}
/* Sections à image de fond : voile sombre + texte lisible */
.xs-row-bg {position:relative;color:#fff;overflow:hidden}
.xs-row-bg::before {content:"";position:absolute;inset:0;background:rgba(16,26,38,.58);z-index:0}
.xs-row-bg > * {position:relative;z-index:1}
.xs-row-bg .xs-tb,.xs-row-bg .xs-tb h1,.xs-row-bg .xs-tb h2,.xs-row-bg .xs-tb h3,.xs-row-bg .xs-tb p,.xs-row-bg .xs-h {color:#fff!important;text-shadow:0 1px 6px rgba(0,0,0,.4)}
.xs-row-bg .xs-icon i {color:#fff!important}
/* ===== Home modernisée : cartes glass + zone de couverture ===== */
.xih-home .xs-cols-4 > .xs-col {background:rgba(255,255,255,.7);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(200,16,46,.12);border-radius:16px;padding:26px 20px;box-shadow:0 8px 30px rgba(16,40,60,.09);transition:transform .2s,box-shadow .2s}
.xih-home .xs-cols-4 > .xs-col:hover {transform:translateY(-4px);box-shadow:0 14px 40px rgba(16,40,60,.16)}
.xih-home .xs-cols-4 .xs-icon i {color:#c8102e!important}
/* Section bureau : une seule card (la section), icônes+labels alignés sans card individuelle */
.xih-home .xs-row-bg {padding:40px 30px}
.xih-home .xs-row-bg .xs-icon {margin:8px 0 4px}
.xih-home .xs-row-bg .xs-icon i {font-size:54px!important}
.xih-home .xs-row-bg .xs-tb {text-align:center;font-weight:600;line-height:1.3;font-size:.95rem}
.xs-row.xs-cols-6 {
grid-template-columns: repeat(3, 1fr) !important;
gap: 14px 8px !important;
margin: 12px 0 !important;
}
.xih-home .xs-row-bg .xs-icon i,
.xs-cols-6 .xs-icon i { font-size: 30px !important; }
.xs-cols-6 .xs-icon { margin: 2px 0 4px !important; }
.xih-home .xs-row-bg .xs-tb,
.xs-cols-6 .xs-tb,
.xs-cols-6 .xs-tb span { font-size: .88rem !important; line-height: 1.3 !important; }
.xih-home .xs-row-bg { padding: 24px 16px !important; }
.xih-home .xs-row-bg .xs-icon i,
.xs-cols-6 .xs-icon i { font-size: 26px !important; }
.xs-cols-6 .xs-tb,
.xs-cols-6 .xs-tb span { font-size: .8rem !important; }
.xih-home .xs-row-bg .xs-h { font-size: 1.4rem !important; }
/* ---------- (3) Hauteur d'images uniforme (équipe + contenu en colonnes), tous écrans ---------- */
.xs-fig .xs-img,
.xs-row[class*="cols-2"] > .xs-col > .xs-img,
.xs-row[class*="cols-3"] > .xs-col > .xs-img,
.xs-row[class*="cols-4"] > .xs-col > .xs-img {
width: 100% !important;
height: 250px !important;
object-fit: cover !important;
object-position: center top !important;
border-radius: 10px !important;
}
.xs-fig .xs-img,
.xs-row[class*="cols-2"] > .xs-col > .xs-img,
.xs-row[class*="cols-3"] > .xs-col > .xs-img,
.xs-row[class*="cols-4"] > .xs-col > .xs-img { height: 210px !important; }
.xi-main img, .xs-img { max-width: 100% !important; }
.xi-main table, .xs-acc-c table, .xs-tb table {
display: block; width: 100%; max-width: 100%;
overflow-x: auto; -webkit-overflow-scrolling: touch;
}
.xi-nav ul.mod-menu li a, .xs-cap, .xs-tb { overflow-wrap: break-word; word-break: break-word; }
.xs-page { padding-left: 12px !important; padding-right: 12px !important; }
/* ---------- Formulaire de contact : anti-spam + messages ---------- */
.xs-hp {position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.xs-cap label {display:block;font-size:.92rem;color:#444;margin-bottom:6px}
.xs-cap b {color:#c8102e}
.xs-form-msg {display:none;margin:0 0 16px;padding:13px 16px;border-radius:10px;font-weight:600}
.xs-form-msg.is-ok {display:block;background:#e8f6ec;color:#1c7a3e;border:1px solid #b7e2c4}
.xs-form-msg.is-err {display:block;background:#fdecec;color:#b3261e;border:1px solid #f5c2c0}
/* ---------- CORRECTIF : badges/GIF en colonne (ex. N° Vert) = taille naturelle, jamais recadrés ---------- */
/* Spécificité (0,5,0) pour battre la règle .xs-row[cols-N] > .xs-col > .xs-img (0,4,0). Seules les photos en restent uniformisées. */
.xs-row[class*="cols-2"] > .xs-col > .xs-img[src$=".gif"],
.xs-row[class*="cols-3"] > .xs-col > .xs-img[src$=".gif"],
.xs-row[class*="cols-4"] > .xs-col > .xs-img[src$=".gif"],
.xs-col > .xs-img[src*="0800"] {
height: auto !important;
width: auto !important;
max-width: 100% !important;
object-fit: contain !important;
border-radius: 0 !important;
}
@media(max-width:800px){.xs-row{grid-template-columns:1fr!important}}
@media (max-width: 820px) {
.xs-fig .xs-img,
.xs-row[class*="cols-2"] > .xs-col > .xs-img,
.xs-row[class*="cols-3"] > .xs-col > .xs-img,
.xs-row[class*="cols-4"] > .xs-col > .xs-img { height: 210px !important; }
}
@media (max-width: 480px) {
.xs-page { padding-left: 12px !important; padding-right: 12px !important; }
}