@charset "UTF-8";
/*==============================
      VARIABLES
-------------------------------*/
/* @import must be at top of file, otherwise CSS will not work */
@font-face {
  font-family: "Zeppelin32";
  src: url("./scss_responsive/elements-tools/webfonts/33B060_0_0.eot");
  src: url("./scss_responsive/elements-tools/webfonts/33B060_0_0.eot?#iefix") format("embedded-opentype"), url("./scss_responsive/elements-tools/webfonts/33B060_0_0.woff2") format("woff2"), url("./scss_responsive/elements-tools/webfonts/33B060_0_0.woff") format("woff"), url("./scss_responsive/elements-tools/webfonts/33B060_0_0.ttf") format("truetype");
}
@font-face {
  font-family: "Zeppelin33";
  src: url("./scss_responsive/elements-tools/webfonts/33B060_1_0.eot");
  src: url("./scss_responsive/elements-tools/webfonts/33B060_1_0.eot?#iefix") format("embedded-opentype"), url("./scss_responsive/elements-tools/webfonts/33B060_1_0.woff2") format("woff2"), url("./scss_responsive/elements-tools/webfonts/33B060_1_0.woff") format("woff"), url("./scss_responsive/elements-tools/webfonts/33B060_1_0.ttf") format("truetype");
}
@font-face {
  font-family: "Zeppelin31";
  src: url("./scss_responsive/elements-tools/webfonts/33B060_2_0.eot");
  src: url("./scss_responsive/elements-tools/webfonts/33B060_2_0.eot?#iefix") format("embedded-opentype"), url("./scss_responsive/elements-tools/webfonts/33B060_2_0.woff2") format("woff2"), url("./scss_responsive/elements-tools/webfonts/33B060_2_0.woff") format("woff"), url("./scss_responsive/elements-tools/webfonts/33B060_2_0.ttf") format("truetype");
}
@font-face {
  font-family: "SackersGothicStd-Heavy";
  src: url("./scss_responsive/elements-tools/webfonts/33B060_3_0.eot");
  src: url("./scss_responsive/elements-tools/webfonts/33B060_3_0.eot?#iefix") format("embedded-opentype"), url("./scss_responsive/elements-tools/webfonts/33B060_3_0.woff2") format("woff2"), url("./scss_responsive/elements-tools/webfonts/33B060_3_0.woff") format("woff"), url("./scss_responsive/elements-tools/webfonts/33B060_3_0.ttf") format("truetype");
}
/*dark blue*/
/*dark brown*/
/*blue*/
/*red*/
/*red*/
/*==============================
   FUNCTIONS
-------------------------------*/
/*---------------------------------BOOSTRAP MODIFICATIONS FOR TABLET AND MOBILE------------------------------------*/
@media (min-width: 1025px) and (max-width: 1443px) {
  .container-fluid {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .row {
    margin-left: -10px;
    margin-right: -10px;
  }

  .container-fluid {
    max-width: 100%;
  }
}
/*=======================================
   RESPONSIVE - GLOBAL
=======================================*/
/*----------------------------Elements & tools import-----------------------------*/
/*==============================
      VARIABLES
-------------------------------*/
/* @import must be at top of file, otherwise CSS will not work */
@font-face {
  font-family: "Zeppelin32";
  src: url("./scss_responsive/elements-tools/webfonts/33B060_0_0.eot");
  src: url("./scss_responsive/elements-tools/webfonts/33B060_0_0.eot?#iefix") format("embedded-opentype"), url("./scss_responsive/elements-tools/webfonts/33B060_0_0.woff2") format("woff2"), url("./scss_responsive/elements-tools/webfonts/33B060_0_0.woff") format("woff"), url("./scss_responsive/elements-tools/webfonts/33B060_0_0.ttf") format("truetype");
}
@font-face {
  font-family: "Zeppelin33";
  src: url("./scss_responsive/elements-tools/webfonts/33B060_1_0.eot");
  src: url("./scss_responsive/elements-tools/webfonts/33B060_1_0.eot?#iefix") format("embedded-opentype"), url("./scss_responsive/elements-tools/webfonts/33B060_1_0.woff2") format("woff2"), url("./scss_responsive/elements-tools/webfonts/33B060_1_0.woff") format("woff"), url("./scss_responsive/elements-tools/webfonts/33B060_1_0.ttf") format("truetype");
}
@font-face {
  font-family: "Zeppelin31";
  src: url("./scss_responsive/elements-tools/webfonts/33B060_2_0.eot");
  src: url("./scss_responsive/elements-tools/webfonts/33B060_2_0.eot?#iefix") format("embedded-opentype"), url("./scss_responsive/elements-tools/webfonts/33B060_2_0.woff2") format("woff2"), url("./scss_responsive/elements-tools/webfonts/33B060_2_0.woff") format("woff"), url("./scss_responsive/elements-tools/webfonts/33B060_2_0.ttf") format("truetype");
}
@font-face {
  font-family: "SackersGothicStd-Heavy";
  src: url("./scss_responsive/elements-tools/webfonts/33B060_3_0.eot");
  src: url("./scss_responsive/elements-tools/webfonts/33B060_3_0.eot?#iefix") format("embedded-opentype"), url("./scss_responsive/elements-tools/webfonts/33B060_3_0.woff2") format("woff2"), url("./scss_responsive/elements-tools/webfonts/33B060_3_0.woff") format("woff"), url("./scss_responsive/elements-tools/webfonts/33B060_3_0.ttf") format("truetype");
}
/*dark blue*/
/*dark brown*/
/*blue*/
/*red*/
/*red*/
/*==============================
   FUNCTIONS
-------------------------------*/
/*==============================
    TITLES
-------------------------------*/
h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  font-size: inherit;
  font-weight: inherit;
}

h1,
h1 a,
.titleLv1 {
  font-size: 34px;
  color: #263645;
  font-family: "SackersGothicStd-Heavy", sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: -1px;
}

h2,
h2 a,
.titleLv2 {
  font-size: 30px;
  color: #263645;
  font-family: "SackersGothicStd-Heavy", sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: -1px;
}

h3,
h3 a,
.titleLv3 {
  font-size: 26px;
  color: #263645;
  font-family: "SackersGothicStd-Heavy", sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: -1px;
}

h4,
h4 a,
.titleLv4 {
  font-size: 24px;
  color: #263645;
  font-family: "Zeppelin33", sans-serif;
  font-weight: 400;
  text-transform: none;
}

h5,
h5 a,
.titleLv5 {
  font-size: 15px;
  color: #263645;
  font-family: "Zeppelin33", sans-serif;
  font-weight: 400;
  text-transform: uppercase;
}

h6,
h6 a,
.titleLv6 {
  font-size: 14px;
  color: #263645;
  font-family: "SackersGothicStd-Heavy", sans-serif;
  font-weight: 400;
  text-transform: none;
}

.titleSpecial1 {
  margin: 0 auto 40px;
  font-size: 38px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: -1px;
}
.titleSpecial1 .it {
  font-style: italic;
  font-size: 30px;
  font-family: "EB Garamond", serif;
  text-transform: none;
  font-weight: normal;
}

.titleSpecial2 {
  line-height: 75px;
  font-size: 30px;
  font-family: "SackersGothicStd-Heavy", sans-serif;
  text-transform: uppercase;
  letter-spacing: -1px;
}
.titleSpecial2 .it {
  font-style: italic;
  font-size: 30px;
  font-family: "EB Garamond", serif;
  text-transform: none;
  font-weight: normal;
}

a {
  color: #8d7955;
  text-decoration: none;
}
a:hover, a:active {
  color: #8d7955;
  text-decoration: none;
}
a.bold {
  font-weight: 700;
}

p a {
  border-bottom: 1px solid #8d7955;
}

.currentText {
  line-height: 23px;
}

.fontSmall {
  font-size: 13px;
  line-height: 20px;
}

.fontXSmall {
  font-size: 12px;
  line-height: 18px;
}

.mainLink {
  font-size: 12px;
  color: #263645;
  font-weight: 400;
  text-decoration: none;
  border-bottom: none;
}
.mainLink:hover, .mainLink:active {
  color: #2934aa;
  text-decoration: none;
}
.mainLink:hover.underlined, .mainLink:active.underlined {
  border-bottom: 1px solid #2934aa;
}
.mainLink.underlined {
  border-bottom: 1px solid #263645;
}
.mainLink.underlined:hover, .mainLink.underlined:active {
  border-bottom: 1px solid #2934aa;
}
.mainLink.largeLink {
  font-size: 15px;
}

.secondaryLink {
  font-size: 12px;
  color: #8d7955;
  font-weight: 400;
  text-decoration: none;
}
.secondaryLink:hover, .secondaryLink:active {
  color: #c7b493;
  text-decoration: none;
}
.secondaryLink.underlined {
  border-bottom: 1px solid #8d7955;
  text-decoration: none;
}
.secondaryLink.underlined:hover, .secondaryLink.underlined:active {
  border-bottom: 1px solid #c7b493;
  text-decoration: none;
}
.secondaryLink.largeLink {
  font-size: 15px;
}

/*---------------------------------RESPONSIVE TITLES AND TEXTS------------------------------------*/
@media (min-width: 768px) and (max-width: 1023px) {
  h1,
h1 a,
.titleLv1 {
    font-size: 30px;
  }

  h2,
h2 a,
.titleLv2 {
    font-size: 26px;
  }

  h3,
h3 a,
.titleLv3 {
    font-size: 24px;
  }

  h4,
h4 a,
.titleLv4 {
    font-size: 20px;
  }

  h5,
h5 a,
.titleLv5 {
    font-size: 18px;
  }

  h6,
h6 a,
.titleLv6 {
    font-size: 15px;
  }

  .titleSpecial1 {
    margin: 0 auto 25px;
    font-size: 30px;
  }
  .titleSpecial1 .it {
    font-size: 24px;
  }
}
@media (max-width: 767px) {
  h1,
h1 a,
.titleLv1 {
    font-size: 25px;
  }

  h2,
h2 a,
.titleLv2 {
    font-size: 22px;
  }

  h3,
h3 a,
.titleLv3 {
    font-size: 19px;
  }

  h4,
h4 a,
.titleLv4 {
    font-size: 19px;
  }

  h5,
h5 a,
.titleLv5 {
    font-size: 17px;
  }

  h6,
h6 a,
.titleLv6 {
    font-size: 14px;
  }

  .titleSpecial1 {
    margin: 0 auto 20px;
    font-size: 20px;
  }
  .titleSpecial1 .it {
    font-size: 18px;
  }
}
/*==============================
    BUTTONS
-------------------------------*/
/*=========================== BUTTONS ===========================*/
.btn, .btn:hover, .btn:focus,
a.btn, a.btn:hover, a.btn:focus {
  border: none;
  /*height: 45px;
  line-height: 40px;*/
  font-family: "Zeppelin33", sans-serif;
  font-weight: 400;
  letter-spacing: 1px;
  font-size: 14px;
  text-decoration: none;
  text-transform: uppercase;
  border-radius: 0;
  position: relative;
  padding: 10px 20px;
}
.btn.medium:hover, .btn:hover.medium:hover, .btn:focus.medium:hover,
a.btn.medium:hover, a.btn:hover.medium:hover, a.btn:focus.medium:hover {
  height: 55px;
  line-height: 52px;
  font-size: 18px;
}
.btn.wide, .btn:hover.wide, .btn:focus.wide,
a.btn.wide, a.btn:hover.wide, a.btn:focus.wide {
  width: 100%;
}

.btnLv1, a.btnLv1 {
  background: #2934aa;
  color: #ffffff;
  border: none;
  text-decoration: none;
}
.btnLv1 a, a.btnLv1 a {
  color: #ffffff;
  text-decoration: none;
}
.btnLv1:hover, a.btnLv1:hover {
  background: #263645;
  color: #ffffff;
  border: none;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
  text-decoration: none;
}
.btnLv1:hover a, a.btnLv1:hover a {
  color: #263645;
}
.btnLv1:focus, .btnLv1:active, a.btnLv1:focus, a.btnLv1:active {
  background: #263645;
  color: #ffffff;
  border: none;
}
.btnLv2, .btnLv2:visited, .btnLv2:active, a.btnLv2 {
  background: #8d7955;
  border: none;
  color: #ffffff;
  text-decoration: none;
}
.btnLv2:hover, .btnLv2:visited:hover, .btnLv2:active:hover, a.btnLv2:hover {
  background: #c7b493;
  color: #ffffff;
  border: none;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
  text-decoration: none;
}
.btnLv2:focus, .btnLv2:active, .btnLv2:visited:focus, .btnLv2:visited:active, .btnLv2:active:focus, .btnLv2:active:active, a.btnLv2:focus, a.btnLv2:active {
  background: #c7b493;
  color: #ffffff;
  border: none;
}

.btnLv3, a.btnLv3 {
  background: transparent;
  color: #8d7955;
  border: 1px solid #8d7955;
}
.btnLv3:hover, a.btnLv3:hover {
  background: transparent;
  color: #c7b493;
  border: 1px solid #c7b493;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
.btnLv3:focus, .btnLv3:active, a.btnLv3:focus, a.btnLv3:active {
  background: transparent;
  color: #c7b493;
  border: 1px solid #c7b493;
}

.btnLv4, a.btnLv4 {
  background: #ffffff;
  color: #263645;
  border: 2px solid #ffffff;
}
.btnLv4:hover, a.btnLv4:hover {
  background: #263645;
  color: #ffffff;
  border: 2px solid #ffffff;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
.btnLv4:focus, a.btnLv4:focus {
  background: #263645;
  color: #ffffff;
  border: 2px solid #ffffff;
}

.btnLv5, a.btnLv5 {
  background: transparent;
  color: #2934aa;
  border: 2px solid #2934aa;
}
.btnLv5:hover, a.btnLv5:hover {
  background: #2934aa;
  color: #ffffff;
  border: 2px solid #2934aa;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
.btnLv5:focus, a.btnLv5:focus {
  background: #2934aa;
  color: #ffffff;
  border: 2px solid #2934aa;
}

.btnLv6, a.btnLv6 {
  border: 2px solid #f8fafb;
  background: #f8fafb;
  color: #9ea6ae;
}
.btnLv6:hover, .btnLv6:focus, .btnLv6:active, a.btnLv6:hover, a.btnLv6:focus, a.btnLv6:active {
  border: 2px solid #f8fafb;
  background: #f8fafb;
  color: #9ea6ae;
  box-shadow: none;
  opacity: 0.6;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}

.btnLv7, a.btnLv7 {
  padding: 8px 20px 15px;
  font-family: "SackersGothicStd-Heavy", sans-serif;
  font-size: 50px;
  text-transform: lowercase;
  letter-spacing: -1px;
  color: #ffffff;
  background: transparent;
  border: 2px solid #ffffff;
}
.btnLv7:hover, .btnLv7:focus, a.btnLv7:hover, a.btnLv7:focus {
  padding: 8px 20px 15px;
  font-family: "SackersGothicStd-Heavy", sans-serif;
  font-size: 50px;
  text-transform: lowercase;
  letter-spacing: -1px;
  color: #263645;
  background: #ffffff;
  border: 2px solid #ffffff;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}

.disabled {
  background: #f8fafb;
  color: #9ea6ae;
  border: none;
}
.disabled:hover {
  background: #f8fafb;
  color: #9ea6ae;
  border: none;
  cursor: default;
}

.btnAddToCart,
.btnAddToCart a,
.btnLv1.btnAddToCart,
.btnLv1.btnAddToCart a,
.addToCart,
.addToCart a,
.btnLv1.addToCart,
.btnLv1.addToCart a {
  padding-right: 40px;
  background: #2934aa url("./images/icons/whiteCart.svg") no-repeat 95% center;
}
.btnAddToCart.inProgress,
.btnAddToCart a.inProgress,
.btnLv1.btnAddToCart.inProgress,
.btnLv1.btnAddToCart a.inProgress,
.addToCart.inProgress,
.addToCart a.inProgress,
.btnLv1.addToCart.inProgress,
.btnLv1.addToCart a.inProgress {
  padding-right: 40px;
  background: #2934aa url("./images/icons/ring.svg") no-repeat 95% center;
}
.btnAddToCart.checked,
.btnAddToCart a.checked,
.btnLv1.btnAddToCart.checked,
.btnLv1.btnAddToCart a.checked,
.addToCart.checked,
.addToCart a.checked,
.btnLv1.addToCart.checked,
.btnLv1.addToCart a.checked {
  padding-right: 40px;
  background: #2934aa url("./images/icons/check-btn-addcart.svg") no-repeat 95% center;
}
.btnAddToCart:disabled,
.btnAddToCart a:disabled,
.btnLv1.btnAddToCart:disabled,
.btnLv1.btnAddToCart a:disabled,
.addToCart:disabled,
.addToCart a:disabled,
.btnLv1.addToCart:disabled,
.btnLv1.addToCart a:disabled {
  padding-right: 40px;
  background: #2934aa url("./images/icons/whiteCart.svg") no-repeat 95% center;
  opacity: 0.5;
}
.btnAddToCart:hover,
.btnAddToCart a:hover,
.btnLv1.btnAddToCart:hover,
.btnLv1.btnAddToCart a:hover,
.addToCart:hover,
.addToCart a:hover,
.btnLv1.addToCart:hover,
.btnLv1.addToCart a:hover {
  padding-right: 40px;
  background: #2934aa url("./images/icons/whiteCart.svg") no-repeat 95% center;
}
.btnAddToCart:hover.checked,
.btnAddToCart a:hover.checked,
.btnLv1.btnAddToCart:hover.checked,
.btnLv1.btnAddToCart a:hover.checked,
.addToCart:hover.checked,
.addToCart a:hover.checked,
.btnLv1.addToCart:hover.checked,
.btnLv1.addToCart a:hover.checked {
  padding-right: 40px;
}

.btn.download {
  padding-top: 6px;
  padding-bottom: 6px;
  min-height: 42px;
  text-align: center;
}
.btn.download:focus, .btn.download:hover, .btn.download:active {
  padding-top: 6px;
  padding-bottom: 6px;
}
.btn.download .btnText,
.btn.download .btnIcon {
  vertical-align: middle;
}
.btn.download .btnText {
  display: inline-block;
  padding-top: 0;
  line-height: 30px;
}
.btn.download .btnIcon {
  display: inline-block;
  position: relative;
  top: -2px;
  width: 20px;
  height: 20px;
  background: url("./images/icons/download.svg") no-repeat center center;
  -webkit-background-size: 100%;
  background-size: 100%;
}
.btn.download .btnText + .btnIcon {
  margin-left: 7px;
}

.blockStyleguide .btn {
  margin-bottom: 20px;
}

.wrapButton {
  margin-bottom: 20px;
}

/*---------------------------------RESPONSIVE BUTTONS------------------------------------*/
@media (min-width: 768px) and (max-width: 1023px) {
  .btn, .btn:hover, .btn:focus,
a.btn, a.btn:hover, a.btn:focus {
    font-size: 15px;
    padding: 11px 20px;
  }

  .btnLv7, a.btnLv7 {
    padding: 6px 15px 8px;
    font-size: 23px;
  }
  .btnLv7:hover, .btnLv7:focus, a.btnLv7:hover, a.btnLv7:focus {
    padding: 6px 15px 8px;
    font-size: 23px;
  }
}
@media (max-width: 767px) {
  .btn, .btn:hover, .btn:focus,
a.btn, a.btn:hover, a.btn:focus {
    font-size: 15px;
    padding: 11px 20px;
  }

  .btnLv7, a.btnLv7 {
    padding: 6px 15px 8px;
    font-size: 23px;
  }
  .btnLv7:hover, .btnLv7:focus, a.btnLv7:hover, a.btnLv7:focus {
    padding: 6px 15px 8px;
    font-size: 23px;
  }
}
/*==============================
    FORMS
-------------------------------*/
select::-ms-expand {
  display: none;
}

input, textarea {
  outline: none;
  border: 1px solid transparent;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button,
input[type=date]::-webkit-inner-spin-button,
input[type=date]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number],
input[type=date] {
  -moz-appearance: textfield;
}

input:-webkit-autofill {
  -webkit-box-shadow: inset 0 0 0 9999px white !important;
  background-color: #ffffff !important;
}

.progress {
  margin-bottom: 0;
  box-shadow: none;
}

.wrapFloatLabel {
  position: relative;
  margin-bottom: 30px;
  height: 40px;
}
.wrapFloatLabel label.floatLabel {
  position: absolute;
  left: 1px;
  top: 50%;
  transform: translateY(-50%);
  width: 87%;
  text-align: left;
  height: 36px;
  line-height: 36px;
  color: #263645;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 0;
  cursor: text;
  background-color: #ffffff;
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  -o-transition: all 0.25s;
  -ms-transition: all 0.25s;
  transition: all 0.25s;
}
.wrapFloatLabel label.floatLabel span {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  width: 100%;
  margin-left: 10px;
  padding: 2px;
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  -o-transition: all 0.25s;
  -ms-transition: all 0.25s;
  transition: all 0.25s;
}
.wrapFloatLabel input.floatLabelInput {
  color: #263645;
}
.wrapFloatLabel input.floatLabelInput:focus + label.floatLabel, .wrapFloatLabel input.floatLabelInput:active + label.floatLabel {
  background-color: transparent;
}
.wrapFloatLabel input.floatLabelInput:focus + label.floatLabel span, .wrapFloatLabel input.floatLabelInput:active + label.floatLabel span {
  transform: translate(0px, -34px);
  font-weight: 700;
  color: #263645;
}

input[type=text],
input[type=password],
input[type=number],
input[type=search],
input[type=date],
input[type=tel],
input[type=email] {
  height: 40px;
  line-height: 40px;
}
input[type=text].smaller,
input[type=password].smaller,
input[type=number].smaller,
input[type=search].smaller,
input[type=date].smaller,
input[type=tel].smaller,
input[type=email].smaller {
  height: 30px;
  line-height: 30px;
}

textarea {
  min-height: 100px;
  resize: vertical;
}

input[type=text],
input[type=password],
input[type=number],
input[type=search],
input[type=date],
input[type=tel],
input[type=email],
textarea {
  background-color: white;
  border: 1px solid #e7ecf1;
  border-radius: 0;
  padding: 0 15px;
  width: 100%;
  font-size: 14px;
  color: #263645;
  outline: none;
  /* WebKit, Blink, Edge */
  /* Mozilla Firefox 4 to 18 */
  /* Mozilla Firefox 19+ */
  /* Internet Explorer 10-11 */
  -webkit-box-shadow: 0px 0px 0px 0px transparent;
  -moz-box-shadow: 0px 0px 0px 0px transparent;
  -o-box-shadow: 0px 0px 0px 0px transparent;
  box-shadow: 0px 0px 0px 0px transparent;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
}
input[type=text]::-webkit-input-placeholder,
input[type=password]::-webkit-input-placeholder,
input[type=number]::-webkit-input-placeholder,
input[type=search]::-webkit-input-placeholder,
input[type=date]::-webkit-input-placeholder,
input[type=tel]::-webkit-input-placeholder,
input[type=email]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #9ea6ae;
}
input[type=text]:-moz-placeholder,
input[type=password]:-moz-placeholder,
input[type=number]:-moz-placeholder,
input[type=search]:-moz-placeholder,
input[type=date]:-moz-placeholder,
input[type=tel]:-moz-placeholder,
input[type=email]:-moz-placeholder,
textarea:-moz-placeholder {
  color: #9ea6ae;
  opacity: 1;
}
input[type=text]::-moz-placeholder,
input[type=password]::-moz-placeholder,
input[type=number]::-moz-placeholder,
input[type=search]::-moz-placeholder,
input[type=date]::-moz-placeholder,
input[type=tel]::-moz-placeholder,
input[type=email]::-moz-placeholder,
textarea::-moz-placeholder {
  color: #9ea6ae;
  opacity: 1;
}
input[type=text]:-ms-input-placeholder,
input[type=password]:-ms-input-placeholder,
input[type=number]:-ms-input-placeholder,
input[type=search]:-ms-input-placeholder,
input[type=date]:-ms-input-placeholder,
input[type=tel]:-ms-input-placeholder,
input[type=email]:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #9ea6ae;
}
input[type=text]:hover, input[type=text]:focus, input[type=text]:active,
input[type=password]:hover,
input[type=password]:focus,
input[type=password]:active,
input[type=number]:hover,
input[type=number]:focus,
input[type=number]:active,
input[type=search]:hover,
input[type=search]:focus,
input[type=search]:active,
input[type=date]:hover,
input[type=date]:focus,
input[type=date]:active,
input[type=tel]:hover,
input[type=tel]:focus,
input[type=tel]:active,
input[type=email]:hover,
input[type=email]:focus,
input[type=email]:active,
textarea:hover,
textarea:focus,
textarea:active {
  border: 1px solid #9ea6ae;
}

.checkbox {
  padding-right: 20px;
  margin-bottom: 15px;
  cursor: pointer;
  font-size: 14px;
  font-weight: normal;
  display: inline-block;
  color: #263645;
}
.checkbox input[type=checkbox] {
  display: none;
}
.checkbox .spanCheckbox {
  display: inline-block;
  float: left;
  width: 12px;
  height: 12px;
  margin-right: 7px;
  margin-top: 3px;
  background-color: #ffffff;
  border: 1px solid #263645;
  border-radius: 0;
  position: relative;
}
.checkbox input:checked ~ .spanCheckbox span {
  background: #2934aa;
  position: absolute;
  left: 0;
  top: 0;
  width: 10px;
  height: 10px;
}
.checkbox:hover {
  color: #2934aa;
}
.checkbox:hover .spanCheckbox {
  border: 1px solid #263645;
}
.checkbox.big {
  padding-left: 30px;
}
.checkbox.big .spanCheckbox {
  position: absolute;
  left: 0;
  width: 15px;
  height: 15px;
  margin-top: 2px;
}
.checkbox.big input:checked ~ .spanCheckbox span {
  width: 100%;
  height: 100%;
}
.checkbox.big .text {
  font-size: 15px;
}

.radio {
  padding-right: 20px;
  margin-bottom: 0;
  margin-top: 0;
  cursor: pointer;
  font-size: 12px;
  color: #263645;
  font-weight: normal;
  display: inline-block;
  text-align: left;
  top: 10px;
}
.radio input[type=radio] {
  display: none;
}
.radio .spanRadio {
  display: inline-block;
  float: left;
  width: 12px;
  height: 12px;
  margin-right: 7px;
  margin-top: 3px;
  background-color: #ffffff;
  border: 1px solid #263645;
  border-radius: 10px;
  position: relative;
}
.radio input:checked ~ .spanRadio > span {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 7px;
  height: 7px;
  background-color: #263645;
  display: inline-block;
  border-radius: 10px;
}
.radio .text {
  font-size: 14px;
  position: relative;
  top: -10px;
}
.radio.big {
  display: block;
  padding-right: 0;
  padding-left: 30px;
  top: 0;
}
.radio.big .spanRadio {
  position: absolute;
  left: 0;
  width: 20px;
  height: 20px;
  margin-top: 0;
  border-color: #9ea6ae;
}
.radio.big input:checked ~ .spanRadio > span {
  width: 10px;
  height: 10px;
  background: #2934aa;
}
.radio.big .text {
  top: 0;
  font-size: 18px;
}

.fake-checked-radio {
  position: relative;
  padding-left: 30px;
  margin-bottom: 10px;
  font-family: "Zeppelin33", sans-serif;
  font-size: 15px;
  color: #8d7955;
}
.fake-checked-radio .fake-input {
  display: inline-block;
  position: absolute;
  top: -3px;
  left: 0;
  width: 26px;
  height: 26px;
  background: #ffffff;
  border-radius: 100%;
  border: 1px solid #f8fafb;
}
.fake-checked-radio .svg {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 16px;
  height: 16px;
  margin-top: -8px;
  margin-left: -8px;
  fill: #8d7955;
}
.fake-checked-radio rect {
  fill: #8d7955;
}

.wrapInputfile {
  position: relative;
  height: 40px;
  width: 100%;
}
.wrapInputfile:hover {
  cursor: pointer;
}
.wrapInputfile .file {
  position: absolute;
  left: 0;
  top: 4px;
  z-index: 2;
  width: 140px;
  height: 30px;
  opacity: 0;
}
.wrapInputfile .file:hover {
  cursor: pointer;
}
.wrapInputfile .customInputFile {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.wrapInputfile .customInputFile input {
  padding: 0 10px;
  margin-right: 0;
  float: left;
  color: #000000;
  cursor: pointer;
  width: 60%;
}
.wrapInputfile .customInputFile button {
  border: none;
  height: 40px;
  width: 40%;
  background-color: #263645;
  color: #ffffff;
  font-weight: 500;
  font-size: 14px;
  float: left;
  cursor: pointer;
  padding: 0 10px;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
  /*i {
    margin-right: 10px;
  }*/
}
.wrapInputfile .customInputFile button:hover {
  background-color: #2934aa;
}
.wrapInputfile .customInputFile span {
  font-style: italic;
  font-size: 13px;
  float: left;
  position: relative;
  top: 5px;
}

.bootstrap-select {
  outline: none;
}
.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
  width: 100%;
}
.bootstrap-select li {
  display: block !important;
}
.bootstrap-select li a {
  border-bottom: none;
}
.bootstrap-select button.btn.btn-default {
  outline: none;
  border-radius: 0;
  width: 100%;
  height: 40px;
  line-height: 1;
  border: 1px solid #e7ecf1;
  background-color: #ffffff;
  color: #263645;
  padding: 0 0 0 15px;
  text-transform: none;
  margin-bottom: 0;
  box-shadow: none;
}
.bootstrap-select .caret {
  border: none;
  background: url("./images/icons/simpleArrow.svg") center center no-repeat;
  display: inline-block;
  width: 40px;
  height: 40px;
  position: absolute !important;
  top: 1px !important;
  right: -1px !important;
}
.bootstrap-select.open {
  outline: none !important;
}
.bootstrap-select.open button.btn {
  border-top: 1px solid #9ea6ae !important;
  border-left: 1px solid #9ea6ae !important;
  border-right: 1px solid #9ea6ae !important;
  border-bottom: 0;
  background-color: #ffffff !important;
  box-shadow: none;
  outline: none !important;
}
.bootstrap-select.open button.btn.btn-default:hover {
  color: #263645;
}
.bootstrap-select.open .dropdown-menu.open {
  border-bottom: 1px solid #9ea6ae !important;
  border-left: 1px solid #9ea6ae !important;
  border-right: 1px solid #9ea6ae !important;
  border-radius: 0;
  margin: 0;
  box-shadow: none;
}
.bootstrap-select.open .caret {
  transform: rotate(180deg);
}
.bootstrap-select.btn-group .dropdown-toggle .filter-option {
  width: 93%;
}

.progress {
  height: 20px;
  background-color: #f8fafb;
  border-radius: 0;
}
.progress .progress-bar {
  background-color: #263645;
  color: #ffffff;
}

.form-control::placeholder {
  color: #888888 !important;
}

.form-control:focus {
  border-color: #888888 !important;
}

.required-text {
  text-align: right;
  font-size: 11px;
}

.text-muted {
  margin-top: 3px;
  font-size: 12px;
}

/*==============================
    ELEMENTS
-------------------------------*/
.simplebar {
  overflow-y: scroll;
}

.simplebar.horizontal {
  overflow-x: scroll;
  overflow-y: hidden;
}

.simplebar-track {
  z-index: 50;
  width: 5px;
  background: #f8fafb;
}

.simplebar-track .simplebar-scrollbar {
  background: #263645;
  border-radius: 2px;
  left: 0;
  right: 0;
  width: auto;
  /*width: 5px;*/
  opacity: 1;
}

.simplebar-scroll-content {
  overflow-y: auto;
  /*padding-right: 15px;
  box-sizing: border-box;*/
}

.customScroll {
  max-height: 100px;
  height: auto;
}

.customScroll.styleguide {
  height: 100px;
}

.ui-slider.ui-widget-content {
  border: none;
  background: #e7ecf1;
}
.ui-slider.ui-widget-content.ui-slider-horizontal {
  height: 5px;
}
.ui-slider.ui-widget-content .ui-slider-range.ui-widget-header {
  background: #9ea6ae;
}
.ui-slider.ui-widget-content .ui-slider-handle.ui-state-default.ui-corner-all {
  border: none;
  background: #2934aa;
  border-radius: 10px;
  width: 15px;
  height: 15px;
}

/*Bootstrap panel*/
.panel {
  border: none;
  box-shadow: none;
  background: transparent;
}

.panel-body {
  padding: 0 20px 20px;
}

.panel-group {
  margin-bottom: 10px;
}

.panel-heading {
  border: none;
  padding: 13px 15px;
}

.panel-default > .panel-heading {
  color: #263645;
  background-color: transparent;
}

.panel-group .panel + .panel {
  margin: 0;
}

.panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group {
  border: none;
}

.tableGlobal {
  border-bottom: 1px solid #9ea6ae;
  margin-bottom: 20px;
}
.tableGlobal .tableHeader {
  border-bottom: 1px solid #9ea6ae;
  padding-bottom: 15px;
  margin-top: 30px;
  font-size: 14px;
  text-transform: uppercase;
}
.tableGlobal .tableHeader span {
  text-align: center;
  display: inline-block;
}
.tableGlobal .tableHeader span.col1 {
  text-align: left;
  display: block;
}
.tableGlobal .oneRowTable {
  padding: 20px 0;
  text-align: center;
}
.tableGlobal .oneRowTable + .oneRowTable {
  border-top: 1px solid #e7ecf1;
}
.tableGlobal .oneRowTable .priceTTC .price {
  font-size: 15px;
}
.tableGlobal .oneRowTable .wrapQty {
  border: 1px solid #cbd0d4;
  display: inline-block;
}
.tableGlobal .oneRowTable .wrapQty input {
  border: none;
  width: 50px;
  height: 30px;
  float: left;
  text-align: center;
}
.tableGlobal .oneRowTable .wrapQty > span {
  float: left;
  width: 30px;
  height: 30px;
  display: inline-block;
  cursor: pointer;
  position: relative;
}
.tableGlobal .oneRowTable .wrapQty > span span {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 16px;
}
.tableGlobal .oneRowTable .wrapQty > span.qtePlus {
  border-left: 1px solid #9ea6ae;
}
.tableGlobal .oneRowTable .wrapQty > span.qteMinus {
  border-right: 1px solid #9ea6ae;
}
.tableGlobal .oneRowTable .del {
  background-color: #f8fafb;
  width: 20px;
  height: 20px;
  display: inline-block;
  border-radius: 100%;
  position: relative;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
}
.tableGlobal .oneRowTable .del span {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: #a1a9b1;
}
.tableGlobal .oneRowTable .del:focus, .tableGlobal .oneRowTable .del:hover, .tableGlobal .oneRowTable .del:active {
  background-color: #e7ecf1;
}
.tableGlobal .oneRowTable .visuel {
  margin-right: 10px;
  text-align: left;
}
.tableGlobal .oneRowTable .name {
  text-align: left;
}

.overhang {
  position: fixed;
  z-index: 301;
  left: 0;
  right: 0;
  top: 44px;
  margin-top: 0;
  margin-bottom: 0;
  border: 0 !important;
  text-align: center;
  background-color: transparent !important;
  color: #ffffff;
}

.overhang-message-inner {
  position: relative;
  padding: 10px;
}
.overhang-message-inner .wrapOverhangMessageIcon {
  display: inline-block;
  position: relative;
  margin-right: 5px;
  width: 20px;
  height: 20px;
  vertical-align: top;
}
.overhang-message-inner .wrapOverhangMessageIcon .svg {
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  width: inherit;
  height: inherit;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.overhang-message-inner .wrapOverhangMessageIcon .svg g, .overhang-message-inner .wrapOverhangMessageIcon .svg path, .overhang-message-inner .wrapOverhangMessageIcon .svg polygon, .overhang-message-inner .wrapOverhangMessageIcon .svg rect {
  fill: #ffffff;
}
.overhang-message-inner .wrapOverhangMessageText {
  display: inline-block;
  padding-top: 1px;
  vertical-align: top;
}

.overhang-message-inner-success {
  background-color: #98c94a;
}
.overhang-message-inner-success .wrapOverhangMessageIcon .svg {
  width: 18px;
  height: 18px;
}

.overhang-message-inner-error {
  background-color: #de3333;
}

.overhang-message-inner-info {
  background-color: #2934aa;
}

/*
.col1 {
      width: 470px;
      display: table-cell;
      vertical-align: middle;
      .imgProduct {
        float: left;
        margin-right: 15px;
      }
      .wrapInfos {
        top: 30px;
        position: relative;
        .nameProduct {
          color: $maincolor;
          font-size: 16px;
          font-family: $ff;
          display: block;
        }
        .ref {
          font-size: 14px;
          //font-family: $ff2;
          color: #000000;
          display: block;
        }
      }
    }
    .col2 {
      width: 130px;
      text-align: center;
      display: table-cell;
      vertical-align: middle;
      font-family: $ff;
      &.wrapDispo {
        font-size: 14px;
      }
    }
    .col3 {
      width: 200px;
      text-align: right;
      display: table-cell;
      vertical-align: middle;
    }
    .col4 {
      width: 170px;
      text-align: center;
      display: table-cell;
      vertical-align: middle;
      .blocQty {
        width: 110px;
        height: 50px;
        display: inline-block;
        border: 1px solid $maincolor;
        input {
          border: none;
          height: 48px;
          border-right: 1px solid $maincolor;
          width: 74px;
          color: $maincolor;
          font-size: 14px;
          float: left;
          text-align: center;
        }
        .qtyActions {
          float: right;
        }
        a {
          width: 34px;
          height: 24px;
          display: block;
          @include transition(all 0.5s);
          font-size: 30px;
          font-family: $ff;
          position: relative;
          span {
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%,-50%);
          }
          &:focus, &:hover, &:active {
            color: $maincolor;
          }
        }
      }
    }
    .col5 {
      width: 100px;
      text-align: center;
      display: table-cell;
      vertical-align: middle;
    }
    .col6 {
      width: 90px;
      text-align: center;
      display: table-cell;
      vertical-align: middle;
      &.wrapDel {
        a{
          display: inline-block;
          width: 30px;
          height: 30px;
          border: 1px solid $maincolor;
          position: relative;
          border-radius: 50%;
          @include transition(all 0.5s);
          span {
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            color: $maincolor;
            font-size: 30px;
            font-family: $ff2;
            @include transition(all 0.5s);
          }
          &:focus, &:hover, &:active {
            border-color: $secondarycolor;
            span {
              color: $secondarycolor;
            }
          }
        }
      }
    }

*/
/*=======================================
    RESPONSIVE - ELEMENTS - POPUP
=======================================*/
#popup {
  width: 100% !important;
  left: 0 !important;
}
#popup .popupType {
  position: relative;
  background: #FFFFFF;
  padding: 40px;
  /*-webkit-box-shadow: 0px 0px 30px 0px rgba(144,139,139,0.9);
  -moz-box-shadow: 0px 0px 30px 0px rgba(144,139,139,0.9);
  box-shadow: 0px 0px 30px 0px rgba(144,139,139,0.9);*/
  border: 1px solid #e7ecf1;
}
#popup .popupType .iconClosePopup {
  display: inline-block;
  background: url("./images/icons/close.svg") no-repeat center center;
  background-size: 25px 25px;
  width: 25px;
  height: 25px;
  position: absolute;
  top: 20px;
  right: 20px;
}
#popup .popupType .popupNav {
  margin: 10px 0;
}
#popup .popupType .form-group input, #popup .popupType .form-group textarea {
  width: 100%;
  margin: 5px 0;
}
#popup .popupType .form-group textarea {
  min-height: 100px;
}

