/*Le header des pages-->*/
header {
  background-color: pink;
}

/*Le corps commun à toutes les pages*/
body {
  background-color: #FFEEEE;
  font-family: Montserrat, Arial, serif;
  margin-left: 100px;
  margin-right: 100px;
  margin-top: 10px;
  margin-bottom: 10px;
}

/*Menu*/
/* Les réglages principaux du menu */
.sidenav {
  height: 100%;
  /* Hauteur du menu */
  position: fixed;
  /* Permet que le menu ne change pas de position */
  background-color: Black;
  /* Couleur de l'arrière plan du menu */
  overflow-x: hidden;
  padding-top: 50px;
  left: 0;
  top: 0;
  bottom: 0;
  width: 0;
}

/* Les liens du menu de navigation */
.sidenav a {
  padding: 10px 10px 10px 20px;
  /* Largeur du menu */
  font-size: 30px;
  /* Taille des liens du menu */
  color: pink;
  /* Couleur des liens */
  text-decoration: none;
  /* Permet de ne pas mettre de trait sous les liens */
  display: block;
  /* Permet de créer un bloc pour que les élements soient disposés les uns sous les autres */
}

/*  Change la couleur lorsque l'on passe sur le lien */
.sidenav a:hover {
  color: hotpink;
}

/* Croix de fermeture du menu */
.sidenav .closebtn h1 {
  position: absolute;
  top: 0;
  right: 10px;
  font-size: 36px;
}

/* Style de base pour le menu */
.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: black;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
}

/* Style pour les liens dans le menu */
.sidenav a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 25px;
  color: Pink;
  /* couleur rose */
  display: block;
  transition: 0.3s;
}

/* Style pour les liens dans le sous-menu */
.dropdown-content a {
  color: white;
  /* couleur blanche */
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

/* Style pour le lien du menu déroulant */
.dropdown a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 25px;
  color: pink;
  /* couleur rose */
  display: block;
  position: relative;
}

/* Style pour le contenu du menu déroulant */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: white;
  min-width: 160px;
  z-index: 1;
}

/* Afficher le sous-menu au survol */
.dropdown:hover .dropdown-content {
  display: block;
}

/* Style pour le bouton "fermer" du menu */
.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}

/* Animation pour ouvrir/fermer le menu */
@media screen and (max-height: 450px)

/*Formulaire de contact*/
.NousContacter>p {
  font-weight: 100;
  color: black;
}

form div {
  width: 100%;
  display: flex;
  flex-direction: column;
  min-height: 20px;
  margin-top: 40px;
}

form div>label {
  margin-bottom: 10px;
  font-weight: 600;
}

form div>input,
form div>select,
form div>textarea {
  background: pink;
  font-size: 13px;
  font-family: Montserrat, Arial, serif;
}

form div>input,
form div>select {
  height: 60px;
  padding-left: 10px;
}

form div>textarea {
  height: 60px;
  padding-left: 10px;
}

form div>input::placeholder,
form div>textarea::placeholder {
  color: white;
}

form div>select:invalid {
  color: white;
}

form div:last-child {
  align-items: center;
}

form button {
  width: 250px;
  height: 60px;
  font-size: 20px;
  background: pink;
  border: black solid 2px;
  color: black;
}

/* Style des boxs */
h2 {
  text-align: center;
}

hr {
  border-top: 2px solid #ccc;
  margin-top: 30px;
  margin-bottom: 30px;
}

/* Les photos de l'équipe */
.photo-container {
  display: flex;
  justify-content: center;
}

.photo {
  background-color: pink;
  border: 2px solid #AF7755;
  padding: 10px;
  margin: 30px;
  text-align: center;
  width: 150px;
}

.photo img {
  display: block;
  margin: 0 auto;
  width: 100%;
}

/* Footer */
#footer {
  background-color: pink;
  color: black;
  padding: 10px;
  text-align: center;
}

#footer {
  background-color: pink;
  color: black;
  padding: 10px;
  text-align: center;
}

#footer a {
  text-decoration: none;
  color: black;
}

#footer a:hover {
  color: hotpink;
}

/* Nos boutons */
#bouton button {
  background-color: pink;
  border: none;
  border-radius: 25px;
  color: white;
  padding: 15px 25px;
  font-size: 20px;
  transition: background-color 0.3s ease-in-out;
  cursor: pointer;
}

#bouton button a {
  text-decoration: none;
  color: white;
}

#bouton button:hover {
  background-color: hotpink;
}

/* Liens nous contacter sur la page d'accueil */
.contact-link {
  color: black;
}

.contact-link:hover {
  color: pink;
}