/* Carousel page d'accueil - Utilisateur connecté */
#marketplace-carousel {
}
#marketplace-carousel > .carousel.inner > .item {
    width:100%;
    padding-top:20%;
    overflow: hidden;
    position:relative;
}
#marketplace-carousel > .carousel-inner > .item > .marketplace-carousel-img-container {
    position:relative;
    width:100%;
    padding-top:35%;
}
#marketplace-carousel > .carousel-inner > .item > .marketplace-carousel-img-container > img {
    display:block;
    width:100%;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
}


/* Carousel Publicitaires des catégories shopping et vin */
.carousel-inner > .item > .carousel-mobile-category-basic {
    display:block;
    width:100%;
}
.carousel-inner > .item > .carousel-tablet-category-basic {
    display:none;
    width:100%;
}
.carousel-inner >.item > .carousel-desktop-category-basic {
    display:none;
    width:100%;
}

/* Carousel des catégorie Shopping et Vin */
#carousel-advert-basic {
    max-width:100%;
}
.block-carousel-baisc-for-center {
    position:relative;
    height:250px;
    border: 1px solid #dadada;
    overflow: hidden;
}
.block-carousel-baisc-for-center img {
    position:absolute;
    top:50%;
    left:50%;
    max-width:100%;
    max-height:100%;
    transform: translateX(-50%) translateY(-50%);
}

/* Carousel de la catégorie Tourisme Voyage */
#toursim-carousel {
    position:relative;
    width:100%;
    padding-top:40%;
}
    #toursim-carousel > .carousel-inner {
    width:100%;
    height:100%;
    position:absolute;
    top:50%;
    left:50%;
    transform: translate(-50%, -50%);
}
.hide-mobile {
    display:none;
}
#toursim-carousel > .carousel-inner > .item > img{
    width:200%;
    height:auto;
}

/* Carousel de la catégorie Gestion et service */
#manage-presentation-carousel {

}
#manage-presentation-carousel > .carousel-inner > .item  {
    width:100%;
    padding:66.66666%;
    position:relative;
    overflow: hidden;
}
#manage-presentation-carousel > .carousel-inner > .item > img {
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
}

#carousel-advert-manage {
    width:100%;
    height:250px;
}
/* Partie communne Toursim voyage/Gestion et service */
.block-carousel-for-center {
    position:relative;
    height:250px;
    border : 1px solid #dadada;
    overflow: hidden;
}
.block-carousel-for-center img {
    position:absolute;
    top:50%;
    left:50%;
    height: 100%;
    transform: translateX(-50%) translateY(-50%);
}
/* Carousel page produit */
#Carousel-Advert {
    border:1px solid #dadada;
}
#Carousel-Advert img {
    height:100%;
    position:absolute;
    top:50%;
    left:50%;
    transform: translateY(-50%) translateX(-50%);
}
#Carousel-Advert > .carousel-inner > .item {
    width:100%;
    padding-top:100%;/* Le padding-top est utilisé pour faire le ratio de la balise */
}
/* Carousel avec un ratio d'image 3/2 */
#carousel-ratio-3by2 {
    border:1px solid #dadada;
}
#carousel-ratio-3by2 > .carousel-inner > .item > .ratio-3by2 {
    width:100%;
    padding-top:66.66666%;/* Le padding-top est utilisé pour faire le ratio de la balise */
    position:relative;
}
#carousel-ratio-3by2 > .carousel-inner > .item > .ratio-3by2 > img {
    height:112.8%;
    position:absolute;
    top:50%;
    left:50%;
    transform: translateY(-50%) translateX(-50%);
}

/* Carousel produit similaire */
.container-similar-product {
    width:100%;
    padding:0;
    float:left;
    margin:0 2% 0 0;
    
    overflow:hidden;
}
.similar-item {
    width:100%;
    padding-top:100%;
    border:1px solid #dadada;
    position:relative;
    overflow:hidden;
}
.similar-item img {
    max-height: 100%;
    max-width: 100%;
    position:absolute;
    top:50%;
    left:50%;
    transform: translateY(-50%) translateX(-50%);
}
.cloneditem-5 {
    margin-right: 0;
}

/* carousel avec un ratio 3 sur 2 */
.carousel-3-2 {
    width:100%;
    padding-top:66.66666%;
    position:relative;
    overflow:hidden;
}
.carousel-3-2 .carousel-inner {
    position:absolute;
    top:50%;
    left:50%;
    transform: translate(-50%, -50%);
}

.carousel-3-2 .carousel-inner .block-carousel-for-center {
    position:relative;
    width:100%;
    padding-top:66.66666%;
}
.carousel-3-2 .carousel-inner .block-carousel-for-center img {
    position:absolute;
    top:50%;
    left:50%;
    height: 100%;
    transform: translateX(-50%) translateY(-50%);
}
/* fin carousel avec un ratio 3 sur 2 */