#popup_ajout_panier {
  margin-top: 10%;
}

#popup_newsHome {
  margin-top: 10%;
}
#popup_newsHome h1 {
  margin-bottom: 5px;
}
#popup_newsHome .form {
  text-align: center;
  margin: 30px 0;
}
#popup_newsHome .form form {
  width: 60%;
  display: inline-block;
}
#popup_newsHome .form form input[type=text] {
  float: left;
  width: 60%;
}
#popup_newsHome .form form input[type=submit] {
  float: left;
  width: 40%;
}

#popupErrorPanier.popupType {
  padding-top: 60px;
  margin-top: 35%;
}
#popupErrorPanier.popupType > span {
  color: #de3333;
  padding: 10px;
  background: #fff5f5;
  border: 1px solid #de3333;
  text-align: center;
  margin: 20px 0;
  display: block;
}

#popup .popupProdOffert .titleLv2 {
  margin-bottom: 30px;
}
#popup .popupProdOffert .iconClosePopup {
  text-align: right;
  background: none;
}
#popup .popupProdOffert .iconClosePopup .svg {
  display: inline-block;
  width: inherit;
  height: inherit;
  vertical-align: top;
}
#popup .popupProdOffert .popupProdOffertList {
  padding-top: 20px;
  padding-bottom: 20px;
  border-top: 1px solid #9ea6ae;
  border-bottom: 1px solid #9ea6ae;
}
#popup .popupProdOffert .popupProdOffertItem {
  text-align: left;
}
#popup .popupProdOffert .popupProdOffertItem .pop-up--visuel__name {
  margin-bottom: 2px;
  font-family: "Zeppelin33", sans-serif;
}
#popup .popupProdOffert .popupProdOffertItem .pop-up--visuel__ref,
#popup .popupProdOffert .popupProdOffertItem .pop-up--visuel__qte {
  font-size: 12px;
}
#popup .popupProdOffert .popupProdOffertItem .infoOffert {
  font-size: 13px;
}
#popup .popupProdOffert .popupProdOffertItem + .popupProdOffertItem {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #e7ecf1;
}

.modal .updateTitle {
  display: none;
}

.modal-content {
  border: 0;
  border-radius: 0;
  box-shadow: 0 0 50px rgba(0, 0, 0, 0.1);
}

.modal-header .close {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 44px;
  width: 44px;
  font-size: 40px;
  font-weight: 300;
  background: white;
  border-radius: 100%;
  opacity: 1;
  transition: 0.3s;
  color: #263645;
}
.modal-header .close:hover, .modal-header .close:focus, .modal-header .close:active {
  opacity: 0.5;
}
.modal-header .closeIcon {
  display: inline-block;
  position: relative;
  width: 26px;
  height: 26px;
}
.modal-header .closeIcon:before, .modal-header .closeIcon:after {
  position: absolute;
  left: 12px;
  content: " ";
  height: 100%;
  width: 2px;
  background-color: #263645;
}
.modal-header .closeIcon:before {
  transform: rotate(45deg);
}
.modal-header .closeIcon:after {
  transform: rotate(-45deg);
}

.btn-modal {
  display: flex;
  justify-content: space-between;
}

.modal-backdrop {
  background: #ffffff;
}
.modal-backdrop.in {
  opacity: 0.85;
}

#modalSoCol .modal-dialog {
  width: 95%;
  max-width: 800px;
}
#modalSoCol .group-input {
  display: flex;
  margin-bottom: 20px;
}
#modalSoCol .group-input input {
  margin-right: 10px;
}
#modalSoCol .group-input .btn {
  flex-shrink: 0;
}
#modalSoCol .liste_point_relai {
  position: relative;
  padding: 20px 0;
}
#modalSoCol .liste_point_relai + .liste_point_relai {
  border-top: 1px solid #e7ecf1;
}
#modalSoCol .liste_horaire_pop {
  display: none;
  position: absolute;
  top: 49px;
  right: 0;
  z-index: 99999999;
  background: #8d7955;
  border: #000;
  padding: 15px;
  color: #fff;
  cursor: pointer;
}
#modalSoCol .simplebar-content {
  padding-right: 15px;
}
#modalSoCol .infos {
  font-size: 15px;
}
#modalSoCol .infos + .infos  {
  margin-top: 10px;
}
#modalSoCol .results {
  height: 45px;
  font-family: "Zeppelin33", sans-serif;
  line-height: 1.2;
  color: #8d7955;
}
#modalSoCol .list-addresses {
  height: 455px;
}

#storelocatoremap {
  height: 500px;
}

/*======================== MEDIAQUERY RESPONSIVE - ELEMENTS - POPUP =============================*/
@media (min-width: 1024px) {
  #modalSoCol .col-md-4 {
    padding-right: 0;
  }
}
@media (max-width: 1024px) {
  .btn-modal .btn {
    width: auto;
  }

  #modalSoCol .btn__colissimo {
    width: auto;
    padding: 0 10px;
  }
  #modalSoCol .list-addresses {
    height: calc(100vh - 330px);
  }

  .wrapPopupRelais .infoResult {
    display: flex;
  }
  .wrapPopupRelais .infoResult svg {
    width: 20px;
    height: 20px;
    fill: #8d7955;
  }
  .wrapPopupRelais .infoResult .active svg {
    fill: #000000;
  }
  .wrapPopupRelais .infoResult a {
    flex-shrink: 0;
    margin-right: 10px;
  }
  .wrapPopupRelais .infoResult .results {
    margin-left: 20px;
  }

  #mapRelai {
    display: none;
    height: calc(100vh - 330px);
    padding-top: 10px;
  }

  #storelocatoremap {
    height: 100%;
  }
}
@media (max-width: 767px) {
  #popup .popupProdOffert {
    margin-right: 20px;
    margin-left: 20px;
    padding: 20px;
    width: auto;
  }
  #popup .popupProdOffert .titleLv2 {
    margin-top: -2px;
    margin-bottom: 15px;
    padding-right: 30px;
    font-size: 18px;
  }
  #popup .popupProdOffert .iconClosePopup {
    width: 15px;
    height: 15px;
  }
  #popup .popupProdOffert .popupProdOffertList {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  #popup .popupProdOffert .popupProdOffertItem {
    position: relative;
    padding-left: 60px;
    min-height: 50px;
  }
  #popup .popupProdOffert .popupProdOffertItem .row {
    margin-right: 0;
    margin-left: 0;
  }
  #popup .popupProdOffert .popupProdOffertItem [class*=col-] {
    float: none;
    padding-right: 0;
    padding-left: 0;
    width: auto;
  }
  #popup .popupProdOffert .popupProdOffertItem .leftimg {
    position: absolute;
    left: 0;
    top: 0;
    width: 50px;
  }
  #popup .popupProdOffert .popupProdOffertItem .col-xs-4 {
    min-height: 50px;
  }
  #popup .popupProdOffert .popupProdOffertItem .infoOffert {
    margin-top: 2px;
    margin-left: -60px;
  }
  #popup .popupProdOffert .popupProdOffertItem + .popupProdOffertItem {
    margin-top: 10px;
    padding-top: 10px;
    min-height: 60px;
  }
  #popup .popupProdOffert .popupProdOffertItem + .popupProdOffertItem .leftimg {
    top: 10px;
  }

  .modal-header .close {
    width: 30px;
    height: 30px;
  }
  .modal-header .closeIcon {
    width: 22px;
    height: 22px;
  }
  .modal-header .closeIcon:before, .modal-header .closeIcon:after {
    left: 10px;
  }

  .btn-modal {
    flex-wrap: wrap;
  }
  .btn-modal .btn {
    width: 100%;
  }
  .btn-modal .btnLv3 {
    order: 2;
    margin-top: 15px;
  }

  #modalSoCol .modal-title {
    line-height: 1;
  }
  #modalSoCol .list-addresses {
    height: calc(100vh - 270px);
  }
  #modalSoCol .results {
    height: 30px;
    font-size: 12px;
  }

  #mapRelai {
    height: calc(100vh - 270px);
  }
}
@media (max-width: 358px) {
  #modalSoCol .list-addresses {
    height: calc(100vh - 290px);
  }

  #mapRelai {
    height: calc(100vh - 290px);
  }
}
/*==============================
    GLOBAL
-------------------------------*/
/*=========================== GLOBAL ===========================*/
body {
  position: relative;
  font-family: "Zeppelin31", sans-serif;
  font-size: 15px;
  letter-spacing: 0.5px;
  color: #263645;
  overflow-x: hidden;
}
body.noScroll {
  height: 100%;
  overflow: hidden;
  z-index: -1;
}

.bodyOverflowHidden {
  position: fixed;
  overflow: hidden;
  width: 100%;
  height: 100%;
}

.container-fluid {
  max-width: 1440px;
}

* {
  outline: 0;
}

:focus {
  outline-color: transparent !important;
}

.letterSpacingStd,
.letterSpacingStd a {
  letter-spacing: 0.5px;
}

.hidden {
  display: none;
}

.left {
  float: left;
}

.right {
  float: right;
}

.no-float {
  float: none;
}

.center {
  text-align: center;
}

.bold {
  font-weight: 700;
}

.italic {
  font-style: italic;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.uppercase {
  text-transform: uppercase;
}

.underline {
  text-decoration: underline;
}

.noPaddingSides {
  padding-left: 0;
  padding-right: 0;
}

.noWidth {
  width: 100%;
  max-width: 100%;
}

.img-responsive {
  height: auto;
}

.clear {
  clear: both;
}

ul li {
  list-style: none;
}

ul, ol {
  margin: 0;
  padding: 0;
  -webkit-margin-before: 0em;
  -webkit-margin-after: 0em;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
  -webkit-padding-start: 0px;
}

img, img:hover {
  border: none;
}

h1, h2, h3, h4, h5, h6 {
  line-height: normal;
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
  -webkit-margin-start: 0;
  -webkit-margin-end: 0;
  margin: 0;
  padding: 0;
}

p {
  margin: 0;
  -webkit-margin-before: 0em;
  -webkit-margin-after: 0em;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
}

form {
  margin: 0;
}

.bgTitle {
  width: 100%;
  display: block;
  height: 55px;
  line-height: 55px;
  background: #f8fafb;
  margin: 20px 0;
  text-align: left;
  padding-left: 20px;
}
.bgTitle .titleLv1, .bgTitle .titleLv2, .bgTitle .titleLv3,
.bgTitle .titleLv4, .bgTitle .titleLv5, .bgTitle .titleLv6 {
  display: inline-block;
}
.bgTitle.titleLv2 {
  font-size: 19px;
}

.colorBlock1,
.colorBlock2,
.colorBlock3,
.colorBlock4 {
  display: block;
  width: 100%;
  height: 100px;
}

.colorBlock1 {
  background: #263645;
}

.colorBlock2 {
  background: #8d7955;
}

.colorBlock3 {
  background: #e7ecf1;
}

.colorBlock4 {
  background: #f8fafb;
}

.txtObligatory {
  font-style: italic;
  font-size: 13px;
  margin-bottom: 15px;
  text-align: right;
}

/*=========================== CMS DEFAULT STYLES ===========================*/
#cms p, #cms span, #cms ul li, .typeCms p, .typeCms span, .typeCms ul li {
  font-size: 13px;
  font-weight: 400;
  color: #263645;
  line-height: 18px;
}
#cms a, .typeCms a {
  font-size: 13px;
  font-weight: 400;
  color: #8d7955;
  text-decoration: underline;
}
#cms ul li, .typeCms ul li {
  list-style-type: disc;
}
#cms img, .typeCms img {
  display: block;
  max-width: 100%;
  height: auto;
}
#cms .darkBlueBg, .typeCms .darkBlueBg {
  background: #263645;
  color: #ffffff;
  padding: 15px;
  margin: 10px 0;
}
#cms .mediumBlueBg, .typeCms .mediumBlueBg {
  background: #8d7955;
  color: #ffffff;
  padding: 15px;
  margin: 10px 0;
}

.cmsRow {
  margin: 10px 0;
}
.cmsRow p, .cmsRow span, .cmsRow ul li {
  font-size: 13px;
  font-weight: 400;
  color: #263645;
  line-height: 18px;
}
.cmsRow a {
  font-size: 13px;
  font-weight: 400;
  color: #8d7955;
  text-decoration: underline;
}
.cmsRow ul li {
  list-style-type: disc;
}
.cmsRow img {
  display: block;
  max-width: 100%;
  height: auto;
}
.cmsRow .darkBlueBg {
  background: #263645;
  color: #ffffff;
  padding: 15px;
  margin: 10px 0;
}
.cmsRow .mediumBlueBg {
  background: #8d7955;
  color: #ffffff;
  padding: 15px;
  margin: 10px 0;
}
.cmsRow.hasBg {
  background: url("./images/pattern-bg.png") repeat;
  padding: 20px 0;
}

.btnCMSLv1,
.btnCMSLv1:visited,
.btnCMSLv1:active,
a.btnCMSLv1,
a.btnCMSLv1:visited,
a.btnCMSLv1:active,
span.btnCMSLv1,
span.btnCMSLv1:visited,
span.btnCMSLv1:active {
  background: #263645;
  height: 40px;
  line-height: 36px;
  font-family: "SackersGothicStd-Heavy", sans-serif;
  font-size: 14px;
  text-transform: uppercase;
  border-radius: 0;
  position: relative;
  padding: 0 20px;
  color: #ffffff;
  border: 2px solid #263645;
  text-decoration: none;
  display: inline-block;
  margin: 10px 0;
}
.btnCMSLv1 a,
.btnCMSLv1:visited a,
.btnCMSLv1:active a,
a.btnCMSLv1 a,
a.btnCMSLv1:visited a,
a.btnCMSLv1:active a,
span.btnCMSLv1 a,
span.btnCMSLv1:visited a,
span.btnCMSLv1:active a {
  color: #ffffff;
  font-weight: 700;
  text-decoration: none;
  font-size: 14px;
  line-height: 33px;
}
.btnCMSLv1:hover,
.btnCMSLv1:visited:hover,
.btnCMSLv1:active:hover,
a.btnCMSLv1:hover,
a.btnCMSLv1:visited:hover,
a.btnCMSLv1:active:hover,
span.btnCMSLv1:hover,
span.btnCMSLv1:visited:hover,
span.btnCMSLv1:active:hover {
  cursor: pointer;
  background: #ffffff;
  color: #263645;
  border: 2px solid #263645;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
  text-decoration: none;
}
.btnCMSLv1:hover a,
.btnCMSLv1:visited:hover a,
.btnCMSLv1:active:hover a,
a.btnCMSLv1:hover a,
a.btnCMSLv1:visited:hover a,
a.btnCMSLv1:active:hover a,
span.btnCMSLv1:hover a,
span.btnCMSLv1:visited:hover a,
span.btnCMSLv1:active:hover a {
  color: #263645;
  text-decoration: none;
}
.btnCMSLv1:focus,
.btnCMSLv1:visited:focus,
.btnCMSLv1:active:focus,
a.btnCMSLv1:focus,
a.btnCMSLv1:visited:focus,
a.btnCMSLv1:active:focus,
span.btnCMSLv1:focus,
span.btnCMSLv1:visited:focus,
span.btnCMSLv1:active:focus {
  background: #ffffff;
  color: #263645;
  border: 2px solid #263645;
}
.btnCMSLv1.big,
.btnCMSLv1:visited.big,
.btnCMSLv1:active.big,
a.btnCMSLv1.big,
a.btnCMSLv1:visited.big,
a.btnCMSLv1:active.big,
span.btnCMSLv1.big,
span.btnCMSLv1:visited.big,
span.btnCMSLv1:active.big {
  height: 65px;
  line-height: 63px;
  font-size: 18px;
}
.btnCMSLv1.big:hover,
.btnCMSLv1:visited.big:hover,
.btnCMSLv1:active.big:hover,
a.btnCMSLv1.big:hover,
a.btnCMSLv1:visited.big:hover,
a.btnCMSLv1:active.big:hover,
span.btnCMSLv1.big:hover,
span.btnCMSLv1:visited.big:hover,
span.btnCMSLv1:active.big:hover {
  height: 65px;
  line-height: 63px;
  font-size: 18px;
}

.btnCMSLv2,
.btnCMSLv2:visited,
.btnCMSLv2:active,
a.btnCMSLv2,
a.btnCMSLv2:visited,
a.btnCMSLv2:active,
span.btnCMSLv2,
span.btnCMSLv2:visited,
span.btnCMSLv2:active {
  background: #8d7955;
  height: 40px;
  line-height: 36px;
  font-family: "SackersGothicStd-Heavy", sans-serif;
  font-size: 14px;
  text-transform: uppercase;
  border-radius: 0;
  position: relative;
  padding: 0 20px;
  border: 2px solid #8d7955;
  color: #ffffff;
  text-decoration: none;
  display: inline-block;
  margin: 10px 0;
}
.btnCMSLv2 a,
.btnCMSLv2:visited a,
.btnCMSLv2:active a,
a.btnCMSLv2 a,
a.btnCMSLv2:visited a,
a.btnCMSLv2:active a,
span.btnCMSLv2 a,
span.btnCMSLv2:visited a,
span.btnCMSLv2:active a {
  color: #ffffff;
  font-weight: 700;
  text-decoration: none;
  font-size: 14px;
  line-height: 33px;
}
.btnCMSLv2:hover,
.btnCMSLv2:visited:hover,
.btnCMSLv2:active:hover,
a.btnCMSLv2:hover,
a.btnCMSLv2:visited:hover,
a.btnCMSLv2:active:hover,
span.btnCMSLv2:hover,
span.btnCMSLv2:visited:hover,
span.btnCMSLv2:active:hover {
  cursor: pointer;
  background: #ffffff;
  color: #8d7955;
  border: 2px solid #8d7955;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
  text-decoration: none;
}
.btnCMSLv2:hover a,
.btnCMSLv2:visited:hover a,
.btnCMSLv2:active:hover a,
a.btnCMSLv2:hover a,
a.btnCMSLv2:visited:hover a,
a.btnCMSLv2:active:hover a,
span.btnCMSLv2:hover a,
span.btnCMSLv2:visited:hover a,
span.btnCMSLv2:active:hover a {
  color: #8d7955;
  text-decoration: none;
}
.btnCMSLv2:focus,
.btnCMSLv2:visited:focus,
.btnCMSLv2:active:focus,
a.btnCMSLv2:focus,
a.btnCMSLv2:visited:focus,
a.btnCMSLv2:active:focus,
span.btnCMSLv2:focus,
span.btnCMSLv2:visited:focus,
span.btnCMSLv2:active:focus {
  background: #ffffff;
  color: #8d7955;
  border: 2px solid #8d7955;
}

.headingCms {
  text-align: center;
  margin-bottom: 40px;
}
.headingCms .intro {
  font-size: 14px;
  line-height: 24px;
  padding-top: 10px;
}
.headingCms .intro h3 {
  font-size: 20px;
  text-transform: none;
  font-family: "Zeppelin31", sans-serif;
}

/*=========================== FORMS ===========================*/
p.form, .form, fieldset {
  width: 100%;
}
p.form label, .form label, fieldset label {
  width: 100%;
  font-size: 14px;
  padding-bottom: 4px;
  padding-top: 18px;
  display: block;
  font-weight: normal;
}
p.form input, .form input, fieldset input {
  width: 100%;
  /* WebKit, Blink, Edge */
  /* Mozilla Firefox 4 to 18 */
  /* Mozilla Firefox 19+ */
  /* Internet Explorer 10-11 */
}
p.form input::-webkit-input-placeholder, .form input::-webkit-input-placeholder, fieldset input::-webkit-input-placeholder {
  color: #9ea6ae;
  font-size: 13px;
}
p.form input:-moz-placeholder, .form input:-moz-placeholder, fieldset input:-moz-placeholder {
  color: #9ea6ae;
  font-size: 13px;
  opacity: 1;
}
p.form input::-moz-placeholder, .form input::-moz-placeholder, fieldset input::-moz-placeholder {
  color: #9ea6ae;
  font-size: 13px;
  opacity: 1;
}
p.form input:-ms-input-placeholder, .form input:-ms-input-placeholder, fieldset input:-ms-input-placeholder {
  color: #9ea6ae;
  font-size: 13px;
}
p.form textarea, .form textarea, fieldset textarea {
  width: 100%;
  padding: 20px;
  min-height: 130px;
  /* WebKit, Blink, Edge */
  /* Mozilla Firefox 4 to 18 */
  /* Mozilla Firefox 19+ */
  /* Internet Explorer 10-11 */
  line-height: 26px;
}
p.form textarea::-webkit-input-placeholder, .form textarea::-webkit-input-placeholder, fieldset textarea::-webkit-input-placeholder {
  color: #9ea6ae;
  font-size: 13px;
}
p.form textarea:-moz-placeholder, .form textarea:-moz-placeholder, fieldset textarea:-moz-placeholder {
  color: #9ea6ae;
  font-size: 13px;
  opacity: 1;
}
p.form textarea::-moz-placeholder, .form textarea::-moz-placeholder, fieldset textarea::-moz-placeholder {
  color: #9ea6ae;
  font-size: 13px;
  opacity: 1;
}
p.form textarea:-ms-input-placeholder, .form textarea:-ms-input-placeholder, fieldset textarea:-ms-input-placeholder {
  color: #9ea6ae;
  font-size: 13px;
}
p.form a.btn, p.form button.btn, .form a.btn, .form button.btn, fieldset a.btn, fieldset button.btn {
  width: 100%;
  margin: 20px 0;
}
p.form.half, .form.half, fieldset.half {
  width: 48%;
}

fieldset label {
  padding-top: 0;
}

input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
}

/*=========================== SELECTS ===========================*/
/*.ui-selectmenu-icon.ui-icon{
  margin-top: 10px;
}*/
/*select style*/
/*.ui-selectmenu-button, .ui-button{
  height: 40px;
  border-radius: 0;
  width: 100%!important;
  background: #FFFFFF;
  padding: 0 10px;
  line-height: 40px;
}

.ui-selectmenu-button span.ui-selectmenu-text{
  padding: 0 5px;
  line-height: 40px;
  font-size: 12px;

}


.ui-state-hover, .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus{
  border: 1px solid $darkgrey;
}

.ui-widget-content .ui-state-hover, .ui-widget-content .ui-state-focus,{
  height: 40px;
  border-radius: 0;
  border: none!important;
  width: 100%!important;
  background: #f4f4f4;
}*/
/*options style*/
/*.ui-menu .ui-menu-item{
  height: 40px;
  line-height: 40px;
  font-size: 12px;
  padding: 0 10px;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover{
  border: 1px solid $lightgrey;
  background: $lightgrey;
  color: $maincolor;
}

.ui-selectmenu-menu .ui-menu{
  max-height: 300px;
}

.ui-selectmenu-menu{
  z-index: 99999;
}*/
/*=========================== CHECKBOXES ===========================*/
/*.checkboxVisuel input{
  display: none;
}

.checkboxVisuel label span.check {
  background: transparent url("/images/icons/checkbox.svg") no-repeat scroll left center;
  background-size: 20px 20px;
  width: 30px;
  height: 20px;
  display: inline-block;
}

.checkboxVisuel.checkActif span.check {
  background: url('/images/icons/checkboxChecked.svg') no-repeat left center;
  background-size: 20px 20px;
  width: 30px;
  height: 20px;
}

.checkboxVisuel a, .checkboxVisuel a:focus, .checkboxVisuel a:visited{
  color: $maincolor;
  text-decoration: none;
}

.checkboxVisuel a:hover, .checkboxVisuel a:active{
  color: $maincolor;
  text-decoration: none;
}



.checkboxVisuel.checkActif .checkbox{
  .spanCheckbox{
    background: transparent url('/images/icons/checkboxChecked.svg') -1px -1px no-repeat;
  }
}


/*=========================== RADIOS ===========================*/
.table {
  margin-bottom: 0;
}

ul.error, .error {
  color: #de3333;
  padding: 10px;
  background: #fff5f5;
  border: 1px solid #de3333;
  text-align: center;
  margin: 20px 0;
}

ul.msgblue, .msgblue{
  color: #10069F;
  padding:10px;
  background: #ffffff;
  border: 1px solid #10069F;
  text-align: center;
  margin:20px 0;
}

