/* ===== 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}
/* ===== SP Page Builder repris (site2) ===== */
@font-face{font-family:'peIcon7';src:url('../fonts/Pe-icon-7-stroke.woff') format('woff'),url('../fonts/Pe-icon-7-stroke.ttf') format('truetype');font-weight:normal;font-style:normal;}
[class^='pe-7s-'],[class*=' pe-7s-']{font-family:'peIcon7'!important;speak:none;font-style:normal;font-weight:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;}
.pe-7s-album:before {
	content: "\e6aa";
}
.pe-7s-arc:before {
	content: "\e6ab";
}
.pe-7s-back-2:before {
	content: "\e6ac";
}
.pe-7s-bandaid:before {
	content: "\e6ad";
}
.pe-7s-car:before {
	content: "\e6ae";
}
.pe-7s-diamond:before {
	content: "\e6af";
}
.pe-7s-door-lock:before {
	content: "\e6b0";
}
.pe-7s-eyedropper:before {
	content: "\e6b1";
}
.pe-7s-female:before {
	content: "\e6b2";
}
.pe-7s-gym:before {
	content: "\e6b3";
}
.pe-7s-hammer:before {
	content: "\e6b4";
}
.pe-7s-headphones:before {
	content: "\e6b5";
}
.pe-7s-helm:before {
	content: "\e6b6";
}
.pe-7s-hourglass:before {
	content: "\e6b7";
}
.pe-7s-leaf:before {
	content: "\e6b8";
}
.pe-7s-magic-wand:before {
	content: "\e6b9";
}
.pe-7s-male:before {
	content: "\e6ba";
}
.pe-7s-map-2:before {
	content: "\e6bb";
}
.pe-7s-next-2:before {
	content: "\e6bc";
}
.pe-7s-paint-bucket:before {
	content: "\e6bd";
}
.pe-7s-pendrive:before {
	content: "\e6be";
}
.pe-7s-photo:before {
	content: "\e6bf";
}
.pe-7s-piggy:before {
	content: "\e6c0";
}
.pe-7s-plugin:before {
	content: "\e6c1";
}
.pe-7s-refresh-2:before {
	content: "\e6c2";
}
.pe-7s-rocket:before {
	content: "\e6c3";
}
.pe-7s-settings:before {
	content: "\e6c4";
}
.pe-7s-shield:before {
	content: "\e6c5";
}
.pe-7s-smile:before {
	content: "\e6c6";
}
.pe-7s-usb:before {
	content: "\e6c7";
}
.pe-7s-vector:before {
	content: "\e6c8";
}
.pe-7s-wine:before {
	content: "\e6c9";
}
.pe-7s-cloud-upload:before {
	content: "\e68a";
}
.pe-7s-cash:before {
	content: "\e68c";
}
.pe-7s-close:before {
	content: "\e680";
}
.pe-7s-bluetooth:before {
	content: "\e68d";
}
.pe-7s-cloud-download:before {
	content: "\e68b";
}
.pe-7s-way:before {
	content: "\e68e";
}
.pe-7s-close-circle:before {
	content: "\e681";
}
.pe-7s-id:before {
	content: "\e68f";
}
.pe-7s-angle-up:before {
	content: "\e682";
}
.pe-7s-wristwatch:before {
	content: "\e690";
}
.pe-7s-angle-up-circle:before {
	content: "\e683";
}
.pe-7s-world:before {
	content: "\e691";
}
.pe-7s-angle-right:before {
	content: "\e684";
}
.pe-7s-volume:before {
	content: "\e692";
}
.pe-7s-angle-right-circle:before {
	content: "\e685";
}
.pe-7s-users:before {
	content: "\e693";
}
.pe-7s-angle-left:before {
	content: "\e686";
}
.pe-7s-user-female:before {
	content: "\e694";
}
.pe-7s-angle-left-circle:before {
	content: "\e687";
}
.pe-7s-up-arrow:before {
	content: "\e695";
}
.pe-7s-angle-down:before {
	content: "\e688";
}
.pe-7s-switch:before {
	content: "\e696";
}
.pe-7s-angle-down-circle:before {
	content: "\e689";
}
.pe-7s-scissors:before {
	content: "\e697";
}
.pe-7s-wallet:before {
	content: "\e600";
}
.pe-7s-safe:before {
	content: "\e698";
}
.pe-7s-volume2:before {
	content: "\e601";
}
.pe-7s-volume1:before {
	content: "\e602";
}
.pe-7s-voicemail:before {
	content: "\e603";
}
.pe-7s-video:before {
	content: "\e604";
}
.pe-7s-user:before {
	content: "\e605";
}
.pe-7s-upload:before {
	content: "\e606";
}
.pe-7s-unlock:before {
	content: "\e607";
}
.pe-7s-umbrella:before {
	content: "\e608";
}
.pe-7s-trash:before {
	content: "\e609";
}
.pe-7s-tools:before {
	content: "\e60a";
}
.pe-7s-timer:before {
	content: "\e60b";
}
.pe-7s-ticket:before {
	content: "\e60c";
}
.pe-7s-target:before {
	content: "\e60d";
}
.pe-7s-sun:before {
	content: "\e60e";
}
.pe-7s-study:before {
	content: "\e60f";
}
.pe-7s-stopwatch:before {
	content: "\e610";
}
.pe-7s-star:before {
	content: "\e611";
}
.pe-7s-speaker:before {
	content: "\e612";
}
.pe-7s-signal:before {
	content: "\e613";
}
.pe-7s-shuffle:before {
	content: "\e614";
}
.pe-7s-shopbag:before {
	content: "\e615";
}
.pe-7s-share:before {
	content: "\e616";
}
.pe-7s-server:before {
	content: "\e617";
}
.pe-7s-search:before {
	content: "\e618";
}
.pe-7s-film:before {
	content: "\e6a5";
}
.pe-7s-science:before {
	content: "\e619";
}
.pe-7s-disk:before {
	content: "\e6a6";
}
.pe-7s-ribbon:before {
	content: "\e61a";
}
.pe-7s-repeat:before {
	content: "\e61b";
}
.pe-7s-refresh:before {
	content: "\e61c";
}
.pe-7s-add-user:before {
	content: "\e6a9";
}
.pe-7s-refresh-cloud:before {
	content: "\e61d";
}
.pe-7s-paperclip:before {
	content: "\e69c";
}
.pe-7s-radio:before {
	content: "\e61e";
}
.pe-7s-note2:before {
	content: "\e69d";
}
.pe-7s-print:before {
	content: "\e61f";
}
.pe-7s-network:before {
	content: "\e69e";
}
.pe-7s-prev:before {
	content: "\e620";
}
.pe-7s-mute:before {
	content: "\e69f";
}
.pe-7s-power:before {
	content: "\e621";
}
.pe-7s-medal:before {
	content: "\e6a0";
}
.pe-7s-portfolio:before {
	content: "\e622";
}
.pe-7s-like2:before {
	content: "\e6a1";
}
.pe-7s-plus:before {
	content: "\e623";
}
.pe-7s-left-arrow:before {
	content: "\e6a2";
}
.pe-7s-play:before {
	content: "\e624";
}
.pe-7s-key:before {
	content: "\e6a3";
}
.pe-7s-plane:before {
	content: "\e625";
}
.pe-7s-joy:before {
	content: "\e6a4";
}
.pe-7s-photo-gallery:before {
	content: "\e626";
}
.pe-7s-pin:before {
	content: "\e69b";
}
.pe-7s-phone:before {
	content: "\e627";
}
.pe-7s-plug:before {
	content: "\e69a";
}
.pe-7s-pen:before {
	content: "\e628";
}
.pe-7s-right-arrow:before {
	content: "\e699";
}
.pe-7s-paper-plane:before {
	content: "\e629";
}
.pe-7s-delete-user:before {
	content: "\e6a7";
}
.pe-7s-paint:before {
	content: "\e62a";
}
.pe-7s-bottom-arrow:before {
	content: "\e6a8";
}
.pe-7s-notebook:before {
	content: "\e62b";
}
.pe-7s-note:before {
	content: "\e62c";
}
.pe-7s-next:before {
	content: "\e62d";
}
.pe-7s-news-paper:before {
	content: "\e62e";
}
.pe-7s-musiclist:before {
	content: "\e62f";
}
.pe-7s-music:before {
	content: "\e630";
}
.pe-7s-mouse:before {
	content: "\e631";
}
.pe-7s-more:before {
	content: "\e632";
}
.pe-7s-moon:before {
	content: "\e633";
}
.pe-7s-monitor:before {
	content: "\e634";
}
.pe-7s-micro:before {
	content: "\e635";
}
.pe-7s-menu:before {
	content: "\e636";
}
.pe-7s-map:before {
	content: "\e637";
}
.pe-7s-map-marker:before {
	content: "\e638";
}
.pe-7s-mail:before {
	content: "\e639";
}
.pe-7s-mail-open:before {
	content: "\e63a";
}
.pe-7s-mail-open-file:before {
	content: "\e63b";
}
.pe-7s-magnet:before {
	content: "\e63c";
}
.pe-7s-loop:before {
	content: "\e63d";
}
.pe-7s-look:before {
	content: "\e63e";
}
.pe-7s-lock:before {
	content: "\e63f";
}
.pe-7s-lintern:before {
	content: "\e640";
}
.pe-7s-link:before {
	content: "\e641";
}
.pe-7s-like:before {
	content: "\e642";
}
.pe-7s-light:before {
	content: "\e643";
}
.pe-7s-less:before {
	content: "\e644";
}
.pe-7s-keypad:before {
	content: "\e645";
}
.pe-7s-junk:before {
	content: "\e646";
}
.pe-7s-info:before {
	content: "\e647";
}
.pe-7s-home:before {
	content: "\e648";
}
.pe-7s-help2:before {
	content: "\e649";
}
.pe-7s-help1:before {
	content: "\e64a";
}
.pe-7s-graph3:before {
	content: "\e64b";
}
.pe-7s-graph2:before {
	content: "\e64c";
}
.pe-7s-graph1:before {
	content: "\e64d";
}
.pe-7s-graph:before {
	content: "\e64e";
}
.pe-7s-global:before {
	content: "\e64f";
}
.pe-7s-gleam:before {
	content: "\e650";
}
.pe-7s-glasses:before {
	content: "\e651";
}
.pe-7s-gift:before {
	content: "\e652";
}
.pe-7s-folder:before {
	content: "\e653";
}
.pe-7s-flag:before {
	content: "\e654";
}
.pe-7s-filter:before {
	content: "\e655";
}
.pe-7s-file:before {
	content: "\e656";
}
.pe-7s-expand1:before {
	content: "\e657";
}
.pe-7s-exapnd2:before {
	content: "\e658";
}
.pe-7s-edit:before {
	content: "\e659";
}
.pe-7s-drop:before {
	content: "\e65a";
}
.pe-7s-drawer:before {
	content: "\e65b";
}
.pe-7s-download:before {
	content: "\e65c";
}
.pe-7s-display2:before {
	content: "\e65d";
}
.pe-7s-display1:before {
	content: "\e65e";
}
.pe-7s-diskette:before {
	content: "\e65f";
}
.pe-7s-date:before {
	content: "\e660";
}
.pe-7s-cup:before {
	content: "\e661";
}
.pe-7s-culture:before {
	content: "\e662";
}
.pe-7s-crop:before {
	content: "\e663";
}
.pe-7s-credit:before {
	content: "\e664";
}
.pe-7s-copy-file:before {
	content: "\e665";
}
.pe-7s-config:before {
	content: "\e666";
}
.pe-7s-compass:before {
	content: "\e667";
}
.pe-7s-comment:before {
	content: "\e668";
}
.pe-7s-coffee:before {
	content: "\e669";
}
.pe-7s-cloud:before {
	content: "\e66a";
}
.pe-7s-clock:before {
	content: "\e66b";
}
.pe-7s-check:before {
	content: "\e66c";
}
.pe-7s-chat:before {
	content: "\e66d";
}
.pe-7s-cart:before {
	content: "\e66e";
}
.pe-7s-camera:before {
	content: "\e66f";
}
.pe-7s-call:before {
	content: "\e670";
}
.pe-7s-calculator:before {
	content: "\e671";
}
.pe-7s-browser:before {
	content: "\e672";
}
.pe-7s-box2:before {
	content: "\e673";
}
.pe-7s-box1:before {
	content: "\e674";
}
.pe-7s-bookmarks:before {
	content: "\e675";
}
.pe-7s-bicycle:before {
	content: "\e676";
}
.pe-7s-bell:before {
	content: "\e677";
}
.pe-7s-battery:before {
	content: "\e678";
}
.pe-7s-ball:before {
	content: "\e679";
}
.pe-7s-back:before {
	content: "\e67a";
}
.pe-7s-attention:before {
	content: "\e67b";
}
.pe-7s-anchor:before {
	content: "\e67c";
}
.pe-7s-albums:before {
	content: "\e67d";
}
.pe-7s-alarm:before {
	content: "\e67e";
}
.pe-7s-airplay:before {
	content: "\e67f";
}


