@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Just+Another+Hand");
.bg-brand--first {
  background-color: #e50005; }

.c-brand--first {
  color: #e50005; }

.bg-brand--second {
  background-color: #ffed00; }

.c-brand--second {
  color: #ffed00; }

.bg-brand--third {
  background-color: #7ca930; }

.c-brand--third {
  color: #7ca930; }

.bg-univers--lawn {
  background-color: #a6c938; }

.c-univers--lawn {
  color: #a6c938; }

.bg-univers--trimming {
  background-color: #cb2a28; }

.c-univers--trimming {
  color: #cb2a28; }

.bg-univers--earth {
  background-color: #8c6543; }

.c-univers--earth {
  color: #8c6543; }

.bg-univers--maintenance {
  background-color: #54b6de; }

.c-univers--maintenance {
  color: #54b6de; }

.bg-univers--equipment {
  background-color: #849aa1; }

.c-univers--equipment {
  color: #849aa1; }

.bg-grayscale--darkgray {
  background-color: #474747; }

.c-grayscale--darkgray {
  color: #474747; }

.bg-grayscale--midgray {
  background-color: #9f9f9f; }

.c-grayscale--midgray {
  color: #9f9f9f; }

.bg-grayscale--lightgray {
  background-color: #efefef; }

.c-grayscale--lightgray {
  color: #efefef; }

.bg-grayscale--whitegray {
  background-color: #f8f8f8; }

.c-grayscale--whitegray {
  color: #f8f8f8; }

.bg-grayscale--offwhite {
  background-color: #f6faf0; }

.c-grayscale--offwhite {
  color: #f6faf0; }

.bg-sale--spring {
  background-color: #7ca930; }

.c-sale--spring {
  color: #7ca930; }

.bg-sale--summer {
  background-color: #ffb000; }

.c-sale--summer {
  color: #ffb000; }

.bg-sale--autumn {
  background-color: #8c6543; }

.c-sale--autumn {
  color: #8c6543; }

.bg-sale--winter {
  background-color: #54b6de; }

.c-sale--winter {
  color: #54b6de; }

.bg-white {
  background: white; }

.c-white {
  color: white; }

.bg-black {
  background: black; }

.c-black {
  color: black; }

.cl-b {
  clear: both; }

.cl-r {
  clear: right; }

.cl-l {
  clear: left; }

.underline {
  text-decoration: underline; }

.green {
  color: #7ca930; }

/* Layout */
.block {
  display: block; }

.inline-block {
  display: inline-block; }

.inline {
  display: inline; }

.table {
  display: table; }

.table-row {
  display: table-row; }

.table-cell {
  display: table-cell; }

.hidden {
  display: none; }

.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.flex-initial {
  -webkit-box-flex: initial;
      -ms-flex: initial;
          flex: initial; }

.flex-1 {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1; }

.flex-auto {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto; }

.flex-none {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none; }

.flex-grow {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1; }

.flex-shrink {
  -ms-flex-negative: 1;
      flex-shrink: 1; }

.flex-no-grow {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0; }

.flex-no-shrink {
  -ms-flex-negative: 0;
      flex-shrink: 0; }

.items-stretch {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch; }

.items-start {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start; }

.items-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.items-end {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end; }

.items-baseline {
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline; }

.justify-start {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start; }

.justify-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

.justify-end {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end; }

.justify-between {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.justify-around {
  -ms-flex-pack: distribute;
      justify-content: space-around; }

.flex-no-wrap {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap; }

.flex-wrap {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

.flex-wrap-reverse {
  -ms-flex-wrap: wrap-reverse;
      flex-wrap: wrap-reverse; }

.w-1\/2 {
  width: 50%; }

.w-1\/3 {
  width: 33.33333%; }

.w-2\/3 {
  width: 66.66667%; }

.w-1\/4 {
  width: 25%; }

.w-3\/4 {
  width: 75%; }

.w-1\/5 {
  width: 20%; }

.w-2\/5 {
  width: 40%; }

.w-3\/5 {
  width: 60%; }

.w-4\/5 {
  width: 80%; }

.w-1\/6 {
  width: 16.66667%; }

.w-5\/6 {
  width: 83.33333%; }

.w-full {
  width: 100%; }

.mt-1 {
  margin-top: 1rem; }

.mr-1 {
  margin-right: 1rem; }

.ml-1 {
  margin-left: 1rem; }

.mb-1 {
  margin-bottom: 1rem; }

.mx-1 {
  margin-left: 1rem;
  margin-right: 1rem; }

.my-1 {
  margin-top: 1rem;
  margin-bottom: 1rem; }

.pt-1 {
  padding-top: 1rem; }

.pr-1 {
  padding-right: 1rem; }

.pl-1 {
  padding-left: 1rem; }

.pb-1 {
  padding-bottom: 1rem; }

.px-1 {
  padding-left: 1rem;
  padding-right: 1rem; }

.py-1 {
  padding-top: 1rem;
  padding-bottom: 1rem; }

.mt-2 {
  margin-top: 2rem; }

.mr-2 {
  margin-right: 2rem; }

.ml-2 {
  margin-left: 2rem; }

.mb-2 {
  margin-bottom: 2rem; }

.mx-2 {
  margin-left: 2rem;
  margin-right: 2rem; }

.my-2 {
  margin-top: 2rem;
  margin-bottom: 2rem; }

.pt-2 {
  padding-top: 2rem; }

.pr-2 {
  padding-right: 2rem; }

.pl-2 {
  padding-left: 2rem; }

.pb-2 {
  padding-bottom: 2rem; }

.px-2 {
  padding-left: 2rem;
  padding-right: 2rem; }

.py-2 {
  padding-top: 2rem;
  padding-bottom: 2rem; }

.mt-3 {
  margin-top: 3rem; }

.mr-3 {
  margin-right: 3rem; }

.ml-3 {
  margin-left: 3rem; }

.mb-3 {
  margin-bottom: 3rem; }

.mx-3 {
  margin-left: 3rem;
  margin-right: 3rem; }

.my-3 {
  margin-top: 3rem;
  margin-bottom: 3rem; }

.pt-3 {
  padding-top: 3rem; }

.pr-3 {
  padding-right: 3rem; }

.pl-3 {
  padding-left: 3rem; }

.pb-3 {
  padding-bottom: 3rem; }

.px-3 {
  padding-left: 3rem;
  padding-right: 3rem; }

.py-3 {
  padding-top: 3rem;
  padding-bottom: 3rem; }

.mt-4 {
  margin-top: 4rem; }

.mr-4 {
  margin-right: 4rem; }

.ml-4 {
  margin-left: 4rem; }

.mb-4 {
  margin-bottom: 4rem; }

.mx-4 {
  margin-left: 4rem;
  margin-right: 4rem; }

.my-4 {
  margin-top: 4rem;
  margin-bottom: 4rem; }

.pt-4 {
  padding-top: 4rem; }

.pr-4 {
  padding-right: 4rem; }

.pl-4 {
  padding-left: 4rem; }

.pb-4 {
  padding-bottom: 4rem; }

.px-4 {
  padding-left: 4rem;
  padding-right: 4rem; }

.py-4 {
  padding-top: 4rem;
  padding-bottom: 4rem; }

.mt-5 {
  margin-top: 5rem; }

.mr-5 {
  margin-right: 5rem; }

.ml-5 {
  margin-left: 5rem; }

.mb-5 {
  margin-bottom: 5rem; }

.mx-5 {
  margin-left: 5rem;
  margin-right: 5rem; }

.my-5 {
  margin-top: 5rem;
  margin-bottom: 5rem; }

.pt-5 {
  padding-top: 5rem; }

.pr-5 {
  padding-right: 5rem; }

.pl-5 {
  padding-left: 5rem; }

.pb-5 {
  padding-bottom: 5rem; }

.px-5 {
  padding-left: 5rem;
  padding-right: 5rem; }

.py-5 {
  padding-top: 5rem;
  padding-bottom: 5rem; }

.mt-6 {
  margin-top: 6rem; }

.mr-6 {
  margin-right: 6rem; }

.ml-6 {
  margin-left: 6rem; }

.mb-6 {
  margin-bottom: 6rem; }

.mx-6 {
  margin-left: 6rem;
  margin-right: 6rem; }

.my-6 {
  margin-top: 6rem;
  margin-bottom: 6rem; }

.pt-6 {
  padding-top: 6rem; }

.pr-6 {
  padding-right: 6rem; }

.pl-6 {
  padding-left: 6rem; }

.pb-6 {
  padding-bottom: 6rem; }

.px-6 {
  padding-left: 6rem;
  padding-right: 6rem; }

.py-6 {
  padding-top: 6rem;
  padding-bottom: 6rem; }

.mt-7 {
  margin-top: 7rem; }

.mr-7 {
  margin-right: 7rem; }

.ml-7 {
  margin-left: 7rem; }

.mb-7 {
  margin-bottom: 7rem; }

.mx-7 {
  margin-left: 7rem;
  margin-right: 7rem; }

.my-7 {
  margin-top: 7rem;
  margin-bottom: 7rem; }

.pt-7 {
  padding-top: 7rem; }

.pr-7 {
  padding-right: 7rem; }

.pl-7 {
  padding-left: 7rem; }

.pb-7 {
  padding-bottom: 7rem; }

.px-7 {
  padding-left: 7rem;
  padding-right: 7rem; }

.py-7 {
  padding-top: 7rem;
  padding-bottom: 7rem; }

.mt-8 {
  margin-top: 8rem; }

.mr-8 {
  margin-right: 8rem; }

.ml-8 {
  margin-left: 8rem; }

.mb-8 {
  margin-bottom: 8rem; }

.mx-8 {
  margin-left: 8rem;
  margin-right: 8rem; }

.my-8 {
  margin-top: 8rem;
  margin-bottom: 8rem; }

.pt-8 {
  padding-top: 8rem; }

.pr-8 {
  padding-right: 8rem; }

.pl-8 {
  padding-left: 8rem; }

.pb-8 {
  padding-bottom: 8rem; }

.px-8 {
  padding-left: 8rem;
  padding-right: 8rem; }

.py-8 {
  padding-top: 8rem;
  padding-bottom: 8rem; }

.mt-9 {
  margin-top: 9rem; }

.mr-9 {
  margin-right: 9rem; }

.ml-9 {
  margin-left: 9rem; }

.mb-9 {
  margin-bottom: 9rem; }

.mx-9 {
  margin-left: 9rem;
  margin-right: 9rem; }

.my-9 {
  margin-top: 9rem;
  margin-bottom: 9rem; }

.pt-9 {
  padding-top: 9rem; }

.pr-9 {
  padding-right: 9rem; }

.pl-9 {
  padding-left: 9rem; }

.pb-9 {
  padding-bottom: 9rem; }

.px-9 {
  padding-left: 9rem;
  padding-right: 9rem; }

.py-9 {
  padding-top: 9rem;
  padding-bottom: 9rem; }

.mt-10 {
  margin-top: 10rem; }

.mr-10 {
  margin-right: 10rem; }

.ml-10 {
  margin-left: 10rem; }

.mb-10 {
  margin-bottom: 10rem; }

.mx-10 {
  margin-left: 10rem;
  margin-right: 10rem; }

.my-10 {
  margin-top: 10rem;
  margin-bottom: 10rem; }

.pt-10 {
  padding-top: 10rem; }

.pr-10 {
  padding-right: 10rem; }

.pl-10 {
  padding-left: 10rem; }

.pb-10 {
  padding-bottom: 10rem; }

.px-10 {
  padding-left: 10rem;
  padding-right: 10rem; }

.py-10 {
  padding-top: 10rem;
  padding-bottom: 10rem; }

/* Aspect ratio */
.is-1by1 {
  padding-top: 100%; }

.is-3by2 {
  padding-top: 66.66667%; }

.is-19by9 {
  padding-top: 47.36842%; }

.is-9by5 {
  padding-top: 55.55556%; }

.is-47by30 {
  padding-top: 63.82979%; }

.image {
  display: block;
  position: relative; }
  .image img {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0; }

.link--arrow {
  display: inline-block;
  position: relative;
  padding-left: 2.5rem; }
  .link--arrow::before {
    background: transparent url("../../images/svg/i-right-arrow-black.svg") 50% 50% no-repeat;
    background-size: contain;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    height: 8px;
    width: 16px; }
  .link--arrow--white {
    color: white; }
    .link--arrow--white::before {
      background-image: url("../../images/svg/i-right-arrow-white.svg"); }
  .link--arrow:hover, .link--arrow:focus {
    color: currentColor;
    text-decoration: underline; }

.visually-hidden {
  clip: rect(1px, 1px, 1px, 1px);
  overflow: hidden;
  position: absolute !important;
  height: 1px;
  width: 1px;
  word-wrap: normal; }

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
    visibility: hidden; }
  100% {
    opacity: 1;
    visibility: visible; } }

@keyframes fadeIn {
  0% {
    opacity: 0;
    visibility: hidden; }
  100% {
    opacity: 1;
    visibility: visible; } }

@-webkit-keyframes fadeInFromLeft {
  0% {
    -webkit-transform: translate3d(-100px, 0, 0);
            transform: translate3d(-100px, 0, 0);
    opacity: 0;
    visibility: hidden; }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    opacity: 1;
    visibility: visible; } }

@keyframes fadeInFromLeft {
  0% {
    -webkit-transform: translate3d(-100px, 0, 0);
            transform: translate3d(-100px, 0, 0);
    opacity: 0;
    visibility: hidden; }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    opacity: 1;
    visibility: visible; } }

@-webkit-keyframes fadeInFromRight {
  0% {
    -webkit-transform: translate3d(100px, 0, 0);
            transform: translate3d(100px, 0, 0);
    opacity: 0;
    visibility: hidden; }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    opacity: 1;
    visibility: visible; } }

@keyframes fadeInFromRight {
  0% {
    -webkit-transform: translate3d(100px, 0, 0);
            transform: translate3d(100px, 0, 0);
    opacity: 0;
    visibility: hidden; }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    opacity: 1;
    visibility: visible; } }

@-webkit-keyframes fadeInFromTop {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
    opacity: 0;
    visibility: hidden; }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    opacity: 1;
    visibility: visible; } }

@keyframes fadeInFromTop {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
    opacity: 0;
    visibility: hidden; }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    opacity: 1;
    visibility: visible; } }

@-webkit-keyframes fadeInFromBottom {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
    opacity: 0;
    visibility: hidden; }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    opacity: 1;
    visibility: visible; } }

@keyframes fadeInFromBottom {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
    opacity: 0;
    visibility: hidden; }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    opacity: 1;
    visibility: visible; } }

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
    visibility: visible; }
  100% {
    opacity: 0;
    visibility: hidden; } }

@keyframes fadeOut {
  0% {
    opacity: 1;
    visibility: visible; }
  100% {
    opacity: 0;
    visibility: hidden; } }

@-webkit-keyframes fadeOutFromBottom {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    opacity: 1;
    visibility: visible; }
  100% {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
    opacity: 0;
    visibility: hidden; } }

@keyframes fadeOutFromBottom {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    opacity: 1;
    visibility: visible; }
  100% {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
    opacity: 0;
    visibility: hidden; } }

@-webkit-keyframes scrollDown {
  0% {
    -webkit-transform: translate3d(0, -50%, 0) scale(0.7);
            transform: translate3d(0, -50%, 0) scale(0.7);
    opacity: 0;
    visibility: hidden; }
  30%, 60% {
    -webkit-transform: translate3d(0, 0, 0) scale(1);
            transform: translate3d(0, 0, 0) scale(1);
    opacity: 1;
    visibility: visible; }
  100% {
    -webkit-transform: translate3d(0, 50%, 0) scale(0.7);
            transform: translate3d(0, 50%, 0) scale(0.7);
    opacity: 0;
    visibility: hidden; } }

@keyframes scrollDown {
  0% {
    -webkit-transform: translate3d(0, -50%, 0) scale(0.7);
            transform: translate3d(0, -50%, 0) scale(0.7);
    opacity: 0;
    visibility: hidden; }
  30%, 60% {
    -webkit-transform: translate3d(0, 0, 0) scale(1);
            transform: translate3d(0, 0, 0) scale(1);
    opacity: 1;
    visibility: visible; }
  100% {
    -webkit-transform: translate3d(0, 50%, 0) scale(0.7);
            transform: translate3d(0, 50%, 0) scale(0.7);
    opacity: 0;
    visibility: hidden; } }

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes spin {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

.swiper-button-prev,
.swiper-button-next {
  background: none;
  background-color: rgba(255, 255, 255, 0.1);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  border: 1px solid rgba(0, 0, 0, 0.05);
  border-radius: 4px;
  display: block;
  height: 40px;
  width: 40px; }

.swiper-button-prev {
  background-image: url("../../images/svg/i-left-arrow-black-bis.svg"); }

.swiper-button-next {
  background-image: url("../../images/svg/i-right-arrow-black-bis.svg"); }

.swiper-pagination .swiper-pagination-bullet {
  background-color: #9f9f9f;
  opacity: 1; }

.swiper-pagination .swiper-pagination-bullet-active {
  background-color: #e50005; }

h1, .h1, .s1, .h1--alt, .s1--alt,
h2, .h2, .s2, .h2--alt, .s2--alt,
h3, .h3, .s3, .h3--alt, .s3--alt,
h4, .h4, .s4, .h4--alt, .s4--alt,
h5, .h5, .s5, .h5--alt, .s5--alt,
h6, .h6, .s6, .h6--alt, .s6--alt {
  margin: 0;
  margin-bottom: 1.6rem;
  padding: 0; }

h1, .h1, .s1 {
  color: inherit;
  font-size: 32px;
  font-size: 3.2rem;
  line-height: 1.25;
  text-transform: none;
  font-weight: 800;
  text-transform: uppercase; }
  @media screen and (min-width: 48em) and (max-width: 61.875em) {
    h1, .h1, .s1 {
      font-size: 48px;
      font-size: 4.8rem;
      line-height: 1.25; } }
  @media screen and (min-width: 61.9375em) {
    h1, .h1, .s1 {
      font-size: 64px;
      font-size: 6.4rem;
      line-height: 1.25; } }

h2, .h2, .s2 {
  color: inherit;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1.25;
  text-transform: none;
  font-weight: 800;
  text-transform: uppercase; }
  @media screen and (min-width: 48em) and (max-width: 61.875em) {
    h2, .h2, .s2 {
      font-size: 32px;
      font-size: 3.2rem;
      line-height: 1.25; } }
  @media screen and (min-width: 61.9375em) {
    h2, .h2, .s2 {
      font-size: 48px;
      font-size: 4.8rem;
      line-height: 1.25; } }

h3, .h3, .s3 {
  color: inherit;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.33333;
  text-transform: none;
  font-weight: 800;
  text-transform: uppercase; }
  @media screen and (min-width: 48em) and (max-width: 61.875em) {
    h3, .h3, .s3 {
      font-size: 24px;
      font-size: 2.4rem;
      line-height: 1.25; } }
  @media screen and (min-width: 61.9375em) {
    h3, .h3, .s3 {
      font-size: 32px;
      font-size: 3.2rem;
      line-height: 1.25; } }

h4, .h4, .s4 {
  color: inherit;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.125;
  text-transform: none;
  font-weight: 700;
  text-transform: uppercase; }
  @media screen and (min-width: 48em) and (max-width: 61.875em) {
    h4, .h4, .s4 {
      font-size: 18px;
      font-size: 1.8rem;
      line-height: 1.33333; } }
  @media screen and (min-width: 61.9375em) {
    h4, .h4, .s4 {
      font-size: 24px;
      font-size: 2.4rem;
      line-height: 1.25; } }

h5, .h5, .s5 {
  color: inherit;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.125;
  text-transform: none;
  font-weight: 700;
  text-transform: uppercase; }
  @media screen and (min-width: 61.9375em) {
    h5, .h5, .s5 {
      font-size: 18px;
      font-size: 1.8rem;
      line-height: 1.33333; } }

h6, .h6, .s6 {
  color: inherit;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.125;
  text-transform: none;
  font-weight: 700;
  text-transform: uppercase; }

.h1--alt, .s1--alt {
  color: inherit;
  font-size: 32px;
  font-size: 3.2rem;
  line-height: 1.25;
  text-transform: none;
  font-weight: 300;
  text-transform: uppercase; }
  @media screen and (min-width: 48em) and (max-width: 61.875em) {
    .h1--alt, .s1--alt {
      font-size: 48px;
      font-size: 4.8rem;
      line-height: 1.25; } }
  @media screen and (min-width: 61.9375em) {
    .h1--alt, .s1--alt {
      font-size: 64px;
      font-size: 6.4rem;
      line-height: 1.25; } }

.h2--alt, .s2--alt {
  color: inherit;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1.25;
  text-transform: none;
  font-weight: 300;
  text-transform: uppercase; }
  @media screen and (min-width: 48em) and (max-width: 61.875em) {
    .h2--alt, .s2--alt {
      font-size: 32px;
      font-size: 3.2rem;
      line-height: 1.25; } }
  @media screen and (min-width: 61.9375em) {
    .h2--alt, .s2--alt {
      font-size: 48px;
      font-size: 4.8rem;
      line-height: 1.25; } }

.h3--alt, .s3--alt {
  color: inherit;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.33333;
  text-transform: none;
  font-weight: 300;
  text-transform: uppercase; }
  @media screen and (min-width: 48em) and (max-width: 61.875em) {
    .h3--alt, .s3--alt {
      font-size: 24px;
      font-size: 2.4rem;
      line-height: 1.25; } }
  @media screen and (min-width: 61.9375em) {
    .h3--alt, .s3--alt {
      font-size: 32px;
      font-size: 3.2rem;
      line-height: 1.25; } }

.h4--alt, .s4--alt {
  color: inherit;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.125;
  text-transform: none;
  font-weight: 300;
  text-transform: uppercase; }
  @media screen and (min-width: 48em) and (max-width: 61.875em) {
    .h4--alt, .s4--alt {
      font-size: 18px;
      font-size: 1.8rem;
      line-height: 1.33333; } }
  @media screen and (min-width: 61.9375em) {
    .h4--alt, .s4--alt {
      font-size: 24px;
      font-size: 2.4rem;
      line-height: 1.25; } }

.h5--alt, .s5--alt {
  color: inherit;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.125;
  text-transform: none;
  font-weight: 300;
  text-transform: uppercase; }
  @media screen and (min-width: 61.9375em) {
    .h5--alt, .s5--alt {
      font-size: 18px;
      font-size: 1.8rem;
      line-height: 1.33333; } }

.h6--alt, .s6--alt {
  color: inherit;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.125;
  text-transform: none;
  font-weight: 300;
  text-transform: uppercase; }

.text-xsmall, figcaption {
  font-size: 10px;
  font-size: 1rem;
  line-height: 1.5; }

.text-small {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.83333; }

.text-regular {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.57143; }

.editorial a,
.cke_editable a {
  text-decoration: underline; }
  .editorial a:hover, .editorial a:focus,
  .cke_editable a:hover,
  .cke_editable a:focus {
    text-decoration: none; }

.editorial a.catch,
.cke_editable a.catch {
  text-decoration: none; }

.editorial h1, .editorial .h1, .editorial .s1, .editorial .h1--alt, .editorial .s1--alt,
.cke_editable h1,
.cke_editable .h1,
.cke_editable .s1,
.cke_editable .h1--alt,
.cke_editable .s1--alt {
  color: inherit;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1.25;
  text-transform: none;
  font-weight: 300;
  text-transform: uppercase; }
  @media screen and (min-width: 48em) and (max-width: 61.875em) {
    .editorial h1, .editorial .h1, .editorial .s1, .editorial .h1--alt, .editorial .s1--alt,
    .cke_editable h1,
    .cke_editable .h1,
    .cke_editable .s1,
    .cke_editable .h1--alt,
    .cke_editable .s1--alt {
      font-size: 32px;
      font-size: 3.2rem;
      line-height: 1.25; } }
  @media screen and (min-width: 61.9375em) {
    .editorial h1, .editorial .h1, .editorial .s1, .editorial .h1--alt, .editorial .s1--alt,
    .cke_editable h1,
    .cke_editable .h1,
    .cke_editable .s1,
    .cke_editable .h1--alt,
    .cke_editable .s1--alt {
      font-size: 48px;
      font-size: 4.8rem;
      line-height: 1.25; } }

.editorial h2, .editorial .h2, .editorial .s2, .editorial .h2--alt, .editorial .s2--alt,
.cke_editable h2,
.cke_editable .h2,
.cke_editable .s2,
.cke_editable .h2--alt,
.cke_editable .s2--alt {
  color: inherit;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.33333;
  text-transform: none;
  font-weight: 300; }
  @media screen and (min-width: 48em) and (max-width: 61.875em) {
    .editorial h2, .editorial .h2, .editorial .s2, .editorial .h2--alt, .editorial .s2--alt,
    .cke_editable h2,
    .cke_editable .h2,
    .cke_editable .s2,
    .cke_editable .h2--alt,
    .cke_editable .s2--alt {
      font-size: 24px;
      font-size: 2.4rem;
      line-height: 1.25; } }
  @media screen and (min-width: 61.9375em) {
    .editorial h2, .editorial .h2, .editorial .s2, .editorial .h2--alt, .editorial .s2--alt,
    .cke_editable h2,
    .cke_editable .h2,
    .cke_editable .s2,
    .cke_editable .h2--alt,
    .cke_editable .s2--alt {
      font-size: 32px;
      font-size: 3.2rem;
      line-height: 1.25; } }

.editorial h3, .editorial .h3, .editorial .s3, .editorial .h3--alt, .editorial .s3--alt,
.cke_editable h3,
.cke_editable .h3,
.cke_editable .s3,
.cke_editable .h3--alt,
.cke_editable .s3--alt {
  color: inherit;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.125;
  text-transform: none;
  font-weight: 300;
  color: black; }
  @media screen and (min-width: 48em) and (max-width: 61.875em) {
    .editorial h3, .editorial .h3, .editorial .s3, .editorial .h3--alt, .editorial .s3--alt,
    .cke_editable h3,
    .cke_editable .h3,
    .cke_editable .s3,
    .cke_editable .h3--alt,
    .cke_editable .s3--alt {
      font-size: 18px;
      font-size: 1.8rem;
      line-height: 1.33333; } }
  @media screen and (min-width: 61.9375em) {
    .editorial h3, .editorial .h3, .editorial .s3, .editorial .h3--alt, .editorial .s3--alt,
    .cke_editable h3,
    .cke_editable .h3,
    .cke_editable .s3,
    .cke_editable .h3--alt,
    .cke_editable .s3--alt {
      font-size: 24px;
      font-size: 2.4rem;
      line-height: 1.25; } }

.editorial h4, .editorial .h4, .editorial .s4, .editorial .h4--alt, .editorial .s4--alt,
.cke_editable h4,
.cke_editable .h4,
.cke_editable .s4,
.cke_editable .h4--alt,
.cke_editable .s4--alt {
  color: inherit;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.125;
  text-transform: none;
  font-weight: 300; }
  @media screen and (min-width: 61.9375em) {
    .editorial h4, .editorial .h4, .editorial .s4, .editorial .h4--alt, .editorial .s4--alt,
    .cke_editable h4,
    .cke_editable .h4,
    .cke_editable .s4,
    .cke_editable .h4--alt,
    .cke_editable .s4--alt {
      font-size: 18px;
      font-size: 1.8rem;
      line-height: 1.33333; } }

.editorial h5, .editorial .h5, .editorial .s5, .editorial .h5--alt, .editorial .s5--alt,
.editorial h6, .editorial .h6, .editorial .s6, .editorial .h6--alt, .editorial .s6--alt,
.cke_editable h5,
.cke_editable .h5,
.cke_editable .s5,
.cke_editable .h5--alt,
.cke_editable .s5--alt,
.cke_editable h6,
.cke_editable .h6,
.cke_editable .s6,
.cke_editable .h6--alt,
.cke_editable .s6--alt {
  color: inherit;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.125;
  text-transform: none;
  font-weight: 300; }

.editorial .title,
.cke_editable .title {
  color: inherit;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.33333;
  text-transform: none;
  font-weight: 300;
  text-transform: uppercase;
  margin: 0;
  margin-bottom: 1.6rem; }
  @media screen and (min-width: 48em) and (max-width: 61.875em) {
    .editorial .title,
    .cke_editable .title {
      font-size: 24px;
      font-size: 2.4rem;
      line-height: 1.25; } }
  @media screen and (min-width: 61.9375em) {
    .editorial .title,
    .cke_editable .title {
      font-size: 32px;
      font-size: 3.2rem;
      line-height: 1.25; } }

.editorial p,
.cke_editable p {
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 1.125;
  margin: 0;
  margin-bottom: 1.6rem; }
  @media screen and (min-width: 61.9375em) {
    .editorial p,
    .cke_editable p {
      font-family: "Open Sans", Arial, Helvetica, sans-serif;
      font-size: 18px;
      font-size: 1.8rem;
      font-weight: 300;
      line-height: 1.33333; } }

.editorial .intro,
.cke_editable .intro {
  color: #9f9f9f;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 1.125;
  margin: 0;
  margin-bottom: 1.6rem; }
  @media screen and (min-width: 48em) and (max-width: 61.875em) {
    .editorial .intro,
    .cke_editable .intro {
      font-family: "Open Sans", Arial, Helvetica, sans-serif;
      font-size: 18px;
      font-size: 1.8rem;
      font-weight: 300;
      line-height: 1.33333; } }
  @media screen and (min-width: 61.9375em) {
    .editorial .intro,
    .cke_editable .intro {
      font-family: "Open Sans", Arial, Helvetica, sans-serif;
      font-size: 24px;
      font-size: 2.4rem;
      font-weight: 300;
      line-height: 1.25; } }

.editorial .note,
.cke_editable .note {
  color: black;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 300;
  line-height: 1.14286;
  margin: 0;
  margin-bottom: 1.6rem; }
  @media screen and (min-width: 61.9375em) {
    .editorial .note,
    .cke_editable .note {
      font-family: "Open Sans", Arial, Helvetica, sans-serif;
      font-size: 16px;
      font-size: 1.6rem;
      font-weight: 300;
      line-height: 1.125; } }

.editorial .link--arrow,
.cke_editable .link--arrow {
  color: #474747;
  display: inline-block;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 300;
  line-height: 1.14286;
  margin-top: 1rem;
  margin-bottom: 1rem;
  text-decoration: none; }
  .editorial .link--arrow:hover, .editorial .link--arrow:focus,
  .cke_editable .link--arrow:hover,
  .cke_editable .link--arrow:focus {
    color: inherit;
    text-decoration: underline; }

.editorial pre,
.cke_editable pre {
  border-radius: 0; }

.show-admin-tabs .admin-tabs {
  z-index: 999; }
  .show-admin-tabs .admin-tabs::before {
    background-color: #7ca930; }
  .show-admin-tabs .admin-tabs ul.primary {
    white-space: normal; }
    .show-admin-tabs .admin-tabs ul.primary li.active a {
      background-color: #85b533; }
      .show-admin-tabs .admin-tabs ul.primary li.active a:hover, .show-admin-tabs .admin-tabs ul.primary li.active a:focus {
        background-color: #85b533;
        color: white; }
  .show-admin-tabs .admin-tabs ul.primary a {
    -webkit-transition: all .3s;
    transition: all .3s;
    background-color: #7ca930;
    color: white; }
    .show-admin-tabs .admin-tabs ul.primary a:hover, .show-admin-tabs .admin-tabs ul.primary a:focus {
      color: white;
      background-color: #76a12e; }

ul.contextual-links li a {
  font-size: 1.3rem !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
  text-transform: none !important; }

/*
.header-admin {
  background: map-get($grayscale, 'whitegray');
  padding: 2rem 0;
}
*/
div.messages {
  background: white;
  border: 0;
  border-bottom: 2px solid transparent;
  -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 4px 5px rgba(0, 0, 0, 0.1);
  color: black;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.57143;
  margin: 2rem auto;
  max-width: 670px;
  position: relative;
  padding: 1.5rem;
  padding-right: 5rem;
  width: 100%;
  /*
  &:last-child {
    margin-bottom: 0;
  }
  */ }
  div.messages::before {
    background-color: transparent;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: cover;
    content: '';
    display: block;
    height: 30px;
    width: 30px;
    min-width: 30px;
    max-width: 30px;
    margin-right: 1rem; }
  div.messages .close-message {
    background: none;
    border: 0;
    height: 30px;
    width: 30px;
    padding: 0;
    position: absolute;
    top: 1rem;
    right: 1rem; }
  div.messages p {
    margin: 0; }
  div.messages.status {
    border-bottom-color: #72d10e; }
    div.messages.status .close-message svg {
      fill: #72d10e; }
    div.messages.status::before {
      background-image: url("../../images/svg/icon-message-valid.svg"); }
  div.messages.warning {
    border-bottom-color: #ffa800; }
    div.messages.warning .close-message svg {
      fill: #ffa800; }
    div.messages.warning::before {
      background-image: url("../../images/svg/icon-message-warning.svg"); }
  div.messages.error {
    background: white;
    border-bottom-color: #ff4100;
    border-bottom-width: 2px;
    padding: 1.5rem;
    padding-right: 5rem; }
    div.messages.error .close-message svg {
      fill: #ff4100; }
    div.messages.error::before {
      background-image: url("../../images/svg/icon-message-error.svg"); }

.main-menu {
  background: white;
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1; }
  @media screen and (min-width: 61.9375em) {
    .main-menu {
      background: transparent;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin-right: auto;
      position: static; } }
  @media screen and (min-width: 61.9375em) {
    .main-menu .depth-1 {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; } }
  .main-menu .depth-1 > li > a {
    background: none;
    color: #ffed00;
    display: block;
    font-weight: 600;
    padding: 0 2rem;
    text-transform: uppercase; }
    @media screen and (min-width: 61.9375em) {
      .main-menu .depth-1 > li > a {
        border: 0;
        line-height: 8rem; } }
    .main-menu .depth-1 > li > a::before {
      content: '\f107';
      font-family: "FontAwesome";
      margin-right: .75em; }
    .main-menu .depth-1 > li > a:hover, .main-menu .depth-1 > li > a:focus {
      text-decoration: none; }
  .main-menu .depth-1 > li#dealers > a::before {
    display: none; }
  .main-menu .depth-1 > li.is-hovered .megamenu {
    opacity: 1;
    left: 0;
    right: 0; }
  .main-menu .depth-1 > li.is-hovered:hover > a, .main-menu .depth-1 > li.is-hovered:focus > a {
    background: #ffed00;
    color: #e50005;
    text-decoration: none; }
  .main-menu .depth-1 > li.is-active-trail > a {
    background: #ffed00;
    color: #e50005;
    text-decoration: none; }

.onscroll .main-menu .depth-1 > li > a {
  line-height: 4rem; }

.show-menu-mobile .main-menu {
  display: block; }
  .show-menu-mobile .main-menu .depth-1 {
    padding-top: 6.5rem;
    position: relative; }
    .show-menu-mobile .main-menu .depth-1::before {
      background: #e50005;
      content: '';
      display: block;
      height: 6.5rem;
      width: 100%;
      position: absolute;
      top: 0;
      left: 0;
      right: 0; }
    .show-menu-mobile .main-menu .depth-1 > li {
      position: relative; }
      .show-menu-mobile .main-menu .depth-1 > li.is-hovered > a::before {
        content: '\f106'; }
      .show-menu-mobile .main-menu .depth-1 > li.is-hovered .megamenu {
        display: block; }
    .show-menu-mobile .main-menu .depth-1 > li > a {
      border-bottom: 1px solid #efefef;
      color: #474747;
      padding: 2rem;
      position: relative; }
      .show-menu-mobile .main-menu .depth-1 > li > a::before {
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
        margin: 0;
        position: absolute;
        top: 50%;
        right: 2rem; }

.show-menu-mobile .megamenu {
  -webkit-box-shadow: none;
          box-shadow: none;
  display: none;
  position: static; }

.show-menu-mobile .megamenu__subnav > ul:last-child > li {
  margin-bottom: 0; }

.show-menu-mobile .megamenu--1 .megamenu__tab-content--2 .megamenu__subnav--0 {
  width: 100%; }

.show-menu-mobile .megamenu--1 .megamenu__tab-content--2 .megamenu__subnav > ul {
  display: block;
  margin: 0;
  width: 100%; }

.show-menu-mobile .depth-3 > a {
  border-bottom: 1px solid #efefef;
  padding-bottom: 1.5rem; }

.show-menu-mobile .depth-3 > a > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  min-height: 42px; }
  .show-menu-mobile .depth-3 > a > span br {
    display: none; }

.show-menu-mobile .depth-3 > ul {
  display: none; }

.show-menu-mobile .depth-3.has-subnav > a span::after {
  content: '\f107';
  font-family: "FontAwesome";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 1.5rem; }

.show-menu-mobile .depth-3.show-subnav > a span::after {
  content: '\f106'; }

.show-menu-mobile .depth-3.show-subnav > ul {
  display: block; }

.show-menu-mobile .depth-4 a {
  display: block;
  padding: 1rem 0; }

.show-menu-mobile .site-name {
  top: 1.5rem;
  left: 1.5rem;
  z-index: 2; }

.show-menu-mobile .trigger-menu-mobile {
  z-index: 2; }
  .show-menu-mobile .trigger-menu-mobile .trigger-open {
    display: none; }
  .show-menu-mobile .trigger-menu-mobile .trigger-close {
    display: block; }

.show-menu-mobile .site-content {
  display: none; }

.show-menu-mobile .fake-search-wrapper {
  position: relative; }

.show-menu-mobile .fake-search-field {
  background: white;
  border: 1px solid #efefef;
  padding-top: 1rem;
  padding-right: 8rem;
  padding-bottom: 1rem;
  padding-left: 2rem; }

.show-menu-mobile .fake-search-trigger {
  background: #efefef;
  border: 0;
  color: #474747;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  text-align: center;
  width: 6rem; }

.show-menu-mobile .item-menu-header {
  margin-top: 3rem; }
  .show-menu-mobile .item-menu-header ul, .show-menu-mobile .item-menu-header li {
    margin: 0;
    padding: 0; }
  .show-menu-mobile .item-menu-header a {
    color: #e50005;
    display: block;
    padding: 1.5rem 2rem;
    text-transform: uppercase; }

.show-menu-mobile .item-languages {
  margin-top: 3rem;
  margin-bottom: 3rem; }
  .show-menu-mobile .item-languages ul, .show-menu-mobile .item-languages li {
    margin: 0;
    padding: 0; }
  .show-menu-mobile .item-languages ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
  .show-menu-mobile .item-languages li:last-child a::after {
    display: none; }
  .show-menu-mobile .item-languages a {
    color: #e50005;
    display: block;
    padding: 1.5rem 2rem;
    position: relative;
    text-transform: uppercase; }
    .show-menu-mobile .item-languages a::after {
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      background: #e50005;
      border-radius: 50%;
      content: '';
      display: block;
      position: absolute;
      top: 50%;
      right: 0;
      height: 4px;
      width: 4px; }

.megamenu-heading, .megamenu__tab-link {
  color: #474747;
  display: block;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 1.5;
  text-transform: uppercase;
  padding: 1.5rem 0; }
  @media screen and (min-width: 61.9375em) {
    .megamenu-heading, .megamenu__tab-link {
      font-family: "Open Sans", Arial, Helvetica, sans-serif;
      font-size: 32px;
      font-size: 3.2rem;
      font-weight: 300;
      line-height: 1.25; } }
  @media screen and (min-width: 1440px) {
    .megamenu-heading, .megamenu__tab-link {
      padding: 3.2rem 0; } }

.megamenu {
  -webkit-transition: opacity .2s;
  transition: opacity .2s;
  background: white;
  -webkit-box-shadow: 0 20px 20px 5px rgba(0, 0, 0, 0.35);
          box-shadow: 0 20px 20px 5px rgba(0, 0, 0, 0.35);
  opacity: 0;
  position: absolute;
  top: 100%;
  left: -9999em;
  z-index: 100; }
  @media screen and (max-height: 900px) {
    .megamenu {
      max-height: 500px;
      overflow-y: scroll; } }
  .megamenu a, .megamenu a:hover, .megamenu a:focus {
    text-decoration: none; }
  .megamenu a:hover, .megamenu a:focus {
    color: #e50005; }

.megamenu__tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
  padding: 0; }

.megamenu__tab-item {
  background: #efefef;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: center; }
  @media screen and (min-width: 61.9375em) {
    .megamenu__tab-item {
      text-align: left; } }
  .megamenu__tab-item.is-active,
  .megamenu__tab-item.is-active:hover .megamenu__tab-link {
    background-color: white; }
  @media screen and (min-width: 61.9375em) {
    .megamenu__tab-item--1 {
      text-align: right;
      max-width: calc(50% - 130px); } }

.megamenu__tab-link {
  -webkit-transition: background .25s;
  transition: background .25s;
  padding-right: 3.2rem;
  padding-left: 3.2rem; }
  .megamenu__tab-link::before {
    display: none; }
  .megamenu__tab-link, .megamenu__tab-link:hover, .megamenu__tab-link:focus {
    color: #474747; }
  .megamenu__tab-link:hover, .megamenu__tab-link:focus {
    text-decoration: none; }
  .megamenu__tab-link:hover {
    background-color: #f4f4f4; }

.megamenu a.megamenu__tab-link:hover, .megamenu a.megamenu__tab-link:focus {
  color: #474747; }

.megamenu__tab-content {
  padding: 4rem 0 0 0;
  display: none; }
  .megamenu__tab-content.is-active {
    display: block; }
  @media screen and (min-width: 61.9375em) {
    .megamenu__tab-content {
      padding-bottom: 4rem; } }

.megamenu__subnav li {
  margin-bottom: 1rem; }

.megamenu__subnav > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 auto;
  padding: 0; }
  .megamenu__subnav > ul:hover > li > a {
    color: #e50005; }
    .megamenu__subnav > ul:hover > li > a span::before {
      opacity: 1; }

.megamenu__subnav > ul > li {
  list-style: none;
  margin: 0;
  margin-bottom: 3rem;
  padding: 0; }
  @media screen and (min-width: 61.9375em) {
    .megamenu__subnav > ul > li {
      padding-right: 1.5rem;
      padding-left: 1.5rem; } }

.megamenu__subnav > ul > li > a {
  display: block;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.14286;
  margin-bottom: 1.5rem;
  text-transform: uppercase; }
  @media screen and (min-width: 48.0625em) {
    .megamenu__subnav > ul > li > a {
      font-family: "Open Sans", Arial, Helvetica, sans-serif;
      font-size: 16px;
      font-size: 1.6rem;
      font-weight: 700;
      line-height: 1.125; } }
  .megamenu__subnav > ul > li > a:hover, .megamenu__subnav > ul > li > a:focus {
    color: #e50005; }
    .megamenu__subnav > ul > li > a:hover > span::before, .megamenu__subnav > ul > li > a:focus > span::before {
      opacity: 1; }

.megamenu__subnav > ul > li > a > span {
  -webkit-transition: color .3s;
  transition: color .3s;
  display: block;
  position: relative;
  padding-left: 52px; }
  @media screen and (min-width: 61.9375em) {
    .megamenu__subnav > ul > li > a > span {
      min-height: 76px;
      padding-top: 62px;
      padding-left: 0; } }
  .megamenu__subnav > ul > li > a > span::before {
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    background-color: transparent;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: '';
    display: block;
    height: 42px;
    width: 42px;
    opacity: .3;
    position: absolute;
    top: 0;
    left: 0; }

/* Submenu icons */
.icon-tondeuse span::before {
  background-image: url("../../images/icons/menu/menu-tondeuses.svg"); }

.icon-multistar span::before {
  background-image: url("../../images/icons/menu/menu-multistar2.svg"); }

.icon-outils-coupants span::before {
  background-image: url("../../images/icons/menu/menu-outils-coupants.svg"); }

.icon-outils-traditionnels span::before {
  background-image: url("../../images/icons/menu/menu-outils-traditionnels.svg"); }

.icon-outils-motorises span::before {
  background-image: url("../../images/icons/menu/menu-autres-outils-motorises.svg"); }

.icon-semences span::before {
  background-image: url("../../images/icons/menu/menu-semences.svg"); }

.icon-gants span::before {
  background-image: url("../../images/icons/menu/menu-gants.svg"); }

.icon-pieces-detachees span::before {
  background-image: url("../../images/icons/menu/menu-pieces-detachees.svg"); }

.icon-pelouse span::before {
  background-image: url("../../images/icons/menu/menu-pelouse.svg"); }

.icon-massifs-potager span::before {
  background-image: url("../../images/icons/menu/menu-massifs-potager.svg"); }

.icon-arbres-buissons span::before {
  background-image: url("../../images/icons/menu/menu-arbres-buissons.svg"); }

.icon-terrasses-balcons span::before {
  background-image: url("../../images/icons/menu/menu-maison2.svg"); }

.icon-entretien-outils span::before {
  background-image: url("../../images/icons/menu/menu-entretien-outils.svg"); }

.testimony-appeal {
  display: none;
  padding: 2rem 0; }
  @media screen and (min-width: 61.9375em) {
    .testimony-appeal {
      display: block; } }
  .testimony-appeal:hover, .testimony-appeal:focus {
    text-decoration: none; }
  .testimony-appeal .h3 {
    display: block;
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    font-size: 24px;
    font-size: 2.4rem;
    font-weight: 300;
    line-height: 1.25;
    margin: 0;
    margin-bottom: .5rem; }
  .testimony-appeal .underline:hover {
    text-decoration: none; }

.megamenu__banner {
  background-color: white;
  background-repeat: no-repeat;
  background-position: 0 50%;
  background-size: cover;
  height: 100%;
  position: relative; }

.megamenu__deal {
  color: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  min-height: 100%;
  position: relative; }

.megamenu__deal-content {
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.57143;
  font-style: italic;
  max-width: 392px; }

.megamenu__deal-title {
  display: block;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.125;
  font-style: normal;
  margin-bottom: 1rem; }

.megamenu__deal-visual {
  margin-left: 2rem;
  max-width: 116px;
  position: absolute;
  bottom: 0;
  left: 0; }

@media screen and (min-width: 61.9375em) {
  .megamenu--1 {
    min-height: 170px; } }

@media screen and (min-width: 75em) {
  .megamenu--1 {
    min-height: 200px; } }

.megamenu--1 .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  @media screen and (min-width: 61.9375em) {
    .megamenu--1 .container {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; } }

.megamenu--1 .megamenu__subnav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  @media screen and (min-width: 61.9375em) {
    .megamenu--1 .megamenu__subnav {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row; } }
  .megamenu--1 .megamenu__subnav > ul {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    min-width: 200px; }

.megamenu--1 .megamenu__tab-content--1 .megamenu__subnav--0, .megamenu--1 .megamenu__tab-content--1 .megamenu__subnav--1 {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  @media screen and (min-width: 75em) {
    .megamenu--1 .megamenu__tab-content--1 .megamenu__subnav--0, .megamenu--1 .megamenu__tab-content--1 .megamenu__subnav--1 {
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap; } }

.megamenu--1 .megamenu__tab-content--1 .megamenu__subnav--0 {
  width: 100%; }
  @media screen and (min-width: 61.9375em) {
    .megamenu--1 .megamenu__tab-content--1 .megamenu__subnav--0 {
      width: calc((100% / 4) * 3); } }
  @media screen and (min-width: 75em) {
    .megamenu--1 .megamenu__tab-content--1 .megamenu__subnav--0 {
      width: calc((100% / 6) * 5); } }

.megamenu--1 .megamenu__tab-content--1 .megamenu__subnav--1 {
  width: 100%; }
  @media screen and (min-width: 61.9375em) {
    .megamenu--1 .megamenu__tab-content--1 .megamenu__subnav--1 {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      width: calc(100% / 4); } }
  @media screen and (min-width: 75em) {
    .megamenu--1 .megamenu__tab-content--1 .megamenu__subnav--1 {
      width: calc(100% / 6); } }

.megamenu--1 .megamenu__tab-content--1 .megamenu__subnav > ul {
  display: block;
  margin: 0;
  width: 100%; }
  @media screen and (min-width: 61.9375em) {
    .megamenu--1 .megamenu__tab-content--1 .megamenu__subnav > ul {
      max-width: calc(100% / 3); } }
  @media screen and (min-width: 75em) {
    .megamenu--1 .megamenu__tab-content--1 .megamenu__subnav > ul {
      max-width: unset; } }

@media screen and (min-width: 61.9375em) {
  .megamenu--1 .megamenu__tab-content--2 .megamenu__subnav {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; } }

.megamenu--2.has-news {
  background: -webkit-gradient(linear, left top, right top, color-stop(50%, white), color-stop(50%, #efefef));
  background: linear-gradient(to right, white 50%, #efefef 50%); }

.megamenu--2 .megamenu-heading {
  margin-bottom: 2rem; }
  @media screen and (min-width: 61.9375em) {
    .megamenu--2 .megamenu-heading {
      margin-bottom: 0; } }

.megamenu--2 .megamenu__tab-content {
  display: block; }

.megamenu--2 .megamenu__subnav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-bottom: 0; }

.megamenu--2 .megamenu__subnav > ul {
  display: block;
  margin: 0;
  width: 100%; }
  @media screen and (min-width: 61.9375em) {
    .megamenu--2 .megamenu__subnav > ul {
      max-width: calc(100% / 3); } }

@media screen and (max-width: 61.875em) {
  .megamenu--2 .container {
    width: 100%; } }

@media screen and (min-width: 61.9375em) {
  .megamenu--2 .col {
    padding: 0 5rem; } }

.megamenu--2 .col--2 {
  display: none; }
  @media screen and (min-width: 61.9375em) {
    .megamenu--2 .col--2 {
      display: block;
      max-width: calc(370px + 5rem);
      padding-right: 0; } }

.megamenu--2 .tile__title {
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1.25;
  padding-top: 2rem;
  padding-bottom: 2rem;
  text-transform: none; }

.megamenu--2 .tile:last-child {
  margin-bottom: 5rem; }

.megamenu--3 {
  overflow: hidden; }
  .megamenu--3 .cols {
    position: relative; }
    @media screen and (min-width: 61.9375em) {
      .megamenu--3 .cols {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; } }
    .megamenu--3 .cols::before {
      background: #efefef;
      content: '';
      display: none;
      height: 135px;
      position: absolute;
      bottom: 0;
      right: 0;
      left: 0;
      z-index: 0; }
      @media screen and (min-width: 61.9375em) {
        .megamenu--3 .cols::before {
          display: block; } }
  .megamenu--3 .col {
    position: relative; }
    @media screen and (min-width: 61.9375em) {
      .megamenu--3 .col {
        width: 50%; } }
    .megamenu--3 .col--1 .col-inner {
      margin-left: auto; }
    .megamenu--3 .col--2 {
      display: none; }
      @media screen and (min-width: 61.9375em) {
        .megamenu--3 .col--2 {
          display: block; } }
      .megamenu--3 .col--2 .col-inner {
        margin-right: auto;
        padding-top: 3rem;
        padding-right: 0;
        padding-bottom: 3rem;
        position: relative; }
        .megamenu--3 .col--2 .col-inner::before {
          background: radial-gradient(550px 450px at 0 -65%, black 0%, rgba(0, 0, 0, 0) 100%);
          content: '';
          display: block;
          height: 245px;
          width: 100%;
          max-width: 480px;
          position: absolute;
          top: 0;
          left: 0;
          z-index: 0; }
  .megamenu--3 .col-inner {
    height: 100%;
    padding: 0 1.5rem; }
    @media screen and (min-width: 61.9375em) {
      .megamenu--3 .col-inner {
        padding-left: 5rem;
        padding-right: 5rem;
        width: calc(970px / 2); } }
    @media screen and (min-width: 75em) {
      .megamenu--3 .col-inner {
        width: calc(1170px / 2); } }
    .megamenu--3 .col-inner p {
      margin: 0;
      margin-bottom: 1rem; }
  .megamenu--3 .submenu {
    margin: 0;
    padding: 4rem 0; }
    .megamenu--3 .submenu li {
      list-style: none;
      margin: 0;
      padding: 0; }
    .megamenu--3 .submenu a {
      display: block;
      font-family: "Open Sans", Arial, Helvetica, sans-serif;
      font-size: 14px;
      font-size: 1.4rem;
      font-weight: 700;
      line-height: 1.14286;
      margin-bottom: 2rem;
      padding: 1rem 0;
      text-transform: uppercase; }
      @media screen and (min-width: 61.9375em) {
        .megamenu--3 .submenu a {
          display: inline-block;
          font-family: "Open Sans", Arial, Helvetica, sans-serif;
          font-size: 16px;
          font-size: 1.6rem;
          font-weight: 700;
          line-height: 1.125;
          padding: 0; } }

.block-easy-breadcrumb {
  display: none; }
  @media screen and (min-width: 48.0625em) {
    .block-easy-breadcrumb {
      display: block; } }

.breadcrumbs {
  margin: 0;
  padding: 0; }
  .breadcrumbs__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    list-style: none;
    margin: 0;
    padding: 0;
    z-index: 1; }
  .breadcrumbs__item:first-child a {
    border-left: 0;
    padding-left: 0; }
  .breadcrumbs__elem {
    border-left: 1px solid black;
    color: black;
    display: inline-block;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1;
    margin-right: 1rem;
    padding: 0;
    padding-left: 1rem;
    text-decoration: none; }
    @media screen and (min-width: 61.9375em) {
      .breadcrumbs__elem {
        font-size: 14px;
        font-size: 1.4rem; } }
  .breadcrumbs a:hover, .breadcrumbs a:focus {
    text-decoration: underline; }

input[type="text"],
input[type="password"],
input[type="email"] {
  color: black;
  font-style: normal; }

input::-webkit-input-placeholder {
  color: #9f9f9f;
  font-style: italic; }

input::-ms-input-placeholder {
  color: #9f9f9f;
  font-style: italic; }

input::placeholder {
  color: #9f9f9f;
  font-style: italic; }

.zone {
  padding: 3rem 0; }
  @media screen and (min-width: 61.9375em) {
    .zone {
      padding-top: 6rem;
      padding-bottom: 6rem; } }
  .zone__heading {
    color: #474747;
    display: block;
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    font-size: 24px;
    font-size: 2.4rem;
    font-weight: 300;
    line-height: 1.25;
    margin-bottom: 2rem;
    text-align: center;
    text-transform: uppercase; }
    @media screen and (min-width: 61.9375em) {
      .zone__heading {
        font-family: "Open Sans", Arial, Helvetica, sans-serif;
        font-size: 32px;
        font-size: 3.2rem;
        font-weight: 300;
        line-height: 1.25;
        margin-bottom: 4rem; } }
  .zone__subheading, .zone__snippet {
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 300;
    line-height: 1.33333;
    margin-bottom: 3rem;
    text-align: center; }
    @media screen and (min-width: 61.9375em) {
      .zone__subheading, .zone__snippet {
        font-family: "Open Sans", Arial, Helvetica, sans-serif;
        font-size: 24px;
        font-size: 2.4rem;
        font-weight: 300;
        line-height: 1.25;
        margin-bottom: 6rem; } }
  .zone__snippet {
    color: #9f9f9f; }
  .zone__stripe {
    border-bottom: 1px solid #efefef;
    padding-bottom: 3rem; }
    @media screen and (min-width: 61.9375em) {
      .zone__stripe {
        padding-bottom: 6rem; } }

.catch {
  -webkit-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1);
  color: #9f9f9f;
  border-radius: 0;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.28571;
  min-height: 50px;
  padding: 1rem 1.5rem;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  white-space: inherit;
  width: 100%;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.33333; }
  @media screen and (min-width: 61.9375em) {
    .catch {
      min-height: 60px;
      max-width: 270px; } }
  .catch:hover, .catch:focus {
    color: black;
    cursor: pointer;
    text-decoration: none; }
  .catch.is-small {
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.28571;
    padding-top: .5rem;
    padding-bottom: .5rem; }
  .catch.is-tiny {
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: 700;
    line-height: 1.83333;
    padding-top: .8rem;
    padding-bottom: .8rem; }
    @media screen and (min-width: 61.9375em) {
      .catch.is-tiny {
        min-height: 40px; } }
  .catch.is-primary {
    background: #e50005;
    color: white; }
    .catch.is-primary:hover, .catch.is-primary:focus {
      background-color: black;
      color: white; }
  .catch.is-secondary {
    background: #ffed00;
    color: black; }
    .catch.is-secondary:hover, .catch.is-secondary:focus {
      background-color: #474747;
      color: white; }
  .catch.is-white {
    background-color: white;
    color: #9f9f9f; }
    .catch.is-white:hover, .catch.is-white:focus {
      color: black; }
  .catch.is-cta {
    font-size: 1.8rem;
    color: #ffed00; }
    .catch.is-cta:hover, .catch.is-cta:focus {
      background-color: black;
      color: #ffed00; }
  .catch.is-ghost {
    background: transparent;
    border: 1px solid black;
    -webkit-box-shadow: none;
            box-shadow: none;
    color: black; }
    .catch.is-ghost:hover, .catch.is-ghost:focus {
      -webkit-box-shadow: inset 0 0 0 1px currentColor;
              box-shadow: inset 0 0 0 1px currentColor;
      color: black; }
    .catch.is-ghost--alt {
      border-color: white;
      color: white; }
      .catch.is-ghost--alt:hover, .catch.is-ghost--alt:focus {
        border-color: #ffed00;
        -webkit-box-shadow: inset 0 0 0 1px currentColor;
                box-shadow: inset 0 0 0 1px currentColor;
        color: #ffed00; }
    .catch.is-ghost--black {
      background: black;
      color: white; }
      .catch.is-ghost--black:hover, .catch.is-ghost--black:focus {
        background: white;
        color: black; }
  .catch.is-simple {
    background: white;
    color: black;
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 1.28571;
    max-width: 320px;
    min-height: 40px;
    padding: 0 2rem;
    position: relative;
    text-transform: none; }
    .catch.is-simple::before {
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      background: transparent url("../../images/svg/i-right-arrow-black.svg") 50% 50% no-repeat;
      background-size: contain;
      content: '';
      margin-top: 9px;
      margin-right: 1rem;
      height: 8px;
      width: 16px;
      min-width: 16px;
      max-width: 16px; }
    .catch.is-simple:hover, .catch.is-simple:focus {
      -webkit-box-shadow: 0 0 0.2rem rgba(0, 0, 0, 0.25);
              box-shadow: 0 0 0.2rem rgba(0, 0, 0, 0.25); }

.has-arrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative; }
  .has-arrow::before {
    background: transparent url("../../images/svg/i-right-arrow-black.svg") 50% 50% no-repeat;
    background-size: contain;
    content: '';
    display: block;
    margin: 0 1rem;
    height: 8px;
    width: 16px;
    min-width: 16px;
    max-width: 16px; }
  .has-arrow--left::before {
    -webkit-transform: rotate(-180deg);
            transform: rotate(-180deg); }

.zone--slideshow {
  background: #f8f8f8;
  padding-bottom: 3rem;
  position: relative; }
  .zone--slideshow::before {
    -webkit-animation: spin 1s linear infinite;
            animation: spin 1s linear infinite;
    display: block;
    content: '';
    width: 42px;
    height: 42px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-position: 50%;
    background-size: 100%;
    background-repeat: no-repeat;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 60px; }
    @media screen and (min-width: 400px) {
      .zone--slideshow::before {
        top: 40px; } }
    @media screen and (min-width: 440px) {
      .zone--slideshow::before {
        top: 60px; } }
    @media screen and (min-width: 560px) {
      .zone--slideshow::before {
        top: 80px; } }
    @media screen and (min-width: 660px) {
      .zone--slideshow::before {
        top: 100px; } }
    @media screen and (min-width: 820px) {
      .zone--slideshow::before {
        top: 120px; } }
    @media screen and (min-width: 940px) {
      .zone--slideshow::before {
        top: 140px; } }
    @media screen and (min-width: 61.9375em) {
      .zone--slideshow::before {
        margin-top: -42px;
        top: 50%; } }
  .zone--slideshow.zone {
    padding-top: 0; }
  .zone--slideshow .swiper-slide {
    position: relative; }
    @media screen and (min-width: 61.9375em) {
      .zone--slideshow .swiper-slide {
        padding-bottom: 2.5rem; } }
  @media screen and (min-width: 61.9375em) {
    .zone--slideshow .slide__visual, .zone--slideshow .slide__content {
      margin: 0 auto;
      position: absolute;
      top: 0;
      left: 0;
      right: 0; } }
  .zone--slideshow .slide__visual {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    position: relative;
    white-space: nowrap;
    z-index: 0; }
    @media screen and (min-width: 75em) {
      .zone--slideshow .slide__visual {
        overflow: hidden; } }
    .zone--slideshow .slide__visual img {
      display: block; }
      @media screen and (min-width: 75em) {
        .zone--slideshow .slide__visual img {
          width: 100%; } }
  .zone--slideshow .slide__content {
    height: calc(100% - 2.5rem);
    z-index: 1; }
    .zone--slideshow .slide__content > .container,
    .zone--slideshow .slide__content > .container > .row,
    .zone--slideshow .slide__content > .container > .row > .col {
      height: 100%; }
    .zone--slideshow .slide__content > .container > .row > .col {
      padding-right: 0;
      padding-left: 0; }
      @media screen and (min-width: 61.9375em) {
        .zone--slideshow .slide__content > .container > .row > .col {
          margin-left: 1.5rem; } }
      @media screen and (min-width: 660px) {
        .zone--slideshow .slide__content > .container > .row > .col {
          margin-left: 7.5rem; } }
    .zone--slideshow .slide__content p {
      margin-top: 0; }
      .zone--slideshow .slide__content p:last-child {
        margin-bottom: 0; }
  .zone--slideshow .slide__text-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .zone--slideshow .slide__text-wrapper {
    margin-top: 0;
    text-align: center; }
    @media screen and (min-width: 61.9375em) {
      .zone--slideshow .slide__text-wrapper {
        background: rgba(255, 255, 255, 0.65);
        padding: 1.5rem; } }
    @media screen and (min-width: 75em) {
      .zone--slideshow .slide__text-wrapper {
        padding: 3rem; } }
  .zone--slideshow .slide__title, .zone--slideshow .slide__snippet {
    color: black; }
  .zone--slideshow .slide__title {
    color: inherit;
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 1.25;
    text-transform: none;
    font-weight: 300;
    margin-bottom: 1.4rem; }
    @media screen and (min-width: 48em) and (max-width: 61.875em) {
      .zone--slideshow .slide__title {
        font-size: 32px;
        font-size: 3.2rem;
        line-height: 1.25; } }
    @media screen and (min-width: 61.9375em) {
      .zone--slideshow .slide__title {
        font-size: 48px;
        font-size: 4.8rem;
        line-height: 1.25; } }
  .zone--slideshow .slide__snippet {
    margin-bottom: 2rem; }
    .zone--slideshow .slide__snippet, .zone--slideshow .slide__snippet p {
      color: black;
      font-family: "Open Sans", Arial, Helvetica, sans-serif;
      font-size: 12px;
      font-size: 1.2rem;
      font-weight: 300;
      line-height: 1.33333; }
      @media screen and (min-width: 48.0625em) {
        .zone--slideshow .slide__snippet, .zone--slideshow .slide__snippet p {
          font-family: "Open Sans", Arial, Helvetica, sans-serif;
          font-size: 18px;
          font-size: 1.8rem;
          font-weight: 300;
          line-height: 1.33333;
          margin-bottom: 3.4rem; } }
  .zone--slideshow .slide__actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 0; }
  .zone--slideshow .catch {
    font-weight: 800;
    font-size: 10px;
    font-size: 1rem;
    min-height: 40px;
    max-width: 200px; }
    @media screen and (min-width: 48.0625em) {
      .zone--slideshow .catch {
        font-size: 14px;
        font-size: 1.4rem;
        min-height: 60px;
        max-width: 50%; } }
    @media screen and (min-width: 61.9375em) {
      .zone--slideshow .catch {
        margin-left: 3rem;
        padding-right: .5rem;
        padding-left: .5rem; }
        .zone--slideshow .catch:first-child {
          margin-left: 0; } }
  .zone--slideshow .swiper-pagination {
    display: none; }
    @media screen and (min-width: 61.9375em) {
      .zone--slideshow .swiper-pagination {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
            -ms-flex-align: end;
                align-items: flex-end;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center; } }
  .zone--slideshow .swiper-container-horizontal > .swiper-pagination-bullets {
    bottom: 0; }
    .zone--slideshow .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
      -webkit-transition: all 0.25s cubic-bezier(0.42, 0, 0.58, 1);
      transition: all 0.25s cubic-bezier(0.42, 0, 0.58, 1);
      background: white;
      border-radius: 0;
      color: black;
      font-size: 1.8rem;
      font-weight: 300;
      min-width: 270px;
      max-width: 270px;
      min-height: 50px;
      margin: 0;
      height: auto;
      opacity: 1;
      padding: 1.3rem 1rem;
      text-align: center;
      text-transform: uppercase;
      width: 100%; }
      .zone--slideshow .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet:hover, .zone--slideshow .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
        background: black;
        color: white; }
      .zone--slideshow .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
        outline: 0; }
  .zone--slideshow .swiper-button-prev,
  .zone--slideshow .swiper-button-next {
    top: 60px; }
    @media screen and (min-width: 400px) {
      .zone--slideshow .swiper-button-prev,
      .zone--slideshow .swiper-button-next {
        top: 60px; } }
    @media screen and (min-width: 440px) {
      .zone--slideshow .swiper-button-prev,
      .zone--slideshow .swiper-button-next {
        top: 80px; } }
    @media screen and (min-width: 560px) {
      .zone--slideshow .swiper-button-prev,
      .zone--slideshow .swiper-button-next {
        top: 100px; } }
    @media screen and (min-width: 660px) {
      .zone--slideshow .swiper-button-prev,
      .zone--slideshow .swiper-button-next {
        top: 120px; } }
    @media screen and (min-width: 820px) {
      .zone--slideshow .swiper-button-prev,
      .zone--slideshow .swiper-button-next {
        top: 140px; } }
    @media screen and (min-width: 940px) {
      .zone--slideshow .swiper-button-prev,
      .zone--slideshow .swiper-button-next {
        top: 47%;
        background-color: rgba(255, 255, 255, 0.8);
        background-size: 24px;
        height: 60px;
        width: 60px; } }
    @media screen and (min-width: 61.9375em) {
      .zone--slideshow .swiper-button-prev,
      .zone--slideshow .swiper-button-next {
        /*display: none;*/ } }
  .zone--slideshow .swiper-button-prev {
    left: 30px; }
  .zone--slideshow .swiper-button-next {
    right: 30px; }

.tile {
  display: block;
  margin-bottom: 3rem;
  position: relative; }
  .tile:hover::before, .tile:focus::before {
    height: 100%; }
  .tile::before {
    -webkit-transition: height 0.3s cubic-bezier(0.42, 0, 0.58, 1);
    transition: height 0.3s cubic-bezier(0.42, 0, 0.58, 1);
    background-image: -webkit-gradient(linear, left top, left bottom, from(black), to(rgba(0, 0, 0, 0)));
    background-image: linear-gradient(180deg, black 0%, rgba(0, 0, 0, 0) 100%);
    content: '';
    display: block;
    height: 100%;
    opacity: .8;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1; }
    @media screen and (min-width: 61.9375em) {
      .tile::before {
        height: 50%; } }
  .tile__title {
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    color: white;
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1.125;
    padding: 1.2rem 1em;
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    text-align: center;
    text-transform: uppercase;
    text-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
    z-index: 2; }
    @media screen and (max-width: 30em) {
      .tile__title {
        font-family: "Open Sans", Arial, Helvetica, sans-serif;
        font-size: 13px;
        font-size: 1.3rem;
        font-weight: 700;
        line-height: 1.23077; } }
    @media screen and (min-width: 48.0625em) {
      .tile__title {
        font-family: "Open Sans", Arial, Helvetica, sans-serif;
        font-size: 18px;
        font-size: 1.8rem;
        font-weight: 700;
        line-height: 1.33333;
        padding-left: 3rem;
        padding-right: 3rem; } }
    @media screen and (min-width: 61.9375em) {
      .tile__title {
        -webkit-transform: none;
                transform: none;
        top: 0;
        text-align: left; } }
  .tile__visual {
    z-index: 0; }
  @media screen and (min-width: 61.9375em) {
    .tile.is-large .tile__title {
      font-family: "Open Sans", Arial, Helvetica, sans-serif;
      font-size: 24px;
      font-size: 2.4rem;
      font-weight: 700;
      line-height: 1.25; } }

.grow .image {
  overflow: hidden; }
  .grow .image img {
    -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.42, 0, 0.58, 1);
    transition: -webkit-transform 0.6s cubic-bezier(0.42, 0, 0.58, 1);
    transition: transform 0.6s cubic-bezier(0.42, 0, 0.58, 1);
    transition: transform 0.6s cubic-bezier(0.42, 0, 0.58, 1), -webkit-transform 0.6s cubic-bezier(0.42, 0, 0.58, 1); }

.grow:hover .image img, .grow:focus .image img {
  -webkit-transform: scale(1.02);
          transform: scale(1.02); }

.goods {
  display: block;
  margin-bottom: 3rem;
  padding: 0 5px;
  position: relative; }
  .goods:hover, .goods:focus {
    text-decoration: none; }
    .goods:hover .goods__title, .goods:focus .goods__title {
      text-decoration: underline; }
  .goods__visual {
    margin-bottom: 1em;
    overflow: hidden;
    position: relative; }
  @media screen and (min-width: 61.9375em) {
    .goods__title, .goods__snippet, .goods__prices {
      margin-left: 1.5rem;
      margin-right: 1.5rem; } }
  .goods__title, .goods__snippet {
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.57143; }
  .goods__title {
    color: #474747;
    margin-bottom: 2rem; }
    @media screen and (min-width: 61.9375em) {
      .goods__title {
        min-height: 66px; } }
  .goods__snippet {
    color: #9f9f9f;
    font-weight: 600;
    margin-bottom: 1em; }
    @media screen and (min-width: 61.9375em) {
      .goods__snippet {
        min-height: 44px; } }
  .goods__prices.has-reduction .goods__price {
    color: #7ca930; }
  .goods__price {
    color: #474747;
    font-weight: 700; }
  .goods__oldprice {
    color: #9f9f9f;
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: 600;
    line-height: 1.33333;
    margin-left: 1em;
    text-decoration: line-through; }
  .goods__sticker {
    background: none;
    border-radius: 50%;
    color: white;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-size: 10px;
    font-weight: 600;
    line-height: 1.2;
    height: 52px;
    width: 52px;
    position: absolute;
    bottom: 1rem;
    right: 1rem;
    text-align: center;
    text-transform: uppercase; }
    .goods__sticker.is-new {
      background-color: #e50005;
      color: #ffed00;
      font-size: .9rem; }
    .goods__sticker a {
      display: block; }
    .goods__sticker a, .goods__sticker img {
      width: 100%; }

.showoff {
  -webkit-transition: background-color .3s;
  transition: background-color .3s;
  background: #f8f8f8;
  display: block;
  margin: 1.5rem; }
  @media screen and (min-width: 61.9375em) {
    .showoff {
      margin: 0; } }
  .showoff:hover, .showoff:focus {
    background-color: #efefef;
    color: inherit;
    text-decoration: none; }
  .showoff article {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
    @media screen and (min-width: 48.0625em) {
      .showoff article {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row; } }
    @media screen and (min-width: 61.9375em) {
      .showoff article {
        height: 292px; } }
  @media screen and (min-width: 61.9375em) {
    .showoff.is-reversed .showoff__col--1 {
      -webkit-box-ordinal-group: 3;
          -ms-flex-order: 2;
              order: 2; } }
  @media screen and (min-width: 61.9375em) {
    .showoff.is-reversed .showoff__col--2 {
      -webkit-box-ordinal-group: 2;
          -ms-flex-order: 1;
              order: 1; } }
  .showoff__col {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 50%;
            flex: 1 1 50%; }
    @media screen and (max-width: 61.875em) {
      .showoff__col--1 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center; } }
  .showoff__content {
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    padding: 1em; }
  .showoff__visual {
    height: inherit; }
  .showoff__title {
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 300;
    line-height: 1.33333;
    margin-bottom: 1.5rem;
    text-transform: uppercase; }
    @media screen and (min-width: 61.9375em) {
      .showoff__title {
        font-family: "Open Sans", Arial, Helvetica, sans-serif;
        font-size: 24px;
        font-size: 2.4rem;
        font-weight: 300;
        line-height: 1.25; } }

.banderol {
  display: block;
  background-color: #e50005;
  background-size: cover;
  background-position: 50% 50%; }
  @media screen and (min-width: 61.9375em) {
    .banderol {
      height: 560px; } }
  .banderol .container,
  .banderol .row,
  .banderol .col {
    height: 100%; }
  .banderol .col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .banderol__heading {
    color: inherit;
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 1.25;
    text-transform: none;
    font-weight: 300;
    text-transform: uppercase;
    color: white;
    margin-bottom: 1.6rem; }
    @media screen and (min-width: 48em) and (max-width: 61.875em) {
      .banderol__heading {
        font-size: 32px;
        font-size: 3.2rem;
        line-height: 1.25; } }
    @media screen and (min-width: 61.9375em) {
      .banderol__heading {
        font-size: 48px;
        font-size: 4.8rem;
        line-height: 1.25; } }
  .banderol__content {
    background: rgba(0, 0, 0, 0.6);
    color: white;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 4rem auto;
    min-height: 300px;
    padding: 3rem;
    text-align: center;
    width: 100%; }
  .banderol p {
    margin: 0;
    margin-bottom: 3rem; }
    .banderol p.banderol__heading {
      margin-bottom: 1.6rem; }

.refiners {
  background: #f8f8f8;
  border-bottom: 1px solid #efefef;
  color: black; }
  .refiners__heading {
    padding: 2rem; }
    @media screen and (max-width: 61.875em) {
      .refiners__heading {
        cursor: pointer;
        position: relative; }
        .refiners__heading::after {
          content: '';
          display: block;
          position: absolute;
          top: 21px;
          right: 8px;
          width: 15px;
          height: 15px;
          background: url("../../images/svg/chevron.svg") no-repeat; } }
    @media screen and (min-width: 61.9375em) {
      .refiners__heading {
        max-width: 230px;
        padding: 1rem; } }
    @media screen and (max-width: 61.875em) {
      .refiners__heading.is-deployed::after {
        -webkit-transform: rotate(180deg);
                transform: rotate(180deg); } }
  .refiners__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
    @media screen and (min-width: 61.9375em) {
      .refiners__wrapper {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row; } }
    .refiners__wrapper > div {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      width: 100%; }
  .refiners__controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
    @media screen and (min-width: 61.9375em) {
      .refiners__controls {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row; } }

.refiner {
  background-color: transparent;
  border: 1px solid #efefef;
  border-top: 0;
  border-right: 0;
  border-left: 0;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.28571;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 2rem;
  text-transform: uppercase;
  white-space: normal; }
  .refiner:last-child {
    border-bottom: 0; }
  @media screen and (min-width: 61.9375em) {
    .refiner {
      border-bottom: 0;
      min-height: 8rem;
      padding: 1rem 2rem;
      padding-right: 4.5rem; } }
  .refiner option {
    text-transform: none; }
  .refiner + .refiner {
    margin-left: -1px; }

.prose__title, .prose__content {
  margin-bottom: 3rem; }

.prose__title {
  color: inherit;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.33333;
  text-transform: none;
  font-weight: 300;
  text-transform: uppercase; }
  @media screen and (min-width: 48em) and (max-width: 61.875em) {
    .prose__title {
      font-size: 24px;
      font-size: 2.4rem;
      line-height: 1.25; } }
  @media screen and (min-width: 61.9375em) {
    .prose__title {
      font-size: 32px;
      font-size: 3.2rem;
      line-height: 1.25; } }
  .prose__title span {
    display: block;
    margin-right: 1rem; }
    @media screen and (min-width: 61.9375em) {
      .prose__title span {
        display: inline-block; } }
    .prose__title span:last-child {
      color: #e50005; }

.prose__content,
.prose__content p, .prose__sign {
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 300;
  line-height: 1.33333; }
  @media screen and (min-width: 61.9375em) {
    .prose__content,
    .prose__content p, .prose__sign {
      font-family: "Open Sans", Arial, Helvetica, sans-serif;
      font-size: 24px;
      font-size: 2.4rem;
      font-weight: 300;
      line-height: 1.25; } }

.prose__content, .prose__content p {
  color: #9f9f9f; }

.prose__sign {
  color: #e50005;
  font-family: 'Just Another Hand', cursive;
  font-size: 4.5rem;
  letter-spacing: 1px; }

.sharethis-widget {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  font-size: 1.2rem;
  font-style: italic; }
  @media screen and (min-width: 48.0625em) {
    .sharethis-widget {
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; } }

.sharethis-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  .sharethis-wrapper span {
    -webkit-transition: opacity .2s;
    transition: opacity .2s;
    cursor: pointer;
    display: inline-block;
    width: 24px;
    height: 24px; }
    @media screen and (max-width: 61.875em) {
      .sharethis-wrapper span {
        margin-right: 1.5rem;
        margin-top: 1rem; } }
    @media screen and (min-width: 61.9375em) {
      .sharethis-wrapper span {
        margin-right: 0;
        margin-left: 1.5rem; } }
    .sharethis-wrapper span:hover, .sharethis-wrapper span:focus {
      opacity: .6; }
  .sharethis-wrapper .st_facebook_custom {
    background: url("../../images/svg/i-facebook-black.svg"); }
  .sharethis-wrapper .st_twitter_custom {
    background: url("../../images/svg/i-twitter-black.svg"); }
  .sharethis-wrapper .st_email_custom {
    background: url("../../images/svg/i-share-black.svg"); }

.zone--toc {
  display: none;
  padding-top: 4rem;
  padding-bottom: 4rem; }
  @media screen and (min-width: 48.0625em) {
    .zone--toc {
      display: block; } }

.tableofcontents strong {
  color: #e50005;
  display: block;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 2.25;
  margin-bottom: 1.5rem;
  text-transform: uppercase; }

.tableofcontents ul {
  margin: 0;
  padding: 0; }

.tableofcontents li {
  list-style: none; }

.tableofcontents a {
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 2.25; }

.forum {
  padding-top: 3rem;
  padding-bottom: 3rem; }
  @media screen and (min-width: 61.9375em) {
    .forum {
      padding-top: 6rem;
      padding-bottom: 6rem; } }
  .forum__header, .forum__footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  .forum__header {
    margin-bottom: 3rem; }
  .forum__heading {
    text-align: center; }
  .forum__show-more {
    -webkit-transition: color .3s;
    transition: color .3s;
    border: 0;
    background: none;
    color: #e50005;
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: 600;
    line-height: 1.83333;
    padding: 3rem;
    padding-top: 1rem;
    text-transform: uppercase; }
    .forum__show-more:hover, .forum__show-more:focus {
      color: black; }
    .forum__show-more:focus {
      outline: none; }
    .forum__show-more.is-loading {
      min-height: 24px;
      position: relative;
      text-indent: -9999em; }
      .forum__show-more.is-loading::before {
        -webkit-animation: spin 1s linear infinite;
                animation: spin 1s linear infinite;
        -webkit-transform-origin: 50% 50%;
                transform-origin: 50% 50%;
        background: transparent url("../../images/svg/spinner.svg");
        content: '';
        display: block;
        margin: 0 auto;
        position: absolute;
        top: 1rem;
        left: 0;
        right: 0;
        height: 24px;
        width: 24px; }
  .forum__declaration {
    max-width: 270px; }
  .forum__form {
    margin-top: 3rem; }
    .forum__form .field {
      margin: 0;
      margin-top: -1px;
      padding: 0;
      position: relative; }
      .forum__form .field:first-child {
        margin-top: 0; }
      .forum__form .field.is-required::after {
        content: '*';
        color: #e50005;
        position: absolute;
        top: 2rem;
        right: 1.6rem; }
      .forum__form .field label {
        display: none; }
    .forum__form input[type="text"],
    .forum__form textarea {
      -webkit-transition: -webkit-box-shadow .3s;
      transition: -webkit-box-shadow .3s;
      transition: box-shadow .3s;
      transition: box-shadow .3s, -webkit-box-shadow .3s;
      background: #f7f7f7;
      border: 1px solid rgba(0, 0, 0, 0.2);
      padding: 2rem 1.6rem; }
      .forum__form input[type="text"]::-webkit-input-placeholder,
      .forum__form textarea::-webkit-input-placeholder {
        color: rgba(0, 0, 0, 0.2);
        font-style: normal; }
      .forum__form input[type="text"]::-ms-input-placeholder,
      .forum__form textarea::-ms-input-placeholder {
        color: rgba(0, 0, 0, 0.2);
        font-style: normal; }
      .forum__form input[type="text"]::placeholder,
      .forum__form textarea::placeholder {
        color: rgba(0, 0, 0, 0.2);
        font-style: normal; }
      .forum__form input[type="text"]:focus,
      .forum__form textarea:focus {
        -webkit-box-shadow: 0 0 2px black inset;
                box-shadow: 0 0 2px black inset;
        outline: none; }
      .forum__form input[type="text"].error,
      .forum__form textarea.error {
        border-bottom-color: #db3e33; }
  .forum__form-inner {
    background: white;
    margin: 0;
    margin-bottom: 3rem;
    padding: 2rem; }
    @media screen and (min-width: 48.0625em) {
      .forum__form-inner {
        padding: 4rem; } }
  .forum__form-title {
    display: block;
    color: black;
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.57143;
    margin: 0;
    margin-bottom: 3rem;
    text-align: center;
    text-transform: uppercase; }
  .forum__form-rating {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    margin: 0;
    margin-bottom: 2rem; }
    .forum__form-rating .label {
      color: #474747;
      font-family: "Open Sans", Arial, Helvetica, sans-serif;
      font-size: 14px;
      font-size: 1.4rem;
      font-weight: 400;
      line-height: 1.57143;
      padding: 0; }
  .forum .error-rating {
    color: #db3e33;
    display: block;
    margin-bottom: 1rem; }
  .forum__form-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 0; }
  .forum .is-hidden {
    display: none; }
  .forum .indented {
    margin: 0; }
    .forum .indented .indented .talk--answer::after {
      display: none; }
  .forum .form-item {
    position: relative; }
    .forum .form-item.is-required::after {
      content: '*';
      color: #e50005;
      position: absolute;
      top: 2rem;
      right: 1.6rem; }

.forum--opinion {
  background: #efefef; }
  .forum--opinion .talk {
    margin-bottom: 3rem; }
  .forum--opinion #advisa-ow-avis-form {
    background: white;
    border: 1px solid #efefef;
    margin: 0;
    margin-bottom: 3rem;
    padding: 2rem; }
    @media screen and (min-width: 48.0625em) {
      .forum--opinion #advisa-ow-avis-form {
        padding: 4rem; } }
    .forum--opinion #advisa-ow-avis-form .form-submit {
      -webkit-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1);
      transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1);
      color: #9f9f9f;
      border-radius: 0;
      -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
              box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      font-family: "Open Sans", Arial, Helvetica, sans-serif;
      font-size: 14px;
      font-size: 1.4rem;
      font-weight: 700;
      line-height: 1.28571;
      min-height: 50px;
      padding: 1rem 1.5rem;
      text-align: center;
      text-transform: uppercase;
      text-decoration: none;
      white-space: inherit;
      width: 100%;
      background: black;
      border: 1px solid black;
      -webkit-box-shadow: none;
              box-shadow: none;
      color: white;
      font-family: "Open Sans", Arial, Helvetica, sans-serif;
      font-size: 12px;
      font-size: 1.2rem;
      font-weight: 700;
      line-height: 1.83333;
      margin: 0 auto;
      padding-top: .8rem;
      padding-bottom: .8rem; }
      @media screen and (min-width: 61.9375em) {
        .forum--opinion #advisa-ow-avis-form .form-submit {
          min-height: 60px;
          max-width: 270px; } }
      .forum--opinion #advisa-ow-avis-form .form-submit:hover, .forum--opinion #advisa-ow-avis-form .form-submit:focus {
        color: black;
        cursor: pointer;
        text-decoration: none; }
      .forum--opinion #advisa-ow-avis-form .form-submit:hover, .forum--opinion #advisa-ow-avis-form .form-submit:focus {
        background: white;
        -webkit-box-shadow: inset 0 0 0 1px currentColor;
                box-shadow: inset 0 0 0 1px currentColor;
        color: black; }
      @media screen and (min-width: 61.9375em) {
        .forum--opinion #advisa-ow-avis-form .form-submit {
          min-height: 40px; } }
    .forum--opinion #advisa-ow-avis-form .form-radios,
    .forum--opinion #advisa-ow-avis-form .form-item-avis,
    .forum--opinion #advisa-ow-avis-form .form-item-captcha-response {
      margin-bottom: 3rem; }
    .forum--opinion #advisa-ow-avis-form .form-radios {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      .forum--opinion #advisa-ow-avis-form .form-radios::before {
        content: 'Votre note :';
        margin-right: 1em; }
    .forum--opinion #advisa-ow-avis-form .form-radio {
      position: absolute;
      top: 0;
      left: -9999em; }

.forum--faq .talk {
  background: #f8f8f8; }
  @media screen and (min-width: 48.0625em) {
    .forum--faq .talk::before {
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      background-color: transparent;
      background-image: url("../../images/svg/bubble-question-gray.svg");
      background-position: 50% 50%;
      background-repeat: no-repeat;
      background-size: contain;
      content: '';
      display: block;
      height: 32px;
      width: 32px;
      position: absolute;
      top: 50%;
      left: calc(-32px - 2rem); } }
  .forum--faq .talk--answer {
    background: white; }
    .forum--faq .talk--answer::before {
      background-image: url("../../images/svg/bubble-wolf-gray.svg"); }

.forum--faq .forum__form {
  border-top: 1px solid #efefef;
  padding-top: 6rem; }

.forum--faq .forum__form-inner {
  border: 1px solid #efefef; }

.forum--faq .comment-form {
  background: white;
  border: 1px solid #efefef;
  margin: 0;
  margin-bottom: 3rem;
  padding: 2rem; }
  @media screen and (min-width: 48.0625em) {
    .forum--faq .comment-form {
      padding: 4rem; } }
  .forum--faq .comment-form .form-submit {
    -webkit-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1);
    transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1);
    color: #9f9f9f;
    border-radius: 0;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.28571;
    min-height: 50px;
    padding: 1rem 1.5rem;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    white-space: inherit;
    width: 100%;
    background: black;
    border: 1px solid black;
    -webkit-box-shadow: none;
            box-shadow: none;
    color: white;
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: 700;
    line-height: 1.83333;
    margin: 0 auto;
    padding-top: .8rem;
    padding-bottom: .8rem; }
    @media screen and (min-width: 61.9375em) {
      .forum--faq .comment-form .form-submit {
        min-height: 60px;
        max-width: 270px; } }
    .forum--faq .comment-form .form-submit:hover, .forum--faq .comment-form .form-submit:focus {
      color: black;
      cursor: pointer;
      text-decoration: none; }
    .forum--faq .comment-form .form-submit:hover, .forum--faq .comment-form .form-submit:focus {
      background: white;
      -webkit-box-shadow: inset 0 0 0 1px currentColor;
              box-shadow: inset 0 0 0 1px currentColor;
      color: black; }
    @media screen and (min-width: 61.9375em) {
      .forum--faq .comment-form .form-submit {
        min-height: 40px; } }
  .forum--faq .comment-form .form-item,
  .forum--faq .comment-form .form-type-textarea {
    margin-bottom: 3rem; }
  .forum--faq .comment-form .text-format-wrapper .filter-wrapper {
    display: none; }
  .forum--faq .comment-form .form-item-name::after,
  .forum--faq .comment-form .form-item-comment-body-und-0-value::after {
    top: 3rem; }
  .forum--faq .comment-form .form-type-textarea + .filter-wrapper {
    display: none; }
  .forum--faq .comment-form .captcha legend,
  .forum--faq .comment-form .captcha .fieldset-description {
    display: none; }

.talk {
  background: white;
  margin-bottom: 3rem;
  padding: 2rem;
  position: relative; }
  @media screen and (min-width: 48.0625em) {
    .talk {
      padding: 4rem; } }
  .talk__mark {
    margin-bottom: 2rem; }
    .talk__mark img {
      height: auto;
      max-width: 1.8rem; }
  .talk__content {
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.57143;
    margin-bottom: 2rem; }
  .talk__metas {
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 300;
    line-height: 1.125; }
    .talk__metas p {
      margin: 0; }
      .talk__metas p .gras {
        font-weight: bold; }
    .talk__metas .catch {
      display: inline-block;
      font-size: 11px;
      font-size: 1.1rem;
      margin: 1em 0;
      padding: .1em .75em;
      min-height: unset;
      max-width: unset;
      width: auto; }
  .talk + .indented {
    margin-top: -3rem; }

.talk--answer {
  border-bottom: 1px solid #e50005; }
  .talk--answer::after {
    background: #f8f8f8;
    border-radius: 50%;
    content: '';
    display: block;
    height: 20px;
    width: 20px;
    margin: 0 auto;
    position: absolute;
    top: -10px;
    right: 0;
    left: 0; }
  .talk--answer .talk__metas {
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.57143; }

.average {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.57143;
  margin: 0;
  margin-top: 3rem; }
  @media screen and (min-width: 48.0625em) {
    .average {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row; } }
  .average__stars {
    margin: 0 1.5rem; }
    .average__stars img {
      width: 3.2rem; }
  .average__total {
    color: #9f9f9f;
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 1.83333; }

.block-upselling {
  margin-top: 40px; }
  .block-upselling__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 770px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 0 auto; }
    @media screen and (max-width: 47.9375em) {
      .block-upselling__row {
        -ms-flex-wrap: wrap-reverse;
            flex-wrap: wrap-reverse; } }
  .block-upselling__tile {
    width: 50%;
    text-align: center;
    background-color: #f8f8f8; }
    @media screen and (max-width: 47.9375em) {
      .block-upselling__tile {
        width: 100%; }
        .block-upselling__tile.tile__bg {
          padding-top: 100%; } }
  .block-upselling__inner {
    padding: 32px 20px; }
  .block-upselling__figure {
    height: 100%; }
    .block-upselling__figure img {
      -o-object-fit: cover;
         object-fit: cover; }
  .block-upselling__title {
    color: #000000;
    font-size: 24px;
    font-weight: 300;
    line-height: 30px;
    text-transform: uppercase;
    margin-bottom: 24px; }
  .block-upselling__slogan {
    margin-bottom: 24px; }
  .block-upselling__desc {
    color: #000000;
    font-size: 16px;
    font-weight: 300;
    line-height: 20px;
    margin-bottom: 24px; }
  .block-upselling__link {
    display: inline-block;
    background: #6cb644;
    padding: 12px 25px 10px;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    text-transform: uppercase; }
    .block-upselling__link:hover, .block-upselling__link:focus {
      color: #fff;
      text-decoration: none; }

.container {
  padding-left: 1.5rem;
  padding-right: 1.5rem; }
  @media screen and (min-width: 75em) {
    .container {
      width: 1200px; } }

/* Extend Bootstrap */
.row-no-padding [class*="col-"] {
  padding-left: 0 !important;
  padding-right: 0 !important; }

.nopadding {
  margin: 0 !important;
  padding: 0 !important; }

.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px; }

.col-xs-5ths {
  width: 20%;
  float: left; }

@media screen and (min-width: 48.0625em) {
  .col-sm-5ths {
    float: left;
    width: 20%; } }

@media screen and (min-width: 61.9375em) {
  .col-md-5ths {
    float: left;
    width: 20%; } }

@media screen and (min-width: 75em) {
  .col-lg-5ths {
    float: left;
    width: 20%; } }

.row.no-pad {
  margin-right: 0;
  margin-left: 0; }

.row.no-pad > [class*='col-'] {
  padding-right: 0;
  padding-left: 0; }

@media screen and (min-width: 61.9375em) {
  .col-md-offset-1\/2 {
    float: none;
    margin-right: auto;
    margin-left: auto; } }

.flex-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  @media screen and (min-width: 61.9375em) {
    .flex-container {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row; } }

.paragraph__content {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 3rem; }
  .paragraph__content:last-child {
    margin-bottom: 0; }
  @media screen and (min-width: 61.9375em) {
    .paragraph__content {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row; } }
  @media screen and (min-width: 61.9375em) {
    .paragraph__content.is-left {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: reverse;
          -ms-flex-direction: row-reverse;
              flex-direction: row-reverse; } }
  .paragraph__content.is-top .paragraph__caption, .paragraph__content.is-bottom .paragraph__caption {
    text-align: center; }
  .paragraph__content.is-top .paragraph__col-text {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1; }
  .paragraph__content.is-top .paragraph__col-img {
    margin-bottom: 1.6rem;
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0; }

.paragraph__visual, .paragraph__caption {
  display: block; }

.paragraph__visual img {
  display: block;
  margin: 0 auto; }
  @media screen and (max-width: 61.875em) {
    .paragraph__visual img {
      width: 100%;
      height: auto; } }

.paragraph__caption {
  margin-top: .5rem; }

.node-type-homepage #footer {
  padding-bottom: 0; }
  @media screen and (min-width: 61.9375em) {
    .node-type-homepage #footer {
      padding-top: 15rem; } }

.node-type-homepage .footer__top {
  margin-top: 0; }

.node-homepage section:first-child {
  margin-top: 0; }

/* Product*/
.zone--products {
  background-color: #f8f8f8; }

@media screen and (min-width: 48.0625em) {
  .zone--upselling .row-upselling-products {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; } }

@media screen and (min-width: 48.0625em) {
  .zone--upselling .row-upselling-products > div {
    border-left: 1px solid #f2f2f2; } }

@media screen and (min-width: 48.0625em) {
  .zone--upselling .row-upselling-products > div:first-child {
    border-left-color: transparent; } }

@media screen and (max-width: 61.875em) {
  .zone--upselling .col-xs-6.col-md-5ths:nth-child(2n + 1) {
    clear: both; } }

@media screen and (min-width: 61.9375em) {
  .zone--upselling .col-xs-offset-3 {
    margin-left: 0; } }

/* Sale spot */
.zone--salespot {
  background: white url("../../images//bg-salespots.jpg") 50% 0 repeat-x;
  margin-bottom: 3rem;
  text-align: center; }
  @media screen and (min-width: 61.9375em) {
    .zone--salespot {
      min-height: 510px;
      margin-bottom: 0; } }

.salespot__intro {
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 300;
  line-height: 1.25;
  margin-bottom: 6rem; }

.salespot__catch {
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.57143;
  margin-bottom: 3rem; }

.salespot__cta {
  text-align: center; }
  .salespot__cta .catch {
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.28571;
    margin: 0 auto; }
    @media screen and (min-width: 61.9375em) {
      .salespot__cta .catch {
        min-width: 320px; } }

.zone--demo {
  padding: 0;
  position: relative; }
  @media screen and (min-width: 61.9375em) {
    .zone--demo {
      margin-top: -165px; } }

.demo {
  background: transparent url("../../images/bg-demonstration.jpg") 50% 0 no-repeat;
  color: white;
  padding: 3rem 0;
  position: relative;
  text-align: center; }
  @media screen and (min-width: 61.9375em) {
    .demo {
      min-height: 330px;
      text-align: left;
      padding: 0; } }
  .demo::before {
    background: rgba(0, 0, 0, 0.3);
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0; }
    @media screen and (min-width: 61.9375em) {
      .demo::before {
        display: none; } }
  @media screen and (min-width: 61.9375em) {
    .demo p {
      margin: 0; } }
  .demo__title, .demo__text, .demo__cta {
    position: relative;
    z-index: 1; }
    @media screen and (min-width: 61.9375em) {
      .demo__title, .demo__text, .demo__cta {
        position: absolute;
        top: 22px;
        left: 30px; } }
  .demo__title {
    display: block;
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 300;
    line-height: 1.33333;
    margin-bottom: 1rem;
    text-transform: uppercase; }
    @media screen and (min-width: 48em) and (max-width: 61.875em) {
      .demo__title {
        font-family: "Open Sans", Arial, Helvetica, sans-serif;
        font-size: 32px;
        font-size: 3.2rem;
        font-weight: 300;
        line-height: 1.25; } }
    @media screen and (min-width: 61.9375em) {
      .demo__title {
        font-family: "Open Sans", Arial, Helvetica, sans-serif;
        font-size: 48px;
        font-size: 4.8rem;
        font-weight: 300;
        line-height: 1.25;
        max-width: 390px; } }
  .demo__text {
    color: white;
    margin-bottom: 1rem; }
    @media screen and (min-width: 61.9375em) {
      .demo__text {
        margin-bottom: 0; } }
    @media screen and (min-width: 48em) and (max-width: 61.875em) {
      .demo__text--1 {
        font-family: "Open Sans", Arial, Helvetica, sans-serif;
        font-size: 18px;
        font-size: 1.8rem;
        font-weight: 300;
        line-height: 1.33333; } }
    @media screen and (min-width: 61.9375em) {
      .demo__text--1 {
        font-family: "Open Sans", Arial, Helvetica, sans-serif;
        font-size: 24px;
        font-size: 2.4rem;
        font-weight: 300;
        line-height: 1.25;
        max-width: 300px;
        top: 153px; } }
    @media screen and (min-width: 48em) and (max-width: 61.875em) {
      .demo__text--2 {
        font-family: "Open Sans", Arial, Helvetica, sans-serif;
        font-size: 18px;
        font-size: 1.8rem;
        font-weight: 300;
        line-height: 1.33333; } }
    @media screen and (min-width: 61.9375em) {
      .demo__text--2 {
        font-family: "Open Sans", Arial, Helvetica, sans-serif;
        font-size: 32px;
        font-size: 3.2rem;
        font-weight: 300;
        line-height: 1.25;
        left: auto;
        right: 30px;
        text-align: right; } }
  .demo__cta {
    color: white;
    margin: 0 auto;
    max-width: 90%;
    padding: 1.4em 1em;
    width: 100%; }
    @media screen and (min-width: 61.9375em) {
      .demo__cta {
        max-width: 500px;
        top: auto;
        right: 0;
        left: 0;
        bottom: 30px; } }
    .demo__cta.catch {
      font-family: "Open Sans", Arial, Helvetica, sans-serif;
      font-size: 14px;
      font-size: 1.4rem;
      font-weight: 700;
      line-height: 1.28571; }

/* Conseils */
.zone--recommendation.has-demo {
  margin-top: 4rem; }

.zone--recommendation .tile__title {
  text-transform: none; }

.zone--recommendation .recommendation__top {
  margin-bottom: 3rem; }
  @media screen and (min-width: 61.9375em) {
    .zone--recommendation .recommendation__top .is-19by9 {
      padding-top: 48.052%; } }

@media screen and (min-width: 61.9375em) {
  .zone--recommendation .recommendation__bottom .menu-recommendation {
    margin-bottom: 3rem; } }

.menu-recommendation {
  margin-bottom: 2rem; }
  @media screen and (min-width: 61.9375em) {
    .menu-recommendation {
      margin-bottom: 0; } }
  .menu-recommendation__title {
    display: block;
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1.125;
    margin-bottom: 1.5rem;
    text-transform: uppercase; }
  .menu-recommendation ul, .menu-recommendation li {
    margin: 0;
    padding: 0; }
  .menu-recommendation li {
    list-style: none;
    margin-bottom: .5em; }
    .menu-recommendation li::before {
      display: none; }
  .menu-recommendation a:hover, .menu-recommendation a:focus {
    text-decoration: none; }

.banner {
  display: block;
  margin: 6rem 0 3rem 0;
  position: relative; }
  .banner--1 .banner__title {
    background-image: linear-gradient(225deg, rgba(59, 89, 152, 0.8) 0%, rgba(64, 193, 242, 0.8) 100%); }
  .banner--2 .banner__title {
    background-image: linear-gradient(225deg, rgba(156, 30, 44, 0.8) 0%, rgba(229, 0, 5, 0.8) 100%); }
  .banner__title {
    color: white;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1.33333;
    padding: 2rem;
    text-align: center;
    text-shadow: 0 0 2px rgba(0, 0, 0, 0.5); }
    @media screen and (min-width: 48.0625em) {
      .banner__title {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-flow: row;
                flex-flow: row;
        font-family: "Open Sans", Arial, Helvetica, sans-serif;
        font-size: 24px;
        font-size: 2.4rem;
        font-weight: 700;
        line-height: 1.25;
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0; } }
  .banner__socials {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row; }

.social {
  color: white;
  font-size: 35px;
  font-size: 3.5rem;
  margin: 0 1.25rem;
  /*
  &:hover,
  &:focus {
    color: map-get($brand, 'second');
  }
  */ }

/* Témoignages */
.zone--testimonies {
  background: #e7f0e4 url("../../images/bg-testimonies.jpg") 50% 0 repeat-x; }
  @media screen and (min-width: 61.9375em) {
    .zone--testimonies.has-testimonies {
      min-height: 713px; } }
  .zone--testimonies .swiper-container {
    padding-bottom: 5rem; }
    @media screen and (min-width: 48.0625em) {
      .zone--testimonies .swiper-container {
        padding-right: 5rem;
        padding-bottom: 0;
        padding-left: 5rem; } }
  .zone--testimonies .swiper-slide iframe {
    display: block;
    margin: 0 auto; }
  .zone--testimonies .swiper-button-prev,
  .zone--testimonies .swiper-button-next {
    margin-top: 0;
    top: auto;
    left: 50%;
    bottom: 0; }
    @media screen and (min-width: 48.0625em) {
      .zone--testimonies .swiper-button-prev,
      .zone--testimonies .swiper-button-next {
        margin-top: -2.2rem;
        top: 50%; } }
  .zone--testimonies .swiper-button-prev {
    margin-left: -4.5rem; }
    @media screen and (min-width: 48.0625em) {
      .zone--testimonies .swiper-button-prev {
        margin-left: 0;
        left: 0; } }
  @media screen and (min-width: 48.0625em) {
    .zone--testimonies .swiper-button-next {
      left: auto;
      right: 0; } }
  .zone--testimonies .testimony-appeal {
    text-align: center; }
    .zone--testimonies .testimony-appeal .catch {
      font-family: "Open Sans", Arial, Helvetica, sans-serif;
      font-size: 14px;
      font-size: 1.4rem;
      font-weight: 700;
      line-height: 1.28571;
      margin: 2rem auto; }

.testimonies {
  margin: 0 auto; }
  @media screen and (min-width: 61.9375em) {
    .testimonies {
      max-width: 420px; } }

.testimony {
  color: black;
  margin: 0;
  margin-bottom: 6rem;
  padding: 0 !important; }
  .testimony::before {
    display: none; }
  .testimony__content {
    border: 0;
    margin: 0;
    padding: 0; }
    .testimony__content p {
      background: transparent url("../../images/svg/i-quote-white.svg") 0 0 no-repeat;
      background-size: 32px 32px;
      color: black;
      font-family: "Open Sans", Arial, Helvetica, sans-serif;
      font-size: 14px;
      font-size: 1.4rem;
      font-weight: 600;
      line-height: 1.42857;
      margin: 0;
      padding-left: calc(32px + 1em); }
  .testimony__metas {
    display: block;
    margin-bottom: 1.5rem; }
  .testimony__author, .testimony__jobtitle {
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 300;
    line-height: 1.33333; }
    @media screen and (min-width: 61.9375em) {
      .testimony__author, .testimony__jobtitle {
        font-family: "Open Sans", Arial, Helvetica, sans-serif;
        font-size: 24px;
        font-size: 2.4rem;
        font-weight: 300;
        line-height: 1.25; } }
  .testimony__author {
    text-transform: uppercase; }

/* Feed */
.zone--feeds {
  padding-bottom: 0; }
  .zone--feeds .container {
    border-top: 1px solid #efefef;
    padding-top: 6rem !important; }

.feed {
  margin-bottom: 3rem; }
  .feed__title {
    color: inherit;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.125;
    text-transform: none;
    font-weight: 300;
    margin-bottom: 1.5rem; }
    @media screen and (min-width: 48em) and (max-width: 61.875em) {
      .feed__title {
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 1.33333; } }
    @media screen and (min-width: 61.9375em) {
      .feed__title {
        font-size: 24px;
        font-size: 2.4rem;
        line-height: 1.25; } }
    @media screen and (min-width: 61.9375em) {
      .feed__title {
        min-height: 6rem; } }
    .feed__title a:hover, .feed__title a:focus {
      text-decoration: none; }
  .feed__snippet-wrap {
    color: black;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 1.42857;
    min-height: 32px; }
  .feed__icon {
    height: 32px;
    min-width: 32px;
    width: 32px;
    margin-right: 2rem; }
    .feed__icon svg {
      fill: rgba(159, 159, 159, 0.6); }

.node-type-contenu .header-content .content-bloc {
  text-align: center; }
  .node-type-contenu .header-content .content-bloc h1#page-title {
    color: inherit;
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 1.25;
    text-transform: none;
    font-weight: 300;
    text-transform: uppercase; }
    @media screen and (min-width: 48em) and (max-width: 61.875em) {
      .node-type-contenu .header-content .content-bloc h1#page-title {
        font-size: 32px;
        font-size: 3.2rem;
        line-height: 1.25; } }
    @media screen and (min-width: 61.9375em) {
      .node-type-contenu .header-content .content-bloc h1#page-title {
        font-size: 48px;
        font-size: 4.8rem;
        line-height: 1.25; } }

.page-conseils .breadcrumbs,
.page-taxonomy-term .breadcrumbs {
  margin-top: 1rem;
  position: absolute;
  right: 0;
  left: 0; }
  .page-conseils .breadcrumbs__elem,
  .page-taxonomy-term .breadcrumbs__elem {
    border-color: white;
    color: white; }

.page-conseils .form-filters,
.page-taxonomy-conseils .form-filters,
.node-type-conseils .form-filters {
  padding-bottom: 2rem;
  position: relative;
  top: 0;
  z-index: 10; }
  @media screen and (min-width: 61.9375em) {
    .page-conseils .form-filters,
    .page-taxonomy-conseils .form-filters,
    .node-type-conseils .form-filters {
      border-left: 1px solid #e6e6e6;
      padding-bottom: 0; } }
  .page-conseils .form-filters ul li,
  .page-taxonomy-conseils .form-filters ul li,
  .node-type-conseils .form-filters ul li {
    cursor: pointer;
    padding: 8px 0 8px 10px;
    position: relative; }
    .page-conseils .form-filters ul li *,
    .page-taxonomy-conseils .form-filters ul li *,
    .node-type-conseils .form-filters ul li * {
      cursor: pointer; }
  .page-conseils .form-filters .wrapper-filter,
  .page-taxonomy-conseils .form-filters .wrapper-filter,
  .node-type-conseils .form-filters .wrapper-filter {
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    background: #f8f8f8;
    border: 1px solid #e6e6e6;
    border-bottom: 0;
    color: #eee;
    cursor: pointer;
    font-size: 14px;
    line-height: 25px;
    padding: 0 35px 0 10px;
    position: relative;
    top: 1px; }
    @media screen and (min-width: 61.9375em) {
      .page-conseils .form-filters .wrapper-filter,
      .page-taxonomy-conseils .form-filters .wrapper-filter,
      .node-type-conseils .form-filters .wrapper-filter {
        border: 0;
        border-bottom: 1px solid #e6e6e6;
        border-right: 1px solid #e6e6e6;
        float: left;
        height: 80px;
        max-width: 192px;
        padding-top: 8px; } }
    .page-conseils .form-filters .wrapper-filter:last-child,
    .page-taxonomy-conseils .form-filters .wrapper-filter:last-child,
    .node-type-conseils .form-filters .wrapper-filter:last-child {
      border-bottom: 1px solid #e6e6e6; }
    .page-conseils .form-filters .wrapper-filter span.name,
    .page-taxonomy-conseils .form-filters .wrapper-filter span.name,
    .node-type-conseils .form-filters .wrapper-filter span.name {
      color: #a1a1a1;
      text-decoration: none;
      outline: none; }
    .page-conseils .form-filters .wrapper-filter:hover,
    .page-taxonomy-conseils .form-filters .wrapper-filter:hover,
    .node-type-conseils .form-filters .wrapper-filter:hover {
      border-bottom-color: #474747; }
      .page-conseils .form-filters .wrapper-filter:hover span.name,
      .page-taxonomy-conseils .form-filters .wrapper-filter:hover span.name,
      .node-type-conseils .form-filters .wrapper-filter:hover span.name {
        color: #474747; }
    .page-conseils .form-filters .wrapper-filter::after,
    .page-taxonomy-conseils .form-filters .wrapper-filter::after,
    .node-type-conseils .form-filters .wrapper-filter::after {
      content: '';
      position: absolute;
      top: 21px;
      right: 8px;
      width: 15px;
      height: 15px;
      background: url("../../images/svg/chevron.svg") no-repeat; }
    .page-conseils .form-filters .wrapper-filter.active,
    .page-taxonomy-conseils .form-filters .wrapper-filter.active,
    .node-type-conseils .form-filters .wrapper-filter.active {
      border-bottom: 0; }
      .page-conseils .form-filters .wrapper-filter.active::after,
      .page-taxonomy-conseils .form-filters .wrapper-filter.active::after,
      .node-type-conseils .form-filters .wrapper-filter.active::after {
        -webkit-transform: rotate(180deg);
                transform: rotate(180deg); }
    .page-conseils .form-filters .wrapper-filter .filter-selector,
    .page-taxonomy-conseils .form-filters .wrapper-filter .filter-selector,
    .node-type-conseils .form-filters .wrapper-filter .filter-selector {
      color: black;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      font-weight: 700;
      line-height: 1.4;
      min-height: 38px; }
    .page-conseils .form-filters .wrapper-filter li label,
    .page-taxonomy-conseils .form-filters .wrapper-filter li label,
    .node-type-conseils .form-filters .wrapper-filter li label {
      padding-left: 15px;
      padding-right: 25px;
      white-space: nowrap; }

.page-conseils .form-filters .wrapper-filter ul,
.page-taxonomy-conseils .form-filters .wrapper-filter ul,
.node-type-conseils .form-filters .wrapper-filter ul {
  background: #f8f8f8;
  border-bottom: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  border-left: 1px solid #e6e6e6;
  display: none;
  left: -1px;
  padding: 0px;
  position: absolute;
  top: 100%;
  width: 100%;
  list-style: none;
  margin: 0;
  z-index: 1; }
  @media screen and (min-width: 61.9375em) {
    .page-conseils .form-filters .wrapper-filter ul,
    .page-taxonomy-conseils .form-filters .wrapper-filter ul,
    .node-type-conseils .form-filters .wrapper-filter ul {
      min-width: 110%;
      top: 80px;
      width: auto; } }

.page-conseils .wrapper-filter label,
.page-taxonomy-conseils .wrapper-filter label,
.node-type-conseils .wrapper-filter label {
  color: #a1a1a1; }

.page-conseils .wrapper-filter label.value,
.page-taxonomy-conseils .wrapper-filter label.value,
.node-type-conseils .wrapper-filter label.value {
  display: none; }

.page-conseils .wrapper-filter ul li a,
.page-taxonomy-conseils .wrapper-filter ul li a,
.node-type-conseils .wrapper-filter ul li a {
  padding: 5px;
  display: block; }

.page-conseils .wrapper-filter ul li a:hover,
.page-taxonomy-conseils .wrapper-filter ul li a:hover,
.node-type-conseils .wrapper-filter ul li a:hover {
  background-color: #d0c9af; }

.page-conseils .form-filters [type="radio"]:not(:checked) + label:before,
.page-conseils .form-filters [type="radio"]:checked + label:before,
.page-taxonomy-conseils .form-filters [type="radio"]:not(:checked) + label:before,
.page-taxonomy-conseils .form-filters [type="radio"]:checked + label:before,
.node-type-conseils .form-filters [type="radio"]:not(:checked) + label:before,
.node-type-conseils .form-filters [type="radio"]:checked + label:before {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #ccc;
  border-radius: 100%;
  content: "";
  height: 16px;
  left: 5px;
  position: absolute;
  top: 12px;
  width: 16px; }

.page-conseils .form-filters [type="radio"]:not(:checked) + label::after,
.page-taxonomy-conseils .form-filters [type="radio"]:not(:checked) + label::after,
.node-type-conseils .form-filters [type="radio"]:not(:checked) + label::after {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0); }

.page-conseils .form-filters [type="radio"]:not(:checked) + label:after,
.page-conseils .form-filters [type="radio"]:checked + label:after,
.page-taxonomy-conseils .form-filters [type="radio"]:not(:checked) + label:after,
.page-taxonomy-conseils .form-filters [type="radio"]:checked + label:after,
.node-type-conseils .form-filters [type="radio"]:not(:checked) + label:after,
.node-type-conseils .form-filters [type="radio"]:checked + label:after {
  border-radius: 100%;
  content: "";
  display: inline-block;
  height: 10px;
  left: 8px;
  position: absolute;
  top: 15px;
  -webkit-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
  width: 10px; }

.page-conseils .form-filters [type="radio"]:not(:checked),
.page-conseils .form-filters [type="radio"]:checked,
.page-taxonomy-conseils .form-filters [type="radio"]:not(:checked),
.page-taxonomy-conseils .form-filters [type="radio"]:checked,
.node-type-conseils .form-filters [type="radio"]:not(:checked),
.node-type-conseils .form-filters [type="radio"]:checked {
  left: -9999px;
  position: absolute; }

.page-conseils .zone--recommendation {
  padding-bottom: 3rem; }
  .page-conseils .zone--recommendation .zone__heading {
    text-align: left; }
  .page-conseils .zone--recommendation .recommendation__top {
    margin-bottom: 0; }

.page-conseils .zone--prose {
  background: #f8f8f8; }

.page-taxonomy-term .zone--prose {
  padding-bottom: 0; }
  .page-taxonomy-term .zone--prose.has-border > .container {
    border-bottom: 1px solid #efefef;
    padding-bottom: 3rem; }

.page-taxonomy-term .prose__content {
  margin-bottom: 0; }

.page-taxonomy-term .zone--recommendation {
  padding-bottom: 0; }
  .page-taxonomy-term .zone--recommendation > .container {
    border-bottom: 1px solid #efefef;
    padding-bottom: 3rem; }
  .page-taxonomy-term .zone--recommendation .zone__heading {
    text-align: left; }

@media screen and (min-width: 48.0625em) {
  .node-type-conseils .breadcrumbs__list {
    margin-top: 2.5px; } }

.node-type-conseils .row-widgets {
  margin-bottom: 3rem; }
  @media screen and (min-width: 61.9375em) {
    .node-type-conseils .row-widgets {
      margin-bottom: 6rem; } }
  .node-type-conseils .row-widgets .breadcrumbs > .container {
    padding-right: 0;
    padding-left: 0; }

.node-type-conseils .widgets-wrapper {
  position: relative; }

@media screen and (min-width: 48.0625em) {
  .node-type-conseils .breadcrumbs,
  .node-type-conseils .sharethis-widget {
    position: absolute;
    top: 0; } }

@media screen and (min-width: 48.0625em) {
  .node-type-conseils .breadcrumbs {
    max-width: 70%;
    left: 0; } }

@media screen and (min-width: 48.0625em) {
  .node-type-conseils .sharethis-widget {
    right: 0; } }

.node-type-conseils .conseil__visual {
  position: relative; }

.node-type-conseils .conseil__visual {
  margin-bottom: 3rem;
  position: relative; }

.node-type-conseils .conseil__caption {
  background: rgba(255, 255, 255, 0.9);
  display: none;
  padding: 1.5rem;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1; }
  @media screen and (min-width: 48.0625em) {
    .node-type-conseils .conseil__caption {
      display: block; } }
  @media screen and (min-width: 61.9375em) {
    .node-type-conseils .conseil__caption {
      padding: 4rem 3rem; } }
  .node-type-conseils .conseil__caption, .node-type-conseils .conseil__caption p {
    color: inherit;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.125;
    text-transform: none;
    font-weight: 300; }
    @media screen and (min-width: 48em) and (max-width: 61.875em) {
      .node-type-conseils .conseil__caption, .node-type-conseils .conseil__caption p {
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 1.33333; } }
    @media screen and (min-width: 61.9375em) {
      .node-type-conseils .conseil__caption, .node-type-conseils .conseil__caption p {
        font-size: 24px;
        font-size: 2.4rem;
        line-height: 1.25; } }

.node-type-conseils .accordion-tab {
  border-bottom: 1px solid #9f9f9f;
  display: none;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 1.5;
  padding: 2rem;
  position: relative;
  text-decoration: none;
  text-transform: uppercase; }
  @media screen and (max-width: 47.9375em) {
    .node-type-conseils .accordion-tab {
      display: block; } }
  .node-type-conseils .accordion-tab.is-active::after {
    -webkit-transform: rotate(-180deg) translateY(50%);
            transform: rotate(-180deg) translateY(50%); }
  .node-type-conseils .accordion-tab::after {
    -webkit-transform: rotate(0deg) translateY(-50%);
            transform: rotate(0deg) translateY(-50%);
    content: '\f107';
    color: #474747;
    font-family: "FontAwesome";
    font-size: 3.6rem;
    position: absolute;
    top: 50%;
    right: 2rem; }

.node-type-conseils .accordion-content {
  display: none;
  padding-top: 2rem;
  padding-bottom: 2rem; }
  @media screen and (max-width: 61.875em) {
    .node-type-conseils .accordion-content {
      padding-right: 1.5rem;
      padding-left: 1.5rem; } }
  @media screen and (min-width: 48.0625em) {
    .node-type-conseils .accordion-content {
      display: block;
      padding-top: 0;
      padding-bottom: 0; } }
  @media screen and (max-width: 61.875em) {
    .node-type-conseils .accordion-content .editorial {
      margin-bottom: 2rem; } }

.node-type-conseils .zone--gallery,
.node-type-conseils .zone--videos,
.node-type-conseils .zone--prd,
.node-type-conseils .zone--upselling {
  padding-top: 0; }

@media screen and (max-width: 61.875em) {
  .node-type-conseils .zone--paragraphs {
    padding-top: 0; } }

@media screen and (max-width: 61.875em) {
  .node-type-conseils .zone--paragraphs > .container {
    padding-right: 0;
    padding-left: 0; } }

@media screen and (min-width: 48.0625em) {
  .node-type-conseils .zone--paragraphs .zone__stripe > .row {
    margin-bottom: 2rem; } }

.node-type-conseils .zone--gallery .zone__stripes {
  padding-bottom: 4rem; }

.node-type-conseils .gallery {
  padding-bottom: 3rem; }
  .node-type-conseils .gallery__image, .node-type-conseils .gallery__link {
    display: block; }
  .node-type-conseils .gallery__link {
    position: relative; }
    .node-type-conseils .gallery__link::after {
      -webkit-transition: opacity .3s, visibility .3s;
      transition: opacity .3s, visibility .3s;
      background: rgba(0, 0, 0, 0.5);
      color: white;
      content: 'Zoom';
      display: block;
      opacity: 0;
      padding: 1rem;
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      text-transform: uppercase;
      visibility: hidden;
      z-index: 1; }
    .node-type-conseils .gallery__link:hover {
      text-decoration: none; }
      .node-type-conseils .gallery__link:hover::after {
        opacity: 1;
        visibility: visible; }
      .node-type-conseils .gallery__link:hover i {
        color: #e50005; }
    @media screen and (max-width: 61.875em) {
      .node-type-conseils .gallery__link img {
        display: block;
        width: 100%; } }
  .node-type-conseils .gallery i {
    -webkit-transition: color .2s;
    transition: color .2s;
    color: white;
    font-size: 20px;
    font-size: 2rem;
    position: absolute;
    bottom: 1rem;
    right: 1rem;
    height: 2rem;
    width: 2rem;
    z-index: 2; }
  .node-type-conseils .gallery .swiper-pagination {
    bottom: 0; }

@media screen and (max-width: 61.875em) {
  .node-type-conseils .tv {
    margin-bottom: 4rem; } }

.node-type-conseils .tv__name {
  color: inherit;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.125;
  text-transform: none;
  font-weight: 300;
  display: block;
  margin-bottom: 2rem; }
  @media screen and (min-width: 48em) and (max-width: 61.875em) {
    .node-type-conseils .tv__name {
      font-size: 18px;
      font-size: 1.8rem;
      line-height: 1.33333; } }
  @media screen and (min-width: 61.9375em) {
    .node-type-conseils .tv__name {
      font-size: 24px;
      font-size: 2.4rem;
      line-height: 1.25; } }

.node-type-conseils .zone--prd {
  text-align: center; }
  .node-type-conseils .zone--prd .zone__heading {
    color: #e50005;
    text-transform: none; }
  .node-type-conseils .zone--prd .prd__snippet, .node-type-conseils .zone--prd .prd__snippet p {
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 300;
    line-height: 1.33333; }

.node-type-conseils .zone--related {
  background: #f8f8f8; }
  .node-type-conseils .zone--related .tile {
    margin-left: auto;
    margin-right: auto;
    max-width: 320px; }

.order-process__header,
.page-checkout__header {
  border-top-color: #ffed00; }

.order-process #user-login input[type=submit],
.page-checkout #user-login input[type=submit] {
  -webkit-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1);
  color: #9f9f9f;
  border-radius: 0;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.28571;
  min-height: 50px;
  padding: 1rem 1.5rem;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  white-space: inherit;
  width: 100%;
  background: #e50005;
  color: white; }
  @media screen and (min-width: 61.9375em) {
    .order-process #user-login input[type=submit],
    .page-checkout #user-login input[type=submit] {
      min-height: 60px;
      max-width: 270px; } }
  .order-process #user-login input[type=submit]:hover, .order-process #user-login input[type=submit]:focus,
  .page-checkout #user-login input[type=submit]:hover,
  .page-checkout #user-login input[type=submit]:focus {
    color: black;
    cursor: pointer;
    text-decoration: none; }
  .order-process #user-login input[type=submit]:hover, .order-process #user-login input[type=submit]:focus,
  .page-checkout #user-login input[type=submit]:hover,
  .page-checkout #user-login input[type=submit]:focus {
    background-color: black;
    color: white; }

.page-user-login.not-logged-in #header-admin {
  background: #f8f8f8;
  border-top: 10px solid #ffed00;
  margin-bottom: 3.5rem;
  padding-top: 100px; }

.page-user-login.not-logged-in #header-admin,
.page-user-login .region-content {
  padding-right: 1.5rem;
  padding-left: 1.5rem; }

.page-user-login .region-header,
.page-user-login .main-menu,
.page-user-login .actions-wrapper,
.page-user-login .footer {
  display: none; }

.page-user-login .site-name {
  line-height: 74px;
  margin-left: auto; }
  @media screen and (min-width: 61.9375em) {
    .page-user-login .site-name {
      margin-left: 0; } }

.page-user-login .tabs,
.page-user-login .region-content {
  margin: 0 auto; }

.page-user-login .tabs {
  max-width: 1000px; }

.page-user-login .region-content {
  max-width: 690px; }

.page-user-login .tabs {
  border: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0; }
  @media screen and (min-width: 61.9375em) {
    .page-user-login .tabs {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row; } }
  @media screen and (min-width: 61.9375em) {
    .page-user-login .tabs li {
      width: 33.33333%; } }
  .page-user-login .tabs a {
    color: inherit;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.125;
    text-transform: none;
    font-weight: 300;
    text-transform: uppercase;
    background: none;
    color: rgba(71, 71, 71, 0.5);
    border: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    min-height: 80px;
    min-width: 100%;
    padding: 0 .5em;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    top: 1px;
    white-space: normal; }
    @media screen and (min-width: 48em) and (max-width: 61.875em) {
      .page-user-login .tabs a {
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 1.33333; } }
    @media screen and (min-width: 61.9375em) {
      .page-user-login .tabs a {
        font-size: 24px;
        font-size: 2.4rem;
        line-height: 1.25; } }
    .page-user-login .tabs a:hover, .page-user-login .tabs a:focus {
      background: none;
      color: black; }
    .page-user-login .tabs a.active {
      background: white;
      border: 1px solid #c3c3c3;
      border-bottom-color: white;
      color: black; }

.node-type-produits .block-easy-breadcrumb .content,
.node-type-produit-accessoire .block-easy-breadcrumb .content,
.node-type-piece-detachee .block-easy-breadcrumb .content {
  height: 0; }

.node-type-produits .breadcrumbs__list,
.node-type-produit-accessoire .breadcrumbs__list,
.node-type-piece-detachee .breadcrumbs__list {
  position: absolute;
  top: 1rem; }

.node-type-produits .breadcrumbs__elem,
.node-type-produit-accessoire .breadcrumbs__elem,
.node-type-piece-detachee .breadcrumbs__elem {
  border-color: white;
  color: white;
  text-shadow: 0 0 2px rgba(0, 0, 0, 0.6); }

.node-type-produits .header-content,
.node-type-produit-accessoire .header-content,
.node-type-piece-detachee .header-content {
  padding: 3rem;
  text-align: center; }

.node-type-produits .sticky-anchors a,
.node-type-produit-accessoire .sticky-anchors a,
.node-type-piece-detachee .sticky-anchors a {
  margin-right: 2rem; }
  @media screen and (min-width: 75em) {
    .node-type-produits .sticky-anchors a,
    .node-type-produit-accessoire .sticky-anchors a,
    .node-type-piece-detachee .sticky-anchors a {
      margin-right: 4rem; } }

.node-type-produits .sticky-anchors .add-to-cart,
.node-type-produit-accessoire .sticky-anchors .add-to-cart,
.node-type-piece-detachee .sticky-anchors .add-to-cart {
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  margin: 0;
  max-width: 230px;
  min-height: 30px;
  padding-top: .5rem;
  padding-bottom: .5rem;
  position: absolute;
  top: 50%;
  right: 0; }
  @media screen and (min-width: 75em) {
    .node-type-produits .sticky-anchors .add-to-cart,
    .node-type-produit-accessoire .sticky-anchors .add-to-cart,
    .node-type-piece-detachee .sticky-anchors .add-to-cart {
      max-width: 270px; } }
  @media screen and (min-width: 61.9375em) {
    .node-type-produits .sticky-anchors .add-to-cart.is-shrunk,
    .node-type-produit-accessoire .sticky-anchors .add-to-cart.is-shrunk,
    .node-type-piece-detachee .sticky-anchors .add-to-cart.is-shrunk {
      font-family: "Open Sans", Arial, Helvetica, sans-serif;
      font-size: 10px;
      font-size: 1rem;
      font-weight: 700;
      line-height: 1.1;
      height: 54px;
      margin-top: -1px;
      max-width: 90px; } }
  @media screen and (min-width: 75em) {
    .node-type-produits .sticky-anchors .add-to-cart.is-shrunk,
    .node-type-produit-accessoire .sticky-anchors .add-to-cart.is-shrunk,
    .node-type-piece-detachee .sticky-anchors .add-to-cart.is-shrunk {
      font-family: "Open Sans", Arial, Helvetica, sans-serif;
      font-size: 12px;
      font-size: 1.2rem;
      font-weight: 700;
      line-height: 1.16667;
      max-width: 140px; } }

.node-type-produits .product__title,
.node-type-produit-accessoire .product__title,
.node-type-piece-detachee .product__title {
  margin-bottom: 3rem; }

.node-type-produits .wrapper-price .regular-price,
.node-type-produit-accessoire .wrapper-price .regular-price,
.node-type-piece-detachee .wrapper-price .regular-price {
  color: black; }

.node-type-produits .wrapper-caracteristiques,
.node-type-produits .wrapper-specs,
.node-type-produit-accessoire .wrapper-caracteristiques,
.node-type-produit-accessoire .wrapper-specs,
.node-type-piece-detachee .wrapper-caracteristiques,
.node-type-piece-detachee .wrapper-specs {
  background: none; }
  .node-type-produits .wrapper-caracteristiques > section,
  .node-type-produits .wrapper-specs > section,
  .node-type-produit-accessoire .wrapper-caracteristiques > section,
  .node-type-produit-accessoire .wrapper-specs > section,
  .node-type-piece-detachee .wrapper-caracteristiques > section,
  .node-type-piece-detachee .wrapper-specs > section {
    padding-top: 3rem;
    padding-bottom: 3rem; }
    @media screen and (min-width: 61.9375em) {
      .node-type-produits .wrapper-caracteristiques > section,
      .node-type-produits .wrapper-specs > section,
      .node-type-produit-accessoire .wrapper-caracteristiques > section,
      .node-type-produit-accessoire .wrapper-specs > section,
      .node-type-piece-detachee .wrapper-caracteristiques > section,
      .node-type-piece-detachee .wrapper-specs > section {
        padding-top: 6rem;
        padding-bottom: 6rem; } }

.node-type-produits .block-content .wrapper-image,
.node-type-produit-accessoire .block-content .wrapper-image,
.node-type-piece-detachee .block-content .wrapper-image {
  -webkit-box-shadow: none;
          box-shadow: none; }

.node-type-produits #product-infos,
.node-type-produit-accessoire #product-infos,
.node-type-piece-detachee #product-infos {
  padding-bottom: 3.5rem; }
  .node-type-produits #product-infos .free-shipping,
  .node-type-produit-accessoire #product-infos .free-shipping,
  .node-type-piece-detachee #product-infos .free-shipping {
    color: #6cb644;
    font-weight: bold;
    font-size: 16px; }

@media screen and (min-width: 48.0625em) {
  .node-type-produits #performance,
  .node-type-produits #robustesse,
  .node-type-produits #specifications,
  .node-type-produit-accessoire #performance,
  .node-type-produit-accessoire #robustesse,
  .node-type-produit-accessoire #specifications,
  .node-type-piece-detachee #performance,
  .node-type-piece-detachee #robustesse,
  .node-type-piece-detachee #specifications {
    background: #efefef; } }

@media screen and (min-width: 48.0625em) {
  .node-type-produits #confort,
  .node-type-produit-accessoire #confort,
  .node-type-piece-detachee #confort {
    background: white; } }

@media screen and (min-width: 48.0625em) {
  .node-type-produits #confort .block-content,
  .node-type-produit-accessoire #confort .block-content,
  .node-type-piece-detachee #confort .block-content {
    background: #f8f8f8; } }

.node-type-produits #confort .list-items,
.node-type-produit-accessoire #confort .list-items,
.node-type-piece-detachee #confort .list-items {
  text-align: center; }

.node-type-produits .node-block-content .field-name-body,
.node-type-produit-accessoire .node-block-content .field-name-body,
.node-type-piece-detachee .node-block-content .field-name-body {
  text-align: center; }
  .node-type-produits .node-block-content .field-name-body strong,
  .node-type-produit-accessoire .node-block-content .field-name-body strong,
  .node-type-piece-detachee .node-block-content .field-name-body strong {
    color: inherit;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1.125;
    text-transform: none;
    font-weight: 300;
    text-transform: uppercase;
    display: block; }
    @media screen and (min-width: 61.9375em) {
      .node-type-produits .node-block-content .field-name-body strong,
      .node-type-produit-accessoire .node-block-content .field-name-body strong,
      .node-type-piece-detachee .node-block-content .field-name-body strong {
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 1.33333; } }
    .node-type-produits .node-block-content .field-name-body strong:last-child,
    .node-type-produit-accessoire .node-block-content .field-name-body strong:last-child,
    .node-type-piece-detachee .node-block-content .field-name-body strong:last-child {
      margin-bottom: 2rem; }

.node-type-produits #specifications table th,
.node-type-produit-accessoire #specifications table th,
.node-type-piece-detachee #specifications table th {
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.14286;
  padding-bottom: 2rem; }

.node-type-produits #specifications table .odd,
.node-type-produits #specifications table .even,
.node-type-produit-accessoire #specifications table .odd,
.node-type-produit-accessoire #specifications table .even,
.node-type-piece-detachee #specifications table .odd,
.node-type-piece-detachee #specifications table .even {
  border-color: transparent; }

.node-type-produits #specifications table .even,
.node-type-produit-accessoire #specifications table .even,
.node-type-piece-detachee #specifications table .even {
  background: #f8f8f8; }

.node-type-produits .item-rob,
.node-type-produit-accessoire .item-rob,
.node-type-piece-detachee .item-rob {
  margin: 0 auto;
  right: 0; }
  .node-type-produits .item-rob .wrapper-content,
  .node-type-produit-accessoire .item-rob .wrapper-content,
  .node-type-piece-detachee .item-rob .wrapper-content {
    padding: 2rem;
    text-align: center;
    vertical-align: top; }
    @media screen and (min-width: 61.9375em) {
      .node-type-produits .item-rob .wrapper-content,
      .node-type-produit-accessoire .item-rob .wrapper-content,
      .node-type-piece-detachee .item-rob .wrapper-content {
        padding: 3rem; } }
  .node-type-produits .item-rob .s4,
  .node-type-produit-accessoire .item-rob .s4,
  .node-type-piece-detachee .item-rob .s4 {
    margin-bottom: 2rem; }

.node-type-produits #temoignage,
.node-type-produit-accessoire #temoignage,
.node-type-piece-detachee #temoignage {
  padding-top: 3rem;
  padding-bottom: 3rem; }
  @media screen and (min-width: 48.0625em) {
    .node-type-produits #temoignage,
    .node-type-produit-accessoire #temoignage,
    .node-type-piece-detachee #temoignage {
      background: #e7f0e4 url("../../images/bg-testimonies.jpg") 50% 0 repeat-x; } }
  @media screen and (min-width: 61.9375em) {
    .node-type-produits #temoignage,
    .node-type-produit-accessoire #temoignage,
    .node-type-piece-detachee #temoignage {
      padding-top: 6rem;
      padding-bottom: 6rem; } }

.node-type-produits .node-temoignages .wrapper-temoignage,
.node-type-produit-accessoire .node-temoignages .wrapper-temoignage,
.node-type-piece-detachee .node-temoignages .wrapper-temoignage {
  border: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 3rem; }
  @media screen and (min-width: 61.9375em) {
    .node-type-produits .node-temoignages .wrapper-temoignage,
    .node-type-produit-accessoire .node-temoignages .wrapper-temoignage,
    .node-type-piece-detachee .node-temoignages .wrapper-temoignage {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row; } }
  @media screen and (min-width: 61.9375em) {
    .node-type-produits .node-temoignages .wrapper-temoignage .col,
    .node-type-produit-accessoire .node-temoignages .wrapper-temoignage .col,
    .node-type-piece-detachee .node-temoignages .wrapper-temoignage .col {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; } }
  .node-type-produits .node-temoignages .wrapper-temoignage .col--1,
  .node-type-produit-accessoire .node-temoignages .wrapper-temoignage .col--1,
  .node-type-piece-detachee .node-temoignages .wrapper-temoignage .col--1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1; }
    @media screen and (min-width: 61.9375em) {
      .node-type-produits .node-temoignages .wrapper-temoignage .col--1,
      .node-type-produit-accessoire .node-temoignages .wrapper-temoignage .col--1,
      .node-type-piece-detachee .node-temoignages .wrapper-temoignage .col--1 {
        -webkit-box-pack: end;
            -ms-flex-pack: end;
                justify-content: flex-end;
        min-width: 370px; } }
  .node-type-produits .node-temoignages .wrapper-temoignage .col--2,
  .node-type-produit-accessoire .node-temoignages .wrapper-temoignage .col--2,
  .node-type-piece-detachee .node-temoignages .wrapper-temoignage .col--2 {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0; }
    @media screen and (min-width: 61.9375em) {
      .node-type-produits .node-temoignages .wrapper-temoignage .col--2,
      .node-type-produit-accessoire .node-temoignages .wrapper-temoignage .col--2,
      .node-type-piece-detachee .node-temoignages .wrapper-temoignage .col--2 {
        margin-right: 3rem; } }
  .node-type-produits .node-temoignages .wrapper-temoignage .wrapper-content,
  .node-type-produits .node-temoignages .wrapper-temoignage .wrapper-image,
  .node-type-produit-accessoire .node-temoignages .wrapper-temoignage .wrapper-content,
  .node-type-produit-accessoire .node-temoignages .wrapper-temoignage .wrapper-image,
  .node-type-piece-detachee .node-temoignages .wrapper-temoignage .wrapper-content,
  .node-type-piece-detachee .node-temoignages .wrapper-temoignage .wrapper-image {
    float: none;
    padding: 0; }
  .node-type-produits .node-temoignages .wrapper-temoignage .wrapper-content,
  .node-type-produit-accessoire .node-temoignages .wrapper-temoignage .wrapper-content,
  .node-type-piece-detachee .node-temoignages .wrapper-temoignage .wrapper-content {
    background: none;
    margin-bottom: 3rem; }
    @media screen and (min-width: 61.9375em) {
      .node-type-produits .node-temoignages .wrapper-temoignage .wrapper-content,
      .node-type-produit-accessoire .node-temoignages .wrapper-temoignage .wrapper-content,
      .node-type-piece-detachee .node-temoignages .wrapper-temoignage .wrapper-content {
        margin-bottom: 0; } }
  .node-type-produits .node-temoignages .wrapper-temoignage .wrapper-image,
  .node-type-produit-accessoire .node-temoignages .wrapper-temoignage .wrapper-image,
  .node-type-piece-detachee .node-temoignages .wrapper-temoignage .wrapper-image {
    width: auto; }
  .node-type-produits .node-temoignages .wrapper-temoignage .infos-loc,
  .node-type-produit-accessoire .node-temoignages .wrapper-temoignage .infos-loc,
  .node-type-piece-detachee .node-temoignages .wrapper-temoignage .infos-loc {
    display: none; }

.node-type-produits .node-temoignages .see-more,
.node-type-produit-accessoire .node-temoignages .see-more,
.node-type-piece-detachee .node-temoignages .see-more {
  color: black; }
  .node-type-produits .node-temoignages .see-more:hover, .node-type-produits .node-temoignages .see-more:focus,
  .node-type-produit-accessoire .node-temoignages .see-more:hover,
  .node-type-produit-accessoire .node-temoignages .see-more:focus,
  .node-type-piece-detachee .node-temoignages .see-more:hover,
  .node-type-piece-detachee .node-temoignages .see-more:focus {
    color: #e50005; }

.node-type-produits #products,
.node-type-produit-accessoire #products,
.node-type-piece-detachee #products {
  padding-top: 3rem;
  padding-bottom: 3rem; }
  @media screen and (min-width: 61.9375em) {
    .node-type-produits #products,
    .node-type-produit-accessoire #products,
    .node-type-piece-detachee #products {
      padding-top: 6rem;
      padding-bottom: 6rem; } }
  .node-type-produits #products .list-items,
  .node-type-produit-accessoire #products .list-items,
  .node-type-piece-detachee #products .list-items {
    text-align: left; }

.node-type-produits .listing-products,
.node-type-produit-accessoire .listing-products,
.node-type-piece-detachee .listing-products {
  padding-top: 3rem;
  padding-bottom: 3rem;
  background: none; }
  @media screen and (min-width: 61.9375em) {
    .node-type-produits .listing-products,
    .node-type-produit-accessoire .listing-products,
    .node-type-piece-detachee .listing-products {
      padding-top: 6rem;
      padding-bottom: 6rem; } }
  .node-type-produits .listing-products .product,
  .node-type-produit-accessoire .listing-products .product,
  .node-type-piece-detachee .listing-products .product {
    border-right: 1px solid rgba(0, 0, 0, 0.05); }
    .node-type-produits .listing-products .product:last-child,
    .node-type-produit-accessoire .listing-products .product:last-child,
    .node-type-piece-detachee .listing-products .product:last-child {
      border-right: 0; }

.node-type-produits #documents,
.node-type-produit-accessoire #documents,
.node-type-piece-detachee #documents {
  padding-top: 3rem;
  padding-bottom: 3rem;
  background: #efefef; }
  @media screen and (min-width: 61.9375em) {
    .node-type-produits #documents,
    .node-type-produit-accessoire #documents,
    .node-type-piece-detachee #documents {
      padding-top: 6rem;
      padding-bottom: 6rem; } }
  .node-type-produits #documents, .node-type-produits #documents i,
  .node-type-produit-accessoire #documents,
  .node-type-produit-accessoire #documents i,
  .node-type-piece-detachee #documents,
  .node-type-piece-detachee #documents i {
    color: black; }
  .node-type-produits #documents .file,
  .node-type-produit-accessoire #documents .file,
  .node-type-piece-detachee #documents .file {
    text-align: center; }
    .node-type-produits #documents .file span,
    .node-type-produits #documents .file i,
    .node-type-produit-accessoire #documents .file span,
    .node-type-produit-accessoire #documents .file i,
    .node-type-piece-detachee #documents .file span,
    .node-type-piece-detachee #documents .file i {
      -webkit-transition: color .3s;
      transition: color .3s; }
    .node-type-produits #documents .file span,
    .node-type-produit-accessoire #documents .file span,
    .node-type-piece-detachee #documents .file span {
      color: black;
      font-family: "Open Sans", Arial, Helvetica, sans-serif;
      font-size: 14px;
      font-size: 1.4rem;
      font-weight: 600;
      line-height: 1.14286; }
      .node-type-produits #documents .file span:empty,
      .node-type-produit-accessoire #documents .file span:empty,
      .node-type-piece-detachee #documents .file span:empty {
        padding: 0; }
    .node-type-produits #documents .file i,
    .node-type-produit-accessoire #documents .file i,
    .node-type-piece-detachee #documents .file i {
      padding: 0; }
      .node-type-produits #documents .file i + span:not(:empty),
      .node-type-produit-accessoire #documents .file i + span:not(:empty),
      .node-type-piece-detachee #documents .file i + span:not(:empty) {
        padding-left: 2rem; }
  .node-type-produits #documents a:hover, .node-type-produits #documents a:focus,
  .node-type-produit-accessoire #documents a:hover,
  .node-type-produit-accessoire #documents a:focus,
  .node-type-piece-detachee #documents a:hover,
  .node-type-piece-detachee #documents a:focus {
    text-decoration: none; }
    .node-type-produits #documents a:hover .file span,
    .node-type-produits #documents a:hover .file i, .node-type-produits #documents a:focus .file span,
    .node-type-produits #documents a:focus .file i,
    .node-type-produit-accessoire #documents a:hover .file span,
    .node-type-produit-accessoire #documents a:hover .file i,
    .node-type-produit-accessoire #documents a:focus .file span,
    .node-type-produit-accessoire #documents a:focus .file i,
    .node-type-piece-detachee #documents a:hover .file span,
    .node-type-piece-detachee #documents a:hover .file i,
    .node-type-piece-detachee #documents a:focus .file span,
    .node-type-piece-detachee #documents a:focus .file i {
      color: #e50005; }

.node-type-produits #footer,
.node-type-produit-accessoire #footer,
.node-type-piece-detachee #footer {
  padding: 0;
  padding-top: 6rem; }
  @media screen and (min-width: 48.0625em) {
    .node-type-produits #footer,
    .node-type-produit-accessoire #footer,
    .node-type-piece-detachee #footer {
      padding-top: 0; } }

.node-type-produit-accessoire .list-items,
.node-type-piece-detachee .list-items,
.page-cart .list-items {
  text-align: left; }

.node-type-produit-accessoire .listing-products .goods,
.node-type-piece-detachee .listing-products .goods,
.page-cart .listing-products .goods {
  margin: 0;
  max-width: 270px;
  white-space: normal; }
  @media screen and (min-width: 61.9375em) {
    .node-type-produit-accessoire .listing-products .goods,
    .node-type-piece-detachee .listing-products .goods,
    .page-cart .listing-products .goods {
      max-width: unset; } }

@media screen and (min-width: 61.9375em) {
  .node-type-produit-accessoire .listing-products-inner,
  .node-type-piece-detachee .listing-products-inner,
  .page-cart .listing-products-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .node-type-produit-accessoire .listing-products-inner > div,
    .node-type-piece-detachee .listing-products-inner > div,
    .page-cart .listing-products-inner > div {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      min-width: 270px;
      max-width: 270px;
      padding: 0 1.5rem; } }

@media screen and (max-width: 61.875em) {
  .node-type-produit-accessoire .cycle-carousel-wrap,
  .node-type-piece-detachee .cycle-carousel-wrap,
  .page-cart .cycle-carousel-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .node-type-produit-accessoire .cycle-carousel-wrap > div,
    .node-type-piece-detachee .cycle-carousel-wrap > div,
    .page-cart .cycle-carousel-wrap > div {
      width: 270px; } }

.node-type-produit-accessoire .header-content,
.node-type-piece-detachee .header-content,
.page-cart .header-content {
  background: white;
  border-bottom: 1px solid #efefef;
  color: black;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  height: 60px;
  text-align: left; }
  @media screen and (min-width: 48.0625em) {
    .node-type-produit-accessoire .header-content,
    .node-type-piece-detachee .header-content,
    .page-cart .header-content {
      height: 100px; } }

@media screen and (min-width: 48.0625em) {
  .node-type-produit-accessoire #specifications,
  .node-type-piece-detachee #specifications,
  .page-cart #specifications {
    background: none; } }

.node-produit-accessoire .links-media,
.node-piece-detachee .links-media {
  text-align: center; }

.node-produit-accessoire a.gallery,
.node-produit-accessoire a.video,
.node-piece-detachee a.gallery,
.node-piece-detachee a.video {
  background-position: 10% 50%;
  color: #474747;
  position: relative; }

.node-type-produits .header-content .links-media a {
  color: #fff; }
  .node-type-produits .header-content .links-media a.video {
    background-image: url("../../images/icons/i-video.png"); }
  .node-type-produits .header-content .links-media a.gallery:hover {
    background-image: url("../../images/icons/i-galerie-white.svg"); }

.links-media {
  position: relative;
  z-index: 200; }
  .links-media > a {
    -webkit-transition: -webkit-box-shadow .25s;
    transition: -webkit-box-shadow .25s;
    transition: box-shadow .25s;
    transition: box-shadow .25s, -webkit-box-shadow .25s;
    color: #474747; }
    .links-media > a:hover {
      -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
              box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
      color: #e50005; }
    @media screen and (max-width: 991px) {
      .links-media > a {
        padding: 10px;
        padding-left: 40px; } }
    .links-media > a.video {
      background-image: url("../../images/icons/i-video-white.svg"); }
      .links-media > a.video:hover {
        background-image: url("../../images/icons/i-video-red.svg"); }
    .links-media > a.video-3d::before, .links-media > a.pdf::before {
      color: #e50005; }
      @media screen and (min-width: 48.0625em) {
        .links-media > a.video-3d::before, .links-media > a.pdf::before {
          color: white; } }
    .links-media > a.gallery {
      background-image: url("../../images/icons/i-galerie-white.svg"); }
      .links-media > a.gallery:hover {
        background-image: url("../../images/icons/i-galerie-red.svg"); }

.add-cart-message-wrapper .new-item-container,
.add-cart-message-wrapper .option-button-wrapper {
  float: none;
  width: 100%; }
  @media screen and (min-width: 48.0625em) {
    .add-cart-message-wrapper .new-item-container,
    .add-cart-message-wrapper .option-button-wrapper {
      width: 50%; } }

.add-cart-message-wrapper .product-name .name {
  color: black;
  color: inherit;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.33333;
  text-transform: none;
  font-weight: 300; }
  @media screen and (min-width: 48em) and (max-width: 61.875em) {
    .add-cart-message-wrapper .product-name .name {
      font-size: 24px;
      font-size: 2.4rem;
      line-height: 1.25; } }
  @media screen and (min-width: 61.9375em) {
    .add-cart-message-wrapper .product-name .name {
      font-size: 32px;
      font-size: 3.2rem;
      line-height: 1.25; } }

.add-cart-message-wrapper .option-button.checkout a,
.add-cart-message-wrapper .option-button.continue {
  border-radius: 0;
  margin-right: auto;
  margin-left: auto;
  max-width: 270px;
  text-transform: uppercase;
  width: 100%; }
  @media screen and (min-width: 48.0625em) {
    .add-cart-message-wrapper .option-button.checkout a,
    .add-cart-message-wrapper .option-button.continue {
      margin-right: 0;
      margin-left: auto; } }
  .add-cart-message-wrapper .option-button.checkout a:hover, .add-cart-message-wrapper .option-button.checkout a:focus,
  .add-cart-message-wrapper .option-button.continue:hover,
  .add-cart-message-wrapper .option-button.continue:focus {
    text-decoration: none; }

.add-cart-message-wrapper .option-button.checkout a {
  -webkit-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1);
  color: #9f9f9f;
  border-radius: 0;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.28571;
  min-height: 50px;
  padding: 1rem 1.5rem;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  white-space: inherit;
  width: 100%;
  background: #e50005;
  color: white; }
  @media screen and (min-width: 61.9375em) {
    .add-cart-message-wrapper .option-button.checkout a {
      min-height: 60px;
      max-width: 270px; } }
  .add-cart-message-wrapper .option-button.checkout a:hover, .add-cart-message-wrapper .option-button.checkout a:focus {
    color: black;
    cursor: pointer;
    text-decoration: none; }
  .add-cart-message-wrapper .option-button.checkout a:hover, .add-cart-message-wrapper .option-button.checkout a:focus {
    background-color: black;
    color: white; }

.page-taxonomy-term #breadcrumb {
  margin-top: .75rem; }

.page-taxonomy-term .wrapperc .catch.is-simple::before {
  -webkit-transition: margin-left .3s;
  transition: margin-left .3s; }

.page-taxonomy-term .wrapperc .catch.is-simple:hover::before {
  margin-left: 1rem; }

@media screen and (min-width: 61.9375em) {
  .page-taxonomy-term .listing-products {
    margin-right: -1.5rem;
    margin-left: -1.5rem; } }

.page-taxonomy-term .listing-products > div {
  border-right: 1px solid rgba(0, 0, 0, 0.05);
  margin-bottom: 0; }

.page-taxonomy-term .listing-products .product {
  -webkit-transition: -webkit-box-shadow .3s;
  transition: -webkit-box-shadow .3s;
  transition: box-shadow .3s;
  transition: box-shadow .3s, -webkit-box-shadow .3s; }
  .page-taxonomy-term .listing-products .product.is-hovered {
    -webkit-box-shadow: 0 0 2rem rgba(0, 0, 0, 0.2);
            box-shadow: 0 0 2rem rgba(0, 0, 0, 0.2); }
  .page-taxonomy-term .listing-products .product .goods {
    margin-bottom: 0; }
    @media screen and (max-width: 61.875em) {
      .page-taxonomy-term .listing-products .product .goods {
        padding: 0;
        padding-bottom: 2rem; } }
    .page-taxonomy-term .listing-products .product .goods:hover {
      -webkit-box-shadow: none;
              box-shadow: none; }

@media screen and (max-width: 48em) {
  .page-taxonomy-term .listing-products .col-xs-6:nth-child(2n) {
    border-right: 0; }
  .page-taxonomy-term .listing-products .col-xs-6:nth-child(2n+1) {
    clear: both; } }

@media screen and (min-width: 48em) and (max-width: 61.875em) {
  .page-taxonomy-term .listing-products .col-sm-4:nth-child(3n) {
    border-right: 0; }
  .page-taxonomy-term .listing-products .col-sm-4:nth-child(3n + 1) {
    clear: both; } }

@media screen and (min-width: 61.9375em) and (max-width: 75em) {
  .page-taxonomy-term .listing-products .col-md-3:nth-child(4n) {
    border-right: 0; }
  .page-taxonomy-term .listing-products .col-md-3:nth-child(4n + 1) {
    clear: both; } }

@media screen and (min-width: 75em) {
  .page-taxonomy-term .listing-products .col-lg-5ths:nth-child(5n) {
    border-right: 0; }
  .page-taxonomy-term .listing-products .col-lg-5ths:nth-child(5n + 1) {
    clear: both; } }

.page-taxonomy-term .mtop {
  padding-top: 0; }

#blocks-promo {
  background: #efefef;
  padding-top: 2rem; }
  @media screen and (min-width: 48.0625em) {
    #blocks-promo {
      padding-top: 8rem; } }
  #blocks-promo .wrapper-blocs {
    padding: 0 1.5rem; }
    @media screen and (min-width: 61.9375em) {
      #blocks-promo .wrapper-blocs {
        padding-right: 3rem;
        padding-left: 3rem; } }

@media screen and (max-width: 61.875em) {
  .layout-blocks .titre ~ p {
    display: none; } }

.layout-blocks .h570 .titre {
  color: inherit;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.125;
  text-transform: none;
  font-weight: 700;
  text-transform: uppercase;
  color: white; }
  @media screen and (min-width: 48em) and (max-width: 61.875em) {
    .layout-blocks .h570 .titre {
      font-size: 18px;
      font-size: 1.8rem;
      line-height: 1.33333; } }
  @media screen and (min-width: 61.9375em) {
    .layout-blocks .h570 .titre {
      font-size: 24px;
      font-size: 2.4rem;
      line-height: 1.25; } }

@media screen and (max-width: 61.875em) {
  .layout-blocks .wrapper-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 100%;
    position: relative; } }

.order-process-shared th, .order-process-shared th a {
  color: inherit; }

.order-process-shared table td {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem; }

.order-process-shared table.commerce-price-formatted-components td {
  padding-top: 1.8rem;
  padding-bottom: 1.8rem; }

.order-process-shared .region-content {
  margin-bottom: 6rem; }

.order-process #page-wrapper .container,
.page-checkout #page-wrapper .container {
  max-width: 690px; }

.order-process__header,
.page-checkout__header {
  background: #f8f8f8;
  border-bottom: 0;
  margin: 0;
  margin-bottom: 3.5rem; }

.order-process__title,
.page-checkout__title {
  color: inherit;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.33333;
  text-transform: none;
  font-weight: 300;
  text-transform: uppercase;
  color: white;
  margin: 0; }
  @media screen and (min-width: 48em) and (max-width: 61.875em) {
    .order-process__title,
    .page-checkout__title {
      font-size: 24px;
      font-size: 2.4rem;
      line-height: 1.25; } }
  @media screen and (min-width: 61.9375em) {
    .order-process__title,
    .page-checkout__title {
      font-size: 32px;
      font-size: 3.2rem;
      line-height: 1.25; } }

.order-process form .form-submit,
.page-checkout form .form-submit {
  -webkit-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1);
  color: #9f9f9f;
  border-radius: 0;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.28571;
  min-height: 50px;
  padding: 1rem 1.5rem;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  white-space: inherit;
  width: 100%;
  background: #e50005;
  color: white; }
  @media screen and (min-width: 61.9375em) {
    .order-process form .form-submit,
    .page-checkout form .form-submit {
      min-height: 60px;
      max-width: 270px; } }
  .order-process form .form-submit:hover, .order-process form .form-submit:focus,
  .page-checkout form .form-submit:hover,
  .page-checkout form .form-submit:focus {
    color: black;
    cursor: pointer;
    text-decoration: none; }
  .order-process form .form-submit:hover, .order-process form .form-submit:focus,
  .page-checkout form .form-submit:hover,
  .page-checkout form .form-submit:focus {
    background-color: black;
    color: white; }

.tab-widgets__link {
  color: rgba(71, 71, 71, 0.5);
  height: auto; }
  @media screen and (min-width: 61.9375em) {
    .tab-widgets__link {
      min-height: 80px; } }
  .tab-widgets__link:hover, .tab-widgets__link:focus {
    text-decoration: none; }

.subheader__title {
  color: inherit;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.33333;
  text-transform: none;
  font-weight: 300;
  text-transform: uppercase;
  color: #e50005;
  margin: 0;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem; }
  @media screen and (min-width: 48em) and (max-width: 61.875em) {
    .subheader__title {
      font-size: 24px;
      font-size: 2.4rem;
      line-height: 1.25; } }
  @media screen and (min-width: 61.9375em) {
    .subheader__title {
      font-size: 32px;
      font-size: 3.2rem;
      line-height: 1.25; } }

.user__infos_title {
  color: inherit;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1.25;
  text-transform: none;
  font-weight: 300; }
  @media screen and (min-width: 48em) and (max-width: 61.875em) {
    .user__infos_title {
      font-size: 32px;
      font-size: 3.2rem;
      line-height: 1.25; } }
  @media screen and (min-width: 61.9375em) {
    .user__infos_title {
      font-size: 48px;
      font-size: 4.8rem;
      line-height: 1.25; } }

.page-cart .form-submit,
.page-checkout .form-submit {
  -webkit-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1);
  color: #9f9f9f;
  border-radius: 0;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.28571;
  min-height: 50px;
  padding: 1rem 1.5rem;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  white-space: inherit;
  width: 100%;
  background: #e50005;
  color: white;
  display: inline-block; }
  @media screen and (min-width: 61.9375em) {
    .page-cart .form-submit,
    .page-checkout .form-submit {
      min-height: 60px;
      max-width: 270px; } }
  .page-cart .form-submit:hover, .page-cart .form-submit:focus,
  .page-checkout .form-submit:hover,
  .page-checkout .form-submit:focus {
    color: black;
    cursor: pointer;
    text-decoration: none; }
  .page-cart .form-submit:hover, .page-cart .form-submit:focus,
  .page-checkout .form-submit:hover,
  .page-checkout .form-submit:focus {
    background-color: black;
    color: white; }
  @media screen and (min-width: 61.9375em) {
    .page-cart .form-submit,
    .page-checkout .form-submit {
      max-width: unset; } }