/*---------------------------------------*\
    Pour les ecrans au dela de 576 px
\*---------------------------------------*/
@media screen and (min-width: 576px) {

	/* Carousel des catégories shopping et vin */
    .carousel-inner > .item > .carousel-mobile-category-basic {
        display:none;
    }
    .carousel-inner > .item > .carousel-tablet-category-basic {
        display:block;
    }
    .carousel-inner > .item > .carousel-desktop-category-basic {
        display:none;
    }

    /* Carousel de la categorie tourism */
    #carousel-advert-tourism {
        width:100%;
        height:250px;
    }

    /* Carousel de la categorie Gestion et service */
    #carousel-advert-manage {
        width:100%;
        height:250px;
    }
    /* Partie communne Toursim voyage/Gestion et service */
    .block-carousel-for-center {
        position:relative;
        height:250px;
        border: 1px solid #dadada;
    }
    .block-carousel-for-center img {
        position:absolute;
        top:50%;
        left:50%;
        height: 100%;
        transform: translateX(-50%) translateY(-50%);
    }

}

/*---------------------------------------*\
    Pour les ecrans au dela de 768 px
\*---------------------------------------*/
@media screen and (min-width: 768px) {

    /* Carousel de la categorie tourism */
    #carousel-advert-tourism {
        height:474px;
    }
    /* Carousel de la categorie gestion et service*/
    #carousel-advert-manage {
        height:474px;
    }
    /* Partie communne Toursim voyage/Gestion et service */
    .block-carousel-for-center {
        position:relative;
        height:474px;
        border: 1px solid #dadada;
    }
    .block-carousel-for-center img {
        position:absolute;
        top:50%;
        left:50%;
        height: 100%;
        transform: translateX(-50%) translateY(-50%);
    }
    /**/
    .container-similar-product {
        width:23.5%;
        padding:0;
        float:left;
        margin:0 2% 0 0;
        border:1px solid #dadada;
        overflow:hidden;
    }
    .similar-item {
        width:100%;
        position:relative;
        overflow:hidden;
    }
    .cloneditem-3 {
        margin-right: 0;
    }

}

/*---------------------------------------*\
    Pour les ecrans au dela de 992 px
\*---------------------------------------*/
@media screen and (min-width: 992px) {
    /* Carousel des catégorie Shopping et Vin */
    #carousel-advert-basic {
    max-width:100%;
    }
    .block-carousel-baisc-for-center {
    height:290px;
    width:290px;
    }
	
	/* Carousel des catégories shopping et vin */
    .carousel-inner > .item > .carousel-mobile-category-basic {
        display:none;
    }
    .carousel-inner > .item > .carousel-tablet-category-basic {
        display:none;
    }
    .carousel-inner > .item > .carousel-desktop-category-basic {
        display:block;
    }

    /* Carousel de la catégorie tourism */
    #toursim-carousel {
        position:relative;
        width:100%;
        padding-top:40%;
    }
    .hide-mobile {
        display:initial;
    }
    /* Carousel de la catégorie gestion et service */
    #carousel-advert-manage {
        height:362px;
    }
    /* Partie communne Toursim voyage/Gestion et service */
    .block-carousel-for-center {
        position:relative;
        height:362px;
        border: 1px solid #dadada;
    }
    .block-carousel-for-center img {
        position:absolute;
        top:50%;
        left:50%;
        height: 100%;
        transform: translateX(-50%) translateY(-50%);
    }
    /**/
    .container-similar-product {
        width:calc(15%);
        padding:0;
        float:left;
        margin:0 2% 0 0;
        border:1px solid #dadada;
        overflow:hidden;
    }
    .similar-item {
        width:100%;
        position:relative;
        overflow:hidden;
    }
    .cloneditem-5 {
        margin-right: 0;
    }
}

/*---------------------------------------*\
    Correspond au ecran large - LG
\*---------------------------------------*/
@media screen and (min-width: 1200px) {
    /* Carousel des catégorie Shopping et Vin */
    #carousel-advert-basic {
    max-width:100%;
    }
    .block-carousel-baisc-for-center {
    height:356px;
    width:356px;
    }

    /* Carousel de la categorie tourism */
    #carousel-advert-tourism {
        height:441px;
    }
    /* Carousel de la categorie Gestion et service*/
    #carousel-advert-manage {
        height:441px;
    }
    /* Partie communne Toursim voyage/Gestion et service */
    .block-carousel-for-center {
        position:relative;
        height:440px;
        border: 1px solid #dadada;
    }
    .block-carousel-for-center img {
        position:absolute;
        top:50%;
        left:50%;
        height: 100%;
        transform: translateX(-50%) translateY(-50%);
    }
    /* Gestion et service */
    .manage-carousel-block-for-center {
        position:relative;
        height:465.5px;
        border: 1px solid #dadada;
    }
    .manage-carousel-block-for-center img {
        position:absolute;
        top:50%;
        left:50%;
        height: 100%;
        transform: translateX(-50%) translateY(-50%);
    }

}