.lien-list {
    display: flex;
    /*justify-content: space-around;*/
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
}
.lien-item {
    display: block;
    width: 33%;
    padding: .5rem .75rem;
    max-width: 320px;
}
.lien-item h3 {
    font-size: 1.125rem;
    color: var(--bs-primary);
    transition: color .3s;
}
.lien-item .thumbnails {
    width: auto;
    height: 30vw;
    position: relative;
    max-width: 280px;
    max-height: 220px;
    display: inline-block;
    margin: 0 auto 1rem;
}
.lien-item .thumbnails::before { 
    position: absolute;
    top: 50%; left: 50%;
    margin: -15px; padding: 0;
    width: 30px; height: 30px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23ffffff' class='bi bi-youtube' viewBox='0 0 16 16'%3E%3Cpath d='M8.051 1.999h.089c.822.003 4.987.033 6.11.335a2.01 2.01 0 0 1 1.415 1.42c.101.38.172.883.22 1.402l.01.104.022.26.008.104c.065.914.073 1.77.074 1.957v.075c-.001.194-.01 1.108-.082 2.06l-.008.105-.009.104c-.05.572-.124 1.14-.235 1.558a2.01 2.01 0 0 1-1.415 1.42c-1.16.312-5.569.334-6.18.335h-.142c-.309 0-1.587-.006-2.927-.052l-.17-.006-.087-.004-.171-.007-.171-.007c-1.11-.049-2.167-.128-2.654-.26a2.01 2.01 0 0 1-1.415-1.419c-.111-.417-.185-.986-.235-1.558L.09 9.82l-.008-.104A31 31 0 0 1 0 7.68v-.123c.002-.215.01-.958.064-1.778l.007-.103.003-.052.008-.104.022-.26.01-.104c.048-.519.119-1.023.22-1.402a2.01 2.01 0 0 1 1.415-1.42c.487-.13 1.544-.21 2.654-.26l.17-.007.172-.006.086-.003.171-.007A100 100 0 0 1 7.858 2zM6.4 5.209v4.818l4.157-2.408z'/%3E%3C/svg%3E");
    background-size: 100% auto;
    z-index: 1;
}
.lien-item .thumbnails img {
    position: relative;
    z-index: 0;
    height: 100%;
    width: 100%;
    margin: 0 auto;
}
.lien-item_fig {
    height: 30vw;
    /*width: 100%;*/
    max-width: 240px;
    margin: 0 auto 1rem;
    max-height: 220px;
    max-width: 220px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.lien-item_fig img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
    transition: transform .5s;
}
.lien-item:hover img { 
    transform: scale(.9);
}
.lien-item:hover h3 { color: var(--bs-danger); }

@media screen and (min-width: 980px) {
    .lien-item { width: 25%; }
    .lien-item_fig,
    .lien-item .thumbnails { height: 10vw; }
}
@media screen and (max-width: 640px) {
    .lien-item { width: 50%; }
}
@media screen and (max-width: 480px) {
    .lien-item_fig,
    .lien-item .thumbnails { height: 46vw; }
    .lien-item.gallery-vid { 
        width: 100%;
    }
}