@font-face{font-family:'Montserrat';font-style:normal;font-weight:300 500;font-display:swap;src:url(fonts/montserrat-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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:300 500;font-display:swap;src:url(fonts/montserrat-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:'Libre Baskerville';font-style:normal;font-weight:400 700;font-display:swap;src:url(fonts/lb-regular-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:'Libre Baskerville';font-style:normal;font-weight:400 700;font-display:swap;src:url(fonts/lb-regular-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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Libre Baskerville';font-style:italic;font-weight:400 700;font-display:swap;src:url(fonts/lb-italic-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:'Libre Baskerville';font-style:italic;font-weight:400 700;font-display:swap;src:url(fonts/lb-italic-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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
/* Selves Avocat — feuille de style */
:root{
  --bordeaux:#5C1826;
  --bordeaux-2:#7a2a3a;
  --ink:#1c1c1e;
  --ink-2:#444;
  --muted:#6f6a66;
  --paper:#f4f2ee;
  --paper-2:#ebe7e0;
  --line:#d9d3ca;
  --white:#fff;
  --serif:'Libre Baskerville',Georgia,'Times New Roman',serif;
  --sans:'Montserrat',system-ui,-apple-system,'Segoe UI',sans-serif;
  --max:1240px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--sans);font-weight:300;color:var(--ink);background:var(--paper);line-height:1.8;font-size:15.5px;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
h1,h2,h3,h4{font-family:var(--serif);font-weight:400;line-height:1.12;letter-spacing:.01em}
h1{font-size:clamp(34px,4.4vw,62px)}
h2{font-size:clamp(26px,3vw,40px)}
h3{font-size:clamp(20px,1.9vw,26px)}
p{margin:0 0 1.35em}
.wrap{max-width:var(--max);margin:0 auto;padding:0 24px}
.kicker{display:block;font-family:var(--sans);font-size:11px;letter-spacing:.34em;text-transform:uppercase;color:var(--bordeaux);margin-bottom:22px;font-weight:400}
.kicker.light{color:rgba(255,255,255,.85)}
.lead{font-size:17px;color:var(--ink-2);max-width:62ch;line-height:1.8;font-weight:300}
.rule{width:34px;height:2px;background:var(--bordeaux);margin:0 0 26px}
.center{text-align:center}
.center .rule{margin-left:auto;margin-right:auto}
.center .lead{margin-left:auto;margin-right:auto}

/* Boutons */
.btn{display:inline-block;font-family:var(--sans);font-size:12px;letter-spacing:.24em;text-transform:uppercase;font-weight:400;padding:16px 30px;border:1px solid var(--bordeaux);color:var(--bordeaux);transition:all .3s}
.btn:hover{background:var(--bordeaux);color:#fff}
.btn.solid{background:var(--bordeaux);color:#fff}
.btn.solid:hover{background:var(--bordeaux-2);border-color:var(--bordeaux-2)}
.btn.ghost{border-color:rgba(255,255,255,.7);color:#fff}
.btn.ghost:hover{background:#fff;color:var(--ink);border-color:#fff}
.link{font-size:11px;letter-spacing:.3em;text-transform:uppercase;border-bottom:1px solid currentColor;padding-bottom:5px;font-weight:400}

/* En-tête */
.site-header{position:absolute;top:0;left:0;right:0;z-index:50;padding:22px 0}
.site-header .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:1400px}
/* Enseigne textuelle : le logo a ete retire des pages, le nom le remplace.
   Meme composition que le pied — le nom en serif, la qualite dessous en
   petites capitales espacees. */
.brand{display:flex;flex-direction:column;align-items:flex-start;gap:3px;color:#fff;text-decoration:none}
.brand-n{font-family:var(--serif);font-weight:400;font-size:29px;line-height:1;letter-spacing:.02em}
.brand-q{font-family:var(--sans,sans-serif);font-size:11px;letter-spacing:.34em;text-transform:uppercase;opacity:.82}
.nav{display:flex;align-items:center;gap:34px}
.nav a{font-family:var(--serif);font-size:18px;color:#fff;position:relative;padding-bottom:4px}
.nav a.active::after,.nav a:hover::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:#fff}
/* L'onglet Contact fait doublon avec le bouton « Discuter de votre operation »,
   mais ce bouton est masque sous 860 px : l'onglet n'y survit que la. */
.nav .nav-contact{display:none}
.nav .has-sub{position:relative}
.nav .sub{position:absolute;top:100%;left:-18px;padding-top:14px;display:none;min-width:320px}
.nav .has-sub:hover .sub,.nav .has-sub:focus-within .sub{display:block}
.nav .sub ul{list-style:none;background:#fff;border:1px solid var(--line);padding:10px 0;box-shadow:0 20px 50px rgba(0,0,0,.18)}
.nav .sub a{display:block;color:var(--ink);font-family:var(--sans);font-size:13px;letter-spacing:.06em;padding:10px 22px}
.nav .sub a:hover{background:var(--paper);color:var(--bordeaux)}
.nav .sub a::after{display:none}
.header-right{display:flex;align-items:center;gap:22px;color:#fff}
.header-right .cta{font-size:11px;letter-spacing:.24em;text-transform:uppercase;border:1px solid rgba(255,255,255,.6);padding:12px 20px;font-weight:400}
.header-right .cta:hover{background:#fff;color:var(--ink)}
.header-right svg{width:20px;height:20px;fill:#fff}
.burger{display:none;background:none;border:0;color:#fff;cursor:pointer;width:40px;height:40px}
.burger span{display:block;height:1.5px;background:#fff;margin:7px 8px}
.site-header.dark .brand,.site-header.dark .nav a,.site-header.dark .header-right{color:var(--ink)}
.site-header.dark .header-right svg{fill:var(--ink)}
.site-header.dark .nav a.active::after,.site-header.dark .nav a:hover::after{background:var(--ink)}
.site-header.dark .header-right .cta{border-color:var(--ink)}
.site-header.dark .header-right .cta:hover{background:var(--ink);color:#fff}
.site-header.dark .burger span{background:var(--ink)}

/* Hero */
.hero .bg-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero .kicker.brand-k{display:flex;align-items:center;gap:18px;color:#fff;font-weight:500;letter-spacing:.32em;margin-bottom:28px;text-shadow:0 1px 14px rgba(0,0,0,.55)}
.hero .kicker.brand-k::before{content:"";display:block;width:44px;height:3px;background:var(--bordeaux);flex:none}
.hero h1{font-family:var(--serif);font-weight:400;letter-spacing:.01em;line-height:1.2;font-size:clamp(32px,4.2vw,58px);max-width:none;text-shadow:0 2px 26px rgba(0,0,0,.35)}
.hero h1 .hl{color:var(--bordeaux);text-shadow:none}
.h2-three{margin:0 auto}
.btn{transition:all .3s,transform .35s ease}
.btn:hover{transform:scale(1.04)}
.nav a:hover{color:var(--bordeaux) !important;text-shadow:0 0 14px rgba(255,255,255,.55)}
.nav a:hover::after{background:var(--bordeaux)}
.header-right a:hover svg{fill:var(--bordeaux)}
.header-right .cta:hover{background:var(--bordeaux);color:#fff;border-color:var(--bordeaux)}
.site-header.dark .header-right .cta:hover{background:var(--bordeaux);border-color:var(--bordeaux)}
.hero{position:relative;min-height:100vh;display:flex;align-items:flex-end;color:#fff;background:#2a2f37;overflow:hidden}
.hero.short{min-height:72vh}
.hero .bg{position:absolute;inset:0;background-size:cover;background-position:center}
.hero .shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,18,24,.30) 0%,rgba(15,18,24,.10) 40%,rgba(15,18,24,.45) 100%)}
/* La banniere respire : le nom de la maison tient le haut, le titre et ce qui
   le suit tiennent le bas. L'ecart entre les deux fait pres de la moitie de la
   hauteur, c'est lui qui donne son calme a la page. Rien ne bouge dans le
   texte : le h1 porte toujours le meme contenu, sa seconde moitie est
   simplement calee en bas. */
.hero{align-items:stretch}
.hero .wrap{position:relative;display:flex;flex-direction:column;justify-content:flex-end;
  padding-bottom:12vh;padding-top:13vh;width:100%}
.hero h1{display:flex;flex-direction:column;justify-content:space-between;flex:1;margin:0}
.hero h1 .h1-bas{display:block}

.hero .sub{font-family:var(--serif);font-size:clamp(17px,1.4vw,22px);max-width:60ch;margin-top:24px;opacity:.95}
.hero .actions{margin-top:38px;display:flex;gap:16px;flex-wrap:wrap}
.hero .caption{font-size:11px;letter-spacing:.3em;text-transform:uppercase;opacity:.7;margin-top:56px}

/* Sections */
section{padding:110px 0}
section.tight{padding:80px 0}
.paper-2{background:var(--paper-2)}
.dark{background:var(--ink);color:#fff}
.dark .lead,.dark p{color:rgba(255,255,255,.82)}
.dark .kicker{color:rgba(255,255,255,.7)}
.dark .kicker.bordeaux{color:#b8556a}
.dark .rule{background:#fff}
.bordeaux-bg{background:var(--bordeaux);color:#fff}
.bordeaux-bg .kicker{color:rgba(255,255,255,.75)}
.bordeaux-bg .rule{background:#fff}
.bordeaux-bg p{color:rgba(255,255,255,.9)}
.two{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.two.narrow-left{grid-template-columns:.8fr 1.2fr}
.three{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.four{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}

/* Cartes expertises */
.card{position:relative;display:block;aspect-ratio:3/4;overflow:hidden;color:#fff;background:#222}
.card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.4s cubic-bezier(.2,.7,.2,1)}
.card:hover img{transform:scale(1.05)}
.card .veil{position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,22,28,.05) 30%,rgba(20,22,28,.55) 65%,rgba(20,22,28,.9) 100%)}
.card .body{position:absolute;left:0;right:0;bottom:0;padding:30px 28px 34px}
.card .num{display:block;font-size:11px;letter-spacing:.34em;margin-bottom:12px;opacity:.75}
.card h3{font-size:clamp(22px,1.8vw,28px);line-height:1.1}
.card p{margin:12px 0 0;font-size:13px;line-height:1.6;opacity:.92;max-width:34ch}
.card .link{display:inline-block;margin-top:20px;border-color:rgba(255,255,255,.55)}
.card::after{content:"";position:absolute;left:28px;top:28px;width:34px;height:2px;background:var(--bordeaux)}

/* Chaîne de l'opération */
/* Méthode : frise. Un rail horizontal relie cinq points, pour que la
   succession des étapes se lise avant leur contenu. Le chiffre passe en
   étiquette discrète et laisse le nom de l'étape dominer. */
.chain{position:relative;padding:34px 0 30px}
.chain .rail{position:absolute;top:40px;left:10%;right:10%;height:1px;background:var(--line)}
.chain .row{display:grid;grid-template-columns:repeat(5,1fr);position:relative}
.chain .row>div{text-align:center;padding:0 16px}
.chain .dot{display:block;width:13px;height:13px;border-radius:50%;background:var(--bordeaux);margin:0 auto 26px;box-shadow:0 0 0 6px var(--paper-2)}
.chain .num{display:block;font-family:var(--sans);font-size:10px;letter-spacing:.2em;font-weight:600;color:var(--bordeaux);margin-bottom:9px}
.chain h4{font-size:18px;margin-bottom:8px}
.chain p{font-size:13.5px;color:var(--ink-2);margin:0;line-height:1.6}

/* Listes en prose */
.facts{list-style:none;border-top:1px solid var(--line)}
.facts li{padding:22px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:220px 1fr;gap:30px}
.facts li strong{font-family:var(--serif);font-weight:400;font-size:19px}
.facts li span{color:var(--ink-2)}

/* Track record */
.timeline{border-left:1px solid var(--line);margin-left:8px}
.deal{position:relative;padding:0 0 46px 46px}
.deal::before{content:"";position:absolute;left:-5px;top:12px;width:9px;height:9px;border-radius:50%;background:var(--bordeaux)}
.deal .year{font-size:11px;letter-spacing:.34em;color:var(--bordeaux);margin-bottom:8px;font-weight:400}
.deal h3{font-size:23px}
.deal .tag{display:inline-block;font-size:11px;letter-spacing:.2em;text-transform:uppercase;border:1px solid var(--line);padding:5px 10px;margin:12px 10px 0 0;color:var(--muted)}
.deal p{margin-top:12px;color:var(--ink-2)}
.deal a.link{margin-top:10px;display:inline-block;color:var(--bordeaux)}

/* Glossaire */
.gloss{columns:2;column-gap:80px}
.gloss dt{font-family:var(--serif);font-size:19px;break-after:avoid;margin-top:36px;color:var(--ink)}
.gloss dd{color:var(--ink-2);margin-top:8px;break-inside:avoid;font-size:14.5px;line-height:1.8}
.gloss dt:first-child{margin-top:0}
.gloss{margin-top:26px}

/* Portrait */
.portrait{display:grid;grid-template-columns:380px 1fr;gap:70px;align-items:start}
.portrait .frame.photo{aspect-ratio:1/1;padding:0;overflow:hidden}
.portrait .frame.photo img{width:100%;height:100%;object-fit:cover}
.portrait .frame{aspect-ratio:3/4;background:var(--paper-2);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:12px;letter-spacing:.2em;text-transform:uppercase;text-align:center;padding:20px}

/* Contact */
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}
form label{display:block;font-size:11px;letter-spacing:.24em;text-transform:uppercase;margin:22px 0 8px;font-weight:400}
form input,form textarea,form select{width:100%;border:0;border-bottom:1px solid var(--ink);background:transparent;padding:12px 0;font:inherit;font-family:var(--sans);font-size:16px;color:var(--ink);outline:none}
form textarea{min-height:140px;resize:vertical}
form .consent{display:flex;gap:12px;align-items:flex-start;margin-top:26px;font-size:13px;color:var(--ink-2)}
form .consent input{width:auto;margin-top:5px}
form .btn{margin-top:30px}
.coord dl{border-top:1px solid var(--line)}
.coord dt{font-size:11px;letter-spacing:.24em;text-transform:uppercase;padding-top:22px;color:var(--muted);font-weight:400}
.coord dd{font-family:var(--serif);font-size:19px;padding:6px 0 22px;border-bottom:1px solid var(--line)}
.coord dd a:hover{color:var(--bordeaux)}

/* Bandeau CTA */
.cta-band{padding:90px 0;background:var(--bordeaux);color:#fff}
.cta-band .wrap{display:flex;align-items:center;justify-content:space-between;gap:40px;flex-wrap:wrap}
.cta-band h2{max-width:22ch}

/* Pied de page */
.site-footer{background:var(--ink);color:rgba(255,255,255,.8);padding:80px 0 30px;font-size:14px}
.site-footer .cols{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:50px}
/* Les intitules de colonne du pied sont des etiquettes de navigation, pas
   des sections : en <h4> apres les <h2> de l'article, ils faussaient le plan
   du document sur 61 pages. Le rendu ne change pas. */
.site-footer .ft-t{font-family:var(--sans);font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:#fff;margin:0 0 20px;font-weight:400}
.site-footer ul{list-style:none}
.site-footer li{margin-bottom:10px}
.site-footer a:hover{color:#fff;text-decoration:underline}
.site-footer .brand-f{display:flex;align-items:center;gap:16px;margin-bottom:22px}
.site-footer .brand-f strong{font-family:var(--serif);font-weight:400;font-size:24px;color:#fff;display:block;line-height:1.1}
.site-footer .brand-f small{font-size:10px;letter-spacing:.3em;text-transform:uppercase}
.site-footer .legal{border-top:1px solid rgba(255,255,255,.15);margin-top:60px;padding-top:24px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:12px;color:rgba(255,255,255,.55)}
.site-footer .legal a{margin-left:18px}

/* Sous-pages : en-tête de page */
.page-hero{position:relative;min-height:80vh;display:flex;align-items:flex-end;color:#fff;background:#2a2f37;overflow:hidden}
.page-hero .bg{position:absolute;inset:0;background-size:cover;background-position:center}
.page-hero .shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,18,24,.45) 0%,rgba(15,18,24,.15) 45%,rgba(15,18,24,.7) 100%)}
.page-hero .wrap{position:relative;padding:20vh 24px 70px;width:100%}
.page-hero h1{font-size:clamp(34px,3.7vw,56px);max-width:none}
@media(min-width:900px){.page-hero h1 .ln{white-space:nowrap}}
.page-hero .sub{font-family:var(--serif);font-size:clamp(18px,1.5vw,23px);max-width:58ch;margin-top:20px;opacity:.95}
.crumbs{font-size:11px;letter-spacing:.24em;text-transform:uppercase;opacity:.75;margin-bottom:26px}
.crumbs a:hover{text-decoration:underline}
.page-hero h1 .bx,.page-hero .sub .bx{color:var(--bordeaux)}
.crumbs .bx{color:#fff}
.page-hero .kicker.light{display:flex;align-items:center;gap:18px;color:#fff;font-weight:500;letter-spacing:.32em;text-shadow:0 1px 12px rgba(0,0,0,.6)}
.page-hero .kicker.light::before{content:"";display:block;width:44px;height:3px;background:var(--bordeaux);flex:none}
.page-hero .kicker .bx{color:var(--bordeaux)}

/* Sommaire latéral sous-page expertise */
.expertise-body{display:grid;grid-template-columns:1fr 2fr;gap:80px;align-items:start}
.expertise-body aside{position:sticky;top:40px}
.expertise-body aside ul{list-style:none;border-top:1px solid var(--line)}
.expertise-body aside li a{display:block;padding:14px 0;border-bottom:1px solid var(--line);font-size:13px;letter-spacing:.06em;color:var(--ink-2)}
.expertise-body aside li a:hover{color:var(--bordeaux)}
.expertise-body h3{margin:56px 0 18px}
.expertise-body h3:first-child{margin-top:0}
.pull{border-left:2px solid var(--bordeaux);padding:6px 0 6px 24px;font-family:var(--serif);font-size:20px;font-style:italic;line-height:1.35;margin:30px 0;color:var(--ink)}

.notice{background:#fff8e6;border:1px solid #e8d8a8;color:#6b5312;padding:12px 16px;font-size:13px;margin:0 0 30px}

/* Responsive */
@media (max-width:1100px){
  .four{grid-template-columns:repeat(2,1fr)}
  .chain{padding-top:8px}
  .chain .rail{display:none}
  .chain .row{grid-template-columns:1fr 1fr;gap:26px 0}
  .chain .row>div{text-align:left;padding:0 18px 0 0}
  .chain .dot{margin:0 0 16px}
  .site-footer .cols{grid-template-columns:1fr 1fr}
}
@media (max-width:860px){
  section{padding:70px 0}
  .nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--ink);flex-direction:column;align-items:flex-start;padding:20px 24px 30px;gap:6px}
  .nav.open{display:flex}
  .nav a{color:#fff !important;font-size:22px;padding:8px 0}
  .nav .sub{position:static;display:block;padding:0 0 0 18px;min-width:0}
  .nav .sub ul{background:transparent;border:0;box-shadow:none;padding:0}
  .nav .sub a{color:rgba(255,255,255,.75) !important;font-size:15px;padding:6px 0}
  .header-right .cta{display:none}
  .nav .nav-contact{display:block}
  .burger{display:block}
  .brand-n{font-size:23px}
  .brand-q{font-size:10px;letter-spacing:.3em}
  .two,.two.narrow-left,.three,.contact-grid,.portrait,.expertise-body{grid-template-columns:1fr;gap:40px}
  .expertise-body aside{position:static}
  .facts li{grid-template-columns:1fr;gap:6px}
  .gloss{columns:1}
  .hero .wrap{padding-top:16vh}
  .four{grid-template-columns:1fr;gap:10px}
  .card{aspect-ratio:4/5}
  .card p{font-size:14px;max-width:none}
  .hero .bg{background-image:var(--bg-mobile,none)}
  .site-footer .cols{grid-template-columns:1fr}
  .cta-band .wrap{flex-direction:column;align-items:flex-start}
}

.prose-just p{text-align:justify;hyphens:auto;font-size:15.5px;line-height:1.85;color:var(--ink-2)}
.distinct h3{min-height:2.4em;margin-bottom:10px;text-align:center}
.distinct .rule{margin:0 auto 26px}
.distinct p{text-align:justify;hyphens:auto;font-size:15px}

.expertise-body > div:last-child p{text-align:justify;hyphens:auto}

/* FAQ en volets déroulants */
.faq{border-top:1px solid var(--line)}
.faq-item{border-bottom:1px solid var(--line)}
.faq-item summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 0}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary h3{font-size:20px;margin:0;line-height:1.3;transition:color .25s}
.faq-item summary:hover h3{color:var(--bordeaux)}
.faq-item .chev{flex:0 0 auto;width:12px;height:12px;border-right:1.5px solid var(--bordeaux);border-bottom:1.5px solid var(--bordeaux);transform:rotate(45deg);transition:transform .3s;margin-right:6px}
.faq-item[open] .chev{transform:rotate(-135deg)}
.faq-a{padding:0 0 24px;text-align:justify;hyphens:auto}
.faq-a p{margin:0;color:var(--ink-2)}

.hero .sub.sub-dest{font-size:1em;opacity:.95}
@media(max-width:720px){.hero .sub.sub-dest{display:none}}
.facts li span{text-align:justify}
.just p,.just .lead{text-align:justify;hyphens:auto}

/* ---------- Page contact ---------- */
.contact-page{position:relative;min-height:100vh;color:#fff;padding:170px 0 100px;overflow:hidden}
.contact-page .fixed-bg{position:fixed;inset:0;background-size:cover;background-position:center;z-index:-2}
.contact-page .fixed-shade{position:fixed;inset:0;background:linear-gradient(180deg,rgba(15,18,24,.55) 0%,rgba(15,18,24,.35) 50%,rgba(15,18,24,.7) 100%);z-index:-1}
.contact-page .marquee{position:absolute;left:0;right:0;top:34%;overflow:hidden;pointer-events:none;z-index:0}
.contact-page .marquee .track{display:flex;white-space:nowrap;width:max-content;animation:marquee 60s linear infinite}
.contact-page .marquee span{font-family:var(--serif);font-size:clamp(120px,22vw,340px);line-height:1;text-transform:uppercase;letter-spacing:.02em;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.14);padding-right:.2em}
@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.contact-wrap{position:relative;z-index:1;display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:end}
.contact-intro .crumbs{margin-bottom:26px}
.contact-intro h1{font-size:clamp(34px,3.7vw,56px);max-width:none}
.contact-intro h1 .bx{color:var(--bordeaux)}
.contact-intro .sub{font-family:var(--serif);font-size:clamp(17px,1.4vw,21px);max-width:54ch;margin-top:20px;opacity:.95;text-align:justify}
.contact-intro .secret{margin-top:34px;font-size:13px;color:rgba(255,255,255,.7);max-width:54ch;text-align:justify}
.pills{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin-top:36px}
.pill{display:inline-flex;align-items:center;gap:10px;font-family:var(--sans);font-size:13px;letter-spacing:.04em;color:#fff;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:11px 18px;border-radius:4px;transition:background .3s,transform .3s}
.pill:hover{background:rgba(255,255,255,.2);transform:translateX(4px)}
.pill svg{width:16px;height:16px;fill:#fff}
.glass{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);padding:40px 42px 44px;border-radius:6px;box-shadow:0 30px 80px rgba(0,0,0,.35)}
.glass h2{font-size:clamp(26px,2.4vw,36px);margin-bottom:10px}
.glass form label{color:rgba(255,255,255,.85);margin:20px 0 6px}
.glass form input,.glass form textarea,.glass form select{color:#fff;border-bottom:1px solid rgba(255,255,255,.4);background:rgba(255,255,255,.06);padding:12px 12px;border-radius:3px}
.glass form input::placeholder,.glass form textarea::placeholder{color:rgba(255,255,255,.5);font-size:12px;letter-spacing:.14em;text-transform:uppercase}
.glass form select option{color:var(--ink)}
.glass form input:focus,.glass form textarea:focus,.glass form select:focus{border-bottom-color:#fff;background:rgba(255,255,255,.12)}
.glass form textarea{min-height:120px}
.glass .row2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.glass form .consent{color:rgba(255,255,255,.75)}
.glass .btn.solid{width:100%;text-align:center;background:var(--bordeaux);border-color:var(--bordeaux);color:#fff;margin-top:26px}
.glass .btn.solid:hover{background:#7a2436}
@media(max-width:900px){.contact-wrap{grid-template-columns:1fr;gap:50px}.contact-page{padding-top:130px}.contact-page .marquee{top:22%}.glass{padding:30px 24px 34px}.glass .row2{grid-template-columns:1fr}.contact-page .fixed-bg{position:absolute}.contact-page .fixed-shade{position:absolute}}
@media(prefers-reduced-motion:reduce){.contact-page .marquee .track{animation:none}}

/* ---------- Apparitions au défilement ---------- */
.rv{opacity:0;transform:translateY(22px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1)}
.rv.in{opacity:1;transform:none}
.rv.d1{transition-delay:.12s}.rv.d2{transition-delay:.24s}.rv.d3{transition-delay:.36s}.rv.d4{transition-delay:.48s}
@media(prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none}}
.contact-page .kicker.light{display:flex;align-items:center;gap:18px;color:#fff;font-weight:500;letter-spacing:.32em;text-shadow:0 1px 12px rgba(0,0,0,.6)}
.contact-page .kicker.light::before{content:"";display:block;width:44px;height:3px;background:var(--bordeaux);flex:none}
.contact-intro h1 .bx{color:var(--bordeaux)}
.contact-page .marquee span{-webkit-text-stroke:1px rgba(255,255,255,.2)}
form .consent{text-transform:none;letter-spacing:0;font-size:13px;line-height:1.5}
.glass form .consent{font-size:12.5px}
body.is-contact .cta-band{display:none}
.booking{position:relative;z-index:1;margin-top:60px}
.booking-card{padding:40px 42px 24px}
.booking-head{max-width:70ch;margin-bottom:26px}
.booking-head p{color:rgba(255,255,255,.85);margin-top:10px}
.booking .calendly-inline-widget{border-radius:4px;overflow:hidden;background:#fff}
@media(max-width:900px){.booking-card{padding:26px 16px 12px}}
.rdv-card{margin-top:30px;max-width:560px;display:flex;align-items:center;justify-content:space-between;gap:24px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:22px 24px;border-radius:6px}
.rdv-card .kicker{margin-bottom:8px;font-size:10px}
.rdv-card strong{display:block;font-family:var(--serif);font-weight:400;font-size:20px}
.rdv-card p{font-size:13px;color:rgba(255,255,255,.8);margin-top:4px}
.rdv-card .btn{flex:none;color:#fff;border-color:#fff;padding:14px 22px}
.rdv-card .btn:hover{background:#fff;color:var(--ink)}
@media(max-width:700px){.rdv-card{flex-direction:column;align-items:flex-start}}

/* contact : tout sur un écran */
.contact-page{padding:120px 0 40px;min-height:100vh;display:flex;align-items:center}
.contact-wrap{grid-template-columns:.85fr 1fr 1fr;gap:26px;align-items:stretch;width:100%}
.contact-intro{display:flex;flex-direction:column;justify-content:center}
.contact-intro .crumbs{margin-bottom:14px}
.contact-intro h1{font-size:clamp(28px,2.6vw,40px)}
.contact-intro .sub{font-size:clamp(14px,1.05vw,16px);margin-top:12px}
.contact-intro .secret{margin-top:18px;font-size:12px}
.pills{margin-top:18px;gap:7px}
.pill{padding:8px 14px;font-size:12px}
.glass{padding:22px 24px 22px;display:flex;flex-direction:column}
.glass h2{font-size:clamp(20px,1.7vw,26px);margin-bottom:4px}
.glass .hint{font-size:12.5px;color:rgba(255,255,255,.8);margin-bottom:12px}
.glass form label{margin:10px 0 4px;font-size:10px}
.glass form input,.glass form textarea,.glass form select{padding:9px 10px;font-size:14px}
.glass form textarea{min-height:70px}
.glass form .consent{margin-top:12px;font-size:11px}
.glass .btn.solid{margin-top:14px;padding:13px 20px}
.booking-card .calendly-inline-widget{flex:1;border-radius:4px;overflow:hidden;background:#fff}
.contact-page .marquee{top:30%}
@media(max-width:1100px){.contact-wrap{grid-template-columns:1fr 1fr}.contact-intro{grid-column:1/-1}}
@media(max-width:760px){.contact-wrap{grid-template-columns:1fr}.contact-page{display:block;padding-top:120px}}

/* Glossaire en volets */
.accs{border-top:1px solid var(--line)}
.acc{border-bottom:1px solid var(--line)}
.acc summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:1fr auto 28px;align-items:center;gap:20px;padding:26px 0}
.acc summary::-webkit-details-marker{display:none}
.acc-t{font-family:var(--serif);font-size:26px;color:var(--ink)}
.acc-s{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}
.acc-i{position:relative;width:28px;height:28px;border:1px solid var(--bordeaux);border-radius:50%}
.acc-i::before,.acc-i::after{content:"";position:absolute;left:50%;top:50%;background:var(--bordeaux);transform:translate(-50%,-50%);transition:transform .25s}
.acc-i::before{width:12px;height:1px}.acc-i::after{width:1px;height:12px}
.acc[open] .acc-i::after{transform:translate(-50%,-50%) rotate(90deg)}
.acc summary:hover .acc-t{color:var(--bordeaux)}
.acc-b{padding:6px 0 40px}
@media(max-width:720px){.acc summary{grid-template-columns:1fr 28px}.acc-s{display:none}.acc-t{font-size:21px}}

/* ---- Conversion mobile (19/09/2026) ----
   Le hero est resserré pour que le titre, les expertises et les boutons
   tiennent au-dessus de la ligne de flottaison. */
@media (max-width:860px){
  .header-right{gap:14px}
  .hero{min-height:0}
  .hero .wrap{padding-top:130px;padding-bottom:40px}
  .hero .kicker.brand-k{font-size:9.5px;letter-spacing:.22em;margin-bottom:18px}
  .hero h1{font-size:30px}
  .hero .sub.sub-dest{font-size:15px;margin-top:16px}
  .hero .actions{margin-top:22px;gap:10px}
  .hero .actions .btn{padding:13px 18px;font-size:11px;letter-spacing:.18em}
  .hero .actions .btn:first-child{background:var(--bordeaux);border-color:var(--bordeaux);color:#fff}
  .hero .caption{display:none}
}

/* ---- Blocs de conversion des articles (19/09/2026) ----
   Chaque article n'offrait qu'un bouton générique en bas de page.
   .art-cta-side : carte sous le sommaire (colonne collante) ;
   .art-cta : bloc contextuel après la FAQ, avant les articles connexes. */
.art-cta-side{margin-top:28px;padding:22px 20px;background:#fff;border:1px solid var(--line);border-top:3px solid var(--bordeaux)}
.art-cta-side .kicker{font-size:10px;letter-spacing:.22em;margin-bottom:10px}
.art-cta-side .t{font-family:var(--serif);font-size:16.5px;line-height:1.3;color:var(--ink);margin:0 0 8px}
.art-cta-side p{font-size:13.5px;line-height:1.55;color:var(--ink-2);margin:0 0 16px;text-align:left}
.art-cta-side .btn{display:block;text-align:center;padding:13px 12px;font-size:10.5px;letter-spacing:.18em}
.art-cta-side .tel{display:block;text-align:center;margin-top:12px;font-size:14px;color:var(--ink);letter-spacing:.04em}
.art-cta-side .tel:hover{color:var(--bordeaux)}
.art-cta{padding:72px 0;background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.art-cta .wrap{max-width:820px}
.art-cta h2{font-size:clamp(24px,3vw,34px);max-width:26ch;margin:0 0 18px}
.art-cta p{font-size:16px;line-height:1.75;color:var(--ink-2);max-width:66ch;margin:0}
.art-cta .actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}
.art-cta .alt{margin-top:22px;font-size:14px;color:var(--ink-2)}
.art-cta .alt a{color:var(--ink);border-bottom:1px solid var(--line)}
.art-cta .alt a:hover{color:var(--bordeaux);border-color:var(--bordeaux)}
@media (max-width:800px){.art-cta-side{display:none}.art-cta{padding:56px 0}.art-cta .actions .btn{width:100%;text-align:center}}

/* ---- Analyses rattachées à une page d'expertise (19/09/2026) ----
   Les quatre pages piliers ne renvoyaient vers aucun des 21 articles :
   l'autorité des pages commerciales ne descendait pas vers les contenus de fond. */
.hub-arts{padding:72px 0;border-top:1px solid var(--line)}
.hub-arts .wrap{max-width:1000px}
.hub-arts h2{font-size:clamp(24px,3vw,32px);margin:0 0 8px}
.hub-arts .intro{color:var(--ink-2);font-size:15.5px;max-width:64ch;margin:0 0 34px}
.hub-arts ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:0 44px}
.hub-arts li{border-top:1px solid var(--line)}
.hub-arts li a{display:block;padding:20px 0;color:inherit}
.hub-arts li a strong{display:block;font-family:var(--serif);font-weight:400;font-size:18px;line-height:1.3;margin-bottom:7px;transition:color .25s}
.hub-arts li a span{display:block;font-size:13.5px;line-height:1.55;color:var(--ink-2)}
.hub-arts li a:hover strong{color:var(--bordeaux)}
.hub-arts .all{display:inline-block;margin-top:30px;font-family:var(--sans);font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--bordeaux);border-bottom:1px solid var(--bordeaux);padding-bottom:4px}
@media (max-width:800px){.hub-arts{padding:56px 0}.hub-arts ul{grid-template-columns:1fr;gap:0}}

/* ---- Mot-clé porté par le H1 (19/09/2026) ----
   Aucun des neuf H1 du site ne contenait le mot « avocat ». L'intitulé qui
   surmontait chaque titre a été déplacé À L'INTÉRIEUR du H1 et reformulé :
   le rendu est identique, mais le H1 porte désormais la requête. */
h1 .h1-kw{margin-bottom:22px}
.hero h1 .h1-kw,.page-hero h1 .h1-kw{font-size:11px;line-height:1.5}
h1 .h1-kw{font-family:var(--sans);font-weight:400;text-transform:uppercase}

/* ---- Auteur et date sur les pages d'expertise (19/09/2026) ----
   Pages YMYL sans auteur identifié, sans date et sans source primaire. */
.page-meta{font-size:13px;letter-spacing:.03em;color:var(--ink-2);border-bottom:1px solid var(--line);padding-bottom:16px;margin:0 0 30px}
.page-meta a{color:var(--ink);border-bottom:1px solid var(--line)}
.page-meta a:hover{color:var(--bordeaux);border-color:var(--bordeaux)}
.expertise-body p a[target="_blank"]{color:var(--bordeaux);border-bottom:1px solid rgba(92,24,38,.35)}
.expertise-body p a[target="_blank"]:hover{border-bottom-color:var(--bordeaux)}

/* ---- Dates de publication et de mise à jour (20/09/2026) ----
   Les articles ne montraient que leur date de publication, alors que tous
   ont été revus depuis. La date de mise à jour est le signal de fraîcheur. */
.art-meta .maj,.page-meta .maj{color:var(--ink);font-weight:500}
@media (max-width:600px){.art-meta,.page-meta{line-height:1.7}}

/* Sur téléphone la frise bascule à la verticale : le rail relie les cinq
   points de haut en bas, le texte passe en retrait à droite. */
@media (max-width:560px){
  .chain{padding-top:26px}
  .chain .rail{display:none}
  .chain .row{grid-template-columns:1fr;gap:0}
  .chain .row>div{position:relative;text-align:left;padding:0 0 30px 32px;border-left:1px solid var(--line)}
  .chain .row>div:last-child{border-left-color:transparent;padding-bottom:0}
  .chain .dot{position:absolute;left:-6.5px;top:2px;margin:0;box-shadow:0 0 0 5px var(--paper-2)}
  .chain .num{margin-top:22px;margin-bottom:6px}
}

/* Liste des articles sur /ressources : titre serif, sous-titre, date, flèche.
   Pagination par 5 en JavaScript : les 21 articles restent dans le HTML. */
.art-list{border-top:1px solid var(--line)}
.art-row{display:flex;align-items:center;gap:30px;padding:36px 0;border-bottom:1px solid var(--line)}
.art-row[hidden]{display:none}
.art-row>.txt{flex:1;min-width:0}
.art-row h3{font-family:var(--serif);font-weight:400;font-size:clamp(21px,2.4vw,30px);line-height:1.22;margin:0;letter-spacing:-.01em}
.art-row h3 a{color:var(--ink);text-decoration:none}
.art-row h3 a:hover{color:var(--bordeaux)}
.art-row .meta{display:flex;align-items:center;gap:18px;margin-top:12px}
.art-row .cat{font-family:var(--sans);font-size:13px;line-height:1.45;color:var(--muted);max-width:34ch}
.art-row .rule{width:38px;height:1px;background:var(--ink-2);flex:none;opacity:.5}
.art-row .date{font-family:var(--sans);font-size:14px;color:var(--ink-2);white-space:nowrap}
.art-go{flex:none;width:66px;height:42px;border:1px solid var(--line);border-radius:999px;display:flex;align-items:center;justify-content:center;color:var(--ink);transition:border-color .2s,color .2s,transform .2s}
.art-go svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.4}
.art-row:hover .art-go{border-color:var(--bordeaux);color:var(--bordeaux)}
.art-go:focus-visible{outline:2px solid var(--bordeaux);outline-offset:3px}
.art-pager{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:44px;flex-wrap:wrap}
.art-pager[hidden]{display:none}
.art-pager button{font-family:var(--sans);font-size:14px;padding:12px 30px;border-radius:999px;border:1px solid var(--line);background:var(--white);color:var(--ink);cursor:pointer;transition:border-color .2s,color .2s}
.art-pager button:hover:not(:disabled){border-color:var(--bordeaux);color:var(--bordeaux)}
.art-pager button:disabled{opacity:.35;cursor:default}
.art-pager .rang{font-family:var(--sans);font-size:13px;color:var(--muted);text-align:center;letter-spacing:.04em}
@media(max-width:700px){
  .art-row{gap:18px;padding:26px 0}
  .art-row .meta{flex-wrap:wrap;gap:10px}
  .art-row .rule{display:none}
  .art-go{width:48px;height:38px}
  .art-go svg{width:17px;height:17px}
}

/* Sous-menu latéral du menu Expertises : s'ouvre à droite du thème survolé. */
.nav .sub li.has-sub2{position:relative}
.nav .sub li.has-sub2>a{padding-right:40px}
.nav .sub li.has-sub2>a::after{content:"\203A";display:block;position:absolute;right:20px;top:50%;left:auto;bottom:auto;width:auto;height:auto;background:none;transform:translateY(-50%);font-size:17px;line-height:1;color:var(--muted)}
.nav .sub2{position:absolute;left:100%;top:-11px;padding-left:5px;display:none;min-width:310px}
.nav .sub li.has-sub2:hover>.sub2,.nav .sub li.has-sub2:focus-within>.sub2,.nav .sub li.has-sub2.ouvert>.sub2{display:block}
.nav .sub2 ul{list-style:none;background:#fff;border:1px solid var(--line);padding:10px 0;box-shadow:0 20px 50px rgba(0,0,0,.18)}
.nav .sub2 a{display:block;color:var(--ink);font-family:var(--sans);font-size:13px;letter-spacing:.06em;padding:10px 22px}
.nav .sub2 a:hover{background:var(--paper);color:var(--bordeaux)}
.nav .sub2 a::after{display:none}
.nav .sub li.has-sub2:hover>a,.nav .sub li.has-sub2.ouvert>a{background:var(--paper);color:var(--bordeaux)}
.nav .sub li.has-sub2:hover>a::after,.nav .sub li.has-sub2.ouvert>a::after{color:var(--bordeaux)}
@media (max-width:860px){
  .nav .sub2{position:static;display:block;padding:0 0 0 16px;min-width:0}
  .nav .sub2 ul{background:transparent;border:0;box-shadow:none;padding:0}
  .nav .sub2 a{color:rgba(255,255,255,.6) !important;font-size:14px;padding:5px 0}
  .nav .sub li.has-sub2>a{padding-right:0}
  .nav .sub li.has-sub2>a::after{display:none}
  .nav .sub li.has-sub2:hover>a,.nav .sub li.has-sub2.ouvert>a{background:none}
}

/* Sélecteur de langue, dans la barre supérieure. Il hérite de la couleur de
   .header-right, donc blanc sur les pages à grande image et encre sur les autres. */
.lang{display:flex;align-items:center;gap:7px;font-family:var(--sans);font-size:11px;letter-spacing:.16em;color:inherit}
.lang .on{font-weight:500}
.lang .sep{opacity:.4}
.lang a{color:inherit;opacity:.55;transition:opacity .2s,color .2s}
.lang a:hover{opacity:1;color:var(--bordeaux)}
.lang a:focus-visible{outline:1px solid currentColor;outline-offset:3px;opacity:1}
@media (max-width:860px){.lang{font-size:12px;letter-spacing:.12em}}

/* Modele de lettre : bloc reproductible, lisible et copiable */
.modele{background:var(--paper,#f7f5f0);border:1px solid var(--line);border-left:3px solid var(--bordeaux);border-radius:3px;margin:26px 0 34px;overflow:hidden}
.modele pre{margin:0;padding:28px 30px;font-family:var(--sans);font-size:14.5px;line-height:1.75;color:var(--ink);white-space:pre-wrap;word-wrap:break-word;overflow-x:auto}
.modele-t{display:block;padding:14px 30px;background:var(--bordeaux);color:#fff;font-family:var(--sans);font-size:11px;letter-spacing:.18em;text-transform:uppercase}
@media(max-width:600px){.modele pre{padding:20px 18px;font-size:13.5px}.modele-t{padding:12px 18px}}

/* Telechargement Word sous un modele de lettre */
.dl-word{display:inline-flex;align-items:center;gap:10px;margin:0 0 30px;padding:13px 20px;background:#fff;border:1px solid var(--line);border-radius:3px;font-family:var(--sans);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink);text-decoration:none;transition:border-color .25s,color .25s}
.dl-word:hover{border-color:var(--bordeaux);color:var(--bordeaux)}
.dl-word svg{width:15px;height:15px;flex:0 0 auto;stroke:currentColor;stroke-width:1.6;fill:none}
@media(max-width:600px){.dl-word{font-size:11px;padding:12px 16px;letter-spacing:.08em}}
@media (max-width:560px){.art-content table{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.art-content th,.art-content td{padding:10px 12px}}

/* Glossaire : le renvoi vers l'analyse qui developpe le terme. Le glossaire
   captait les requetes definitionnelles et ne menait nulle part. */
.g-lien{display:inline-block;margin-left:6px;font-family:var(--sans,sans-serif);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--bordeaux,#8b1a1a);text-decoration:none;white-space:nowrap}
.g-lien:hover{text-decoration:underline;text-underline-offset:3px}

/* /expertises : le detail des quatre expertises. La page etait
   contenue a 68,5 %% dans l'accueil ; ce bloc lui donne son texte. */
.exp-detail{padding:72px 0 40px}
.exp-bloc{margin:0 0 56px;max-width:760px}
.exp-bloc h2{font-size:28px;line-height:1.2;margin:0 0 6px}
.exp-sous{margin:0 0 18px;font-size:17px;opacity:.72}
.exp-bloc p{font-size:17px;line-height:1.62;margin:0 0 16px}
.exp-lire{font-size:14px;letter-spacing:.06em;text-transform:uppercase;opacity:.6;margin:24px 0 8px}
.exp-liens{margin:0 0 14px;padding-left:18px}
.exp-liens li{font-size:16px;line-height:1.55;margin:0 0 6px}
.exp-aller a{font-size:16px;text-underline-offset:3px}
@media(max-width:800px){.exp-detail{padding:48px 0 24px}.exp-bloc h2{font-size:24px}}