.cart-navigation {
  color: #9f9f9f;
  margin-top: 2.5rem;
  margin-bottom: 4rem; }
  .cart-navigation a {
    color: inherit; }
    .cart-navigation a:hover, .cart-navigation a:focus {
      text-decoration: none; }

.view-commerce-cart-form .views-field-edit-quantity .form-text,
.view-commerce-cart-summary .views-field-edit-quantity .form-text {
  font-weight: 700;
  text-align: center; }

.view-commerce-cart-form .views-field-line-item-title,
.view-commerce-cart-form .views-field-commerce-total {
  color: black; }

.view-commerce-cart-form .views-field-line-item-title {
  text-transform: none; }

.view-commerce-cart-form .line-item-summary,
.view-commerce-cart-form .component-type-commerce-price-formatted-amount,
.view-commerce-cart-summary .line-item-summary,
.view-commerce-cart-summary .component-type-commerce-price-formatted-amount {
  border-color: #ffed00; }

.view-commerce-cart-form .line-item-total,
.view-commerce-cart-summary .line-item-total {
  color: black;
  font-weight: 800; }

.component-type-commerce-price-formatted-amount {
  color: black; }

.commerce-line-item-views-form .commerce-line-item-actions {
  color: #9f9f9f; }
  .commerce-line-item-views-form .commerce-line-item-actions a {
    color: inherit; }
    .commerce-line-item-views-form .commerce-line-item-actions a:hover, .commerce-line-item-views-form .commerce-line-item-actions a:focus {
      color: #e50005;
      text-decoration: none; }

.commerce-line-item-views-form input.delete-line-item {
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
  background: none;
  background: transparent url("../../images/svg/icon-trash.svg") 50% 50% no-repeat;
  background-size: contain;
  opacity: .6; }
  .commerce-line-item-views-form input.delete-line-item:hover, .commerce-line-item-views-form input.delete-line-item:focus {
    background-position: 50% 50%;
    opacity: 1; }

.commerce-checkout-progress.inline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative; }

.commerce-checkout-progress li {
  padding-top: 3rem;
  padding-bottom: 5rem; }
  .commerce-checkout-progress li.visited .commerce-checkout-progress__step-count {
    background: #e50005; }
  @media screen and (min-width: 48.0625em) {
    .commerce-checkout-progress li.active {
      -webkit-box-flex: 2;
          -ms-flex: 2;
              flex: 2; } }
  .commerce-checkout-progress li.active .commerce-checkout-progress__step-title {
    margin-right: 3rem; }

.commerce-checkout-progress__step-count {
  background: white;
  border: 1px solid #9f9f9f; }

.cart-recos-wrapper {
  padding-top: 3rem;
  padding-bottom: 3rem; }
  @media screen and (min-width: 61.9375em) {
    .cart-recos-wrapper {
      padding-top: 6rem;
      padding-bottom: 6rem; } }
  .cart-recos-wrapper > .container > h2 {
    color: inherit;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.33333;
    text-transform: none;
    font-weight: 300;
    text-transform: uppercase; }
    @media screen and (min-width: 48em) and (max-width: 61.875em) {
      .cart-recos-wrapper > .container > h2 {
        font-size: 24px;
        font-size: 2.4rem;
        line-height: 1.25; } }
    @media screen and (min-width: 61.9375em) {
      .cart-recos-wrapper > .container > h2 {
        font-size: 32px;
        font-size: 3.2rem;
        line-height: 1.25; } }

#page-revendeur .wrapper-filtre #geoloc,
.page-checkout-shipping .wrapper-filtre #geoloc {
  -webkit-transition: -webkit-box-shadow .3s;
  transition: -webkit-box-shadow .3s;
  transition: box-shadow .3s;
  transition: box-shadow .3s, -webkit-box-shadow .3s;
  background: none;
  border: 0;
  border-radius: 0;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
  min-width: 210px; }
  #page-revendeur .wrapper-filtre #geoloc::before,
  .page-checkout-shipping .wrapper-filtre #geoloc::before {
    background: transparent url("../../images/svg/icon-geoloc.svg") 0 50% no-repeat; }
  #page-revendeur .wrapper-filtre #geoloc:hover, #page-revendeur .wrapper-filtre #geoloc:focus,
  .page-checkout-shipping .wrapper-filtre #geoloc:hover,
  .page-checkout-shipping .wrapper-filtre #geoloc:focus {
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1); }

