@font-face {
    font-family: 'Futura LT Med';
    src: url('../t/FuturaLT.woff2') format('woff2'),
        url('../t/FuturaLT.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Futura LT';
    src: url('../t/FuturaLight.woff2') format('woff2'),
        url('../t/FuturaLight.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Futura LT Book';
    src: url('../t/FuturaLT-Book.woff2') format('woff2'),
        url('../t/FuturaLT-Book.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Futura LT Oblique';
    src: url('../t/FuturaLT-LightOblique.woff2') format('woff2'),
        url('../t/FuturaLT-LightOblique.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}




.grid{z-index: 99999; margin:  0 auto;
  width: calc(100% - calc(7.639vw * 2 ));position: fixed;top:  0; left: 50%; transform:  translateX(-50%);height: 100vh;margin: 0 auto; pointer-events: none;display: flex;justify-content: space-between;}
.col-grid{width: 7.222vw; height: 100%; background: #FF8118; opacity: 0.2; z-index: 99;}
.line-v{width: 1px;height: 100vh;background-color: #FFFF4F;position: fixed;left: 50%;margin-left: -0.5px;top: 0px; z-index: 9999;}

html, body {overflow: hidden; margin: 0; display: block; font-family: 'Futura LT';  }
html.has-scroll-smooth {
  overflow: hidden; }
html.has-scroll-dragging {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
.o-scroll{overflow: hidden; min-height: 100vh;}
html.has-scroll-smooth {
    position: fixed;
    inset: 0;
}
.has-scroll-smooth body {
  overflow: hidden; }
.has-scroll-smooth [data-scroll-container] {
  min-height: 100vh; }
[data-scroll-direction="horizontal"] [data-scroll-container] {
  white-space: nowrap;
  height: 100vh;
  display: inline-block;
  white-space: nowrap; }
[data-scroll-direction="horizontal"] [data-scroll-section] {
  display: inline-block;
  vertical-align: top;
  white-space: nowrap;
  height: 100%; }
.c-scrollbar {
  position: absolute;
  right: 0;
  top: 0;
  width: 8px;
  height: 100%;
  transform-origin: center right;
  transition: transform 0.3s, opacity 0.3s;
  opacity: 1;background-color: #EE2216; }
.c-scrollbar:hover {
    transform: scaleX(1.45); }
.c-scrollbar:hover, .has-scroll-scrolling .c-scrollbar, .has-scroll-dragging .c-scrollbar {
    opacity: 1; }
[data-scroll-direction="horizontal"] .c-scrollbar {
    width: 100%;
    height: 10px;
    top: auto;
    bottom: 0;
    transform: scaleY(1); }
[data-scroll-direction="horizontal"] .c-scrollbar:hover {
      transform: scaleY(1.3); }
.c-scrollbar_thumb {
  position: absolute;
  top: 0;
  right: 0;
  background-color: #fff;
  opacity: 1;
  width: 100%;
  border-radius: 0px;
 
  cursor: -webkit-grab;
  cursor: grab; }
.has-scroll-dragging .c-scrollbar_thumb {
    cursor: -webkit-grabbing;
    cursor: grabbing; }
[data-scroll-direction="horizontal"] .c-scrollbar_thumb {
    right: auto;
    bottom: 0; }

#preload{
  width: 100%; 
  height: 100vh;  
  position: fixed; 
  z-index: 99999999; 
  background-color: #FFF; 
  top: 0; overflow: hidden;
  left: 0;}
#preload.is-loaded{
opacity: 0;
  transition: opacity .2s cubic-bezier(.215,.61,.355,1);
}

.txt-perc{     text-align: center;
    font-size: var(--ft20);
    bottom: 0;
    left: 0%;
    width: 100%;opacity: 0;
    color: #000;
    position: absolute;
    transform: translate(-0%, -50%);
        }


#loader{position:fixed;top:0;left:0;width:100%;height:100%;z-index:20;background: #FFF;overflow: hidden}
.inner_loader{position:absolute;top:0;left:0;width:100%;height:100%;text-align:center;}
.inner_head{    z-index: 999;
    width: 83.43vw;
    opacity: 1;
    pointer-events: none;
    display: flex;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
    flex-direction: column;
}
.inner_loader img {
    position: relative;
    width: 45.139vw;
    max-height: unset;
    pointer-events: none;
    text-align: center;
    margin: 0 auto;
} 

.dots-container {
    display: inline-block;
    margin: 60px 0 0 0;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    bottom: 50px;
}
 .dots-container .dot {width: 2px;height: 2px;border-radius: 10px;background: #000;float: left;margin: 0 5px 0 0;opacity: 1;}


.clear{clear:both;}
h1, h2, h3, h4, h5, p{margin:0; padding: 0;font-size: unset;-webkit-margin-before: 0.0em;-webkit-margin-after: 0.0em;font-weight: unset}
figure {margin-block-start: unset;margin-block-end: unset; margin-inline-start:unset;margin-inline-end: unset;}
ul, menu, dir {display: block;list-style-type: disc;-webkit-margin-before: 0em;-webkit-margin-after: 0em;-webkit-margin-start: 0px;-webkit-margin-end: 0px;-webkit-padding-start: 0px;}
a{text-decoration: none;color: #FFF;}
*:focus {outline: none;}
.overflow{overflow: hidden !important;}
.ie{ overflow: auto}
.ie #main{overflow: scroll; position: relative;}
svg:not(:root), symbol, image, marker, pattern, foreignObject {overflow: visible !important;}
svg{overflow: visible !important; box-shadow : 0px -0px 10000px transparent /*trick for chrome*/}
.progress{cursor: progress !important; }
:not(svg), :not(foreignObject) > svg {transform-origin: unset;}



.centerxy{left: 50%; top: 50%; transform: translate(-50%, -50%);}
.center-x{left: 50%; transform: translateX(-50%);}
.center-y{top: 50%; transform: translateY(-50%);}
.cover{background-size: cover!important; background-position: center; background-repeat: no-repeat !important;}


.split, .split3{position: relative;white-space: pre-warp;}
.split2{opacity: 0; transform: translateY(100px);will-change: all;
}
.split2.is-inview{animation: splitAnim2 1000ms  forwards ;
  animation-iteration-count: 1;}
.split div, .split3 div{
  
  white-space: wrap; }
.split div span, .split3 div span{
  position: relative;
  display: block;
  will-change: all;
  opacity: 0;white-space: pre-warp;
    transform: translate3d(0,100%,0); 
}
.split.is-inview div span{
  --delay: calc((var(--line-index) + 1) * 50ms);
  animation: splitAnim 800ms  forwards ;
  animation-delay: var(--delay);
  animation-iteration-count: 1;

}
.split3.is-inview div span{
  --delay: calc((var(--line-index) + 1) * 200ms);
  animation: splitAnim 1200ms  forwards ;
  animation-delay: var(--delay);
  animation-iteration-count: 1;

}
.chiffre-droite{ width: 20px;
    position: fixed;
    z-index: 999999;
    height: 20px;
    right: 30px;
    top: 30px;
    /*mix-blend-mode: difference;*/

}
.chiffre-droite img{height: 100%; position: absolute; top: 0; left: 0;}
.number-part1,.number-part2, .number-part3, .number-part4{display: none}
.chiffre.is-inview{display: block}
@keyframes splitAnim {
  0% {
    transform: translate3d(0,200%,0);
    opacity: 0;
  }

  100% {

    transform: translate3d(0,0,0);
    opacity: 1;
  }
}
@keyframes splitAnim2 {
  0% {
    transform: translate3d(0,100px,0);
    opacity: 0;
  }

  100% {

    transform: translate3d(0,0,0);
    opacity: 1;
  }
}
h4{font-size: 1.736vw;text-transform: uppercase; line-height: 128%;font-family: 'Futura LT Book';padding-bottom: 46px;}
h2{font-size: 10.417vw;position: relative; font-weight: unset;width: 74.931vw; text-transform: uppercase;text-align: center;}

.h-2{overflow:  hidden;background-color: #FFF;align-items: center; display:flex;width: 100vw; position: relative;}
.h-2 .citation-bl{width: 100vw; margin: 20vh 0;}
.h-2 .citation-bl h3{width: 100%; text-align: center; padding-top: 6.042vw;}
.h-2 h2{display: block;position: relative; margin: 0 auto; width: 100%; }
.coquelicot1{width: 100%;
    height: 99vh;
    position: absolute;
    top: -15vh;
    background-position: 100% 0%;
    /* overflow: visible; */
    background-size: contain !important;
}
.coqseul{ width: 33vh;
    position: absolute;
     top: 94vh; 
    left: 35vw;}

#mouse-scroll {
  style: block;
}
#mouse-scroll {
    position: absolute;
    margin: auto;
    left: 50%;
    top: 100%;
    z-index: 9999;
    transform: translate(-50%, -150%);
}
#mouse-scroll span{
  display: block;
  width: 5px; 
  height: 5px;
  -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
       transform: rotate(45deg);
       transform: rotate(45deg);
  border-right: 2px solid #000; 
  border-bottom: 2px solid #000;
  margin: 0 0 3px 5px;
}
#mouse-scroll .mouse {
  height: 21px;
  width: 14px;
  border-radius: 10px;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  border: 2px solid #000;
  top: 170px;
}
#mouse-scroll .down-arrow-1 {
  margin-top: 6px;
}
#mouse-scroll .down-arrow-1, #mouse-scroll .down-arrow-2, #mouse-scroll .down-arrow-3 {
  -webkit-animation: mouse-scroll 1s infinite; 
}
#mouse-croll .down-arrow-1 {
   -webkit-animation-delay: .1s; 
   -moz-animation-delay: .1s;
   -webkit-animation-direction: alternate;
}
#mouse-scroll .down-arrow-2 {
  -webkit-animation-delay: .2s; 
  -moz-animation-delay: .2s;
  -webkit-animation-direction: alternate;
}
#mouse-scroll .down-arrow-3 {
   -webkit-animation-delay: .3s;
   -moz-animation-dekay: .3s;
   -webkit-animation-direction: alternate;
}
#mouse-scroll .mouse-in {
  height: 5px;
  width: 2px;
  display: block; 
  margin: 5px auto;
  background: #000;
  position: relative;
}
#mouse-scroll .mouse-in {
 -webkit-animation: animated-mouse 1.2s ease infinite;
  moz-animation: mouse-animated 1.2s ease infinite;
}

