@charset "UTF-8";
.navforum {
  width: 100%;
  height: 80px;
  /*le TOP permet d'avoir la position sticky qui vient à 0px du haut, soit collé en haut du navigateur. */
  /*Peut-être à faire évoluer pour un affichage sur petit écran*/
  top: 0px;
  background-color: #FBF3E4;
}

.navvente {
  margin-bottom: 10px;
  width: 100%;
  height: 40px;
  /*le TOP permet d'avoir la position sticky qui vient à 80px du haut, soit sous navforum. */
  /*Peut-être à faire évoluer pour un affichage sur petit écran*/
  top: 80px;
  background-color: #FBF3E4;
}

.navforum > .navforum_ul {
  padding: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.navforum > .navforum_ul > .navforum_li {
  display: flex;
  list-style-type: none;
  width: 160px;
  height: 40px;
  box-shadow: 0px 0px 5px black;
  font-weight: bold;
  border-radius: 5px;
  margin: 10px 10px;
  align-items: center;
  justify-content: center;
  color: white;
}

.navforum .navforum_ul .navforum_li {
  position: relative;
}

.navforum > .navforum_ul > .navforum_li > .lien_li {
  display: block;
  width: 100%;
  margin: 0px;
  padding: 0px;
  text-align: center;
  text-decoration: none;
  color: white;
}

.navvente > .navvente_ul {
  padding: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.navvente > .navvente_ul > .navvente_li {
  display: flex;
  list-style-type: none;
  width: 160px;
  height: 20px;
  box-shadow: 0px 0px 5px black;
  font-weight: bold;
  border-radius: 5px;
  margin: 0px 10px;
  align-items: center;
  justify-content: center;
  color: white;
}

.navvente .navvente_ul .navvente_li {
  position: relative;
}

.navvente > .navvente_ul > .navvente_li > .lien_li {
  display: block;
  width: 100%;
  margin: 0px;
  padding: 0px;
  text-align: center;
  text-decoration: none;
  color: white;
}

/* Pour faire en sorte que l'écriture dans les boutons soit centrée et la couleur des boutons*/
.bleu {
  background-color: #23A3D9;
}

.vert {
  background-color: #26A648;
  color: white;
}

.active {
  background-color: #26A648;
  color: white;
}

/*Pour faire changer la couleur des boutons lors du survol de la souris*/
.bleu:hover {
  background-color: #26A648;
}

.vert:hover {
  background-color: #23A3D9;
}/*# sourceMappingURL=nav.css.map */