body,
html {
  margin: 0;
  overscroll-behavior-y: none;
  overflow-x: hidden;
}

footer .fadeIn {
  opacity: 1 !important;
}

.m-content-asset__breadcrumbs {
  display: none;
}

.m-content-asset__main-content {
  padding-top: 160px;
}


.l-header__wrapper.background-transparent {
  --textColor: #000;
  --backgroundColor: #fff;
}

.l-header__wrapper.background-transparent .l-header-navigation-bar__minicart-quantity,
.l-header__wrapper.background-hair-rituel .l-header-navigation-bar__minicart-quantity {
  color: #fff;
}

.l-header__wrapper.background-transparent .l-header-navigation-bar__search .loupe-new,
.l-header__wrapper.background-transparent .l-header-navigation-bar__search .cross-new {
  color: #000 !important;
}

.l-header__wrapper.background-transparent .l-header-navigation-bar__search-field,
.l-header__wrapper.background-transparent .l-header-navigation-bar__search-trigger::-webkit-input-placeholder,
.l-header__wrapper.background-transparent .l-header-navigation-bar__search-trigger::-moz-placeholder,
.l-header__wrapper.background-transparent .l-header-navigation-bar__search-trigger:-ms-input-placeholder,
.l-header__wrapper.background-transparent .l-header-navigation-bar__search-trigger::-ms-input-placeholder,
.l-header__wrapper.background-transparent .l-header-navigation-bar__search-trigger::placeholder {
  color: #000 !important;
}

.l-header__wrapper.background-transparent .l-header-navigation-bar__search-field,
.l-header__wrapper.background-transparent .l-header-navigation-bar .c-language-selector__container,
.l-header__wrapper.background-transparent-black .l-header-navigation-bar__search-field,
.l-header__wrapper.background-transparent-black .l-header-navigation-bar .c-language-selector__container {
  background-color: transparent !important;
  border: 0.0625rem solid #cacaca !important;
  color: #000 !important;
}

@media(max-width:1279px) {
  .m-content-asset__main-content {
    padding-top: 126px;
  }
}

.sisleya {
  --WIDTH: 100vw;
  --GRID-COL: calc(0.0833333333333333 * var(--WIDTH));
  --COL-01: 8.33%;
  --COL-02: 16.66%;
  --COL-03: 25%;
  --COL-04: 33.33%;
  --COL-05: 41.66%;
  --COL-06: 50%;
  --COL-07: 58.33%;
  --COL-08: 66.66%;
  --COL-09: 75%;
  --COL-10: 83.33%;
  --COL-11: 91.66%;
  --COL-12: 100%;
  --COLOR-GOLD: #DBC37D;
  --COLOR-GRAY: #919191;
  --FONT-SIZE-BIG: 64px;
  --FONT-SIZE-MEDIUM: 42px;
  --FONT-SIZE-NORMAL: 18px;
  --FONT-SIZE-SMALL: 14px;
  --MAX-WIDTH: 1920px;
  --ROBOTO: "Roboto";
  --PLAY-FAIR-FONT: "Playfair Display", serif;
  --HELVETICA-NEUE-LIGHT-FONT: "HelveticaNeueLTW05-45Light";
  --HELVETICA-NEUE-BOLD-FONT: "HelveticaNeueLTW05-75Bold";
  background-color: #000;
  overflow: hidden;
}

.sisleya {
  --PADDING-VERTICAL: 100px;
  --GUTTER-VERTICAL: 40px;
  --PADDING-HORIZONTAL: calc(24.54545px - 4.54545vw);
  --GUTTER-HORIZONTAL: calc(4.54545vw - 9.54545px);
}

@media screen and (min-width: 48em) {
  .sisleya {
    --PADDING-VERTICAL: 80px;
    --GUTTER-VERTICAL: 40px;
    --PADDING-HORIZONTAL: calc(44.18182px - 4.54545vw);
    --GUTTER-HORIZONTAL: calc(4.54545vw - 17.18182px);
  }
}

@media screen and (min-width: 80em) {
  .sisleya {
    --PADDING-VERTICAL: 80px;
    --GUTTER-VERTICAL: 40px;
    --PADDING-HORIZONTAL: calc(108px - 4.54545vw);
    --GUTTER-HORIZONTAL: calc(4.54545vw - 42px);
  }
}

.sisleya section {
  max-width: var(--WIDTH);
  visibility: hidden;
  font-size: 0;
}

.sisleya--active section {
  max-width: var(--WIDTH);
  visibility: visible;
}

.sisleya * {
  box-sizing: border-box;
}

.sisleya sup {
  font-size: 0.5em;
  vertical-align: middle;
}

.sisleya picture {
  display: block;
  width: 100%;
}

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

.sisleya picture img {
  display: block;
  width: 100%;
  height: auto;
}

.sisleya u {
  text-decoration: underline;
  text-decoration-color: #f8e0b7;
  text-decoration-thickness: 8px;
  text-decoration-skip-ink: revert;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-underline-offset: -4px;
  text-decoration-skip-ink: none;
}

.sisleya-cta {
  margin: 0;
  margin-top: var(--GUTTER-VERTICAL);
  font-family: var(--ROBOTO);
  font-weight: 700;
  font-size: 13px;
  line-height: 23px;
  letter-spacing: 0.1em;
  text-decoration: none;
  text-transform: uppercase;
  min-width: 170px;
  height: 45px;
  padding: 0px 40px;
  border-radius: 23px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #000;
  color: #fff;
  cursor: pointer;
  box-sizing: border-box;
}

.sisleya-cta--dark {
  background-color: #fff;
  color: #000;
}

.sisleya-cta:hover {
  background-color: #f6f6f6;
  color: #000000;
}

.sisleya-cta--dark:hover {
  background-color: rgba(255, 255, 255, 0.5);
  color: #fff;
}





/*-----------------------------------*/
/*--- SLIDE -------------------------*/
/*-----------------------------------*/
.sisleya-slide {
  position: relative;
  overflow: hidden;
  border: 2px solid #ccc;
}

.sisleya-slide__wrapper {
  display: flex;
  min-height: 100vh;
  justify-content: center;
  align-items: center;
  font-size: 50px;
  padding: 100px;
  background-color: #fff;
  color: #000;
  pointer-events: none;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
}

/*-----------------------------------*/
/*--- VIDEO -------------------------*/
/*-----------------------------------*/
.sisleya-video {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  pointer-events: none;
}

.sisleya-video video {
  object-fit: cover;
}

.sisleya-video flowplayer-ui {
  /* display: none !important;*/
}

.sisleya-header .freecaster-player.has-poster:not(.is-stretching-fill),
.sisleya-header .freecaster-player.has-poster:not(.is-stretching-cover),
.sisleya-header .freecaster-player.has-poster:not(.is-stretching-none) {
  background-size: cover !important;
}

