main #contenu_principal div.grid {
    width: 100%;
    padding: var(--padding);
}

main #membres {
    padding: var(--padding);
    border-top: var(--border);
}

    #membres .liste-membres  {
        list-style: none;
    }
        .liste-membres li {
            padding: .25rem 0;
        }
            
    #membres .titre{
        font-size: var(--t2);
    }


@media screen and (min-width: 1024px) {

    .titre, 
    .liste-membres {
        grid-column: span 6;
    }
        .liste-membres a:hover:before {
            content: "→ ";
            white-space: pre;
        }
}