/**
 * CSS de la page d'index
 * @author GN
 * @file index.css
 * @date 25/04/2022
 */
.gbi-content-container {
    padding: 0px;
}
.gbi-carousel-container {
    display:block;
    position: relative;
    width:100%;
    height: 900px;
   /* padding-top:171px;*/
}


/***********************************
 * CSS DE LA LISTE DES COLLECTIONS *
 ***********************************/
.gbi-index-collection-block {
    text-align: center;
    margin:auto;
    
}
.gbi-index-collection-block .gbi-index-collection-container {
    display:inline-block;
    min-width:320px;
    padding:10px;
}
.gbi-index-collection-block .gbi-index-collection-container .gbi-index-collection {
    position:relative;
    background-size: cover;
    background-repeat: no-repeat;
    width:300px;
    height:300px;
}
.gbi-index-collection-block .gbi-index-collection-container .gbi-index-collection a {
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    background:transparent;
}
.gbi-index-collection-block .gbi-index-collection-container .gbi-index-collection a:hover {
    background:rgba(80,80,80,0.5);
}
.gbi-index-collection-block .gbi-index-collection-container .gbi-index-collection a div.title {
    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;
}
.gbi-index-collection-block .gbi-index-collection-container .gbi-index-collection a div.title .info {
    font-size:12px;
}
.gbi-index-collection-block .gbi-index-collection-container .gbi-index-collection a:hover > div.title {
    background:#FF0000;
    color:#FFFFFF;
}
/**
 * CSS POUR LE CARROUSEL DES PROMOTIONS
 */

.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:none;
}

.gbi-collection-miniature-container-color {
    display:none;
}

.gbi-collection-miniature-solde {
    display:none;
}

/*********************************
 * CSS POUR LA ZONE DU CATALOGUE *
 *********************************/
.gbi-index-catalogue {
    position:relative;
    min-height:742px;
    margin-left:15px;
    background-size: cover;
    background-position:center;
    background-repeat: no-repeat;
}
.gbi-index-left-catalogue {
    position:relative;
    margin:auto;
    width:100%;
    min-height:363px;
    background-size: cover;
    background-position:center;
    background-repeat: no-repeat;
}
.gbi-index-left-catalogue:first-child {
    margin-bottom:16px;
}
.gbi-index-catalogue a,
.gbi-index-left-catalogue a {
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    background:transparent;
}
.gbi-index-catalogue a:hover,
.gbi-index-left-catalogue a:hover {
    background:rgba(80,80,80,0.5);
}
.gbi-index-catalogue  div.title,
.gbi-index-left-catalogue div.title {
    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;
}
.gbi-index-catalogue div.title .info,
.gbi-index-left-catalogue div.title .info {
    font-size:12px;
}
.gbi-index-catalogue  a:hover > div.title,
.gbi-index-left-catalogue a:hover > div.title {
    background:#FF0000;
    color:#FFFFFF;
}
@media (max-width: 1210px) {
    
    .gbi-index-left-catalogue {
        margin-bottom:16px;
    }
    
    .gbi-index-catalogue {
        margin: auto;
        position:relative;
        min-height:742px;
        background-size: contain;
        background-position:center;
        background-repeat: no-repeat;
    }
}