/* =====================================================================
   Aurizeo — charte graphique pour Divi (v1.0)
   Couleurs, polices, sections, boutons, cartes, formulaire, en-tête, pied de page.
   Les classes az-* sont posées dans les modules Divi (Avancé > Classe CSS).
   ===================================================================== */

/* ---------- Polices (licence SIL OFL, hébergées sur le site) ---------- */
@font-face { font-family: "Lexend"; src: url("fonts/lexend-latin-500-normal.woff2") format("woff2"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: "Lexend"; src: url("fonts/lexend-latin-600-normal.woff2") format("woff2"); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: "Lexend"; src: url("fonts/lexend-latin-700-normal.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: "Atkinson Hyperlegible"; src: url("fonts/atkinson-hyperlegible-latin-400-normal.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Atkinson Hyperlegible"; src: url("fonts/atkinson-hyperlegible-latin-400-italic.woff2") format("woff2"); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: "Atkinson Hyperlegible"; src: url("fonts/atkinson-hyperlegible-latin-700-normal.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; }

/* ---------- Jetons de la charte ---------- */
:root {
  --orange: #F3862A;          /* identité : aplats, jamais en texte sur blanc */
  --orange-action: #B84A06;   /* boutons, liens */
  --orange-clair: #FFEBD9;
  --petrole: #0E3A47;
  --ciel: #CFE6EE;
  --surface: #FFFFFF;
  --brume: #EEF4F5;
  --ink: #1A2A30;
  --ink-muted: #4F6169;
  --line: #D3DFE2;
  --line-strong: #7A8E95;
  --success: #1E7347; --success-soft: #E3F2EA;
  --error: #B3261E;   --error-soft: #FBE6E4;
  --font-titre: Lexend, "Trebuchet MS", Arial, sans-serif;
  --font-texte: "Atkinson Hyperlegible", Verdana, Arial, sans-serif;
  --radius-sm: 8px; --radius-lg: 16px;
  --focus-ring: 0 0 0 2px #FFFFFF, 0 0 0 5px #0E3A47;
}

/* ---------- Base ---------- */
body, body #page-container, body #page-container p, body #page-container li,
body #page-container input, body #page-container textarea, body #page-container select {
  font-family: var(--font-texte);
}
body #page-container { color: var(--ink); font-size: 18px; line-height: 1.55; }
body #page-container .et_pb_text, body #page-container p { font-size: 18px; line-height: 28px; color: var(--ink); }
body #page-container p { padding-bottom: 16px; }
body #page-container p:last-child { padding-bottom: 0; }
body #page-container h1, body #page-container h2, body #page-container h3, body #page-container h4 {
  font-family: var(--font-titre); font-weight: 600; color: var(--ink); text-transform: none; text-wrap: balance; padding-bottom: 0;
}
body #page-container h1 { font-size: 48px; line-height: 56px; letter-spacing: -0.01em; margin-bottom: 16px; }
body #page-container h2 { font-size: 34px; line-height: 42px; margin-bottom: 16px; }
body #page-container h3 { font-size: 24px; line-height: 32px; margin-bottom: 8px; }
body #page-container a { color: var(--orange-action); text-decoration: underline; text-underline-offset: 3px; }
body #page-container ul { padding-left: 1.2em; }
body #page-container li { margin-bottom: 6px; }
body #page-container small, body #page-container .az-petit { font-size: 15px; line-height: 22px; color: var(--ink-muted); }

/* Focus clavier visible partout */
body a:focus-visible, body button:focus-visible, body input:focus-visible, body textarea:focus-visible,
body select:focus-visible, body summary:focus-visible, body [tabindex]:focus-visible, body .et_pb_toggle_title:focus-visible {
  outline: 2px solid transparent !important; box-shadow: var(--focus-ring) !important; border-radius: 4px;
}

