@font-face {
  font-family: "Helvetica Neue";
  src: url("/themes/custom/vivelys/assets/css/../fonts/helveticaneue/HelveticaNeue_Roman.otf");
}
.block-splashscreen {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.75);
  z-index: 9999;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: none;
}
.block-splashscreen.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.block-splashscreen .container {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  position: relative;
  padding: 0px 20px;
  max-width: 700px !important;
}
.block-splashscreen .container .croix {
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
  height: 50px;
  background-color: black;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}
.block-splashscreen .container .croix .contenu_croix {
  width: 18px;
  height: 18px;
  -webkit-mask-image: url("/themes/custom/vivelys/assets/css/../img/icons/cross.svg");
          mask-image: url("/themes/custom/vivelys/assets/css/../img/icons/cross.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  background-color: white;
}
.block-splashscreen .container .gauche {
  padding: 40px 40px 65px;
  background-color: #F4F2ED;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.block-splashscreen .container .gauche .media {
  margin-bottom: 25px;
  width: 100%;
}
.block-splashscreen .container .gauche .media .image__field-media-image {
  width: 100%;
}
.block-splashscreen .container .gauche .media .image__field-media-image img {
  width: 100%;
  height: auto;
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
}
.block-splashscreen .container .gauche h4 {
  color: #000000;
  font-family: Judson;
  font-size: 30px;
  letter-spacing: 0;
  line-height: 34px;
  text-align: left;
  padding-right: 25px;
}
.block-splashscreen .container .droite {
  padding: 25px;
  background-color: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.block-splashscreen .container .droite .texte {
  color: #9B9B9B;
  font-family: "Helvetica Neue";
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 23px;
  text-align: center;
  margin-bottom: 25px;
}
.block-splashscreen .container .droite a {
  color: #FFFFFF;
  font-family: "Helvetica Neue";
  font-size: 13px;
  font-weight: bold;
  letter-spacing: 2px;
  line-height: 16px;
  padding: 15px 22px;
  background-color: #000000;
  border-radius: unset;
  -webkit-transition: 0.3s linear;
  transition: 0.3s linear;
  border: 1Px solid transparent;
  text-transform: uppercase;
  white-space: nowrap;
}
.block-splashscreen .container .droite a:active, .block-splashscreen .container .droite a:focus {
  border: 1Px solid transparent !important;
}
@media (min-width: 769px) {
  .block-splashscreen .container .droite a:hover {
    border: 1Px solid #000000;
    color: #000000;
    background-color: white;
  }
  .block-splashscreen .container .droite a:active, .block-splashscreen .container .droite a:focus {
    border: 1Px solid #000000 !important;
  }
}

div[id*=toolbar-administration] {
  z-index: 2000 !important;
}

input:focus, input:active, button:focus, button:active, textarea:focus, textarea:active {
  outline: unset !important;
  -webkit-box-shadow: unset !important;
          box-shadow: unset !important;
  border: unset !important;
}

input[type=submit] {
  cursor: pointer;
}

.preload a, .preload button, .preload span {
  -webkit-transition: none !important;
  transition: none !important;
}

.grecaptcha-badge {
  visibility: hidden;
}

.p-1, .p-2, .p-3, .p-4, .p-5, .p-6 {
  padding: unset !important;
}

*:focus-visible {
  outline: unset;
}

* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

a {
  text-decoration: none !important;
}

span, label {
  display: block;
}

.ajax-progress, .ajax-progress-throbber {
  display: none;
}

.font-weight-bold {
  font-weight: unset !important;
}

p, span, h1, h2, h3, h4, h5, h6, ul, li {
  padding: unset;
  margin: unset;
  font-weight: unset;
}

.font-weight-bold {
  font-weight: unset !important;
}

div[role=contentinfo] {
  position: fixed;
  top: 30px;
  left: 0;
  right: 0;
  z-index: 9999999;
  padding: 0px 20px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
div[role=contentinfo] .alert {
  position: relative;
  margin: unset;
  border: unset;
  padding: 15px 30px;
  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;
  color: #000000;
  font-family: "Helvetica Neue";
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 23px;
  background-color: #F4F2ED;
}
div[role=contentinfo] .alert.alert-success:before {
  content: "";
  height: 30px;
  width: 38px;
}
div[role=contentinfo] .alert button {
  padding: unset;
  top: 0;
  right: 7px;
  height: unset;
  opacity: 1;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: unset;
  position: absolute;
  top: 10px;
  right: 10px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  top: 3Px;
  font-size: 23px;
  line-height: 1;
}
div[role=contentinfo] .alert button:focus, div[role=contentinfo] .alert button:active {
  border: unset;
  outline: unset;
}
div[role=contentinfo] .alert button span {
  display: block;
}

body {
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: subpixel-antialiased !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  line-height: 1;
  margin: unset;
}
body .dialog-off-canvas-main-canvas .page nav.navbar {
  position: unset;
  top: unset;
  background-color: unset !important;
  padding: unset;
  -webkit-box-pack: unset !important;
      -ms-flex-pack: unset !important;
          justify-content: unset !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
body .dialog-off-canvas-main-canvas .page main {
  margin: unset;
  padding: unset !important;
}
body .dialog-off-canvas-main-canvas .page main .page__content .container {
  max-width: unset;
  padding: unset;
  margin: unset;
}

@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.1, 0.9, 1);
    transform: scale3d(1.1, 0.9, 1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 1.1, 1);
    transform: scale3d(0.9, 1.1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.1, 0.9, 1);
    transform: scale3d(1.1, 0.9, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.1, 0.9, 1);
    transform: scale3d(1.1, 0.9, 1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 1.1, 1);
    transform: scale3d(0.9, 1.1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.1, 0.9, 1);
    transform: scale3d(1.1, 0.9, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.animate__rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}

@-webkit-keyframes shakeX {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-8px, 0, 0);
    transform: translate3d(-8px, 0, 0);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(8px, 0, 0);
    transform: translate3d(8px, 0, 0);
  }
}

@keyframes shakeX {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-8px, 0, 0);
    transform: translate3d(-8px, 0, 0);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(8px, 0, 0);
    transform: translate3d(8px, 0, 0);
  }
}
.animate__shakeX {
  -webkit-animation-name: shakeX;
  animation-name: shakeX;
}

details[id=captcha] {
  color: #9B9B9B;
  font-family: "Helvetica Neue";
  font-size: 13px;
  letter-spacing: 0.5px;
  line-height: 15px;
  text-align: start !important;
  margin: 8px 0px;
}
details[id=captcha] .card-body {
  font-size: 0px;
  color: transparent;
}
.page-user {
  height: 100%;
  width: 100%;
}
.page-user .path-user {
  height: 100%;
  width: 100%;
}
.page-user .path-user .dialog-off-canvas-main-canvas {
  height: 100%;
  width: 100%;
}
.page-user .path-user .dialog-off-canvas-main-canvas .page {
  height: 100%;
  width: 100%;
}
.page-user .path-user .dialog-off-canvas-main-canvas .page main {
  height: 100%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 50px 20px;
}
.page-user .path-user .dialog-off-canvas-main-canvas .page main .container {
  max-width: unset !important;
  padding: unset;
  margin: unset;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 90%;
}
.page-user .path-user .dialog-off-canvas-main-canvas .page main .container .block--views-block--00-gammes-block-1 {
  display: none;
}
.page-user .path-user .dialog-off-canvas-main-canvas .page main .container > img {
  height: auto;
  display: block;
  margin-bottom: 30px;
  width: 125px;
}
.page-user .path-user .dialog-off-canvas-main-canvas .page main .container .block--vivelys-content {
  max-width: 760px;
  width: 100%;
}
.page-user .path-user .dialog-off-canvas-main-canvas .page main .container .block--vivelys-content form .js-form-item {
  margin: unset;
  margin-bottom: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.page-user .path-user .dialog-off-canvas-main-canvas .page main .container .block--vivelys-content form .js-form-item:last-child {
  margin-bottom: 0px;
}
.page-user .path-user .dialog-off-canvas-main-canvas .page main .container .block--vivelys-content form .js-form-item label {
  color: #000000;
  font-family: "Helvetica Neue";
  font-size: 13px;
  font-weight: bold;
  letter-spacing: 2px;
  line-height: 16px;
  padding-left: 15px;
  margin-bottom: 15px;
  text-transform: uppercase;
}
.page-user .path-user .dialog-off-canvas-main-canvas .page main .container .block--vivelys-content form .js-form-item input {
  padding: unset;
  height: unset;
  border-radius: 3px;
  background-color: #F4F2ED;
  padding: 15px 15px 13px;
  color: #000000;
  font-family: "Helvetica Neue";
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 23px;
  line-height: 1;
  border: unset;
  max-width: 500px;
}
.page-user .path-user .dialog-off-canvas-main-canvas .page main .container .block--vivelys-content form .js-form-item input::-webkit-input-placeholder {
  color: #9B9B9B;
  font-family: "Helvetica Neue";
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 23px;
}
.page-user .path-user .dialog-off-canvas-main-canvas .page main .container .block--vivelys-content form .js-form-item input::-moz-placeholder {
  color: #9B9B9B;
  font-family: "Helvetica Neue";
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 23px;
}
.page-user .path-user .dialog-off-canvas-main-canvas .page main .container .block--vivelys-content form .js-form-item input:-ms-input-placeholder {
  color: #9B9B9B;
  font-family: "Helvetica Neue";
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 23px;
}
.page-user .path-user .dialog-off-canvas-main-canvas .page main .container .block--vivelys-content form .js-form-item input::-ms-input-placeholder {
  color: #9B9B9B;
  font-family: "Helvetica Neue";
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 23px;
}
.page-user .path-user .dialog-off-canvas-main-canvas .page main .container .block--vivelys-content form .js-form-item input::placeholder {
  color: #9B9B9B;
  font-family: "Helvetica Neue";
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 23px;
}
@media (max-width: 525px) {
  .page-user .path-user .dialog-off-canvas-main-canvas .page main .container .block--vivelys-content form .js-form-item input {
    font-size: 13px;
    letter-spacing: 0.5px;
    line-height: 20px;
  }
  .page-user .path-user .dialog-off-canvas-main-canvas .page main .container .block--vivelys-content form .js-form-item input::-webkit-input-placeholder {
    font-size: 13px;
    letter-spacing: 0.5px;
    line-height: 20px;
  }
  .page-user .path-user .dialog-off-canvas-main-canvas .page main .container .block--vivelys-content form .js-form-item input::-moz-placeholder {
    font-size: 13px;
    letter-spacing: 0.5px;
    line-height: 20px;
  }
  .page-user .path-user .dialog-off-canvas-main-canvas .page main .container .block--vivelys-content form .js-form-item input:-ms-input-placeholder {
    font-size: 13px;
    letter-spacing: 0.5px;
    line-height: 20px;
  }
  .page-user .path-user .dialog-off-canvas-main-canvas .page main .container .block--vivelys-content form .js-form-item input::-ms-input-placeholder {
    font-size: 13px;
    letter-spacing: 0.5px;
    line-height: 20px;
  }
  .page-user .path-user .dialog-off-canvas-main-canvas .page main .container .block--vivelys-content form .js-form-item input::placeholder {
    font-size: 13px;
    letter-spacing: 0.5px;
    line-height: 20px;
  }
}
.page-user .path-user .dialog-off-canvas-main-canvas .page main .container .block--vivelys-content form .js-form-item small {
  margin: 7px 0px;
  color: #000000;
  font-family: "Helvetica Neue";
  font-size: 11px;
  font-weight: bold;
  letter-spacing: 2px;
  line-height: 13px;
  color: #9B9B9B;
}
.page-user .path-user .dialog-off-canvas-main-canvas .page main .container .block--vivelys-content form .form-actions {
  margin-top: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.page-user .path-user .dialog-off-canvas-main-canvas .page main .container .block--vivelys-content form .form-actions input {
  color: #FFFFFF;
  font-family: "Helvetica Neue";
  font-size: 13px;
  font-weight: bold;
  letter-spacing: 2px;
  line-height: 16px;
  padding: 15px 22px;
  background-color: #000000;
  border-radius: unset;
  -webkit-transition: 0.3s linear;
  transition: 0.3s linear;
  border: 1Px solid transparent;
  text-transform: uppercase;
}
.page-user .path-user .dialog-off-canvas-main-canvas .page main .container .block--vivelys-content form .form-actions input:active, .page-user .path-user .dialog-off-canvas-main-canvas .page main .container .block--vivelys-content form .form-actions input:focus {
  border: 1Px solid transparent !important;
}
@media (min-width: 769px) {
  .page-user .path-user .dialog-off-canvas-main-canvas .page main .container .block--vivelys-content form .form-actions input:hover {
    border: 1Px solid #000000;
    color: #000000;
    background-color: white;
  }
  .page-user .path-user .dialog-off-canvas-main-canvas .page main .container .block--vivelys-content form .form-actions input:active, .page-user .path-user .dialog-off-canvas-main-canvas .page main .container .block--vivelys-content form .form-actions input:focus {
    border: 1Px solid #000000 !important;
  }
}

@-webkit-keyframes opacity {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes opacity {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
body.toolbar-horizontal .dialog-off-canvas-main-canvas .page nav.navbar {
  top: 39px;
}
body.overflow {
  overflow: hidden;
}
body .dialog-off-canvas-main-canvas .page nav.navbar {
  width: 100%;
  height: 115px;
  -webkit-transition: 0.75s linear;
  transition: 0.75s linear;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #FFFFFF !important;
}
body .dialog-off-canvas-main-canvas .page nav.navbar.ouvert {
  background-color: #000000 !important;
  z-index: 4;
}
@media (min-width: 769px) {
  body .dialog-off-canvas-main-canvas .page nav.navbar.ouvert .container .block--menugauche ul li:hover:before {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
}
body .dialog-off-canvas-main-canvas .page nav.navbar.ouvert .container .block--menugauche ul li:before {
  background-color: black;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
body .dialog-off-canvas-main-canvas .page nav.navbar.ouvert .container .block--menugauche ul li span {
  -webkit-transition: 0.5s linear;
  transition: 0.5s linear;
  color: black;
  -webkit-animation: 0.5s opacity forwards;
          animation: 0.5s opacity forwards;
}
body .dialog-off-canvas-main-canvas .page nav.navbar.ouvert .container .block--menudroite ul li:first-child a {
  -webkit-transition: 0.75s linear;
  transition: 0.75s linear;
  background-color: white;
  color: #000000;
}
body .dialog-off-canvas-main-canvas .page nav.navbar.ouvert .container .block--menudroite ul li:nth-child(2) {
  -webkit-transition: 0.75s linear;
  transition: 0.75s linear;
  background-color: white;
}
body .dialog-off-canvas-main-canvas .page nav.navbar.ouvert .container .block--menudroite ul li:nth-child(2) a {
  -webkit-transition: 0.75s linear;
  transition: 0.75s linear;
  background-color: #000000;
}
body .dialog-off-canvas-main-canvas .page nav.navbar .container {
  margin: unset;
  padding: unset;
  max-width: unset;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0px 50px;
  width: 100%;
}
@media (max-width: 1140px) {
  body .dialog-off-canvas-main-canvas .page nav.navbar .container {
    padding: 0px 30px;
  }
}
body .dialog-off-canvas-main-canvas .page nav.navbar .container .navbar-toggler {
  display: none;
}
body .dialog-off-canvas-main-canvas .page nav.navbar .container .block--menudroite {
  position: relative;
  z-index: 10;
}
body .dialog-off-canvas-main-canvas .page nav.navbar .container .block--menudroite ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  list-style: none;
}
body .dialog-off-canvas-main-canvas .page nav.navbar .container .block--menudroite ul.contextual-links {
  display: none;
}
body .dialog-off-canvas-main-canvas .page nav.navbar .container .block--menudroite ul li {
  height: auto;
}
body .dialog-off-canvas-main-canvas .page nav.navbar .container .block--menudroite ul li a {
  display: block;
  padding: unset;
}
body .dialog-off-canvas-main-canvas .page nav.navbar .container .block--menudroite ul li:first-child a {
  color: #FFFFFF;
  font-family: "Helvetica Neue";
  font-size: 13px;
  font-weight: bold;
  letter-spacing: 2px;
  line-height: 16px;
  padding: 15px 22px;
  background-color: #000000;
  border-radius: unset;
  -webkit-transition: 0.3s linear;
  transition: 0.3s linear;
  border: 1Px solid transparent;
  text-transform: uppercase;
  margin-right: 5px;
}
body .dialog-off-canvas-main-canvas .page nav.navbar .container .block--menudroite ul li:first-child a:active, body .dialog-off-canvas-main-canvas .page nav.navbar .container .block--menudroite ul li:first-child a:focus {
  border: 1Px solid transparent !important;
}
@media (min-width: 769px) {
  body .dialog-off-canvas-main-canvas .page nav.navbar .container .block--menudroite ul li:first-child a:hover {
    border: 1Px solid #000000;
    color: #000000;
    background-color: white;
  }
  body .dialog-off-canvas-main-canvas .page nav.navbar .container .block--menudroite ul li:first-child a:active, body .dialog-off-canvas-main-canvas .page nav.navbar .container .block--menudroite ul li:first-child a:focus {
    border: 1Px solid #000000 !important;
  }
}
body .dialog-off-canvas-main-canvas .page nav.navbar .container .block--menudroite ul li:nth-child(2) {
  color: #FFFFFF;
  font-family: "Helvetica Neue";
  font-size: 13px;
  font-weight: bold;
  letter-spacing: 2px;
  line-height: 16px;
  padding: 15px;
  background-color: #000000;
  -webkit-transition: 0.3s linear;
  transition: 0.3s linear;
  border: 1Px solid transparent;
  padding: unset;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
body .dialog-off-canvas-main-canvas .page nav.navbar .container .block--menudroite ul li:nth-child(2):active, body .dialog-off-canvas-main-canvas .page nav.navbar .container .block--menudroite ul li:nth-child(2):focus {
  border: 1Px solid transparent !important;
}
@media (min-width: 769px) {
  body .dialog-off-canvas-main-canvas .page nav.navbar .container .block--menudroite ul li:nth-child(2):hover {
    border: 1Px solid #000000;
    color: #000000;
    background-color: white;
  }
  body .dialog-off-canvas-main-canvas .page nav.navbar .container .block--menudroite ul li:nth-child(2):active, body .dialog-off-canvas-main-canvas .page nav.navbar .container .block--menudroite ul li:nth-child(2):focus {
    border: 1Px solid #000000 !important;
  }
}
@media (min-width: 769px) {
  body .dialog-off-canvas-main-canvas .page nav.navbar .container .block--menudroite ul li:nth-child(2):hover a {
    background-color: #000000;
  }
}
body .dialog-off-canvas-main-canvas .page nav.navbar .container .block--menudroite ul li:nth-child(2) a {
  padding: 15px 22Px;
  font-size: 0px;
  color: transparent;
  -webkit-mask-image: url("/themes/custom/vivelys/assets/css/../img/icons/phone.svg");
          mask-image: url("/themes/custom/vivelys/assets/css/../img/icons/phone.svg");
  width: 100%;
  height: 100%;
  background-color: white;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: 16Px 16px;
          mask-size: 16Px 16px;
  text-transform: uppercase;
  -webkit-transition: 0.3s linear;
  transition: 0.3s linear;
}
body .dialog-off-canvas-main-canvas .page nav.navbar .container .block--menugauche {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
body .dialog-off-canvas-main-canvas .page nav.navbar .container .block--menugauche ul {
  list-style: none;
}
body .dialog-off-canvas-main-canvas .page nav.navbar .container .block--menugauche ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  padding: 15px 22Px;
  background-color: white;
  -webkit-transition: 0.3s linear;
  transition: 0.3s linear;
  border: 1px solid black;
}
@media (min-width: 769px) {
  body .dialog-off-canvas-main-canvas .page nav.navbar .container .block--menugauche ul li:hover {
    background-color: #000000;
  }
  body .dialog-off-canvas-main-canvas .page nav.navbar .container .block--menugauche ul li:hover:before {
    -webkit-transform: scaleX(-1);
            transform: scaleX(-1);
    background-color: white;
  }
  body .dialog-off-canvas-main-canvas .page nav.navbar .container .block--menugauche ul li:hover span {
    color: white;
  }
}
body .dialog-off-canvas-main-canvas .page nav.navbar .container .block--menugauche ul li:before {
  -webkit-transition: 0.3s linear;
  transition: 0.3s linear;
  content: "";
  -webkit-mask-image: url("/themes/custom/vivelys/assets/css/../img/icons/plus.svg");
          mask-image: url("/themes/custom/vivelys/assets/css/../img/icons/plus.svg");
  width: 16px;
  height: 16px;
  margin-right: 10px;
  background-color: #000000;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}
body .dialog-off-canvas-main-canvas .page nav.navbar .container .block--menugauche ul li span {
  padding: unset;
  color: #000000;
  font-family: "Helvetica Neue";
  font-size: 13px;
  font-weight: bold;
  letter-spacing: 2px;
  line-height: 16px;
  text-transform: uppercase;
}
body .dialog-off-canvas-main-canvas .page nav.navbar .container .block--identitedusite {
  width: 340px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
}
@media (max-width: 1140px) {
  body .dialog-off-canvas-main-canvas .page nav.navbar .container .block--identitedusite {
    width: 300px;
  }
}
body .dialog-off-canvas-main-canvas .page nav.navbar .container .block--identitedusite:before {
  position: absolute;
  content: "";
  width: 340px;
  height: 340px;
  background-color: #000000;
  border-radius: 50%;
  top: -200px;
  left: 0;
  z-index: 4;
}
@media (max-width: 1140px) {
  body .dialog-off-canvas-main-canvas .page nav.navbar .container .block--identitedusite:before {
    width: 300px;
    height: 300px;
    top: -170px;
  }
}
body .dialog-off-canvas-main-canvas .page nav.navbar .container .block--identitedusite .navbar-brand {
  padding: unset;
  margin: unset;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start !important;
      -ms-flex-align: start !important;
          align-items: flex-start !important;
  position: relative;
  z-index: 5;
  top: 15px;
}
@media (max-width: 1140px) {
  body .dialog-off-canvas-main-canvas .page nav.navbar .container .block--identitedusite .navbar-brand {
    top: 10px;
  }
}
@media (min-width: 769px) {
  body .dialog-off-canvas-main-canvas .page nav.navbar .container .block--identitedusite .navbar-brand:hover img {
    -webkit-filter: contrast(0) brightness(3);
            filter: contrast(0) brightness(3);
  }
}
body .dialog-off-canvas-main-canvas .page nav.navbar .container .block--identitedusite .navbar-brand img {
  margin-right: unset !important;
  width: auto;
  height: 90px;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  -webkit-transition: 0.3s linear;
  transition: 0.3s linear;
}
@media (max-width: 1140px) {
  body .dialog-off-canvas-main-canvas .page nav.navbar .container .block--identitedusite .navbar-brand img {
    height: 90px;
  }
}
body .dialog-off-canvas-main-canvas .page nav.navbar .container .navbar-collapse {
  -webkit-box-flex: unset;
      -ms-flex: unset;
          flex: unset;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
body .dialog-off-canvas-main-canvas .page nav.navbar .container .block--menuburger {
  display: none;
  z-index: 9999999999999;
  cursor: pointer;
  width: 50px;
  height: 50px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  justify-content: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (max-width: 1024px) {
  body .dialog-off-canvas-main-canvas .page nav.navbar .container .block--menuburger {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media (max-width: 768px) {
  body .dialog-off-canvas-main-canvas .page nav.navbar .container .block--menuburger {
    width: 20px;
    height: 20px;
  }
}
body .dialog-off-canvas-main-canvas .page nav.navbar .container .block--menuburger .basic__body {
  width: 100%;
  height: 100%;
  width: 30px;
  height: 25px;
}
@media (max-width: 768px) {
  body .dialog-off-canvas-main-canvas .page nav.navbar .container .block--menuburger .basic__body {
    width: 20px;
    height: 20px;
  }
}
body .dialog-off-canvas-main-canvas .page nav.navbar .container .block--menuburger .basic__body .box {
  width: 100%;
  height: 100%;
}
body .dialog-off-canvas-main-canvas .page nav.navbar .container .block--menuburger .basic__body .monbtn {
  width: 100%;
  height: 100%;
}
body .dialog-off-canvas-main-canvas .page nav.navbar .container .block--menuburger .basic__body span {
  display: block;
  width: 100%;
  height: 3px;
  background: #000000;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  position: relative;
}
@media (max-width: 768px) {
  body .dialog-off-canvas-main-canvas .page nav.navbar .container .block--menuburger .basic__body span {
    margin-top: 3px;
    height: 2px;
  }
}
body .dialog-off-canvas-main-canvas .page nav.navbar .container .block--menuburger .basic__body span + span {
  margin-top: 7px;
}
@media (max-width: 768px) {
  body .dialog-off-canvas-main-canvas .page nav.navbar .container .block--menuburger .basic__body span + span {
    margin-top: 3px;
  }
}
body .dialog-off-canvas-main-canvas .page nav.navbar .container .block--menuburger .basic__body .active span:nth-child(1) {
  -webkit-animation: ease 0.7s top forwards;
          animation: ease 0.7s top forwards;
  background: #FFFFFF;
}
body .dialog-off-canvas-main-canvas .page nav.navbar .container .block--menuburger .basic__body .not-active span:nth-child(1) {
  -webkit-animation: ease 0.7s top-2 forwards;
          animation: ease 0.7s top-2 forwards;
}
body .dialog-off-canvas-main-canvas .page nav.navbar .container .block--menuburger .basic__body .active span:nth-child(2) {
  -webkit-animation: ease 0.7s scaled forwards;
          animation: ease 0.7s scaled forwards;
  background: #000000;
}
body .dialog-off-canvas-main-canvas .page nav.navbar .container .block--menuburger .basic__body .not-active span:nth-child(2) {
  -webkit-animation: ease 0.7s scaled-2 forwards;
          animation: ease 0.7s scaled-2 forwards;
}
body .dialog-off-canvas-main-canvas .page nav.navbar .container .block--menuburger .basic__body .active span:nth-child(3) {
  -webkit-animation: ease 0.7s bottom forwards;
          animation: ease 0.7s bottom forwards;
  background: #FFFFFF;
}
body .dialog-off-canvas-main-canvas .page nav.navbar .container .block--menuburger .basic__body .not-active span:nth-child(3) {
  -webkit-animation: ease 0.7s bottom-2 forwards;
          animation: ease 0.7s bottom-2 forwards;
}
@-webkit-keyframes top {
  0% {
    top: 0;
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  50% {
    top: 11px;
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    top: 11Px;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
}
@keyframes top {
  0% {
    top: 0;
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  50% {
    top: 11px;
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    top: 11Px;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
}
@-webkit-keyframes top-2 {
  0% {
    top: 11px;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  50% {
    top: 11px;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    top: 0;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
@keyframes top-2 {
  0% {
    top: 11px;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  50% {
    top: 11px;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    top: 0;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
@-webkit-keyframes bottom {
  0% {
    bottom: 0;
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  50% {
    bottom: 9px;
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    bottom: 9px;
    -webkit-transform: rotate(135deg);
            transform: rotate(135deg);
  }
}
@keyframes bottom {
  0% {
    bottom: 0;
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  50% {
    bottom: 9px;
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    bottom: 9px;
    -webkit-transform: rotate(135deg);
            transform: rotate(135deg);
  }
}
@media (max-width: 768px) {
  @-webkit-keyframes bottom {
    0% {
      bottom: 0;
      -webkit-transform: rotate(0);
              transform: rotate(0);
    }
    50% {
      bottom: -1px;
      -webkit-transform: rotate(0);
              transform: rotate(0);
    }
    100% {
      bottom: -1px;
      -webkit-transform: rotate(135deg);
              transform: rotate(135deg);
    }
  }
  @keyframes bottom {
    0% {
      bottom: 0;
      -webkit-transform: rotate(0);
              transform: rotate(0);
    }
    50% {
      bottom: -1px;
      -webkit-transform: rotate(0);
              transform: rotate(0);
    }
    100% {
      bottom: -1px;
      -webkit-transform: rotate(135deg);
              transform: rotate(135deg);
    }
  }
}
@-webkit-keyframes bottom-2 {
  0% {
    bottom: 11px;
    -webkit-transform: rotate(135deg);
            transform: rotate(135deg);
  }
  50% {
    bottom: 11px;
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    bottom: 0;
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
}
@keyframes bottom-2 {
  0% {
    bottom: 11px;
    -webkit-transform: rotate(135deg);
            transform: rotate(135deg);
  }
  50% {
    bottom: 11px;
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    bottom: 0;
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
}
@-webkit-keyframes scaled {
  50% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
}
@keyframes scaled {
  50% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
}
@-webkit-keyframes scaled-2 {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  50% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes scaled-2 {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  50% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
body .dialog-off-canvas-main-canvas .page main .page__content .container .block--views-block--00-gammes-block-1 {
  overflow: hidden;
}
body .dialog-off-canvas-main-canvas .page main .page__content .container .block--views-block--00-gammes-block-1.ouvert > div div[class*=js-view-dom-id] {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  left: 0 !important;
  z-index: 3;
}
body .dialog-off-canvas-main-canvas .page main .page__content .container .block--views-block--00-gammes-block-1 > div > div[class*=js-view-dom-id] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: fixed;
  top: 115px;
  left: -130vw;
  width: 100%;
  height: calc(100% - 115px);
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  z-index: 11;
  -ms-flex-direction: column;
      flex-direction: column;
}
body .dialog-off-canvas-main-canvas .page main .page__content .container .block--views-block--00-gammes-block-1 > div > div[class*=js-view-dom-id] header {
  display: none;
}
body .dialog-off-canvas-main-canvas .page main .page__content .container .block--views-block--00-gammes-block-1 > div > div[class*=js-view-dom-id] > .container_rows {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
body .dialog-off-canvas-main-canvas .page main .page__content .container .block--views-block--00-gammes-block-1 > div > div[class*=js-view-dom-id] > .container_rows .views-row {
  height: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 25px 25px 80px;
  position: relative;
  z-index: 2;
  top: calc(-100% - 150px);
  -webkit-transition: 0.75s linear;
  transition: 0.75s linear;
}
body .dialog-off-canvas-main-canvas .page main .page__content .container .block--views-block--00-gammes-block-1 > div > div[class*=js-view-dom-id] > .container_rows .views-row.ouvert {
  top: 0%;
}
body .dialog-off-canvas-main-canvas .page main .page__content .container .block--views-block--00-gammes-block-1 > div > div[class*=js-view-dom-id] > .container_rows .views-row:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.75);
  z-index: -1;
  -webkit-transition: 0.3s linear;
  transition: 0.3s linear;
}
body .dialog-off-canvas-main-canvas .page main .page__content .container .block--views-block--00-gammes-block-1 > div > div[class*=js-view-dom-id] > .container_rows .views-row:last-child {
  border-right: unset;
}
body .dialog-off-canvas-main-canvas .page main .page__content .container .block--views-block--00-gammes-block-1 > div > div[class*=js-view-dom-id] > .container_rows .views-row.cached:before {
  background-color: rgba(0, 0, 0, 0.85);
}
@media (min-width: 769px) {
  body .dialog-off-canvas-main-canvas .page main .page__content .container .block--views-block--00-gammes-block-1 > div > div[class*=js-view-dom-id] > .container_rows .views-row:hover .views-field-field-image .field-content > div .image__field-media-image img {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  body .dialog-off-canvas-main-canvas .page main .page__content .container .block--views-block--00-gammes-block-1 > div > div[class*=js-view-dom-id] > .container_rows .views-row:hover .views-field-fieldset .field-content .bas .views-field-field-texte-court .field-content {
    color: #000000;
    background-color: #FFFFFF;
  }
}
body .dialog-off-canvas-main-canvas .page main .page__content .container .block--views-block--00-gammes-block-1 > div > div[class*=js-view-dom-id] > .container_rows .views-row .views-field-view-node {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 5;
}
body .dialog-off-canvas-main-canvas .page main .page__content .container .block--views-block--00-gammes-block-1 > div > div[class*=js-view-dom-id] > .container_rows .views-row .views-field-view-node .field-content {
  width: 100%;
  height: 100%;
  display: block;
}
body .dialog-off-canvas-main-canvas .page main .page__content .container .block--views-block--00-gammes-block-1 > div > div[class*=js-view-dom-id] > .container_rows .views-row .views-field-view-node .field-content a {
  width: 100%;
  height: 100%;
  display: block;
  color: transparent;
  font-size: 0px;
}
body .dialog-off-canvas-main-canvas .page main .page__content .container .block--views-block--00-gammes-block-1 > div > div[class*=js-view-dom-id] > .container_rows .views-row .views-field-field-image {
  width: 100%;
  height: 50%;
  margin-bottom: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
body .dialog-off-canvas-main-canvas .page main .page__content .container .block--views-block--00-gammes-block-1 > div > div[class*=js-view-dom-id] > .container_rows .views-row .views-field-field-image .field-content {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
body .dialog-off-canvas-main-canvas .page main .page__content .container .block--views-block--00-gammes-block-1 > div > div[class*=js-view-dom-id] > .container_rows .views-row .views-field-field-image .field-content > div {
  width: 100%;
  height: 100%;
}
body .dialog-off-canvas-main-canvas .page main .page__content .container .block--views-block--00-gammes-block-1 > div > div[class*=js-view-dom-id] > .container_rows .views-row .views-field-field-image .field-content > div .image__field-media-image {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
body .dialog-off-canvas-main-canvas .page main .page__content .container .block--views-block--00-gammes-block-1 > div > div[class*=js-view-dom-id] > .container_rows .views-row .views-field-field-image .field-content > div .image__field-media-image img {
  width: 200px;
  height: 200px;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
  -webkit-transition: 0.3s linear;
  transition: 0.3s linear;
}
body .dialog-off-canvas-main-canvas .page main .page__content .container .block--views-block--00-gammes-block-1 > div > div[class*=js-view-dom-id] > .container_rows .views-row .views-field-fieldset {
  height: 50%;
  margin-top: 25px;
}
body .dialog-off-canvas-main-canvas .page main .page__content .container .block--views-block--00-gammes-block-1 > div > div[class*=js-view-dom-id] > .container_rows .views-row .views-field-fieldset .field-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
body .dialog-off-canvas-main-canvas .page main .page__content .container .block--views-block--00-gammes-block-1 > div > div[class*=js-view-dom-id] > .container_rows .views-row .views-field-fieldset .field-content .bas {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
body .dialog-off-canvas-main-canvas .page main .page__content .container .block--views-block--00-gammes-block-1 > div > div[class*=js-view-dom-id] > .container_rows .views-row .views-field-fieldset .field-content .bas .views-field-field-texte-court {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  margin-bottom: 25px;
}
body .dialog-off-canvas-main-canvas .page main .page__content .container .block--views-block--00-gammes-block-1 > div > div[class*=js-view-dom-id] > .container_rows .views-row .views-field-fieldset .field-content .bas .views-field-field-texte-court .field-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #FFFFFF;
  font-family: Judson;
  font-size: 24px;
  letter-spacing: 0;
  line-height: 28px;
  text-align: center;
  width: 100%;
  padding: 11px 20px 15px;
  border: 1px solid white;
  -webkit-transition: 0.3s linear;
  transition: 0.3s linear;
}
body .dialog-off-canvas-main-canvas .page main .page__content .container .block--views-block--00-gammes-block-1 > div > div[class*=js-view-dom-id] > .container_rows .views-row .views-field-fieldset .field-content .bas .views-field-field-texte-court .field-content:active, body .dialog-off-canvas-main-canvas .page main .page__content .container .block--views-block--00-gammes-block-1 > div > div[class*=js-view-dom-id] > .container_rows .views-row .views-field-fieldset .field-content .bas .views-field-field-texte-court .field-content:focus {
  border: 1Px solid white !important;
}
@media (min-width: 769px) {
  body .dialog-off-canvas-main-canvas .page main .page__content .container .block--views-block--00-gammes-block-1 > div > div[class*=js-view-dom-id] > .container_rows .views-row .views-field-fieldset .field-content .bas .views-field-field-texte-court .field-content:hover {
    color: #000000;
    background-color: #FFFFFF;
  }
  body .dialog-off-canvas-main-canvas .page main .page__content .container .block--views-block--00-gammes-block-1 > div > div[class*=js-view-dom-id] > .container_rows .views-row .views-field-fieldset .field-content .bas .views-field-field-texte-court .field-content:active, body .dialog-off-canvas-main-canvas .page main .page__content .container .block--views-block--00-gammes-block-1 > div > div[class*=js-view-dom-id] > .container_rows .views-row .views-field-fieldset .field-content .bas .views-field-field-texte-court .field-content:focus {
    border: 1Px solid white !important;
  }
}
body .dialog-off-canvas-main-canvas .page main .page__content .container .block--views-block--00-gammes-block-1 > div > div[class*=js-view-dom-id] > .container_rows .views-row .views-field-fieldset .field-content .bas .views-field-field-texte-long-1 {
  padding: 0px 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
body .dialog-off-canvas-main-canvas .page main .page__content .container .block--views-block--00-gammes-block-1 > div > div[class*=js-view-dom-id] > .container_rows .views-row .views-field-fieldset .field-content .bas .views-field-field-texte-long-1 .field-content p {
  color: #FFFFFF;
  font-family: "Helvetica Neue";
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 23px;
  margin-bottom: 10px;
}
body .dialog-off-canvas-main-canvas .page main .page__content .container .block--views-block--00-gammes-block-1 > div > div[class*=js-view-dom-id] > .container_rows .views-row .views-field-fieldset .field-content .bas .views-field-field-texte-long-1 .field-content p:last-child {
  margin-bottom: 0px;
}
body .dialog-off-canvas-main-canvas .page main .page__content .container .block--views-block--00-gammes-block-1 > div > div[class*=js-view-dom-id] > footer {
  position: absolute;
  bottom: 40px;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
body .dialog-off-canvas-main-canvas .page main .page__content .container .block--views-block--00-gammes-block-1 > div > div[class*=js-view-dom-id] > footer > .contenu_footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
body .dialog-off-canvas-main-canvas .page main .page__content .container .block--views-block--00-gammes-block-1 > div > div[class*=js-view-dom-id] > footer > .contenu_footer > div[class*=js-view-dom-id] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
body .dialog-off-canvas-main-canvas .page main .page__content .container .block--views-block--00-gammes-block-1 > div > div[class*=js-view-dom-id] > footer > .contenu_footer > div[class*=js-view-dom-id] > .container_rows {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
body .dialog-off-canvas-main-canvas .page main .page__content .container .block--views-block--00-gammes-block-1 > div > div[class*=js-view-dom-id] > footer > .contenu_footer > div[class*=js-view-dom-id] > .container_rows .views-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
body .dialog-off-canvas-main-canvas .page main .page__content .container .block--views-block--00-gammes-block-1 > div > div[class*=js-view-dom-id] > footer > .contenu_footer > div[class*=js-view-dom-id] > .container_rows .views-row .views-field-view-node {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
body .dialog-off-canvas-main-canvas .page main .page__content .container .block--views-block--00-gammes-block-1 > div > div[class*=js-view-dom-id] > footer > .contenu_footer > div[class*=js-view-dom-id] > .container_rows .views-row .views-field-view-node .field-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
body .dialog-off-canvas-main-canvas .page main .page__content .container .block--views-block--00-gammes-block-1 > div > div[class*=js-view-dom-id] > footer > .contenu_footer > div[class*=js-view-dom-id] > .container_rows .views-row .views-field-view-node .field-content a {
  color: #FFFFFF;
  font-family: "Helvetica Neue";
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 23px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
body .dialog-off-canvas-main-canvas .page main .page__content .container .block--views-block--00-gammes-block-1 > div > div[class*=js-view-dom-id] > footer > .contenu_footer > div[class*=js-view-dom-id] > .container_rows .views-row .views-field-view-node .field-content a:after {
  background-color: white;
  width: 50%;
  height: 1px;
  margin-top: 7px;
  content: "";
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
@media (min-width: 769px) {
  body .dialog-off-canvas-main-canvas .page main .page__content .container .block--views-block--00-gammes-block-1 > div > div[class*=js-view-dom-id] > footer > .contenu_footer > div[class*=js-view-dom-id] > .container_rows .views-row .views-field-view-node .field-content a:hover:after {
    width: 100%;
  }
}
@media (max-width: 768px) {
  body .dialog-off-canvas-main-canvas .page main .page__content .container .block--views-block--00-gammes-block-1 > div > div[class*=js-view-dom-id] > footer > .contenu_footer > div[class*=js-view-dom-id] > .container_rows .views-row .views-field-view-node .field-content a:after {
    width: 100%;
  }
}

body .dialog-off-canvas-main-canvas .page footer {
  overflow-x: hidden;
}
body .dialog-off-canvas-main-canvas .page footer > .container {
  width: 100%;
  max-width: unset;
  background-color: #F4F2ED;
}
body .dialog-off-canvas-main-canvas .page footer > .container .d-flex {
  width: 100%;
}
body .dialog-off-canvas-main-canvas .page footer > .container .d-flex .block--views-block--00-footer-block-1 {
  width: 100%;
}
body .dialog-off-canvas-main-canvas .page footer > .container .d-flex .block--views-block--00-footer-block-1 > div {
  width: 100%;
}
body .dialog-off-canvas-main-canvas .page footer > .container .d-flex .block--views-block--00-footer-block-1 > div div[class*=js-view-dom] {
  width: 100%;
}
body .dialog-off-canvas-main-canvas .page footer > .container .d-flex .block--views-block--00-footer-block-1 > div div[class*=js-view-dom] .container_rows {
  width: 100%;
}
body .dialog-off-canvas-main-canvas .page footer > .container .d-flex .block--views-block--00-footer-block-1 > div div[class*=js-view-dom] .container_rows .views-row {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
body .dialog-off-canvas-main-canvas .page footer > .container .d-flex .block--views-block--00-footer-block-1 > div div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset {
  width: 100%;
}
body .dialog-off-canvas-main-canvas .page footer > .container .d-flex .block--views-block--00-footer-block-1 > div div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset > .field-content {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
body .dialog-off-canvas-main-canvas .page footer > .container .d-flex .block--views-block--00-footer-block-1 > div div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset > .field-content .contenu {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #000000;
  padding: 75px 87px 75Px 87px;
  max-width: 1111px;
  position: relative;
}
body .dialog-off-canvas-main-canvas .page footer > .container .d-flex .block--views-block--00-footer-block-1 > div div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset > .field-content .contenu:before {
  position: absolute;
  background-color: white;
  height: 75px;
  width: 100vw;
  top: 0;
  left: -100vw;
  content: "";
  z-index: 1;
}
body .dialog-off-canvas-main-canvas .page footer > .container .d-flex .block--views-block--00-footer-block-1 > div div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset > .field-content .contenu:after {
  position: absolute;
  background-color: #000000;
  height: 100%;
  width: 100vw;
  top: 0;
  right: -100vw;
  content: "";
  z-index: 1;
}
body .dialog-off-canvas-main-canvas .page footer > .container .d-flex .block--views-block--00-footer-block-1 > div div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset > .field-content .contenu .views-field-fieldset-1 {
  width: 100%;
}
body .dialog-off-canvas-main-canvas .page footer > .container .d-flex .block--views-block--00-footer-block-1 > div div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset > .field-content .contenu .views-field-fieldset-1 > .field-content {
  width: 100%;
}
body .dialog-off-canvas-main-canvas .page footer > .container .d-flex .block--views-block--00-footer-block-1 > div div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset > .field-content .contenu .views-field-fieldset-1 > .field-content .contenu-haut {
  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;
  padding-bottom: 50px;
  border-bottom: 1px solid #9B9B9B;
}
body .dialog-off-canvas-main-canvas .page footer > .container .d-flex .block--views-block--00-footer-block-1 > div div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset > .field-content .contenu .views-field-fieldset-1 > .field-content .contenu-haut .views-field-field-image {
  width: 100%;
  max-width: 250px;
}
body .dialog-off-canvas-main-canvas .page footer > .container .d-flex .block--views-block--00-footer-block-1 > div div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset > .field-content .contenu .views-field-fieldset-1 > .field-content .contenu-haut .views-field-field-image .field-content {
  width: 100%;
  height: 100%;
}
body .dialog-off-canvas-main-canvas .page footer > .container .d-flex .block--views-block--00-footer-block-1 > div div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset > .field-content .contenu .views-field-fieldset-1 > .field-content .contenu-haut .views-field-field-image .field-content > div {
  width: 100%;
  height: 100%;
}
body .dialog-off-canvas-main-canvas .page footer > .container .d-flex .block--views-block--00-footer-block-1 > div div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset > .field-content .contenu .views-field-fieldset-1 > .field-content .contenu-haut .views-field-field-image .field-content > div .image__field-media-image {
  width: 100%;
  height: 100%;
}
body .dialog-off-canvas-main-canvas .page footer > .container .d-flex .block--views-block--00-footer-block-1 > div div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset > .field-content .contenu .views-field-fieldset-1 > .field-content .contenu-haut .views-field-field-image .field-content > div .image__field-media-image img {
  width: 250px;
  height: auto;
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
}
body .dialog-off-canvas-main-canvas .page footer > .container .d-flex .block--views-block--00-footer-block-1 > div div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset > .field-content .contenu .views-field-fieldset-1 > .field-content .contenu-haut .views-field-fieldset-3 {
  display: none !important;
  width: 100%;
  max-width: 470px;
}
body .dialog-off-canvas-main-canvas .page footer > .container .d-flex .block--views-block--00-footer-block-1 > div div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset > .field-content .contenu .views-field-fieldset-1 > .field-content .contenu-haut .views-field-fieldset-3 .field-content {
  width: 100%;
}
body .dialog-off-canvas-main-canvas .page footer > .container .d-flex .block--views-block--00-footer-block-1 > div div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset > .field-content .contenu .views-field-fieldset-1 > .field-content .contenu-haut .views-field-fieldset-3 .field-content .logos-droite {
  width: 100%;
}
body .dialog-off-canvas-main-canvas .page footer > .container .d-flex .block--views-block--00-footer-block-1 > div div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset > .field-content .contenu .views-field-fieldset-1 > .field-content .contenu-haut .views-field-fieldset-3 .field-content .logos-droite .views-field-field-images {
  width: 100%;
}
body .dialog-off-canvas-main-canvas .page footer > .container .d-flex .block--views-block--00-footer-block-1 > div div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset > .field-content .contenu .views-field-fieldset-1 > .field-content .contenu-haut .views-field-fieldset-3 .field-content .logos-droite .views-field-field-images .field-content {
  width: 100%;
  height: 100%;
  margin-right: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
body .dialog-off-canvas-main-canvas .page footer > .container .d-flex .block--views-block--00-footer-block-1 > div div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset > .field-content .contenu .views-field-fieldset-1 > .field-content .contenu-haut .views-field-fieldset-3 .field-content .logos-droite .views-field-field-images .field-content:last-child {
  margin-right: 0px;
}
body .dialog-off-canvas-main-canvas .page footer > .container .d-flex .block--views-block--00-footer-block-1 > div div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset > .field-content .contenu .views-field-fieldset-1 > .field-content .contenu-haut .views-field-fieldset-3 .field-content .logos-droite .views-field-field-images .field-content > div .image__field-media-image {
  width: 100%;
  height: 100%;
}
body .dialog-off-canvas-main-canvas .page footer > .container .d-flex .block--views-block--00-footer-block-1 > div div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset > .field-content .contenu .views-field-fieldset-1 > .field-content .contenu-haut .views-field-fieldset-3 .field-content .logos-droite .views-field-field-images .field-content > div .image__field-media-image img {
  width: auto;
  height: auto;
  max-height: 70px;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
}
body .dialog-off-canvas-main-canvas .page footer > .container .d-flex .block--views-block--00-footer-block-1 > div div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset > .field-content .contenu .views-field-fieldset-2 {
  padding-top: 50px;
  border-top: 1px solid #9B9B9B;
  width: 100%;
}
body .dialog-off-canvas-main-canvas .page footer > .container .d-flex .block--views-block--00-footer-block-1 > div div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset > .field-content .contenu .views-field-fieldset-2 > .field-content {
  width: 100%;
}
body .dialog-off-canvas-main-canvas .page footer > .container .d-flex .block--views-block--00-footer-block-1 > div div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset > .field-content .contenu .views-field-fieldset-2 > .field-content .contenu-bas {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: white !important;
}
body .dialog-off-canvas-main-canvas .page footer > .container .d-flex .block--views-block--00-footer-block-1 > div div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset > .field-content .contenu .views-field-fieldset-2 > .field-content .contenu-bas .views-field-fieldset-4 {
  width: 100%;
  margin-bottom: 50px;
}
body .dialog-off-canvas-main-canvas .page footer > .container .d-flex .block--views-block--00-footer-block-1 > div div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset > .field-content .contenu .views-field-fieldset-2 > .field-content .contenu-bas .views-field-fieldset-4 > .field-content {
  width: 100%;
}
body .dialog-off-canvas-main-canvas .page footer > .container .d-flex .block--views-block--00-footer-block-1 > div div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset > .field-content .contenu .views-field-fieldset-2 > .field-content .contenu-bas .views-field-fieldset-4 > .field-content .container-haut {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
body .dialog-off-canvas-main-canvas .page footer > .container .d-flex .block--views-block--00-footer-block-1 > div div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset > .field-content .contenu .views-field-fieldset-2 > .field-content .contenu-bas .views-field-fieldset-4 > .field-content .container-haut .views-field-field-texte-long {
  width: 75%;
}
body .dialog-off-canvas-main-canvas .page footer > .container .d-flex .block--views-block--00-footer-block-1 > div div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset > .field-content .contenu .views-field-fieldset-2 > .field-content .contenu-bas .views-field-fieldset-4 > .field-content .container-haut .views-field-field-texte-long .field-content ul {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
body .dialog-off-canvas-main-canvas .page footer > .container .d-flex .block--views-block--00-footer-block-1 > div div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset > .field-content .contenu .views-field-fieldset-2 > .field-content .contenu-bas .views-field-fieldset-4 > .field-content .container-haut .views-field-field-texte-long .field-content ul li {
  width: 50%;
  margin-right: 20px;
}
body .dialog-off-canvas-main-canvas .page footer > .container .d-flex .block--views-block--00-footer-block-1 > div div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset > .field-content .contenu .views-field-fieldset-2 > .field-content .contenu-bas .views-field-fieldset-4 > .field-content .container-haut .views-field-field-texte-long .field-content ul li h4 {
  color: #9B9B9B;
  font-family: "Helvetica Neue";
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 23px;
  font-weight: 500;
  text-transform: uppercase;
  margin-bottom: 8px;
}
body .dialog-off-canvas-main-canvas .page footer > .container .d-flex .block--views-block--00-footer-block-1 > div div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset > .field-content .contenu .views-field-fieldset-2 > .field-content .contenu-bas .views-field-fieldset-4 > .field-content .container-haut .views-field-field-texte-long .field-content ul li p {
  color: #9B9B9B;
  font-family: "Helvetica Neue";
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 23px;
}
body .dialog-off-canvas-main-canvas .page footer > .container .d-flex .block--views-block--00-footer-block-1 > div div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset > .field-content .contenu .views-field-fieldset-2 > .field-content .contenu-bas .views-field-fieldset-4 > .field-content .container-haut .views-field-fieldset-8 {
  width: 25%;
}
body .dialog-off-canvas-main-canvas .page footer > .container .d-flex .block--views-block--00-footer-block-1 > div div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset > .field-content .contenu .views-field-fieldset-2 > .field-content .contenu-bas .views-field-fieldset-4 > .field-content .container-haut .views-field-fieldset-8 .field-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
body .dialog-off-canvas-main-canvas .page footer > .container .d-flex .block--views-block--00-footer-block-1 > div div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset > .field-content .contenu .views-field-fieldset-2 > .field-content .contenu-bas .views-field-fieldset-4 > .field-content .container-haut .views-field-fieldset-8 .field-content .container-liens-gauche {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
body .dialog-off-canvas-main-canvas .page footer > .container .d-flex .block--views-block--00-footer-block-1 > div div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset > .field-content .contenu .views-field-fieldset-2 > .field-content .contenu-bas .views-field-fieldset-4 > .field-content .container-haut .views-field-fieldset-8 .field-content .container-liens-gauche .views-field-field-liens .field-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
body .dialog-off-canvas-main-canvas .page footer > .container .d-flex .block--views-block--00-footer-block-1 > div div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset > .field-content .contenu .views-field-fieldset-2 > .field-content .contenu-bas .views-field-fieldset-4 > .field-content .container-haut .views-field-fieldset-8 .field-content .container-liens-gauche .views-field-field-liens .field-content a {
  color: #9B9B9B;
  font-family: "Helvetica Neue";
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 23px;
  -webkit-transition: 0.3s linear;
  transition: 0.3s linear;
}
@media (min-width: 769px) {
  body .dialog-off-canvas-main-canvas .page footer > .container .d-flex .block--views-block--00-footer-block-1 > div div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset > .field-content .contenu .views-field-fieldset-2 > .field-content .contenu-bas .views-field-fieldset-4 > .field-content .container-haut .views-field-fieldset-8 .field-content .container-liens-gauche .views-field-field-liens .field-content a:hover {
    color: white;
  }
}
body .dialog-off-canvas-main-canvas .page footer > .container .d-flex .block--views-block--00-footer-block-1 > div div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset > .field-content .contenu .views-field-fieldset-2 > .field-content .contenu-bas .views-field-fieldset-5 {
  width: 100%;
}
body .dialog-off-canvas-main-canvas .page footer > .container .d-flex .block--views-block--00-footer-block-1 > div div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset > .field-content .contenu .views-field-fieldset-2 > .field-content .contenu-bas .views-field-fieldset-5 .field-content {
  width: 100%;
}
body .dialog-off-canvas-main-canvas .page footer > .container .d-flex .block--views-block--00-footer-block-1 > div div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset > .field-content .contenu .views-field-fieldset-2 > .field-content .contenu-bas .views-field-fieldset-5 .field-content .container-bas {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
body .dialog-off-canvas-main-canvas .page footer > .container .d-flex .block--views-block--00-footer-block-1 > div div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset > .field-content .contenu .views-field-fieldset-2 > .field-content .contenu-bas .views-field-fieldset-5 .field-content .container-bas .views-field-field-lien {
  width: 37.5%;
}
body .dialog-off-canvas-main-canvas .page footer > .container .d-flex .block--views-block--00-footer-block-1 > div div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset > .field-content .contenu .views-field-fieldset-2 > .field-content .contenu-bas .views-field-fieldset-5 .field-content .container-bas .views-field-field-lien .field-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
body .dialog-off-canvas-main-canvas .page footer > .container .d-flex .block--views-block--00-footer-block-1 > div div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset > .field-content .contenu .views-field-fieldset-2 > .field-content .contenu-bas .views-field-fieldset-5 .field-content .container-bas .views-field-field-lien .field-content a {
  color: #000000;
  font-family: "Helvetica Neue";
  font-size: 13px;
  font-weight: bold;
  letter-spacing: 2px;
  line-height: 16px;
  padding: 15px 22px;
  background-color: #FFFFFF;
  -webkit-transition: 0.3s linear;
  transition: 0.3s linear;
  border: 1Px solid transparent;
  text-transform: uppercase;
}
body .dialog-off-canvas-main-canvas .page footer > .container .d-flex .block--views-block--00-footer-block-1 > div div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset > .field-content .contenu .views-field-fieldset-2 > .field-content .contenu-bas .views-field-fieldset-5 .field-content .container-bas .views-field-field-lien .field-content a:active, body .dialog-off-canvas-main-canvas .page footer > .container .d-flex .block--views-block--00-footer-block-1 > div div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset > .field-content .contenu .views-field-fieldset-2 > .field-content .contenu-bas .views-field-fieldset-5 .field-content .container-bas .views-field-field-lien .field-content a:focus {
  border: 1Px solid transparent !important;
}
@media (min-width: 769px) {
  body .dialog-off-canvas-main-canvas .page footer > .container .d-flex .block--views-block--00-footer-block-1 > div div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset > .field-content .contenu .views-field-fieldset-2 > .field-content .contenu-bas .views-field-fieldset-5 .field-content .container-bas .views-field-field-lien .field-content a:hover {
    border: 1Px solid #000000;
    color: #FFFFFF;
    background-color: #000000;
  }
  body .dialog-off-canvas-main-canvas .page footer > .container .d-flex .block--views-block--00-footer-block-1 > div div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset > .field-content .contenu .views-field-fieldset-2 > .field-content .contenu-bas .views-field-fieldset-5 .field-content .container-bas .views-field-field-lien .field-content a:active, body .dialog-off-canvas-main-canvas .page footer > .container .d-flex .block--views-block--00-footer-block-1 > div div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset > .field-content .contenu .views-field-fieldset-2 > .field-content .contenu-bas .views-field-fieldset-5 .field-content .container-bas .views-field-field-lien .field-content a:focus {
    border: 1Px solid #000000 !important;
  }
}
@media (min-width: 769px) {
  body .dialog-off-canvas-main-canvas .page footer > .container .d-flex .block--views-block--00-footer-block-1 > div div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset > .field-content .contenu .views-field-fieldset-2 > .field-content .contenu-bas .views-field-fieldset-5 .field-content .container-bas .views-field-field-lien .field-content a:hover {
    border: 1Px solid white;
  }
}
body .dialog-off-canvas-main-canvas .page footer > .container .d-flex .block--views-block--00-footer-block-1 > div div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset > .field-content .contenu .views-field-fieldset-2 > .field-content .contenu-bas .views-field-fieldset-5 .field-content .container-bas .views-field-field-liens-1 {
  width: 37.5%;
}
body .dialog-off-canvas-main-canvas .page footer > .container .d-flex .block--views-block--00-footer-block-1 > div div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset > .field-content .contenu .views-field-fieldset-2 > .field-content .contenu-bas .views-field-fieldset-5 .field-content .container-bas .views-field-field-liens-1 .views-label {
  color: #9B9B9B;
  font-family: "Helvetica Neue";
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 23px;
  margin-bottom: 10px;
  display: block;
}
body .dialog-off-canvas-main-canvas .page footer > .container .d-flex .block--views-block--00-footer-block-1 > div div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset > .field-content .contenu .views-field-fieldset-2 > .field-content .contenu-bas .views-field-fieldset-5 .field-content .container-bas .views-field-field-liens-1 .field-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
body .dialog-off-canvas-main-canvas .page footer > .container .d-flex .block--views-block--00-footer-block-1 > div div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset > .field-content .contenu .views-field-fieldset-2 > .field-content .contenu-bas .views-field-fieldset-5 .field-content .container-bas .views-field-field-liens-1 .field-content a {
  height: 40px;
  width: 135px;
  background-color: #FFFFFF;
  border-radius: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-image: url("/themes/custom/vivelys/assets/css/../img/icons/appstore1.svg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  color: transparent;
  font-size: 0px;
  display: block;
  border: 1px solid transparent;
  -webkit-transition: 0.3s linear;
  transition: 0.3s linear;
}
@media (min-width: 769px) {
  body .dialog-off-canvas-main-canvas .page footer > .container .d-flex .block--views-block--00-footer-block-1 > div div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset > .field-content .contenu .views-field-fieldset-2 > .field-content .contenu-bas .views-field-fieldset-5 .field-content .container-bas .views-field-field-liens-1 .field-content a:hover {
    -webkit-filter: invert(1);
            filter: invert(1);
    border: 1px solid black;
  }
}
body .dialog-off-canvas-main-canvas .page footer > .container .d-flex .block--views-block--00-footer-block-1 > div div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset > .field-content .contenu .views-field-fieldset-2 > .field-content .contenu-bas .views-field-fieldset-5 .field-content .container-bas .views-field-field-liens-1 .field-content a:nth-child(2) {
  margin-left: 15px;
  background-image: url("/themes/custom/vivelys/assets/css/../img/icons/gplay2.svg");
}
body .dialog-off-canvas-main-canvas .page footer > .container .d-flex .block--views-block--00-footer-block-1 > div div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset > .field-content .contenu .views-field-fieldset-2 > .field-content .contenu-bas .views-field-fieldset-5 .field-content .container-bas .views-field-fieldset-6 {
  width: 25%;
}
body .dialog-off-canvas-main-canvas .page footer > .container .d-flex .block--views-block--00-footer-block-1 > div div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset > .field-content .contenu .views-field-fieldset-2 > .field-content .contenu-bas .views-field-fieldset-5 .field-content .container-bas .views-field-fieldset-6 .field-content .container-lg-rs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
body .dialog-off-canvas-main-canvas .page footer > .container .d-flex .block--views-block--00-footer-block-1 > div div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset > .field-content .contenu .views-field-fieldset-2 > .field-content .contenu-bas .views-field-fieldset-5 .field-content .container-bas .views-field-fieldset-6 .field-content .container-lg-rs .views-field-field-liens-2 {
  margin-bottom: 25px;
  display: none !important;
}
body .dialog-off-canvas-main-canvas .page footer > .container .d-flex .block--views-block--00-footer-block-1 > div div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset > .field-content .contenu .views-field-fieldset-2 > .field-content .contenu-bas .views-field-fieldset-5 .field-content .container-bas .views-field-fieldset-6 .field-content .container-lg-rs .views-field-field-liens-2 .field-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
body .dialog-off-canvas-main-canvas .page footer > .container .d-flex .block--views-block--00-footer-block-1 > div div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset > .field-content .contenu .views-field-fieldset-2 > .field-content .contenu-bas .views-field-fieldset-5 .field-content .container-bas .views-field-fieldset-6 .field-content .container-lg-rs .views-field-field-liens-2 .field-content a {
  color: #FFFFFF;
  font-family: "Helvetica Neue";
  font-size: 13px;
  font-weight: bold;
  letter-spacing: 2px;
  line-height: 16px;
  margin-right: 15px;
  -webkit-transition: 0.3s linear;
  transition: 0.3s linear;
}
@media (min-width: 769px) {
  body .dialog-off-canvas-main-canvas .page footer > .container .d-flex .block--views-block--00-footer-block-1 > div div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset > .field-content .contenu .views-field-fieldset-2 > .field-content .contenu-bas .views-field-fieldset-5 .field-content .container-bas .views-field-fieldset-6 .field-content .container-lg-rs .views-field-field-liens-2 .field-content a:hover {
    color: #AA7B58;
  }
}
body .dialog-off-canvas-main-canvas .page footer > .container .d-flex .block--views-block--00-footer-block-1 > div div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset > .field-content .contenu .views-field-fieldset-2 > .field-content .contenu-bas .views-field-fieldset-5 .field-content .container-bas .views-field-fieldset-6 .field-content .container-lg-rs .views-field-field-liens-2 .field-content a:last-child {
  margin-right: 0px;
}
body .dialog-off-canvas-main-canvas .page footer > .container .d-flex .block--views-block--00-footer-block-1 > div div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset > .field-content .contenu .views-field-fieldset-2 > .field-content .contenu-bas .views-field-fieldset-5 .field-content .container-bas .views-field-fieldset-6 .field-content .container-lg-rs .views-field-field-langues {
  margin-bottom: 25px;
}
body .dialog-off-canvas-main-canvas .page footer > .container .d-flex .block--views-block--00-footer-block-1 > div div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset > .field-content .contenu .views-field-fieldset-2 > .field-content .contenu-bas .views-field-fieldset-5 .field-content .container-bas .views-field-fieldset-6 .field-content .container-lg-rs .views-field-field-langues .container_rows {
  display: none !important;
}
body .dialog-off-canvas-main-canvas .page footer > .container .d-flex .block--views-block--00-footer-block-1 > div div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset > .field-content .contenu .views-field-fieldset-2 > .field-content .contenu-bas .views-field-fieldset-5 .field-content .container-bas .views-field-fieldset-6 .field-content .container-lg-rs .views-field-field-langues > .field-content > .field__item .views-element-container .view header .contenu_header .block ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  list-style: none;
}
body .dialog-off-canvas-main-canvas .page footer > .container .d-flex .block--views-block--00-footer-block-1 > div div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset > .field-content .contenu .views-field-fieldset-2 > .field-content .contenu-bas .views-field-fieldset-5 .field-content .container-bas .views-field-fieldset-6 .field-content .container-lg-rs .views-field-field-langues > .field-content > .field__item .views-element-container .view header .contenu_header .block ul li {
  margin-right: 15px;
}
body .dialog-off-canvas-main-canvas .page footer > .container .d-flex .block--views-block--00-footer-block-1 > div div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset > .field-content .contenu .views-field-fieldset-2 > .field-content .contenu-bas .views-field-fieldset-5 .field-content .container-bas .views-field-fieldset-6 .field-content .container-lg-rs .views-field-field-langues > .field-content > .field__item .views-element-container .view header .contenu_header .block ul li:last-child {
  margin-right: 0px;
}
body .dialog-off-canvas-main-canvas .page footer > .container .d-flex .block--views-block--00-footer-block-1 > div div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset > .field-content .contenu .views-field-fieldset-2 > .field-content .contenu-bas .views-field-fieldset-5 .field-content .container-bas .views-field-fieldset-6 .field-content .container-lg-rs .views-field-field-langues > .field-content > .field__item .views-element-container .view header .contenu_header .block ul li a {
  color: #FFFFFF;
  font-family: "Helvetica Neue";
  font-size: 13px;
  font-weight: bold;
  letter-spacing: 2px;
  line-height: 16px;
  -webkit-transition: 0.3s linear;
  transition: 0.3s linear;
}
@media (min-width: 769px) {
  body .dialog-off-canvas-main-canvas .page footer > .container .d-flex .block--views-block--00-footer-block-1 > div div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset > .field-content .contenu .views-field-fieldset-2 > .field-content .contenu-bas .views-field-fieldset-5 .field-content .container-bas .views-field-fieldset-6 .field-content .container-lg-rs .views-field-field-langues > .field-content > .field__item .views-element-container .view header .contenu_header .block ul li a:hover {
    color: #AA7B58;
  }
}
body .dialog-off-canvas-main-canvas .page footer > .container .d-flex .block--views-block--00-footer-block-1 > div div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset > .field-content .contenu .views-field-fieldset-2 > .field-content .contenu-bas .views-field-fieldset-5 .field-content .container-bas .views-field-fieldset-6 .field-content .container-lg-rs .views-field-field-liens-3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
body .dialog-off-canvas-main-canvas .page footer > .container .d-flex .block--views-block--00-footer-block-1 > div div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset > .field-content .contenu .views-field-fieldset-2 > .field-content .contenu-bas .views-field-fieldset-5 .field-content .container-bas .views-field-fieldset-6 .field-content .container-lg-rs .views-field-field-liens-3 .field-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
body .dialog-off-canvas-main-canvas .page footer > .container .d-flex .block--views-block--00-footer-block-1 > div div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset > .field-content .contenu .views-field-fieldset-2 > .field-content .contenu-bas .views-field-fieldset-5 .field-content .container-bas .views-field-fieldset-6 .field-content .container-lg-rs .views-field-field-liens-3 .field-content a {
  margin-right: 25px;
  width: 20px;
  height: 20px;
  color: transparent;
  font-size: 0px;
  background-color: white;
  display: block;
  -webkit-transition: 0.3s linear;
  transition: 0.3s linear;
}
@media (min-width: 769px) {
  body .dialog-off-canvas-main-canvas .page footer > .container .d-flex .block--views-block--00-footer-block-1 > div div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset > .field-content .contenu .views-field-fieldset-2 > .field-content .contenu-bas .views-field-fieldset-5 .field-content .container-bas .views-field-fieldset-6 .field-content .container-lg-rs .views-field-field-liens-3 .field-content a:hover {
    background-color: #AA7B58;
  }
}
body .dialog-off-canvas-main-canvas .page footer > .container .d-flex .block--views-block--00-footer-block-1 > div div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset > .field-content .contenu .views-field-fieldset-2 > .field-content .contenu-bas .views-field-fieldset-5 .field-content .container-bas .views-field-fieldset-6 .field-content .container-lg-rs .views-field-field-liens-3 .field-content a:nth-child(1) {
  -webkit-mask-image: url("/themes/custom/vivelys/assets/css/../img/icons/linkedin.svg");
          mask-image: url("/themes/custom/vivelys/assets/css/../img/icons/linkedin.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}
body .dialog-off-canvas-main-canvas .page footer > .container .d-flex .block--views-block--00-footer-block-1 > div div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset > .field-content .contenu .views-field-fieldset-2 > .field-content .contenu-bas .views-field-fieldset-5 .field-content .container-bas .views-field-fieldset-6 .field-content .container-lg-rs .views-field-field-liens-3 .field-content a:nth-child(2) {
  -webkit-mask-image: url("/themes/custom/vivelys/assets/css/../img/icons/youtube.svg");
          mask-image: url("/themes/custom/vivelys/assets/css/../img/icons/youtube.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}
body .dialog-off-canvas-main-canvas .page footer > .container .d-flex .block--views-block--00-footer-block-1 > div div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset > .field-content .contenu .views-field-fieldset-2 > .field-content .contenu-bas .views-field-fieldset-5 .field-content .container-bas .views-field-fieldset-6 .field-content .container-lg-rs .views-field-field-liens-3 .field-content a:nth-child(3) {
  -webkit-mask-image: url("/themes/custom/vivelys/assets/css/../img/icons/instagram.svg");
          mask-image: url("/themes/custom/vivelys/assets/css/../img/icons/instagram.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}
body .dialog-off-canvas-main-canvas .page footer > .container .d-flex .block--views-block--00-footer-block-1 > div div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset > .field-content .contenu .views-field-fieldset-2 > .field-content .contenu-bas .views-field-fieldset-5 .field-content .container-bas .views-field-fieldset-6 .field-content .container-lg-rs .views-field-field-liens-3 .field-content a:last-child {
  margin-right: 0px;
}
body .dialog-off-canvas-main-canvas .page footer > .container .d-flex .block--views-block--00-footer-block-1 > div div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset-7 {
  width: 100%;
  padding: 25px 20px;
}
body .dialog-off-canvas-main-canvas .page footer > .container .d-flex .block--views-block--00-footer-block-1 > div div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset-7 .field-content {
  width: 100%;
}
body .dialog-off-canvas-main-canvas .page footer > .container .d-flex .block--views-block--00-footer-block-1 > div div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset-7 .field-content .container-alcool {
  width: 100%;
}
body .dialog-off-canvas-main-canvas .page footer > .container .d-flex .block--views-block--00-footer-block-1 > div div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset-7 .field-content .container-alcool .views-field-field-texte-court {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
body .dialog-off-canvas-main-canvas .page footer > .container .d-flex .block--views-block--00-footer-block-1 > div div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset-7 .field-content .container-alcool .views-field-field-texte-court .field-content {
  color: #000000;
  font-family: "Helvetica Neue";
  font-size: 13px;
  font-weight: bold;
  letter-spacing: 2px;
  line-height: 16px;
  text-transform: uppercase;
  text-align: center;
}

.gm--full {
  width: 100%;
}
.gm--full .header {
  width: 100%;
  background-color: #F4F2ED;
}
.gm--full .header .header_contenu {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.gm--full .header .header_contenu .header_gauche {
  padding: 220px 100px 75px;
  background-color: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.gm--full .header .header_contenu .header_gauche .gm__field-image {
  height: 200px;
  width: 200px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 50px;
}
.gm--full .header .header_contenu .header_gauche .gm__field-image > div {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.gm--full .header .header_contenu .header_gauche .gm__field-image > div .image__field-media-image {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.gm--full .header .header_contenu .header_gauche .gm__field-image > div .image__field-media-image svg {
  width: 100%;
  height: 100%;
}
.gm--full .header .header_contenu .header_gauche .gm__field-image > div .image__field-media-image svg path {
  fill: #AA7B58;
}
.gm--full .header .header_contenu .header_gauche .gm__field-texte-court {
  color: #000000;
  font-family: Judson;
  font-size: 30px;
  letter-spacing: 0;
  line-height: 34px;
  margin-bottom: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  white-space: nowrap;
}
.gm--full .header .header_contenu .header_gauche .gm__field-texte-court:after {
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  height: 1px;
  background-color: #AA7B58;
  content: "";
  margin-left: 15px;
}
.gm--full .header .header_contenu .header_gauche .gm__field-texte-long-1 {
  margin-bottom: 50px;
}
.gm--full .header .header_contenu .header_gauche .gm__field-texte-long-1 p {
  color: #9B9B9B;
  font-family: "Helvetica Neue";
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 23px;
  margin-bottom: 10px;
  color: #666666;
}
.gm--full .header .header_contenu .header_gauche .gm__field-texte-long-1 p:last-child {
  margin-bottom: 0px;
}
.gm--full .header .header_contenu .header_gauche .gm__field-lien {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.gm--full .header .header_contenu .header_gauche .gm__field-lien span {
  color: #FFFFFF;
  font-family: "Helvetica Neue";
  font-size: 13px;
  font-weight: bold;
  letter-spacing: 2px;
  line-height: 16px;
  padding: 15px 22px;
  background-color: #000000;
  border-radius: unset;
  -webkit-transition: 0.3s linear;
  transition: 0.3s linear;
  border: 1Px solid transparent;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-transform: uppercase;
  text-align: center;
  white-space: nowrap;
  cursor: pointer;
}
.gm--full .header .header_contenu .header_gauche .gm__field-lien span:active, .gm--full .header .header_contenu .header_gauche .gm__field-lien span:focus {
  border: 1Px solid transparent !important;
}
@media (min-width: 769px) {
  .gm--full .header .header_contenu .header_gauche .gm__field-lien span:hover {
    border: 1Px solid #000000;
    color: #000000;
    background-color: white;
  }
  .gm--full .header .header_contenu .header_gauche .gm__field-lien span:active, .gm--full .header .header_contenu .header_gauche .gm__field-lien span:focus {
    border: 1Px solid #000000 !important;
  }
}
.gm--full .header .header_contenu .header_droite {
  width: 100%;
  height: 600px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.gm--full .header .header_contenu .header_droite:after {
  width: 100%;
  height: auto;
  background-color: #F4F2ED;
  content: "";
}
.gm--full .header .header_contenu .header_droite .gm__field-image-6 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
}
.gm--full .header .header_contenu .header_droite .gm__field-image-6 > div {
  width: 100%;
  height: 100%;
}
.gm--full .header .header_contenu .header_droite .gm__field-image-6 > div .image__field-media-image {
  width: 100%;
  height: 100%;
}
.gm--full .header .header_contenu .header_droite .gm__field-image-6 > div .image__field-media-image img {
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  width: 100%;
  height: 100%;
}
.gm--full .container_texte_descriptif {
  padding: 150px 0px 380px;
  background-color: #F4F2ED;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.gm--full .container_texte_descriptif .gm__field-texte-long {
  max-width: 1064px;
  padding: 0px 20px;
  width: 100%;
  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;
}
.gm--full .container_texte_descriptif .gm__field-texte-long .field__item {
  width: 50%;
}
.gm--full .container_texte_descriptif .gm__field-texte-long .field__item p {
  color: #000000;
  font-family: "Helvetica Neue";
  font-size: 20px;
  letter-spacing: 1.5px;
  line-height: 28px;
  margin-bottom: 10px;
  text-align: justify;
}
.gm--full .container_texte_descriptif .gm__field-texte-long .field__item p:last-child {
  margin-bottom: 0px;
}
.gm--full .container_video {
  width: 100%;
  margin-top: -250px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.gm--full .container_video .contenu_video {
  width: 890px;
  height: 500px;
  padding: 0px 20px;
  position: relative;
}
.gm--full .container_video .contenu_video:hover:after {
  background-color: #AA7B58;
}
.gm--full .container_video .contenu_video.active:after {
  display: none;
}
.gm--full .container_video .contenu_video.active .gm__field-image-1 {
  display: none;
}
.gm--full .container_video .contenu_video:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  height: 100px;
  width: 100px;
  -webkit-mask-image: url("/themes/custom/vivelys/assets/css/../img/icons/player.svg");
          mask-image: url("/themes/custom/vivelys/assets/css/../img/icons/player.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  background-color: white;
  z-index: 3;
  content: "";
  cursor: pointer;
  -webkit-transition: 0.3s linear;
  transition: 0.3s linear;
}
.gm--full .container_video .contenu_video .gm__field-image-1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  cursor: pointer;
}
.gm--full .container_video .contenu_video .gm__field-image-1 img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.gm--full .container_video .contenu_video .gm__field-video {
  width: 100%;
  height: 100%;
}
.gm--full .container_video .contenu_video .gm__field-video video {
  width: 100%;
  height: 100%;
}
.gm--full .container_video .contenu_video .gm__field-video video source {
  width: 100%;
  height: 100%;
}
.gm--full .n_gamme {
  width: 100%;
  margin-top: 150px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.gm--full .n_gamme h3 {
  color: #000000;
  font-family: Judson;
  font-size: 38px;
  letter-spacing: 0;
  line-height: 43px;
  text-align: center;
  padding: 0px 20px;
  margin-bottom: 15px;
}
.gm--full .n_gamme .gm__field-image-2 {
  width: 100%;
  max-width: 1240px;
  position: relative;
  z-index: 2;
}
.gm--full .n_gamme .gm__field-image-2 > div {
  width: 100%;
}
.gm--full .n_gamme .gm__field-image-2 > div .image__field-media-image {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.gm--full .n_gamme .gm__field-image-2 > div .image__field-media-image img {
  height: 120px;
  width: auto;
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
}
.gm--full .n_gamme .field--name-field-vue-menu-inspiration {
  width: 100%;
  margin-bottom: 75px;
  margin-top: -35px;
}
.gm--full .n_gamme .field--name-field-vue-menu-inspiration .field__item {
  width: 100%;
}
.gm--full .n_gamme .field--name-field-vue-menu-inspiration .field__item .views-element-container {
  width: 100%;
}
.gm--full .n_gamme .field--name-field-vue-menu-inspiration .field__item .views-element-container div[class*=js-view-dom] {
  width: 100%;
}
.gm--full .n_gamme .field--name-field-vue-menu-inspiration .field__item .views-element-container div[class*=js-view-dom] .container_rows {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.gm--full .n_gamme .field--name-field-vue-menu-inspiration .field__item .views-element-container div[class*=js-view-dom] .container_rows .views-row {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  opacity: 1;
  -webkit-transition: 0.3s linear;
  transition: 0.3s linear;
}
.gm--full .n_gamme .field--name-field-vue-menu-inspiration .field__item .views-element-container div[class*=js-view-dom] .container_rows .views-row:hover {
  opacity: 1;
}
.gm--full .n_gamme .field--name-field-vue-menu-inspiration .field__item .views-element-container div[class*=js-view-dom] .container_rows .views-row:hover .views-field-field-image:after {
  bottom: 0;
}
.gm--full .n_gamme .field--name-field-vue-menu-inspiration .field__item .views-element-container div[class*=js-view-dom] .container_rows .views-row.desactive {
  opacity: 0.25;
}
.gm--full .n_gamme .field--name-field-vue-menu-inspiration .field__item .views-element-container div[class*=js-view-dom] .container_rows .views-row.desactive .views-field-field-image:after {
  bottom: -55px;
}
.gm--full .n_gamme .field--name-field-vue-menu-inspiration .field__item .views-element-container div[class*=js-view-dom] .container_rows .views-row .views-field-field-image {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.gm--full .n_gamme .field--name-field-vue-menu-inspiration .field__item .views-element-container div[class*=js-view-dom] .container_rows .views-row .views-field-field-image:after {
  position: absolute;
  z-index: 2;
  width: 70px;
  height: 50px;
  background-image: url("/themes/custom/vivelys/assets/css/../img/icons/triangle.svg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  content: "";
  left: 0;
  right: 0;
  bottom: 0px;
  margin: 0 auto;
  -webkit-transition: 0.3s linear;
  transition: 0.3s linear;
}
.gm--full .n_gamme .field--name-field-vue-menu-inspiration .field__item .views-element-container div[class*=js-view-dom] .container_rows .views-row .views-field-field-image .field-content {
  width: 100%;
  height: 100%;
}
.gm--full .n_gamme .field--name-field-vue-menu-inspiration .field__item .views-element-container div[class*=js-view-dom] .container_rows .views-row .views-field-field-image .field-content img {
  height: 400px;
  width: 100%;
  max-width: unset;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.gm--full .n_gamme .field--name-field-vue-menu-inspiration .field__item .views-element-container div[class*=js-view-dom] .container_rows .views-row .views-field-name-1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.gm--full .n_gamme .field--name-field-vue-menu-inspiration .field__item .views-element-container div[class*=js-view-dom] .container_rows .views-row .views-field-name-1 .field-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #000000;
  font-family: "Helvetica Neue";
  font-size: 18px;
  letter-spacing: 2px;
  line-height: 23px;
  font-weight: bold;
  text-align: center;
  margin-top: 25px;
  text-transform: uppercase;
}
.gm--full .n_gamme .field--name-field-vue-produits {
  max-width: 1280px;
  padding: 0px 25px;
  width: 100%;
  margin-bottom: 185px;
  margin-top: 75px;
}
.gm--full .n_gamme .field--name-field-vue-produits .field__item {
  width: 100%;
}
.gm--full .n_gamme .field--name-field-vue-produits .field__item .views-element-container {
  width: 100%;
}
.gm--full .n_gamme .field--name-field-vue-produits .field__item .views-element-container div[class*=js-view-dom] {
  width: 100%;
}
.gm--full .n_gamme .field--name-field-vue-produits .field__item .views-element-container div[class*=js-view-dom] .container_rows {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.gm--full .n_gamme .field--name-field-vue-produits .field__item .views-element-container div[class*=js-view-dom] .container_rows .views-row {
  width: 25%;
  margin-bottom: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  position: relative;
}
@media (min-width: 769px) {
  .gm--full .n_gamme .field--name-field-vue-produits .field__item .views-element-container div[class*=js-view-dom] .container_rows .views-row:hover .views-field-title {
    background-color: #000000;
  }
  .gm--full .n_gamme .field--name-field-vue-produits .field__item .views-element-container div[class*=js-view-dom] .container_rows .views-row:hover .views-field-title .field-content {
    border-left: 1px solid #9B9B9B;
    color: white;
  }
  .gm--full .n_gamme .field--name-field-vue-produits .field__item .views-element-container div[class*=js-view-dom] .container_rows .views-row:hover .views-field-fieldset > .field-content .bas .views-field-field-texte-long {
    opacity: 1;
  }
  .gm--full .n_gamme .field--name-field-vue-produits .field__item .views-element-container div[class*=js-view-dom] .container_rows .views-row:hover .views-field-fieldset > .field-content .bas .views-field-field-texte-long .field-content {
    border-left: 1px solid #9B9B9B;
  }
}
.gm--full .n_gamme .field--name-field-vue-produits .field__item .views-element-container div[class*=js-view-dom] .container_rows .views-row .views-field-view-node {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 5;
}
.gm--full .n_gamme .field--name-field-vue-produits .field__item .views-element-container div[class*=js-view-dom] .container_rows .views-row .views-field-view-node .field-content {
  width: 100%;
  height: 100%;
  display: block;
}
.gm--full .n_gamme .field--name-field-vue-produits .field__item .views-element-container div[class*=js-view-dom] .container_rows .views-row .views-field-view-node .field-content a {
  width: 100%;
  height: 100%;
  display: block;
  color: transparent;
  font-size: 0px;
}
.gm--full .n_gamme .field--name-field-vue-produits .field__item .views-element-container div[class*=js-view-dom] .container_rows .views-row .views-field-title {
  height: 100px;
  width: 100%;
  background-color: #F4F2ED;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 25px 20px 20px 45px;
  -webkit-transition: 0.3s linear;
  transition: 0.3s linear;
}
.gm--full .n_gamme .field--name-field-vue-produits .field__item .views-element-container div[class*=js-view-dom] .container_rows .views-row .views-field-title .field-content {
  color: #000000;
  font-family: Judson;
  font-size: 24px;
  letter-spacing: 0;
  line-height: 28px;
  padding-left: 15px;
  height: 100%;
  border-left: 1px solid transparent;
  -webkit-transition: 0.3s linear;
  transition: 0.3s linear;
}
@media (max-width: 768px) {
  .gm--full .n_gamme .field--name-field-vue-produits .field__item .views-element-container div[class*=js-view-dom] .container_rows .views-row .views-field-title {
    padding: 25px 20px 45px;
  }
  .gm--full .n_gamme .field--name-field-vue-produits .field__item .views-element-container div[class*=js-view-dom] .container_rows .views-row .views-field-title .field-content {
    font-size: 20px;
    padding-left: 10px;
  }
}
.gm--full .n_gamme .field--name-field-vue-produits .field__item .views-element-container div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset {
  width: calc(100% - 30px);
  height: 320px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: -20px;
}
@media (max-width: 1024px) {
  .gm--full .n_gamme .field--name-field-vue-produits .field__item .views-element-container div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset {
    height: 280px;
  }
}
@media (max-width: 768px) {
  .gm--full .n_gamme .field--name-field-vue-produits .field__item .views-element-container div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset {
    height: 220px;
  }
}
.gm--full .n_gamme .field--name-field-vue-produits .field__item .views-element-container div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset > .field-content {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.gm--full .n_gamme .field--name-field-vue-produits .field__item .views-element-container div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset > .field-content .bas {
  width: 100%;
  height: 100%;
  position: relative;
}
.gm--full .n_gamme .field--name-field-vue-produits .field__item .views-element-container div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset > .field-content .bas .views-field-field-image {
  width: 100%;
  height: 100%;
}
.gm--full .n_gamme .field--name-field-vue-produits .field__item .views-element-container div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset > .field-content .bas .views-field-field-image > .field-content {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.gm--full .n_gamme .field--name-field-vue-produits .field__item .views-element-container div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset > .field-content .bas .views-field-field-image > .field-content > div {
  width: 100%;
  height: 100%;
  background-color: #F6F6F6;
}
.gm--full .n_gamme .field--name-field-vue-produits .field__item .views-element-container div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset > .field-content .bas .views-field-field-image > .field-content > div .image__field-media-image {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.gm--full .n_gamme .field--name-field-vue-produits .field__item .views-element-container div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset > .field-content .bas .views-field-field-image > .field-content > div .image__field-media-image img {
  width: 100%;
  height: auto;
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
  max-height: 100%;
}
@media (max-width: 768px) {
  .gm--full .n_gamme .field--name-field-vue-produits .field__item .views-element-container div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset > .field-content .bas .views-field-field-image > .field-content > div .image__field-media-image img {
    height: 100%;
  }
}
.gm--full .n_gamme .field--name-field-vue-produits .field__item .views-element-container div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset > .field-content .bas .views-field-field-texte-long {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.75);
  padding: 0px 15px 15px 30px;
  opacity: 0;
  -webkit-transition: 0.3s linear;
  transition: 0.3s linear;
}
.gm--full .n_gamme .field--name-field-vue-produits .field__item .views-element-container div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset > .field-content .bas .views-field-field-texte-long .field-content {
  display: block;
  position: relative;
  z-index: 2;
  -webkit-transition: 0.3s linear;
  transition: 0.3s linear;
  border-left: 1px solid transparent;
  padding-left: 15px;
}
.gm--full .n_gamme .field--name-field-vue-produits .field__item .views-element-container div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset > .field-content .bas .views-field-field-texte-long .field-content p {
  color: #9B9B9B;
  font-family: "Helvetica Neue";
  font-size: 20px;
  letter-spacing: 1.5px;
  line-height: 28px;
  margin-bottom: 10px;
}
.gm--full .n_gamme .field--name-field-vue-produits .field__item .views-element-container div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset > .field-content .bas .views-field-field-texte-long .field-content p:last-child {
  margin-bottom: 0px;
}
.gm--full .n_gamme .field--name-field-vue-produits .field__item .views-element-container div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset > .field-content .bas .views-field-field-texte-long .field-content p:first-child {
  padding-top: 10px;
}
.gm--full .container_formulaire {
  width: 100%;
  max-width: 1044px;
  margin: 0 auto;
}
.gm--full .container_formulaire .gm__field-form-documents {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  background-color: #AA7B58;
  padding: 50px 100px 50px 20px;
  position: relative;
}
.gm--full .container_formulaire .gm__field-form-documents:before {
  position: absolute;
  background-color: #AA7B58;
  height: 100%;
  width: 100vw;
  top: 0;
  left: -100vw;
  content: "";
  z-index: 1;
}
.gm--full .container_formulaire .gm__field-form-documents form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.gm--full .container_formulaire .gm__field-form-documents form div[id*=edit-container-labels] {
  padding-right: 75px;
  max-width: 275px;
}
.gm--full .container_formulaire .gm__field-form-documents form div[id*=edit-container-labels] label:nth-child(1) {
  color: #FFFFFF;
  font-family: Judson;
  font-size: 30px;
  letter-spacing: 0;
  line-height: 34px;
  margin-bottom: 15px;
}
.gm--full .container_formulaire .gm__field-form-documents form div[id*=edit-container-labels] label:nth-child(2) {
  color: #FFFFFF;
  font-family: "Helvetica Neue";
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 23px;
}
.gm--full .container_formulaire .gm__field-form-documents form div[id*=edit-container-01] {
  padding-left: 75px;
  padding-top: 20px;
  border-left: 1px solid white;
  max-width: 345px;
}
.gm--full .container_formulaire .gm__field-form-documents form div[id*=edit-container-01] div[id*=edit-documents--wrapper] {
  margin-bottom: 25px;
}
.gm--full .container_formulaire .gm__field-form-documents form div[id*=edit-container-01] div[id*=edit-documents--wrapper] div[id*=edit-documents] .js-form-type-checkbox {
  margin-bottom: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: unset;
}
.gm--full .container_formulaire .gm__field-form-documents form div[id*=edit-container-01] div[id*=edit-documents--wrapper] div[id*=edit-documents] .js-form-type-checkbox:last-child {
  margin-bottom: 0px;
}
.gm--full .container_formulaire .gm__field-form-documents form div[id*=edit-container-01] div[id*=edit-documents--wrapper] div[id*=edit-documents] .js-form-type-checkbox input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  height: 14px;
  width: 14px;
  border: 1px solid #FFFFFF;
  border-radius: 3px;
  -webkit-transition: 0.3s linear;
  transition: 0.3s linear;
  margin: unset;
  position: unset;
  display: block;
  cursor: pointer;
  margin-right: 10px;
}
.gm--full .container_formulaire .gm__field-form-documents form div[id*=edit-container-01] div[id*=edit-documents--wrapper] div[id*=edit-documents] .js-form-type-checkbox input:active, .gm--full .container_formulaire .gm__field-form-documents form div[id*=edit-container-01] div[id*=edit-documents--wrapper] div[id*=edit-documents] .js-form-type-checkbox input:focus {
  border: 1px solid #FFFFFF !important;
}
.gm--full .container_formulaire .gm__field-form-documents form div[id*=edit-container-01] div[id*=edit-documents--wrapper] div[id*=edit-documents] .js-form-type-checkbox input:checked, .gm--full .container_formulaire .gm__field-form-documents form div[id*=edit-container-01] div[id*=edit-documents--wrapper] div[id*=edit-documents] .js-form-type-checkbox input:hover {
  background-color: white;
}
.gm--full .container_formulaire .gm__field-form-documents form div[id*=edit-container-01] div[id*=edit-documents--wrapper] div[id*=edit-documents] .js-form-type-checkbox label {
  color: #FFFFFF;
  font-family: "Helvetica Neue";
  font-size: 13px;
  font-weight: bold;
  letter-spacing: 2px;
  line-height: 16px;
  text-transform: uppercase;
  font-weight: bold;
  cursor: pointer;
}
.gm--full .container_formulaire .gm__field-form-documents form div[id*=edit-container-01] .js-form-type-checkbox {
  margin-top: 25px;
  margin-bottom: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: unset;
}
.gm--full .container_formulaire .gm__field-form-documents form div[id*=edit-container-01] .js-form-type-checkbox input {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  height: 14px;
  width: 14px;
  border: 1px solid #FFFFFF;
  border-radius: 3px;
  -webkit-transition: 0.3s linear;
  transition: 0.3s linear;
  margin: unset;
  position: unset;
  display: block;
  cursor: pointer;
  margin-right: 10px;
  position: relative;
  top: 2px;
}
.gm--full .container_formulaire .gm__field-form-documents form div[id*=edit-container-01] .js-form-type-checkbox input:active, .gm--full .container_formulaire .gm__field-form-documents form div[id*=edit-container-01] .js-form-type-checkbox input:focus {
  border: 1px solid #FFFFFF !important;
}
.gm--full .container_formulaire .gm__field-form-documents form div[id*=edit-container-01] .js-form-type-checkbox input:checked, .gm--full .container_formulaire .gm__field-form-documents form div[id*=edit-container-01] .js-form-type-checkbox input:hover {
  background-color: white;
}
.gm--full .container_formulaire .gm__field-form-documents form div[id*=edit-container-01] .js-form-type-checkbox label {
  color: #FFFFFF;
  font-family: "Helvetica Neue";
  font-size: 13px;
  font-weight: bold;
  letter-spacing: 2px;
  line-height: 16px;
  font-size: 11px;
  font-weight: bold;
  cursor: pointer;
}
.gm--full .container_formulaire .gm__field-form-documents form div[id*=edit-container-01] .js-form-type-email {
  margin: unset;
}
.gm--full .container_formulaire .gm__field-form-documents form div[id*=edit-container-01] .js-form-type-email label {
  color: #FFFFFF;
  font-family: "Helvetica Neue";
  font-size: 13px;
  font-weight: bold;
  letter-spacing: 2px;
  line-height: 16px;
  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: 15px;
  padding-left: 15px;
}
.gm--full .container_formulaire .gm__field-form-documents form div[id*=edit-container-01] .js-form-type-email input {
  padding: unset;
  height: unset;
  border-radius: 3px 0 0 3px;
  background-color: #F4F2ED;
  padding: 14px 15px;
  color: #000000;
  font-family: "Helvetica Neue";
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 23px;
  line-height: 1;
  border: unset;
  border: 1px solid transparent;
  width: 100%;
}
.gm--full .container_formulaire .gm__field-form-documents form div[id*=edit-container-01] .js-form-type-email input::-webkit-input-placeholder {
  color: #9B9B9B;
  font-family: "Helvetica Neue";
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 23px;
}
.gm--full .container_formulaire .gm__field-form-documents form div[id*=edit-container-01] .js-form-type-email input::-moz-placeholder {
  color: #9B9B9B;
  font-family: "Helvetica Neue";
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 23px;
}
.gm--full .container_formulaire .gm__field-form-documents form div[id*=edit-container-01] .js-form-type-email input:-ms-input-placeholder {
  color: #9B9B9B;
  font-family: "Helvetica Neue";
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 23px;
}
.gm--full .container_formulaire .gm__field-form-documents form div[id*=edit-container-01] .js-form-type-email input::-ms-input-placeholder {
  color: #9B9B9B;
  font-family: "Helvetica Neue";
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 23px;
}
.gm--full .container_formulaire .gm__field-form-documents form div[id*=edit-container-01] .js-form-type-email input::placeholder {
  color: #9B9B9B;
  font-family: "Helvetica Neue";
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 23px;
}
@media (max-width: 525px) {
  .gm--full .container_formulaire .gm__field-form-documents form div[id*=edit-container-01] .js-form-type-email input {
    font-size: 13px;
    letter-spacing: 0.5px;
    line-height: 20px;
  }
  .gm--full .container_formulaire .gm__field-form-documents form div[id*=edit-container-01] .js-form-type-email input::-webkit-input-placeholder {
    font-size: 13px;
    letter-spacing: 0.5px;
    line-height: 20px;
  }
  .gm--full .container_formulaire .gm__field-form-documents form div[id*=edit-container-01] .js-form-type-email input::-moz-placeholder {
    font-size: 13px;
    letter-spacing: 0.5px;
    line-height: 20px;
  }
  .gm--full .container_formulaire .gm__field-form-documents form div[id*=edit-container-01] .js-form-type-email input:-ms-input-placeholder {
    font-size: 13px;
    letter-spacing: 0.5px;
    line-height: 20px;
  }
  .gm--full .container_formulaire .gm__field-form-documents form div[id*=edit-container-01] .js-form-type-email input::-ms-input-placeholder {
    font-size: 13px;
    letter-spacing: 0.5px;
    line-height: 20px;
  }
  .gm--full .container_formulaire .gm__field-form-documents form div[id*=edit-container-01] .js-form-type-email input::placeholder {
    font-size: 13px;
    letter-spacing: 0.5px;
    line-height: 20px;
  }
}
.gm--full .container_formulaire .gm__field-form-documents form div[id*=edit-container-01] .js-form-type-email input:active, .gm--full .container_formulaire .gm__field-form-documents form div[id*=edit-container-01] .js-form-type-email input:focus {
  border: 1px solid transparent !important;
}
.gm--full .container_formulaire .gm__field-form-documents form div[id*=edit-actions] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.gm--full .container_formulaire .gm__field-form-documents form div[id*=edit-actions] input {
  color: #FFFFFF;
  font-family: "Helvetica Neue";
  font-size: 13px;
  font-weight: bold;
  letter-spacing: 2px;
  line-height: 16px;
  padding: 15px 22px;
  background-color: #000000;
  border-radius: unset;
  -webkit-transition: 0.3s linear;
  transition: 0.3s linear;
  border: 1Px solid transparent;
  line-height: 17px;
  text-transform: uppercase;
}
.gm--full .container_formulaire .gm__field-form-documents form div[id*=edit-actions] input:active, .gm--full .container_formulaire .gm__field-form-documents form div[id*=edit-actions] input:focus {
  border: 1Px solid transparent !important;
}
@media (min-width: 769px) {
  .gm--full .container_formulaire .gm__field-form-documents form div[id*=edit-actions] input:hover {
    border: 1Px solid #000000;
    color: #000000;
    background-color: white;
  }
  .gm--full .container_formulaire .gm__field-form-documents form div[id*=edit-actions] input:active, .gm--full .container_formulaire .gm__field-form-documents form div[id*=edit-actions] input:focus {
    border: 1Px solid #000000 !important;
  }
}
.gm--full .container_formulaire_kit {
  width: 100%;
  background-color: #F4F2ED;
  padding-top: 100px;
  overflow: hidden;
  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;
  padding: 100px 20px;
}
.gm--full .container_formulaire_kit .gm__field-image-7 {
  max-width: 530px;
  width: 100%;
  margin-right: 90px;
}
.gm--full .container_formulaire_kit .gm__field-image-7 .media {
  width: 100%;
}
.gm--full .container_formulaire_kit .gm__field-image-7 .media .image__field-media-image {
  width: 100%;
}
.gm--full .container_formulaire_kit .gm__field-image-7 .media .image__field-media-image img {
  width: 100%;
  height: auto;
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
}
.gm--full .container_formulaire_kit .contenu_formulaire_kit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  max-width: 602px;
}
.gm--full .container_formulaire_kit .contenu_formulaire_kit .wrapper_kit .gm__field-image-3 {
  width: 100%;
  position: relative;
  z-index: 2;
  margin: -15px 0 0;
}
.gm--full .container_formulaire_kit .contenu_formulaire_kit .wrapper_kit .gm__field-image-3 > div {
  width: 100%;
}
.gm--full .container_formulaire_kit .contenu_formulaire_kit .wrapper_kit .gm__field-image-3 > div .image__field-media-image {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.gm--full .container_formulaire_kit .contenu_formulaire_kit .wrapper_kit .gm__field-image-3 > div .image__field-media-image img {
  width: 100%;
  height: auto;
  max-height: 105px;
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: right;
     object-position: right;
}
.gm--full .container_formulaire_kit .contenu_formulaire_kit .wrapper_kit > .gm__field-texte-brut-2 {
  color: #000000;
  font-family: Judson;
  font-size: 38px;
  letter-spacing: 0;
  line-height: 43px;
  text-align: center;
  width: 100%;
  text-align: right;
}
.gm--full .container_formulaire_kit .contenu_formulaire_kit .container_lien_kit {
  margin-top: 32px;
}
.gm--full .container_formulaire_kit .contenu_formulaire_kit .container_lien_kit h3 {
  color: #000000;
  font-family: "Helvetica Neue";
  font-size: 20px;
  letter-spacing: 1.5px;
  line-height: 28px;
  margin-bottom: 20px;
}
.gm--full .container_formulaire_kit .contenu_formulaire_kit .container_lien_kit .gm__field-liens-1 .field__item {
  display: block;
}
.gm--full .container_formulaire_kit .contenu_formulaire_kit .container_lien_kit .gm__field-liens-1 .field__item a {
  color: #FFFFFF;
  font-family: "Helvetica Neue";
  font-size: 13px;
  font-weight: bold;
  letter-spacing: 2px;
  line-height: 16px;
  padding: 15px 22px;
  background-color: #000000;
  border-radius: unset;
  -webkit-transition: 0.3s linear;
  transition: 0.3s linear;
  border: 1Px solid transparent;
  text-transform: uppercase;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.gm--full .container_formulaire_kit .contenu_formulaire_kit .container_lien_kit .gm__field-liens-1 .field__item a:active, .gm--full .container_formulaire_kit .contenu_formulaire_kit .container_lien_kit .gm__field-liens-1 .field__item a:focus {
  border: 1Px solid transparent !important;
}
@media (min-width: 769px) {
  .gm--full .container_formulaire_kit .contenu_formulaire_kit .container_lien_kit .gm__field-liens-1 .field__item a:hover {
    border: 1Px solid #000000;
    color: #000000;
    background-color: white;
  }
  .gm--full .container_formulaire_kit .contenu_formulaire_kit .container_lien_kit .gm__field-liens-1 .field__item a:active, .gm--full .container_formulaire_kit .contenu_formulaire_kit .container_lien_kit .gm__field-liens-1 .field__item a:focus {
    border: 1Px solid #000000 !important;
  }
}
.gm--full .container_formulaire_kit .contenu_formulaire_kit .gm__field-formulaire-kit {
  width: 100%;
  margin-top: -25px;
}
.gm--full .container_formulaire_kit .contenu_formulaire_kit .gm__field-formulaire-kit form {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.gm--full .container_formulaire_kit .contenu_formulaire_kit .gm__field-formulaire-kit form div[id*=edit-gauche] {
  padding-top: 75px;
  margin-right: 100px;
  max-width: 335px;
}
.gm--full .container_formulaire_kit .contenu_formulaire_kit .gm__field-formulaire-kit form div[id*=edit-gauche] .js-form-item p {
  color: #000000;
  font-family: "Helvetica Neue";
  font-size: 20px;
  letter-spacing: 1.5px;
  line-height: 28px;
  margin-bottom: 20px;
}
.gm--full .container_formulaire_kit .contenu_formulaire_kit .gm__field-formulaire-kit form div[id*=edit-gauche] .js-form-item p:last-child {
  margin-bottom: 0px;
}
.gm--full .container_formulaire_kit .contenu_formulaire_kit .gm__field-formulaire-kit form div[id*=edit-droite] {
  padding: 100px 100px 75px;
  background-color: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  min-width: 700px;
}
.gm--full .container_formulaire_kit .contenu_formulaire_kit .gm__field-formulaire-kit form div[id*=edit-droite]:after {
  position: absolute;
  background-color: #FFFFFF;
  height: 100%;
  width: 100vw;
  top: 0;
  right: -100vw;
  content: "";
  z-index: 1;
}
.gm--full .container_formulaire_kit .contenu_formulaire_kit .gm__field-formulaire-kit form div[id*=edit-droite] .js-form-item:not(.form-item-infos-persos) {
  margin-bottom: 25px;
}
.gm--full .container_formulaire_kit .contenu_formulaire_kit .gm__field-formulaire-kit form div[id*=edit-droite] .js-form-item:not(.form-item-infos-persos):last-child {
  margin-bottom: 0px;
}
.gm--full .container_formulaire_kit .contenu_formulaire_kit .gm__field-formulaire-kit form div[id*=edit-droite] .js-form-item:not(.form-item-infos-persos) label {
  color: #000000;
  font-family: "Helvetica Neue";
  font-size: 11px;
  font-weight: bold;
  letter-spacing: 2px;
  line-height: 13px;
  padding-left: 15px;
  margin-bottom: 15px;
  text-transform: uppercase;
}
.gm--full .container_formulaire_kit .contenu_formulaire_kit .gm__field-formulaire-kit form div[id*=edit-droite] .js-form-item:not(.form-item-infos-persos) input {
  padding: unset;
  height: unset;
  border-radius: 3px;
  background-color: #F4F2ED;
  padding: 15px 15px 13px;
  color: #000000;
  font-family: "Helvetica Neue";
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 23px;
  line-height: 1;
  border: unset;
  width: 100%;
}
.gm--full .container_formulaire_kit .contenu_formulaire_kit .gm__field-formulaire-kit form div[id*=edit-droite] .js-form-item:not(.form-item-infos-persos) input::-webkit-input-placeholder {
  color: #9B9B9B;
  font-family: "Helvetica Neue";
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 23px;
}
.gm--full .container_formulaire_kit .contenu_formulaire_kit .gm__field-formulaire-kit form div[id*=edit-droite] .js-form-item:not(.form-item-infos-persos) input::-moz-placeholder {
  color: #9B9B9B;
  font-family: "Helvetica Neue";
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 23px;
}
.gm--full .container_formulaire_kit .contenu_formulaire_kit .gm__field-formulaire-kit form div[id*=edit-droite] .js-form-item:not(.form-item-infos-persos) input:-ms-input-placeholder {
  color: #9B9B9B;
  font-family: "Helvetica Neue";
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 23px;
}
.gm--full .container_formulaire_kit .contenu_formulaire_kit .gm__field-formulaire-kit form div[id*=edit-droite] .js-form-item:not(.form-item-infos-persos) input::-ms-input-placeholder {
  color: #9B9B9B;
  font-family: "Helvetica Neue";
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 23px;
}
.gm--full .container_formulaire_kit .contenu_formulaire_kit .gm__field-formulaire-kit form div[id*=edit-droite] .js-form-item:not(.form-item-infos-persos) input::placeholder {
  color: #9B9B9B;
  font-family: "Helvetica Neue";
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 23px;
}
@media (max-width: 525px) {
  .gm--full .container_formulaire_kit .contenu_formulaire_kit .gm__field-formulaire-kit form div[id*=edit-droite] .js-form-item:not(.form-item-infos-persos) input {
    font-size: 13px;
    letter-spacing: 0.5px;
    line-height: 20px;
  }
  .gm--full .container_formulaire_kit .contenu_formulaire_kit .gm__field-formulaire-kit form div[id*=edit-droite] .js-form-item:not(.form-item-infos-persos) input::-webkit-input-placeholder {
    font-size: 13px;
    letter-spacing: 0.5px;
    line-height: 20px;
  }
  .gm--full .container_formulaire_kit .contenu_formulaire_kit .gm__field-formulaire-kit form div[id*=edit-droite] .js-form-item:not(.form-item-infos-persos) input::-moz-placeholder {
    font-size: 13px;
    letter-spacing: 0.5px;
    line-height: 20px;
  }
  .gm--full .container_formulaire_kit .contenu_formulaire_kit .gm__field-formulaire-kit form div[id*=edit-droite] .js-form-item:not(.form-item-infos-persos) input:-ms-input-placeholder {
    font-size: 13px;
    letter-spacing: 0.5px;
    line-height: 20px;
  }
  .gm--full .container_formulaire_kit .contenu_formulaire_kit .gm__field-formulaire-kit form div[id*=edit-droite] .js-form-item:not(.form-item-infos-persos) input::-ms-input-placeholder {
    font-size: 13px;
    letter-spacing: 0.5px;
    line-height: 20px;
  }
  .gm--full .container_formulaire_kit .contenu_formulaire_kit .gm__field-formulaire-kit form div[id*=edit-droite] .js-form-item:not(.form-item-infos-persos) input::placeholder {
    font-size: 13px;
    letter-spacing: 0.5px;
    line-height: 20px;
  }
}
.gm--full .container_formulaire_kit .contenu_formulaire_kit .gm__field-formulaire-kit form div[id*=edit-droite] .form-item-infos-persos {
  margin-top: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0px 50px 0px 15px;
  margin-bottom: 75px;
}
.gm--full .container_formulaire_kit .contenu_formulaire_kit .gm__field-formulaire-kit form div[id*=edit-droite] .form-item-infos-persos label {
  color: #9B9B9B;
  font-family: "Helvetica Neue";
  font-size: 13px;
  letter-spacing: 0.5px;
  line-height: 15px;
  padding: unset;
  margin: unset;
  text-transform: initial;
  cursor: pointer;
}
.gm--full .container_formulaire_kit .contenu_formulaire_kit .gm__field-formulaire-kit form div[id*=edit-droite] .form-item-infos-persos input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  height: 15px;
  width: 15px;
  border: 1px solid #000000;
  border-radius: 3px;
  -webkit-transition: 0.3s linear;
  transition: 0.3s linear;
  margin: unset;
  position: unset;
  display: block;
  cursor: pointer;
  margin-right: 5px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.gm--full .container_formulaire_kit .contenu_formulaire_kit .gm__field-formulaire-kit form div[id*=edit-droite] .form-item-infos-persos input:active, .gm--full .container_formulaire_kit .contenu_formulaire_kit .gm__field-formulaire-kit form div[id*=edit-droite] .form-item-infos-persos input:focus {
  border: 1px solid #000000 !important;
}
.gm--full .container_formulaire_kit .contenu_formulaire_kit .gm__field-formulaire-kit form div[id*=edit-droite] .form-item-infos-persos input:checked, .gm--full .container_formulaire_kit .contenu_formulaire_kit .gm__field-formulaire-kit form div[id*=edit-droite] .form-item-infos-persos input:hover {
  background-color: #000000;
}
.gm--full .container_formulaire_kit .contenu_formulaire_kit .gm__field-formulaire-kit form label[for*=edit-btn-choisir] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  padding: unset;
  color: #000000;
  font-family: "Helvetica Neue";
  font-size: 13px;
  font-weight: bold;
  letter-spacing: 2px;
  line-height: 16px;
  text-transform: uppercase;
  position: absolute;
  left: 100px;
  bottom: 90px;
  margin: unset;
}
.gm--full .container_formulaire_kit .contenu_formulaire_kit .gm__field-formulaire-kit form label[for*=edit-btn-choisir]:before {
  -webkit-transition: 0.5s linear;
  transition: 0.5s linear;
  content: "";
  -webkit-mask-image: url("/themes/custom/vivelys/assets/css/../img/icons/plus.svg");
          mask-image: url("/themes/custom/vivelys/assets/css/../img/icons/plus.svg");
  width: 16px;
  height: 16px;
  margin-right: 10px;
  background-color: #000000;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}
@media (min-width: 769px) {
  .gm--full .container_formulaire_kit .contenu_formulaire_kit .gm__field-formulaire-kit form label[for*=edit-btn-choisir]:hover:before {
    -webkit-transform: scaleX(-1);
            transform: scaleX(-1);
  }
}
.gm--full .container_formulaire_kit .contenu_formulaire_kit .gm__field-formulaire-kit form div[id*=edit-actions] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  width: 100%;
}
.gm--full .container_formulaire_kit .contenu_formulaire_kit .gm__field-formulaire-kit form div[id*=edit-actions] input {
  color: #FFFFFF;
  font-family: "Helvetica Neue";
  font-size: 13px;
  font-weight: bold;
  letter-spacing: 2px;
  line-height: 16px;
  padding: 15px 22px;
  background-color: #000000;
  border-radius: unset;
  -webkit-transition: 0.3s linear;
  transition: 0.3s linear;
  border: 1Px solid transparent;
  text-transform: uppercase;
}
.gm--full .container_formulaire_kit .contenu_formulaire_kit .gm__field-formulaire-kit form div[id*=edit-actions] input:active, .gm--full .container_formulaire_kit .contenu_formulaire_kit .gm__field-formulaire-kit form div[id*=edit-actions] input:focus {
  border: 1Px solid transparent !important;
}
@media (min-width: 769px) {
  .gm--full .container_formulaire_kit .contenu_formulaire_kit .gm__field-formulaire-kit form div[id*=edit-actions] input:hover {
    border: 1Px solid #000000;
    color: #000000;
    background-color: white;
  }
  .gm--full .container_formulaire_kit .contenu_formulaire_kit .gm__field-formulaire-kit form div[id*=edit-actions] input:active, .gm--full .container_formulaire_kit .contenu_formulaire_kit .gm__field-formulaire-kit form div[id*=edit-actions] input:focus {
    border: 1Px solid #000000 !important;
  }
}
.gm--full .container_ag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-top: 200px;
  /* 		height: 500px;
  		padding-left:100px; */
  /* 		@media(max-width:1140px){
  			padding-left:30px;
  		} */
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.gm--full .container_ag .ag_gauche {
  max-width: 460px;
  margin-bottom: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.gm--full .container_ag .ag_gauche .gm__field-texte-court-1 {
  color: #000000;
  font-family: Judson;
  font-size: 38px;
  letter-spacing: 0;
  line-height: 43px;
  position: relative;
  z-index: 2;
  text-align: center;
}
.gm--full .container_ag .ag_gauche .gm__field-image-4 {
  width: 100%;
}
.gm--full .container_ag .ag_gauche .gm__field-image-4 > div {
  width: 100%;
}
.gm--full .container_ag .ag_gauche .gm__field-image-4 > div .image__field-media-image {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.gm--full .container_ag .ag_gauche .gm__field-image-4 > div .image__field-media-image img {
  height: 120px;
  width: auto;
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
}
.gm--full .container_ag .field--name-field-vue-autres-gammes {
  height: 100%;
  width: 100%;
}
.gm--full .container_ag .field--name-field-vue-autres-gammes .field__item {
  height: 100%;
  width: 100%;
}
.gm--full .container_ag .field--name-field-vue-autres-gammes .field__item .views-element-container {
  height: 100%;
  width: 100%;
}
.gm--full .container_ag .field--name-field-vue-autres-gammes .field__item .views-element-container div[class*=js-view-dom-id] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 3;
  height: 100%;
  width: 100%;
}
.gm--full .container_ag .field--name-field-vue-autres-gammes .field__item .views-element-container div[class*=js-view-dom-id] .container_rows {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.gm--full .container_ag .field--name-field-vue-autres-gammes .field__item .views-element-container div[class*=js-view-dom-id] .container_rows .views-row {
  height: auto;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  /* 								@include fcc;
  								padding:25px;
  								position:relative;
  								z-index: 2;
  								&:before{
  									@include overlay;
  									background-color: rgba(0,0,0,0.5);
  									z-index: -1;
  									transition : .3s linear;
  								}
  								&.cached{
  									&:before{
  										background-color: rgba(0,0,0,0.65);
  									}
  								}
  								@media(min-width:769px){
  									&:hover{
  										.views-field-field-image{
  											.field-content{
  												& > div{
  													.image__field-media-image{
  														img{
  															transform:scale(1.1);
  														}
  													}
  												}
  											}
  										}
  										.views-field-fieldset{
  											.field-content{
  												.bas{
  													.views-field-field-texte-court{
  														.field-content{
  															color: #000000;
  															background-color: #FFFFFF;
  														}
  													}
  												}
  											}
  										}
  									}
  								}
  								&:last-child{
  									border-right: unset;
  								}
  								.views-field-field-background{
  									position: absolute;
  									top: 0;
  									left: 0;
  									width: 100%;
  									height: 100%;
  									z-index: -2;
  									.field-content{
  										width: 100%;
  										height: 100%;
  										img{
  											width: 100%;
  											height: 100%;
  											object-fit: cover;
  											z-index: -1;
  										}
  									}
  								}
  								.views-field-view-node{
  									position:absolute;
  									top:0;
  									left:0;
  									width: 100%;
  									height: 100%;
  									display: block;
  									z-index: 5;
  									.field-content{
  										width: 100%;
  										height: 100%;
  										display: block;
  										a{
  											width: 100%;
  											height: 100%;
  											display: block;
  											color:transparent;
  											font-size: 0px;
  										}
  									}
  								}
  								.views-field-field-image{
  									width: 100%;
  									@include frc;
  									flex-grow: 1;
  									position: absolute;
  									top: 0;
  									left: 0;
  									right: 0;
  									bottom: 0;
  									margin: -50px auto 0;
  									.field-content{
  										width: 100%;
  										height: 100%;
  										@include frc;
  										& > div{
  											width: 100%;
  											height: 100%;
  											.image__field-media-image{
  												width: 100%;
  												height: 100%;
  												display: flex;
  												justify-content: center;
  												align-items: center;
  												img{
  													transition : .3s linear;
  													width: 50%;
  													min-width:152px;
  													height: auto;
  													object-fit: contain;
  													display: block;
  													max-height: 160px;
  												}
  											}
  										}
  									}
  								}
  								.views-field-fieldset{
  									width: 100%;
  									height: 100%;
  									display: flex;
  									align-items: flex-end;
  									.field-content{
  										display:flex;
  										width: 100%;
  										.bas{
  											display: flex;
  											flex-direction: column;
  											align-items: center;
  											width: 100%;
  											.views-field-field-texte-court{
  												@include frc;
  												width: 100%;
  												.field-content{
  													@include frc;
  													@include btn_blanc_transparent;
  													transition : .3s linear;
  													@media(max-width:1140px){
  														font-size:20px;
  														line-height: 24px;
  													}
  												}
  											}
  										}
  									}
  								}
  								 */
}
.gm--full .container_ag .field--name-field-vue-autres-gammes .field__item .views-element-container div[class*=js-view-dom-id] .container_rows .views-row article {
  height: 100%;
  min-height: 530px;
}

.produit--full {
  width: 100%;
}
.produit--full .header {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.produit--full .header .header_contenu {
  width: 100%;
  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;
  max-width: 1440px;
  padding: 0px 100px;
}
@media (max-width: 1170px) {
  .produit--full .header .header_contenu {
    padding: 0px 50px;
  }
}
.produit--full .header .header_contenu .header_gauche {
  width: calc(44% - 2px);
  background-color: #F4F2ED;
  padding: 220px 0px 150px 0px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  position: relative;
}
.produit--full .header .header_contenu .header_gauche:after {
  position: absolute;
  background-color: #F4F2ED;
  height: 100%;
  width: 100vw;
  top: 0;
  left: -100vw;
  content: "";
  z-index: 1;
}
.produit--full .header .header_contenu .header_gauche .header_gauche_contenu {
  width: 100%;
  max-width: 545Px;
  padding-right: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (max-width: 1170px) {
  .produit--full .header .header_contenu .header_gauche .header_gauche_contenu {
    padding-right: 40px;
  }
}
.produit--full .header .header_contenu .header_gauche .header_gauche_contenu .produit__field-titre-token {
  margin-bottom: 15px;
  width: 100%;
}
.produit--full .header .header_contenu .header_gauche .header_gauche_contenu .produit__field-titre-token h1 {
  color: #000000;
  font-family: Judson;
  font-size: 48px;
  letter-spacing: 0;
  line-height: 55px;
}
.produit--full .header .header_contenu .header_gauche .header_gauche_contenu .produit__field-texte-long {
  margin-bottom: 50px;
  width: 100%;
}
.produit--full .header .header_contenu .header_gauche .header_gauche_contenu .produit__field-texte-long p {
  color: #9B9B9B;
  font-family: "Helvetica Neue";
  font-size: 20px;
  letter-spacing: 1.5px;
  line-height: 28px;
  margin-bottom: 10px;
  color: #666666;
}
.produit--full .header .header_contenu .header_gauche .header_gauche_contenu .produit__field-texte-long p:last-child {
  margin-bottom: 0px;
}
.produit--full .header .header_contenu .header_gauche .header_gauche_contenu .produit__field-crc {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 35px;
}
.produit--full .header .header_contenu .header_gauche .header_gauche_contenu .produit__field-crc .field__item {
  width: calc(50% - 10px);
  margin-bottom: 15px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.produit--full .header .header_contenu .header_gauche .header_gauche_contenu .produit__field-crc .field__item .paragraph--type--crc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.produit--full .header .header_contenu .header_gauche .header_gauche_contenu .produit__field-crc .field__item .paragraph--type--crc .crc__field-icone {
  margin-right: 20px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.produit--full .header .header_contenu .header_gauche .header_gauche_contenu .produit__field-crc .field__item .paragraph--type--crc .crc__field-icone > div .image__field-media-image img {
  height: 40px;
  width: 40px;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
}
.produit--full .header .header_contenu .header_gauche .header_gauche_contenu .produit__field-crc .field__item .paragraph--type--crc .crc__field-valeur {
  color: #000000;
  font-family: "Helvetica Neue";
  font-size: 13px;
  font-weight: bold;
  letter-spacing: 2px;
  line-height: 16px;
  text-transform: uppercase;
}
.produit--full .header .header_contenu .header_gauche .header_gauche_contenu .produit__field-lien {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.produit--full .header .header_contenu .header_gauche .header_gauche_contenu .produit__field-lien span {
  color: #FFFFFF;
  font-family: "Helvetica Neue";
  font-size: 13px;
  font-weight: bold;
  letter-spacing: 2px;
  line-height: 16px;
  padding: 15px 22px;
  background-color: #000000;
  border-radius: unset;
  -webkit-transition: 0.3s linear;
  transition: 0.3s linear;
  border: 1Px solid transparent;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-transform: uppercase;
  text-align: center;
  white-space: nowrap;
  cursor: pointer;
}
.produit--full .header .header_contenu .header_gauche .header_gauche_contenu .produit__field-lien span:active, .produit--full .header .header_contenu .header_gauche .header_gauche_contenu .produit__field-lien span:focus {
  border: 1Px solid transparent !important;
}
@media (min-width: 769px) {
  .produit--full .header .header_contenu .header_gauche .header_gauche_contenu .produit__field-lien span:hover {
    border: 1Px solid #000000;
    color: #000000;
    background-color: white;
  }
  .produit--full .header .header_contenu .header_gauche .header_gauche_contenu .produit__field-lien span:active, .produit--full .header .header_contenu .header_gauche .header_gauche_contenu .produit__field-lien span:focus {
    border: 1Px solid #000000 !important;
  }
}
.produit--full .header .header_contenu .header_droite {
  width: calc(56% + 2px);
  background-color: #FFFFFF;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
.produit--full .header .header_contenu .header_droite:after {
  position: absolute;
  background-color: #F4F2ED;
  height: 55vh;
  width: 155px;
  top: -50vh;
  left: 0;
  content: "";
  z-index: -1;
}
.produit--full .header .header_contenu .header_droite .produit__field-image {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-height: 100%;
}
.produit--full .header .header_contenu .header_droite .produit__field-image > div {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.produit--full .header .header_contenu .header_droite .produit__field-image > div .image__field-media-image {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.produit--full .header .header_contenu .header_droite .produit__field-image > div .image__field-media-image img {
  width: 100%;
  height: 100%;
  max-width: unset;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
  aspect-ratio: unset;
  max-height: 550px;
  -o-object-position: left;
     object-position: left;
}
.produit--full .container_texte_descriptif {
  width: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 200px;
}
.produit--full .container_texte_descriptif .produit__field-gamme {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.produit--full .container_texte_descriptif .produit__field-gamme > .field__item {
  width: 100%;
  height: 100%;
}
.produit--full .container_texte_descriptif .produit__field-gamme > .field__item .gm--teaser {
  width: 100%;
  height: 100%;
}
.produit--full .container_texte_descriptif .produit__field-gamme > .field__item .gm--teaser .gm__field-image-5 {
  width: 100%;
  height: 100%;
}
.produit--full .container_texte_descriptif .produit__field-gamme > .field__item .gm--teaser .gm__field-image-5 > div {
  width: 100%;
  height: 100%;
}
.produit--full .container_texte_descriptif .produit__field-gamme > .field__item .gm--teaser .gm__field-image-5 > div .image__field-media-image {
  width: 100%;
  height: 100%;
}
.produit--full .container_texte_descriptif .produit__field-gamme > .field__item .gm--teaser .gm__field-image-5 > div .image__field-media-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.produit--full .container_texte_descriptif .contenu_texte_descriptif {
  max-width: 1440px;
  padding: 0px 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  width: 100%;
}
@media (max-width: 1170px) {
  .produit--full .container_texte_descriptif .contenu_texte_descriptif {
    padding: 0px 50px;
  }
}
.produit--full .container_texte_descriptif .contenu_texte_descriptif .produit__field-texte-long-1 {
  width: calc(56% + 2px);
  padding: 150px 100px 125px;
  background-color: white;
}
@media (max-width: 1170px) {
  .produit--full .container_texte_descriptif .contenu_texte_descriptif .produit__field-texte-long-1 {
    width: calc(56% + 2px);
  }
}
.produit--full .container_texte_descriptif .contenu_texte_descriptif .produit__field-texte-long-1 p {
  color: #000000;
  font-family: "Helvetica Neue";
  font-size: 20px;
  letter-spacing: 1.5px;
  line-height: 28px;
  margin-bottom: 10px;
}
.produit--full .container_texte_descriptif .contenu_texte_descriptif .produit__field-texte-long-1 p:last-child {
  margin-bottom: 0px;
}
.produit--full .container_caracteristiques {
  width: 100%;
  max-width: 1074px;
  padding: 0px 25px;
  margin: 0 auto 390px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.produit--full .container_caracteristiques div[class*=carac_] {
  width: calc(50% - 25px);
}
.produit--full .container_caracteristiques div[class*=carac_] div[class*=produit__field-texte-] {
  margin-bottom: 50px;
}
.produit--full .container_caracteristiques div[class*=carac_] div[class*=produit__field-texte-]:last-child {
  margin-bottom: 0px;
}
.produit--full .container_caracteristiques div[class*=carac_] div[class*=produit__field-texte-] h4 {
  color: #000000;
  font-family: Judson;
  font-size: 24px;
  letter-spacing: 0;
  line-height: 28px;
  font-size: 26px;
  margin-bottom: 25px;
}
.produit--full .container_caracteristiques div[class*=carac_] div[class*=produit__field-texte-] p {
  color: #9B9B9B;
  font-family: "Helvetica Neue";
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 23px;
  margin-bottom: 10px;
  color: #666666;
}
.produit--full .container_caracteristiques div[class*=carac_] div[class*=produit__field-texte-] p:last-child {
  margin-bottom: 0px;
}
.produit--full .container_caracteristiques div[class*=carac_] div[class*=produit__field-texte-] p strong {
  font-weight: bold;
  color: black;
  margin-top: 5px;
}
.produit--full .container_caracteristiques div[class*=carac_] div[class*=produit__field-texte-] p:first strong {
  margin-top: 0px;
}
.produit--full .container_caracteristiques div[class*=carac_] .produit__field-lien-produit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.produit--full .container_caracteristiques div[class*=carac_] .produit__field-lien-produit a {
  color: #000000;
  font-family: "Helvetica Neue";
  font-size: 13px;
  font-weight: bold;
  letter-spacing: 2px;
  line-height: 16px;
  padding: 15px 22px;
  background-color: #FFFFFF;
  -webkit-transition: 0.3s linear;
  transition: 0.3s linear;
  border: 1Px solid transparent;
  text-transform: uppercase;
  border: 1px solid black;
}
.produit--full .container_caracteristiques div[class*=carac_] .produit__field-lien-produit a:hover {
  border: 1Px solid #000000;
  color: #FFFFFF;
  background-color: #000000;
}
.produit--full .container_images {
  width: 100%;
  max-width: 1208px;
  padding: 0px 20px;
  margin: 0 auto 420px;
}
.produit--full .container_images .contenu_images {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  min-height: 365px;
  background: black;
}
.produit--full .container_images .contenu_images .produit__field-image-4 {
  width: 28%;
  height: 212%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  z-index: 2;
}
.produit--full .container_images .contenu_images .produit__field-image-4 > div {
  width: 100%;
  height: 100%;
}
.produit--full .container_images .contenu_images .produit__field-image-4 > div .image__field-media-image {
  width: 100%;
  height: 100%;
}
.produit--full .container_images .contenu_images .produit__field-image-4 > div .image__field-media-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
}
.produit--full .container_images .contenu_images .container_img_produits {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  width: 100%;
}
.produit--full .container_images .contenu_images .container_img_produits .images_gauche {
  width: 50%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: black;
}
.produit--full .container_images .contenu_images .container_img_produits .images_gauche h3 {
  padding: 25px 50px;
  color: #000000;
  font-family: Judson;
  font-size: 24px;
  letter-spacing: 0;
  line-height: 28px;
  background-color: #F4F2ED;
  width: 100%;
}
.produit--full .container_images .contenu_images .container_img_produits .images_gauche .produit__field-image-2 {
  width: 63%;
  padding: 50px 50px 37px 50px;
}
.produit--full .container_images .contenu_images .container_img_produits .images_gauche .produit__field-image-2 > div .image__field-media-image img {
  width: 100%;
  max-width: 265px;
  height: auto;
}
.produit--full .container_images .contenu_images .container_img_produits .images_gauche .aromatique_bas {
  width: 63%;
  padding: 0px 50px 37px 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.produit--full .container_images .contenu_images .container_img_produits .images_gauche .aromatique_bas .produit__field-texte-court {
  color: #FFFFFF;
  font-family: "Helvetica Neue";
  font-size: 11px;
  font-weight: bold;
  letter-spacing: 2px;
  line-height: 13px;
  position: relative;
  cursor: pointer;
  text-transform: uppercase;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: 10px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.produit--full .container_images .contenu_images .container_img_produits .images_gauche .aromatique_bas .produit__field-texte-court:before {
  -webkit-transition: 0.3s linear;
  transition: 0.3s linear;
  content: "";
  -webkit-mask-image: url("/themes/custom/vivelys/assets/css/../img/icons/loupe.svg");
          mask-image: url("/themes/custom/vivelys/assets/css/../img/icons/loupe.svg");
  width: 13px;
  height: 13px;
  margin-right: 10px;
  background-color: #FFFFFF;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}
.produit--full .container_images .contenu_images .container_img_produits .images_gauche .aromatique_bas .produit__field-image-7 > div .image__field-media-image img {
  width: 110px;
  height: auto;
}
.produit--full .container_images .contenu_images .container_img_produits .images_droite {
  width: 50%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  background-color: black;
}
.produit--full .container_images .contenu_images .container_img_produits .images_droite h3 {
  padding: 25px 50px;
  color: #000000;
  font-family: Judson;
  font-size: 24px;
  letter-spacing: 0;
  line-height: 28px;
  background-color: #F4F2ED;
  text-align: right;
  width: 100%;
}
.produit--full .container_images .contenu_images .container_img_produits .images_droite .produit__field-image-3 {
  width: 63%;
  padding: 50px;
}
.produit--full .container_images .contenu_images .container_img_produits .images_droite .produit__field-image-3 > div .image__field-media-image img {
  width: 100%;
  max-width: 265px;
  height: auto;
}
.produit--full .container_images .contenu_images .container_img_produits .images_droite .produit__field-texte-court-2 {
  color: #FFFFFF;
  font-family: "Helvetica Neue";
  font-size: 11px;
  font-weight: bold;
  letter-spacing: 2px;
  line-height: 13px;
  position: relative;
  cursor: pointer;
  text-transform: uppercase;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding-right: 50px;
  display: flex;
  padding-bottom: 37px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.produit--full .container_images .contenu_images .container_img_produits .images_droite .produit__field-texte-court-2:before {
  -webkit-transition: 0.3s linear;
  transition: 0.3s linear;
  content: "";
  -webkit-mask-image: url("/themes/custom/vivelys/assets/css/../img/icons/loupe.svg");
          mask-image: url("/themes/custom/vivelys/assets/css/../img/icons/loupe.svg");
  width: 13px;
  height: 13px;
  margin-right: 10px;
  background-color: #FFFFFF;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}
.produit--full .container_formulaire {
  width: 100%;
  max-width: 1044px;
  margin: 0 auto;
}
.produit--full .container_formulaire .produit__field-form-documents {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  background-color: #AA7B58;
  padding: 50px 100px 50px 20px;
  position: relative;
}
.produit--full .container_formulaire .produit__field-form-documents:before {
  position: absolute;
  background-color: #AA7B58;
  height: 100%;
  width: 100vw;
  top: 0;
  left: -100vw;
  content: "";
  z-index: 1;
}
.produit--full .container_formulaire .produit__field-form-documents form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.produit--full .container_formulaire .produit__field-form-documents form div[id*=edit-container-labels] {
  padding-right: 75px;
  max-width: 275px;
}
.produit--full .container_formulaire .produit__field-form-documents form div[id*=edit-container-labels] label:nth-child(1) {
  color: #FFFFFF;
  font-family: Judson;
  font-size: 30px;
  letter-spacing: 0;
  line-height: 34px;
  margin-bottom: 15px;
}
.produit--full .container_formulaire .produit__field-form-documents form div[id*=edit-container-labels] label:nth-child(2) {
  color: #FFFFFF;
  font-family: "Helvetica Neue";
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 23px;
}
.produit--full .container_formulaire .produit__field-form-documents form div[id*=edit-container-01] {
  padding-left: 75px;
  padding-top: 20px;
  border-left: 1px solid white;
  max-width: 345px;
}
.produit--full .container_formulaire .produit__field-form-documents form div[id*=edit-container-01] div[id*=edit-documents--wrapper] {
  margin-bottom: 25px;
}
.produit--full .container_formulaire .produit__field-form-documents form div[id*=edit-container-01] div[id*=edit-documents--wrapper] div[id*=edit-documents] .js-form-type-checkbox {
  margin-bottom: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: unset;
}
.produit--full .container_formulaire .produit__field-form-documents form div[id*=edit-container-01] div[id*=edit-documents--wrapper] div[id*=edit-documents] .js-form-type-checkbox:last-child {
  margin-bottom: 0px;
}
.produit--full .container_formulaire .produit__field-form-documents form div[id*=edit-container-01] div[id*=edit-documents--wrapper] div[id*=edit-documents] .js-form-type-checkbox input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  height: 14px;
  width: 14px;
  border: 1px solid #FFFFFF;
  border-radius: 3px;
  -webkit-transition: 0.3s linear;
  transition: 0.3s linear;
  margin: unset;
  position: unset;
  display: block;
  cursor: pointer;
  margin-right: 10px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.produit--full .container_formulaire .produit__field-form-documents form div[id*=edit-container-01] div[id*=edit-documents--wrapper] div[id*=edit-documents] .js-form-type-checkbox input:active, .produit--full .container_formulaire .produit__field-form-documents form div[id*=edit-container-01] div[id*=edit-documents--wrapper] div[id*=edit-documents] .js-form-type-checkbox input:focus {
  border: 1px solid #FFFFFF !important;
}
.produit--full .container_formulaire .produit__field-form-documents form div[id*=edit-container-01] div[id*=edit-documents--wrapper] div[id*=edit-documents] .js-form-type-checkbox input:checked, .produit--full .container_formulaire .produit__field-form-documents form div[id*=edit-container-01] div[id*=edit-documents--wrapper] div[id*=edit-documents] .js-form-type-checkbox input:hover {
  background-color: white;
}
.produit--full .container_formulaire .produit__field-form-documents form div[id*=edit-container-01] div[id*=edit-documents--wrapper] div[id*=edit-documents] .js-form-type-checkbox label {
  color: #FFFFFF;
  font-family: "Helvetica Neue";
  font-size: 13px;
  font-weight: bold;
  letter-spacing: 2px;
  line-height: 16px;
  text-transform: uppercase;
  font-weight: bold;
  cursor: pointer;
}
.produit--full .container_formulaire .produit__field-form-documents form div[id*=edit-container-01] .js-form-type-checkbox {
  margin-top: 25px;
  margin-bottom: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: unset;
}
.produit--full .container_formulaire .produit__field-form-documents form div[id*=edit-container-01] .js-form-type-checkbox input {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  height: 14px;
  width: 14px;
  border: 1px solid #FFFFFF;
  border-radius: 3px;
  -webkit-transition: 0.3s linear;
  transition: 0.3s linear;
  margin: unset;
  position: unset;
  display: block;
  cursor: pointer;
  margin-right: 10px;
  position: relative;
  top: 2px;
}
.produit--full .container_formulaire .produit__field-form-documents form div[id*=edit-container-01] .js-form-type-checkbox input:active, .produit--full .container_formulaire .produit__field-form-documents form div[id*=edit-container-01] .js-form-type-checkbox input:focus {
  border: 1px solid #FFFFFF !important;
}
.produit--full .container_formulaire .produit__field-form-documents form div[id*=edit-container-01] .js-form-type-checkbox input:checked, .produit--full .container_formulaire .produit__field-form-documents form div[id*=edit-container-01] .js-form-type-checkbox input:hover {
  background-color: white;
}
.produit--full .container_formulaire .produit__field-form-documents form div[id*=edit-container-01] .js-form-type-checkbox label {
  color: #FFFFFF;
  font-family: "Helvetica Neue";
  font-size: 13px;
  font-weight: bold;
  letter-spacing: 2px;
  line-height: 16px;
  font-size: 11px;
  font-weight: bold;
  cursor: pointer;
}
.produit--full .container_formulaire .produit__field-form-documents form div[id*=edit-container-01] .js-form-type-email {
  margin: unset;
}
.produit--full .container_formulaire .produit__field-form-documents form div[id*=edit-container-01] .js-form-type-email label {
  color: #FFFFFF;
  font-family: "Helvetica Neue";
  font-size: 13px;
  font-weight: bold;
  letter-spacing: 2px;
  line-height: 16px;
  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: 15px;
  padding-left: 15px;
}
.produit--full .container_formulaire .produit__field-form-documents form div[id*=edit-container-01] .js-form-type-email input {
  padding: unset;
  height: unset;
  border-radius: 3px 0 0 3px;
  background-color: #F4F2ED;
  padding: 14px 15px;
  color: #000000;
  font-family: "Helvetica Neue";
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 23px;
  line-height: 1;
  border: unset;
  border: 1px solid transparent;
  width: 100%;
}
.produit--full .container_formulaire .produit__field-form-documents form div[id*=edit-container-01] .js-form-type-email input::-webkit-input-placeholder {
  color: #9B9B9B;
  font-family: "Helvetica Neue";
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 23px;
}
.produit--full .container_formulaire .produit__field-form-documents form div[id*=edit-container-01] .js-form-type-email input::-moz-placeholder {
  color: #9B9B9B;
  font-family: "Helvetica Neue";
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 23px;
}
.produit--full .container_formulaire .produit__field-form-documents form div[id*=edit-container-01] .js-form-type-email input:-ms-input-placeholder {
  color: #9B9B9B;
  font-family: "Helvetica Neue";
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 23px;
}
.produit--full .container_formulaire .produit__field-form-documents form div[id*=edit-container-01] .js-form-type-email input::-ms-input-placeholder {
  color: #9B9B9B;
  font-family: "Helvetica Neue";
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 23px;
}
.produit--full .container_formulaire .produit__field-form-documents form div[id*=edit-container-01] .js-form-type-email input::placeholder {
  color: #9B9B9B;
  font-family: "Helvetica Neue";
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 23px;
}
@media (max-width: 525px) {
  .produit--full .container_formulaire .produit__field-form-documents form div[id*=edit-container-01] .js-form-type-email input {
    font-size: 13px;
    letter-spacing: 0.5px;
    line-height: 20px;
  }
  .produit--full .container_formulaire .produit__field-form-documents form div[id*=edit-container-01] .js-form-type-email input::-webkit-input-placeholder {
    font-size: 13px;
    letter-spacing: 0.5px;
    line-height: 20px;
  }
  .produit--full .container_formulaire .produit__field-form-documents form div[id*=edit-container-01] .js-form-type-email input::-moz-placeholder {
    font-size: 13px;
    letter-spacing: 0.5px;
    line-height: 20px;
  }
  .produit--full .container_formulaire .produit__field-form-documents form div[id*=edit-container-01] .js-form-type-email input:-ms-input-placeholder {
    font-size: 13px;
    letter-spacing: 0.5px;
    line-height: 20px;
  }
  .produit--full .container_formulaire .produit__field-form-documents form div[id*=edit-container-01] .js-form-type-email input::-ms-input-placeholder {
    font-size: 13px;
    letter-spacing: 0.5px;
    line-height: 20px;
  }
  .produit--full .container_formulaire .produit__field-form-documents form div[id*=edit-container-01] .js-form-type-email input::placeholder {
    font-size: 13px;
    letter-spacing: 0.5px;
    line-height: 20px;
  }
}
.produit--full .container_formulaire .produit__field-form-documents form div[id*=edit-container-01] .js-form-type-email input:focus, .produit--full .container_formulaire .produit__field-form-documents form div[id*=edit-container-01] .js-form-type-email input:active {
  border: 1px solid transparent !important;
}
.produit--full .container_formulaire .produit__field-form-documents form div[id*=edit-actions] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.produit--full .container_formulaire .produit__field-form-documents form div[id*=edit-actions] input {
  color: #FFFFFF;
  font-family: "Helvetica Neue";
  font-size: 13px;
  font-weight: bold;
  letter-spacing: 2px;
  line-height: 16px;
  padding: 15px 22px;
  background-color: #000000;
  border-radius: unset;
  -webkit-transition: 0.3s linear;
  transition: 0.3s linear;
  border: 1Px solid transparent;
  text-transform: uppercase;
  line-height: 17px;
}
.produit--full .container_formulaire .produit__field-form-documents form div[id*=edit-actions] input:active, .produit--full .container_formulaire .produit__field-form-documents form div[id*=edit-actions] input:focus {
  border: 1Px solid transparent !important;
}
@media (min-width: 769px) {
  .produit--full .container_formulaire .produit__field-form-documents form div[id*=edit-actions] input:hover {
    border: 1Px solid #000000;
    color: #000000;
    background-color: white;
  }
  .produit--full .container_formulaire .produit__field-form-documents form div[id*=edit-actions] input:active, .produit--full .container_formulaire .produit__field-form-documents form div[id*=edit-actions] input:focus {
    border: 1Px solid #000000 !important;
  }
}
.produit--full .container_formulaire_kit {
  width: 100%;
  background-color: #F4F2ED;
  padding-top: 100px;
  overflow: hidden;
  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;
  padding: 100px 20px;
}
.produit--full .container_formulaire_kit .produit__field-image-8 {
  max-width: 530px;
  width: 100%;
  margin-right: 90px;
}
.produit--full .container_formulaire_kit .produit__field-image-8 .media {
  width: 100%;
}
.produit--full .container_formulaire_kit .produit__field-image-8 .media .image__field-media-image {
  width: 100%;
}
.produit--full .container_formulaire_kit .produit__field-image-8 .media .image__field-media-image img {
  width: 100%;
  height: auto;
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
}
.produit--full .container_formulaire_kit .contenu_formulaire_kit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  max-width: 602px;
}
.produit--full .container_formulaire_kit .contenu_formulaire_kit .wrapper_kit .produit__field-image-5 {
  width: 100%;
  position: relative;
  z-index: 2;
  margin: -15px 0 0;
}
.produit--full .container_formulaire_kit .contenu_formulaire_kit .wrapper_kit .produit__field-image-5 > div {
  width: 100%;
}
.produit--full .container_formulaire_kit .contenu_formulaire_kit .wrapper_kit .produit__field-image-5 > div .image__field-media-image {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.produit--full .container_formulaire_kit .contenu_formulaire_kit .wrapper_kit .produit__field-image-5 > div .image__field-media-image img {
  width: 100%;
  height: auto;
  max-height: 105px;
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: right;
     object-position: right;
}
.produit--full .container_formulaire_kit .contenu_formulaire_kit .wrapper_kit > .produit__field-texte-brut-2 {
  color: #000000;
  font-family: Judson;
  font-size: 38px;
  letter-spacing: 0;
  line-height: 43px;
  text-align: center;
  width: 100%;
  text-align: right;
}
.produit--full .container_formulaire_kit .contenu_formulaire_kit .container_lien_kit {
  margin-top: 32px;
}
.produit--full .container_formulaire_kit .contenu_formulaire_kit .container_lien_kit h3 {
  color: #000000;
  font-family: "Helvetica Neue";
  font-size: 20px;
  letter-spacing: 1.5px;
  line-height: 28px;
  margin-bottom: 20px;
}
.produit--full .container_formulaire_kit .contenu_formulaire_kit .container_lien_kit .produit__field-liens-1 .field__item {
  display: block;
}
.produit--full .container_formulaire_kit .contenu_formulaire_kit .container_lien_kit .produit__field-liens-1 .field__item a {
  color: #FFFFFF;
  font-family: "Helvetica Neue";
  font-size: 13px;
  font-weight: bold;
  letter-spacing: 2px;
  line-height: 16px;
  padding: 15px 22px;
  background-color: #000000;
  border-radius: unset;
  -webkit-transition: 0.3s linear;
  transition: 0.3s linear;
  border: 1Px solid transparent;
  text-transform: uppercase;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.produit--full .container_formulaire_kit .contenu_formulaire_kit .container_lien_kit .produit__field-liens-1 .field__item a:active, .produit--full .container_formulaire_kit .contenu_formulaire_kit .container_lien_kit .produit__field-liens-1 .field__item a:focus {
  border: 1Px solid transparent !important;
}
@media (min-width: 769px) {
  .produit--full .container_formulaire_kit .contenu_formulaire_kit .container_lien_kit .produit__field-liens-1 .field__item a:hover {
    border: 1Px solid #000000;
    color: #000000;
    background-color: white;
  }
  .produit--full .container_formulaire_kit .contenu_formulaire_kit .container_lien_kit .produit__field-liens-1 .field__item a:active, .produit--full .container_formulaire_kit .contenu_formulaire_kit .container_lien_kit .produit__field-liens-1 .field__item a:focus {
    border: 1Px solid #000000 !important;
  }
}
.produit--full .container_formulaire_kit .contenu_formulaire_kit .produit__field-formulaire-kit {
  width: 100%;
  margin-top: -25px;
}
.produit--full .container_formulaire_kit .contenu_formulaire_kit .produit__field-formulaire-kit form {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.produit--full .container_formulaire_kit .contenu_formulaire_kit .produit__field-formulaire-kit form div[id*=edit-gauche] {
  padding-top: 75px;
  margin-right: 100px;
  max-width: 335px;
}
.produit--full .container_formulaire_kit .contenu_formulaire_kit .produit__field-formulaire-kit form div[id*=edit-gauche] .js-form-item p {
  color: #000000;
  font-family: "Helvetica Neue";
  font-size: 20px;
  letter-spacing: 1.5px;
  line-height: 28px;
  margin-bottom: 20px;
}
.produit--full .container_formulaire_kit .contenu_formulaire_kit .produit__field-formulaire-kit form div[id*=edit-gauche] .js-form-item p:last-child {
  margin-bottom: 0px;
}
.produit--full .container_formulaire_kit .contenu_formulaire_kit .produit__field-formulaire-kit form div[id*=edit-droite] {
  padding: 100px 100px 75px;
  background-color: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  min-width: 700px;
}
.produit--full .container_formulaire_kit .contenu_formulaire_kit .produit__field-formulaire-kit form div[id*=edit-droite]:after {
  position: absolute;
  background-color: #FFFFFF;
  height: 100%;
  width: 100vw;
  top: 0;
  right: -100vw;
  content: "";
  z-index: 1;
}
.produit--full .container_formulaire_kit .contenu_formulaire_kit .produit__field-formulaire-kit form div[id*=edit-droite] .js-form-item:not(.form-item-infos-persos) {
  margin-bottom: 25px;
}
.produit--full .container_formulaire_kit .contenu_formulaire_kit .produit__field-formulaire-kit form div[id*=edit-droite] .js-form-item:not(.form-item-infos-persos):last-child {
  margin-bottom: 0px;
}
.produit--full .container_formulaire_kit .contenu_formulaire_kit .produit__field-formulaire-kit form div[id*=edit-droite] .js-form-item:not(.form-item-infos-persos) label {
  color: #000000;
  font-family: "Helvetica Neue";
  font-size: 11px;
  font-weight: bold;
  letter-spacing: 2px;
  line-height: 13px;
  padding-left: 15px;
  margin-bottom: 15px;
  text-transform: uppercase;
}
.produit--full .container_formulaire_kit .contenu_formulaire_kit .produit__field-formulaire-kit form div[id*=edit-droite] .js-form-item:not(.form-item-infos-persos) input {
  padding: unset;
  height: unset;
  border-radius: 3px;
  background-color: #F4F2ED;
  padding: 15px 15px 13px;
  color: #000000;
  font-family: "Helvetica Neue";
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 23px;
  line-height: 1;
  border: unset;
  width: 100%;
}
.produit--full .container_formulaire_kit .contenu_formulaire_kit .produit__field-formulaire-kit form div[id*=edit-droite] .js-form-item:not(.form-item-infos-persos) input::-webkit-input-placeholder {
  color: #9B9B9B;
  font-family: "Helvetica Neue";
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 23px;
}
.produit--full .container_formulaire_kit .contenu_formulaire_kit .produit__field-formulaire-kit form div[id*=edit-droite] .js-form-item:not(.form-item-infos-persos) input::-moz-placeholder {
  color: #9B9B9B;
  font-family: "Helvetica Neue";
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 23px;
}
.produit--full .container_formulaire_kit .contenu_formulaire_kit .produit__field-formulaire-kit form div[id*=edit-droite] .js-form-item:not(.form-item-infos-persos) input:-ms-input-placeholder {
  color: #9B9B9B;
  font-family: "Helvetica Neue";
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 23px;
}
.produit--full .container_formulaire_kit .contenu_formulaire_kit .produit__field-formulaire-kit form div[id*=edit-droite] .js-form-item:not(.form-item-infos-persos) input::-ms-input-placeholder {
  color: #9B9B9B;
  font-family: "Helvetica Neue";
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 23px;
}
.produit--full .container_formulaire_kit .contenu_formulaire_kit .produit__field-formulaire-kit form div[id*=edit-droite] .js-form-item:not(.form-item-infos-persos) input::placeholder {
  color: #9B9B9B;
  font-family: "Helvetica Neue";
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 23px;
}
@media (max-width: 525px) {
  .produit--full .container_formulaire_kit .contenu_formulaire_kit .produit__field-formulaire-kit form div[id*=edit-droite] .js-form-item:not(.form-item-infos-persos) input {
    font-size: 13px;
    letter-spacing: 0.5px;
    line-height: 20px;
  }
  .produit--full .container_formulaire_kit .contenu_formulaire_kit .produit__field-formulaire-kit form div[id*=edit-droite] .js-form-item:not(.form-item-infos-persos) input::-webkit-input-placeholder {
    font-size: 13px;
    letter-spacing: 0.5px;
    line-height: 20px;
  }
  .produit--full .container_formulaire_kit .contenu_formulaire_kit .produit__field-formulaire-kit form div[id*=edit-droite] .js-form-item:not(.form-item-infos-persos) input::-moz-placeholder {
    font-size: 13px;
    letter-spacing: 0.5px;
    line-height: 20px;
  }
  .produit--full .container_formulaire_kit .contenu_formulaire_kit .produit__field-formulaire-kit form div[id*=edit-droite] .js-form-item:not(.form-item-infos-persos) input:-ms-input-placeholder {
    font-size: 13px;
    letter-spacing: 0.5px;
    line-height: 20px;
  }
  .produit--full .container_formulaire_kit .contenu_formulaire_kit .produit__field-formulaire-kit form div[id*=edit-droite] .js-form-item:not(.form-item-infos-persos) input::-ms-input-placeholder {
    font-size: 13px;
    letter-spacing: 0.5px;
    line-height: 20px;
  }
  .produit--full .container_formulaire_kit .contenu_formulaire_kit .produit__field-formulaire-kit form div[id*=edit-droite] .js-form-item:not(.form-item-infos-persos) input::placeholder {
    font-size: 13px;
    letter-spacing: 0.5px;
    line-height: 20px;
  }
}
.produit--full .container_formulaire_kit .contenu_formulaire_kit .produit__field-formulaire-kit form div[id*=edit-droite] .form-item-infos-persos {
  margin-top: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0px 50px 0px 15px;
  margin-bottom: 75px;
}
.produit--full .container_formulaire_kit .contenu_formulaire_kit .produit__field-formulaire-kit form div[id*=edit-droite] .form-item-infos-persos label {
  color: #9B9B9B;
  font-family: "Helvetica Neue";
  font-size: 13px;
  letter-spacing: 0.5px;
  line-height: 15px;
  padding: unset;
  margin: unset;
  text-transform: initial;
  cursor: pointer;
}
.produit--full .container_formulaire_kit .contenu_formulaire_kit .produit__field-formulaire-kit form div[id*=edit-droite] .form-item-infos-persos input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  height: 15px;
  width: 15px;
  border: 1px solid #000000;
  border-radius: 3px;
  -webkit-transition: 0.3s linear;
  transition: 0.3s linear;
  margin: unset;
  position: unset;
  display: block;
  cursor: pointer;
  margin-right: 5px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.produit--full .container_formulaire_kit .contenu_formulaire_kit .produit__field-formulaire-kit form div[id*=edit-droite] .form-item-infos-persos input:active, .produit--full .container_formulaire_kit .contenu_formulaire_kit .produit__field-formulaire-kit form div[id*=edit-droite] .form-item-infos-persos input:focus {
  border: 1px solid #000000 !important;
}
.produit--full .container_formulaire_kit .contenu_formulaire_kit .produit__field-formulaire-kit form div[id*=edit-droite] .form-item-infos-persos input:checked, .produit--full .container_formulaire_kit .contenu_formulaire_kit .produit__field-formulaire-kit form div[id*=edit-droite] .form-item-infos-persos input:hover {
  background-color: #000000;
}
.produit--full .container_formulaire_kit .contenu_formulaire_kit .produit__field-formulaire-kit form label[for*=edit-btn-choisir] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  padding: unset;
  color: #000000;
  font-family: "Helvetica Neue";
  font-size: 13px;
  font-weight: bold;
  letter-spacing: 2px;
  line-height: 16px;
  text-transform: uppercase;
  position: absolute;
  left: 100px;
  bottom: 90px;
  margin: unset;
}
.produit--full .container_formulaire_kit .contenu_formulaire_kit .produit__field-formulaire-kit form label[for*=edit-btn-choisir]:before {
  -webkit-transition: 0.5s linear;
  transition: 0.5s linear;
  content: "";
  -webkit-mask-image: url("/themes/custom/vivelys/assets/css/../img/icons/plus.svg");
          mask-image: url("/themes/custom/vivelys/assets/css/../img/icons/plus.svg");
  width: 16px;
  height: 16px;
  margin-right: 10px;
  background-color: #000000;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}
@media (min-width: 769px) {
  .produit--full .container_formulaire_kit .contenu_formulaire_kit .produit__field-formulaire-kit form label[for*=edit-btn-choisir]:hover:before {
    -webkit-transform: scaleX(-1);
            transform: scaleX(-1);
  }
}
.produit--full .container_formulaire_kit .contenu_formulaire_kit .produit__field-formulaire-kit form div[id*=edit-actions] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  width: 100%;
}
.produit--full .container_formulaire_kit .contenu_formulaire_kit .produit__field-formulaire-kit form div[id*=edit-actions] input {
  color: #FFFFFF;
  font-family: "Helvetica Neue";
  font-size: 13px;
  font-weight: bold;
  letter-spacing: 2px;
  line-height: 16px;
  padding: 15px 22px;
  background-color: #000000;
  border-radius: unset;
  -webkit-transition: 0.3s linear;
  transition: 0.3s linear;
  border: 1Px solid transparent;
  text-transform: uppercase;
}
.produit--full .container_formulaire_kit .contenu_formulaire_kit .produit__field-formulaire-kit form div[id*=edit-actions] input:active, .produit--full .container_formulaire_kit .contenu_formulaire_kit .produit__field-formulaire-kit form div[id*=edit-actions] input:focus {
  border: 1Px solid transparent !important;
}
@media (min-width: 769px) {
  .produit--full .container_formulaire_kit .contenu_formulaire_kit .produit__field-formulaire-kit form div[id*=edit-actions] input:hover {
    border: 1Px solid #000000;
    color: #000000;
    background-color: white;
  }
  .produit--full .container_formulaire_kit .contenu_formulaire_kit .produit__field-formulaire-kit form div[id*=edit-actions] input:active, .produit--full .container_formulaire_kit .contenu_formulaire_kit .produit__field-formulaire-kit form div[id*=edit-actions] input:focus {
    border: 1Px solid #000000 !important;
  }
}
.produit--full .container_ap {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 200px;
}
.produit--full .container_ap h3 {
  color: #000000;
  font-family: Judson;
  font-size: 38px;
  letter-spacing: 0;
  line-height: 43px;
  text-align: center;
  padding: 0px 20px;
  margin-bottom: 15px;
}
.produit--full .container_ap .produit__field-image-6 {
  width: 100%;
  max-width: 1240px;
  position: relative;
  z-index: 2;
}
.produit--full .container_ap .produit__field-image-6 > div {
  width: 100%;
}
.produit--full .container_ap .produit__field-image-6 > div .image__field-media-image {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.produit--full .container_ap .produit__field-image-6 > div .image__field-media-image img {
  height: 120px;
  width: auto;
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
}
.produit--full .container_ap .field--name-field-vue-produits {
  max-width: 1280px;
  padding: 0px 20px;
  width: 100%;
  margin-bottom: 250px;
  margin-top: 75px;
}
.produit--full .container_ap .field--name-field-vue-produits .field__item {
  width: 100%;
}
.produit--full .container_ap .field--name-field-vue-produits .field__item .views-element-container {
  width: 100%;
}
.produit--full .container_ap .field--name-field-vue-produits .field__item .views-element-container div[class*=js-view-dom] {
  width: 100%;
}
.produit--full .container_ap .field--name-field-vue-produits .field__item .views-element-container div[class*=js-view-dom] .container_rows {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.produit--full .container_ap .field--name-field-vue-produits .field__item .views-element-container div[class*=js-view-dom] .container_rows .views-row {
  width: 25%;
  margin-bottom: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  position: relative;
}
@media (min-width: 769px) {
  .produit--full .container_ap .field--name-field-vue-produits .field__item .views-element-container div[class*=js-view-dom] .container_rows .views-row:hover .views-field-title {
    background-color: #000000;
  }
  .produit--full .container_ap .field--name-field-vue-produits .field__item .views-element-container div[class*=js-view-dom] .container_rows .views-row:hover .views-field-title .field-content {
    border-left: 1px solid #9B9B9B;
    color: white;
  }
  .produit--full .container_ap .field--name-field-vue-produits .field__item .views-element-container div[class*=js-view-dom] .container_rows .views-row:hover .views-field-fieldset > .field-content .bas .views-field-field-texte-long {
    opacity: 1;
  }
  .produit--full .container_ap .field--name-field-vue-produits .field__item .views-element-container div[class*=js-view-dom] .container_rows .views-row:hover .views-field-fieldset > .field-content .bas .views-field-field-texte-long .field-content {
    border-left: 1px solid #9B9B9B;
  }
}
.produit--full .container_ap .field--name-field-vue-produits .field__item .views-element-container div[class*=js-view-dom] .container_rows .views-row .views-field-view-node {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 5;
}
.produit--full .container_ap .field--name-field-vue-produits .field__item .views-element-container div[class*=js-view-dom] .container_rows .views-row .views-field-view-node .field-content {
  width: 100%;
  height: 100%;
  display: block;
}
.produit--full .container_ap .field--name-field-vue-produits .field__item .views-element-container div[class*=js-view-dom] .container_rows .views-row .views-field-view-node .field-content a {
  width: 100%;
  height: 100%;
  display: block;
  color: transparent;
  font-size: 0px;
}
.produit--full .container_ap .field--name-field-vue-produits .field__item .views-element-container div[class*=js-view-dom] .container_rows .views-row .views-field-title {
  height: 100px;
  width: 100%;
  background-color: #F4F2ED;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 25px 20px 20px 45px;
  -webkit-transition: 0.3s linear;
  transition: 0.3s linear;
}
.produit--full .container_ap .field--name-field-vue-produits .field__item .views-element-container div[class*=js-view-dom] .container_rows .views-row .views-field-title .field-content {
  color: #000000;
  font-family: Judson;
  font-size: 24px;
  letter-spacing: 0;
  line-height: 28px;
  padding-left: 15px;
  height: 100%;
  border-left: 1px solid transparent;
  -webkit-transition: 0.3s linear;
  transition: 0.3s linear;
}
@media (max-width: 768px) {
  .produit--full .container_ap .field--name-field-vue-produits .field__item .views-element-container div[class*=js-view-dom] .container_rows .views-row .views-field-title {
    padding: 25px 20px 45px;
  }
  .produit--full .container_ap .field--name-field-vue-produits .field__item .views-element-container div[class*=js-view-dom] .container_rows .views-row .views-field-title .field-content {
    font-size: 20px;
    padding-left: 10px;
  }
}
.produit--full .container_ap .field--name-field-vue-produits .field__item .views-element-container div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset {
  width: calc(100% - 30px);
  height: 320px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: -20px;
}
@media (max-width: 1024px) {
  .produit--full .container_ap .field--name-field-vue-produits .field__item .views-element-container div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset {
    height: 280px;
  }
}
@media (max-width: 768px) {
  .produit--full .container_ap .field--name-field-vue-produits .field__item .views-element-container div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset {
    height: 220px;
  }
}
.produit--full .container_ap .field--name-field-vue-produits .field__item .views-element-container div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset > .field-content {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.produit--full .container_ap .field--name-field-vue-produits .field__item .views-element-container div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset > .field-content .bas {
  width: 100%;
  height: 100%;
  position: relative;
}
.produit--full .container_ap .field--name-field-vue-produits .field__item .views-element-container div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset > .field-content .bas .views-field-field-image {
  width: 100%;
  height: 100%;
}
.produit--full .container_ap .field--name-field-vue-produits .field__item .views-element-container div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset > .field-content .bas .views-field-field-image > .field-content {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.produit--full .container_ap .field--name-field-vue-produits .field__item .views-element-container div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset > .field-content .bas .views-field-field-image > .field-content > div {
  width: 100%;
  height: 100%;
  background-color: #F6F6F6;
}
.produit--full .container_ap .field--name-field-vue-produits .field__item .views-element-container div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset > .field-content .bas .views-field-field-image > .field-content > div .image__field-media-image {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.produit--full .container_ap .field--name-field-vue-produits .field__item .views-element-container div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset > .field-content .bas .views-field-field-image > .field-content > div .image__field-media-image img {
  width: 100%;
  height: auto;
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
  max-height: 100%;
}
@media (max-width: 768px) {
  .produit--full .container_ap .field--name-field-vue-produits .field__item .views-element-container div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset > .field-content .bas .views-field-field-image > .field-content > div .image__field-media-image img {
    height: 100%;
  }
}
.produit--full .container_ap .field--name-field-vue-produits .field__item .views-element-container div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset > .field-content .bas .views-field-field-texte-long {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.75);
  padding: 0px 15px 15px 30px;
  opacity: 0;
  -webkit-transition: 0.3s linear;
  transition: 0.3s linear;
}
.produit--full .container_ap .field--name-field-vue-produits .field__item .views-element-container div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset > .field-content .bas .views-field-field-texte-long .field-content {
  display: block;
  position: relative;
  z-index: 2;
  -webkit-transition: 0.3s linear;
  transition: 0.3s linear;
  border-left: 1px solid transparent;
  padding-left: 15px;
}
.produit--full .container_ap .field--name-field-vue-produits .field__item .views-element-container div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset > .field-content .bas .views-field-field-texte-long .field-content p {
  color: #9B9B9B;
  font-family: "Helvetica Neue";
  font-size: 20px;
  letter-spacing: 1.5px;
  line-height: 28px;
  margin-bottom: 10px;
}
.produit--full .container_ap .field--name-field-vue-produits .field__item .views-element-container div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset > .field-content .bas .views-field-field-texte-long .field-content p:last-child {
  margin-bottom: 0px;
}
.produit--full .container_ap .field--name-field-vue-produits .field__item .views-element-container div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset > .field-content .bas .views-field-field-texte-long .field-content p:first-child {
  padding-top: 10px;
}

.page-node-type-produit.overflow {
  overflow: hidden;
}
.page-node-type-produit .block--popupimage {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 50000;
  background-color: rgba(0, 0, 0, 0.4);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: none;
}
.page-node-type-produit .block--popupimage.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.page-node-type-produit .block--popupimage.active .basic__body .contenu {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}
.page-node-type-produit .block--popupimage .basic__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: calc(100% - 50px);
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.page-node-type-produit .block--popupimage .basic__body .contenu {
  padding: 110px 130px;
  background-color: black;
  position: relative;
  width: 100%;
  max-width: 790px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.page-node-type-produit .block--popupimage .basic__body .contenu .croix {
  height: 20px;
  width: 20px;
  background-color: white;
  position: absolute;
  top: 20px;
  right: 20px;
  -webkit-mask-image: url("/themes/custom/vivelys/assets/css/../img/vivelys-boise-cross.svg");
          mask-image: url("/themes/custom/vivelys/assets/css/../img/vivelys-boise-cross.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-transition: 0.3s linear;
  transition: 0.3s linear;
  cursor: pointer;
}
@media (min-width: 769px) {
  .page-node-type-produit .block--popupimage .basic__body .contenu .croix:hover {
    background-color: #AA7B58;
  }
}
.page-node-type-produit .block--popupimage .basic__body .contenu .img_zoom {
  width: 100%;
  height: auto;
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
}
.page-node-type-produit .block--popupimage .basic__body .contenu .img_zoom_leg {
  width: 70%;
  height: auto;
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
  margin-top: 40px;
}

@media (max-width: 768px) {
  .page-node-type-produit .block--popupimage .basic__body {
    width: calc(100% - 40px);
  }
  .page-node-type-produit .block--popupimage .basic__body .contenu {
    padding: 50px 25px;
  }
  .page-node-type-produit .block--popupimage .basic__body .contenu .croix {
    cursor: pointer;
    width: 18px;
    height: 18px;
    top: 15px;
    right: 15px;
  }
  .page-node-type-produit .block--popupimage .basic__body .contenu .img_zoom_leg {
    width: 100%;
    margin-top: 30px;
  }
}
.mnts {
  margin-top: 115Px;
  width: 100%;
  padding: 0px 50px;
  margin-bottom: 50px;
}
.mnts .container_mentions {
  background-color: #F4F2ED;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 200px 0px 150px;
}
.mnts .container_mentions .mnts__field-titre-token {
  width: 100%;
  max-width: 1064Px;
  padding: 0px 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 100px;
}
.mnts .container_mentions .mnts__field-titre-token h1 {
  text-align: center;
  color: #000000;
  font-family: Judson;
  font-size: 48px;
  letter-spacing: 0;
  line-height: 55px;
}
.mnts .container_mentions .mnts__body {
  width: 100%;
  max-width: 1064Px;
  padding: 0px 25px;
}
.mnts .container_mentions .mnts__body h2 {
  color: #000000;
  font-family: Judson;
  font-size: 30px;
  letter-spacing: 0;
  line-height: 34px;
  margin-bottom: 20px;
}
.mnts .container_mentions .mnts__body h3 {
  color: #000000;
  font-family: Judson;
  font-size: 24px;
  letter-spacing: 0;
  line-height: 28px;
  margin-bottom: 10px;
}
.mnts .container_mentions .mnts__body p, .mnts .container_mentions .mnts__body a {
  color: #9B9B9B;
  font-family: "Helvetica Neue";
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 23px;
  margin-bottom: 20px;
}
.mnts .container_mentions .mnts__body ul {
  padding: unset;
  margin: unset;
  margin-left: 15px;
}
.mnts .container_mentions .mnts__body ul li, .mnts .container_mentions .mnts__body ul a {
  color: #9B9B9B;
  font-family: "Helvetica Neue";
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 23px;
  margin-bottom: 20px;
}

.page-node-type-error404 {
  width: 100%;
  min-height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #F4F2ED;
  margin-top: 115px;
}
.page-node-type-error404 .dialog-off-canvas-main-canvas {
  width: 100%;
  height: 100%;
}
.page-node-type-error404 .dialog-off-canvas-main-canvas .error404 {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 200px 20px;
  margin-bottom: 50px;
}
.page-node-type-error404 .dialog-off-canvas-main-canvas .error404 .error404__field-image {
  margin-bottom: 75px;
}
.page-node-type-error404 .dialog-off-canvas-main-canvas .error404 .error404__field-image > div .image__field-media-image img {
  height: 240px;
  width: auto;
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
}
.page-node-type-error404 .dialog-off-canvas-main-canvas .error404 .error404__field-texte-court {
  color: #000000;
  font-family: Judson;
  font-size: 48px;
  letter-spacing: 0;
  line-height: 55px;
  text-align: center;
  margin-bottom: 5Px;
}
.page-node-type-error404 .dialog-off-canvas-main-canvas .error404 .error404__field-texte-court-2 {
  color: #9B9B9B;
  font-family: "Helvetica Neue";
  font-size: 20px;
  letter-spacing: 1.5px;
  line-height: 28px;
  margin-bottom: 50px;
  text-align: center;
}
.page-node-type-error404 .dialog-off-canvas-main-canvas .error404 .error404__field-liens {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.page-node-type-error404 .dialog-off-canvas-main-canvas .error404 .error404__field-liens .field__item a {
  color: #000000;
  font-family: "Helvetica Neue";
  font-size: 13px;
  font-weight: bold;
  letter-spacing: 2px;
  line-height: 16px;
  padding: 15px 22px;
  background-color: #FFFFFF;
  -webkit-transition: 0.3s linear;
  transition: 0.3s linear;
  border: 1Px solid transparent;
  text-transform: uppercase;
  display: block;
}
.page-node-type-error404 .dialog-off-canvas-main-canvas .error404 .error404__field-liens .field__item a:active, .page-node-type-error404 .dialog-off-canvas-main-canvas .error404 .error404__field-liens .field__item a:focus {
  border: 1Px solid transparent !important;
}
@media (min-width: 769px) {
  .page-node-type-error404 .dialog-off-canvas-main-canvas .error404 .error404__field-liens .field__item a:hover {
    border: 1Px solid #000000;
    color: #FFFFFF;
    background-color: #000000;
  }
  .page-node-type-error404 .dialog-off-canvas-main-canvas .error404 .error404__field-liens .field__item a:active, .page-node-type-error404 .dialog-off-canvas-main-canvas .error404 .error404__field-liens .field__item a:focus {
    border: 1Px solid #000000 !important;
  }
}
.page-node-type-error404 .dialog-off-canvas-main-canvas .error404 .error404__field-liens .field__item:nth-child(2) {
  margin-left: 15px;
}
.page-node-type-error404 .dialog-off-canvas-main-canvas .error404 .error404__field-liens .field__item:nth-child(2) a {
  color: #FFFFFF;
  font-family: "Helvetica Neue";
  font-size: 13px;
  font-weight: bold;
  letter-spacing: 2px;
  line-height: 16px;
  padding: 15px 22px;
  background-color: #000000;
  border-radius: unset;
  -webkit-transition: 0.3s linear;
  transition: 0.3s linear;
  border: 1Px solid transparent;
  text-transform: uppercase;
}
.page-node-type-error404 .dialog-off-canvas-main-canvas .error404 .error404__field-liens .field__item:nth-child(2) a:active, .page-node-type-error404 .dialog-off-canvas-main-canvas .error404 .error404__field-liens .field__item:nth-child(2) a:focus {
  border: 1Px solid transparent !important;
}
@media (min-width: 769px) {
  .page-node-type-error404 .dialog-off-canvas-main-canvas .error404 .error404__field-liens .field__item:nth-child(2) a:hover {
    border: 1Px solid #000000;
    color: #000000;
    background-color: white;
  }
  .page-node-type-error404 .dialog-off-canvas-main-canvas .error404 .error404__field-liens .field__item:nth-child(2) a:active, .page-node-type-error404 .dialog-off-canvas-main-canvas .error404 .error404__field-liens .field__item:nth-child(2) a:focus {
    border: 1Px solid #000000 !important;
  }
}

.maintenance-page {
  width: 100vw;
  height: 100vh;
}
.maintenance-page .dialog-off-canvas-main-canvas {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.maintenance-page .dialog-off-canvas-main-canvas .container_principal_maintenance {
  width: calc(100% - 50px);
  height: calc(100% - 50px);
  background-color: #F4F2ED;
}
.maintenance-page .dialog-off-canvas-main-canvas .container_principal_maintenance .container_maintenance {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
}
.maintenance-page .dialog-off-canvas-main-canvas .container_principal_maintenance .container_maintenance .logo {
  height: 680px;
  width: 680px;
  position: relative;
  margin-top: -340px;
  border-radius: 50%;
  background-color: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  padding-bottom: 60px;
  margin-bottom: 20px;
}
.maintenance-page .dialog-off-canvas-main-canvas .container_principal_maintenance .container_maintenance .logo img {
  height: 250px;
  width: auto;
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
}
.maintenance-page .dialog-off-canvas-main-canvas .container_principal_maintenance .container_maintenance .container_bas {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.maintenance-page .dialog-off-canvas-main-canvas .container_principal_maintenance .container_maintenance .container_bas .titre_maintenance {
  color: #000000;
  font-family: Judson;
  font-size: 38px;
  letter-spacing: 0;
  line-height: 43px;
  margin-bottom: 5px;
  text-align: center;
}
.maintenance-page .dialog-off-canvas-main-canvas .container_principal_maintenance .container_maintenance .container_bas .txt_1 {
  color: #9B9B9B;
  font-family: "Helvetica Neue";
  font-size: 20px;
  letter-spacing: 1.5px;
  line-height: 28px;
  margin-bottom: 50px;
  text-align: center;
}
.maintenance-page .dialog-off-canvas-main-canvas .container_principal_maintenance .container_maintenance .container_bas .container_btn_maintenance {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.maintenance-page .dialog-off-canvas-main-canvas .container_principal_maintenance .container_maintenance .container_bas .container_btn_maintenance a {
  color: #FFFFFF;
  font-family: "Helvetica Neue";
  font-size: 13px;
  font-weight: bold;
  letter-spacing: 2px;
  line-height: 16px;
  padding: 15px 22px;
  background-color: #000000;
  border-radius: unset;
  -webkit-transition: 0.3s linear;
  transition: 0.3s linear;
  border: 1Px solid transparent;
  text-transform: uppercase;
}
.maintenance-page .dialog-off-canvas-main-canvas .container_principal_maintenance .container_maintenance .container_bas .container_btn_maintenance a:active, .maintenance-page .dialog-off-canvas-main-canvas .container_principal_maintenance .container_maintenance .container_bas .container_btn_maintenance a:focus {
  border: 1Px solid transparent !important;
}
@media (min-width: 769px) {
  .maintenance-page .dialog-off-canvas-main-canvas .container_principal_maintenance .container_maintenance .container_bas .container_btn_maintenance a:hover {
    border: 1Px solid #000000;
    color: #000000;
    background-color: white;
  }
  .maintenance-page .dialog-off-canvas-main-canvas .container_principal_maintenance .container_maintenance .container_bas .container_btn_maintenance a:active, .maintenance-page .dialog-off-canvas-main-canvas .container_principal_maintenance .container_maintenance .container_bas .container_btn_maintenance a:focus {
    border: 1Px solid #000000 !important;
  }
}
.maintenance-page .dialog-off-canvas-main-canvas .container_principal_maintenance .container_maintenance .container_bas .container_btn_maintenance a:first-child {
  margin-right: 15px;
}

@-webkit-keyframes blur {
  0% {
    -webkit-filter: grayscale(0);
            filter: grayscale(0);
  }
  50% {
    -webkit-filter: grayscale(1);
            filter: grayscale(1);
  }
  100% {
    -webkit-filter: grayscale(0);
            filter: grayscale(0);
  }
}

@keyframes blur {
  0% {
    -webkit-filter: grayscale(0);
            filter: grayscale(0);
  }
  50% {
    -webkit-filter: grayscale(1);
            filter: grayscale(1);
  }
  100% {
    -webkit-filter: grayscale(0);
            filter: grayscale(0);
  }
}
.page-node-type-page-kit .ui-autocomplete .ui-menu-item {
  border: none;
  padding: 15px 33px 13px 15px;
  color: #000000;
  font-family: "Helvetica Neue";
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 23px;
  background-color: white;
}
.page-node-type-page-kit .ui-autocomplete .ui-menu-item a.active, .page-node-type-page-kit .ui-autocomplete .ui-menu-item a.ui-state-active {
  background-color: unset !important;
  color: #000000;
  border: unset;
}

.page-kit {
  margin-top: 115px;
  padding: 0px 50px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-animation: none;
          animation: none;
}
.page-kit.blur {
  -webkit-animation: blur 1.2s linear;
          animation: blur 1.2s linear;
}
.page-kit .container_main {
  width: 100%;
}
.page-kit .container_main .contenu_main {
  width: 100%;
  background-color: #F4F2ED;
  padding: 120px 50px 220px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.page-kit .container_main .contenu_main .contenu_header_boise {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  max-width: 800px;
  padding: 0px 20px;
  margin-bottom: 100px;
  max-height: 600px;
  -webkit-transition: 1s linear;
  transition: 1s linear;
}
.page-kit .container_main .contenu_main .contenu_header_boise .page-kit__field-image-3 {
  margin-bottom: 50px;
  width: 100%;
}
.page-kit .container_main .contenu_main .contenu_header_boise .page-kit__field-image-3 > div {
  width: 100%;
}
.page-kit .container_main .contenu_main .contenu_header_boise .page-kit__field-image-3 > div .image__field-media-image {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.page-kit .container_main .contenu_main .contenu_header_boise .page-kit__field-image-3 > div .image__field-media-image img {
  height: auto;
  width: 100%;
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
}
.page-kit .container_main .contenu_main .contenu_header_boise .page-kit__field-texte-long-1 h2 {
  color: #000000;
  font-family: Judson;
  font-size: 38px;
  letter-spacing: 0;
  line-height: 43px;
  width: 100%;
  margin-bottom: 15px;
  text-align: center;
}
.page-kit .container_main .contenu_main .contenu_header_boise .page-kit__field-texte-long-1 p {
  color: #9B9B9B;
  font-family: "Helvetica Neue";
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 23px;
  margin-bottom: 10px;
  text-align: center;
}
.page-kit .container_main .contenu_main .contenu_header_boise .page-kit__field-texte-long-1 p:last-child {
  margin-bottom: 0px;
}
.page-kit .container_main .contenu_main .container_titre {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 0px;
  width: 100%;
  -webkit-transition: 1s linear;
  transition: 1s linear;
  max-height: 0px;
  overflow: hidden;
}
.page-kit .container_main .contenu_main .container_titre h3 {
  color: #000000;
  font-family: Judson;
  font-size: 38px;
  letter-spacing: 0;
  line-height: 43px;
  width: 100%;
  margin-bottom: 15px;
  text-align: center;
}
.page-kit .container_main .contenu_main .container_titre .page-kit__field-image {
  width: 100%;
  position: relative;
  z-index: 2;
  left: 100px;
}
.page-kit .container_main .contenu_main .container_titre .page-kit__field-image > div {
  width: 100%;
}
.page-kit .container_main .contenu_main .container_titre .page-kit__field-image > div .image__field-media-image {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  max-width: 1024px;
}
.page-kit .container_main .contenu_main .container_titre .page-kit__field-image > div .image__field-media-image img {
  height: 100px;
  width: auto;
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
}
.page-kit .container_main .contenu_main .field--name-field-vue-menu-gammes {
  width: 100%;
  max-width: 980px;
  margin-bottom: 75px;
}
.page-kit .container_main .contenu_main .field--name-field-vue-menu-gammes > .field__item {
  width: 100%;
}
.page-kit .container_main .contenu_main .field--name-field-vue-menu-gammes > .field__item .views-element-container {
  width: 100%;
}
.page-kit .container_main .contenu_main .field--name-field-vue-menu-gammes > .field__item .views-element-container div[class*=js-view-dom] {
  width: 100%;
}
.page-kit .container_main .contenu_main .field--name-field-vue-menu-gammes > .field__item .views-element-container div[class*=js-view-dom] .container_rows {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.page-kit .container_main .contenu_main .field--name-field-vue-menu-gammes > .field__item .views-element-container div[class*=js-view-dom] .container_rows .views-row {
  margin-right: 15px;
  height: auto;
}
.page-kit .container_main .contenu_main .field--name-field-vue-menu-gammes > .field__item .views-element-container div[class*=js-view-dom] .container_rows .views-row:last-child {
  margin-right: 0px;
}
.page-kit .container_main .contenu_main .field--name-field-vue-menu-gammes > .field__item .views-element-container div[class*=js-view-dom] .container_rows .views-row .views-field-field-texte-court {
  height: 100%;
  display: block;
}
.page-kit .container_main .contenu_main .field--name-field-vue-menu-gammes > .field__item .views-element-container div[class*=js-view-dom] .container_rows .views-row .views-field-field-texte-court .field-content {
  display: block;
  height: 100%;
}
.page-kit .container_main .contenu_main .field--name-field-vue-menu-gammes > .field__item .views-element-container div[class*=js-view-dom] .container_rows .views-row .views-field-field-texte-court .field-content .cible {
  color: #000000;
  font-family: Judson;
  font-size: 24px;
  letter-spacing: 0;
  line-height: 28px;
  text-align: center;
  width: 100%;
  padding: 11px 20px 15px;
  border: 1px solid #000000;
  -webkit-transition: 0.3s linear;
  transition: 0.3s linear;
  cursor: pointer;
  font-size: 20Px;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (min-width: 769px) {
  .page-kit .container_main .contenu_main .field--name-field-vue-menu-gammes > .field__item .views-element-container div[class*=js-view-dom] .container_rows .views-row .views-field-field-texte-court .field-content .cible:hover {
    background-color: white;
    border: 1px solid white !important;
  }
}
.page-kit .container_main .contenu_main .field--name-field-vue-menu-gammes > .field__item .views-element-container div[class*=js-view-dom] .container_rows .views-row .views-field-field-texte-court .field-content .cible.active, .page-kit .container_main .contenu_main .field--name-field-vue-menu-gammes > .field__item .views-element-container div[class*=js-view-dom] .container_rows .views-row .views-field-field-texte-court .field-content .cible:focus {
  background-color: white;
  border: 1px solid white !important;
}
.page-kit .container_main .contenu_main .field--name-field-vue-menu-gammes > .field__item .views-element-container div[class*=js-view-dom] footer {
  margin-top: 30px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow-x: unset;
}
.page-kit .container_main .contenu_main .field--name-field-vue-menu-gammes > .field__item .views-element-container div[class*=js-view-dom] footer .contenu_footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.page-kit .container_main .contenu_main .field--name-field-vue-menu-gammes > .field__item .views-element-container div[class*=js-view-dom] footer .contenu_footer .toggle_commander {
  color: #000000;
  font-family: "Helvetica Neue";
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 23px;
  text-transform: uppercase;
  text-decoration: underline;
  cursor: pointer;
  -webkit-transition: 1s linear;
  transition: 1s linear;
  max-height: 100px;
  overflow: unset;
}
.page-kit .container_main .contenu_main .field--name-field-vue-menu-gammes > .field__item .views-element-container div[class*=js-view-dom] footer .contenu_footer .toggle_voir {
  color: #000000;
  font-family: "Helvetica Neue";
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 23px;
  text-transform: uppercase;
  text-decoration: underline;
  cursor: pointer;
  -webkit-transition: 1s linear;
  transition: 1s linear;
  max-height: 0px;
  overflow: hidden;
}
.page-kit .container_main .contenu_main .page-kit__field-texte-long {
  width: 100%;
  max-width: 806px;
  padding: 0px 20px 0px;
  position: relative;
  -webkit-transition: 1s linear;
  transition: 1s linear;
  max-height: 0px;
  overflow: hidden;
}
.page-kit .container_main .contenu_main .page-kit__field-texte-long:after {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  content: "";
  margin: 0 auto;
  z-index: 2;
  height: 1px;
  width: 154px;
  background-color: #AA7B58;
  z-index: 1;
}
.page-kit .container_main .contenu_main .page-kit__field-texte-long p {
  color: #000000;
  font-family: "Helvetica Neue";
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 23px;
  margin-bottom: 10px;
  text-align: center;
}
.page-kit .container_main .contenu_main .page-kit__field-texte-long p:last-child {
  margin-bottom: 0px;
}
.page-kit .container_main .contenu_main .page-kit__field-texte-long p:last-child {
  padding-bottom: 25px;
}
.page-kit .container_main .contenu_main .field--name-field-vue-gammes {
  width: 100%;
  max-width: 1240px;
}
.page-kit .container_main .contenu_main .field--name-field-vue-gammes > .field__item > .views-element-container {
  width: 100%;
}
.page-kit .container_main .contenu_main .field--name-field-vue-gammes > .field__item > .views-element-container > div[class*=js-view-dom] {
  width: 100%;
}
.page-kit .container_main .contenu_main .field--name-field-vue-gammes > .field__item > .views-element-container > div[class*=js-view-dom] > .container_rows {
  width: 100%;
}
.page-kit .container_main .contenu_main .field--name-field-vue-gammes > .field__item > .views-element-container > div[class*=js-view-dom] > .container_rows .item-gamme {
  width: 100%;
}
.page-kit .container_main .contenu_main .field--name-field-vue-gammes > .field__item > .views-element-container > div[class*=js-view-dom] > .container_rows .item-gamme .gm--pagekit {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 25px;
}
.page-kit .container_main .contenu_main .field--name-field-vue-gammes > .field__item > .views-element-container > div[class*=js-view-dom] > .container_rows .item-gamme .gm--pagekit .gm__field-texte-long-2 {
  max-width: 706px;
  padding: 0px 20px;
  margin-bottom: 0px;
  -webkit-transition: 1s linear;
  transition: 1s linear;
  max-height: 0px;
  overflow: hidden;
}
.page-kit .container_main .contenu_main .field--name-field-vue-gammes > .field__item > .views-element-container > div[class*=js-view-dom] > .container_rows .item-gamme .gm--pagekit .gm__field-texte-long-2 p {
  color: #9B9B9B;
  font-family: "Helvetica Neue";
  font-size: 13px;
  letter-spacing: 0.5px;
  line-height: 15px;
  text-align: center;
}
.page-kit .container_main .contenu_main .field--name-field-vue-gammes > .field__item > .views-element-container > div[class*=js-view-dom] > .container_rows .item-gamme .gm--pagekit .field--name-field-produits-pagekit {
  width: 100%;
}
.page-kit .container_main .contenu_main .field--name-field-vue-gammes > .field__item > .views-element-container > div[class*=js-view-dom] > .container_rows .item-gamme .gm--pagekit .field--name-field-produits-pagekit > .field__item > .views-element-container {
  width: 100%;
}
.page-kit .container_main .contenu_main .field--name-field-vue-gammes > .field__item > .views-element-container > div[class*=js-view-dom] > .container_rows .item-gamme .gm--pagekit .field--name-field-produits-pagekit > .field__item > .views-element-container > div[class*=js-view-dom] {
  width: 100%;
}
.page-kit .container_main .contenu_main .field--name-field-vue-gammes > .field__item > .views-element-container > div[class*=js-view-dom] > .container_rows .item-gamme .gm--pagekit .field--name-field-produits-pagekit > .field__item > .views-element-container > div[class*=js-view-dom] > .container_rows {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.page-kit .container_main .contenu_main .field--name-field-vue-gammes > .field__item > .views-element-container > div[class*=js-view-dom] > .container_rows .item-gamme .gm--pagekit .field--name-field-produits-pagekit > .field__item > .views-element-container > div[class*=js-view-dom] > .container_rows .views-row {
  width: 25%;
  margin-bottom: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  position: relative;
}
.page-kit .container_main .contenu_main .field--name-field-vue-gammes > .field__item > .views-element-container > div[class*=js-view-dom] > .container_rows .item-gamme .gm--pagekit .field--name-field-produits-pagekit > .field__item > .views-element-container > div[class*=js-view-dom] > .container_rows .views-row.liste .views-field-title .field-content .liste_qty {
  display: none;
}
@media (min-width: 769px) {
  .page-kit .container_main .contenu_main .field--name-field-vue-gammes > .field__item > .views-element-container > div[class*=js-view-dom] > .container_rows .item-gamme .gm--pagekit .field--name-field-produits-pagekit > .field__item > .views-element-container > div[class*=js-view-dom] > .container_rows .views-row.liste:hover .views-field-title {
    background-color: #000000;
  }
  .page-kit .container_main .contenu_main .field--name-field-vue-gammes > .field__item > .views-element-container > div[class*=js-view-dom] > .container_rows .item-gamme .gm--pagekit .field--name-field-produits-pagekit > .field__item > .views-element-container > div[class*=js-view-dom] > .container_rows .views-row.liste:hover .views-field-title .field-content .titre_produit {
    color: white;
  }
  .page-kit .container_main .contenu_main .field--name-field-vue-gammes > .field__item > .views-element-container > div[class*=js-view-dom] > .container_rows .item-gamme .gm--pagekit .field--name-field-produits-pagekit > .field__item > .views-element-container > div[class*=js-view-dom] > .container_rows .views-row.liste:hover .views-field-title .field-content .liste_qty .qty_choisi {
    color: white;
  }
}
.page-kit .container_main .contenu_main .field--name-field-vue-gammes > .field__item > .views-element-container > div[class*=js-view-dom] > .container_rows .item-gamme .gm--pagekit .field--name-field-produits-pagekit > .field__item > .views-element-container > div[class*=js-view-dom] > .container_rows .views-row .views-field-title {
  height: 100px;
  width: 100%;
  background-color: #FFFFFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 25px 20px 20px 40px;
  -webkit-transition: 0.3s linear;
  transition: 0.3s linear;
}
.page-kit .container_main .contenu_main .field--name-field-vue-gammes > .field__item > .views-element-container > div[class*=js-view-dom] > .container_rows .item-gamme .gm--pagekit .field--name-field-produits-pagekit > .field__item > .views-element-container > div[class*=js-view-dom] > .container_rows .views-row .views-field-title.active {
  background-color: #000000;
}
.page-kit .container_main .contenu_main .field--name-field-vue-gammes > .field__item > .views-element-container > div[class*=js-view-dom] > .container_rows .item-gamme .gm--pagekit .field--name-field-produits-pagekit > .field__item > .views-element-container > div[class*=js-view-dom] > .container_rows .views-row .views-field-title.active .field-content .titre_produit {
  color: white;
}
.page-kit .container_main .contenu_main .field--name-field-vue-gammes > .field__item > .views-element-container > div[class*=js-view-dom] > .container_rows .item-gamme .gm--pagekit .field--name-field-produits-pagekit > .field__item > .views-element-container > div[class*=js-view-dom] > .container_rows .views-row .views-field-title .field-content {
  padding-left: 15px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  position: relative;
}
.page-kit .container_main .contenu_main .field--name-field-vue-gammes > .field__item > .views-element-container > div[class*=js-view-dom] > .container_rows .item-gamme .gm--pagekit .field--name-field-produits-pagekit > .field__item > .views-element-container > div[class*=js-view-dom] > .container_rows .views-row .views-field-title .field-content .check {
  display: none !important;
}
.page-kit .container_main .contenu_main .field--name-field-vue-gammes > .field__item > .views-element-container > div[class*=js-view-dom] > .container_rows .item-gamme .gm--pagekit .field--name-field-produits-pagekit > .field__item > .views-element-container > div[class*=js-view-dom] > .container_rows .views-row .views-field-title .field-content .titre_produit {
  color: #000000;
  font-family: Judson;
  font-size: 24px;
  letter-spacing: 0;
  line-height: 28px;
  -webkit-transition: 0.3s linear;
  transition: 0.3s linear;
}
.page-kit .container_main .contenu_main .field--name-field-vue-gammes > .field__item > .views-element-container > div[class*=js-view-dom] > .container_rows .item-gamme .gm--pagekit .field--name-field-produits-pagekit > .field__item > .views-element-container > div[class*=js-view-dom] > .container_rows .views-row .views-field-title .field-content .liste_qty {
  position: absolute;
  top: 4px;
  right: 10px;
  z-index: 10;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.page-kit .container_main .contenu_main .field--name-field-vue-gammes > .field__item > .views-element-container > div[class*=js-view-dom] > .container_rows .item-gamme .gm--pagekit .field--name-field-produits-pagekit > .field__item > .views-element-container > div[class*=js-view-dom] > .container_rows .views-row .views-field-title .field-content .liste_qty.active .contenu_qty {
  max-height: 300px;
}
.page-kit .container_main .contenu_main .field--name-field-vue-gammes > .field__item > .views-element-container > div[class*=js-view-dom] > .container_rows .item-gamme .gm--pagekit .field--name-field-produits-pagekit > .field__item > .views-element-container > div[class*=js-view-dom] > .container_rows .views-row .views-field-title .field-content .liste_qty .qty_choisi {
  position: relative;
  color: #000000;
  font-family: Judson;
  font-size: 24px;
  letter-spacing: 0;
  line-height: 28px;
  font-size: 20px;
  line-height: 1;
  padding: 2px 15px;
  border: 1px solid lightgrey;
  border-radius: 5px;
  cursor: pointer;
  -webkit-transition: 0.3s linear;
  transition: 0.3s linear;
}
.page-kit .container_main .contenu_main .field--name-field-vue-gammes > .field__item > .views-element-container > div[class*=js-view-dom] > .container_rows .item-gamme .gm--pagekit .field--name-field-produits-pagekit > .field__item > .views-element-container > div[class*=js-view-dom] > .container_rows .views-row .views-field-title .field-content .liste_qty .contenu_qty {
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-height: 0px;
  -webkit-transition: 0.3s linear;
  transition: 0.3s linear;
  width: 100%;
  background-color: white;
}
.page-kit .container_main .contenu_main .field--name-field-vue-gammes > .field__item > .views-element-container > div[class*=js-view-dom] > .container_rows .item-gamme .gm--pagekit .field--name-field-produits-pagekit > .field__item > .views-element-container > div[class*=js-view-dom] > .container_rows .views-row .views-field-title .field-content .liste_qty .contenu_qty .qty {
  color: #000000;
  font-family: Judson;
  font-size: 24px;
  letter-spacing: 0;
  line-height: 28px;
  font-size: 19px;
  line-height: 1;
  cursor: pointer;
  padding: 2px 0px;
  -webkit-transition: 0.3s linear;
  transition: 0.3s linear;
  width: 100%;
  text-align: center;
}
.page-kit .container_main .contenu_main .field--name-field-vue-gammes > .field__item > .views-element-container > div[class*=js-view-dom] > .container_rows .item-gamme .gm--pagekit .field--name-field-produits-pagekit > .field__item > .views-element-container > div[class*=js-view-dom] > .container_rows .views-row .views-field-title .field-content .liste_qty .contenu_qty .qty:last-child {
  margin-bottom: 10px;
}
.page-kit .container_main .contenu_main .field--name-field-vue-gammes > .field__item > .views-element-container > div[class*=js-view-dom] > .container_rows .item-gamme .gm--pagekit .field--name-field-produits-pagekit > .field__item > .views-element-container > div[class*=js-view-dom] > .container_rows .views-row .views-field-title .field-content .liste_qty .contenu_qty .qty:first-child {
  margin-top: 10px;
}
@media (min-width: 769px) {
  .page-kit .container_main .contenu_main .field--name-field-vue-gammes > .field__item > .views-element-container > div[class*=js-view-dom] > .container_rows .item-gamme .gm--pagekit .field--name-field-produits-pagekit > .field__item > .views-element-container > div[class*=js-view-dom] > .container_rows .views-row .views-field-title .field-content .liste_qty .contenu_qty .qty:hover {
    background-color: #AA7B58;
  }
}
.page-kit .container_main .contenu_main .field--name-field-vue-gammes > .field__item > .views-element-container > div[class*=js-view-dom] > .container_rows .item-gamme .gm--pagekit .field--name-field-produits-pagekit > .field__item > .views-element-container > div[class*=js-view-dom] > .container_rows .views-row .views-field-title .field-content .liste_qty .contenu_qty .qty.cache {
  display: none;
}
.page-kit .container_main .contenu_main .field--name-field-vue-gammes > .field__item > .views-element-container > div[class*=js-view-dom] > .container_rows .item-gamme .gm--pagekit .field--name-field-produits-pagekit > .field__item > .views-element-container > div[class*=js-view-dom] > .container_rows .views-row .views-field-title .field-content .liste_qty .contenu_qty .qty.desactive {
  color: darkgoldenrod;
}
@media (max-width: 768px) {
  .page-kit .container_main .contenu_main .field--name-field-vue-gammes > .field__item > .views-element-container > div[class*=js-view-dom] > .container_rows .item-gamme .gm--pagekit .field--name-field-produits-pagekit > .field__item > .views-element-container > div[class*=js-view-dom] > .container_rows .views-row .views-field-title {
    padding: 25px 20px 40px;
  }
  .page-kit .container_main .contenu_main .field--name-field-vue-gammes > .field__item > .views-element-container > div[class*=js-view-dom] > .container_rows .item-gamme .gm--pagekit .field--name-field-produits-pagekit > .field__item > .views-element-container > div[class*=js-view-dom] > .container_rows .views-row .views-field-title .field-content {
    padding-left: 10px;
  }
  .page-kit .container_main .contenu_main .field--name-field-vue-gammes > .field__item > .views-element-container > div[class*=js-view-dom] > .container_rows .item-gamme .gm--pagekit .field--name-field-produits-pagekit > .field__item > .views-element-container > div[class*=js-view-dom] > .container_rows .views-row .views-field-title .field-content .titre_produit {
    font-size: 20px;
  }
}
.page-kit .container_main .contenu_main .field--name-field-vue-gammes > .field__item > .views-element-container > div[class*=js-view-dom] > .container_rows .item-gamme .gm--pagekit .field--name-field-produits-pagekit > .field__item > .views-element-container > div[class*=js-view-dom] > .container_rows .views-row .views-field-fieldset {
  width: calc(100% - 30px);
  height: 320px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: -20px;
}
@media (max-width: 1024px) {
  .page-kit .container_main .contenu_main .field--name-field-vue-gammes > .field__item > .views-element-container > div[class*=js-view-dom] > .container_rows .item-gamme .gm--pagekit .field--name-field-produits-pagekit > .field__item > .views-element-container > div[class*=js-view-dom] > .container_rows .views-row .views-field-fieldset {
    height: 280px;
  }
}
@media (max-width: 768px) {
  .page-kit .container_main .contenu_main .field--name-field-vue-gammes > .field__item > .views-element-container > div[class*=js-view-dom] > .container_rows .item-gamme .gm--pagekit .field--name-field-produits-pagekit > .field__item > .views-element-container > div[class*=js-view-dom] > .container_rows .views-row .views-field-fieldset {
    height: 220px;
  }
}
.page-kit .container_main .contenu_main .field--name-field-vue-gammes > .field__item > .views-element-container > div[class*=js-view-dom] > .container_rows .item-gamme .gm--pagekit .field--name-field-produits-pagekit > .field__item > .views-element-container > div[class*=js-view-dom] > .container_rows .views-row .views-field-fieldset > .field-content {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.page-kit .container_main .contenu_main .field--name-field-vue-gammes > .field__item > .views-element-container > div[class*=js-view-dom] > .container_rows .item-gamme .gm--pagekit .field--name-field-produits-pagekit > .field__item > .views-element-container > div[class*=js-view-dom] > .container_rows .views-row .views-field-fieldset > .field-content .bas {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}
.page-kit .container_main .contenu_main .field--name-field-vue-gammes > .field__item > .views-element-container > div[class*=js-view-dom] > .container_rows .item-gamme .gm--pagekit .field--name-field-produits-pagekit > .field__item > .views-element-container > div[class*=js-view-dom] > .container_rows .views-row .views-field-fieldset > .field-content .bas .views-field-view-node-1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 6;
}
.page-kit .container_main .contenu_main .field--name-field-vue-gammes > .field__item > .views-element-container > div[class*=js-view-dom] > .container_rows .item-gamme .gm--pagekit .field--name-field-produits-pagekit > .field__item > .views-element-container > div[class*=js-view-dom] > .container_rows .views-row .views-field-fieldset > .field-content .bas .views-field-view-node-1 .field-content {
  width: 100%;
  height: 100%;
  display: block;
}
.page-kit .container_main .contenu_main .field--name-field-vue-gammes > .field__item > .views-element-container > div[class*=js-view-dom] > .container_rows .item-gamme .gm--pagekit .field--name-field-produits-pagekit > .field__item > .views-element-container > div[class*=js-view-dom] > .container_rows .views-row .views-field-fieldset > .field-content .bas .views-field-view-node-1 .field-content a {
  width: 100%;
  height: 100%;
  display: block;
  color: transparent;
  font-size: 0px;
}
@media (min-width: 769px) {
  .page-kit .container_main .contenu_main .field--name-field-vue-gammes > .field__item > .views-element-container > div[class*=js-view-dom] > .container_rows .item-gamme .gm--pagekit .field--name-field-produits-pagekit > .field__item > .views-element-container > div[class*=js-view-dom] > .container_rows .views-row .views-field-fieldset > .field-content .bas:hover .views-field-view-node {
    bottom: 0;
  }
}
.page-kit .container_main .contenu_main .field--name-field-vue-gammes > .field__item > .views-element-container > div[class*=js-view-dom] > .container_rows .item-gamme .gm--pagekit .field--name-field-produits-pagekit > .field__item > .views-element-container > div[class*=js-view-dom] > .container_rows .views-row .views-field-fieldset > .field-content .bas .views-field-field-image {
  width: 100%;
  height: 100%;
}
.page-kit .container_main .contenu_main .field--name-field-vue-gammes > .field__item > .views-element-container > div[class*=js-view-dom] > .container_rows .item-gamme .gm--pagekit .field--name-field-produits-pagekit > .field__item > .views-element-container > div[class*=js-view-dom] > .container_rows .views-row .views-field-fieldset > .field-content .bas .views-field-field-image > .field-content {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.page-kit .container_main .contenu_main .field--name-field-vue-gammes > .field__item > .views-element-container > div[class*=js-view-dom] > .container_rows .item-gamme .gm--pagekit .field--name-field-produits-pagekit > .field__item > .views-element-container > div[class*=js-view-dom] > .container_rows .views-row .views-field-fieldset > .field-content .bas .views-field-field-image > .field-content > div {
  width: 100%;
  height: 100%;
  background-color: #F6F6F6;
}
.page-kit .container_main .contenu_main .field--name-field-vue-gammes > .field__item > .views-element-container > div[class*=js-view-dom] > .container_rows .item-gamme .gm--pagekit .field--name-field-produits-pagekit > .field__item > .views-element-container > div[class*=js-view-dom] > .container_rows .views-row .views-field-fieldset > .field-content .bas .views-field-field-image > .field-content > div .image__field-media-image {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.page-kit .container_main .contenu_main .field--name-field-vue-gammes > .field__item > .views-element-container > div[class*=js-view-dom] > .container_rows .item-gamme .gm--pagekit .field--name-field-produits-pagekit > .field__item > .views-element-container > div[class*=js-view-dom] > .container_rows .views-row .views-field-fieldset > .field-content .bas .views-field-field-image > .field-content > div .image__field-media-image img {
  width: 100%;
  height: auto;
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
  max-height: 100%;
}
@media (max-width: 768px) {
  .page-kit .container_main .contenu_main .field--name-field-vue-gammes > .field__item > .views-element-container > div[class*=js-view-dom] > .container_rows .item-gamme .gm--pagekit .field--name-field-produits-pagekit > .field__item > .views-element-container > div[class*=js-view-dom] > .container_rows .views-row .views-field-fieldset > .field-content .bas .views-field-field-image > .field-content > div .image__field-media-image img {
    height: 100%;
  }
}
.page-kit .container_main .contenu_main .field--name-field-vue-gammes > .field__item > .views-element-container > div[class*=js-view-dom] > .container_rows .item-gamme .gm--pagekit .field--name-field-produits-pagekit > .field__item > .views-element-container > div[class*=js-view-dom] > .container_rows .views-row .views-field-fieldset > .field-content .bas .views-field-view-node {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: auto;
  display: block;
  z-index: 2;
  padding: 15px;
  background-color: white;
  bottom: -50px;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.page-kit .container_main .contenu_main .field--name-field-vue-gammes > .field__item > .views-element-container > div[class*=js-view-dom] > .container_rows .item-gamme .gm--pagekit .field--name-field-produits-pagekit > .field__item > .views-element-container > div[class*=js-view-dom] > .container_rows .views-row .views-field-fieldset > .field-content .bas .views-field-view-node .field-content {
  width: 100%;
  height: 100%;
  display: block;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.page-kit .container_main .contenu_main .field--name-field-vue-gammes > .field__item > .views-element-container > div[class*=js-view-dom] > .container_rows .item-gamme .gm--pagekit .field--name-field-produits-pagekit > .field__item > .views-element-container > div[class*=js-view-dom] > .container_rows .views-row .views-field-fieldset > .field-content .bas .views-field-view-node .field-content a {
  width: 100%;
  height: 100%;
  display: block;
  color: #000000;
  font-family: "Helvetica Neue";
  font-size: 13px;
  font-weight: bold;
  letter-spacing: 2px;
  line-height: 16px;
  text-transform: uppercase;
  text-align: center;
}
@media (max-width: 1200px) {
  .page-kit .container_main .contenu_main .field--name-field-vue-gammes > .field__item > .views-element-container > div[class*=js-view-dom] > .container_rows .item-gamme .gm--pagekit .field--name-field-produits-pagekit > .field__item > .views-element-container > div[class*=js-view-dom] > .container_rows .views-row {
    width: 33%;
  }
}
.page-kit .container_main .contenu_main .field--name-field-vue-gammes > .field__item > .views-element-container > div[class*=js-view-dom] > .container_rows .item-gamme .gm--pagekit .container_documents {
  width: 100%;
  max-width: 890px;
  padding: 0px 20px;
  margin-top: 140px;
}
.page-kit .container_main .contenu_main .field--name-field-vue-gammes > .field__item > .views-element-container > div[class*=js-view-dom] > .container_rows .item-gamme .gm--pagekit .container_documents .contenu_documents {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-top: 1Px solid #AA7B58;
  border-bottom: 1Px solid #AA7B58;
  padding: 62px 0px 50px;
  position: relative;
}
.page-kit .container_main .contenu_main .field--name-field-vue-gammes > .field__item > .views-element-container > div[class*=js-view-dom] > .container_rows .item-gamme .gm--pagekit .container_documents .contenu_documents:after {
  position: absolute;
  width: 1px;
  height: 100%;
  content: "";
  left: 0;
  right: 0;
  top: 0;
  margin: 0 auto;
  z-index: 1;
  background-color: #AA7B58;
}
.page-kit .container_main .contenu_main .field--name-field-vue-gammes > .field__item > .views-element-container > div[class*=js-view-dom] > .container_rows .item-gamme .gm--pagekit .container_documents .contenu_documents h3 {
  width: 50%;
  color: #000000;
  font-family: Judson;
  font-size: 30px;
  letter-spacing: 0;
  line-height: 34px;
  padding-right: 49px;
  position: relative;
  margin-top: -12px;
}
.page-kit .container_main .contenu_main .field--name-field-vue-gammes > .field__item > .views-element-container > div[class*=js-view-dom] > .container_rows .item-gamme .gm--pagekit .container_documents .contenu_documents .contenu_fichiers {
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-left: 49px;
}
.page-kit .container_main .contenu_main .field--name-field-vue-gammes > .field__item > .views-element-container > div[class*=js-view-dom] > .container_rows .item-gamme .gm--pagekit .container_documents .contenu_documents .contenu_fichiers div[class*=gm__field-fichier] {
  margin-bottom: 50px;
}
.page-kit .container_main .contenu_main .field--name-field-vue-gammes > .field__item > .views-element-container > div[class*=js-view-dom] > .container_rows .item-gamme .gm--pagekit .container_documents .contenu_documents .contenu_fichiers div[class*=gm__field-fichier]:last-child {
  margin-bottom: 0px;
}
.page-kit .container_main .contenu_main .field--name-field-vue-gammes > .field__item > .views-element-container > div[class*=js-view-dom] > .container_rows .item-gamme .gm--pagekit .container_documents .contenu_documents .contenu_fichiers div[class*=gm__field-fichier] > div .document__field-media-document span {
  display: none;
}
.page-kit .container_main .contenu_main .field--name-field-vue-gammes > .field__item > .views-element-container > div[class*=js-view-dom] > .container_rows .item-gamme .gm--pagekit .container_documents .contenu_documents .contenu_fichiers div[class*=gm__field-fichier] > div .document__field-media-document .file {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.page-kit .container_main .contenu_main .field--name-field-vue-gammes > .field__item > .views-element-container > div[class*=js-view-dom] > .container_rows .item-gamme .gm--pagekit .container_documents .contenu_documents .contenu_fichiers div[class*=gm__field-fichier] > div .document__field-media-document .file a {
  color: #000000;
  font-family: "Helvetica Neue";
  font-size: 13px;
  font-weight: bold;
  letter-spacing: 2px;
  line-height: 16px;
  text-transform: uppercase;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}
.page-kit .container_main .contenu_main .field--name-field-vue-gammes > .field__item > .views-element-container > div[class*=js-view-dom] > .container_rows .item-gamme .gm--pagekit .container_documents .contenu_documents .contenu_fichiers div[class*=gm__field-fichier] > div .document__field-media-document .file a:before {
  -webkit-transition: 0.3s linear;
  transition: 0.3s linear;
  content: "";
  -webkit-mask-image: url("/themes/custom/vivelys/assets/css/../img/icons/download.svg");
          mask-image: url("/themes/custom/vivelys/assets/css/../img/icons/download.svg");
  width: 16px;
  height: 16px;
  margin-right: 10px;
  background-color: #000000;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}
.page-kit .container_main .container_form {
  margin-top: -70px;
  width: 100%;
  -webkit-transition: 1s linear;
  transition: 1s linear;
  max-height: 0px;
  overflow: hidden;
}
.page-kit .container_main .container_form .page-kit__field-image-2 {
  width: 100%;
  position: relative;
  z-index: 2;
  left: 50px;
  margin: 0px 0px 75px;
}
.page-kit .container_main .container_form .page-kit__field-image-2 > div {
  width: 100%;
}
.page-kit .container_main .container_form .page-kit__field-image-2 > div .image__field-media-image {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.page-kit .container_main .container_form .page-kit__field-image-2 > div .image__field-media-image img {
  height: 90px;
  width: auto;
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
}
.page-kit .container_main .container_form .page-kit__field-formulaire-kit {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 250px;
}
.page-kit .container_main .container_form .page-kit__field-formulaire-kit form {
  width: 100%;
  max-width: 890px;
  padding: 0px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.page-kit .container_main .container_form .page-kit__field-formulaire-kit form div[id*=edit-droite] {
  background-color: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: relative;
  width: 100%;
  -webkit-column-gap: 20px;
     -moz-column-gap: 20px;
          column-gap: 20px;
}
.page-kit .container_main .container_form .page-kit__field-formulaire-kit form div[id*=edit-droite] .js-form-item:not(.form-item-infos-persos) {
  margin-bottom: 25px;
  width: calc(50% - 13px);
}
.page-kit .container_main .container_form .page-kit__field-formulaire-kit form div[id*=edit-droite] .js-form-item:not(.form-item-infos-persos) label {
  color: #000000;
  font-family: "Helvetica Neue";
  font-size: 11px;
  font-weight: bold;
  letter-spacing: 2px;
  line-height: 13px;
  padding-left: 15px;
  margin-bottom: 15px;
  text-transform: uppercase;
}
.page-kit .container_main .container_form .page-kit__field-formulaire-kit form div[id*=edit-droite] .js-form-item:not(.form-item-infos-persos) input {
  padding: unset;
  height: unset;
  border-radius: 3px;
  background-color: #F4F2ED;
  padding: 15px 15px 13px;
  color: #000000;
  font-family: "Helvetica Neue";
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 23px;
  line-height: 1;
  border: unset;
  width: 100%;
}
.page-kit .container_main .container_form .page-kit__field-formulaire-kit form div[id*=edit-droite] .js-form-item:not(.form-item-infos-persos) input::-webkit-input-placeholder {
  color: #9B9B9B;
  font-family: "Helvetica Neue";
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 23px;
}
.page-kit .container_main .container_form .page-kit__field-formulaire-kit form div[id*=edit-droite] .js-form-item:not(.form-item-infos-persos) input::-moz-placeholder {
  color: #9B9B9B;
  font-family: "Helvetica Neue";
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 23px;
}
.page-kit .container_main .container_form .page-kit__field-formulaire-kit form div[id*=edit-droite] .js-form-item:not(.form-item-infos-persos) input:-ms-input-placeholder {
  color: #9B9B9B;
  font-family: "Helvetica Neue";
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 23px;
}
.page-kit .container_main .container_form .page-kit__field-formulaire-kit form div[id*=edit-droite] .js-form-item:not(.form-item-infos-persos) input::-ms-input-placeholder {
  color: #9B9B9B;
  font-family: "Helvetica Neue";
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 23px;
}
.page-kit .container_main .container_form .page-kit__field-formulaire-kit form div[id*=edit-droite] .js-form-item:not(.form-item-infos-persos) input::placeholder {
  color: #9B9B9B;
  font-family: "Helvetica Neue";
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 23px;
}
@media (max-width: 525px) {
  .page-kit .container_main .container_form .page-kit__field-formulaire-kit form div[id*=edit-droite] .js-form-item:not(.form-item-infos-persos) input {
    font-size: 13px;
    letter-spacing: 0.5px;
    line-height: 20px;
  }
  .page-kit .container_main .container_form .page-kit__field-formulaire-kit form div[id*=edit-droite] .js-form-item:not(.form-item-infos-persos) input::-webkit-input-placeholder {
    font-size: 13px;
    letter-spacing: 0.5px;
    line-height: 20px;
  }
  .page-kit .container_main .container_form .page-kit__field-formulaire-kit form div[id*=edit-droite] .js-form-item:not(.form-item-infos-persos) input::-moz-placeholder {
    font-size: 13px;
    letter-spacing: 0.5px;
    line-height: 20px;
  }
  .page-kit .container_main .container_form .page-kit__field-formulaire-kit form div[id*=edit-droite] .js-form-item:not(.form-item-infos-persos) input:-ms-input-placeholder {
    font-size: 13px;
    letter-spacing: 0.5px;
    line-height: 20px;
  }
  .page-kit .container_main .container_form .page-kit__field-formulaire-kit form div[id*=edit-droite] .js-form-item:not(.form-item-infos-persos) input::-ms-input-placeholder {
    font-size: 13px;
    letter-spacing: 0.5px;
    line-height: 20px;
  }
  .page-kit .container_main .container_form .page-kit__field-formulaire-kit form div[id*=edit-droite] .js-form-item:not(.form-item-infos-persos) input::placeholder {
    font-size: 13px;
    letter-spacing: 0.5px;
    line-height: 20px;
  }
}
.page-kit .container_main .container_form .page-kit__field-formulaire-kit form div[id*=edit-droite] .form-item-infos-persos {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px;
  width: 100%;
}
.page-kit .container_main .container_form .page-kit__field-formulaire-kit form div[id*=edit-droite] .form-item-infos-persos label {
  width: calc(50% - 13px);
  color: #9B9B9B;
  font-family: "Helvetica Neue";
  font-size: 13px;
  letter-spacing: 0.5px;
  line-height: 15px;
  padding: unset;
  margin: unset;
  text-transform: initial;
  cursor: pointer;
}
.page-kit .container_main .container_form .page-kit__field-formulaire-kit form div[id*=edit-droite] .form-item-infos-persos input {
  width: calc(50% - 13px);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  height: 15px;
  width: 15px;
  border: 1px solid #000000;
  border-radius: 3px;
  -webkit-transition: 0.3s linear;
  transition: 0.3s linear;
  margin: unset;
  position: unset;
  display: block;
  cursor: pointer;
  margin-right: 5px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.page-kit .container_main .container_form .page-kit__field-formulaire-kit form div[id*=edit-droite] .form-item-infos-persos input:active, .page-kit .container_main .container_form .page-kit__field-formulaire-kit form div[id*=edit-droite] .form-item-infos-persos input:focus {
  border: 1px solid #000000 !important;
}
.page-kit .container_main .container_form .page-kit__field-formulaire-kit form div[id*=edit-droite] .form-item-infos-persos input:checked, .page-kit .container_main .container_form .page-kit__field-formulaire-kit form div[id*=edit-droite] .form-item-infos-persos input:hover {
  background-color: #000000;
}
.page-kit .container_main .container_form .page-kit__field-formulaire-kit form div[id*=edit-actions] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  margin-top: 60px;
}
.page-kit .container_main .container_form .page-kit__field-formulaire-kit form div[id*=edit-actions] input {
  color: #FFFFFF;
  font-family: "Helvetica Neue";
  font-size: 13px;
  font-weight: bold;
  letter-spacing: 2px;
  line-height: 16px;
  padding: 15px 22px;
  background-color: #000000;
  border-radius: unset;
  -webkit-transition: 0.3s linear;
  transition: 0.3s linear;
  border: 1Px solid transparent;
  text-transform: uppercase;
}
.page-kit .container_main .container_form .page-kit__field-formulaire-kit form div[id*=edit-actions] input:active, .page-kit .container_main .container_form .page-kit__field-formulaire-kit form div[id*=edit-actions] input:focus {
  border: 1Px solid transparent !important;
}
@media (min-width: 769px) {
  .page-kit .container_main .container_form .page-kit__field-formulaire-kit form div[id*=edit-actions] input:hover {
    border: 1Px solid #000000;
    color: #000000;
    background-color: white;
  }
  .page-kit .container_main .container_form .page-kit__field-formulaire-kit form div[id*=edit-actions] input:active, .page-kit .container_main .container_form .page-kit__field-formulaire-kit form div[id*=edit-actions] input:focus {
    border: 1Px solid #000000 !important;
  }
}
.page-kit.commander .container_main .contenu_main .contenu_header_boise {
  max-height: 0px;
  overflow: hidden;
  margin-bottom: 0px;
}
.page-kit.commander .container_main .contenu_main .container_titre {
  max-height: 220px;
  margin-bottom: 150px;
  overflow: unset;
}
.page-kit.commander .container_main .contenu_main .field--name-field-vue-menu-gammes > .field__item .views-element-container div[class*=js-view-dom] .container_rows .views-row.titre-boise-absolu {
  display: none;
}
.page-kit.commander .container_main .contenu_main .field--name-field-vue-menu-gammes > .field__item .views-element-container div[class*=js-view-dom] footer .contenu_footer .toggle_commander {
  max-height: 0px;
  overflow: hidden;
}
.page-kit.commander .container_main .contenu_main .field--name-field-vue-menu-gammes > .field__item .views-element-container div[class*=js-view-dom] footer .contenu_footer .toggle_voir {
  -webkit-transition: 1s linear;
  transition: 1s linear;
  max-height: 100px;
  overflow: unset;
}
.page-kit.commander .container_main .contenu_main .page-kit__field-texte-long {
  max-height: 200px;
}
.page-kit.commander .container_main .contenu_main .field--name-field-vue-gammes > .field__item > .views-element-container > div[class*=js-view-dom] > .container_rows .item-gamme .gm--pagekit .gm__field-texte-long-2 {
  max-height: 200px;
  margin-bottom: 75px;
  overflow: unset;
}
.page-kit.commander .container_main .contenu_main .field--name-field-vue-gammes > .field__item > .views-element-container > div[class*=js-view-dom] > .container_rows .item-gamme .gm--pagekit .field--name-field-produits-pagekit > .field__item > .views-element-container > div[class*=js-view-dom] > .container_rows .views-row.boise-absolu {
  display: none;
}
.page-kit.commander .container_main .container_form {
  max-height: 1200px;
  overflow: unset;
}
.path-frontpage, .page-node-type-accueil {
  /* 	.container_telephone{
  		margin: -200px auto 250px;
  		display: flex;
  		justify-content: center;
  		width: 100%;
  		max-width:1064px;
  		padding:0px 20px;
  		.contenu_telephone{
  			display: flex;
  			justify-content: space-between;
  			.accueil__field-image-2{
  				height: 650px;
  				width: 328px;
  				background-image: url('/themes/custom/vivelys/assets/css/../img/smartphone_ecran.svg');
  				background-size:100%;
  				background-position: center;
  				background-repeat: no-repeat;
  				background-color: black;
  				border: 10Px solid black;
  				border-radius: 34px;
  				display: flex;
  				align-items: flex-end;
  				justify-content: center;
  				margin-right: 100px;
  				flex-shrink: 0;
  				& > div {
  					width: 100%;
  					height: 100%;
  					.image__field-media-image{
  						width: 100%;
  						height: 100%;
  						@include frc;
  						img{
  							width: 100%;
  							height: 100%;
  							object-fit: contain;
  							display: block;
  						}
  					}
  				}
  			}
  			.accueil__field-txttel{
  				padding-top:50px;
  				.paragraph--type--dt{
  					.dt__field-texte-1{
  						margin-bottom: 100px;
  						max-width:400px;
  						p{
  							@include tj_noir_38;
  							margin-bottom: 10px;
  							@include marginp;
  						}
  					}
  					.dt__field-texte-2{
  						p{
  							@include th_gris_20;
  							margin-bottom: 10px;
  							@include marginp;
  							strong{
  								color : #000000;
  								font-weight: bold;
  							}
  						}
  						ul{
  							list-style: none;
  							li{
  								margin-bottom: 25px;
  								@include th_gris_20;
  								display: -moz-box;
  								display: -webkit-box;
  								&:before{
  									width: 16px;
  									height: 1px;
  									background-color: #AA7B58;
  									content:'';
  									display: block;
  									margin-right: 10px;
  									position:relative;
  									top:14px;
  									flex-shrink: 0;
  								}
  								strong{
  									color : #000000;
  									font-weight: bold;
  								}
  								&:last-child{
  									margin-bottom: 0px;
  								}
  							}
  						}
  					}
  				}
  			}
  		}
  	} */
}
.path-frontpage .block--splashscreen, .page-node-type-accueil .block--splashscreen {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.75);
  z-index: 9999;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: none !important;
}
.path-frontpage .block--splashscreen.active, .page-node-type-accueil .block--splashscreen.active {
  /* 	display: flex; */
  display: none !important;
}
.path-frontpage .block--splashscreen .basic__body, .page-node-type-accueil .block--splashscreen .basic__body {
  width: 100%;
  padding: 0px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.path-frontpage .block--splashscreen .basic__body .container, .page-node-type-accueil .block--splashscreen .basic__body .container {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  position: relative;
  max-width: 676px !important;
}
.path-frontpage .block--splashscreen .basic__body .container .croix, .page-node-type-accueil .block--splashscreen .basic__body .container .croix {
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
  height: 50px;
  background-color: black;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}
.path-frontpage .block--splashscreen .basic__body .container .croix .contenu_croix, .page-node-type-accueil .block--splashscreen .basic__body .container .croix .contenu_croix {
  width: 18px;
  height: 18px;
  -webkit-mask-image: url("/themes/custom/vivelys/assets/css/../img/icons/cross.svg");
          mask-image: url("/themes/custom/vivelys/assets/css/../img/icons/cross.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  background-color: white;
}
.path-frontpage .block--splashscreen .basic__body .container .gauche, .page-node-type-accueil .block--splashscreen .basic__body .container .gauche {
  padding: 50px 50px 75px;
  background-color: #F4F2ED;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.path-frontpage .block--splashscreen .basic__body .container .gauche img, .page-node-type-accueil .block--splashscreen .basic__body .container .gauche img {
  height: 205px;
  width: auto;
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
  margin-bottom: 25px;
}
.path-frontpage .block--splashscreen .basic__body .container .gauche h4, .page-node-type-accueil .block--splashscreen .basic__body .container .gauche h4 {
  color: #000000;
  font-family: Judson;
  font-size: 30px;
  letter-spacing: 0;
  line-height: 34px;
  text-align: left;
  padding-right: 25px;
}
.path-frontpage .block--splashscreen .basic__body .container .droite, .page-node-type-accueil .block--splashscreen .basic__body .container .droite {
  padding: 25px;
  background-color: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.path-frontpage .block--splashscreen .basic__body .container .droite .texte, .page-node-type-accueil .block--splashscreen .basic__body .container .droite .texte {
  color: #9B9B9B;
  font-family: "Helvetica Neue";
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 23px;
  text-align: center;
  margin-bottom: 25px;
}
.path-frontpage .block--splashscreen .basic__body .container .droite a, .page-node-type-accueil .block--splashscreen .basic__body .container .droite a {
  color: #FFFFFF;
  font-family: "Helvetica Neue";
  font-size: 13px;
  font-weight: bold;
  letter-spacing: 2px;
  line-height: 16px;
  padding: 15px 22px;
  background-color: #000000;
  border-radius: unset;
  -webkit-transition: 0.3s linear;
  transition: 0.3s linear;
  border: 1Px solid transparent;
  text-transform: uppercase;
  white-space: nowrap;
}
.path-frontpage .block--splashscreen .basic__body .container .droite a:active, .path-frontpage .block--splashscreen .basic__body .container .droite a:focus, .page-node-type-accueil .block--splashscreen .basic__body .container .droite a:active, .page-node-type-accueil .block--splashscreen .basic__body .container .droite a:focus {
  border: 1Px solid transparent !important;
}
@media (min-width: 769px) {
  .path-frontpage .block--splashscreen .basic__body .container .droite a:hover, .page-node-type-accueil .block--splashscreen .basic__body .container .droite a:hover {
    border: 1Px solid #000000;
    color: #000000;
    background-color: white;
  }
  .path-frontpage .block--splashscreen .basic__body .container .droite a:active, .path-frontpage .block--splashscreen .basic__body .container .droite a:focus, .page-node-type-accueil .block--splashscreen .basic__body .container .droite a:active, .page-node-type-accueil .block--splashscreen .basic__body .container .droite a:focus {
    border: 1Px solid #000000 !important;
  }
}
.path-frontpage .header, .page-node-type-accueil .header {
  margin-top: 150px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  z-index: 1;
  margin-bottom: 170px;
}
.path-frontpage .header:after, .page-node-type-accueil .header:after {
  position: absolute;
  content: "";
  height: 600px;
  width: 346px;
  background-image: url("/themes/custom/vivelys/assets/css/../img/goute_accueil.svg");
  background-size: contain;
  background-position: top left;
  background-repeat: no-repeat;
  z-index: -1;
  top: 320px;
  left: 0;
}
.path-frontpage .header .header_contenu, .page-node-type-accueil .header .header_contenu {
  width: calc(100% - 200px);
  max-width: 1330px;
}
@media (max-width: 1140px) {
  .path-frontpage .header .header_contenu, .page-node-type-accueil .header .header_contenu {
    width: calc(100% - 100px);
  }
}
.path-frontpage .header .header_contenu .accueil__field-hs, .page-node-type-accueil .header .header_contenu .accueil__field-hs {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.path-frontpage .header .header_contenu .accueil__field-hs .slick-list, .page-node-type-accueil .header .header_contenu .accueil__field-hs .slick-list {
  width: 100%;
}
.path-frontpage .header .header_contenu .accueil__field-hs .slick-dots, .page-node-type-accueil .header .header_contenu .accueil__field-hs .slick-dots {
  margin-top: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.path-frontpage .header .header_contenu .accueil__field-hs .slick-dots li, .page-node-type-accueil .header .header_contenu .accueil__field-hs .slick-dots li {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 20px;
}
.path-frontpage .header .header_contenu .accueil__field-hs .slick-dots li:last-child, .page-node-type-accueil .header .header_contenu .accueil__field-hs .slick-dots li:last-child {
  margin-right: 0px;
}
.path-frontpage .header .header_contenu .accueil__field-hs .slick-dots li button, .page-node-type-accueil .header .header_contenu .accueil__field-hs .slick-dots li button {
  font-size: 0;
  border: unset;
  width: 16px;
  height: 16px;
  outline: 0;
  border-radius: 50%;
  background: unset;
  position: relative;
  padding: unset;
  -webkit-transition: 0.3s linear;
  transition: 0.3s linear;
  border: 1px solid #9B9B9B;
  position: relative;
}
.path-frontpage .header .header_contenu .accueil__field-hs .slick-dots li button:before, .page-node-type-accueil .header .header_contenu .accueil__field-hs .slick-dots li button:before {
  position: absolute;
  height: 6px;
  width: 6px;
  border-radius: 50%;
  background-color: #000000;
  content: "";
  top: 4px;
  left: 4px;
  opacity: 0;
  -webkit-transition: 0.3s linear;
  transition: 0.3s linear;
}
.path-frontpage .header .header_contenu .accueil__field-hs .slick-dots li.slick-active button, .path-frontpage .header .header_contenu .accueil__field-hs .slick-dots li:hover button, .path-frontpage .header .header_contenu .accueil__field-hs .slick-dots li:active button, .page-node-type-accueil .header .header_contenu .accueil__field-hs .slick-dots li.slick-active button, .page-node-type-accueil .header .header_contenu .accueil__field-hs .slick-dots li:hover button, .page-node-type-accueil .header .header_contenu .accueil__field-hs .slick-dots li:active button {
  border: 1px solid #000000 !important;
}
.path-frontpage .header .header_contenu .accueil__field-hs .slick-dots li.slick-active button:before, .path-frontpage .header .header_contenu .accueil__field-hs .slick-dots li:hover button:before, .path-frontpage .header .header_contenu .accueil__field-hs .slick-dots li:active button:before, .page-node-type-accueil .header .header_contenu .accueil__field-hs .slick-dots li.slick-active button:before, .page-node-type-accueil .header .header_contenu .accueil__field-hs .slick-dots li:hover button:before, .page-node-type-accueil .header .header_contenu .accueil__field-hs .slick-dots li:active button:before {
  opacity: 1;
}
.path-frontpage .header .header_contenu .accueil__field-hs .field__item, .page-node-type-accueil .header .header_contenu .accueil__field-hs .field__item {
  width: 100%;
  /* 			height: 600px; */
}
.path-frontpage .header .header_contenu .accueil__field-hs .field__item .paragraph--type--sha, .page-node-type-accueil .header .header_contenu .accueil__field-hs .field__item .paragraph--type--sha {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  position: relative;
}
.path-frontpage .header .header_contenu .accueil__field-hs .field__item .paragraph--type--sha:before, .page-node-type-accueil .header .header_contenu .accueil__field-hs .field__item .paragraph--type--sha:before {
  background: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.5)));
  background: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  z-index: 0;
}
.path-frontpage .header .header_contenu .accueil__field-hs .field__item .paragraph--type--sha .contenu, .page-node-type-accueil .header .header_contenu .accueil__field-hs .field__item .paragraph--type--sha .contenu {
  width: 100%;
  height: 100%;
  min-height: 600px;
  padding: 380px 108px 75px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  position: relative;
  z-index: 2;
  /* 							@media(max-width:1140px){
  								padding:75px 80px;
  							} */
}
.path-frontpage .header .header_contenu .accueil__field-hs .field__item .paragraph--type--sha .contenu .haut, .page-node-type-accueil .header .header_contenu .accueil__field-hs .field__item .paragraph--type--sha .contenu .haut {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.path-frontpage .header .header_contenu .accueil__field-hs .field__item .paragraph--type--sha .contenu .haut .sha__field-image-1, .page-node-type-accueil .header .header_contenu .accueil__field-hs .field__item .paragraph--type--sha .contenu .haut .sha__field-image-1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 12;
  cursor: pointer;
}
.path-frontpage .header .header_contenu .accueil__field-hs .field__item .paragraph--type--sha .contenu .haut .sha__field-image-1:after, .page-node-type-accueil .header .header_contenu .accueil__field-hs .field__item .paragraph--type--sha .contenu .haut .sha__field-image-1:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  height: 100px;
  width: 100px;
  -webkit-mask-image: url("/themes/custom/vivelys/assets/css/../img/icons/player.svg");
          mask-image: url("/themes/custom/vivelys/assets/css/../img/icons/player.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  background-color: white;
  z-index: 3;
  content: "";
  cursor: pointer;
  -webkit-transition: 0.3s linear;
  transition: 0.3s linear;
}
@media (min-width: 769px) {
  .path-frontpage .header .header_contenu .accueil__field-hs .field__item .paragraph--type--sha .contenu .haut .sha__field-image-1:hover:after, .page-node-type-accueil .header .header_contenu .accueil__field-hs .field__item .paragraph--type--sha .contenu .haut .sha__field-image-1:hover:after {
    background-color: #AA7B58;
  }
}
.path-frontpage .header .header_contenu .accueil__field-hs .field__item .paragraph--type--sha .contenu .haut .sha__field-image-1.active, .page-node-type-accueil .header .header_contenu .accueil__field-hs .field__item .paragraph--type--sha .contenu .haut .sha__field-image-1.active {
  display: none;
}
.path-frontpage .header .header_contenu .accueil__field-hs .field__item .paragraph--type--sha .contenu .haut .sha__field-image-1.active:after, .page-node-type-accueil .header .header_contenu .accueil__field-hs .field__item .paragraph--type--sha .contenu .haut .sha__field-image-1.active:after {
  display: none;
}
.path-frontpage .header .header_contenu .accueil__field-hs .field__item .paragraph--type--sha .contenu .haut .sha__field-image-1 img, .page-node-type-accueil .header .header_contenu .accueil__field-hs .field__item .paragraph--type--sha .contenu .haut .sha__field-image-1 img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.path-frontpage .header .header_contenu .accueil__field-hs .field__item .paragraph--type--sha .contenu .haut .sha__field-video, .page-node-type-accueil .header .header_contenu .accueil__field-hs .field__item .paragraph--type--sha .contenu .haut .sha__field-video {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.path-frontpage .header .header_contenu .accueil__field-hs .field__item .paragraph--type--sha .contenu .haut .sha__field-video video, .page-node-type-accueil .header .header_contenu .accueil__field-hs .field__item .paragraph--type--sha .contenu .haut .sha__field-video video {
  width: 100% !important;
  height: 100% !important;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
}
.path-frontpage .header .header_contenu .accueil__field-hs .field__item .paragraph--type--sha .contenu .haut .sha__field-video video source, .page-node-type-accueil .header .header_contenu .accueil__field-hs .field__item .paragraph--type--sha .contenu .haut .sha__field-video video source {
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
}
.path-frontpage .header .header_contenu .accueil__field-hs .field__item .paragraph--type--sha .contenu .textes, .page-node-type-accueil .header .header_contenu .accueil__field-hs .field__item .paragraph--type--sha .contenu .textes {
  max-width: 415px;
  position: relative;
  z-index: 10;
}
.path-frontpage .header .header_contenu .accueil__field-hs .field__item .paragraph--type--sha .contenu .textes .sha__field-texte-1, .page-node-type-accueil .header .header_contenu .accueil__field-hs .field__item .paragraph--type--sha .contenu .textes .sha__field-texte-1 {
  margin-bottom: 15px;
}
.path-frontpage .header .header_contenu .accueil__field-hs .field__item .paragraph--type--sha .contenu .textes .sha__field-texte-1 p, .page-node-type-accueil .header .header_contenu .accueil__field-hs .field__item .paragraph--type--sha .contenu .textes .sha__field-texte-1 p {
  color: #FFFFFF;
  font-family: Judson;
  font-size: 48px;
  letter-spacing: 0;
  line-height: 55px;
  margin-bottom: 10px;
}
.path-frontpage .header .header_contenu .accueil__field-hs .field__item .paragraph--type--sha .contenu .textes .sha__field-texte-1 p:last-child, .page-node-type-accueil .header .header_contenu .accueil__field-hs .field__item .paragraph--type--sha .contenu .textes .sha__field-texte-1 p:last-child {
  margin-bottom: 0px;
}
.path-frontpage .header .header_contenu .accueil__field-hs .field__item .paragraph--type--sha .contenu .textes .sha__field-texte-2 p, .page-node-type-accueil .header .header_contenu .accueil__field-hs .field__item .paragraph--type--sha .contenu .textes .sha__field-texte-2 p {
  color: #FFFFFF;
  font-family: "Helvetica Neue";
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 23px;
  margin-bottom: 10px;
}
.path-frontpage .header .header_contenu .accueil__field-hs .field__item .paragraph--type--sha .contenu .textes .sha__field-texte-2 p:last-child, .page-node-type-accueil .header .header_contenu .accueil__field-hs .field__item .paragraph--type--sha .contenu .textes .sha__field-texte-2 p:last-child {
  margin-bottom: 0px;
}
.path-frontpage .header .header_contenu .accueil__field-hs .field__item .paragraph--type--sha .contenu .sha__field-lien, .page-node-type-accueil .header .header_contenu .accueil__field-hs .field__item .paragraph--type--sha .contenu .sha__field-lien {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  position: relative;
  z-index: 10;
}
.path-frontpage .header .header_contenu .accueil__field-hs .field__item .paragraph--type--sha .contenu .sha__field-lien.trait:before, .page-node-type-accueil .header .header_contenu .accueil__field-hs .field__item .paragraph--type--sha .contenu .sha__field-lien.trait:before {
  display: none;
}
.path-frontpage .header .header_contenu .accueil__field-hs .field__item .paragraph--type--sha .contenu .sha__field-lien:before, .page-node-type-accueil .header .header_contenu .accueil__field-hs .field__item .paragraph--type--sha .contenu .sha__field-lien:before {
  height: 1px;
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  background-color: white;
  margin: 0px 15px;
  content: "";
}
.path-frontpage .header .header_contenu .accueil__field-hs .field__item .paragraph--type--sha .contenu .sha__field-lien a, .page-node-type-accueil .header .header_contenu .accueil__field-hs .field__item .paragraph--type--sha .contenu .sha__field-lien a {
  color: #000000;
  font-family: "Helvetica Neue";
  font-size: 13px;
  font-weight: bold;
  letter-spacing: 2px;
  line-height: 16px;
  padding: 15px 22px;
  background-color: #FFFFFF;
  -webkit-transition: 0.3s linear;
  transition: 0.3s linear;
  border: 1Px solid transparent;
  text-transform: uppercase;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.path-frontpage .header .header_contenu .accueil__field-hs .field__item .paragraph--type--sha .contenu .sha__field-lien a:active, .path-frontpage .header .header_contenu .accueil__field-hs .field__item .paragraph--type--sha .contenu .sha__field-lien a:focus, .page-node-type-accueil .header .header_contenu .accueil__field-hs .field__item .paragraph--type--sha .contenu .sha__field-lien a:active, .page-node-type-accueil .header .header_contenu .accueil__field-hs .field__item .paragraph--type--sha .contenu .sha__field-lien a:focus {
  border: 1Px solid transparent !important;
}
@media (min-width: 769px) {
  .path-frontpage .header .header_contenu .accueil__field-hs .field__item .paragraph--type--sha .contenu .sha__field-lien a:hover, .page-node-type-accueil .header .header_contenu .accueil__field-hs .field__item .paragraph--type--sha .contenu .sha__field-lien a:hover {
    border: 1Px solid #000000;
    color: #FFFFFF;
    background-color: #000000;
  }
  .path-frontpage .header .header_contenu .accueil__field-hs .field__item .paragraph--type--sha .contenu .sha__field-lien a:active, .path-frontpage .header .header_contenu .accueil__field-hs .field__item .paragraph--type--sha .contenu .sha__field-lien a:focus, .page-node-type-accueil .header .header_contenu .accueil__field-hs .field__item .paragraph--type--sha .contenu .sha__field-lien a:active, .page-node-type-accueil .header .header_contenu .accueil__field-hs .field__item .paragraph--type--sha .contenu .sha__field-lien a:focus {
    border: 1Px solid #000000 !important;
  }
}
.path-frontpage .container_p1, .page-node-type-accueil .container_p1 {
  position: relative;
  z-index: 2;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 100px;
}
.path-frontpage .container_p1 .accueil__field-p1, .page-node-type-accueil .container_p1 .accueil__field-p1 {
  width: 100%;
  max-width: 715px;
  padding: 0px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.path-frontpage .container_p1 .accueil__field-p1 .field__item, .page-node-type-accueil .container_p1 .accueil__field-p1 .field__item {
  width: 100%;
}
.path-frontpage .container_p1 .accueil__field-p1 .field__item .paragraph--type--dt, .page-node-type-accueil .container_p1 .accueil__field-p1 .field__item .paragraph--type--dt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.path-frontpage .container_p1 .accueil__field-p1 .field__item .paragraph--type--dt .dt__field-texte-1, .page-node-type-accueil .container_p1 .accueil__field-p1 .field__item .paragraph--type--dt .dt__field-texte-1 {
  margin-bottom: 25px;
}
.path-frontpage .container_p1 .accueil__field-p1 .field__item .paragraph--type--dt .dt__field-texte-1 p, .page-node-type-accueil .container_p1 .accueil__field-p1 .field__item .paragraph--type--dt .dt__field-texte-1 p {
  color: #000000;
  font-family: Judson;
  font-size: 38px;
  letter-spacing: 0;
  line-height: 43px;
  margin-bottom: 10px;
  text-align: center;
}
.path-frontpage .container_p1 .accueil__field-p1 .field__item .paragraph--type--dt .dt__field-texte-1 p:last-child, .page-node-type-accueil .container_p1 .accueil__field-p1 .field__item .paragraph--type--dt .dt__field-texte-1 p:last-child {
  margin-bottom: 0px;
}
.path-frontpage .container_p1 .accueil__field-p1 .field__item .paragraph--type--dt .dt__field-texte-2, .page-node-type-accueil .container_p1 .accueil__field-p1 .field__item .paragraph--type--dt .dt__field-texte-2 {
  width: 75%;
}
.path-frontpage .container_p1 .accueil__field-p1 .field__item .paragraph--type--dt .dt__field-texte-2 p, .page-node-type-accueil .container_p1 .accueil__field-p1 .field__item .paragraph--type--dt .dt__field-texte-2 p {
  color: #9B9B9B;
  font-family: "Helvetica Neue";
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 23px;
  margin-bottom: 10px;
  text-align: center;
}
.path-frontpage .container_p1 .accueil__field-p1 .field__item .paragraph--type--dt .dt__field-texte-2 p:last-child, .page-node-type-accueil .container_p1 .accueil__field-p1 .field__item .paragraph--type--dt .dt__field-texte-2 p:last-child {
  margin-bottom: 0px;
}
.path-frontpage .contenu_logos, .page-node-type-accueil .contenu_logos {
  width: 100%;
  margin-bottom: 200px;
  background-color: #F4F2ED;
  padding: 110px 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.path-frontpage .contenu_logos .accueil__field-images, .page-node-type-accueil .contenu_logos .accueil__field-images {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 1074px;
  width: 100%;
}
.path-frontpage .contenu_logos .accueil__field-images .field__item, .page-node-type-accueil .contenu_logos .accueil__field-images .field__item {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  max-width: 190px;
  margin-right: 20px;
}
.path-frontpage .contenu_logos .accueil__field-images .field__item:last-child, .page-node-type-accueil .contenu_logos .accueil__field-images .field__item:last-child {
  margin-right: 0px;
}
.path-frontpage .contenu_logos .accueil__field-images .field__item > div, .page-node-type-accueil .contenu_logos .accueil__field-images .field__item > div {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.path-frontpage .contenu_logos .accueil__field-images .field__item > div .image__field-media-image, .page-node-type-accueil .contenu_logos .accueil__field-images .field__item > div .image__field-media-image {
  width: 100%;
  height: auto;
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.path-frontpage .contenu_logos .accueil__field-images .field__item > div .image__field-media-image img, .page-node-type-accueil .contenu_logos .accueil__field-images .field__item > div .image__field-media-image img {
  width: 100%;
  max-height: 150px;
  height: auto;
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
}
.path-frontpage .container_gamme, .page-node-type-accueil .container_gamme {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 200px;
}
.path-frontpage .container_gamme h3, .page-node-type-accueil .container_gamme h3 {
  color: #000000;
  font-family: Judson;
  font-size: 38px;
  letter-spacing: 0;
  line-height: 43px;
  text-align: center;
  position: relative;
  z-index: 4;
}
.path-frontpage .container_gamme .contenu_gamme, .page-node-type-accueil .container_gamme .contenu_gamme {
  width: 100%;
}
.path-frontpage .container_gamme .contenu_gamme .accueil__field-image, .page-node-type-accueil .container_gamme .contenu_gamme .accueil__field-image {
  width: 100%;
  position: relative;
  z-index: 3;
  margin-top: -21Px;
}
.path-frontpage .container_gamme .contenu_gamme .accueil__field-image > div, .page-node-type-accueil .container_gamme .contenu_gamme .accueil__field-image > div {
  width: 100%;
}
.path-frontpage .container_gamme .contenu_gamme .accueil__field-image > div .image__field-media-image, .page-node-type-accueil .container_gamme .contenu_gamme .accueil__field-image > div .image__field-media-image {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.path-frontpage .container_gamme .contenu_gamme .accueil__field-image > div .image__field-media-image img, .page-node-type-accueil .container_gamme .contenu_gamme .accueil__field-image > div .image__field-media-image img {
  height: 240px;
  width: auto;
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
}
.path-frontpage .container_gamme .contenu_gamme .field--name-field-vue-gammes, .page-node-type-accueil .container_gamme .contenu_gamme .field--name-field-vue-gammes {
  width: 100%;
  margin-top: -35Px;
  position: relative;
  z-index: 2;
}
.path-frontpage .container_gamme .contenu_gamme .field--name-field-vue-gammes .field__item, .page-node-type-accueil .container_gamme .contenu_gamme .field--name-field-vue-gammes .field__item {
  height: 100%;
  width: 100%;
}
.path-frontpage .container_gamme .contenu_gamme .field--name-field-vue-gammes .field__item .views-element-container, .page-node-type-accueil .container_gamme .contenu_gamme .field--name-field-vue-gammes .field__item .views-element-container {
  height: 100%;
  width: 100%;
}
.path-frontpage .container_gamme .contenu_gamme .field--name-field-vue-gammes .field__item .views-element-container div[class*=js-view-dom-id], .page-node-type-accueil .container_gamme .contenu_gamme .field--name-field-vue-gammes .field__item .views-element-container div[class*=js-view-dom-id] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 3;
  height: 100%;
  width: 100%;
}
.path-frontpage .container_gamme .contenu_gamme .field--name-field-vue-gammes .field__item .views-element-container div[class*=js-view-dom-id] .container_rows, .page-node-type-accueil .container_gamme .contenu_gamme .field--name-field-vue-gammes .field__item .views-element-container div[class*=js-view-dom-id] .container_rows {
  width: 100%;
  height: 100%;
  /* 	display: flex;
  	align-items: stretch;    */
  display: grid;
  grid-template-rows: repeat(2, 1fr);
  grid-template-columns: repeat(3, 1fr);
}
.path-frontpage .container_gamme .contenu_gamme .field--name-field-vue-gammes .field__item .views-element-container div[class*=js-view-dom-id] .container_rows .views-row, .page-node-type-accueil .container_gamme .contenu_gamme .field--name-field-vue-gammes .field__item .views-element-container div[class*=js-view-dom-id] .container_rows .views-row {
  height: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative;
  z-index: 2;
  /* 									&:before{
  										@include overlay;
  										background-color: rgba(0,0,0,0.5);
  										z-index: -1;
  										transition : .3s linear;
  									}
  									&.cached{
  										@media(min-width:769px){
  											&:before{
  												background-color: rgba(0,0,0,0.65);
  											}
  										}
  									}
  									@media(min-width:769px){
  										&:hover{
  											.views-field-field-image{
  												.field-content{
  													& > div{
  														.image__field-media-image{
  															img{
  																transform:scale(1.1);
  															}
  														}
  													}
  												}
  											}
  											.views-field-fieldset{
  												.field-content{
  													.bas{
  														.views-field-field-texte-court{
  															.field-content{
  																color: #000000;
  																background-color: #FFFFFF;
  															}
  														}
  													}
  												}
  											}
  										}
  									}
  									&:last-child{
  										border-right: unset;
  									}
  									.views-field-field-background{
  										position: absolute;
  										top: 0;
  										left: 0;
  										width: 100%;
  										height: 100%;
  										z-index: -2;
  										.field-content{
  											width: 100%;
  											height: 100%;
  											img{
  												width: 100%;
  												height: 100%;
  												object-fit: cover;
  												z-index: -1;
  											}
  										}
  									}
  									.views-field-view-node{
  										position:absolute;
  										top:0;
  										left:0;
  										width: 100%;
  										height: 100%;
  										display: block;
  										z-index: 5;
  										.field-content{
  											width: 100%;
  											height: 100%;
  											display: block;
  											a{
  												width: 100%;
  												height: 100%;
  												display: block;
  												color:transparent;
  												font-size: 0px;
  											}
  										}
  									}
  									.views-field-field-image{
  										width: 100%;
  										@include frc;
  										flex-grow: 1;
  										.field-content{
  											width: 100%;
  											height: 100%;
  											@include frc;
  											& > div{
  												width: 100%;
  												height: 100%;
  												.image__field-media-image{
  													width: 100%;
  													height: 100%;
  													display: flex;
  													justify-content: center;
  													align-items: center;
  													img{
  														min-width: 150px;
  														width: 50%;
  														height: auto;
  														object-fit: contain;
  														display: block;
  														transition : .3s linear;
  														max-height: 180px;
  													}
  												}
  											}
  										}
  									}
  									.views-field-fieldset{
  										width: 100%;
  										.field-content{
  											display:flex;
  											width: 100%;
  											.bas{
  												display: flex;
  												flex-direction: column;
  												align-items: center;
  												width: 100%;
  												.views-field-field-texte-court{
  													@include frc;
  													width: 100%;
  													.field-content{
  														@include frc;
  														@include btn_blanc_transparent;
  														transition : .3s linear;
  													}
  												}
  											}
  										}
  									} */
}
.path-frontpage .container_gamme .contenu_gamme .field--name-field-vue-gammes .field__item .views-element-container div[class*=js-view-dom-id] .container_rows .views-row:last-child, .page-node-type-accueil .container_gamme .contenu_gamme .field--name-field-vue-gammes .field__item .views-element-container div[class*=js-view-dom-id] .container_rows .views-row:last-child {
  grid-row: 1/3;
  grid-column: 3/3;
}
.path-frontpage .container_gamme .contenu_gamme .field--name-field-vue-gammes .field__item .views-element-container div[class*=js-view-dom-id] .container_rows .views-row:last-child article, .page-node-type-accueil .container_gamme .contenu_gamme .field--name-field-vue-gammes .field__item .views-element-container div[class*=js-view-dom-id] .container_rows .views-row:last-child article {
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
  padding: 48px 56px 77px !important;
}
.path-frontpage .container_gamme .contenu_gamme .field--name-field-vue-gammes .field__item .views-element-container div[class*=js-view-dom-id] .container_rows .views-row article, .page-node-type-accueil .container_gamme .contenu_gamme .field--name-field-vue-gammes .field__item .views-element-container div[class*=js-view-dom-id] .container_rows .views-row article {
  width: 100%;
  height: 100%;
}
.path-frontpage .container_gamme .contenu_gamme .field--name-field-vue-gammes .field__item .views-element-container div[class*=js-view-dom-id] footer, .page-node-type-accueil .container_gamme .contenu_gamme .field--name-field-vue-gammes .field__item .views-element-container div[class*=js-view-dom-id] footer {
  width: 100%;
  margin-top: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow-x: unset;
}
.path-frontpage .container_gamme .contenu_gamme .field--name-field-vue-gammes .field__item .views-element-container div[class*=js-view-dom-id] footer .contenu_footer, .page-node-type-accueil .container_gamme .contenu_gamme .field--name-field-vue-gammes .field__item .views-element-container div[class*=js-view-dom-id] footer .contenu_footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.path-frontpage .container_gamme .contenu_gamme .field--name-field-vue-gammes .field__item .views-element-container div[class*=js-view-dom-id] footer .contenu_footer a, .page-node-type-accueil .container_gamme .contenu_gamme .field--name-field-vue-gammes .field__item .views-element-container div[class*=js-view-dom-id] footer .contenu_footer a {
  color: #000000;
  font-family: "Helvetica Neue";
  font-size: 13px;
  font-weight: bold;
  letter-spacing: 2px;
  line-height: 16px;
  padding: 15px 22px;
  background-color: #FFFFFF;
  -webkit-transition: 0.3s linear;
  transition: 0.3s linear;
  border: 1Px solid transparent;
  text-transform: uppercase;
  border: 1px solid black;
}
.path-frontpage .container_gamme .contenu_gamme .field--name-field-vue-gammes .field__item .views-element-container div[class*=js-view-dom-id] footer .contenu_footer a:active, .path-frontpage .container_gamme .contenu_gamme .field--name-field-vue-gammes .field__item .views-element-container div[class*=js-view-dom-id] footer .contenu_footer a:focus, .page-node-type-accueil .container_gamme .contenu_gamme .field--name-field-vue-gammes .field__item .views-element-container div[class*=js-view-dom-id] footer .contenu_footer a:active, .page-node-type-accueil .container_gamme .contenu_gamme .field--name-field-vue-gammes .field__item .views-element-container div[class*=js-view-dom-id] footer .contenu_footer a:focus {
  border: 1Px solid transparent !important;
}
@media (min-width: 769px) {
  .path-frontpage .container_gamme .contenu_gamme .field--name-field-vue-gammes .field__item .views-element-container div[class*=js-view-dom-id] footer .contenu_footer a:hover, .page-node-type-accueil .container_gamme .contenu_gamme .field--name-field-vue-gammes .field__item .views-element-container div[class*=js-view-dom-id] footer .contenu_footer a:hover {
    border: 1Px solid #000000;
    color: #FFFFFF;
    background-color: #000000;
  }
  .path-frontpage .container_gamme .contenu_gamme .field--name-field-vue-gammes .field__item .views-element-container div[class*=js-view-dom-id] footer .contenu_footer a:active, .path-frontpage .container_gamme .contenu_gamme .field--name-field-vue-gammes .field__item .views-element-container div[class*=js-view-dom-id] footer .contenu_footer a:focus, .page-node-type-accueil .container_gamme .contenu_gamme .field--name-field-vue-gammes .field__item .views-element-container div[class*=js-view-dom-id] footer .contenu_footer a:active, .page-node-type-accueil .container_gamme .contenu_gamme .field--name-field-vue-gammes .field__item .views-element-container div[class*=js-view-dom-id] footer .contenu_footer a:focus {
    border: 1Px solid #000000 !important;
  }
}
.path-frontpage .container_slider_milieu, .page-node-type-accueil .container_slider_milieu {
  width: 100%;
  position: relative;
  max-width: 640px;
  padding: 0px 20px;
  margin: 0 auto;
}
.path-frontpage .container_slider_milieu .accueil__field-slider-contenu, .page-node-type-accueil .container_slider_milieu .accueil__field-slider-contenu {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 150px;
}
.path-frontpage .container_slider_milieu .accueil__field-slider-contenu .slick-list, .page-node-type-accueil .container_slider_milieu .accueil__field-slider-contenu .slick-list {
  width: 100%;
  margin-bottom: 40px;
}
.path-frontpage .container_slider_milieu .accueil__field-slider-contenu .slick-dots, .page-node-type-accueil .container_slider_milieu .accueil__field-slider-contenu .slick-dots {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.path-frontpage .container_slider_milieu .accueil__field-slider-contenu .slick-dots li, .page-node-type-accueil .container_slider_milieu .accueil__field-slider-contenu .slick-dots li {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 15px;
  cursor: pointer;
}
.path-frontpage .container_slider_milieu .accueil__field-slider-contenu .slick-dots li:last-child, .page-node-type-accueil .container_slider_milieu .accueil__field-slider-contenu .slick-dots li:last-child {
  margin-right: 0px;
}
.path-frontpage .container_slider_milieu .accueil__field-slider-contenu .slick-dots li button, .page-node-type-accueil .container_slider_milieu .accueil__field-slider-contenu .slick-dots li button {
  font-size: 0;
  border: unset;
  width: 16px;
  height: 16px;
  outline: 0;
  border-radius: 50%;
  background: unset;
  position: relative;
  padding: unset;
  -webkit-transition: 0.3s linear;
  transition: 0.3s linear;
  border: 1px solid #9B9B9B;
  position: relative;
  cursor: pointer;
}
.path-frontpage .container_slider_milieu .accueil__field-slider-contenu .slick-dots li button:before, .page-node-type-accueil .container_slider_milieu .accueil__field-slider-contenu .slick-dots li button:before {
  position: absolute;
  height: 6px;
  width: 6px;
  border-radius: 50%;
  background-color: #000000;
  content: "";
  top: 4px;
  left: 4px;
  opacity: 0;
  -webkit-transition: 0.3s linear;
  transition: 0.3s linear;
}
.path-frontpage .container_slider_milieu .accueil__field-slider-contenu .slick-dots li.slick-active button, .path-frontpage .container_slider_milieu .accueil__field-slider-contenu .slick-dots li:hover button, .path-frontpage .container_slider_milieu .accueil__field-slider-contenu .slick-dots li:active button, .page-node-type-accueil .container_slider_milieu .accueil__field-slider-contenu .slick-dots li.slick-active button, .page-node-type-accueil .container_slider_milieu .accueil__field-slider-contenu .slick-dots li:hover button, .page-node-type-accueil .container_slider_milieu .accueil__field-slider-contenu .slick-dots li:active button {
  border: 1px solid #000000 !important;
}
.path-frontpage .container_slider_milieu .accueil__field-slider-contenu .slick-dots li.slick-active button:before, .path-frontpage .container_slider_milieu .accueil__field-slider-contenu .slick-dots li:hover button:before, .path-frontpage .container_slider_milieu .accueil__field-slider-contenu .slick-dots li:active button:before, .page-node-type-accueil .container_slider_milieu .accueil__field-slider-contenu .slick-dots li.slick-active button:before, .page-node-type-accueil .container_slider_milieu .accueil__field-slider-contenu .slick-dots li:hover button:before, .page-node-type-accueil .container_slider_milieu .accueil__field-slider-contenu .slick-dots li:active button:before {
  opacity: 1;
}
.path-frontpage .container_slider_milieu .accueil__field-slider-contenu .field__item, .page-node-type-accueil .container_slider_milieu .accueil__field-slider-contenu .field__item {
  width: 100%;
}
.path-frontpage .container_slider_milieu .accueil__field-slider-contenu .field__item .paragraph--type--sha, .page-node-type-accueil .container_slider_milieu .accueil__field-slider-contenu .field__item .paragraph--type--sha {
  width: 100%;
}
.path-frontpage .container_slider_milieu .accueil__field-slider-contenu .field__item .paragraph--type--sha .contenu, .page-node-type-accueil .container_slider_milieu .accueil__field-slider-contenu .field__item .paragraph--type--sha .contenu {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
}
.path-frontpage .container_slider_milieu .accueil__field-slider-contenu .field__item .paragraph--type--sha .contenu .haut, .page-node-type-accueil .container_slider_milieu .accueil__field-slider-contenu .field__item .paragraph--type--sha .contenu .haut {
  position: relative;
  width: 100%;
  margin-bottom: 40px;
}
.path-frontpage .container_slider_milieu .accueil__field-slider-contenu .field__item .paragraph--type--sha .contenu .haut .sha__field-image, .page-node-type-accueil .container_slider_milieu .accueil__field-slider-contenu .field__item .paragraph--type--sha .contenu .haut .sha__field-image {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.path-frontpage .container_slider_milieu .accueil__field-slider-contenu .field__item .paragraph--type--sha .contenu .haut .sha__field-image img, .page-node-type-accueil .container_slider_milieu .accueil__field-slider-contenu .field__item .paragraph--type--sha .contenu .haut .sha__field-image img {
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
  max-height: 400px;
}
.path-frontpage .container_slider_milieu .accueil__field-slider-contenu .field__item .paragraph--type--sha .contenu .haut .sha__field-image-1, .page-node-type-accueil .container_slider_milieu .accueil__field-slider-contenu .field__item .paragraph--type--sha .contenu .haut .sha__field-image-1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  cursor: pointer;
}
.path-frontpage .container_slider_milieu .accueil__field-slider-contenu .field__item .paragraph--type--sha .contenu .haut .sha__field-image-1:after, .page-node-type-accueil .container_slider_milieu .accueil__field-slider-contenu .field__item .paragraph--type--sha .contenu .haut .sha__field-image-1:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  height: 100px;
  width: 100px;
  -webkit-mask-image: url("/themes/custom/vivelys/assets/css/../img/icons/player.svg");
          mask-image: url("/themes/custom/vivelys/assets/css/../img/icons/player.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  background-color: white;
  z-index: 3;
  content: "";
  cursor: pointer;
  -webkit-transition: 0.3s linear;
  transition: 0.3s linear;
}
@media (min-width: 769px) {
  .path-frontpage .container_slider_milieu .accueil__field-slider-contenu .field__item .paragraph--type--sha .contenu .haut .sha__field-image-1:hover:after, .page-node-type-accueil .container_slider_milieu .accueil__field-slider-contenu .field__item .paragraph--type--sha .contenu .haut .sha__field-image-1:hover:after {
    background-color: #AA7B58;
  }
}
.path-frontpage .container_slider_milieu .accueil__field-slider-contenu .field__item .paragraph--type--sha .contenu .haut .sha__field-image-1.active, .page-node-type-accueil .container_slider_milieu .accueil__field-slider-contenu .field__item .paragraph--type--sha .contenu .haut .sha__field-image-1.active {
  display: none;
}
.path-frontpage .container_slider_milieu .accueil__field-slider-contenu .field__item .paragraph--type--sha .contenu .haut .sha__field-image-1.active:after, .page-node-type-accueil .container_slider_milieu .accueil__field-slider-contenu .field__item .paragraph--type--sha .contenu .haut .sha__field-image-1.active:after {
  display: none;
}
.path-frontpage .container_slider_milieu .accueil__field-slider-contenu .field__item .paragraph--type--sha .contenu .haut .sha__field-image-1 img, .page-node-type-accueil .container_slider_milieu .accueil__field-slider-contenu .field__item .paragraph--type--sha .contenu .haut .sha__field-image-1 img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.path-frontpage .container_slider_milieu .accueil__field-slider-contenu .field__item .paragraph--type--sha .contenu .haut .sha__field-video, .page-node-type-accueil .container_slider_milieu .accueil__field-slider-contenu .field__item .paragraph--type--sha .contenu .haut .sha__field-video {
  width: 100%;
  height: 100%;
}
.path-frontpage .container_slider_milieu .accueil__field-slider-contenu .field__item .paragraph--type--sha .contenu .haut .sha__field-video video, .page-node-type-accueil .container_slider_milieu .accueil__field-slider-contenu .field__item .paragraph--type--sha .contenu .haut .sha__field-video video {
  width: 100% !important;
  height: auto !important;
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
}
.path-frontpage .container_slider_milieu .accueil__field-slider-contenu .field__item .paragraph--type--sha .contenu .haut .sha__field-video video source, .page-node-type-accueil .container_slider_milieu .accueil__field-slider-contenu .field__item .paragraph--type--sha .contenu .haut .sha__field-video video source {
  width: 100%;
  height: auto;
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
}
.path-frontpage .container_slider_milieu .accueil__field-slider-contenu .field__item .paragraph--type--sha .contenu .textes, .page-node-type-accueil .container_slider_milieu .accueil__field-slider-contenu .field__item .paragraph--type--sha .contenu .textes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.path-frontpage .container_slider_milieu .accueil__field-slider-contenu .field__item .paragraph--type--sha .contenu .textes .sha__field-texte-1, .page-node-type-accueil .container_slider_milieu .accueil__field-slider-contenu .field__item .paragraph--type--sha .contenu .textes .sha__field-texte-1 {
  margin-bottom: 25px;
  width: 100%;
}
.path-frontpage .container_slider_milieu .accueil__field-slider-contenu .field__item .paragraph--type--sha .contenu .textes .sha__field-texte-1 p, .page-node-type-accueil .container_slider_milieu .accueil__field-slider-contenu .field__item .paragraph--type--sha .contenu .textes .sha__field-texte-1 p {
  color: #000000;
  font-family: Judson;
  font-size: 38px;
  letter-spacing: 0;
  line-height: 43px;
  margin-bottom: 10px;
  text-align: left;
}
.path-frontpage .container_slider_milieu .accueil__field-slider-contenu .field__item .paragraph--type--sha .contenu .textes .sha__field-texte-1 p:last-child, .page-node-type-accueil .container_slider_milieu .accueil__field-slider-contenu .field__item .paragraph--type--sha .contenu .textes .sha__field-texte-1 p:last-child {
  margin-bottom: 0px;
}
.path-frontpage .container_slider_milieu .accueil__field-slider-contenu .field__item .paragraph--type--sha .contenu .textes .sha__field-texte-2 p, .page-node-type-accueil .container_slider_milieu .accueil__field-slider-contenu .field__item .paragraph--type--sha .contenu .textes .sha__field-texte-2 p {
  color: #9B9B9B;
  font-family: "Helvetica Neue";
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 23px;
  margin-bottom: 10px;
}
.path-frontpage .container_slider_milieu .accueil__field-slider-contenu .field__item .paragraph--type--sha .contenu .textes .sha__field-texte-2 p:last-child, .page-node-type-accueil .container_slider_milieu .accueil__field-slider-contenu .field__item .paragraph--type--sha .contenu .textes .sha__field-texte-2 p:last-child {
  margin-bottom: 0px;
}
.path-frontpage .container_produits, .page-node-type-accueil .container_produits {
  max-width: 1280px;
  padding: 0px 20px;
  margin: 0 auto 200px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  z-index: 2;
}
.path-frontpage .container_produits h3, .page-node-type-accueil .container_produits h3 {
  color: #000000;
  font-family: Judson;
  font-size: 38px;
  letter-spacing: 0;
  line-height: 43px;
  text-align: center;
}
.path-frontpage .container_produits .accueil__field-texte-long, .page-node-type-accueil .container_produits .accueil__field-texte-long {
  margin-top: 25px;
  max-width: 706px;
  padding: 0px 20px;
}
.path-frontpage .container_produits .accueil__field-texte-long p, .page-node-type-accueil .container_produits .accueil__field-texte-long p {
  color: #9B9B9B;
  font-family: "Helvetica Neue";
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 23px;
  margin-bottom: 10px;
  text-align: center;
}
.path-frontpage .container_produits .accueil__field-texte-long p:last-child, .page-node-type-accueil .container_produits .accueil__field-texte-long p:last-child {
  margin-bottom: 0px;
}
.path-frontpage .container_produits .field--name-field-vue-produits, .page-node-type-accueil .container_produits .field--name-field-vue-produits {
  margin-top: 75px;
  width: 100%;
}
.path-frontpage .container_produits .field--name-field-vue-produits .field__item, .page-node-type-accueil .container_produits .field--name-field-vue-produits .field__item {
  width: 100%;
}
.path-frontpage .container_produits .field--name-field-vue-produits .field__item .views-element-container, .page-node-type-accueil .container_produits .field--name-field-vue-produits .field__item .views-element-container {
  width: 100%;
}
.path-frontpage .container_produits .field--name-field-vue-produits .field__item .views-element-container div[class*=js-view-dom], .page-node-type-accueil .container_produits .field--name-field-vue-produits .field__item .views-element-container div[class*=js-view-dom] {
  width: 100%;
}
.path-frontpage .container_produits .field--name-field-vue-produits .field__item .views-element-container div[class*=js-view-dom] .container_rows, .page-node-type-accueil .container_produits .field--name-field-vue-produits .field__item .views-element-container div[class*=js-view-dom] .container_rows {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.path-frontpage .container_produits .field--name-field-vue-produits .field__item .views-element-container div[class*=js-view-dom] .container_rows .slick-list, .page-node-type-accueil .container_produits .field--name-field-vue-produits .field__item .views-element-container div[class*=js-view-dom] .container_rows .slick-list {
  width: 100%;
}
.path-frontpage .container_produits .field--name-field-vue-produits .field__item .views-element-container div[class*=js-view-dom] .container_rows .slick-dots, .page-node-type-accueil .container_produits .field--name-field-vue-produits .field__item .views-element-container div[class*=js-view-dom] .container_rows .slick-dots {
  margin-top: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.path-frontpage .container_produits .field--name-field-vue-produits .field__item .views-element-container div[class*=js-view-dom] .container_rows .slick-dots li, .page-node-type-accueil .container_produits .field--name-field-vue-produits .field__item .views-element-container div[class*=js-view-dom] .container_rows .slick-dots li {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 20px;
}
.path-frontpage .container_produits .field--name-field-vue-produits .field__item .views-element-container div[class*=js-view-dom] .container_rows .slick-dots li:last-child, .page-node-type-accueil .container_produits .field--name-field-vue-produits .field__item .views-element-container div[class*=js-view-dom] .container_rows .slick-dots li:last-child {
  margin-right: 0px;
}
.path-frontpage .container_produits .field--name-field-vue-produits .field__item .views-element-container div[class*=js-view-dom] .container_rows .slick-dots li button, .page-node-type-accueil .container_produits .field--name-field-vue-produits .field__item .views-element-container div[class*=js-view-dom] .container_rows .slick-dots li button {
  font-size: 0;
  border: unset;
  width: 16px;
  height: 16px;
  outline: 0;
  border-radius: 50%;
  background: unset;
  position: relative;
  padding: unset;
  -webkit-transition: 0.3s linear;
  transition: 0.3s linear;
  border: 1px solid #9B9B9B;
  position: relative;
}
.path-frontpage .container_produits .field--name-field-vue-produits .field__item .views-element-container div[class*=js-view-dom] .container_rows .slick-dots li button:before, .page-node-type-accueil .container_produits .field--name-field-vue-produits .field__item .views-element-container div[class*=js-view-dom] .container_rows .slick-dots li button:before {
  position: absolute;
  height: 6px;
  width: 6px;
  border-radius: 50%;
  background-color: #000000;
  content: "";
  top: 4px;
  left: 4px;
  opacity: 0;
  -webkit-transition: 0.3s linear;
  transition: 0.3s linear;
}
.path-frontpage .container_produits .field--name-field-vue-produits .field__item .views-element-container div[class*=js-view-dom] .container_rows .slick-dots li.slick-active button, .path-frontpage .container_produits .field--name-field-vue-produits .field__item .views-element-container div[class*=js-view-dom] .container_rows .slick-dots li:hover button, .path-frontpage .container_produits .field--name-field-vue-produits .field__item .views-element-container div[class*=js-view-dom] .container_rows .slick-dots li:active button, .page-node-type-accueil .container_produits .field--name-field-vue-produits .field__item .views-element-container div[class*=js-view-dom] .container_rows .slick-dots li.slick-active button, .page-node-type-accueil .container_produits .field--name-field-vue-produits .field__item .views-element-container div[class*=js-view-dom] .container_rows .slick-dots li:hover button, .page-node-type-accueil .container_produits .field--name-field-vue-produits .field__item .views-element-container div[class*=js-view-dom] .container_rows .slick-dots li:active button {
  border: 1px solid #000000 !important;
}
.path-frontpage .container_produits .field--name-field-vue-produits .field__item .views-element-container div[class*=js-view-dom] .container_rows .slick-dots li.slick-active button:before, .path-frontpage .container_produits .field--name-field-vue-produits .field__item .views-element-container div[class*=js-view-dom] .container_rows .slick-dots li:hover button:before, .path-frontpage .container_produits .field--name-field-vue-produits .field__item .views-element-container div[class*=js-view-dom] .container_rows .slick-dots li:active button:before, .page-node-type-accueil .container_produits .field--name-field-vue-produits .field__item .views-element-container div[class*=js-view-dom] .container_rows .slick-dots li.slick-active button:before, .page-node-type-accueil .container_produits .field--name-field-vue-produits .field__item .views-element-container div[class*=js-view-dom] .container_rows .slick-dots li:hover button:before, .page-node-type-accueil .container_produits .field--name-field-vue-produits .field__item .views-element-container div[class*=js-view-dom] .container_rows .slick-dots li:active button:before {
  opacity: 1;
}
.path-frontpage .container_produits .field--name-field-vue-produits .field__item .views-element-container div[class*=js-view-dom] .container_rows .views-row, .page-node-type-accueil .container_produits .field--name-field-vue-produits .field__item .views-element-container div[class*=js-view-dom] .container_rows .views-row {
  width: 25%;
  margin-bottom: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  position: relative;
}
@media (min-width: 769px) {
  .path-frontpage .container_produits .field--name-field-vue-produits .field__item .views-element-container div[class*=js-view-dom] .container_rows .views-row:hover .views-field-title, .page-node-type-accueil .container_produits .field--name-field-vue-produits .field__item .views-element-container div[class*=js-view-dom] .container_rows .views-row:hover .views-field-title {
    background-color: #000000;
  }
  .path-frontpage .container_produits .field--name-field-vue-produits .field__item .views-element-container div[class*=js-view-dom] .container_rows .views-row:hover .views-field-title .field-content, .page-node-type-accueil .container_produits .field--name-field-vue-produits .field__item .views-element-container div[class*=js-view-dom] .container_rows .views-row:hover .views-field-title .field-content {
    border-left: 1px solid #9B9B9B;
    color: white;
  }
  .path-frontpage .container_produits .field--name-field-vue-produits .field__item .views-element-container div[class*=js-view-dom] .container_rows .views-row:hover .views-field-fieldset > .field-content .bas .views-field-field-texte-long, .page-node-type-accueil .container_produits .field--name-field-vue-produits .field__item .views-element-container div[class*=js-view-dom] .container_rows .views-row:hover .views-field-fieldset > .field-content .bas .views-field-field-texte-long {
    opacity: 1;
  }
  .path-frontpage .container_produits .field--name-field-vue-produits .field__item .views-element-container div[class*=js-view-dom] .container_rows .views-row:hover .views-field-fieldset > .field-content .bas .views-field-field-texte-long .field-content, .page-node-type-accueil .container_produits .field--name-field-vue-produits .field__item .views-element-container div[class*=js-view-dom] .container_rows .views-row:hover .views-field-fieldset > .field-content .bas .views-field-field-texte-long .field-content {
    border-left: 1px solid #9B9B9B;
  }
}
.path-frontpage .container_produits .field--name-field-vue-produits .field__item .views-element-container div[class*=js-view-dom] .container_rows .views-row .views-field-view-node, .page-node-type-accueil .container_produits .field--name-field-vue-produits .field__item .views-element-container div[class*=js-view-dom] .container_rows .views-row .views-field-view-node {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 5;
}
.path-frontpage .container_produits .field--name-field-vue-produits .field__item .views-element-container div[class*=js-view-dom] .container_rows .views-row .views-field-view-node .field-content, .page-node-type-accueil .container_produits .field--name-field-vue-produits .field__item .views-element-container div[class*=js-view-dom] .container_rows .views-row .views-field-view-node .field-content {
  width: 100%;
  height: 100%;
  display: block;
}
.path-frontpage .container_produits .field--name-field-vue-produits .field__item .views-element-container div[class*=js-view-dom] .container_rows .views-row .views-field-view-node .field-content a, .page-node-type-accueil .container_produits .field--name-field-vue-produits .field__item .views-element-container div[class*=js-view-dom] .container_rows .views-row .views-field-view-node .field-content a {
  width: 100%;
  height: 100%;
  display: block;
  color: transparent;
  font-size: 0px;
}
.path-frontpage .container_produits .field--name-field-vue-produits .field__item .views-element-container div[class*=js-view-dom] .container_rows .views-row .views-field-title, .page-node-type-accueil .container_produits .field--name-field-vue-produits .field__item .views-element-container div[class*=js-view-dom] .container_rows .views-row .views-field-title {
  height: 100px;
  width: 100%;
  background-color: #F4F2ED;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 25px 20px 20px 45px;
  -webkit-transition: 0.3s linear;
  transition: 0.3s linear;
}
.path-frontpage .container_produits .field--name-field-vue-produits .field__item .views-element-container div[class*=js-view-dom] .container_rows .views-row .views-field-title .field-content, .page-node-type-accueil .container_produits .field--name-field-vue-produits .field__item .views-element-container div[class*=js-view-dom] .container_rows .views-row .views-field-title .field-content {
  color: #000000;
  font-family: Judson;
  font-size: 24px;
  letter-spacing: 0;
  line-height: 28px;
  padding-left: 15px;
  height: 100%;
  border-left: 1px solid transparent;
  -webkit-transition: 0.3s linear;
  transition: 0.3s linear;
}
@media (max-width: 768px) {
  .path-frontpage .container_produits .field--name-field-vue-produits .field__item .views-element-container div[class*=js-view-dom] .container_rows .views-row .views-field-title, .page-node-type-accueil .container_produits .field--name-field-vue-produits .field__item .views-element-container div[class*=js-view-dom] .container_rows .views-row .views-field-title {
    padding: 25px 20px 45px;
  }
  .path-frontpage .container_produits .field--name-field-vue-produits .field__item .views-element-container div[class*=js-view-dom] .container_rows .views-row .views-field-title .field-content, .page-node-type-accueil .container_produits .field--name-field-vue-produits .field__item .views-element-container div[class*=js-view-dom] .container_rows .views-row .views-field-title .field-content {
    font-size: 20px;
    padding-left: 10px;
  }
}
.path-frontpage .container_produits .field--name-field-vue-produits .field__item .views-element-container div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset, .page-node-type-accueil .container_produits .field--name-field-vue-produits .field__item .views-element-container div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset {
  width: calc(100% - 30px);
  height: 320px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: -20px;
}
@media (max-width: 1024px) {
  .path-frontpage .container_produits .field--name-field-vue-produits .field__item .views-element-container div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset, .page-node-type-accueil .container_produits .field--name-field-vue-produits .field__item .views-element-container div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset {
    height: 280px;
  }
}
@media (max-width: 768px) {
  .path-frontpage .container_produits .field--name-field-vue-produits .field__item .views-element-container div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset, .page-node-type-accueil .container_produits .field--name-field-vue-produits .field__item .views-element-container div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset {
    height: 220px;
  }
}
.path-frontpage .container_produits .field--name-field-vue-produits .field__item .views-element-container div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset > .field-content, .page-node-type-accueil .container_produits .field--name-field-vue-produits .field__item .views-element-container div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset > .field-content {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.path-frontpage .container_produits .field--name-field-vue-produits .field__item .views-element-container div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset > .field-content .bas, .page-node-type-accueil .container_produits .field--name-field-vue-produits .field__item .views-element-container div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset > .field-content .bas {
  width: 100%;
  height: 100%;
  position: relative;
}
.path-frontpage .container_produits .field--name-field-vue-produits .field__item .views-element-container div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset > .field-content .bas .views-field-field-image, .page-node-type-accueil .container_produits .field--name-field-vue-produits .field__item .views-element-container div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset > .field-content .bas .views-field-field-image {
  width: 100%;
  height: 100%;
}
.path-frontpage .container_produits .field--name-field-vue-produits .field__item .views-element-container div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset > .field-content .bas .views-field-field-image > .field-content, .page-node-type-accueil .container_produits .field--name-field-vue-produits .field__item .views-element-container div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset > .field-content .bas .views-field-field-image > .field-content {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.path-frontpage .container_produits .field--name-field-vue-produits .field__item .views-element-container div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset > .field-content .bas .views-field-field-image > .field-content > div, .page-node-type-accueil .container_produits .field--name-field-vue-produits .field__item .views-element-container div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset > .field-content .bas .views-field-field-image > .field-content > div {
  width: 100%;
  height: 100%;
  background-color: #F6F6F6;
}
.path-frontpage .container_produits .field--name-field-vue-produits .field__item .views-element-container div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset > .field-content .bas .views-field-field-image > .field-content > div .image__field-media-image, .page-node-type-accueil .container_produits .field--name-field-vue-produits .field__item .views-element-container div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset > .field-content .bas .views-field-field-image > .field-content > div .image__field-media-image {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.path-frontpage .container_produits .field--name-field-vue-produits .field__item .views-element-container div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset > .field-content .bas .views-field-field-image > .field-content > div .image__field-media-image img, .page-node-type-accueil .container_produits .field--name-field-vue-produits .field__item .views-element-container div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset > .field-content .bas .views-field-field-image > .field-content > div .image__field-media-image img {
  width: 100%;
  height: auto;
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
  max-height: 100%;
}
@media (max-width: 768px) {
  .path-frontpage .container_produits .field--name-field-vue-produits .field__item .views-element-container div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset > .field-content .bas .views-field-field-image > .field-content > div .image__field-media-image img, .page-node-type-accueil .container_produits .field--name-field-vue-produits .field__item .views-element-container div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset > .field-content .bas .views-field-field-image > .field-content > div .image__field-media-image img {
    height: 100%;
  }
}
.path-frontpage .container_produits .field--name-field-vue-produits .field__item .views-element-container div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset > .field-content .bas .views-field-field-texte-long, .page-node-type-accueil .container_produits .field--name-field-vue-produits .field__item .views-element-container div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset > .field-content .bas .views-field-field-texte-long {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.75);
  padding: 0px 15px 15px 30px;
  opacity: 0;
  -webkit-transition: 0.3s linear;
  transition: 0.3s linear;
}
.path-frontpage .container_produits .field--name-field-vue-produits .field__item .views-element-container div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset > .field-content .bas .views-field-field-texte-long .field-content, .page-node-type-accueil .container_produits .field--name-field-vue-produits .field__item .views-element-container div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset > .field-content .bas .views-field-field-texte-long .field-content {
  display: block;
  position: relative;
  z-index: 2;
  -webkit-transition: 0.3s linear;
  transition: 0.3s linear;
  border-left: 1px solid transparent;
  padding-left: 15px;
}
.path-frontpage .container_produits .field--name-field-vue-produits .field__item .views-element-container div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset > .field-content .bas .views-field-field-texte-long .field-content p, .page-node-type-accueil .container_produits .field--name-field-vue-produits .field__item .views-element-container div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset > .field-content .bas .views-field-field-texte-long .field-content p {
  color: #9B9B9B;
  font-family: "Helvetica Neue";
  font-size: 20px;
  letter-spacing: 1.5px;
  line-height: 28px;
  margin-bottom: 10px;
}
.path-frontpage .container_produits .field--name-field-vue-produits .field__item .views-element-container div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset > .field-content .bas .views-field-field-texte-long .field-content p:last-child, .page-node-type-accueil .container_produits .field--name-field-vue-produits .field__item .views-element-container div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset > .field-content .bas .views-field-field-texte-long .field-content p:last-child {
  margin-bottom: 0px;
}
.path-frontpage .container_produits .field--name-field-vue-produits .field__item .views-element-container div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset > .field-content .bas .views-field-field-texte-long .field-content p:first-child, .page-node-type-accueil .container_produits .field--name-field-vue-produits .field__item .views-element-container div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset > .field-content .bas .views-field-field-texte-long .field-content p:first-child {
  padding-top: 10px;
}
.path-frontpage .container_produits .field--name-field-vue-produits .field__item .views-element-container div[class*=js-view-dom] footer, .page-node-type-accueil .container_produits .field--name-field-vue-produits .field__item .views-element-container div[class*=js-view-dom] footer {
  width: 100%;
  margin-top: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow-x: unset;
}
.path-frontpage .container_produits .field--name-field-vue-produits .field__item .views-element-container div[class*=js-view-dom] footer .contenu_footer, .page-node-type-accueil .container_produits .field--name-field-vue-produits .field__item .views-element-container div[class*=js-view-dom] footer .contenu_footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.path-frontpage .container_produits .field--name-field-vue-produits .field__item .views-element-container div[class*=js-view-dom] footer .contenu_footer a, .page-node-type-accueil .container_produits .field--name-field-vue-produits .field__item .views-element-container div[class*=js-view-dom] footer .contenu_footer a {
  color: #000000;
  font-family: "Helvetica Neue";
  font-size: 13px;
  font-weight: bold;
  letter-spacing: 2px;
  line-height: 16px;
  padding: 15px 22px;
  background-color: #FFFFFF;
  -webkit-transition: 0.3s linear;
  transition: 0.3s linear;
  border: 1Px solid transparent;
  text-transform: uppercase;
  border: 1px solid black;
}
.path-frontpage .container_produits .field--name-field-vue-produits .field__item .views-element-container div[class*=js-view-dom] footer .contenu_footer a:active, .path-frontpage .container_produits .field--name-field-vue-produits .field__item .views-element-container div[class*=js-view-dom] footer .contenu_footer a:focus, .page-node-type-accueil .container_produits .field--name-field-vue-produits .field__item .views-element-container div[class*=js-view-dom] footer .contenu_footer a:active, .page-node-type-accueil .container_produits .field--name-field-vue-produits .field__item .views-element-container div[class*=js-view-dom] footer .contenu_footer a:focus {
  border: 1Px solid transparent !important;
}
@media (min-width: 769px) {
  .path-frontpage .container_produits .field--name-field-vue-produits .field__item .views-element-container div[class*=js-view-dom] footer .contenu_footer a:hover, .page-node-type-accueil .container_produits .field--name-field-vue-produits .field__item .views-element-container div[class*=js-view-dom] footer .contenu_footer a:hover {
    border: 1Px solid #000000;
    color: #FFFFFF;
    background-color: #000000;
  }
  .path-frontpage .container_produits .field--name-field-vue-produits .field__item .views-element-container div[class*=js-view-dom] footer .contenu_footer a:active, .path-frontpage .container_produits .field--name-field-vue-produits .field__item .views-element-container div[class*=js-view-dom] footer .contenu_footer a:focus, .page-node-type-accueil .container_produits .field--name-field-vue-produits .field__item .views-element-container div[class*=js-view-dom] footer .contenu_footer a:active, .page-node-type-accueil .container_produits .field--name-field-vue-produits .field__item .views-element-container div[class*=js-view-dom] footer .contenu_footer a:focus {
    border: 1Px solid #000000 !important;
  }
}
.path-frontpage .container_milieu, .page-node-type-accueil .container_milieu {
  width: 100%;
  padding: 0px 0px 150px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.path-frontpage .container_milieu .contenu_milieu, .page-node-type-accueil .container_milieu .contenu_milieu {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0Px 20px;
}
.path-frontpage .container_milieu .contenu_milieu .accueil__field-vid, .page-node-type-accueil .container_milieu .contenu_milieu .accueil__field-vid {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.path-frontpage .container_milieu .contenu_milieu .accueil__field-vid .paragraph--type--iv, .page-node-type-accueil .container_milieu .contenu_milieu .accueil__field-vid .paragraph--type--iv {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.path-frontpage .container_milieu .contenu_milieu .accueil__field-vid .paragraph--type--iv .iv__field-image, .page-node-type-accueil .container_milieu .contenu_milieu .accueil__field-vid .paragraph--type--iv .iv__field-image {
  width: 100%;
  position: relative;
  z-index: 2;
  height: 120px;
  max-width: 1440px;
}
.path-frontpage .container_milieu .contenu_milieu .accueil__field-vid .paragraph--type--iv .iv__field-image img, .page-node-type-accueil .container_milieu .contenu_milieu .accueil__field-vid .paragraph--type--iv .iv__field-image img {
  -webkit-filter: brightness(0.3);
          filter: brightness(0.3);
  height: auto;
  width: auto;
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
  max-width: 880px;
}
.path-frontpage .container_milieu .contenu_milieu .accueil__field-vid .paragraph--type--iv .contenu_video, .page-node-type-accueil .container_milieu .contenu_milieu .accueil__field-vid .paragraph--type--iv .contenu_video {
  width: 850px;
  height: 500px;
  position: relative;
  margin-top: -48px;
  z-index: 1;
  cursor: pointer;
}
.path-frontpage .container_milieu .contenu_milieu .accueil__field-vid .paragraph--type--iv .contenu_video .iv__field-image-1, .page-node-type-accueil .container_milieu .contenu_milieu .accueil__field-vid .paragraph--type--iv .contenu_video .iv__field-image-1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.path-frontpage .container_milieu .contenu_milieu .accueil__field-vid .paragraph--type--iv .contenu_video .iv__field-image-1 img, .page-node-type-accueil .container_milieu .contenu_milieu .accueil__field-vid .paragraph--type--iv .contenu_video .iv__field-image-1 img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.path-frontpage .container_milieu .contenu_milieu .accueil__field-vid .paragraph--type--iv .contenu_video .iv__field-video, .page-node-type-accueil .container_milieu .contenu_milieu .accueil__field-vid .paragraph--type--iv .contenu_video .iv__field-video {
  width: 100%;
  height: 100%;
}
.path-frontpage .container_milieu .contenu_milieu .accueil__field-vid .paragraph--type--iv .contenu_video .iv__field-video video, .page-node-type-accueil .container_milieu .contenu_milieu .accueil__field-vid .paragraph--type--iv .contenu_video .iv__field-video video {
  width: 100% !important;
  height: 100% !important;
}
.path-frontpage .container_milieu .contenu_milieu .accueil__field-vid .paragraph--type--iv .contenu_video .iv__field-video video source, .page-node-type-accueil .container_milieu .contenu_milieu .accueil__field-vid .paragraph--type--iv .contenu_video .iv__field-video video source {
  width: 100%;
  height: 100%;
}

.block--nombreechantillons {
  position: fixed;
  bottom: 25px;
  left: 0;
  right: 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  height: auto;
  z-index: 10;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
}
.block--nombreechantillons.liste {
  display: none !important;
}
.block--nombreechantillons .basic__body {
  height: 100%;
}
.block--nombreechantillons .basic__body.active .ec_contenu_liste {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}
.block--nombreechantillons .basic__body.active .ec_container {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}
.block--nombreechantillons .basic__body .ec_contenu_liste {
  background-color: white;
  max-height: 0px;
  overflow: hidden;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
  width: 100%;
}
.block--nombreechantillons .basic__body .ec_contenu_liste.panier {
  max-height: 800px;
}
.block--nombreechantillons .basic__body .ec_contenu_liste .ec_liste_produits {
  padding: 30px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.block--nombreechantillons .basic__body .ec_contenu_liste .ec_liste_produits .ec_titre_liste {
  color: #000000;
  font-family: Judson;
  font-size: 38px;
  letter-spacing: 0;
  line-height: 43px;
  margin-bottom: 20px;
}
.block--nombreechantillons .basic__body .ec_contenu_liste .ec_liste_produits .ec_barre_marron {
  height: 2px;
  width: 100px;
  background-color: #AA7B58;
  margin-bottom: 40px;
}
.block--nombreechantillons .basic__body .ec_contenu_liste .ec_liste_produits .ec_no_produits {
  color: #000000;
  font-family: "Helvetica Neue";
  font-size: 13px;
  font-weight: bold;
  letter-spacing: 2px;
  line-height: 16px;
  display: none;
  text-align: center;
  letter-spacing: 1px;
}
.block--nombreechantillons .basic__body .ec_contenu_liste .ec_liste_produits .ec_no_produits.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.block--nombreechantillons .basic__body .ec_contenu_liste .ec_liste_produits .ec_container_liste {
  display: none;
  width: 100%;
  padding: 0px 35px;
}
.block--nombreechantillons .basic__body .ec_contenu_liste .ec_liste_produits .ec_container_liste.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.block--nombreechantillons .basic__body .ec_contenu_liste .ec_liste_produits .ec_container_liste ul {
  padding: unset;
  margin: unset;
  list-style: none;
  width: 100%;
}
.block--nombreechantillons .basic__body .ec_contenu_liste .ec_liste_produits .ec_container_liste ul li {
  color: #000000;
  font-family: Judson;
  font-size: 24px;
  letter-spacing: 0;
  line-height: 28px;
  margin-bottom: 12px;
  letter-spacing: 0px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 30px;
  position: relative;
}
.block--nombreechantillons .basic__body .ec_contenu_liste .ec_liste_produits .ec_container_liste ul li:before {
  height: 10px;
  width: 10px;
  background-color: #AA7B58;
  border-radius: 50%;
  content: "";
  position: absolute;
  left: 0px;
  top: 9px;
}
.block--nombreechantillons .basic__body .ec_contenu_liste .ec_liste_produits .ec_container_liste ul li span:last-child {
  color: #AA7B58;
}
.block--nombreechantillons .basic__body .ec_contenu_liste .ec_liste_produits .ec_container_liste ul li:last-child {
  margin-bottom: 0px;
}
.block--nombreechantillons .basic__body .ec_contenu_liste .ec_liste_produits .ec_lien_commander {
  display: none;
  color: #FFFFFF;
  font-family: "Helvetica Neue";
  font-size: 13px;
  font-weight: bold;
  letter-spacing: 2px;
  line-height: 16px;
  padding: 15px 22px;
  background-color: #000000;
  border-radius: unset;
  -webkit-transition: 0.3s linear;
  transition: 0.3s linear;
  border: 1Px solid transparent;
  text-transform: uppercase;
  font-size: 13px;
  padding: 15px;
  width: 100%;
  margin-top: 60px;
  cursor: pointer;
  letter-spacing: 1px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
}
.block--nombreechantillons .basic__body .ec_contenu_liste .ec_liste_produits .ec_lien_commander:active, .block--nombreechantillons .basic__body .ec_contenu_liste .ec_liste_produits .ec_lien_commander:focus {
  border: 1Px solid transparent !important;
}
@media (min-width: 769px) {
  .block--nombreechantillons .basic__body .ec_contenu_liste .ec_liste_produits .ec_lien_commander:hover {
    border: 1Px solid #000000;
    color: #000000;
    background-color: white;
  }
  .block--nombreechantillons .basic__body .ec_contenu_liste .ec_liste_produits .ec_lien_commander:active, .block--nombreechantillons .basic__body .ec_contenu_liste .ec_liste_produits .ec_lien_commander:focus {
    border: 1Px solid #000000 !important;
  }
}
.block--nombreechantillons .basic__body .ec_contenu_liste .ec_liste_produits .ec_lien_commander.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.block--nombreechantillons .basic__body .ec_container {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  height: 100%;
  position: relative;
  overflow: hidden;
  width: 100%;
}
.block--nombreechantillons .basic__body .ec_container .ec_max {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: black;
  padding: 0px 25px;
  color: #FFFFFF;
  font-family: "Helvetica Neue";
  font-size: 13px;
  font-weight: bold;
  letter-spacing: 2px;
  line-height: 16px;
  line-height: 1;
  text-align: center;
  left: 101%;
  top: 0;
  -webkit-transition: 0.4s linear;
  transition: 0.4s linear;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 4;
}
.block--nombreechantillons .basic__body .ec_container .ec_max.active {
  left: 0%;
}
.block--nombreechantillons .basic__body .ec_container .ec_container_gauche {
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  background-color: white;
  border-radius: 3px 0 0 3px;
  width: 100%;
}
.block--nombreechantillons .basic__body .ec_container .ec_container_gauche .ec_nombre {
  width: 40px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #AA7B58;
  color: #FFFFFF;
  font-family: "Helvetica Neue";
  font-size: 24px;
  letter-spacing: 0;
  line-height: 29px;
  font-weight: bold;
}
.block--nombreechantillons .basic__body .ec_container .ec_container_gauche .ec_texte {
  color: #000000;
  font-family: "Helvetica Neue";
  font-size: 13px;
  font-weight: bold;
  letter-spacing: 2px;
  line-height: 16px;
  font-weight: bold;
  padding: 0px 25px;
  text-transform: uppercase;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.block--nombreechantillons .basic__body .ec_container .ec_container_droite {
  height: auto;
  background-color: black;
  border-radius: 0px 3px 3px 0px;
  color: #FFFFFF;
  font-family: "Helvetica Neue";
  font-size: 13px;
  font-weight: bold;
  letter-spacing: 2px;
  line-height: 16px;
  padding: 0px 25px;
  letter-spacing: 0.5px;
  white-space: nowrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.block--nombreechantillons .basic__body .ec_container .ec_container_droite .ec_nombre_restant {
  margin-right: 5px;
}
.block--nombreechantillons .basic__body .ec_container .ec_container_panier {
  height: auto;
  width: 60px;
  background-color: black;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}
.block--nombreechantillons .basic__body .ec_container .ec_container_panier .panier {
  width: 55%;
  height: 55%;
  background-color: white;
  -webkit-mask-image: url("/themes/custom/vivelys/assets/css/../img/icons/panier.svg");
          mask-image: url("/themes/custom/vivelys/assets/css/../img/icons/panier.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}

.page-node-type-contact {
  width: 100%;
  min-height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 115px;
  /*Webform autocompletion style*/
  /*

      #captcha {
        color: #9B9B9B;
        font-family: "Helvetica Neue";
        font-size: 13px;
        letter-spacing: 0.5px;
        line-height: 15px;
        text-align: start !important;
        .card-body {
          margin-top: 8px;

          .g-recaptcha {
            margin-top: 16px;
          }

        }

      } */
}
.page-node-type-contact .ui-autocomplete .ui-menu-item {
  border: none;
  padding: 15px 33px 13px 15px;
  color: #000000;
  font-family: "Helvetica Neue";
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 23px;
  background-color: white;
}
.page-node-type-contact .dialog-off-canvas-main-canvas {
  width: 100%;
}
.page-node-type-contact .dialog-off-canvas-main-canvas .contact {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.page-node-type-contact .dialog-off-canvas-main-canvas .contact .contact_b1 {
  padding-top: 120px;
  padding-bottom: 62px;
  background-color: #f4f2ed;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  max-width: 1240px;
  margin: 0 20px;
  padding: 120px 70px 62px 70px;
}
.page-node-type-contact .dialog-off-canvas-main-canvas .contact .contact_b1 .contact_b1_container {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.page-node-type-contact .dialog-off-canvas-main-canvas .contact .contact_b1 .contact_b1_container .contact_b1_adresses {
  text-align: left;
  width: calc(50% - 170px);
}
.page-node-type-contact .dialog-off-canvas-main-canvas .contact .contact_b1 .contact_b1_container .contact_b1_adresses .contact__field-texte-long-2,
.page-node-type-contact .dialog-off-canvas-main-canvas .contact .contact_b1 .contact_b1_container .contact_b1_adresses .contact__field-texte-long-3 {
  color: #000000;
  font-family: "Helvetica Neue";
  font-size: 20px;
  letter-spacing: 1.5px;
  line-height: 28px;
  text-transform: uppercase;
  font-weight: 700;
  padding-bottom: 10px;
}
.page-node-type-contact .dialog-off-canvas-main-canvas .contact .contact_b1 .contact_b1_container .contact_b1_adresses .contact__field-texte-long,
.page-node-type-contact .dialog-off-canvas-main-canvas .contact .contact_b1 .contact_b1_container .contact_b1_adresses .contact__field-texte-long-1 {
  color: #9B9B9B;
  font-family: "Helvetica Neue";
  font-size: 18px;
  letter-spacing: 2px;
  line-height: 23px;
  line-height: 28px;
}
.page-node-type-contact .dialog-off-canvas-main-canvas .contact .contact_b1 .contact_b1_container .contact_b1_adresses .adress_b1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.page-node-type-contact .dialog-off-canvas-main-canvas .contact .contact_b1 .contact_b1_container .contact_b1_adresses .adress_b1:before {
  -webkit-transition: 0.3s linear;
  transition: 0.3s linear;
  content: "";
  -webkit-mask-image: url("/themes/custom/vivelys/assets/css/../img/icons/pin.svg");
          mask-image: url("/themes/custom/vivelys/assets/css/../img/icons/pin.svg");
  width: 33px;
  height: 40px;
  margin: 10px 15px 0 0;
  background-color: #aa7b58;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}
.page-node-type-contact .dialog-off-canvas-main-canvas .contact .contact_b1 .contact_b1_container .contact_b1_adresses .adress_b1.adress_b1_pre {
  margin-bottom: 50px;
}
.page-node-type-contact .dialog-off-canvas-main-canvas .contact .contact_b1 .contact_b1_container .contact_b1_adresses .contact__field-lien {
  padding: 34px 0 0 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.page-node-type-contact .dialog-off-canvas-main-canvas .contact .contact_b1 .contact_b1_container .contact_b1_adresses .contact__field-lien .field__label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  color: #000000;
  font-family: "Helvetica Neue";
  font-size: 18px;
  letter-spacing: 2px;
  line-height: 23px;
  letter-spacing: 1px;
}
.page-node-type-contact .dialog-off-canvas-main-canvas .contact .contact_b1 .contact_b1_container .contact_b1_adresses .contact__field-lien .field__label__suffix {
  padding: 0 6px;
}
.page-node-type-contact .dialog-off-canvas-main-canvas .contact .contact_b1 .contact_b1_container .contact_b1_adresses .contact__field-lien .field__item a {
  color: #9B9B9B;
  font-family: "Helvetica Neue";
  font-size: 18px;
  letter-spacing: 2px;
  line-height: 23px;
}
.page-node-type-contact .dialog-off-canvas-main-canvas .contact .contact_b1 .contact_b1_container .contact_b1_adresses .contact__field-liens {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  padding: 10px 0 0 48px;
  color: transparent;
  font-size: 0px;
}
.page-node-type-contact .dialog-off-canvas-main-canvas .contact .contact_b1 .contact_b1_container .contact_b1_adresses .contact__field-liens a {
  margin-right: 20px;
  color: transparent;
  font-size: 0px;
  background-color: black;
  display: block;
  -webkit-transition: 0.3s linear;
  transition: 0.3s linear;
  height: 25px;
  display: block;
  width: 25px;
}
.page-node-type-contact .dialog-off-canvas-main-canvas .contact .contact_b1 .contact_b1_container .contact_b1_adresses .contact__field-liens a:hover {
  background-color: #AA7B58;
}
.page-node-type-contact .dialog-off-canvas-main-canvas .contact .contact_b1 .contact_b1_container .contact_b1_adresses .contact__field-liens a[href*=mail]:nth-child(1) {
  -webkit-mask-image: url("/themes/custom/vivelys/assets/css/../img/icons/mail.svg");
          mask-image: url("/themes/custom/vivelys/assets/css/../img/icons/mail.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  margin-top: 2px;
}
.page-node-type-contact .dialog-off-canvas-main-canvas .contact .contact_b1 .contact_b1_container .contact_b1_adresses .contact__field-liens a[href*="https://"]:nth-child(1) {
  -webkit-mask-image: url("/themes/custom/vivelys/assets/css/../img/icons/linkedin.svg");
          mask-image: url("/themes/custom/vivelys/assets/css/../img/icons/linkedin.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}
.page-node-type-contact .dialog-off-canvas-main-canvas .contact .contact_b1 .contact_b1_container .contact__webform {
  width: calc(50% + 170px);
  padding-right: 30px;
}
.page-node-type-contact .dialog-off-canvas-main-canvas .contact .contact_b1 .contact_b1_container .contact__webform label {
  text-align: left;
  color: #000000;
  font-family: "Helvetica Neue";
  font-size: 11px;
  font-weight: bold;
  letter-spacing: 2px;
  line-height: 13px;
  text-transform: uppercase;
  padding: 0 0 15px 15px;
}
.page-node-type-contact .dialog-off-canvas-main-canvas .contact .contact_b1 .contact_b1_container .contact__webform input,
.page-node-type-contact .dialog-off-canvas-main-canvas .contact .contact_b1 .contact_b1_container .contact__webform textarea {
  border: none;
  padding: 15px 33px 13px 15px;
  color: #000000;
  font-family: "Helvetica Neue";
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 23px;
}
.page-node-type-contact .dialog-off-canvas-main-canvas .contact .contact_b1 .contact_b1_container .contact__webform input::-webkit-input-placeholder, .page-node-type-contact .dialog-off-canvas-main-canvas .contact .contact_b1 .contact_b1_container .contact__webform textarea::-webkit-input-placeholder {
  color: #9B9B9B;
  font-family: "Helvetica Neue";
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 23px;
  letter-spacing: 1px;
  line-height: 18px;
}
.page-node-type-contact .dialog-off-canvas-main-canvas .contact .contact_b1 .contact_b1_container .contact__webform input::-moz-placeholder, .page-node-type-contact .dialog-off-canvas-main-canvas .contact .contact_b1 .contact_b1_container .contact__webform textarea::-moz-placeholder {
  color: #9B9B9B;
  font-family: "Helvetica Neue";
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 23px;
  letter-spacing: 1px;
  line-height: 18px;
}
.page-node-type-contact .dialog-off-canvas-main-canvas .contact .contact_b1 .contact_b1_container .contact__webform input:-ms-input-placeholder, .page-node-type-contact .dialog-off-canvas-main-canvas .contact .contact_b1 .contact_b1_container .contact__webform textarea:-ms-input-placeholder {
  color: #9B9B9B;
  font-family: "Helvetica Neue";
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 23px;
  letter-spacing: 1px;
  line-height: 18px;
}
.page-node-type-contact .dialog-off-canvas-main-canvas .contact .contact_b1 .contact_b1_container .contact__webform input::-ms-input-placeholder, .page-node-type-contact .dialog-off-canvas-main-canvas .contact .contact_b1 .contact_b1_container .contact__webform textarea::-ms-input-placeholder {
  color: #9B9B9B;
  font-family: "Helvetica Neue";
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 23px;
  letter-spacing: 1px;
  line-height: 18px;
}
.page-node-type-contact .dialog-off-canvas-main-canvas .contact .contact_b1 .contact_b1_container .contact__webform input::placeholder,
.page-node-type-contact .dialog-off-canvas-main-canvas .contact .contact_b1 .contact_b1_container .contact__webform textarea::placeholder {
  color: #9B9B9B;
  font-family: "Helvetica Neue";
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 23px;
  letter-spacing: 1px;
  line-height: 18px;
}
.page-node-type-contact .dialog-off-canvas-main-canvas .contact .contact_b1 .contact_b1_container .contact__webform .contact_form_section1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-column-gap: 20px;
     -moz-column-gap: 20px;
          column-gap: 20px;
  row-gap: 25px;
}
.page-node-type-contact .dialog-off-canvas-main-canvas .contact .contact_b1 .contact_b1_container .contact__webform .contact_form_section1 .form-item {
  width: calc(50% - 10px);
  position: relative;
}
.page-node-type-contact .dialog-off-canvas-main-canvas .contact .contact_b1 .contact_b1_container .contact__webform .contact_form_section1 .form-item input {
  max-width: 100%;
}
.page-node-type-contact .dialog-off-canvas-main-canvas .contact .contact_b1 .contact_b1_container .contact__webform .contact_form_section2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-column-gap: 20px;
     -moz-column-gap: 20px;
          column-gap: 20px;
  padding-top: 25px;
  margin-bottom: 24px;
  position: relative;
}
.page-node-type-contact .dialog-off-canvas-main-canvas .contact .contact_b1 .contact_b1_container .contact__webform .contact_form_section2 .contact_form_section2_1 {
  row-gap: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: calc(50% - 10px);
}
.page-node-type-contact .dialog-off-canvas-main-canvas .contact .contact_b1 .contact_b1_container .contact__webform .contact_form_section2 .contact_form_section2_1 .form-item {
  position: relative;
}
.page-node-type-contact .dialog-off-canvas-main-canvas .contact .contact_b1 .contact_b1_container .contact__webform .contact_form_section2 .contact_form_section2_1 .form-item input {
  max-width: 100%;
  min-width: 100%;
}
.page-node-type-contact .dialog-off-canvas-main-canvas .contact .contact_b1 .contact_b1_container .contact__webform .contact_form_section2 .contact_form_section2_2 {
  width: calc(50% - 10px);
}
.page-node-type-contact .dialog-off-canvas-main-canvas .contact .contact_b1 .contact_b1_container .contact__webform .contact_form_section2 .contact_form_section2_2 .form-item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
}
.page-node-type-contact .dialog-off-canvas-main-canvas .contact .contact_b1 .contact_b1_container .contact__webform .contact_form_section2 .contact_form_section2_2 .form-item textarea {
  max-width: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.page-node-type-contact .dialog-off-canvas-main-canvas .contact .contact_b1 .contact_b1_container .contact__webform .js-form-type-checkbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  color: #9B9B9B;
  font-family: "Helvetica Neue";
  font-size: 13px;
  letter-spacing: 0.5px;
  line-height: 15px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-bottom: 25px;
  -webkit-column-gap: 8px;
     -moz-column-gap: 8px;
          column-gap: 8px;
}
.page-node-type-contact .dialog-off-canvas-main-canvas .contact .contact_b1 .contact_b1_container .contact__webform .js-form-type-checkbox .description {
  font-size: 13px !important;
  text-align: left;
}
.page-node-type-contact .dialog-off-canvas-main-canvas .contact .contact_b1 .contact_b1_container .contact__webform .js-form-type-checkbox .description a {
  color: #9B9B9B;
  font-family: "Helvetica Neue";
  font-size: 13px;
  letter-spacing: 0.5px;
  line-height: 15px;
  text-decoration: underline !important;
}
.page-node-type-contact .dialog-off-canvas-main-canvas .contact .contact_b1 .contact_b1_container .contact__webform .js-form-type-checkbox input {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  position: relative;
  margin: unset;
}
.page-node-type-contact .dialog-off-canvas-main-canvas .contact .contact_b1 .contact_b1_container .contact__webform .js-form-type-checkbox input[type=checkbox] {
  accent-color: #f4f2ed;
}
.page-node-type-contact .dialog-off-canvas-main-canvas .contact .contact_b1 .contact_b1_container .contact__webform .captcha {
  border: unset;
  padding: unset;
  margin: unset;
  margin-bottom: 16px;
}
.page-node-type-contact .dialog-off-canvas-main-canvas .contact .contact_b1 .contact_b1_container .contact__webform .captcha > legend {
  display: none;
}
.page-node-type-contact .dialog-off-canvas-main-canvas .contact .contact_b1 .contact_b1_container .contact__webform .captcha .captcha__description {
  color: #9B9B9B;
  font-family: "Helvetica Neue";
  font-size: 13px;
  letter-spacing: 0.5px;
  line-height: 15px;
  text-align: left;
  margin-top: 8px;
}
.page-node-type-contact .dialog-off-canvas-main-canvas .contact .contact_b1 .contact_b1_container .contact__webform #edit-actions {
  text-align: right;
}
.page-node-type-contact .dialog-off-canvas-main-canvas .contact .contact_b1 .contact_b1_container .contact__webform #edit-actions input {
  padding-top: 25px;
  -webkit-transition: 0.75s linear;
  transition: 0.75s linear;
  background-color: #000000;
  text-transform: uppercase;
  color: #FFFFFF;
  font-family: "Helvetica Neue";
  font-size: 13px;
  font-weight: bold;
  letter-spacing: 2px;
  line-height: 16px;
  padding: 15px 22px;
  background-color: #000000;
  border-radius: unset;
  -webkit-transition: 0.3s linear;
  transition: 0.3s linear;
  border: 1Px solid transparent;
}
.page-node-type-contact .dialog-off-canvas-main-canvas .contact .contact_b1 .contact_b1_container .contact__webform #edit-actions input:active, .page-node-type-contact .dialog-off-canvas-main-canvas .contact .contact_b1 .contact_b1_container .contact__webform #edit-actions input:focus {
  border: 1Px solid transparent !important;
}
@media (min-width: 769px) {
  .page-node-type-contact .dialog-off-canvas-main-canvas .contact .contact_b1 .contact_b1_container .contact__webform #edit-actions input:hover {
    border: 1Px solid #000000;
    color: #000000;
    background-color: white;
  }
  .page-node-type-contact .dialog-off-canvas-main-canvas .contact .contact_b1 .contact_b1_container .contact__webform #edit-actions input:active, .page-node-type-contact .dialog-off-canvas-main-canvas .contact .contact_b1 .contact_b1_container .contact__webform #edit-actions input:focus {
    border: 1Px solid #000000 !important;
  }
}
.page-node-type-contact .dialog-off-canvas-main-canvas .contact .contact_b1 .contact_b1_container .contact__webform #edit-actions input:hover {
  background: transparent;
}
.page-node-type-contact .dialog-off-canvas-main-canvas .contact .contact_b2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 140px 25px 90px 25px;
  max-width: 936px;
  position: relative;
}
.page-node-type-contact .dialog-off-canvas-main-canvas .contact .contact_b2 .contact__field-image {
  height: 102px;
  position: absolute;
  top: -24px;
  right: -238px;
}
.page-node-type-contact .dialog-off-canvas-main-canvas .contact .contact_b2 .contact__field-texte-brut-4 {
  color: #000000;
  font-family: Judson;
  font-size: 38px;
  letter-spacing: 0;
  line-height: 43px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.page-node-type-contact .dialog-off-canvas-main-canvas .contact .contact_b2 .contact__field-texte-brut-4:before, .page-node-type-contact .dialog-off-canvas-main-canvas .contact .contact_b2 .contact__field-texte-brut-4:after {
  content: "";
  background-color: #aa7b58;
  height: 1px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.page-node-type-contact .dialog-off-canvas-main-canvas .contact .contact_b2 .contact__field-texte-brut-4:before {
  margin-right: 15px;
}
.page-node-type-contact .dialog-off-canvas-main-canvas .contact .contact_b2 .contact__field-texte-brut-4:after {
  margin-left: 15px;
}
.page-node-type-contact .dialog-off-canvas-main-canvas .contact .contact_b2 .contact_b2_adresses_internat {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  width: 100%;
  padding-top: 60px;
}
.page-node-type-contact .dialog-off-canvas-main-canvas .contact .contact_b2 .contact_b2_adresses_internat .bloc_adress_toggle {
  overflow: hidden;
  max-height: 0;
  height: auto;
}
.page-node-type-contact .dialog-off-canvas-main-canvas .contact .contact_b2 .contact_b2_adresses_internat .bloc_adress_displayed {
  max-height: 100% !important;
}
.page-node-type-contact .dialog-off-canvas-main-canvas .contact .contact_b2 .contact_b2_adresses_internat .adresses_det_internationales {
  width: 50%;
}
.page-node-type-contact .dialog-off-canvas-main-canvas .contact .contact_b2 .contact_b2_adresses_internat .adresses_det_internationales.adresses_det_fil {
  padding-left: 105px;
  padding-right: 20px;
}
.page-node-type-contact .dialog-off-canvas-main-canvas .contact .contact_b2 .contact_b2_adresses_internat .adresses_det_internationales > .contact__field-texte-brut-2, .page-node-type-contact .dialog-off-canvas-main-canvas .contact .contact_b2 .contact_b2_adresses_internat .adresses_det_internationales > .contact__field-texte-brut-3 {
  padding-bottom: 15px;
  color: #000000;
  font-family: "Helvetica Neue";
  font-size: 20px;
  letter-spacing: 1.5px;
  line-height: 28px;
  text-transform: uppercase;
  font-weight: 700;
}
.page-node-type-contact .dialog-off-canvas-main-canvas .contact .contact_b2 .contact_b2_adresses_internat .adresses_det_internationales .contact__field-adresses-filiales {
  padding-right: 2px;
}
.page-node-type-contact .dialog-off-canvas-main-canvas .contact .contact_b2 .contact_b2_adresses_internat .adresses_det_internationales .contact_b1_distrib_cols {
  padding-right: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.page-node-type-contact .dialog-off-canvas-main-canvas .contact .contact_b2 .contact_b2_adresses_internat .adresses_det_internationales .contact_b1_distrib_cols .contact__contact__field-distributeur .field__item, .page-node-type-contact .dialog-off-canvas-main-canvas .contact .contact_b2 .contact_b2_adresses_internat .adresses_det_internationales .contact_b1_distrib_cols .contact__contact__field-distributeur .field__item {
  padding-right: 20px;
}
.page-node-type-contact .dialog-off-canvas-main-canvas .contact .contact_b2 .contact_b2_adresses_internat .adresses_det_internationales .titre-texte-lien__field-valeur {
  color: #9B9B9B;
  font-family: "Helvetica Neue";
  font-size: 18px;
  letter-spacing: 2px;
  line-height: 23px;
  padding-bottom: 5px;
  cursor: pointer;
}
.page-node-type-contact .dialog-off-canvas-main-canvas .contact .contact_b2 .contact_b2_adresses_internat .adresses_det_internationales .titre-texte-lien__field-texte-1 {
  color: #000000;
  font-family: "Helvetica Neue";
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 23px;
}
.page-node-type-contact .dialog-off-canvas-main-canvas .contact .contact_b2 .contact_b2_adresses_internat .adresses_det_internationales .titre-texte-lien__field-lien a {
  margin: 10px 0 15px 0;
  color: transparent;
  font-size: 0px;
  background-color: black;
  display: block;
  -webkit-transition: 0.3s linear;
  transition: 0.3s linear;
  height: 25px;
  display: block;
  width: 25px;
}
.page-node-type-contact .dialog-off-canvas-main-canvas .contact .contact_b2 .contact_b2_adresses_internat .adresses_det_internationales .titre-texte-lien__field-lien a:nth-child(1) {
  -webkit-mask-image: url("/themes/custom/vivelys/assets/css/../img/icons/mail.svg");
          mask-image: url("/themes/custom/vivelys/assets/css/../img/icons/mail.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}
.page-node-type-contact #edit-markup p span span {
  text-align: center;
  color: #000000;
  font-family: "Helvetica Neue";
  font-size: 11px;
  font-weight: bold;
  letter-spacing: 2px;
  line-height: 13px;
  text-transform: uppercase;
  padding: 0 0 15px 15px;
}

.page-node-type-hub-doc {
  width: calc(100% - 100px);
  margin: 115px auto 0px;
}
.page-node-type-hub-doc .hub-doc {
  padding: 150px 50px 120px;
  background-color: #F4F2ED;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.page-node-type-hub-doc .hub-doc .hub-doc__field-image {
  width: 100%;
  max-width: 850px;
  margin-bottom: 30px;
}
.page-node-type-hub-doc .hub-doc .hub-doc__field-image .media {
  width: 100%;
  height: 100%;
}
.page-node-type-hub-doc .hub-doc .hub-doc__field-image .media .image__field-media-image {
  width: 100%;
  height: 100%;
}
.page-node-type-hub-doc .hub-doc .hub-doc__field-image .media .image__field-media-image img {
  width: 100%;
  height: auto;
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
}
.page-node-type-hub-doc .hub-doc .hub-doc__field-texte-long {
  width: 100%;
  max-width: 676px;
  margin-bottom: 50px;
}
.page-node-type-hub-doc .hub-doc .hub-doc__field-texte-long .field__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.page-node-type-hub-doc .hub-doc .hub-doc__field-texte-long .field__item h2 {
  color: #000000;
  font-family: Judson;
  font-size: 38px;
  letter-spacing: 0;
  line-height: 43px;
  font-size: 48px;
  line-height: 55px;
  margin-bottom: 15Px;
  text-align: center;
  max-width: 500px;
}
.page-node-type-hub-doc .hub-doc .hub-doc__field-texte-long .field__item p {
  color: #9B9B9B;
  font-family: "Helvetica Neue";
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 23px;
  margin-bottom: 10px;
  text-align: center;
}
.page-node-type-hub-doc .hub-doc .hub-doc__field-texte-long .field__item p:last-child {
  margin-bottom: 0px;
}
.page-node-type-hub-doc .hub-doc .field--name-field-vue {
  width: 100%;
  max-width: 676px;
  width: 100%;
}
.page-node-type-hub-doc .hub-doc .field--name-field-vue > .field__item {
  width: 100%;
}
.page-node-type-hub-doc .hub-doc .field--name-field-vue > .field__item .views-element-container {
  width: 100%;
}
.page-node-type-hub-doc .hub-doc .field--name-field-vue > .field__item .views-element-container .view {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.page-node-type-hub-doc .hub-doc .field--name-field-vue > .field__item .views-element-container .view form {
  width: 100%;
  margin-bottom: 72px;
}
.page-node-type-hub-doc .hub-doc .field--name-field-vue > .field__item .views-element-container .view form fieldset {
  width: 100%;
  min-inline-size: unset;
}
.page-node-type-hub-doc .hub-doc .field--name-field-vue > .field__item .views-element-container .view form fieldset .card-header {
  margin-bottom: 24px;
}
.page-node-type-hub-doc .hub-doc .field--name-field-vue > .field__item .views-element-container .view form fieldset .card-header legend {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.page-node-type-hub-doc .hub-doc .field--name-field-vue > .field__item .views-element-container .view form fieldset .card-header legend span {
  color: #000000;
  font-family: Judson;
  font-size: 24px;
  letter-spacing: 0;
  line-height: 28px;
  text-align: center;
}
.page-node-type-hub-doc .hub-doc .field--name-field-vue > .field__item .views-element-container .view form fieldset .card-body {
  width: 100%;
}
.page-node-type-hub-doc .hub-doc .field--name-field-vue > .field__item .views-element-container .view form fieldset .card-body > .form-radios {
  width: 100%;
}
.page-node-type-hub-doc .hub-doc .field--name-field-vue > .field__item .views-element-container .view form fieldset .card-body > .form-radios > .form-radios {
  width: 100%;
  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;
}
.page-node-type-hub-doc .hub-doc .field--name-field-vue > .field__item .views-element-container .view form fieldset .card-body > .form-radios > .form-radios .js-form-item {
  margin-right: 40px;
}
.page-node-type-hub-doc .hub-doc .field--name-field-vue > .field__item .views-element-container .view form fieldset .card-body > .form-radios > .form-radios .js-form-item:last-child {
  margin-right: 0px;
}
.page-node-type-hub-doc .hub-doc .field--name-field-vue > .field__item .views-element-container .view form fieldset .card-body > .form-radios > .form-radios .js-form-item label {
  color: #000000;
  font-family: Judson;
  font-size: 24px;
  letter-spacing: 0;
  line-height: 28px;
  text-align: center;
  width: 100%;
  padding: 11px 20px 15px;
  border: 1px solid #000000;
  -webkit-transition: 0.3s linear;
  transition: 0.3s linear;
  cursor: pointer;
  padding: 13Px 36Px 15px;
  font-size: 20Px;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  white-space: nowrap;
}
@media (min-width: 769px) {
  .page-node-type-hub-doc .hub-doc .field--name-field-vue > .field__item .views-element-container .view form fieldset .card-body > .form-radios > .form-radios .js-form-item label:hover {
    background-color: white;
    border: 1px solid white !important;
  }
}
.page-node-type-hub-doc .hub-doc .field--name-field-vue > .field__item .views-element-container .view form fieldset .card-body > .form-radios > .form-radios .js-form-item label.active, .page-node-type-hub-doc .hub-doc .field--name-field-vue > .field__item .views-element-container .view form fieldset .card-body > .form-radios > .form-radios .js-form-item label:focus {
  background-color: white;
  border: 1px solid white !important;
}
.page-node-type-hub-doc .hub-doc .field--name-field-vue > .field__item .views-element-container .view form fieldset .card-body > .form-radios > .form-radios .js-form-item input {
  display: none !important;
}
.page-node-type-hub-doc .hub-doc .field--name-field-vue > .field__item .views-element-container .view form fieldset .card-body > .form-radios > .form-radios .js-form-item input:checked + label {
  background-color: white;
  border: 1px solid white !important;
}
.page-node-type-hub-doc .hub-doc .field--name-field-vue > .field__item .views-element-container .view .container_rows {
  width: 100%;
  max-width: 676px;
}
.page-node-type-hub-doc .hub-doc .field--name-field-vue > .field__item .views-element-container .view .container_rows .views-row {
  width: 100%;
  padding: 24Px 0px;
  border-bottom: 1px solid #AA7B58;
}
.page-node-type-hub-doc .hub-doc .field--name-field-vue > .field__item .views-element-container .view .container_rows .views-row:first-child {
  padding-top: unset;
}
.page-node-type-hub-doc .hub-doc .field--name-field-vue > .field__item .views-element-container .view .container_rows .views-row:last-child {
  padding-bottom: unset;
  border-bottom: unset;
}
.page-node-type-hub-doc .hub-doc .field--name-field-vue > .field__item .views-element-container .view .container_rows .views-row article {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.page-node-type-hub-doc .hub-doc .field--name-field-vue > .field__item .views-element-container .view .container_rows .views-row article .doc_gauche {
  margin-right: 14px;
}
.page-node-type-hub-doc .hub-doc .field--name-field-vue > .field__item .views-element-container .view .container_rows .views-row article .doc_gauche .doc_nom {
  color: #000000;
  font-family: Judson;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 23px;
}
.page-node-type-hub-doc .hub-doc .field--name-field-vue > .field__item .views-element-container .view .container_rows .views-row article .doc_lien {
  color: #000000;
  font-family: "Helvetica Neue";
  font-size: 13px;
  font-weight: bold;
  letter-spacing: 2px;
  line-height: 16px;
  padding: 14px 24px 12px;
  background-color: #FFFFFF;
  -webkit-transition: 0.3s linear;
  transition: 0.3s linear;
  border: 1Px solid transparent;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-transform: uppercase;
}
.page-node-type-hub-doc .hub-doc .field--name-field-vue > .field__item .views-element-container .view .container_rows .views-row article .doc_lien:before {
  width: 20px;
  height: 20px;
  content: "";
  display: block;
  -webkit-mask-image: url("/themes/custom/vivelys/assets/css/../img/icons/download_doc.svg");
          mask-image: url("/themes/custom/vivelys/assets/css/../img/icons/download_doc.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  margin-right: 10px;
  background-color: #000000;
  -webkit-transition: 0.3s linear;
  transition: 0.3s linear;
}
.page-node-type-hub-doc .hub-doc .field--name-field-vue > .field__item .views-element-container .view .container_rows .views-row article .doc_lien:active, .page-node-type-hub-doc .hub-doc .field--name-field-vue > .field__item .views-element-container .view .container_rows .views-row article .doc_lien:focus {
  border: 1Px solid transparent !important;
}
@media (min-width: 769px) {
  .page-node-type-hub-doc .hub-doc .field--name-field-vue > .field__item .views-element-container .view .container_rows .views-row article .doc_lien:hover {
    border: 1Px solid #000000;
    color: #FFFFFF;
    background-color: #000000;
  }
  .page-node-type-hub-doc .hub-doc .field--name-field-vue > .field__item .views-element-container .view .container_rows .views-row article .doc_lien:hover:before {
    background-color: #FFFFFF;
  }
  .page-node-type-hub-doc .hub-doc .field--name-field-vue > .field__item .views-element-container .view .container_rows .views-row article .doc_lien:active, .page-node-type-hub-doc .hub-doc .field--name-field-vue > .field__item .views-element-container .view .container_rows .views-row article .doc_lien:focus {
    border: 1Px solid #000000 !important;
  }
}

@media (max-width: 1024px) {
  body .dialog-off-canvas-main-canvas .page nav.navbar {
    position: unset;
  }
  body .dialog-off-canvas-main-canvas .page nav.navbar .container .block--menudroite ul li:first-child {
    display: none;
  }
  body .dialog-off-canvas-main-canvas .page nav.navbar .container .block--menudroite ul li:nth-child(2) {
    background-color: white;
    border: 2px solid black;
  }
}
@media (max-width: 1024px) and (min-width: 769px) {
  body .dialog-off-canvas-main-canvas .page nav.navbar .container .block--menudroite ul li:nth-child(2):hover {
    background-color: black;
    border: 2px solid black;
  }
  body .dialog-off-canvas-main-canvas .page nav.navbar .container .block--menudroite ul li:nth-child(2):hover a {
    background-color: white;
  }
}
@media (max-width: 1024px) {
  body .dialog-off-canvas-main-canvas .page nav.navbar .container .block--menudroite ul li:nth-child(2) a {
    background-color: black;
  }
}
@media (max-width: 1024px) {
  body .dialog-off-canvas-main-canvas .page nav.navbar .container .block--menugauche {
    display: none;
  }
}
@media (max-width: 1024px) {
  body .dialog-off-canvas-main-canvas .page nav.navbar .container .navbar-collapse {
    display: none;
  }
}
@media (max-width: 1024px) {
  body .dialog-off-canvas-main-canvas .page main .page__content .container .block--views-block--00-gammes-block-1.ouvert > div div[class*=js-view-dom-id] {
    z-index: 3;
  }
  body .dialog-off-canvas-main-canvas .page main .page__content .container .block--views-block--00-gammes-block-1 > div > div[class*=js-view-dom-id] {
    z-index: 3;
  }
  body .dialog-off-canvas-main-canvas .page main .page__content .container .block--views-block--00-gammes-block-1 > div > div[class*=js-view-dom-id] header {
    position: relative;
    left: -130vw;
    -webkit-transition: left 0.75s linear;
    transition: left 0.75s linear;
    padding: 70px 20px 15px;
    background-color: white;
    width: 100%;
    display: block;
  }
  body .dialog-off-canvas-main-canvas .page main .page__content .container .block--views-block--00-gammes-block-1 > div > div[class*=js-view-dom-id] header.ouvert {
    left: 0;
  }
  body .dialog-off-canvas-main-canvas .page main .page__content .container .block--views-block--00-gammes-block-1 > div > div[class*=js-view-dom-id] header .contenu_header {
    width: 100%;
  }
  body .dialog-off-canvas-main-canvas .page main .page__content .container .block--views-block--00-gammes-block-1 > div > div[class*=js-view-dom-id] header .contenu_header .view-display-id-block_7 {
    width: 100%;
  }
  body .dialog-off-canvas-main-canvas .page main .page__content .container .block--views-block--00-gammes-block-1 > div > div[class*=js-view-dom-id] header .contenu_header .view-display-id-block_7 .container_rows {
    width: 100%;
  }
  body .dialog-off-canvas-main-canvas .page main .page__content .container .block--views-block--00-gammes-block-1 > div > div[class*=js-view-dom-id] header .contenu_header .view-display-id-block_7 .container_rows .views-row {
    width: 100%;
  }
  body .dialog-off-canvas-main-canvas .page main .page__content .container .block--views-block--00-gammes-block-1 > div > div[class*=js-view-dom-id] header .contenu_header .view-display-id-block_7 .container_rows .views-row .views-field-view-node {
    width: 100%;
  }
  body .dialog-off-canvas-main-canvas .page main .page__content .container .block--views-block--00-gammes-block-1 > div > div[class*=js-view-dom-id] header .contenu_header .view-display-id-block_7 .container_rows .views-row .views-field-view-node .field-content {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  body .dialog-off-canvas-main-canvas .page main .page__content .container .block--views-block--00-gammes-block-1 > div > div[class*=js-view-dom-id] header .contenu_header .view-display-id-block_7 .container_rows .views-row .views-field-view-node .field-content a:first-child {
    display: none;
  }
  body .dialog-off-canvas-main-canvas .page main .page__content .container .block--views-block--00-gammes-block-1 > div > div[class*=js-view-dom-id] header .contenu_header .view-display-id-block_7 .container_rows .views-row .views-field-view-node .field-content a:nth-child(2) {
    color: #000000;
    font-family: "Helvetica Neue";
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 2px;
    line-height: 16px;
    text-transform: uppercase;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center;
  }
  body .dialog-off-canvas-main-canvas .page main .page__content .container .block--views-block--00-gammes-block-1 > div > div[class*=js-view-dom-id] > .container_rows {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    overflow: scroll;
    display: block;
  }
  body .dialog-off-canvas-main-canvas .page main .page__content .container .block--views-block--00-gammes-block-1 > div > div[class*=js-view-dom-id] > .container_rows::-webkit-scrollbar {
    display: none;
  }
  body .dialog-off-canvas-main-canvas .page main .page__content .container .block--views-block--00-gammes-block-1 > div > div[class*=js-view-dom-id] > .container_rows .views-row {
    top: 0%;
    left: calc(-100% - 150px);
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    padding: 30px;
  }
  body .dialog-off-canvas-main-canvas .page main .page__content .container .block--views-block--00-gammes-block-1 > div > div[class*=js-view-dom-id] > .container_rows .views-row.ouvert {
    top: 0%;
    left: 0%;
  }
  body .dialog-off-canvas-main-canvas .page main .page__content .container .block--views-block--00-gammes-block-1 > div > div[class*=js-view-dom-id] > .container_rows .views-row .views-field-field-image {
    height: 170px;
    margin-bottom: 20px;
  }
  body .dialog-off-canvas-main-canvas .page main .page__content .container .block--views-block--00-gammes-block-1 > div > div[class*=js-view-dom-id] > .container_rows .views-row .views-field-field-image .field-content > div .image__field-media-image img {
    height: 100%;
    width: auto;
  }
  body .dialog-off-canvas-main-canvas .page main .page__content .container .block--views-block--00-gammes-block-1 > div > div[class*=js-view-dom-id] > .container_rows .views-row .views-field-fieldset {
    margin-top: 20px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  body .dialog-off-canvas-main-canvas .page main .page__content .container .block--views-block--00-gammes-block-1 > div > div[class*=js-view-dom-id] > .container_rows .views-row .views-field-fieldset .field-content .bas .views-field-field-texte-court {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-bottom: 20px;
  }
  body .dialog-off-canvas-main-canvas .page main .page__content .container .block--views-block--00-gammes-block-1 > div > div[class*=js-view-dom-id] > .container_rows .views-row .views-field-fieldset .field-content .bas .views-field-field-texte-court .field-content {
    font-size: 20px;
    padding: 10px 17px 12px;
  }
  body .dialog-off-canvas-main-canvas .page main .page__content .container .block--views-block--00-gammes-block-1 > div > div[class*=js-view-dom-id] > .container_rows .views-row .views-field-fieldset .field-content .bas .views-field-field-texte-long-1 .field-content p {
    text-align: center;
  }
}
@media (max-width: 1024px) {
  body .dialog-off-canvas-main-canvas .page footer > .container .d-flex .block--views-block--00-footer-block-1 > div div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset > .field-content .contenu {
    padding: 75px 50px;
    width: calc(100% - 30px);
  }
  body .dialog-off-canvas-main-canvas .page footer > .container .d-flex .block--views-block--00-footer-block-1 > div div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset > .field-content .contenu .views-field-fieldset-2 > .field-content .contenu-bas .views-field-fieldset-5 .field-content .container-bas {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  body .dialog-off-canvas-main-canvas .page footer > .container .d-flex .block--views-block--00-footer-block-1 > div div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset > .field-content .contenu .views-field-fieldset-2 > .field-content .contenu-bas .views-field-fieldset-5 .field-content .container-bas .views-field-field-lien {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    margin-bottom: 30px;
    width: 100%;
  }
  body .dialog-off-canvas-main-canvas .page footer > .container .d-flex .block--views-block--00-footer-block-1 > div div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset > .field-content .contenu .views-field-fieldset-2 > .field-content .contenu-bas .views-field-fieldset-5 .field-content .container-bas .views-field-field-lien .field-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  body .dialog-off-canvas-main-canvas .page footer > .container .d-flex .block--views-block--00-footer-block-1 > div div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset > .field-content .contenu .views-field-fieldset-2 > .field-content .contenu-bas .views-field-fieldset-5 .field-content .container-bas .views-field-field-lien .field-content a {
    white-space: nowrap;
  }
  body .dialog-off-canvas-main-canvas .page footer > .container .d-flex .block--views-block--00-footer-block-1 > div div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset > .field-content .contenu .views-field-fieldset-2 > .field-content .contenu-bas .views-field-fieldset-5 .field-content .container-bas .views-field-field-liens-1 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    margin-top: unset;
  }
  body .dialog-off-canvas-main-canvas .page footer > .container .d-flex .block--views-block--00-footer-block-1 > div div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset > .field-content .contenu .views-field-fieldset-2 > .field-content .contenu-bas .views-field-fieldset-5 .field-content .container-bas .views-field-field-liens-1 .field-content {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  body .dialog-off-canvas-main-canvas .page footer > .container .d-flex .block--views-block--00-footer-block-1 > div div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset > .field-content .contenu .views-field-fieldset-2 > .field-content .contenu-bas .views-field-fieldset-5 .field-content .container-bas .views-field-fieldset-6 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    margin-bottom: 30px;
  }
  body .dialog-off-canvas-main-canvas .page footer > .container .d-flex .block--views-block--00-footer-block-1 > div div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset > .field-content .contenu .views-field-fieldset-2 > .field-content .contenu-bas .views-field-fieldset-5 .field-content .container-bas .views-field-fieldset-6 .field-content .container-lg-rs {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  body .dialog-off-canvas-main-canvas .page footer > .container .d-flex .block--views-block--00-footer-block-1 > div div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset > .field-content .contenu .views-field-fieldset-2 > .field-content .contenu-bas .views-field-fieldset-5 .field-content .container-bas .views-field-fieldset-6 .field-content .container-lg-rs .views-field-field-langues .container_rows {
    display: none !important;
  }
}
@media (max-width: 1024px) {
  .gm--full .header .header_contenu .header_gauche {
    padding: 180px 50px 60px;
  }
  .gm--full .container_texte_descriptif {
    padding: 100px 0px 350px;
  }
  .gm--full .container_texte_descriptif .gm__field-texte-long {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .gm--full .container_video {
    width: calc(100% - 50px);
    max-width: 890px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: -250px auto 0px;
  }
  .gm--full .container_video .contenu_video {
    width: 100%;
    height: auto;
    padding: unset;
  }
  .gm--full .container_video .contenu_video .gm__field-video video {
    width: 100% !important;
    height: auto !important;
    -o-object-fit: contain;
       object-fit: contain;
  }
  .gm--full .n_gamme {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 100px;
  }
  .gm--full .n_gamme .gm__field-image-2 {
    width: calc(100% - 50px);
  }
  .gm--full .n_gamme .gm__field-image-2 > div .image__field-media-image img {
    width: 100%;
    height: auto;
  }
  .gm--full .n_gamme .field--name-field-vue-menu-inspiration {
    margin-bottom: 60px;
  }
  .gm--full .n_gamme .field--name-field-vue-menu-inspiration .field__item .views-element-container div[class*=js-view-dom] .container_rows .views-row .views-field-field-image .field-content img {
    height: 350px;
  }
  .gm--full .n_gamme .field--name-field-vue-produits {
    margin-bottom: 150px;
  }
  .gm--full .n_gamme .field--name-field-vue-produits .field__item .views-element-container div[class*=js-view-dom] .container_rows .views-row {
    width: 33%;
  }
  .gm--full .container_formulaire .gm__field-form-documents {
    padding: 45px 60px 45px 25px;
  }
  .gm--full .container_formulaire .gm__field-form-documents form div[id*=edit-container-labels] {
    padding-right: 60px;
  }
  .gm--full .container_formulaire .gm__field-form-documents form div[id*=edit-container-01] {
    padding-left: 60px;
  }
  .gm--full .container_formulaire_kit {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-top: 90px;
    padding-bottom: 90px;
  }
  .gm--full .container_formulaire_kit .gm__field-image-7 {
    margin-right: 25px;
  }
  .gm--full .container_formulaire_kit .contenu_formulaire_kit {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .gm--full .container_formulaire_kit .contenu_formulaire_kit .wrapper_kit .gm__field-image-3 > div .image__field-media-image img {
    height: 55px;
    -o-object-position: center;
       object-position: center;
  }
  .gm--full .container_formulaire_kit .contenu_formulaire_kit .wrapper_kit > .gm__field-texte-brut-2 {
    text-align: center;
  }
  .gm--full .container_formulaire_kit .contenu_formulaire_kit .container_lien_kit {
    margin-top: 24px;
  }
  .gm--full .container_formulaire_kit .contenu_formulaire_kit .container_lien_kit h3 {
    font-size: 18px;
    line-height: 25px;
    text-align: center;
  }
  .gm--full .container_formulaire_kit .contenu_formulaire_kit .container_lien_kit .gm__field-liens-1 .field__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .gm--full .container_ag {
    padding-left: unset;
    height: unset;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: 25px;
    margin-top: 100px;
  }
  .gm--full .container_ag .ag_gauche {
    margin-right: unset;
    position: relative;
    z-index: 2;
  }
  .gm--full .container_ag .ag_gauche .gm__field-image-4 {
    margin-top: unset;
    position: relative;
    z-index: 2;
  }
  .gm--full .container_ag .field--name-field-vue-autres-gammes {
    margin-top: -65px;
    position: relative;
    z-index: 1;
  }
  .gm--full .container_ag .field--name-field-vue-autres-gammes .field__item .views-element-container div[class*=js-view-dom-id] .container_rows {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
  .gm--full .container_ag .field--name-field-vue-autres-gammes .field__item .views-element-container div[class*=js-view-dom-id] .container_rows .views-row {
    width: 50%;
    -webkit-box-flex: unset;
        -ms-flex: unset;
            flex: unset;
    height: auto;
    /* 									&:before{
    									}
    									&.cached{
    										&:before{
    										}
    									}
    									@media(min-width:769px){
    										&:hover{
    											.views-field-field-image{
    												.field-content{
    													& > div{
    														.image__field-media-image{
    															img{
    															}
    														}
    													}
    												}
    											}
    											.views-field-fieldset{
    												.field-content{
    													.bas{
    														.views-field-field-texte-court{
    															.field-content{
    															}
    														}
    													}
    												}
    											}
    										}
    									}
    									&:last-child{
    									}
    									.views-field-field-background{
    										.field-content{
    											img{
    											}
    										}
    									}
    									.views-field-view-node{
    										.field-content{
    											a{
    											}
    										}
    									}
    									.views-field-field-image{
    										position: unset;
    										flex-grow: unset;
    										margin: unset;
    										margin-bottom: 25px;
    										.field-content{
    											& > div{
    												.image__field-media-image{
    													img{
    														max-width: 180px;
    														max-height: 180px;
    														width: 100%;
    														min-width: unset;
    													}
    												}
    											}
    										}
    									}
    									.views-field-fieldset{
    										.field-content{
    											.bas{
    												.views-field-field-texte-court{
    													.field-content{
    													}
    												}
    											}
    										}
    									} */
  }
  .gm--full .container_ag .field--name-field-vue-autres-gammes .field__item .views-element-container div[class*=js-view-dom-id] .container_rows .views-row article {
    min-height: unset;
  }
}
@media (max-width: 1024px) {
  .produit--full .header .header_contenu {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    padding: unset;
  }
  .produit--full .header .header_contenu .header_gauche {
    width: 100%;
    padding: 75px 75px 100px;
  }
  .produit--full .header .header_contenu .header_gauche:after {
    display: none;
  }
  .produit--full .header .header_contenu .header_droite {
    width: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
    justify-content: center;
    padding: 0px 30px;
    margin-top: 30px;
  }
  .produit--full .header .header_contenu .header_droite:after {
    display: none;
  }
  .produit--full .header .header_contenu .header_droite .produit__field-image > div .image__field-media-image img {
    max-width: 600px;
  }
  .produit--full .container_texte_descriptif {
    margin-bottom: 140px;
  }
  .produit--full .container_texte_descriptif .contenu_texte_descriptif {
    padding-right: unset;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .produit--full .container_texte_descriptif .contenu_texte_descriptif .produit__field-texte-long-1 {
    width: calc(100% - 150px);
    padding: 110px 70px;
  }
  .produit--full .container_caracteristiques {
    margin: 0 auto 150px;
  }
  .produit--full .container_images {
    padding: 0px 25px;
    margin: 0 auto 150px;
  }
  .produit--full .container_images .contenu_images {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
  .produit--full .container_images .contenu_images .produit__field-image-4 {
    position: unset;
    width: 50%;
    margin: unset;
    margin-left: 50px;
    height: unset;
    top: unset;
    left: unset;
    right: unset;
    bottom: unset;
  }
  .produit--full .container_images .contenu_images .produit__field-image-4 > div {
    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;
  }
  .produit--full .container_images .contenu_images .produit__field-image-4 > div .image__field-media-image img {
    max-height: 800px;
    -o-object-position: center;
       object-position: center;
  }
  .produit--full .container_images .contenu_images .container_img_produits {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    width: 50%;
  }
  .produit--full .container_images .contenu_images .container_img_produits .images_gauche {
    width: 100%;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .produit--full .container_images .contenu_images .container_img_produits .images_gauche h3 {
    padding: 25px 30px;
  }
  .produit--full .container_images .contenu_images .container_img_produits .images_gauche .produit__field-image-2 {
    width: 100%;
    padding: 30px;
  }
  .produit--full .container_images .contenu_images .container_img_produits .images_gauche .aromatique_bas {
    width: 100%;
    padding: 0px 30px 20px;
  }
  .produit--full .container_images .contenu_images .container_img_produits .images_droite {
    width: 100%;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .produit--full .container_images .contenu_images .container_img_produits .images_droite h3 {
    text-align: left;
    padding: 25px 30px;
  }
  .produit--full .container_images .contenu_images .container_img_produits .images_droite .produit__field-image-3 {
    width: 100%;
    padding: 30px;
  }
  .produit--full .container_images .contenu_images .container_img_produits .images_droite .produit__field-texte-court-2 {
    padding: 0px 30px 20px;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    width: 100%;
    height: unset;
    -webkit-box-flex: unset;
        -ms-flex-positive: unset;
            flex-grow: unset;
  }
  .produit--full .container_formulaire .produit__field-form-documents {
    padding: 45px 60px 45px 25px;
  }
  .produit--full .container_formulaire .produit__field-form-documents form div[id*=edit-container-labels] {
    padding-right: 60px;
  }
  .produit--full .container_formulaire .produit__field-form-documents form div[id*=edit-container-01] {
    padding-left: 60px;
  }
  .produit--full .container_formulaire_kit {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-top: 90px;
    padding-bottom: 90px;
  }
  .produit--full .container_formulaire_kit .produit__field-image-8 {
    margin-right: 25px;
  }
  .produit--full .container_formulaire_kit .contenu_formulaire_kit {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .produit--full .container_formulaire_kit .contenu_formulaire_kit .wrapper_kit .produit__field-image-5 > div .image__field-media-image img {
    height: 55px;
    -o-object-position: center;
       object-position: center;
  }
  .produit--full .container_formulaire_kit .contenu_formulaire_kit .wrapper_kit > .produit__field-texte-brut-2 {
    text-align: center;
  }
  .produit--full .container_formulaire_kit .contenu_formulaire_kit .container_lien_kit {
    margin-top: 24px;
  }
  .produit--full .container_formulaire_kit .contenu_formulaire_kit .container_lien_kit h3 {
    font-size: 18px;
    line-height: 25px;
    text-align: center;
  }
  .produit--full .container_formulaire_kit .contenu_formulaire_kit .container_lien_kit .produit__field-liens-1 .field__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .produit--full .container_ap {
    margin-top: 100px;
  }
  .produit--full .container_ap .produit__field-image-6 {
    padding: 0px 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -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;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .produit--full .container_ap .produit__field-image-6 > div .image__field-media-image img {
    width: 100%;
    height: auto;
    max-height: 90px;
  }
  .produit--full .container_ap .field--name-field-vue-produits {
    margin-top: 45px;
    padding: 0px 25px;
    margin-bottom: 180px;
  }
  .produit--full .container_ap .field--name-field-vue-produits .field__item .views-element-container div[class*=js-view-dom] .container_rows .views-row {
    width: 50%;
  }
}
@media (max-width: 1024px) {
  .mnts {
    margin-top: 0px;
    padding: 0px 40px;
  }
  .mnts .container_mentions {
    padding: 150px 0px 120px;
  }
  .mnts .container_mentions .mnts__field-titre-token {
    margin-bottom: 80px;
  }
}
@media (max-width: 1024px) {
  .page-node-type-error404 {
    margin-top: unset;
  }
  .page-node-type-error404 .dialog-off-canvas-main-canvas .error404 {
    padding: 120px 25px;
  }
  .page-node-type-error404 .dialog-off-canvas-main-canvas .error404 .error404__field-image {
    margin-bottom: 60px;
  }
  .page-node-type-error404 .dialog-off-canvas-main-canvas .error404 .error404__field-image > div .image__field-media-image img {
    height: 180px;
  }
  .page-node-type-error404 .dialog-off-canvas-main-canvas .error404 .error404__field-texte-court {
    font-size: 43px;
    letter-spacing: 0;
    line-height: 50px;
  }
  .maintenance-page .dialog-off-canvas-main-canvas .container_principal_maintenance .container_maintenance .logo {
    width: 500px;
    height: 500px;
    margin-top: -225px;
    padding-bottom: 50px;
  }
  .maintenance-page .dialog-off-canvas-main-canvas .container_principal_maintenance .container_maintenance .logo img {
    height: 200px;
  }
}
@media (max-width: 1024Px) {
  .page-kit {
    margin-top: 0px;
    padding: 0px 50px;
  }
  .page-kit .container_main .contenu_main {
    padding: 100px 40px 160px;
  }
  .page-kit .container_main .contenu_main .contenu_header_boise .page-kit__field-image-3 > div .image__field-media-image img {
    width: 100%;
    height: auto;
  }
  .page-kit .container_main .contenu_main .container_titre .page-kit__field-image {
    left: 90px;
  }
  .page-kit .container_main .contenu_main .container_titre .page-kit__field-image > div .image__field-media-image img {
    width: 100%;
    height: auto;
  }
  .page-kit .container_main .contenu_main .field--name-field-vue-menu-gammes {
    margin-bottom: 50px;
  }
  .page-kit .container_main .contenu_main .field--name-field-vue-menu-gammes > .field__item .views-element-container div[class*=js-view-dom] .container_rows {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .page-kit .container_main .contenu_main .field--name-field-vue-menu-gammes > .field__item .views-element-container div[class*=js-view-dom] .container_rows .views-row {
    width: calc(50% - 15px);
    margin-bottom: 15px;
    margin-right: 7px;
    margin-left: 7px;
  }
  .page-kit .container_main .contenu_main .field--name-field-vue-menu-gammes > .field__item .views-element-container div[class*=js-view-dom] .container_rows .views-row:last-child {
    margin-right: 7px;
    margin-left: 7px;
  }
  .page-kit .container_main .contenu_main .field--name-field-vue-menu-gammes > .field__item .views-element-container div[class*=js-view-dom] .container_rows .views-row:first-child {
    width: 50%;
  }
  .page-kit .container_main .contenu_main .field--name-field-vue-menu-gammes > .field__item .views-element-container div[class*=js-view-dom] .container_rows .views-row .views-field-field-texte-court .field-content .cible {
    font-size: 19px;
  }
  .page-kit .container_main .contenu_main .field--name-field-vue-gammes > .field__item > .views-element-container > div[class*=js-view-dom] > .container_rows .item-gamme .gm--pagekit .field--name-field-produits-pagekit > .field__item > .views-element-container > div[class*=js-view-dom] > .container_rows .views-row {
    width: 50%;
  }
  .page-kit .container_main .container_form .page-kit__field-image-2 > div .image__field-media-image img {
    width: 100%;
    height: auto;
  }
  .page-kit .container_main .container_form .page-kit__field-formulaire-kit {
    margin-bottom: 170px;
  }
  .page-kit .container_main .container_form .page-kit__field-formulaire-kit form {
    padding: unset;
  }
  .page-kit.commander .container_main .contenu_main .container_titre {
    margin-bottom: 80px;
  }
}
@media (max-width: 1024px) {
  .path-frontpage .header, .page-node-type-accueil .header {
    margin-bottom: 140px;
    margin-top: unset;
  }
}
@media (max-width: 1024px) and (max-width: 1140px) {
  .path-frontpage .header .header_contenu, .page-node-type-accueil .header .header_contenu {
    width: calc(100% - 60px);
  }
}
@media (max-width: 1024px) {
  .path-frontpage .header .header_contenu .accueil__field-hs, .page-node-type-accueil .header .header_contenu .accueil__field-hs {
    height: 100%;
  }
  .path-frontpage .header .header_contenu .accueil__field-hs .field__item .paragraph--type--sha .contenu, .page-node-type-accueil .header .header_contenu .accueil__field-hs .field__item .paragraph--type--sha .contenu {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    padding: 240px 58px 75px;
    min-height: 500px;
  }
  .path-frontpage .header .header_contenu .accueil__field-hs .field__item .paragraph--type--sha .contenu .sha__field-lien, .page-node-type-accueil .header .header_contenu .accueil__field-hs .field__item .paragraph--type--sha .contenu .sha__field-lien {
    margin-top: 30px;
    -webkit-box-flex: unset;
        -ms-flex-positive: unset;
            flex-grow: unset;
  }
  .path-frontpage .header .header_contenu .accueil__field-hs .field__item .paragraph--type--sha .contenu .sha__field-lien:before, .page-node-type-accueil .header .header_contenu .accueil__field-hs .field__item .paragraph--type--sha .contenu .sha__field-lien:before {
    display: none;
  }
}
@media (max-width: 1024px) {
  .path-frontpage .container_p1, .page-node-type-accueil .container_p1 {
    margin-bottom: 90px;
  }
  .path-frontpage .container_p1 .accueil__field-p1, .page-node-type-accueil .container_p1 .accueil__field-p1 {
    padding: unset;
  }
  .path-frontpage .container_p1 .accueil__field-p1 .field__item, .page-node-type-accueil .container_p1 .accueil__field-p1 .field__item {
    width: 90%;
  }
}
@media (max-width: 1024px) {
  .path-frontpage .contenu_logos, .page-node-type-accueil .contenu_logos {
    margin-bottom: 180px;
  }
  .path-frontpage .contenu_logos .accueil__field-images .field__item, .page-node-type-accueil .contenu_logos .accueil__field-images .field__item {
    max-width: 125px;
    margin-right: 15px;
  }
}
@media (max-width: 1024px) {
  .path-frontpage .container_gamme, .page-node-type-accueil .container_gamme {
    margin-bottom: 180px;
  }
  .path-frontpage .container_gamme .contenu_gamme .accueil__field-image, .page-node-type-accueil .container_gamme .contenu_gamme .accueil__field-image {
    width: calc(100% - 50px);
    margin: -21px auto 0px;
  }
  .path-frontpage .container_gamme .contenu_gamme .accueil__field-image > div .image__field-media-image, .page-node-type-accueil .container_gamme .contenu_gamme .accueil__field-image > div .image__field-media-image {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .path-frontpage .container_gamme .contenu_gamme .accueil__field-image > div .image__field-media-image img, .page-node-type-accueil .container_gamme .contenu_gamme .accueil__field-image > div .image__field-media-image img {
    height: 200px;
  }
  .path-frontpage .container_gamme .contenu_gamme .field--name-field-vue-gammes .field__item .views-element-container div[class*=js-view-dom-id] .container_rows, .page-node-type-accueil .container_gamme .contenu_gamme .field--name-field-vue-gammes .field__item .views-element-container div[class*=js-view-dom-id] .container_rows {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
  .path-frontpage .container_gamme .contenu_gamme .field--name-field-vue-gammes .field__item .views-element-container div[class*=js-view-dom-id] .container_rows .views-row, .page-node-type-accueil .container_gamme .contenu_gamme .field--name-field-vue-gammes .field__item .views-element-container div[class*=js-view-dom-id] .container_rows .views-row {
    height: auto;
    -webkit-box-flex: unset;
        -ms-flex: unset;
            flex: unset;
    width: 50%;
    /* 										&:before{
    										}
    										&.cached{
    											&:before{
    											}
    										}
    										@media(min-width:769px){
    											&:hover{
    												.views-field-field-image{
    													.field-content{
    														& > div{
    															.image__field-media-image{
    																img{
    																}
    															}
    														}
    													}
    												}
    												.views-field-fieldset{
    													.field-content{
    														.bas{
    															.views-field-field-texte-court{
    																.field-content{
    																}
    															}
    														}
    													}
    												}
    											}
    										}
    										&:last-child{
    										}
    										.views-field-field-background{
    											.field-content{
    												img{
    												}
    											}
    										}
    										.views-field-view-node{
    											.field-content{
    												a{
    												}
    											}
    										}
    										.views-field-field-image{
    											.field-content{
    												& > div{
    													.image__field-media-image{
    														img{
    															min-width: 130px;
    															margin-top:-30px;
    														}
    													}
    												}
    											}
    										}
    										.views-field-fieldset{
    											position: absolute;
    											bottom: 20px;
    											width: calc(100% - 30px);
    											.field-content{
    												.bas{
    													.views-field-field-texte-court{
    														.field-content{
    															font-size:20px;
    															line-height: 24px;
    														}
    													}
    												}
    											}
    										} */
  }
  .path-frontpage .container_gamme .contenu_gamme .field--name-field-vue-gammes .field__item .views-element-container div[class*=js-view-dom-id] .container_rows .views-row:last-child, .page-node-type-accueil .container_gamme .contenu_gamme .field--name-field-vue-gammes .field__item .views-element-container div[class*=js-view-dom-id] .container_rows .views-row:last-child {
    width: 100%;
  }
  .path-frontpage .container_gamme .contenu_gamme .field--name-field-vue-gammes .field__item .views-element-container div[class*=js-view-dom-id] .container_rows .views-row:last-child article, .page-node-type-accueil .container_gamme .contenu_gamme .field--name-field-vue-gammes .field__item .views-element-container div[class*=js-view-dom-id] .container_rows .views-row:last-child article {
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
    padding: 48px 80px 56px !important;
  }
  .path-frontpage .container_gamme .contenu_gamme .field--name-field-vue-gammes .field__item .views-element-container div[class*=js-view-dom-id] .container_rows .views-row article, .page-node-type-accueil .container_gamme .contenu_gamme .field--name-field-vue-gammes .field__item .views-element-container div[class*=js-view-dom-id] .container_rows .views-row article {
    width: 100%;
    height: 100%;
  }
}
@media (max-width: 1024px) {
  .path-frontpage .container_slider_milieu, .page-node-type-accueil .container_slider_milieu {
    padding-left: 50px;
    padding-right: 20px;
  }
  .path-frontpage .container_slider_milieu .accueil__field-slider-contenu, .page-node-type-accueil .container_slider_milieu .accueil__field-slider-contenu {
    width: 100%;
    margin-bottom: 140px;
  }
  .path-frontpage .container_slider_milieu .accueil__field-slider-contenu .field__item, .page-node-type-accueil .container_slider_milieu .accueil__field-slider-contenu .field__item {
    height: 100%;
  }
  .path-frontpage .container_slider_milieu .accueil__field-slider-contenu .field__item .paragraph--type--sha .contenu .sha__field-image, .page-node-type-accueil .container_slider_milieu .accueil__field-slider-contenu .field__item .paragraph--type--sha .contenu .sha__field-image {
    width: 280px;
    margin-right: 40px;
  }
}
@media (max-width: 1024px) {
  .path-frontpage .container_produits, .page-node-type-accueil .container_produits {
    margin: 0 auto 120px;
  }
  .path-frontpage .container_produits h3, .page-node-type-accueil .container_produits h3 {
    margin-bottom: 15px;
  }
  .path-frontpage .container_produits .accueil__field-texte-long, .page-node-type-accueil .container_produits .accueil__field-texte-long {
    margin-top: unset;
  }
}
@media (max-width: 1024px) {
  .path-frontpage .container_milieu .contenu_milieu .accueil__field-vid .paragraph--type--iv .iv__field-image, .page-node-type-accueil .container_milieu .contenu_milieu .accueil__field-vid .paragraph--type--iv .iv__field-image {
    height: 90px;
    left: unset;
    max-width: 750px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .path-frontpage .container_milieu .contenu_milieu .accueil__field-vid .paragraph--type--iv .iv__field-image img, .page-node-type-accueil .container_milieu .contenu_milieu .accueil__field-vid .paragraph--type--iv .iv__field-image img {
    width: 100%;
  }
  .path-frontpage .container_milieu .contenu_milieu .accueil__field-vid .paragraph--type--iv .contenu_video, .page-node-type-accueil .container_milieu .contenu_milieu .accueil__field-vid .paragraph--type--iv .contenu_video {
    width: 100%;
    height: 440px;
    margin-top: -47px;
  }
}
@media (max-width: 1024px) {
  .page-node-type-contact {
    padding-top: 0px;
  }
  .page-node-type-contact .dialog-off-canvas-main-canvas .contact .contact_b1 {
    max-width: 100%;
    padding: 130px 56px 92px 56px;
  }
  .page-node-type-contact .dialog-off-canvas-main-canvas .contact .contact_b1 .contact_b1_container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .page-node-type-contact .dialog-off-canvas-main-canvas .contact .contact_b1 .contact_b1_container .contact_b1_adresses {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    width: 100%;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding-bottom: 60px;
  }
  .page-node-type-contact .dialog-off-canvas-main-canvas .contact .contact_b1 .contact_b1_container .contact_b1_adresses .adress_b1 {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .page-node-type-contact .dialog-off-canvas-main-canvas .contact .contact_b1 .contact_b1_container .contact_b1_adresses .adress_b1.adress_b1_pre {
    margin-bottom: 0;
    width: 50%;
  }
  .page-node-type-contact .dialog-off-canvas-main-canvas .contact .contact_b1 .contact_b1_container .contact_b1_adresses .adress_b1.adress_b1_sec {
    margin-bottom: 0;
    width: 50%;
  }
  .page-node-type-contact .dialog-off-canvas-main-canvas .contact .contact_b1 .contact_b1_container .contact_b1_adresses .contact__field-lien {
    width: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 60px;
    padding-left: 0px;
  }
  .page-node-type-contact .dialog-off-canvas-main-canvas .contact .contact_b1 .contact_b1_container .contact_b1_adresses .contact_b1_liens_contact {
    width: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .page-node-type-contact .dialog-off-canvas-main-canvas .contact .contact_b1 .contact_b1_container .contact_b1_adresses .contact_b1_liens_contact .contact__field-liens {
    padding-left: 0;
  }
  .page-node-type-contact .dialog-off-canvas-main-canvas .contact .contact_b1 .contact_b1_container .contact__webform {
    width: 100%;
    padding-right: 0px;
  }
  .page-node-type-contact .dialog-off-canvas-main-canvas .contact .contact_b1 .contact_b1_container .contact__webform #edit-actions {
    text-align: unset;
  }
  .page-node-type-contact .dialog-off-canvas-main-canvas .contact .contact_b2 {
    width: calc(100% - 90px);
  }
  .page-node-type-contact .dialog-off-canvas-main-canvas .contact .contact_b2 .contact__field-image {
    right: unset;
    top: -28px;
  }
  .page-node-type-contact .dialog-off-canvas-main-canvas .contact .contact_b2 .contact_b2_adresses_internat {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-left: 140px;
  }
  .page-node-type-contact .dialog-off-canvas-main-canvas .contact .contact_b2 .contact_b2_adresses_internat .adresses_det_internationales.adresses_det_fil {
    padding-left: unset;
    padding-bottom: 60px;
  }
}
@media (max-width: 1024Px) {
  .page-node-type-hub-doc {
    width: calc(100% - 50px);
    margin-top: unset;
  }
  .page-node-type-hub-doc .hub-doc {
    padding: 90px 25px 120px;
  }
  .page-node-type-hub-doc .hub-doc .hub-doc__field-image {
    margin-bottom: 50px;
  }
  .page-node-type-hub-doc .hub-doc .hub-doc__field-texte-long .field__item h2 {
    max-width: unset;
  }
}
@media (max-width: 768px) {
  .block-splashscreen {
    padding: 16px;
  }
  .block-splashscreen .container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .block-splashscreen .container .gauche {
    padding: 50px 25Px 25px;
    width: 100%;
  }
  .block-splashscreen .container .gauche .media .image__field-media-image img {
    height: 150px;
  }
  .block-splashscreen .container .gauche h4 {
    padding-right: unset;
    text-align: center;
    font-size: 24px;
    letter-spacing: 0;
    line-height: 28px;
  }
  .block-splashscreen .container .droite {
    padding: 25px;
    width: 100%;
  }
  .block-splashscreen .container .droite .texte {
    font-size: 13px;
    letter-spacing: 0.5px;
    line-height: 20px;
  }
}
@media (max-width: 768px) {
  .page-user .path-user .dialog-off-canvas-main-canvas .page main .container > img {
    width: 90px;
  }
  .page-user .path-user .dialog-off-canvas-main-canvas .page main .container .block--vivelys-content form .js-form-item label {
    font-size: 12px;
  }
  .page-user .path-user .dialog-off-canvas-main-canvas .page main .container .block--vivelys-content form .js-form-item input {
    font-size: 13px;
  }
}
@media (max-width: 768px) {
  body .dialog-off-canvas-main-canvas .page nav.navbar {
    height: 65px;
  }
  body .dialog-off-canvas-main-canvas .page nav.navbar.ouvert .container .block--menudroite ul li:nth-child(2) {
    background-color: black;
  }
  body .dialog-off-canvas-main-canvas .page nav.navbar.ouvert .container .block--menudroite ul li:nth-child(2) a {
    background-color: white;
  }
  body .dialog-off-canvas-main-canvas .page nav.navbar .container {
    padding: 0px 25px;
  }
  body .dialog-off-canvas-main-canvas .page nav.navbar .container .block--menudroite ul li:nth-child(2) {
    border: unset;
    width: 20px;
    height: 20px;
  }
  body .dialog-off-canvas-main-canvas .page nav.navbar .container .block--menudroite ul li:nth-child(2) a {
    padding: unset;
    -webkit-mask-size: contain;
            mask-size: contain;
  }
  body .dialog-off-canvas-main-canvas .page nav.navbar .container .block--identitedusite {
    width: 200px;
  }
  body .dialog-off-canvas-main-canvas .page nav.navbar .container .block--identitedusite:before {
    width: 200px;
    height: 200px;
    top: -90px;
  }
  body .dialog-off-canvas-main-canvas .page nav.navbar .container .block--identitedusite .navbar-brand img {
    height: 75px;
  }
  body .dialog-off-canvas-main-canvas .page main .page__content .container .block--views-block--00-gammes-block-1.ouvert > div div[class*=js-view-dom-id] {
    z-index: 3;
  }
  body .dialog-off-canvas-main-canvas .page main .page__content .container .block--views-block--00-gammes-block-1 > div > div[class*=js-view-dom-id] {
    top: 65px;
    height: calc(100% - 65px);
  }
  body .dialog-off-canvas-main-canvas .page main .page__content .container .block--views-block--00-gammes-block-1 > div > div[class*=js-view-dom-id] header .contenu_header .view-display-id-block_7 .container_rows .views_row .views-field-view-node .field-content a:nth-child(2) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  body .dialog-off-canvas-main-canvas .page main .page__content .container .block--views-block--00-gammes-block-1 > div > div[class*=js-view-dom-id] > .container_rows .views-row {
    padding: 60px 25px 25Px;
  }
  body .dialog-off-canvas-main-canvas .page main .page__content .container .block--views-block--00-gammes-block-1 > div > div[class*=js-view-dom-id] > .container_rows .views-row .views-field-field-image {
    position: absolute;
    width: 100px;
    height: 100px;
    top: 65px;
    left: 25px;
    margin-bottom: unset;
  }
  body .dialog-off-canvas-main-canvas .page main .page__content .container .block--views-block--00-gammes-block-1 > div > div[class*=js-view-dom-id] > .container_rows .views-row .views-field-fieldset {
    margin-top: unset;
    width: 100%;
  }
  body .dialog-off-canvas-main-canvas .page main .page__content .container .block--views-block--00-gammes-block-1 > div > div[class*=js-view-dom-id] > .container_rows .views-row .views-field-fieldset .field-content {
    width: 100%;
  }
  body .dialog-off-canvas-main-canvas .page main .page__content .container .block--views-block--00-gammes-block-1 > div > div[class*=js-view-dom-id] > .container_rows .views-row .views-field-fieldset .field-content .bas {
    width: 100%;
  }
  body .dialog-off-canvas-main-canvas .page main .page__content .container .block--views-block--00-gammes-block-1 > div > div[class*=js-view-dom-id] > .container_rows .views-row .views-field-fieldset .field-content .bas .views-field-field-texte-court {
    width: 100%;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    padding: unset;
    margin-bottom: unset;
  }
  body .dialog-off-canvas-main-canvas .page main .page__content .container .block--views-block--00-gammes-block-1 > div > div[class*=js-view-dom-id] > .container_rows .views-row .views-field-fieldset .field-content .bas .views-field-field-texte-court .field-content {
    width: 100%;
  }
  body .dialog-off-canvas-main-canvas .page main .page__content .container .block--views-block--00-gammes-block-1 > div > div[class*=js-view-dom-id] > .container_rows .views-row .views-field-fieldset .field-content .bas .views-field-field-texte-long-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    padding-left: 115px;
    min-height: 100px;
    margin-bottom: 35px;
  }
  body .dialog-off-canvas-main-canvas .page main .page__content .container .block--views-block--00-gammes-block-1 > div > div[class*=js-view-dom-id] > .container_rows .views-row .views-field-fieldset .field-content .bas .views-field-field-texte-long-1 .field-content p {
    font-size: 13px;
    letter-spacing: 0.5px;
    line-height: 20px;
    text-align: left;
  }
}
@media (max-width: 768px) {
  body .dialog-off-canvas-main-canvas .page footer > .container .d-flex .block--views-block--00-footer-block-1 > div div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset > .field-content {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  body .dialog-off-canvas-main-canvas .page footer > .container .d-flex .block--views-block--00-footer-block-1 > div div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset > .field-content .contenu {
    padding: 30px;
    width: calc(100% - 30px);
  }
  body .dialog-off-canvas-main-canvas .page footer > .container .d-flex .block--views-block--00-footer-block-1 > div div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset > .field-content .contenu:after {
    content: none;
  }
  body .dialog-off-canvas-main-canvas .page footer > .container .d-flex .block--views-block--00-footer-block-1 > div div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset > .field-content .contenu .views-field-fieldset-1 > .field-content .contenu-haut {
    padding-bottom: 30px;
  }
  body .dialog-off-canvas-main-canvas .page footer > .container .d-flex .block--views-block--00-footer-block-1 > div div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset > .field-content .contenu .views-field-fieldset-1 > .field-content .contenu-haut .views-field-field-image {
    max-width: 200px;
  }
  body .dialog-off-canvas-main-canvas .page footer > .container .d-flex .block--views-block--00-footer-block-1 > div div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset > .field-content .contenu .views-field-fieldset-1 > .field-content .contenu-haut .views-field-field-image .field-content > div .image__field-media-image img {
    width: 200px;
  }
  body .dialog-off-canvas-main-canvas .page footer > .container .d-flex .block--views-block--00-footer-block-1 > div div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset > .field-content .contenu .views-field-fieldset-2 {
    padding-top: 30px;
  }
  body .dialog-off-canvas-main-canvas .page footer > .container .d-flex .block--views-block--00-footer-block-1 > div div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset > .field-content .contenu .views-field-fieldset-2 > .field-content .contenu-bas .views-field-fieldset-4 {
    margin-bottom: 40px;
  }
  body .dialog-off-canvas-main-canvas .page footer > .container .d-flex .block--views-block--00-footer-block-1 > div div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset > .field-content .contenu .views-field-fieldset-2 > .field-content .contenu-bas .views-field-fieldset-4 > .field-content .container-haut {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  body .dialog-off-canvas-main-canvas .page footer > .container .d-flex .block--views-block--00-footer-block-1 > div div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset > .field-content .contenu .views-field-fieldset-2 > .field-content .contenu-bas .views-field-fieldset-4 > .field-content .container-haut .views-field-field-texte-long .field-content ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  body .dialog-off-canvas-main-canvas .page footer > .container .d-flex .block--views-block--00-footer-block-1 > div div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset > .field-content .contenu .views-field-fieldset-2 > .field-content .contenu-bas .views-field-fieldset-4 > .field-content .container-haut .views-field-field-texte-long .field-content ul li {
    margin-right: unset;
    margin-bottom: 40px;
    width: 100%;
  }
  body .dialog-off-canvas-main-canvas .page footer > .container .d-flex .block--views-block--00-footer-block-1 > div div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset > .field-content .contenu .views-field-fieldset-2 > .field-content .contenu-bas .views-field-fieldset-4 > .field-content .container-haut .views-field-field-texte-long .field-content ul li h4 {
    font-size: 16px;
    line-height: 23px;
  }
  body .dialog-off-canvas-main-canvas .page footer > .container .d-flex .block--views-block--00-footer-block-1 > div div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset > .field-content .contenu .views-field-fieldset-2 > .field-content .contenu-bas .views-field-fieldset-4 > .field-content .container-haut .views-field-field-texte-long .field-content ul li p {
    font-size: 13px;
    line-height: 20px;
  }
  body .dialog-off-canvas-main-canvas .page footer > .container .d-flex .block--views-block--00-footer-block-1 > div div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset > .field-content .contenu .views-field-fieldset-2 > .field-content .contenu-bas .views-field-fieldset-4 > .field-content .container-haut .views-field-fieldset-8 {
    margin-left: unset;
    margin-top: 10px;
    max-width: unset;
    width: 100%;
  }
  body .dialog-off-canvas-main-canvas .page footer > .container .d-flex .block--views-block--00-footer-block-1 > div div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset > .field-content .contenu .views-field-fieldset-2 > .field-content .contenu-bas .views-field-fieldset-4 > .field-content .container-haut .views-field-fieldset-8 .field-content {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  body .dialog-off-canvas-main-canvas .page footer > .container .d-flex .block--views-block--00-footer-block-1 > div div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset > .field-content .contenu .views-field-fieldset-2 > .field-content .contenu-bas .views-field-fieldset-4 > .field-content .container-haut .views-field-fieldset-8 .field-content .container-liens-gauche {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  body .dialog-off-canvas-main-canvas .page footer > .container .d-flex .block--views-block--00-footer-block-1 > div div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset > .field-content .contenu .views-field-fieldset-2 > .field-content .contenu-bas .views-field-fieldset-4 > .field-content .container-haut .views-field-fieldset-8 .field-content .container-liens-gauche .views-field-fieldset-6 {
    width: 100%;
    margin-top: 30px;
  }
  body .dialog-off-canvas-main-canvas .page footer > .container .d-flex .block--views-block--00-footer-block-1 > div div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset > .field-content .contenu .views-field-fieldset-2 > .field-content .contenu-bas .views-field-fieldset-4 > .field-content .container-haut .views-field-fieldset-8 .field-content .container-liens-gauche .views-field-fieldset-6 .field-content .container-lg-rs {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  body .dialog-off-canvas-main-canvas .page footer > .container .d-flex .block--views-block--00-footer-block-1 > div div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset > .field-content .contenu .views-field-fieldset-2 > .field-content .contenu-bas .views-field-fieldset-4 > .field-content .container-haut .views-field-fieldset-8 .field-content .container-liens-gauche .views-field-fieldset-6 .field-content .container-lg-rs .views-field-field-langues .container_rows {
    display: none !important;
  }
  body .dialog-off-canvas-main-canvas .page footer > .container .d-flex .block--views-block--00-footer-block-1 > div div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset > .field-content .contenu .views-field-fieldset-2 > .field-content .contenu-bas .views-field-fieldset-5 .field-content .container-bas {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  body .dialog-off-canvas-main-canvas .page footer > .container .d-flex .block--views-block--00-footer-block-1 > div div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset > .field-content .contenu .views-field-fieldset-2 > .field-content .contenu-bas .views-field-fieldset-5 .field-content .container-bas .views-field-field-lien {
    margin-right: unset;
  }
  body .dialog-off-canvas-main-canvas .page footer > .container .d-flex .block--views-block--00-footer-block-1 > div div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset > .field-content .contenu .views-field-fieldset-2 > .field-content .contenu-bas .views-field-fieldset-5 .field-content .container-bas .views-field-field-liens-1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 20px;
  }
  body .dialog-off-canvas-main-canvas .page footer > .container .d-flex .block--views-block--00-footer-block-1 > div div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset > .field-content .contenu .views-field-fieldset-2 > .field-content .contenu-bas .views-field-fieldset-5 .field-content .container-bas .views-field-field-liens-1 .views-label {
    text-align: center;
  }
  body .dialog-off-canvas-main-canvas .page footer > .container .d-flex .block--views-block--00-footer-block-1 > div div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset > .field-content .contenu .views-field-fieldset-2 > .field-content .contenu-bas .views-field-fieldset-5 .field-content .container-bas .views-field-field-liens-1 .field-content {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  body .dialog-off-canvas-main-canvas .page footer > .container .d-flex .block--views-block--00-footer-block-1 > div div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset-7 .field-content .container-alcool .views-field-field-texte-court .field-content {
    font-size: 12px;
    line-height: 15px;
  }
}
@media (max-width: 768px) {
  .gm--full .header .header_contenu {
    position: relative;
    padding-bottom: 100px;
  }
  .gm--full .header .header_contenu .header_gauche {
    padding: 80px 25px 50px;
    position: relative;
    z-index: 2;
    width: calc(100% - 25px);
  }
  .gm--full .header .header_contenu .header_gauche .gm__field-image {
    height: 150px;
    width: 150px;
    margin-bottom: 30px;
  }
  .gm--full .header .header_contenu .header_gauche .gm__field-texte-court {
    white-space: unset;
  }
  .gm--full .header .header_contenu .header_gauche .gm__field-texte-court:after {
    width: 30%;
  }
  .gm--full .header .header_contenu .header_droite {
    position: absolute;
    height: 100%;
    z-index: 0;
    width: 100%;
  }
  .gm--full .container_texte_descriptif {
    padding: 75px 25px 165px;
  }
  .gm--full .container_texte_descriptif .gm__field-texte-long .field__item p {
    width: 100%;
  }
  .gm--full .container_video {
    margin: -90px auto 0px;
  }
  .gm--full .n_gamme h3 {
    font-size: 30px;
    line-height: 34px;
  }
  .gm--full .n_gamme .gm__field-image-2 > div .image__field-media-image {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .gm--full .n_gamme .gm__field-image-2 > div .image__field-media-image img {
    height: 70px;
  }
  .gm--full .n_gamme .field--name-field-vue-menu-inspiration {
    margin-top: -15Px;
  }
  .gm--full .n_gamme .field--name-field-vue-menu-inspiration .field__item .views-element-container div[class*=js-view-dom] .container_rows .views-row .views-field-field-image:after {
    width: 50px;
    height: 35px;
  }
  .gm--full .n_gamme .field--name-field-vue-menu-inspiration .field__item .views-element-container div[class*=js-view-dom] .container_rows .views-row .views-field-field-image .field-content img {
    height: 300px;
  }
  .gm--full .n_gamme .field--name-field-vue-menu-inspiration .field__item .views-element-container div[class*=js-view-dom] .container_rows .views-row .views-field-name-1 .field-content {
    font-size: 15px;
  }
  .gm--full .n_gamme .field--name-field-vue-produits {
    margin-top: 30px;
    margin-bottom: 120px;
  }
  .gm--full .n_gamme .field--name-field-vue-produits .field__item .views-element-container div[class*=js-view-dom] .container_rows .views-row {
    width: 50%;
  }
  .gm--full .container_formulaire .gm__field-form-documents {
    width: calc(100% - 25px);
    padding: 50px 25px;
  }
  .gm--full .container_formulaire .gm__field-form-documents form {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .gm--full .container_formulaire .gm__field-form-documents form div[id*=edit-container-labels] {
    padding-right: unset;
    max-width: unset;
    padding-bottom: 50px;
  }
  .gm--full .container_formulaire .gm__field-form-documents form div[id*=edit-container-01] {
    padding-left: unset;
    padding-top: 50px;
    border-left: unset;
    border-top: 1Px solid white;
    max-width: unset;
  }
  .gm--full .container_formulaire .gm__field-form-documents form div[id*=edit-actions] {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 20px;
  }
  .gm--full .container_formulaire_kit {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .gm--full .container_formulaire_kit .gm__field-image-7 {
    margin-right: 0;
    margin-bottom: 30px;
  }
  .gm--full .container_formulaire_kit .gm__field-image-7 .media .image__field-media-image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .gm--full .container_formulaire_kit .gm__field-image-7 .media .image__field-media-image img {
    max-width: 400px;
  }
  .gm--full .container_formulaire_kit .contenu_formulaire_kit {
    padding-bottom: unset;
  }
  .gm--full .container_formulaire_kit .contenu_formulaire_kit .wrapper_kit > .gm__field-texte-brut-2 {
    font-size: 30px;
    line-height: 34px;
  }
  .gm--full .container_ag .ag_gauche {
    max-width: unset;
  }
  .gm--full .container_ag .ag_gauche .gm__field-texte-court-1 {
    font-size: 30px;
    line-height: 34px;
  }
  .gm--full .container_ag .ag_gauche .gm__field-image-4 > div .image__field-media-image img {
    max-width: 100%;
  }
  .gm--full .container_ag .field--name-field-vue-autres-gammes .field__item .views-element-container div[class*=js-view-dom-id] .container_rows .views-row {
    width: 100%;
    /* 									&:before{
    									}
    									&.cached{
    										&:before{
    										}
    									}
    									@media(min-width:769px){
    										&:hover{
    											.views-field-field-image{
    												.field-content{
    													& > div{
    														.image__field-media-image{
    															img{
    															}
    														}
    													}
    												}
    											}
    											.views-field-fieldset{
    												.field-content{
    													.bas{
    														.views-field-field-texte-court{
    															.field-content{
    															}
    														}
    													}
    												}
    											}
    										}
    									}
    									&:last-child{
    									}
    									.views-field-field-background{
    										.field-content{
    											img{
    											}
    										}
    									}
    									.views-field-view-node{
    										.field-content{
    											a{
    											}
    										}
    									}
    									.views-field-field-image{
    										.field-content{
    											& > div{
    												.image__field-media-image{
    													img{
    														max-width: 130px;
    														max-height: 130px;
    													}
    												}
    											}
    										}
    									}
    									.views-field-fieldset{
    										.field-content{
    											.bas{
    												.views-field-field-texte-court{
    													.field-content{
    													}
    												}
    											}
    										}
    									} */
  }
}
@media (max-width: 768px) {
  .produit--full .header .header_contenu .header_gauche {
    padding: 50px 25px 75px;
  }
  .produit--full .header .header_contenu .header_gauche .header_gauche_contenu {
    padding-right: 0px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .produit--full .header .header_contenu .header_gauche .header_gauche_contenu .produit__field-titre-token h1 {
    text-align: center;
    font-size: 40px;
    line-height: 50px;
  }
  .produit--full .header .header_contenu .header_gauche .header_gauche_contenu .produit__field-texte-long {
    margin-bottom: 35px;
  }
  .produit--full .header .header_contenu .header_gauche .header_gauche_contenu .produit__field-texte-long p {
    text-align: center;
  }
  .produit--full .header .header_contenu .header_gauche .header_gauche_contenu .produit__field-crc {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .produit--full .header .header_contenu .header_gauche .header_gauche_contenu .produit__field-crc .field__item {
    width: 100%;
  }
  .produit--full .header .header_contenu .header_gauche .header_gauche_contenu .produit__field-crc .field__item .paragraph--type--crc .crc__field-icone > div .image__field-media-image img {
    height: 35px;
    width: 35px;
  }
  .produit--full .header .header_contenu .header_droite {
    margin-top: 25px;
    padding: 0 25px;
  }
}
@media (max-width: 768px) and (max-width: 525px) {
  .produit--full .header .header_contenu .header_droite {
    padding: unset;
  }
}
@media (max-width: 768px) {
  .produit--full .container_texte_descriptif {
    margin-bottom: 100px;
  }
  .produit--full .container_texte_descriptif .contenu_texte_descriptif {
    padding: unset;
  }
  .produit--full .container_texte_descriptif .contenu_texte_descriptif .produit__field-texte-long-1 {
    padding: 35px 25px;
    width: calc(100% - 50px);
  }
  .produit--full .container_texte_descriptif .contenu_texte_descriptif .produit__field-texte-long-1 p {
    font-size: 13px;
    letter-spacing: 1px;
    line-height: 17px;
  }
}
@media (max-width: 768px) {
  .produit--full .container_caracteristiques {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 0 auto 100px;
  }
  .produit--full .container_caracteristiques div[class*=carac_] {
    width: 100%;
    margin-bottom: 25px;
  }
  .produit--full .container_caracteristiques div[class*=carac_] div[class*=produit__field-texte-] {
    margin-bottom: 30px;
  }
  .produit--full .container_caracteristiques div[class*=carac_] div[class*=produit__field-texte-] h4 {
    margin-bottom: 15px;
  }
}
@media (max-width: 768px) {
  .produit--full .container_images .contenu_images {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .produit--full .container_images .contenu_images .produit__field-image-4 {
    margin-bottom: 25px;
    margin-left: unset;
  }
  .produit--full .container_images .contenu_images .produit__field-image-4 > div .image__field-media-image img {
    max-height: 500px;
  }
  .produit--full .container_images .contenu_images .container_img_produits {
    width: 100%;
    max-width: 550px;
  }
  .produit--full .container_images .contenu_images .container_img_produits .images_gauche {
    width: 100%;
    margin-bottom: 30px;
  }
  .produit--full .container_images .contenu_images .container_img_produits .images_gauche .produit__field-image-2 > div .image__field-media-image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .produit--full .container_images .contenu_images .container_img_produits .images_gauche .produit__field-image-2 > div .image__field-media-image img {
    max-width: unset;
    max-height: 200px;
    max-width: 300px;
  }
  .produit--full .container_images .contenu_images .container_img_produits .images_droite {
    width: 100%;
  }
  .produit--full .container_images .contenu_images .container_img_produits .images_droite .produit__field-image-3 > div .image__field-media-image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .produit--full .container_images .contenu_images .container_img_produits .images_droite .produit__field-image-3 > div .image__field-media-image img {
    max-width: unset;
    max-height: 200px;
    max-width: 300px;
  }
}
@media (max-width: 768px) {
  .produit--full .container_formulaire .produit__field-form-documents {
    width: calc(100% - 25px);
    padding: 50px 25px;
  }
  .produit--full .container_formulaire .produit__field-form-documents form {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .produit--full .container_formulaire .produit__field-form-documents form div[id*=edit-container-labels] {
    padding-right: unset;
    max-width: unset;
    padding-bottom: 50px;
  }
  .produit--full .container_formulaire .produit__field-form-documents form div[id*=edit-container-01] {
    padding-left: unset;
    padding-top: 50px;
    border-left: unset;
    border-top: 1Px solid white;
    max-width: unset;
  }
  .produit--full .container_formulaire .produit__field-form-documents form div[id*=edit-actions] {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 20px;
  }
}
@media (max-width: 768px) {
  .produit--full .container_formulaire_kit {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .produit--full .container_formulaire_kit .produit__field-image-8 {
    margin-right: 0;
    margin-bottom: 30px;
  }
  .produit--full .container_formulaire_kit .produit__field-image-8 .media .image__field-media-image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .produit--full .container_formulaire_kit .produit__field-image-8 .media .image__field-media-image img {
    max-width: 400px;
  }
  .produit--full .container_formulaire_kit .contenu_formulaire_kit {
    padding-bottom: unset;
  }
  .produit--full .container_formulaire_kit .contenu_formulaire_kit .wrapper_kit > .produit__field-texte-brut-2 {
    font-size: 30px;
    line-height: 34px;
  }
}
@media (max-width: 768px) {
  .produit--full .container_ap h3 {
    font-size: 30px;
    line-height: 40px;
  }
  .produit--full .container_ap .field--name-field-vue-produits {
    margin-bottom: 130px;
  }
}
@media (max-width: 768px) and (max-width: 550px) {
  .produit--full .container_ap .field--name-field-vue-produits .field__item .views-element-container div[class*=js-view-dom] .container_rows .views-row {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .mnts {
    padding: 0px 25px;
  }
  .mnts .container_mentions {
    padding: 130px 0px 100px;
  }
  .mnts .container_mentions .mnts__field-titre-token {
    margin-bottom: 50px;
  }
  .mnts .container_mentions .mnts__field-titre-token h1 {
    font-size: 38px;
    letter-spacing: 0;
    line-height: 43px;
  }
  .mnts .container_mentions .mnts__body h2 {
    font-size: 24px;
    letter-spacing: 0;
    line-height: 28px;
    margin-bottom: 20px;
  }
  .mnts .container_mentions .mnts__body h3 {
    font-size: 20px;
    letter-spacing: 0;
    line-height: 23px;
    margin-bottom: 10px;
  }
  .mnts .container_mentions .mnts__body p, .mnts .container_mentions .mnts__body a {
    font-size: 13px;
    letter-spacing: 0.5px;
    line-height: 20px;
  }
  .mnts .container_mentions .mnts__body p {
    margin-bottom: 7px;
  }
  .mnts .container_mentions .mnts__body p:last-child {
    margin-bottom: 0px;
  }
  .mnts .container_mentions .mnts__body ul li, .mnts .container_mentions .mnts__body ul a {
    margin-bottom: 10px;
    font-size: 13px;
    letter-spacing: 0.5px;
    line-height: 20px;
  }
}
@media (max-width: 768px) {
  .page-node-type-error404 .dialog-off-canvas-main-canvas .error404 {
    padding: 120px 25px;
  }
  .page-node-type-error404 .dialog-off-canvas-main-canvas .error404 .error404__field-image {
    margin-bottom: 25px;
  }
  .page-node-type-error404 .dialog-off-canvas-main-canvas .error404 .error404__field-image > div .image__field-media-image img {
    height: 120px;
  }
  .page-node-type-error404 .dialog-off-canvas-main-canvas .error404 .error404__field-texte-court {
    font-size: 30px;
    letter-spacing: 0;
    line-height: 34px;
    margin-bottom: 5px;
  }
  .page-node-type-error404 .dialog-off-canvas-main-canvas .error404 .error404__field-texte-court-2 {
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 23px;
    margin-bottom: 25px;
  }
  .page-node-type-error404 .dialog-off-canvas-main-canvas .error404 .error404__field-liens {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .page-node-type-error404 .dialog-off-canvas-main-canvas .error404 .error404__field-liens .field__item:nth-child(2) {
    margin-left: unset;
    margin-top: 10px;
  }
  .maintenance-page .dialog-off-canvas-main-canvas .container_principal_maintenance .container_maintenance .logo {
    width: 260px;
    height: 260px;
    margin-top: -125px;
    padding-bottom: 30px;
  }
  .maintenance-page .dialog-off-canvas-main-canvas .container_principal_maintenance .container_maintenance .logo img {
    height: 90px;
  }
  .maintenance-page .dialog-off-canvas-main-canvas .container_principal_maintenance .container_maintenance .container_bas .titre_maintenance {
    font-size: 30px;
    letter-spacing: 0;
    line-height: 34px;
    margin-bottom: 5px;
  }
  .maintenance-page .dialog-off-canvas-main-canvas .container_principal_maintenance .container_maintenance .container_bas .txt_1 {
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 23px;
    margin-bottom: 25px;
  }
  .maintenance-page .dialog-off-canvas-main-canvas .container_principal_maintenance .container_maintenance .container_bas .container_btn_maintenance {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .maintenance-page .dialog-off-canvas-main-canvas .container_principal_maintenance .container_maintenance .container_bas .container_btn_maintenance a {
    display: block;
  }
  .maintenance-page .dialog-off-canvas-main-canvas .container_principal_maintenance .container_maintenance .container_bas .container_btn_maintenance a:first-child {
    margin-right: unset;
    margin-bottom: 10px;
  }
}
@media (max-width: 768px) {
  .page-kit {
    padding: 0px 25px;
  }
  .page-kit .container_main .contenu_main {
    padding: 90px 25px 130px;
  }
  .page-kit .container_main .contenu_main .contenu_header_boise {
    margin-bottom: 40px;
    padding: unset;
  }
  .page-kit .container_main .contenu_main .contenu_header_boise .page-kit__field-image-3 {
    left: unset;
  }
  .page-kit .container_main .contenu_main .contenu_header_boise .page-kit__field-texte-long-1 h2 {
    font-size: 30px;
    line-height: 34px;
  }
  .page-kit .container_main .contenu_main .container_titre {
    margin-bottom: 0px;
  }
  .page-kit .container_main .contenu_main .container_titre h3 {
    font-size: 30px;
    letter-spacing: 0;
    line-height: 34px;
    margin-bottom: 5Px;
  }
  .page-kit .container_main .contenu_main .container_titre .page-kit__field-image {
    left: unset;
  }
  .page-kit .container_main .contenu_main .field--name-field-vue-menu-gammes {
    margin-bottom: 40px;
  }
  .page-kit .container_main .contenu_main .field--name-field-vue-menu-gammes > .field__item .views-element-container div[class*=js-view-dom] .container_rows {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    overflow: scroll;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .page-kit .container_main .contenu_main .field--name-field-vue-menu-gammes > .field__item .views-element-container div[class*=js-view-dom] .container_rows::-webkit-scrollbar {
    display: none;
  }
  .page-kit .container_main .contenu_main .field--name-field-vue-menu-gammes > .field__item .views-element-container div[class*=js-view-dom] .container_rows .views-row {
    margin-bottom: unset;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
  .page-kit .container_main .contenu_main .field--name-field-vue-menu-gammes > .field__item .views-element-container div[class*=js-view-dom] .container_rows .views-row:first-child {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
  .page-kit .container_main .contenu_main .field--name-field-vue-menu-gammes > .field__item .views-element-container div[class*=js-view-dom] .container_rows .views-row .views-field-field-texte-court .field-content .cible {
    white-space: nowrap;
  }
  .page-kit .container_main .contenu_main .page-kit__field-texte-long {
    padding: unset;
  }
  .page-kit .container_main .contenu_main .page-kit__field-texte-long p {
    font-size: 13px;
    letter-spacing: 0.5px;
    line-height: 20px;
  }
  .page-kit .container_main .contenu_main .field--name-field-vue-gammes > .field__item > .views-element-container > div[class*=js-view-dom] > .container_rows .item-gamme .gm--pagekit .gm__field-texte-long-2 {
    padding: unset;
    max-height: 350px;
    margin-bottom: 30px;
  }
  .page-kit .container_main .contenu_main .field--name-field-vue-gammes > .field__item > .views-element-container > div[class*=js-view-dom] > .container_rows .item-gamme .gm--pagekit .gm__field-texte-long-2 p {
    font-size: 13px;
    letter-spacing: 0.5px;
    line-height: 20px;
  }
  .page-kit .container_main .contenu_main .field--name-field-vue-gammes > .field__item > .views-element-container > div[class*=js-view-dom] > .container_rows .item-gamme .gm--pagekit .field--name-field-produits-pagekit > .field__item > .views-element-container > div[class*=js-view-dom] > .container_rows .views-row {
    width: 50%;
  }
  .page-kit .container_main .container_form {
    margin-top: -32px;
  }
  .page-kit .container_main .container_form .page-kit__field-image-2 {
    left: unset;
  }
  .page-kit .container_main .container_form .page-kit__field-formulaire-kit {
    margin-bottom: 130px;
  }
  .page-kit .container_main .container_form .page-kit__field-formulaire-kit form div[id*=edit-droite] {
    margin: 0 auto;
    max-width: 500px;
  }
  .page-kit .container_main .container_form .page-kit__field-formulaire-kit form div[id*=edit-droite] .js-form-item:not(.form-item-infos-persos) {
    width: 100%;
  }
  .page-kit .container_main .container_form .page-kit__field-formulaire-kit form div[id*=edit-droite] .js-form-item:not(.form-item-infos-persos) label {
    font-size: 11px;
    font-weight: bold;
    letter-spacing: 2px;
    line-height: 13px;
  }
  .page-kit .container_main .container_form .page-kit__field-formulaire-kit form div[id*=edit-droite] .form-item-infos-persos label {
    width: 100%;
  }
  .page-kit.commander .container_main .contenu_main .contenu_header_boise {
    padding: unset;
  }
  .page-kit.commander .container_main .contenu_main .container_titre {
    margin-bottom: 70px;
  }
  .page-kit.commander .container_main .contenu_main .field--name-field-vue-menu-gammes {
    margin-bottom: 40px;
  }
  .page-kit.commander .container_main .contenu_main .field--name-field-vue-gammes > .field__item > .views-element-container > div[class*=js-view-dom] > .container_rows .item-gamme .gm--pagekit .gm__field-texte-long-2 {
    max-height: 350px;
    margin-bottom: 30px;
  }
  .page-kit.commander .container_main .contenu_main .field--name-field-vue-gammes > .field__item > .views-element-container > div[class*=js-view-dom] > .container_rows .item-gamme .gm--pagekit .gm__field-texte-long-2 p {
    font-size: 13px;
    letter-spacing: 0.5px;
    line-height: 20px;
  }
  .page-kit.commander .container_main .container_form .page-kit__field-image-2 {
    left: unset;
  }
}
@media (max-width: 768px) {
  .path-frontpage, .page-node-type-accueil {
    /* 		.container_telephone{
    			.contenu_telephone{
    				.accueil__field-image-2{
    					& > div {
    						.image__field-media-image{
    							img{
    							}
    						}
    					}
    				}
    				.accueil__field-txttel{
    					.paragraph--type--dt{
    						.dt__field-texte-1{
    							p{
    							}
    						}
    						.dt__field-texte-2{
    							p{
    								strong{
    								}
    							}
    							ul{
    								li{
    									&:before{
    									}
    									strong{
    									}
    									&:last-child{
    									}
    								}
    							}
    						}
    					}
    				}
    			}
    		} */
  }
  .path-frontpage .block--splashscreen .basic__body .container, .page-node-type-accueil .block--splashscreen .basic__body .container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .path-frontpage .block--splashscreen .basic__body .container .gauche, .page-node-type-accueil .block--splashscreen .basic__body .container .gauche {
    padding: 50px 25Px 25px;
    width: 100%;
  }
  .path-frontpage .block--splashscreen .basic__body .container .gauche img, .page-node-type-accueil .block--splashscreen .basic__body .container .gauche img {
    height: 150px;
  }
  .path-frontpage .block--splashscreen .basic__body .container .gauche h4, .page-node-type-accueil .block--splashscreen .basic__body .container .gauche h4 {
    padding-right: unset;
    text-align: center;
    font-size: 24px;
    letter-spacing: 0;
    line-height: 28px;
  }
  .path-frontpage .block--splashscreen .basic__body .container .droite, .page-node-type-accueil .block--splashscreen .basic__body .container .droite {
    padding: 25px;
  }
  .path-frontpage .block--splashscreen .basic__body .container .droite .texte, .page-node-type-accueil .block--splashscreen .basic__body .container .droite .texte {
    font-size: 13px;
    letter-spacing: 0.5px;
    line-height: 20px;
  }
  .path-frontpage .header, .page-node-type-accueil .header {
    height: 530px;
    margin-top: 0px;
    margin-bottom: 100px;
  }
  .path-frontpage .header:after, .page-node-type-accueil .header:after {
    height: 300px;
    width: 198px;
    top: 449px;
    left: -25px;
  }
  .path-frontpage .header .header_contenu, .page-node-type-accueil .header .header_contenu {
    width: calc(100% - 50px);
  }
  .path-frontpage .header .header_contenu .accueil__field-hs .field__item, .page-node-type-accueil .header .header_contenu .accueil__field-hs .field__item {
    height: 490px;
  }
  .path-frontpage .header .header_contenu .accueil__field-hs .field__item .paragraph--type--sha .contenu, .page-node-type-accueil .header .header_contenu .accueil__field-hs .field__item .paragraph--type--sha .contenu {
    padding: 140px 18px 65px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    min-height: 400px;
  }
  .path-frontpage .header .header_contenu .accueil__field-hs .field__item .paragraph--type--sha .contenu .textes .sha__field-texte-1, .page-node-type-accueil .header .header_contenu .accueil__field-hs .field__item .paragraph--type--sha .contenu .textes .sha__field-texte-1 {
    margin-bottom: 10px;
  }
  .path-frontpage .header .header_contenu .accueil__field-hs .field__item .paragraph--type--sha .contenu .textes .sha__field-texte-1 p, .page-node-type-accueil .header .header_contenu .accueil__field-hs .field__item .paragraph--type--sha .contenu .textes .sha__field-texte-1 p {
    font-size: 30px;
    letter-spacing: 0;
    line-height: 34px;
    text-align: center;
  }
  .path-frontpage .header .header_contenu .accueil__field-hs .field__item .paragraph--type--sha .contenu .textes .sha__field-texte-2, .page-node-type-accueil .header .header_contenu .accueil__field-hs .field__item .paragraph--type--sha .contenu .textes .sha__field-texte-2 {
    margin-bottom: 25px;
  }
  .path-frontpage .header .header_contenu .accueil__field-hs .field__item .paragraph--type--sha .contenu .textes .sha__field-texte-2 p, .page-node-type-accueil .header .header_contenu .accueil__field-hs .field__item .paragraph--type--sha .contenu .textes .sha__field-texte-2 p {
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 23px;
    text-align: center;
  }
  .path-frontpage .header .header_contenu .accueil__field-hs .field__item .paragraph--type--sha .contenu .sha__field-lien, .page-node-type-accueil .header .header_contenu .accueil__field-hs .field__item .paragraph--type--sha .contenu .sha__field-lien {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .path-frontpage .header .header_contenu .accueil__field-hs .field__item .paragraph--type--sha .contenu .sha__field-lien a, .page-node-type-accueil .header .header_contenu .accueil__field-hs .field__item .paragraph--type--sha .contenu .sha__field-lien a {
    font-size: 11px;
    font-weight: bold;
    letter-spacing: 2px;
    line-height: 13px;
    text-align: center;
    padding: 15px;
  }
  .path-frontpage .container_p1, .page-node-type-accueil .container_p1 {
    padding-left: unset;
    margin-bottom: 100px;
    padding: 0px 25px;
    width: 100%;
  }
  .path-frontpage .container_p1 .accueil__field-p1 .field__item, .page-node-type-accueil .container_p1 .accueil__field-p1 .field__item {
    width: 100%;
  }
  .path-frontpage .container_p1 .accueil__field-p1 .field__item .paragraph--type--dt .dt__field-texte-1, .page-node-type-accueil .container_p1 .accueil__field-p1 .field__item .paragraph--type--dt .dt__field-texte-1 {
    margin-bottom: 15px;
  }
  .path-frontpage .container_p1 .accueil__field-p1 .field__item .paragraph--type--dt .dt__field-texte-1 p, .page-node-type-accueil .container_p1 .accueil__field-p1 .field__item .paragraph--type--dt .dt__field-texte-1 p {
    font-size: 30px;
    letter-spacing: 0;
    line-height: 34px;
  }
  .path-frontpage .container_p1 .accueil__field-p1 .field__item .paragraph--type--dt .dt__field-texte-2, .page-node-type-accueil .container_p1 .accueil__field-p1 .field__item .paragraph--type--dt .dt__field-texte-2 {
    width: 100%;
  }
  .path-frontpage .container_p1 .accueil__field-p1 .field__item .paragraph--type--dt .dt__field-texte-2 p, .page-node-type-accueil .container_p1 .accueil__field-p1 .field__item .paragraph--type--dt .dt__field-texte-2 p {
    font-size: 16px;
    letter-spacing: 0.5px;
    line-height: 23px;
  }
  .path-frontpage .contenu_logos, .page-node-type-accueil .contenu_logos {
    padding: 84px 25px 84px 0px;
    margin-bottom: 150px;
  }
  .path-frontpage .contenu_logos .accueil__field-images, .page-node-type-accueil .contenu_logos .accueil__field-images {
    overflow: scroll;
  }
  .path-frontpage .contenu_logos .accueil__field-images::-webkit-scrollbar, .page-node-type-accueil .contenu_logos .accueil__field-images::-webkit-scrollbar {
    display: none;
  }
  .path-frontpage .contenu_logos .accueil__field-images .field__item, .page-node-type-accueil .contenu_logos .accueil__field-images .field__item {
    margin-right: 0px;
    margin: 0px 25px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    -webkit-box-flex: unset;
        -ms-flex: unset;
            flex: unset;
    max-width: 150px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  .path-frontpage .contenu_logos .accueil__field-images .field__item > div .image__field-media-image img, .page-node-type-accueil .contenu_logos .accueil__field-images .field__item > div .image__field-media-image img {
    max-height: 90px;
  }
  .path-frontpage .container_gamme, .page-node-type-accueil .container_gamme {
    margin-bottom: 110px;
  }
  .path-frontpage .container_gamme h3, .page-node-type-accueil .container_gamme h3 {
    font-size: 30px;
    letter-spacing: 0;
    line-height: 34px;
    padding: 0px 20px;
  }
  .path-frontpage .container_gamme .contenu_gamme .accueil__field-image, .page-node-type-accueil .container_gamme .contenu_gamme .accueil__field-image {
    margin: 0 auto;
  }
  .path-frontpage .container_gamme .contenu_gamme .accueil__field-image > div .image__field-media-image img, .page-node-type-accueil .container_gamme .contenu_gamme .accueil__field-image > div .image__field-media-image img {
    height: 102px;
  }
  .path-frontpage .container_gamme .contenu_gamme .field--name-field-vue-gammes, .page-node-type-accueil .container_gamme .contenu_gamme .field--name-field-vue-gammes {
    margin-top: -24px;
    height: unset;
  }
  .path-frontpage .container_gamme .contenu_gamme .field--name-field-vue-gammes .field__item .views-element-container div[class*=js-view-dom-id] .container_rows, .page-node-type-accueil .container_gamme .contenu_gamme .field--name-field-vue-gammes .field__item .views-element-container div[class*=js-view-dom-id] .container_rows {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
  .path-frontpage .container_gamme .contenu_gamme .field--name-field-vue-gammes .field__item .views-element-container div[class*=js-view-dom-id] .container_rows .views-row, .page-node-type-accueil .container_gamme .contenu_gamme .field--name-field-vue-gammes .field__item .views-element-container div[class*=js-view-dom-id] .container_rows .views-row {
    height: auto;
    -webkit-box-flex: unset;
        -ms-flex: unset;
            flex: unset;
    width: 100%;
    /* 									&:before{
    									}
    									&.cached{
    										&:before{
    										}
    									}
    									@media(min-width:769px){
    										&:hover{
    											.views-field-field-image{
    												.field-content{
    													& > div{
    														.image__field-media-image{
    															img{
    															}
    														}
    													}
    												}
    											}
    											.views-field-fieldset{
    												.field-content{
    													.bas{
    														.views-field-field-texte-court{
    															.field-content{
    															}
    														}
    													}
    												}
    											}
    										}
    									}
    									&:last-child{
    									}
    									.views-field-field-background{
    										.field-content{
    											img{
    											}
    										}
    									}
    									.views-field-view-node{
    										.field-content{
    											a{
    											}
    										}
    									}
    									.views-field-field-image{
    										height: 100px;
    										width: 100px;
    										margin-bottom: 33px;
    										.field-content{
    											& > div{
    												.image__field-media-image{
    													img{
    														min-width: unset;
    														margin-top:unset;
    														width: 100%;
       													height: 100%;
    													}
    												}
    											}
    										}
    									}
    									.views-field-fieldset{
    										position:unset;
    										.field-content{
    											.bas{
    												.views-field-field-texte-court{
    													.field-content{
    													}
    												}
    											}
    										}
    									} */
  }
  .path-frontpage .container_gamme .contenu_gamme .field--name-field-vue-gammes .field__item .views-element-container div[class*=js-view-dom-id] .container_rows .views-row:last-child, .page-node-type-accueil .container_gamme .contenu_gamme .field--name-field-vue-gammes .field__item .views-element-container div[class*=js-view-dom-id] .container_rows .views-row:last-child {
    width: 100%;
  }
  .path-frontpage .container_gamme .contenu_gamme .field--name-field-vue-gammes .field__item .views-element-container div[class*=js-view-dom-id] .container_rows .views-row:last-child article, .page-node-type-accueil .container_gamme .contenu_gamme .field--name-field-vue-gammes .field__item .views-element-container div[class*=js-view-dom-id] .container_rows .views-row:last-child article {
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
    -webkit-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important;
    padding: 40px 24px !important;
  }
  .path-frontpage .container_slider_milieu, .page-node-type-accueil .container_slider_milieu {
    padding: unset;
    padding-left: 25px;
  }
  .path-frontpage .container_slider_milieu:after, .page-node-type-accueil .container_slider_milieu:after {
    width: 25px;
    height: 50px;
  }
  .path-frontpage .container_slider_milieu .accueil__field-slider-contenu, .page-node-type-accueil .container_slider_milieu .accueil__field-slider-contenu {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .path-frontpage .container_slider_milieu .accueil__field-slider-contenu .slick-list, .page-node-type-accueil .container_slider_milieu .accueil__field-slider-contenu .slick-list {
    margin-bottom: 10px;
  }
  .path-frontpage .container_slider_milieu .accueil__field-slider-contenu .slick-dots, .page-node-type-accueil .container_slider_milieu .accueil__field-slider-contenu .slick-dots {
    margin: unset;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    margin-bottom: -30px;
  }
  .path-frontpage .container_slider_milieu .accueil__field-slider-contenu .slick-dots li, .page-node-type-accueil .container_slider_milieu .accueil__field-slider-contenu .slick-dots li {
    margin: unset;
    margin-right: 15px;
  }
  .path-frontpage .container_slider_milieu .accueil__field-slider-contenu .slick-dots li:last-child, .page-node-type-accueil .container_slider_milieu .accueil__field-slider-contenu .slick-dots li:last-child {
    margin: unset;
    margin-right: 0px;
  }
  .path-frontpage .container_slider_milieu .accueil__field-slider-contenu .field__item .paragraph--type--sha .contenu, .page-node-type-accueil .container_slider_milieu .accueil__field-slider-contenu .field__item .paragraph--type--sha .contenu {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .path-frontpage .container_slider_milieu .accueil__field-slider-contenu .field__item .paragraph--type--sha .contenu .sha__field-image, .page-node-type-accueil .container_slider_milieu .accueil__field-slider-contenu .field__item .paragraph--type--sha .contenu .sha__field-image {
    margin: unset;
    width: 100%;
    height: 250px;
  }
  .path-frontpage .container_slider_milieu .accueil__field-slider-contenu .field__item .paragraph--type--sha .contenu .sha__field-image img, .page-node-type-accueil .container_slider_milieu .accueil__field-slider-contenu .field__item .paragraph--type--sha .contenu .sha__field-image img {
    -o-object-fit: cover;
       object-fit: cover;
  }
  .path-frontpage .container_slider_milieu .accueil__field-slider-contenu .field__item .paragraph--type--sha .contenu .textes, .page-node-type-accueil .container_slider_milieu .accueil__field-slider-contenu .field__item .paragraph--type--sha .contenu .textes {
    padding: 25px 25px 40px 0px;
  }
  .path-frontpage .container_slider_milieu .accueil__field-slider-contenu .field__item .paragraph--type--sha .contenu .textes .sha__field-texte-1, .page-node-type-accueil .container_slider_milieu .accueil__field-slider-contenu .field__item .paragraph--type--sha .contenu .textes .sha__field-texte-1 {
    margin-bottom: 15px;
  }
  .path-frontpage .container_slider_milieu .accueil__field-slider-contenu .field__item .paragraph--type--sha .contenu .textes .sha__field-texte-1 p, .page-node-type-accueil .container_slider_milieu .accueil__field-slider-contenu .field__item .paragraph--type--sha .contenu .textes .sha__field-texte-1 p {
    font-size: 30px;
    letter-spacing: 0;
    line-height: 34px;
  }
  .path-frontpage .container_slider_milieu .accueil__field-slider-contenu .field__item .paragraph--type--sha .contenu .textes .sha__field-texte-2 p, .page-node-type-accueil .container_slider_milieu .accueil__field-slider-contenu .field__item .paragraph--type--sha .contenu .textes .sha__field-texte-2 p {
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 23px;
  }
  .path-frontpage .container_produits, .page-node-type-accueil .container_produits {
    margin: 0 auto 117px;
  }
  .path-frontpage .container_produits h3, .page-node-type-accueil .container_produits h3 {
    font-size: 30px;
    letter-spacing: 0;
    line-height: 34px;
  }
  .path-frontpage .container_produits .field--name-field-vue-produits .field__item .views-element-container div[class*=js-view-dom] footer, .page-node-type-accueil .container_produits .field--name-field-vue-produits .field__item .views-element-container div[class*=js-view-dom] footer {
    margin-top: 25px;
  }
  .path-frontpage .container_milieu, .page-node-type-accueil .container_milieu {
    padding: 0px 0px 100px;
  }
  .path-frontpage .container_milieu .contenu_milieu, .page-node-type-accueil .container_milieu .contenu_milieu {
    padding: unset;
  }
  .path-frontpage .container_milieu .contenu_milieu .accueil__field-vid .paragraph--type--iv .iv__field-image, .page-node-type-accueil .container_milieu .contenu_milieu .accueil__field-vid .paragraph--type--iv .iv__field-image {
    width: calc(100% - 50px);
  }
  .path-frontpage .container_milieu .contenu_milieu .accueil__field-vid .paragraph--type--iv .contenu_video, .page-node-type-accueil .container_milieu .contenu_milieu .accueil__field-vid .paragraph--type--iv .contenu_video {
    margin-top: -20px;
    height: 380px;
  }
}
@media (max-width: 768px) {
  .block--nombreechantillons {
    padding: 0px 20px;
    bottom: 15px;
  }
  .block--nombreechantillons .basic__body .ec_contenu_liste .ec_liste_produits {
    padding: 20px;
  }
  .block--nombreechantillons .basic__body .ec_contenu_liste .ec_liste_produits .ec_titre_liste {
    font-size: 27px;
    line-height: 33px;
    margin-bottom: 15px;
  }
  .block--nombreechantillons .basic__body .ec_contenu_liste .ec_liste_produits .ec_barre_marron {
    margin-bottom: 20px;
  }
  .block--nombreechantillons .basic__body .ec_contenu_liste .ec_liste_produits .ec_container_liste {
    padding: unset;
  }
  .block--nombreechantillons .basic__body .ec_contenu_liste .ec_liste_produits .ec_container_liste ul li {
    font-size: 20px;
    line-height: 23px;
    margin-bottom: 10px;
  }
  .block--nombreechantillons .basic__body .ec_contenu_liste .ec_liste_produits .ec_lien_commander {
    margin-top: 40px;
  }
  .block--nombreechantillons .basic__body .ec_container .ec_container_gauche .ec_nombre {
    padding: 5px;
  }
  .block--nombreechantillons .basic__body .ec_container .ec_container_gauche .ec_texte {
    padding: 0 15px;
    font-size: 12px;
  }
}
@media (max-width: 768px) {
  .page-node-type-contact .dialog-off-canvas-main-canvas .contact .contact_b1 {
    width: 100%;
    padding: 90px 32px 68px 32px;
  }
  .page-node-type-contact .dialog-off-canvas-main-canvas .contact .contact_b1 .contact_b1_container {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .page-node-type-contact .dialog-off-canvas-main-canvas .contact .contact_b1 .contact_b1_container .contact_b1_adresses {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .page-node-type-contact .dialog-off-canvas-main-canvas .contact .contact_b1 .contact_b1_container .contact_b1_adresses .contact__field-texte-long,
.page-node-type-contact .dialog-off-canvas-main-canvas .contact .contact_b1 .contact_b1_container .contact_b1_adresses .contact__field-texte-long-1 {
    font-size: 15px;
    line-height: 25px;
  }
  .page-node-type-contact .dialog-off-canvas-main-canvas .contact .contact_b1 .contact_b1_container .contact_b1_adresses .adress_b1.adress_b1_pre {
    width: 350px;
    -webkit-box-pack: left;
        -ms-flex-pack: left;
            justify-content: left;
    margin-bottom: 50px;
  }
  .page-node-type-contact .dialog-off-canvas-main-canvas .contact .contact_b1 .contact_b1_container .contact_b1_adresses .adress_b1.adress_b1_sec {
    width: 350px;
    -webkit-box-pack: left;
        -ms-flex-pack: left;
            justify-content: left;
  }
  .page-node-type-contact .dialog-off-canvas-main-canvas .contact .contact_b1 .contact_b1_container .contact_b1_adresses .contact__field-lien {
    padding-top: 50px;
    width: 350px;
    -webkit-box-pack: left;
        -ms-flex-pack: left;
            justify-content: left;
  }
  .page-node-type-contact .dialog-off-canvas-main-canvas .contact .contact_b1 .contact_b1_container .contact_b1_adresses .contact_b1_liens_contact {
    width: 100%;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .page-node-type-contact .dialog-off-canvas-main-canvas .contact .contact_b1 .contact_b1_container .contact_b1_adresses .contact_b1_liens_contact .contact__field-liens {
    width: 350px;
    -webkit-box-pack: left;
        -ms-flex-pack: left;
            justify-content: left;
  }
  .page-node-type-contact .dialog-off-canvas-main-canvas .contact .contact_b1 .contact_b1_container .contact__webform input,
.page-node-type-contact .dialog-off-canvas-main-canvas .contact .contact_b1 .contact_b1_container .contact__webform textarea {
    width: 100%;
  }
  .page-node-type-contact .dialog-off-canvas-main-canvas .contact .contact_b1 .contact_b1_container .contact__webform .contact_form_section1 .form-item {
    width: calc(100% - 10px);
  }
  .page-node-type-contact .dialog-off-canvas-main-canvas .contact .contact_b1 .contact_b1_container .contact__webform .contact_form_section2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .page-node-type-contact .dialog-off-canvas-main-canvas .contact .contact_b1 .contact_b1_container .contact__webform .contact_form_section2 .contact_form_section2_1 {
    width: calc(100% - 10px);
  }
  .page-node-type-contact .dialog-off-canvas-main-canvas .contact .contact_b1 .contact_b1_container .contact__webform .contact_form_section2 .contact_form_section2_2 {
    width: calc(100% - 10px);
    padding-top: 25px;
  }
  .page-node-type-contact .dialog-off-canvas-main-canvas .contact .contact_b1 .contact_b1_container .contact__webform .js-form-type-checkbox input {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
  .page-node-type-contact .dialog-off-canvas-main-canvas .contact .contact_b1 .contact_b1_container .contact__webform #edit-actions {
    text-align: left;
    width: auto;
  }
  .page-node-type-contact .dialog-off-canvas-main-canvas .contact .contact_b1 .contact_b1_container .contact__webform #edit-actions input {
    width: auto;
  }
  .page-node-type-contact .dialog-off-canvas-main-canvas .contact .contact_b2 {
    width: 100%;
    padding: 90px 32px 80px 32px;
  }
  .page-node-type-contact .dialog-off-canvas-main-canvas .contact .contact_b2 .contact__field-image {
    width: 310px;
    top: -15px;
  }
  .page-node-type-contact .dialog-off-canvas-main-canvas .contact .contact_b2 .contact__field-image img {
    width: 100%;
  }
  .page-node-type-contact .dialog-off-canvas-main-canvas .contact .contact_b2 .contact__field-texte-brut-4 {
    font-size: 28px;
    line-height: 32px;
    margin: auto;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .page-node-type-contact .dialog-off-canvas-main-canvas .contact .contact_b2 .contact__field-texte-brut-4:before, .page-node-type-contact .dialog-off-canvas-main-canvas .contact .contact_b2 .contact__field-texte-brut-4:after {
    display: none;
  }
  .page-node-type-contact .dialog-off-canvas-main-canvas .contact .contact_b2 .contact_b2_adresses_internat {
    padding-left: 0%;
  }
  .page-node-type-contact .dialog-off-canvas-main-canvas .contact .contact_b2 .contact_b2_adresses_internat .adresses_det_internationales {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
  .page-node-type-contact .dialog-off-canvas-main-canvas .contact .contact_b2 .contact_b2_adresses_internat .adresses_det_internationales.adresses_det_fil {
    padding-bottom: 20px;
  }
  .page-node-type-contact .dialog-off-canvas-main-canvas .contact .contact_b2 .contact_b2_adresses_internat .adresses_det_internationales .contact_b1_distrib_cols {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media (max-width: 768px) {
  .page-node-type-hub-doc .hub-doc .hub-doc__field-texte-long .field__item h2 {
    font-size: 40px;
    line-height: 46px;
    margin-bottom: 15px;
  }
  .page-node-type-hub-doc .hub-doc .field--name-field-vue > .field__item .views-element-container .view form fieldset .card-body > .form-radios > .form-radios {
    overflow: scroll;
  }
}
@media (max-width: 768px) and (max-width: 615px) {
  .page-node-type-hub-doc .hub-doc .field--name-field-vue > .field__item .views-element-container .view form fieldset .card-body > .form-radios > .form-radios {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
@media (max-width: 768px) {
  .page-node-type-hub-doc .hub-doc .field--name-field-vue > .field__item .views-element-container .view form fieldset .card-body > .form-radios > .form-radios::-webkit-scrollbar {
    display: none;
  }
}
@media (max-width: 768px) {
  .page-node-type-hub-doc .hub-doc .field--name-field-vue > .field__item .views-element-container .view .container_rows .views-row article .doc_lien {
    font-size: 0px;
    color: transparent;
    padding: 14px;
    letter-spacing: 0px;
  }
  .page-node-type-hub-doc .hub-doc .field--name-field-vue > .field__item .views-element-container .view .container_rows .views-row article .doc_lien:before {
    margin-right: unset;
  }
}
@media (max-width: 525px) {
  body .dialog-off-canvas-main-canvas .page main .page__content .container .block--views-block--00-gammes-block-1 > div > div[class*=js-view-dom-id] header .contenu_header .view-display-id-block_7 .container_rows .views_row .views-field-view-node .field-content a:nth-child(2) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media (max-width: 525px) {
  body .dialog-off-canvas-main-canvas .page footer > .container .d-flex .block--views-block--00-footer-block-1 > div div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset > .field-content .contenu {
    padding: 30px 25px;
    width: calc(100% - 25px);
  }
  body .dialog-off-canvas-main-canvas .page footer > .container .d-flex .block--views-block--00-footer-block-1 > div div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset > .field-content .contenu .views-field-fieldset-1 > .field-content .contenu-haut {
    padding-bottom: 25px;
  }
  body .dialog-off-canvas-main-canvas .page footer > .container .d-flex .block--views-block--00-footer-block-1 > div div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset > .field-content .contenu .views-field-fieldset-1 > .field-content .contenu-haut .views-field-field-image {
    max-width: 180px;
  }
  body .dialog-off-canvas-main-canvas .page footer > .container .d-flex .block--views-block--00-footer-block-1 > div div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset > .field-content .contenu .views-field-fieldset-1 > .field-content .contenu-haut .views-field-field-image .field-content > div .image__field-media-image img {
    width: 180px;
  }
  body .dialog-off-canvas-main-canvas .page footer > .container .d-flex .block--views-block--00-footer-block-1 > div div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset > .field-content .contenu .views-field-fieldset-2 {
    padding-top: 25px;
  }
  body .dialog-off-canvas-main-canvas .page footer > .container .d-flex .block--views-block--00-footer-block-1 > div div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset > .field-content .contenu .views-field-fieldset-2 > .field-content .contenu-bas .views-field-fieldset-4 {
    margin-bottom: 25px;
  }
  body .dialog-off-canvas-main-canvas .page footer > .container .d-flex .block--views-block--00-footer-block-1 > div div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset > .field-content .contenu .views-field-fieldset-2 > .field-content .contenu-bas .views-field-fieldset-4 > .field-content .container-haut .views-field-field-texte-long .field-content p {
    font-size: 13px;
    letter-spacing: 0.5px;
    line-height: 20px;
  }
  body .dialog-off-canvas-main-canvas .page footer > .container .d-flex .block--views-block--00-footer-block-1 > div div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset > .field-content .contenu .views-field-fieldset-2 > .field-content .contenu-bas .views-field-fieldset-4 > .field-content .container-haut .views-field-fieldset-8 .field-content .container-liens-gauche .views-field-field-liens .field-content a {
    font-size: 13px;
    letter-spacing: 0.5px;
    line-height: 20px;
  }
  body .dialog-off-canvas-main-canvas .page footer > .container .d-flex .block--views-block--00-footer-block-1 > div div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset > .field-content .contenu .views-field-fieldset-2 > .field-content .contenu-bas .views-field-fieldset-4 > .field-content .container-haut .views-field-fieldset-8 .field-content .container-liens-gauche .views-field-fieldset-6 {
    margin-top: 25px;
  }
  body .dialog-off-canvas-main-canvas .page footer > .container .d-flex .block--views-block--00-footer-block-1 > div div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset > .field-content .contenu .views-field-fieldset-2 > .field-content .contenu-bas .views-field-fieldset-4 > .field-content .container-haut .views-field-fieldset-8 .field-content .container-liens-gauche .views-field-fieldset-6 .field-content .container-lg-rs .views-field-field-langues .container_rows {
    display: none !important;
  }
  body .dialog-off-canvas-main-canvas .page footer > .container .d-flex .block--views-block--00-footer-block-1 > div div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset > .field-content .contenu .views-field-fieldset-2 > .field-content .contenu-bas .views-field-fieldset-5 .field-content .container-bas .views-field-field-lien .field-content a {
    font-size: 11px;
    line-height: 13px;
    padding: 15px;
  }
  body .dialog-off-canvas-main-canvas .page footer > .container .d-flex .block--views-block--00-footer-block-1 > div div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset > .field-content .contenu .views-field-fieldset-2 > .field-content .contenu-bas .views-field-fieldset-5 .field-content .container-bas .views-field-field-liens-1 {
    margin-top: 25px;
  }
  body .dialog-off-canvas-main-canvas .page footer > .container .d-flex .block--views-block--00-footer-block-1 > div div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset > .field-content .contenu .views-field-fieldset-2 > .field-content .contenu-bas .views-field-fieldset-5 .field-content .container-bas .views-field-field-liens-1 .views-label {
    font-size: 13px;
    letter-spacing: 0.5px;
    line-height: 20px;
  }
  body .dialog-off-canvas-main-canvas .page footer > .container .d-flex .block--views-block--00-footer-block-1 > div div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset-7 {
    padding: 17px 25px;
  }
  body .dialog-off-canvas-main-canvas .page footer > .container .d-flex .block--views-block--00-footer-block-1 > div div[class*=js-view-dom] .container_rows .views-row .views-field-fieldset-7 .field-content .container-alcool .views-field-field-texte-court .field-content {
    font-size: 9px;
    letter-spacing: 1.5px;
    line-height: 11px;
  }
}
@media (max-width: 525px) {
  .gm--full .header .header_contenu .header_gauche .gm__field-image {
    height: 100px;
    width: 100px;
    margin-bottom: 25px;
  }
  .gm--full .header .header_contenu .header_gauche .gm__field-texte-court {
    font-size: 24px;
    letter-spacing: 0;
    line-height: 28px;
    margin-bottom: 10px;
  }
  .gm--full .header .header_contenu .header_gauche .gm__field-texte-court:after {
    display: none;
  }
  .gm--full .header .header_contenu .header_gauche .gm__field-texte-long-1 {
    margin-bottom: 25px;
  }
  .gm--full .header .header_contenu .header_gauche .gm__field-texte-long-1 p {
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 23px;
  }
  .gm--full .header .header_contenu .header_gauche .gm__field-lien span {
    font-size: 12px;
    white-space: inherit;
  }
  .gm--full .container_texte_descriptif .gm__field-texte-long {
    padding: unset;
  }
  .gm--full .container_texte_descriptif .gm__field-texte-long .field__item p {
    font-size: 13px;
    letter-spacing: 0.5px;
    line-height: 20px;
  }
  .gm--full .n_gamme .gm__field-image-2 > div .image__field-media-image img {
    height: auto;
    width: calc(100% - 25px);
  }
  .gm--full .n_gamme .field--name-field-vue-menu-inspiration .field__item .views-element-container div[class*=js-view-dom] .container_rows {
    overflow: scroll;
  }
  .gm--full .n_gamme .field--name-field-vue-menu-inspiration .field__item .views-element-container div[class*=js-view-dom] .container_rows::-webkit-scrollbar {
    display: none;
  }
  .gm--full .n_gamme .field--name-field-vue-menu-inspiration .field__item .views-element-container div[class*=js-view-dom] .container_rows .views-row {
    min-width: 100%;
  }
  .gm--full .n_gamme .field--name-field-vue-produits {
    margin-bottom: 100px;
  }
  .gm--full .n_gamme .field--name-field-vue-produits .field__item .views-element-container div[class*=js-view-dom] .container_rows .views-row {
    width: 100%;
    margin-bottom: 10px;
  }
  .gm--full .container_formulaire .gm__field-form-documents form div[id*=edit-container-labels] label:nth-child(1) {
    font-size: 24px;
    letter-spacing: 0;
    line-height: 28px;
    margin-bottom: 10px;
  }
  .gm--full .container_formulaire .gm__field-form-documents form div[id*=edit-container-labels] label:nth-child(2) {
    font-size: 13px;
    letter-spacing: 0.5px;
    line-height: 20px;
  }
  .gm--full .container_formulaire .gm__field-form-documents form div[id*=edit-container-01] div[id*=edit-documents--wrapper] div[id*=edit-documents] .js-form-type-checkbox {
    font-size: 11px;
    font-weight: bold;
    letter-spacing: 2px;
    line-height: 13px;
    margin-bottom: 15px;
  }
  .gm--full .container_formulaire .gm__field-form-documents form div[id*=edit-container-01] div[id*=edit-documents--wrapper] div[id*=edit-documents] .js-form-type-checkbox input {
    top: -5px;
    position: relative;
  }
  .gm--full .container_formulaire .gm__field-form-documents form div[id*=edit-container-01] div[id*=edit-documents--wrapper] div[id*=edit-documents] .js-form-type-checkbox label {
    font-size: 11px;
    font-weight: bold;
    letter-spacing: 2px;
    line-height: 13px;
    margin-bottom: 10px;
  }
  .gm--full .container_formulaire .gm__field-form-documents form div[id*=edit-container-01] div[id*=edit-documents--wrapper] .js-form-type-checkbox {
    font-size: 11px;
    font-weight: bold;
    letter-spacing: 2px;
    line-height: 13px;
    margin-bottom: 15px;
  }
  .gm--full .container_formulaire .gm__field-form-documents form div[id*=edit-container-01] div[id*=edit-documents--wrapper] .js-form-type-checkbox input {
    top: -5px;
    position: relative;
  }
  .gm--full .container_formulaire .gm__field-form-documents form div[id*=edit-container-01] div[id*=edit-documents--wrapper] .js-form-type-checkbox label {
    font-size: 11px;
    font-weight: bold;
    letter-spacing: 2px;
    line-height: 13px;
    margin-bottom: 10px;
  }
  .gm--full .container_formulaire .gm__field-form-documents form div[id*=edit-container-01] .js-form-type-email label {
    font-size: 11px;
    font-weight: bold;
    letter-spacing: 2px;
    line-height: 13px;
    margin-bottom: 10px;
  }
  .gm--full .container_formulaire .gm__field-form-documents form div[id*=edit-container-01] .js-form-type-email input {
    font-size: 13px;
    letter-spacing: 0.5px;
    line-height: 20px;
  }
  .gm--full .container_formulaire .gm__field-form-documents form div[id*=edit-actions] input {
    font-size: 11px;
    font-weight: bold;
    letter-spacing: 2px;
    line-height: 13px;
  }
  .gm--full .container_formulaire_kit .contenu_formulaire_kit .wrapper_kit > .gm__field-texte-brut-2 {
    margin-bottom: 10px;
  }
  .gm--full .container_formulaire_kit .contenu_formulaire_kit .container_lien_kit h3 {
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 23px;
  }
  .gm--full .container_formulaire_kit .contenu_formulaire_kit .container_lien_kit .gm__field-liens-1 .field__item a {
    font-size: 12px;
  }
  .gm--full .container_ag .ag_gauche {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .gm--full .container_ag .ag_gauche .gm__field-texte-court-1 {
    padding: 0px 25px;
  }
  .gm--full .container_ag .ag_gauche .gm__field-image-4 {
    width: calc(100% - 50px);
  }
  .gm--full .container_ag .ag_gauche .gm__field-image-4 > div .image__field-media-image img {
    width: 100%;
    height: auto;
    max-width: 420px;
  }
  .gm--full .container_ag .field--name-field-vue-autres-gammes .field__item .views-element-container div[class*=js-view-dom-id] .container_rows .views-row .views-field-field-image .field-content > div .image__field-media-image img {
    max-width: 100px;
    max-height: 100px;
  }
}
@media (max-width: 525px) {
  .produit--full .container_formulaire_kit .contenu_formulaire_kit .wrapper_kit > .produit__field-texte-brut-2 {
    margin-bottom: 10px;
  }
  .produit--full .container_formulaire_kit .contenu_formulaire_kit .container_lien_kit h3 {
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 23px;
  }
  .produit--full .container_formulaire_kit .contenu_formulaire_kit .container_lien_kit .produit__field-liens-1 .field__item a {
    font-size: 12px;
  }
}
@media (max-width: 525px) {
  .page-kit .container_main .contenu_main .field--name-field-vue-gammes > .field__item > .views-element-container > div[class*=js-view-dom] > .container_rows .item-gamme .gm--pagekit .field--name-field-produits-pagekit > .field__item > .views-element-container > div[class*=js-view-dom] > .container_rows .views-row {
    width: 100%;
  }
  .page-kit .container_main .container_form .page-kit__field-formulaire-kit form div[id*=edit-droite] .js-form-item:not(.form-item-infos-persos) {
    width: 100%;
    margin-bottom: 15px;
  }
  .page-kit .container_main .container_form .page-kit__field-formulaire-kit form div[id*=edit-droite] .js-form-item:not(.form-item-infos-persos):nth-child(2n) {
    margin-left: unset;
  }
  .page-kit .container_main .container_form .page-kit__field-formulaire-kit form div[id*=edit-droite] .form-item-infos-persos {
    width: 100%;
    margin-top: 10px;
  }
  .page-kit.commander .container_main .contenu_main .field--name-field-vue-gammes > .field__item > .views-element-container > div[class*=js-view-dom] > .container_rows .item-gamme .gm--pagekit .field--name-field-produits-pagekit > .field__item > .views-element-container > div[class*=js-view-dom] > .container_rows .views-row {
    width: 100%;
  }
  .page-kit.commander .container_main .container_form .page-kit__field-formulaire-kit form div[id*=edit-droite] .js-form-item:not(.form-item-infos-persos) {
    width: 100%;
    margin-bottom: 15px;
  }
  .page-kit.commander .container_main .container_form .page-kit__field-formulaire-kit form div[id*=edit-droite] .js-form-item:not(.form-item-infos-persos):nth-child(2n) {
    margin-left: unset;
  }
  .page-kit.commander .container_main .container_form .page-kit__field-formulaire-kit form div[id*=edit-droite] .form-item-infos-persos {
    width: 100%;
    margin-top: 10px;
  }
}
@media (max-width: 525px) {
  .path-frontpage, .page-node-type-accueil {
    /* 		.container_telephone{
    			.contenu_telephone{
    				.accueil__field-image-2{
    					& > div {
    						.image__field-media-image{
    							img{
    							}
    						}
    					}
    				}
    				.accueil__field-txttel{
    					.paragraph--type--dt{
    						.dt__field-texte-1{
    							p{
    							}
    						}
    						.dt__field-texte-2{
    							p{
    								strong{
    								}
    							}
    							ul{
    								li{
    									&:before{
    									}
    									strong{
    									}
    									&:last-child{
    									}
    								}
    							}
    						}
    					}
    				}
    			}
    		} */
  }
}
/*# sourceMappingURL=vivelys.style.css.map */