/*-----------------------------------*/
/*--- block HEADER ------------------*/
/*-----------------------------------*/
.sisleya-header {
  background-color: black;
  text-align: center;
  color: #fff;
  height: 855px;
  position: relative;
  padding: 0 var(--PADDING-HORIZONTAL);
}

.sisleya-header__hidden {
  font-size: 0 !important;
}

.sisleya-header__background {
  position: absolute;
  width: 2500px;
  left: calc(50% - 1250px);
  top: 0;
  height: 855px;
  overflow: hidden;
}

.sisleya-header__background picture {
  height: 100%;
}

.sisleya-header__background picture img {
  height: 100%;
  object-fit: cover;
}

.sisleya-header__logo {
  width: 408px;
}

.sisleya-header__wrapper {
  position: relative;
  margin: 0 auto;
  width: var(--COL-08);
  padding: 0px var(--GUTTER-HORIZONTAL);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 82px;
}

.sisleya-header__tag {
  margin-top: 20px;
  color: var(--COLOR-GOLD);
  text-align: center;
  font-family: var(--ROBOTO);
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 35px;
  letter-spacing: 2px;
  text-transform: uppercase;
  height: 35px;
  padding: 0 20px;
  border: 1px solid var(--COLOR-GOLD);
}

.sisleya-header__title {
  margin: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #FFF;
}


.sisleya-header__text {
  margin: 0;
  margin-top: 52px;
  color: #FFF;
  text-align: center;
  font-family: var(--PLAY-FAIR-FONT);
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.8em;
  width: 100%;
}

.sisleya-header__packshot {
  margin: 0 auto;
  margin-top: 110px;
  /* width: calc(var(--COL-04) + 2*var(--GUTTER-HORIZONTAL));*/
  max-width: 600px;
  position: relative;
  z-index: 2;
}

/*-----------------------------------*/
/*--- block INTRO  ------------------*/
/*-----------------------------------*/
.sisleya-intro {
  background-color: #fff;
  position: relative;
  padding: 0 var(--PADDING-HORIZONTAL);
  overflow: hidden;
  min-height: 100vh;
  /* height: 1300px;*/
}

.sisleya-intro__wrapper {
  margin: 0 auto;
  margin-left: var(--COL-02);
  width: var(--COL-08);
  padding-top: 200px;
  padding-bottom: 500px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  /* height: 1300px;*/
}

.sisleya-intro__text {
  margin: 0 auto;
  margin-top: 65px;
  color: #000;
  font-family: var(--PLAY-FAIR-FONT);
  font-size: 26px;
  line-height: 1.5em;
  letter-spacing: normal;
  font-style: normal;
  font-weight: 400;
  text-align: center;
  padding-left: var(--GUTTER-HORIZONTAL);
  padding-right: var(--GUTTER-HORIZONTAL);
}


.sisleya-intro__background {
  position: absolute;
  width: 2500px;
  left: calc(50% - 1250px);
  top: 0;
  height: 100vh;
  pointer-events: none;
}

.sisleya-intro__background img {
  position: absolute;
  bottom: 0;
}

.sisleya-intro__cta {
  padding-left: var(--GUTTER-HORIZONTAL);
  padding-right: var(--GUTTER-HORIZONTAL);
  min-width: 25%;
}



.sisleya-intro .pin-spacer {
  pointer-events: none;
}

/*-----------------------------------*/
/*--- block INTEGRAL  ------------------*/
/*-----------------------------------*/
.sisleya-integral {
  background-color: #000;
  position: relative;
  padding: 0 var(--PADDING-HORIZONTAL);
  height: 723px;
  overflow: hidden;
}

.sisleya-integral__background {
  position: absolute;
  width: 2500px;
  left: calc(50% - 1250px);
  top: 0;
  height: 723px;
}

.sisleya-integral__wrapper {
  margin: 0 auto;
  margin-left: var(--COL-07);
  width: var(--COL-05);
  padding-top: 330px;
  padding-bottom: 0px;
  padding-left: var(--GUTTER-HORIZONTAL);
  padding-right: var(--GUTTER-HORIZONTAL);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 2;
}

.sisleya-integral__title {
  margin: 0 auto;
  color: #FFF;
  font-family: var(--PLAY-FAIR-FONT);
  font-size: 30px;
  line-height: 1.5em;
  letter-spacing: normal;
  font-style: normal;
  font-weight: 400;
  text-align: left;
  width: 100%;
}

.sisleya-integral__title>span {
  display: block;
}

.sisleya-integral__text {
  margin: 0 auto;
  margin-top: 40px;
  width: 100%;
  color: #FFF;
  font-family: var(--ROBOTO);
  font-size: 14px;
  line-height: 25px;
  letter-spacing: normal;
  font-style: normal;
  font-weight: 300;
  text-align: left;
}

/*-----------------------------------*/
/*--- block INGREDIENTS  ------------*/
/*-----------------------------------*/
.sisleya-ingredients {
  background-color: #fff;
  position: relative;
  padding: 166px var(--PADDING-HORIZONTAL);
  padding-bottom: 201px;
}

.sisleya-ingredients__row {
  display: flex;
}

.sisleya-ingredients__col {
  width: var(--COL-06);
  padding-left: var(--GUTTER-HORIZONTAL);
  padding-right: var(--GUTTER-HORIZONTAL);
}

.sisleya-ingredients__col picture {
  padding-bottom: 120.39%;
  position: relative;
}

.sisleya-ingredients__col picture img {
  position: absolute;
}

.sisleya-ingredients__col:last-child {
  width: var(--COL-04);
  margin-right: var(--COL-01);
  margin-left: var(--COL-01);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}


.sisleya-ingredients__title {
  margin: 0 auto;
  color: #000;
  font-family: var(--PLAY-FAIR-FONT);
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  line-height: 54px;
  text-align: left;
}

.sisleya-ingredients__text {
  margin: 0;
  margin-top: 68px;
  color: #000;
  font-family: var(--ROBOTO);
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 25px;
  text-align: left;
}

.sisleya-ingredients__text strong {
  font-weight: 700;
}


/*-----------------------------------*/
/*--- block REVEAL  ------------------*/
/*-----------------------------------*/


.sisleya-reveal {
  display: flex;
  justify-content: center;
  align-items: center;
  --WIDTH: 2500px;
  --HEIGHT: 100vh;
  --DECAL: 0;
  width: 100%;
  height: var(--HEIGHT);
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  position: relative;
  background-color: #000;

}

