.contenu {
        width: 100%;
        height: 100vh;
        overflow: scroll;
    }
    .contenu-1{
        margin: 0%;
        display: flex;
        justify-content: space-between;
        background-color: white;
        padding: 0px 20px ;
        
    }
    .contenu-1-titre{
        color: rgb(111, 0, 255);
        font-size: 35px;
        padding-top: 5px;
    }
    .contenu-1-menu{
        display: block;
        border: none;
        width:30px ;
        font-size: 35px;
        color: rgb(111, 0, 255);
        background-color: white;
        padding: 0%;
    }
    .contenu-2{
        
        margin: 10px;
        background-color: white;
        padding: 10px;
        border-radius: 10px;
    }
    .contenu-2-form{
        display: flex;
        justify-content: space-between;
    }
    .contenu-2-text{
        border: navajowhite;
        width: 80%;
        text-align: center;
        padding: 8px;
    }
    .contenu-2-bouton{
        width: 18%;
        text-align: center;
        padding: 8px;
        border: none;
    }
    
    .contenu-3{
        margin: 10px;
        display: flex;
        justify-content: space-around;
    }
    .contenu-3 p{
        font-weight: bolder;
    }
    .contenu-3-ajouter{
        background-color: white;
        padding: 10px;
        width: 30%;
        text-align: center;
        border-radius: 10px;
    }
    .bouton{
        color: white;
        padding: 2px 10px 5px;
        border: none;
        background-color: rgb(111, 0, 255);
    }

    .contenu-4{
        margin: 10px;
        background-color: white;
        border-radius: 10px;
        padding: 10px;
    }
    .contenu-4 h4{
        font-weight: bolder;
        text-align: center;
    }
    .contenu-4-date{
        display: flex;
        justify-content: space-between;
        padding: 0px 10px;
        margin: 0%;
    }
    .contenu-4-date h5{
        color: rgb(111, 0, 255);

    }
    
        .contenu-5{
            margin: 10px;
            background-color: white;
            border-radius: 10px;
            padding: 10px;
        }
        .contenu-5 table{
            width: 100%;
            border-collapse:separate;
        }
        .titre{
            padding: 10px;
            color: rgb(111, 0, 255);
            font-weight: bolder;
            background-color: rgb(230, 228, 228);
        }
        .detail {
            padding: 10px 10px 10px 20px;
            background-color: rgb(243, 240, 240);
        }
        .table-bouton{
            background-color:rgb(111, 0, 255);
            padding: 10px;
            text-align: center;
        }
        .table-bouton input{
            background-color: rgb(111, 0, 255);
            border: none;
            color: white;
        }
        .contenu-list-search{
            background-color: white;
            padding: 10px;
            margin: 10px;
        }
        .contenu-list-search li{
            list-style: none;
            display: flex;
            justify-content: space-between;
            margin: 5px;
            text-align: center;
        }
        .contenu-list-search input{
            background-color: white;
            border: none;
        }
        .td-input{
            width: 100%;
            padding: 10px;
            border: none;
            text-align: center;
            background-color: rgb(243, 240, 240);
        }
        .historique_bouton{
            background-color: white;
            border: none;
            color: rgb(111, 0, 255);

        }
        .home{
            padding-top: 20%;
            background-color: rgb(230, 227, 227);
            display: flex;
            justify-content: center;
            height: 100vh;
        }
        .login{
            background-color: white;
            text-align: center;
            border-radius: 10px;
            padding: 20px;
            width: 80%;
            height: 30vh;
            padding: 20px ;
        }