@-webkit-keyframes animated-mouse {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
     opacity: 0;
    -webkit-transform: translateY(6px);
    -ms-transform: translateY(6px);
    transform: translateY(6px);
  }
}
@-webkit-keyframes mouse-scroll {
  0% {
    opacity: 1;
  }
  50% {
    opacity: .5;
  }
  100% {
    opacity: 1;
  } 
}
@keyframes mouse-scroll {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}


/* LAYOUT */
:root{
  --or: #B48956;
  --ft2: 3.038194444444444vw;
  --ft20:  1.736vw;
  --ft17:  1.476vw;
 --ft45: 3.906vw;
}

.back-preload{  transition: all .7s cubic-bezier(.215,.61,.355,1);width: 45px; height: 45px; border: 1px solid #000; position: absolute; z-index: 88; right:  20px; top: 20px; border-radius: 50%;}
.back-preload span{ transition: all .7s cubic-bezier(.215,.61,.355,1);position: absolute;top: 50%; transform: translateY(-50%); width: 100%; text-align: center; font-size: 12px; font-family: 'Futura LT Book';color: #000;}
.back-preload:hover{background-color: #000;}
.back-preload:hover span{color: #FFF;}
.nav{position: fixed; width: 100vw;    margin: 0 auto;  
z-index: 999;}
.nav h1{text-indent: -99999px;position: absolute;}
#burger {
  position: absolute;
  left: 40px;
  top: 40px;
  cursor: pointer;
  height: 18px;
  width: 20px; z-index: 10; }

#burger span {
  width: 100%;
  height: 2px;
  position: absolute;
  top: 0px;background-color: #000;
}

#burger span:nth-child(2) {
  margin-top: 8px; width: 100%; }
  #burger span:nth-child(3) {
  margin-top: 15px; }

