:root {
  --cassiopeia-color-primary: #53a373;
  --cassiopeia-color-hover: #53a373;
  --cassiopeia-color-link: blue;
}

ul.mod-menu li:hover > ul {
  display: block !important;
}

ul.mod-menu ul {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
}

ul.mod-menu li {
  position: relative;
}

.bouton-reactif {
  display: inline-block;
  padding: 12px 24px;
  margin: 12px 12px;
  background-color: #53a373; /* Couleur de base */
  color: white;
  text-decoration: none;
  font-weight: bold;
  border-radius: 6px;
  transition: background-color 0.3s ease, transform 0.2s ease;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
}

.bouton-reactif:hover {
  background-color: #246e6f; /* Couleur au survol */
  transform: translateY(-2px); /* Léger soulèvement */
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

.img-above-footer {
  margin-bottom: -20px; /* chevauche le haut du footer si besoin */
  text-align: center;
}

.img-above-footer img {
  max-width: 100%;
  display: block;
}