/*******************************************************
Product list Styles
********************************************************/
ul.product_list .availability span {
  display: inline-block;
  color: white;
  font-weight: bold;
  padding: 3px 8px 4px 8px;
  margin-bottom: -2px; }
  /* ul.product_list .availability span.available-now {
    background: #46a74e;
    border: 1px solid #36943e;width:100%;border-radius:5px; } */
  ul.product_list .availability span.out-of-stock {
    font: 600 18px/19px Figtree;
    color: #000000;}
ul.product_list .color-list-container {
  margin-bottom: 12px; }
  ul.product_list .color-list-container ul li {
    display: inline-block;
    border: 1px solid #c6c6c6; }
    ul.product_list .color-list-container ul li a {
      display: block;
      width: 23px;
      height: 23px;
      margin: 1px; }
/*ul.product_list .product-image-container {
  text-align: center; }*/
  ul.product_list .product-image-container img {
    margin: 0 auto; }
  ul.product_list .product-image-container .product_img_manufacturer {
    height: 50px !important;
    margin: 10px 0 0 10px !important;
  }
  ul.product_list .product-image-container .product_img_link {
    text-align: center;
    width: 100%;
  }
  ul.product_list .product-image-container .quick-view {
    font: 700 13px/16px Arial, Helvetica, sans-serif;
    color: #777676;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -21px 0 0 -53px;
    padding: 13px 0 0;
    background: rgba(255, 255, 255, 0.82);
    width: 107px;
    height: 43px;
    text-align: center;
    border: 1px solid #c6c6c6;
    opacity: 0;
    -moz-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -webkit-transition: 0.3s;
    transition: 0.3s; }
    @media (min-width: 1200px) {
      ul.product_list .product-image-container .quick-view {
        -moz-transform: scale(0, 0);
        -ms-transform: scale(0, 0);
        -o-transform: scale(0, 0);
        -webkit-transform: scale(0, 0);
        transform: scale(0, 0); } }
    @media (max-width: 767px) {
      ul.product_list .product-image-container .quick-view {
        -moz-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
        opacity: 1; } }
    ul.product_list .product-image-container .quick-view:hover {
      -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.33);
      -moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.33);
      box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.33); }
ul.product_list .comments_note {
  text-align: center;
  overflow: hidden;
  padding-bottom: 10px;
  line-height: 17px; }
  ul.product_list .comments_note .nb-comments {
    overflow: hidden;
    font-style: italic;
    display: inline-block; }