#page-revendeur .wrapper-filtre #cp-filter input,
.page-checkout-shipping .wrapper-filtre #cp-filter input {
  border-bottom-color: #474747; }

.form-type-checkbox {
  position: relative; }
  .form-type-checkbox input[type="checkbox"] {
    border: 0;
    cursor: pointer;
    height: 22px;
    margin: 0;
    padding: 0;
    outline: 0;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 22px; }
    .form-type-checkbox input[type="checkbox"]:checked + label::before {
      background-image: url("../../images/svg/checkbox-check.svg"); }
  .form-type-checkbox label::before {
    background: url("../../images/svg/checkbox.svg") no-repeat scroll left top rgba(0, 0, 0, 0);
    content: " ";
    display: inline-block;
    margin-top: 2px;
    margin-right: 1rem;
    margin-left: 0;
    height: 18px;
    vertical-align: middle;
    width: 16px; }

.splash {
  color: inherit;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.125;
  text-transform: none;
  font-weight: 300;
  padding: 4rem 5rem;
  text-align: center; }
  @media screen and (min-width: 61.9375em) {
    .splash {
      font-size: 18px;
      font-size: 1.8rem;
      line-height: 1.33333; } }
  .splash__title {
    color: inherit;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.125;
    text-transform: none;
    font-weight: 300;
    text-transform: uppercase;
    color: #e50005;
    margin-bottom: 3.5rem; }
    @media screen and (min-width: 48em) and (max-width: 61.875em) {
      .splash__title {
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 1.33333; } }
    @media screen and (min-width: 61.9375em) {
      .splash__title {
        font-size: 24px;
        font-size: 2.4rem;
        line-height: 1.25; } }

