/*format image - responsive catégorie*/
img {height:auto;max-width:100%;border:none;border-radius:0;box-shadow:none}

/*Format vidéo - responsive categorie*/
video {height:auto;max-width:100%;border:none;border-radius:0;box-shadow:none; video:autoplay;}

/* Webbax - Tuto 37 - microbanner */
#header-microbanner{background-color:#24b9d7;color:#fff;font-size:15px;text-align:center;}
#header-microbanner span{margin-right:20px;margin-left:20px;}

#header-microbanner-v2{background-color:red;color:#fff;font-size:10px;text-align:center;padding-left:5px;padding-right:5px;}

/* GIANNI - BARRE SOUS PANNIER */
#header .header-nav {
    max-height: 50px;
    border-bottom:#24b9d7 2px solid
}
/*Contraste ecriture menu */
#header .top-menu a[data-depth="0"]:hover {
    color: #24b9d7;
    text-decoration: none
}
/*Contraste ecriture sous menu */
#header a:hover {
    color: #24b9d7;
    text-decoration:none
}
/*Couleur pannier */
#header .header-nav .cart-preview .shopping-cart {
    color: #24b9d7;
    vertical-align:middle
}
/*Couleur Prix */
.product-miniature .product-price-and-shipping {
    font-weight: 700;
    color: #24b9d7;
    text-align: center;
}
/*Bandeau promo remise */
.product-flags li.product-flag.discount-percentage, .product-flags li.product-flag.discount-amount, .product-flags li.product-flag.discount {
    background-color:#24b9d7
}
/* Bandeau pied de page - accueil */
#custom-text {
    padding: 3.125rem;
    margin-bottom: 1.5rem;
    text-align: center;
    background: #f6F6F6;
    border-radius: 2px;
}
/* couleur fond du site original f6f6f6 */
#wrapper {
    padding-top: 1.563rem;
    background:#ffffff
}
/* couleur drapeau nouveau sur articles */
.product-flags li.product-flag {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 0.3125rem 0.4375rem;
    margin-top: .625rem;
    font-size: 1rem;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    pointer-events: auto;
    background:#24b9d7 	
}
/*bandeau promo*/
.product-flags li.product-flag.on-sale {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
    width: 100%;
    margin-top: 0 !important;
    text-align: center;
    background:#24b9d7
}
.has-discount .discount {
    display: inline-block;
    padding: .3125rem .625rem;
    margin-left: .625rem;
    font-size: 1rem;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
    background:#ed71d72
}


/* Mobile */
@media(max-width:500px){
   #header-microbanner span{margin-right:5px;margin-left:5px;}
   #header-microbanner .mb_span2, #header-microbanner .mb_sep2{display:none;}


}
body.page-index #wrapper {
    padding-top: 0;
}

body.page-index #wrapper .container 
{
    max-width: 100%;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}

body.page-index #wrapper .featured-products,
body.page-index #wrapper .banner,
body.page-index #wrapper #custom-text
{
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
}

body.page-index #wrapper .carousel .carousel-inner {
    height: 450px;
}

body.page-index #wrapper .featured-products .product {
    width: 20%;
}


body.page-index #wrapper .banner img {
    width: 100%;
}

.videoWrapper {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  padding-top: 25px;
  height: 0;
}

.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


@media screen and (max-width: 1024px) {
    body.page-index #wrapper .featured-products .product {
        width: 33%;
    }
}

@media screen and (max-width: 768px) {
    body.page-index #wrapper .featured-products .product {
        width: 50%;
    }
}