body {
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  color: #333;
  font-size: 14px;
  line-height: 20px;
}

p {
  margin-bottom: 10px;
}

.main {
  display: block;
  overflow: visible;
  width: 100vw;
  height: 750vw;
  -o-object-fit: fill;
  object-fit: fill;
}

.div-scroll {
  position: relative;
  width: 100vw;
  height: 550vh;
}

.div-scroll-content {
  position: -webkit-sticky;
  position: sticky;
  top: 0px;
  z-index: 50;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 100vw;
  height: 100vh;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.texte {
  font-family: 'PT Sans', sans-serif;
  color: #050505;
  font-size: 1.8vw;
}

.texte.blanc {
  color: #fff;
}

.texte.blanc.big.roboto-light {
  position: static;
  display: block;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: 'Barlow Semi Condensed', sans-serif;
  font-size: 5vw;
  line-height: 50%;
  font-weight: 300;
}

.underline {
  border-bottom: 0.2vw solid #ffa123;
  font-style: normal;
}

.s1-div-titre {
  position: absolute;
  display: block;
  width: 100vw;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background-color: #fff;
  opacity: 1;
}

.s1-div-titre.div-header {
  background-image: none;
}

.container {
  position: relative;
  top: 11vh;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.container.ligne2 {
  top: 15vh;
}

.bold-text {
  font-family: 'Barlow Semi Condensed', sans-serif;
  font-size: 100%;
  line-height: 50vh;
}

.s1-div-txt {
  position: absolute;
  width: 100vw;
  padding-top: 5vw;
}

.image {
  position: static;
  margin-bottom: 0vh;
  padding-top: 0vh;
}

.paragraph {
  font-family: 'Barlow Semi Condensed', sans-serif;
  font-size: 5vw;
  line-height: 100%;
  text-align: center;
}

.bold-text-2 {
  color: #fff;
  font-size: 5.5vw;
  line-height: 100%;
  text-align: center;
}

.lottie-animation-7 {
  margin-right: auto;
  margin-left: auto;
  color: #000;
}

.div-anim-1 {
  position: absolute;
  left: 37.6vw;
  top: 71.1vh;
  width: 25vw;
}

.s1-div-caption {
  position: absolute;
  left: auto;
  top: auto;
  right: auto;
  bottom: auto;
  width: 100vw;
  height: 25vh;
  margin-right: auto;
  margin-left: auto;
  padding-top: 22vw;
}

.div-carre-jaune {
  position: absolute;
  left: 23vw;
}

.txt-capacite {
  position: static;
  left: 31vw;
  top: auto;
  display: inline;
  font-family: 'Barlow Semi Condensed', sans-serif;
  font-size: 3.5vw;
  line-height: 100%;
  text-align: center;
}

.paragraph-3 {
  position: static;
  left: 26vw;
  top: auto;
  display: inline;
  font-family: 'Barlow Semi Condensed', sans-serif;
  font-size: 2vw;
  line-height: 100%;
  text-align: center;
}

.image-2 {
  position: static;
  display: inline-block;
  max-height: 18vw;
}

.s1-div-txt1 {
  position: absolute;
  width: 100vw;
  height: auto;
  padding-top: 4vw;
  padding-right: 27vw;
  padding-left: 31vw;
}

.s1-div-carre {
  position: absolute;
  left: 23vw;
  width: 15vw;
  height: 15vw;
}

.s1-div-txt2 {
  position: absolute;
  padding-top: 8vw;
  padding-left: 26vw;
}

.txt-ilsagit {
  font-family: 'Barlow Semi Condensed', sans-serif;
  font-size: 2vw;
}

.s1-div-macaron {
  position: absolute;
  top: auto;
  width: 100vw;
  height: 25vh;
  padding-top: 33vw;
  padding-right: 43vw;
  padding-left: 43vw;
}

.s1-div-macaron-img {
  position: absolute;
  width: 14vw;
  text-align: left;
}

.s1-div-f1 {
  position: absolute;
  width: 2vw;
  margin-top: 8vw;
  margin-left: 2vw;
  padding-left: 0vw;
}

.s1-div-f2 {
  position: absolute;
  width: 2vw;
  margin-top: 9vw;
  margin-left: 6vw;
}

.s1-div-f3 {
  position: absolute;
  width: 2vw;
  margin-top: 8vw;
  margin-left: 10vw;
}

.s1-header {
  position: absolute;
  width: 100vw;
  height: 50vh;
}

.s1-div-bandeau {
  position: absolute;
  width: 100vw;
  height: 100%;
  margin-top: 0%;
  margin-right: auto;
  margin-left: auto;
  padding-top: 0px;
  padding-bottom: 10px;
}

.div-content-s2 {
  position: absolute;
  width: 100vw;
  height: 100%;
  background-color: rgba(15, 169, 174, 0.1);
  opacity: 1;
}

.s2-div-illu1 {
  position: absolute;
  width: 40vw;
  height: 35vw;
  padding-top: 13vw;
  padding-right: 5vw;
  padding-left: 3vw;
  background-color: #fff;
}

.s2-div-illu1-water {
  position: absolute;
  width: 40vw;
  height: 35vw;
  padding-top: 13vw;
  padding-right: 5vw;
  padding-left: 3vw;
}

.div-scroll-2 {
  position: relative;
  width: 100vw;
  height: 650vh;
}

.s2-div-illu1-nuages {
  position: absolute;
  left: 16.5vw;
  top: 6vw;
  width: 20vw;
}

.s2-div-titre {
  position: absolute;
  width: 100vw;
  padding-top: 3vw;
}

.paragraph-4 {
  font-family: 'Barlow Semi Condensed', sans-serif;
  font-size: 3vw;
  line-height: 100%;
  text-align: center;
}

.s2-div-illu1-caption {
  position: absolute;
  width: 40vw;
  padding-top: 2vw;
  padding-right: 2vw;
  padding-left: 2vw;
}

.paragraph-5 {
  font-family: 'Barlow Semi Condensed', sans-serif;
  font-size: 1.7vw;
  line-height: 100%;
}

.s2-div-illu1-fl1 {
  position: absolute;
  left: 21.1vw;
  top: 12.5vw;
  width: 4.5vw;
}

.s2-div-illu1-fl2 {
  position: absolute;
  left: 28.7vw;
  top: 16.7vw;
  width: 4.5vw;
}

.image-3 {
  line-height: 100%;
}

.s2-div-illu1-globale {
  position: absolute;
  left: 30vw;
  top: 10vw;
  width: 40vw;
  height: 35vw;
}

.s2-div-illu2-globale {
  position: absolute;
  left: 30vw;
  top: 10vw;
  width: 40vw;
  height: 35vw;
  opacity: 1;
}

.s2-div-illu2-water {
  position: absolute;
  width: 40vw;
  height: 35vw;
  padding-top: 13vw;
  padding-right: 5vw;
  padding-left: 3vw;
  background-color: transparent;
}

.s2-div-illu2-nuages {
  position: absolute;
  left: 16vw;
  top: 8.5vw;
  width: 17vw;
}

.s2-div-illu2-caption {
  position: absolute;
  padding-top: 2vw;
  padding-right: 2vw;
  padding-left: 2vw;
  background-color: #fff;
}

.paragraph-6 {
  font-family: 'Barlow Semi Condensed', sans-serif;
  font-size: 1.7vw;
  line-height: 100%;
}

.s2-div-illu2 {
  position: absolute;
  width: 40vw;
  height: 35vw;
  padding-top: 13vw;
  padding-right: 5vw;
  padding-left: 3vw;
  background-color: #fff;
}

.s2-div-illu2-fl2 {
  position: absolute;
  left: 28.7vw;
  top: 16.7vw;
  width: 4.5vw;
}

.s2-div-illu2-fl1 {
  position: absolute;
  left: 21.1vw;
  top: 12.5vw;
  width: 4.5vw;
}

.div-scroll3 {
  position: relative;
  width: 100vw;
  height: 650vh;
}

.div-content-s3 {
  position: absolute;
  width: 100vw;
  height: 100%;
}

.s3-div-titre {
  position: absolute;
  width: 100vw;
}

.s3-div-croix {
  position: absolute;
  left: 30vw;
  top: 9vw;
  width: 10vw;
}

.s3-div-txt {
  position: absolute;
  left: 33vw;
  top: 13.2vw;
}

.paragraph-7 {
  font-family: 'Barlow Semi Condensed', sans-serif;
  font-size: 4vw;
}

.s3-div-eau {
  position: absolute;
  left: -50vw;
  top: 35vw;
  overflow: hidden;
  width: 200vw;
  -webkit-transform: rotate(-10deg);
  -ms-transform: rotate(-10deg);
  transform: rotate(-10deg);
}

.image-4 {
  width: 200vw;
}

.s3-div-group1 {
  position: absolute;
  top: 18vw;
  width: 20vw;
  height: 30vw;
}

.s3-div-picto1 {
  position: absolute;
  left: 3vw;
  top: 11vw;
  right: 3vw;
  width: 14vw;
}

.s3-div-txt1 {
  position: absolute;
  left: 1.75vw;
  top: 4vw;
  right: 1.75vw;
  width: 16.5vw;
}

.paragraph-8 {
  font-family: 'Barlow Semi Condensed', sans-serif;
  font-size: 1.7vw;
  line-height: 100%;
  text-align: center;
}

.s3-div-trait-g1 {
  position: absolute;
  left: 4vw;
  top: 2vw;
  right: 4vw;
  width: 12vw;
}

.s3-div-group2 {
  position: absolute;
  left: 20vw;
  top: 18vw;
  width: 20vw;
  height: 30vw;
}

.s3-div-picto2 {
  position: absolute;
  left: 3vw;
  top: 7vw;
  right: 3vw;
  width: 14vw;
}

.s3-div-txt2 {
  position: absolute;
  left: 1.75vw;
  top: 4vw;
  right: 1.75vw;
  width: 16.5vw;
}

.s3-div-trait-g2 {
  position: absolute;
  left: 4vw;
  top: 2vw;
  right: 4vw;
  width: 12vw;
}

.paragraph-9 {
  font-family: 'Barlow Semi Condensed', sans-serif;
  font-size: 1.7vw;
  line-height: 100%;
  text-align: center;
}

.s3-div-group3 {
  position: absolute;
  left: 40vw;
  top: 18vw;
  width: 20vw;
  height: 30vw;
}

.s3-div-picto3 {
  position: absolute;
  left: 3vw;
  top: 7vw;
  right: 3vw;
  width: 14vw;
}

.s3-div-txt3 {
  position: absolute;
  left: 1.75vw;
  top: 4vw;
  right: 1.75vw;
  width: 16.5vw;
}

.s3-div-trait-g3 {
  position: absolute;
  left: 4vw;
  top: 2vw;
  right: 4vw;
  width: 12vw;
}

.paragraph-10 {
  font-family: 'Barlow Semi Condensed', sans-serif;
  font-size: 1.7vw;
  line-height: 100%;
  text-align: center;
}

.s3-div-group4 {
  position: absolute;
  left: 60vw;
  top: 18vw;
  width: 20vw;
  height: 30vw;
}

.s3-div-picto4 {
  position: absolute;
  left: 3vw;
  top: 11vw;
  right: 3vw;
  width: 14vw;
}

.s3-div-txt4 {
  position: absolute;
  left: 1.75vw;
  top: 4vw;
  right: 1.75vw;
  width: 16.5vw;
}

.s3-div-trait-g4 {
  position: absolute;
  left: 4vw;
  top: 2vw;
  right: 4vw;
  width: 12vw;
}

.paragraph-11 {
  font-family: 'Barlow Semi Condensed', sans-serif;
  font-size: 1.7vw;
  line-height: 100%;
  text-align: center;
}

.s3-div-group5 {
  position: absolute;
  left: 80vw;
  top: 18vw;
  width: 20vw;
  height: 30vw;
}

.s3-div-picto5 {
  position: absolute;
  left: 3vw;
  top: 9vw;
  right: 3vw;
  width: 14vw;
}

.s3-div-txt5 {
  position: absolute;
  left: 1.75vw;
  top: 4vw;
  right: 1.75vw;
  width: 16.5vw;
}

.s3-div-trait-g5 {
  position: absolute;
  left: 4vw;
  top: 2vw;
  right: 4vw;
  width: 12vw;
}

.paragraph-12 {
  font-family: 'Barlow Semi Condensed', sans-serif;
  font-size: 1.7vw;
  line-height: 100%;
  text-align: center;
}

.div-scroll4 {
  position: relative;
  width: 100vw;
  height: 650vh;
}

.div-content-s4 {
  position: absolute;
  width: 100vw;
  height: 100%;
  background-color: #0fa9ae;
}

.s4-div-france {
  position: absolute;
  left: 5vw;
  top: 5vw;
  right: 5vw;
  width: 90vw;
}

.s4-div-bassin {
  position: absolute;
  left: 24.4vw;
  top: 14.7vw;
  right: auto;
  width: 53.9vw;
}

.s4-div-bassin-water {
  position: absolute;
  left: 24.4vw;
  top: 14.7vw;
  width: 53.9vw;
}

.s4-div-nuage-haut {
  position: absolute;
  left: 62.5vw;
  top: 11.5vw;
  width: 7vw;
}

.s4-div-nuage-bas {
  position: absolute;
  left: 60.5vw;
  top: 31.5vw;
  width: 4vw;
}

.s4-div-nuage-gauche {
  position: absolute;
  left: 34vw;
  top: 21vw;
  width: 8vw;
}

.s4-div-nuage-droite {
  position: absolute;
  left: 72vw;
  top: 23.5vw;
  width: 4.5vw;
}

.s4-div-bassin-water-nord {
  position: absolute;
  left: 24.4vw;
  top: 14.7vw;
  width: 53.9vw;
}

.s4-div-trait1 {
  position: absolute;
  left: 13.5vw;
  top: 8.5vw;
  width: 9vw;
}

.s4-div-paragraphe1 {
  position: absolute;
  left: 13.5vw;
  top: 10.5vw;
  width: 22vw;
}

.paragraph-13 {
  font-family: 'Barlow Semi Condensed', sans-serif;
  font-size: 1.8vw;
  line-height: 100%;
}

.s4-div-fleches-haut {
  position: absolute;
  left: 60vw;
  top: 21.5vw;
  width: 5vw;
  -webkit-perspective: none;
  perspective: none;
  -webkit-perspective-origin: 50% 50%;
  perspective-origin: 50% 50%;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}

.s4-div-fleches-bas {
  position: absolute;
  left: 63.5vw;
  top: 34vw;
  width: 5vw;
}

.s4-div-fleches-gauche {
  position: absolute;
  left: 43vw;
  top: 24vw;
  width: 5vw;
}

.s4-div-fleches-droite {
  position: absolute;
  left: 70vw;
  top: 31vw;
  width: 5vw;
}

.s4-div-trait2 {
  position: absolute;
  width: 9vw;
}

.s4-div-paragraphe2 {
  position: absolute;
  left: 34vw;
  top: 39vw;
  width: 22.5vw;
}

.paragraph-14 {
  font-family: 'Barlow Semi Condensed', sans-serif;
  font-size: 1.8vw;
  line-height: 100%;
}

.s4-div-warning {
  position: absolute;
  left: 26vw;
  top: 37vw;
  width: 8vw;
}

.div-scroll5 {
  position: relative;
  width: 100vw;
  height: 650vh;
}

.div-content-s5 {
  position: absolute;
  width: 100vw;
  height: 100%;
  background-color: #fff;
}

.s5-div-carre-jaune {
  position: absolute;
  left: 17.5vw;
  top: 0.5vw;
  width: 15vw;
  height: 15vw;
}

.s5-div-titre {
  position: absolute;
  top: 6vw;
  width: 100vw;
  text-align: center;
}

.paragraph-15 {
  font-family: 'Barlow Semi Condensed', sans-serif;
  font-size: 3.5vw;
  line-height: 100%;
  text-transform: uppercase;
}

.s5-div-illu-centrale {
  position: absolute;
  left: 35vw;
  top: 23vw;
  right: 35vw;
  width: 30vw;
}

.s5-div-illu1 {
  position: absolute;
  left: 20vw;
  top: 14vw;
  width: 8vw;
}

.s5-div-illu2 {
  position: absolute;
  left: 35vw;
  top: 6vw;
  width: 8vw;
}

.s5-div-illu3 {
  position: absolute;
  left: 50vw;
  top: 6vw;
  width: 8vw;
}

.s5-div-illu4 {
  position: absolute;
  left: 66vw;
  top: 15vw;
  width: 8vw;
}

.s5-div-illu5 {
  position: absolute;
  left: 76vw;
  top: 15vw;
  width: 8vw;
}

.s5-div-illu6 {
  position: absolute;
  left: 76vw;
  top: 31vw;
  width: 8vw;
}

.s5-div-txt1 {
  position: absolute;
  left: 20vw;
  top: 23vw;
  width: 10vw;
}

.s5-div-txt2 {
  position: absolute;
  left: 34.5vw;
  top: 15vw;
  width: 10vw;
}

.s5-div-txt3 {
  position: absolute;
  left: 50vw;
  top: 15vw;
  width: 10vw;
}

.s5-div-txt4 {
  position: absolute;
  left: 66vw;
  top: 13vw;
  min-width: 18vw;
}

.s5-div-txt5 {
  position: absolute;
  left: 75vw;
  top: 24vw;
  width: 10vw;
}

.s5-div-txt6 {
  position: absolute;
  left: 75.5vw;
  top: 40vw;
  width: 10vw;
}

.paragraph-16 {
  font-family: 'Barlow Semi Condensed', sans-serif;
  font-size: 1.2vw;
  line-height: 100%;
}

.paragraph-17 {
  font-family: 'Barlow Semi Condensed', sans-serif;
  font-size: 1.2vw;
  line-height: 100%;
}

.paragraph-18 {
  font-family: 'Barlow Semi Condensed', sans-serif;
  font-size: 1.2vw;
  line-height: 100%;
}

.paragraph-19 {
  font-family: 'Barlow Semi Condensed', sans-serif;
  font-size: 1.2vw;
  line-height: 100%;
  font-weight: 400;
  text-align: center;
}

.s5-div-txt4-1 {
  position: absolute;
  left: 65vw;
  top: 24vw;
  width: 10vw;
}

.s5-div-txt4-2 {
  position: absolute;
  width: 10vw;
}

.paragraph-20 {
  font-family: 'Barlow Semi Condensed', sans-serif;
  font-size: 1.2vw;
  line-height: 100%;
  text-align: center;
}

.paragraph-21 {
  font-family: 'Barlow Semi Condensed', sans-serif;
  font-size: 1.2vw;
  line-height: 100%;
  text-align: center;
}

.paragraph-22 {
  font-family: 'Barlow Semi Condensed', sans-serif;
  font-size: 1.2vw;
  line-height: 100%;
}

.s5-div-encart {
  position: absolute;
  left: 17vw;
  top: 33vw;
  width: 23vw;
  height: 10vw;
  padding-top: 2.5vw;
  padding-right: 1vw;
  padding-left: 1vw;
  border: 0.2vw solid #e1523e;
  border-radius: 13px;
  background-color: #fff;
  -webkit-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
}

.s5-div-pictos {
  position: absolute;
  left: 21vw;
  top: 30vw;
  width: 12vw;
  -webkit-transform-origin: 50% 0%;
  -ms-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
}

.paragraph-23 {
  font-family: 'Barlow Semi Condensed', sans-serif;
  font-size: 1.2vw;
  line-height: 100%;
}

.s5-div-fleche1 {
  position: absolute;
  left: 29vw;
  top: 26vw;
  width: 17vw;
  -webkit-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
}

.s5-div-fleche2 {
  position: absolute;
  left: 42vw;
  top: 20vw;
  width: 6.5vw;
  -webkit-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
}

.s5-div-fleche3 {
  position: absolute;
  left: 47.6vw;
  top: 20vw;
  width: 7vw;
  -webkit-transform-origin: 0% 100%;
  -ms-transform-origin: 0% 100%;
  transform-origin: 0% 100%;
}

.s5-div-fleche4 {
  position: absolute;
  left: 57vw;
  top: 26vw;
  width: 14vw;
  -webkit-transform-origin: 0% 100%;
  -ms-transform-origin: 0% 100%;
  transform-origin: 0% 100%;
}

.s5-div-fleche5 {
  position: absolute;
  left: 55vw;
  top: 26vw;
  width: 23vw;
  -webkit-transform-origin: 0% 100%;
  -ms-transform-origin: 0% 100%;
  transform-origin: 0% 100%;
}

.s5-div-fleche6 {
  position: absolute;
  left: 53.2vw;
  top: 40vw;
  width: 20vw;
  -webkit-transform-origin: 0% 100%;
  -ms-transform-origin: 0% 100%;
  transform-origin: 0% 100%;
}

.image-6 {
  width: auto;
}

.div-scroll6 {
  position: relative;
  width: 100vw;
  height: 500vw;
}

.div-content-s6 {
  position: absolute;
  width: 100vw;
  height: 100%;
}

.s6-div-fond {
  position: absolute;
  left: -25vw;
  top: 8vw;
  z-index: 0;
  overflow: hidden;
  width: 150vw;
  height: 60vw;
  -o-object-fit: fill;
  object-fit: fill;
}

.s6-div-contenu1 {
  position: absolute;
  left: 35vw;
  top: 7vw;
  right: 35vw;
  width: 30vw;
  height: 50vw;
}

.s6-div-ville {
  position: absolute;
  left: 5vw;
  top: 4vw;
  right: 5vw;
  width: 20vw;
}

.paragraph-24 {
  font-family: 'Barlow Semi Condensed', sans-serif;
  font-size: 2.5vw;
  line-height: 100%;
  text-align: center;
}

.s6-div-picto1 {
  position: absolute;
  left: 10vw;
  top: 19vw;
  right: 10vw;
  width: 9vw;
}

.s6-div-txt1 {
  position: absolute;
  left: 5.5vw;
  top: 30vw;
  right: 5.5vw;
  width: 18vw;
}

.paragraph-25 {
  position: static;
  font-family: 'Barlow Semi Condensed', sans-serif;
  font-size: 1.8vw;
  line-height: 100%;
}

.image-7 {
  width: 200vw;
}

.s6-div-contenu2 {
  position: absolute;
  left: 40vw;
  top: 7vw;
  width: 60vw;
  height: 50vw;
}

.s6-div-champ {
  position: absolute;
  left: 13.5vw;
  top: 5vw;
  width: 30vw;
}

.s6-div-titre2 {
  position: absolute;
  left: 16vw;
  width: 25vw;
}

.paragraph-26 {
  font-family: 'Barlow Semi Condensed', sans-serif;
  font-size: 2.5vw;
  line-height: 100%;
  text-align: center;
}

.s6-div-tracteur {
  position: absolute;
  left: 18vw;
  top: 2.7vw;
  width: 7vw;
}

.s6-div-picto2 {
  position: absolute;
  left: 12vw;
  top: 10.5vw;
  width: 9vw;
}

.s6-div-picto3 {
  position: absolute;
  left: 35vw;
  top: 10.5vw;
  width: 9vw;
}

.s6-div-picto4 {
  position: absolute;
  left: 12vw;
  top: 25.5vw;
  width: 9vw;
}

.s6-div-picto5 {
  position: absolute;
  left: 35vw;
  top: 25.5vw;
  width: 9vw;
}

.s6-div-txt2 {
  position: absolute;
  left: 7.5vw;
  top: 20vw;
  width: 18vw;
}

.s6-div-txt3 {
  position: absolute;
  left: 30.5vw;
  top: 20vw;
  width: 18vw;
}

.s6-div-txt4 {
  position: absolute;
  left: 11vw;
  top: 35.5vw;
  width: 11vw;
}

.s6-div-txt5 {
  position: absolute;
  left: 29.5vw;
  top: 35.5vw;
  width: 19vw;
}

.paragraph-27 {
  font-family: 'Barlow Semi Condensed', sans-serif;
  font-size: 1.8vw;
  line-height: 100%;
  text-align: center;
}

.paragraph-28 {
  font-family: 'Barlow Semi Condensed', sans-serif;
  font-size: 1.8vw;
  line-height: 100%;
  text-align: center;
}

.paragraph-29 {
  font-family: 'Barlow Semi Condensed', sans-serif;
}

.paragraph-30 {
  font-family: 'Barlow Semi Condensed', sans-serif;
  font-size: 1.8vw;
  line-height: 100%;
  text-align: center;
}

.paragraph-31 {
  font-family: 'Barlow Semi Condensed', sans-serif;
  font-size: 1.8vw;
  line-height: 100%;
  text-align: center;
}

.div-scroll7 {
  position: relative;
  z-index: 10;
  width: 100vw;
  height: 1200vh;
  background-color: #fff;
}

.div-content-s7 {
  position: absolute;
  width: 100vw;
  height: 100%;
  background-color: rgba(15, 169, 174, 0.3);
}

.div-scroll-6-1 {
  position: relative;
  width: 100vw;
  height: 100vh;
}

.div-content-s6-1 {
  position: absolute;
  width: 100vw;
  height: 100%;
  background-color: #0fa9ae;
}

.s7-div-carre {
  position: absolute;
  left: 35vw;
  top: 0.5vw;
  width: 15vw;
  height: 15vw;
}

.s7-div-titre {
  position: absolute;
  top: 6vw;
  width: 100vw;
}

.paragraph-32 {
  font-family: 'Barlow Semi Condensed', sans-serif;
  font-size: 3.5vw;
  line-height: 100%;
  text-align: center;
}

.s6-div-filler {
  position: absolute;
  top: 67vw;
  width: 100vw;
  height: 7vw;
  background-color: rgba(248, 235, 0, 0);
}

.s7-div-terrain {
  position: absolute;
  left: -7vw;
  top: 30vw;
  z-index: 100;
  overflow: hidden;
  width: 110vw;
  height: 21vw;
}

.s7-div-collectives {
  position: absolute;
  left: 8.5vw;
  top: 8vw;
  width: 12vw;
}

.s7-div-foyer {
  position: absolute;
  left: 9.5vw;
  top: 19.5vw;
  width: 10vw;
}

.image-8 {
  width: 100%;
}

.s7-div-pluie1 {
  position: absolute;
  left: -1vw;
  top: 6.5vw;
  z-index: auto;
  width: 10vw;
}

.s7-div-pluie2 {
  position: absolute;
  left: 6.8vw;
  top: 27.2vw;
  z-index: auto;
  width: 6.5vw;
}

.s7-div-pluie3 {
  position: absolute;
  left: 13.2vw;
  top: 28vw;
  width: 8vw;
}

.s7-div-txt-collectives {
  position: absolute;
  top: 7.2vw;
  width: 12vw;
}

.s7-div-txt-foyer {
  position: absolute;
  top: 5.8vw;
  width: 10vw;
}

.paragraph-33 {
  font-family: 'Barlow Semi Condensed', sans-serif;
  color: #282b59;
  font-size: 1.1vw;
  line-height: 100%;
  text-align: center;
}

.paragraph-34 {
  font-family: 'Barlow Semi Condensed', sans-serif;
  color: #282b59;
  font-size: 1.1vw;
  line-height: 100%;
  text-align: center;
}

.s7-div-sous-titre {
  position: absolute;
  top: 3vw;
  width: 100vw;
}

.paragraph-35 {
  font-family: 'Barlow Semi Condensed', sans-serif;
  color: #282b59;
  font-size: 3vw;
  line-height: 100%;
  text-align: center;
  text-transform: none;
}

.s7-div-picto1 {
  position: absolute;
  left: 29vw;
  top: 8vw;
  width: 8vw;
}

.s7-div-picto2 {
  position: absolute;
  left: 65vw;
  top: 8vw;
  width: 8vw;
}

.s7-div-picto3 {
  position: absolute;
  left: 29vw;
  top: 22vw;
  width: 8vw;
}

.s7-div-txt1 {
  position: absolute;
  left: 40vw;
  top: 7.8vw;
  width: 18vw;
}

.s7-div-txt3 {
  position: absolute;
  left: 40vw;
  top: 24vw;
  width: 18vw;
  color: #282b59;
}

.paragraph-36 {
  font-family: 'Barlow Semi Condensed', sans-serif;
  color: #282b59;
  font-size: 1.5vw;
  line-height: 100%;
  font-style: normal;
}

.italic-text {
  font-size: 1.15vw;
}

.paragraph-37 {
  font-family: 'Barlow Semi Condensed', sans-serif;
  font-size: 1.5vw;
  line-height: 100%;
}

.s7-div-txt2 {
  position: absolute;
  left: 76vw;
  top: 9vw;
  width: 18vw;
}

.paragraph-38 {
  font-family: 'Barlow Semi Condensed', sans-serif;
  color: #282b59;
  font-size: 1.5vw;
  line-height: 100%;
}

.italic-text-2 {
  font-size: 1.15vw;
}

.s7-div-nuage-bas {
  position: absolute;
  left: 76vw;
  top: 26vw;
  width: 13vw;
}

.s7-div-infiltration {
  position: absolute;
  left: 4vw;
  top: 36vw;
  z-index: 101;
  width: 11vw;
}

.s7-div-fleches {
  position: absolute;
  left: 6vw;
  top: 30vw;
  z-index: 101;
  width: 10vw;
  -webkit-transform-origin: 50% 0%;
  -ms-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
}

.image-9 {
  width: auto;
}

.s7-div-pluie4 {
  position: absolute;
  left: 30vw;
  top: 35.5vw;
  z-index: 101;
  width: 24vw;
}

.s7-div-pluie-3-1 {
  position: absolute;
  left: 22vw;
  top: 32vw;
  width: 8vw;
}

.s7-div-sous-titre2 {
  position: absolute;
  top: 3vw;
  width: 100vw;
}

.paragraph-39 {
  font-family: 'Barlow Semi Condensed', sans-serif;
  color: #282b59;
  font-size: 3vw;
  line-height: 100%;
  text-align: center;
  text-transform: uppercase;
}

.s7-div-picto4 {
  position: absolute;
  left: 29vw;
  top: 8vw;
  width: 8vw;
}

.s7-div-picto5 {
  position: absolute;
  left: 43vw;
  top: 8vw;
  width: 8vw;
}

.s7-div-picto6 {
  position: absolute;
  left: 57vw;
  top: 8vw;
  width: 8vw;
}

.s7-div-picto7 {
  position: absolute;
  left: 71vw;
  top: 8vw;
  width: 8vw;
}

.s7-div-picto8 {
  position: absolute;
  left: 85vw;
  top: 8vw;
  width: 8vw;
}

.s7-div-picto9 {
  position: absolute;
  left: 57vw;
  top: 22vw;
  width: 8vw;
}

.s7-div-txt4 {
  position: absolute;
  left: 29vw;
  top: 16.5vw;
  width: 8vw;
}

.s7-div-txt5 {
  position: absolute;
  left: 43vw;
  top: 16.5vw;
  width: 8vw;
}

.s7-div-txt6 {
  position: absolute;
  left: 57vw;
  top: 16.5vw;
  width: 8vw;
}

.s7-div-txt7 {
  position: absolute;
  left: 71vw;
  top: 16.5vw;
  width: 8vw;
}

.s7-div-txt8 {
  position: absolute;
  left: 85vw;
  top: 16.5vw;
  width: 8vw;
}

.s7-div-txt9 {
  position: absolute;
  left: 50vw;
  top: 30.5vw;
  width: 22vw;
}

.paragraph-40 {
  font-family: 'Barlow Semi Condensed', sans-serif;
  color: #282b59;
  font-size: 1.2vw;
  line-height: 100%;
  text-align: center;
}

.paragraph-41 {
  font-family: 'Barlow Semi Condensed', sans-serif;
  color: #282b59;
  font-size: 1.2vw;
  line-height: 100%;
  text-align: center;
}

.paragraph-42 {
  font-family: 'Barlow Semi Condensed', sans-serif;
  color: #282b59;
  font-size: 1.2vw;
  line-height: 100%;
  text-align: center;
}

.paragraph-43 {
  font-family: 'Barlow Semi Condensed', sans-serif;
  color: #282b59;
  font-size: 1.2vw;
  line-height: 100%;
  text-align: center;
}

.paragraph-44 {
  font-family: 'Barlow Semi Condensed', sans-serif;
  color: #282b59;
  font-size: 1.2vw;
  line-height: 100%;
  text-align: center;
}

.paragraph-45 {
  font-family: 'Barlow Semi Condensed', sans-serif;
  color: #282b59;
  font-size: 1.2vw;
  line-height: 100%;
  text-align: center;
}

.s7-div-sous-titre3 {
  position: absolute;
  top: 3vw;
  width: 100vw;
}

.paragraph-46 {
  font-family: 'Barlow Semi Condensed', sans-serif;
  color: #282b59;
  font-size: 3vw;
  line-height: 100%;
  text-align: center;
  text-transform: uppercase;
}

.s7-div-pluie5 {
  position: absolute;
  left: 65vw;
  top: 36.5vw;
  z-index: 101;
  width: 15vw;
}

.s7-div-picto10 {
  position: absolute;
  left: 29vw;
  top: 8vw;
  width: 8vw;
}

.s7-div-picto11 {
  position: absolute;
  left: 47.5vw;
  top: 8vw;
  width: 8vw;
}

.s7-div-picto12 {
  position: absolute;
  left: 66vw;
  top: 8vw;
  width: 8vw;
}

.s7-div-picto13 {
  position: absolute;
  left: 84.5vw;
  top: 8vw;
  width: 8vw;
}

.s7-div-picto14 {
  position: absolute;
  left: 29vw;
  top: 22vw;
  width: 8vw;
}

.s7-div-picto15 {
  position: absolute;
  left: 47.5vw;
  top: 22vw;
  width: 8vw;
}

.image-10 {
  position: static;
  width: 8vw;
}

.s7-div-txt10 {
  position: absolute;
  left: 26.5vw;
  top: 16.5vw;
  width: 13vw;
}

.s7-div-txt11 {
  position: absolute;
  left: 45.5vw;
  top: 16.5vw;
  width: 12vw;
}

.s7-div-txt12 {
  position: absolute;
  left: 66vw;
  top: 16.5vw;
  width: 8vw;
}

.s7-div-txt13 {
  position: absolute;
  left: 84.5vw;
  top: 16.5vw;
  width: 8vw;
}

.s7-div-txt14 {
  position: absolute;
  left: 26vw;
  top: 30.5vw;
  width: 14vw;
}

.s7-div-txt15 {
  position: absolute;
  left: 45.5vw;
  top: 30.5vw;
  width: 12vw;
}

.paragraph-47 {
  font-family: 'Barlow Semi Condensed', sans-serif;
  color: #282b59;
  font-size: 1.2vw;
  line-height: 100%;
  text-align: center;
}

.paragraph-48 {
  font-family: 'Barlow Semi Condensed', sans-serif;
  color: #282b59;
  font-size: 1.2vw;
  line-height: 100%;
  text-align: center;
}

.paragraph-49 {
  font-family: 'Barlow Semi Condensed', sans-serif;
  color: #282b59;
  font-size: 1.2vw;
  line-height: 100%;
  text-align: center;
}

.paragraph-50 {
  font-family: 'Barlow Semi Condensed', sans-serif;
  color: #282b59;
  font-size: 1.2vw;
  line-height: 100%;
  text-align: center;
}

.paragraph-51 {
  font-family: 'Barlow Semi Condensed', sans-serif;
  color: #282b59;
  font-size: 1.2vw;
  line-height: 100%;
  text-align: center;
}

.paragraph-52 {
  font-family: 'Barlow Semi Condensed', sans-serif;
  color: #282b59;
  font-size: 1.2vw;
  line-height: 100%;
  text-align: center;
}

.s7-div-bassin {
  position: absolute;
  left: 82vw;
  top: 42.2vw;
  width: 18vw;
}

.s7-div-fleche-double {
  position: absolute;
  left: 81.4vw;
  top: 44.8vw;
  z-index: 101;
  width: 16vw;
}

.div-intro {
  position: relative;
  width: 100vw;
  height: 100vh;
  background-color: #0fa9ae;
}

.anim_scroll {
  position: absolute;
  left: 25vw;
  top: 12vw;
  right: 25vw;
  width: 50vw;
  margin-right: auto;
  margin-left: auto;
}

.div-intro-texte {
  position: absolute;
  top: 5vw;
  width: 100vw;
}

.paragraph-53 {
  background-color: transparent;
  font-family: 'Barlow Semi Condensed', sans-serif;
  color: #fff;
  font-size: 3vw;
  line-height: 100%;
  text-align: center;
}

.div-scroll8 {
  position: relative;
  z-index: 100;
  width: 100vw;
  height: 650vh;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}

.div-content-s8 {
  width: 100vw;
  height: 100%;
  background-color: #00a7ad;
}

.s8-div-carre {
  position: absolute;
  left: 32vw;
  top: 1vw;
  width: 10vw;
}

.s8-div-titre {
  position: absolute;
  top: 4.5vw;
  width: 100vw;
}

.paragraph-54 {
  font-family: 'Barlow Semi Condensed', sans-serif;
  font-size: 2.5vw;
  line-height: 100%;
  text-align: center;
}

.s8-div-maison-base {
  position: absolute;
  left: 29vw;
  top: 14vw;
  right: 29vw;
  width: 42vw;
}

.s8-div-maison-carrelage {
  position: absolute;
  left: 29vw;
  top: 14vw;
  right: 29vw;
  width: 42vw;
}

.s8-div-maison-cumulus {
  position: absolute;
  left: 29vw;
  top: 14vw;
  right: 29vw;
  width: 42vw;
}

.s8-div-clapet {
  position: absolute;
  left: 34vw;
  top: 35vw;
  width: 2vw;
}

.s8-div-batardeau {
  position: absolute;
  left: 56vw;
  top: 32vw;
  width: 3.5vw;
}

.s8-div-fleche1 {
  position: absolute;
  left: 31vw;
  top: 35.5vw;
  width: 6vw;
  -webkit-transform-origin: 100% 0%;
  -ms-transform-origin: 100% 0%;
  transform-origin: 100% 0%;
}

.s8-div-fleche2 {
  position: absolute;
  left: 29.5vw;
  top: 23vw;
  width: 10vw;
  -webkit-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
}

.s8-div-fleche3 {
  position: absolute;
  left: 29vw;
  top: 15vw;
  width: 7vw;
  -webkit-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
}

.s8-div-fleche4 {
  position: absolute;
  left: 57.1vw;
  top: 33.5vw;
  width: 15vw;
  -webkit-transform-origin: 0% 0%;
  -ms-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
}

.s8-div-txt1 {
  position: absolute;
  left: 20vw;
  top: 35vw;
  width: 12vw;
}

.s8-div-txt2 {
  position: absolute;
  left: 17vw;
  top: 22vw;
  width: 12vw;
}

.s8-div-txt3 {
  position: absolute;
  left: 17vw;
  top: 13vw;
  width: 12vw;
}

.s8-div-txt4 {
  position: absolute;
  left: 73vw;
  top: 39vw;
}

.paragraph-55 {
  font-family: 'Barlow Semi Condensed', sans-serif;
  color: #fff;
  font-size: 1.3vw;
  line-height: 100%;
}

.paragraph-56 {
  font-family: 'Barlow Semi Condensed', sans-serif;
  color: #fff;
  font-size: 1.3vw;
  line-height: 100%;
}

.italic-text-3 {
  color: #000;
  font-size: 1vw;
}

.paragraph-57 {
  font-family: 'Barlow Semi Condensed', sans-serif;
  color: #fff;
  font-size: 1.3vw;
  line-height: 100%;
}

.paragraph-58 {
  font-family: 'Barlow Semi Condensed', sans-serif;
  color: #fff;
  font-size: 1.3vw;
  line-height: 100%;
}

.italic-text-4 {
  color: #000;
  font-size: 1vw;
}

.s8-div-perso {
  position: absolute;
  left: 80vw;
  top: 10vw;
  width: 6vw;
}

.s8-div-txt5 {
  position: absolute;
  left: 77vw;
  top: 23vw;
  width: 13vw;
}

.paragraph-59 {
  font-family: 'Barlow Semi Condensed', sans-serif;
  font-size: 1.3vw;
  line-height: 100%;
}

.div-outro {
  position: relative;
  width: 100vw;
  height: 500vh;
}

.div-content-outro {
  width: 100vw;
  height: 100%;
}

.so-div-bandeau {
  position: absolute;
  left: -25vw;
  top: -52vw;
  right: 25vw;
  z-index: auto;
  overflow: hidden;
  width: 150vw;
}

.image-11 {
  width: 100%;
  -webkit-transform: rotateX(180deg) rotateY(0deg) rotateZ(0deg);
  transform: rotateX(180deg) rotateY(0deg) rotateZ(0deg);
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.so-div-ecrans-vides {
  position: absolute;
  left: 34vw;
  top: 3vw;
  right: 34vw;
  width: 32vw;
}

.so-div-ecrans-pleins {
  position: absolute;
  left: 34vw;
  top: 3vw;
  right: 34vw;
  width: 32vw;
}

.so-div-rond {
  position: absolute;
  left: 30vw;
  top: 12vw;
  width: 10vw;
}

.so-div-megaphone {
  position: absolute;
  left: 47vw;
  top: 28.5vw;
  right: 47vw;
  width: 6vw;
}

.so-div-logos {
  position: absolute;
  left: 25vw;
  top: 38.5vw;
  right: 25vw;
  width: 50vw;
}

.so-div-titre {
  position: absolute;
  top: 16.5vw;
  width: 100vw;
}

.paragraph-60 {
  font-family: 'Barlow Semi Condensed', sans-serif;
  font-size: 3vw;
  line-height: 100%;
  text-align: center;
}

.so-div-txt1 {
  position: absolute;
  left: 32.5vw;
  top: 23vw;
  right: 32.5vw;
  width: 35vw;
}

.paragraph-61 {
  font-family: 'Barlow Semi Condensed', sans-serif;
  font-size: 1.3vw;
  line-height: 100%;
  text-align: center;
}

.so-div-txt2 {
  position: absolute;
  left: 33vw;
  top: 34vw;
  right: 33vw;
  width: 34vw;
}

.paragraph-62 {
  font-family: 'Barlow Semi Condensed', sans-serif;
  font-size: 1.3vw;
  line-height: 100%;
  text-align: center;
}

.s2-div-illu1-waterup {
  position: absolute;
  width: 40vw;
  height: 35vw;
  padding-top: 13vw;
  padding-right: 5vw;
  padding-left: 3vw;
}

.s2-div-illu2-waterup {
  position: absolute;
  width: 40vw;
  height: 35vw;
  padding-top: 13vw;
  padding-right: 5vw;
  padding-left: 3vw;
}

.s7-div-filler {
  position: absolute;
  top: 50.5vw;
  width: 100vw;
  height: 23.5vw;
  background-color: #d9bc8e;
}

@media screen and (max-width: 991px) {
  .s6-div-fond {
    left: -50vw;
    width: 200vw;
  }
}

@media screen and (max-width: 767px) {
  .texte.blanc {
    font-size: 3vw;
  }
}