/* En-tête compact — vivre-orleans.fr (toutes les pages, bureau ≥ 1001 px ; le mobile est inchangé).
   Le titre passe à gauche sur deux lignes, le skyline rouge (réduit) à droite, la barre du menu est resserrée.
   Sélecteurs PAR POSITION : Divi numérote les blocs du header différemment selon la page (section_0 sur les articles,
   section_2 sur l'accueil). Si le header est remodelé dans Divi, revoir ce fichier. */

/* Sur l'accueil le titre est un H1 (mu-plugin) : il doit ressembler exactement à l'ancien <p>. */
.et-l--header h1.vo-titre-site { margin: 0 !important; padding: 0 !important; font: inherit !important; color: inherit !important; letter-spacing: inherit !important; text-transform: inherit !important; text-align: inherit; }

@media (min-width: 1001px) {
  .et-l--header .et_builder_inner_content > .et_pb_section:nth-child(1) { display: grid !important; grid-template-columns: minmax(330px, 34%) 1fr; align-items: end; padding: 0 !important; min-height: 0 !important; }
  .et-l--header .et_builder_inner_content > .et_pb_section:nth-child(1) > .et_pb_row:nth-child(1) { grid-column: 1; grid-row: 1; align-self: center; width: 100% !important; max-width: none !important; margin: 0 !important; padding: 6px 0 34px 100px !important; }
  .et-l--header .et_builder_inner_content > .et_pb_section:nth-child(1) > .et_pb_row:nth-child(1) > .et_pb_column:nth-child(1),
  .et-l--header .et_builder_inner_content > .et_pb_section:nth-child(1) > .et_pb_row:nth-child(1) > .et_pb_column:nth-child(3) { display: none !important; }
  .et-l--header .et_builder_inner_content > .et_pb_section:nth-child(1) > .et_pb_row:nth-child(1) > .et_pb_column:nth-child(2) { width: 100% !important; margin: 0 !important; }
  .et-l--header .et_builder_inner_content > .et_pb_section:nth-child(1) .et_pb_text,
  .et-l--header .et_builder_inner_content > .et_pb_section:nth-child(1) .et_pb_text * { text-align: left !important; font-size: 46px !important; line-height: 1.02 !important; letter-spacing: .01em; }
  .et-l--header .et_builder_inner_content > .et_pb_section:nth-child(1) .et_pb_text .et_pb_text_inner { max-width: 5.2em; }
  .et-l--header .et_builder_inner_content > .et_pb_section:nth-child(1) > .et_pb_row:nth-child(2) { grid-column: 2; grid-row: 1; width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; }
  .et-l--header .et_builder_inner_content > .et_pb_section:nth-child(1) > .et_pb_row:nth-child(2) > .et_pb_column { margin: 0 !important; }
  .et-l--header .et_builder_inner_content > .et_pb_section:nth-child(1) .et_pb_image { margin: 0 0 0 auto !important; width: 100% !important; max-width: 940px; }
  .et-l--header .et_builder_inner_content > .et_pb_section:nth-child(2) { margin-top: -26px !important; }
  .et-l--header .et_builder_inner_content > .et_pb_section:nth-child(2) > .et_pb_row { padding: 6px 0 !important; }
  /* le bandeau « lectures par an » est plus petit : il ne doit pas mordre sur le titre */
  .vo-ruban { width: 130px !important; height: 130px !important; }
  .vo-ruban__bande { top: 30px !important; left: -46px !important; width: 190px !important; padding: 6px 0 7px !important; }
  .vo-ruban__n { font-size: 19px !important; }
  .vo-ruban__t { font-size: 8.5px !important; }
}