body {
  font-family: Arial, sans-serif;
  margin-top: 0px;
  margin: 0;
  padding: 0;
  background: #fdfdfd;

}



main {
#  padding: 1em;
  max-width: 100%;
  margin: 0px;
  margin-top: 0px;
}

footer {
  display: flex;                 /* Active Flexbox */
  align-items: center;          /* Centre verticalement */
  justify-content: center;      /* Centre horizontalement (optionnel ici si déjà text-align:center) */

  flex-wrap: wrap;

  padding: 2em;
  background: #d9e1bd;
  height: 5rem;
  top: 2rem;

}

footer p {
  color: #adadad;
  font-size: 1.5rem;
  font-family: 'Montserrat', sans-serif;
  font-size: 1rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.05em;

}








.contact {
  display: flex;
  align-items: center;
  gap: 5px;
  max-width: 1024px;
  margin: 0px auto;
  font-family: Arial, sans-serif;
  background-color: #f3f3e8; /* couleur de fond claire */
  padding: 20px;             /* pour éviter que le texte colle aux bords */
  border-radius: 8px;        /* optionnel : angles arrondis */
  border: 0px solid #ccc; /* ← filet gris clair */
 }

.contact div {
   padding: 30px;             /* pour éviter que le texte colle aux bords */
    }

 .contact img {
      max-width: 100%;
      height: auto;
      border-radius: 8px;
        border: 3px solid transparent;
  transition: border 0.3s ease;
    }

 .contact img:hover {

  border: 3px solid #6c757d; /* bleu vif par exemple */
    }

.contact h1 {
      #font-family: 'Cinzel', serif;
      font-family: 'Great Vibes', cursive;
      font-size: 3rem;
      color: #6c757d; /* Couleur proche du beige doré de l’image */

    }
  

.contact h2 {
      #font-family: 'Cinzel', serif;
      font-family: 'Great Vibes', cursive;
      font-size: 2rem;
      color: #6c757d; /* Couleur proche du beige doré de l’image */
      border: 0px solid #ccc; /* ← filet gris clair */
    }


.contact p {
      
      color: #6c757d  ; /* Couleur proche du beige doré de l’image */


    }



.tarif-dispos {
  display: flex;
  align-items: center;

  gap: 5px;
  max-width: 1024px;
  margin: 0px auto;
  padding: 0px;
  font-family: Arial, sans-serif;
  background-color: #f3f3e8; /* couleur de fond claire */
  color: #47525d;
  border-radius: 8px;        /* optionnel : angles arrondis */
  border: 0px solid #47525d; /* ← filet gris clair */
 }



  .tarifs-table {
    border-collapse: collapse;
    width: 100%;
    font-family: sans-serif;
    margin-bottom: 2rem;
        color: #47525d;
  }

  .tarifs-table th,
  .tarifs-table td {
    border: 1px solid #fff;
    padding: 5px;
    text-align: left;
  }

  .tarifs-table th {
    background-color: #fff;
    font-weight: bold;
  }

  .tarifs-table .saison {
    font-weight: bold;
    color: #47525d;
  }

  .tarifs-section h2 {
 #   margin-top: 2em;
    color: #47525d;
  }

  .tarifs-section ul {
  #  padding-left: 1.2em;
      color: #47525d;
  }

  .tarifs-section ul li {
    margin-bottom: 0px;
          color: #47525d;
  }