/* Fiche Produit
========================================= */
.mainProdDetails, .prodBreadcrumbContainer { transition:padding .25s ease; }
@media only screen and (max-width: 100rem) and (min-device-width: 46.875rem) {
  .mainProdDetails, .prodBreadcrumbContainer { padding:0 1rem; }
}
.prodBreadcrumbContainer .breadcrumb-container { padding-left:0; }

@media only screen and (min-device-width: 46.876rem) {
  .prodTitleContainer { margin-top:-0.5rem; }
  .prodTitleContainer .prodTag { margin-top:0.5rem; }
}
@media only screen and (min-device-width:46.876rem) and (max-device-width:64rem){
  .prodAnchorMenu + div .prodTag { position: absolute;left:0px;top:-10px;}
}
.prod-name { width:100%;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;display:block;display:-webkit-box; }
@media only screen and (max-width: 61.63rem) { 
.prod-name-mobile { max-height:75px; line-height:38px;  }
.prodSticky .prod-name { -webkit-line-clamp:1;}
}

.prodAnchorMenu li { border-bottom:solid 1px black;transition:border-bottom 0.2s ease-in-out;position:relative; }
.prodAnchorMenu li:hover { border-bottom:solid 1px transparent; }
.prodAnchorMenu li + li:before { content:"|";position:absolute;left:-0.625rem; }

.btnContact { width:100%;height:50px;line-height:50px; }
@media only screen and (max-width: 61.63rem) { .btnContact { width:auto;height:auto;line-height:50px; } }
form[name="produit"] input[type="submit"] { border:none; }