.success {
  color: #98c94a;
  padding: 10px;
  background: #fafff3;
  border: 1px solid #98c94a;
  text-align: center;
  margin: 20px 0;
}

.msgInfo {
  color: #5ea8bb;
  padding: 10px;
  background: #f5fdff;
  border: 1px solid #5ea8bb;
  text-align: center;
  margin: 20px 0;
}

.lightText {
  color: #9ea6ae;
  font-size: 13px;
}

/* ARROWS */
/*=========================== TOOLTIP ===========================*/
.btnTooltip {
  background: #ffffff;
  border: 1px solid #263645;
  border-radius: 20px;
  font-weight: 700;
  font-size: 18px;
  width: 25px !important;
  padding: 0 !important;
  height: 25px;
  line-height: 19px;
}

.tooltip-inner {
  color: #263645;
  background: #f8fafb;
}

/*=========================== SCROLLBAR ===========================*/
.jspVerticalBar {
  width: 12px;
  height: 99%;
  margin-right: 1px;
}

.jspTrack {
  background: #FFFFFF;
  border: 1px solid #9c9e9f;
  height: 99%;
}

.jspDrag {
  background: #bfbfbf;
  margin: 1px;
}

.fixedMessage {
  position: fixed;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1039;
  width: 100%;
  text-align: center;
}
.fixedMessage .messageWrapper {
  position: relative;
}
.fixedMessage .message {
  display: block;
  padding: 10px 30px;
}
.fixedMessage .messagePromoFooter {
  background: #263645;
  color: #ffffff;
}
.fixedMessage .messagePromoFooter a {
  color: inherit;
}
.fixedMessage .close {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 20px;
  opacity: 1;
}
.fixedMessage .close:hover {
  opacity: 0.5;
}

/*=========================== COOKIES ===========================*/
#cnil_cookie {
  background: #f8fafb;
  border-bottom: 1px solid #e7ecf1;
}

/*=========================== SVG ===========================*/
.svgProcess1 {
  width: 35px;
  height: 35px;
}

.svgProcess2 {
  width: 37px;
  height: 37px;
}

.svgProcess3 {
  width: 40px;
  height: 40px;
}

.svgProcess4 {
  width: 35px;
  height: 35px;
}

.infoBox:before {
  content: "";
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #fff;
  position: absolute;
  top: -50px;
  left: 130px;
}

.wrapPopupClubConnect input {
  display: block;
  width: 100%;
}
.wrapPopupClubConnect .mdp {
  text-align: right;
  padding-right: 15px;
}

.wrapPopupClubRegister {
  min-height: 281px;
}
.wrapPopupClubRegister .text {
  line-height: 22px;
}
.wrapPopupClubRegister .wrapBtnPopupRegister {
  padding: 0 15px;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
.wrapPopupClubRegister .btnLv1 {
  width: 100%;
}

.wrapPopupClub .bgTitle {
  padding: 0;
}
.wrapPopupClub .bgTitle h2.titleLv2 {
  font-size: 23px;
  padding: 5px 10px;
}

/*=========================== DIVERS ===========================*/
.noPaddingRight {
  padding-right: 0;
}

.noPaddingLeft {
  padding-left: 0;
}

/*=========================== MOBILE ===========================*/
.containerMobile .row {
  margin-left: -5px;
  margin-right: -5px;
}
.containerMobile div[class*=col-] {
  padding-left: 10px;
  padding-right: 10px;
}

.noScroll {
  overflow: hidden;
}

.wrapOverlayGlobal {
  display: none;
  background-color: rgba(0, 0, 0, 0.5);
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 499;
}

.mainContent.overlay .wrapOverlayGlobal {
  display: block;
}

header.overlay .pictoMenu.on {
  z-index: 9999;
}
header.overlay .headerOverlay {
  display: block;
}

.headerOverlay {
  display: none;
  background-color: rgba(0, 0, 0, 0.5);
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

/*---------------------------------RESPONSIVE GLOBAL------------------------------------*/
@media (min-width: 768px) and (max-width: 1024px) {
  body {
    padding-top: 103px;
  }
}
@media only screen and (min-width: 769px) {
  .checkbox:hover .spanCheckbox {
    background-color: #9ea6ae;
  }
}
@media (max-width: 767px) {
  body {
    padding-top: 44px;
  }

  .bgTitle h1, .bgTitle h2, .bgTitle h3, .bgTitle h4, .bgTitle h5, .bgTitle h6 {
    display: inline-block;
  }
}
@media only screen and (max-width: 375px) {
  .login .bgTitle {
    line-height: 55px;
  }
  .login .bgTitle h1 {
    font-size: 20px;
    display: inline-block;
  }
}
/*==============================
    DESKTOP - HEADER
-------------------------------*/
/*.topbar{
  height: 20px;
  line-height: 20px;
  padding-top: 10px;
  color: $secondarycolor;
  font-size: 12px;
  background: $white;
  position: relative;
  width: 100%;
  z-index: 200;
  .logoSecondary{
    width: 16.66%;
  }
  .topLinks{
    ul li{
      float: left;
      a{
        text-decoration: none;
        text-transform: uppercase;
        color: $darkgrey;
        padding: 0 10px;
      }
      &:after{
        content: "|";
        color: $mediumgrey;
      }
      &.store{
        position: relative;
        padding-left:20px;
        span{
          background: url("/images/icons/storeTopbar.svg")no-repeat center center;
          display: inline-block;
          width: 19px;
          height:20px;
          position: absolute;
          left: 0;
          top: 4px;
        }
      }
    }
  }
  &.process{
    display: none!important;
  }
}*/
header {
  /*position: fixed;
  top:30px;*/
  position: relative;
  width: 100%;
  z-index: 500;
  background: #ffffff;
  min-height: 150px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
header .logo {
  width: 100%;
  text-align: center;
  margin-bottom: 20px;
}
header .logo img {
  max-width: 125px;
  height: auto;
  display: inline-block;
}
header .logo:hover {
  cursor: pointer;
}
header .topLinks {
  float: right;
  padding-top: 10px;
}
header .topLinks .stickySearch {
  display: none;
  width: 28px;
  height: 26px;
  float: left;
  background: url("./images/icons/search.svg") no-repeat center center;
  background-size: 17px auto;
  color: transparent;
  border: none;
  position: relative;
}
header .topLinks .stickySearch .searchTrigger {
  width: 100%;
  height: 100%;
  display: inline-block;
}
header .topLinks .topLink {
  float: left;
}
header .topLinks .topLink.pictoEspacePro svg {
  position: relative;
  margin-right: 6px;
  top: -2px;
}
header .topLinks .topLink:after {
  content: "|";
  color: #e7ecf1;
}
header .topLinks .topLink > a, header .topLinks .topLink .accountLink, header .topLinks .topLink .cartLink, header .topLinks .topLink .linkText {
  font-size: 12px;
  text-transform: uppercase;
  text-decoration: none;
  color: #8d7955;
  letter-spacing: 0.05em;
}
header .topLinks .topLink:hover {
  cursor: pointer;
}
header .topLinks .topLink:hover > a, header .topLinks .topLink:hover .accountLink, header .topLinks .topLink:hover .cartLink, header .topLinks .topLink:hover .linkText {
  color: #c7b493;
}
header .topLinks .topLink:hover svg path {
  fill: #c7b493;
}
header .topLinks .topLink * {
  display: inline-block;
  vertical-align: middle;
}
header .topLinks .headerAccount:focus > a::after,
header .topLinks .headerAccount:focus .cartLink::after, header .topLinks .headerAccount:hover > a::after,
header .topLinks .headerAccount:hover .cartLink::after, header .topLinks .headerAccount:active > a::after,
header .topLinks .headerAccount:active .cartLink::after, header .topLinks .headerAccount.active > a::after,
header .topLinks .headerAccount.active .cartLink::after,
header .topLinks .headerCart:focus > a::after,
header .topLinks .headerCart:focus .cartLink::after,
header .topLinks .headerCart:hover > a::after,
header .topLinks .headerCart:hover .cartLink::after,
header .topLinks .headerCart:active > a::after,
header .topLinks .headerCart:active .cartLink::after,
header .topLinks .headerCart.active > a::after,
header .topLinks .headerCart.active .cartLink::after {
  display: block;
}
header .topLinks .headerAccount > a::after,
header .topLinks .headerAccount .cartLink::after,
header .topLinks .headerCart > a::after,
header .topLinks .headerCart .cartLink::after {
  content: "";
  display: none;
  position: absolute;
  z-index: 10;
  left: 50%;
  top: 25px;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #f8fafb;
  border-left: 10px solid transparent;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
header .topLinks .headerAccount .accountDeploy,
header .topLinks .headerAccount .cartDeploy,
header .topLinks .headerCart .accountDeploy,
header .topLinks .headerCart .cartDeploy {
  display: none;
  position: absolute;
  top: 35px;
  right: 0;
  border: 2px solid #f8fafb;
  width: 375px;
  background: #f8fafb;
  box-shadow: 0 3px 4px #e7ecf1;
}
header .topLinks .headerAccount {
  position: relative;
  z-index: 5000;
  padding-bottom: 10px;
}
header .topLinks .headerAccount > a::after {
  margin-left: 4px;
}
header .topLinks .headerAccount .accountDeploy {
  padding: 16px;
}
header .topLinks .headerAccount .accountDeploy .txt {
  font-size: 20px;
  width: 100%;
  padding-bottom: 10px;
}
header .topLinks .headerAccount .accountDeploy form {
  width: 100%;
  display: block;
}
header .topLinks .headerAccount .accountDeploy .form-group {
  position: relative;
  display: block;
  width: 100%;
  margin-bottom: 5px;
}
header .topLinks .headerAccount .accountDeploy .form-group label {
  display: none;
}
header .topLinks .headerAccount .accountDeploy .form-group input[type=text], header .topLinks .headerAccount .accountDeploy .form-group input[type=email] {
  width: 100%;
}
header .topLinks .headerAccount .accountDeploy .form-group input[type=password] {
  width: 85%;
}
header .topLinks .headerAccount .accountDeploy .form-group input[type=submit] {
  width: 45px;
  height: 40px;
  position: absolute;
  right: 0;
  top: 0;
  padding: 0;
  box-shadow: none;
}
header .topLinks .headerAccount .accountDeploy .mdp {
  font-size: 11px;
  margin-bottom: 10px;
}
header .topLinks .headerAccount .accountDeploy .mdp a {
  color: #9ea6ae;
}
header .topLinks .headerAccount .accountDeploy ul {
  margin: 5px 0 10px;
  display: block;
  width: 100%;
}
header .topLinks .headerAccount .accountDeploy ul li {
  padding: 5px 0;
  width: 100%;
  display: block;
}
header .topLinks .headerAccount .accountDeploy .new {
  width: 100%;
  display: block;
}
header .topLinks .headerAccount .accountDeploy .new .btn {
  width: 100%;
  display: block;
}
header .topLinks .headerCart {
  position: relative;
  z-index: 5000;
  padding-bottom: 10px;
}
header .topLinks .headerCart:after {
  display: none;
}
header .topLinks .headerCart .bBottom {
  display: none;
}
header .topLinks .headerCart .cartDeploy {
  width: 380px;
}
header .topLinks .headerCart .cartDeploy .txt {
  font-size: 20px;
  width: 100%;
  padding-bottom: 10px;
  font-weight: normal;
}
header .topLinks .headerCart .cartDeploy .cartContentTable {
  max-height: 255px;
  overflow-y: auto;
  padding: 5px 16px 0;
  background-color: #ffffff;
  width: 100%;
}
header .topLinks .headerCart .cartDeploy table {
  width: 100%;
  display: table;
}
header .topLinks .headerCart .cartDeploy table tbody {
  display: table-row-group;
}
header .topLinks .headerCart .cartDeploy .cartLine {
  display: table-row;
  cursor: default;
}
header .topLinks .headerCart .cartDeploy .cartLine td {
  border-bottom: 1px solid #e7ecf1;
  padding: 10px 0;
  display: table-cell;
}
header .topLinks .headerCart .cartDeploy .cartLine td.visuel {
  width: 20%;
}
header .topLinks .headerCart .cartDeploy .cartLine td.desc {
  width: 80%;
  position: relative;
}
header .topLinks .headerCart .cartDeploy .cartLine td.desc .deleteProduct {
  position: absolute;
  right: 5px;
  top: 5px;
  font-size: 20px;
  cursor: pointer;
}
header .topLinks .headerCart .cartDeploy .cartLine td .qtyHeaderCart {
  font-family: "Zeppelin31", sans-serif;
  font-size: 13px;
}
header .topLinks .headerCart .cartDeploy .cartLine td .titleProductCart {
  display: block;
  font-family: "Zeppelin33", sans-serif;
  width: 90%;
}
header .topLinks .headerCart .cartDeploy .cartLine td .prix {
  text-align: right;
  color: #263645;
  display: block;
  font-family: "Zeppelin31", sans-serif;
}
header .topLinks .headerCart .cartDeploy .cartLine:last-child td {
  border-bottom: 1px solid #e7ecf1;
}
header .topLinks .headerCart .cartDeploy .wrapButtonCart {
  display: block;
  padding: 16px;
}
header .topLinks .headerCart .cartDeploy .wrapButtonCart > p {
  display: block;
}
header .topLinks .headerCart .cartDeploy .wrapButtonCart .linkCart {
  width: 35%;
  font-size: 13px;
}
header .topLinks .headerCart .cartDeploy .wrapButtonCart .subTotalHeader {
  width: 65%;
  float: right;
  text-align: right;
  font-size: 20px;
  cursor: default;
}
header .topLinks .headerCart .cartDeploy .wrapButtonCart .subTotalHeader span {
  font-family: "Zeppelin33", sans-serif;
}
header .topLinks .headerCart .cartDeploy .wrapButtonCart .btn {
  margin: 10px 0 0;
}
header .topLinks .headerCart .cartDeploy .btn {
  display: block;
  margin: 10px 16px 16px;
}
header .topLinks .headerCart .emptyCartText {
  padding: 16px 16px 5px;
  font-family: "Zeppelin33", sans-serif;
  text-align: center;
  display: block;
}
header .topLinks .headerCart .wrapQty {
  border: 1px solid #cbd0d4;
  display: inline-block;
}
header .topLinks .headerCart .wrapQty input {
  border: none;
  width: 50px;
  height: 30px;
  float: left;
  text-align: center;
}
header .topLinks .headerCart .wrapQty > span {
  float: left;
  width: 30px;
  height: 30px;
  display: inline-block;
  cursor: pointer;
  position: relative;
}
header .topLinks .headerCart .wrapQty > span span {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 16px;
}
header .topLinks .headerCart .wrapQty > span.qtePlus {
  border-left: 1px solid #9ea6ae;
}
header .topLinks .headerCart .wrapQty > span.qteMinus {
  border-right: 1px solid #9ea6ae;
}
header .logoSecondary {
  display: none;
}
header .headerContactProcess {
  display: none;
}
header .headerSearch {
  width: 100%;
  margin-top: 20px;
  position: relative;
  z-index: 50;
}
header .headerSearch input[type=submit] {
  position: absolute;
  right: 0;
  top: 0;
  width: 40px;
  height: 40px;
  background: url("./images/icons/search.svg") no-repeat center center;
  background-size: 20px auto;
  color: transparent;
  border: none;
}
header.process {
  min-height: 108px;
}
header.process .topLinksContainer {
  display: none;
}
header.process .mainMenu {
  display: none;
}
header.process .wrapHeaderTelProcess {
  text-align: right;
  font-family: "Zeppelin31", sans-serif;
  font-size: 11px;
  color: #8d7955;
  position: absolute;
  right: 0;
  top: 50px;
}
header.process .wrapHeaderTelProcess span {
  font-family: "Zeppelin33", sans-serif;
}
header.process .wrapHeaderTelProcess .textMobile {
  text-transform: uppercase;
  font-family: "Zeppelin32", sans-serif;
  font-size: 15px;
}
header.process .logo img {
  max-width: 110px;
  position: relative;
  top: 15px;
}
header.process.sticky .logo {
  top: -8px;
  left: 15px;
}
header.process.sticky .blocHeaderTelProcess {
  position: inherit;
}
header.process.sticky .blocHeaderTelProcess .wrapHeaderTelProcess {
  top: 25px;
  right: 15px;
}

.msgBanner {
  width: 100%;
  text-align: center;
  font-size: 12px;
  padding: 11px 0;
}
.msgBanner .msgPromo, .msgBanner .msgContact {
  width: 48%;
  float: left;
}
.msgBanner .msgSep {
  width: 2%;
  float: left;
  color: #e7ecf1;
  font-size: 20px;
}
.msgBanner .msgPromo {
  text-align: right;
}
.msgBanner .msgContact {
  text-align: left;
}
.msgBanner .blocBanner {
  width: 33%;
  display: inline-block;
}
.msgBanner .blocBanner .title {
  font-weight: 700;
  line-height: 1.2;
  font-size: 15px;
  margin-bottom: 5px;
  margin-right: 5px;
}
.msgBanner .blocBanner .desc {
  line-height: 1.2;
}
.msgBanner a {
  font-weight: 700;
  color: #263645;
}
.msgBanner a:hover, .msgBanner a:active {
  color: #2934aa;
  border-bottom: 1px solid #2934aa;
}

header.sticky {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  min-height: 60px;
  border-bottom: 1px solid #e7ecf1;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
header.sticky .container-fluid.topLinksContainer {
  position: relative;
}
header.sticky .container-fluid.topLinksContainer .topLinksWrapper {
  position: absolute;
  top: 0;
  right: 0;
  width: auto;
  margin: 0;
  padding: 0;
  z-index: 2;
}
header.sticky .container-fluid.topLinksContainer .topLinks {
  margin-top: 8px;
}
header.sticky .container-fluid.topLinksContainer .topLinks .topLink.store:after {
  position: relative;
  top: 1px;
  right: 2px;
}
header.sticky .container-fluid.topLinksContainer .linkText {
  display: none;
}
header.sticky .container-fluid.topLinksContainer .stickySearch {
  display: inline-block;
}
header.sticky .wrapMenu .container-fluid {
  position: relative;
}
header.sticky .logoWrapper {
  width: auto;
  position: absolute;
  left: 0;
  top: 0;
  margin: 0;
  padding: 0;
}
header.sticky .logo {
  width: 72px;
  height: auto;
  position: absolute;
  left: 0;
  top: 8px;
  z-index: 2;
}
header.sticky .logo img {
  max-width: 100%;
}
header.sticky .headerSearch {
  display: none;
}
header.sticky .mainMenu .firstLinks {
  margin-top: 20px;
}
header.sticky .stickySearch {
  width: 36px;
}
header.sticky .stickySearch:after {
  position: absolute;
  right: 0;
  top: 1px;
}
header.sticky .pictoEspacePro {
  margin-left: 10px;
}

.header.sticky ~ .mainContent {
  padding-top: 177px;
}

.header.sticky ~ .msgBanner.sticky ~ .mainContent {
  padding-top: 217px;
}

.MacOS header.sticky .container-fluid.topLinksContainer .stickySearch:after {
  top: 3px;
}

.msgBanner.sticky {
  max-height: 0;
  overflow: hidden;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}

.autoComplete {
  background: #ffffff;
  border: 1px solid #f8fafb;
  min-width: 330px;
  max-width: 330px;
  max-height: 40px;
  overflow: hidden;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
  -webkit-transition: all 0.7s;
  -moz-transition: all 0.7s;
  -o-transition: all 0.7s;
  -ms-transition: all 0.7s;
  transition: all 0.7s;
}
.autoComplete a {
  color: #263645;
  width: 100%;
  height: 100%;
  display: inline-block;
}
.autoComplete .searchBar {
  max-width: 100%;
}
.autoComplete .searchBar .closeSmall {
  position: absolute;
  top: 15px;
  right: 15px;
  background: url("./images/icons/simple-cross.svg") no-repeat center center;
  width: 10px;
  height: 10px;
  display: inline-block;
}
.autoComplete .searchResults {
  padding-bottom: 20px;
}
.autoComplete .resultTitle {
  text-transform: uppercase;
  color: #9ea6ae;
  font-size: 14px;
  font-weight: 700;
  padding: 15px 20px 5px;
}
.autoComplete .products:before {
  content: "";
  display: inline-block;
  width: 290px;
  height: 1px;
  background: #e7ecf1;
  position: absolute;
  left: 20px;
}
.autoComplete .products li {
  margin-bottom: 6px;
  padding: 0 20px 0 26px;
}
.autoComplete .products li img {
  display: inline-block;
  vertical-align: middle;
  margin-right: 6px;
}
.autoComplete .products li .name {
  display: inline-block;
  vertical-align: middle;
  max-width: 205px;
}
.autoComplete .products li .name em {
  font-size: 12px;
}
.autoComplete .products li:hover {
  background: #f8fafb;
}
.autoComplete .tutos:before {
  content: "";
  display: inline-block;
  width: 290px;
  height: 1px;
  background: #e7ecf1;
  position: absolute;
  left: 20px;
}
.autoComplete .tutos li {
  line-height: 25px;
  padding: 0 20px 0 26px;
}
.autoComplete .tutos li:hover {
  background: #f8fafb;
}
.autoComplete.deployed {
  max-width: 330px;
  min-width: 330px;
  max-height: 510px;
  height: auto;
  -webkit-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.1);
  overflow: auto;
  -webkit-transition: all 0.7s;
  -moz-transition: all 0.7s;
  -o-transition: all 0.7s;
  -ms-transition: all 0.7s;
  transition: all 0.7s;
}
.autoComplete.deployed .searchBar {
  max-width: 100%;
  /*input[type="submit"]{
     position: absolute;
     right: 30px;
     top: 9px;
     width: 20px;
     background: $white;
  }*/
}
.autoComplete.deployed .searchBar input {
  border: none;
  outline-color: transparent;
}

.autoComplete.deployed::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

.autoComplete.deployed::-webkit-scrollbar-track {
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.1);
}

.autoComplete.deployed::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.2);
}

.autoComplete.deployed::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.4);
}

.autoComplete.deployed::-webkit-scrollbar-thumb:active {
  background: rgba(0, 0, 0, 0.9);
}

header .topLinks .stickySearch .autoComplete {
  display: none;
  min-width: 200px;
  position: absolute;
  top: -10px;
  right: 0;
  z-index: 10;
}
header .topLinks .stickySearch .autoComplete.deployed {
  min-width: 330px;
}

