#numeros{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    padding: 0 var(--marge);
    width: 100%;
    box-sizing: border-box;
    gap: calc(var(--marge) * 2);
}

.numero{
    display: block;
    width: 100%;
    min-width: 0;

    position: relative;
}

.titleN{
    font-size: 6.5vw;
    display: block;
    font-family: slab;
    transition: .2s;
    text-transform: uppercase;
}

.listeArt{
    width: 100%;
    position: relative;
    min-width: 0;

    display: block;
}

.listeArt a{
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
    min-width: 0;
    white-space: nowrap;
    height: 1.3rem;
    border-bottom: 1px solid black;
    margin-bottom: var(--marge);
    padding-bottom: var(--marge);
}

.listeArt a:hover::before{
    content: '⚐ ';
    margin-right: var(--marge);
}

.titleN:hover{
     color: var(--grey);
    text-shadow: var(--shade);
}