/* Lien d'évitement */
.az-skip { position: absolute; left: 16px; top: -100px; z-index: 100000; background: var(--petrole); color: #fff !important; padding: 12px 20px; border-radius: var(--radius-sm); font-weight: 700; text-decoration: none; }
.az-skip:focus { top: 16px; }

/* ---------- Sections ---------- */
body #page-container .et_pb_section.az-section { padding: 96px 0; background-color: var(--surface); }
body #page-container .et_pb_section.az-section--brume { background-color: var(--brume); }
body #page-container .et_pb_section.az-section--petrole { background-color: var(--petrole); }
body #page-container .et_pb_section.az-section--compact { padding: 32px 0; }
body #page-container .az-section .et_pb_row { width: 90%; max-width: 1200px; padding: 0; }
body #page-container .az-section .et_pb_row + .et_pb_row { margin-top: 32px; }
@media (max-width: 980px) {
  body #page-container .et_pb_section.az-section { padding: 64px 0; }
  body #page-container .et_pb_section.az-section--compact { padding: 24px 0; }
  body #page-container h1 { font-size: 34px; line-height: 42px; }
  body #page-container h2 { font-size: 28px; line-height: 36px; }
  body #page-container h3 { font-size: 21px; line-height: 28px; }
  body #page-container .az-section .et_pb_column { margin-bottom: 24px; }
  body #page-container .az-section .et_pb_column:last-child { margin-bottom: 0; }
}

/* Textes sur fond pétrole */
body #page-container .az-section--petrole, body #page-container .az-section--petrole p,
body #page-container .az-section--petrole h2, body #page-container .az-section--petrole h3,
body #page-container .az-section--petrole li { color: #FFFFFF; }
body #page-container .az-section--petrole a:not(.et_pb_button) { color: #FFFFFF; }

/* Titre de section : surtitre + titre + chapo */
body #page-container .az-etiquette { font-family: var(--font-texte); font-size: 14px; line-height: 20px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: var(--orange-action); padding-bottom: 8px; }
body #page-container .az-section--petrole .az-etiquette { color: var(--orange); }
body #page-container .az-chapo { font-size: 21px; line-height: 32px; max-width: 46em; }
body #page-container .az-heading { max-width: 820px; }

/* ---------- Boutons (module Bouton, classe az-btn) ---------- */
body #page-container .et_pb_button.az-btn {
  display: inline-flex; align-items: center; min-height: 48px; padding: 10px 24px !important;
  font-family: var(--font-texte) !important; font-size: 18px !important; line-height: 24px !important; font-weight: 700 !important;
  border: 2px solid var(--orange-action) !important; border-radius: var(--radius-sm) !important;
  background: var(--orange-action) !important; color: #FFFFFF !important; text-decoration: none !important; letter-spacing: 0 !important;
  transition: background-color .15s ease, border-color .15s ease, color .15s ease;
}
body #page-container .et_pb_button.az-btn:hover { background: var(--petrole) !important; border-color: var(--petrole) !important; padding: 10px 24px !important; }
body #page-container .et_pb_button.az-btn:after, body #page-container .et_pb_button.az-btn:before { display: none !important; }
body #page-container .et_pb_button.az-btn--secondaire { background: var(--surface) !important; color: var(--petrole) !important; border-color: var(--line-strong) !important; }
body #page-container .et_pb_button.az-btn--secondaire:hover { background: var(--brume) !important; border-color: var(--petrole) !important; }
body #page-container .et_pb_button.az-btn--inverse { background: #FFFFFF !important; color: var(--petrole) !important; border-color: #FFFFFF !important; }
body #page-container .et_pb_button.az-btn--inverse:hover { background: var(--orange) !important; border-color: var(--orange) !important; color: var(--ink) !important; }
/* Boutons côte à côte dans une colonne « az-actions » */
body #page-container .az-actions .et_pb_button_module_wrapper { display: inline-block; margin: 8px 12px 0 0; }

