.liste-3 {
    list-style: none;
    column-count: 4;
    padding: 2rem 2rem;
}

.liTitle {
    text-align: center;
    background-color: #00adee;
    color: white;
    padding: 0 !important;
}

.mTop {
    margin-top: 2rem;
}

.liste-3 li {
    color: black;
    border: black;
    border-width: 0.5px;
    border-style: solid;
    padding-left: 1rem;
    border-top: 1px solid #000;
}

.noBorder {
    border: none !important;
    font-weight: bold;
    font-style: italic;
}


.buttonM {
    background-color: #00adee;
    color: white;
    padding: 1rem;
    font-weight: bold;
    font-size: 1.3rem;
}
.borderDiv {
    border: black;
    border-width: 0.5px;
    border-style: solid;
    padding: 1rem;
    border-top: 1px solid #000;
    margin: 2rem;
}


.gridDesservi {
    display: grid;
    grid-template-columns: 33.33% 33.33% 33.33%;
    border-bottom: 5px solid #00adee;
    justify-items: center;
    margin: 2rem;
}

.gridDesservi p {
    color: #00adee;
    font-weight: bold;

}
p{
    color: black;
}


@media only screen and (max-width: 1299px) {
    .liste-3 {
        column-count: 2;
        padding: 1rem;
    }

    .gridDesservi {
        grid-template-columns: 100%;
        font-size: 0.8rem;
    }

    .buttonM {
        font-size: 0.7rem;
    }

    .divTop {
        margin-top: 5rem;
    }

}

@media only screen and (max-width: 991px) {
    .liste-3 {
        column-count: 1;
    }
}