.rubriques {
    width: 100%;
    display: flex;
    gap: 5px 0;
    flex-wrap: wrap;
    justify-content: center;
    text-transform: capitalize;
    font-size: 10px;
}

.rubriques li {
    display: flex;
}

.rubriques li + li::before {
    content: '-';
    padding: 0 5px;
}

@media all and (max-width: 540px) {
    .rubriques {
        flex-wrap: wrap;
    }

    .rubriques li {
        padding: 5px;
    }

    .rubriques li + li::before {
        display: none;
    }
}