/* 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: relative;*/
    /*top: 360px;  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;
}*/

/* Barre de navigation */
.headr {
    background-color: #007bff;
    padding: 15px;
    text-align: center;
    margin:
    width:800px;
    border-bottom-left-radius:20px;
    border-bottom-right-radius:20px;
}

nav ul {
    list-style: none;
    padding: 0;
}

    nav ul li {
        display: inline;
        margin: 0 15px;
    }

        nav ul li a {
            color: white;
            text-decoration: none;
            font-weight: bold;
        }

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;
}