.page-checkout-complete .back-link a {
  -webkit-transition: opacity .2s;
  transition: opacity .2s;
  color: black;
  opacity: .4;
  text-decoration: none; }
  .page-checkout-complete .back-link a:hover, .page-checkout-complete .back-link a:focus {
    opacity: .6; }

.gm-style div div div div div div div div {
  background-color: #474747 !important;
  border-bottom: 1px solid #ffed00; }

#page-revendeur #map-canvas .content-bulle,
.page-checkout-shipping #map-canvas .content-bulle {
  color: white;
  padding: 10px 15px;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 1.57143;
  text-align: right; }
  #page-revendeur #map-canvas .content-bulle p,
  .page-checkout-shipping #map-canvas .content-bulle p {
    margin: 0;
    margin-bottom: 1rem; }
  #page-revendeur #map-canvas .content-bulle .nom,
  #page-revendeur #map-canvas .content-bulle .adresse,
  .page-checkout-shipping #map-canvas .content-bulle .nom,
  .page-checkout-shipping #map-canvas .content-bulle .adresse {
    color: white; }
  #page-revendeur #map-canvas .content-bulle .nom,
  .page-checkout-shipping #map-canvas .content-bulle .nom {
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 1.42857; }
  #page-revendeur #map-canvas .content-bulle .tags,
  .page-checkout-shipping #map-canvas .content-bulle .tags {
    color: #9f9f9f;
    font-weight: 300;
    font-style: italic; }
  #page-revendeur #map-canvas .content-bulle .choose-retailer,
  .page-checkout-shipping #map-canvas .content-bulle .choose-retailer {
    color: #ffed00; }

