@media screen and (max-width: 890px) {
  :root {
    --largeur: 100%;
  }

  body nav.grosbouton ul {
    display: inherit;
  }

  header[role="banner"] div#titre,
  header[role="banner"] div#alerte div,
  nav#filariane ol,
  div.sousmenu > div,
  div#bandeau form,
  main,
  footer {
    padding-left: 10px;
    padding-right: 10px;
  }

  .section > :not(header) {
      width: 100%;
  }

  div#bandeau {
    min-height: 130px;
  }

  footer div:first-child {
    order: initial;
  }

  footer div:nth-child(2) {
    order: initial;
  }

  nav.grosbouton ul li {
    width: 100%;
  }

  div.carte-de-visite {
    justify-content: flex-start;
    min-height: unset;
  }

  div#section-elu div.carte-de-visite {
    min-height: unset;
  }

  div.carte-de-visite dl {
    min-width: 210px;
    margin-bottom: 10px;
    padding-right: 30px;
    width: unset;
  }

  div.carte-de-visite > div {
    width: unset;
  }

  header[role="banner"] h1 {
    padding-left: 46px;
    background-size: 35px;
    font-size: xx-large;
  }
}