:root {
  --primary-color: #2a912f;
  --secondary-color: rgb(229, 247, 151);
  --text-color: rgb(12, 12, 12);
  --hover-color: #ffb00;
}


body {
  font-family: 'Gill Sans', 'Gill Sans MT', 'Calibri', 'Trebuchet MS', sans-serif;
  color: #333;
  font-size:larger;
  font-weight: 300;
}

h1 {
  font-family: 'Gill Sans', 'Gill Sans MT', 'Calibri', 'Trebuchet MS', sans-serif;
  color: #4CAF50; 
  font-size: larger;
  font-weight: 300;
}

p {
  font-family: 'Gill Sans', 'Gill Sans MT', 'Calibri', 'Trebuchet MS', sans-serif;
  color: #2e2e2e; 
  font-size: larger;
  font-weight: 300;
}



body {
  background-image: url('data:image/jpeg;base64,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');
  background-size: cover;
  background-position: center;
  margin: 0;
  padding: 0;
  font-family: Arial, sans-serif;
}

.banner {
  width: 100%;
  height: 200px;
  object-fit: cover;
}

.navigation {
  list-style: none;
  margin: 0;
  padding: 0;
  background-color: var(--primary-color);
  overflow: hidden;
}

.navigation li {
  float: left;
}

.navigation li a {
  display: block;
  color: var(--text-color);
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

.navigation li a:hover {
  background-color: var(--hover-color);

}

h1 {
  color: var(--secondary-color);
}

.articles {
  list-style: none;
  padding: 0;
}

.articles article {
  border: 1px solid #b5b98f;
  padding: 10px;
}

.articles article a {
  text-decoration: none;
  color: var(--text-color);
}

{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: Arial, sans-serif;
  font-size: 22x;
}


.navigation {
  list-style: none;
  margin: 0;
  padding: 0;
  background-color: var(--primary-color);
  overflow: hidden;
  font-size: xx-large;
}

.navigation li {
  float: left;
}

.navigation li a {
  display: block;
  color: var(--text-color);
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: xx-large;
}

.navigation li a:hover {
  background-color: var(--hover-color);

}



/* Section principale */
main {
  padding: 2em;
  width: 100%;
  max-width: 800px;
}

.map-image {
  width: 100%;
  margin-top: 1em;
}

/* Style de la section contact */
footer {
  background-color: #2d5a27;
  padding: 2em;
  width: 100%;
  color: white;
  text-align: center;
  margin-top: auto;
  box-shadow: 0px -4px 8px rgba(0, 0, 0, 0.2);
}

button {
  background-color: #4CAF50;
  color: white;
  padding: 0.5em 1em;
  border: none;
  cursor: pointer;
  margin-top: 1em;
  font-size: 1em;
  transition: background-color 0.3s ease;
}

button:hover {
  background-color: #45a049;
}

.contact-info {
  display: none;
  margin-top: 1em;
  transition: opacity 0.3s ease;
}

.contact-info.visible {
  display: block;
  opacity: 1;
}

.horaires {
font-style: normal;
text-align: center;

}
.telephone {
  font-style: normal;
  text-align: center;

}

/* Appliquez à toutes les images pour qu'elles soient responsives */
img {
  max-width: 100%;
  height: auto;
  display: block;
}

/* Pour les bannières */
.banner {
  width: 100%;
  height: 200px; /* Ajustez la hauteur en fonction de vos besoins */
  object-fit: cover; /* Assure un cadrage correct */
  object-position: center; /* Centre l'image dans son conteneur */
}

/* Si vous avez une classe spécifique pour les articles */
.articles img {
  max-width: 100%;
  height: auto;
  object-fit: contain; /* Contient l'image sans rogner */
  margin: 0 auto; /* Centre les images */
}