/* Positionne la barre de navigation comme barre latérale gauche */
.sidebar {
    width: 250px;
    background-color: #343a40;
    color: #fff;
    padding: 20px;
    box-shadow: 2px 0 5px rgba(0,0,0,0.1);
    position: fixed;
    top: 60px; /* Adjust this value based on the header height */
    left: 0;
    height: calc(100% - 60px); /* Adjust this value based on the header height */
    overflow-y: auto;
}

    .sidebar h2 {
        margin-top: 0;
        font-size: 1.5em;
    }

    .sidebar ul {
        list-style: none;
        padding: 0;
    }

        .sidebar ul li {
            margin: 15px 0;
        }

            .sidebar ul li a {
                color: #adb5bd;
                text-decoration: none;
                font-size: 1.1em;
            }

                .sidebar ul li a:hover {
                    color: #fff;
                }

/*header {
    background-color: #343a40;
    color: #fff;
    padding: 20px;
    box-shadow: 2px 0 5px rgba(0,0,0,0.1);
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
}*/

.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    white-space: nowrap;
    height: 60px; /* Vertically center the text there */
}