.page-checkout-shipping #map-canvas .content-bulle .choose-retailer-revendeur {
  display: none; }

.page-checkout-shipping #map-canvas .content-bulle .choose-retailer-cart {
  display: block; }

.revendeur-choosen {
  background: #f8f8f8;
  border: 0;
  border-radius: none;
  margin: 0;
  padding: 4rem 0; }
  .revendeur-choosen__card {
    background: white;
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
            box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
    margin: 0 auto;
    min-height: 200px;
    max-width: 400px;
    padding: 1.5rem 4rem; }
  .revendeur-choosen__title {
    color: inherit;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.125;
    text-transform: none;
    font-weight: 300;
    text-transform: uppercase; }
    @media screen and (min-width: 48em) and (max-width: 61.875em) {
      .revendeur-choosen__title {
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 1.33333; } }
    @media screen and (min-width: 61.9375em) {
      .revendeur-choosen__title {
        font-size: 24px;
        font-size: 2.4rem;
        line-height: 1.25; } }
  .revendeur-choosen__label, .revendeur-choosen__addr {
    display: block; }
  .revendeur-choosen__label {
    color: black;
    font-weight: 700;
    margin-bottom: 1rem; }
  .revendeur-choosen__addr {
    color: #474747;
    font-weight: 600;
    text-transform: none; }

