.deroulant {
        position: relative;
        display: inline-block;
    }

    .menu {
        background-color: #007BFF;
        color: white;
        padding: 10px 20px;
        font-size: 16px;
        border: none;
        cursor: pointer;
        border-radius: 5px;
        transition: background-color 0.3s ease;
    }

    .menu:hover {
        background-color: #0056b3;
    }

    .sousderoulant {
        display: none;
        position: absolute;
        background-color: #007BFF;
        min-width: 200px;
        box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.2);
        z-index: 1;
        border-radius: 5px;
    }

    .sousderoulant a {
        color: white;
        padding: 12px 16px;
        text-decoration: none;
        display: block;
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    }

    .sousderoulant a:hover {
        background-color: #0056b3;
    }

    .deroulant:hover .sousderoulant {
        display: block;
    }