/* Couleurs et polices : Charte graphique du Bureau d'études en structure LABRIE
   (7 - Image de marque\Logo Labrie 2026\Charte graphique.md). Aucune couleur hors charte. */

/* Polices hébergées avec le site (licence OFL dans assets/polices) : rien n'est demandé à
   Google, donc aucune adresse IP de visiteur ne lui est transmise (Loi 25). */
@font-face {
  font-family: "Cormorant Garamond";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("assets/polices/cormorant-garamond-latin-600-normal.woff2") format("woff2");
}
@font-face {
  font-family: "Cormorant Garamond";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("assets/polices/cormorant-garamond-latin-700-normal.woff2") format("woff2");
}
@font-face {
  font-family: "Source Sans 3";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("assets/polices/source-sans-3-latin-400-normal.woff2") format("woff2");
}
@font-face {
  font-family: "Source Sans 3";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("assets/polices/source-sans-3-latin-600-normal.woff2") format("woff2");
}

:root {
  --encre: #24508C;
  --secondaire: #4A5F7E;
  --pin: #A0773E;
  --bleu-plan: #3569B3;
  --fond: #FFFFFF;
  --titres: "Cormorant Garamond", Georgia, serif;
  --texte: "Source Sans 3", "Segoe UI", Arial, sans-serif;
}

* { box-sizing: border-box; }

html { background: var(--fond); }

body {
  margin: 0 auto;
  max-width: 46rem;
  padding: 3rem 1.25rem 2rem;
  color: var(--encre);
  background: var(--fond);
  font-family: var(--texte);
  font-size: 1.0625rem;
  line-height: 1.6;
}

.entete {
  padding-bottom: 1.5rem;
  border-bottom: 1px solid var(--pin);
}

.logo {
  display: block;
  width: min(100%, 26rem);
  height: auto;
  /* Le viewBox du SVG laisse 29,6 unités sur 460 à gauche du bloc du L : on les reprend
     pour aligner le bloc sur le texte, sans toucher au logo. */
  margin-left: calc(min(100%, 26rem) * -0.0643);
}

main section { margin-top: 2.25rem; }

h2 {
  margin: 0 0 0.5rem;
  font-family: var(--titres);
  font-weight: 700;
  font-size: 1.75rem;
  line-height: 1.2;
  color: var(--encre);
}

.presentation p { color: var(--secondaire); }

.services {
  margin: 0;
  padding-left: 1.2rem;
}

.services li { margin-bottom: 0.6rem; }
.services li::marker { color: var(--pin); }

strong { font-weight: 600; }

a { color: var(--bleu-plan); }

.pied {
  margin-top: 3rem;
  padding-top: 1rem;
  border-top: 1px solid var(--pin);
  font-size: 0.875rem;
  color: var(--secondaire);
}

/* Premier jet seulement : ce qui attend la confirmation de Julien. À retirer avant la mise en ligne. */
.a-confirmer {
  background: none;
  color: var(--secondaire);
  outline: 1px dashed var(--pin);
  outline-offset: 2px;
  padding: 0 0.2rem;
}