.node-type-landing-page,
.node-type-sommaire {
  margin-bottom: 3rem; }
  @media screen and (min-width: 61.9375em) {
    .node-type-landing-page,
    .node-type-sommaire {
      margin-bottom: 0; } }
  .node-type-landing-page .img-full > .container,
  .node-type-landing-page .img-full > .container > .col-md-5,
  .node-type-landing-page .img-full > .container > .col-md-5 > .row,
  .node-type-landing-page .img-full > .container > .col-md-5 > .row > .header-content,
  .node-type-sommaire .img-full > .container,
  .node-type-sommaire .img-full > .container > .col-md-5,
  .node-type-sommaire .img-full > .container > .col-md-5 > .row,
  .node-type-sommaire .img-full > .container > .col-md-5 > .row > .header-content {
    height: 100%; }
  .node-type-landing-page .header-content,
  .node-type-sommaire .header-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  .node-type-landing-page .wrapper-content,
  .node-type-sommaire .wrapper-content {
    padding: 2rem;
    width: 100%; }
    .node-type-landing-page .wrapper-content ul,
    .node-type-sommaire .wrapper-content ul {
      font-family: "Open Sans", Arial, Helvetica, sans-serif;
      font-size: 16px;
      font-size: 1.6rem;
      font-weight: 700;
      line-height: 1.125; }
      .node-type-landing-page .wrapper-content ul li,
      .node-type-sommaire .wrapper-content ul li {
        margin: 0;
        margin-bottom: 1.6rem; }
  .node-type-landing-page .header-content h3,
  .node-type-sommaire .header-content h3 {
    color: inherit;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.125;
    text-transform: none;
    font-weight: 300; }
    @media screen and (min-width: 48em) and (max-width: 61.875em) {
      .node-type-landing-page .header-content h3,
      .node-type-sommaire .header-content h3 {
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 1.33333; } }
    @media screen and (min-width: 61.9375em) {
      .node-type-landing-page .header-content h3,
      .node-type-sommaire .header-content h3 {
        font-size: 24px;
        font-size: 2.4rem;
        line-height: 1.25; } }
  .node-type-landing-page .primary-content,
  .node-type-sommaire .primary-content {
    padding-top: 3rem;
    padding-bottom: 3rem;
    background: #f8f8f8; }
    @media screen and (min-width: 61.9375em) {
      .node-type-landing-page .primary-content,
      .node-type-sommaire .primary-content {
        padding-top: 6rem;
        padding-bottom: 6rem; } }
  .node-type-landing-page .list-links,
  .node-type-sommaire .list-links {
    padding-top: 3rem;
    padding-bottom: 3rem; }
    @media screen and (min-width: 61.9375em) {
      .node-type-landing-page .list-links,
      .node-type-sommaire .list-links {
        padding-top: 12rem;
        padding-bottom: 12rem; } }
  .node-type-landing-page .editorial .s4--alt,
  .node-type-sommaire .editorial .s4--alt {
    color: black; }
  .node-type-landing-page .editorial .field-name-field-intro-links p,
  .node-type-sommaire .editorial .field-name-field-intro-links p {
    color: #9f9f9f;
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.57143; }
  .node-type-landing-page .editorial .field-name-field-intro-links a,
  .node-type-sommaire .editorial .field-name-field-intro-links a {
    color: #e50005;
    display: block;
    padding-right: 2.5rem;
    position: relative;
    text-decoration: none; }
    @media screen and (min-width: 48.0625em) {
      .node-type-landing-page .editorial .field-name-field-intro-links a,
      .node-type-sommaire .editorial .field-name-field-intro-links a {
        display: inline-block; } }
    .node-type-landing-page .editorial .field-name-field-intro-links a:hover, .node-type-landing-page .editorial .field-name-field-intro-links a:focus,
    .node-type-sommaire .editorial .field-name-field-intro-links a:hover,
    .node-type-sommaire .editorial .field-name-field-intro-links a:focus {
      text-decoration: underline; }
    .node-type-landing-page .editorial .field-name-field-intro-links a::before,
    .node-type-sommaire .editorial .field-name-field-intro-links a::before {
      background: transparent url("../../images/svg/i-right-arrow-red.svg") 50% 50% no-repeat;
      background-size: contain;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      content: '';
      position: absolute;
      top: 50%;
      right: 0;
      height: 8px;
      width: 16px; }
  .node-type-landing-page #footer,
  .node-type-sommaire #footer {
    padding-bottom: 0; }

