/* Feuille de style de l'application, reprise de la maquette validée (maquette/*.tpl.html).
   Aucun fichier n'est chargé depuis un site extérieur : la police Open Sans est servie par l'application
   (licence libre SIL Open Font License, polices/OFL.txt). */

@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 300 800;
  font-display: swap;
  src: url("polices/open-sans.dcf31ebe1074.woff2") format("woff2");
}

html { scrollbar-gutter: stable; }
body {
  margin: 0;
  min-height: 100vh;
  background: #F6F5F4;
  color: #2D2E2D;
  font-family: "Open Sans", system-ui, sans-serif;
}
a { color: #0E71B9; }
a:hover { color: #0A5A94; }

/* En-tête blanc avec le logo, comme sur chaque écran de la maquette. */
.entete {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 16px 32px;
  background: #FFFFFF;
  border-bottom: 1px solid #E3E1E0;
}
.logo { display: inline-flex; align-items: center; gap: 12px; text-decoration: none; }
.logo-texte { display: flex; flex-direction: column; line-height: 1.15; }
.logo-nom { font-weight: 600; font-size: 20px; color: #2D2E2D; text-transform: uppercase; letter-spacing: 0.03em; }
.logo-societe { font-weight: 400; font-size: 12px; color: #595A59; text-transform: uppercase; letter-spacing: 0.04em; }

.contenu {
  max-width: 1200px;
  margin: 0 auto;
  padding: 32px 24px 64px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
h1 { margin: 0; font-size: 28px; font-weight: 700; }

.carte {
  background: #FFFFFF;
  border: 1px solid #E3E1E0;
  border-radius: 12px;
  padding: 20px 24px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.carte p { margin: 0; }
.discret { color: #6B6A69; font-size: 14px; }

/* Téléphone : marges réduites. */
@media (max-width: 600px) {
  .entete { padding: 12px 16px; }
  .contenu { padding: 24px 16px 48px; }
}