*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0}
img{max-width:100%;height:auto}
a{color:#16363C}a:hover{color:#2E6E76}
a:focus-visible,summary:focus-visible{outline:3px solid #F2A900;outline-offset:2px}
details summary{cursor:pointer}
.nav-drop{position:relative;display:inline-flex}
.nav-drop>a{text-decoration:none}
.nav-drop ul{display:none;position:absolute;top:100%;left:-16px;z-index:30;margin:0;padding:10px 0;list-style:none;background:#fff;border:1px solid #E4E8E6;border-radius:12px;box-shadow:0 10px 30px rgba(22,54,60,.15);min-width:260px}
.nav-drop ul a{display:block;padding:9px 18px;text-decoration:none;font-weight:600}
.nav-drop ul a:hover{background:#F3F8F8}
.nav-drop:hover ul,.nav-drop:focus-within ul{display:block}
.article-cover{max-width:980px;margin:-24px auto 0;padding:0 32px}
.article-cover img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:14px}
.article-body{max-width:780px;margin:0 auto;padding:48px 32px 72px;font-size:18px;line-height:1.7;color:#22393C}
.article-body h2{font-family:Poppins,'Segoe UI',sans-serif;font-size:1.55rem;line-height:1.25;margin:2em 0 .6em;color:#16363C}
.article-body h3{font-family:Poppins,'Segoe UI',sans-serif;font-size:1.2rem;margin:1.8em 0 .5em;color:#16363C}
.article-body p{margin:0 0 1.1em}
.article-body ul,.article-body ol{margin:0 0 1.2em;padding-left:1.3em}
.article-body li{margin:.35em 0}
.article-body .encadre{margin:1.6em 0;padding:18px 22px;background:#F3F8F8;border-radius:12px;font-style:normal}
.article-body .fiche{margin-top:2.4em;padding:20px 24px;border:1px solid #DDE2E0;border-radius:12px;font-size:16px;line-height:1.6;color:#33494C}
.article-body .fiche strong{color:#16363C}
@media (max-width:760px){
  header>div{padding:12px 16px!important}
  header nav[aria-label="Navigation principale"]{gap:14px!important;font-size:16px!important}
  h1{font-size:2.05rem!important}
  h2{font-size:1.65rem!important}
  section>div,footer>div{padding-left:16px!important;padding-right:16px!important}
  section>div{padding-top:48px!important;padding-bottom:48px!important}
  nav[aria-label="Contact rapide"]{top:auto!important;bottom:12px!important;right:12px!important;flex-direction:row!important}
  .nav-drop ul{left:auto;right:-60px}
  .article-cover{padding:0 16px;margin-top:0}
  .article-body{padding:32px 16px 56px;font-size:17px}
}