html {
  margin: 0;
  padding: 0;
}

body {
  animation: fadeInAnimation ease 1.5s;
  position: relative;
  margin: 0;
  padding: 0;
  height: 100%;
  background-image: url("../img/background.png");
}
body .checkbox {
  margin: 0px;
  padding: 0px;
  display: flex;
  position: relative;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: center;
  text-align: center;
}
body .checkbox div {
  margin: 0.55vh 1.75vw;
  padding: 2.25%;
  width: 7.5%;
}
body .checkbox div p {
  font-size: 0.75em;
}
body div.heros {
  z-index: 0;
  display: flex;
  position: relative;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-family: "Quantico", sans-serif;
}
body div.heros h1 {
  position: absolute;
  top: 25vh;
  font-size: 6vw;
  font-weight: 300;
  color: #FCFEEE;
  filter: drop-shadow(2px 3px 2.5px rgba(0, 0, 0, 0.288));
}
body div.heros a {
  top: 45vh;
  position: absolute;
  display: flex;
  width: 12.5vw;
  font-size: 3vw;
  text-decoration: none;
  color: #FCFEEE;
  background-color: #020301;
  padding: 0.25% 2%;
  margin: 4%;
  filter: drop-shadow(2px 3px 2.5px rgba(0, 0, 0, 0.288));
  transition: all 0.25s ease;
}
body div.heros a:hover {
  color: #020301;
  background-color: #FCFEEE;
}
body div.heros img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100vw;
  height: 85vh;
}
body .zone_h2 {
  display: flex;
  position: relative;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 4vh 0vh 2.5vh 0vh;
  padding: 0px;
}
body .zone_h2 .barre {
  position: relative;
  height: 0.75vh;
  width: 7vw;
  background-color: #58585E;
  margin: 0px;
  padding: 0px;
}
body .zone_h2 h2 {
  margin: 0px;
  padding: 0px;
  position: relative;
  font-family: "Quantico", sans-serif;
  font-size: 3.75em;
  font-weight: 400;
}
body div.promo {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100vw;
}
body div.promo div.cartes {
  margin: 0% 5%;
  width: 90%;
  display: flex;
  position: relative;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
body div.promo div.cartes div.carte_filtre {
  width: 100%;
  position: absolute;
  background-color: rgba(2, 3, 1, 0.2392156863);
  width: 22vw;
  height: 22vw;
}
body div.promo div.cartes div {
  width: 100%;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0.5vw;
  box-sizing: content-box;
}
body div.promo div.cartes div img {
  position: relative;
  -o-object-fit: cover;
     object-fit: cover;
  width: 22vw;
  height: 22vw;
}
body div.promo div.cartes div a {
  filter: drop-shadow(2px 3px 2.5px rgba(0, 0, 0, 0.288));
  text-decoration: none;
  font-family: "Quantico", sans-serif;
  white-space: nowrap;
  font-size: 3.25vw;
  position: absolute;
  color: #FCFEEE;
  padding: 0px;
}
body div.promo div.cartes div a:hover {
  filter: drop-shadow(4.5px 6.5px 2.5px rgba(0, 0, 0, 0.288));
  color: #F5D388;
}
body div.commentaires {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100vw;
  justify-content: center;
  align-items: center;
}
body div.commentaires .commentaire {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: baseline;
  width: 90vw;
  height: 37.5vh;
  margin-bottom: 3vh;
}
body div.commentaires .commentaire .commentaire_banniere {
  display: flex;
  position: absolute;
  width: 100%;
  height: 37.5vh;
  -o-object-fit: cover;
     object-fit: cover;
}
body div.commentaires .commentaire .type_gauche {
  left: 2vw;
}
body div.commentaires .commentaire .type_droit {
  left: 38vw;
}
body div.commentaires .commentaire .zone_commentaire {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 27.5vw;
  height: 52.5%;
  margin: 2.75vh 2vw;
  padding: 2.75vh 4vw;
  justify-content: center;
  align-items: baseline;
  background-color: rgba(255, 255, 255, 0.5);
}
body div.commentaires .commentaire .zone_commentaire p {
  position: relative;
  display: flex;
  margin: 0;
  padding: 0;
  font-family: "Quantico", sans-serif;
  font-weight: 300;
  font-size: 1.35vw;
}
body div.commentaires .commentaire .zone_commentaire .etoiles {
  position: relative;
  display: flex;
  flex-direction: row;
  margin: 1.5vh 0vw 0.5vh 0vw;
  height: 3.5vh;
  width: 2vw;
}
body div.commentaires .commentaire .zone_commentaire .etoiles img {
  position: relative;
  display: flex;
  height: 3.5vh;
  width: 2vw;
}
body div.a_propos {
  position: relative;
  display: flex;
  flex-direction: column;
  margin: 10vw 27.5vw;
  width: 45vw;
}
body div.a_propos h2 {
  font-family: "Quantico", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 3.75em;
  margin: 0px;
}
body div.a_propos .a_propos_contenu {
  position: relative;
  display: flex;
  flex-direction: column;
  margin: 0px;
  padding: 3vw;
  justify-content: center;
  align-items: baseline;
  background-color: rgba(255, 255, 255, 0.5);
}
body div.a_propos .a_propos_contenu p {
  margin: 1.5vh 1vw;
  font-family: "bebas-neue-pro", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 2em;
}
body div.nous_joindre {
  position: relative;
  display: flex;
  flex-direction: column;
  margin: 10vw 25vw;
  width: 50vw;
}
body div.nous_joindre h2 {
  font-family: "Quantico", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 3.75em;
  margin: 0px;
}
body div.nous_joindre .carte {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 20vw;
  background-color: rgba(255, 255, 255, 0.5);
  padding-top: 3vh;
}
body div.nous_joindre .carte iframe {
  height: 100%;
  width: 90%;
  position: relative;
  display: flex;
  box-sizing: border-box;
  filter: drop-shadow(2px 3px 2.5px rgba(0, 0, 0, 0.178));
}
body div.nous_joindre .nous_joindre_contenu {
  position: relative;
  display: flex;
  flex-direction: row;
  margin: 0px;
  padding: 2vh 3vw;
  justify-content: space-between;
  align-items: center;
  background-color: rgba(255, 255, 255, 0.5);
}
body div.nous_joindre .nous_joindre_contenu img {
  height: 2vw;
  width: 2vw;
  padding-right: 1vw;
}
body div.nous_joindre .nous_joindre_contenu p {
  margin: 0;
  font-family: "bebas neue", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.5em;
}
body div.nous_joindre .nous_joindre_contenu .infos {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
body div.nous_joindre .nous_joindre_contenu .infos .adresse,
body div.nous_joindre .nous_joindre_contenu .infos .telephone {
  display: flex;
  position: relative;
  flex-direction: row;
  align-items: center;
  margin: 1vh 0;
}
body div.nous_joindre .nous_joindre_contenu .infos .texte {
  display: flex;
  position: relative;
  flex-direction: column;
}
body div.nous_joindre .nous_joindre_contenu .reseaux {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
body div.nous_joindre .nous_joindre_contenu .reseaux a {
  display: flex;
  position: relative;
  align-items: center;
  margin: 0.33vh 0vw;
  font-family: "bebas neue", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.5em;
  text-decoration: none;
  color: #020301;
}
body .menu {
  display: flex;
  position: relative;
  padding: 15vh 0vw 0vh 0vw;
  flex-direction: column;
}
body .menu .zone_h2 {
  left: 45.5%;
  width: 47%;
  display: flex;
  position: relative;
  flex-direction: row;
  justify-content: space-between;
}
body .menu .zone_h2 .titre {
  display: flex;
  position: relative;
  flex-direction: column;
  align-items: center;
}
body .menu .zone_h2 .bouton {
  top: 1vh;
  filter: drop-shadow(2px 3px 2.5px rgba(0, 0, 0, 0.178));
  background-color: #F5D388;
  display: flex;
  position: relative;
  padding: 0.75vh 1vw;
  width: 10vw;
  height: 5vh;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  text-decoration: none;
  font-family: "Quantico", sans-serif;
  color: #020301;
  font-size: 1.75vw;
  transition: all 0.55s;
}
body .menu .zone_h2 .bouton img {
  margin: 0.25vh;
  display: flex;
  position: relative;
  width: 1.5vw;
  height: 3vh;
  transition: all 0.25s;
}
body .menu .zone_h2 select {
  border: none;
  top: 1vh;
  padding: 0.75vh 1vw;
  width: 10vw;
  height: 5vh;
  filter: drop-shadow(2px 3px 2.5px rgba(0, 0, 0, 0.178));
  display: flex;
  position: relative;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  text-decoration: none;
  font-size: 1.25vw;
  font-family: "Quantico", sans-serif;
  background-color: #F5D388;
  color: #020301;
  transition: all 0.55s;
}
body .menu .zone_h2 select option {
  font-family: "Quantico", sans-serif;
}
body .menu .zone_h2 .bouton:hover {
  padding-left: 0.75vw;
  filter: drop-shadow(2px 3px 2.5px rgba(0, 0, 0, 0.178));
  color: #FCFEEE;
}
body .menu .zone_h2 .bouton:hover img {
  width: 1.65vw;
  height: 3.15vh;
  top: 0.25vh;
  filter: drop-shadow(2px 3px 2.5px rgba(0, 0, 0, 0.178));
}
body .menu .items {
  display: flex;
  position: relative;
  flex-direction: row;
  flex-wrap: wrap;
  width: 85vw;
  height: 100%;
  justify-content: space-between;
}
body .menu .items .item {
  background-color: #FCFEEE;
  filter: drop-shadow(2px 3px 2.5px rgba(0, 0, 0, 0.178));
  margin: 1vh 1vw 0vh 0vw;
  display: flex;
  position: relative;
  align-items: center;
  width: 85vw;
  height: 30vh;
}
body .menu .items .item .texte_menu {
  display: flex;
  position: relative;
  flex-direction: column;
  padding: 5vh 3vw;
  width: 100%;
}
body .menu .items .item .texte_menu .categorie,
body .menu .items .item .texte_menu .prix {
  color: #58585E;
}
body .menu .items .item .texte_menu .ligne {
  display: flex;
  position: relative;
  width: 100%;
  justify-content: space-between;
}
body .menu .items .item .texte_menu .ligne p {
  font-size: 2em;
  font-family: "Bebas Neue", sans-serif;
}
body .menu .items .item .texte_menu .ligne p.prix {
  display: flex;
  position: relative;
  top: 3vh;
}
body .menu .items .item .texte_menu p {
  font-size: 1.5em;
  font-family: "bebas-neue-pro", sans-serif;
  margin: 0.25vh;
}
body .menu .items .item .texte_menu .categories {
  display: flex;
  position: relative;
  flex-direction: row;
  width: 100%;
}
body .menu .items .item .texte_menu .categories .categorie {
  display: flex;
  position: relative;
  margin-right: 1vw;
}
body div.admin_index {
  position: relative;
  display: flex;
  flex-direction: column;
  margin: 10vw 27.5vw;
  width: 45vw;
}
body div.admin_index h2 {
  font-family: "Quantico", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 3.75em;
  margin: 0px;
}
body div.admin_index .admin_index_contenu {
  width: 85%;
  position: relative;
  display: flex;
  flex-direction: column;
  margin: 0px;
  padding: 3vw;
  justify-content: center;
  align-items: center;
  background-color: rgba(255, 255, 255, 0.5);
}
body div.admin_index .admin_index_contenu form {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
}
body div.admin_index .admin_index_contenu form label {
  font-family: "Bebas Neue", sans-serif;
  font-size: 1.5vw;
}
body div.admin_index .admin_index_contenu form input {
  margin: 1.25vh 1vw 1.25vh 0vw;
  height: 4vh;
  width: 100%;
  border: none;
  color: #58585E;
  font-family: "bebas-neue-pro", sans-serif;
  font-size: 1.15vw;
}
body div.admin_index .admin_index_contenu form .sumbit {
  position: relative;
  font-family: "Bebas Neue", sans-serif;
  background-color: #F5D388;
  width: 20%;
  left: 80%;
  transition: all 0.35s;
  filter: drop-shadow(2px 3px 2.5px rgba(0, 0, 0, 0.288));
  font-size: 1.5vw;
}
body div.admin_index .admin_index_contenu form .sumbit:hover {
  filter: drop-shadow(4.5px 6.5px 2.5px rgba(0, 0, 0, 0.288));
  background-color: #020301;
  color: #FCFEEE;
}
body .gestion {
  position: relative;
  display: flex;
  flex-direction: column;
  margin: 10vw 7.5vw;
  width: 85vw;
}
body .gestion .zone_h2 {
  position: relative;
  display: flex;
  flex-direction: row;
  margin: 0;
  padding: 0;
  width: 80vw;
  justify-content: space-between;
}
body .gestion .deconnexion {
  position: relative;
  background-color: #020301;
  color: #FCFEEE;
  font-family: "Quantico", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 2vw;
  width: 15.5vw;
  text-decoration: none;
  text-align: center;
  padding: 0.25vh 0.5vw;
  transition: all 0.5s;
}
body .gestion .deconnexion:hover {
  background-color: #F5D388;
  color: #020301;
  filter: drop-shadow(2px 3px 2.5px rgba(0, 0, 0, 0.178));
}
body .gestion .titre {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
body .gestion a.ajouter {
  background-color: #58585E;
  border-radius: 5px;
  color: #FCFEEE;
  width: 4.5vw;
  text-decoration: none;
  text-align: center;
  font-family: "Bebas Neue", sans-serif;
  padding: 0.25vh 0.25vw;
  margin-right: 2vw;
  transition: all 0.5s;
}
body .gestion a.ajouter:hover {
  background-color: #FCFEEE;
  color: #58585E;
}
body .gestion h2 {
  position: relative;
  left: 7.5vw;
  font-family: "Quantico", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 3.75em;
  margin: 0px;
}
body .gestion .sous_menu {
  display: flex;
  position: relative;
  flex-direction: column;
  width: 85%;
  padding: 0vh 7.5vw;
  margin-top: 2vh;
}
body .gestion .sous_menu .titre {
  width: 100%;
  display: flex;
  position: relative;
  align-items: center;
  height: 4.5vh;
  background-color: #F5D388;
  transition: all 0.45s;
}
body .gestion .sous_menu .titre p {
  padding-left: 0.75vw;
  font-size: 1.25em;
  font-family: "Bebas Neue", sans-serif;
  transition: all 0.25s;
}
body .gestion .sous_menu .titre:hover {
  filter: drop-shadow(2px 3px 2.5px rgba(0, 0, 0, 0.178));
}
body .gestion .sous_menu .titre:hover p {
  padding-left: 0.75vw;
  filter: drop-shadow(2px 3px 2.5px rgba(0, 0, 0, 0.178));
  color: #FCFEEE;
}
body .gestion .menu_contenu {
  position: relative;
  display: flex;
  flex-direction: column;
  margin: 1vh 0vw;
  padding: 1.5vw;
  background-color: rgba(255, 255, 255, 0.5);
}
body .gestion .menu_contenu select {
  border: none;
  font-size: 0.1vw;
  top: 1vh;
  filter: drop-shadow(2px 3px 2.5px rgba(0, 0, 0, 0.178));
  background-color: #FCFEEE;
  margin: 1vh 0vw;
  display: flex;
  position: relative;
  margin-bottom: 4vh;
  padding: 0.75vh 1vw;
  width: 15vw;
  height: 5vh;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  text-decoration: none;
  font-family: "Quantico", sans-serif;
  color: #020301;
  font-size: 1.25vw;
  transition: all 0.55s;
}
body .gestion .menu_contenu select option {
  font-family: "Quantico", sans-serif;
}
body .gestion .menu_contenu form {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
}
body .gestion .menu_contenu form textarea {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  border: none;
  filter: drop-shadow(2px 3px 2.5px rgba(0, 0, 0, 0.288));
  font-family: "bebas-neue-pro", sans-serif;
}
body .gestion .menu_contenu form label {
  font-family: "Bebas Neue", sans-serif;
  font-size: 1.5vw;
  margin: 1vh 0vw;
  color: #58585E;
}
body .gestion .menu_contenu form input {
  margin: 1.25vh 1vw 1.25vh 0vw;
  height: 4vh;
  width: 100%;
  border: none;
  color: #58585E;
  font-family: "bebas-neue-pro", sans-serif;
  font-size: 1.15vw;
  filter: drop-shadow(2px 3px 2.5px rgba(0, 0, 0, 0.288));
}
body .gestion .menu_contenu form #secret_id {
  display: none;
}
body .gestion .menu_contenu form .bouton {
  width: 100%;
  font-family: "Bebas Neue", sans-serif;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
body .gestion .menu_contenu form .bouton a {
  position: relative;
  display: flex;
  background-color: #F5D388;
  color: #020301;
  width: 20%;
  height: 4vh;
  filter: drop-shadow(2px 3px 2.5px rgba(0, 0, 0, 0.288));
  font-size: 1.5vw;
  text-decoration: none;
  color: #020301;
  padding: 0.25vh 0.5vw;
  text-align: center;
  justify-content: center;
  align-items: center;
  transition: all 0.35s;
}
body .gestion .menu_contenu form .bouton a:hover {
  background-color: #020301;
  color: #FCFEEE;
}
body .gestion .menu_contenu form .bouton .sumbit {
  position: relative;
  background-color: #020301;
  color: #FCFEEE;
  width: 20%;
  transition: all 0.35s;
  filter: drop-shadow(2px 3px 2.5px rgba(0, 0, 0, 0.288));
  font-size: 1.5vw;
  font-family: "Bebas Neue", sans-serif;
}
body .gestion .menu_contenu form .bouton .sumbit:hover {
  filter: drop-shadow(4.5px 6.5px 2.5px rgba(0, 0, 0, 0.288));
  background-color: #F5D388;
  color: #020301;
}
body .gestion .menu_contenu form .tableau_titre {
  justify-content: space-between;
  position: relative;
  display: flex;
  flex-direction: row;
  font-family: "Bebas Neue", sans-serif;
  font-size: 1.5em;
  padding-left: 1vw;
}
body .gestion .menu_contenu form .tableau_titre p {
  font-size: 1.55vw;
  color: #58585E;
  width: 16.5%;
}
body .gestion .menu_contenu form .tableau_titre p:nth-child(5) {
  text-align: center;
  align-items: center;
}
body .gestion .menu_contenu form .tableau_titre p:last-child {
  text-align: center;
}
body .gestion .menu_contenu form .item {
  font-family: "bebas-neue-pro", sans-serif;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  border-top: 2px #F5D388 solid;
  padding-left: 1vw;
}
body .gestion .menu_contenu form .item p {
  font-size: 1.15rem;
  width: 16.5%;
}
body .gestion .menu_contenu form .item p:nth-child(5) {
  text-align: center;
}
body .gestion .menu_contenu form .item .click {
  justify-content: center;
  width: 16.5%;
  display: flex;
  position: relative;
  flex-direction: row;
}
body .gestion .menu_contenu form .item .click p {
  text-align: center;
  width: 1.75vw;
  color: #58585E;
  cursor: pointer;
}
body .gestion .menu_contenu form .item .click p:hover {
  color: #020301;
  filter: drop-shadow(2px 3px 2.5px rgba(0, 0, 0, 0.178));
}
body .admingestion {
  position: relative;
  display: flex;
  flex-direction: column;
  margin: 10vw 7.5vw;
  width: 85vw;
}
body .admingestion .zone_h2 {
  position: relative;
  display: flex;
  flex-direction: row;
  margin: 0;
  padding: 0;
  width: 80vw;
  justify-content: space-between;
}
body .admingestion .deconnexion {
  position: relative;
  background-color: #020301;
  color: #FCFEEE;
  font-family: "Quantico", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 2vw;
  width: 15.5vw;
  text-decoration: none;
  text-align: center;
  padding: 0.25vh 0.5vw;
  transition: all 0.5s;
}
body .admingestion .deconnexion:hover {
  background-color: #F5D388;
  color: #020301;
  filter: drop-shadow(2px 3px 2.5px rgba(0, 0, 0, 0.178));
}
body .admingestion .titre {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
body .admingestion a.ajouter {
  background-color: #58585E;
  border-radius: 5px;
  color: #FCFEEE;
  width: 4.5vw;
  text-decoration: none;
  text-align: center;
  font-family: "Bebas Neue", sans-serif;
  padding: 0.25vh 0.25vw;
  margin-right: 2vw;
  transition: all 0.5s;
}
body .admingestion a.ajouter:hover {
  background-color: #FCFEEE;
  color: #58585E;
}
body .admingestion h2 {
  position: relative;
  left: 7.5vw;
  font-family: "Quantico", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 3.75em;
  margin: 0px;
}
body .admingestion .sous_menu {
  display: flex;
  position: relative;
  flex-direction: column;
  width: 85%;
  padding: 0vh 7.5vw;
  margin-top: 2vh;
}
body .admingestion .sous_menu .titre {
  width: 100%;
  display: flex;
  position: relative;
  align-items: center;
  height: 4.5vh;
  background-color: #F5D388;
  transition: all 0.45s;
}
body .admingestion .sous_menu .titre p {
  padding-left: 0.75vw;
  font-size: 1.25em;
  font-family: "Bebas Neue", sans-serif;
  transition: all 0.25s;
}
body .admingestion .menu_contenu {
  position: relative;
  display: flex;
  flex-direction: column;
  margin: 1vh 0vw;
  padding: 1.5vw;
  background-color: rgba(255, 255, 255, 0.5);
}
body .admingestion .menu_contenu .tableau_titre {
  justify-content: space-between;
  position: relative;
  display: flex;
  flex-direction: row;
  font-family: "Bebas Neue", sans-serif;
  padding-left: 1vw;
}
body .admingestion .menu_contenu .tableau_titre p {
  font-size: 1.25vw;
  color: #58585E;
  width: 16.5%;
}
body .admingestion .menu_contenu .tableau_titre p:nth-child(4) {
  text-align: center;
}
body .admingestion .menu_contenu .tableau_titre #prix {
  position: relative;
  display: flex;
  left: 5vw;
}
body .admingestion .menu_contenu .tableau_titre p:last-child {
  text-align: center;
}
body .admingestion .menu_contenu .item {
  font-family: "bebas-neue-pro", sans-serif;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  border-top: 2px #F5D388 solid;
  padding-left: 1vw;
}
body .admingestion .menu_contenu .item p {
  font-size: 1.15rem;
  width: 16.5%;
}
body .admingestion .menu_contenu .item p:nth-child(5) {
  text-align: center;
}
body .admingestion .menu_contenu .item .click {
  justify-content: center;
  width: 16.5%;
  display: flex;
  position: relative;
  flex-direction: row;
}
body .admingestion .menu_contenu .item .click p {
  text-align: center;
  width: 1.75vw;
  color: #58585E;
  cursor: pointer;
}
body .admingestion .menu_contenu .item .click p:hover {
  color: #020301;
  filter: drop-shadow(2px 3px 2.5px rgba(0, 0, 0, 0.178));
}
body .admingestion .menu_contenu form {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
}
body .admingestion .menu_contenu form textarea {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  border: none;
  filter: drop-shadow(2px 3px 2.5px rgba(0, 0, 0, 0.288));
  font-family: "bebas-neue-pro", sans-serif;
}
body .admingestion .menu_contenu form label {
  font-family: "Bebas Neue", sans-serif;
  font-size: 1.5vw;
  margin: 1vh 0vw;
  color: #58585E;
}
body .admingestion .menu_contenu form input {
  margin: 1.25vh 1vw 1.25vh 0vw;
  height: 4vh;
  width: 100%;
  border: none;
  color: #58585E;
  font-family: "bebas-neue-pro", sans-serif;
  font-size: 1.15vw;
  filter: drop-shadow(2px 3px 2.5px rgba(0, 0, 0, 0.288));
}
body .admingestion .menu_contenu form .bouton {
  width: 100%;
  font-family: "Bebas Neue", sans-serif;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
body .admingestion .menu_contenu form .bouton a {
  position: relative;
  display: flex;
  background-color: #F5D388;
  width: 20%;
  height: 4vh;
  filter: drop-shadow(2px 3px 2.5px rgba(0, 0, 0, 0.288));
  font-size: 1.5vw;
  text-decoration: none;
  color: #020301;
  padding: 0.25vh 0.5vw;
  text-align: center;
  justify-content: center;
  align-items: center;
  transition: all 0.35s;
}
body .admingestion .menu_contenu form .bouton .sumbit {
  position: relative;
  background-color: #F5D388;
  width: 20%;
  transition: all 0.35s;
  filter: drop-shadow(2px 3px 2.5px rgba(0, 0, 0, 0.288));
  font-size: 1.5vw;
}
body .admingestion .menu_contenu form .bouton .sumbit:hover {
  filter: drop-shadow(4.5px 6.5px 2.5px rgba(0, 0, 0, 0.288));
  background-color: #020301;
  color: #FCFEEE;
}
body .admingestion .menu_contenu form .tableau_titre {
  justify-content: space-between;
  position: relative;
  display: flex;
  flex-direction: row;
  font-family: "Bebas Neue", sans-serif;
  font-size: 1.5em;
  padding-left: 1vw;
}
body .admingestion .menu_contenu form .tableau_titre p {
  font-size: 1.55vw;
  color: #58585E;
  width: 16.5%;
}
body .admingestion .menu_contenu form .tableau_titre p:nth-child(5) {
  text-align: center;
}
body .admingestion .menu_contenu form .tableau_titre p:last-child {
  text-align: center;
}
body .admingestion .menu_contenu form .item {
  font-family: "bebas-neue-pro", sans-serif;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  border-top: 2px #F5D388 solid;
  padding-left: 1vw;
}
body .admingestion .menu_contenu form .item p {
  font-size: 1.15rem;
  width: 16.5%;
}
body .admingestion .menu_contenu form .item p:nth-child(5) {
  text-align: center;
}
body .admingestion .menu_contenu form .item .click {
  justify-content: center;
  width: 16.5%;
  display: flex;
  position: relative;
  flex-direction: row;
}
body .admingestion .menu_contenu form .item .click p {
  text-align: center;
  width: 1.75vw;
  color: #58585E;
  cursor: pointer;
}
body .admingestion .menu_contenu form .item .click p:hover {
  color: #020301;
  filter: drop-shadow(2px 3px 2.5px rgba(0, 0, 0, 0.178));
}
body .sous_menu {
  display: flex;
  position: relative;
  flex-direction: column;
  width: 85%;
  padding: 0vh 7.5vw;
  margin-top: 2vh;
}
body .sous_menu .titre {
  width: 100%;
  display: flex;
  position: relative;
  align-items: center;
  height: 6.5vh;
  background-color: #F5D388;
  transition: all 0.45s;
}
body .sous_menu .titre p {
  padding-left: 0.75vw;
  font-size: 2.25em;
  font-family: "Quantico", sans-serif;
  font-weight: 400;
  transition: all 0.25s;
}
body .sous_menu .titre_formulaire {
  width: 100%;
  display: flex;
  position: relative;
  align-items: center;
  height: 5.5vh;
  background-color: #F5D388;
  transition: all 0.45s;
}
body .sous_menu .titre_formulaire p {
  padding-left: 0.75vw;
  font-size: 1.5vw;
  font-family: "Bebas Neue", sans-serif;
  transition: all 0.25s;
}
body #filtre {
  display: none;
  position: absolute;
  background-color: rgba(88, 88, 94, 0.6980392157);
  width: 100%;
  height: 100%;
  z-index: 100;
}
body #infolettre {
  left: 33vw;
  position: absolute;
  display: flex;
  flex-direction: column;
  width: 33vw;
  background-color: rgba(255, 255, 255, 0.76);
  z-index: 101;
  top: 15vh;
  padding: 2vh 1vw;
  display: none;
}
body #infolettre p.x_boutton {
  position: relative;
  display: flex;
  margin: 0;
  padding: 0;
  font-size: 3vw;
  left: 85%;
  top: 5%;
  color: #58585E;
  transition: 0.25s all;
}
body #infolettre p.x_boutton:hover {
  color: #FCFEEE;
  cursor: pointer;
}
body #infolettre form {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  align-items: center;
}
body #infolettre form label {
  font-family: "Bebas Neue", sans-serif;
  font-size: 1.25vw;
  width: 25vw;
  margin: 1vh 1vw;
  color: #58585E;
}
body #infolettre form input {
  margin: 1.25vh 1vw 1.25vh 0vw;
  height: 6vh;
  width: 100%;
  border: none;
  color: #58585E;
  font-family: "bebas-neue-pro", sans-serif;
  font-size: 1.15vw;
}
body #infolettre form .sumbit {
  position: relative;
  font-family: "Bebas Neue", sans-serif;
  background-color: #F5D388;
  width: 20%;
  color: #020301;
  transition: all 0.35s;
  filter: drop-shadow(2px 3px 2.5px rgba(0, 0, 0, 0.288));
  font-size: 1.25vw;
  margin-bottom: 5vh;
}
body #infolettre form .sumbit:hover {
  filter: drop-shadow(4.5px 6.5px 2.5px rgba(0, 0, 0, 0.288));
  background-color: #020301;
  color: #FCFEEE;
}
body #infolettre .annonce {
  position: relative;
  display: flex;
  flex-direction: column;
  font-family: "Quantico", sans-serif;
  font-weight: 400;
  align-items: center;
  padding: 2.5vh 1vw 2.5vh 1vw;
}
body #infolettre .annonce p {
  color: #58585E;
  font-size: 2vw;
  margin: 0;
  padding: 0;
}
body #infolettre .annonce h3 {
  margin: 0;
  padding: 0;
  font-size: 3vw;
  font-weight: 400;
}
body #filtre.actif {
  display: block;
  position: absolute;
  background-color: rgba(88, 88, 94, 0.6980392157);
  width: 100%;
  height: 100%;
  z-index: 100;
}
body #infolettre.actif {
  left: 33vw;
  position: absolute;
  display: flex;
  flex-direction: column;
  width: 33vw;
  background-color: rgba(255, 255, 255, 0.76);
  z-index: 101;
  top: 15vh;
  padding: 2vh 1vw;
}
body #infolettre.actif p.x_boutton {
  position: relative;
  display: flex;
  margin: 0;
  padding: 0;
  font-size: 3vw;
  left: 85%;
  top: 5%;
  color: #58585E;
  transition: 0.25s all;
}
body #infolettre.actif p.x_boutton:hover {
  color: #FCFEEE;
  cursor: pointer;
}
body #infolettre.actif form {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  align-items: center;
}
body #infolettre.actif form label {
  font-family: "Bebas Neue", sans-serif;
  font-size: 1.25vw;
  width: 25vw;
  margin: 1vh 1vw;
  color: #58585E;
}
body #infolettre.actif form input {
  margin: 1.25vh 1vw 1.25vh 0vw;
  height: 6vh;
  width: 100%;
  border: none;
  color: #58585E;
  font-family: "bebas-neue-pro", sans-serif;
  font-size: 1.15vw;
}
body #infolettre.actif form .sumbit {
  position: relative;
  font-family: "Bebas Neue", sans-serif;
  background-color: #F5D388;
  width: 20%;
  color: #020301;
  transition: all 0.35s;
  filter: drop-shadow(2px 3px 2.5px rgba(0, 0, 0, 0.288));
  font-size: 1.25vw;
  margin-bottom: 5vh;
}
body #infolettre.actif form .sumbit:hover {
  filter: drop-shadow(4.5px 6.5px 2.5px rgba(0, 0, 0, 0.288));
  background-color: #020301;
  color: #FCFEEE;
}
body #infolettre.actif .annonce {
  position: relative;
  display: flex;
  flex-direction: column;
  font-family: "Quantico", sans-serif;
  font-weight: 400;
  align-items: center;
  padding: 2.5vh 1vw 2.5vh 1vw;
}
body #infolettre.actif .annonce p {
  color: #58585E;
  font-size: 2vw;
  margin: 0;
  padding: 0;
}
body #infolettre.actif .annonce h3 {
  margin: 0;
  padding: 0;
  font-size: 3vw;
  font-weight: 400;
}