/* ---------- Pictogrammes ---------- */
.az-pastille { width: 64px; height: 64px; border-radius: 50%; background: var(--ciel); display: grid; place-items: center; margin-bottom: 16px; color: var(--petrole); }
.az-pastille svg { width: 32px; height: 32px; }
.az-pastille--num { font-family: var(--font-titre); font-weight: 700; font-size: 26px; color: var(--petrole); }
.az-ico { width: 22px; height: 22px; vertical-align: -5px; margin-right: 8px; color: var(--petrole); flex: none; }
.az-section--petrole .az-ico { color: #FFFFFF; }

/* ---------- Cartes (module Texte, classe az-card) ---------- */
body #page-container .et_pb_text.az-card { background: var(--brume); border-radius: var(--radius-lg); padding: 24px; margin-bottom: 0; height: 100%; }
body #page-container .et_pb_text.az-card--blanc { background: var(--surface); }
body #page-container .az-card h3 { margin-bottom: 8px; }
body #page-container .az-card p { font-size: 17px; line-height: 26px; }
/* Colonnes de même hauteur (rangée avec « Égaliser la hauteur des colonnes ») */
body #page-container .et_pb_equal_columns > .et_pb_column { display: flex; flex-direction: column; }
body #page-container .et_pb_equal_columns > .et_pb_column > .az-card { flex: 1; }

/* Chiffres clés */
body #page-container .az-chiffre .az-nombre { font-family: var(--font-titre); font-weight: 700; font-size: 56px; line-height: 60px; color: var(--orange-action); display: block; margin-bottom: 8px; }
body #page-container .az-chiffre small { display: block; margin-top: 8px; }

/* Bandeau de confiance */
body #page-container .az-trust p { display: flex; flex-wrap: wrap; gap: 12px 32px; font-weight: 700; }
body #page-container .az-trust span { display: inline-flex; align-items: center; }

/* Images et vidéo */
body #page-container .az-image img, body #page-container .az-video, body #page-container .az-video iframe { border-radius: var(--radius-lg); overflow: hidden; }

/* Tableau comparatif */
body #page-container .az-table { overflow-x: auto; }
body #page-container .az-table table { width: 100%; border-collapse: collapse; border: 0; font-size: 17px; }
body #page-container .az-table th, body #page-container .az-table td { padding: 12px 16px; border: 0; border-bottom: 1px solid var(--line); text-align: left; vertical-align: top; }
body #page-container .az-table thead th { background: var(--petrole); color: #FFFFFF; font-weight: 700; }
body #page-container .az-table tbody th { font-weight: 700; color: var(--ink); background: transparent; }

/* FAQ (module Bascule, classe az-toggle) */
body #page-container .et_pb_toggle.az-toggle { border: 0; border-bottom: 1px solid var(--line); background: transparent; padding: 20px 0; margin-bottom: 0; }
body #page-container .az-toggle .et_pb_toggle_title { font-family: var(--font-titre); font-size: 21px; line-height: 28px; font-weight: 600; color: var(--ink); padding-right: 40px; }
body #page-container .az-toggle .et_pb_toggle_title:before { color: var(--orange-action); font-size: 22px; right: 0; }
body #page-container .az-toggle .et_pb_toggle_content { padding-top: 12px; }

/* Témoignage */
body #page-container .az-quote blockquote { border: 0; padding: 0; margin: 0 0 16px; font-size: 21px; line-height: 32px; }
body #page-container .az-quote blockquote p { font-size: 21px; line-height: 32px; }
body #page-container .az-quote strong { display: block; }

/* Prose (pages légales) */
body #page-container .az-prose { max-width: 760px; }
body #page-container .az-prose h2 { font-size: 26px; line-height: 34px; margin-top: 32px; }

/* ---------- Formulaire de contact (classe az-form) ---------- */
body #page-container .az-form .et_pb_contact_form_label { display: block !important; position: static !important; font-weight: 700; color: var(--ink); margin-bottom: 8px; font-size: 18px; }
body #page-container .az-form .et_pb_contact p input, body #page-container .az-form .et_pb_contact p textarea {
  background: #FFFFFF !important; border: 2px solid var(--line-strong) !important; border-radius: var(--radius-sm) !important;
  color: var(--ink) !important; font-size: 18px !important; padding: 12px 14px !important; min-height: 48px;
}
body #page-container .az-form .et_pb_contact p input::placeholder, body #page-container .az-form .et_pb_contact p textarea::placeholder { color: var(--ink-muted); }
body #page-container .az-form .et_contact_error { border-color: var(--error) !important; }
body #page-container .az-form .et_pb_contact_submit {
  min-height: 48px; padding: 10px 24px !important; background: var(--orange-action) !important; color: #FFFFFF !important;
  border: 2px solid var(--orange-action) !important; border-radius: var(--radius-sm) !important; font-family: var(--font-texte) !important;
  font-size: 18px !important; font-weight: 700 !important;
}
body #page-container .az-form .et_pb_contact_submit:hover { background: var(--petrole) !important; border-color: var(--petrole) !important; }
body #page-container .az-form .et_pb_contact_submit:after { display: none !important; }
body #page-container .az-form .et-pb-contact-message { font-size: 17px; }
body #page-container .az-form .et-pb-contact-message ul { background: var(--error-soft); color: var(--error); border-radius: var(--radius-sm); padding: 12px 16px 12px 36px; }