/*header.process{
  top:0;
  border-bottom: 1px dashed $mediumgrey;
  padding-bottom: 20px;
  .headerSearch, .headerCart, .headerAccount, .mainMenu{
    display: none;
  }
  .logoSecondary {
    display: inline-block;
    margin-top: 71px;
    margin-left: -63px;
  }
  .headerContactProcess {
    display: inline-block;
    float: right;
    margin-top: 59px;
    font-size: 22px;
    font-weight: $fwregular;
    text-transform: uppercase;
    span{
      color: $mediumgrey;
    }
  }
  &.sticky{
    padding-bottom: 10px;
    .logoSecondary {
      position: absolute;
      left: 152px;
      top: -11px;
      margin:0;
    }
    .headerContactProcess {
      position: absolute;
      right: 0;
      top: -15px;
      font-size: 18px;
      margin:0;
    }
  }
}*/
/*---------------------------------RESPONSIVE HEADER------------------------------------*/
@media only screen and (max-width: 1460px) {
  header.sticky .logo img {
    margin-left: 15px;
  }
  header.sticky .container-fluid.topLinksContainer .topLinks {
    margin-right: 15px;
  }
}
@media only screen and (min-width: 1025px) {
  header .topLinks .headerCart:focus, header .topLinks .headerCart:hover, header .topLinks .headerCart:active, header .topLinks .headerAccount:focus, header .topLinks .headerAccount:hover, header .topLinks .headerAccount:active {
    background-color: #ffffff;
  }
  header .topLinks .headerCart:focus .bBottom, header .topLinks .headerCart:hover .bBottom, header .topLinks .headerCart:active .bBottom, header .topLinks .headerAccount:focus .bBottom, header .topLinks .headerAccount:hover .bBottom, header .topLinks .headerAccount:active .bBottom {
    display: block;
    position: absolute;
    background-color: #ffffff;
    left: -1px;
    right: 0;
    width: 101%;
    bottom: 5px;
    height: 2px;
  }
  header .topLinks .headerCart:focus:after, header .topLinks .headerCart:hover:after, header .topLinks .headerCart:active:after, header .topLinks .headerAccount:focus:after, header .topLinks .headerAccount:hover:after, header .topLinks .headerAccount:active:after {
    content: "";
    border-right: 1px solid #e7ecf1;
    position: absolute;
    right: 0;
    top: -10px;
    height: 106%;
  }
  header .topLinks .headerCart:focus:before, header .topLinks .headerCart:hover:before, header .topLinks .headerCart:active:before, header .topLinks .headerAccount:focus:before, header .topLinks .headerAccount:hover:before, header .topLinks .headerAccount:active:before {
    content: "";
    border-right: 1px solid #e7ecf1;
    position: absolute;
    left: -3px;
    top: -10px;
    height: 106%;
  }
  header .topLinks .headerCart .cartDeployHeader, header .topLinks .headerCart .accountDeploy, header .topLinks .headerAccount .cartDeployHeader, header .topLinks .headerAccount .accountDeploy {
    display: none;
  }
  header .topLinks .headerCart .cartDeploy.headerCartBodyVisible {
    display: block;
  }
  header .topLinks .headerCart:focus:before, header .topLinks .headerCart:hover:before, header .topLinks .headerCart:active:before {
    left: -4px;
  }
  header .topLinks .headerAccount:focus, header .topLinks .headerAccount:hover, header .topLinks .headerAccount:active {
    padding-right: 8px;
  }
  header.sticky .topLinks .headerCart:focus:before, header.sticky .topLinks .headerCart:hover:before, header.sticky .topLinks .headerCart:active:before, header.sticky .topLinks .headerAccount:focus:before, header.sticky .topLinks .headerAccount:hover:before, header.sticky .topLinks .headerAccount:active:before {
    left: -5px;
  }
  header.sticky .topLinks .headerCart:focus:before, header.sticky .topLinks .headerCart:hover:before, header.sticky .topLinks .headerCart:active:before {
    left: -4px;
  }

  .MacOS header.sticky .container-fluid.topLinksContainer .topLinks {
    margin-right: 20px;
  }
  .MacOS header.sticky .container-fluid.topLinksContainer .topLinks .headerCart .cartLink {
    position: relative;
  }
  .MacOS header.sticky .container-fluid.topLinksContainer .topLinks .headerCart .cartLink .bBottom {
    display: none;
  }
  .MacOS header.sticky .container-fluid.topLinksContainer .topLinks .headerCart:focus:before, .MacOS header.sticky .container-fluid.topLinksContainer .topLinks .headerCart:hover:before, .MacOS header.sticky .container-fluid.topLinksContainer .topLinks .headerCart:active:before {
    left: -3px;
  }
  .MacOS header.sticky .pictoEspacePro {
    position: relative;
    top: 1px;
  }
  .MacOS header.sticky .logo {
    left: 20px;
  }

  header.sticky .container-fluid.topLinksContainer .topLinksWrapper {
    right: 3px;
    height: 60px;
  }
  header.sticky .container-fluid.topLinksContainer .topLinks {
    margin-top: 20px;
    margin-right: 0;
    padding-top: 0;
    height: 20px;
  }
  header.sticky .container-fluid.topLinksContainer .topLinks .topLink::after {
    content: "";
    display: inline-block;
    top: 1px;
    right: auto;
    float: left;
    width: 1px;
    height: 20px;
    background-color: #e7ecf1;
  }
  header.sticky .container-fluid.topLinksContainer .topLinks .topLink.store:after {
    top: 1px;
    right: auto;
  }
  header.sticky .container-fluid.topLinksContainer .topLinks .topLink.pictoEspacePro svg {
    top: 4px;
    margin-left: 6px;
    margin-right: 15px;
    width: 20px;
    height: 20px;
  }
  header.sticky .container-fluid.topLinksContainer .topLinks .topLink.headerCart:after {
    display: none;
  }
  header.sticky .container-fluid.topLinksContainer .topLinks .topLink.headerCart .linkText {
    display: block;
  }
  header.sticky .container-fluid.topLinksContainer .topLinks .topLink.headerCart .linkText .hidden-sm {
    display: none;
  }
  header.sticky .container-fluid.topLinksContainer .topLinks .topLink.headerCart .wrapNumberCart {
    position: absolute;
    left: 50%;
    top: 11px;
    font-size: 8px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  header.sticky .container-fluid.topLinksContainer .topLinks .topLink.headerCart .wrapNumberCartNull {
    display: none;
  }
  header.sticky .container-fluid.topLinksContainer .topLinks .topLink.headerCart .aroundNumber {
    display: none !important;
  }
  header.sticky .container-fluid.topLinksContainer .topLinks .topLink > a,
header.sticky .container-fluid.topLinksContainer .topLinks .topLink > p,
header.sticky .container-fluid.topLinksContainer .topLinks .topLink > .cartLink {
    position: relative;
    top: -4px;
    float: left;
    margin-bottom: 0;
    vertical-align: top;
  }
  header.sticky .container-fluid.topLinksContainer .topLinks .topLink svg {
    position: relative;
    margin-right: 10px;
    margin-left: 10px;
    width: 26px;
    height: 26px;
    vertical-align: top;
  }
  header.sticky .container-fluid.topLinksContainer .topLinks .topLink a.cartLink svg,
header.sticky .container-fluid.topLinksContainer .topLinks .topLink p.cartLink svg {
    top: -1px;
  }
  header.sticky .container-fluid.topLinksContainer .topLinks .headerCart:focus .bBottom, header.sticky .container-fluid.topLinksContainer .topLinks .headerCart:hover .bBottom, header.sticky .container-fluid.topLinksContainer .topLinks .headerCart:active .bBottom, header.sticky .container-fluid.topLinksContainer .topLinks .headerAccount:focus .bBottom, header.sticky .container-fluid.topLinksContainer .topLinks .headerAccount:hover .bBottom, header.sticky .container-fluid.topLinksContainer .topLinks .headerAccount:active .bBottom {
    display: none;
    bottom: 1px;
  }
  header.sticky .container-fluid.topLinksContainer .topLinks .headerCart:before, header.sticky .container-fluid.topLinksContainer .topLinks .headerAccount:before {
    left: -1px;
    top: auto;
    bottom: 1px;
    height: 60px;
  }
  header.sticky .container-fluid.topLinksContainer .topLinks .headerCart > a::after,
header.sticky .container-fluid.topLinksContainer .topLinks .headerCart .cartLink::after, header.sticky .container-fluid.topLinksContainer .topLinks .headerAccount > a::after,
header.sticky .container-fluid.topLinksContainer .topLinks .headerAccount .cartLink::after {
    top: 30px;
  }
  header.sticky .container-fluid.topLinksContainer .topLinks .headerCart:focus, header.sticky .container-fluid.topLinksContainer .topLinks .headerCart:hover, header.sticky .container-fluid.topLinksContainer .topLinks .headerCart:active {
    padding-right: 0;
  }
  header.sticky .container-fluid.topLinksContainer .topLinks .headerCart:focus:before, header.sticky .container-fluid.topLinksContainer .topLinks .headerCart:hover:before, header.sticky .container-fluid.topLinksContainer .topLinks .headerCart:active:before {
    left: -1px;
  }
  header.sticky .container-fluid.topLinksContainer .topLinks .headerCart .cartDeploy {
    top: 35px;
  }
  header.sticky .container-fluid.topLinksContainer .topLinks .headerAccount:focus, header.sticky .container-fluid.topLinksContainer .topLinks .headerAccount:hover, header.sticky .container-fluid.topLinksContainer .topLinks .headerAccount:active {
    padding-right: 0;
  }
  header.sticky .container-fluid.topLinksContainer .topLinks .headerAccount:focus:after, header.sticky .container-fluid.topLinksContainer .topLinks .headerAccount:hover:after, header.sticky .container-fluid.topLinksContainer .topLinks .headerAccount:active:after {
    right: -1px;
    top: auto;
    bottom: 1px;
    height: 60px;
  }
  header.sticky .container-fluid.topLinksContainer .topLinks .headerAccount > a::after {
    margin-left: 0;
  }
  header.sticky .container-fluid.topLinksContainer .topLinks .headerAccount .accountDeploy {
    z-index: 10;
    right: -1px;
    top: 35px;
  }
  header.sticky .container-fluid.topLinksContainer .stickySearch {
    position: relative;
    top: -1px;
    width: 38px;
    height: 22px;
    background-position: left center;
    -webkit-background-size: 22px;
    background-size: 22px;
  }
  header.sticky .container-fluid.topLinksContainer .stickySearch:after {
    right: 0 !important;
    top: 3px !important;
  }
  header.sticky .container-fluid.topLinksContainer .stickySearch .autoComplete {
    top: -9px;
  }
  header.sticky .logo {
    left: 25px;
  }

  /*Header search bar for desktop only*/
  .autoComplete {
    border: 1px solid #8d7955;
  }
  .autoComplete .searchBar input[type=submit] {
    background: #8d7955 url("./images/icons/search-white.svg") no-repeat center center;
  }
}
@media only screen and (max-width: 1024px) {
  header .topLinks {
    z-index: 10;
    position: relative;
    padding-top: 23px;
  }
  header .topLinks .stickySearch {
    position: relative;
    padding-right: 10px;
    width: 60px;
  }
  header .topLinks .stickySearch:after {
    position: absolute !important;
    right: 0;
    top: 4px;
  }
  header .topLinks .pictoEspacePro {
    position: absolute;
    right: 0;
    top: 0;
  }
  header .topLinks .pictoEspacePro:after {
    display: none;
  }
  header .topLinks .pictoEspacePro svg {
    display: none;
  }
  header .topLinks svg {
    width: 32px;
    height: 32px;
  }
  header .topLinks .topLink {
    padding-left: 10px;
  }
  header .topLinks .topLink:after {
    position: relative;
    top: 2px;
    margin-left: 10px;
  }
  header .topLinks .topLink .cartLink {
    position: relative;
  }
  header .topLinks .topLink .cartLink svg {
    width: 36px;
    height: 36px;
    position: relative;
    top: -4px;
  }
  header .topLinks .topLink .cartLink .linkText {
    text-align: center;
  }
  header .topLinks .topLink .cartLink .linkText .aroundNumber {
    display: none;
  }
  header .topLinks .topLink .cartLink .linkText .wrapNumberCart {
    position: absolute;
    left: 50%;
    top: 14px;
    margin-left: -1px;
    transform: translateX(-50%);
    font-size: 10px;
  }
  header .logoWrapper .logo img {
    width: 100px;
  }
  header.process .wrapHeaderTelProcess span {
    display: block;
  }

  header.activeSearch .topLinks .headerAccount, header.activeSearch .topLinks .headerCart {
    z-index: 0;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  header {
    min-height: 75px;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
  }
  header .logo img {
    max-width: 100%;
    margin-top: 10px;
  }
  header .topLinks .headerCart {
    margin-right: -10px;
  }
  header .topLinks .headerCart:after {
    display: none;
  }
  header .topLinks .headerCart .cartDeployHeader {
    display: block;
    padding: 40px 0;
    border-bottom: 1px solid #9ea6ae;
    position: relative;
  }
  header .topLinks .headerCart .cartDeployHeader .svgCartMinibag path {
    fill: #000000;
  }
  header .topLinks .headerCart .cartDeployHeader .cartDeployHeaderInfos {
    position: relative;
    cursor: default;
  }
  header .topLinks .headerCart .cartDeployHeader .cartDeployHeaderInfos .countCart {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -21%);
    color: #ffffff;
    font-size: 8px;
  }
  header .topLinks .headerCart .cartDeployHeader .cartDeployHeaderText {
    font-family: "Zeppelin33", sans-serif;
    font-size: 20px;
    margin-left: 9px;
    position: relative;
    top: 2px;
  }
  header .topLinks .headerCart .cartDeployHeader .cartDeployHeaderClose {
    position: absolute;
    right: 0;
    top: 30px;
    font-size: 35px;
    cursor: pointer;
  }
  header .topLinks .headerCart .cartDeploy {
    display: block;
    position: fixed;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 501;
    margin-right: -385px;
    padding: 0 20px 20px;
    width: 385px;
    background-color: #fff;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
  }
  header .topLinks .headerCart .cartDeploy .cartLine td.visuel {
    width: 25%;
  }
  header .topLinks .headerCart .cartDeploy .cartLine td.desc {
    width: 75%;
  }
  header .topLinks .headerCart .cartDeploy .wrapButtonCart {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 170px;
  }
  header .topLinks .headerCart .cartDeploy .wrapButtonCart .subTotalHeader span {
    position: relative;
    top: -3px;
  }
  header .topLinks .headerCart .cartDeploy .cartContentTable {
    position: relative;
    height: calc(100% - 50px - 170px);
    background-color: #fff;
    max-height: none;
  }
  header .topLinks .headerCart .cartDeploy.headerCartBodyVisible {
    margin-right: 0;
  }
  header .topLinks .stickySearch {
    display: block;
    z-index: 700;
    top: 4px;
    background-size: 28px auto;
  }
  header .topLinks .stickySearch .autoComplete {
    border: none;
    max-width: 100%;
    min-width: 100%;
    max-height: 100%;
    height: 100%;
    width: 100%;
    overflow: hidden;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 10;
    -webkit-transition: all 0.7s;
    -moz-transition: all 0.7s;
    -o-transition: all 0.7s;
    -ms-transition: all 0.7s;
    transition: all 0.7s;
  }
  header .topLinks .stickySearch .autoComplete li b {
    position: relative;
    top: 0;
    font-family: "Zeppelin32", sans-serif;
  }
  header .topLinks .stickySearch .autoComplete .searchBar {
    max-width: 100%;
    width: 100%;
    padding: 60px 20px 0;
    background: url("./images/icons/search.svg") no-repeat 25px 25px;
    /*input[type="submit"] {
       position: absolute;
       right: 30px;
       top: 9px;
       width: 20px;
       background: $white;
    }*/
  }
  header .topLinks .stickySearch .autoComplete .searchBar .closeSmall {
    position: absolute;
    top: 25px;
    right: 15px;
    background: url("./images/icons/simple-cross.svg") no-repeat center center;
    background-size: 10px;
    width: 20px;
    height: 20px;
    display: block;
  }
  header .topLinks .stickySearch .autoComplete .searchBar .form {
    border-top: 1px solid #e7ecf1;
  }
  header .topLinks .stickySearch .autoComplete .searchBar input[type=text] {
    height: 45px;
    line-height: 45px;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #9ea6ae;
    padding: 0;
  }
  header .topLinks .stickySearch .autoComplete .searchBar input[type=submit] {
    display: none;
  }
  header .topLinks .stickySearch .autoComplete .searchResults {
    padding: 20px;
    display: block;
    width: 100%;
  }
  header .topLinks .stickySearch .autoComplete .searchResults ul {
    width: 100%;
    display: block;
  }
  header .topLinks .stickySearch .autoComplete .searchResults li {
    display: block;
    width: 100%;
  }
  header .topLinks .stickySearch .autoComplete .resultTitle {
    padding: 15px 0 5px;
  }
  header .topLinks .stickySearch .autoComplete .products {
    display: block;
    width: 100%;
  }
  header .topLinks .stickySearch .autoComplete .products:before {
    display: none;
  }
  header .topLinks .stickySearch .autoComplete .products li {
    padding: 0 20px 0 6px;
  }
  header .topLinks .stickySearch .autoComplete .tutos {
    display: block;
    width: 100%;
  }
  header .topLinks .stickySearch .autoComplete .tutos:before {
    position: relative;
    left: 0;
    width: 100%;
  }
  header .topLinks .stickySearch .autoComplete .tutos li {
    padding: 0 20px 0 6px;
  }
  header .topLinks .stickySearch .autoComplete.deployed {
    max-width: 100%;
    min-width: 100%;
    max-height: 100%;
    height: 100%;
    box-shadow: none;
    overflow: auto;
  }
  header .topLinks .stickySearch .autoComplete.deployed .searchBar input[type=text] {
    border-bottom: 1px solid #9ea6ae;
  }
  header .topLinks .stickySearch .autoComplete.deployed .searchBar input[type=text]:hover, header .topLinks .stickySearch .autoComplete.deployed .searchBar input[type=text]:active, header .topLinks .stickySearch .autoComplete.deployed .searchBar input[type=text]:focus {
    border-top: none;
    border-left: none;
    border-right: none;
  }
  header.overlay {
    position: relative;
  }

  .cartDeploy {
    z-index: 501;
  }

  .topLinksWrapper {
    position: absolute;
    right: 20px;
    top: 10px;
  }

  .msgBanner {
    padding: 15px 0;
    position: relative;
    top: 27px;
    margin-bottom: 20px;
  }
  .msgBanner .msgPromo, .msgBanner .msgContact {
    -ms-word-wrap: normal;
    word-wrap: normal;
    line-height: 35px;
  }
  .msgBanner .blocBanner .title {
    font-size: 14px;
  }
}
@media only screen and (width: 768px) {
  body {
    padding-top: 135px;
  }
}
/*==============================
    DESKTOP - FOOTER ET REASSURANCE
-------------------------------*/
footer {
  position: relative;
  background: #f8fafb;
  padding-top: 80px;
  width: 100%;
}
footer .countryChoice p {
  font-size: 13px;
  padding: 5px 0;
}
footer .countryChoice .imgLangFooter {
  margin-right: 10px;
  border-radius: 10px;
}
footer .countryChoice .bootstrap-select button.btn.btn-default {
  border: none;
  background: transparent;
  padding-left: 0;
}
footer .footerLinks {
  column-count: 3;
  column-gap: 40px;
  margin-bottom: 20px;
}
footer .footerLinks li.blocMenu {
  margin-bottom: 20px;
  width: 100%;
  line-height: 1;
  break-inside: avoid;
}
footer .footerLinks li.blocMenu li {
  margin-top: 5px;
}
footer .footerLinks li.blocMenu a {
  color: #263645;
  text-decoration: none;
  font-size: 12px;
}
footer .footerLinks li.blocMenu a:hover {
  color: #8d7955;
}
footer .txt_newsletter {
  margin-bottom: 10px;
}
footer .newsletter {
  position: relative;
  margin-bottom: 40px;
}
footer .newsletter input[type=text] {
  width: 100%;
}
footer .newsletter input[type=submit] {
  border: none;
  position: absolute;
  right: 0;
  top: 0;
  padding: 10px 20px;
}
footer .socialFooter li {
  display: inline-block;
  float: left;
}
footer .socialFooter li a {
  display: inline-block;
  width: 32px;
  margin-right: 10px;
}
footer .socialFooter li:hover svg path {
  fill: #c7b493;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
footer .copyright {
  padding: 80px 0 40px;
}
footer .copyright p {
  font-size: 12px;
  color: #263645;
}
footer.process {
  font-size: 12px;
  font-family: "Zeppelin31", sans-serif;
  padding-bottom: 15px;
  background: none;
}
footer.process .copyright {
  display: none;
}
footer.process ul {
  margin-left: 0;
}
footer.process ul a {
  color: #263645;
}
footer.process ul .sep {
  margin-left: 15px;
}
footer.process .wrapFooterTelProcess {
  color: #8d7955;
  text-align: right;
}
footer.process .wrapFooterTelProcess span {
  font-family: "Zeppelin33", sans-serif;
}
footer.process .blocFooterProcess {
  border-top: 1px solid #e7ecf1;
  border-bottom: 1px solid #e7ecf1;
  padding: 15px 0;
}

/*---------------------------------RESPONSIVE FOOTER------------------------------------*/
@media (min-width: 768px) and (max-width: 1024px) {
  .colNews {
    text-align: center;
  }

  footer div.socialFooter {
    padding-top: 30px;
    border-top: 1px solid #9ea6ae;
  }
  footer .socialFooter {
    text-align: center;
  }
  footer .socialFooter li {
    float: none;
  }
  footer .footerLinks .titleLv5 {
    margin-bottom: 15px;
  }
  footer .footerLinks li {
    margin-bottom: 10px;
  }
  footer .newsletter input[type=submit] {
    width: inherit;
    height: 40px;
  }
  footer.process ul li {
    padding-right: 0;
  }
  footer.process ul li .sep {
    margin-left: 5px;
  }
}
/*==============================
    DESKTOP - NAVIGATION
-------------------------------*/
/* Menu */
nav.mainMenu .firstLevel {
  text-align: center;
  position: relative;
}
nav.mainMenu .firstLevel ul.firstLinks {
  display: inline-block;
}
nav.mainMenu .firstLevel ul.firstLinks > li {
  /*display: inline-flex;*/
  display: inline-block;
  margin: 0 15px;
  padding-bottom: 20px;
  /*&.active{
    a{
      padding-bottom: 2px;
    }
  }*/
}
nav.mainMenu .firstLevel ul.firstLinks > li > a {
  font-weight: 400;
  text-transform: uppercase;
  text-decoration: none;
  color: #263645;
  letter-spacing: 0.1em;
  font-size: 14px;
  font-family: "Zeppelin33", sans-serif;
}
nav.mainMenu .firstLevel ul.firstLinks > li:hover > a, nav.mainMenu .firstLevel ul.firstLinks > li.active > a {
  color: #2934aa;
  position: relative;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
nav.mainMenu .firstLevel ul.firstLinks > li:hover > a:after, nav.mainMenu .firstLevel ul.firstLinks > li.active > a:after {
  content: "";
  border-bottom: 3px solid #2934aa;
  position: absolute;
  left: 0;
  bottom: -22px;
  right: 0;
  width: 100%;
}
nav.mainMenu .secondLevel {
  display: none;
  background: #ffffff;
  border-top: 1px solid #e7ecf1;
  min-height: 100px;
  overflow-y: auto;
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  top: 42px;
  z-index: 500;
  padding-top: 30px;
  padding-bottom: 30px;
}
nav.mainMenu .secondLevel ul.secondLinks {
  display: flex;
  max-width: 984px;
  margin: 0 auto;
}
nav.mainMenu .secondLevel ul.secondLinks > li.menuCol {
  text-align: left;
}
nav.mainMenu .secondLevel ul.secondLinks > li.menuCol a, nav.mainMenu .secondLevel ul.secondLinks > li.menuCol h3, nav.mainMenu .secondLevel ul.secondLinks > li.menuCol h3 a {
  color: #263645;
  font-size: 14px;
  font-family: "Zeppelin31", sans-serif;
  text-transform: none;
  letter-spacing: 0.5px;
}
nav.mainMenu .secondLevel ul.secondLinks > li.menuCol a {
  margin-bottom: 7px;
  display: inline-block;
}
nav.mainMenu .secondLevel ul.secondLinks > li.menuCol a.titleSubmenu {
  font-family: "Zeppelin33", sans-serif;
  font-size: 15px;
  color: #263645;
  text-transform: uppercase;
  margin-bottom: 5px;
}
nav.mainMenu .secondLevel ul.secondLinks > li.menuCol .columnContainer {
  padding-bottom: 20px;
}
nav.mainMenu .secondLevel ul.secondLinks > li.menuCol div a img {
  width: 100%;
  height: auto;
  max-height: 302px;
}
nav.mainMenu .secondLevel.active {
  display: block;
}
nav.mainMenu .secondLinks .menuCol {
  flex: 1;
  column-gap: 30px;
}
nav.mainMenu .secondLinks .menuCol.column2 {
  column-count: 2;
}
nav.mainMenu .secondLinks .menuCol.column3 {
  column-count: 3;
}
nav.mainMenu .secondLinks .menuCol.column4 {
  column-count: 4;
}
nav.mainMenu .secondLinks .menuCat {
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid;
}
nav.mainMenu .secondLinks .pushProduct {
  display: flex;
  margin-left: auto;
  flex: 0 1 auto;
}
nav.mainMenu .secondLinks .productBlock {
  flex-shrink: 0;
  max-width: 195px;
  margin: 0 15px;
}

header.sticky nav.mainMenu .secondLevel {
  top: 61px;
}

/* --------------------------Breadcrumb --------------------------------*/
.breadcrumb {
  background: none;
  font-size: 12px;
  letter-spacing: 0.04em;
  color: #263645;
  margin: 0;
  padding: 0;
  text-transform: uppercase;
}
.breadcrumb a, .breadcrumb span {
  color: #263645;
  text-decoration: none;
  border-bottom: none;
}
.breadcrumb span:last-child {
  color: #9ea6ae;
}

/* --------------------------Process Cart--------------------------*/
.ProcessSteps {
  margin-bottom: 30px;
  background: #f8fafb;
}
.ProcessSteps svg {
  width: 27px;
  height: 27px;
  margin-right: 10px;
  fill: #263645;
}
.ProcessSteps ul {
  display: flex;
  justify-content: center;
  margin: 17px 0 18px;
  position: relative;
}
.ProcessSteps li {
  display: flex;
  align-items: center;
  font-size: 13px;
  text-transform: uppercase;
  padding: 0;
  text-align: center;
  position: relative;
  z-index: 2;
  color: #263645;
}
.ProcessSteps li + li:before {
  content: "";
  width: 1px;
  height: 45px;
  margin: 0 100px;
  background: #9ea6ae;
  -webkit-transform: rotate(20deg);
  -moz-transform: rotate(20deg);
  -ms-transform: rotate(20deg);
  -o-transform: rotate(20deg);
  transform: rotate(20deg);
}
.ProcessSteps li span {
  display: inline-block;
  text-align: center;
}
.ProcessSteps li .textProcess {
  text-transform: uppercase;
}
.ProcessSteps li.actif .textProcess {
  color: #8d7955;
  font-family: "Zeppelin33", sans-serif;
}
.ProcessSteps li.actif svg, .ProcessSteps li.actif path {
  fill: #8d7955;
}
.ProcessSteps a {
  display: inline-flex;
  align-items: center;
  color: #263645;
  transition: 0.3s;
}
.ProcessSteps a .svg {
  transition: 0.3s;
}
.ProcessSteps a:hover {
  color: #8d7955;
}
.ProcessSteps a:hover .svg {
  fill: #8d7955;
}

@media all and (max-width: 1443px) {
  nav.mainMenu .secondLevel ul.secondLinks > li > a {
    padding: 0;
  }

  nav.mainMenu .secondLevel ul.secondLinks > li:last-child {
    margin-right: 0;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  nav.mainMenu .secondLevel ul.secondLinks {
    max-width: 748px;
  }

  nav.mainMenu .secondLinks .productBlock {
    max-width: 185px;
    padding: 0 10px;
  }
}
@media all and (max-width: 1024px) {
  nav.mainMenu .firstLevel ul.firstLinks > li {
    margin: 0 8px;
  }

  .ProcessSteps li + li:before {
    margin: 0 50px;
  }
}
/*==============================
    DESKTOP - LISTING
-------------------------------*/
/*-------------------------------- DESKTOP - LISTING - BLOC PRODUIT TYPE -------------------------------*/
.productBlock {
  text-align: left;
  position: relative;
}
.productBlock .flashSalesLabel, .productBlock .promoLabel, .productBlock .newLabel, .productBlock .etiquetteProduit {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 2;
}
.productBlock .flashSalesLabel img, .productBlock .promoLabel img, .productBlock .newLabel img, .productBlock .etiquetteProduit img {
  max-height: 40px;
  width: auto;
}
.productBlock img.multi {
  margin: 0 auto;
  mix-blend-mode: multiply;
  -moz-mix-blend-mode: multiply;
}
.productBlock img.multi:first-child {
  opacity: 1;
  position: relative;
  z-index: 1;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.productBlock img.multi:nth-child(2) {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 0;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
  transform: translateX(-50%);
}
.productBlock .typeDispo {
  display: none;
}
.productBlock .infos {
  padding-right: 35px;
  margin-top: 7px;
}
.productBlock .infos .titleProduct, .productBlock .infos .titleProduct a, .productBlock .infos .price {
  font-size: 15px;
  font-family: "Zeppelin31", sans-serif;
  text-transform: none;
}
.productBlock .infos .price {
  line-height: 18px;
  height: 18px;
  overflow: hidden;
}
.productBlock .infos .price {
  font-family: "Zeppelin33", sans-serif;
  letter-spacing: 0.02em;
}
.productBlock .infos .price .promo {
  color: #ea3820;
}
.productBlock .infos .price .old {
  text-decoration: line-through;
  margin-right: 5px;
}
.productBlock.search {
  margin-bottom: 20px;
}
.productBlock.search .infos {
  margin-top: 10px;
}
.productBlock.bloc_produit_lot:hover {
  cursor: auto;
}
.productBlock:hover {
  cursor: pointer;
}
.productBlock:hover img.multi:first-child {
  opacity: 0;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.productBlock:hover img.multi:nth-child(2) {
  opacity: 1;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.productBlock:hover .titleProduct {
  color: #2934aa;
}
.productBlock:hover .price {
  color: #2934aa;
}
.productBlock .btnLv1 {
  position: absolute;
  right: 0;
  z-index: 10;
  width: 43px;
  height: 43px;
  margin-top: -39px;
  margin-right: -5px;
  padding: 0;
  background: transparent;
}
.productBlock .btnLv1 .svg-add-cart-round .st0 {
  fill: #263645;
}
.productBlock .btnLv1 .svg-add-cart-round .st1 {
  fill: none;
  stroke: #263645;
  stroke-linecap: round;
  stroke-miterlimit: 10;
}
.productBlock .btnLv1 .svg-add-cart-round .st2 {
  fill: none;
  stroke: #263645;
  stroke-miterlimit: 10;
}
.productBlock .btnLv1 .svg-add-cart-round .st3 {
  display: none;
}
.productBlock .btnLv1 .svg-add-cart-round .st4 {
  display: inline;
  fill: #263645;
}
.productBlock .btnLv1 .svg-add-cart-round .st5 {
  display: inline;
}
.productBlock .btnLv1 .svg-add-cart-round .st6 {
  fill: none;
  stroke: #ffffff;
  stroke-linecap: round;
  stroke-miterlimit: 10;
}
.productBlock .btnLv1 .svg-add-cart-round .st7 {
  fill: none;
  stroke: #ffffff;
  stroke-miterlimit: 10;
}
.productBlock .btnLv1 .svg-add-cart-round .st8 {
  fill: #ffffff;
}
.productBlock .btnLv1 .svg-add-cart-round-hover {
  display: none;
}
.productBlock .btnLv1 .svg-add-cart-round-hover .st0 {
  display: none;
}
.productBlock .btnLv1 .svg-add-cart-round-hover .st1 {
  display: inline;
}
.productBlock .btnLv1 .svg-add-cart-round-hover .st2 {
  fill: #263645;
}
.productBlock .btnLv1 .svg-add-cart-round-hover .st3 {
  fill: none;
  stroke: #263645;
  stroke-linecap: round;
  stroke-miterlimit: 10;
}
.productBlock .btnLv1 .svg-add-cart-round-hover .st4 {
  fill: none;
  stroke: #263645;
  stroke-miterlimit: 10;
}
.productBlock .btnLv1 .svg-add-cart-round-hover .st5 {
  fill: none;
  stroke: #ffffff;
  stroke-linecap: round;
  stroke-miterlimit: 10;
}
.productBlock .btnLv1 .svg-add-cart-round-hover .st6 {
  fill: none;
  stroke: #ffffff;
  stroke-miterlimit: 10;
}
.productBlock .btnLv1 .svg-add-cart-round-hover .st7 {
  display: inline;
  fill: #263645;
}
.productBlock .btnLv1 .svg-add-cart-round-hover .st8 {
  fill: #ffffff;
}
.productBlock .btnLv1:hover, .productBlock .btnLv1:focus, .productBlock .btnLv1:active {
  position: absolute;
  padding: 0;
  background: transparent;
}
.productBlock .btnLv1:hover .svg-add-cart-round, .productBlock .btnLv1:focus .svg-add-cart-round, .productBlock .btnLv1:active .svg-add-cart-round {
  display: none;
}
.productBlock .btnLv1:hover .svg-add-cart-round-hover, .productBlock .btnLv1:focus .svg-add-cart-round-hover, .productBlock .btnLv1:active .svg-add-cart-round-hover {
  display: inline-block;
}

.listingCouleur {
  display: flex;
  flex-wrap: wrap;
  margin-top: 5px;
  cursor: default;
}
.listingCouleur img {
  width: 20px;
  margin: 0 5px 5px 0;
  border-radius: 100%;
}
.listingCouleur p {
  flex: 100%;
  font-size: 12px;
}

.salesLabel, .flashSalesLabel, .promoLabel, .newLabel {
  display: inline-block;
  padding: 0 7px;
  height: 43px;
  line-height: 43px;
  border-radius: 25px;
  color: #ffffff;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 500;
}

.salesLabel, .flashSalesLabel {
  background: #ea3820;
}
.salesLabel span, .flashSalesLabel span {
  line-height: normal;
}

.promoLabel {
  background: #263645;
}
.promoLabel span {
  line-height: normal;
}

.newLabel {
  background: #2934aa;
}
.newLabel span {
  line-height: normal;
}

.productBlockPromo {
  margin-top: 20px;
}
.productBlockPromo .visuel {
  width: 20%;
  margin-right: 20px;
}
.productBlockPromo .infos .name {
  font-size: 15px;
}
.productBlockPromo .infos .price {
  font-size: 15px;
}
.productBlockPromo .infos .price .normal, .productBlockPromo .infos .price .promo {
  font-weight: 700;
}
.productBlockPromo .thirdLink {
  width: 100%;
  display: inline-block;
  margin-top: 10px;
}

/*-------------------------------- LISTING -------------------------------*/
.introListingWrapper {
  background: #f8fafb;
}
.introListingWrapper .container-fluid {
  border-top: 1px solid #e7ecf1;
  padding-top: 25px;
  padding-bottom: 60px;
}
.introListingWrapper img {
  display: inline-block;
}
.introListingWrapper .titleLv2 {
  color: #2934aa;
}
.introListingWrapper .categDesc {
  margin-top: 5px;
}
.introListingWrapper .categDesc img {
  display: inline-block;
  margin: 10px 0;
  max-width: 100%;
  height: auto;
}

/*---------------------------------PAGINATION AND TOP FILTERS--------------------------------------*/
.breadNPaging {
  height: 80px;
  line-height: 80px;
}
.breadNPaging .form-group {
  margin-bottom: 0;
}
.breadNPaging .foundProd {
  float: left;
  margin-right: 20px;
}
.breadNPaging .foundProd p {
  font-size: 20px;
  font-weight: 700;
}
.breadNPaging .countProd {
  float: left;
  margin-left: 20px;
}

.countProd {
  text-align: left;
  font-size: 13px;
  font-weight: 700;
}
.countProd p {
  display: inline-block;
  text-transform: uppercase;
  color: #9ea6ae;
}
.countProd ul {
  display: inline-block;
}
.countProd ul li {
  display: inline-block;
  padding: 0 5px;
}
.countProd ul li a {
  color: #9ea6ae;
}
.countProd ul li.actif a, .countProd ul li:hover a {
  color: #8d7955;
  border-bottom: 1px solid #8d7955;
}
.countProd ul li.inactif a {
  display: none;
}

.sortBy {
  text-align: right;
}
.sortBy label {
  font-size: 13px;
  color: #9ea6ae;
  text-transform: uppercase;
}
.sortBy .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
  width: auto;
  min-width: 170px;
  margin-left: 10px;
}
.sortBy .bootstrap-select.btn-group .dropdown-toggle {
  padding-right: 25px;
}
.sortBy .bootstrap-select.btn-group .dropdown-toggle .filter-option {
  text-transform: uppercase;
}

.bottomPagination {
  position: relative;
}
.bottomPagination .countProd {
  position: absolute;
  left: 0;
  top: 30px;
  padding-left: 0;
}
.bottomPagination .pagination {
  display: inline-block;
  color: #8d7955;
  font-size: 13px;
  text-transform: uppercase;
}
.bottomPagination .pagination > li > a, .bottomPagination .pagination > li span {
  width: 45px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  display: inline-block;
  border-radius: 25px;
  color: #8d7955;
  border: none;
  padding: 0;
  margin: 0 5px;
}
.bottomPagination .pagination > li > span, .bottomPagination .pagination > li > a:hover {
  background: #faf7f1;
}
.bottomPagination .pagination > li.direction > a, .bottomPagination .pagination > li.direction span {
  width: auto;
  padding: 0 5px;
  background: transparent;
  margin: 0;
}
.bottomPagination .pagination > li.direction > a:hover, .bottomPagination .pagination > li.direction span:hover {
  color: #c7b493;
}

/*---------------------------------LISTING MAIN CONTAINERS--------------------------------------*/
.filtersSidebar {
  float: left;
  margin: 0;
}

.listingContent {
  float: left;
  margin: 0 0 0 40px;
}

/*---------------------------------MASONRY GRID--------------------------------------*/
.masonryGridListing.masonry-grid {
  max-width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.masonryGridListing.masonry-grid .grid-sizer {
  width: 20%;
  display: none;
}
.masonryGridListing.masonry-grid .grid-item {
  float: left;
  width: 20%;
  padding: 0 20px 17px 20px;
  height: auto;
}
.masonryGridListing.masonry-grid .grid-item .image {
  position: relative;
}
.masonryGridListing.masonry-grid .grid-item--width2 {
  float: left;
  width: 40%;
  padding: 0 20px 17px 20px;
  height: auto;
}
.masonryGridListing.masonry-grid:after {
  content: "";
  display: block;
  clear: both;
}

/*---------------------------------SIDE FILTERS-------------------------------------*/
#listing #filtres {
  border-top: 1px solid #e7ecf1;
  padding-top: 20px;
  /*#amount{
    margin-top: 10px;
  }
  #min, #max {
    width: 50px;
    text-align: center;
    margin-top: 10px;
  }*/
}
#listing #filtres * {
  font-size: 13px;
}
#listing #filtres .simplebar-scroll-content li {
  padding-right: 15px;
}
#listing #filtres .deleteAll {
  text-decoration: none;
  font-weight: 400;
  color: #263645;
  border: none;
  font-family: "Zeppelin31", sans-serif;
}
#listing #filtres .selection {
  padding: 10px 0;
}
#listing #filtres .selection li {
  display: inline-block;
  float: left;
  margin-bottom: 5px;
}
#listing #filtres .selection li a.delete {
  color: #263645;
  background: #f8fafb;
  text-decoration: none;
  padding: 5px 10px;
  display: inline-block;
}
#listing #filtres .selection li a.delete:after {
  content: "";
  display: inline-block;
  background: url("./images/icons/deleteFiltre.svg") no-repeat center center;
  background-size: 100% auto;
  width: 8px;
  height: 8px;
  margin-left: 5px;
}
#listing #filtres .selection li a.delete:hover {
  text-decoration: line-through;
}
#listing #filtres .checkbox {
  margin-bottom: 10px;
  margin-top: 0;
  padding-right: 0;
  width: 100%;
}
#listing #filtres .checkbox .text {
  max-width: 70%;
  display: inline-block;
  position: relative;
  top: -1px;
}
#listing #filtres .checkbox .number {
  float: right;
  color: #9ea6ae;
  font-size: 12px;
}
#listing #filtres .type {
  padding: 0 10px;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #e7ecf1;
}
#listing #filtres .type .categFiltres > li {
  display: none;
  /*color:$darkgrey;
  a {
    color: $darkgrey;
    text-decoration: none;
    &:before{
      content:"+";
      padding-right: 5px;
    }
  }*/
}
#listing #filtres .type .categFiltres > li ul {
  display: none;
}
#listing #filtres .type .categFiltres > li.actif {
  display: block;
}
#listing #filtres .type .categFiltres > li.actif > a {
  color: #263645;
}
#listing #filtres .type .categFiltres > li.actif ul {
  display: block;
}
#listing #filtres .scrollList.bigHeight {
  height: 235px;
}
#listing #filtres #filter_price {
  max-width: 90%;
  margin-left: 5%;
  margin-top: 5px;
}
#listing #filtres #filter_price .ui-slider-handle {
  -ms-touch-action: none;
  touch-action: none;
}
#listing #filtres #filter_price .priceMin, #listing #filtres #filter_price .priceMax {
  top: 10px !important;
}
#listing #filtres #filter_price .priceMin {
  left: 0;
}
#listing #filtres #filter_price .priceMax {
  right: 0;
}
#listing .titleFiltre {
  text-transform: uppercase;
  font-size: 14px;
  margin-bottom: 5px;
  font-family: "Zeppelin33", sans-serif;
  letter-spacing: 1px;
}
#listing .titleFiltre.first {
  padding: 0 10px;
}
#listing .filterToggle {
  display: inline-block;
  width: 100%;
  text-decoration: none;
}
#listing .filterToggle:after {
  content: "";
  width: 20px;
  height: 12px;
  background: url("./images/icons/simpleArrow.svg") no-repeat center center;
  display: inline-block;
  float: right;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  margin-top: 3px;
}
#listing .filterToggle .titleFiltre {
  margin-bottom: 5px;
  max-width: 85%;
  display: inline-block;
}
#listing .filterToggle.collapsed:after {
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  -ms-transform: rotate(0);
  -o-transform: rotate(0);
  transform: rotate(0);
}
#listing .filterToggle:hover {
  text-decoration: none;
}
#listing .sepHoriz {
  width: 100%;
  display: block;
  height: 1px;
  background: #e7ecf1;
  margin: 20px 0;
}

