/* ArchiXposed, mise en page du site.
   Complète archixposed.css (le kit DA), qui reste inchangé. */

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--ax-papier);color:var(--ax-encre);
  font:500 16px/1.6 var(--ax-texte);-webkit-font-smoothing:antialiased}

/* --- Logo (composants de la DA) --- */
.ax-logo{display:inline-flex;align-items:center;font:700 28px/1 var(--ax-logo);letter-spacing:.03em;color:var(--ax-encre)}
.ax-logo .k{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;
  width:1.1em;height:1.16em;margin:0 .05em;border-style:solid;border-color:transparent;
  border-width:.075em .085em .11em;border-radius:.16em;
  background:var(--ax-touche-dessus) padding-box,var(--ax-touche-biseau) border-box}
.ax-logo .k span{font-size:.9em;color:var(--ax-encre)}
.ax-cartouche-logo{display:inline-flex;flex-direction:column;border:2px solid var(--ax-encre);background:#fff}
.ax-cartouche-logo .haut{padding:8px 12px}
.ax-cartouche-logo .bas{display:flex;border-top:2px solid var(--ax-encre);
  font:600 10px var(--ax-texte);letter-spacing:.12em;color:var(--ax-cyan-profond)}
.ax-cartouche-logo .bas span{padding:4px 10px}
.ax-cartouche-logo .bas span+span{margin-left:auto;border-left:2px solid var(--ax-encre);color:var(--ax-encre)}

/* --- Structure --- */
.enveloppe{max-width:720px;margin:0 auto;padding:24px 16px 64px}
header.site{padding-bottom:28px}
main{display:block}

h1{font:700 30px/1.25 var(--ax-texte);margin:0 0 16px}
h2{font:700 20px/1.3 var(--ax-texte);margin:40px 0 12px}
h3{font:700 17px/1.35 var(--ax-texte);margin:26px 0 8px}
p{margin:0 0 14px}
a{color:var(--ax-cyan-profond)}
a:focus-visible,button:focus-visible{outline:2px solid var(--ax-cyan-profond);outline-offset:3px}
.intro{font-size:17px;color:var(--ax-texte-doux,#3A4152);margin-bottom:28px}
.discret{color:#3A4152;font-size:15px}

/* --- Carte d'outil --- */
.outil{margin:0 0 20px}
.outil .ax-cartouche-corps{padding:18px}
.outil h2{margin:0 0 6px;font-size:19px}
.outil p{margin:0 0 16px;color:#3A4152}
.outil .ax-bouton{text-decoration:none}

.a-venir{border:1.5px dashed #9AA7AD;background:transparent;padding:18px;margin:0 0 20px}
.a-venir p{margin:0;color:#3A4152}

/* --- Pages de texte --- */
.texte{max-width:640px}
.texte ul{margin:0 0 14px;padding-left:22px}
.texte li{margin-bottom:6px}
.maj{font:600 12px var(--ax-texte);letter-spacing:.12em;text-transform:uppercase;color:var(--ax-cyan-profond);margin-bottom:24px}

/* --- Pied de page --- */
footer.site{margin-top:56px;padding-top:20px;border-top:1.5px solid #D5D8DE;font-size:14px;color:#3A4152}
footer.site a{color:var(--ax-cyan-profond)}
footer.site .sep{padding:0 6px;color:#9AA7AD}

@media (max-width:420px){
  h1{font-size:26px}
  .ax-logo{font-size:24px}
}