/* ---------- En-tête (Theme Builder, classe az-header) ---------- */
body #page-container .et_pb_section.az-header { padding: 0; background: #FFFFFF; border-bottom: 1px solid var(--line); }
body #page-container .az-header .et_pb_row { width: 90%; max-width: 1200px; padding: 12px 0; }
body #page-container .az-menu .et_pb_menu__logo img { max-height: 56px; width: auto; }
body #page-container .az-menu .et-menu > li { padding-left: 12px; padding-right: 12px; }
body #page-container .az-menu .et-menu > li > a { font-family: var(--font-texte); font-size: 18px; font-weight: 700; color: var(--petrole) !important; text-decoration: none; padding-bottom: 0; }
body #page-container .az-menu .et-menu > li.current-menu-item > a { color: var(--orange-action) !important; text-decoration: underline; text-underline-offset: 6px; text-decoration-thickness: 2px; }
body #page-container .az-menu .et-menu > li > a:hover { opacity: 1; color: var(--orange-action) !important; }
body #page-container .az-menu .et_pb_menu__wrap { justify-content: flex-end; }
body #page-container .az-menu .et-menu-nav > ul > li.az-menu-cta > a {
  background: var(--orange-action); color: #FFFFFF !important; border-radius: var(--radius-sm); padding: 12px 20px !important; text-decoration: none;
}
body #page-container .az-menu .et-menu-nav > ul > li.az-menu-cta > a:hover { background: var(--petrole); color: #FFFFFF !important; }
body #page-container .az-menu .et-menu > li.az-menu-cta { padding-right: 0; }
/* Menu mobile */
body #page-container .az-menu .mobile_menu_bar:before { color: var(--petrole); font-size: 40px; }
body #page-container .az-menu .et_mobile_menu { border-top: 3px solid var(--orange); padding: 8px 0; }
body #page-container .az-menu .et_mobile_menu li a { font-size: 18px; font-weight: 700; color: var(--petrole); padding: 14px 5%; text-decoration: none; }
body #page-container .az-menu .et_mobile_menu li.az-menu-cta a { background: var(--orange-action); color: #FFFFFF; border-radius: var(--radius-sm); margin: 8px 5%; text-align: center; }

/* ---------- Pied de page (Theme Builder, classe az-footer) ---------- */
body #page-container .et_pb_section.az-footer { background: var(--petrole); padding: 64px 0 24px; }
body #page-container .az-footer .et_pb_row { width: 90%; max-width: 1200px; padding: 0; }
body #page-container .az-footer, body #page-container .az-footer p, body #page-container .az-footer li { color: #FFFFFF; font-size: 16px; line-height: 26px; }
body #page-container .az-footer h2 { font-family: var(--font-texte); font-size: 14px; line-height: 20px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: var(--orange); margin-bottom: 16px; }
body #page-container .az-footer .az-footer-nom { font-family: var(--font-titre); font-weight: 600; font-size: 34px; line-height: 40px; color: #FFFFFF; display: block; margin-bottom: 8px; }
body #page-container .az-footer ul { list-style: none; padding: 0; margin: 0; }
body #page-container .az-footer li { margin-bottom: 8px; display: flex; align-items: flex-start; }
body #page-container .az-footer a { color: #FFFFFF; text-decoration: underline; text-underline-offset: 3px; }
body #page-container .az-footer a:hover { color: var(--orange); }
body #page-container .az-footer .az-footer-bas { border-top: 1px solid rgba(255,255,255,.25); margin-top: 40px; padding-top: 20px; }
body #page-container .az-footer .az-footer-bas p { font-size: 15px; color: #FFFFFF; }
body #page-container .az-footer .az-ico { color: var(--orange); margin-top: 3px; }

@media (prefers-reduced-motion: reduce) {
  * { transition: none !important; animation: none !important; scroll-behavior: auto !important; }
}