.sisleya-reveal::before {
  content: "";
  width: var(--WIDTH);
  height: var(--HEIGHT);
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  background-image:
    url(animation/desktop/frame-00.jpg),
    url(animation/desktop/frame-01.jpg),
    url(animation/desktop/frame-02.jpg),
    url(animation/desktop/frame-03.jpg),
    url(animation/desktop/frame-04.jpg),
    url(animation/desktop/frame-05.jpg),
    url(animation/desktop/frame-06.jpg),
    url(animation/desktop/frame-07.jpg),
    url(animation/desktop/frame-08.jpg),
    url(animation/desktop/frame-09.jpg),
    url(animation/desktop/frame-10.jpg),
    url(animation/desktop/frame-11.jpg),
    url(animation/desktop/frame-12.jpg),
    url(animation/desktop/frame-13.jpg),
    url(animation/desktop/frame-14.jpg),
    url(animation/desktop/frame-15.jpg),
    url(animation/desktop/frame-16.jpg),
    url(animation/desktop/frame-17.jpg),
    url(animation/desktop/frame-18.jpg),
    url(animation/desktop/frame-19.jpg),
    url(animation/desktop/frame-20.jpg),
    url(animation/desktop/frame-21.jpg),
    url(animation/desktop/frame-22.jpg),
    url(animation/desktop/frame-23.jpg),
    url(animation/desktop/frame-24.jpg),
    url(animation/desktop/frame-25.jpg);
  background-size: auto var(--HEIGHT);
  background-position:
    top calc(var(--DECAL)*var(--HEIGHT) + 0*var(--HEIGHT)) center,
    top calc(var(--DECAL)*var(--HEIGHT) + 1*var(--HEIGHT)) center,
    top calc(var(--DECAL)*var(--HEIGHT) + 2*var(--HEIGHT)) center,
    top calc(var(--DECAL)*var(--HEIGHT) + 3*var(--HEIGHT)) center,
    top calc(var(--DECAL)*var(--HEIGHT) + 4*var(--HEIGHT)) center,
    top calc(var(--DECAL)*var(--HEIGHT) + 5*var(--HEIGHT)) center,
    top calc(var(--DECAL)*var(--HEIGHT) + 6*var(--HEIGHT)) center,
    top calc(var(--DECAL)*var(--HEIGHT) + 7*var(--HEIGHT)) center,
    top calc(var(--DECAL)*var(--HEIGHT) + 8*var(--HEIGHT)) center,
    top calc(var(--DECAL)*var(--HEIGHT) + 9*var(--HEIGHT)) center,
    top calc(var(--DECAL)*var(--HEIGHT) + 10*var(--HEIGHT)) center,
    top calc(var(--DECAL)*var(--HEIGHT) + 11*var(--HEIGHT)) center,
    top calc(var(--DECAL)*var(--HEIGHT) + 12*var(--HEIGHT)) center,
    top calc(var(--DECAL)*var(--HEIGHT) + 13*var(--HEIGHT)) center,
    top calc(var(--DECAL)*var(--HEIGHT) + 14*var(--HEIGHT)) center,
    top calc(var(--DECAL)*var(--HEIGHT) + 15*var(--HEIGHT)) center,
    top calc(var(--DECAL)*var(--HEIGHT) + 16*var(--HEIGHT)) center,
    top calc(var(--DECAL)*var(--HEIGHT) + 17*var(--HEIGHT)) center,
    top calc(var(--DECAL)*var(--HEIGHT) + 18*var(--HEIGHT)) center,
    top calc(var(--DECAL)*var(--HEIGHT) + 19*var(--HEIGHT)) center,
    top calc(var(--DECAL)*var(--HEIGHT) + 20*var(--HEIGHT)) center,
    top calc(var(--DECAL)*var(--HEIGHT) + 21*var(--HEIGHT)) center,
    top calc(var(--DECAL)*var(--HEIGHT) + 22*var(--HEIGHT)) center,
    top calc(var(--DECAL)*var(--HEIGHT) + 23*var(--HEIGHT)) center,
    top calc(var(--DECAL)*var(--HEIGHT) + 24*var(--HEIGHT)) center;
  background-repeat: no-repeat;
}

.sisleya-reveal__text {
  margin: 0;
  color: #000;
  text-align: center;
  font-family: var(--PLAY-FAIR-FONT);
  font-size: 60px;
  font-style: normal;
  font-weight: 400;
  line-height: 83px;
  opacity: calc(1 + var(--DECAL)/24);
  position: relative;
  z-index: 1;
}

.sisleya-reveal__text em {
  display: block;
}



/*-----------------------------------*/
/*--- block NOUVEAUTE  ------------*/
/*-----------------------------------*/
.sisleya-nouveaute {
  background-color: #fff;
  position: relative;
  padding: 166px var(--PADDING-HORIZONTAL);
}

.sisleya-nouveaute__wrapper {
  margin: 0 auto;
  margin-left: var(--COL-02);
  width: var(--COL-08);
  padding-left: var(--GUTTER-HORIZONTAL);
  padding-right: var(--GUTTER-HORIZONTAL);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex;
  text-align: center;
  padding: 0 var(--GUTTER-HORIZONTAL);
}

.sisleya-nouveaute__link {
  position: relative;
  display: block;
}

.sisleya-nouveaute__row {
  display: flex;
  margin-top: -284px;
  z-index: 1;
  position: relative;

}

.sisleya-nouveaute__col {
  padding-left: var(--GUTTER-HORIZONTAL);
  padding-right: var(--GUTTER-HORIZONTAL);
  width: var(--COL-06);
}

.sisleya-nouveaute__col:first-child {
  padding-right: 0;
}

.sisleya-nouveaute__col:first-child picture {
  position: relative;
  padding-bottom: 142.682%;
}

.sisleya-nouveaute__col:first-child picture img {
  position: absolute;
}

.sisleya-nouveaute__col:last-child {
  padding: 0;
  margin-left: var(--COL-01);
  width: var(--COL-05);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  padding-bottom: 12px;
}

#NOUVEAUTE-CONTENT {
  padding-top: 200px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;

}


.sisleya-nouveaute__title {
  padding: 0 var(--GUTTER-HORIZONTAL);
  margin: 0 auto;
  color: #000;
  font-family: var(--PLAY-FAIR-FONT);
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  line-height: 54px;
}

.sisleya-nouveaute__text {
  padding: 0 var(--GUTTER-HORIZONTAL);
  margin: 0;
  margin-top: 32px;
  color: #000;
  font-family: var(--ROBOTO);
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 25px;
  text-align: left;
}

.sisleya-nouveaute__packshot {
  width: 500px;
  margin: 0 auto;
  z-index: 2;
  position: relative;
}

.sisleya-nouveaute__packshot picture {
  position: relative;
  padding-bottom: 100%;
}

