:root{--bleu:#004a88;--nuit:#0e2c4a;--orange:#ee7f00;--gris:#5d6b7a;--filet:#d5dde6;--pale:#f3f6fa}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;color:var(--nuit);background:#fff;font:17px/1.65 "Gill Sans Nova","Segoe UI",Candara,"Noto Sans",Ubuntu,"Helvetica Neue",Arial,sans-serif}
.wrap{max-width:820px;margin:0 auto;padding:0 24px}
.top{padding:26px 0}
.top img{display:block;height:54px;width:auto}
.intro{background:var(--bleu);color:#fff;padding:64px 0 60px}
h1{margin:0 0 22px;font-size:clamp(2rem,5vw,2.9rem);line-height:1.15;font-weight:600;letter-spacing:-.01em}
h1::after{content:"";display:block;width:56px;height:4px;background:var(--orange);margin-top:22px}
.lead{margin:0;font-size:1.2rem;max-width:40em;color:#fff}
section{padding:52px 0}
.alt{background:var(--pale)}
h2{margin:0 0 16px;color:var(--bleu);font-size:1.5rem;font-weight:600}
h3{margin:0 0 8px;font-size:1.2rem;font-weight:600}
p{margin:0 0 14px}
ul{margin:0;padding:0;list-style:none}
li{position:relative;padding-left:20px;margin-bottom:8px}
li::before{content:"";position:absolute;left:0;top:.62em;width:8px;height:8px;background:var(--orange)}
a{color:var(--bleu);text-underline-offset:3px}
a:hover{color:var(--orange)}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:22px}
article{background:#fff;border:1px solid var(--filet);border-top:3px solid var(--bleu);padding:22px 24px}
article p{margin:0}
.refs{color:var(--gris);margin:0}
.contact{margin:0}
footer{border-top:1px solid var(--filet);padding:36px 0 44px;color:var(--gris);font-size:.86rem}
footer h2{font-size:1rem;color:var(--gris);margin-bottom:10px}
footer p{margin-bottom:8px}