/* HELPER CLASS 
 * -------------------------- */


/* makes the font 33% larger relative to the icon container */
.pe-lg {
  font-size: 1.3333333333333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.pe-2x {
  font-size: 2em;
}
.pe-3x {
  font-size: 3em;
}
.pe-4x {
  font-size: 4em;
}
.pe-5x {
  font-size: 5em;
}
.pe-fw {
  width: 1.2857142857142858em;
  text-align: center;
}
.pe-ul {
  padding-left: 0;
  margin-left: 2.142857142857143em;
  list-style-type: none;
}
.pe-ul > li {
  position: relative;
}
.pe-li {
  position: absolute;
  left: -2.142857142857143em;
  width: 2.142857142857143em;
  top: 0.14285714285714285em;
  text-align: center;
}
.pe-li.pe-lg {
  left: -1.8571428571428572em;
}
.pe-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eeeeee;
  border-radius: .1em;
}
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.pe.pull-left {
  margin-right: .3em;
}
.pe.pull-right {
  margin-left: .3em;
}
.pe-spin {
  -webkit-animation: spin 2s infinite linear;
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
}
@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(359deg);
  }
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
  }
}
@-o-keyframes spin {
  0% {
    -o-transform: rotate(0deg);
  }
  100% {
    -o-transform: rotate(359deg);
  }
}
@-ms-keyframes spin {
  0% {
    -ms-transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.pe-rotate-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.pe-rotate-180 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.pe-rotate-270 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
}
.pe-flip-horizontal {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
  -webkit-transform: scale(-1, 1);
  -moz-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  -o-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.pe-flip-vertical {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
  -webkit-transform: scale(1, -1);
  -moz-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  -o-transform: scale(1, -1);
  transform: scale(1, -1);
}
.pe-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}
.pe-stack-1x,
.pe-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}
.pe-stack-1x {
  line-height: inherit;
}
.pe-stack-2x {
  font-size: 2em;
}
.pe-inverse {
  color: #ffffff;
}

