body {
    font-family: 'Poppins', sans-serif;  /* Police moderne */
    font-size: 16px; /* Taille de police par défaut */
    color: #333; /* Couleur du texte */
    background-image: url('IMAGES/bg_fish.jpg'); /* Image de fond */
    background-size: cover; /* Recouvre entièrement le fond */
    background-position: center; /* Centre l'image */
    background-repeat: no-repeat; /* Pas de répétition de l'image */
    min-height: 100vh; /* Prend toute la hauteur de la fenêtre */
    margin: 0; /* Suppression des marges par défaut */
    padding: 0; /* Suppression des espaces internes */
    line-height: 1.6; /* Hauteur de ligne pour lisibilité */
    text-align: center;
}

.container {
    background-color: #ffffff; /* Fond blanc pour le conteneur */
    max-width: 80%;     margin: 50px auto; /* Centrage horizontal */
    padding: 20px; /* Espacement interne */
    border-radius: 20px; /* Coins arrondis */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); /* Ombre légère */
    position: relative;
    text-align: justify;
}

h1 {
    color: #2d1010; /* Couleur du titre */
    font-size: 2.5rem; /* Taille du titre */
    text-align: center;
}

p {
    color: #000000; /* Couleur du texte des paragraphes */
    margin: 1.5rem 0; /* Marges autour des paragraphes */
}

.button {
    display: inline-block; /* Affichage en bloc */
    padding: 10px 20px; /* Espacement interne */
    background-color: #9cb000; /* Couleur de fond du bouton */
    color: white; /* Couleur du texte */
    border-radius: 5px; /* Coins arrondis */
    text-decoration: none; /* Pas de soulignement */
    margin-top: 20px; /* Espacement au-dessus */
    transition: background-color 0.3s; /* Animation de la couleur */
}

.button:hover {
    background-color: #2b998f; /* Couleur au survol */
}

.warning {
    color: #ff0000; /* Couleur pour les alertes */
    font-weight: bold; /* Texte en gras */
}

.fish-image {
    position: absolute; /* Positionnement absolu par rapport au conteneur */
    bottom: 0; /* Aligne l'image en bas */
    left: 0; /* Aligne l'image à gauche */
    margin: 10px; /* Marge autour de l'image pour l'espacement */
}

.logo-image {
    display: block;
    margin: 10px auto;*
}