.header {
  background: var(--beige-kraft);
  padding: 32px 24px 40px;
}

.inner {
  max-width: var(--max-width);
  margin: 0 auto;
}

.filAriane {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-size: 13px;
  color: var(--gris-moyen);
  margin-bottom: 16px;
}

.filAriane a {
  color: var(--gris-moyen);
}

.filAriane a:hover {
  color: var(--vert-fonce);
  text-decoration: underline;
}

.segment {
  display: inline-flex;
  align-items: center;
}

.separateur {
  margin: 0 8px;
  color: #cccccc;
}

.titre {
  font-size: 2rem;
  font-weight: 700;
  color: var(--gris-fonce);
}

.sousTitre {
  font-size: 16px;
  color: var(--gris-moyen);
  margin-top: 8px;
  max-width: 640px;
}

@media (min-width: 1024px) {
  .header {
    padding: 40px 24px 48px;
  }
}