.header {
  width: 100%;
  height: 7vh;
  display: flex;
  flex-direction: row;
  margin: 0;
  background-color: #FCFEEE;
  justify-content: end;
}
.header .header_logo {
  z-index: 1;
  position: absolute;
  top: 1.5vh;
  left: 42vw;
  width: 16vw;
  transition: 0.25s all ease;
}
.header .header_logo:hover {
  left: 40.5vw;
  width: 16.5vw;
}
.header #header_buttons {
  width: 30vw;
  display: flex;
  position: relative;
  justify-content: end;
}
.header #header_buttons div.header_button {
  display: flex;
  position: relative;
  width: 8.5vw;
  align-items: center;
}
.header #header_buttons div.header_button a.button {
  display: flex;
  position: relative;
  height: 1.75em;
  width: 6.5em;
  margin: 2vh 1vw 2vh 0vw;
  white-space: nowrap;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  font-size: 2.5vh;
  box-sizing: border-box;
  font-family: "Bebas Neue", sans-serif;
  background-color: #F5D388;
  color: #020301;
  padding: 6.5%;
  filter: drop-shadow(2px 3px 2.5px rgba(0, 0, 0, 0.288));
  transition: all 0.25s ease;
}
.header #header_buttons div.header_button a.button:hover {
  background-color: #020301;
  color: #F5D388;
  filter: drop-shadow(4.5px 6.5px 2.5px rgba(0, 0, 0, 0.288));
}
.header #header_buttons div.header_button a#button_menu {
  display: flex;
  position: relative;
  height: 4vh;
  width: 8vw;
  margin-right: 1vw;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  box-sizing: border-box;
  font-size: 2.5vh;
  font-family: "Bebas Neue", sans-serif;
  color: #FCFEEE;
  padding: 6.5%;
  filter: drop-shadow(2px 3px 2.5px rgba(0, 0, 0, 0.288));
  background-color: #020301;
  transition: all 0.25s ease;
}
.header #header_buttons div.header_button a#button_menu:hover {
  background-color: #58585E;
  color: #F5D388;
  filter: drop-shadow(4.5px 6.5px 2.5px rgba(0, 0, 0, 0.288));
}