.MacOS #listing #filtres .checkbox .text {
  top: 1px;
}

#search_results ul.puceList {
  margin-bottom: 40px;
}
#search_results ul.puceList li {
  list-style-type: disc;
  margin-left: 15px;
}
#search_results ul.puceList li a {
  font-size: 15px;
  text-decoration: none;
  line-height: 24px;
}
#search_results ul.puceList li a:hover {
  text-decoration: underline;
}

/*---------------------------------SEARCH RESULTS-------------------------------------*/
.emptySearchResults .searchForm {
  position: relative;
  z-index: 1;
  width: 330px;
  margin: 20px auto;
  height: 40px;
}
.emptySearchResults .autoComplete {
  max-width: 330px;
}
.emptySearchResults .searchBar {
  max-width: 330px;
  min-width: 330px;
}
.emptySearchResults .helpText {
  margin-bottom: 20px;
}
.emptySearchResults .categLink {
  float: left;
  width: 50%;
}
.emptySearchResults .categLink a {
  width: 100%;
  height: 100%;
  display: inline-block;
}
.emptySearchResults .closeSmall {
  display: none;
}

/*---------------------------------RESPONSIVE LISTING-------------------------------------*/
@media (min-width: 1444px) {
  .filtersSidebar {
    width: 194px;
  }
}
@media (min-width: 1025px) and (max-width: 1443px) {
  .filtersSidebar {
    width: 194px;
  }

  .masonryGridListing.masonry-grid .grid-sizer {
    width: 25%;
  }
  .masonryGridListing.masonry-grid .grid-item {
    width: 25%;
  }
  .masonryGridListing.masonry-grid .grid-item--width2 {
    width: 50%;
  }
  .masonryGridListing.masonry-grid .grid-item--width2 .blockInfos img {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  /*-------PAGINATION AND TOP FILTERS---------*/
  .breadNPaging {
    height: auto;
    line-height: normal;
  }
  .breadNPaging .breadcrumb {
    padding: 15px 0;
    border-bottom: 1px solid #e7ecf1;
  }
  .breadNPaging .foundProd, .breadNPaging .countProd, .breadNPaging .sortBy {
    line-height: 70px;
    height: 70px;
  }
  .breadNPaging .sortBy .form-group {
    margin-right: 10px;
  }

  .filtersSidebar {
    width: 180px;
  }

  .masonryGridListing.masonry-grid .grid-sizer {
    width: 50%;
  }
  .masonryGridListing.masonry-grid .grid-item {
    width: 50%;
  }
  .masonryGridListing.masonry-grid .grid-item--width2 {
    width: 50%;
  }
  .masonryGridListing.masonry-grid .grid-item--width2 .blockInfos img {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  /*-------DESKTOP - LISTING - BLOC PRODUIT TYPE---------*/
  .productBlock .big-target-anchor {
    width: 100%;
    height: 100%;
    display: inline-block;
  }
  .productBlock .btnLv1 {
    width: 31px;
    height: 31px;
  }

  /*-------LISTING MAIN CONTAINERS---------*/
  .listingContent {
    position: relative;
    left: 20px;
    float: right;
    margin-left: 0;
    width: calc(100% - 180px) !important;
  }
  .listingContent > .row {
    margin-right: 0;
    margin-left: 0;
  }
  .listingContent .masonryGridListing.masonry-grid {
    margin-right: -10px;
    margin-left: -10px;
    height: auto !important;
  }
  .listingContent .masonryGridListing.masonry-grid .grid-sizer {
    display: none;
  }
  .listingContent .masonryGridListing.masonry-grid .grid-item {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    padding: 0 20px 20px;
    min-height: 1px;
  }
  .listingContent .masonryGridListing.masonry-grid .grid-item .multi {
    width: 100%;
  }
}
/*==============================
    DESKTOP - PRODUCT
-------------------------------*/
#produit.standard .breadNPaging {
  height: 40px;
  line-height: 40px;
  margin-bottom: 40px;
}
#produit.standard .breadcrumb {
  border-bottom: 1px solid #e7ecf1;
}

#produit .productMain {
  margin-bottom: 20px;
}
#produit .productMain.noMarginB {
  margin-bottom: -1px;
}
#produit .productMain .mainInfos {
  font-size: 14px;
  margin-bottom: 60px;
  font-family: "Zeppelin32", sans-serif;
  top: -40px;
}
#produit .productMain .mainInfos .level {
  font-size: 15px;
  text-transform: uppercase;
  margin-bottom: 10px;
  letter-spacing: 1px;
}
#produit .productMain .mainInfos .titleLv1 {
  color: #263645;
  line-height: 125%;
  margin-bottom: 10px;
  font-size: 20px;
}
#produit .productMain .mainInfos .price {
  font-size: 20px;
  font-weight: 700;
  display: block;
}
#produit .productMain .mainInfos .old {
  text-decoration: line-through;
  font-family: "Zeppelin33", sans-serif;
}
#produit .productMain .mainInfos .note {
  margin: 0 0 10px 0;
}
#produit .productMain .mainInfos .note a {
  color: #8d7955;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 0.04em;
  text-decoration: none;
  border-bottom: none;
  padding-top: 2px;
}
#produit .productMain .mainInfos .note img {
  max-width: 85px;
  margin-right: 10px;
}
#produit .productMain .mainInfos .descriptionWrapper {
  margin-top: 20px;
  margin-bottom: 10px;
}
#produit .productMain .mainInfos .descriptionWrapper .description {
  display: inline-block;
}
#produit .productMain .mainInfos .descriptionWrapper .description.long {
  max-height: 4.5em;
  overflow: hidden;
  -webkit-transition: all 0.7s ease;
  -moz-transition: all 0.7s ease;
  -o-transition: all 0.7s ease;
  -ms-transition: all 0.7s ease;
  transition: all 0.7s ease;
}
#produit .productMain .mainInfos .descriptionWrapper ul, #produit .productMain .mainInfos .descriptionWrapper ol {
  margin: initial;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 0 0 0 40px;
}
#produit .productMain .mainInfos .descriptionWrapper ul {
  list-style: initial;
}
#produit .productMain .mainInfos .descriptionWrapper li {
  list-style: inherit;
}
#produit .productMain .mainInfos .descriptionWrapper .more {
  text-decoration: none;
}
#produit .productMain .mainInfos .descriptionWrapper .more .reduce {
  display: none;
}
#produit .productMain .mainInfos .descriptionWrapper .more .deploy {
  display: inline-block;
}
#produit .productMain .mainInfos .descriptionWrapper.bigHeight .description.long {
  max-height: none;
  -webkit-transition: all 0.7s ease;
  -moz-transition: all 0.7s ease;
  -o-transition: all 0.7s ease;
  -ms-transition: all 0.7s ease;
  transition: all 0.7s ease;
}
#produit .productMain .mainInfos .descriptionWrapper.bigHeight .more .reduce {
  display: inline-block;
  border-bottom: 1px solid #8d7955;
}
#produit .productMain .mainInfos .descriptionWrapper.bigHeight .more .deploy {
  display: none;
}
#produit .productMain .mainInfos .ref {
  color: #9ea6ae;
  line-height: 31px;
}
#produit .productMain .blocCommande .smallTitle {
  font-weight: 700;
  font-size: 14px;
  padding: 5px 0;
}
#produit .productMain .blocCommande .apartir {
  display: block;
  width: 100%;
  margin-top: 23px;
}
#produit .productMain .blocCommande .apartir span.from {
  font-size: 14px;
  color: #8d7955;
  text-align: left;
  line-height: 54px;
  margin-right: 20px;
}
#produit .productMain .blocCommande .apartir del {
  font-size: 24px;
  font-weight: 700;
  color: #8d7955;
  line-height: 46px;
}
#produit .productMain .blocCommande .apartir span.price {
  font-size: 30px;
  font-weight: 700;
  text-align: right;
}
#produit .productMain .blocCommande .priceDetails {
  width: 100%;
}
#produit .productMain .blocCommande .priceDetails a {
  color: #8d7955;
  text-decoration: underline;
  font-size: 14px;
}
#produit .productMain .blocCommande .stepSelection {
  float: left;
  width: 30%;
}
#produit .productMain .blocCommande .stepSelection .choose {
  width: 50px;
  display: inline-block;
}
#produit .productMain .blocCommande .stepSelection .inputQty {
  width: 100%;
}
#produit .productMain .blocCommande .stepSelection .inputQty input, #produit .productMain .blocCommande .stepSelection .inputQty span {
  width: 33.33%;
  height: 40px;
  display: block;
  float: left;
  line-height: 40px;
  text-align: center;
  font-family: "Zeppelin33", sans-serif;
}
#produit .productMain .blocCommande .stepSelection .inputQty input {
  padding: 0;
}
#produit .productMain .blocCommande .stepSelection .inputQty span:hover {
  cursor: pointer;
}
#produit .productMain .blocCommande .stepSelection .inputQty .add-product {
  border: 1px solid #e7ecf1;
  color: #8d7955;
  font-size: 30px;
  margin-right: -1px;
  background: #ffffff url("./images/icons/quantities-01.svg") no-repeat -5px -56px;
}
#produit .productMain .blocCommande .stepSelection .inputQty .add-product:hover {
  background: #ffffff url("./images/icons/quantities-01.svg") no-repeat -5px -107px;
  cursor: pointer;
}
#produit .productMain .blocCommande .stepSelection .inputQty .remove-product {
  border: 1px solid #e7ecf1;
  color: #8d7955;
  font-size: 30px;
  margin-left: -1px;
  background: #ffffff url("./images/icons/quantities-01.svg") no-repeat -52px -56px;
}
#produit .productMain .blocCommande .stepSelection .inputQty .remove-product:hover {
  background: #ffffff url("./images/icons/quantities-01.svg") no-repeat -52px -107px;
  cursor: pointer;
}
#produit .productMain .blocCommande .steps.final {
  float: left;
  width: 70%;
}
#produit .productMain .blocCommande .steps.final .btn {
  width: 100%;
}
#produit .productMain .goLocator {
  width: 70%;
  float: left;
  margin-left: 30%;
  margin-top: 20px;
}
#produit .productMain .compInfos {
  border-top: 1px solid #e7ecf1;
  border-bottom: 1px solid #e7ecf1;
  margin-bottom: 40px;
  margin-top: 5px;
}
#produit .productMain .compInfos .infoBloc {
  width: 50%;
  line-height: 40px;
  height: 40px;
  display: block;
  float: left;
  /*&:before{
    content: "";
    width: 40px;
    height: 40px;
    display: inline-block;
    vertical-align: middle;
  }
  &.categ{
    &:before{
      background: url("/images/icons/product-type-embroidery.svg")no-repeat center center;
      background-size: auto 50%;
    }
  }
  &.dimensions{
    &:before{
      background: url("/images/icons/product-size.svg")no-repeat center center;
      background-size: auto 50%;
    }
  }
  &.brand{
    &:before{
      background: url("/images/icons/product-brand.svg")no-repeat center center;
      background-size: auto 50%;
    }
  }*/
}
#produit .productMain .compInfos .infoBloc img {
  width: 20px;
  height: auto;
  margin: 5px 10px;
  display: inline-block;
}
#produit .productMain .compInfos .sep {
  display: block;
  width: 100%;
  height: 1px;
  background: #e7ecf1;
}

#produit .partage .shareLink {
  display: inline-block;
  vertical-align: middle;
  width: 31px;
  height: 31px;
  margin-right: 10px;
}
#produit .partage .shareLink:hover svg path {
  fill: #c7b493;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
#produit .partage span[data-pin-log=button_pinit_bookmarklet] {
  width: 31px !important;
  height: 31px !important;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  background: url("./images/icons/pinterest.svg") no-repeat left center !important;
}
#produit .partage span[data-pin-log=button_pinit_bookmarklet]:hover {
  background: url("./images/icons/pinterest-on.svg") no-repeat left center !important;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
#produit .choix_taille p {
  font-weight: 700;
  font-size: 13px;
  padding: 10px 0 3px 0;
}
#produit .choix_taille .sizeChoice {
  height: 48px;
  min-width: 48px;
  line-height: 48px;
  padding: 0 15px;
  display: inline-block;
  border: 1px solid #e7ecf1;
  border-radius: 25px;
  font-weight: 700;
  margin: 10px;
  text-align: center;
}
#produit .choix_taille .sizeChoice:hover, #produit .choix_taille .sizeChoice.select {
  border: 1px solid #263645;
  cursor: pointer;
}
#produit .secondaryLink.largeLink {
  font-size: 11px;
}
#produit.productToile .productMain .price {
  display: inline-block;
  position: relative;
  margin-left: 5px;
  margin-bottom: 15px;
  top: -3px;
}

#produit:not(.productThread) .selector {
  position: relative;
  height: auto;
}
#produit:not(.productThread) .selector .btn {
  margin-top: 10px;
}
#produit:not(.productThread) .selector .inputQty {
  margin-top: 10px;
}
#produit:not(.productThread) .selector .selectorInfos {
  width: 70%;
  float: left;
}

.blockCms {
  padding: 40px 0;
}
.blockCms .titleBlock, .blockCms .titleSpecial2, .blockCms .titleSpecial2 .it {
  margin-top: -5px;
  margin-bottom: 15px;
  font-family: "SackersGothicStd-Heavy", sans-serif;
  font-size: 23px;
  font-style: normal;
  line-height: 1;
  text-transform: lowercase;
}
.blockCms .textWrapper {
  margin-bottom: 25px;
}
.blockCms .textWrapper p + p {
  margin-top: 20px;
}
.blockCms .textWrapper *:last-child {
  margin-bottom: 0;
}

.blockSlider {
  padding: 0 10px;
  margin-top: 50px;
}

.blockSliderText {
  padding: 40px 20px;
  font-family: "Zeppelin32", sans-serif;
  text-align: center;
  background: #fff4da;
}
.blockSliderText ul {
  font-family: "Zeppelin32", sans-serif;
  font-size: 14px;
  font-style: italic;
  line-height: 22px;
}
.blockSliderText li {
  display: flex;
  justify-content: center;
  margin-bottom: 10px;
  font-family: "Zeppelin33", sans-serif;
}
.blockSliderText li span {
  position: relative;
}
.blockSliderText li img {
  position: absolute;
  left: -10px;
  transform: translateX(-100%);
}
.blockSliderText li:last-child {
  margin-bottom: 0;
}
.blockSliderText img {
  height: 20px;
}

.blockSliderImg {
  position: relative;
  height: 210px;
  padding: 0;
}
.blockSliderImg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.blockSliderImg ul {
  display: flex;
  position: absolute;
  bottom: 20px;
  padding: 0 20px;
}
.blockSliderImg li {
  width: 30px;
  height: 30px;
  margin-right: 10px;
  border: 1px solid #ffffff;
  cursor: pointer;
  transition: 0.5s;
}
.blockSliderImg li.active, .blockSliderImg li:hover {
  border-color: #404040;
}

.blockTuto {
  padding: 0 20px 40px;
  margin-left: -20px;
  margin-right: -20px;
  text-align: center;
  background: #fff4da;
}
.blockTuto .videoWrapper {
  height: 220px;
  margin: 0 -20px 40px;
}
.blockTuto img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.blockTuto .video-container {
  height: 220px;
}
.blockTuto iframe {
  width: 100%;
  height: 100%;
}
.blockTuto .textWrapper {
  font-family: "Zeppelin32", sans-serif;
}
.blockTuto .btnLv7 {
  display: inline-flex;
  align-items: center;
  width: auto;
  color: #263645;
  font-size: 17px;
  border-color: #263645;
  border-width: 1px;
}
.blockTuto .btnLv7:hover {
  width: auto;
  font-size: 17px;
  border-width: 1px;
}

.blockVideo {
  background: #f9fafb;
}

.blockCms.prodAssoc {
  padding-bottom: 40px;
}

/*-------------------------------SLIDER-------------------------------*/
#produit .prodGallery, #produit .prodGalleryModel {
  width: 100%;
  position: relative;
}
#produit .prodGallery ul li, #produit .prodGalleryModel ul li {
  text-align: center;
  background: #FFFFFF;
  /*.iconZoom {
    opacity: 0;
    display: inline-block;
    position: absolute;
    left: 50%;
    top:50%;
    background: url("/images/icons/search.svg") no-repeat center center;
    background-size: 40px auto;
    width: 40px;
    height: 40px;
    margin-left: -20px;
    margin-top: -20px;
  }
  &:hover{
    img{
      opacity: 0.3;
      -webkit-transition: opacity 0.3s;
      -moz-transition: opacity 0.3s;
      -o-transition: opacity 0.3s;
      transition: opacity 0.3s;
    }
    .iconZoom {
      opacity: 1;
      -webkit-transition: opacity 0.3s;
      -moz-transition: opacity 0.3s;
      -o-transition: opacity 0.3s;
      transition: opacity 0.3s;
    }
  }*/
}
#produit .prodGallery ul li a, #produit .prodGalleryModel ul li a {
  display: block;
}
#produit .prodGallery ul li img, #produit .prodGalleryModel ul li img {
  display: inline-block;
  /*-webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;*/
}
#produit .prodGallery #bx-pager, #produit .prodGalleryModel #bx-pager {
  text-align: center;
}
#produit .prodGallery #bx-pager a, #produit .prodGalleryModel #bx-pager a {
  display: inline-block;
  margin-bottom: 20px;
  box-sizing: border-box;
}
#produit .prodGallery #bx-pager a.active, #produit .prodGalleryModel #bx-pager a.active {
  border: 1px solid #9ea6ae;
}

#slider-pager .slick-prev, #slider-pager .slick-next {
  width: 30px;
  height: 30px;
}
#slider-pager .slick-prev:before, #slider-pager .slick-next:before {
  content: "";
  display: inline-block;
  background: url("./images/icons/arrow.svg") no-repeat center center;
  background-size: contain;
  width: 100%;
  height: 100%;
  transform: rotate(-90deg);
}
#slider-pager .slick-next:before {
  transform: rotate(90deg);
}
#slider-pager .slick-slide {
  margin: 0 5px;
}
#slider-pager.slick-vertical .slick-prev, #slider-pager.slick-vertical .slick-next {
  top: -30px;
  left: 50%;
  margin-left: -15px;
  transform: none;
}
#slider-pager.slick-vertical .slick-prev:before, #slider-pager.slick-vertical .slick-next:before {
  transform: rotate(0deg);
}
#slider-pager.slick-vertical .slick-next {
  top: auto;
  bottom: -30px;
}
#slider-pager.slick-vertical .slick-next:before {
  transform: rotate(180deg);
}
#slider-pager.slick-vertical .slick-slide {
  margin: 10px 0;
}
#slider-pager .slick-slide > div {
  display: flex;
  align-items: center;
  justify-content: center;
}
#slider-pager a img {
  margin: auto;
  border: 1px solid transparent;
}
#slider-pager a.active img {
  border-color: #9ea6ae;
}

.bx-wrapper {
  border: none;
  box-shadow: none;
  margin: 0;
}
.bx-wrapper .easyzoom-flyout {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.bx-wrapper .easyzoom-flyout img {
  max-width: none;
}

/*-------------------------------MODULES COULEURS/NUANCIER ETC-------------------------------*/
#produit .sectionHead {
  margin-bottom: 0;
  border: none;
}
#produit .typeModule {
  margin-bottom: 40px;
  /*background: url("/images/pattern-bg.png")repeat center center;*/
  padding-bottom: 40px;
  /*.nuancierType{
    padding: 0 10px;
    .colNuancier{
      width: 18%;
      float: left;
      display: inline-block;
      margin-left: 2%;
      margin-top: 40px;
      background: $white;
      position: relative;
      &:nth-child(5n+1){
        margin-left: 0;
      }
      &.select{
        outline: 2px solid $maincolor;
      }
      &:hover{
        outline: 2px solid $maincolor;
        cursor: pointer;
      }
      span.flagNew{
        position: absolute;
        left:0;
        top:0;
        background: url("/images/newColor.svg")no-repeat center center;
        display: inline-block;
        width: 60px;
        height: 28px;
        z-index:3;
      }
    }
  }*/
  /*.change-qte{
    display: inline-block;
    vertical-align: middle;
    width: 23%;
    position: relative;
    height: 30px;
    span{
      font-weight: $fwbold;
      color: transparent;
      font-size: 0;
      width: 20px;
      height: 15px;
      display: block;
      &.remove-product{
        position: absolute;
        top: 0;
        left: 10px;
        background: url('/images/icons/qtePlus.svg')no-repeat center center;
      }
      &.add-product{
        position: absolute;
        top: 15px;
        left: 10px;
        background: url('/images/icons/qteMinus.svg')no-repeat center center;
      }
    }
    &:hover{
      cursor: pointer;
    }
  }*/
}
#produit .typeModule .intro {
  padding-top: 20px;
  padding-bottom: 10px;
}
#produit .typeModule input[type=text], #produit .typeModule input[type=number] {
  text-align: center;
}
#produit .typeModule .kit .option_kit {
  margin-top: 20px;
}
#produit .typeModule .kit .option_kit .visuel {
  max-width: 20%;
  margin: 0 20px 10px 10px;
}
#produit .typeModule .kit .option_kit .content-kitfils {
  margin-right: 20px;
  width: 25%;
}
#produit .typeModule .kit .option_kit .content-kitfils .nom {
  line-height: 40px;
  font-size: 14px;
  font-weight: 700;
}
#produit .typeModule .kit .option_kit .qte {
  line-height: 40px;
  margin-left: 20px;
  /*.change-qte{
    width: 20px;
    vertical-align: top;
    span{
      line-height: 10px;
      &.remove-product{
        top: 0;
      }
      &.add-product{
        top: 15px;
      }
    }
  }*/
}
#produit .typeModule .kit .option_kit .qte input {
  max-width: 80px;
  margin-left: 20px;
}
#produit .typeModule .kit .option_kit .qte .form-group {
  display: inline-block;
}
#produit .typeModule .kit .option_kit .prix {
  margin-right: 10px;
  font-size: 18px;
  font-weight: 700;
  line-height: 40px;
  text-align: right;
}
#produit .typeModule .kit .option_kit .prix del {
  color: #8d7955;
  font-weight: 400;
  font-size: 14px;
}
#produit .typeModule.nuancier {
  margin-top: 30px;
}
#produit .typeModule#mod-acc-opt .qte {
  line-height: 40px;
  margin-bottom: 10px;
}
#produit .typeModule#mod-acc-opt .qte input[type=text] {
  max-width: 100px;
  margin-left: 10px;
}
#produit .typeModule .addSelection {
  margin-top: 20px;
}
#produit #table_couleur {
  width: 100%;
}
#produit #table_couleur ul {
  width: 100%;
}
#produit #table_couleur ul li.colorSquare {
  width: 48px;
  height: 48px;
  border-radius: 25px;
  border: 1px solid transparent;
  overflow: hidden;
  display: block;
  margin: 7px;
  float: left;
  position: relative;
  box-sizing: border-box;
}
#produit #table_couleur ul li.colorSquare .motif, #produit #table_couleur ul li.colorSquare .motif_broderie {
  width: 46px;
  height: 46px;
  border-radius: 25px;
  border: 3px solid #ffffff;
  box-sizing: border-box;
  overflow: hidden;
}
#produit #table_couleur ul li.colorSquare .motif span.flagNew, #produit #table_couleur ul li.colorSquare .motif_broderie span.flagNew {
  position: absolute;
  left: 0;
  top: 0;
  background: url("./images/newColor.png") no-repeat center center;
  display: inline-block;
  width: 30px;
  height: 14px;
}
#produit #table_couleur ul li.colorSquare .motif a, #produit #table_couleur ul li.colorSquare .motif_broderie a {
  width: 100%;
  height: 100%;
}
#produit #table_couleur ul li.colorSquare .motif a span.iconPreview, #produit #table_couleur ul li.colorSquare .motif_broderie a span.iconPreview {
  display: none;
  background: url("./images/loupedmcblue.jpg") no-repeat center center;
  width: 80px;
  height: 30px;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  margin: 0;
}
#produit #table_couleur ul li.colorSquare .motif a img, #produit #table_couleur ul li.colorSquare .motif_broderie a img {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  transform: translateX(-50%) translateY(-50%);
  min-height: 100%;
  width: auto;
}
#produit #table_couleur ul li.colorSquare .motif a:hover span.iconPreview, #produit #table_couleur ul li.colorSquare .motif_broderie a:hover span.iconPreview {
  display: inline-block;
}
#produit #table_couleur ul li.colorSquare:hover, #produit #table_couleur ul li.colorSquare.select {
  border: 1px solid #9ea6ae;
}
#produit #table_couleur .selectSmallChoice ul {
  width: auto;
  display: inline-block;
  float: right;
}
#produit #table_couleur .selectSmallChoice ul li.colorSquare {
  width: 35px;
  height: 35px;
  border-radius: 25px;
  border: 1px solid transparent;
  overflow: hidden;
  display: block;
  margin: 5px;
  float: left;
  position: relative;
  box-sizing: border-box;
}
#produit #table_couleur .selectSmallChoice ul li.colorSquare .motif, #produit #table_couleur .selectSmallChoice ul li.colorSquare .motif_broderie {
  width: 33px;
  height: 33px;
  border-radius: 25px;
  border: 3px solid #ffffff;
  box-sizing: border-box;
  overflow: hidden;
}
#produit #table_couleur .selectSmallChoice ul li.colorSquare:hover, #produit #table_couleur .selectSmallChoice ul li.colorSquare.select {
  border: 1px solid #9ea6ae;
}
#produit .epuise {
  display: inline-block;
  vertical-align: middle;
  font-style: italic;
  color: #8d7955;
  background: #FFFFFF;
  padding: 10px;
}

/*------------------------------- COMMENTS -------------------------------*/
#produit .prodAvis {
  background: #f8fafb;
  padding: 60px 0;
  margin-bottom: 20px;
}
#produit .prodAvis .btn {
  margin-top: 20px;
}
#produit .prodAvis .moyenne {
  text-align: center;
  margin: 0 auto 40px;
}
#produit .prodAvis .moyenne a {
  border: none;
  color: #263645;
}
#produit .prodAvis .moyenne span.count {
  font-size: 12px;
  text-transform: uppercase;
}
#produit .prodAvis .moyenne img {
  max-width: 85px;
  margin: -3px 5px 0;
}
#produit .prodAvis .commentWrapper {
  margin-bottom: 40px;
}
#produit .prodAvis .commentWrapper .comment {
  color: #263645 !important;
}
#produit .prodAvis .commentWrapper .comment .note {
  margin-bottom: 10px;
}
#produit .prodAvis .commentWrapper .comment .note img {
  max-width: 80px;
}
#produit .prodAvis .commentWrapper .comment .user {
  font-size: 13px;
}
#produit .prodAvis .commentWrapper .comment .user .name {
  font-weight: 700;
}
#produit .prodAvis .commentWrapper .comment .testimony {
  min-height: 110px;
}
#produit .prodAvis .commentWrapper .comment .testimony .testimonyText {
  height: auto;
  max-height: 85px;
  overflow: hidden;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
#produit .prodAvis .commentWrapper .comment .testimony .more {
  display: inline-block;
}
#produit .prodAvis .commentWrapper .comment .testimony .more .reduce {
  display: none;
}
#produit .prodAvis .commentWrapper .comment .testimony .more .deploy {
  display: inline-block;
}
#produit .prodAvis .commentWrapper .comment .testimony.deployed .testimonyText {
  max-height: 1000px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
#produit .prodAvis .commentWrapper .comment .testimony.deployed .more .reduce {
  display: inline-block;
}
#produit .prodAvis .commentWrapper .comment .testimony.deployed .more .deploy {
  display: none;
}
#produit .prodAvis .commentWrapper:nth-child(odd) {
  border-right: 1px solid #8d7955;
}
#produit .prodAvis .commentWrapper:nth-child(n+7) {
  display: none;
}
#produit .prodAvis .paginationWrapper {
  border-bottom: 1px solid #e7ecf1;
  text-align: center;
}
#produit .prodAvis .paginationWrapper .pagination {
  display: inline-block;
  color: #8d7955;
  font-size: 13px;
  text-transform: uppercase;
  margin-top: 0;
}
#produit .prodAvis .paginationWrapper .pagination > li {
  display: inline-block;
}
#produit .prodAvis .paginationWrapper .pagination > li > a, #produit .prodAvis .paginationWrapper .pagination > li span {
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  display: inline-block;
  color: #8d7955;
  border: none;
  padding: 0;
  background: transparent;
}
#produit .prodAvis .paginationWrapper .pagination > li span {
  background: #ffffff;
  border-radius: 30px;
}
#produit .prodAvis .paginationWrapper .pagination > li.direction {
  width: 30px;
  height: 30px;
  border-radius: 0;
  overflow: hidden;
}
#produit .prodAvis .paginationWrapper .pagination > li.direction > a, #produit .prodAvis .paginationWrapper .pagination > li.direction span {
  width: 100%;
  height: 100%;
  display: inline-block;
  background: transparent url("./images/icons/small-arrow-brown.svg") no-repeat center center;
}
#produit .prodAvis .paginationWrapper .pagination > li.direction.dirPrev {
  border-left: 1px solid #e7ecf1;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
#produit .prodAvis .paginationWrapper .pagination > li.direction.dirNext {
  border-left: 1px solid #e7ecf1;
}
#produit .prodAvis #temoignageproduit a.btn {
  margin-top: 20px;
}
#produit .prodAvis #temoignageproduit ul#img_note {
  display: inline-block;
}
#produit .prodAvis #img_note li {
  background: url("./images/notes/etoileinactive.png") no-repeat scroll left top transparent;
  background-size: 25px auto;
  cursor: pointer;
  display: block;
  float: left;
  height: 25px;
  margin-left: 8px;
  width: 25px;
  margin-top: 10px;
}
#produit .prodAvis #img_note li:hover, #produit .prodAvis #img_note li.active_click {
  background: url("./images/notes/etoileactive.png") no-repeat scroll left top transparent;
  background-size: 25px auto;
  cursor: pointer;
  display: block;
  float: left;
  height: 25px;
  margin-left: 8px;
  width: 25px;
  margin-top: 10px;
}

/*------------------------------- RELATED PRODUCTS -------------------------------*/
#produit #related {
  margin-bottom: 60px;
}