.detailFP .otherFinish { width:25px;height:25px;border:1px solid #cccccc;margin:5px 5px -5px 0; }

.imgPrinc { position:relative; }
.imgPrinc .over-img-princ { border:1px solid #fff;background:rgba( 0, 0, 0, .3 );font-size:55px;position:absolute;top:50%;left:50%;transform:translate( -50%, -50% );opacity:0; }
.imgPrinc:hover .over-img-princ { opacity:0.8; transition: all 0.5s ease;}

.imgPrinc > img { max-width:600px;max-height:600px; }
@media only screen and (max-width: 64rem) { .imgPrinc > img { max-width:400px;max-height:400px; } }
#img_zoomed { opacity:0; }

/* — swiperProductMin — */
.swiperProd .swiper-button-next, .swiperProd .swiper-button-prev {height: auto;width: 85px;}
.swiperProd .swiper-button-next:after, .swiperProd .swiper-button-prev:after {content: none;}
.swiperProdMin { height:400px;width:85px; }
.swiperProdMin .swiper-slide { box-sizing:border-box;padding-top:7px; }
.swiperProdMin .swiper-slide div { border:solid 2px #f2f2f2;display:table-cell;vertical-align:middle;text-align:center;width:10%;height:85px;transition:border 0.2s ease-in-out; }
.swiperProdMin .swiper-slide div:hover { border-color:#333333; }

.mediaProdMin { width:85px;height:85px;display:table-cell;vertical-align:middle;text-align:center;position:relative;transition:opacity 0.2s ease-in-out; }
.mediaProdMin:hover { opacity:0.6; }
.mediaProdMin img { mix-blend-mode: darken; }
.mediaProdMin span { opacity:0.8;position:absolute;left:0;right:0;top:50%;transform:translateY(-50%); }

.retailer { position:relative;border-top:1px solid #cccccc;border-bottom:1px solid #cccccc; }
.retailer > div:first-child:before { content:'';display:block;position:absolute;top:-12px;left:15%;width:24px;height:24px;background:#ffffff;border:solid 1px #cccccc;transform:rotate(45deg);border-top:none;border-left:none; }
.bdLeftBlanc { border-left:1px solid #ffffff; }
@media only screen and (min-width: 61.63rem) {
    .detailFP .btnAjouter {width: 290px;}
}
.warnStock { display:flex; }
.warnStock form { flex:1 1 auto;display:flex;position:relative; }
.warnStock input { flex:1;border:none; }
.warnStock input::-webkit-input-placeholder { color:#000000; }
.warnStock input::-moz-placeholder { color:#000000;opacity:1; }
.warnStock input:-ms-input-placeholder { color:#000000;opacity:1; }
.warnStock input:-moz-placeholder { color:#000000; }
.warnStock button { border:none;position:absolute;right:0;top:0;bottom:0;width:50px; }

.cover-brand { position:relative; }
.cover-brand > span { position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(255, 255, 255, 0.4); }
.cover-brand, .cover-brand svg { height:40px; }

.custom-pack-boxes { border:1px solid #eeeeee;position:relative; }
.custom-pack-boxes .prod-name { max-height:32px; }
.custom-pack-boxes .custom-pack-hover { position:absolute;display:none;top:0;right:0;bottom:0;left:0; }
.custom-pack-boxes .custom-pack-hover > .bgNoir { opacity:.75; }
.custom-pack-boxes .custom-pack-hover > * { display:flex;flex-flow:column;align-items:center;justify-content:center;position:absolute;top:0;right:0;bottom:0;left:0; }
.custom-pack-boxes:hover .custom-pack-hover { display:block; }
.custom-pack-boxes.selected { border:3px solid #00cc66; }
.custom-pack-boxes.selected.reveal { border-color:#0066cc; }
.custom-pack-boxes img { width:100%; }
*[class*=economie-] { display:none; }

.total-price { display:none; }

.prodBrandLink { transition:opacity 0.2s ease-in-out; }
.prodBrandLink:hover { opacity:0.6; }

.list-prod-custom-pack .btn-plus, .list-prod-custom-pack .btn-moins, .list-prod-custom-pack .nb-item { cursor:pointer;width:20px;height:20px;line-height:20px;margin:0 2px 0 -1px; }
.list-prod-custom-pack .qty { height:20px;line-height:20px;margin:1; }
.free-prod { position:absolute;top:0;left:0;}

.conseiller > * { margin:0 0px; }
.conseiller .flexCenter .flexCenter { flex:1; }
.avatarConseiller img { border-radius:50%; }
.infoConseiller { color: #0266cc;border-bottom:solid 1px #0266cc;transition:border-bottom 0.2s ease-in-out; }
.infoConseiller:hover { border-bottom:solid 1px transparent; }

.biCol { -moz-column-count:2;-moz-column-gap:40px;-webkit-column-count:2;-webkit-column-gap:40px;column-count:2;column-gap:40px; }
.biCol a { color:inherit; }

#zoom { position:fixed;top:0;right:0;bottom:0;left:0;display:none;z-index:10000;background: rgba(255, 255, 255, 0.2);overflow-y: scroll;margin-right: -17px;}
#zoom .zone-zoom img { max-width:100%;}

#zoom #pan_zoom{background:#fff;max-width: 100%;width: 100%;min-width: 45rem;min-height: 100%;position: absolute;top:0; left:calc(50% - 37.5rem);margin: 0 auto;margin-bottom: 0px;padding-bottom: 185px; /*box-shadow: -8px 10px 24px 0 rgba(96, 96, 96, 0.5);*/}
.close_zoom{position:absolute;background:#fff;top:40px;right:40px;border:1px solid #000;opacity: 0.4;display: flex;align-items: center;justify-content: center;width:150px;height:48px;z-index:10;}
#zoom .zone-zoom { position:relative;top:0%;left:0%;transform:none;max-width:100%;margin: 0px;padding: 0px;}
#zoom .zone-mini { position:absolute;bottom:50px;left:50px;right:50px;display:flex;flex-flow:row;align-items:center;overflow-y: auto;z-index: 10;}
#zoom .zone-mini img { width:95px;}
#zoom .zone-mini img.active {border: 1px solid #979797;}
#zoom .btnFloat{position: absolute;top:50%;font-size: 3rem;display: flex;align-items: center;justify-content: center;background: #000;color: #fff;opacity: 0.2;height: 60px;width: 60px;border-radius:50%;z-index:1;cursor: pointer;}
#zoom .btnFloat.btnNext{right:40px;}
#zoom .btnFloat.btnPrev{left:40px;}
@media only screen and (max-device-width:64rem) {
  #zoom #pan_zoom{background:#fff;max-width: 100%;width: 100%;min-width: 100%;min-height: auto;height:100%;position: relative;left:0;margin: 0;margin-bottom: 0px;padding-bottom: 0px;}  
  #zoom .zone-zoom { box-sizing:border-box;margin: 0px;padding: 50px;height: 100%;display: flex;align-items: center;justify-content: center;overflow: auto;}
  .close_zoom{width:150px;height:50px;}
  #zoom .zone-zoom .pupop-info{position: absolute;background: rgba(135, 135, 135, 0.6);color: #fff;font-size: 2rem;padding: 50px;max-width: 80%;transition: visibility 1s, opacity 0.5s linear;z-index: 11;}
  #zoom .zone-zoom .pupop-info.hidden{opacity: 0;}
  #zoom * { touch-action:pan-x; }
  #zoom .zone-zoom, #zoom .zone-zoom img { touch-action: pan-x pan-y; z-index: 1;}
  #zoom .zone-zoom img.zoomed{ position:absolute;transform: scale(3);transform-origin: 50% 50%; }
}
@media only screen and (max-device-width:46.875rem) {
  .close_zoom {width:110px;height:35px;z-index:13;top:13px;right:25px;}
  #zoom .zone-mini {bottom:15px;left:15px;}
  #zoom .zone-mini img { height:4rem; width: auto;max-width: none;}
  #zoom .zone-mini img.active {border: 3px solid #979797;}
  
}
@media only screen and (min-device-width:46.876rem) and (max-device-width:64rem){
  #zoom .btnFloat{top:calc(50% - 30px);z-index: 13;}
  #zoom .btnFloat.btnNext{right: 40px;}
}
@media only screen and (min-device-width:64.001rem){
  #zoom #pan_zoom{display:flex;justify-content: center;align-items: center;}
  .zoomTest { overflow: hidden; }
}

.prodSticky { position:fixed;left:0;right:0;bottom:0;z-index:100;transform:translateY(100%);transition:transform .4s ease-out; }
.prodStickyActive { transform:none; }
.prodSticky .btnAjouter { margin-top:0.625rem!important; }

.description:not(.avis) { -webkit-column-count:2;-moz-column-count:2;column-count:2;-webkit-column-gap:30px;-moz-column-gap:30px;column-gap:30px; }

.descContainer {max-height:390px;overflow:hidden;transition:0.4s;}
.descSmBtn {border-radius: 3px;}
.divBtnDescContainer{background: linear-gradient(0deg, rgba(245,245,245,1) 55%, rgba(245,245,245,0) 100%);margin-top: -4.125rem;transition: 0.4s ease-in-out}
.divBtnDescContainer.divBtnDescContainerActive{background: transparent; margin-top: -1.875rem;}

@media only screen and (max-device-width:46.875rem) {
  .descContainer { max-height:160px;}
  .descContainer .descSm { overflow:hidden;-webkit-box-orient:vertical; }
  .divBtnDescContainer{background: transparent;margin-top: 0;}

  #hubspot-messages-iframe-container{transform: translateY(0);transition: .4s ease-out;}
  #hubspot-messages-iframe-container.hubspot-message-active{transform: translateY(-76px);}
}

.notify { position:relative; }
.notify .resp-notify { position:absolute;top:10px;right:4.2%;bottom:10px;left:96%;transition:all .125s ease; display: none;}
.notify .resp-notify.active { top:0;right:0;bottom:0;left:0; display: inherit;}
.notify .resp-notify span { transition:all .25s ease .25s;opacity:0; }
.notify .resp-notify.active span { opacity:1; }

#share .close { top:25px; }
#share .flexCenter { flex-flow:column;align-items:stretch; }
.share-fb      { background:url('/images/v4/elements/ico_svg/social/fb.svg') center left no-repeat #4f77b3;background-size:auto 100%; }
.share-gplus   { background:url('/images/v4/elements/ico_svg/social/g+.svg') center left no-repeat #d94935;background-size:auto 100%; }
.share-twitter { background:url('/images/v4/elements/ico_svg/social/twitter.svg') center left no-repeat #55acee;background-size:auto 100%; }
.share-pin     { background:url('/images/v4/elements/ico_svg/social/pinterest.svg') center left no-repeat #CD2129;background-size:auto 100%; }

.product-service { position:relative;padding-left:1.75rem; }
.product-service:before { content:'';display:block;width:.625rem;height:1.25rem;border:1px solid #00cc66;position:absolute;left:.4rem;top:calc( 50% - .75rem );transform:translateY( -50% );border-top-color:transparent;border-left-color:transparent;-webkit-transform:rotate( 45deg );transform:rotate( 45deg ); }

.bann-prod img { width:100%; }

.dispo .material-icons { width:20px; }
.dispo .dispoP { flex-flow:wrap; }

.storePartenaire {border: 1px solid #cccccc;}
.storePartenaireS { line-height: 40px; }
.storePartenaireWrapper {border: 1px solid #cccccc; border-top:none!important; z-index:2; position: absolute; background: white;}
@media only screen and (max-device-width:46.875rem) {.storePartenaireS { line-height: 90px;} .storePartenaire {border: 2px solid #cccccc;} .storePartenaireWrapper {border: 2px solid #cccccc;} }

/* Tooltip LG & Click SM */
@media only screen and (min-device-width: 64.001rem) {
  .bgBleuPayPal img { width:270px;width:16.875rem; }
  .btnAjouter .bgBleuPayPal { height:55px;line-height:55px; }
[data-tooltip] {position: relative; z-index: 2; cursor: pointer; }
[data-tooltip]:before,[data-tooltip]:after {visibility: hidden;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);opacity: 0;pointer-events: none;}
[data-tooltip]:before {
  position: absolute;
  bottom: 150%;
  left: 50%;
  margin-bottom: 5px;
  margin-left: -80px;
  padding: 7px;
  width: 300px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #000;
  background-color: hsla(0, 0%, 20%, 0.9);
  color: #fff;
  content: attr(data-tooltip);
  text-align: center;
  font-size: 14px;
  line-height: 1.2;
}

.w100 { width:100px!important; height: 100% }
.w120 { width:120px!important; height: 100% }
.w48 {  height: 3rem; width: 3rem;}
.w40 {  height: 40px; width: 40px;}

[data-tooltip]:after {
  position: absolute;
  bottom: 150%;
  left: 50%;
  margin-left: -5px;
  width: 0;
  border-top: 5px solid #000;
  border-top: 5px solid hsla(0, 0%, 20%, 0.9);
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  content: " ";
  font-size: 0;
  line-height: 0;
}

[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
  visibility: visible;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

}

@media only screen and (min-device-width:46.876rem) and (max-device-width: 64rem) { 

.swiperReviews { max-height: 335px; }
.swiperReviews .expand { max-height: 570px; }

.expand { max-height: 100%; }
.expRev { /*transform: rotate(90deg);*/font-weight: 700; }
.w100 { width:100px!important; height: 100% }
.w120 { width:120px!important; height: 100% }
.w48 {  height: 3rem; width: 3rem;}
.w40 {  height: 40px; width: 40px;}

.close-sb {width:3rem!important; height:3rem!important;font-size:32px; }

.sidebar-info {position: fixed; top:0; bottom:0; right:0; left:inherit!important; z-index:10; width: 20rem; margin-right:-20rem;background: #fff; transition: margin-right .30s ease;}
.sidebar-info.zoomp {width:55rem; margin-right:-55rem; }
.sidebar-info.active {margin-right: 0!important;}
.sidebar-info:not(:empty) {margin-right:0; }

}

@media only screen and (max-device-width:46.875rem) {

.avatarConseiller img { border-radius:7.5rem;border:none; } 

.swiperReviews { max-height: 335px; }
.swiperReviews .expand { max-height: 570px; }

.expand { max-height: 100%; }
.expRev { font-weight: 700; }
.titleCrumb { min-height: 134px; }
.hide-sm { visibility: hidden; }
.w800 { width:800px!important; }
.w100 { width:220px!important; height: 100% }
.mw80-sm { max-width: 80%; }
.mw85-sm { max-width: 85%; }
.w48 {  height: 100px; width: 100px;}
.w52 {  height: 45px; width: 45px;}
.w40 {  height: 80px; width: 80px;}
.bdtBread { border-top: 1px solid #585858; }


.sidebar-content {position: absolute; top:15%; padding-left:20px;padding-right:10px; }
.sidebar-content-close {position:absolute;top:14%!important;left:88%;}

.sidebar-tooltip { text-decoration: underline; text-decoration-color:#1a1a1a;-webkit-text-underline-position: under;-ms-text-underline-position: below; text-underline-position: under;  }
.sidebar-info {position: fixed; top:0; bottom:0; right:0; left:inherit!important; z-index:10; width: 45rem; margin-right:-45rem;background: #fff; transition: margin-right .30s ease;}
.sidebar-info.active {margin-right: 0;}
.sidebar-info:not(:empty) {margin-right:0!important; }
.with-tooltip {transform: translateX(-450px);}

}

.percentPriceProd {width: 170px;height: 80px;margin: 0 0 0 -15px;-webkit-transform: skew(-15deg);-moz-transform: skew(-15deg);-o-transform: skew(-15deg);background: #00cc66;overflow: hidden;position: relative;}

.decreasingPriceSeparator {
  position: relative;
  border-top: 1px solid #cccccc;
}
.decreasingPriceTable {
  border-left: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
}

.decreasingPriceHeader {
  border-bottom: 1px solid #cccccc;
}

.decreasingPriceCell {
  height:68px;
  border-right: 1px solid #cccccc;
}

.decreasingPriceQuantity {
  background: #0066CC;
  color: rgb(255, 255, 255);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  margin-right: 20px;
  border: 1px solid #0066CC;
}

.decreasingPriceDiscount {
  background: #F57223;
  color: rgb(255, 255, 255);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  margin-right: 20px;
  border: 1px solid #F57223;
}

.decreasingPriceControl.enable {
  padding:5px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #9B9B9B;
  border: 1px solid #979797;
  cursor: pointer;
  -moz-user-select: -moz-none;
  -khtml-user-select: none;
  -webkit-user-select: none;

  /*
    Introduced in IE 10.
    See http://ie.microsoft.com/testdrive/HTML5/msUserSelect/
  */
  -ms-user-select: none;
  user-select: none;

}
.decreasingPriceControl.disable {
  padding:5px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #9B9B9B;
  border: 1px solid #979797;
  opacity: 0.31;
  cursor: default;
  -moz-user-select: -moz-none;
  -khtml-user-select: none;
  -webkit-user-select: none;

  /*
    Introduced in IE 10.
    See http://ie.microsoft.com/testdrive/HTML5/msUserSelect/
  */
  -ms-user-select: none;
  user-select: none;
}

.decreasingPriceContainer-sm {
  border: 1px solid #cacaca;
}
/* OVERFLOWS */

.overscroll { overflow-y : auto; }

.TextIndentLeft{text-indent: -13px;padding-left: 13px;}

/*  loader */
#loader{
  z-index:1001;
  display:block;
  position:relative;
  top:25%;
  width:100%;
  height:100%;
}
#loader img{
  width: 40%;
  margin: 0 auto;
  display: flex;
}
#loader-wrapper{
  opacity: 1;
  background-color: #ffffff;
  display:block;
  position:fixed;
  width:100%;
  height:2500px;
  z-index:1001;
}


.btnVideo {
  text-transform: uppercase;
  float:left;
  border: 1px solid #ffffff;
  background: transparent;
  color: #ffffff;
  text-align: center;
  font-weight: bold;
}
.btnVideo:first-child {
  border-radius: 4px 0 0 4px;
}
.btnVideo:last-child {
  border-radius:  0 4px 4px 0;
}
.btnVideo.active {
  background: #ffffff;
  color: #0066CC
}
.medias {
  display: none;
}
.medias [class*=container-].active {
  visibility: visible;
  opacity: 1;
  height: 825px;
}
.medias [class*=container-] {
  visibility: hidden;
  opacity: 0;
  height: 0;
}
.medias [class*=content-slider-].active {
  visibility: visible;
  opacity: 1;
  height: auto;
}
.medias [class*=content-slider-] {
  visibility: hidden;
  opacity: 0;
  height: 0;
}
@media only screen and (max-device-width: 64rem) and (min-device-width: 46.876rem) {

  .btnVideo {
    border: 0.81px solid #ffffff;
  }
  .btnVideo:first-child {
    border-radius: 3.23px 0 0 3.23px;
  }
  .btnVideo:last-child {
    border-radius:  0 3.23px 3.23px 0;
  }
}
@media only screen and (max-device-width: 46.876rem) {

  .btnVideo {
    border: 2px solid #ffffff;
  }
  .btnVideo:first-child {
    border-radius: 8.13px 0 0 8.13px;
  }
  .btnVideo:last-child {
    border-radius:  0 8.13px 8.13px 0;
  }
  .medias [class*=container-].active {
    height: 186px;
  }
  .decreasingPriceImg {
    max-width: 50%;
  }
}

/*ALMA*/
.alma-btns img {height: 20px;}