:root{--navy:#14306A;--navy2:#0E2250;--red:#D9342B;--bg:#F3F5F9;--ink:#1B2433;--mut:#5A6578;--line:#DCE1EA}
*{box-sizing:border-box}
body{margin:0;font:17px/1.65 "Source Sans 3",system-ui,sans-serif;color:var(--ink);background:#fff}
h1,h2,h3{font-family:Montserrat,system-ui,sans-serif;line-height:1.2;margin:0 0 .5em;color:var(--navy)}
a{color:var(--navy)}img{max-width:100%;display:block}
.w{max-width:1140px;margin:0 auto;padding:0 20px}
.top{background:var(--navy2);color:#fff;font-size:14px}
.top .w{display:flex;justify-content:space-between;gap:12px;padding-top:8px;padding-bottom:8px;flex-wrap:wrap}
.top a{color:#fff;text-decoration:none;font-weight:600}
header.m{border-bottom:1px solid var(--line);background:#fff;position:sticky;top:0;z-index:5}
header.m .w{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:12px;padding-bottom:12px}
header.m img{height:54px;width:auto}
nav{display:flex;gap:26px;font-weight:600;font-size:15px;align-items:center;flex-wrap:wrap}
nav a{text-decoration:none;color:var(--ink)}nav a:hover,nav a.on{color:var(--red)}
.btn{display:inline-block;background:var(--red);color:#fff!important;padding:13px 26px;border-radius:4px;font-weight:700;text-decoration:none;font-family:Montserrat,sans-serif;font-size:15px}
.btn:hover{background:#b92b23}.btn.o{background:transparent;border:2px solid #fff}
.hero{position:relative;color:#fff;background:var(--navy) url(https://aepeupliers.fr/wp-content/uploads/2024/05/cliomotoweb-e1452450512560.webp) center/cover}
.hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(14,34,80,.92),rgba(14,34,80,.55))}
.hero .w{position:relative;padding-top:110px;padding-bottom:110px}
.hero h1{color:#fff;font-size:clamp(34px,5vw,56px);max-width:16ch}
.hero p{max-width:50ch;font-size:19px;margin:0 0 28px}
.hero .a{display:flex;gap:12px;flex-wrap:wrap}
.page-h{background:var(--navy);color:#fff;padding:56px 0}.page-h h1{color:#fff;font-size:clamp(30px,4vw,44px);margin:0}.page-h p{margin:10px 0 0;max-width:60ch;opacity:.9}
.band{background:var(--bg);border-bottom:1px solid var(--line)}
.band .w{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding-top:26px;padding-bottom:26px}
.band b{display:block;font-family:Montserrat,sans-serif;color:var(--navy);font-size:16px}.band span{font-size:15px;color:var(--mut)}
section{padding:72px 0}section.g{background:var(--bg)}
h2.t{font-size:clamp(26px,3.2vw,36px);text-align:center}.sub{text-align:center;color:var(--mut);max-width:60ch;margin:0 auto 40px}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.card{background:#fff;border:1px solid var(--line);border-radius:6px;overflow:hidden;display:flex;flex-direction:column;text-decoration:none;color:inherit}
.card .im{aspect-ratio:3/2;background:linear-gradient(135deg,#c9d3e6,#aebbd6);overflow:hidden}
.card .im img{width:100%;height:100%;object-fit:cover}
.card div.b{padding:22px;display:flex;flex-direction:column;gap:8px;flex:1}
.card h3{font-size:20px;margin:0}.card p{margin:0;color:var(--mut);font-size:16px}
.card .l{margin-top:auto;padding-top:10px;color:var(--red);font-weight:700}
.two{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.two .im{border-radius:6px;overflow:hidden;background:linear-gradient(135deg,#c9d3e6,#aebbd6);aspect-ratio:4/3}.two .im img{width:100%;height:100%;object-fit:cover}
.two h2{font-size:clamp(26px,3vw,34px)}
ul.c{padding:0;list-style:none;margin:18px 0}ul.c li{padding-left:28px;position:relative;margin:8px 0}ul.c li::before{content:"✓";position:absolute;left:0;color:var(--red);font-weight:800}
table{width:100%;border-collapse:collapse;background:#fff;font-size:16px}th,td{padding:14px 16px;text-align:left;border-bottom:1px solid var(--line)}th{background:var(--navy);color:#fff;font-family:Montserrat,sans-serif;font-size:14px}
.ag{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.ag div{background:#fff;border:1px solid var(--line);border-top:4px solid var(--red);padding:24px;border-radius:4px}.ag h3{font-size:19px}.ag p{margin:0;color:var(--mut)}
.cta{background:var(--navy);color:#fff;text-align:center;padding:64px 0}.cta h2{color:#fff}.cta p{margin:0 0 24px}
.faq details{background:#fff;border:1px solid var(--line);border-radius:4px;margin-bottom:10px;padding:16px 20px}.faq summary{font-weight:700;cursor:pointer;color:var(--navy)}.faq p{margin:12px 0 0;color:var(--mut)}
footer{background:var(--navy2);color:#c7d0e4;padding:48px 0 24px;font-size:15px}footer h4{color:#fff;font-family:Montserrat,sans-serif;margin:0 0 10px;font-size:16px}footer a{color:#c7d0e4}
footer .w{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}.cp{text-align:center;margin-top:32px;font-size:13px;opacity:.7}
@media(max-width:860px){nav{display:none}.band .w{grid-template-columns:1fr 1fr}.cards,.ag,.two{grid-template-columns:1fr}footer .w{grid-template-columns:1fr 1fr}.two{gap:28px}section{padding:52px 0}.hero .w{padding:70px 20px}}
@media(max-width:520px){footer .w{grid-template-columns:1fr}.top .w span:first-child{display:none}}
:focus-visible{outline:3px solid var(--red);outline-offset:2px}