/* Voyons Patrimoine 3.3.15 — H1 : utiliser la largeur réellement disponible. */
/* Les anciens plafonds de 820/920/1040 px coupaient les titres trop tôt. */
/* Ne pas utiliser white-space:nowrap : les titres longs doivent rester lisibles. */
.vp-page-hero:not(.vp-guides-hero) > .vp-wrap {
  width: min(var(--vp-max, 1220px), calc(100% - 40px));
}
.vp-page-hero h1,
.vp-page-hero.vp-guide-page-hero h1,
.vp-guides-hero-v31 h1,
.vp-single-hero h1,
.vp-archive-hero h1 {
  max-width: 100%;
  overflow-wrap: normal;
  word-break: normal;
}
/* La tête des vidéos/actus partage maintenant la largeur des autres heros. */
.vp-single-head-wrap {
  width: min(var(--vp-max, 1220px), calc(100% - 40px));
}
/* Articles classiques : titre en pleine largeur, texte limité à sa colonne de lecture. */
.vp-article-heading {
  width: min(var(--vp-max, 1220px), calc(100% - 40px));
}
.vp-article-heading h1 {
  max-width: 100%;
  overflow-wrap: normal;
  word-break: normal;
}
.vp-article-heading .vp-chapo {
  max-width: 860px;
}
@media (max-width: 600px) {
  .vp-page-hero:not(.vp-guides-hero) > .vp-wrap,
  .vp-single-head-wrap,
  .vp-article-heading {
    width: min(var(--vp-max, 1220px), calc(100% - 28px));
  }
}