/* Reset des styles par défaut */
body, h1, h2, h3, h4, h5, h6, p, ul, ol, li, form, input, button {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* Définition du style pour la div contenant le logo */
#logo {
    display: flex; /* Utilisation de flexbox pour aligner le contenu */
    justify-content: center; /* Centrer le contenu horizontalement */
    align-items: center; /* Centrer le contenu verticalement */
    height: 100px; /* Hauteur fixe pour la div */
    
}

/* Style pour l'image à l'intérieur de la div */
#logo img {
    max-width: 100%; /* Taille maximale de l'image pour s'adapter à la div */
    max-height: 100%; /* Taille maximale de l'image pour s'adapter à la div */
}

/* Styles pour le corps de la page */
body {
    font-family: 'Exo', sans-serif;
  
    color: #117e7d;
    line-height: 1.6;
    padding: 20px;
}

/* Styles pour les titres */
h1, h2, h3, h4, h5, h6 {
    color: #117e7d;
    margin-bottom: 20px;
}

/* Styles pour les liens */
a {
    color: #117e7d;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

/* Styles pour les formulaires */
form {
    margin-bottom: 20px;
}

input[type="date"],
input[type="text"],
button {
    padding: 10px;
    border: none;
    border-radius: 5px;
    margin-right: 10px;
}

button {
    background-color: #117e7d;
    color: #b2d490;
    cursor: pointer;
}

button:hover {
    background-color: #0d5c5a;
}

/* Styles pour les graphiques */
#graph {
    margin-top: 20px;
}