/* SECTION BASE ------------------------------- */ 
main > section, 
#contenu_principal {
    width: 100%;
    padding: 0;
}
section > .layout:first-child, 
#contenu_principal{
    border-top:none;
}
/* SECTION LAYOUTS + PARTENAIRES ------------------------------- */ 
main #contenu_principal,
main #partenaires, 
main #references {
    min-height: fit-content;
}
    /* BLOC Layout */
    main #contenu_principal div.layout,
    main #partenaires div.layout, 
    main #references {
        padding: var(--padding);
    }

/* SECTION PARTENAIRES ------------------------------- */
    main #partenaires {
        padding: var(--padding);
        border-top: var(--border);
    }
    
        .liste-partenaires {
            list-style: none;
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(20ch, 1fr));
            grid-gap: var(--padding);
        }
            .liste-partenaires li {
                display: inline-flex;
                flex-wrap: wrap;
                padding: 0;
                background-color: var(--blanc);
            }
                .liste-partenaires li a,
                .liste-partenaires li > div {
                    font-weight: inherit;
                    padding: 1rem;
                    align-self: start;
                    justify-self: start;
                    border-bottom: none;
                }
                    .liste-partenaires li a > *, 
                    .liste-partenaires li > div > * {
                        font-size: var(--fs-s);
                    }
                    .liste-partenaires li a h3, 
                    .liste-partenaires li > div h3 {
                        margin-bottom: .25rem;
                    }
                    .liste-partenaires li a figure,
                    .liste-partenaires li > div figure {
                        width: fit-content;
                        height: 90px;
                        margin-bottom: 1rem;
                        text-align: left;
                    }
                    .liste-partenaires li a figure img, 
                    .liste-partenaires li > div figure img {
                        
                        width: auto;
                        max-width: 150px;
                        height: 100%;
                        object-fit: scale-down;
                    }
                    .liste-partenaires li a p,
                    .liste-partenaires li > div a p {
                        font-size: var(--fs-xs);
                    }

        #partenaires .titre{
            font-size: var(--t2);
        }

        
@media screen and (min-width: 1024px) {
        .liste-partenaires a:hover h3:before {
            content: "→ ";
            white-space: pre;
        }
}