#introLigne{
    margin: var(--marge);
    padding: 25px 25px 100px 0;
    font-size: 2vw;
    line-height: 1.2;
    font-family: herbik;
}

#lignes{
    margin: var(--marge);
    display: block;
    position: relative;
}

.ligne{
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    margin-bottom: 50px;
    padding-bottom: 50px;
    border-bottom: 1px solid black;
}

.ligneN{
    display: block;
    grid-column: span 3; 
}

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

.ligneT{
    font-family: slab;
    text-transform: uppercase;
    transition: .2s;
    font-size: 4.3vw;
}

.listTraj{
    display: inline-block;
    grid-column: span 2;
}

.listTraj a{
    margin-bottom: var(--marge);
    display: block;
}

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

@media (orientation:portrait){

    #introLigne{
        margin: 0 var(--marge);
        padding: 50px 0;
        font-size: var(--fsreg);
        line-height: 1.3;
    }

    .ligne{
        display: block;
        padding-bottom: 25px;
    }

    .ligneN{
        margin-bottom: 25px;
    }

    .ligneT{
        font-size: 7vw;
    }



}