ul.product_list .functional-buttons div a,
ul.product_list .functional-buttons div label {
  font-weight: 400;
  color: #777676;
  cursor: pointer;
  font-size: 11px; }
  ul.product_list .functional-buttons div a:hover,
  ul.product_list .functional-buttons div label:hover {
    color: #000; }
ul.product_list .functional-buttons div.wishlist {
  border-right: 1px solid #c6c6c6; }
  @media (min-width: 992px) and (max-width: 1199px) {
    ul.product_list .functional-buttons div.wishlist {
      border-right: 0; }
      ul.product_list .functional-buttons div.wishlist a:before {
        display: none; } }
  @media (min-width: 480px) and (max-width: 767px) {
    ul.product_list .functional-buttons div.wishlist {
      border-right: 0; }
      ul.product_list .functional-buttons div.wishlist a:before {
        display: none; } }
@media (min-width: 480px) and (max-width: 767px) {
  ul.product_list .functional-buttons div.compare a:before {
    display: none; } }

/*******************************************************
Product list(Grid) Styles
********************************************************/
.category-product-list ul.product_list.grid {
  display: flex;
  flex-wrap: wrap;
}
.category-product-list ul.product_list.grid.slick-initialized {
  display: initial;
}
ul.product_list.grid:not(.slick-slider) {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -10px; /* Espacement négatif pour compenser le padding des éléments */
}
ul.product_list.grid > li {
  padding: 0 10px 20px;
  text-align: left;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  display: flex;
  margin-bottom: 0;
  float: none; /* Supprimer float qui peut causer des problèmes d'alignement */
}
  @media (min-width: 480px) and (max-width: 767px) {
    ul.product_list.grid > li {
      width: 50%;
      float: none; } }
  ul.product_list.grid > li .product-container {
    box-shadow: 3px 3px 10px #00000029;
    border: 1px solid #D8D8D8;
    border-radius: 4px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    width: 100%;
    display: flex;
    flex-direction: column;
    height: 100%;  /*Hauteur à 100% pour assurer l'alignement*/
    padding-bottom: 15px;
  }
    ul.product_list.grid > li .product-container .product-image-container {
      background: white;
      height: fit-content; /* Hauteur fixe pour toutes les images */
      overflow: hidden;
      /*display: flex;
      align-items: center;
      justify-content: center;*/
      position: relative; /* Important pour les éléments positionnés absolument */
      }
      ul.product_list.grid > li .product-container .product-image-container img {
        max-height: 100%;
        width: auto;
        max-width: 100%;
        margin: 0 auto; }
      @media (max-width: 767px) {
        ul.product_list.grid > li .product-container .product-image-container {
          /* max-width: 290px; */
          margin-left: auto;
          margin-right: auto; } }
      ul.product_list.grid > li .product-container .product-image-container .quick-view {
        top: 30%; }
    ul.product_list.grid > li .product-container h2 {
      padding: 0 0px 0px 0px;
      margin: 1px 0 2px 0; }
      ul.product_list.grid > li .product-container h2 a span.list-name {
        display: none; }
    ul.product_list.grid > li .product-container .comments_note {
      text-align: center; }
      ul.product_list.grid > li .product-container .comments_note .star_content {
        display: inline-block;
        margin: 0 0 0 0; }
    ul.product_list.grid > li .product-container .product-desc {
      margin-bottom: 7px; }
      ul.product_list.grid > li .product-container .product-desc span.list-desc {
        display: none; }
    ul.product_list.grid > li .product-container .product_information {
      flex-grow: 0; /* Pour que cette section prenne l'espace disponible */
      display: flex;
      flex-direction: column;
      padding: 10px;
      height: fit-content;
      min-height: 122px;
    }
    ul.product_list.grid > li .product-container .content_price {
      padding-bottom: 0px;
      line-height: 21px; }
    ul.product_list.grid > li .product-container .old-price,
    ul.product_list.grid > li .product-container .price,
    ul.product_list.grid > li .product-container .price-percent-reduction {
      display: inline-block; }
    ul.product_list.grid > li .product-container .product-flags {
      display: none; }
    ul.product_list.grid > li .product-container .old-price {
      margin-right: 5px; }
    ul.product_list.grid > li .product-container .button-container {
      margin-bottom: 0px;
      margin-top: auto; /* Pousse les boutons vers le bas */
    }
      ul.product_list.grid > li .product-container .button-container .ajax_add_to_cart_button,
      ul.product_list.grid > li .product-container .button-container span.button,
      ul.product_list.grid > li .product-container .button-container .lnk_view {
        margin: 0 6px 7px 0;
        clear: both;width:100%; }
        @media (min-width: 992px) and (max-width: 1199px) {
          ul.product_list.grid > li .product-container .button-container .ajax_add_to_cart_button,
          ul.product_list.grid > li .product-container .button-container span.button,
          ul.product_list.grid > li .product-container .button-container .lnk_view {
            margin: 0 0px 7px 0; } }
    ul.product_list.grid > li .product-container .right-block {
      padding-left: 0px;
      padding-right: 0px;
      display: flex;
      flex-direction: column;
      flex-grow: 1; /* Pour que le bloc de droite prenne l'espace disponible */
    }
    ul.product_list.grid > li .product-container .functional-buttons {
      background: url(../img/functional-bt-shadow.png) repeat-x;
      padding: 11px 0 5px;
      margin-top: auto; /* Pousse les boutons vers le bas */
    }
      ul.product_list.grid > li .product-container .functional-buttons div {
        width: 50%;
        float: left;
        padding: 3px 0 4px 0;
        text-align: center; }
    ul.product_list.grid > li .product-container:hover {
/*      -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.33);
      -moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.33);
      box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.33);
      -moz-transition: 0.3s;
      -o-transition: 0.3s;
      -webkit-transition: 0.3s;
      transition: 0.3s; */
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 5px 15px rgba(0, 0, 0, 0.5);

    }
      ul.product_list.grid > li .product-container:hover .product-image-container .quick-view {
        opacity: 1;
        -moz-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
        -moz-transition: 0.3s;
        -o-transition: 0.3s;
        -webkit-transition: 0.3s;
        transition: 0.3s; }
  @media (min-width: 768px) and (max-width: 1199px) {
    ul.product_list.grid > li.hovered .product-container .product-image-container .quick-view {
      opacity: 1;
      -moz-transform: scale(1, 1);
      -ms-transform: scale(1, 1);
      -o-transform: scale(1, 1);
      -webkit-transform: scale(1, 1);
      transform: scale(1, 1);
      -moz-transition: 0.3s;
      -o-transition: 0.3s;
      -webkit-transition: 0.3s;
      transition: 0.3s; } }
  @media (min-width: 1200px) {
    ul.product_list.grid > li.hovered .product-container .product-image-container .quick-view {
      opacity: 1;
      -moz-transform: scale(1, 1);
      -ms-transform: scale(1, 1);
      -o-transform: scale(1, 1);
      -webkit-transform: scale(1, 1);
      transform: scale(1, 1);
      -moz-transition: 0.3s;
      -o-transition: 0.3s;
      -webkit-transition: 0.3s;
      transition: 0.3s; } }
  @media (min-width: 992px) {
    ul.product_list.grid > li.first-in-line {
      clear: left; } }
  @media (min-width: 480px) and (max-width: 991px) {
    ul.product_list.grid > li.first-item-of-tablet-line {
      clear: left; } }

/*******************************************************
Product list(List) Styles
********************************************************/
@media (max-width: 479px) {
  ul.product_list.list > li .left-block {
    width: 100%; } }
ul.product_list.list > li .product-container {
  border-top: 1px solid #c6c6c6;
  padding: 30px 0 30px; }
ul.product_list.list > li .product-image-container {
  position: relative;
  border: 1px solid #c6c6c6;
  padding: 30px 0;
  background: white; }
  @media (max-width: 479px) {
    ul.product_list.list > li .product-image-container {
      max-width: 290px;
      margin: 0 auto; } }
  ul.product_list.list > li .product-image-container .content_price {
    display: none !important; }
ul.product_list.list > li .product-flags {
  color: #333333;
  margin: 5px 0 10px 0; }
  ul.product_list.list > li .product-flags .discount {
    color: #f13340; }
ul.product_list.list > li h5 {
  padding-bottom: 8px; }
  ul.product_list.list > li h5 a span.grid-name {
    display: none; }
ul.product_list.list > li .product-desc {
  margin-bottom: 15px; }
  ul.product_list.list > li .product-desc span.grid-desc {
    display: none; }
@media (max-width: 479px) {
  ul.product_list.list > li .center-block {
    width: 100%; } }
ul.product_list.list > li .center-block .comments_note {
  margin-bottom: 12px; }
  @media only screen and (min-width: 480px) {
    ul.product_list.list > li .center-block .comments_note {
      text-align: left; } }
  ul.product_list.list > li .center-block .comments_note .star_content {
    display: inline-block; }
@media (min-width: 992px) {
  ul.product_list.list > li .right-block .right-block-content {
    margin: 0;
    border-left: 1px solid #c6c6c6;
    padding-left: 15px;
    padding-bottom: 16px; } }
@media (max-width: 991px) {
  ul.product_list.list > li .right-block .right-block-content {
    padding-top: 20px; } }
@media (max-width: 479px) {
  ul.product_list.list > li .right-block .right-block-content {
    padding-top: 5px; } }
ul.product_list.list > li .right-block .right-block-content .content_price {
  padding-bottom: 10px; }
  @media (max-width: 991px) {
    ul.product_list.list > li .right-block .right-block-content .content_price {
      padding-top: 13px;
      padding-bottom: 0; } }
  @media (max-width: 479px) {
    ul.product_list.list > li .right-block .right-block-content .content_price {
      padding-top: 0;
      width: 100%; } }
  ul.product_list.list > li .right-block .right-block-content .content_price span {
    display: inline-block;
    margin-top: -4px;
    margin-bottom: 14px; }
    ul.product_list.list > li .right-block .right-block-content .content_price span.old-price {
      margin-right: 8px; }
ul.product_list.list > li .right-block .right-block-content .button-container {
  overflow: hidden;
  padding-bottom: 20px; }
  @media (max-width: 479px) {
    ul.product_list.list > li .right-block .right-block-content .button-container {
      width: 100%; } }
  ul.product_list.list > li .right-block .right-block-content .button-container .btn {
    margin-bottom: 10px; }
    @media (min-width: 992px) {
      ul.product_list.list > li .right-block .right-block-content .button-container .btn {
        float: left;
        clear: both; } }
@media (min-width: 992px) {
  ul.product_list.list > li .right-block .right-block-content .functional-buttons {
    overflow: hidden; } }
@media (max-width: 991px) {
  ul.product_list.list > li .right-block .right-block-content .functional-buttons {
    clear: both; }
    ul.product_list.list > li .right-block .right-block-content .functional-buttons > div {
      float: left;
      padding-top: 0 !important;
      padding-right: 20px; } }
@media (max-width: 479px) {
  ul.product_list.list > li .right-block .right-block-content .functional-buttons {
    float: none;
    display: inline-block; }
    ul.product_list.list > li .right-block .right-block-content .functional-buttons a i, ul.product_list.list > li .right-block .right-block-content .functional-buttons a:before, ul.product_list.list > li .right-block .right-block-content .functional-buttons label i, ul.product_list.list > li .right-block .right-block-content .functional-buttons label:before {
      display: none !important; } }
ul.product_list.list > li .right-block .right-block-content .functional-buttons a {
  cursor: pointer; }
ul.product_list.list > li .right-block .right-block-content .functional-buttons .wishlist {
  border: none; }
ul.product_list.list > li .right-block .right-block-content .functional-buttons .compare {
  padding-top: 10px; }
  ul.product_list.list > li .right-block .right-block-content .functional-buttons .compare a:before {
    margin-right: 10px; }
@media (min-width: 1200px) {
  ul.product_list.list > li:hover .product-image-container .quick-view {
    opacity: 1;
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1); } }
@media (max-width: 479px) {
  ul.product_list.list > li {
    text-align: center; } }

/*******************************************************
Product list(Index page) Styles
********************************************************/
#index ul.product_list.tab-pane > li {
  padding-bottom: 15px;
  margin-bottom: 15px; }
  #index ul.product_list.tab-pane > li .availability {
    display: none; }
  @media (min-width: 480px) and (max-width: 767px) {
    #index ul.product_list.tab-pane > li.first-item-of-tablet-line {
      clear: none; }
    #index ul.product_list.tab-pane > li.first-item-of-mobile-line {
      clear: left; } }

/***** IE code *****/
.ie8 .quick-view {
  background: #fff;
  border: 1px solid #c6c6c6; }

/* EXPOWEB */

.produit-label-garantie {
  position: absolute;
  top: 70px;
  left: -12px;
  width: 64px;
  height: 64px;
  background: url("../img/macaron-garantie-l.png") no-repeat top left;
}

.produit-echange-standard {
  position: absolute;
  top: 0;
  left: -12px;
  width: 64px;
  height: 64px;
  background: url("../img/macaron-echange-standard-l.png") no-repeat top left;
}

.ew-disponible{
  background: #46a74e;
  border: 1px solid #36943e;
  width: 100%;
  border-radius: 5px;
  display: inline-block;
  color: white;
  font-weight: bold;
  padding: 3px 8px 4px 8px;
  margin-bottom: -2px;
  text-align: center;
}
.ew-remise-prix{
    text-decoration: line-through;
    font: normal 18px/36px quatro;
    color: #000000;
}
.ew-remise-pourcentage-product{
  background-color:#b5041f;
  z-index: 999;
  top: 15px;
  right: 15px;
  padding: 7px;
  width: 200px;
  color: #fff;
  border-radius: 5px;
  font-size: 1em;
  font-weight:bold;
}