.footer {
  font-family: "Bebas Neue", sans-serif;
  background-color: #58585E;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100vw;
  margin-top: 5vh;
}
.footer .infos {
  font-size: 3.25vh;
  padding: 2vw;
}
.footer .infos div {
  margin-top: 2vh;
}
.footer .infos div p.texte {
  color: #F5D388;
  margin: 0px;
}
.footer .infos div p.titre {
  margin: 0px;
  color: #FCFEEE;
}
.footer .infos .reseau {
  position: relative;
  display: flex;
  flex-direction: row;
}
.footer .infos .reseau img {
  position: relative;
  height: 3.5vh;
  width: 3.5vh;
  margin: 0.25vh;
  top: 0vh;
  transition: 0.5 all ease;
}
.footer .infos .reseau img:hover {
  top: -0.25vh;
  filter: drop-shadow(2px 3px 2.5px rgba(0, 0, 0, 0.288));
}
.footer img.logo {
  position: relative;
  left: -5.5vw;
  width: 14vw;
  transition: 0.25s all ease;
}
.footer .logo:hover {
  width: 14.5vw;
}
.footer .menu_footer a {
  font-size: 3vh;
  text-decoration: none;
  color: #FCFEEE;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: end;
  margin-right: 2vw;
  transition: 0.5s all ease;
}
.footer .menu_footer a:hover {
  text-decoration: underline;
}

@keyframes fadeInAnimation {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/***************
** UTILITAIRES
***************/
.msg {
  z-index: 10;
  position: absolute;
  width: 10vw;
  top: 25vh;
  left: 43.5vw;
  padding: 0.5em 1em;
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  animation: fadeOutAnimation ease 5.5s;
  visibility: hidden;
}
.msg .material-icons {
  margin-right: 0.5rem;
}
.msg.erreur {
  background-color: #020301;
  color: #FCFEEE;
}
.msg.succes {
  background-color: #F5D388;
  color: #020301;
}

@keyframes fadeOutAnimation {
  0% {
    visibility: visible;
    opacity: 1;
  }
  50% {
    opacity: 0.75;
  }
  100% {
    visibility: hidden;
    opacity: 0;
  }
}/*# sourceMappingURL=style.css.map */