.sisleya-nouveaute__packshot img {
  position: absolute;
}

#NOUVEAUTE-CTA {
  padding: 0 var(--GUTTER-HORIZONTAL);
  min-width: 60%;
}

.sisleya-nouveaute .sisleya-cta {}

/*-------------------------------------------*/
/*--- block LUCIE DE LA FALAISE  ------------*/
/*-------------------------------------------*/
.sisleya-lucie {
  background-color: #fff;
  position: relative;
  padding: 0 var(--PADDING-HORIZONTAL);
  padding-top: 150px;
  padding-bottom: 150px;
}

.sisleya-lucie__background {
  background-color: #F7F5EE;
  position: absolute;
  top: 0;
  left: var(--GUTTER-HORIZONTAL);
  width: calc(100% - var(--GUTTER-HORIZONTAL)*2);
  height: 100%;
  z-index: -1;
}

.sisleya-lucie__row {
  margin: 0 auto;
  color: #000;
  width: 100%;
  display: flex;
  align-items: center;
  padding: 93px 0;
  position: relative;
  z-index: 1;
}

.sisleya-lucie__col {
  padding-left: var(--GUTTER-HORIZONTAL);
  padding-right: var(--GUTTER-HORIZONTAL);

}

.sisleya-lucie__col--left {
  margin-left: var(--COL-01);
  margin-right: var(--COL-01);
  width: var(--COL-04);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.sisleya-lucie__col--right {
  margin-right: var(--COL-01);
  width: var(--COL-05);
}

.sisleya-lucie__col--right picture {
  position: relative;
  padding-bottom: 127.755%;
}

.sisleya-lucie__col--right picture img {
  position: absolute;
}

.sisleya-lucie__title {
  margin: 0;
  color: #000;
  font-family: var(--PLAY-FAIR-FONT);
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 54px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;

}

.sisleya-lucie__title--logo {
  font-size: 0;
  line-height: 0;
}

.sisleya-lucie__title--logo img {
  width: 137px;
  margin-bottom: 7px;
}

.sisleya-lucie__title--cross {
  color: #000;
  text-align: center;
  font-family: var(--ROBOTO);
  font-size: 22px;
  font-style: normal;
  font-weight: 100;
  line-height: 38px;
  text-transform: uppercase;
}

.sisleya-lucie__text {
  margin: 0;
  margin-top: 68px;
  color: #000;
  font-family: var(--ROBOTO);
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 25px;
  text-align: center;
}


.sisleya-lucie .sisleya-cta {
  text-transform: none;
  letter-spacing: 0;
  min-width: 319px;
}

/*-----------------------------------*/
/*--- block APPLICATION  ------------*/
/*-----------------------------------*/
.sisleya-application {
  position: relative;
  /*padding: 0 var(--PADDING-HORIZONTAL);*/
  padding: 0;
  z-index: 2;
}

.sisleya-application::after {
  content: "";
  position: absolute;
  background-color: #fff;
  width: 100%;
  height: 202px;
  bottom: -2px;
  left: 0;
  z-index: 1;
}

.sisleya-application__bloc-1 {
  padding: 0 var(--PADDING-HORIZONTAL);
  width: 100%;
  position: absolute;
  top: 50vh;
  left: 0;

}

.sisleya-application__bloc-1 picture {
  width: var(--COL-03);
  padding: 0 var(--GUTTER-HORIZONTAL);
  position: relative;
}

.sisleya-application__bloc-1 picture+picture {
  display: none;
}

.sisleya-application__bloc-1 img {
  max-width: calc(100% + var(--PADDING-HORIZONTAL) + var(--GUTTER-HORIZONTAL)) !important;
  width: calc(100% + var(--PADDING-HORIZONTAL) + var(--GUTTER-HORIZONTAL)) !important;
  margin-left: calc(-1 * (var(--PADDING-HORIZONTAL) + var(--GUTTER-HORIZONTAL)));
}

.sisleya-application__bloc-2 {
  padding: 0 var(--PADDING-HORIZONTAL);
  width: 100%;
  top: 150vh;
  position: absolute;
  left: 0;
}

.sisleya-application__bloc-2 picture {
  margin-left: var(--COL-09);
  width: var(--COL-03);
  padding: 0 var(--GUTTER-HORIZONTAL);
  position: relative;
}

.sisleya-application__bloc-2 img {
  max-width: calc(100% + var(--PADDING-HORIZONTAL) + var(--GUTTER-HORIZONTAL)) !important;
  width: calc(100% + var(--PADDING-HORIZONTAL) + var(--GUTTER-HORIZONTAL)) !important;
  margin-right: calc(-1 * (var(--PADDING-HORIZONTAL) + var(--GUTTER-HORIZONTAL)));
}

.sisleya-application__bloc-3 {
  margin-left: var(--COL-01);
  width: var(--COL-07);
  padding-left: var(--GUTTER-HORIZONTAL);
  padding-right: var(--GUTTER-HORIZONTAL);
  margin-top: -150px;
  margin-bottom: 150px;
}

.sisleya-application__bloc-3 picture {
  position: relative;
  padding-bottom: 75.382%;
}

.sisleya-application__bloc-3 img {
  position: absolute;
}

.sisleya-application__bloc-4 {
  margin-left: var(--COL-03);
  width: var(--COL-06);
  padding-left: var(--GUTTER-HORIZONTAL);
  padding-right: var(--GUTTER-HORIZONTAL);
  position: relative;
  z-index: 2;
}

.sisleya-application__row-photos {
  padding: 0 var(--PADDING-HORIZONTAL);
}

.sisleya-application__bloc-4 picture {
  position: relative;
  padding-bottom: 112.95%;

}

.sisleya-application__bloc-4 img {
  position: absolute;
}


.sisleya-application__wrapper {
  margin: 0 auto;
  /* margin-left: var(--COL-04);*/
  width: 100%;
  z-index: 5;
  position: relative;
  padding: 0 var(--PADDING-HORIZONTAL);
}

.sisleya-application__row {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  min-height: 100vh;
  padding-top: 150px;
  padding-bottom: 190px;
  width: var(--COL-04);
  margin: 0 auto;
}

.sisleya-application__title {
  margin: 0;
  color: #fff;
  font-family: var(--PLAY-FAIR-FONT);
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  line-height: 54px;
  text-align: center;
  padding-left: var(--GUTTER-HORIZONTAL);
  padding-right: var(--GUTTER-HORIZONTAL);
}

.sisleya-application__text {
  margin: 0;
  margin-top: 26px;
  color: #fff;
  font-family: var(--ROBOTO);
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 25px;
  text-align: center;
  padding-left: var(--GUTTER-HORIZONTAL);
  padding-right: var(--GUTTER-HORIZONTAL);
}

.sisleya-application__text>span {
  display: block;
}

.sisleya-application__cta {
  padding-left: var(--GUTTER-HORIZONTAL);
  padding-right: var(--GUTTER-HORIZONTAL);
  min-width: 50%;
}


/**************/
/** DISCOVER **/
/**************/

.sisleya-crosslinks {
  padding: 200px var(--PADDING-HORIZONTAL);
  padding-top: 157px;
  color: #000;
  background-color: #fff;
  position: relative;
  z-index: 1;
}

.sisleya-crosslinks__title {
  font-family: var(--PLAY-FAIR-FONT);
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 64px;
  padding: 0 var(--GUTTER-HORIZONTAL);
  color: #000;
}

.sisleya-crosslinks-slider__container {
  display: flex;
  flex-wrap: wrap;
  color: #000;
  margin-top: 41px;
}

.sisleya-crosslinks-slider__item {
  color: #000;
  text-decoration: none;
  padding: 0 var(--GUTTER-HORIZONTAL);
  width: var(--COL-04);
  font-family: var(--HELVETICA-NEUE-LIGHT-FONT);
}

.sisleya-crosslinks-slider__item-title {
  color: #000;
  font-style: normal;
  font-weight: 400;
  font-family: var(--PLAY-FAIR-FONT);
  margin: 0;
  margin-top: 1.25rem;
  font-size: 20px;
  line-height: 1.75rem;
  letter-spacing: 0;
  text-transform: none;
}

.sisleya-crosslinks-slider__item-visual {
  width: 100%;
  -webkit-transform: scale(1.12);
  transform: scale(1.12);
  -webkit-transition: -webkit-transform 2s;
  transition: -webkit-transform 2s;
  transition: transform 2s;
  transition: transform 2s, -webkit-transform 2s;
}

.sisleya-crosslinks-slider__item:hover .sisleya-crosslinks-slider__item-visual {
  transform: scale(1);
  transition: transform 2s, -webkit-transform 2s;
}

.sisleya-crosslinks-slider__item-visual-container {
  overflow: hidden;
}

@media (max-width: 760px) {
  .sisleya-crosslinks-slider__item {
    width: var(--COL-12);
  }

  .sisleya-crosslinks-slider__container {
    gap: 2.5rem;
  }

  .sisleya-crosslinks {
    margin-top: 70px;
    padding-bottom: 70px;
  }
}


/*******mentions ***********/
.sisleya-mentions {
  padding: 50px var(--PADDING-HORIZONTAL);
  color: #000;
  background-color: #fff;
  position: relative;
  z-index: 1;
}

.sisleya-mentions__text {
  margin: 0;
  color: #000;
  font-family: var(--ROBOTO);
  font-size: 14px;
  line-height: 1.5em;
  letter-spacing: normal;
  font-style: normal;
  font-weight: 400;
  text-align: center;
  text-align: left;
  width: var(--COL-12);
  padding-left: var(--GUTTER-HORIZONTAL);
  padding-right: var(--GUTTER-HORIZONTAL);
}

.sisleya-mentions__text>span {
  display: block;
}

.sisleya-visual-mobile {
  display: none !important;
}


@media(max-width:1920px) {
  .sisleya-intro__background {
    width: 100%;
    left: 0;
  }

  .sisleya-intro__wrapper {
    padding-bottom: 25vw;
  }
}

/*tablet*/
@media(max-width:1200px) and (min-width:762px) {
  .sisleya {
    background-color: #FFF;
  }

  .sisleya-header {
    background-color: #FFF;
  }


  /* .sisleya-intro__wrapper {
    margin-left: var(--COL-02);
    width: var(--COL-08);
    padding-top: 120px;
    padding-bottom: 500px;
  }*/

  .sisleya-intro__background {
    width: 100%;
    left: 0;
  }

  .sisleya-intro__text {
    font-size: 22px;
    line-height: 40px;
  }




  .sisleya-ingredients__title {
    font-size: 22px;
    line-height: 40px;
  }

  .sisleya-reveal {
    --WIDTH: 100vw;
    --HEIGHT: 58.59vw;
  }

  .sisleya-reveal::before {
    background-image:
      url(animation/tablet/frame-00.jpg),
      url(animation/tablet/frame-01.jpg),
      url(animation/tablet/frame-02.jpg),
      url(animation/tablet/frame-03.jpg),
      url(animation/tablet/frame-04.jpg),
      url(animation/tablet/frame-05.jpg),
      url(animation/tablet/frame-06.jpg),
      url(animation/tablet/frame-07.jpg),
      url(animation/tablet/frame-08.jpg),
      url(animation/tablet/frame-09.jpg),
      url(animation/tablet/frame-10.jpg),
      url(animation/tablet/frame-11.jpg),
      url(animation/tablet/frame-12.jpg),
      url(animation/tablet/frame-13.jpg),
      url(animation/tablet/frame-14.jpg),
      url(animation/tablet/frame-15.jpg),
      url(animation/tablet/frame-16.jpg),
      url(animation/tablet/frame-17.jpg),
      url(animation/tablet/frame-18.jpg),
      url(animation/tablet/frame-19.jpg),
      url(animation/tablet/frame-20.jpg),
      url(animation/tablet/frame-21.jpg),
      url(animation/tablet/frame-22.jpg),
      url(animation/tablet/frame-23.jpg),
      url(animation/tablet/frame-24.jpg),
      url(animation/tablet/frame-25.jpg);
  }

  .sisleya-reveal__text {
    font-size: 35px;
    line-height: 48px;
  }

  .sisleya-ingredients__col:last-child {
    width: var(--COL-06);
    margin-right: 0;
    margin-left: 0;
  }

  .sisleya-nouveaute {
    padding: 70px var(--PADDING-HORIZONTAL);
  }

  .sisleya-nouveaute__wrapper {
    margin-left: var(--COL-01);
    width: var(--COL-10);
  }

  .sisleya-nouveaute__row {
    margin-top: -190px;
  }

  .sisleya-nouveaute__packshot {
    width: 400px;
  }

  .sisleya-nouveaute__col:first-child {
    padding-right: var(--GUTTER-HORIZONTAL);
  }

  .sisleya-nouveaute__col:last-child {
    margin-left: 0;
    width: var(--COL-06);
  }

  .sisleya-nouveaute__title {
    font-size: 22px;
    line-height: 40px;
  }

  .sisleya-lucie {
    padding-bottom: 215px;
  }

  .sisleya-lucie__title {
    margin-top: 0;
  }

  .sisleya-lucie__text {
    margin: 0;
    margin-top: 30px;
  }

  .sisleya-lucie__row {
    padding: 70px 0;
  }

  .sisleya-lucie__col--left {
    margin-left: var(--COL-01);
    margin-right: 0;
    width: var(--COL-05);
  }

  .sisleya-lucie__col--right {
    margin-right: var(--COL-01);
    width: var(--COL-05);
  }


  .sisleya-application {
    display: block;
    padding: 0 var(--PADDING-HORIZONTAL);
    background-color: #000;
  }

  .sisleya-application__bloc-1 img {
    max-width: calc(100% - var(--GUTTER-HORIZONTAL)) !important;
    width: calc(100% - var(--GUTTER-HORIZONTAL)) !important;
    right: var(--GUTTER-HORIZONTAL);
    position: absolute;
  }

  .sisleya-application__bloc-2 img {
    max-width: calc(100% - var(--GUTTER-HORIZONTAL)) !important;
    width: calc(100% - var(--GUTTER-HORIZONTAL)) !important;
    left: var(--GUTTER-HORIZONTAL);
    position: absolute;
  }

  .sisleya-crosslinks {
    padding-top: 70px;
  }
}

@media(max-width:1023px) and (min-width:762px) {
  .sisleya {
    --WIDTH: 100vw;
    --GRID-COL: calc(0.0833333333333333 * var(--WIDTH));
    --COLOR-GOLD: #f8e0b7;
    --COLOR-GRAY: #919191;
    --FONT-SIZE-BIG: 40px;
    --FONT-SIZE-MEDIUM: 32px;
    --FONT-SIZE-NORMAL: 18px;
    --FONT-SIZE-SMALL: 14px;
    --MAX-WIDTH: 1920px;
    --PADDING-VERTICAL: 80px;
  }

  .sisleya-header {
    height: 700px;
  }

  .sisleya-header__text {
    font-size: 22px;
    line-height: 40px;
    margin-top: 40px;
  }

  .sisleya-header__logo {
    width: 320px;
  }

  .sisleya-header__background {
    height: auto;
  }

  .sisleya-header__packshot {
    margin: 0 auto;
    margin-top: 110px;
    width: calc(var(--COL-06) + 2*var(--GUTTER-HORIZONTAL));
    max-width: 395px;
  }

  .sisleya-intro {
    min-height: 0;
  }

  .sisleya-intro__background {
    height: 100%;
  }

  .sisleya-intro__wrapper {
    margin-left: var(--COL-02);
    width: var(--COL-08);
    padding-top: 50px;
    padding-bottom: calc(39vw + 65px);
    height: auto;
  }

  .sisleya-integral {
    height: auto;
  }

  .sisleya-integral__title {
    font-size: 22px;
    line-height: 40px;
  }

  .sisleya-integral__background {
    width: 100%;
    left: 0;
  }

  .sisleya-integral__wrapper {
    margin-left: var(--COL-03);
    width: var(--COL-06);
    padding-top: 12vw;
    height: 87vw;
    justify-content: flex-start;
  }

  .sisleya-ingredients {
    padding: 70px var(--PADDING-HORIZONTAL);
  }

  .sisleya-ingredients__row {
    flex-direction: column-reverse;
  }

  .sisleya-ingredients__col {
    width: var(--COL-10);
    padding-left: var(--GUTTER-HORIZONTAL);
    padding-right: var(--GUTTER-HORIZONTAL);

  }

  .sisleya-ingredients__title {
    font-size: 22px;
    line-height: 40px;
  }

  .sisleya-ingredients__col:last-child {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    margin: 0;
  }

  .sisleya-ingredients__col picture {
    width: calc(var(--COL-08) - 2*var(--GUTTER-HORIZONTAL));
    padding-bottom: 69%;
    margin-left: calc(var(--COL-02) + var(--GUTTER-HORIZONTAL));
    margin-right: calc(var(--COL-02) + var(--GUTTER-HORIZONTAL));
  }

  .sisleya-ingredients__col:first-child {
    display: none;
  }

  .sisleya-ingredients__title {
    width: var(--COL-10);
    padding-left: var(--GUTTER-HORIZONTAL);
    padding-right: var(--GUTTER-HORIZONTAL);
  }

  .sisleya-ingredients__text {
    width: var(--COL-06);
    padding-left: var(--GUTTER-HORIZONTAL);
    padding-right: var(--GUTTER-HORIZONTAL);
    margin-left: var(--COL-02);
  }


  .sisleya-ingredients .sisleya-visual-mobile {
    display: block !important;
    margin-top: 70px;
  }

  #NOUVEAUTE-CONTENT {
    padding-top: 0px;
  }

  .sisleya-nouveaute__row {
    flex-direction: column;
  }

  .sisleya-nouveaute__packshot {
    margin-left: var(--COL-05);
    width: var(--COL-05);
  }

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

  .sisleya-nouveaute__col:first-child {
    padding-right: var(--GUTTER-HORIZONTAL);
    margin-top: 70px;
    margin-bottom: 70px;
    margin-left: var(--COL-02);
    width: var(--COL-06);

  }

  .sisleya-nouveaute__col:last-child {
    margin-left: var(--COL-01);
    width: var(--COL-10);
  }


  .sisleya-lucie {
    padding: 0;
    padding-top: 70px;
    padding-bottom: 215px;
  }

  .sisleya-lucie__background {
    left: calc(var(--PADDING-HORIZONTAL) + var(--GUTTER-HORIZONTAL));
    width: calc(100% - var(--PADDING-HORIZONTAL)*2 - var(--GUTTER-HORIZONTAL)*2);
  }

  .sisleya-lucie__title {
    margin-top: 0;
    margin-bottom: 70px;
    flex-basis: 100%;
  }

  .sisleya-lucie__col--left {
    margin-left: var(--COL-01);
    margin-right: 0;
    width: var(--COL-05);
  }


  .sisleya-lucie__col .sisleya-visual-mobile {
    display: block !important;
    order: 3;
    flex-basis: var(--COL-05);
    padding: 0 var(--GUTTER-HORIZONTAL);
  }

  .sisleya-lucie__col--left {
    flex-direction: row;
    flex-wrap: wrap;
    margin-left: 0;
    margin-right: 0;
    width: 100%;
    padding: 70px var(--PADDING-HORIZONTAL);
  }

  .sisleya-lucie__row {
    padding: 0;
  }

  .sisleya-lucie__col--right {
    display: none;
  }

  .sisleya-lucie__text {
    margin: 0;
    flex-basis: var(--COL-05);
    padding: 0 var(--GUTTER-HORIZONTAL);
    margin-top: 0;
    text-align: left;
  }

  .sisleya-lucie .sisleya-cta {
    order: 4;
  }

  .sisleya-application__row-photos {
    padding: 0;
  }

  .sisleya-application__title {
    text-align: left;
    font-size: 22px;
    line-height: 40px;
  }

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

  .sisleya-application__wrapper {
    top: 0;
    left: 0;
    margin: 0 auto;
    width: 100%;
    justify-content: flex-start;
    padding: 0 var(--PADDING-HORIZONTAL);
    position: absolute;
  }

  .sisleya-application__cta {
    min-width: 80%;
  }

  .sisleya-application__row {
    margin-left: var(--COL-06);
    width: var(--COL-05);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    height: 100%;
    min-height: 0;
    padding-top: 90px;
    padding-bottom: 140px;
  }

  .sisleya-application__bloc-1 {
    margin: 0;
    padding: 0;
    width: 100%;
    position: relative;
    order: 1;
    top: -140px;
    padding-top: 0px;
  }

  .sisleya-application__bloc-1 picture {
    width: var(--COL-05);
    padding: 0 var(--GUTTER-HORIZONTAL);

  }

  .sisleya-application__bloc-1 picture::before {
    content: "";
    display: block;
    width: 100%;
    padding-bottom: 170.8%;
  }

  .sisleya-application__bloc-1 picture+picture {
    display: block;
    margin-top: 70px;
  }

  .sisleya-application__bloc-2 {
    display: none;
    margin-top: 150px;
  }

  .sisleya-application__bloc-1 img {
    max-width: calc(100% + var(--PADDING-HORIZONTAL) + var(--GUTTER-HORIZONTAL)) !important;
    width: calc(100% + var(--PADDING-HORIZONTAL) + var(--GUTTER-HORIZONTAL)) !important;
    margin-left: calc(-1 * (var(--PADDING-HORIZONTAL) + var(--GUTTER-HORIZONTAL)));
    position: absolute;
    top: 0;
  }

  .sisleya-application__bloc-3 {
    order: 3;
    margin: 0;
    padding: 0;
    margin-left: calc(-1 * var(--GUTTER-HORIZONTAL));
    width: calc(100% + 2* var(--GUTTER-HORIZONTAL));
  }

  .sisleya-application__bloc-3 picture {
    padding-bottom: 44.531%;
  }

  .sisleya-application__bloc-4 {
    order: 4;
    margin-top: 70px;
    width: var(--COL-08);
    margin-left: var(--COL-02);
  }
}

