#graphbutton {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

#graphbutton li {
    margin-right: 2rem;
    float: left;
}

#graphsList {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

#graphsList li {
    float: left;
    width: 50%;
    /* Each li takes half the width */
}

.graph-container {
    display: flex;
    align-items: flex-start;
    /* Align items at the start of the container */
    padding: 10px;
    /* Adjust padding as needed */
}

#DailyGraph {
    width: 600px;
    height: 600px;
    display: none;
}

#slider-container {
    position: relative;
    /* Assurez-vous que le conteneur est positionné */
    width: 100%;
    /* Ajustez la largeur selon vos besoins */
    margin-top: 10px;
    /* Marge supérieure pour l'espacement */
}

#slider {
    width: 100%;
    /* Assurez-vous que le slider occupe toute la largeur du conteneur */
}

#sliderValue {
    text-align: center;
    /* Centrez le texte du slider */
    margin-top: 5px;
    /* Marge supérieure pour l'espacement */
}