:root{--bleu:#1e4d8b;--or:#f5c842;--creme:#faf8f4;--encre:#1a1a1a;--gris:#5a5a5a}
*{box-sizing:border-box}
body{margin:0;background:var(--creme);color:var(--encre);
  font-family:Georgia,'Times New Roman',serif;line-height:1.65;-webkit-font-smoothing:antialiased}
.wrap{max-width:660px;margin:0 auto;padding-inline:24px}
header{background:var(--bleu);color:#fff;text-align:center;padding-block:48px 52px}
.mark{display:inline-block;border-block:2px solid var(--or);padding-block:12px;
  margin-bottom:28px;text-decoration:none;color:#fff}
.mark span{font-family:Helvetica,Arial,sans-serif;font-size:13px;font-weight:500;
  letter-spacing:7px;text-transform:uppercase}
h1{font-size:clamp(30px,7vw,42px);font-weight:400;margin:0}
main{padding-block:52px 60px}
h2{font-size:21px;font-weight:400;margin:42px 0 10px;padding-bottom:8px;
  border-bottom:1px solid var(--or)}
h2:first-child{margin-top:0}
p{margin:0 0 14px}
ul{margin:0 0 14px;padding-left:22px}
li{margin-bottom:7px}
a{color:var(--bleu)}
strong{font-weight:700}
.maj{margin-top:38px;font-size:14px;font-style:italic;color:var(--gris)}
footer{background:var(--bleu);color:#fff;text-align:center;padding-block:36px}
footer hr{width:100%;height:1px;background:rgba(245,200,66,.45);border:0;margin:0 0 22px}
footer p{margin:0;font-family:Helvetica,Arial,sans-serif;font-size:12px;
  letter-spacing:2px;text-transform:uppercase}
footer a{color:var(--or);text-decoration:none}
footer a:hover{text-decoration:underline}