@charset "utf-8";
:root{--fam:#0E4B54;--ambre:#D98A2B;--encre:#24262B;--gris:#79828B;
      --fond:#FBFAF7;--carte:#FFFFFF;--trait:#E4E2DC}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--fond);color:var(--encre);
     font:17px/1.6 "Lora",Georgia,"Times New Roman",serif}
a{color:var(--fam)}
main{max-width:760px;margin:0 auto;padding:8px 20px 64px}
h1{font:600 2.1em/1.15 "Lora",Georgia,serif;color:var(--fam);margin:.4em 0 .2em}
h2{font:700 1.02em/1.3 "Lato","Helvetica Neue",Arial,sans-serif;color:var(--fam);
   letter-spacing:.02em;margin:2.2em 0 .5em}
h3{font:700 .82em/1.3 "Lato","Helvetica Neue",Arial,sans-serif;text-transform:uppercase;
   letter-spacing:.09em;color:var(--fam);margin:0 0 .5em}
p{margin:0 0 .8em}
.discret{color:var(--gris);font-size:.92em}
.promesse{font-size:1.18em;color:var(--gris);font-style:italic;margin-bottom:1.4em}
.arrivee{border-left:3px solid var(--ambre);background:#FBF0DF;padding:.7em .9em;margin:1.4em 0 .6em}
.annonce{font-weight:600}
.resume{font-size:1.05em;margin-bottom:1.2em}
.qr{margin:0 0 1.5em}
.qr h3{text-transform:none;letter-spacing:0;font:700 1.05em/1.35 "Lora",Georgia,serif;margin:0 0 .35em}
.bandeau{border-top:5px solid var(--fam);background:var(--carte);border-bottom:1px solid var(--trait)}
.bandeau{display:flex;justify-content:space-between;align-items:center;gap:16px;
         padding:14px 20px;flex-wrap:wrap}
.marque{font:700 1.05em/1 "Lato",Arial,sans-serif;letter-spacing:.13em;text-transform:uppercase;
        color:var(--fam);text-decoration:none}
.bandeau nav a{font:600 .85em/1 "Lato",Arial,sans-serif;color:var(--gris);text-decoration:none}
.bandeau nav a:hover{color:var(--fam)}
.fil{max-width:760px;margin:0 auto;padding:14px 20px 0;font:.8em/1.4 "Lato",Arial,sans-serif;color:var(--gris)}
.fil a{color:var(--gris)}
.pays{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:1em}
.bloc-pays{background:var(--carte);border:1px solid var(--trait);border-top:3px solid var(--fam);
           padding:14px 16px}
.bloc-pays ul{list-style:none;margin:0;padding:0}
.bloc-pays li{margin-bottom:.9em}
.bloc-pays li a{font-weight:600;display:block}
.bloc-pays li span{display:block;font-size:.88em;color:var(--gris);line-height:1.45}
.qui{max-width:38rem;margin:3.2rem 0 0;}
.qui h2{font-family:var(--sans,inherit);font-size:1.05rem;margin-bottom:.8rem;}
.qui p{margin:0 0 .9rem;}
.bouton{display:inline-block;padding:13px 22px;background:var(--fam,#0E4B54);color:#fff;
        text-decoration:none;font:700 .85em/1 "Lato",Arial,sans-serif;letter-spacing:.08em;
        text-transform:uppercase;border-radius:2px}
.bouton:hover{background:var(--ambre);color:#fff}
.livre .achat{margin:1.1em 0 0}
.engagement{border-top:1px solid var(--trait);padding-top:.4em}
.fichier{background:#EFF3F2;border-left:3px solid var(--ambre);padding:14px 16px;margin-top:2em}
.fichier h2{margin-top:0}
.livre{display:flex;gap:20px;align-items:flex-start;background:var(--carte);
       border:1px solid var(--trait);padding:18px;margin:2.2em 0}
.livre img{box-shadow:0 2px 10px rgba(0,0,0,.18)}
.livre h2{margin-top:0}
.livre .t{font-weight:600;margin-bottom:.3em}
.livre .st{color:var(--gris);font-size:.92em}
.livre .prix{font:700 .85em/1 "Lato",Arial,sans-serif;letter-spacing:.06em;color:var(--fam)}
.suite ul{padding-left:1.1em}
.suite li{margin-bottom:.55em}
.grille{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:18px;margin-top:1.4em}
.carte{display:flex;flex-direction:column;gap:6px;text-decoration:none;color:var(--encre);
       background:var(--carte);border:1px solid var(--trait);padding:14px}
.carte:hover{border-color:var(--fam)}
.carte img{box-shadow:0 2px 8px rgba(0,0,0,.16);margin-bottom:4px}
.carte .t{font-weight:600;color:var(--fam)}
.carte .p{font-size:.9em;color:var(--gris);font-style:italic}
.carte .x{font:700 .78em/1 "Lato",Arial,sans-serif;letter-spacing:.06em;color:var(--ambre)}
.famille-liste{margin-bottom:2em;border-left:3px solid var(--fam);padding-left:16px}
.famille-liste h2{margin:0 0 .4em}
.famille-liste h2 a{text-decoration:none}
.famille-liste ul{list-style:none;margin:0;padding:0}
.famille-liste li{margin-bottom:.4em}
.grille-familles{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:2em 0}
.pastille{display:flex;flex-direction:column;justify-content:flex-end;min-height:118px;
          background:var(--fam);color:#fff;text-decoration:none;padding:14px 16px}
.pastille .n{font:600 1.15em/1.2 "Lora",Georgia,serif}
.pastille .c{font:700 .75em/1 "Lato",Arial,sans-serif;letter-spacing:.09em;text-transform:uppercase;
             color:var(--ambre);margin-top:6px}
.a-completer{background:#FBF0DF;border-left:3px solid var(--ambre);padding:14px 16px;margin:1.4em 0}
footer{border-top:1px solid var(--trait);margin-top:40px;padding:22px 20px 40px;text-align:center;
       font-size:.88em;color:var(--gris)}
footer a{color:var(--gris)}
@media (max-width:560px){
  .pays,.grille-familles{grid-template-columns:1fr}
  body{font-size:16px}
  h1{font-size:1.7em}
  .livre{flex-direction:column}
}