@charset "UTF-8";
/* PX to REM */
/* Color */
/* Filter Color */
/* Wishlist */
/* Media Query */
/**
 * Media Querys
 *
 * Use : @media only screen and (max-width: mediaquery({key}))
 */
/**
 * Colors
 *
 * Use : color({key})
 */
/**
 * Filter Color
 *
 * Use : filterColor({key})
 */
/**
 * Wishlist
 *
 * Use : wishlist({key})
 */
/*
 * Styleguide's Classes
 */
/*
 * Commons
 */
/*
 * Placeholders
 */
/* Button Primary */
/* Button Secondary */
/* Button Tertiary */
/* Button Grey */
/* Button Negative */
/* Button Wishlist (Commons) */
/* Button Wishlist (Primary) */
/* Button Wishlist (Secondary) */
/* Button Clicked Error */
/* Button Clicked Warning */
/* Button Clicked Success */
/* Button Medium (Par défaut | Doit être 1er de la liste pour ne pas écraser les styles précédents) */
/* Button Smaller */
/* Button Small */
/* Button Big */
/*
 * Type image
 */
/*
 * Icons
 */
#memo_fil_ariane,
.breadcrumb {
  display: none;
  margin-bottom: 0;
}

.vb-landing {
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  position: relative;
  z-index: 1;
}
.vb-landing * {
  box-sizing: border-box;
  font-family: Muli, sans-serif;
}
.vb-landing .vb-landing-corner {
  font-size: 0;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.vb-landing a {
  color: #353535;
}

.vb-landing--head {
  background: url(head.jpg) no-repeat right top;
  height: 25rem;
  margin-bottom: 3.75rem;
  position: relative;
  width: 100%;
}
.vb-landing--head .vb-landing--head-container {
  background: #FFFFFF;
  border-radius: 0 0.5rem 0.5rem 0;
  left: 0;
  max-width: 33.4375rem;
  padding: 1.875rem 1.25rem;
  position: absolute;
  top: 3.125rem;
  width: 100%;
}
.vb-landing--head .vb-landing--head-container h2 {
  color: #4a4a4a;
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1.1em;
  margin-bottom: 0.3125rem;
}
.vb-landing--head .vb-landing--head-container .h2_sbutitle {
  font-size: 24px;
  font-weight: bold;
  line-height: 31px;
  margin-bottom: 5px;
  display: block;
  color: #4A4A4A;
}
.vb-landing--head .vb-landing--head-container p {
  color: #353535;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.4em;
}
@media only screen and (max-width: 47.9375rem) {
  .vb-landing--head .vb-landing--head-container {
    border-radius: 0.5rem;
    left: 50%;
    top: 18.4375rem;
    transform: translateX(-50%);
    max-width: calc(100% - 0.9375rem);
  }
  .vb-landing--head .vb-landing--head-container h2 {
    font-size: 2rem;
  }
  .vb-landing--head .vb-landing--head-container .h2_sbutitle {
    font-size: 1.3125rem;
    line-height: 21px;
  }
  .vb-landing--head .vb-landing--head-container p {
    font-size: 1rem;
  }
}
@media only screen and (max-width: 36.25rem) {
  .vb-landing--head {
    height: 42.1875rem;
  }
}
@media only screen and (max-width: 23.4375rem) {
  .vb-landing--head {
    background: url(head-mobile.jpg) no-repeat center top;
  }
}

.vb-landing--calculator {
  display: flex;
  justify-content: flex-end;
  width: 100%;
}
.vb-landing--calculator .vb-landing--calculator-content {
  border: 0.0625rem dashed #b3b8be;
  max-width: 58.75rem;
  padding: 0.9375rem 0.625rem;
  width: 100%;
  position: relative;
}
.vb-landing--calculator .vb-landing--calculator-content-mobile {
  display: none;
}
@media only screen and (max-width: 1000px) {
  .vb-landing--calculator .vb-landing--calculator-content-mobile {
    display: block;
    font-size: 14px;
    line-height: 18px;
    margin: 10px;
  }
}
.vb-landing--calculator .vb-landing--calculator-content h2 {
  color: #333;
  font-size: 1rem;
  font-weight: 700;
  margin-bottom: 0.9375rem;
  text-align: center;
}
.vb-landing--calculator .vb-landing--calculator-content .vb-landing--calculator-container {
  display: flex;
}
.vb-landing--calculator .vb-landing--calculator-content .vb-landing--calculator-container .vb-landing--calculator-form {
  background: #fbf0ec;
  padding: 0.9375rem;
}
.vb-landing--calculator .vb-landing--calculator-content .vb-landing--calculator-container .vb-landing--calculator-form strong {
  color: #000;
  display: block;
  font-size: 1rem;
  margin-bottom: 0.75rem;
  text-align: center;
}
.vb-landing--calculator .vb-landing--calculator-content .vb-landing--calculator-container .vb-landing--calculator-form p {
  color: #333;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3em;
}
.vb-landing--calculator .vb-landing--calculator-content .vb-landing--calculator-container .vb-landing--calculator-form .vb-calculator-form {
  display: flex;
  margin-top: 1.5625rem;
}
.vb-landing--calculator .vb-landing--calculator-content .vb-landing--calculator-container .vb-landing--calculator-form .vb-calculator-form div {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  width: 50%;
}
.vb-landing--calculator .vb-landing--calculator-content .vb-landing--calculator-container .vb-landing--calculator-form .vb-calculator-form div label {
  color: #000;
  font-size: 1rem;
  font-weight: 700;
}
.vb-landing--calculator .vb-landing--calculator-content .vb-landing--calculator-container .vb-landing--calculator-form .vb-calculator-form div label small {
  color: #000;
  font-size: 0.75rem;
  font-style: italic;
  font-weight: 500;
}
.vb-landing--calculator .vb-landing--calculator-content .vb-landing--calculator-container .vb-landing--calculator-form .vb-calculator-form div input[type=text] {
  font-weight: 700;
  margin: 0.3125rem auto 0.625rem;
  max-width: 7.5rem;
  width: 100%;
}
.vb-landing--calculator .vb-landing--calculator-content .vb-landing--calculator-container .vb-landing--calculator-form .vb-calculator-form div a {
  color: #000;
  font-size: 0.875rem;
  font-weight: 400;
  margin-bottom: 0.125rem;
  text-decoration: underline;
}
.vb-landing--calculator .vb-landing--calculator-content .vb-landing--calculator-container .vb-landing--calculator-form .vb-calculator-form div .vb-calculator--error {
  color: #eb3838;
  display: block;
  font-size: 0.75rem;
  text-align: center;
  margin-bottom: 0.3125rem;
}
.vb-landing--calculator .vb-landing--calculator-content .vb-landing--calculator-container .vb-landing--calculator-form .vb-calculator-form div button {
  margin-bottom: 0.1875rem;
  border: 1px solid #333333;
  cursor: pointer;
  position: relative;
  text-decoration: none;
  border-radius: 5px;
  color: #333333;
  display: inline-block;
  width: 254px;
  height: 40px;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  line-height: 38px;
  overflow: hidden;
  transition: color 0.4s ease;
  z-index: 1;
  max-width: 15.9375rem;
}
.vb-landing--calculator .vb-landing--calculator-content .vb-landing--calculator-container .vb-landing--calculator-form .vb-calculator-form div button:hover:after, .vb-landing--calculator .vb-landing--calculator-content .vb-landing--calculator-container .vb-landing--calculator-form .vb-calculator-form div button:focus:after {
  transform: translateX(0%);
  color: #fff;
}
.vb-landing--calculator .vb-landing--calculator-content .vb-landing--calculator-container .vb-landing--calculator-form .vb-calculator-form div button:before, .vb-landing--calculator .vb-landing--calculator-content .vb-landing--calculator-container .vb-landing--calculator-form .vb-calculator-form div button:after {
  content: "";
  display: inline-block;
  height: 100%;
  left: 0;
  position: absolute;
  pointer-events: none;
  top: 0;
  transition: transform 0.4s ease;
  width: 100%;
  z-index: -1;
}
.vb-landing--calculator .vb-landing--calculator-content .vb-landing--calculator-container .vb-landing--calculator-form .vb-calculator-form div button:before {
  background: #fbf0ec;
}
.vb-landing--calculator .vb-landing--calculator-content .vb-landing--calculator-container .vb-landing--calculator-form .vb-calculator-form div button:after {
  background: #333333;
  transform: translateX(-100%);
}
.vb-landing--calculator .vb-landing--calculator-content .vb-landing--calculator-container .vb-landing--calculator-form .vb-calculator-form div button:hover, .vb-landing--calculator .vb-landing--calculator-content .vb-landing--calculator-container .vb-landing--calculator-form .vb-calculator-form div button:focus {
  color: #FFF;
}
.vb-landing--calculator .vb-landing--calculator-content .vb-landing--calculator-container .vb-landing--calculator-form .vb-calculator-form div #vb-calculator--result {
  color: #000;
  display: block;
  height: 1.5rem;
  font-size: 1.125rem;
  font-weight: 700;
  text-align: center;
}
.vb-landing--calculator .vb-landing--calculator-content .vb-landing--calculator-container .vb-landing--calculator-product {
  margin-left: 1.25rem;
  max-width: 21.5625rem;
  text-align: center;
  width: 100%;
}
.vb-landing--calculator .vb-landing--calculator-content .vb-landing--calculator-container .vb-landing--calculator-product p {
  color: #333;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3em;
  margin-bottom: 1.5625rem;
  text-align: left;
}
.vb-landing--calculator .vb-landing--calculator-content .vb-landing--calculator-container .vb-landing--calculator-product a {
  color: #FFFFFF;
  font-weight: 700;
  margin: 0.625rem auto 0;
  max-width: 15.9375rem;
  text-align: center;
  width: 100%;
}
.vb-landing--calculator .vb-landing--calculator-content .vb-landing--calculator-howto {
  max-width: 34.5625rem;
  position: absolute;
  top: 35px;
  padding: 0.9375rem;
  z-index: 1;
  background-color: #fff;
  border: 2px solid #FBF0EC;
  width: 555px;
  left: 10px;
  display: none;
}
@media only screen and (max-width: 1000px) and (min-width: 769px) {
  .vb-landing--calculator .vb-landing--calculator-content .vb-landing--calculator-howto {
    width: 50%;
    top: 74px;
    height: 239px;
  }
}
@media only screen and (max-width: 768px) {
  .vb-landing--calculator .vb-landing--calculator-content .vb-landing--calculator-howto {
    border: none;
    left: 0;
    right: 0;
    position: fixed;
    bottom: 0;
    top: auto;
    width: 100%;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
  }
}
.vb-landing--calculator .vb-landing--calculator-content .vb-landing--calculator-howto .vb-landing--calculator-howto--toggle {
  align-items: center;
  color: #454047;
  cursor: pointer;
  display: flex;
  font-size: 40px;
  font-weight: 400;
  justify-content: center;
  position: absolute;
  right: 0;
  top: 0;
  height: 3.125rem;
  width: 3.125rem;
}
.vb-landing--calculator .vb-landing--calculator-content .vb-landing--calculator-howto > p {
  font-size: 1rem;
  font-weight: 400;
  text-align: center;
}
.vb-landing--calculator .vb-landing--calculator-content .vb-landing--calculator-howto ol {
  display: flex;
  margin-top: 1.25rem;
}
.vb-landing--calculator .vb-landing--calculator-content .vb-landing--calculator-howto ol li {
  width: 50%;
}
.vb-landing--calculator .vb-landing--calculator-content .vb-landing--calculator-howto ol li img {
  margin-bottom: 0.3125rem;
}
.vb-landing--calculator .vb-landing--calculator-content .vb-landing--calculator-howto ol li p {
  color: #0d0c0c;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3em;
}