/* Custom classes / mods - PIXEDEN */
.pe-va {
  vertical-align: middle;
}

.pe-border {
  border: solid 0.08em #eaeaea;
}

[class^="pe-7s-"], [class*=" pe-7s-"] {
  display: inline-block;
}

/*Pixeden (Pe) Icons*/
.pixeden-form-group {
  margin-bottom: 30px;
}
.pixeden-form-group label {
  margin: 0;
  padding: 0;
  display: block;
  font-size: 14px;
  line-height: 1;
  margin-bottom: 10px;
  font-weight: 600;
  color: #000;
}

.pixeden-icon-chooser {
  background-color: #fff;
  border: 1px solid #ccc;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  height: 46px;
  line-height: 46px;
  border-radius: 3px;
  position: relative;
  z-index: 1000;
}

.pixeden-icon-chooser.open {
  border-radius: 3px 3px 0 0;
  border-bottom-color: transparent;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.5);
}

.pixeden-icon-chooser .pixeden-icon-input {
  display: block;
  height: 30px;
  line-height: 30px;
  cursor: pointer;
}

.pixeden-icon-chooser > .pixeden-icon-input span { 
  display: block;
  line-height: 46px;
  padding: 0 10px;
}
.pixeden-icon-chooser > .pixeden-icon-input span i {
  margin-right:4px;
}
.pixeden-icon-chooser > .pixeden-icon-input span i { 
  margin-right:4px;
  font-size:125%;
  font-weight:500;
  line-height:1.2;
  vertical-align:middle;
  color: #89B01E;
}

