body {
  font-family: Arial, sans-serif;
  background-color: #c1d5e8;
}

.container {
  max-width: 480px;
  min-height: 93vh;
  margin: 0 auto;
  padding: 20px;
  background-color: white;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

/* Conteneur parent pour l'image et le texte */
.image-container {
  position: relative;
  display: inline-block; /* Permet de s'adapter à la taille de l'image */
  max-width: 100%;
}

/* Image */
.logomenu {
  max-width: 100%;
  display: block;
  margin: 0 auto;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Ombre subtile */
  border-radius: 8px; /* Optionnel : ajoute des bords arrondis pour un effet plus esthétique */

}

/* Texte superposé */
.superposition {
  position: absolute;
  top: 65%; /* Centre verticalement par rapport au conteneur */
  left: 40%; /* Centre horizontalement par rapport au conteneur */
  transform: translate(-50%, -50%); /* Ajuste pour un centrage parfait */
  
}
/* Texte superposé */
.date {
  position: absolute;
  top: 72%; /* Centre verticalement par rapport au conteneur */
  left: 79%; /* Centre horizontalement par rapport au conteneur */
  transform: translate(-50%, -50%); /* Ajuste pour un centrage parfait */
  
}