.assocGallery {
  margin-top: 40px;
}
.assocGallery .owl-item {
  padding: 0 20px;
  box-sizing: border-box;
}
.assocGallery .owl-theme .owl-controls {
  width: 100%;
}
.assocGallery .owl-buttons {
  width: 100%;
}
.assocGallery .owl-buttons .owl-prev, .assocGallery .owl-buttons .owl-next {
  opacity: 0.5;
}
.assocGallery .owl-buttons .owl-prev:hover, .assocGallery .owl-buttons .owl-next:hover {
  opacity: 1;
}
.assocGallery .owl-buttons .owl-prev {
  background: url("./images/icons/simpleArrow.svg") no-repeat center center;
  background-size: 100% auto;
  width: 52px;
  height: 52px;
  position: absolute;
  left: 10px;
  top: 50%;
  margin-top: -25px;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.assocGallery .owl-buttons .owl-next {
  background: url("./images/icons/simpleArrow.svg") no-repeat center center;
  background-size: 100% auto;
  width: 52px;
  height: 52px;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -25px;
  transform: rotate(-90deg);
}

/*------------------------------- LIKE TOO PRODUCTS -------------------------------*/
/*--------------------------------------LOOK LIKE SELECT & SELECT SIZE AND COLOR --------------------------------------*/
.lookLikeSelect {
  border-top: 1px solid #e7ecf1;
  border-bottom: 1px solid #e7ecf1;
  background: url("./images/icons/simpleArrow.svg") no-repeat right 15px;
  background-size: 20px auto;
  max-height: 50px;
  overflow: hidden;
  line-height: 50px;
  margin-top: -1px;
  position: relative;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
.lookLikeSelect p {
  display: inline-block;
  vertical-align: middle;
}
.lookLikeSelect .selectName {
  font-size: 14px;
  text-transform: uppercase;
  font-family: "Zeppelin33", sans-serif;
  letter-spacing: 1px;
  min-width: 70%;
}
.lookLikeSelect .selectedVisuel {
  max-width: 30%;
  display: inline-block;
  vertical-align: middle;
  font-size: 13px;
  font-weight: 400;
  color: #9ea6ae;
  height: 24px;
  line-height: 24px;
  text-align: right;
  min-width: 60px;
  position: absolute;
  top: 13px;
  right: 30px;
}
.lookLikeSelect .selectedVisuel span {
  margin-right: 10px;
}
.lookLikeSelect .selectedVisuel img {
  display: inline-block;
  width: 30px;
  height: auto;
  border-radius: 20px;
  margin-top: -3px;
}
.lookLikeSelect .selectContent {
  position: relative;
  width: 100%;
  line-height: normal;
  border-top: 1px solid #e7ecf1;
}
.lookLikeSelect .selectContent.bigHeight {
  height: 215px;
}
.lookLikeSelect:hover {
  cursor: pointer;
}
.lookLikeSelect.opened {
  max-height: 270px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}

#produit .selectSmallChoice {
  border-top: 1px solid #e7ecf1;
  border-bottom: 1px solid #e7ecf1;
  height: 51px;
  line-height: 50px;
  margin-top: -1px;
}
#produit .selectSmallChoice .selectName {
  font-size: 13px;
  text-transform: uppercase;
  font-weight: 500;
  display: inline-block;
}
#produit .selectSmallChoice .choix_taille {
  display: inline-block;
  float: right;
}
#produit .selectSmallChoice .choix_taille .sizeChoice {
  height: 35px;
  width: 35px;
  min-width: 35px;
  line-height: 36px;
  padding: 0 8px;
  border: 1px solid #e7ecf1;
  border-radius: 31px;
  margin: 6px;
}
#produit .selectSmallChoice .choix_taille .sizeChoice:hover, #produit .selectSmallChoice .choix_taille .sizeChoice.select {
  border: 1px solid #9ea6ae;
}

/*================================================================================>  FICHE PRODUIT TYPE MODELE -*/
.modeleSelector {
  margin-top: 2px;
}
.modeleSelector .stepSelection {
  width: 100% !important;
}
.modeleSelector .selectModel {
  width: 100%;
  position: relative;
}
.modeleSelector .selectModel .lookLikeSelect p {
  display: inline-block;
  vertical-align: middle;
  width: 70%;
  font-weight: 500;
}
.modeleSelector .selectModel .lookLikeSelect p .choiceRef {
  font-weight: normal;
  float: right;
}
.modeleSelector .selectModel .lookLikeSelect .sizeContent ul li {
  display: inline-block;
  font-size: 13px;
  font-weight: 500;
  padding: 15px 0;
  margin-right: 20px;
}
.modeleSelector .selectModel .lookLikeSelect.color .selectContent li:not(.wide) {
  width: 48px;
  height: 48px;
  border-radius: 25px;
  border: 1px solid transparent;
  overflow: hidden;
  display: block;
  margin: 10px;
  float: left;
  position: relative;
  box-sizing: border-box;
}
.modeleSelector .selectModel .lookLikeSelect.color .selectContent li:not(.wide) img {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  transform: translateX(-50%) translateY(-50%);
  min-height: 100%;
  width: auto;
}
.modeleSelector .selectModel .lookLikeSelect.color .selectContent li:not(.wide) span {
  line-height: normal;
  display: inline-block;
  vertical-align: middle;
}
.modeleSelector .selectModel.wide .selectContent ul li {
  width: 98%;
  margin-right: 1%;
  margin-bottom: 5px;
  float: left;
  display: inline-block;
  text-align: left;
  font-size: 16px;
}
.modeleSelector .selectModel.wide .selectContent ul li:hover {
  outline: none;
  cursor: inherit;
}
.modeleSelector .selectModel.wide .selectContent ul li .checkboxVisuel {
  width: 59%;
  display: inline-block;
  vertical-align: middle;
}
.modeleSelector .selectModel.wide .selectContent ul li .checkboxVisuel label.checkbox {
  line-height: normal;
  padding-right: 0;
}
.modeleSelector .selectModel.wide .selectContent ul li .checkboxVisuel .labelText {
  display: inline-block;
  max-width: 80%;
}
.modeleSelector .selectModel.wide .selectContent ul li .qte {
  max-width: 25%;
  display: inline-block;
  vertical-align: middle;
}
.modeleSelector .selectModel.wide .selectContent ul li .qte input {
  width: 60px;
  display: inline-block;
  vertical-align: middle;
  margin: 0 10px;
  text-align: center;
}
.modeleSelector .selectModel.wide .selectContent ul li .qte .change-qte {
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  position: relative;
  height: 30px;
}
.modeleSelector .selectModel.wide .selectContent ul li .qte .change-qte span {
  font-weight: 700;
  color: transparent;
  line-height: 10px;
  display: inline-block;
  width: 20px;
  height: 15px;
}
.modeleSelector .selectModel.wide .selectContent ul li .qte .change-qte span.remove-product {
  position: absolute;
  top: 15px;
  left: 0;
}
.modeleSelector .selectModel.wide .selectContent ul li .qte .change-qte span.add-product {
  position: absolute;
  top: 0;
  left: 0;
}
.modeleSelector .selectModel.wide .selectContent ul li .qte .change-qte:hover {
  cursor: pointer;
}
.modeleSelector .selectModel.wide .selectContent ul li .visuel {
  max-width: 15%;
  display: inline-block;
  vertical-align: middle;
}
.modeleSelector .selectModel .inputQty {
  width: 100% !important;
}
.modeleSelector .selectModel.selectModelKit .lookLikeSelect p {
  width: 85%;
}
.modeleSelector .selectQty label {
  display: inline-block;
  vertical-align: middle;
  width: 50%;
  font-size: 16px;
  font-weight: 500;
}
.modeleSelector .selectQty input {
  display: inline-block;
  vertical-align: middle;
  width: 49%;
  text-align: center;
}
.modeleSelector .total {
  margin: 10px 0;
}
.modeleSelector .total .left {
  color: #8d7955;
  font-size: 18px;
}
.modeleSelector .total .price {
  font-size: 30px;
  font-weight: 700;
}
.modeleSelector .btnLv1 {
  width: 100%;
}

#produit .prodGalleryModel {
  width: 100%;
  position: relative;
}

/*================================================================================> FICHE PRODUIT VENTES FLASH --*/
.flashSales {
  padding: 10px;
  border-bottom: 5px solid;
  font-weight: 500;
  text-align: center;
  font-size: 15px;
  background: #efeded url("./images/icons/flash.svg") no-repeat 0 center;
  background-size: 46px auto;
}
.flashSales p {
  margin-left: 40px;
}
.flashSales p span {
  font-size: 18px;
}

.visuel#prod_img_social {
  position: relative;
}

/*================================================================================>  FICHE PRODUIT TYPE PDF-PATTERN -*/
.productMain .downloadPdfForm {
  display: none;
  background: #f8fafb;
  padding: 15px 20px 20px;
  position: relative;
  min-height: 230px;
}
.productMain .downloadPdfForm .intro {
  font-size: 15px;
  padding: 0 0 10px;
}
.productMain .downloadPdfForm .error {
  margin-top: 5px;
}
.productMain .downloadPdfForm .mentions {
  font-size: 12px;
  padding: 10px 0;
}
.productMain .downloadPdfForm .close {
  position: absolute;
  z-index: 2;
  top: 10px;
  right: 10px;
  display: inline-block;
  width: 10px;
  height: 10px;
  background: url("./images/icons/simple-cross.svg") no-repeat center center;
  -webkit-background-size: 100%;
  background-size: 100%;
  opacity: 1;
}
.productMain .downloadForm #btnPdfForm {
  margin: 10px 0;
}
.productMain .downloadForm .info {
  font-size: 12px;
  font-weight: 700;
  margin-bottom: 30px;
}
.productMain .downloadForm .info a {
  margin-left: 3px;
}
.productMain .downloadForm #achatPattern {
  text-align: right;
}
.productMain .downloadForm #achatPattern p {
  display: inline-block;
  font-size: 10px;
  text-transform: uppercase;
  position: relative;
  top: 3px;
  margin-right: 5px;
}
.productMain .downloadForm #achatPattern p span {
  font-weight: 700;
  font-size: 18px;
}
.productMain .downloadForm #achatPattern form {
  display: inline-block;
}
.productMain .downloadForm #achatPattern form .btnLv2 {
  font-size: 11px;
  font-family: "Zeppelin31", sans-serif;
}
.productMain .downloadOkMsg {
  position: relative;
  font-size: 15px;
  text-align: center;
  min-height: 230px;
}
.productMain .downloadOkMsg::before {
  content: "";
  position: absolute;
  z-index: 10;
  left: -20px;
  right: -20px;
  top: -20px;
  height: 25px;
  background: #f8fafb;
}
.productMain .downloadOkMsg .title {
  text-transform: uppercase;
  color: #2934aa;
  padding: 0 0 10px;
  font-weight: 700;
}
.productMain .downloadOkMsg .message {
  padding: 0;
}
.productMain .btn.getKit {
  margin-top: 20px;
}

.lookLikeSelectPattern {
  border-top: 1px solid #e7ecf1;
  border-bottom: 1px solid #e7ecf1;
  background: url("./images/icons/simpleArrow.svg") no-repeat right 15px;
  background-size: 20px auto;
  max-height: 50px;
  overflow: hidden;
  line-height: 50px;
  margin-top: -1px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
.lookLikeSelectPattern p {
  display: inline-block;
  vertical-align: middle;
}
.lookLikeSelectPattern .selectName {
  font-size: 13px;
  text-transform: uppercase;
  font-family: "Zeppelin31", sans-serif;
  width: 100%;
  display: inline-block;
}
.lookLikeSelectPattern .selectName .bold {
  font-family: "Zeppelin33", sans-serif;
  font-weight: normal;
}
.lookLikeSelectPattern .selectContent {
  position: relative;
  width: 100%;
  line-height: normal;
  border-top: 1px solid #e7ecf1;
}
.lookLikeSelectPattern .selectContent.bigHeight {
  max-height: 39em;
}
.lookLikeSelectPattern:hover {
  cursor: pointer;
}
.lookLikeSelectPattern.opened {
  max-height: 1000px;
  background: url("./images/icons/simpleArrowUp.svg") no-repeat right 15px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
.lookLikeSelectPattern .simplebar-track.horizontal {
  visibility: hidden !important;
}

.tablePatternContainer {
  position: relative;
}

#table_couleur.pattern ul {
  width: 100%;
  display: inline-block;
}

.colorSquarePattern.colorBlocWrapper {
  width: 25%;
  height: 180px;
}

.typeModule.pattern .titleLv2 {
  margin-bottom: 40px;
}
.typeModule.pattern .detailedVisual {
  width: 100%;
  display: inline-block;
  overflow: hidden;
  position: relative;
}
.typeModule.pattern .detailedVisual a {
  display: inline-block;
  overflow: hidden;
}
.typeModule.pattern .detailedVisual img {
  float: right;
}
.typeModule.pattern .resetLink {
  display: block;
  padding: 20px 0;
}
.typeModule.pattern .resetLink:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  background: url("./images/icons/reset.svg") no-repeat center center;
}
.typeModule.pattern .accessoriseLine {
  border-bottom: 1px solid #e7ecf1;
  padding: 10px 0;
}
.typeModule.pattern .accessoriseLine .checkbox img, .typeModule.pattern .accessoriseLine .checkbox span.name {
  display: inline-block;
  vertical-align: middle;
}
.typeModule.pattern .accessoriseLine .checkbox span.name {
  max-width: 60%;
}
.typeModule.pattern .accessoriseLine .checkbox img {
  margin-right: 20px;
}
.typeModule.pattern .accessoriseLine .checkbox input.checked ~ .spanCheckbox {
  background: #2934aa;
}
.typeModule.pattern .summary {
  background: #f8fafb;
  padding: 20px;
}
.typeModule.pattern .recapKit {
  padding-bottom: 20px;
  border-bottom: 1px dotted #8d7955;
}
.typeModule.pattern .recapKit li {
  display: block;
  width: 100%;
  font-size: 15px;
}
.typeModule.pattern .recapKit li span {
  display: inline-block;
}
.typeModule.pattern .recapKit li span.qteKit {
  width: 30px;
}
.typeModule.pattern .recapKit li span.name {
  max-width: 75%;
}
.typeModule.pattern .totalKitPrice {
  font-size: 25px;
  padding: 20px 0;
}
.typeModule.pattern .deliveryoptions {
  margin-top: 20px;
}

.detail_accessoire_pattern {
  -webkit-box-shadow: 0px 0px 30px 0px rgba(144, 139, 139, 0.9);
  -moz-box-shadow: 0px 0px 30px 0px rgba(144, 139, 139, 0.9);
  box-shadow: 0px 0px 30px 0px rgba(144, 139, 139, 0.9);
  position: absolute;
  top: 0;
  left: -540px;
  width: 520px;
  background: #FFFFFF;
  padding: 20px;
}
.detail_accessoire_pattern img {
  float: left;
  margin-right: 20px;
}
.detail_accessoire_pattern .titleLv5 {
  padding: 10px 0;
}

/*================================================================================> PARTIES COMMUNES PDF-PATTERN et THREAD & YARN - FIL*/
/*---------------Small color blocks (swatches)-----------------*/
.colorBlocWrapper {
  float: left;
  padding: 7px;
  box-sizing: border-box;
  position: relative;
  background: #ffffff;
  z-index: 20;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
}
.colorBlocWrapper .txtAddToCart {
  display: none;
  font-size: 12px;
  padding: 5px 0;
  line-height: normal;
  border: none;
  background: #e7ecf1;
  text-align: center;
  width: 100%;
  position: absolute;
  bottom: -15px;
  left: 0;
}
.colorBlocWrapper .txtAddToCart.on {
  display: inline-block;
}
.colorBlocWrapper:hover, .colorBlocWrapper.onView {
  background: #e7ecf1;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
}

.colorBlocThread {
  text-align: center;
  position: relative;
}
.colorBlocThread a, .colorBlocThread a:hover {
  text-decoration: none;
  border: none;
}
.colorBlocThread .imageLink {
  position: relative;
  display: inline-block;
}
.colorBlocThread .iconAdded {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  background: url("./images/icons/thread-tick.svg") no-repeat center center;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  margin-left: -20px;
  z-index: 5;
}
.colorBlocThread .qte {
  width: 33.33%;
  float: left;
  position: relative;
  z-index: 2;
}
.colorBlocThread .qte input {
  height: 30px;
  text-align: center;
  padding: 0;
  font-weight: 700;
}
.colorBlocThread .change-qte {
  width: 33.33%;
  float: left;
  position: relative;
  z-index: 1;
}
.colorBlocThread .change-qte .remove-product, .colorBlocThread .change-qte .add-product, .colorBlocThread .change-qte .add-pattern-product, .colorBlocThread .change-qte .remove-pattern-product {
  width: 100%;
  height: 30px;
  line-height: 30px;
  padding: 0;
  float: left;
  display: inline-block;
  border: 1px solid #e7ecf1;
  text-align: center;
  background: #ffffff;
  color: #8d7955;
}
.colorBlocThread .change-qte .remove-product.disabled, .colorBlocThread .change-qte .add-product.disabled, .colorBlocThread .change-qte .add-pattern-product.disabled, .colorBlocThread .change-qte .remove-pattern-product.disabled {
  color: #9ea6ae;
}
.colorBlocThread .change-qte .remove-product, .colorBlocThread .change-qte .remove-pattern-product {
  background: #ffffff url("./images/icons/quantities-01.svg") no-repeat -57px -60px;
}
.colorBlocThread .change-qte .remove-product:hover, .colorBlocThread .change-qte .remove-pattern-product:hover {
  background: #ffffff url("./images/icons/quantities-01.svg") no-repeat -57px -111px;
  cursor: pointer;
}
.colorBlocThread .change-qte .add-product, .colorBlocThread .change-qte .add-pattern-product {
  background: #ffffff url("./images/icons/quantities-01.svg") no-repeat -8px -60px;
}
.colorBlocThread .change-qte .add-product:hover, .colorBlocThread .change-qte .add-pattern-product:hover {
  background: #ffffff url("./images/icons/quantities-01.svg") no-repeat -8px -111px;
  cursor: pointer;
}
.colorBlocThread .refNum {
  display: inline-block;
  font-size: 12px;
  margin-top: 4px;
  height: auto;
  padding: 0;
  line-height: normal;
  border: none;
  background: transparent;
  text-align: center;
  width: 100%;
}
.colorBlocThread .epuise {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
}
.colorBlocThread .supp {
  display: none;
  width: 30px;
  height: 30px;
  position: absolute;
  z-index: 20;
  top: 10px;
  right: 10px;
  background: #FFFFFF url("./images/icons/small-cross.svg") no-repeat center center;
  border-radius: 15px;
}
.colorBlocThread .supp:hover {
  cursor: pointer;
}
.colorBlocThread:hover .supp {
  display: inline-block;
}

/*================================================================================> THREAD & YARN - FIL */
#produit.productThread .breadNPaging {
  position: relative;
  z-index: 1;
}
#produit.productThread .productMain .mainInfos .descriptionWrapper {
  margin-bottom: 20px;
}

/*-------PRODUCT bouton find a store---------*/
.goToStore .goToStoreWrapper {
  width: 100%;
  position: relative;
  background: #263645;
  color: #ffffff;
  text-align: center;
}
.goToStore .goToStoreWrapper svg {
  display: inline-block;
  margin-top: 30px;
}
.goToStore .goToStoreWrapper .goLocator a {
  border: none;
  color: #ffffff;
}
.goToStore .goToStoreWrapper .linkStore {
  font-weight: 700;
  font-size: 20px;
  display: inline-block;
  width: 100%;
  height: 40px;
  margin-bottom: 20px;
}

/*-------PRODUCT THREAD COLOR WHEEL NUANCIERS---------*/
.productThread .productTop {
  position: relative;
  background: #f8fafb;
  border-top: 1px solid #e7ecf1;
  border-bottom: 1px solid #e7ecf1;
  height: 430px;
  overflow: hidden;
}
.productThread .productTop .mainInfos {
  position: relative;
  z-index: 1;
}
.productThread .productTop .imgBgTop {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  max-width: 100%;
  height: auto;
  z-index: 0;
}

/*---------PRODUCT THREAD COLOR WHEEL NUANCIERS----------*/
.productThread .moduleNuancier .titleLv3 {
  margin-top: 20px;
  margin-bottom: 10px;
}

.carouselWrap {
  position: relative;
  width: 100%;
  height: 140px;
}

.carouselSwatch {
  display: block;
  position: absolute;
  -webkit-transform: translateZ(0);
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  max-width: 100% !important;
  height: 140px;
  min-width: 550px;
  margin: auto;
  font-size: 0;
  padding: 0;
  text-align: center;
  /********************/
  -webkit-overflow-scrolling: touch;
  /* for tablets */
  /*> .indicator{
    pointer-events:none;
    position:absolute;
    z-index:4;
    bottom:0; left:0;
    background:$maincolor;
    height:4px;
    border-radius:10px;
    opacity:0;
    transition:opacity 0.2s, bottom 0.2s;
  }

  &:hover{
    > .indicator{ opacity:1; bottom:-10px; }
  }*/
}
.touch .carouselSwatch {
  overflow: auto;
}
.carouselSwatch.right:after, .carouselSwatch.left:before {
  opacity: 1;
}
.carouselSwatch.right:after {
  right: 0;
  text-indent: 60px;
}
.carouselSwatch.left:before {
  left: 0;
  text-indent: -40px;
}
.carouselSwatch > a {
  position: absolute;
  margin: 0;
  top: 0;
  bottom: 0;
  color: #CCC;
  font-size: 1.5em;
  transition: 0.1s;
}
.carouselSwatch > a:hover {
  color: #FFF;
}
.carouselSwatch > a.prev {
  left: -20px;
}
.carouselSwatch > a.next {
  right: -20px;
}
.carouselSwatch > .wrap {
  overflow: hidden;
}
.carouselSwatch > .wrap ul {
  list-style: none;
  white-space: nowrap;
  height: 140px;
  display: inline-block;
}
.carouselSwatch > .wrap ul li.swatchColor {
  display: inline-block;
  vertical-align: middle;
  height: 100%;
  margin: 0 5px;
  position: relative;
  transition: 0.25s ease-out;
}
.carouselSwatch > .wrap ul li.swatchColor:first-child {
  margin: 0;
}
.carouselSwatch > .wrap ul li.swatchColor .imgWrap {
  padding: 5px;
}
.carouselSwatch > .wrap ul li.swatchColor .imgWrap img {
  width: 65px;
  height: 65px;
  display: block;
  margin: 0 auto;
  vertical-align: top;
  position: relative;
  z-index: 1;
  transition: 1s ease;
  border: 4px solid #ffffff;
  border-radius: 40px;
}
.carouselSwatch > .wrap ul li.swatchColor p {
  display: none;
  position: absolute;
  z-index: 10;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  font-weight: 700;
}
.carouselSwatch > .wrap ul li.swatchColor p span {
  font-weight: 400;
  text-transform: none;
  font-style: italic;
}
.carouselSwatch > .wrap ul li.swatchColor:hover, .carouselSwatch > .wrap ul li.swatchColor.select {
  border-bottom: 4px solid #263645;
  cursor: pointer;
}
.carouselSwatch > .wrap ul li.swatchColor:hover .imgWrap, .carouselSwatch > .wrap ul li.swatchColor.select .imgWrap {
  position: relative;
}
.carouselSwatch > .wrap ul li.swatchColor:hover .imgWrap:before, .carouselSwatch > .wrap ul li.swatchColor.select .imgWrap:before {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  border-radius: 40px;
  width: 71px;
  height: 71px;
  background: #9ea6ae;
  display: inline-block;
}
.carouselSwatch > .wrap ul li.swatchColor:hover p, .carouselSwatch > .wrap ul li.swatchColor.select p {
  display: inline-block;
}

/*----------- PRODUCT THREAD SELECTOR --------------*/
.productThread .colorsSelection {
  width: 100%;
  border-top: 1px solid #e7ecf1;
  border-bottom: 1px solid #e7ecf1;
}
.productThread .colorsSelection .titleSearch {
  font-size: 18px;
  width: 100%;
  display: inline-block;
  padding-bottom: 10px;
}
.productThread .colorsSelection .titleSearch:before {
  content: "";
  height: 1px;
  width: 100%;
  background: #e7ecf1;
  display: inline-block;
  margin-bottom: 10px;
  margin-top: 40px;
}
.productThread .colorsSelection .detailedVisual {
  width: 33%;
  float: left;
  display: inline-block;
  overflow: hidden;
  position: relative;
  max-height: 800px;
}
.productThread .colorsSelection .detailedVisual a {
  display: inline-block;
  overflow: hidden;
}
.productThread .colorsSelection .detailedVisual img {
  float: right;
}
.productThread .colorsSelection .detailedVisual img.imgZoom {
  width: 100%;
}
.productThread .colorsSelection .choiceWrapper {
  width: 67%;
  float: left;
  padding: 40px 40px 20px;
}
.productThread .colorsSelection .choiceWrapper .findRef {
  position: relative;
  width: 293px;
}
.productThread .colorsSelection .choiceWrapper .findRef input[type=text] {
  border: 1px solid #8d7955;
  text-transform: uppercase;
  font-weight: 700;
}
.productThread .colorsSelection .choiceWrapper input.btnLv2 {
  width: 40px;
  height: 40px;
  position: absolute;
  right: 0;
  top: 0;
  text-indent: -999999px;
  background: #8d7955 url("./images/icons/search-white.svg") no-repeat center center;
}
.productThread .colorsSelection .selectBtn {
  width: 140px;
  height: 40px;
  line-height: 40px;
  border: 1px solid #9ea6ae;
  background: #ffffff url("./images/icons/simpleArrow.svg") no-repeat 95% center;
  display: inline-block;
  vertical-align: middle;
  padding-left: 10px;
  position: relative;
}
.productThread .colorsSelection .selectBtn:hover {
  cursor: pointer;
}
.productThread .colorsSelection .selectBtn.deployed {
  border-top: 1px solid #9ea6ae;
  border-left: 1px solid #9ea6ae;
  border-right: 1px solid #9ea6ae;
  border-bottom: 1px solid #ffffff;
  position: relative;
  left: auto !important;
  top: auto !important;
  z-index: 710;
}
.productThread .colorsSelection .steps {
  display: inline-block;
  vertical-align: middle;
}
.productThread .colorsSelection .steps .btn {
  margin-top: 0 !important;
  margin-left: -5px;
}

.productThread .selector {
  position: initial;
}
.productThread .selector .selectionContent {
  display: none;
  position: absolute;
  right: 0;
  width: 100%;
  z-index: 700;
  background: #ffffff;
  border-top: 1px solid #9ea6ae;
  border-bottom: 1px solid #9ea6ae;
  padding: 40px;
  margin-top: 39px;
}
.productThread .selector .selectionContent .container-fluid {
  position: relative;
}
.productThread .selector .selectionContent .selectedBlocWrapper {
  text-align: center;
}
.productThread .selector .selectionContent .colorBlocWrapper {
  width: 9%;
  float: none;
  display: inline-block;
}
.productThread .selector .selectionContent .colorBlocWrapper .motif img {
  width: 100%;
}
.productThread .selector .selectionContent .selectionRecap {
  float: right;
}
.productThread .selector .selectionContent.deployed {
  display: block;
}
.productThread .selector .selectionContent .textEmpty {
  margin: 20px auto;
}
.productThread .selector.overlayed {
  /*&:before{
    content: "";
    width: 100%;
    height: 100%;
    position: fixed;
    left:0;
    top:0;
    background: rgba(255,255,255,0.5);
    display: block;
    z-index: 600;
  }*/
}
.productThread .selector.overlayed span.selectionOverlay {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  background: rgba(255, 255, 255, 0.5);
  display: block;
  z-index: 600;
}

.selectionRecap {
  line-height: 40px;
}
.selectionRecap .total {
  font-weight: 700;
  margin-left: 5px;
}
.selectionRecap .btn {
  margin-left: 15px;
  float: left;
}

.bottomRecap .selectionRecap {
  margin-top: 20px;
}

/*---------- PRODUCT THREAD DETAIL NUANCIER - SMALL COLOR BLOCS ---------------*/
.productThread .moduleTableColor .titleSearch:before {
  display: none;
}
.productThread .moduleTableColor .simplebar-content {
  overflow-x: hidden;
}
.productThread .moduleTableColor .simplebar-track.horizontal {
  visibility: hidden !important;
}
.productThread .colorBlocWrapper {
  width: 12%;
}

/*---------------------Animation lors de l'ajout d'une couleur dans le sélecteur---------------------*/
@keyframes tickpop {
  0% {
    display: inline-block;
    background: url("./images/icons/thread-tick.svg") no-repeat center center;
    background-size: 30px auto;
  }
  50% {
    display: inline-block;
    background: url("./images/icons/thread-tick.svg") no-repeat center center;
    background-size: 40px auto;
  }
  100% {
    display: inline-block;
    background: url("./images/icons/thread-tick.svg") no-repeat center center;
    background-size: 34px auto;
  }
}
.colorBlocThread.added .iconAdded {
  display: inline-block;
  animation: tickpop 0.5s 1;
  -webkit-animation: tickpop 0.5s 1;
  -moz-animation: tickpop 0.5s 1;
}

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.2, 1.2, 1.2);
    transform: scale3d(1.2, 1.2, 1.2);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.2, 1.2, 1.2);
    transform: scale3d(1.2, 1.2, 1.2);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.colorBlocThread.addMore1 .iconAdded,
.colorBlocThread.addMore2 .iconAdded {
  -webkit-animation-name: pulse;
  animation-name: pulse;
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

/*----------- PRODUCT THREAD INFOS COMPLMENTAIRES + IMAGE --------------*/
.productThread .compInfos .blocComp:before {
  content: "";
  width: 50px;
  height: 1px;
  display: block;
  background: #9ea6ae;
  -webkit-transform: rotate(120deg);
  -moz-transform: rotate(120deg);
  -ms-transform: rotate(120deg);
  -o-transform: rotate(120deg);
  transform: rotate(120deg);
  position: absolute;
  left: -40px;
  top: 63px;
}
.productThread .compInfos .blocComp:first-child:before {
  display: none;
}
.productThread .compInfos .infoBloc {
  margin: 40px auto;
  padding-left: 60px;
}
.productThread .compInfos .infoBloc svg {
  display: inline-block;
  vertical-align: middle;
}
.productThread .compInfos .infoBloc p {
  display: inline-block;
  vertical-align: middle;
}

.productThread .compDesc {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  align-items: center;
  width: 100%;
  border-top: 1px solid #e7ecf1;
  border-bottom: 1px solid #e7ecf1;
}
.productThread .compDesc .descWrapper, .productThread .compDesc .imgWrapper {
  width: 50%;
  display: inline-flex;
  align-self: center;
  text-align: center;
}
.productThread .compDesc .imgWrapper {
  overflow: hidden;
  position: relative;
}
.productThread .compDesc .imgWrapper img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  max-width: 100%;
  height: auto;
  z-index: 0;
}
.productThread .compDesc .descWrapper {
  padding: 120px 10%;
  color: #263645;
}
.productThread .compDesc .descWrapper .titleLv3 {
  display: inline-block;
  margin-bottom: 20px;
}

.wrapToileColor, .wrapToileSize {
  margin-bottom: 15px;
}
.wrapToileColor .title, .wrapToileSize .title {
  min-width: 70px;
  display: inline-block;
  margin-right: 10px;
}

.wrapToileColor a {
  display: inline-block;
  border: 5px solid #e7ecf1;
  margin-right: 15px;
  transition: border-color 0.5s;
}
.wrapToileColor a.active {
  border-color: #8d7955;
}

.wrapToileSize .choixTaille {
  border: 3px solid #e7ecf1;
  padding: 3px 10px;
  margin-right: 15px;
  text-decoration: none;
  transition: border-color 0.5s;
  outline: none;
  font-size: 14px;
}
.wrapToileSize .choixTaille:active, .wrapToileSize .choixTaille a:focus {
  text-decoration: none;
}
.wrapToileSize .choixTaille.active {
  border-color: #8d7955;
}