.pixeden-icon-chooser > .pixeden-icon-input .fa-chevron-up,
.pixeden-icon-chooser > .pixeden-icon-input .fa-chevron-down {
  position: absolute;
  top: 16px;
  right: 10px;
}

.pixeden-icon-chooser > .pixeden-icon-input .fa-times {
  position: absolute;
  top: 16px;
  right: 30px;
  color: #e61010;
  display: none;
  z-index: 10001;
}

.pixeden-icon-chooser.has-pe-icon > .pixeden-icon-input .fa-times {
  display: inline;
}

.pixeden-icon-chooser > .pixeden-icon-input .fa-chevron-up {
  display: none;
}

.pixeden-icon-chooser.open > .pixeden-icon-input .fa-chevron-up {
  display: inline;
}

.pixeden-icon-chooser.open > .pixeden-icon-input .fa-chevron-down {
  display: none;
}

.pixeden-icon-chooser.open > .pixeden-dropdown {
  display: block;
}

.pixeden-dropdown {
 display: none;
  position: absolute;
  top: 46px;
  left: 0px;
  right: 0px;
  padding: 10px;
  background: #fff;
  border: 1px solid #ccc;
  border-top: 0;
  box-shadow: 0 3px 5px rgba(0,0,0,.5);
  -webkit-box-shadow: 0 3px 5px rgba(0,0,0,.5);
  border-radius: 0 0 3px 3px;
}

