/* 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;
  font-size: 0.7rem;
}

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: 15vh;
}

strong {
  color: #646464;
}

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

/* CSS Tarif */
h1 {
  text-align: center;
}

nav ul {
  list-style-type: none;
  text-align: center;
  padding: 0;
}

nav ul li {
margin-top: 0;
}

nav ul li a {
color:#646464;
}

nav ul li a:hover {
  color:#fdc50e;
  }

section {
  text-align: center;
}

table {
  width: 70%;
  font-size: 0.7rem;
  border-collapse: collapse;
  margin: 25px 0;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
}

th,
td {
  padding: 12px;
  border: 1px solid black;
}

th {
  background-color: #fdc50e;
}

/* Version ordinateur */
@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;
  }

  body {
    font-size: 1rem;
  }

  nav ul li {
    margin-top: 5px;
    }

  table {
    width: 50%;
    font-size: 1rem;
  }
}