/*---------------------------------RESPONSIVE PRODUCT-------------------------------------*/
@media (min-width: 1024px) and (max-width: 1443px) {
  .productThread .colorBlocWrapper {
    width: 16%;
  }

  .productThread .selector .selectionContent .colorBlocWrapper {
    width: 11%;
  }

  #produit .prodAvis .commentWrapper .comment .testimony {
    max-height: 130px;
    height: 130px;
  }

  .productThread .compInfos .infoBloc {
    margin: 40px auto;
    padding-left: 20px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  /*-----------------product common-----------------*/
  .productMain {
    margin-top: 27px;
  }

  #produit .productMain .mainInfos {
    margin-bottom: 20px;
  }

  #produit .prodGallery #bx-pager,
#produit .prodGalleryModel #bx-pager {
    text-align: left;
  }
  #produit .prodGallery #bx-pager a,
#produit .prodGalleryModel #bx-pager a {
    width: 45px;
    margin-right: 20px;
  }

  #produit .prodGallery .sliderWrapper,
#produit .prodGalleryModel .sliderWrapper {
    display: block;
    float: none;
  }

  #produit .prodAvis .commentWrapper:nth-child(odd) {
    border-right: none;
  }
  #produit .prodAvis .commentWrapper .comment .testimony {
    max-height: 1000px;
    height: auto;
  }

  #produit .productMain .compInfos {
    border-bottom: none;
  }
  #produit .productMain .compInfos .infoBloc {
    width: 100%;
    border-bottom: 1px solid #e7ecf1;
  }

  /*-----------------product thread yarn fil-----------------*/
  .productThread .colorsSelection .steps .btn,
.productThread .colorsSelection .steps .btn:hover,
.productThread .colorsSelection .steps .btn:focus,
.productThread .colorsSelection .steps a.btn,
.productThread .colorsSelection .steps a.btn:hover,
.productThread .colorsSelection .steps a.btn:focus {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 14px;
  }
  .productThread .colorsSelection .choiceWrapper {
    width: 100%;
    padding: 10px;
  }
  .productThread .colorsSelection .choiceWrapper .blocCommande.sticky {
    position: fixed;
    left: 0;
    top: 130px;
    width: 100%;
    background: #ffffff;
    z-index: 10;
    padding: 15px 10px 0;
    border-bottom: 1px solid #e7ecf1;
  }
  .productThread .colorBlocWrapper {
    width: 20%;
  }
  .productThread .colorsSelection .choiceWrapper .findRef {
    width: 215px;
  }

  .productThread .selector .selectionContent .colorBlocWrapper {
    width: 19%;
  }

  .carouselSwatch {
    width: 100%;
  }
  .carouselSwatch .wrap ul li.swatchColor .imgWrap {
    width: 71px;
  }
  .carouselSwatch .wrap ul li.swatchColor .imgWrap img {
    max-width: 65px;
    height: 65px;
  }

  .productThread .compInfos .infoBloc {
    padding-left: 20px;
  }
  .productThread .compInfos .infoBloc p {
    max-width: 60%;
    word-wrap: break-word;
  }

  /*-----------------product thread-yarn-fil & pattern-----------------*/
  .colorBlocWrapper.onView {
    background: #e7ecf1;
  }
  .colorBlocWrapper.onView:after {
    content: "";
    position: absolute;
    bottom: -25px;
    left: 50%;
    margin-left: -22px;
    display: inline-block;
    background: url("./images/icons/color-bloc-arrow.svg") no-repeat top center;
    width: 45px;
    height: 25px;
    background-size: 100% auto;
  }

  .colorSquarePattern.colorBlocWrapper {
    width: 33%;
  }

  .colorBlocThread .change-qte .remove-product, .colorBlocThread .change-qte .add-product, .colorBlocThread .change-qte .add-pattern-product, .colorBlocThread .change-qte .remove-pattern-product {
    box-shadow: none;
  }

  /*---------------Color zoom for tablet-----------------*/
  .colorZoomBox {
    width: 100%;
    position: relative;
    float: left;
    z-index: 1;
    overflow: hidden;
  }
  .colorZoomBox .colorZoomWrapper {
    position: relative;
    background: #f8fafb;
    text-align: center;
  }
  .colorZoomBox .colorZoomWrapper .imgZoom {
    /*position: absolute;
    top:0;
    left:50%;
    transform: translateX(-50%);
    z-index: 0;*/
    display: inline-block;
    width: 100%;
    height: auto;
  }
  .colorZoomBox .colorZoomWrapper .close {
    text-indent: -9999px;
    position: absolute;
    z-index: 10;
    top: 10px;
    right: 10px;
    background: url("./images/icons/simple-cross.svg") no-repeat center center;
    background-size: 20px auto;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .colorZoomBox .colorZoomWrapper .easyzoom-flyout {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
  }
  .colorZoomBox.pattern {
    height: 320px;
  }
  .colorZoomBox.thread {
    height: 730px;
  }
}
@media (min-width: 992px) and (max-width: 1024px) {
  /*-----------------product thread yarn fil-----------------*/
  .productThread .colorsSelection .choiceWrapper {
    width: 100%;
    padding: 10px;
  }
  .productThread .colorsSelection .choiceWrapper .blocCommande.sticky {
    position: fixed;
    left: 0;
    top: 130px;
    width: 100%;
    background: #ffffff;
    z-index: 10;
    padding: 15px 10px 0;
    border-bottom: 1px solid #e7ecf1;
  }
  .productThread .colorBlocWrapper {
    width: 12.5%;
    height: auto;
  }

  /*---------------Color zoom for tablet-----------------*/
  .colorZoomBox {
    width: 100%;
    position: relative;
    float: left;
    z-index: 1;
    overflow: hidden;
  }
  .colorZoomBox .colorZoomWrapper {
    position: relative;
    background: #f8fafb;
    text-align: center;
  }
  .colorZoomBox .colorZoomWrapper .imgZoom {
    /*position: absolute;
    top:0;
    left:50%;
    transform: translateX(-50%);
    z-index: 0;*/
    display: inline-block;
    width: 100%;
    height: auto;
  }
  .colorZoomBox .colorZoomWrapper .close {
    text-indent: -9999px;
    position: absolute;
    z-index: 10;
    top: 10px;
    right: 10px;
    background: url("./images/icons/simple-cross.svg") no-repeat center center;
    background-size: 20px auto;
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  .colorZoomBox .colorZoomWrapper .easyzoom-flyout {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
  }
  .colorZoomBox.pattern {
    height: 320px;
  }
  .colorZoomBox.thread {
    height: 730px;
  }
}
@media only screen and (width: 1024px) {
  .productThread .colorBlocWrapper {
    height: 160px;
  }
}
@media only screen and (max-width: 1024px) and (min-width: 768px) {
  .productThread .selector .selectionContent .selectedBlocWrapper {
    max-height: 300px;
    overflow-y: scroll;
  }

  /*-----------------product thread yarn fil-----------------*/
  .productThread .colorBlocWrapper {
    z-index: auto;
  }

  .typeModule.pattern .accessoriseLine .checkbox:hover, .typeModule.pattern .accessoriseLine .checkbox:focus {
    color: #2934aa;
  }
  .typeModule.pattern .accessoriseLine .checkbox:hover .spanCheckbox, .typeModule.pattern .accessoriseLine .checkbox:focus .spanCheckbox {
    background-color: #ffffff;
    border: 1px solid #263645;
  }
}
@media only screen and (max-width: 1024px) {
  .productThread .blocCommande.sticky .selector .selectionContent {
    top: 15px !important;
  }
}
@media only screen and (min-width: 768px) {
  .blockCms {
    padding: 50px 0;
  }
  .blockCms .titleBlock, .blockCms .titleSpecial2, .blockCms .titleSpecial2 .it {
    margin-top: -10px;
    margin-bottom: 20px;
    font-size: 30px;
  }
  .blockCms .textWrapper {
    margin-bottom: 35px;
  }

  .blockSlider {
    padding: 0;
  }
  .blockSlider .row {
    display: flex;
  }
  .blockSlider .row:before, .blockSlider .row:after {
    display: none;
  }

  .blockSliderText {
    text-align: left;
  }
  .blockSliderText li {
    justify-content: flex-start;
    align-items: center;
  }
  .blockSliderText li img {
    flex-shrink: 0;
    position: static;
    margin-right: 10px;
    transform: none;
  }

  .blockSliderImg {
    height: auto;
  }
  .blockSliderImg li {
    width: 40px;
    height: 40px;
  }

  .blockTuto {
    position: relative;
    margin-left: 0;
    margin-right: 0;
    font-size: 18px;
    background: transparent;
  }
  .blockTuto .titleBlock {
    margin-bottom: 20px;
  }
  .blockTuto .videoWrapper {
    max-width: 1000px;
    height: auto;
    margin: 0 auto 37px;
  }
  .blockTuto:after {
    content: "";
    display: block;
    position: absolute;
    top: 460px;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
    background-color: #fff4da;
    background-image: url("./images/landing/landing4/fil5.svg"), url("./images/landing/landing4/fil5-1.svg");
    background-repeat: no-repeat;
    background-position: top 70px right, bottom -5px left;
    background-size: 35%, 30%;
  }

  .blockVideo .videoWrapper {
    max-width: none;
  }
  .blockVideo:after {
    background: #f9fafb;
  }

  .colorSquarePattern.colorBlocWrapper {
    width: 24%;
  }
}
@media only screen and (min-width: 769px) {
  .moduleNuancierDetail .colorBlocWrapper {
    height: 195px;
  }

  .MacOS .moduleNuancierDetail .colorBlocWrapper {
    height: 195px;
  }

  .productThread .moduleTableColor .simplebar-scroll-content {
    margin-bottom: 0 !important;
  }
}
@media only screen and (min-width: 1024px) {
  .blockCms {
    padding: 100px 0;
  }
  .blockCms .titleBlock, .blockCms .titleSpecial2, .blockCms .titleSpecial2 .it {
    margin-top: -15px;
    font-size: 42px;
  }
  .blockCms .textWrapper {
    margin-bottom: 45px;
    letter-spacing: 0;
  }
  .blockCms .textWrapper p + p {
    margin-top: 26px;
  }

  .blockSlider {
    padding: 0 20px;
    margin-top: 80px;
  }

  .blockSliderText {
    padding: 70px 100px 70px 55px;
    font-size: 18px;
  }
  .blockSliderText ul {
    font-size: 19px;
    line-height: 32px;
  }
  .blockSliderText li {
    margin-bottom: 30px;
  }
  .blockSliderText img {
    height: 35px;
    margin-right: 25px;
  }

  .blockSliderImg ul {
    bottom: 35px;
    padding: 0 35px;
  }
  .blockSliderImg li {
    width: 60px;
    height: 60px;
    margin-right: 20px;
  }

  .blockCms.blockTuto {
    padding: 100px 0;
  }
  .blockCms.blockTuto .titleBlock {
    margin-bottom: 45px;
  }
  .blockCms.blockTuto .textWrapper {
    margin-bottom: 35px;
  }
  .blockCms.blockTuto .btnLv7 {
    height: 57px;
    padding: 2px 30px 12px;
    font-size: 25px;
    border-width: 2px;
  }
  .blockCms.blockTuto .btnLv7:hover {
    height: 57px;
    padding: 2px 30px 12px;
    font-size: 25px;
    border-width: 2px;
  }

  .blockCms.blockVideo {
    padding: 75px 0 80px;
  }
  .blockCms.blockVideo .titleBlock {
    margin-bottom: 55px;
  }
  .blockCms.blockVideo .videoTuto {
    max-height: 650px;
  }
  .blockCms.blockVideo .video-container {
    padding-bottom: 55.386%;
  }
}
@media only screen and (min-width: 1300px) {
  .blockCms .titleBlock, .blockCms .titleSpecial2, .blockCms .titleSpecial2 .it {
    margin-top: -20px;
    font-size: 52px;
  }
}
/*==============================
    DESKTOP - PROCESS
-------------------------------*/
.process.formBox {
  background-color: #f8fafb;
}
.process.formBox .formProcessFooter > * + * {
  margin-left: 20px;
}
.process.formBox .formProcessFooter .btn {
  float: none;
  width: auto !important;
}
.process.formBox .btnReset,
.process.formBox .btnReset.closeDropdownProcessAccount {
  display: inline-block;
  position: relative;
  right: auto;
  top: auto;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 11px;
  text-decoration: underline;
  text-transform: uppercase;
  background-color: transparent;
  color: #8d7955;
}
.process.formBox .titleLvl2 {
  font-size: 20px;
  text-transform: none;
  font-family: "Zeppelin33", sans-serif;
  color: #263645;
  letter-spacing: 1.1px;
  margin-bottom: 10px;
}
.process.formBox .titleLvl2 a.edit {
  float: right;
  font-size: 11px;
  text-transform: uppercase;
  color: #8d7955;
  text-decoration: underline;
  position: relative;
  top: 5px;
}
.process.formBox .titleLv1 {
  font-size: 26px;
}
.process.formBox .checkbox .spanCheckbox {
  margin-right: 10px;
  border-color: #e7ecf1;
  width: 14px;
  height: 14px;
  vertical-align: top;
}
.process.formBox .checkbox:focus .spanCheckbox, .process.formBox .checkbox:hover .spanCheckbox, .process.formBox .checkbox:active .spanCheckbox {
  background-color: transparent;
}
.process.formBox .checkbox input:checked ~ .spanCheckbox span {
  width: 12px;
  height: 12px;
}
.process.formBox .checkbox input:checked ~ .spanCheckbox span::before {
  content: "";
  display: block;
  position: absolute;
  left: -1px;
  top: -1px;
  width: 14px;
  height: 14px;
  background: #2934aa url("./images/icons/checkboxProcessChecked.svg") no-repeat center;
  -webkit-background-size: 100%;
  background-size: 100%;
}
.process.formBox .simplebar-track {
  background-color: #e7ecf1;
}
.process.formBox .simplebar-track .simplebar-scrollbar.visible {
  opacity: 1;
}

.process .loginBoxFigure {
  padding-right: 20px;
  text-align: right;
}
.process .loginBoxFigure img {
  width: auto;
  height: auto;
  max-width: 100%;
  vertical-align: top;
}
.process .loginCustomerBox .lostPassword {
  display: inline-block;
  position: relative;
  top: 12px;
  float: left;
  font-size: 12px;
  cursor: pointer;
  vertical-align: top;
}
.process .loginCustomerBox .submitButton {
  display: inline-block;
  float: right;
  padding: 0 30px;
  height: 40px;
  font-family: "Zeppelin32", sans-serif;
  font-size: 13px;
  line-height: 40px;
  vertical-align: top;
}
.process .wrapProcessHeaderConnect {
  margin: 40px 0 0;
}
.process .wrapProcessHeaderConnect .textConnect {
  font-size: 14px;
  font-family: "Zeppelin31", sans-serif;
  margin-right: 15px;
  display: block;
  float: left;
  margin-top: 2px;
  line-height: normal;
  vertical-align: top;
}
.process .wrapProcessHeaderConnect .textConnect a {
  color: #263645;
  font-family: "Zeppelin33", sans-serif;
}
.process .wrapProcessHeaderConnect .processHeaderConnect {
  float: right;
  position: relative;
  top: 7px;
}
.process .wrapProcessHeaderConnect .btn {
  height: 40px;
  line-height: 40px;
  font-size: 13px;
  padding: 0 30px;
}
.process .wrapProcessHeaderConnect .btn + .btn {
  margin-left: 15px;
}
.process .bgTitle {
  position: relative;
  padding: 0;
  background-color: transparent;
  margin: 0;
}
.process .bgTitle .titleLv2 {
  font-size: 14px !important;
  text-transform: none;
  padding: 0;
  font-family: "Zeppelin33", sans-serif;
  font-weight: 400;
  letter-spacing: 1px;
}
.process .bgTitle .titleLv2 img {
  margin-right: 10px;
}
.process .bgTitle a {
  text-decoration: none;
  display: block;
}
.process .bgTitle a .iconArrow {
  display: inline-block;
  background: url("./images/chevronLight.png") no-repeat center center !important;
  width: 11px !important;
  height: 7px !important;
  transform: translateY(-50%);
  position: absolute;
  right: -5px !important;
  top: 50% !important;
}
.process .bgTitle a.collapsed .iconArrow {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.process .avantages .bgTitle {
  margin-bottom: 0;
}
.process .avantages #avantages_content {
  border-bottom: 1px solid #9ea6ae;
}
.process .avantages #avantages_content .avantagesMargin {
  margin: 0 20px;
}
.process .avantages #avantages_content .avantagesMargin .chequeKdo {
  padding-top: 20px;
  position: relative;
  margin-bottom: 15px;
}
.process .avantages #avantages_content .avantagesMargin .chequeKdo label {
  float: left;
  margin-right: 20px;
  padding-top: 10px;
  font-family: "Zeppelin31", sans-serif;
}
.process .avantages #avantages_content .avantagesMargin .chequeKdo input[type=text] {
  float: right;
  min-width: 250px;
  width: 33%;
}
.process .avantages #avantages_content .avantagesMargin .chequeKdo input[type=submit] {
  position: absolute;
  right: 0;
  bottom: 0;
  background: #263645;
  color: #ffffff;
  border: none;
  width: 40px;
  height: 40px;
  font-weight: 700;
}
.process .avantages #avantages_content .avantagesMargin .blockFidelite {
  padding: 20px;
  margin: 20px 0;
  background: #ffffff;
  border: 1px dashed #e7ecf1;
  text-align: center;
  /*.checkboxVisuel{
    label{
      font-size: 20px;
      font-weight: $fwbold;
    }
  }*/
}
.process .avantages #avantages_content .avantagesMargin .blockFidelite .titleLv2 span {
  font-size: 40px;
}
.process .avantages #avantages_content .avantagesMargin .blockFidelite .titleLv5 {
  padding: 10px 0;
  font-size: 20px;
}
.process .avantages #avantages_content .avantagesMargin .blockFidelite ul {
  margin-bottom: 20px;
}
.process .avantages #avantages_content .avantagesMargin .blockFidelite ul li.ba {
  display: inline-block;
  text-align: center;
  padding: 5px 10px;
  border: 1px solid #263645;
  margin-left: 20px;
}
.process .avantages #avantages_content .avantagesMargin .blockFidelite ul li.ba .amount {
  font-family: "Bad Script";
  font-size: 40px;
  display: block;
  padding-bottom: 5px;
}
.process .avantages #avantages_content .avantagesMargin .blockFidelite ul li.ba .points {
  font-size: 16px;
  display: block;
}
.process .avantages #avantages_content .avantagesMargin .blockFidelite ul li.ba:first-child {
  margin-left: 0;
}
.process .avantages #avantages_content .avantagesMargin .blockFidelite ul li.ba.actif {
  background: #263645;
}
.process .avantages #avantages_content .avantagesMargin .blockFidelite ul li.ba.actif span {
  color: #ffffff;
}
.process .recapCartTable.contentCrop {
  height: 234px;
}
.process .frais {
  color: #263645;
  font-size: 14px;
  font-family: "Zeppelin31", sans-serif;
}
.process .frais .total {
  font-family: "Zeppelin33", sans-serif;
  font-size: 20px;
}
.process .deliveryMode, .process .billingAddress {
  color: #9ea6ae;
}
.process .deliveryMode {
  padding-bottom: 20px;
}
.process .deliveryMode .valignItem {
  display: inline-block;
  vertical-align: middle;
  float: none;
}
.process .deliveryMode .valignItem a.mainLink {
  color: #8d7955;
  text-decoration: underline;
  margin-top: 10px;
  display: inline-block;
}
.process .deliveryMode .adresseBlock {
  width: 100%;
}
.process .deliveryMode .adresseBlock a {
  display: none;
}
.process .billingAddress .adresseBlock {
  width: 100%;
}
.process .billingAddress .adresseBlock .adresse {
  width: 100%;
}
.process .billingAddress .adresseBlock .adresse.edition input {
  width: 100%;
  margin: 5px 0;
}
.process .billingAddress .adresseBlock a {
  float: none;
  display: inline-block;
  margin-top: 10px;
  color: #8d7955;
  text-decoration: underline;
}
.process .recapCmd {
  margin-bottom: 40px;
}
.process .successInput input {
  border-left: 4px solid #68a85b;
}
.process .errorInput input {
  border-left: 4px solid #ea3820;
}
.process .errorInput .labelText {
  display: block;
}
.process .errorInput .labelText .messageError {
  float: right;
  text-align: right;
}
.process .errorInput .messageError {
  color: #ea3820;
}
.process .wrapEditAddress {
  background-color: #f8fafb;
  padding: 20px;
  position: relative;
  margin-bottom: 20px;
}
.process .wrapEditAddress h3.titleLvl3 {
  font-size: 15px;
  font-family: "Zeppelin33", sans-serif;
  color: #263645;
  text-transform: none;
  margin-bottom: 7px;
  letter-spacing: 1px;
}
.process .wrapEditAddress .addressInfos {
  font-family: "Zeppelin31", sans-serif;
  font-size: 13px;
  color: #263645;
}
.process .wrapEditAddress .addressInfos span + span {
  display: block;
  margin-top: 5px;
}
.process .wrapEditAddress .editAddress {
  font-size: 13px;
  font-family: "Zeppelin31", sans-serif;
  position: absolute;
  right: 20px;
  top: 20px;
  cursor: pointer;
}
.process .wrapEditAddress .editAddress svg {
  width: 13px;
  height: 13px;
  margin-left: 7px;
}
.process .wrapSecurePayment img {
  width: auto;
  height: auto;
  max-width: 175px;
}
.process .wrapListPayment {
  margin-bottom: 30px;
}
.process .onePayment .text .pictoPayment {
  display: block;
  position: relative;
  margin-right: auto;
  margin-left: auto;
  width: 80px;
  height: 50px;
}
.process .onePayment .text .pictoPayment img {
  position: absolute;
  left: 50%;
  top: 50%;
  max-width: 100%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.process .onePayment #modep_01 ~ .text .pictoPayment {
  width: 60px;
}
.process .onePayment #modep_03 ~ .text .pictoPayment {
  width: 35px;
}
.process .wrapCBContinue .wrapCBContinueHeader {
  margin-bottom: 5px;
}
.process .wrapCBContinue .wrapCBContinueHeader .wrapCBContinueTitle {
  display: block;
  font-family: "Zeppelin33", sans-serif;
  font-size: 14px;
}
.process .wrapCBContinue .wrapSelectCB label {
  display: block;
}
.process .wrapCBContinue .month {
  width: 85px !important;
}
.process .wrapCBContinue .month .filter-option {
  font-family: "Zeppelin31", sans-serif !important;
  color: #9ea6ae;
}
.process .wrapCBContinue .year {
  width: 85px !important;
}
.process .wrapCBContinue .year .filter-option {
  font-family: "Zeppelin31", sans-serif !important;
  color: #9ea6ae;
}
.process .wrapCBContinue .sepDates {
  margin: 0 8px;
}
.process .wrapCBContinue .wrapSecurityCB label {
  display: block;
}
.process .wrapCBContinue .wrapSecurityCB .pictoSecurityCB {
  position: relative;
  top: 10px;
}
.process .wrapCBContinue button.btnTooltip {
  display: inline-block;
  width: 17px !important;
  height: 17px;
  background: #e8eef4;
  border: none;
  line-height: 1;
  color: #263645;
  font-size: 10px;
  position: relative;
  top: 10px;
  left: 5px;
}
.process .wrapContentToggle .wrapSuccessCode {
  color: #68a85b;
  font-size: 13px;
}
.process .wrapContentToggle .wrapSuccessCode .messageSuccess {
  margin-bottom: 10px;
  display: block;
}
.process .wrapContentToggle .wrapSuccessCode .codeOk {
  background-color: #f8fafb;
  height: 40px;
  font-family: "Zeppelin33", sans-serif;
  line-height: 40px;
  text-align: center;
  width: 60%;
  display: inline-block;
}
.process .wrapContentToggle .wrapSuccessCode a {
  float: right;
  text-decoration: underline;
  position: relative;
  top: 13px;
  text-transform: uppercase;
  border-bottom: none;
  font-size: 11px;
}
.process .wrapRegisterFormFinal {
  margin: 20px 0;
}
.process .wrapRegisterFormFinal .registerFormFinal {
  border: 1px solid #e7ecf1;
  padding: 10px;
}
.process .wrapRegisterFormFinal .registerFormFinal .desc {
  font-size: 13px;
  margin-bottom: 10px;
}
.process .wrapRegisterFormFinal .registerFormFinal .btn {
  float: right;
}
.process .noMargin {
  margin: 0 !important;
}

.wrapBlocWhite {
  background-color: #ffffff;
  padding: 40px 40px 28px;
}
.wrapBlocWhite.blocListPayment {
  padding: 30px 40px;
}
.wrapBlocWhite.wrapCodePromo {
  padding: 0 20px;
  margin-bottom: 10px;
}
.wrapBlocWhite.wrapCodePromo input {
  height: 50px;
}
.wrapBlocWhite.wrapCodePromo button {
  float: right;
  padding-right: 0;
  padding-left: 0;
  width: 80px;
  height: 50px;
  font-family: "Zeppelin32", sans-serif;
  font-size: 13px;
}
.wrapBlocWhite.wrapCodePromo .form-inline .form-group {
  float: left;
  margin-bottom: 20px;
  width: calc(100% - 80px);
}
.wrapBlocWhite.wrapCodePromo .errorInput .messageError {
  font-size: 13px;
  margin-top: 5px;
}
.wrapBlocWhite.wrapGiftCard {
  padding: 0 20px;
  margin-bottom: 10px;
}
.wrapBlocWhite.wrapGiftCard input {
  height: 50px;
}
.wrapBlocWhite.wrapGiftCard button {
  float: right;
  padding-right: 0;
  padding-left: 0;
  width: 80px;
  height: 50px;
  font-family: "Zeppelin32", sans-serif;
  font-size: 13px;
}
.wrapBlocWhite.wrapGiftCard .form-inline .form-group {
  float: left;
  margin-bottom: 20px;
  width: calc(100% - 80px);
}
.wrapBlocWhite.wrapGiftCard .errorInput .messageError {
  font-size: 13px;
  margin-top: 5px;
}

.formProcess .form-group {
  margin-bottom: 12px;
}
.formProcess .form-group.blockFormProcess {
  margin-bottom: 20px;
}
.formProcess .form-group-checkbox {
  margin-bottom: 6px;
}
.formProcess .form-group-checkbox .checkbox {
  margin-top: 0;
  margin-bottom: 0;
}
.formProcess label.labelText {
  font-size: 14px;
  color: #9ea6ae;
  font-weight: 400;
  font-family: "Zeppelin31", sans-serif;
  margin-bottom: 4px;
}
.formProcess input {
  height: 44px;
  line-height: 44px;
}
.formProcess .bootstrap-select button.btn.btn-default {
  height: 44px;
  outline: 0 !important;
}
.formProcess .bootstrap-select button.btn.btn-default span.filter-option {
  height: 44px;
  line-height: 44px;
  font-family: "Zeppelin31", sans-serif !important;
}
.formProcess .floatFormGroup {
  float: left;
  width: 50%;
}
.formProcess .floatFormGroup:nth-child(even) {
  padding-right: 5px;
}
.formProcess .floatFormGroup + .floatFormGroup {
  padding-left: 5px;
}
.formProcess .checkbox .text {
  font-size: 13px;
  color: #263645;
  font-family: "Zeppelin31", sans-serif;
  font-weight: 400;
}
.formProcess .msgSuccess {
  color: #68a85b;
  padding: 7px 0 0;
  font-family: "Zeppelin31", sans-serif;
  font-size: 13px;
  display: block;
  line-height: 1;
  height: 40px;
}
.formProcess .msgSuccess a {
  color: #68a85b;
  text-decoration: underline;
  font-weight: 700;
}

.wrapDropdownProcessAccount {
  margin-top: 0;
  max-height: 0;
  overflow: hidden;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
}
.wrapDropdownProcessAccount.open {
  margin-top: 30px;
  max-height: 120vh;
}
.wrapDropdownProcessAccount .closeDropdownProcessAccount {
  font-size: 12px;
  text-transform: uppercase;
  color: #263645;
  font-family: "Zeppelin31", sans-serif;
  font-weight: 400;
  display: inline-block;
  position: absolute;
  right: 20px;
  top: 20px;
  cursor: pointer;
  padding-right: 17px;
  height: 17px;
  line-height: 17px;
}
.wrapDropdownProcessAccount .closeDropdownProcessAccountIcon {
  font-size: 18px;
  top: -1px;
  position: absolute;
  right: 0;
}
.wrapDropdownProcessAccount .welcomeUser {
  margin-bottom: 15px;
  font-size: 20px;
  color: #68a85b;
  font-family: "Zeppelin33", sans-serif;
}

.processHeaderConnect .btnLv3 {
  position: relative;
}
.processHeaderConnect .btnLv3:after {
  content: "";
  width: 0;
  height: 0;
  border-bottom: 15px solid #ffffff;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  position: absolute;
  left: 50%;
  bottom: -31px;
  transform: translateX(-50%);
  opacity: 0;
}
.processHeaderConnect .btnLv3.open:after {
  opacity: 1;
}

.dropdownProcessAccountContent {
  background-color: #ffffff;
  padding: 35px 20px 35px 40px;
  position: relative;
}
.dropdownProcessAccountContent .desc {
  font-size: 15px;
  margin-bottom: 10px;
  margin-top: -10px;
}
.dropdownProcessAccountContent .desc span {
  font-family: "Zeppelin33", sans-serif;
}
.dropdownProcessAccountContent .btnLv2 {
  float: right;
  font-family: "Zeppelin32", sans-serif;
  font-weight: 400;
}
.dropdownProcessAccountContent .btnLv2:focus, .dropdownProcessAccountContent .btnLv2:hover, .dropdownProcessAccountContent .btnLv2:active {
  font-family: "Zeppelin32", sans-serif;
}
.dropdownProcessAccountContent .lostPassword {
  font-size: 12px;
  font-family: "Zeppelin31", sans-serif;
  font-weight: 400;
  position: relative;
  top: 9px;
  cursor: pointer;
}

.wrapBlocBA {
  border: 1px solid #b9d6b2;
  margin-bottom: 20px;
  padding: 30px 40px;
}
.wrapBlocBA .checkbox {
  padding-left: 21px;
  position: relative;
  margin-bottom: 15px;
}
.wrapBlocBA .checkbox .spanCheckbox {
  border: 1px solid #9ea6ae;
  width: 14px;
  height: 14px;
  position: absolute;
  left: 0;
  top: 2px;
}
.wrapBlocBA .checkbox input:checked ~ .spanCheckbox > span {
  background-color: #2934aa;
  width: 12px;
  height: 12px;
}
.wrapBlocBA .desc {
  margin-bottom: 15px;
  font-size: 13px;
}

.wrapListBA {
  padding-bottom: 10px;
  border-bottom: 1px solid #e7ecf1;
  margin-bottom: 20px;
}

.clearPoint {
  text-transform: uppercase;
  text-decoration: underline;
  font-size: 13px;
  color: #8d7955;
  font-family: "Zeppelin31", sans-serif;
  margin-top: 15px;
  display: inline-block;
}