.pixeden-dropdown input[type="text"] {
  margin-bottom: 10px;
}

ul.pixeden-icons {
	list-style: none;
	padding: 0;
	margin: 0;
	max-height: 328px;
	overflow-y: auto;
}

ul.pixeden-icons > li {
  float: left;
  display: block;
  width: 12.5%;
  text-align: center;
}

ul.pixeden-icons > li > div {
  display: block;
  margin: 1px;
  padding: 5px;
  height: 80px;
  border-radius: 3px;
  background: #f3f3f3;
  cursor: pointer;
  -webkit-transition: all 100ms;
  transition: all 100ms;
}

ul.pixeden-icons > li > div > div {
  display: table;
  width: 100%;
  height: 100%;
}

ul.pixeden-icons > li > div > div > div {
  display: table-cell;
  vertical-align: middle;
}

ul.pixeden-icons > li > div .pe {
  display: block;
  font-size: 24px;
  line-height: 24px;
  margin-bottom: 5px;
}

ul.pixeden-icons > li > div span {
  font-size: 12px;
  line-height: 1.2;
  display: block;
}

ul.pixeden-icons > li:hover > div,
ul.pixeden-icons > li.active > div {
	background-color: #89B01E;
	color: #fff;
}
.sp-pagebuilder-pixeden-icon-chooser {
  height: 46px;
  line-height: 46px;
  background-color: #edf1f5;
  border-radius: 3px;
  position: relative;
  z-index: 9999;
}
.sp-pagebuilder-pixeden-icon-chooser.open {
  border-radius: 3px 3px 0 0;
  border-bottom-color: transparent;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.5);
}
.sp-pagebuilder-pixeden-icon-chooser .sp-pagebuilder-pixeden-icon-input {
  display: block;
  height: 30px;
  line-height: 30px;
  cursor: pointer;
}
.sp-pagebuilder-pixeden-icon-chooser > .sp-pagebuilder-pixeden-icon-input span {
  display: block;
  line-height: 46px;
  padding: 0 10px;
}
.sp-pagebuilder-pixeden-icon-chooser > .sp-pagebuilder-pixeden-icon-input .fa-chevron-up,
.sp-pagebuilder-pixeden-icon-chooser > .sp-pagebuilder-pixeden-icon-input .fa-chevron-down {
  position: absolute;
  top: 16px;
  right: 10px;
}
.sp-pagebuilder-pixeden-icon-chooser > .sp-pagebuilder-pixeden-icon-input .fa-times {
  position: absolute;
  top: 16px;
  right: 30px;
  color: #e61010;
  display: none;
  z-index: 10001;
}
.sp-pagebuilder-pixeden-icon-chooser > .sp-pagebuilder-pixeden-icon-input .fa-chevron-up {
  display: none;
}
.sp-pagebuilder-pixeden-icon-chooser.sp-pagebuilder-has-pe-icon > .sp-pagebuilder-pixeden-icon-input .fa-times {
  display: inline;
}
.sp-pagebuilder-pixeden-icon-chooser .sp-pagebuilder-pixeden-dropdown {
  display: none;
  position: absolute;
  top: 46px;
  left: 0px;
  right: 0px;
  padding: 10px;
  background: #fff;
  border-top: 0;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.5);
  border-radius: 0 0 3px 3px;
}
.sp-pagebuilder-pixeden-icon-chooser .sp-pagebuilder-pixeden-dropdown input[type="text"] {
  margin-bottom: 10px;
}
.sp-pagebuilder-pixeden-icon-chooser .sp-pagebuilder-pixeden-dropdown ul.sp-pagebuilder-pixeden-icons {
  list-style: none;
  padding: 0;
  margin: 0;
  max-height: 328px;
  overflow-y: auto;
}
.sp-pagebuilder-pixeden-icon-chooser .sp-pagebuilder-pixeden-dropdown ul.sp-pagebuilder-pixeden-icons > li {
  float: left;
  display: block;
  width: 12.5%;
  text-align: center;
}
.sp-pagebuilder-pixeden-icon-chooser .sp-pagebuilder-pixeden-dropdown ul.sp-pagebuilder-pixeden-icons > li > div {
  display: block;
  margin: 1px;
  padding: 5px;
  height: 80px;
  border-radius: 3px;
  background: #eee;
  cursor: pointer;
  -webkit-transition: all 100ms;
  transition: all 100ms;
}
.sp-pagebuilder-pixeden-icon-chooser .sp-pagebuilder-pixeden-dropdown ul.sp-pagebuilder-pixeden-icons > li > div .pe {
  display: block;
  font-size: 24px;
  line-height: 24px;
  margin-bottom: 5px;
}
.sp-pagebuilder-pixeden-icon-chooser .sp-pagebuilder-pixeden-dropdown ul.sp-pagebuilder-pixeden-icons > li > div span {
  font-size: 12px;
  line-height: 1.2;
  display: block;
}
.sp-pagebuilder-pixeden-icon-chooser .sp-pagebuilder-pixeden-dropdown ul.sp-pagebuilder-pixeden-icons > li > div > div {
  display: table;
  width: 100%;
  height: 100%;
}
.sp-pagebuilder-pixeden-icon-chooser .sp-pagebuilder-pixeden-dropdown ul.sp-pagebuilder-pixeden-icons > li > div > div > div {
  display: table-cell;
  vertical-align: middle;
}
.sp-pagebuilder-pixeden-icon-chooser .sp-pagebuilder-pixeden-dropdown ul.sp-pagebuilder-pixeden-icons > li.active > div,
.sp-pagebuilder-pixeden-icon-chooser .sp-pagebuilder-pixeden-dropdown ul.sp-pagebuilder-pixeden-icons > li:hover > div {
  background-color: #1e7ed8;
  color: #fff;
}
.sp-pagebuilder-pixeden-icon-chooser.open > .sp-pagebuilder-pixeden-dropdown {
  display: block;
}
.sp-pagebuilder-pixeden-icon-chooser.open > .sp-pagebuilder-pixeden-icon-input .fa-chevron-up {
  display: inline;
}
.sp-pagebuilder-pixeden-icon-chooser.open > .sp-pagebuilder-pixeden-icon-input .fa-chevron-down {
  display: none;
}
.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}
@media(max-width:800px){.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,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23c8102e" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/><polyline points="7 10 12 15 17 10"/><line x1="12" y1="15" x2="12" y2="3"/></svg>') 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}
/* Slider : dégradé blanc renforcé pour la lisibilité du texte foncé */

.xi-slider-overlay{background:linear-gradient(105deg, rgba(255,255,255,.93) 0%, rgba(255,255,255,.80) 28%, rgba(255,255,255,.48) 48%, rgba(255,255,255,.12) 68%, rgba(255,255,255,0) 84%)!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}
/* Zone de couverture */
.xih-cover{margin:44px 0}
.xih-cover-inner{display:grid;grid-template-columns:.85fr 1.15fr;gap:36px;align-items:center;background:rgba(255,255,255,.62);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(200,16,46,.15);border-radius:22px;padding:36px;box-shadow:0 14px 50px rgba(16,40,60,.13)}
.xih-cover-map img{width:100%;max-width:340px;margin:0 auto;display:block;filter:drop-shadow(0 8px 20px rgba(0,0,0,.15))}
.xih-cover-txt h2{color:#c8102e;margin:0 0 12px;font-size:1.6rem}
.xih-cover-txt p{color:#41505f;line-height:1.6}
.xih-cover-list{list-style:none;padding:0;margin:16px 0 22px;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.xih-cover-list li{padding:10px 14px;background:rgba(200,16,46,.06);border:1px solid rgba(200,16,46,.10);border-radius:10px;font-weight:600;color:#1a2733}
.xih-cover-list li span{font-weight:400;color:#8794a1;font-size:.85rem}
@media(max-width:820px){.xih-cover-inner{grid-template-columns:1fr;text-align:center}.xih-cover-list{grid-template-columns:1fr}}

/* 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}
/* ===== 4 services façon site 1 (à plat, illustrations SVG, coches vertes) ===== */
.xih-svc{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin:38px 0 46px}
.xih-svc-i{text-align:center}
.xih-svc-ico{width:62px;height:62px;margin:0 auto 14px}.xih-svc-ico svg{width:100%;height:100%}
.xih-svc-i h3{color:#c8102e;font-size:1.15rem;margin:0 0 10px}
.xih-svc-sub{font-size:.9rem;color:#41505f;font-weight:600;margin:0 0 10px}
.xih-vert{max-width:180px;margin:12px auto 0;display:block}
.xih-price{list-style:none;padding:0;margin:8px 0;font-size:.92rem;color:#41505f}.xih-price li{padding:3px 0}.xih-price b{color:#1a2733}
.xih-check{list-style:none;padding:0;margin:8px 0;text-align:left;font-size:.92rem;line-height:1.5}
.xih-check li{position:relative;padding:5px 0 5px 26px;color:#41505f}
.xih-check li b{color:#1a2733}
.xih-check li::before{content:"";position:absolute;left:0;top:6px;width:17px;height:17px;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%2318a558" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>') no-repeat center/contain}
@media(max-width:900px){.xih-svc{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.xih-svc{grid-template-columns:1fr}}
/* Coverage compacte */
.xih-cover{margin:30px 0}
.xih-cover-inner{grid-template-columns:.72fr 1.28fr!important;gap:26px!important;padding:24px 28px!important}
.xih-cover-map img{max-width:250px!important}
.xih-cover-txt h2{font-size:1.35rem!important}
.xih-cover-list{margin:12px 0 16px!important}

/* =========================================================
   PASSE RESPONSIVE + HARMONISATION (append fin de fichier)
   Corrige : bandeau icônes mobile, contraste menu mobile,
   hauteur d'images uniforme, débordements.
   ========================================================= */

/* ---------- (1) Bandeau d'icônes-arguments : grille compacte en mobile ---------- */
@media (max-width: 820px) {
  .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; }
}
@media (max-width: 480px) {
  .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; }
}

/* ---------- (2) Contraste du menu mobile (sous-items lisibles) — AUSSI SUR SITE 1 ---------- */
@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; }
}

/* ---------- (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;
}
@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; }
}

/* ---------- (4) Anti-débordement 360–414px ---------- */
@media (max-width: 820px) {
  .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; }
}
@media (max-width: 480px) {
  .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 <figure.xs-fig> 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;
}