:root{--bleu:#0d3b66;--gris:#f5f7fa;}
*{box-sizing:border-box}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;font-size:17px;line-height:1.65;color:#1a1a1a;max-width:820px;margin:0 auto;padding:24px 20px 80px}
.banner{background:var(--gris);border-left:4px solid var(--bleu);padding:16px 18px;border-radius:4px;margin-bottom:28px}
.banner .v{font-weight:700;color:var(--bleu);font-size:15px;letter-spacing:.3px;text-transform:uppercase}
.banner p{margin:8px 0 0;font-size:15px}
.dl{display:inline-block;background:var(--bleu);color:#fff;text-decoration:none;padding:12px 20px;border-radius:6px;font-weight:600;font-size:16px;margin-top:14px}
h1{font-size:28px;line-height:1.25;color:var(--bleu);margin:0 0 6px}
h2{font-size:21px;color:var(--bleu);margin:38px 0 10px;padding-top:14px;border-top:2px solid #e3e8ef}
h3{font-size:17px;margin:24px 0 6px}
p{margin:0 0 14px;text-align:left}
ul,ol{margin:0 0 16px 22px}
li{margin:5px 0}
table{border-collapse:collapse;width:100%;margin:16px 0;font-size:15px;display:block;overflow-x:auto}
th,td{border:1px solid #d9dee6;padding:8px 10px;text-align:left;vertical-align:top}
th{background:var(--gris)}
blockquote{border-left:3px solid var(--bleu);background:var(--gris);margin:16px 0;padding:12px 16px;border-radius:0 4px 4px 0}
blockquote p:last-child{margin-bottom:0}
hr{border:0;border-top:1px solid #e3e8ef;margin:32px 0}
strong{color:#000}
code{background:var(--gris);padding:2px 5px;border-radius:3px;font-size:.9em}
@media(max-width:600px){body{font-size:16px;padding:16px 14px 60px}h1{font-size:23px}h2{font-size:19px}}