// global
@import "global";


.breadcrumb(true);
.headband(true);
.edito(true);

.edito-destock{
  #infscr-loading{text-align: center;
    img{width: 50px; height: auto}
  }
}

.product-destockage{overflow: hidden; margin: @rules-fos 0;
  p{margin-bottom: 0}
  &-container{border: 1px solid @greyf2; padding: 5px 15px 50px 15px; position: relative;
    &.block-same-height-get .product-destockage-content{height: 100%;}
  }
  &-corner{.open-sans-bold; font-size: @font-size-extralarge; color: @white; padding-left: 5px; z-index: 2; position: absolute; top: -5px; left: 0px}
  &-img{margin-top: 40px; position: relative; z-index: 1}
  &-ref{font-size: @font-size-small}
  &-price{.open-sans-bold; color: @green02; font-size: 30px;
    &-old{font-size: @font-size-small}
  }
  &-info{font-size: @font-size-extrasmall; color: @green; padding: 10px 0!important; position: absolute;width: 100%; bottom: -1px; background-color: @greyf2; cursor: pointer;
    .ico{ margin-left: 10px;}
  }
  &-right{padding-right: 5px}
  &-content{position: absolute; right: 0px; background-color: @greyf2; bottom: 0px; .translate(0, 100%); .transition(all, 0.2s, ease-in-out);
    .lt-ie9 &{height: auto!important;}
    &:hover{.translate(0, 30px); .transition(all, 0.2s, ease-in-out 0s); bottom: 0;
      .lt-ie9 &{height: 85%!important;}
      .lt-ie8 &{height: 90%!important;}
      .product-destockage{
        &-info{
          .ico{background-position: -170px -27px;}
        }
        &-bottom{.opacity(1);
          .lt-ie9 &{display: block}
        }
      }
    }
  }
  &-caracteristic{font-size: @font-size-base}
  &-top{position: relative;  padding-right: 5px;}
  &-bottom{.opacity(0); .transition(all, 0.3s, ease-in-out 0s); padding: 0 5px 0 15px;
    .lt-ie9 &{display: none}
  }
}