.oneBlocPoints {
  width: 107px;
  height: 88px;
  border: 1px solid #e5e9ec;
  background-color: #ffffff;
  text-align: center;
  padding: 12px !important;
}
.oneBlocPoints .pointEuros {
  display: block;
  font-size: 24px;
  font-family: "Zeppelin33", sans-serif;
  margin-bottom: 10px;
  height: 16px;
  position: relative;
  top: -5px;
}
.oneBlocPoints .numPoint {
  display: block;
  font-size: 14px;
  font-family: "Zeppelin31", sans-serif;
}
.oneBlocPoints .radio {
  text-align: center;
  padding: 0;
  top: 0;
}
.oneBlocPoints .radio .spanRadio {
  margin: 0 0 12px;
  float: none;
  width: 14px;
  height: 14px;
}
.oneBlocPoints .radio .spanRadio input:checked ~ .spanRadio > span {
  width: 8px;
  height: 8px;
}
.oneBlocPoints + .oneBlocPoints {
  margin-left: 10px;
}
.oneBlocPoints.BACheck {
  background-color: #f8fafb;
}

/* POPUP */
.wrapProcessFormBox {
  border: 1px solid #cfd6dc;
  box-shadow: none !important;
}

.process.formBox,
#popup .popupType .process.formBox {
  padding: 20px 30px;
  background-color: transparent;
}
.process.formBox .btnClose .iconClosePopup,
#popup .popupType .process.formBox .btnClose .iconClosePopup {
  right: -30px;
  top: -65px;
  padding-right: 20px;
  width: auto;
  height: 11px;
  font-size: 10px;
  text-decoration: none;
  text-transform: uppercase;
  background: url("./images/icons/iconClosePopup.svg") no-repeat right 1px;
  color: #263645;
}
.process.formBox .btnClose .iconClosePopup:focus, .process.formBox .btnClose .iconClosePopup:hover, .process.formBox .btnClose .iconClosePopup:active,
#popup .popupType .process.formBox .btnClose .iconClosePopup:focus,
#popup .popupType .process.formBox .btnClose .iconClosePopup:hover,
#popup .popupType .process.formBox .btnClose .iconClosePopup:active {
  text-decoration: none;
  color: #263645;
}
.process.formBox .formProcess .form-group,
#popup .popupType .process.formBox .formProcess .form-group {
  margin-bottom: 15px;
}
.process.formBox .formProcess .form-group .error,
#popup .popupType .process.formBox .formProcess .form-group .error {
  margin-top: 10px;
  margin-bottom: 5px;
  padding: 0;
  border: 0;
  text-align: left;
  background: none;
}
.process.formBox .formProcess input,
#popup .popupType .process.formBox .formProcess input {
  margin-top: 0;
  margin-bottom: 0;
}

/* PANIER */
.cart.cartPanier {
  margin-top: 0;
  padding-top: 45px;
}
.cart.cartPanier .btn-impr {
  margin-top: 5px;
  margin-bottom: 30px;
  width: auto;
}

/* STEP1 */
.wrapCart .table thead th {
  border-top: none;
  border-bottom: 1px solid #c0bcb5;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
}
.wrapCart .table thead th.priceTTC {
  text-align: center;
}
.wrapCart .table thead th.color {
  text-align: center;
}
.wrapCart .table thead th.delete {
  text-align: center;
}
.wrapCart .table tbody tr td {
  border-top: none;
  font-size: 14px;
  vertical-align: middle;
  border-bottom: 1px solid #efeded;
}
.wrapCart .table tbody tr td.desc {
  font-size: 16px;
}
.wrapCart .table tbody tr td.desc img {
  margin-right: 60px;
}
.wrapCart .table tbody tr td.color {
  text-align: center;
}
.wrapCart .table tbody tr td.color .refColor {
  float: left;
}
.wrapCart .table tbody tr td.color .imgColor {
  float: right;
}
.wrapCart .table tbody tr td.priceTTC {
  font-size: 16px;
  font-weight: 700;
}
.wrapCart .table tbody tr td.priceTTC .price {
  float: right;
}
.wrapCart .table tbody tr td.priceTTC .oldPrice {
  float: left;
  color: #8191a2;
  text-decoration: line-through;
}
.wrapCart .table tbody tr td.qte {
  font-size: 13px;
  color: #908b8b;
}
.wrapCart .table tbody tr td.qte input[type=text] {
  width: 83px;
  height: 41px;
  text-align: center;
  float: left;
}
.wrapCart .table tbody tr td.qte div {
  float: left;
  padding: 0 10px;
  text-align: center;
}
.wrapCart .table tbody tr td.qte div span {
  display: block;
  color: #8191a2;
  font-weight: 700;
  font-size: 16px;
  cursor: pointer;
}
.wrapCart .table tbody tr td.supp {
  text-align: center;
}
.wrapCart .table tbody tr:last-child td {
  border-bottom: 1px solid #c0bcb5;
}
.wrapCart .table tbody .svgDelete {
  width: 25px;
  height: 25px;
}
.wrapCart .tableGlobal .oneRowTable {
  text-align: center;
}
.wrapCart .tableGlobal .oneRowTable .row {
  display: flex;
}
.wrapCart .tableGlobal .oneRowTable .colInfosTable {
  vertical-align: middle;
  display: table-cell;
}
.wrapCart .tableGlobal .oneRowTable .colInfosTable .infoTableValue, .wrapCart .tableGlobal .oneRowTable .colInfosTable .price {
  display: block;
}
.wrapCart .tableGlobal .oneRowTable .col1 {
  margin-right: 0;
  text-align: left;
}
.wrapCart .tableGlobal .oneRowTable .col1 a {
  z-index: 5;
  position: relative;
  display: block;
}
.wrapCart .tableGlobal .oneRowTable .visuel a {
  display: block;
  font-size: 11px;
  text-decoration: underline;
}
.wrapCart .tableGlobal .oneRowTable .visuel .visuelLink {
  float: left;
  width: 120px;
}
.wrapCart .tableGlobal .oneRowTable .visuel .seeDetail {
  position: relative;
  font-size: 11px;
  font-family: "Zeppelin32", sans-serif;
  text-decoration: underline;
  color: #8d7955;
}
.wrapCart .tableGlobal .oneRowTable .visuel .seeDetail:focus, .wrapCart .tableGlobal .oneRowTable .visuel .seeDetail:hover, .wrapCart .tableGlobal .oneRowTable .visuel .seeDetail:active {
  color: #c7b493;
}
.wrapCart .tableGlobal .oneRowTable .visuel img {
  width: 80px;
  height: 80px;
  margin-bottom: 20px;
}
.wrapCart .tableGlobal .oneRowTable .desc {
  display: block;
  padding-left: 130px;
}
.wrapCart .tableGlobal .oneRowTable .ref {
  font-size: 12px;
  color: #263645;
}
.wrapCart .tableGlobal .oneRowTable .price {
  font-family: "Zeppelin33", sans-serif;
}
.wrapCart .tableGlobal .oneRowTable .wrapAllInfosRow {
  align-self: center;
}
.wrapCart .tableGlobal .oneRowTable .wrapAllInfosRow .qte {
  padding-top: 8px;
}
.wrapCart .tableGlobal .oneRowTable .wrapAllInfosRow .priceTTC {
  padding-top: 14px;
}
.wrapCart .tableGlobal .oneRowTable .wrapAllInfosRow .priceTTC.promo {
  padding-top: 0;
}
.wrapCart .tableGlobal .oneRowTable .wrapAllInfosRow .oldPrice {
  color: #8191a2;
  text-decoration: line-through;
  font-size: 12px;
}
.wrapCart .delete {
  position: relative;
  padding-left: 25px;
}
.wrapCart .delete .del {
  position: absolute;
  top: -3px;
  left: 0;
}

.wrapAllView {
  text-align: center;
}
.wrapAllView .allView {
  display: inline-block;
  background-color: #bab6af;
  color: #ffffff;
  position: relative;
  padding-right: 10px;
  padding-left: 10px;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  height: 30px;
  line-height: 30px;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
}
.wrapAllView .allView:hover, .wrapAllView .allView:focus {
  text-decoration: none;
  background-color: #a29d94;
}
.wrapAllView .allView span {
  margin: 0 10px;
}
.wrapAllView .allView:after {
  content: "";
  border: 1px solid #ffffff;
  display: inline-block;
  width: 12px;
  height: 12px;
  margin: auto;
  position: relative;
  top: -2px;
  border-left: none;
  border-top: none;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.wrapAllView .allView:before {
  content: "";
  border: 1px solid #ffffff;
  display: inline-block;
  width: 12px;
  height: 12px;
  margin: auto;
  position: relative;
  top: -2px;
  border-left: none;
  border-top: none;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.wrapAllView .allView .svgArrow path {
  fill: #ffffff;
}

.cartPanier .prodAssoc .titleSpecial2 {
  text-align: left;
}

.wrapTotalCart {
  position: relative;
  margin-bottom: 20px;
}
.wrapTotalCart .wrapCartShipping,
.wrapTotalCart .panier_action {
  margin-bottom: 20px;
}
.wrapTotalCart .prodAssoc {
  position: relative;
  overflow: hidden;
  padding-top: 0;
  padding-bottom: 0;
}
.wrapTotalCart .prodAssoc .titleSpecial2 {
  line-height: normal;
}
.wrapTotalCart .prodAssoc .container-fluid {
  padding-right: 0;
  padding-left: 0;
}
.wrapTotalCart .prodAssoc .row {
  margin-right: -10px;
  margin-left: -10px;
}
.wrapTotalCart .prodAssoc .assocGallery {
  margin-top: 15px;
}
.wrapTotalCart .prodAssoc .assocGallery .owl-item {
  padding-right: 10px;
  padding-left: 10px;
}
.wrapTotalCart .prodAssoc .assocGallery .owl-buttons .owl-prev {
  left: 0;
  -webkit-transform: translateY(-50%) rotate(90deg);
  -moz-transform: translateY(-50%) rotate(90deg);
  -ms-transform: translateY(-50%) rotate(90deg);
  -o-transform: translateY(-50%) rotate(90deg);
  transform: translateY(-50%) rotate(90deg);
}
.wrapTotalCart .prodAssoc .assocGallery .owl-buttons .owl-next {
  right: 0;
  -webkit-transform: translateY(-50%) rotate(-90deg);
  -moz-transform: translateY(-50%) rotate(-90deg);
  -ms-transform: translateY(-50%) rotate(-90deg);
  -o-transform: translateY(-50%) rotate(-90deg);
  transform: translateY(-50%) rotate(-90deg);
}

.cart {
  margin-top: 20px;
}
.cart .wrapButtons {
  margin-top: 20px;
  margin-bottom: 20px;
}
.cart .wrapButtons .btnLv3 {
  float: left;
  font-size: 14px;
  text-transform: uppercase;
  padding: 14px 17px;
  font-weight: 700;
}
.cart .wrapButtons .btnLv2 {
  float: right;
  font-size: 14px;
  text-transform: uppercase;
  padding: 14px 30px;
}

.info_fidelite_popup {
  background: #ffffff;
  border: 1px solid #f8fafb;
  padding: 20px;
}
.info_fidelite_popup .blockFidelite {
  max-width: 473px;
}
.info_fidelite_popup .blockFidelite p {
  text-align: center;
  width: 100%;
}
.info_fidelite_popup .blockFidelite p:first-child {
  font-size: 30px;
}
.info_fidelite_popup .blockFidelite p:first-child span {
  float: none;
  display: inline-block;
}
.info_fidelite_popup .blockFidelite p:first-child .pointsCount {
  font-size: 40px !important;
}
.info_fidelite_popup .blockFidelite p:first-child .pointsCount sub {
  font-size: 20px !important;
  bottom: 0;
}
.info_fidelite_popup .blockFidelite p:nth-child(2) {
  font-family: "Open Sans";
  font-size: 18px;
}
.info_fidelite_popup .blockFidelite p:nth-child(3) {
  font-family: "Open Sans";
  font-size: 16px;
  font-weight: 700;
  color: #8d7955;
}
.info_fidelite_popup .blockFidelite ul {
  margin-top: 10px;
}
.info_fidelite_popup .blockFidelite ul li.ba {
  display: inline-block;
  text-align: center;
  padding: 5px 10px;
  border: 1px solid #263645;
  margin-left: 20px;
}
.info_fidelite_popup .blockFidelite ul li.ba .amount {
  font-family: "Bad Script";
  font-size: 40px;
  display: block;
  padding-bottom: 15px;
}
.info_fidelite_popup .blockFidelite ul li.ba .points {
  font-size: 14px;
  display: block;
}
.info_fidelite_popup .blockFidelite ul li.ba:first-child {
  margin-left: 0;
}
.info_fidelite_popup .blockFidelite ul li.ba.actif {
  background: #263645;
}
.info_fidelite_popup .blockFidelite ul li.ba.actif span {
  color: #ffffff;
}

.seeDetail:after {
  content: ">";
  display: inline-block;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.seeDetail.collapsed:after {
  content: ">";
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  -ms-transform: rotate(0);
  -o-transform: rotate(0);
  transform: rotate(0);
}

.cartModelDetail .bubulle {
  margin-bottom: 10px;
  font-weight: 400;
  font-size: 12px;
  font-family: "Zeppelin31", sans-serif;
  color: #9ea6ae;
}
.cartModelDetail .bubulle > li {
  display: block;
  position: relative;
}
.cartModelDetail .bubulle > li::before {
  content: "- ";
}

#delivery .processList li, #order .processList li {
  width: 100%;
  border-bottom: 1px solid #f8fafb;
  padding: 30px 0;
}
#delivery .processList li .radio, #order .processList li .radio {
  width: 100%;
  font-size: 14px;
}
#delivery .processList li .radio .spanRadio, #order .processList li .radio .spanRadio {
  margin-bottom: 35px;
}
#delivery .processList li .adresseBlock, #order .processList li .adresseBlock {
  width: 70%;
  margin-left: 10%;
}
#delivery .processList li .adresseBlock .adresse, #order .processList li .adresseBlock .adresse {
  width: 60%;
}
#delivery .processList li .adresseBlock span, #order .processList li .adresseBlock span {
  display: inline-block;
}
#delivery .processList li .valignItem, #order .processList li .valignItem {
  float: none;
  display: inline-block;
  vertical-align: top;
}
#delivery .processList li .valignItem:first-child, #order .processList li .valignItem:first-child {
  width: 30%;
  text-align: center;
}
#delivery .processList li .valignItem:first-child img, #order .processList li .valignItem:first-child img {
  display: inline-block;
}
#delivery .processList li .valignItem:nth-child(2), #order .processList li .valignItem:nth-child(2) {
  width: 69%;
}
#delivery .processList.modes .radio p span, #order .processList.modes .radio p span {
  font-weight: 700;
}
#delivery .processList.paiement .valignItem, #order .processList.paiement .valignItem {
  vertical-align: middle;
}
#delivery .processList.paiement .valignItem:nth-child(2), #order .processList.paiement .valignItem:nth-child(2) {
  width: 58%;
}
#delivery .processList.paiement li, #order .processList.paiement li {
  padding: 20px 0;
}
#delivery .processList.paiement li .radio .spanRadio, #order .processList.paiement li .radio .spanRadio {
  margin-bottom: 0;
}
#delivery .addAddress, #order .addAddress {
  margin: 20px 15% 20px 0;
}
#delivery .btnLv1.big, #order .btnLv1.big {
  width: 25%;
}
#delivery aside .bgTitle h2, #order aside .bgTitle h2 {
  color: #9ea6ae;
}
#delivery .cgv, #order .cgv {
  font-size: 20px;
  display: block;
  margin: 30px 0 20px 0;
}
#delivery .cgv a, #order .cgv a {
  text-decoration: underline;
  font-weight: 700;
}
#delivery .bgTitle .titleLv2, #order .bgTitle .titleLv2 {
  font-size: 19px;
  color: #263645;
}

#delivery .colL, #delivery .colR {
  margin-bottom: 20px;
}
#delivery .addAddress {
  margin: 20px 0;
}
#delivery .addAddressLink .adresseBlock {
  width: 70%;
  margin-left: 13%;
}
#delivery .addAddressLink .adresseBlock .adresse {
  margin-top: 20px;
}
#delivery .adresseBlock input {
  margin: 5px 0;
}
#delivery .mainLink {
  color: #8d7955;
  text-decoration: underline;
  font-size: 15px;
}

#order .bgTitle {
  position: relative;
}
#order .bgTitle a {
  text-decoration: none;
}
#order .bgTitle a .iconArrow {
  display: inline-block;
  background: url("./images/icons/arrow.svg") no-repeat center center;
  width: 40px;
  height: 40px;
  position: absolute;
  right: 20px;
  top: 5px;
}
#order .bgTitle a.collapsed .iconArrow {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
#order .avantages .bgTitle {
  margin-bottom: 0;
}
#order .avantages #avantages_content {
  border-bottom: 1px solid #9ea6ae;
}
#order .avantages #avantages_content .avantagesMargin {
  margin: 0 20px;
}
#order .avantages #avantages_content .avantagesMargin .chequeKdo {
  padding-top: 20px;
  position: relative;
  margin-bottom: 15px;
}
#order .avantages #avantages_content .avantagesMargin .chequeKdo label {
  float: left;
  margin-right: 20px;
  padding-top: 10px;
  font-family: "Zeppelin31", sans-serif;
}
#order .avantages #avantages_content .avantagesMargin .chequeKdo input[type=text] {
  float: right;
  min-width: 250px;
  width: 33%;
}
#order .avantages #avantages_content .avantagesMargin .chequeKdo input[type=submit] {
  position: absolute;
  right: 0;
  bottom: 0;
  background: #263645;
  color: #ffffff;
  border: none;
  width: 40px;
  height: 40px;
  font-weight: 700;
}
#order .avantages #avantages_content .avantagesMargin .blockFidelite {
  padding: 20px;
  margin: 20px 0;
  background: #ffffff;
  border: 1px dashed #e7ecf1;
  text-align: center;
  /*.checkboxVisuel{
    label{
      font-size: 20px;
      font-weight: $fwbold;
    }
  }*/
}
#order .avantages #avantages_content .avantagesMargin .blockFidelite .titleLv2 span {
  font-size: 40px;
}
#order .avantages #avantages_content .avantagesMargin .blockFidelite .titleLv5 {
  padding: 10px 0;
  font-size: 20px;
}
#order .avantages #avantages_content .avantagesMargin .blockFidelite ul {
  margin-bottom: 20px;
}
#order .avantages #avantages_content .avantagesMargin .blockFidelite ul li.ba {
  display: inline-block;
  text-align: center;
  padding: 5px 10px;
  border: 1px solid #263645;
  margin-left: 20px;
}
#order .avantages #avantages_content .avantagesMargin .blockFidelite ul li.ba .amount {
  font-family: "Bad Script";
  font-size: 40px;
  display: block;
  padding-bottom: 5px;
}
#order .avantages #avantages_content .avantagesMargin .blockFidelite ul li.ba .points {
  font-size: 16px;
  display: block;
}
#order .avantages #avantages_content .avantagesMargin .blockFidelite ul li.ba:first-child {
  margin-left: 0;
}
#order .avantages #avantages_content .avantagesMargin .blockFidelite ul li.ba.actif {
  background: #263645;
}
#order .avantages #avantages_content .avantagesMargin .blockFidelite ul li.ba.actif span {
  color: #ffffff;
}
#order .recapCmd {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #e7ecf1;
}
#order .frais {
  color: #9ea6ae;
}
#order .frais p.left {
  font-size: 14px;
  color: #263645;
  font-family: "Zeppelin31", sans-serif;
}
#order .frais p.right {
  font-size: 14px;
  color: #263645;
  font-family: "Zeppelin31", sans-serif;
}
#order .frais .clearfix ~ p.left,
#order .frais .clearfix ~ p.right {
  margin-top: 5px;
}
#order .frais .promoList {
  margin-top: 5px;
  font-family: "Zeppelin33", sans-serif;
  color: #68a85b;
}
#order .frais .promoList p.left,
#order .frais .promoList p.right {
  font-family: inherit;
  color: inherit;
}
#order .frais .total {
  margin-top: 5px;
}
#order .frais .total p.left {
  font-size: 20px;
  font-family: "Zeppelin33", sans-serif;
}
#order .frais .total p.right {
  font-size: 20px;
  font-family: "Zeppelin33", sans-serif;
}
#order .deliveryMode, #order .billingAddress {
  color: #9ea6ae;
}
#order .deliveryMode {
  padding-bottom: 20px;
}
#order .deliveryMode .valignItem {
  display: inline-block;
  vertical-align: middle;
  float: none;
}
#order .deliveryMode .valignItem a.mainLink {
  color: #8d7955;
  text-decoration: underline;
  margin-top: 10px;
  display: inline-block;
}
#order .deliveryMode .adresseBlock {
  width: 100%;
}
#order .deliveryMode .adresseBlock a {
  display: none;
}
#order .billingAddress .adresseBlock {
  width: 100%;
}
#order .billingAddress .adresseBlock .adresse {
  width: 100%;
}
#order .billingAddress .adresseBlock .adresse.edition input {
  width: 100%;
  margin: 5px 0;
}
#order .billingAddress .adresseBlock a {
  float: none;
  display: inline-block;
  margin-top: 10px;
  color: #8d7955;
  text-decoration: underline;
}
/*---------------------------------RESPONSIVE PROCESS------------------------------------*/
@media (min-width: 768px) and (max-width: 1024px) {
  /* POPUP */
  #popup .popupType .process.formBox .btnClose .iconClosePopup {
    right: -40px;
  }

  /* DELIVERY */
  #delivery #deliveryForm.formProcess .form-group.right {
    float: none;
  }
  #delivery #deliveryForm.formProcess .form-group.right .btn {
    display: block;
  }

  .wrapTotalCart .prodAssoc {
    margin-bottom: 20px;
  }
  .wrapTotalCart .prodAssoc .titleSpecial2 {
    font-size: 26px;
  }
  .wrapTotalCart .prodAssoc .titleSpecial2 .it {
    font-size: inherit;
  }
}
@media (min-width: 1444px) {
  .wrapCart .tableGlobal {
    margin-bottom: 40px;
  }

  .wrapTotalCart {
    margin-bottom: 40px;
  }
  .wrapTotalCart .prodAssoc {
    margin-top: 80px;
  }
}
/*==============================
    DESKTOP - ACCOUNT
-------------------------------*/
.account .breadNPaging {
  height: 40px;
  line-height: 40px;
  margin-bottom: 20px;
}

.account .breadcrumb {
  border-bottom: 1px solid #e7ecf1;
}

.account {
  margin-bottom: 30px;
}
.account h1 {
  margin-bottom: 20px;
}
.account .productTutosList {
  margin-top: 15px;
}

.wrapCivilityAccount .spanRadio {
  top: -5px;
}

.introAccount {
  margin-bottom: 40px;
}
.introAccount .col-xs-12 {
  position: relative;
}
.introAccount .valignItem {
  width: 90%;
  height: 90%;
  margin: 0 5%;
  position: absolute;
  z-index: 3;
  text-align: center;
  top: 0;
  left: 0;
}
.introAccount .valignItem:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.introAccount .valignItem .textIntro {
  display: inline-block;
  vertical-align: middle;
  max-width: 90%;
}
.introAccount .valignItem .textIntro .welcome {
  font-size: 14px;
  line-height: 24px;
  margin-top: 10px;
}

.accountContent .blockForm .labelCiv {
  width: 50%;
  float: left;
}
.accountContent .blockForm ul {
  width: 50%;
  float: left;
}
.accountContent .blockForm ul li {
  display: inline-block;
  line-height: 30px;
}
.accountContent .blockForm .form-group, .accountContent .blockForm fieldset {
  display: block;
  height: 40px;
  line-height: 40px;
  margin: 10px 0;
}
.accountContent .blockForm .form-group label:not(.radio), .accountContent .blockForm fieldset label:not(.radio) {
  float: left;
  width: 50%;
  padding-top: 0;
}
.accountContent .blockForm .form-group input, .accountContent .blockForm fieldset input {
  float: right;
  width: 50%;
}
.accountContent .blockForm .selectContainer {
  float: right;
  width: 50%;
}
.accountContent .blockForm .birthday select.selectDay, .accountContent .blockForm .birthday .ui-state-default.selectDay, .accountContent .blockForm .birthday .ui-state-focus.selectDay, .accountContent .blockForm .birthday .ui-state-hover.selectDay, .accountContent .blockForm .birthday .bootstrap-select.selectDay {
  width: 28% !important;
}
.accountContent .blockForm .birthday select.selectMonth, .accountContent .blockForm .birthday .ui-state-default.selectMonth, .accountContent .blockForm .birthday .ui-state-focus.selectMonth, .accountContent .blockForm .birthday .ui-state-hover.selectMonth, .accountContent .blockForm .birthday .bootstrap-select.selectMonth {
  width: 38.2% !important;
}
.accountContent .blockForm .birthday select.selectYear, .accountContent .blockForm .birthday .ui-state-default.selectYear, .accountContent .blockForm .birthday .ui-state-focus.selectYear, .accountContent .blockForm .birthday .ui-state-hover.selectYear, .accountContent .blockForm .birthday .bootstrap-select.selectYear {
  width: 30.2% !important;
}
.accountContent .table {
  font-size: inherit;
}
.accountContent .table tr td {
  line-height: 50px;
}
.accountContent .table tr td .name {
  line-height: normal;
  margin-left: 10px;
  margin-top: 10px;
}
.accountContent .fidelite .titleLv3 {
  font-size: 23px;
}
.accountContent .fidelite .titleLv3 .points {
  background: #263645;
  padding: 5px 15px;
  font-family: "Zeppelin33", sans-serif;
  color: #ffffff;
  font-weight: 400;
  font-size: 20px;
  margin-left: 10px;
}
.accountContent .blockFidelite {
  padding: 20px;
  margin: 20px 0;
  background: #ffffff;
  border: 1px dashed #e7ecf1;
  text-align: center;
}
.accountContent .blockFidelite .titleLv4 {
  font-family: "Zeppelin31", sans-serif;
}
.accountContent .blockFidelite .titleLv4 span {
  font-size: 40px;
  font-family: "Zeppelin33", sans-serif;
}
.accountContent .blockFidelite .titleLv5 {
  padding: 10px 0;
  font-size: 20px;
}
.accountContent .blockFidelite ul {
  margin-bottom: 20px;
  margin-top: 20px;
}
.accountContent .blockFidelite ul li.ba {
  display: inline-block;
  text-align: center;
  padding: 5px 10px;
  border: 1px solid #263645;
  margin-left: 10px;
  margin-bottom: 20px;
  /*&:nth-child(3){
    margin-left: 0;
  }*/
}
.accountContent .blockFidelite ul li.ba .amount {
  font-family: "Zeppelin33", sans-serif;
  font-size: 40px;
  display: block;
  padding-bottom: 5px;
}
.accountContent .blockFidelite ul li.ba .points {
  font-size: 16px;
  display: block;
}
.accountContent .blockFidelite ul li.ba:first-child {
  margin-left: 0;
}
.accountContent .blockFidelite ul li.ba.active {
  background: #263645;
}
.accountContent .blockFidelite ul li.ba.active span {
  color: #ffffff;
}
.accountContent .newsClubBox .form-group {
  height: auto;
  line-height: 1.5;
}
.accountContent .newsClubBox .form-group label:not(.radio) {
  float: none;
  width: 100%;
}

.accountContentVoucher {
  line-height: 25px;
}
.accountContentVoucher hr {
  border-color: #e7ecf1;
}
.accountContentVoucher ul {
  display: block;
  list-style-type: disc;
  margin: 1em 0;
  padding-left: 40px;
}
.accountContentVoucher ul li {
  display: list-item;
  list-style: inherit;
}
.accountContentVoucher .checkbox .spanCheckbox {
  margin-top: 5px;
}

.tableGlobal .tableHeader {
  text-align: center;
  font-family: "Zeppelin33", sans-serif;
  font-size: 14px;
}
.tableGlobal .tableHeader .col1 {
  text-align: left;
}
.tableGlobal .telecharger {
  padding: 0 8px;
  line-height: 40px;
  text-align: center;
  position: relative;
}
.tableGlobal .telecharger a {
  display: inline-block;
  width: 40px;
  height: 40px;
  background: url("./images/icons/pdf.svg") no-repeat center center;
  background-size: 25px auto;
  position: absolute;
  top: -10px;
  left: 50%;
  transform: translateX(-50%);
}
.tableGlobal .nameProduct {
  font-family: "Zeppelin33", sans-serif;
}
.tableGlobal .detail {
  text-align: center;
}

.navAccount ul li {
  width: 100%;
  padding: 10px 0;
  list-style-type: none;
}
.navAccount ul li img {
  max-width: 50px;
  display: inline-block;
  float: left;
}
.navAccount ul li a {
  font-size: 14px;
  text-transform: uppercase;
  line-height: 50px;
  color: #8d7955;
  text-decoration: none;
  padding-left: 10px;
}
.navAccount ul li a:hover {
  color: #263645;
}
.navAccount ul li.actif a {
  color: #263645;
  font-weight: 700;
}

#psw_forgot_page input[type=text] {
  width: 100%;
  margin: 20px 0;
}

.accountAddressBook .blockForm {
  margin-bottom: 10px;
}
.accountAddressBook #addadr {
  margin: 15px 0 30px;
}

.newPassPage form .txtIntro {
  margin-bottom: 30px;
}
.newPassPage form input[type=password] {
  width: 100%;
}
.newPassPage form input[type=submit] {
  margin-top: 30px;
}

.accountHistory .tableHeader {
  font-size: 14px;
}

/*---------------------------------RESPONSIVE ACCOUNT-------------------------------------*/
@media only screen and (max-width: 1444px) {
  #compte_content .tableGlobal .oneRowTable, #compte_content .tableGlobal .tableHeader {
    font-size: 13px;
  }

  .navAccount ul li a {
    font-size: 13px;
  }
  .navAccount ul li img {
    max-width: 38px;
  }

  .accountContent .bgTitle.titleLv2 {
    font-size: 16px;
  }
}
@media only screen and (max-width: 1342px) and (min-width: 1024px) {
  .navAccount ul li img {
    display: none;
  }
}
@media only screen and (max-width: 1140px) {
  .tableGlobal .oneRowTable .wrapQty > span {
    width: 23px;
  }
}
@media only screen and (max-width: 1023px) {
  .introAccount .valignItem {
    position: relative;
    width: 100%;
    height: auto;
  }

  .accountContent .bgTitle.titleLv2 {
    font-size: 16px;
  }
}
@media only screen and (min-width: 941px) {
  .textLabelTableHeader {
    display: none;
  }
}
@media only screen and (max-width: 940px) and (min-width: 768px) {
  .tableHeader {
    display: none;
  }

  .colblock {
    display: block;
    width: 100%;
    font-size: 16px;
  }

  .textLabelTableHeader {
    display: inline-block;
    font-weight: 700;
  }

  .tableGlobal .detail {
    text-align: left;
  }
  .tableGlobal .telecharger {
    position: absolute;
    right: 0;
    top: 0;
  }
  .tableGlobal .telecharger a {
    top: inherit;
    left: initial;
    transform: none;
    right: 0;
  }
}
/*==============================
    DESKTOP - CONTACT
-------------------------------*/
#contact .btnLv1 {
  margin-bottom: 20px;
}
#contact .form-group, #contact fieldset {
  margin-bottom: 10px;
  clear: both;
}
#contact .form-group label, #contact fieldset label {
  float: left;
  width: 40%;
  height: 40px;
  line-height: 40px;
  padding-top: 0;
}
#contact .form-group input[type=text],
#contact .form-group input[type=password],
#contact .form-group textarea,
#contact .form-group select, #contact .form-group .ui-state-default, #contact .form-group .ui-state-focus, #contact .form-group .ui-state-hover,
#contact .form-group .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn),
#contact .form-group .btnLv1, #contact fieldset input[type=text],
#contact fieldset input[type=password],
#contact fieldset textarea,
#contact fieldset select, #contact fieldset .ui-state-default, #contact fieldset .ui-state-focus, #contact fieldset .ui-state-hover,
#contact fieldset .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn),
#contact fieldset .btnLv1 {
  width: 60% !important;
}

/*==============================
    DESKTOP - STORE LOCATOR
-------------------------------*/
.mapStores iframe {
  width: 100%;
  height: 1000px;
}

/*# sourceMappingURL=main_desktop.css.map */