/* Import Font */
@font-face {
  font-family: "Lato";
  src: url("../police/Lato-Bold.woff2") format("woff2");
}

/* Couleurs */
.jaune {
  color: #fdc50e;
}

.noir {
  color: black;
}

.gris {
  color: #646464;
}

.blanc {
  color: white;
}

/* Commun */
html {
  scroll-behavior: smooth;
}

body {
  color: black;
  font-family: "Lato";
  margin: 0;
  background-color: white;
}

header {
  background-color: white;
  border-bottom: 1.5vh solid #fdc50e;
  position: fixed;
  top: 0;
  z-index: 5;
  width: 95vw;
  padding: 2.5vw;
}

main {
  margin-top: 7.5vh;
}

strong {
  color: #646464;
}

footer {
  background-color: white;
  border-top: 1.5vh solid #fdc50e;
  height: 6vh;
  z-index: 5;
  padding: 2.5vw;
}

/* CSS Mentions légales */
main {
  text-align: center;
}

h1 {
  margin: 15vh 0 5vh 0;
  border-bottom: 5px solid #fdc50e;
  font-size: 2rem;
  display: inline-block;
}

.section-1-ml {
  text-align: start;
  padding: 1vh 5vw 1vh 5vw;
}

.section-2-ml {
  text-align: start;
  padding: 1vh 5vw 1vh 5vw;
}

.section-3-ml {
  text-align: start;
  padding: 1vh 5vw 1vh 5vw;
}

.section-4-ml {
  text-align: start;
  padding: 1vh 5vw 1vh 5vw;
}

.section-5-ml {
  text-align: start;
  padding: 1vh 5vw 1vh 5vw;
}

h2 {
  display: inline;
  border-bottom: 5px solid #fdc50e;
}

@media screen and (min-width: 700px) {
  /* Commun */
  header {
    border-bottom: 0.5vh solid #fdc50e;
    height: 3vh;
    width: 97vw;
    padding: 1.5vw;
  }

  footer {
    border-top: 0.5vh solid #fdc50e;
    height: 3vh;
    padding: 0 0 7vh 0;
  }
}