/* Liste de coordonnées avec pictogrammes (page Contact) */
body #page-container .az-liste { list-style: none; padding: 0; margin: 0 0 16px; }
body #page-container .az-liste li { display: flex; align-items: flex-start; margin-bottom: 12px; }
body #page-container .az-liste .az-ico { margin-top: 3px; }

/* Bandeau d'appel à l'action : bloc pétrole arrondi dans une section claire (le pied de page reste le seul aplat pétrole pleine largeur) */
body #page-container .az-section--cta .et_pb_row { background: var(--petrole); border-radius: var(--radius-lg); padding: 48px 40px; }
body #page-container .az-section--cta h2, body #page-container .az-section--cta p,
body #page-container .az-section--cta li { color: #FFFFFF; }
body #page-container .az-section--cta .az-etiquette { color: var(--orange); }
body #page-container .az-section--cta a:not(.et_pb_button) { color: #FFFFFF; }
@media (max-width: 980px) { body #page-container .az-section--cta .et_pb_row { padding: 32px 24px; } }
/* Vidéo : largeur de lecture confortable */
body #page-container .et_pb_video.az-video { max-width: 960px; }
@media (max-width: 980px) {
  body #page-container .az-footer .et_pb_column { margin-bottom: 32px; }
  body #page-container .az-footer .et_pb_row:last-child .et_pb_column { margin-bottom: 0; }
}

/* ---------- En-tête v1.1 : bouton « Demander une démo » posé dans l'en-tête (module Bouton, classe az-header-cta),
   indépendant du menu WordPress ---------- */
body #page-container .az-header .et_pb_column { display: flex; align-items: center; gap: 24px; flex-wrap: wrap; }
body #page-container .az-header .et_pb_column > .az-menu { flex: 1 1 auto; margin-bottom: 0 !important; min-width: 0; }
body #page-container .az-header .et_pb_column > .et_pb_button_module_wrapper { margin: 0 !important; flex: none; }
@media (max-width: 980px) {
  body #page-container .az-header .et_pb_row { padding: 8px 0 12px; }
  body #page-container .az-header .et_pb_column { gap: 8px; }
  body #page-container .az-header .et_pb_column > .az-menu { flex-basis: 100%; }
  body #page-container .az-header .et_pb_column > .et_pb_button_module_wrapper { flex-basis: 100%; }
  body #page-container .az-header .et_pb_button.az-header-cta { width: 100%; justify-content: center; }
}

/* =====================================================================
   v1.2 — page d'accueil B2B : visuel animé, cartes « Vous êtes… », Handinaute Solo, référence, fond affiche
   ===================================================================== */
/* Bandeau principal */
body #page-container .az-hero .et_pb_row { align-items: center; }
body #page-container .az-hero h1 { font-size: 48px; line-height: 56px; }
body #page-container .az-hero-video video { display: block; width: 100%; height: auto; aspect-ratio: 1080 / 1000; border-radius: var(--radius-lg); background: var(--petrole); }
body #page-container .az-checks { list-style: none; padding: 8px 0 0; margin: 0; display: flex; flex-wrap: wrap; gap: 8px 28px; }
body #page-container .az-checks li { display: flex; align-items: center; margin: 0; font-weight: 700; font-size: 16px; }
body #page-container .az-checks .az-ico { color: var(--success); }
@media (prefers-reduced-motion: reduce) { .az-hero-video video { animation: none; } }

/* Cartes cliquables « Vous êtes… » */
body #page-container .az-card--lien { padding: 0; }
body #page-container .az-card--lien .et_pb_text_inner { height: 100%; }
body #page-container a.az-carte { display: flex; flex-direction: column; gap: 10px; height: 100%; padding: 24px; color: var(--ink); text-decoration: none; border-radius: var(--radius-lg); border: 2px solid transparent; }
body #page-container a.az-carte:hover { border-color: var(--petrole); }
body #page-container .az-carte .az-pastille { margin-bottom: 4px; }
body #page-container .az-carte-titre { font-family: var(--font-titre); font-weight: 600; font-size: 20px; line-height: 26px; }
body #page-container .az-carte-texte { font-size: 16px; line-height: 24px; }
body #page-container .az-lien { margin-top: auto; display: inline-flex; align-items: center; gap: 4px; font-weight: 700; font-size: 16px; color: var(--orange-action); }
body #page-container .az-lien .az-ico { color: var(--orange-action); margin: 0; }
body #page-container .et_pb_column_1_5 { margin-bottom: 0; }
body #page-container .et_pb_row.az-grille-lieux { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 20px; }
body #page-container .et_pb_row.az-grille-lieux > .et_pb_column { width: auto !important; margin: 0 !important; float: none; }
body #page-container .et_pb_row.az-grille-lieux::after { display: none; }
body #page-container .az-grille-lieux a.az-carte { padding: 22px 20px; }
body #page-container .az-grille-lieux .az-carte-titre { font-size: 18px; line-height: 24px; hyphens: auto; }

/* Étapes et encadré « particuliers » */
body #page-container .az-pastille--petrole { background: var(--petrole); color: #FFFFFF; width: 52px; height: 52px; font-size: 22px; }
body #page-container .az-encadre { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 24px; border: 2px solid var(--line); border-radius: var(--radius-lg); padding: 20px 26px; }
body #page-container .az-encadre p { flex: 1 1 420px; font-size: 17px; line-height: 26px; padding: 0; }
body #page-container .az-encadre a { font-weight: 700; }

/* Handinaute Solo */
body #page-container .az-hero .et_pb_row, body #page-container #solo .et_pb_row { align-items: center; }
body #page-container .az-solo-visuel { position: relative; background: #FFFFFF; border-radius: var(--radius-lg); padding: 32px; display: flex; flex-direction: column; align-items: center; gap: 4px; }
body #page-container .az-solo-visuel img { width: 100%; max-width: 460px; height: auto; }
body #page-container .az-solo-visuel img.az-solo-logo { width: 240px; }
body #page-container .az-avantages { list-style: none; padding: 0; margin: 0 0 20px; }
body #page-container .az-avantages li { display: flex; gap: 12px; align-items: flex-start; margin-bottom: 12px; }
body #page-container .az-avantages .az-ico { color: var(--orange-action); margin-top: 3px; }
body #page-container .az-specs { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
body #page-container .az-specs div { background: #FFFFFF; border-radius: 12px; padding: 14px 16px; }
body #page-container .az-specs span { display: block; font-size: 14px; color: var(--ink-muted); }
body #page-container .az-specs strong { font-family: var(--font-titre); font-weight: 600; font-size: 17px; }

/* Étoiles et bulles décoratives (charte Handinaute) */
.az-etoile { position: absolute; width: 36px; height: 36px; fill: var(--orange); }
.az-etoile--orange { top: 24px; left: 28px; }
.az-bulles { position: absolute; width: 36px; height: 36px; top: 58px; left: 58px; }
.az-bulles--petrole circle { stroke: var(--petrole); }
.az-etoile--deborde { top: -22px; right: 18%; width: 56px; height: 56px; }

/* Référence */
body #page-container .az-section--sans-bas { padding-bottom: 0; }
body #page-container .az-section--reference .et_pb_row { background: var(--brume); border-radius: var(--radius-lg); padding: 32px 40px; align-items: center; }
body #page-container .az-reference-titre { font-family: var(--font-titre); font-weight: 600; font-size: 26px; line-height: 32px; }
body #page-container .az-logo-ref { height: 96px; width: auto; display: block; margin-left: auto; }
@media (max-width: 980px) { body #page-container .az-logo-ref { margin-left: 0; height: 80px; } }

/* Appel à l'action sur fond « affiche » pétrole texturé */
body #page-container .az-section--affiche .et_pb_row { position: relative; overflow: visible; background-color: var(--petrole); background-image: url("img/fond-affiche-petrole.jpg"); background-size: cover; background-position: center; align-items: center; }
body #page-container .az-section--affiche .et_pb_text_inner { position: static; }
body #page-container .az-cta-logo img { width: 340px; max-width: 100%; height: auto; display: block; margin: 0 auto; }
body #page-container .az-cta-tel { color: var(--ciel) !important; font-size: 16px; }

/* Pied de page : logo */
body #page-container .az-footer .az-footer-logo { width: 200px; height: auto; margin-bottom: 12px; display: block; }
@media (max-width: 480px) { body #page-container .az-specs { grid-template-columns: 1fr; } }

/* =====================================================================
   v1.3 — page Vidéos : vignettes YouTube cliquables
   ===================================================================== */
.az-yt { margin: 0; display: flex; flex-direction: column; gap: 12px; height: 100%; }
.az-yt-lecteur, .az-yt-iframe { position: relative; display: block; width: 100%; aspect-ratio: 16 / 9; border: 0; padding: 0; border-radius: var(--radius-lg); overflow: hidden; background: var(--petrole); cursor: pointer; }
.az-yt-lecteur img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .3s ease; }
.az-yt-lecteur:hover img { transform: scale(1.03); }
.az-yt-play { position: absolute; left: 50%; top: 50%; width: 72px; height: 72px; margin: -36px 0 0 -36px; border-radius: 50%; background: var(--orange); display: grid; place-items: center; box-shadow: 0 0 0 6px rgba(255,255,255,.85); }
.az-yt-play svg { width: 32px; height: 32px; fill: var(--ink); margin-left: 4px; }
.az-yt-lecteur:hover .az-yt-play, .az-yt-lecteur:focus-visible .az-yt-play { background: #FFFFFF; }
.az-yt-duree { position: absolute; right: 10px; bottom: 10px; background: rgba(14,58,71,.92); color: #FFFFFF; font-size: 14px; font-weight: 700; padding: 2px 8px; border-radius: 6px; }
body #page-container .az-yt figcaption { display: flex; flex-direction: column; gap: 4px; }
body #page-container .az-yt-titre { font-family: var(--font-titre); font-weight: 600; font-size: 20px; line-height: 26px; color: var(--ink); }
body #page-container .az-yt-texte { font-size: 16px; line-height: 24px; color: var(--ink-muted); }
body #page-container .az-yt-lien { font-size: 15px; font-weight: 700; }
body #page-container .az-video-une .az-yt-titre { font-size: 26px; line-height: 32px; }
.az-yt-grille { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 32px 24px; }
.az-yt-erreur { border: 2px dashed var(--error); color: var(--error); border-radius: var(--radius-sm); padding: 12px 16px; font-weight: 700; }
@media (prefers-reduced-motion: reduce) { .az-yt-lecteur img { transition: none; } }

/* =====================================================================
   v1.4 — page « Notre actualité » : module Blog de Divi, rendez-vous
   ===================================================================== */
body #page-container .et_pb_section.az-section--serre { padding-top: 0; }
/* Métadonnées et liens communs */
body #page-container .az-blog-une .post-meta, body #page-container .az-blog-grille .post-meta { font-size: 14px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: var(--orange-action); padding-bottom: 8px; }
body #page-container .az-blog-une .post-meta a, body #page-container .az-blog-grille .post-meta a { color: var(--orange-action); text-decoration: none; }
body #page-container .az-blog-une .entry-title a, body #page-container .az-blog-grille .entry-title a { color: var(--ink); text-decoration: none; }
body #page-container .az-blog-une .entry-title a:hover, body #page-container .az-blog-grille .entry-title a:hover { color: var(--orange-action); text-decoration: underline; }
body #page-container .az-blog-une .more-link, body #page-container .az-blog-grille .more-link { display: inline-block; margin-top: 12px; font-weight: 700; color: var(--orange-action); text-decoration: underline; text-underline-offset: 3px; }
/* Article à la une : image à gauche, texte à droite */
body #page-container .az-blog-une .et_pb_post { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); gap: 16px 48px; align-items: center; margin: 0; padding: 0; border: 0; }
body #page-container .az-blog-une .et_pb_post > *:not(.entry-featured-image-url) { grid-column: 2; }
body #page-container .az-blog-une .entry-featured-image-url { grid-column: 1; grid-row: 1 / span 4; margin: 0; }
body #page-container .az-blog-une .entry-featured-image-url img { border-radius: var(--radius-lg); width: 100%; aspect-ratio: 16 / 10; object-fit: cover; }
body #page-container .az-blog-une .entry-title { font-size: 34px; line-height: 42px; margin: 0; padding: 0; }
body #page-container .az-blog-une .post-content p { font-size: 19px; line-height: 30px; }
@media (max-width: 980px) {
  body #page-container .az-blog-une .et_pb_post { grid-template-columns: 1fr; }
  body #page-container .az-blog-une .et_pb_post > * , body #page-container .az-blog-une .entry-featured-image-url { grid-column: 1 !important; grid-row: auto !important; }
  body #page-container .az-blog-une .entry-title { font-size: 26px; line-height: 34px; }
}
/* Grille des articles : cartes blanches, image en haut */
body #page-container .az-blog-grille .et_pb_post { background: #FFFFFF; border: 0; border-radius: var(--radius-lg); padding: 0 24px 24px; overflow: hidden; margin-bottom: 28px; }
body #page-container .az-blog-grille .et_pb_image_container { margin: 0 -24px 20px; }
body #page-container .az-blog-grille .et_pb_image_container img { width: 100%; aspect-ratio: 16 / 10; object-fit: cover; display: block; }
body #page-container .az-blog-grille .entry-title { font-size: 21px; line-height: 28px; padding-bottom: 8px; }
body #page-container .az-blog-grille .post-content p { font-size: 16px; line-height: 24px; }
body #page-container .az-blog-grille .pagination a { font-weight: 700; color: var(--orange-action); }
/* Rendez-vous (salons) */
body #page-container .az-rdv { display: flex; gap: 22px; align-items: flex-start; }
body #page-container .az-rdv-date { flex: none; width: 88px; border-radius: 12px; background: var(--petrole); color: #FFFFFF; text-align: center; padding: 12px 6px; display: flex; flex-direction: column; }
body #page-container .az-rdv-date strong { font-family: var(--font-titre); font-size: 30px; line-height: 34px; color: #FFFFFF; }
body #page-container .az-rdv-date span { font-size: 14px; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; color: var(--ciel); }
body #page-container .az-rdv-texte h3 { margin-bottom: 6px; }
body #page-container .az-rdv-texte p { display: flex; align-items: center; color: var(--ink-muted); }
body #page-container .az-rdv-texte a { font-weight: 700; }
/* Deux boutons côte à côte dans le bandeau « Suivez-nous » */
body #page-container .az-section--affiche .az-actions .et_pb_button_module_wrapper { margin-right: 12px; }

/* =====================================================================
   v1.5 — page « Qui sommes-nous » : portraits ronds
   ===================================================================== */
body #page-container .et_pb_section.az-section--sans-haut { padding-top: 0; }
body #page-container .az-membre { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 6px; }
body #page-container .az-membre-photo { width: 168px; height: 168px; border-radius: 50%; object-fit: cover; margin-bottom: 14px; box-shadow: 0 0 0 6px var(--ciel); }
body #page-container .az-membre-role { font-size: 14px; line-height: 20px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; color: var(--orange-action); padding: 0; }
body #page-container .az-membre h3 { margin: 0; }
body #page-container .az-membre p:last-child { font-size: 16px; line-height: 24px; }

/* v1.6 — Références clients : logos en couleurs d'origine, sur tuiles blanches de même hauteur */
body #page-container .az-section--clients .et_pb_row:last-child { background: var(--brume); border-radius: var(--radius-lg); padding: 32px; }
body #page-container .az-clients { list-style: none; margin: 0; padding: 0 !important; display: grid; grid-template-columns: repeat(6, 1fr); gap: 16px; }
body #page-container .az-client { margin: 0; padding: 20px 24px !important; background: #fff; border: 1px solid var(--line); border-radius: var(--radius-md, 8px);
  height: 132px; display: flex; align-items: center; justify-content: center; list-style: none; }
body #page-container .az-client img { max-height: 88px; max-width: 100%; width: auto; height: auto; object-fit: contain; display: block; }
body #page-container .az-client--fondation-anne-de-gaulle { grid-column: span 2; }
body #page-container .az-client--fondation-anne-de-gaulle img { max-height: 64px; }
@media (max-width: 980px) { body #page-container .az-clients { grid-template-columns: repeat(3, 1fr); }
  body #page-container .az-client--fondation-anne-de-gaulle { grid-column: span 3; } }
@media (max-width: 560px) { body #page-container .az-clients { grid-template-columns: repeat(2, 1fr); gap: 12px; }
  body #page-container .az-section--clients .et_pb_row:last-child { padding: 16px; }
  body #page-container .az-client { height: 104px; padding: 14px !important; }
  body #page-container .az-client img { max-height: 68px; }
  body #page-container .az-client--fondation-anne-de-gaulle { grid-column: span 2; } }