.page-temoignages .bg-temoignages {
  background: none;
  background-color: #e50005;
  background-image: url("../../images/bg-header-form.jpg");
  background-repeat: no-repeat;
  background-position: 50% 0;
  background-size: cover;
  position: relative; }
  .page-temoignages .bg-temoignages.h400,
  .page-temoignages .bg-temoignages .h400 {
    height: 500px; }

.page-temoignages .node-temoignages .testimony__content p {
  background: none;
  padding: 0; }

.page-temoignages .node-temoignages .see-more {
  display: none; }

.page-actualites #footer {
  padding: 0; }

.listing-actus {
  background: #efefef; }
  .listing-actus .grid-item .content .date {
    color: #e50005; }
  .listing-actus #more-actu:hover, .listing-actus #more-actu:focus {
    color: #e50005;
    text-decoration: none; }

#page-actu .bg-actu {
  background-color: #f8f8f8;
  background-image: url("../../images/header-default-bg.jpg");
  background-position: 50% 0;
  background-repeat: repeat-x; }

#page-actu #page-title {
  color: white; }

#page-actualite .bg-actu {
  background-color: #f8f8f8;
  background-image: url("../../images/header-default-bg.jpg");
  background-position: 50% 0;
  background-repeat: repeat-x; }
  #page-actualite .bg-actu .title,
  #page-actualite .bg-actu h1 {
    color: inherit;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.33333;
    text-transform: none;
    font-weight: 300;
    text-transform: uppercase;
    color: white; }
    @media screen and (min-width: 48em) and (max-width: 61.875em) {
      #page-actualite .bg-actu .title,
      #page-actualite .bg-actu h1 {
        font-size: 24px;
        font-size: 2.4rem;
        line-height: 1.25; } }
    @media screen and (min-width: 61.9375em) {
      #page-actualite .bg-actu .title,
      #page-actualite .bg-actu h1 {
        font-size: 32px;
        font-size: 3.2rem;
        line-height: 1.25; } }
  @media screen and (max-width: 47.9375em) {
    #page-actualite .bg-actu .title {
      text-align: center; } }
  #page-actualite .bg-actu .sharethis-wrapper {
    right: 1.5rem; }
    @media screen and (max-width: 47.9375em) {
      #page-actualite .bg-actu .sharethis-wrapper {
        position: static; } }

.page-search .head-result {
  background: #f8f8f8; }
  .page-search .head-result h1 {
    color: inherit;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.33333;
    text-transform: none;
    font-weight: 300;
    text-transform: uppercase;
    color: #474747; }
    @media screen and (min-width: 48em) and (max-width: 61.875em) {
      .page-search .head-result h1 {
        font-size: 24px;
        font-size: 2.4rem;
        line-height: 1.25; } }
    @media screen and (min-width: 61.9375em) {
      .page-search .head-result h1 {
        font-size: 32px;
        font-size: 3.2rem;
        line-height: 1.25; } }
  .page-search .head-result > .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    height: 100%; }

.page-search .search-results .search-result h3 a {
  color: #474747; }
  .page-search .search-results .search-result h3 a:hover, .page-search .search-results .search-result h3 a:focus {
    color: #e50005; }

.page-search h2 {
  color: inherit;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1.25;
  text-transform: none;
  font-weight: 300;
  text-transform: uppercase;
  padding-left: 0;
  padding-right: 0; }
  @media screen and (min-width: 48em) and (max-width: 61.875em) {
    .page-search h2 {
      font-size: 32px;
      font-size: 3.2rem;
      line-height: 1.25; } }
  @media screen and (min-width: 61.9375em) {
    .page-search h2 {
      font-size: 48px;
      font-size: 4.8rem;
      line-height: 1.25; } }
  .page-search h2 span {
    color: #e50005; }

.page-search #search-form {
  margin-bottom: 0;
  position: static; }
  @media screen and (min-width: 75em) {
    .page-search #search-form {
      position: absolute;
      width: 655px; } }
  .page-search #search-form .container-inline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
    @media screen and (min-width: 48.0625em) {
      .page-search #search-form .container-inline {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row; } }
  .page-search #search-form .form-item {
    display: block;
    margin-bottom: 1rem;
    width: 100%; }
    @media screen and (min-width: 48.0625em) {
      .page-search #search-form .form-item {
        margin-bottom: 0;
        width: auto; } }
  .page-search #search-form .form-wrapper {
    text-align: left; }
    .page-search #search-form .form-wrapper label {
      color: black;
      font-weight: 700; }
    .page-search #search-form .form-wrapper .form-submit {
      -webkit-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1);
      transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1);
      color: #9f9f9f;
      border-radius: 0;
      -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
              box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      font-family: "Open Sans", Arial, Helvetica, sans-serif;
      font-size: 14px;
      font-size: 1.4rem;
      font-weight: 700;
      line-height: 1.28571;
      min-height: 50px;
      padding: 1rem 1.5rem;
      text-align: center;
      text-transform: uppercase;
      text-decoration: none;
      white-space: inherit;
      width: 100%;
      background: #e50005;
      color: white;
      margin: 0; }
      @media screen and (min-width: 61.9375em) {
        .page-search #search-form .form-wrapper .form-submit {
          min-height: 60px;
          max-width: 270px; } }
      .page-search #search-form .form-wrapper .form-submit:hover, .page-search #search-form .form-wrapper .form-submit:focus {
        color: black;
        cursor: pointer;
        text-decoration: none; }
      .page-search #search-form .form-wrapper .form-submit:hover, .page-search #search-form .form-wrapper .form-submit:focus {
        background-color: black;
        color: white; }
      @media screen and (min-width: 48.0625em) {
        .page-search #search-form .form-wrapper .form-submit {
          min-height: 60px;
          max-width: 150px; } }

.revendeur #footer {
  padding-bottom: 0; }

.revendeur-description {
  text-align: center; }

#page-revendeur #bg-revendeur {
  background: none; }

#page-revendeur #description .titre, #page-revendeur #description .titre p {
  color: inherit;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.125;
  text-transform: none;
  font-weight: 300; }
  @media screen and (min-width: 48em) and (max-width: 61.875em) {
    #page-revendeur #description .titre, #page-revendeur #description .titre p {
      font-size: 18px;
      font-size: 1.8rem;
      line-height: 1.33333; } }
  @media screen and (min-width: 61.9375em) {
    #page-revendeur #description .titre, #page-revendeur #description .titre p {
      font-size: 24px;
      font-size: 2.4rem;
      line-height: 1.25; } }

#page-revendeur #map-canvas .content-bulle .choose-retailer-revendeur {
  display: block; }

#page-revendeur #map-canvas .content-bulle .choose-retailer-cart {
  display: none; }

#page-revendeur #wrapper-revendeur {
  margin-bottom: 0;
  padding: 2rem; }
  @media screen and (min-width: 61.9375em) {
    #page-revendeur #wrapper-revendeur {
      padding-top: 1.5rem;
      padding-left: 4rem;
      padding-right: 6rem;
      padding-bottom: 4rem; } }
  #page-revendeur #wrapper-revendeur,
  #page-revendeur #wrapper-revendeur #webform-revendeur {
    height: auto; }
    #page-revendeur #wrapper-revendeur .webform-component-checkboxes label,
    #page-revendeur #wrapper-revendeur #webform-revendeur .webform-component-checkboxes label {
      font-size: 12px; }
  #page-revendeur #wrapper-revendeur .wrapper-revendeur-heading {
    display: block;
    color: inherit;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.125;
    text-transform: none;
    font-weight: 300;
    text-transform: uppercase;
    margin-bottom: 2rem; }
    @media screen and (min-width: 48em) and (max-width: 61.875em) {
      #page-revendeur #wrapper-revendeur .wrapper-revendeur-heading {
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 1.33333; } }
    @media screen and (min-width: 61.9375em) {
      #page-revendeur #wrapper-revendeur .wrapper-revendeur-heading {
        font-size: 24px;
        font-size: 2.4rem;
        line-height: 1.25; } }
  #page-revendeur #wrapper-revendeur #infos-revendeur {
    margin-top: 0; }
  #page-revendeur #wrapper-revendeur .webform-client-form input[type=submit] {
    min-height: 40px; }

.webform-component--consentement {
  clear: both; }

.product-type-filter {
  position: relative;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 1rem; }
  .product-type-filter input[type="checkbox"] {
    border: 0;
    cursor: pointer;
    height: 22px;
    margin: 0;
    padding: 0;
    outline: 0;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 22px; }
    .product-type-filter input[type="checkbox"]:checked + label::before {
      background-image: url("../../images/svg/checkbox-check.svg"); }
  .product-type-filter label::before {
    background: url("../../images/svg/checkbox.svg") no-repeat scroll left top rgba(0, 0, 0, 0);
    content: " ";
    display: inline-block;
    margin-top: 2px;
    margin-right: 1rem;
    margin-left: 0;
    height: 18px;
    vertical-align: middle;
    width: 16px; }
  @media screen and (min-width: 61.9375em) {
    .product-type-filter {
      margin: 0 2rem;
      padding: 0; } }
  .product-type-filter label {
    color: #9f9f9f; }
  .product-type-filter-wrapper {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 2rem 0; }
    @media screen and (min-width: 61.9375em) {
      .product-type-filter-wrapper {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row; } }
  .product-type-filter-heading {
    color: black; }
    @media screen and (min-width: 48.0625em) {
      .product-type-filter-heading {
        margin-right: 2rem; } }
  .product-type-filter-trigger {
    -webkit-transition: -webkit-transform .25s;
    transition: -webkit-transform .25s;
    transition: transform .25s;
    transition: transform .25s, -webkit-transform .25s;
    background: none;
    border: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
    cursor: pointer;
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.57143; }
    .product-type-filter-trigger.catch.is-simple {
      max-width: unset;
      width: auto; }
      .product-type-filter-trigger.catch.is-simple:hover, .product-type-filter-trigger.catch.is-simple:focus {
        -webkit-transform: translateX(1rem);
                transform: translateX(1rem);
        -webkit-box-shadow: none;
                box-shadow: none; }

#infos-revendeur .tags {
  color: #9f9f9f;
  display: block;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 300;
  line-height: 1.57143;
  font-style: italic;
  margin-bottom: 1.5rem; }

#webform-revendeur .webform-component--ligne > .fieldset-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  @media screen and (min-width: 61.9375em) {
    #webform-revendeur .webform-component--ligne > .fieldset-wrapper {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row; } }

@media screen and (min-width: 61.9375em) {
  #webform-revendeur .webform-component--ligne--col-left--ville {
    border-bottom: 1px solid rgba(0, 0, 0, 0.2); } }

#webform-revendeur .form-actions {
  float: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%; }
  @media screen and (min-width: 61.9375em) {
    #webform-revendeur .form-actions {
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end; } }

.node-webform {
  /* Forms RGPD */ }
  .node-webform .bg-contact {
    background: none;
    background-color: #e50005;
    background-image: url("../../images/bg-header-form.jpg");
    background-repeat: no-repeat;
    background-position: 50% 0;
    background-size: cover; }
    .node-webform .bg-contact.h400,
    .node-webform .bg-contact .h400 {
      height: 500px; }
    .node-webform .bg-contact h1 {
      margin-top: -4.5rem;
      padding-bottom: 0; }
  .node-webform .locate-link,
  .node-webform .card-map .col-sm-5 .num_vert {
    color: #e50005; }
  .node-webform .info-droit {
    font-style: italic;
    margin-top: 20px; }

.page-form-demo .node-webform .bg-contact {
  background-image: url("../../images/header-default-bg.jpg");
  background-repeat: repeat-x; }
  .page-form-demo .node-webform .bg-contact::before {
    display: none; }
  .page-form-demo .node-webform .bg-contact.h400,
  .page-form-demo .node-webform .bg-contact .h400 {
    height: 400px; }

.page-form-demo .header-content.h400 {
  background: radial-gradient(570px 400px at 0 0, black 0%, rgba(0, 0, 0, 0) 100%), url("../../images/bg-demonstration.jpg") 50% 0 no-repeat;
  background-size: cover; }

.page--maintenance,
.page--maintenance body,
.page--maintenance .page {
  height: 100%; }

.page--maintenance body {
  background: #e50005;
  color: white;
  -webkit-font-smoothing: antialiased; }

.page--maintenance .page__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  height: 100%;
  margin: 0 auto;
  max-width: 800px;
  position: relative;
  text-align: center; }

.page--maintenance .page__title {
  font-weight: 300; }

.page--maintenance .page__snippet {
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1.25; }

.page--maintenance .page__logo {
  margin-bottom: 8rem;
  max-width: 650px; }

.page--maintenance .cogs {
  margin: 0 auto;
  max-width: 650px;
  position: relative;
  z-index: -1; }

.page--maintenance .cog {
  -webkit-animation: spin 10s linear infinite;
          animation: spin 10s linear infinite;
  display: block;
  fill: #d70006;
  height: auto;
  width: 100%;
  position: absolute;
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%; }
  .page--maintenance .cog--1 {
    -webkit-animation-duration: 10s;
            animation-duration: 10s;
    max-width: 40%;
    top: 0;
    left: 0; }
  .page--maintenance .cog--2 {
    -webkit-animation-duration: 15s;
            animation-duration: 15s;
    max-width: 60%;
    top: 50px;
    right: 0; }

.page-comment-reply .block-system {
  margin-top: 4rem;
  margin-bottom: 4rem; }
  .page-comment-reply .block-system .content {
    background: white;
    border: 1px solid #efefef;
    margin: 0;
    margin-bottom: 3rem;
    padding: 2rem;
    margin: 0 auto;
    max-width: 800px; }
    @media screen and (min-width: 48.0625em) {
      .page-comment-reply .block-system .content {
        padding: 4rem; } }
    .page-comment-reply .block-system .content .form-submit {
      -webkit-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1);
      transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1);
      color: #9f9f9f;
      border-radius: 0;
      -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
              box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      font-family: "Open Sans", Arial, Helvetica, sans-serif;
      font-size: 14px;
      font-size: 1.4rem;
      font-weight: 700;
      line-height: 1.28571;
      min-height: 50px;
      padding: 1rem 1.5rem;
      text-align: center;
      text-transform: uppercase;
      text-decoration: none;
      white-space: inherit;
      width: 100%;
      background: black;
      border: 1px solid black;
      -webkit-box-shadow: none;
              box-shadow: none;
      color: white;
      font-family: "Open Sans", Arial, Helvetica, sans-serif;
      font-size: 12px;
      font-size: 1.2rem;
      font-weight: 700;
      line-height: 1.83333;
      margin: 0 auto;
      padding-top: .8rem;
      padding-bottom: .8rem; }
      @media screen and (min-width: 61.9375em) {
        .page-comment-reply .block-system .content .form-submit {
          min-height: 60px;
          max-width: 270px; } }
      .page-comment-reply .block-system .content .form-submit:hover, .page-comment-reply .block-system .content .form-submit:focus {
        color: black;
        cursor: pointer;
        text-decoration: none; }
      .page-comment-reply .block-system .content .form-submit:hover, .page-comment-reply .block-system .content .form-submit:focus {
        background: white;
        -webkit-box-shadow: inset 0 0 0 1px currentColor;
                box-shadow: inset 0 0 0 1px currentColor;
        color: black; }
      @media screen and (min-width: 61.9375em) {
        .page-comment-reply .block-system .content .form-submit {
          min-height: 40px; } }
    .page-comment-reply .block-system .content .talk {
      background: #f8f8f8; }
      .page-comment-reply .block-system .content .talk .catch {
        display: none; }
  .page-comment-reply .block-system .form-item .username {
    display: inline-block;
    padding: 1rem 0; }
  .page-comment-reply .block-system .field-name-comment-body {
    margin-bottom: 2rem; }
    .page-comment-reply .block-system .field-name-comment-body .filter-wrapper {
      display: none; }
  .page-comment-reply .block-system .captcha {
    margin-bottom: 2rem; }

html {
  font-size: 62.5%; }

body {
  color: #474747;
  font-size: 1.4rem;
  -webkit-font-smoothing: antialiased; }

a {
  color: #474747; }
  a:hover, a:focus {
    color: #e50005;
    text-decoration: underline; }

p {
  color: inherit; }

legend {
  color: #474747; }

.block {
  display: block; }

.inline-block {
  display: inline-block; }

.inline {
  display: inline; }

.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

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

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

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

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

#page-title {
  color: inherit;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1.25;
  text-transform: none;
  font-weight: 300;
  text-transform: uppercase; }
  @media screen and (min-width: 48em) and (max-width: 61.875em) {
    #page-title {
      font-size: 32px;
      font-size: 3.2rem;
      line-height: 1.25; } }
  @media screen and (min-width: 61.9375em) {
    #page-title {
      font-size: 48px;
      font-size: 4.8rem;
      line-height: 1.25; } }

