/* Charte relevée sur officeetvous-services.fr le 23/08/2026.
   Le site tourne sous Divi : bleu #0000FF dominant, orange #FD7E02 en accent,
   Libre Baskerville pour les titres, Source Sans Pro pour le texte, boutons en pilule. */

@import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville:wght@400;700&family=Source+Sans+3:wght@400;600;700&display=swap');

:root {
  --oev-bleu: #0000FF;
  --oev-orange: #FD7E02;
  --oev-encre: #1F1F22;
  --oev-gris: #666;
  --oev-bord: #e3e3e8;
  --oev-fond: #f7f7f7;
  --oev-succes: #1f7a4d;
  --oev-fond-bleu: #f2f2ff;
  --titre: "Libre Baskerville", Georgia, "Times New Roman", serif;
  --texte: "Source Sans 3", "Source Sans Pro", Helvetica, Arial, Lucida, sans-serif;
}

* { box-sizing: border-box; }

html, body {
  margin: 0; padding: 0;
  font-family: var(--texte);
  font-size: 16px; line-height: 1.7;
  color: var(--oev-encre);
  background: #fff;
}

h1, h2, h3 { font-family: var(--titre); font-weight: 700; line-height: 1.25; }

a { color: var(--oev-bleu); }
a:hover { text-decoration: underline; }

.container { max-width: 1180px; margin: 0 auto; padding: 0 26px; }

/* --- Bandeau de contact, comme sur le site --- */
.bandeau-contact {
  background: var(--oev-bleu); color: #fff; font-size: 14px; font-weight: 600;
  padding: 9px 0;
}
.bandeau-contact .container { display: flex; gap: 26px; align-items: center; flex-wrap: wrap; }
.bandeau-contact a { color: #fff; text-decoration: none; }
.bandeau-contact a:hover { text-decoration: underline; }

/* --- En-tête --- */
.site-header { background: #fff; padding: 14px 0; border-bottom: 1px solid var(--oev-bord); }
.site-header .container {
  display: flex; align-items: center; justify-content: space-between;
  gap: 24px; flex-wrap: wrap;
}
.site-header img.logo { height: 62px; width: auto; display: block; }

.nav { display: flex; gap: 26px; flex-wrap: wrap; }
.nav a {
  text-decoration: none; color: var(--oev-encre); font-weight: 600; font-size: 15.5px;
}
.nav a:hover, .nav a.actif { color: var(--oev-orange); text-decoration: none; }

/* --- Boutons --- */
.bouton, button.bouton {
  display: inline-block; background: var(--oev-bleu); color: #fff; text-decoration: none;
  font-family: var(--texte); font-weight: 700; font-size: 15px;
  padding: 12px 30px; border: 0; border-radius: 100px; cursor: pointer;
}
.bouton:hover { background: #0000cc; text-decoration: none; color: #fff; }
.bouton[disabled] { opacity: .5; cursor: default; }

/* --- Pied de page --- */
.site-footer {
  margin-top: 60px; background: var(--oev-encre); color: rgba(255,255,255,.82);
  padding: 30px 0; font-size: 14px; text-align: center;
}
.site-footer a { color: var(--oev-orange); text-decoration: none; }