@media (max-width: 761px) {
  .sisleya {
    background-color: #FFF;
  }

  .sisleya-header {
    height: auto;
    background-color: #FFF;
  }

  .sisleya-header__background {
    position: absolute;
    width: 100%;
    left: 0;
    height: auto;
  }

  .sisleya-header__logo {
    width: 100%;
  }

  .sisleya-header__wrapper {
    width: 100%;
    padding: 0;
    padding-top: 15%;
  }

  .sisleya-header__text {
    font-size: 22px;
    line-height: 40px;
    width: 100%;
    padding: 0 var(--GUTTER-HORIZONTAL);
  }

  .sisleya-header__title {
    width: var(--COL-10);
    padding: 0 var(--GUTTER-HORIZONTAL);
  }

  .sisleya-header__tag {
    width: auto;
    white-space: nowrap;
    letter-spacing: 1px;
  }

  .sisleya-header__packshot {
    margin-top: 60px;
    padding-top: 10%;
    width: calc(var(--COL-08) + 2*var(--GUTTER-HORIZONTAL));
    max-width: 600px;
  }

  .sisleya-intro {
    min-height: 0;
  }

  .sisleya-intro__wrapper {
    margin: 0 auto;
    margin-left: var(--COL-01);
    width: var(--COL-10);
    padding-top: 70px;
    padding-bottom: 70vw;
    height: auto;
  }

  .sisleya-intro__background {
    position: absolute;
    width: 100%;
    left: 0;
    height: 100%;
  }

  .sisleya-intro__text {
    font-size: 18px;
    line-height: 36px;
    margin-top: 0;
  }

  .sisleya-intro__cta {
    min-width: 100%;
  }

  .sisleya-intro__text+.sisleya-intro__text {
    margin-top: 30px;
  }

  .sisleya-integral__background {
    width: 100%;
    left: 0;
    height: auto;
  }

  .sisleya-integral__wrapper {
    margin: 0 auto;
    margin-left: var(--COL-01);
    width: var(--COL-10);
    padding-top: 70px;
    justify-content: flex-start;
  }

  .sisleya-ingredients {
    padding: 70px var(--PADDING-HORIZONTAL);
  }

  .sisleya-ingredients__row {
    flex-direction: column-reverse;
  }

  .sisleya-ingredients__col {
    width: var(--COL-10);
    padding-left: var(--GUTTER-HORIZONTAL);
    padding-right: var(--GUTTER-HORIZONTAL);

  }

  .sisleya-ingredients__title {
    font-size: 22px;
    line-height: 40px;
  }

  .sisleya-ingredients__col:last-child {
    width: var(--COL-10);
    padding-left: var(--GUTTER-HORIZONTAL);
    padding-right: var(--GUTTER-HORIZONTAL);

  }

  .sisleya-ingredients__col:first-child {
    display: none;
  }

  .sisleya-visual-mobile {
    display: block !important;
    margin-top: 70px;
  }

  .sisleya-reveal {
    --WIDTH: 100vw;
    --HEIGHT: 87.5vw;
  }

  .sisleya-reveal::before {
    background-image:
      url(animation/mobile/frame-00.jpg),
      url(animation/mobile/frame-01.jpg),
      url(animation/mobile/frame-02.jpg),
      url(animation/mobile/frame-03.jpg),
      url(animation/mobile/frame-04.jpg),
      url(animation/mobile/frame-05.jpg),
      url(animation/mobile/frame-06.jpg),
      url(animation/mobile/frame-07.jpg),
      url(animation/mobile/frame-08.jpg),
      url(animation/mobile/frame-09.jpg),
      url(animation/mobile/frame-10.jpg),
      url(animation/mobile/frame-11.jpg),
      url(animation/mobile/frame-12.jpg),
      url(animation/mobile/frame-13.jpg),
      url(animation/mobile/frame-14.jpg),
      url(animation/mobile/frame-15.jpg),
      url(animation/mobile/frame-16.jpg),
      url(animation/mobile/frame-17.jpg),
      url(animation/mobile/frame-18.jpg),
      url(animation/mobile/frame-19.jpg),
      url(animation/mobile/frame-20.jpg),
      url(animation/mobile/frame-21.jpg),
      url(animation/mobile/frame-22.jpg),
      url(animation/mobile/frame-23.jpg),
      url(animation/mobile/frame-24.jpg),
      url(animation/mobile/frame-25.jpg);
  }

  .sisleya-reveal__text {
    font-size: 22px;
    line-height: 31px;
    max-width: 284px;
  }

  #NOUVEAUTE-CONTENT {
    padding-top: 0px;
  }

  .sisleya-nouveaute {
    padding: 70px 0;
  }



  .sisleya-nouveaute__wrapper {
    width: 100%;
    margin-left: 0;
    padding-bottom: 30px;
  }

  .sisleya-nouveaute__row {
    display: block;
  }

  .sisleya-nouveaute__title {
    font-size: 22px;
    line-height: 40px;
    text-align: left;
    width: var(--COL-10);
    margin-left: var(--COL-01);

  }

  .sisleya-nouveaute__text {
    width: var(--COL-10);
    margin-left: var(--COL-01);
  }



  .sisleya-nouveaute__packshot {
    width: 100%;
    margin: 0 auto;
    z-index: 2;
    position: relative;
  }

  .sisleya-nouveaute__packshot picture img {
    width: 80%;
    transform: translateX(32%) translateY(-22%);

  }



  .sisleya-nouveaute__col:first-child {
    padding: 0;
    margin: 0;
    width: 100%;
    padding-left: var(--PADDING-HORIZONTAL);
    padding-right: var(--PADDING-HORIZONTAL);
  }

  .sisleya-nouveaute__link {
    padding-left: var(--GUTTER-HORIZONTAL);
    padding-right: var(--GUTTER-HORIZONTAL);
    padding-bottom: 106.5%;
    width: var(--COL-09);
    margin-bottom: 70px;
  }

  .sisleya-nouveaute__col:first-child picture {
    display: none;
  }

  .sisleya-nouveaute__link .sisleya-video {
    max-width: calc(100% + var(--PADDING-HORIZONTAL) - var(--GUTTER-HORIZONTAL)) !important;
    width: calc(100% + var(--PADDING-HORIZONTAL) - var(--GUTTER-HORIZONTAL)) !important;
    left: calc(-1 * (var(--PADDING-HORIZONTAL)));
    position: absolute;
  }

  .sisleya-nouveaute__col:last-child {
    margin-left: 0;
    width: 100%;
    padding-left: var(--PADDING-HORIZONTAL);
    padding-right: var(--PADDING-HORIZONTAL);
  }

  #NOUVEAUTE-CTA {
    padding: 0 var(--GUTTER-HORIZONTAL);
    min-width: var(--COL-10);
    margin-left: var(--COL-01);
  }


  .sisleya-lucie {
    padding: 0px var(--PADDING-HORIZONTAL);
    padding-bottom: 206px;
    padding-top: 70px;
  }

  .sisleya-lucie__row {
    flex-direction: column;
    padding: 50px 0;
  }

  .sisleya-lucie__col--left {
    width: var(--COL-10);

  }

  .sisleya-lucie__title {
    margin-top: 0;
    margin-bottom: -30px;
  }

  .sisleya-lucie__text {
    margin-top: 20px;
  }

  .sisleya-lucie__col--right {
    display: none;
  }

  .sisleya-lucie .sisleya-cta {
    width: 100%;
    padding: 0;
    min-width: 0;
  }

  .sisleya-application {
    background-color: #000;
  }

  .sisleya-application__row-photos {
    padding: 0;
  }

  .sisleya-application__row {
    padding-top: 0px;
    padding-bottom: 0px;
    width: 100%;
  }

  .sisleya-application__wrapper {
    margin: 0 auto;
    padding-top: 226px;
    padding-bottom: 70px;
    margin-left: var(--COL-01);
    width: var(--COL-10);
    align-items: unset;
  }

  .sisleya-application__title {
    font-size: 22px;
    line-height: 40px;
  }

  .sisleya-application__text {
    padding: 0;
  }

  .sisleya-application__text>span {
    display: block;
    padding: 0 var(--GUTTER-HORIZONTAL);
  }

  .sisleya-application__bloc-1 {
    padding: 0 var(--PADDING-HORIZONTAL);
    width: 100%;
    top: -100px;
    position: absolute;
    left: 0;
  }

  .sisleya-application__bloc-1 picture {
    width: 100%;
    padding: 0;
    margin-right: var(--COL-05);
    width: var(--COL-07);
    padding: 0 var(--GUTTER-HORIZONTAL);
  }

  .sisleya-application .sisleya-visual-mobile {
    display: block;
    width: 80%;
    margin-left: 20%;
    margin-bottom: 70px;
    padding: 0 var(--GUTTER-HORIZONTAL);
  }

  .sisleya-application__bloc-2 {
    display: none;
  }

  .sisleya-application__bloc-3 {
    margin-left: calc(-1 * var(--GUTTER-HORIZONTAL));
    width: calc(100% + 2* var(--GUTTER-HORIZONTAL));
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 70px;
    margin-top: 0px;
  }

  .sisleya-application__bloc-4 {
    margin-left: var(--COL-02);
    width: var(--COL-08);
  }

  .sisleya-application::after {
    height: 72px;
    bottom: -2px;
  }

  .sisleya-crosslinks {
    padding-top: 0;
  }
}