.not-logged-in #header-admin {
  padding-top: 0; }

.region-header {
  background: white;
  position: relative; }
  .region-header > .container {
    position: relative; }
  @media screen and (min-width: 61.9375em) {
    .region-header a, .region-header a.active {
      color: inherit;
      line-height: 5rem; } }
  @media screen and (min-width: 61.9375em) {
    .region-header a:hover, .region-header a.active:hover {
      color: #e50005;
      text-decoration: none; } }
  .region-header #block-locale-language li:after {
    color: #474747; }
  .region-header .block-custom-search-blocks {
    background: white;
    width: 100%; }
    @media screen and (min-width: 61.9375em) {
      .region-header .block-custom-search-blocks {
        max-width: 410px;
        position: absolute;
        top: 0;
        left: 200px; } }
    @media screen and (min-width: 1200px) {
      .region-header .block-custom-search-blocks {
        max-width: 470px; } }
    @media screen and (min-width: 75em) {
      .region-header .block-custom-search-blocks {
        max-width: 570px; } }
    .region-header .block-custom-search-blocks .search-form {
      margin: 0;
      padding: 0; }
      .region-header .block-custom-search-blocks .search-form > div {
        position: relative; }
    .region-header .block-custom-search-blocks input[type="text"],
    .region-header .block-custom-search-blocks input[type="password"] {
      -webkit-transition: none;
      transition: none;
      background: none;
      border-top: 0;
      border-bottom: 0;
      height: 5rem;
      padding-left: 1.5em;
      padding-right: calc(5rem + 1.5em); }
      .region-header .block-custom-search-blocks input[type="text"], .region-header .block-custom-search-blocks input[type="text"]:focus,
      .region-header .block-custom-search-blocks input[type="password"],
      .region-header .block-custom-search-blocks input[type="password"]:focus {
        border-color: rgba(159, 159, 159, 0.5); }
    .region-header .block-custom-search-blocks .form-actions {
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      position: absolute;
      top: 50%;
      right: 0;
      height: 5rem;
      width: 5rem; }
    .region-header .block-custom-search-blocks .form-submit {
      -webkit-transition: opacity .25s ease-out;
      transition: opacity .25s ease-out;
      background: transparent url("../../images/icons/i-search.svg") 50% 50% no-repeat;
      background-size: 20px;
      -webkit-box-shadow: none;
              box-shadow: none;
      display: block;
      opacity: .7;
      margin: 0;
      padding: 0;
      height: 100%;
      width: 100%; }
      .region-header .block-custom-search-blocks .form-submit:hover, .region-header .block-custom-search-blocks .form-submit:focus {
        -webkit-box-shadow: none;
                box-shadow: none;
        opacity: .9; }
  @media screen and (min-width: 61.9375em) {
    .region-header .menu-name-menu-menu-header > ul.menu > li {
      height: 5rem; } }
  @media screen and (min-width: 61.9375em) {
    .region-header .menu-name-menu-menu-header > ul.menu > li:hover > a,
    .region-header .menu-name-menu-menu-header > ul.menu > li > a:hover {
      color: #e50005; } }
  .region-header .menu-name-menu-menu-header > ul.menu > li.active {
    border-bottom-color: black; }

.menu-name-menu-menu-header ul.menu ul.menu {
  top: 5rem; }
  .menu-name-menu-menu-header ul.menu ul.menu a {
    line-height: 40px; }

.site-name {
  margin: 0;
  margin-right: auto;
  line-height: unset; }
  @media screen and (min-width: 61.9375em) {
    .site-name {
      margin-right: 5rem; } }
  @media screen and (min-width: 75em) {
    .site-name {
      margin-right: 11.6rem; } }
  @media screen and (min-width: 75em) {
    .onscroll .site-name {
      margin-right: 17.6rem; } }

.nav-wrapper {
  background: #e50005;
  border: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #ffed00; }
  @media screen and (max-width: 61.9375em) {
    .nav-wrapper {
      padding-top: 0;
      padding-bottom: 0; } }
  @media screen and (min-width: 61.9375em) {
    .nav-wrapper {
      top: 5rem; } }
  .admin-menu .nav-wrapper {
    top: 84px; }
  .admin-menu.onscroll .nav-wrapper {
    top: 29px; }
  .nav-wrapper .container-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }

.actions-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row; }

.region-tools {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  float: none;
  position: static; }

#block-dc-ajax-add-cart-ajax-shopping-cart,
.block-user-account {
  float: none;
  position: static;
  width: 50px; }
  @media screen and (min-width: 48.0625em) {
    #block-dc-ajax-add-cart-ajax-shopping-cart,
    .block-user-account {
      width: 60px; } }

#block-dc-ajax-add-cart-ajax-shopping-cart {
  margin: 0; }
  #block-dc-ajax-add-cart-ajax-shopping-cart div.clear {
    display: none; }

.block-user-account {
  position: relative;
  right: 0; }
  .block-user-account__content {
    background: white;
    border-top: 10px solid #ffed00;
    top: 80px; }
    .block-user-account__content::before {
      border-color: transparent transparent #ffed00 transparent;
      top: -22px; }
    .block-user-account__content.is-deployed {
      height: auto;
      width: 200px; }
    .block-user-account__content a {
      color: #474747; }
  .block-user-account__title {
    color: #474747; }
  .block-user-account__icon {
    background: transparent url("../../images/icons//i-user-yellow.svg") 50% 50% no-repeat;
    background-size: 20px 20px;
    display: block;
    margin: 0 auto; }
  .block-user-account__link a:hover, .block-user-account__link a:focus {
    color: #e50005;
    text-decoration: none; }

.ajax-shopping-cart-wrapper {
  height: 100%;
  position: relative; }
  .ajax-shopping-cart-wrapper .btn-cart {
    -webkit-transition: none;
    transition: none;
    background-color: transparent;
    margin: 0 auto;
    position: absolute;
    right: 0;
    left: 0; }
  .ajax-shopping-cart-wrapper__content {
    border-color: #ffed00;
    position: relative;
    right: calc(240px - (40px + (40px / 2)));
    z-index: 1; }
    @media screen and (min-width: 30em) {
      .ajax-shopping-cart-wrapper__content {
        right: calc(400px - (40px + (40px / 2))); } }
    .ajax-shopping-cart-wrapper__content::before {
      border-color: transparent transparent #ffed00 transparent;
      right: 20px; }
    .ajax-shopping-cart-wrapper__content.is-deployed {
      height: auto;
      width: 240px; }
      @media screen and (min-width: 30em) {
        .ajax-shopping-cart-wrapper__content.is-deployed {
          width: 400px; } }
    .ajax-shopping-cart-wrapper__content .empty-shopping-cart {
      padding: 2.8rem 1.5rem; }
      @media screen and (min-width: 48.0625em) {
        .ajax-shopping-cart-wrapper__content .empty-shopping-cart {
          padding: 2.8rem; } }

.ajax-shopping-cart-more-info .catch {
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.57143;
  margin-top: 3rem;
  margin-left: auto;
  margin-bottom: 3rem;
  margin-right: auto;
  max-width: 90%; }

.ajax-shopping-cart-table .remove-from-cart {
  padding-right: 2rem;
  text-align: right; }

.ajax-shopping-cart-table tr:last-child td {
  border-color: #efefef; }

.btn-cart__hint {
  border: 0;
  background-color: white;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1.66667;
  color: black;
  bottom: 0;
  right: -8px; }
  .onscroll .btn-cart__hint {
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.6;
    height: 16px;
    width: 16px;
    bottom: 1px;
    right: -8px; }

.trigger-menu-mobile {
  background: none;
  border: 0;
  display: block;
  height: 46px;
  position: relative;
  text-indent: -9999em;
  width: 46px; }
  @media screen and (min-width: 61.9375em) {
    .trigger-menu-mobile {
      display: none; } }
  .trigger-menu-mobile .trigger-open {
    display: block; }
  .trigger-menu-mobile .trigger-close {
    display: none; }
  .trigger-menu-mobile svg {
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    fill: #ffed00;
    height: 20px;
    width: 20px;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0; }

.logotype {
  display: block;
  max-width: 100px; }
  @media screen and (min-width: 30em) {
    .logotype {
      max-width: 130px; } }
  @media screen and (min-width: 48.0625em) {
    .logotype {
      max-width: 160px; } }
  @media screen and (min-width: 48.0625em) {
    .onscroll .header .logotype {
      max-width: 100px; } }

.logo-menu {
  display: block;
  max-width: 160px;
  position: relative;
  z-index: 99; }
  .logo-menu img {
    height: auto;
    position: fixed;
    width: 160px; }

.block-dc-ajax-add-cart {
  color: #474747; }

.footer {
  position: relative; }
  .footer__top {
    background: #f8f8f8;
    min-height: 420px;
    margin-top: 3rem;
    padding-top: 6rem; }
  .footer__bottom {
    background: #e50005;
    height: 40px; }
  .footer .logotype {
    margin-top: 5px;
    margin-right: auto;
    margin-left: auto;
    max-width: 110px; }
    @media screen and (min-width: 61.9375em) {
      .footer .logotype {
        margin-right: 0;
        margin-left: 0; } }

#footer {
  padding: 0;
  padding-top: 6rem; }
  #footer .bloc-center {
    margin-left: -30px;
    top: -90px; }
  #footer .arrowtop {
    top: 0;
    left: 0; }
  #footer .block-rs {
    border-color: #efefef;
    overflow: hidden; }
    @media screen and (min-width: 61.9375em) {
      #footer .block-rs {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
            -ms-flex-align: end;
                align-items: flex-end;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between; } }
    #footer .block-rs .col-left {
      text-align: center; }
      @media screen and (min-width: 30em) {
        #footer .block-rs .col-left {
          width: 33.33333%; } }
    #footer .block-rs .col-left--1 a {
      margin-left: 2em; }
      #footer .block-rs .col-left--1 a:first-child {
        margin-left: 0; }
    #footer .block-rs .col-left--1 i {
      font-size: 2em; }
    @media screen and (min-width: 61.9375em) {
      #footer .block-rs .col-left--1 {
        text-align: left; } }
    #footer .block-rs .col-left--2 .page-nl {
      font-size: 12px;
      font-weight: 600;
      padding: 0; }
    #footer .block-rs .col-left--3 a {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: end;
          -ms-flex-align: end;
              align-items: flex-end;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      font-size: 12px;
      font-weight: 600; }
      @media screen and (min-width: 61.9375em) {
        #footer .block-rs .col-left--3 a {
          -webkit-box-pack: end;
              -ms-flex-pack: end;
                  justify-content: flex-end; } }
    #footer .block-rs .col-left--3 svg {
      height: 24px;
      margin-right: 1em;
      width: 24px; }
    @media screen and (min-width: 61.9375em) {
      #footer .block-rs .col-left--3 {
        text-align: right; } }
    #footer .block-rs, #footer .block-rs a {
      color: rgba(159, 159, 159, 0.6); }
    #footer .block-rs svg {
      -webkit-transition: fill .3s;
      transition: fill .3s;
      fill: rgba(159, 159, 159, 0.6); }
    #footer .block-rs a {
      -webkit-transition: color .3s;
      transition: color .3s; }
      #footer .block-rs a:hover, #footer .block-rs a:focus {
        color: #9f9f9f; }
        #footer .block-rs a:hover svg, #footer .block-rs a:focus svg {
          fill: #9f9f9f; }

#footer .menu-block-2 ul ul {
  padding: 0; }
  #footer .menu-block-2 ul ul a {
    display: inline-block;
    line-height: 1.5;
    margin-bottom: .5rem; }
    #footer .menu-block-2 ul ul a:hover, #footer .menu-block-2 ul ul a:focus {
      color: #e50005;
      text-decoration: none; }

#footer #block-menu-menu-menu-footer {
  position: static; }
  #footer #block-menu-menu-menu-footer li {
    display: block;
    padding: 0; }
  #footer #block-menu-menu-menu-footer a {
    display: inline-block;
    line-height: 1.5;
    margin-bottom: .5rem; }
    #footer #block-menu-menu-menu-footer a:hover, #footer #block-menu-menu-menu-footer a:focus {
      color: #e50005;
      text-decoration: none; }
    #footer #block-menu-menu-menu-footer a.catch {
      margin-bottom: 2rem;
      max-width: 80%; }
      @media screen and (min-width: 61.9375em) {
        #footer #block-menu-menu-menu-footer a.catch {
          margin-bottom: 1.25rem; } }
      #footer #block-menu-menu-menu-footer a.catch:hover, #footer #block-menu-menu-menu-footer a.catch:focus {
        border-color: #e50005; }

.region-footer-second {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  @media screen and (min-width: 48.0625em) {
    .region-footer-second {
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row; } }
  @media screen and (min-width: 61.9375em) {
    .region-footer-second .block-menu-block {
      width: 83.33333%; } }
  .region-footer-second .block-menu {
    margin-bottom: 1.5rem; }
    @media screen and (min-width: 48.0625em) {
      .region-footer-second .block-menu {
        font-size: 1rem;
        margin-bottom: 0;
        width: 180px; } }
    .region-footer-second .block-menu .menu a {
      display: block;
      padding-bottom: .5rem;
      text-align: center; }
      @media screen and (min-width: 48.0625em) {
        .region-footer-second .block-menu .menu a {
          display: inline-block;
          text-align: left;
          padding-bottom: 0; } }
      .region-footer-second .block-menu .menu a:hover, .region-footer-second .block-menu .menu a:focus {
        color: inherit; }
      .region-footer-second .block-menu .menu a.catch {
        font-family: "Open Sans", Arial, Helvetica, sans-serif;
        font-size: 10px;
        font-size: 1rem;
        font-weight: 300;
        line-height: 1.5;
        min-height: unset;
        max-width: 180px;
        margin-right: auto;
        margin-bottom: 1rem;
        margin-left: auto;
        padding-top: .25rem;
        padding-bottom: .25rem;
        text-align: center; }
  .region-footer-second .block-menu--3 .menu a {
    text-transform: uppercase; }

#footer .menu-block-2 > ul > li {
  padding-top: 0;
  margin-bottom: 2rem; }
  @media screen and (min-width: 61.9375em) {
    #footer .menu-block-2 > ul > li {
      margin-bottom: 0; } }

.img-full {
  background: transparent url("../../images/header-default-bg.jpg") 50% 0 repeat-x;
  background-color: #efefef;
  position: relative; }

.node-type-page .img-full::before,
.node-type-webform .img-full::before,
.page-temoignages .bg-temoignages::before {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(60%, rgba(0, 0, 0, 0.2)));
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 60%);
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0; }

.node-type-page .img-full .text-shadow,
.node-type-webform .img-full .text-shadow,
.page-temoignages .bg-temoignages .text-shadow {
  text-shadow: 0 0 1rem rgba(0, 0, 0, 0.3); }

.node-type-page .img-full .header-content,
.node-type-webform .img-full .header-content,
.page-temoignages .bg-temoignages .header-content {
  position: relative;
  z-index: 1; }

.primary-content .bloc-html:nth-child(2n+2) {
  background: #f8f8f8; }

.header-content {
  color: white;
  padding: 1.5rem; }

.downscroll {
  display: none;
  margin: 0 auto;
  height: 50px;
  width: 50px;
  position: absolute;
  bottom: 3rem;
  left: 0;
  right: 0; }
  @media screen and (min-width: 61.9375em) {
    .downscroll {
      display: block; } }
  .downscroll svg {
    -webkit-transition: fill .3s;
    transition: fill .3s;
    fill: white; }
    .downscroll svg:hover, .downscroll svg:focus {
      fill: #e50005; }

.titlec {
  margin-bottom: 3rem;
  padding: 0; }

.subtitle {
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 300;
  line-height: 1.25;
  color: black;
  text-transform: uppercase;
  margin-bottom: 3rem;
  padding: 0; }

.block-intro {
  padding-bottom: 3rem; }

.see-more {
  color: #e50005;
  cursor: pointer;
  display: block;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 600;
  line-height: 1.83333;
  margin: 0;
  padding: 0;
  text-align: center;
  text-transform: uppercase; }
  .see-more::before {
    display: none; }
  .see-more:hover, .see-more:focus {
    color: black;
    text-decoration: none; }

.links-media a:hover, .links-media a:focus {
  text-decoration: none; }

.sticky {
  z-index: 200; }
  .admin-menu.onscroll .sticky {
    top: 69px; }

.sticky-anchors a:hover, .sticky-anchors a:focus {
  text-decoration: none; }

.sticky-anchors #pointer::after {
  color: #e50005;
  bottom: -16px; }

.commerce-add-to-cart .form-submit,
.double-btn-wrapper .btn-demo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.28571;
  min-height: 60px; }

.commerce-add-to-cart .form-submit:hover, .commerce-add-to-cart .form-submit:focus {
  background: black;
  color: white; }

.double-btn-wrapper {
  border-radius: 0; }
  .double-btn-wrapper form > div {
    background: #e50005;
    border: 0;
    border-radius: 0; }
  .double-btn-wrapper .btn-demo {
    -webkit-transition: color .6s;
    transition: color .6s;
    color: #9f9f9f; }
    .double-btn-wrapper .btn-demo:hover, .double-btn-wrapper .btn-demo:focus {
      color: black;
      text-decoration: none; }

#sidebar-accordion .panel-title a:hover, #sidebar-accordion .panel-title a:focus {
  text-decoration: none; }

#sidebar-accordion .panel-title a h2 {
  margin-bottom: 0; }

#documents .file i, #documents .file span {
  display: inline-block; }

.green-demo {
  background: #e50005;
  border-radius: 0;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.33333; }
  .green-demo:hover, .green-demo:focus {
    background-color: black; }

.footer-block__highlight {
  color: #7ca930;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1.25; }

.fixed-wrapper.over i.fa-times-circle {
  font-size: 40px;
  font-size: 4rem; }

.fixed-wrapper.over .form-filters .wrapper-filter {
  width: 100%; }
  @media screen and (min-width: 48.0625em) {
    .fixed-wrapper.over .form-filters .wrapper-filter {
      width: 50%; } }

.form-filters [type="radio"]:not(:checked) + label:before,
.form-filters [type="radio"]:checked + label:before {
  top: 12px; }

.form-filters [type="radio"]:not(:checked) + label:after,
.form-filters [type="radio"]:checked + label:after {
  background-color: #474747;
  top: 15px; }

.form-filters .wrapper-filter:hover {
  border-bottom-color: #474747; }
  .form-filters .wrapper-filter:hover span.name {
    color: #474747; }

.form-filters .filter li:hover label {
  color: #474747; }

.form-filters .close-filters span {
  background: #e50005; }
  .form-filters .close-filters span:hover, .form-filters .close-filters span:focus {
    background-color: black; }

.filters-products p.black {
  left: 1.5rem; }

#per-slide-template .cycle-pager-active {
  color: #e50005; }

a.arrownext.black,
a.testinext.black,
a.promonext.black {
  background-color: rgba(255, 255, 255, 0.4); }

a.arrownext,
a.testinext,
a.promonext,
a.arrowprev,
a.testiprev,
a.promoprev {
  background-size: 16px 8px; }
  @media screen and (min-width: 48.0625em) {
    a.arrownext,
    a.testinext,
    a.promonext,
    a.arrowprev,
    a.testiprev,
    a.promoprev {
      background-size: 24px 12px; } }

.slideshow .cycle-pager span {
  -webkit-transition: background-color .3s;
  transition: background-color .3s;
  background: #9f9f9f;
  margin-right: 6px;
  margin-left: 6px; }
  .slideshow .cycle-pager span:hover, .slideshow .cycle-pager span:focus {
    background: #474747; }
  .slideshow .cycle-pager span.cycle-pager-active {
    background: #7ca930; }

.slideshow--product {
  margin-bottom: 3rem; }
  @media screen and (min-width: 61.9375em) {
    .slideshow--product {
      margin-bottom: 0; } }
  .slideshow--product .goods__sticker {
    left: auto;
    right: 0;
    z-index: 102; }
    @media screen and (min-width: 30em) {
      .slideshow--product .goods__sticker {
        font-family: "Open Sans", Arial, Helvetica, sans-serif;
        font-size: 20px;
        font-size: 2rem;
        font-weight: 800;
        line-height: 1.3;
        height: 104px;
        width: 104px;
        top: 2rem;
        right: 2rem;
        text-transform: uppercase; } }
  .slideshow--product .arrowprev,
  .slideshow--product .arrownext {
    -webkit-transform: translateY(calc(-50% - 45px));
            transform: translateY(calc(-50% - 45px));
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 101; }
  .slideshow--product .arrownext {
    left: auto;
    right: 0; }

.bouton span {
  border-radius: 0; }

.actions a,
.action-links li a {
  background: #e50005;
  border-radius: 0;
  color: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.28571;
  padding-top: .8rem;
  padding-bottom: .8rem;
  white-space: normal; }
  @media screen and (min-width: 61.9375em) {
    .actions a,
    .action-links li a {
      min-height: 40px;
      max-width: 270px; } }
  .actions a:hover, .actions a:focus,
  .action-links li a:hover,
  .action-links li a:focus {
    background-color: black;
    text-decoration: none; }

.btn-tiny {
  background: white;
  border: 0;
  border-radius: 0;
  color: black; }
  .btn-tiny:hover, .btn-tiny:focus {
    background: black;
    color: white;
    text-decoration: none; }

#search-form input[type=submit],
.webform-client-form input[type=submit],
.overlay-document input[type=submit] {
  -webkit-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1);
  color: #9f9f9f;
  border-radius: 0;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.28571;
  min-height: 50px;
  padding: 1rem 1.5rem;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  white-space: inherit;
  width: 100%;
  background: #e50005;
  color: white; }
  @media screen and (min-width: 61.9375em) {
    #search-form input[type=submit],
    .webform-client-form input[type=submit],
    .overlay-document input[type=submit] {
      min-height: 60px;
      max-width: 270px; } }
  #search-form input[type=submit]:hover, #search-form input[type=submit]:focus,
  .webform-client-form input[type=submit]:hover,
  .webform-client-form input[type=submit]:focus,
  .overlay-document input[type=submit]:hover,
  .overlay-document input[type=submit]:focus {
    color: black;
    cursor: pointer;
    text-decoration: none; }
  #search-form input[type=submit]:hover, #search-form input[type=submit]:focus,
  .webform-client-form input[type=submit]:hover,
  .webform-client-form input[type=submit]:focus,
  .overlay-document input[type=submit]:hover,
  .overlay-document input[type=submit]:focus {
    background-color: black;
    color: white; }

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

.listing-products {
  background: none; }
  .listing-products .no-result {
    text-align: center; }
    .listing-products .no-result a {
      text-decoration: underline; }
      .listing-products .no-result a:hover, .listing-products .no-result a:focus {
        text-decoration: none; }
  .listing-products .product a {
    height: auto; }
    @media screen and (min-width: 48.0625em) {
      .listing-products .product a {
        height: 495px; } }
    .listing-products .product a:hover, .listing-products .product a:focus {
      text-decoration: none; }
  .listing-products .product h2 {
    border: 0;
    padding: 0; }
    @media screen and (min-width: 61.9375em) {
      .listing-products .product h2 {
        text-align: left; } }

.grid-item a:hover, .grid-item a:focus {
  text-decoration: none; }

.inno #wrapperc * {
  color: white; }

.link-retailer {
  margin-bottom: 6rem; }

.profilage .header-content .vcenter {
  vertical-align: top; }
  .profilage .header-content .vcenter > h1 {
    margin-top: 2rem; }
    @media screen and (min-width: 48.0625em) {
      .profilage .header-content .vcenter > h1 {
        margin-top: 4rem; } }

.comment-form.user-info-from-cookie {
  background: white;
  border: 1px solid #efefef;
  margin: 0;
  margin-bottom: 3rem;
  padding: 2rem;
  margin-top: 3rem;
  margin-bottom: 3rem;
  margin-left: auto;
  margin-right: auto;
  max-width: 770px; }
  @media screen and (min-width: 48.0625em) {
    .comment-form.user-info-from-cookie {
      padding: 4rem; } }
  .comment-form.user-info-from-cookie .form-submit {
    -webkit-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1);
    transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1);
    color: #9f9f9f;
    border-radius: 0;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.28571;
    min-height: 50px;
    padding: 1rem 1.5rem;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    white-space: inherit;
    width: 100%;
    background: black;
    border: 1px solid black;
    -webkit-box-shadow: none;
            box-shadow: none;
    color: white;
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: 700;
    line-height: 1.83333;
    margin: 0 auto;
    padding-top: .8rem;
    padding-bottom: .8rem; }
    @media screen and (min-width: 61.9375em) {
      .comment-form.user-info-from-cookie .form-submit {
        min-height: 60px;
        max-width: 270px; } }
    .comment-form.user-info-from-cookie .form-submit:hover, .comment-form.user-info-from-cookie .form-submit:focus {
      color: black;
      cursor: pointer;
      text-decoration: none; }
    .comment-form.user-info-from-cookie .form-submit:hover, .comment-form.user-info-from-cookie .form-submit:focus {
      background: white;
      -webkit-box-shadow: inset 0 0 0 1px currentColor;
              box-shadow: inset 0 0 0 1px currentColor;
      color: black; }
    @media screen and (min-width: 61.9375em) {
      .comment-form.user-info-from-cookie .form-submit {
        min-height: 40px; } }
  @media screen and (min-width: 61.9375em) {
    .comment-form.user-info-from-cookie {
      margin-top: 6rem;
      margin-bottom: 6rem; } }

.ie11 .logotype img {
  display: block; }

.ie11 .header .logotype {
  width: 160px; }
  .ie11 .header .logotype img {
    height: 46px;
    width: 160px; }

.ie11 .onscroll .header .logotype {
  width: 100px; }
  .ie11 .onscroll .header .logotype img {
    height: 29px;
    width: 100px; }

.ie11 .footer .logotype {
  width: 110px; }
  .ie11 .footer .logotype img {
    width: 110px;
    height: 32px; }

.ie11 .megamenu--1 .megamenu__subnav > ul {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto; }

.ie11 .commerce-add-to-cart .form-submit,
.ie11 .double-btn-wrapper .btn-demo {
  height: 60px; }

.ie11 .region-footer-second .block-menu .menu a.catch {
  min-height: 22px; }

.ie11 .banderol__content {
  display: block; }

@supports (-ms-ime-align: auto) {
  .actions-wrapper {
    max-width: 120px; } }

/*# sourceMappingURL=outils-wolf.css.map */