@font-face{font-family:'Inter';src:url(fonts/inter-latin-400-normal.woff2) format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Inter';src:url(fonts/inter-latin-600-normal.woff2) format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:'Inter';src:url(fonts/inter-latin-700-normal.woff2) format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:'Source Serif';src:url(fonts/source-serif-4-latin-600-normal.woff2) format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:'Source Serif';src:url(fonts/source-serif-4-latin-700-normal.woff2) format('woff2');font-weight:700;font-display:swap}

:root{
  --ink:#1A1A1A;       /* texte */
  --blue:#2251FF;      /* accent JGO */
  --blue-dk:#1739B8;
  --night:#1A1A1A;     /* noir */
  --ivory:#F6F7F8;     /* fonds clairs chauds */
  --sun:#F08C1E;       /* orange */
  --grey:#5F6368;
  --line:#E4E6E9;
  --max:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,Calibri,'Segoe UI',Roboto,sans-serif;font-size:18px;line-height:1.65;color:var(--ink);background:#fff;-webkit-font-smoothing:antialiased}
h1,h2,h3{font-family:'Source Serif',Cambria,Georgia,serif;font-weight:700;line-height:1.15;margin:0;color:inherit}
a{color:inherit}
img{max-width:100%}
.wrap{max-width:var(--max);margin:0 auto;padding:0 28px}
section{padding:88px 0}
.kicker{font-size:13px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:var(--blue);margin:0 0 14px}
.on-dark .kicker,.pagehead .kicker{color:var(--sun)}
.sec-title{font-size:40px;margin:0 0 12px}
.sec-lead{font-size:20px;color:var(--grey);max-width:720px;margin:0 0 44px}
.on-dark .sec-lead{color:var(--grey)}

/* boutons */
.btn{display:inline-block;padding:14px 26px;font-weight:600;font-size:16px;text-decoration:none;border-radius:2px;border:2px solid var(--blue);background:var(--blue);color:#fff;transition:.15s}
.btn:hover{background:var(--blue-dk);border-color:var(--blue-dk)}
.btn-line{background:transparent;color:var(--ink);border-color:var(--ink)}
.btn-line:hover{background:var(--ink);color:#fff;border-color:var(--ink)}
.on-dark .btn-line{color:var(--ink);border-color:var(--ink)}
.on-dark .btn-line:hover{background:var(--ink);color:#fff}
.btns{display:flex;flex-wrap:wrap;gap:14px}
.more{font-weight:600;color:var(--blue);text-decoration:none;font-size:16px}
.more:hover{text-decoration:underline}

/* en-tête */
.topbar{position:sticky;top:0;z-index:20;background:#fff;border-bottom:1px solid var(--line)}
.topbar .wrap{display:flex;align-items:center;justify-content:space-between;height:78px;gap:24px}
.brand{text-decoration:none;display:flex;flex-direction:column;line-height:1.1}
.brand b{font-family:'Source Serif',Cambria,Georgia,serif;font-size:26px;font-weight:700}
.brand small{font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--grey);margin-top:4px}
.nav{display:flex;align-items:center;gap:30px}
.nav>a,.nav .dd>a{text-decoration:none;font-size:16px;font-weight:600;padding:8px 0;border-bottom:2px solid transparent}
.nav>a:hover,.nav .dd>a:hover,.nav a.on{border-bottom-color:var(--blue)}
.nav .nav-cta{background:var(--blue);color:#fff;padding:10px 20px;border:none}
.nav .nav-cta:hover{background:var(--blue-dk)}
.dd{position:relative}
.dd .menu{display:none;position:absolute;top:100%;left:-18px;background:#fff;border:1px solid var(--line);box-shadow:0 12px 30px rgba(0,0,0,.08);min-width:260px;padding:10px 0}
.dd:hover .menu,.dd:focus-within .menu{display:block}
.dd .menu a{display:block;padding:9px 18px;text-decoration:none;font-size:15px}
.dd .menu a:hover{background:var(--ivory);color:var(--blue)}
.burger{display:none}
@media (max-width:960px){
  .nav{display:none;position:absolute;top:78px;left:0;right:0;background:#fff;flex-direction:column;align-items:flex-start;gap:0;padding:12px 28px 20px;border-bottom:1px solid var(--line)}
  .nav.open{display:flex}
  .nav>a,.nav .dd>a{padding:12px 0}
  .dd .menu{display:block;position:static;border:none;box-shadow:none;padding:0 0 6px 14px;min-width:0}
  .dd .menu a{padding:6px 0}
  .burger{display:block;background:none;border:1px solid var(--ink);padding:8px 12px;font:600 15px Inter,sans-serif;cursor:pointer}
}

/* accueil : hero */
.hero{background:#fff;border-bottom:1px solid var(--line);padding:0;overflow:hidden;position:relative}
.hero .wrap{display:grid;grid-template-columns:1.3fr .7fr;gap:56px;align-items:end}
.hero .txt{padding:96px 0 100px}
.hero .kicker{color:var(--sun)}
.hero h1{font-size:62px;letter-spacing:-.5px;margin:0 0 24px}
.hero h1 em{font-style:normal;color:var(--blue)}
.hero h1 em:after{content:"";display:block;width:84px;height:5px;background:var(--sun);margin-top:14px}
.hero .sub{font-size:20px;max-width:600px;margin:0 0 12px}
.hero .who{font-size:16px;color:var(--grey);margin:0 0 34px}
.hero .photo img{display:block;width:100%;max-width:380px;height:auto;margin-left:auto}
.hero .btns .btn{min-width:200px;text-align:center}
@media (max-width:900px){
  .hero .wrap{grid-template-columns:1fr;gap:0}
  .hero .txt{padding:52px 0 28px}
  .hero h1{font-size:40px}
  .hero .photo img{max-width:260px;margin:0}
}

/* accueil : expertise */
.domains{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--line)}
.domain{padding:34px 34px 34px 0;border-right:1px solid var(--line)}
.domain+.domain{padding-left:34px}
.domain:last-child{border-right:none;padding-right:0}
.domain .num{font-family:'Source Serif',Georgia,serif;font-size:15px;color:var(--blue);font-weight:700;display:inline-block;border-bottom:3px solid var(--sun);padding-bottom:2px}
.domain h3{font-size:27px;margin:8px 0 16px}
.domain ul{list-style:none;padding:0;margin:0 0 22px}
.domain li{padding:7px 0;border-bottom:1px solid var(--line);font-size:17px}
@media (max-width:900px){.domains{grid-template-columns:1fr}.domain,.domain+.domain{padding:28px 0;border-right:none;border-bottom:1px solid var(--line)}}

/* bandeau facturation électronique */
.fe{padding:0 0 88px}
.fe .box{display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap;background:#fff;border:1px solid var(--line);border-left:6px solid var(--sun);padding:34px 40px}
.fe .tag{display:inline-block;font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--sun);margin-bottom:6px}
.fe h2{font-size:28px;margin:0 0 6px}
.fe p{margin:0;font-size:17px;color:var(--grey);max-width:640px}

/* bandeaux sombres */
.on-dark{background:var(--ivory);color:var(--ink)}
.cards2{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-bottom:40px}
.cardd{background:#fff;border:1px solid var(--line);border-top:4px solid var(--blue);padding:34px}
.cardd h3{font-size:26px;margin:0 0 10px}
.cardd p{color:var(--grey);margin:0 0 16px;font-size:17px}
.cardd ul{list-style:none;padding:0;margin:0}
.cardd li{padding:6px 0 6px 22px;position:relative;font-size:17px}
.cardd li:before{content:"";position:absolute;left:0;top:17px;width:10px;height:2px;background:var(--sun)}
@media (max-width:820px){.cards2{grid-template-columns:1fr}}

/* appel à l'action */
.cta{background:var(--ivory);padding:64px 0}
.cta .wrap{display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap}
.cta h2{font-size:32px;margin:0 0 4px}
.cta p{margin:0;color:var(--grey)}

/* cabinet (accueil) */
.split{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:start}
.split p{margin:0 0 18px}
@media (max-width:860px){.split{grid-template-columns:1fr;gap:32px}}
.facts{list-style:none;padding:0;margin:0;border-top:2px solid var(--ink)}
.facts li{padding:16px 0;border-bottom:1px solid var(--line);font-weight:600}
.facts li span{display:block;font-weight:400;color:var(--grey);font-size:16px}

/* actualités */
.news{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.post{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);padding:30px;text-decoration:none;transition:.15s}
.post:hover{border-color:var(--blue)}
.post .date{font-size:14px;color:var(--grey)}
.post h3{font-size:23px;margin:10px 0 12px}
.post p{font-size:16px;margin:0 0 18px;flex:1}
.post span.more{margin-top:auto}
.bg-ivory{background:var(--ivory)}
@media (max-width:900px){.news{grid-template-columns:1fr}}

/* pages intérieures */
.pagehead{background:#fff;color:var(--ink);padding:72px 0 64px;border-bottom:1px solid var(--line)}
.pagehead h1{font-size:52px;margin:0 0 16px}
.pagehead p{font-size:21px;color:#3A3A3A;max-width:780px;margin:0}
@media (max-width:820px){.pagehead h1{font-size:36px}}
.mission{padding:80px 0;border-bottom:1px solid var(--line)}
.mission:nth-of-type(even){background:var(--ivory)}
.mission .wrap{display:grid;grid-template-columns:.85fr 1.15fr;gap:64px}
.mission h2{font-size:36px;margin:0 0 14px}
.mission .lead{color:var(--grey);font-size:18px;margin:0}
.mission h3{font-size:15px;font-family:Inter,sans-serif;letter-spacing:2px;text-transform:uppercase;color:var(--grey);margin:34px 0 14px}
.mission h3:first-child{margin-top:4px}
@media (max-width:860px){.mission .wrap{grid-template-columns:1fr;gap:20px}}
.list{list-style:none;padding:0;margin:0;columns:2;column-gap:36px}
.list li{break-inside:avoid;padding:9px 0 9px 24px;position:relative;border-bottom:1px solid var(--line)}
.list li:before{content:"";position:absolute;left:0;top:21px;width:12px;height:2px;background:var(--blue)}
@media (max-width:640px){.list{columns:1}}
.timeline{list-style:none;padding:0;margin:0;counter-reset:t}
.timeline li{counter-increment:t;display:grid;grid-template-columns:44px 1fr;gap:14px;padding:10px 0;align-items:baseline}
.timeline li:before{content:"0" counter(t);font-family:'Source Serif',Georgia,serif;font-weight:700;color:var(--blue);font-size:20px}
.dates3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.dates3 div{border-top:3px solid var(--sun);padding-top:16px}
.dates3 b{display:block;font-family:'Source Serif',Georgia,serif;font-size:22px;margin-bottom:6px}
@media (max-width:820px){.dates3{grid-template-columns:1fr}}
.prose p{margin:0 0 16px;max-width:820px}

/* le cabinet */
.portrait img{width:100%;max-width:420px;display:block}
.portrait p{font-size:16px;color:var(--grey);margin:12px 0 0}
.portrait p strong{color:var(--ink)}
.tags{display:flex;flex-wrap:wrap;gap:10px}
.tags span{border:1px solid var(--line);background:#fff;padding:10px 16px;font-size:16px;font-weight:600}

/* contact */
.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:72px}
@media (max-width:860px){.contact-grid{grid-template-columns:1fr;gap:40px}}
.coords dt{font-size:13px;letter-spacing:2px;text-transform:uppercase;color:var(--grey);font-weight:700;margin-top:22px}
.coords dd{margin:4px 0 0;font-size:20px}
.coords a{text-decoration:none}
.coords a:hover{color:var(--blue)}
form .row{display:grid;grid-template-columns:1fr 1fr;gap:18px}
@media (max-width:640px){form .row{grid-template-columns:1fr}}
form label{display:block;font-size:15px;font-weight:600;margin:0 0 6px}
form input,form textarea{width:100%;font:inherit;font-size:17px;padding:12px 14px;border:1px solid #D5D8DC;background:#fff;border-radius:2px;margin-bottom:18px}
form input:focus,form textarea:focus{outline:2px solid var(--blue);border-color:var(--blue)}
form textarea{min-height:160px;resize:vertical}
form .consent{display:flex;gap:10px;align-items:flex-start;font-size:15px;font-weight:400;color:var(--grey);margin-bottom:22px}
form .consent input{width:auto;margin:5px 0 0}
form button{cursor:pointer;font-family:inherit}
.req{color:var(--blue)}

/* articles */
.article{padding:64px 0 88px}
.article .wrap{max-width:820px}
.article h1{font-size:44px;margin:8px 0 16px}
.article h2{font-size:28px;margin:40px 0 12px}
.article .date{color:var(--grey);font-size:15px}
.article .back{font-size:15px;text-decoration:none;color:var(--blue);font-weight:600}
.article table{border-collapse:collapse;width:100%;margin:18px 0;font-size:16px}
.article th{text-align:left;border-bottom:2px solid var(--ink);padding:9px 10px 9px 0}
.article td{border-bottom:1px solid var(--line);padding:9px 10px 9px 0;vertical-align:top}

/* pied de page */
footer{background:var(--night);color:#C9CDD6;padding:64px 0 28px;font-size:16px}
footer .cols{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:48px;padding-bottom:40px;border-bottom:1px solid #2C3140}
footer b.fb{display:block;font-family:'Source Serif',Georgia,serif;font-size:24px;color:#fff;margin-bottom:10px}
footer h4{margin:0 0 12px;font-size:13px;letter-spacing:2px;text-transform:uppercase;color:#fff}
footer a{text-decoration:none;color:#C9CDD6}
footer a:hover{color:#fff}
footer p{margin:0 0 6px}
footer .legal{padding-top:22px;font-size:13.5px;color:#8D93A1;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
@media (max-width:820px){footer .cols{grid-template-columns:1fr;gap:28px}}

@media (max-width:640px){
  body{font-size:17px}
  section{padding:60px 0}
  .sec-title{font-size:31px}
  .brand b{font-size:21px}
  .brand small{font-size:10px}
}

/* citation */
.quote{background:var(--blue);color:#fff;padding:70px 0;text-align:center}
.quote p{font-family:'Source Serif',Georgia,serif;font-size:34px;line-height:1.3;max-width:900px;margin:0 auto}
.quote span{display:block;font-family:Inter,sans-serif;font-size:15px;letter-spacing:2px;text-transform:uppercase;margin-top:18px;color:#DCE3FF}
@media (max-width:640px){.quote p{font-size:25px}}
.hero .btns .btn{min-width:200px;text-align:center}
.cta{border-top:1px solid var(--line)}

/* missions v6 */
.mission{display:block}
.mission .wrap{display:block}
.mission h2{font-size:38px;margin:0 0 14px}
.mission .lead{font-size:19px;color:#3A3A3A;max-width:860px;margin:0 0 40px}
.mrow{display:grid;grid-template-columns:1.25fr .75fr;gap:48px;align-items:start}
@media (max-width:860px){.mrow{grid-template-columns:1fr;gap:28px}}
.mission h3.lbl{font-size:13px;font-family:Inter,sans-serif;letter-spacing:2px;text-transform:uppercase;color:var(--grey);margin:0 0 14px}
.tip{background:#fff;border:1px solid var(--line);border-left:5px solid var(--sun);padding:24px 26px}
.mission:nth-of-type(even) .tip{background:#fff}
.tip b{display:block;font-family:'Source Serif',Georgia,serif;font-size:20px;margin-bottom:8px}
.tip p{margin:0;font-size:16.5px}
.flow{list-style:none;padding:0;margin:44px 0 0;display:grid;grid-template-columns:repeat(4,1fr);gap:0;counter-reset:f}
.flow li{counter-increment:f;padding:0 22px 0 0;font-size:16.5px;position:relative}
.flow li:before{content:"0" counter(f);display:block;font-family:'Source Serif',Georgia,serif;font-weight:700;font-size:26px;color:var(--blue);border-bottom:2px solid var(--line);padding-bottom:8px;margin-bottom:12px}
@media (max-width:860px){.flow{grid-template-columns:1fr 1fr;gap:24px}}
.gains{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:44px}
.gains div{background:#fff;border:1px solid var(--line);padding:20px;font-weight:600;font-size:16.5px}
.gains div:before{content:"";display:block;width:28px;height:3px;background:var(--blue);margin-bottom:12px}
@media (max-width:860px){.gains{grid-template-columns:1fr 1fr}}
.mission .cta-mini{margin:36px 0 0}
.post .cat,.article .cat{display:inline-block;font-size:12px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--sun);margin-right:10px}
.article .chapo{font-size:20px;font-weight:600;line-height:1.55;margin:0 0 28px}
.facts li{border-left:0}
.intro-cols{display:grid;grid-template-columns:1fr 1fr;gap:56px}
@media (max-width:860px){.intro-cols{grid-template-columns:1fr;gap:20px}}
.intro-cols p{margin:0 0 16px}
form select{width:100%;font:inherit;font-size:17px;padding:12px 14px;border:1px solid #D5D8DC;background:#fff;border-radius:2px;margin-bottom:18px}

/* v7 */
h1,h2,h3,.brand b,footer b.fb,.tip b,.dates3 b{font-family:Inter,Calibri,'Segoe UI',Roboto,sans-serif !important;font-weight:700;letter-spacing:-.5px}
.domain .num,.flow li:before,.timeline li:before{font-family:Inter,sans-serif !important}
.hero h1:after{content:"";display:block;width:84px;height:5px;background:var(--sun);margin-top:18px}
.hero h1{font-size:56px}
.portrait img{height:auto !important;object-fit:contain}
.contact-solo{max-width:760px}
.cta .wrap>div p{display:none}

/* étapes lisibles */
.flow{gap:16px;counter-reset:f}
.flow li{background:#fff;border:1px solid var(--line);border-top:4px solid var(--blue);padding:20px 22px;font-size:16.5px}
.flow li:before{border-bottom:none;padding-bottom:0;margin-bottom:8px;font-size:22px}
.mission .list{columns:3}
@media (max-width:900px){.mission .list{columns:1}}

/* polices option B */
@font-face{font-family:'Caslon';src:url(fonts/libre-caslon-text-latin-700-normal.woff2) format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:'SourceSans';src:url(fonts/source-sans-3-latin-400-normal.woff2) format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'SourceSans';src:url(fonts/source-sans-3-latin-600-normal.woff2) format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:'SourceSans';src:url(fonts/source-sans-3-latin-700-normal.woff2) format('woff2');font-weight:700;font-display:swap}
body,form input,form textarea,form select,form button,.burger,.mission h3.lbl,.domain .num,.flow li:before,.timeline li:before,.quote span{font-family:SourceSans,Calibri,'Segoe UI',Arial,sans-serif !important}
h1,h2,h3,.brand b,footer b.fb,.dates3 b{font-family:Caslon,Cambria,Georgia,serif !important;font-weight:700;letter-spacing:-.2px}
.mission h3.lbl{font-family:SourceSans,Arial,sans-serif !important;letter-spacing:2px}
body{font-size:19px}

/* mission : deux colonnes harmonisées */
.twocol{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:8px}
.twocol .col{background:#fff;border:1px solid var(--line);border-top:4px solid var(--blue);padding:26px 28px}
.twocol .col:last-child{border-top-color:var(--sun)}
.twocol .list,.mission .twocol .list{columns:1 !important}
.twocol .list.gain li:before{background:var(--sun)}
.twocol .list li{font-size:17.5px}
@media (max-width:860px){.twocol{grid-template-columns:1fr}}
.hero .photo{align-self:center;padding:40px 0}
.hero .photo .cap{font-size:13.5px;color:var(--grey);margin:10px 0 0;text-align:right}
.hero .photo img{max-width:340px}
@media (max-width:900px){.hero .photo .cap{text-align:left}}
footer .cols{grid-template-columns:2fr 1fr}

/* boutons : bleu réservé au contact */
.btn,.fe .btn,.hero .btn{background:transparent !important;color:var(--ink) !important;border:2px solid var(--ink) !important}
.btn:hover,.fe .btn:hover,.hero .btn:hover{background:var(--ink) !important;color:#fff !important}
.btn.btn-contact{background:var(--blue) !important;border-color:var(--blue) !important;color:#fff !important}
.btn.btn-contact:hover{background:var(--blue-dk) !important;border-color:var(--blue-dk) !important}
.hero .btn.btn-dark{background:var(--ink) !important;color:#fff !important;border-color:var(--ink) !important}
.hero .btn.btn-dark:hover{background:#333 !important;border-color:#333 !important}
/* autres boutons : noir plein ; accueil : Audit reste blanc */
.btn,.fe .btn{background:var(--ink) !important;color:#fff !important;border:2px solid var(--ink) !important}
.btn:hover,.fe .btn:hover{background:#333 !important;border-color:#333 !important;color:#fff !important}
.hero .btn:not(.btn-dark):not(.btn-contact){background:#fff !important;color:var(--ink) !important;border:2px solid var(--ink) !important}
.hero .btn:not(.btn-dark):not(.btn-contact):hover{background:var(--ink) !important;color:#fff !important}
.btn.btn-contact{background:var(--blue) !important;border-color:var(--blue) !important;color:#fff !important}
.btn.btn-contact:hover{background:var(--blue-dk) !important;border-color:var(--blue-dk) !important}
/* fond gris : boutons blancs */
.on-dark .btn:not(.btn-contact),.bg-ivory .btn:not(.btn-contact),.mission:nth-of-type(even) .btn:not(.btn-contact),.cta .btn:not(.btn-contact){background:#fff !important;color:var(--ink) !important;border:2px solid var(--ink) !important}
.on-dark .btn:not(.btn-contact):hover,.bg-ivory .btn:not(.btn-contact):hover{background:var(--ink) !important;color:#fff !important}
.pagehead .back{display:inline-block;font-size:16px;font-weight:600;color:var(--blue);text-decoration:none;margin-bottom:22px}
.pagehead .back:hover{text-decoration:underline}

/* téléphone */
@media (max-width:640px){
  body{font-size:16.5px;line-height:1.6}
  .wrap{padding:0 20px}
  section{padding:48px 0}
  .topbar .wrap{height:64px}
  .brand b{font-size:19px !important}
  .brand small{font-size:9.5px;letter-spacing:1.2px}
  .nav{top:64px}
  .hero .txt{padding:36px 0 20px}
  .hero h1{font-size:30px !important;line-height:1.15;margin-bottom:16px}
  .hero h1:after{width:56px;height:4px;margin-top:12px}
  .hero .sub{font-size:16.5px}
  .hero .btns{gap:10px}
  .hero .btns .btn{min-width:0;flex:1;padding:12px 10px;font-size:15px}
  .hero .photo{padding:8px 0 36px}
  .hero .photo img{max-width:220px}
  .kicker{font-size:11.5px;letter-spacing:2px;margin-bottom:10px}
  .sec-title{font-size:25px !important;margin-bottom:10px}
  .sec-lead{font-size:16.5px;margin-bottom:28px}
  .domain h3{font-size:21px;margin:6px 0 10px}
  .domain li{font-size:16px}
  .fe{padding:0 0 48px}
  .fe .box{padding:24px 20px;border-left-width:5px}
  .fe h2{font-size:21px}
  .fe p{font-size:15.5px}
  .cardd{padding:22px}
  .cardd h3{font-size:21px}
  .cardd li,.cardd p{font-size:15.5px}
  .facts li{padding:12px 0;font-size:16px}
  .facts li span{font-size:14.5px}
  .post{padding:22px}
  .post h3{font-size:19px}
  .post p{font-size:15px}
  .cta{padding:40px 0}
  .cta h2{font-size:22px}
  .pagehead{padding:36px 0 32px}
  .pagehead h1{font-size:28px !important;margin-bottom:10px}
  .pagehead p{font-size:16.5px}
  .pagehead .back{font-size:14.5px;margin-bottom:14px}
  .mission{padding:44px 0}
  .mission h2{font-size:24px !important;margin-bottom:10px}
  .mission .lead{font-size:16.5px;margin-bottom:24px}
  .twocol{gap:16px}
  .twocol .col{padding:20px}
  .twocol .list li{font-size:15.5px}
  .dates3 b{font-size:18px}
  .article{padding:36px 0 48px}
  .article h1{font-size:27px !important}
  .article h2{font-size:21px !important;margin:28px 0 8px}
  .article .chapo{font-size:17px}
  .article table{font-size:14px;display:block;overflow-x:auto}
  .tags span{font-size:14.5px;padding:8px 12px}
  footer{padding:40px 0 20px;font-size:15px}
  footer b.fb{font-size:20px}
  form input,form textarea,form select{font-size:16px}
}
/* cadres : uniquement le filet fin */
.cardd,.twocol .col,.twocol .col:last-child,.fe .box{border:1px solid var(--line) !important}
.fe .box{border-left:6px solid var(--sun) !important}
@media (max-width:640px){.fe .box{border-left-width:5px !important}}
.cardd,.twocol .col,.twocol .col:last-child{border-top:3px solid var(--ink) !important}