.sisleya[data-lang="MEA_ar"] .sisleya-integral__title,
.sisleya[data-lang="MEA_ar"] .sisleya-integral__text,
.sisleya[data-lang="MEA_ar"] .sisleya-ingredients__title,
.sisleya[data-lang="MEA_ar"] .sisleya-ingredients__text {
  text-align: right;
}

.sisleya[data-lang="MEA_ar"] .sisleya-nouveaute__text {
  text-align: right;
}

.sisleya[data-lang="MEA_ar"] .sisleya-lucie__col--right {
  margin-left: var(--COL-01);
  margin-right: auto;
}

.sisleya[data-lang="MEA_ar"] .sisleya-mentions__text {
  text-align: right;
}

.sisleya[data-lang="MEA_ar"] .sisleya-application__bloc-3 {
  margin-right: var(--COL-01);
  margin-left: auto;
}

.sisleya[data-lang="MEA_ar"] .sisleya-application__bloc-2 picture {
  margin-right: var(--COL-09);
  margin-left: auto;
}

.sisleya[data-lang="MEA_ar"] .sisleya-application__bloc-2 img {
  margin-right: auto;
  margin-left: calc(-1 * (var(--PADDING-HORIZONTAL) + var(--GUTTER-HORIZONTAL)));
}

.sisleya[data-lang="MEA_ar"] .sisleya-application__bloc-1 img {
  margin-right: calc(-1 * (var(--PADDING-HORIZONTAL) + var(--GUTTER-HORIZONTAL)));
  margin-left: auto;
}

.sisleya[data-lang="MEA_ar"] .sisleya-application__bloc-4 {
  margin-right: var(--COL-03);
  margin-left: auto;
}