/* VX Architecture — socle v2 (repris de docs/refonte-v2/maquette/v2.css)
 * Chargé sur tout le site après main.css (app/setup.php). Ne pas recompiler main.css.
 * Retiré de la maquette : la taille du titre du hero (#sectionHead), qui reste celle du thème. */

/* ===== Polices hébergées (OFL) ===== */
@font-face{font-family:"Cormorant Garamond";font-style:normal;font-weight:500 600;font-display:swap;src:url(fonts/cormorant-var-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:"Cormorant Garamond";font-style:normal;font-weight:500 600;font-display:swap;src:url(fonts/cormorant-var-latin.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:"Cormorant Garamond";font-style:italic;font-weight:500;font-display:swap;src:url(fonts/cormorant-vari-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:"Cormorant Garamond";font-style:italic;font-weight:500;font-display:swap;src:url(fonts/cormorant-vari-latin.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:"Lato";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/lato-400-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:"Lato";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/lato-400-latin.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:"Lato";font-style:italic;font-weight:400;font-display:swap;src:url(fonts/lato-400i-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:"Lato";font-style:italic;font-weight:400;font-display:swap;src:url(fonts/lato-400i-latin.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:"Lato";font-style:normal;font-weight:700;font-display:swap;src:url(fonts/lato-700-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:"Lato";font-style:normal;font-weight:700;font-display:swap;src:url(fonts/lato-700-latin.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
/* Typekit retiré : l’ancienne police des titres du thème (Mrs Eaves) est servie par Cormorant */
@font-face{font-family:"mrs-eaves-xl-serif";font-style:normal;font-weight:400 700;font-display:swap;src:url(fonts/cormorant-var-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:"mrs-eaves-xl-serif";font-style:normal;font-weight:400 700;font-display:swap;src:url(fonts/cormorant-var-latin.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
/* Jamais de graisse 300 */
.fLight{font-weight:400!important}

/* VX Architecture — gabarit v2 (inspiration 1point2) */
:root{--x-dark:#262625;--x-mid:#3a3a39;--x-ink:#3a3a3a;--x-light:#f4f2ef;--x-beige:#e6e1da;--x-yellow:#ffec00;--x-line:rgba(58,58,58,.18);--x-serif:"Cormorant Garamond",Garamond,Georgia,serif;--x-sans:Lato,Arial,sans-serif}
body{background:#fff}
.x-sec{width:100%;position:relative;font-family:var(--x-sans);color:var(--x-ink)}
.x-sec a{text-decoration:none}
.x-wrap{max-width:1240px;margin:0 auto;padding:110px 40px}
.x-dark{background:var(--x-dark);color:#d9d7d3}
.x-mid{background:var(--x-mid);color:#d9d7d3}
.x-light{background:var(--x-light)}
.x-beige{background:var(--x-beige)}
.x-border .x-wrap{border-top:1px solid var(--x-line)}
.x-pt0 .x-wrap{padding-top:0}

/* sur-titre + tiret */
.x-k{font:400 12.5px/1.4 var(--x-sans);letter-spacing:.18em;text-transform:uppercase;margin:0 0 12px;color:inherit}
.x-k span{opacity:.6}
.x-dash{display:block;width:22px;height:2px;background:var(--x-yellow);margin:0 0 28px}
.x-h1{font:500 clamp(36px,4.3vw,58px)/1.1 var(--x-serif);color:#fff;margin:0 0 24px;max-width:900px;text-transform:none;letter-spacing:0}
.x-h2{font:500 clamp(29px,2.9vw,42px)/1.15 var(--x-serif);margin:0 0 22px;color:inherit;text-transform:none;letter-spacing:0}
.x-dark .x-h2,.x-mid .x-h2{color:#fff}
.x-lead{font:400 22px/1.6 var(--x-sans);margin:0 0 22px;color:inherit;max-width:640px}
.x-dark .x-lead,.x-mid .x-lead{color:#f1efeb}
.x-lead a{color:inherit;border-bottom:1px solid var(--x-yellow)}
.x-p{font:400 18px/1.75 var(--x-sans);color:inherit}
.x-p p{margin:0 0 14px}
.x-p-lg{font-size:19px}
.x-p a,.x-link{color:inherit;border-bottom:1px solid var(--x-yellow)}
.x-link{font:400 12.5px var(--x-sans);letter-spacing:.14em;text-transform:uppercase;display:inline-block;margin-top:6px}

/* boutons : contour fin, comme 1point2 */
.x-btn{display:inline-block;font:400 12.5px/1 var(--x-sans);letter-spacing:.16em;text-transform:uppercase;padding:14px 22px;border:1px solid var(--x-ink);color:var(--x-ink);background:transparent;transition:background .25s,color .25s,border-color .25s;cursor:pointer}
.x-btn:hover{background:var(--x-yellow);border-color:var(--x-yellow);color:var(--x-dark)}
.x-btn-l{border-color:rgba(255,255,255,.6);color:#fff}
.x-btn-l:hover{color:var(--x-dark)}

/* 50/50 pleine largeur */
.x-split{display:flex;min-height:560px}
.x-split-txt,.x-split-img{flex:1 1 50%;min-width:0}
.x-split-txt{padding:110px max(40px,calc((100vw - 1240px)/2 + 40px)) 110px max(40px,calc((100vw - 1240px)/2 + 40px));display:flex;flex-direction:column;justify-content:center}
.x-img-right .x-split-txt{padding-right:80px}
.x-img-left .x-split-txt{padding-left:80px}
.x-split-img img{width:100%;height:100%;object-fit:cover;display:block}
.x-split-txt .x-btn{align-self:flex-start;margin-top:10px}

/* deux colonnes dans le conteneur */
.x-two{display:flex;flex-wrap:wrap}
.x-two-in{display:flex;gap:80px;flex-wrap:wrap}
.x-two-l,.x-two-r{flex:1 1 380px;min-width:0}
.x-two>.x-two-l,.x-two>.x-two-r{flex:1 1 50%}
.x-pad{padding:110px 80px 110px max(40px,calc((100vw - 1240px)/2 + 40px))}
.x-two>.x-two-r.x-pad{padding:110px max(40px,calc((100vw - 1240px)/2 + 40px)) 110px 40px}
.x-services .x-two-l{display:flex;flex-direction:column}
.x-services .x-two-l .x-pad{padding-bottom:50px}
.x-services-img{flex:1;min-height:380px;margin-right:0}
.x-services-img img{width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(1)}

/* listes « services » : titre en petites capitales + tiret */
.x-item{margin-bottom:34px}
.x-item h3,.x-acc h3{font:700 13px/1.5 var(--x-sans);letter-spacing:.16em;text-transform:uppercase;margin:0 0 10px;color:inherit}
.x-item .x-dash{margin-bottom:14px;width:18px}
.x-num{display:block;font:400 14.5px var(--x-sans);letter-spacing:.1em;opacity:.55;margin-bottom:6px}
.x-cols3,.x-cols4{display:grid;gap:40px;margin-top:20px}
.x-cols3{grid-template-columns:repeat(3,1fr)}.x-cols4{grid-template-columns:repeat(4,1fr)}

/* accordéons */
.x-acc{border-top:1px solid var(--x-line);padding:20px 0}
.x-acc:last-of-type{border-bottom:1px solid var(--x-line)}
.x-dark .x-acc{border-color:rgba(255,255,255,.15)}
.x-acc summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px}
.x-acc summary::-webkit-details-marker{display:none}
.x-acc summary h3{margin:0}
.x-acc summary::after{content:"+";font:400 24px/1 var(--x-sans);transition:transform .3s;flex:none}
.x-acc[open] summary::after{transform:rotate(45deg)}
.x-acc .x-p{padding-top:14px}
.sectionFaqx .x-acc h3{text-transform:none}
.x-acc summary h3{font:500 24px/1.3 var(--x-serif);letter-spacing:0;text-transform:none}

/* cartes réalisations / actus */
.x-row-head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;flex-wrap:wrap;margin-bottom:46px}
.x-row-head .x-h2{margin:0;max-width:680px}
.x-grid{display:grid;gap:34px 28px}
.x-grid-3{grid-template-columns:repeat(3,1fr)}
.x-card,.x-news{display:block;color:var(--x-ink)}
.x-card-img{display:block;aspect-ratio:4/3;overflow:hidden;background:#ddd;margin-bottom:16px}
.x-card-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s ease,filter .4s}
.x-card .x-card-img img{filter:grayscale(1)}
.x-card:hover .x-card-img img,.x-news:hover .x-card-img img{transform:scale(1.05);filter:none}
.x-card-meta{display:block;font:400 12.5px var(--x-sans);letter-spacing:.14em;text-transform:uppercase;opacity:.7;margin-bottom:6px}
.x-card-title{display:block;font:500 23px/1.25 var(--x-serif)}
.x-news-ex{display:block;font:400 16px/1.6 var(--x-sans);margin-top:10px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.x-more{display:inline-block;margin-top:12px;font:400 12.5px var(--x-sans);letter-spacing:.14em;text-transform:uppercase;border-bottom:1px solid var(--x-yellow)}

/* zone */
.x-zone{display:grid;grid-template-columns:1fr;gap:36px}
.x-zone h3{font:700 13px var(--x-sans);letter-spacing:.16em;text-transform:uppercase;color:#fff;border-bottom:1px solid rgba(255,255,255,.2);padding-bottom:12px;margin:0 0 16px;display:flex;justify-content:space-between}
.x-zone h3 span{font-weight:400;opacity:.6}
.x-zone ul{list-style:none;padding:0;margin:0;columns:3;column-gap:24px}
.x-zone li{font:400 17px/2.1 var(--x-sans)}
.x-zone a{color:#fff;border-bottom:1px solid var(--x-yellow)}

/* vidéo */
.x-video{aspect-ratio:16/9;background:var(--x-ink);display:flex;align-items:center;justify-content:center;margin-top:20px}
.x-video .play{width:64px;height:64px;border-radius:50%;border:1px solid #fff;position:relative}
.x-video .play::after{content:"";position:absolute;left:26px;top:20px;border-left:16px solid #fff;border-top:11px solid transparent;border-bottom:11px solid transparent}

/* témoignage */
.x-quote{margin:0;position:relative;padding-left:44px}
.x-quote::before{content:"“";position:absolute;left:0;top:-14px;font:400 70px/1 var(--x-serif);color:var(--x-yellow)}
.x-q-who{font:400 12.5px/1.6 var(--x-sans);letter-spacing:.14em;text-transform:uppercase;color:#fff;margin:0 0 14px}
.x-q-txt{font:500 italic 30px/1.35 var(--x-serif);color:#fff;margin:0 0 16px}

/* bandeau de tête des pages intérieures */
.x-head .x-wrap{padding:150px 40px 70px}
.x-crumbs{font:400 12.5px var(--x-sans);letter-spacing:.12em;text-transform:uppercase;margin-bottom:40px;color:rgba(255,255,255,.55)}
.x-crumbs a{color:rgba(255,255,255,.75)}.x-crumbs .cur{color:#fff}.x-crumbs span{margin:0 4px}
.x-lead-head{max-width:720px;color:#d9d7d3}
.x-filters{margin-top:50px;border-top:1px solid rgba(255,255,255,.12);padding-top:22px;display:flex;flex-direction:column;gap:14px}
.x-filters div{display:flex;flex-wrap:wrap;gap:6px 26px}
.x-filters a{font:400 13px var(--x-sans);letter-spacing:.08em;color:rgba(255,255,255,.55);padding-bottom:4px;border-bottom:1px solid transparent}
.x-filters a.on,.x-filters a:hover{color:#fff;border-color:var(--x-yellow)}
.x-hero-img{height:min(70vh,640px);overflow:hidden;background:var(--x-dark)}
.x-hero-img img{width:100%;height:100%;object-fit:cover;display:block}
.x-hero-img-s{height:min(50vh,460px)}

/* faits */
.x-facts{margin:0}
.x-facts div{display:flex;gap:24px;border-bottom:1px solid var(--x-line);padding:14px 0}
.x-facts div:first-child{border-top:1px solid var(--x-line)}
.x-facts dt{flex:0 0 150px;font:400 12.5px/1.9 var(--x-sans);letter-spacing:.14em;text-transform:uppercase}
.x-facts dd{margin:0;font:400 17px/1.7 var(--x-sans)}
.x-facts a{color:inherit;border-bottom:1px solid var(--x-yellow)}

/* projet */
.x-mosaic{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.x-mosaic img{width:100%;aspect-ratio:3/4;object-fit:cover;display:block}
.x-avap{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:30px}
.x-avap figure{margin:0;position:relative}
.x-avap img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}
.x-avap figcaption{position:absolute;left:0;bottom:0;background:var(--x-dark);color:#fff;font:400 12.5px var(--x-sans);letter-spacing:.16em;text-transform:uppercase;padding:10px 16px}
.x-avap figcaption.y{background:var(--x-yellow);color:var(--x-dark)}
.x-masonry{columns:4;column-gap:16px;margin-top:10px}
.x-masonry img{width:100%;display:block;margin-bottom:16px;break-inside:avoid}
.x-nav-in{display:flex;justify-content:space-between;gap:30px;padding-top:60px;padding-bottom:60px}
.x-nav-in a{color:var(--x-ink);font:500 22px/1.3 var(--x-serif);max-width:420px}
.x-nav-in a span{display:block;font:400 12.5px var(--x-sans);letter-spacing:.14em;text-transform:uppercase;opacity:.6;margin-bottom:8px}
.x-nav-in a.r{text-align:right}

/* article */
.x-article{display:grid;grid-template-columns:360px 1fr;gap:80px;align-items:start}
.x-art-side{position:sticky;top:30px}
.x-enbref{background:#fff;padding:28px;margin-bottom:28px}
.x-enbref ul{margin:0;padding-left:18px;font:400 16px/1.7 var(--x-sans)}
.x-art-side figure{margin:0}.x-art-side img{width:100%;display:block}
.x-art-side figcaption{font:400 12.5px var(--x-sans);letter-spacing:.1em;text-transform:uppercase;margin-top:10px;opacity:.7}
.x-art-body{font-size:18px;max-width:720px}
.x-art-body ul{padding-left:18px}.x-art-body li{margin-bottom:8px}
.x-h3a{font:500 27px/1.3 var(--x-serif)!important;margin:36px 0 14px!important;color:var(--x-ink)!important;text-transform:none!important;letter-spacing:0!important}
.x-author{display:flex;gap:20px;align-items:center;border-top:1px solid var(--x-line);border-bottom:1px solid var(--x-line);padding:22px 0;margin-top:46px}
.x-author img{width:72px;height:72px;border-radius:50%;object-fit:cover;filter:grayscale(1)}
.x-author p{margin:0}
.x-source{font-size:12px;opacity:.7;margin-top:14px}

/* contact */
.x-contact-info .x-lead a{font-size:26px;border:0}
.x-form label{display:block;font:400 12.5px var(--x-sans);letter-spacing:.14em;text-transform:uppercase;margin-bottom:18px}
.x-form input,.x-form select,.x-form textarea{display:block;width:100%;margin-top:8px;border:0;border-bottom:1px solid #b9b5ae;background:transparent;padding:10px 0;font:400 18px var(--x-sans);color:var(--x-ink);border-radius:0}
.x-form input:focus,.x-form select:focus,.x-form textarea:focus{outline:0;border-color:var(--x-ink)}
.x-f2{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.x-form .x-check{display:flex;gap:10px;align-items:flex-start;text-transform:none;letter-spacing:0;font:400 14.5px/1.5 var(--x-sans)}
.x-form .x-check input{width:auto;margin-top:3px}
.x-form .x-check a{color:inherit;border-bottom:1px solid var(--x-yellow)}

/* CTA */
.x-cta-btns{display:flex;align-items:center;gap:30px;flex-wrap:wrap;margin-top:10px}
.x-tel{color:#fff;font:400 24px var(--x-sans);letter-spacing:.06em}

/* pied de page */
.x-footer{background:#1c1c1b;color:#cfccc6;font:400 16px/1.7 var(--x-sans)}
.x-foot-in{display:grid;grid-template-columns:200px 1.3fr 1fr 1fr;gap:50px;padding-top:0;padding-bottom:60px}
.x-foot-logo{background:#fff;padding:26px 24px;align-self:start}
.x-foot-logo img{width:100%;display:block}
.x-foot-nap{padding-top:50px}.x-foot-nav{padding-top:50px;display:flex;flex-direction:column;gap:4px}
.x-footer a{color:#e8e6e2}
.x-footer a:hover{color:var(--x-yellow)}
.x-foot-t{font:400 12.5px var(--x-sans);letter-spacing:.16em;text-transform:uppercase;color:#fff;margin:0 0 10px}
.x-foot-nap p{margin:0 0 14px}
.x-foot-bot{display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.1);padding-top:22px;padding-bottom:22px;font-size:12px;letter-spacing:.06em}

/* header : pages intérieures sur bandeau sombre */
.x-inner #header{background:#fff}

@media (max-width:991px){
 .x-wrap{padding:80px 24px}
 .x-head .x-wrap{padding:60px 24px 50px}
 .x-split{flex-direction:column;min-height:0}
 .x-split .x-split-img{order:-1;height:320px}
 .x-split-txt,.x-img-right .x-split-txt,.x-img-left .x-split-txt{padding:70px 24px}
 .x-pad,.x-two>.x-two-r.x-pad{padding:70px 24px}
 .x-two>.x-two-l,.x-two>.x-two-r{flex-basis:100%}
 .x-two-in{gap:40px}
 .x-grid-3,.x-cols3,.x-cols4,.x-mosaic{grid-template-columns:1fr}
 .x-zone ul{columns:2}
 .x-masonry{columns:2}
 .x-article{grid-template-columns:1fr;gap:40px}.x-art-side{position:static}
 .x-foot-in{grid-template-columns:1fr;gap:20px}.x-foot-logo{max-width:200px}.x-foot-nap,.x-foot-nav{padding-top:10px}
 .x-f2{grid-template-columns:1fr;gap:0}
 .x-nav-in{flex-direction:column}.x-nav-in a.r{text-align:left}
 .x-avap{grid-template-columns:1fr}
 .x-hero-img{height:300px}
 body.menuOpen #blockMenu{display:block!important;position:fixed;top:90px;left:0;right:0;background:#fff;z-index:100;padding:24px;box-shadow:0 10px 20px rgba(0,0,0,.1)}
 body.menuOpen #menu-menu-header{flex-direction:column;gap:14px}
 #blockMenu{display:none!important}
}
@media (min-width:992px) and (max-width:1200px){.x-cols4{grid-template-columns:repeat(2,1fr)}}

/* ===== Menu : sous-menu Prestations ===== */
#menu-menu-header{align-items:stretch}
.x-has-sub{position:relative!important}
.x-has-sub>a{white-space:nowrap}
.x-caret{display:inline-block;margin-left:8px;vertical-align:middle;width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-3px);transition:transform .25s}
.x-has-sub:hover .x-caret,.x-has-sub:focus-within .x-caret{transform:rotate(-135deg) translateY(-1px)}
.x-sub-toggle{display:none}
.x-sub{position:absolute;left:var(--x-left,0px);width:100vw;top:100%;z-index:60;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .25s,transform .25s,visibility 0s .25s;padding-top:0;pointer-events:none}
.x-has-sub:hover .x-sub,.x-has-sub:focus-within .x-sub{opacity:1;visibility:visible;transform:none;pointer-events:auto;transition:opacity .25s,transform .25s}
.x-sub-in{background:#262625;color:#d9d7d3;display:grid;grid-template-columns:1.2fr 1fr .9fr;gap:50px;padding:44px max(40px,calc((100vw - 1240px)/2 + 40px));box-shadow:0 20px 40px rgba(0,0,0,.18);font-family:var(--x-sans)}
.x-sub-t{font:400 12.5px/1.4 var(--x-sans);letter-spacing:.18em;text-transform:uppercase;color:#fff;margin:0 0 6px;padding-bottom:14px;position:relative}
.x-sub-t::after{content:"";position:absolute;left:0;bottom:4px;width:22px;height:2px;background:var(--x-yellow)}
#blockMenu .nav-primary .x-sub a,.x-sub a{display:block;padding:12px 0!important;border-bottom:1px solid rgba(255,255,255,.1);color:#fff!important;font-weight:400;height:auto}
.x-sub a::after,.x-sub a::before{display:none!important}
.x-sub a strong{display:block;font:500 22px/1.25 var(--x-serif)}
.x-sub a span{display:block;font:400 14.5px/1.5 var(--x-sans);color:#c9c6c0;margin-top:2px}
.x-sub a:hover strong{color:var(--x-yellow)}
.x-sub-cta{background:#3a3a39;padding:26px 28px;align-self:start}
.x-sub-cta p{font:400 16px/1.6 var(--x-sans);margin:0 0 14px}
#blockMenu .nav-primary .x-sub-cta a{border:0;padding:0!important}
.x-sub-cta .x-sub-tel{font:400 22px var(--x-sans)!important;letter-spacing:.05em;margin-bottom:16px}
.x-sub-cta .x-sub-btn{display:inline-block!important;border:1px solid rgba(255,255,255,.6)!important;padding:12px 18px!important;font:400 12.5px var(--x-sans)!important;letter-spacing:.16em;text-transform:uppercase}
.x-sub-cta .x-sub-btn:hover{background:var(--x-yellow);border-color:var(--x-yellow)!important;color:#262625!important}
#header{position:relative;z-index:50}
@media (max-width:991px){
 .x-has-sub{position:relative!important}
 .x-caret{display:none}
 .x-sub-toggle{display:block;position:absolute;z-index:5;right:0;top:6px;width:44px;height:44px;border:0;background:transparent;cursor:pointer}
 .x-sub-toggle::after{content:"+";font:400 26px/44px var(--x-sans);color:#3a3a3a}
 .x-open .x-sub-toggle::after{content:"–"}
 .x-sub{position:static;width:auto;opacity:1;visibility:visible;transform:none;display:none}
 .x-has-sub:hover .x-sub{display:none}
 .x-open .x-sub,.x-open:hover .x-sub{display:block}
 .x-sub-in{grid-template-columns:1fr;gap:24px;padding:22px 20px;margin-top:6px;box-shadow:none}
 .x-sub-cta{display:none}
 body.menuOpen #menu-menu-header .menu-item{height:auto!important;position:relative}
 body.menuOpen #menu-menu-header{display:flex;flex-wrap:nowrap}
 body.menuOpen #blockMenu{max-height:calc(100vh - 90px);overflow:auto}
}
@media (min-width:992px){
 #header>.row{flex-wrap:nowrap}
 #header .blockLeft{flex:1 1 auto;max-width:none;width:auto;flex-wrap:nowrap;justify-content:flex-start!important;gap:30px}
 #header .blockRight{flex:0 0 auto;max-width:none;width:auto}
 #blockMenu .nav-primary .menu-item a{padding:35px 14px 10px}
}
@media (min-width:992px) and (max-width:1199px){#blockMenu .nav-primary .menu-item a{padding:30px 9px 10px;font-size:.88em}#header .blockLeft{gap:10px}}

/* titres du thème (hero, etc.) dans la même police */
.h1,.h2,h1.h1,#sectionHead h1 .h1{font-family:"Cormorant Garamond",Garamond,Georgia,serif!important;font-weight:500!important}

/* ===== Blocs fond jaune ===== */
.x-yellow{background:var(--x-yellow);color:#262625}
.x-yellow .x-k span{opacity:.7}
.x-yellow .x-dash{background:#262625}
.x-yellow .x-h2,.x-yellow .x-lead,.x-yellow .x-q-who,.x-yellow .x-q-txt{color:#262625}
.x-yellow .x-p a,.x-yellow .x-link{border-bottom-color:#262625}
.x-yellow .x-btn{border-color:#262625;color:#262625}
.x-yellow .x-btn:hover{background:#262625;border-color:#262625;color:var(--x-yellow)}
.x-yellow .x-tel{color:#262625}
.x-yellow .x-quote::before{color:#262625}

/* ===== Touches de jaune (sobres) ===== */
.x-btn-y{background:var(--x-yellow);border-color:var(--x-yellow);color:#262625}
.x-btn-y:hover{background:transparent;border-color:var(--x-yellow);color:var(--x-yellow)}
.x-crumbs .cur{color:var(--x-yellow)}
.x-card .x-card-img,.x-news .x-card-img{position:relative}
.x-card .x-card-img::after,.x-news .x-card-img::after{content:"";position:absolute;left:0;bottom:0;height:3px;width:0;background:var(--x-yellow);transition:width .4s ease}
.x-card:hover .x-card-img::after,.x-news:hover .x-card-img::after{width:100%}
.x-footer{border-top:3px solid var(--x-yellow)}

/* ===== Animations ===== */
.x-anim .x-rv{opacity:0;transform:translateY(26px);transition:opacity .9s cubic-bezier(.2,.65,.2,1),transform .9s cubic-bezier(.2,.65,.2,1);transition-delay:var(--d,0s)}
.x-anim .x-rv.is-in{opacity:1;transform:none}
.x-anim .x-rvi{clip-path:inset(0 0 100% 0);transition:clip-path 1.2s cubic-bezier(.7,0,.2,1);transition-delay:var(--d,0s)}
.x-anim .x-rvi.is-in{clip-path:inset(0 0 0 0)}
.x-anim .x-rvi img,.x-anim img.x-rvi{transform:scale(1.12);transition:transform 1.8s cubic-bezier(.2,.65,.2,1),filter .4s}
.x-anim .x-rvi.is-in img,.x-anim img.x-rvi.is-in{transform:scale(1)}
.x-anim .x-k.x-rv+.x-dash{width:0;transition:width .8s cubic-bezier(.2,.65,.2,1) .35s}
.x-anim .x-k.x-rv.is-in+.x-dash{width:22px}
/* image de tête des pages intérieures : léger travelling */
@keyframes xZoom{from{transform:scale(1.08)}to{transform:scale(1)}}
.x-anim .x-hero-img.is-in img{animation:xZoom 6s cubic-bezier(.2,.65,.2,1) both}
/* boutons : flèche qui glisse */
.x-btn{position:relative;overflow:hidden}
.x-btn::after{content:"→";display:inline-block;margin-left:0;max-width:0;opacity:0;transition:max-width .3s,margin .3s,opacity .3s;vertical-align:baseline}
.x-btn:hover::after{max-width:20px;margin-left:10px;opacity:1}
/* liens soulignés : trait qui se dessine */
.x-link,.x-more{background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;transition:background-size .35s}
.x-link:hover,.x-more:hover,.x-news:hover .x-more{background-size:100% 1px}
/* accordéons : ouverture douce */
.x-acc .x-p{animation:none}
.x-acc[open] .x-p{animation:xOpen .45s cubic-bezier(.2,.65,.2,1)}
@keyframes xOpen{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
/* menu prestations : liens en cascade */
.x-sub a{transform:translateY(8px);opacity:0;transition:transform .35s,opacity .35s}
.x-has-sub:hover .x-sub a,.x-has-sub:focus-within .x-sub a,.x-open .x-sub a{transform:none;opacity:1}
.x-sub-col a:nth-of-type(2){transition-delay:.04s}.x-sub-col a:nth-of-type(3){transition-delay:.08s}.x-sub-col a:nth-of-type(4){transition-delay:.12s}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

/* ===== Sections beiges (texte anthracite) ===== */
.x-beige .x-h1{color:var(--x-ink)}
.x-head.x-beige .x-lead-head{color:var(--x-ink)}
.x-head.x-beige .x-crumbs{color:rgba(58,58,58,.6)}
.x-head.x-beige .x-crumbs a{color:rgba(58,58,58,.8)}
.x-head.x-beige .x-crumbs .cur{color:var(--x-ink);border-bottom:1px solid var(--x-yellow)}
.x-head.x-beige .x-filters{border-top-color:rgba(58,58,58,.18)}
.x-head.x-beige .x-filters a{color:rgba(58,58,58,.65)}
.x-head.x-beige .x-filters a.on,.x-head.x-beige .x-filters a:hover{color:var(--x-ink)}
.x-beige .x-btn-l,.x-light .x-btn-l{border-color:var(--x-ink);color:var(--x-ink)}
.x-beige .x-btn-l:hover,.x-light .x-btn-l:hover{color:var(--x-dark)}
.x-beige .x-zone h3{color:var(--x-ink);border-bottom-color:var(--x-line)}
.x-beige .x-zone a{color:var(--x-ink)}
.x-beige .x-avap figcaption{background:var(--x-ink)}

.x-zone-split{margin-top:14px;gap:28px}
.x-zone-split ul{columns:2}

/* ===== Pied de page blanc ===== */
.x-footer{background:#fff;color:var(--x-ink);border-top:1px solid var(--x-line)}
.x-footer a{color:var(--x-ink)}
.x-footer a:hover{color:var(--x-ink);text-decoration:underline;text-decoration-color:var(--x-yellow);text-underline-offset:4px}
.x-foot-t{color:var(--x-ink)}
.x-foot-logo{padding:26px 0 0;background:transparent}
.x-foot-bot{border-top-color:var(--x-line);color:rgba(58,58,58,.75)}

/* ===== Avis Google ===== */
.x-rating{display:flex;align-items:center;gap:12px;margin:0;font:400 14.5px var(--x-sans);color:#d9d7d3}
.x-rating-n{font:500 34px/1 var(--x-serif);color:#fff}
.x-stars{color:var(--x-yellow);letter-spacing:2px;font-size:16px}
.x-rev-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.x-review{margin:0;background:#2f2f2e;padding:30px 30px 26px;display:flex;flex-direction:column}
.x-rev-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}
.x-g{font:400 12.5px var(--x-sans);letter-spacing:.14em;text-transform:uppercase;color:#a9a6a0}
.x-review blockquote{margin:0 0 22px;flex:1}
.x-review blockquote p{font:500 italic 20px/1.45 var(--x-serif);color:#fff;margin:0}
.x-review figcaption{border-top:1px solid rgba(255,255,255,.12);padding-top:16px}
.x-review figcaption strong{display:block;font:700 13px var(--x-sans);letter-spacing:.14em;text-transform:uppercase;color:#fff}
.x-review figcaption span{display:block;font:400 14.5px var(--x-sans);color:#c9c6c0;margin-top:4px}
@media (max-width:991px){.x-rev-grid{grid-template-columns:1fr}}

/* ===== Menu collant ===== */
#header{position:sticky!important;top:0;left:0;width:100%;z-index:100!important;background:#fff;transition:box-shadow .3s}
#header.x-stuck{box-shadow:0 6px 24px rgba(0,0,0,.08)}
html,body{overflow-x:clip!important;overflow-y:visible!important}

/* ===== Pas de bleu au survol (Bootstrap) ===== */
a:hover,a:focus{color:inherit;text-decoration:none}
.x-p a:hover,.x-link:hover,.x-more:hover{color:inherit}
#blockMenu .nav-primary .menu-item a:hover{color:#3a3a3a}

/* ===== Menu mobile : neutralise l'ancien tiroir du thème =====
 * routes/common.js ajoute .navbar-collapse.collapse à #blockMenu sous 991 px, ce qui réactive
 * le tiroir beige de 340 px de main.css. On garde le panneau pleine largeur de la maquette. */
@media (max-width:991px){
 #blockMenu.navbar-collapse{position:fixed;top:90px;left:0;right:0;width:auto;max-width:none;height:auto;max-height:calc(100vh - 90px);overflow:auto;background:#fff;padding:24px;box-shadow:0 10px 20px rgba(0,0,0,.1);z-index:100}
 #blockMenu.navbar-collapse .nav-primary #menu-menu-header{display:flex;flex-direction:column;flex-wrap:nowrap;gap:14px;margin-top:0}
 #blockMenu.navbar-collapse .nav-primary #menu-menu-header>.menu-item{height:auto}
 #blockMenu.navbar-collapse .nav-primary #menu-menu-header>.menu-item>a{padding:30px 10px 10px;border-bottom:0;font-size:.9em}
 #blockMenu.navbar-collapse .nav-primary #menu-menu-header .x-sub a{border-bottom:1px solid rgba(255,255,255,.1);font-size:inherit}
}

/* ===== Composants WordPress des gabarits v2 (P4a) ===== */
.x-video iframe{display:block;width:100%;height:100%;border:0}
.x-video:has(iframe){background:transparent}
.x-v2 .mainContent{overflow-x:clip}

/* ===== Contact Form 7 habillé comme le formulaire de la maquette (P4b) ===== */
.x-cf7 .wpcf7-form p{margin:0 0 18px}
.x-cf7 .wpcf7-form-control-wrap{display:block}
.x-cf7 ::placeholder{color:#8a867f;opacity:1}
.x-cf7 input[type=checkbox],.x-cf7 input[type=radio]{display:inline-block;width:auto;margin:3px 10px 0 0;padding:0}
.x-cf7 .wpcf7-acceptance .wpcf7-list-item{margin:0;display:block;font:400 14.5px/1.5 var(--x-sans);text-transform:none;letter-spacing:0}
.x-cf7 .wpcf7-acceptance label{display:flex;align-items:flex-start;text-transform:none;letter-spacing:0;font:400 14.5px/1.5 var(--x-sans)}
.x-cf7 .wpcf7-acceptance a{color:inherit;border-bottom:1px solid var(--x-yellow)}
.x-cf7 .wpcf7-submit{display:inline-block;width:auto;margin-top:10px;font:400 12.5px/1 var(--x-sans);letter-spacing:.16em;text-transform:uppercase;padding:14px 22px;border:1px solid var(--x-ink);color:var(--x-ink);background:transparent;cursor:pointer;transition:background .25s,border-color .25s,color .25s}
.x-cf7 .wpcf7-submit:hover,.x-cf7 .wpcf7-submit:focus{background:var(--x-yellow);border-color:var(--x-yellow);color:var(--x-dark)}
.x-cf7 .wpcf7-not-valid-tip{font:400 13px var(--x-sans);color:#a3341f;margin-top:6px;text-transform:none;letter-spacing:0}
.x-cf7 .wpcf7-response-output{margin:20px 0 0!important;padding:12px 16px!important;border:1px solid var(--x-line)!important;font:400 15px/1.5 var(--x-sans)}
.x-cf7 .wpcf7 form.sent .wpcf7-response-output{border-color:var(--x-yellow)!important}
.x-cf7 .wpcf7 form.invalid .wpcf7-response-output,.x-cf7 .wpcf7 form.failed .wpcf7-response-output{border-color:#a3341f!important}
/* Filtres : lien actif accessible au clavier */
.x-filters a:focus-visible{outline:2px solid var(--x-yellow);outline-offset:3px}
/* Balisage du formulaire existant (Bootstrap : .form-group.d-flex > p > deux champs séparés par <br>) */
.x-cf7 .form-group{display:block;margin:0}
.x-cf7 .form-group > p{display:grid;grid-template-columns:1fr 1fr;gap:0 24px;width:100%;margin:0 0 18px}
.x-cf7 .form-group > p > br{display:none}
.x-cf7 .form-group > p > .wpcf7-form-control-wrap:only-of-type{grid-column:1/-1}
.x-cf7 .form-control{max-width:none;border-radius:0;box-shadow:none;height:auto}
.x-cf7 hr{border:0;border-top:1px solid var(--x-line);margin:8px 0 18px}
.x-cf7 .form-submit{text-align:left!important}
.x-cf7 .form-submit .wpcf7-submit{margin:10px 0 0!important}
@media (max-width:991px){.x-cf7 .form-group > p{grid-template-columns:1fr}}
/* Avant / après : paires au-delà de 3 repliées */
.x-avap-plus{margin-top:30px}
.x-avap-plus>summary{list-style:none;cursor:pointer}
.x-avap-plus>summary::-webkit-details-marker{display:none}
.x-avap-plus[open]>summary{display:none}

/* ===== Correctifs P4c ===== */
/* Avant / après : sur fond beige, la règle .x-beige .x-avap figcaption masquait « Après » */
.x-avap figcaption.y,.x-beige .x-avap figcaption.y{background:#ffec00;color:#262625}
/* Titres dans le corps des articles (mêmes valeurs que .x-h3a) */
.x-art-body h2{font:500 27px/1.3 var(--x-serif);margin:36px 0 14px;color:var(--x-ink);text-transform:none;letter-spacing:0}
/* Cartes : unité en minuscules dans la ligne en capitales */
.x-unit{text-transform:none}
/* Vidéo : façade légère, l'iframe n'est chargée qu'au clic */
.x-yt{position:relative;display:block;width:100%;height:100%;overflow:hidden;background:var(--x-ink);cursor:pointer}
.x-yt img{display:block;width:100%;height:100%;object-fit:cover}
.x-yt .play{position:absolute;left:50%;top:50%;width:64px;height:64px;margin:-32px 0 0 -32px;border-radius:50%;border:1px solid #fff;background:rgba(38,38,37,.45);transition:background .25s,border-color .25s}
.x-yt .play::after{content:"";position:absolute;left:26px;top:20px;border-left:16px solid #fff;border-top:11px solid transparent;border-bottom:11px solid transparent}
.x-yt:hover .play,.x-yt:focus-visible .play{background:var(--x-yellow);border-color:var(--x-yellow)}
.x-yt:hover .play::after,.x-yt:focus-visible .play::after{border-left-color:#262625}
/* Fil d'Ariane mobile : une ligne, dernier élément tronqué */
@media (max-width:767px){
 .x-crumbs{display:flex;flex-wrap:nowrap;align-items:baseline;white-space:nowrap}
 .x-crumbs>*{flex:none}
 .x-crumbs .x-crumb-mid{display:none}
 .x-crumbs .cur{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis}
}

/* Bloc Rendez-vous : hauteur donnée par le texte, la photo remplit sans imposer sa hauteur */
.x-split.x-cta{min-height:420px}
.x-cta .x-split-img{position:relative;overflow:hidden}
.x-cta .x-split-img img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover}
@media (min-width:992px){.x-cta .x-split-txt{padding-top:70px;padding-bottom:70px}}
@media (max-width:991px){.x-split.x-cta{min-height:0}.x-cta .x-split-img{height:240px}}
/* Photo verticale : 283 px de large, comme le portrait de la biographie sur le site actuel */
.x-portrait .x-split-img{display:flex;justify-content:center;align-items:flex-start;padding-top:110px}
.x-portrait .x-split-img img{width:283px;max-width:100%;height:auto}
@media (max-width:991px){.x-split.x-portrait .x-split-img{height:auto;padding-top:60px}.x-portrait .x-split-txt{padding-top:40px}}
/* Fil d'Ariane plus discret */
.x-crumbs{font-size:11px}
/* Cartes réalisation : lieu, type et surface en 11 px */
.x-card .x-card-meta{font-size:11px}
/* Filtres : le filtre actif est posé sur un fond, au lieu d'un simple soulignement */
.x-filters div{gap:6px 6px;margin-left:-12px}
.x-filters a{padding:6px 12px;border-bottom:0}
.x-filters a:hover{color:#fff;background:rgba(255,255,255,.08)}
.x-filters a.on{color:#fff;background:rgba(255,255,255,.16)}
.x-head.x-beige .x-filters a:hover{color:var(--x-ink);background:rgba(58,58,58,.08)}
.x-head.x-beige .x-filters a.on{color:#fff;background:var(--x-ink)}
/* Recette P7 — textes secondaires en gris plein sur les fonds clairs (contraste AA : 4,9:1 sur beige, 5,7:1 sur blanc cassé), au lieu d'une opacité */
:root{--x-grey:#625f5b}
.x-sec:not(.x-dark):not(.x-mid):not(.x-yellow) :is(.x-k span,.x-num,.x-card-meta,.x-zone h3 span,.x-nav-in a span,.x-art-side figcaption,.x-source){opacity:1;color:var(--x-grey)}
.x-head.x-beige .x-crumbs,.x-head.x-beige .x-crumbs a,.x-head.x-beige .x-filters a{color:var(--x-grey)}
/* Focus clavier visible sur fond clair : contour anthracite (le jaune ne ressort pas sur le beige) */
.x-head.x-beige .x-filters a:focus-visible{outline-color:var(--x-ink)}
.x-cf7 input[type=checkbox]:focus-visible{outline:2px solid var(--x-ink);outline-offset:2px}
/* Titres des éléments en h2 quand la section n'a pas de titre (ordre des titres), même apparence que les h3 */
.x-item h2{font:700 13px/1.5 var(--x-sans);letter-spacing:.16em;text-transform:uppercase;margin:0 0 10px;color:inherit}
.x-acc summary h2{font:500 24px/1.3 var(--x-serif);letter-spacing:0;text-transform:none;margin:0;color:inherit}
/* Recette P7 — suite du sur-titre sur fond anthracite clair (bloc Rendez-vous) et bas du pied de page : contraste AA */
.x-mid .x-k span{opacity:1;color:rgba(255,255,255,.75)}
.x-foot-bot{color:var(--x-grey)}
/* Textes descriptifs en 16 px (au lieu de 18) */
.x-p{font-size:16px}
/* Lien d'évitement « Aller au contenu » : hors écran, affiché au focus clavier */
.x-skip{position:absolute;left:16px;top:-80px;z-index:10000;background:var(--x-dark);color:#fff;padding:12px 18px;font:400 13px var(--x-sans);letter-spacing:.12em;text-transform:uppercase}
.x-skip:focus,.x-skip:hover{top:16px;color:#fff;outline:2px solid var(--x-yellow);outline-offset:2px}
#contenu:focus{outline:0}
/* Bloc Prestations de l'accueil : photo à gauche sur toute la hauteur, collée aux blocs voisins ; textes à droite */
.x-services>.x-services-img{position:relative;flex:1 1 50%;min-height:380px;margin:0}
.x-services>.x-services-img img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover}
.x-services .x-two-r>.x-p{margin-top:6px}
.x-services .x-services-list{margin:40px 0 10px}
@media (max-width:991px){.x-services>.x-services-img{min-height:0;height:320px}}
/* Pages intérieures : moins d'espace entre le menu et le fil d'Ariane */
.x-head .x-wrap{padding-top:70px}
@media (max-width:991px){.x-head .x-wrap{padding-top:32px}}
/* Ancien thème (main.css, non recompilé) : même gris #3a3a3a sur les pages v2 (texte courant, menu, bouton téléphone, burger) */
body.x-v2{color:#3a3a3a}
.x-v2 .bgGrayDark{background-color:#3a3a3a!important}
.x-v2 .cGrayDark{color:#3a3a3a!important}
.x-v2 #blockMenu .nav-primary .menu-item a,.x-v2 #blockMenu.navbar-collapse .nav-primary #menu-menu-header .menu-item a{color:#3a3a3a}
.x-v2 #blockMenuBurger .navbar-toggler .animated-icon span{background:#3a3a3a}
/* Fond beige : le jaune #ffec00 ne se distingue pas du beige. Jaune plus soutenu et traits plus épais pour les filets et soulignements */
.x-beige .x-dash{height:3px;background:#e6c700}
.x-beige :is(.x-link,.x-more,.x-p a,.x-lead a,.x-facts a,.x-zone a,.x-form .x-check a,.x-cf7 .wpcf7-acceptance a){border-bottom:2px solid #e6c700}
.x-head.x-beige .x-crumbs .cur{border-bottom:2px solid #e6c700}
/* Pied de page : icônes des réseaux sociaux, puis lien BNI */
.x-social{display:flex;align-items:center;flex-wrap:wrap;gap:6px 14px}
.x-social .x-ico{display:inline-flex;width:36px;height:36px;align-items:center;justify-content:center;border:1px solid var(--x-line);border-radius:50%;color:var(--x-ink)}
.x-social .x-ico:hover,.x-social .x-ico:focus-visible{background:var(--x-ink);border-color:var(--x-ink);color:#fff;text-decoration:none}
/* Vidéo sous le texte d'un bloc image / texte (À propos de l'accueil) */
.x-split-txt .x-video{margin:6px 0 30px}