#articles a{
    display: block;
    font-size: 4.3vw;
    margin: 0 0 50px 0;
    padding-bottom: 50px;
    text-transform: uppercase;
    font-family: slab;
}

.titleArt{
    transition: .2s;
}

#articles a:hover .titleArt{
     color: var(--grey);
    text-shadow: var(--shade);
}

.wrapArticles{
    display: grid;
    position: relative;
    gap: var(--marge);
    padding: var(--marge);
    grid-template-columns: repeat(5, 1fr);
}

#articles{
    grid-column: span 3;
    display: block;

}



#infosPublication{
    width: 100%;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    position: fixed;
    height: fit-content;
    top: 50vh;
    transform: translate(0, -50%);
    bottom: var(--marge);
}

.wrapInfo{
    display: block;
    gap: var(--marge);
    margin: var(--marge);
    line-height: 1.2;
    grid-column-end: 6;
    grid-column-start: 4;
}

#numeroPublication{
    display: block;
}

#datePublication{
    display: block;
    font-style: italic;
}

#directionRedaction::before,
#datePublication::after{
    display: block;
    content: " ";
    white-space: pre;
}

#redac{
    display: block;
    vertical-align: top;
}

#directionRedaction ul{
    display: block;
    margin-left: 200px;
}

#directionRedaction li{
    display: block;
}

.authorArt,
.issuePub{
    display: block;
    font-family: grotesk;
    margin-top: var(--marge);
    font-size: var(--fsreg);
}

#texteAssemblage{
    margin-top: 50px;
    margin-right: var(--marge);
    font-family: herbik;
}