/*
 * Seuils de responsive (ex-map $breakpoints include-media) :
 * phone 400px, tablet 768px, desktop 1024px, large 1420px, verylarge 1880px
 */

@media (max-width: 767px) {
  .phone-hidden {
    display: none;
  }
}
@media (max-width: 1023px) {
  .tablet-hidden {
    display: none;
  }
}

*, ::before, ::after {
  box-sizing: border-box
}

.container-not-used {
  margin: 0 auto;
  width: 100%;
  @media (min-width: 1025px) {
    width: 1024px;
  }
  @media (min-width: 1421px) {
    width: 1300px;
  }
  @media (min-width: 1881px) {
    width: 1600px;
  }
}

.infos {
  background-color: lightgrey;
  font-style: italic;
  margin : 1em 0;
  padding: 1em 2em;
  border-radius: 1em 3em;
}

.display-none {
  display: none;
}