@media only screen and (max-width: 62.5rem) {
  .vb-landing--calculator .vb-landing--calculator-content .vb-landing--calculator-container .vb-landing--calculator-form {
    width: 50%;
  }
  .vb-landing--calculator .vb-landing--calculator-content .vb-landing--calculator-container .vb-landing--calculator-form > p {
    display: none;
  }
  .vb-landing--calculator .vb-landing--calculator-content .vb-landing--calculator-container .vb-landing--calculator-form .vb-calculator-form {
    flex-direction: column;
  }
  .vb-landing--calculator .vb-landing--calculator-content .vb-landing--calculator-container .vb-landing--calculator-form .vb-calculator-form div {
    width: 100%;
    margin-top: 0.625rem;
  }
  .vb-landing--calculator .vb-landing--calculator-content .vb-landing--calculator-container .vb-landing--calculator-form .vb-calculator-form div:nth-child(1) {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: left;
    padding-left: 10px;
  }
  .vb-landing--calculator .vb-landing--calculator-content .vb-landing--calculator-container .vb-landing--calculator-form .vb-calculator-form div label {
    width: 7.125rem;
    margin-right: 20px;
  }
  .vb-landing--calculator .vb-landing--calculator-content .vb-landing--calculator-container .vb-landing--calculator-form .vb-calculator-form div input[type=text] {
    margin: 0;
    width: 7.5rem;
  }
  .vb-landing--calculator .vb-landing--calculator-content .vb-landing--calculator-container .vb-landing--calculator-form .vb-calculator-form div a {
    margin-top: 0.625rem;
    text-align: center;
    width: 100%;
  }
  .vb-landing--calculator .vb-landing--calculator-content .vb-landing--calculator-container .vb-landing--calculator-form .vb-calculator-form div .vb-calculator--error {
    order: 3;
    margin-top: 0.3125rem;
  }
  .vb-landing--calculator .vb-landing--calculator-content .vb-landing--calculator-container .vb-landing--calculator-form .vb-calculator-form div button {
    order: 2;
  }
  .vb-landing--calculator .vb-landing--calculator-content .vb-landing--calculator-container .vb-landing--calculator-form .vb-calculator-form div #vb-calculator--result {
    order: 1;
    margin-bottom: 0.3125rem;
  }
  .vb-landing--calculator .vb-landing--calculator-content .vb-landing--calculator-container .vb-landing--calculator-product {
    max-width: 100%;
    width: 50%;
  }
  .vb-landing--calculator .vb-landing--calculator-content .vb-landing--calculator-howto {
    max-width: 100%;
  }
  .vb-landing--calculator .vb-landing--calculator-content .vb-landing--calculator-howto ol {
    justify-content: space-around;
  }
  .vb-landing--calculator .vb-landing--calculator-content .vb-landing--calculator-howto ol li {
    width: auto;
  }
}
@media only screen and (max-width: 48rem) {
  .vb-landing--calculator {
    margin-top: 1.5625rem;
    padding: 0 0.5rem;
  }
  .vb-landing--calculator .vb-landing--calculator-content {
    padding-left: 0;
    padding-right: 0;
  }
  .vb-landing--calculator .vb-landing--calculator-content .vb-landing--calculator-container {
    flex-direction: column;
    align-items: center;
  }
  .vb-landing--calculator .vb-landing--calculator-content .vb-landing--calculator-container .vb-landing--calculator-form {
    width: 100%;
  }
  .vb-landing--calculator .vb-landing--calculator-content .vb-landing--calculator-container .vb-landing--calculator-product {
    width: 100%;
    max-width: 20rem;
    padding: 1.25rem 0.625rem 0;
  }
  .vb-landing--calculator .vb-landing--calculator-content .vb-landing--calculator-howto {
    border: none;
    left: 0;
    right: 0;
    position: fixed;
    bottom: 0;
    top: auto;
    width: 100%;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
  }
}
@media only screen and (max-width: 450px) {
  .vb-landing--calculator .vb-landing--calculator-content .vb-landing--calculator-howto ol {
    flex-direction: column;
    margin: 1.25rem auto 0;
    max-width: 18.75rem;
  }
  .vb-landing--calculator .vb-landing--calculator-content .vb-landing--calculator-howto ol li {
    text-align: center;
    margin-bottom: 1.25rem;
  }
  .vb-landing--calculator .vb-landing--calculator-content .vb-landing--calculator-howto ol li p br {
    display: none;
  }
}
.vb-landing--menu {
  margin-bottom: 1.5625rem;
  padding: 1.875rem 0;
  position: relative;
  width: 100%;
}
.vb-landing--menu .vb-landing--menu-buttons {
  align-items: center;
  display: flex;
  justify-content: center;
  margin: 0 auto;
}
.vb-landing--menu .vb-landing--menu-buttons li {
  text-align: center;
  padding: 0 0.9375rem;
}
.vb-landing--menu .vb-landing--menu-buttons li a {
  border-bottom: 0.1875rem solid #dfdfdf;
  color: #000000;
  display: block;
  font-size: 1rem;
  font-weight: 400;
  width: 11.875rem;
  text-align: center;
  text-decoration: none;
  transition: border 0.1s linear;
}
.vb-landing--menu .vb-landing--menu-buttons li a img {
  margin: 0 auto 0.9375rem;
}
.vb-landing--menu .vb-landing--menu-buttons li a img.vb-landing--menu-button_on {
  display: none;
}
.vb-landing--menu .vb-landing--menu-buttons li a span {
  align-items: center;
  display: flex;
  height: 1.375rem;
  justify-content: center;
  margin-bottom: 0.625rem;
}
.vb-landing--menu .vb-landing--menu-buttons li a:hover {
  border-bottom: 0.1875rem solid #7dbc8e;
  font-weight: 700;
}
.vb-landing--menu .vb-landing--menu-buttons li a:hover .vb-landing--menu-button_off {
  display: none;
}
.vb-landing--menu .vb-landing--menu-buttons li a:hover .vb-landing--menu-button_on {
  display: inline;
}
@media only screen and (max-width: 56.25rem) {
  .vb-landing--menu {
    margin-bottom: 0;
    padding-bottom: 0;
  }
  .vb-landing--menu .vb-landing--menu-buttons {
    flex-wrap: wrap;
    max-width: 27.5rem;
  }
  .vb-landing--menu .vb-landing--menu-buttons li {
    margin-bottom: 1.875rem;
    width: 50%;
  }
  .vb-landing--menu .vb-landing--menu-buttons li a {
    font-size: 0.875rem;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 30rem) {
  .vb-landing--menu .vb-landing--menu-buttons li a {
    width: 8.125rem;
  }
  .vb-landing--menu .vb-landing--menu-buttons li a span {
    height: auto;
  }
}

.vb-landing[data-filters="1"] .vb-landing--menu .vb-landing--menu-buttons li a[data-filters="1"] {
  border-bottom: 0.1875rem solid #7dbc8e;
  font-weight: 700;
}
.vb-landing[data-filters="1"] .vb-landing--menu .vb-landing--menu-buttons li a[data-filters="1"] .vb-landing--menu-button_off {
  display: none;
}
.vb-landing[data-filters="1"] .vb-landing--menu .vb-landing--menu-buttons li a[data-filters="1"] .vb-landing--menu-button_on {
  display: inline;
}

.vb-landing[data-filters="2"] .vb-landing--menu .vb-landing--menu-buttons li a[data-filters="2"] {
  border-bottom: 0.1875rem solid #7dbc8e;
  font-weight: 700;
}
.vb-landing[data-filters="2"] .vb-landing--menu .vb-landing--menu-buttons li a[data-filters="2"] .vb-landing--menu-button_off {
  display: none;
}
.vb-landing[data-filters="2"] .vb-landing--menu .vb-landing--menu-buttons li a[data-filters="2"] .vb-landing--menu-button_on {
  display: inline;
}

.vb-landing[data-filters="3"] .vb-landing--menu .vb-landing--menu-buttons li a[data-filters="3"] {
  border-bottom: 0.1875rem solid #7dbc8e;
  font-weight: 700;
}
.vb-landing[data-filters="3"] .vb-landing--menu .vb-landing--menu-buttons li a[data-filters="3"] .vb-landing--menu-button_off {
  display: none;
}
.vb-landing[data-filters="3"] .vb-landing--menu .vb-landing--menu-buttons li a[data-filters="3"] .vb-landing--menu-button_on {
  display: inline;
}

.vb-landing[data-filters="4"] .vb-landing--menu .vb-landing--menu-buttons li a[data-filters="4"] {
  border-bottom: 0.1875rem solid #7dbc8e;
  font-weight: 700;
}
.vb-landing[data-filters="4"] .vb-landing--menu .vb-landing--menu-buttons li a[data-filters="4"] .vb-landing--menu-button_off {
  display: none;
}
.vb-landing[data-filters="4"] .vb-landing--menu .vb-landing--menu-buttons li a[data-filters="4"] .vb-landing--menu-button_on {
  display: inline;
}

.vb-landing[data-filters="5"] .vb-landing--menu .vb-landing--menu-buttons li a[data-filters="5"] {
  border-bottom: 0.1875rem solid #7dbc8e;
  font-weight: 700;
}
.vb-landing[data-filters="5"] .vb-landing--menu .vb-landing--menu-buttons li a[data-filters="5"] .vb-landing--menu-button_off {
  display: none;
}
.vb-landing[data-filters="5"] .vb-landing--menu .vb-landing--menu-buttons li a[data-filters="5"] .vb-landing--menu-button_on {
  display: inline;
}

.vb-landing[data-filters="6"] .vb-landing--menu .vb-landing--menu-buttons li a[data-filters="6"] {
  border-bottom: 0.1875rem solid #7dbc8e;
  font-weight: 700;
}
.vb-landing[data-filters="6"] .vb-landing--menu .vb-landing--menu-buttons li a[data-filters="6"] .vb-landing--menu-button_off {
  display: none;
}
.vb-landing[data-filters="6"] .vb-landing--menu .vb-landing--menu-buttons li a[data-filters="6"] .vb-landing--menu-button_on {
  display: inline;
}

.vb-landing--group {
  align-items: flex-start;
  display: none;
  flex-wrap: wrap;
  margin: 0 auto;
  max-width: 75rem;
}
.vb-landing--group .vb-landing--group-title {
  color: #4a4a4a;
  font-size: 2.25rem;
  font-weight: 700;
  line-height: 1.1em;
  margin: 0 auto 1.25rem;
  padding: 0 1.25rem;
  text-align: center;
  width: 100%;
}
.vb-landing--group .vb-landing--group-title span {
  color: #7dbc8e;
  display: block;
  font-size: 1.5rem;
}
.vb-landing--group .vb-landing--group-visuel-01 {
  margin-bottom: 3.4375rem;
  margin-right: 0.625rem;
  margin-left: 2.25rem;
}
.vb-landing--group .vb-landing--group-mobile-visuels {
  display: contents;
}
.vb-landing--group .vb-landing--group-mobile-visuels .vb-landing--group-visuel-02 {
  margin-bottom: 3.4375rem;
  margin-right: 0.625rem;
}
.vb-landing--group .vb-landing--group-mobile-visuels .vb-landing--group-visuel-03 {
  margin-bottom: 3.4375rem;
  align-self: flex-end;
  margin-right: 1.75rem;
}
.vb-landing--group .vb-landing--group-list {
  background: #FFFFFF;
  margin-bottom: 3.4375rem;
  max-width: 25.625rem;
  min-width: 25rem;
  padding: 1.875rem 2.5rem;
  position: relative;
}
.vb-landing--group .vb-landing--group-list:before, .vb-landing--group .vb-landing--group-list:after {
  content: "";
  display: inline-block;
  position: absolute;
}
.vb-landing--group .vb-landing--group-list:before {
  box-shadow: 0 0.125rem 0.875rem rgba(0, 0, 0, 0.06);
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
  z-index: -2;
}
.vb-landing--group .vb-landing--group-list:after {
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  bottom: -0.9375rem;
  height: 50%;
  left: -0.9375rem;
  width: calc(100% + 1.875rem);
  z-index: -1;
}
.vb-landing--group .vb-landing--group-list > strong {
  color: #7dbc8e;
  display: block;
  font-size: 1.5625rem;
  font-weight: 700;
  line-height: 1.5625rem;
  text-align: center;
}
.vb-landing--group .vb-landing--group-list ul {
  display: flex;
  flex-direction: column;
}
.vb-landing--group .vb-landing--group-list ul li {
  color: #8b8b8b;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.5625rem;
  padding: 1.25rem 0 1.25rem 2.8125rem;
  position: relative;
}
.vb-landing--group .vb-landing--group-list ul li:before {
  background: url(check.png) no-repeat center center;
  content: "";
  height: 1.5rem;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 1.4375rem;
}
.vb-landing--group .vb-landing--group-list ul li strong {
  font-weight: 700;
}
.vb-landing--group .vb-landing--group-list ul li:not(:last-child) {
  border-bottom: 0.0625rem solid #e9e9e9;
}
.vb-landing--group .vb-landing--group-description {
  align-self: center;
  color: #4a4a4a;
  flex: 1;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.4em;
  margin-bottom: 3.4375rem;
  padding-right: 3.25rem;
  padding-left: 2.25rem;
}
.vb-landing--group .vb-landing--group-description a:not(.vb-button-secondary) {
  color: #4a4a4a;
}
.vb-landing--group .vb-landing--group-description .vb-button-secondary {
  display: block;
  font-weight: 700;
  margin-top: 2.1875rem;
  max-width: 19.0625rem;
  text-align: center;
}
.vb-landing--group .vb-landing--group-mobile-slider {
  display: contents;
}
.vb-landing--group .vb-landing--group-mobile-slider .vb-landing--group-mobile-slider-container {
  display: contents;
}
.vb-landing--group .vb-landing--group-mobile-slider .vb-landing--group-mobile-slider-container .vb-landing--group-visuel-04 {
  margin-bottom: 5.3125rem;
}
.vb-landing--group .vb-landing--group-mobile-slider .vb-landing--group-mobile-slider-container .vb-landing--group-visuel-04 img {
  max-width: 100%;
}
.vb-landing--group .vb-landing--group-mobile-slider .vb-landing--group-mobile-slider-container .vb-landing--group-visuel-05 {
  margin-bottom: 4.375rem;
  margin-right: 1.875rem;
}
.vb-landing--group .vb-landing--group-mobile-slider .vb-landing--group-mobile-slider-container .vb-landing--group-visuel-06 {
  margin-bottom: 4.375rem;
  margin-right: 1.875rem;
}
.vb-landing--group > .vb-button-secondary {
  display: none;
  font-weight: 700;
  margin-bottom: 3.4375rem;
}
@media only screen and (max-width: 78.75rem) {
  .vb-landing--group {
    justify-content: center;
  }
  .vb-landing--group .vb-landing--group-visuel-01 {
    margin-left: 0;
  }
  .vb-landing--group .vb-landing--group-mobile-slider .vb-landing--group-mobile-slider-container > img:last-child {
    margin-right: 0;
  }
  .vb-landing--group .vb-landing--group-reco {
    margin: 0 1.25rem;
  }
}
@media only screen and (max-width: 53.125rem) {
  .vb-landing--group {
    align-items: center;
    flex-direction: column;
  }
  .vb-landing--group .vb-landing--group-title {
    font-size: 1.625rem;
    padding: 0 1.25rem;
  }
  .vb-landing--group .vb-landing--group-title span {
    font-size: 1.25rem;
    line-height: 1.75rem;
    margin-bottom: 10px;
  }
  .vb-landing--group .vb-landing--group-visuel-01 {
    margin-bottom: 1.5625rem;
    margin-right: 0;
    order: 1;
  }
  .vb-landing--group .vb-landing--group-description {
    order: 2;
    padding: 0 1.25rem;
    margin-bottom: 1.25rem;
  }
  .vb-landing--group .vb-landing--group-description .vb-button-secondary {
    display: none;
  }
  .vb-landing--group .vb-landing--group-mobile-visuels {
    display: flex;
    order: 3;
    padding: 0 1.25rem;
  }
  .vb-landing--group .vb-landing--group-mobile-visuels .vb-landing--group-visuel-02 {
    margin-bottom: 1.5625rem;
    margin-right: 0.625rem;
    width: calc(50% - 0.625rem);
  }
  .vb-landing--group .vb-landing--group-mobile-visuels .vb-landing--group-visuel-03 {
    margin-bottom: 1.5625rem;
    margin-left: 0.625rem;
    margin-right: 0;
    width: calc(50% - 0.625rem);
  }
  .vb-landing--group .vb-landing--group-list {
    margin: 0 1.25rem;
    max-width: 25rem;
    min-width: inherit;
    order: 4;
    padding: 1.25rem 0.3125rem;
    width: calc(100% - 2.5rem);
  }
  .vb-landing--group .vb-landing--group-mobile-slider {
    display: block;
    order: 5;
    flex: 1;
    margin-bottom: 1.5625rem;
    max-width: 100vw;
    width: 23.4375rem;
  }
  .vb-landing--group .vb-landing--group-mobile-slider .vb-landing--group-mobile-slider-container {
    display: flex;
    width: 100%;
  }
  .vb-landing--group .vb-landing--group-mobile-slider .vb-landing--group-mobile-slider-container .vb-landing--group-visuel-04 {
    margin-bottom: 0;
    min-width: 100%;
  }
  .vb-landing--group .vb-landing--group-mobile-slider .vb-landing--group-mobile-slider-container .vb-landing--group-visuel-05 {
    margin-bottom: 0;
    margin-right: 0;
    min-width: 100%;
  }
  .vb-landing--group .vb-landing--group-mobile-slider .vb-landing--group-mobile-slider-container .vb-landing--group-visuel-06 {
    margin-bottom: 0;
    margin-right: 0;
    min-width: 100%;
  }
  .vb-landing--group .vb-landing--group-reco {
    margin-bottom: 1.5625rem;
    max-width: 100vw;
    order: 6;
  }
  .vb-landing--group > .vb-button-secondary {
    display: inline-block;
    order: 7;
  }
}

.vb-landing[data-filters="1"] .vb-landing--group[data-filters="1"] {
  display: flex;
}

.vb-landing[data-filters="2"] .vb-landing--group[data-filters="2"] {
  display: flex;
}

.vb-landing[data-filters="3"] .vb-landing--group[data-filters="3"] {
  display: flex;
}

.vb-landing[data-filters="4"] .vb-landing--group[data-filters="4"] {
  display: flex;
}

.vb-landing[data-filters="5"] .vb-landing--group[data-filters="5"] {
  display: flex;
}

.vb-landing[data-filters="6"] .vb-landing--group[data-filters="6"] {
  display: flex;
}

div[data-reco] {
  align-items: center;
  background: #f5f5f5;
  border-radius: 0.5rem;
  display: flex;
  flex-direction: column;
  height: 25.625rem;
  justify-content: center;
  margin-bottom: 4.375rem;
  position: relative;
  width: 23.75rem;
}
div[data-reco] img {
  max-width: 11.25rem;
}
div[data-reco] .vb-landing--group-reco-price {
  align-items: center;
  display: flex;
  justify-content: center;
  margin: 1.5625rem auto 1.25rem;
}
div[data-reco] .vb-landing--group-reco-price .price-was {
  border-right: 0.0625rem solid #555555;
  color: #333333;
  display: inline-block;
  font-size: 1.5rem;
  font-weight: 700;
  padding-right: 0.5rem;
}
div[data-reco] .vb-landing--group-reco-price .price-was span {
  font-size: 0.875rem;
}
div[data-reco] .vb-landing--group-reco-price .price-discount {
  color: #FFFFFF;
  display: inline-flex;
  height: 1.625rem;
  justify-content: center;
  position: relative;
  margin: 0 0.5rem;
}
div[data-reco] .vb-landing--group-reco-price .price {
  color: #333333;
  display: inline-block;
  font-size: 1.5rem;
  font-weight: 700;
}
div[data-reco] .vb-landing--group-reco-price .price span {
  font-size: 0.875rem;
}
div[data-reco] .vb-landing--group-reco-price.price-club .price {
  color: #ff5d24;
}
div[data-reco] .vb-landing--group-reco-price.price-club .price-discount {
  align-items: flex-end;
  background: #ff5d24;
  font-size: 0.625rem;
  font-weight: 400;
  padding-bottom: 0.125rem;
  width: 2.0625rem;
}
div[data-reco] .vb-landing--group-reco-price.price-club .price-discount:after {
  background: #f5f5f5 url("club.png") no-repeat center top;
  background-size: 100% auto;
  content: "";
  display: inline-block;
  height: 0.8125rem;
  left: 0;
  position: absolute;
  top: 0;
  width: 2.0625rem;
}
div[data-reco] .vb-landing--group-reco-price.price-discount .price-was {
  text-decoration: line-through;
}
div[data-reco] .vb-landing--group-reco-price.price-discount .price-discount {
  align-items: center;
  background: #e31e30;
  font-size: 0.75rem;
  font-weight: 700;
  padding: 0 0.3125rem;
}
div[data-reco] p {
  color: #333333;
  font-size: 1.125rem;
  font-weight: 400;
  max-width: 14.375rem;
  margin: 0 auto;
  text-align: center;
  line-height: 1.2em;
}
div[data-reco] a {
  font-size: 0;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

@media only screen and (max-width: 78.75rem) {
  div[data-reco] {
    margin: 0 1.25rem;
  }
}
@media only screen and (max-width: 53.125rem) {
  div[data-reco] {
    margin-bottom: 1.5625rem;
    max-width: 100vw;
  }
}
div[data-reco="701013017"][data-variant="6410"] {
  background: url("product-reco.png") no-repeat center top;
  padding-top: 3.125rem;
  height: auto;
  margin-bottom: 0;
  width: auto;
}
div[data-reco="701013017"][data-variant="6410"] img {
  display: none;
}
div[data-reco="701013017"][data-variant="6410"] .vb-landing--group-reco-price {
  margin: 0.625rem auto 0;
}
div[data-reco="701013017"][data-variant="6410"] a {
  position: relative;
  left: inherit;
  top: inherit;
  font-size: 1rem;
}

.vb-landing--t2s {
  align-items: center;
  display: flex;
  height: 23.75rem;
  position: relative;
  width: 100%;
}
.vb-landing--t2s .bv-rating-stars-container,
.vb-landing--t2s .legend {
  display: none;
}
.vb-landing--t2s div[data-filters] {
  display: none;
  z-index: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin: 0 auto;
}
@media only screen and (max-width: 880px) {
  .vb-landing--t2s div[data-filters] {
    justify-content: flex-start;
    align-items: center;
    overflow: auto;
    overflow-x: scroll;
  }
}
.vb-landing--t2s div[data-filters]::after {
  background: #efefef;
  content: "";
  height: 10rem;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100vw;
  transform: translate(-50%, -50%);
  z-index: -1;
}
.vb-landing--t2s .fieldset2 {
  border: none;
  margin: 0;
  padding: 0;
}
.vb-landing--t2s .product-content-container {
  background-color: transparent;
}
.vb-landing--t2s .product-content.t2s {
  min-width: 190px;
  max-width: 190px;
  min-height: 350px;
  border: none;
  background-color: transparent;
}
.vb-landing--t2s .product-content.t2s .picture .roll {
  min-width: 190px;
}
@media only screen and (max-width: 48.0625rem) {
  .vb-landing--t2s .product-content.t2s {
    padding: 0 !important;
    position: relative;
  }
}
.vb-landing--t2s .pricecontainer {
  display: flex;
  align-items: center;
  justify-content: center;
}
.vb-landing--t2s .product-content:nth-child(n+3) {
  display: inline-flex;
}

.vb-landing[data-filters="1"] .vb-landing--t2s div[data-filters="1"] {
  display: flex;
}

.vb-landing[data-filters="2"] .vb-landing--t2s div[data-filters="2"] {
  display: flex;
}

.vb-landing[data-filters="3"] .vb-landing--t2s div[data-filters="3"] {
  display: flex;
}

.vb-landing[data-filters="4"] .vb-landing--t2s div[data-filters="4"] {
  display: flex;
}

.vb-landing[data-filters="5"] .vb-landing--t2s div[data-filters="5"] {
  display: flex;
}

.vb-landing[data-filters="6"] .vb-landing--t2s div[data-filters="6"] {
  display: flex;
}

.vb-landing--focus {
  width: 100%;
}
.vb-landing--focus img {
  max-width: 100%;
}
.vb-landing--focus .artcl-focus {
  margin-top: 15px;
  margin-bottom: 30px;
}
.vb-landing--focus .content-focus {
  width: 89.6%;
  margin: auto;
  background: #fff;
  margin-top: -30px;
  padding: 1% 2%;
  position: relative;
}
.vb-landing--focus .content-focus a.cat-focus {
  color: #7dbc8e;
  text-transform: uppercase;
  text-decoration: none;
}
.vb-landing--focus .content-focus p {
  margin-top: 11px;
  font-size: 18px;
  line-height: 25px;
}
.vb-landing--focus .content-focus h2 {
  margin-top: 15px;
  font-size: 22px;
}
.vb-landing--focus .content-focus h3 {
  margin-top: 8px;
  font-size: 22px;
}
.vb-landing--focus .content-focus h2 a,
.vb-landing--focus .content-focus h3 a {
  text-decoration: none;
}
.vb-landing--focus .content-focus a.more-focus {
  margin-top: 10px;
  font-size: 18px;
  font-weight: 300;
  text-decoration: none;
  color: #555;
  width: 100%;
  display: inline-block;
  text-align: right;
}

.vb-landing--group.group-chaussures {
  flex-direction: column;
  flex-wrap: wrap;
  height: 100%;
  max-height: 640px;
  flex: auto;
}
.vb-landing--group.group-chaussures * {
  box-sizing: border-box;
}
.vb-landing--group.group-chaussures .vb-landing--group-visuel-left, .vb-landing--group.group-chaussures .vb-landing--group-bloc-titre, .vb-landing--group.group-chaussures .vb-landing--group-texte-sousvisuel, .vb-landing--group.group-chaussures .vb-landing--group-texte-droit {
  max-width: 50%;
}
.vb-landing--group.group-chaussures .vb-landing--group-visuel-left {
  order: 1;
}
.vb-landing--group.group-chaussures .vb-landing--group-visuel-left img {
  max-width: 100%;
  height: auto;
}
.vb-landing--group.group-chaussures .vb-landing--group-bloc-titre {
  order: 3;
  text-align: left;
}
.vb-landing--group.group-chaussures .vb-landing--group-bloc-titre .vb-landing--group-title {
  text-align: left;
  margin-top: 180px;
  font-size: 34px;
}
.vb-landing--group.group-chaussures .vb-landing--group-texte-sousvisuel {
  order: 2;
  display: block;
  max-width: 360px;
  text-align: center;
  margin: 0 auto;
}
.vb-landing--group.group-chaussures .vb-landing--group-texte-sousvisuel img {
  transform: translateY(10px);
}
.vb-landing--group.group-chaussures .vb-landing--group-texte-droit {
  order: 4;
  padding-left: 20px;
  line-height: 19px;
  display: block;
  min-width: 50%;
}
.vb-landing--group.group-chaussures .vb-landing--group-texte-droit-ctavisu {
  order: 5;
  display: flex;
  align-items: center;
  margin: 45px auto 0 auto;
}
.vb-landing--group.group-chaussures .vb-landing--group-texte-droit-ctavisu .cta {
  border: 1px solid #333333;
  position: relative;
  text-decoration: none;
  border-radius: 5px;
  display: inline-block;
  width: 254px;
  height: 40px;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  line-height: 38px;
  overflow: hidden;
  transition: color 0.4s ease;
  z-index: 1;
}
.vb-landing--group.group-chaussures .vb-landing--group-texte-droit-ctavisu .cta:hover:after, .vb-landing--group.group-chaussures .vb-landing--group-texte-droit-ctavisu .cta:focus:after {
  transform: translateX(0%);
  color: #fff;
}
.vb-landing--group.group-chaussures .vb-landing--group-texte-droit-ctavisu .cta:before, .vb-landing--group.group-chaussures .vb-landing--group-texte-droit-ctavisu .cta:after {
  content: "";
  display: inline-block;
  height: 100%;
  left: 0;
  position: absolute;
  pointer-events: none;
  top: 0;
  transition: transform 0.4s ease;
  width: 100%;
  z-index: -1;
}
.vb-landing--group.group-chaussures .vb-landing--group-texte-droit-ctavisu .cta:after {
  transform: translateX(-100%);
}
.vb-landing--group.group-chaussures .vb-landing--group-texte-droit-ctavisu .cta.vb-hp-cta--white {
  color: #333333;
}
.vb-landing--group.group-chaussures .vb-landing--group-texte-droit-ctavisu .cta.vb-hp-cta--white:before {
  background: #FFF;
}
.vb-landing--group.group-chaussures .vb-landing--group-texte-droit-ctavisu .cta.vb-hp-cta--white:after {
  background: #333333;
}
.vb-landing--group.group-chaussures .vb-landing--group-texte-droit-ctavisu .cta.vb-hp-cta--white:hover, .vb-landing--group.group-chaussures .vb-landing--group-texte-droit-ctavisu .cta.vb-hp-cta--white:focus {
  color: #FFF;
}
@media only screen and (max-width: 61.875rem) {
  .vb-landing--group.group-chaussures .vb-landing--group-bloc-titre .vb-landing--group-title {
    margin-top: 80px;
  }
}
@media only screen and (max-width: 53.75rem) {
  .vb-landing--group.group-chaussures {
    max-height: 620px;
  }
  .vb-landing--group.group-chaussures .vb-landing--group-texte-sousvisuel {
    margin-bottom: 140px;
  }
  .vb-landing--group.group-chaussures .vb-landing--group-bloc-titre .vb-landing--group-title {
    margin-top: 10px;
  }
  .vb-landing--group.group-chaussures .vb-landing--group-texte-droit-ctavisu .cta {
    width: 200px;
  }
}
@media only screen and (max-width: 48rem) {
  .vb-landing--group.group-chaussures {
    flex-direction: column;
    flex-wrap: nowrap;
    max-height: none;
    padding: 0 20px;
  }
  .vb-landing--group.group-chaussures .vb-landing--group-visuel-left, .vb-landing--group.group-chaussures .vb-landing--group-bloc-titre, .vb-landing--group.group-chaussures .vb-landing--group-texte-sousvisuel, .vb-landing--group.group-chaussures .vb-landing--group-texte-droit {
    max-width: 100%;
  }
  .vb-landing--group.group-chaussures .vb-landing--group-visuel-left {
    order: 2;
  }
  .vb-landing--group.group-chaussures .vb-landing--group-bloc-titre {
    order: 1;
  }
  .vb-landing--group.group-chaussures .vb-landing--group-texte-sousvisuel {
    order: 4;
  }
  .vb-landing--group.group-chaussures .vb-landing--group-texte-droit {
    order: 3;
  }
  .vb-landing--group.group-chaussures .vb-landing--group-texte-droit-ctavisu {
    order: 5;
  }
  .vb-landing--group.group-chaussures .vb-landing--group-bloc-titre, .vb-landing--group.group-chaussures .vb-landing--group-texte-sousvisuel, .vb-landing--group.group-chaussures .vb-landing--group-texte-droit, .vb-landing--group.group-chaussures .vb-landing--group-texte-droit-ctavisu {
    max-width: 510px;
    min-width: 0;
  }
  .vb-landing--group.group-chaussures .vb-landing--group-bloc-titre .vb-landing--group-title {
    text-align: center;
  }
  .vb-landing--group.group-chaussures .vb-landing--group-texte-droit {
    margin-top: 10px;
    padding: 0;
  }
  .vb-landing--group.group-chaussures .vb-landing--group-texte-sousvisuel {
    margin: 16px 0 5px 0;
    padding: 0;
    text-align: left;
    line-height: 19px;
  }
  .vb-landing--group.group-chaussures .vb-landing--group-texte-droit-ctavisu {
    margin: 0 auto 10px auto;
    padding: 0;
    flex-direction: column;
  }
}
@media only screen and (max-width: 30rem) {
  .vb-landing--group.group-chaussures {
    flex-direction: column;
  }
}
.vb-landing--group.group-chaussures.cha_premier_pas {
  align-items: flex-start;
  justify-items: center;
  flex-wrap: nowrap;
  max-height: none;
  flex-direction: row;
}
.vb-landing--group.group-chaussures.cha_premier_pas .cha_premier_pas_zone_left {
  width: 50%;
}
.vb-landing--group.group-chaussures.cha_premier_pas .cha_premier_pas_zone_right {
  width: 50%;
}
.vb-landing--group.group-chaussures.cha_premier_pas .cha_premier_pas_zone_right .vb-landing--group-bloc-titre .vb-landing--group-title {
  margin-top: 0;
}
.vb-landing--group.group-chaussures.cha_premier_pas .cha_premier_pas_zone_right .vb-landing--group-texte-droit {
  width: 100%;
  min-width: 100%;
}
.vb-landing--group.group-chaussures.cha_premier_pas .cha_premier_pas_zone_right p {
  margin: 10px auto;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .vb-landing--group.group-chaussures.cha_premier_pas {
    align-items: center;
    justify-items: center;
    flex-wrap: wrap;
    max-height: none;
    flex-direction: column;
  }
  .vb-landing--group.group-chaussures.cha_premier_pas .cha_premier_pas_zone_right {
    width: 100%;
    min-width: 100%;
  }
}
.vb-landing--group.group-chaussures.cha_marche, .vb-landing--group.group-chaussures.cha_resistant {
  max-height: 640px;
}
.vb-landing--group.group-chaussures.cha_marche .vb-landing--group-title, .vb-landing--group.group-chaussures.cha_resistant .vb-landing--group-title {
  margin-top: 40px;
}
.vb-landing--group.group-chaussures.cha_marche .vb-landing--group-texte-droit p img, .vb-landing--group.group-chaussures.cha_resistant .vb-landing--group-texte-droit p img {
  width: 100%;
  margin: 10px 0;
}
.vb-landing--group.group-chaussures.cha_marche .vb-landing--group-texte-droit-ctavisu, .vb-landing--group.group-chaussures.cha_resistant .vb-landing--group-texte-droit-ctavisu {
  margin: 5px auto;
}
@media only screen and (max-width: 77.5rem) {
  .vb-landing--group.group-chaussures.cha_marche, .vb-landing--group.group-chaussures.cha_resistant {
    max-height: 720px;
  }
  .vb-landing--group.group-chaussures.cha_marche .vb-landing--group-texte-sousvisuel, .vb-landing--group.group-chaussures.cha_resistant .vb-landing--group-texte-sousvisuel {
    margin-bottom: 80px;
  }
}
@media only screen and (max-width: 65rem) {
  .vb-landing--group.group-chaussures.cha_marche, .vb-landing--group.group-chaussures.cha_resistant {
    max-height: 740px;
  }
  .vb-landing--group.group-chaussures.cha_marche .vb-landing--group-texte-sousvisuel, .vb-landing--group.group-chaussures.cha_resistant .vb-landing--group-texte-sousvisuel {
    margin-bottom: 140px;
  }
}
@media only screen and (max-width: 61.875rem) {
  .vb-landing--group.group-chaussures.cha_marche .vb-landing--group-bloc-titre .vb-landing--group-title, .vb-landing--group.group-chaussures.cha_resistant .vb-landing--group-bloc-titre .vb-landing--group-title {
    margin-top: 0;
  }
  .vb-landing--group.group-chaussures.cha_marche .vb-landing--group-texte-sousvisuel, .vb-landing--group.group-chaussures.cha_resistant .vb-landing--group-texte-sousvisuel {
    margin-bottom: 160px;
  }
}
@media only screen and (max-width: 53.75rem) {
  .vb-landing--group.group-chaussures.cha_marche, .vb-landing--group.group-chaussures.cha_resistant {
    max-height: 780px;
  }
  .vb-landing--group.group-chaussures.cha_marche .vb-landing--group-bloc-titre .vb-landing--group-title, .vb-landing--group.group-chaussures.cha_resistant .vb-landing--group-bloc-titre .vb-landing--group-title {
    margin-top: 0;
  }
  .vb-landing--group.group-chaussures.cha_marche .vb-landing--group-texte-sousvisuel, .vb-landing--group.group-chaussures.cha_resistant .vb-landing--group-texte-sousvisuel {
    margin-bottom: 240px;
  }
}
@media only screen and (max-width: 48rem) {
  .vb-landing--group.group-chaussures.cha_marche, .vb-landing--group.group-chaussures.cha_resistant {
    max-height: none;
    padding: 0 20px;
  }
  .vb-landing--group.group-chaussures.cha_marche .vb-landing--group-visuel-left, .vb-landing--group.group-chaussures.cha_marche .vb-landing--group-bloc-titre, .vb-landing--group.group-chaussures.cha_marche .vb-landing--group-texte-sousvisuel, .vb-landing--group.group-chaussures.cha_marche .vb-landing--group-texte-droit, .vb-landing--group.group-chaussures.cha_resistant .vb-landing--group-visuel-left, .vb-landing--group.group-chaussures.cha_resistant .vb-landing--group-bloc-titre, .vb-landing--group.group-chaussures.cha_resistant .vb-landing--group-texte-sousvisuel, .vb-landing--group.group-chaussures.cha_resistant .vb-landing--group-texte-droit {
    max-width: 100%;
  }
  .vb-landing--group.group-chaussures.cha_marche .vb-landing--group-bloc-titre, .vb-landing--group.group-chaussures.cha_marche .vb-landing--group-texte-sousvisuel, .vb-landing--group.group-chaussures.cha_marche .vb-landing--group-texte-droit, .vb-landing--group.group-chaussures.cha_marche .vb-landing--group-texte-droit-ctavisu, .vb-landing--group.group-chaussures.cha_resistant .vb-landing--group-bloc-titre, .vb-landing--group.group-chaussures.cha_resistant .vb-landing--group-texte-sousvisuel, .vb-landing--group.group-chaussures.cha_resistant .vb-landing--group-texte-droit, .vb-landing--group.group-chaussures.cha_resistant .vb-landing--group-texte-droit-ctavisu {
    max-width: 510px;
    min-width: 0;
  }
  .vb-landing--group.group-chaussures.cha_marche .vb-landing--group-texte-droit, .vb-landing--group.group-chaussures.cha_resistant .vb-landing--group-texte-droit {
    margin-top: 10px;
    padding: 0;
  }
  .vb-landing--group.group-chaussures.cha_marche .vb-landing--group-texte-sousvisuel, .vb-landing--group.group-chaussures.cha_resistant .vb-landing--group-texte-sousvisuel {
    margin: 16px 0 5px 0;
    padding: 0;
    text-align: left;
    line-height: 19px;
  }
  .vb-landing--group.group-chaussures.cha_marche .vb-landing--group-texte-droit-ctavisu, .vb-landing--group.group-chaussures.cha_resistant .vb-landing--group-texte-droit-ctavisu {
    margin: 0 auto 10px auto;
    padding: 0;
  }
}
.vb-landing--group.group-chaussures.cha_chaussons {
  max-height: 740px;
}
.vb-landing--group.group-chaussures.cha_chaussons .vb-landing--group-title {
  margin-top: 40px;
}
.vb-landing--group.group-chaussures.cha_chaussons .vb-landing--group-texte-droit p img {
  width: 100%;
}
.vb-landing--group.group-chaussures.cha_chaussons .vb-landing--group-texte-droit-ctavisu {
  margin: 5px auto;
}
@media only screen and (max-width: 77.5rem) {
  .vb-landing--group.group-chaussures.cha_chaussons {
    max-height: 780px;
  }
  .vb-landing--group.group-chaussures.cha_chaussons .vb-landing--group-texte-sousvisuel {
    margin-bottom: 80px;
  }
}
@media only screen and (max-width: 67.8125rem) {
  .vb-landing--group.group-chaussures.cha_chaussons {
    max-height: 800px;
  }
  .vb-landing--group.group-chaussures.cha_chaussons .vb-landing--group-texte-sousvisuel {
    margin-bottom: 140px;
  }
}
@media only screen and (max-width: 61.875rem) {
  .vb-landing--group.group-chaussures.cha_chaussons .vb-landing--group-bloc-titre .vb-landing--group-title {
    margin-top: 0;
  }
  .vb-landing--group.group-chaussures.cha_chaussons .vb-landing--group-texte-sousvisuel {
    margin-bottom: 160px;
  }
}
@media only screen and (max-width: 60rem) {
  .vb-landing--group.group-chaussures.cha_chaussons {
    max-height: 860px;
  }
  .vb-landing--group.group-chaussures.cha_chaussons .vb-landing--group-texte-sousvisuel {
    margin-bottom: 250px;
  }
}
@media only screen and (max-width: 56.875rem) {
  .vb-landing--group.group-chaussures.cha_chaussons {
    max-height: 860px;
  }
  .vb-landing--group.group-chaussures.cha_chaussons .vb-landing--group-texte-sousvisuel {
    margin-bottom: 300px;
  }
}
@media only screen and (max-width: 48rem) {
  .vb-landing--group.group-chaussures.cha_chaussons {
    max-height: none;
    padding: 0 20px;
  }
  .vb-landing--group.group-chaussures.cha_chaussons .vb-landing--group-visuel-left, .vb-landing--group.group-chaussures.cha_chaussons .vb-landing--group-bloc-titre, .vb-landing--group.group-chaussures.cha_chaussons .vb-landing--group-texte-sousvisuel, .vb-landing--group.group-chaussures.cha_chaussons .vb-landing--group-texte-droit {
    max-width: 100%;
  }
  .vb-landing--group.group-chaussures.cha_chaussons .vb-landing--group-bloc-titre, .vb-landing--group.group-chaussures.cha_chaussons .vb-landing--group-texte-sousvisuel, .vb-landing--group.group-chaussures.cha_chaussons .vb-landing--group-texte-droit, .vb-landing--group.group-chaussures.cha_chaussons .vb-landing--group-texte-droit-ctavisu {
    max-width: 510px;
    min-width: 0;
  }
  .vb-landing--group.group-chaussures.cha_chaussons .vb-landing--group-texte-droit {
    margin-top: 10px;
    padding: 0;
  }
  .vb-landing--group.group-chaussures.cha_chaussons .vb-landing--group-texte-sousvisuel {
    margin: 16px 0 5px 0;
    padding: 0;
    text-align: left;
    line-height: 19px;
  }
  .vb-landing--group.group-chaussures.cha_chaussons .vb-landing--group-texte-droit-ctavisu {
    margin: 0 auto 10px auto;
    padding: 0;
  }
}

.vb-landing--marques {
  width: 100%;
}
.vb-landing--marques h2 {
  text-align: center;
  margin: 30px 0;
}
.vb-landing--marques .carroussel-marques {
  white-space: nowrap;
  width: 100%;
  display: flex;
  height: 90px;
  justify-content: center;
  align-items: center;
}
.vb-landing--marques .carroussel-marques ul {
  display: flex;
  position: absolute;
  overflow: hidden;
  max-width: 100%;
  height: 90px;
  align-items: center;
}
.vb-landing--marques .carroussel-marques ul li {
  position: relative;
  margin: 0 15px;
  height: 70px;
  width: 70px;
  min-width: 70px;
  box-shadow: 0px 0px 8px #0000002F;
  border-radius: 12px;
  opacity: 1;
  justify-content: center;
  display: flex;
  align-items: center;
}
.vb-landing--marques .carroussel-marques ul li:hover {
  box-shadow: 0px 0px 8px #AFCC00;
}
.vb-landing--marques .carroussel-marques ul li a {
  align-items: center;
  display: flex;
  position: absolute;
  height: 100%;
  justify-content: center;
  width: 100%;
}
.vb-landing--marques .carroussel-marques ul li img {
  max-width: 66px;
  height: auto;
}
@media only screen and (max-width: 61.25rem) {
  .vb-landing--marques .carroussel-marques ul li {
    margin: 0 10px;
  }
}
@media only screen and (max-width: 55rem) {
  .vb-landing--marques .carroussel-marques ul {
    overflow-x: scroll;
    /* this will style the thumb, ignoring the track */
  }
  .vb-landing--marques .carroussel-marques ul::-webkit-scrollbar {
    height: 6px;
    display: block;
    background-color: #DDD;
  }
  .vb-landing--marques .carroussel-marques ul::-webkit-scrollbar-thumb {
    background-color: #BBB;
  }
}
@media only screen and (max-width: 48rem) {
  .vb-landing--marques .carroussel-marques ul {
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
  }
  .vb-landing--marques .carroussel-marques ul::-webkit-scrollbar {
    display: none;
  }
  .vb-landing--marques .carroussel-marques ul li {
    margin: 0 15px;
  }
}

@media only screen and (max-width: 53.125rem) {
  .vb-landing--group .vb-carousel--container {
    align-items: flex-end;
    justify-content: flex-start;
    overflow-x: scroll;
    scroll-snap-type: x mandatory;
    max-width: 100vw;
  }
}
@media only screen and (max-width: 53.125rem) {
  .vb-landing--group .vb-carousel--container .vb-carousel--item.snap {
    scroll-snap-align: start;
    scroll-snap-stop: always;
  }
}
.vb-landing--group .vb-carousel--pagin {
  align-items: center;
  display: none;
  justify-content: center;
  margin: 1.5625rem auto 0;
}
@media only screen and (max-width: 53.125rem) {
  .vb-landing--group .vb-carousel--pagin {
    display: flex;
  }
}
.vb-landing--group .vb-carousel--pagin li {
  background: #d8d8d8;
  border-radius: 50%;
  cursor: pointer;
  display: inline-block;
  height: 0.75rem;
  margin: 0 0.75rem;
  width: 0.75rem;
  transition: background 0.1s linear;
}
.vb-landing--group .vb-carousel--pagin li.vb-active {
  background: #b0c906;
}

.vb-landing--why {
  margin-bottom: 4.375rem;
  width: 100%;
}
.vb-landing--why h2 {
  color: #4a4a4a;
  font-size: 2.25rem;
  font-weight: 700;
  margin: 0 0.625rem 2.8125rem;
}
.vb-landing--why div {
  display: flex;
  align-items: center;
  justify-content: center;
}
.vb-landing--why div img {
  margin-left: 3.75rem;
  margin-right: 7.8125rem;
  min-width: 14.375rem;
}
.vb-landing--why div p {
  color: #4a4a4a;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.3em;
}
.vb-landing--why div p strong {
  display: block;
  font-weight: 700;
}
@media only screen and (max-width: 67.5rem) {
  .vb-landing--why div img {
    margin-left: 3.125rem;
    margin-right: 5.3125rem;
  }
}
@media only screen and (max-width: 47.9375rem) {
  .vb-landing--why h2 {
    font-size: 1.875rem;
    margin: 0 1.25rem 0.9375rem;
  }
  .vb-landing--why div {
    flex-direction: column;
  }
  .vb-landing--why div img {
    display: none;
  }
  .vb-landing--why div p {
    margin: 0 1.25rem;
  }
}

.vb-landing--discover {
  margin-bottom: 3.125rem;
  text-align: center;
  width: 100%;
  z-index: 1;
}
.vb-landing--discover h2 {
  color: #4a4a4a;
  font-size: 2.25rem;
  font-weight: 700;
  margin: 0 0.625rem 2.8125rem;
  text-align: left;
}
.vb-landing--discover ul {
  display: flex;
  justify-content: center;
  margin-bottom: 1.875rem;
}
.vb-landing--discover ul li {
  background: #FFFFFF;
  border: 0.125rem solid #FFFFFF;
  border-radius: 0.5rem;
  box-shadow: 0 0.125rem 1.5rem rgba(0, 0, 0, 0.16);
  padding: 0 0 2.5rem;
  position: relative;
  margin: 0 1.25rem;
  max-width: 23.125rem;
  text-align: left;
  transition: border 0.1s linear;
  width: 50%;
}
.vb-landing--discover ul li:before {
  align-items: center;
  background: #7dbc8e;
  border-radius: 0 0.375rem 0.375rem 0;
  color: #FFFFFF;
  content: "Guide";
  display: flex;
  font-size: 0.875rem;
  font-weight: 700;
  height: 1.625rem;
  justify-content: center;
  left: -0.125rem;
  position: absolute;
  text-transform: uppercase;
  top: 1.875rem;
  width: 4.0625rem;
}
.vb-landing--discover ul li img {
  border-radius: 0.5rem 0.5rem 0 0;
  max-width: calc(100% + 0.25rem);
  margin: -0.125rem;
}
.vb-landing--discover ul li strong {
  color: #4a4a4a;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 4.0625rem;
  padding: 0 0.625rem 0 1.875rem;
}
.vb-landing--discover ul li p {
  color: #353535;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.4em;
  padding: 0 0.625rem 0 1.875rem;
}
.vb-landing--discover ul li p a {
  display: block;
  color: #7dbc8e;
  position: relative;
  text-decoration: underline;
  transition: color 0.1s linear;
  z-index: 1;
}
.vb-landing--discover ul li p a:hover {
  color: #98af09;
}
.vb-landing--discover ul li:hover {
  border: 0.125rem solid #7dbc8e;
}
.vb-landing--discover > a {
  font-weight: 700;
  min-width: 15.625rem;
  text-align: center;
}
@media only screen and (max-width: 47.9375rem) {
  .vb-landing--discover h2 {
    font-size: 1.875rem;
    margin: 0 1.25rem 2.1875rem;
  }
}
@media only screen and (max-width: 30rem) {
  .vb-landing--discover ul {
    align-items: center;
    flex-direction: column;
  }
  .vb-landing--discover ul li {
    width: calc(100% - 2.5rem);
    margin-bottom: 1.25rem;
    max-width: 20.9375rem;
  }
}

/*! INSTAGRAM */
.vb-homebas-ugc {
  display: block;
  margin: 20px 0;
}

@media only screen and (min-width: 481px) {
  .vb-homebas-ugc {
    display: block;
  }
}

.vb-homebas-ugc * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.vb-homebas-ugc-container {
  margin: 0 auto;
  width: 100%;
  position: relative;
  margin-bottom: 14px;
  max-width: unset;
}

.vb-homebas-ugc-container h3 {
  text-align: center;
  color: #333;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.4em;
  padding: 10px;
}

.vb-homebas-ugc-container h3 img {
  padding-bottom: 4px;
  display: inline-block;
  width: 104px;
  margin: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: middle;
}

.vb-homebas-ugc-container .jeMinspire {
  width: 100%;
  max-width: 150px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 40px;
  background: #7dbc8e;
  border-radius: 6px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-decoration: none;
  color: #fff;
  border: #7dbc8e solid 1px;
  margin: 0 auto 10px;
  position: relative;
  z-index: 1;
  overflow: hidden;
  -webkit-transition: color 250ms ease;
  transition: color 250ms ease;
}

.vb-homebas-ugc-container .jeMinspire:before {
  display: block;
  z-index: -1;
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  top: 0;
  right: 100%;
  background: #447a53;
  -webkit-transition: right 0.3s ease;
  transition: right 0.3s ease;
}

.vb-homebas-ugc-container .jeMinspire.desk {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.vb-homebas-ugc-container .jeMinspire.mob {
  display: none;
}

@media screen and (max-width: 480px) {
  .vb-homebas-ugc-container .jeMinspire {
    margin: 10px auto 0;
  }

  .vb-homebas-ugc-container .jeMinspire.desk {
    display: none;
  }

  .vb-homebas-ugc-container .jeMinspire.mob {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.vb-homebas-ugc-container .jeMinspire:hover {
  color: #fff;
}

.vb-homebas-ugc-container .jeMinspire:hover:before {
  right: 0;
}


.bzfy-feed-load-more-button {
    padding: 0 20px !important;
    line-height: 40px !important;
    background-color: #7dbc8e !important;
    border-radius: 5px !important;
    width: 180px;
}