#burger:hover span:nth-child(2) {width: 100%;}

#burger.is-open span {
  transform: rotate(45deg);
  transform-origin: center;
  margin-top: 8px; }

#burger.is-open span:nth-child(3) {
  transform: rotate(-45deg);
  transform-origin: center;
  margin-top: 8px; }
#burger.is-open span:nth-child(2) {
  opacity: 0; width: 0;}
.menu{width: 100%; height: 100vh; height: calc(var(--vh, 1vh) * 100); transform: translate3d(0, -100vh, 0); z-index: 9; background-color: #FFFFFF; position: fixed;}
nav{    margin-left: 7.639vw;
    width: calc(50vw - 7.639vw);
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
}
nav ul li{cursor: pointer;transition:color .5s;list-style: none;text-transform: uppercase;font-size: 3.2vw;color: #AEAEAE; line-height: 100%; padding: 10px 0;}
nav ul li.is-active-menu{color: #EE2216;}
nav ul li:hover{color: #EE2216;}
.chiffres{    width: 50vw;
    height: calc(100vh - 20vh);
    position: absolute;
    left: 50vw;
    display: flex;
    padding: 10vh 0;
    justify-content: center;}
.chiffres img{height: 100%; display: none}
.png{display: none}
.png.is-visible{display: block !important}
.png.is-active-chiffre{display: block }
.png.is-active-chiffre-inscroll{display: block !important}
.png.is-hide{display: none !important }

.transition{position: fixed;width: 100vw; height: 100vh;  background: aqua; z-index: 9999; transform: translate3d(0, -100%, 0);}
.flex{display: flex;justify-content: space-between;flex-wrap: wrap;}
.flex .l-flex, .flex .r-flex{width: 50vw;position: relative;}
.inner-t{width: 31.163vw; }
.pad-l{padding-left: 13.021vw;}
.pad-r{padding-left: 5.816vw;}
.m-l{margin-left: 5.816vw;}
.m-r{margin-right: 5.816vw;}
.p130{padding-top: 11.285vw;}
.b-letter{font-size: 49.566vw; line-height: 76%; opacity: 0; position:  absolute;  -webkit-text-stroke: 1vw #FA00FF;
text-transform: uppercase; color:#FA00FF; mix-blend-mode: screen;}
p{font-size: 1.111vw; line-height: 140%;}
.b-letter.is-inview{opacity: 1;}
.wrap{
  width: 100vw;  
  position: relative; 
  margin: 0 auto;  
  z-index: 1;
}


.animation{
-webkit-transition: transform 0.8s cubic-bezier(.215, .61, .355, 1) 0.0s ;
-moz-transition: transform 0.8s cubic-bezier(.215, .61, .355, 1) 0.0s ;
-o-transition: transform 0.8s cubic-bezier(.215, .61, .355, 1) 0.0s ;
transition: transform 0.8s cubic-bezier(.215, .61, .355, 1) 0.0s ;
}

.screen{height: 100vh}
.ratio-p{    
  position: relative;
  display: block;
  overflow: hidden;
  width: 58.68vw;    margin: 0 auto;
}
.ratio-p::before{    
  display: block;
  padding-bottom: 62.5%;
  width: 100%;
  content: "";
}
.ratio-p img{
    width: 100%;
    overflow: hidden;
    left: 0%;
    height: 100%;
    position: absolute;
    top: 0%;
}
section{position: relative;}
.linear-gradient{position:  relative;
  background: rgb(239,243,244);

background: -moz-linear-gradient(0deg, rgba(212,221,226,1) 0%, rgba(239,243,244,1) 100%);
background: -webkit-linear-gradient(0deg, rgba(212,221,226,1) 0%, rgba(239,243,244,1) 100%);
background: linear-gradient(0deg, rgba(212,221,226,1) 0%, rgba(239,243,244,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#eff3f4",endColorstr="#d4dde2",GradientType=1);
}
.remove-lang{display: none !important;}
.affiche-lang{display: block;}


.first-screen{    z-index: 999999;overflow: hidden;position: absolute;top: 0; left: 0; width: 100vw;}
.H-a .bg-firstscreen{z-index: 2;width: 110%;background-size: cover; background-position: 50% 50% !important; background-repeat:  no-repeat;height: 110%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) !important;}

.block-preload {
    z-index: 999;
    width: 83.43vw;
    opacity: 1;pointer-events: none;
    display: flex;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
    flex-direction: column;
}
.block-preload img {
    position: relative;
    width:45.139vw;
    max-height: unset;pointer-events: none;
    text-align: center;
    margin: 0 auto;
}
.choose{text-align: center; font-weight: 400;color: #000; margin-top: 43px;
      font-family: 'Futura LT Book' !important;font-weight: 400; pointer-events: none;}
.block-preload span{font:200 normal 15px/22px 'Futura LT'; text-transform: uppercase; top: 10vh;}
.lang-select{left:  50%; transform:  translateX(-50%);display: flex; font-family: 'Futura LT Book' !important; font-weight: 400;pointer-events:  auto; position: relative; flex-flow: row wrap;    justify-content: center;  position: absolute; bottom: 10vh;}
.lang{cursor: pointer;   transition: all 0.5s ease-out; width: 54px; height: 54px; border-radius: 50px;  margin: 10px 7px ; background-color:  #FFF;text-align: center;position: relative; color: #000000;}
.lang span{font:200 normal 15px/22px 'Futura LT Book'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #B91F1F;}
.lang-select .desktop {
    display: block;
    height: 54px !important;
    width: 54px !important;
    position: relative !important;
    margin: 10px 7px !important;
}
.lang:hover, .btn-download:hover{color: #fff; background-color: #000000;}



.H-a{overflow: hidden;width: 100vw; height: 200vh; z-index: 0; margin-bottom: 0vh;}
.H-a-GP{overflow: hidden;width: 100vw; height: 300vh; z-index: 0; margin-bottom: 0vh;}

.logo-inscroll{position: absolute;z-index: 9999; width: 100%; text-align: center;margin-top: 0px !important;}
.logo-inscroll img{width: 100%; margin: 0 auto; position: relative;width: 19.306vw;}
.ciel{width: 100%; height: 100vh; z-index: 2;}
.terre{width: 100%; height: 100vh; top: 0vh; position: absolute; z-index: 4;}
.gTitre{font-size: var(--ft45); letter-spacing: 1%}
.titre-absolue{text-transform:  uppercase; color: #FFF;width:  100%; text-align:  center;font-size: 8.333vw; letter-spacing: 0.5vw; line-height: 120%; position: absolute;  z-index: 3;top: 0vw;}
.gp2 .titre-absolue{ z-index: 3; font-size: 6.250vw; line-height: 100%;}
.gp2 .terre{width: 100%; height: 100vh; top: 10vh; position: absolute; z-index: 4;}
.gp2 .ciel:after{content: ''; opacity:  0.2;position: absolute;width: 100%; height: 100%; background-color: #000; z-index: 2;}
.h-3 {overflow: hidden;}
.h-3 .cover{height: 100vh; width: 100vw;}
.texte-sticky{height: 100vh;width: 50vw; position: absolute; top: 0; left: 0; z-index: 999;}
.h-3 .SS-TITRE-DROPSHADOW{position: absolute; top: 50%; transform: translateY(-50%);}
.SS-TITRE-DROPSHADOW{margin-left:  7.639vw; font-weight:  unset; color:  #FFF;position: absolute; top:  50%; transform:  translateY(-50%);width:calc(49vw - 7.639vw) ;font-size: 3.819vw; letter-spacing: 0.4vw;text-transform: uppercase; line-height: 100%; text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.15);}
.SS-TITRE-noDROPSHADOW{margin-left:  7.639vw; font-weight:  unset; color:  #000;position: absolute; top:  50%; transform:  translateY(-50%);width:calc(49vw - 7.639vw) ;font-size: 3.819vw; letter-spacing: 0.4vw;text-transform: uppercase; line-height: 100%; }
strong{  font-family: 'Futura LT Med';font-weight: unset;}
.cital{padding: 10vh 0;font-size: 3.819vw; font-weight:  unset;letter-spacing: 0.4vw;text-transform: uppercase;}
.bl-50{width: 50vw; background-color: #FFF; left: 50vw; position: relative;}
.inner-text{    width: 25.5vw;
    margin-left: 9.2vw; }
 .left-stick-g   .inner-text {
    width: 24.5vw;
    margin-left: 15.3vw;
}
.h-3 .inner-text{    width: 24.5vw;
    margin-left: 9.2vw; padding: 9.306vw 0;}

.coq-p{ position: absolute;z-index: 3;}
.coq-p img{width: 100%;}
.coq-p1{top: 0;left: 17.361vw;width: 19.097vw;}
.coq-p2{top: 0;left: 62.569vw;width: 18.194vw;}
.coq-p3{top: 30vh;left: 32.778vw;width: 22.986vw;}
.coq-p4{top: 70vh;left: 18.194vw;width: 21.319vw;}
.coq-p5{top: 70vh;left: 50.694vw;width: 18.472vw;}
.coq-p6{top: 70vh;left: 75.139vw;width: 15vw;}
.coq-p7{top: 0vh;left: 49.306vw;width: 7.986vw;}

p{font-size: 1.111vw; line-height: 150%;}
.photo-left100{width: 50vw;height: 100vh; overflow: hidden;position: relative;}
.photo-left100-para {width: 100%; height: 120vh; top: -15vh; left: 0;position: absolute;}
.h-8 .photo-left100-para{top: -16vh;}
#stick4 .texte-stick4 .texte-under.lang-DE{    font-size: 3.861vw;}
.right100{width: 49.9vw;left: -0.1vw;
    height: 100vh; background-color: #FFF;position: relative;
  z-index: 20;
display: block;}
.h-4 .inner-text{    width: 24.5vw;
    margin-left: 9.2vw; position: absolute; top: 50%; transform: translateY(-50%);}
.h-8 .SS-TITRE-noDROPSHADOW{color: #FFF;}
.h-5{width: 100%;position: relative;}
.h-5-photo{position: absolute; width: 100%; height: 100vh; top: 0;left:  0}
.c-direction-block_item {
   font-size: 13.889vw;
  width: 100%;text-align: right;
 
    position: relative;
    text-transform: uppercase;
    white-space: nowrap;
}
.flacon-r{    position: absolute;
 
    height: 96vh;
    top: 4vh;right:  5vw}
    .flacon-r img{height: 100%; z-index: 999;}
.c-direction-block_item span {
  color: #000;
    display: block;
  padding: 60vw 0 6.944vw 40vw;
    white-space: nowrap;
}
.inner-text-left{margin-left:  7.639vw; width: 24.792vw;}
#stick2 .inner-text-left{padding-bottom: 40vh;position: relative;}
#stick2 .inner-text-left {
    margin-left: 16.25vw;
  
}

.h-6 .inner-text{top: 50%; transform: translateY(-50%);position: absolute;}
.centerY-inner{ position: absolute; top: 50%; transform: translateY(-50%);}
#stick4{height: auto;overflow: hidden;position: relative;display: block}

.femme{width: 50.694vw;display:  block;position: absolute; z-index: 4; left:  13.639vw; height: 100vh; background-size: contain !important;background-repeat: no-repeat;}
#stick4 .h-5-photo{height: 100vh;position: absolute; top: 0; left: 0;}
.h-5-photo-para{width: 100%; position: absolute; top: -20vh; height: 120vh;}
.texte-under{letter-spacing:  1vw;position: relative;text-align: center;padding: 0 0 40vh 0;width: 47.819vw; font-size: 7.986vw; text-transform: uppercase;line-height: 95%;}

.texte-stick4{margin-left: 50vw;color: #FFF; margin-top: 100vh;}
.overlay{width: 100%; height: 100vh; position: absolute; top: 0; background-color: #000; left: 0;opacity: 0;}
.texte-stick4 .split2{padding-bottom: 40vh;}
.texte-stick4 .texte-under{font-size: 4.861vw}
.h-10 .inner-text{padding: 40vh 0;}
.h-10 .right100, .h-11 .right100{height: auto;}
.h-11 .photo-left100-para{    background-position: 0% 0% !important;}
.right100-2{position: relative;width: 50vw;
    height: 100vh; background-color: #FFF;margin-left: 50vw;}
.h-12{min-height: 100vh;overflow: hidden;}
.h-12 .h-5-photo{position: absolute; width: 100%; height: 100vh; top: 0;left:  0}
.texte-stick12{margin-left: 50vw;color: #FFF;padding-top: 100vh;}
.h-12 .h-5-photo{overflow: hidden;}
.h-12 .h-5-photo-para{height: 100vh; position: absolute; top: 0;
    background-position: 50% 30%;z-index: -1;
}
.h-12 .overlay{background: #FF392E;
    mix-blend-mode: lighten;
    backdrop-filter: blur(40px);
    opacity:0;
    z-index: 2;}

.h-12 .SS-TITRE-noDROPSHADOW, .h-14 .SS-TITRE-noDROPSHADOW, .h-13 .SS-TITRE-noDROPSHADOW{color: #FFF;z-index: 99;}
.img-inside{    padding: 10vh 0 10vh 0;
    width: calc(42.819vw - 9.7vw);
    z-index: 99;
    position: relative;
    margin-left: 9.306vw;}
.texte-stick12 .mb{padding-bottom: 40vh;}
.h5{font-size: 3.81vw; line-height: ;}
.h-13 .inner-text{ padding: 40vh 0;}

.h-13 .right100, .h-14 .right100{height: auto;}
.h-14 .inner-text, .h-11 .inner-text{ padding: 40vh 0;}
.h-14 .right100 .SS-TITRE-noDROPSHADOW{margin-left: 0;
    font-weight: unset;
    color: #000;
    position: relative;
    padding: 10vh 0;
    top: 50%;
    transform: unset;
    width: calc(29vw);
    font-size: 3.819vw;
    letter-spacing: 0.4vw;
    text-transform: uppercase;
    line-height: 100%;}
.h-15 .h-5-photo, .h-16 .h-5-photo{overflow: hidden;}
.h-15 .h-5-photo-para{height: 100vh; position: absolute; top: 0;
    background-position: 0% 0%;
}
#part44, .h-16{min-height: 100vh; position: relative;}
#part44 .mt{margin-top: 80vh;width: 100%; display:inline-flex; position: relative;}
#part44 .texte-under {
    letter-spacing: 1vw;
    position: relative;
    text-align: center;
    padding: unset;
    
    font-size:  3.819vw; padding-bottom: 40vh;
    text-transform: uppercase;
    line-height: 95%;
    width: 100%;
    color: #FFF;
   
}
.h-16 .block-text{width: 50vw;height: 100vh; position: absolute; top: 0; z-index: 99;}
.full-w{width: 50vw; height: 100%; background-color: #FFF; position: absolute; top: 100vh;}
.lesvignettes{width: 50vw; margin-left: 50vw;margin-top: 0vh; position: relative;}
.vignettes{width: 100%;display: block;margin: 0;}
.img-fullsize{width: 120vw;height: 100vh; top: 0;position: relative;}
.img-fullsize img {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
     object-fit: cover; 
    object-position: right;
    left: 0%;
}
.h-12 .bl-w-t2{margin-top: 100vh;}
.h-12  .bl-w-t2 .inner-text {
    padding: 9.306vw 0 0vh 0;
}
.left-stick-g {
    width: 50vw;
    height: auto;
    background-color: #FFFFFF;
    display: block;
    z-index: 20;
    position: relative;
    padding: 9.306vw  0 40vh;
}
.img-inner-stick{height: 100vh;position: relative; background-color: #FFF; width: 50vw;z-index: 20; display: block;}
.img-inside{   display: block;
    width: calc(42.819vw - 9.306vw);
    z-index: 99;
    position: absolute; top: 50%; transform: translateY(-50%);
    margin-left: 9.306vw; padding: 0;}
.bl-w-t, .bl-w-t2{display: inline-block;width: 50vw; margin-left: 50vw; height: auto; background: #FFF; position: relative;}
.newchapter{color: #000;transition: color 0.3s;}
.newchapter.is-color{color: #FFF;transition: color 0.3s;}

.bl-w-t .right100,.bl-w-t2 .right100{height: auto;}
.bl-w-t .inner-text{padding: 9.306vw 0 40vh 0}

.h-17 .h-5-photo{overflow: hidden;}
#stick17 .mt{margin-top: 80vh;width: 100%; height: 100vh;display:inline-flex; position: relative;}
#stick17 a{color: #FFF;}
#stick17 .texte-under {
    letter-spacing: 1vw;
    position: absolute;
    text-align: center;
    padding: unset;
top: 45%; transform: translateY(-55%);    font-size: 4.861vw; 
    text-transform: uppercase;
    line-height: 115%;
    width: 100%;
    color: #FFF;
   
}
#stick17 .pin-spacer{pointer-events: none!important;}
.picto{width: 3.472vw; margin: 0 auto;}
.picto img{width: 100%}
.coq2{position: absolute;
    z-index: 999;pointer-events: none !important;
    top: 0;
    width: 19.306vw;
    left: 50%;
   bottom: 0vw;    height: 100vh;
    
}
.coq2 img{width: 100%;position: absolute;
    bottom: 1vw;
    left: -22vw;
}
.video-fond{height: 100vh; width: 100%;}
video{ position: absolute;
  top: 0;
  left: 0;
  display: block;
  width :100%;
  height: 100%;
  object-fit: cover}
.video-overlay{position: absolute;top: 0;z-index: 8; left: 0; width: 100%;  height: 100%;}
.video-container{width: 100%; height: 100%; position: absolute; top: 100%; left: 0;}
.background-video{position: fixed;
    height: 100vh;
    width: 100%;
    z-index: 999999;top: -100vh;
    background-color: #000;overflow: hidden;}
.Film20desktopFR{    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 11;background-color: #000;}
.final-gp{height: 100vh;width: 100%; position: relative;    text-align: center;}
.final-gp .bl-img{width: 100%; margin-bottom: 10vw;}
.final-gp .bl-img img{width: 32.986vw;}
.final-gp .cover{
    position: absolute;
    width: 100%;
    height: 100%;
}
.final-gp .bl-final{    position: absolute;
    left: 50vw;
    top: 50%;
    transform: translateY(-50%);}
 .final-gp  .btn{    margin: 0 auto;
    font-size: 1.319vw;
    display: inline-block;
    padding: 10px 25px;
    line-height: 150%; transition: transform 0.3s;font-family: 'Futura LT Med';
    border: 1px solid #FFF;
    border-radius: 50px;}
 .final-gp  .btn:hover{background-color: #FFF; color: #000;}

.mobile{display: none}
.mobile2{display: none}
.logo-menu{width: 7.500vw; position: absolute; left: 50%; transform: translateX(-50%); top: 40px;}


.elempinleft{left: -50vw;top: 50vh;position: absolute !important;}


@media screen and (min-width: 1400px) {
}


@media screen and (max-width: 1000px) {
}

@media screen and (max-width: 700px) {
.noscroll{overflow-y: hidden !important;}
.desktop{display: none !important;}
.mobile{display: block}
.mobile2{display: block}
.logo-menu{width: 94px; top: 30px;}
.background-video video {object-fit: contain;}
.mobile2.affiche-lang{display: block}
.desktop.affiche-lang{display: none}
.H-a{height: 100vh;}
.titre-absolue {top: 30%;transform: translateY(-50%);font-size: 16vw;}
.h-2 .citation-bl{    margin: 80px 0;}
.h-2 .citation-bl h2{font-size: 10vw}
.coq-p1 {top: 0;left: -14vw;width: 44.097vw;}
.coq-p2 {top: 0;left: 67.569vw;width: 28.194vw;}
.coq-p3 {top: 50vw;left: 25.778vw;width: 34.986vw;}
.coq-p4 {top: 64vw;left: -10.806vw;width: 55.319vw;}
.coq-p5 {top: 70vw;left: 56.694vw;width: 42.472vw;}
.coq-p6 {top: 33vw;left: 75.139vw;width: 41vw;}
.coq-p7 {top: -4vw;left: 45.306vw;width: 15.986vw;}
.h-2 .citation-bl h3{font-size: 13px; padding-top: 100px;}
.logo-inscroll {top: 30px !important;}
.logo-inscroll img{width: 100px;}
.h-3 .cover {height: 100vw;width: 100vw;background-position: 0% 50%;}
.photo-left100{height: 100vw;width: 100vw;}
.bl-50 {width: 100%;background-color: #FFF;left: 0;}
.texte-sticky {
    height: auto;
    width: 100%;
    position: relative;
    top: 0;
    left: 0;
    z-index: 999;color: #000;
}
.SS-TITRE-DROPSHADOW {
    margin-left: 0;
    font-weight: unset;
    color: #000;
    position: relative !important;
    top:unset !important;
    transform: unset !important;
    width: 100%;
    font-size: 20px;
    letter-spacing: 0.2px;
    text-transform: uppercase;
    line-height: 100%;
    text-shadow: unset;
}
.h-3 .inner-text {
    width: calc(100% - 60px);
    margin-left: 30px;
    padding: 50px 0 50px 0;
}
p {
    font-size: 14px;
    line-height: 21px;
}
.right100 {
    width: calc(100% - 60px);
    left: 30px;
    height: auto;
    background-color: #FFF;
    position: relative;
}
.SS-TITRE-DROPSHADOW{padding-bottom: 30px;}
.h-4 .inner-text {
    width: 100%;
    margin-left: 0px;
    position: relative;
    top: 0;
    transform: unset;
    padding: 50px 0;
}
.h-5-photo {height: 100vw;    position: relative;}
.c-direction-block_item {font-size: 55px;width: 100%;text-align: left;position: relative;text-transform: uppercase;white-space: pre-wrap;}
.c-direction-block_item div{height: 0;}
.flacon-r {position: absolute;height: 90vw;top: 10vw;right: 0;}
.c-direction-block_item span {padding: 0;white-space: wrap;}
.c-direction-block_item {top: 0;font-size: 55px;width: 100%;text-align: left;position: absolute;text-transform: uppercase;white-space: inherit;}
.c-direction-block_item span {padding: 50px 0 0 30px;white-space: normal;}
#stick2 .inner-text-left {margin-left: 30px;width: calc(100% - 60px);padding-bottom: 50px;padding-top: 50px;position: relative;}
.inner-text-left {margin-left: 30px;width: calc(100% - 60px);}
.h-6 .photo-left100 {height: 134vw;}
.h-6 .inner-text {top: unset;transform: unset;position: relative;}
.inner-text {width: 100%;margin-left: 0;padding: 50px 0;}
h4 {font-size: 20px;line-height:30px;padding-bottom: 30px;}
.video-fond {height: 100vw;}
.h-8 .photo-left100-para {top: 0;height: 100vw;background-position: 0% 50%;}
.h-8 .SS-TITRE-noDROPSHADOW {color: #000;padding-top: 50px;position: absolute;top: 0;}
.SS-TITRE-noDROPSHADOW {margin-left: 30px;color: #000;position: absolute;top: unset;transform: unset;width: 100%;font-size: 20px;}

.centerY-inner {position: relative;top: unset;transform: unset;}
.h-5-photo-para {position: relative;top: 0;height: 100vw;}
.femme {width: 100%;position: absolute;top:  0;left: 0;height: 100vw;}
.stick4 .mobile2 {position: absolute;top: 45vw;right: 0;font-size: 20px;color: #FFF;}
#stick4 .h-5-photo {    position: relative; height: 100vw;overflow: hidden;}
.overlay {opacity: 0.2;}
.texte-stick4 {margin-left: 30px;color: #000; margin-top: 0px;width: calc(100% - 60px);}
.texte-stick4 .split2 {padding-bottom: 0vh;}
.h-10 .SS-TITRE-noDROPSHADOW {position: relative;margin-left: 0;padding-top: 50px;}
.h-10 .in-m{ display: block;width: calc(100% - 60px);padding: 30px 0 50px 30px;}
.photo-left100-para {top: 0;height: 100vw;position: relative;}
.h-10 .inner-text {padding: 30px 0 50px 0;}
.h-14 .inner-text, .h-11 .inner-text {padding: 50px 0;}
.h-12 .h-5-photo-para {position:  relative;height: 100vw;top: 0;background-position: 50% 58%; z-index: -1;}
.h-12 .h-5-photo {position: relative;width: 100%;height: 100vw;top: 0;left: 0;}
.bl-w-t, .bl-w-t2 {width: calc(100% - 60px);margin-left: 30px;height: auto;background: #FFF;position: relative;}
.h-12 .bl-w-t2 {margin-top: 50px;}
.h-12 .bl-w-t2 .inner-text {padding: 0px 0 0 0;}
.h-12 .SS-TITRE-noDROPSHADOW, .h-14 .SS-TITRE-noDROPSHADOW {color: #000;z-index: 99;position: relative;margin-left: 0;padding-bottom: 30px;}
.h-12 .bl-w-t2 {margin-top: 50px;width: 100%;left: 0;margin-left: 0;}
.img-inner-stick {height: auto;position: relative;width: 100%;}
.img-inside {position:relative;top: unset;transform: unset;margin-left: 0;margin: 50px 0 0 0;width: 100%;}
.left-stick-g {width: calc(100% - 60px);height: auto;margin-left: 30px;background-color: #FFFFFF;display: inline-block;z-index: 20;position: relative; padding: 0px 0 0px 0;}
.left-stick-g .inner-text {width: 100%;margin-left: 0;}
.h-13 .inner-text {padding: 50px 0;}
.h-13 .SS-TITRE-noDROPSHADOW {position: relative;color: #000;margin-left: 0;padding-bottom: 30px;}
.h-14 .inner-text{padding: 20px 0 50px;}
.h-11 .inner-text {padding: 50px 0 50px;}
.h-14 .right100 .SS-TITRE-noDROPSHADOW {margin-left: 0;font-weight: unset;color: #000;position: relative;padding: 30px 0 30px 0;top: unset;transform: unset;width: 100%;font-size: 20px;}
.cital {padding: 30px 0 30px 0;font-size: 20px;}

.h-15 .h-5-photo {height: 130vw;position: relative;}
.h-15 .h-5-photo-para {height: 100%;position: absolute;top: 0;background-position: 50% 50%;}
#part44 .mt {height: 130vw;    display: flex;align-items: center;top: 0;position: absolute;margin-top: 0;}
#part44 .texte-under {padding: 0;font-size: 20px; line-height: 100%;}
#part44, .h-16 {min-height: auto;}
.newchapter.is-color {transition: color 0.3s;color: #000;position: relative;padding-top: 50px;padding-bottom: 30px;}
.lesvignettes {width: 100vw;margin-left: -30px;margin-top: 30px; margin-bottom: 30px;position: relative;}
#stick16 .h-5-photo {margin-bottom: 30px;}
#stick16 .bl-w-t .right100{width: 100%;left: 0;}
#stick16     .bl-w-t .inner-text {padding: 0 0 50px 0 ;}
#stick16  .photo-left100{height: 0;}
#stick17{height: 100vh;}
#stick17 .h-5-photo {height: 100vh;position: relative;}
#stick17 .h-5-photo-para {position: relative;top: 0;height: 100%;}
.coq2 {position: absolute;z-index: 999;top: 0;width: 60%;left: 10vw;top: 98vh;transform: translateY(-100%) translateX(0);}
#stick17 .mt {margin-top: 0;width: 100%;height: 100vh;display: inline-flex;position: absolute;top: 0;z-index: 998;}
#stick17 .texte-under {font-size: 30px; top: 30%;}
.picto {width: 40px;margin: 0 auto;padding-bottom: 20px;}
.h-16mobile .block-text {
    width: 100%;
    height: auto;
    position: relative;
    top: 0;
    z-index: 99;
}
.h-16mobile .inner-text {
    width: calc(100% - 60px);
    margin-left: 30px;
    padding: 0px 0 50px;
}
.h-16mobile .h-5-photo {
    margin-bottom: 50px;
}
.h-16mobile .lesvignettes {
    width: 100vw;
    margin-left: 0;
    margin-top: 0;
    margin-bottom: 50px;
}
#burger {
    position: fixed;top: 30px; left: 30px;mix-blend-mode: unset;}
#burger span{background-color: #000;}
nav {
    margin-left: 30px;
    width: calc(100% - 60px);
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
}
nav ul li {font-size: 35px;}
.chiffres{display: none}
.h-14 .moit, .cital{width: 77% !important;margin-left: 25% !important;}

.lang-select {bottom: 5vh;width: 90%;}
.dots-container {
    display: inline-block;
    margin: 60px 0 0 0;
    position: absolute;
    left: 50%;
   
    bottom: 100px;
}
.final-gp .cover {
    background-position: 16% 50%;}
.final-gp .bl-final {
    position: absolute;
    left: 50vw;
    top: 100%;
    transform:translate(-50%, -300%);
}
.final-gp .bl-img {display: none}
.final-gp .btn {
margin: 0 auto;
font-size: 19px;
background: #FFF;
color: #000;}
.gp2 .terre {top: 0vh;}
.gp2 .titre-absolue {font-size: 9.25vw;}
.block-preload img {width: 100%;}
.dots-container .dot {width: 3px;height: 3px;border-radius: 10px;background: #000;float: left;margin: 0 5px 0 0;opacity: 1;}
.terre {width: 264%;height: auto;top: unset;left: -75%;bottom: 0;}
.coq2 img {left: 0vw;}
.gp2 .terre {width: auto;}
}