/**
 * CSS Pour le listing des collections
 * @author GBI - GN
 * @file collection_liste.css
 * @date 04/04/2022
 */
/*************************************
 * Mise en page de l'image du header *
 *************************************/
.gbi-collection-liste-header-img {
    position:relative;
    width:1700px;
    height:500px;
    background-size: cover;
}
@media (max-width: 1700px) {
    .gbi-collection-liste-header-img {
        width:100%;
        height:50vh;
    }
}
.gbi-collection-liste-header-titre {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    width:50%;
    margin:auto;
    background:#FFFFFF;
    text-align:center;
    padding:10px;
    text-transform: uppercase;
}
/**************************************
 * Mise en page de la barre des liens *
 **************************************/
* {
    margin:0;
    padding:0;
}
.gbi-collection-liste-toplink {
}
.gbi-collection-liste-toplink a {
    text-decoration: none;
}
.gbi-collection-liste-toplink a:hover {
    color:#000000;
}
.gbi-collection-liste-header {
    text-transform: uppercase;
}
/**************************************
 * Mise en page de la zone collection *
 **************************************/
.gbi-collection-liste-collections-block {
    text-align: center;
    margin:auto;
}
.gbi-collection-liste-collection-container {
    display: inline-block;
    padding:10px;
    min-width: 420px;
    width:420px;
}
@media (max-width: 900px) {
    .gbi-collection-liste-collection-container {
        width:auto;
        min-width: auto;
    }
}
/********************************
 * Mise en page des collections *
 ********************************/
.gbi-collection-miniature-container {
    box-shadow:0 10px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    position:relative;
}
.gbi-collection-miniature-solde {
    position:absolute;
    z-index:99;
    padding:5px;
}
.gbi-article-miniature-img {
    width:100%;
    height:100%;
    min-width:245px;
    min-height:245px;
}
.gbi-collection-miniature-img-container {
    position: relative;
    padding:0px;
}
.gbi-collection-miniature-img-overlay {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background: rgba(0, 0, 0, 0.40);
    transition: .5s ease;
    opacity:0;
    color: white;
    cursor:pointer;
    line-height: 352px;
    z-index:150;
}
.gbi-collection-miniature-img-container:hover .gbi-collection-miniature-img-overlay {
    opacity: 1;
}
.gbi-collection-miniature-color {
    display:inline-block;
    width:23px;
    height:23px;
    border-radius: 12px;
    border:1px solid #808080;
    cursor:pointer;
    margin: 1px;
}
.gbi-collection-miniature-container-color {
    min-height: 35px;
}
.gbi-article-miniature-libelle {
    min-height:60px;
}