.page-full-screen {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 100%;
  height: 100vh;
  -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;
  -webkit-perspective: 1000px;
  perspective: 1000px;
}

.page-full-screen.page-fullscreen-height-auto {
  height: auto;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.page-full-screen.hidden {
  display: none;
}

.head {
  position: fixed;
  left: 0%;
  top: 0%;
  right: auto;
  bottom: auto;
  z-index: 10;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 10vh;
  padding-right: 50px;
  padding-left: 50px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff;
}

.bg {
  position: absolute;
  left: 0%;
  top: 0%;
  right: auto;
  bottom: auto;
  width: 100%;
  height: 100%;
  background-image: url('../images/historique-0.jpg');
  background-position: 0px 0px;
  background-size: cover;
}

.bg.bg-first.bg-valeurs {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0.2))), url('../images/valeurs-dir-230222.jpg');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url('../images/valeurs-dir-230222.jpg');
  background-position: 0px 0px, 0% 100%;
  background-size: auto, cover;
}

.bg.bg-first.bg-profil-0 {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.5))), url('../images/bg-profil-2.jpg');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('../images/bg-profil-2.jpg');
  background-position: 0px 0px, 0px 0px;
  background-size: auto, cover;
}

.bg.bg-first.bg-chiffres-cles {
  background-image: url('../images/bg-chiffres-cles.jpg');
  background-position: 50% 100%;
  background-size: cover;
}

.bg.bg-first.bg-philosophie {
  background-image: url('../images/bg-philosophie.jpg');
  background-position: 50% 100%;
  background-size: cover;
}

.bg.bg-first.bg-small-ship {
  background-image: url('../images/bg-small-ship.jpg');
  background-position: 50% 100%;
  background-size: cover;
}

.bg.bg-first.bg-philosophie {
  background-image: url('../images/bg-philosophie.jpg');
  background-position: 50% 100%;
  background-size: cover;
}

.bg.bg-first.bg-culture-detente {
  background-image: url('../images/bg-culture-0.jpg');
}

.bg.bg-first.bg-croisiere-expedition-0 {
  background-image: url('../images/bg-expedition-0.jpg');
  background-position: 50% 100%;
  background-size: cover;
}

.bg.bg-first.bg-tradition-francaise {
  background-image: url('../images/bg-traidtion-fr.jpg');
  background-position: 50% 100%;
  background-size: cover;
}

.bg.bg-first.bg-environnement-0 {
  background-image: -webkit-gradient(linear, left top, right top, from(transparent), to(rgba(0, 0, 0, 0.76))), url('../images/bg-environnement-0.jpg');
  background-image: linear-gradient(90deg, transparent, rgba(0, 0, 0, 0.76)), url('../images/bg-environnement-0.jpg');
  background-position: 0px 0px, 0px 0px;
  background-size: auto, cover;
}

.bg.bg-first.bg-respect {
  background-image: url('../images/respect.jpg');
  background-position: 50% 100%;
  background-size: cover;
}

.bg.bg-first.bg-protocole {
  background-image: -webkit-gradient(linear, left top, right top, from(transparent), to(rgba(0, 0, 0, 0.54))), url('../images/protocole.jpg');
  background-image: linear-gradient(90deg, transparent, rgba(0, 0, 0, 0.54)), url('../images/protocole.jpg');
  background-position: 0px 0px, 50% 100%;
  background-size: auto, cover;
}

.bg.bg-first.bg-fondation {
  background-image: url('../images/bg-fondation-new.jpg');
  background-position: 50% 100%;
  background-size: cover;
}

.bg.bg-first.bg-charcot {
  background-image: -webkit-gradient(linear, left top, right top, from(transparent), to(rgba(25, 33, 43, 0.41))), url('../images/bg-charcot-groupe-pingoui.jpg');
  background-image: linear-gradient(90deg, transparent, rgba(25, 33, 43, 0.41)), url('../images/bg-charcot-groupe-pingoui.jpg');
  background-position: 0px 0px, 50% 100%;
  background-size: auto, cover;
}

.bg.bg-first.bg-recompenses {
  background-image: -webkit-gradient(linear, left top, right top, from(transparent), to(rgba(0, 0, 0, 0.54))), url('../images/bg-recompenses.jpg');
  background-image: linear-gradient(90deg, transparent, rgba(0, 0, 0, 0.54)), url('../images/bg-recompenses.jpg');
  background-position: 0px 0px, 50% 100%;
  background-size: auto, cover;
}

.bg.bg-first.bg-presntation-flotte-0 {
  background-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(38%, transparent), to(rgba(0, 0, 0, 0.44))), url('../images/presentation-flotte-0.jpg');
  background-image: linear-gradient(90deg, transparent, transparent 38%, rgba(0, 0, 0, 0.44)), url('../images/presentation-flotte-0.jpg');
  background-position: 0px 0px, 50% 100%;
  background-size: auto, cover;
}

.bg.bg-first.bg-ponant-0 {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.19)), to(rgba(0, 0, 0, 0.19))), url('../images/bg-ponant-rescale.jpg');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.19), rgba(0, 0, 0, 0.19)), url('../images/bg-ponant-rescale.jpg');
  background-position: 0px 0px, 50% 100%;
  background-size: auto, cover;
}

.bg.bg-first.bg-sistership-0 {
  background-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(38%, transparent), to(rgba(0, 0, 0, 0.36))), url('../images/sistership-0.jpg');
  background-image: linear-gradient(90deg, transparent, transparent 38%, rgba(0, 0, 0, 0.36)), url('../images/sistership-0.jpg');
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
}

.bg.bg-first.bg-explorer-0 {
  background-image: url('../images/explorer-0.jpg');
  background-position: 50% 50%;
  background-size: cover;
}

.bg.bg-first.bg-paul-gauguin-1 {
  background-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(16%, transparent), to(rgba(0, 0, 0, 0.56))), url('../images/explorer-gauguin-diaporama-1.jpg');
  background-image: linear-gradient(90deg, transparent, transparent 16%, rgba(0, 0, 0, 0.56)), url('../images/explorer-gauguin-diaporama-1.jpg');
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
}

.bg.bg-first.bg-destinations {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0.2))), url('../images/world-grey.png');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url('../images/world-grey.png');
  background-position: 0px 0px, 50% 100%;
  background-size: auto, cover;
}

.bg.bg-first.bg-destinations {
  background-image: url('../images/bg-carte-rescale.jpg');
  background-position: 50% 100%;
  background-size: cover;
}

.bg.bg-first.bg-destinations.bg-padding {
  top: 10vh;
  background-image: url('../images/destinations-0-1.jpg');
  background-position: 50% 50%;
}

.bg.bg-first.bg-avantages-passagers-0 {
  background-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(38%, transparent), to(rgba(0, 0, 0, 0.36))), url('../images/avantages-passagers-0.jpg');
  background-image: linear-gradient(90deg, transparent, transparent 38%, rgba(0, 0, 0, 0.36)), url('../images/avantages-passagers-0.jpg');
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
}

.bg.bg-first.bg-avantages-agent-0 {
  background-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(38%, transparent), to(rgba(0, 0, 0, 0.36))), url('../images/avantages-agent-voyage-0.jpg');
  background-image: linear-gradient(90deg, transparent, transparent 38%, rgba(0, 0, 0, 0.36)), url('../images/avantages-agent-voyage-0.jpg');
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
}

.bg.bg-first.bg-charte {
  background-image: -webkit-gradient(linear, left top, right top, from(transparent), to(rgba(0, 0, 0, 0.54))), url('../images/charte-1-2022.jpg');
  background-image: linear-gradient(90deg, transparent, rgba(0, 0, 0, 0.54)), url('../images/charte-1-2022.jpg');
  background-position: 0px 0px, 50% 100%;
  background-size: auto, cover;
}

.bg.bg-first.bg-major-0 {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.5))), url('../images/major.jpg');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('../images/major.jpg');
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
}

.bg.bg-first.bg-offre-du-moment {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0.2))), url('../images/offre-du-moment.jpg');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url('../images/offre-du-moment.jpg');
  background-position: 0px 0px, 50% 100%;
  background-size: auto, cover;
}

.bg.bg-first.bg-charcot-1 {
  background-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(6%, transparent), color-stop(60%, rgba(0, 0, 0, 0.56))), url('../images/bg-charcot-3dir.jpg');
  background-image: linear-gradient(90deg, transparent, transparent 6%, rgba(0, 0, 0, 0.56) 60%), url('../images/bg-charcot-3dir.jpg');
  background-position: 0px 0px, 0% 100%;
  background-size: auto, cover;
}

.bg.bg-next.bg-1988 {
  background-image: url('../images/bg-1988-newspaper.jpg');
}

.bg.bg-next.bg-1991 {
  background-image: url('../images/historique-2.jpg');
  background-position: 50% 100%;
}

.bg.bg-next.bg-2004 {
  background-image: url('../images/marseille.jpg');
  background-position: 50% 0%;
}

.bg.bg-next.bg-2012 {
  background-image: url('../images/historique-4.jpg');
  background-position: 50% 0%;
}

.bg.bg-next.bg-2015 {
  background-image: url('../images/historique-5.jpg');
  background-position: 50% 0%;
}

.bg.bg-next.bg-2017 {
  background-image: url('../images/historique-6.jpg');
  background-position: 50% 0%;
}

.bg.bg-next.bg-2017 {
  background-image: url('../images/bg-histoire-2022-3.jpg');
  background-position: 50% 0%;
}

.bg.bg-next.bg-2018 {
  background-image: url('../images/historique-8.jpg');
  background-position: 50% 0%;
}

.bg.bg-next.bg-2019 {
  background-image: url('../images/historique-9.jpg');
  background-position: 50% 0%;
}

.bg.bg-next.bg-2016 {
  background-image: url('../images/historique-6.jpg');
  background-position: 50% 100%;
}

.bg.bg-next.bg-profil-1 {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.34)), to(rgba(0, 0, 0, 0.34))), url('../images/bg-profil.jpg');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.34), rgba(0, 0, 0, 0.34)), url('../images/bg-profil.jpg');
  background-position: 0px 0px, 0px 0px;
  background-size: auto, cover;
}

.bg.bg-next.bg-profil-2 {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.11)), to(rgba(0, 0, 0, 0.11))), url('../images/bg-profil-3.jpg');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.11), rgba(0, 0, 0, 0.11)), url('../images/bg-profil-3.jpg');
  background-position: 0px 0px, 0px 0px;
  background-size: auto, cover;
}

.bg.bg-next.bg-culture-1 {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.46)), to(rgba(0, 0, 0, 0.46))), url('../images/bg-culture-1.jpg');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.46), rgba(0, 0, 0, 0.46)), url('../images/bg-culture-1.jpg');
  background-position: 0px 0px, 0px 0px;
  background-size: auto, cover;
}

.bg.bg-next.bg-culture-2 {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.11)), to(rgba(0, 0, 0, 0.11))), url('../images/bg-culture-2.jpg');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.11), rgba(0, 0, 0, 0.11)), url('../images/bg-culture-2.jpg');
  background-position: 0px 0px, 0px 0px;
  background-size: auto, cover;
}

.bg.bg-next.bg-expedition-1 {
  background-image: url('../images/bg-expedition-1.jpg');
  background-position: 0px 0px;
  background-size: cover;
}

.bg.bg-next.bg-expedition-2 {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.11)), to(rgba(0, 0, 0, 0.11))), url('../images/bg-expedition-2.jpg');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.11), rgba(0, 0, 0, 0.11)), url('../images/bg-expedition-2.jpg');
  background-position: 0px 0px, 0px 0px;
  background-size: auto, cover;
}

.bg.bg-next.bg-expedition-3-a {
  background-image: url('../images/bg-expedition-3-a.jpg');
  background-position: 0px 0px;
  background-size: cover;
}

.bg.bg-next.bg-expedition-3-b {
  background-image: url('../images/bg-expedition-3-b.jpg');
  background-position: 0px 0px;
  background-size: cover;
}

.bg.bg-next.bg-expedition-3-c {
  background-image: url('../images/bg-expedition-3-c.jpg');
  background-position: 0px 0px;
  background-size: cover;
}

.bg.bg-next.bg-environnement-1 {
  background-image: url('../images/bg-environnement-1.jpg');
  background-position: 0px 0px;
  background-size: cover;
}

.bg.bg-next.bg-environnement-3 {
  background-image: url('../images/bg-environnement-2.jpg');
  background-position: 0px 0px;
  background-size: cover;
}

.bg.bg-next.bg-presentation-flotte-2 {
  background-color: #fff;
  background-image: none;
}

.bg.bg-next.bg-presentation-flotte-1 {
  background-image: url('../images/presentation-flotte-1.jpg');
  background-position: 0px 0px;
  background-size: cover;
}

.bg.bg-next.bg-ponant-1 {
  background-image: url('../images/bg-ponant-1-2022.jpg');
  background-position: 0px 0px;
  background-size: cover;
}

.bg.bg-next.bg-ponant-2 {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.19)), to(rgba(0, 0, 0, 0.19))), url('../images/bg-ponant-2-2022.jpg');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.19), rgba(0, 0, 0, 0.19)), url('../images/bg-ponant-2-2022.jpg');
  background-position: 0px 0px, 0% 50%;
  background-size: auto, cover;
}

.bg.bg-next.bg-ponant-3 {
  background-image: url('../images/bg-ponant-3-2022.jpg');
  background-position: 0px 0px;
  background-size: cover;
}

.bg.bg-next.bg-ponant-slider-1 {
  background-image: url('../images/ponant-diaporama-stirling.jpg');
  background-position: 50% 100%;
  background-size: cover;
}

.bg.bg-next.bg-ponant-slider-2 {
  background-image: url('../images/ponant-diaporama-arriere-2.jpg');
  background-position: 50% 100%;
  background-size: cover;
}

.bg.bg-next.bg-ponant-slider-3 {
  background-image: url('../images/ponant-diaporama-arriere.jpg');
  background-position: 50% 100%;
  background-size: cover;
}

.bg.bg-next.bg-ponant-slider-0 {
  background-image: url('../images/ponant-diaporama-new-1.jpg');
  background-position: 50% 100%;
  background-size: cover;
}

.bg.bg-next.bg-sistership-1 {
  background-image: url('../images/bg-sistership-presentation.jpg');
  background-position: 50% 100%;
  background-size: cover;
}

.bg.bg-next.bg-sistership-2 {
  background-image: -webkit-gradient(linear, left top, right top, from(transparent), to(rgba(0, 0, 0, 0.67))), url('../images/sister-5.jpg');
  background-image: linear-gradient(90deg, transparent, rgba(0, 0, 0, 0.67)), url('../images/sister-5.jpg');
  background-position: 0px 0px, 0px 0px;
  background-size: auto, cover;
}

.bg.bg-next.bg-sisiter-4 {
  background-image: url('../images/bg-kayak.jpg');
  background-position: 0% 100%;
  background-size: cover;
}

.bg.bg-next.bg-sisiter-slider-0 {
  background-image: url('../images/sister-3.jpg');
  background-position: 50% 100%;
  background-size: cover;
}

.bg.bg-next.bg-sister-slider-1 {
  background-image: url('../images/ponant-slider-1.jpg');
  background-position: 0px 0px;
  background-size: cover;
}

.bg.bg-next.bg-sister-slider-2 {
  background-image: url('../images/sister-7-2022.jpg');
  background-position: 50% 100%;
  background-size: cover;
}

.bg.bg-next.bg-sister-slider-3 {
  background-image: url('../images/sister-6.jpg');
  background-position: 0px 0px;
  background-size: cover;
}

.bg.bg-next.bg-explorer-1 {
  background-image: url('../images/explorer-1-2022.jpg');
  background-position: 0px 0px;
  background-size: cover;
}

.bg.bg-next.bg-explorer-2 {
  background-image: -webkit-gradient(linear, left top, right top, from(transparent), to(rgba(0, 0, 0, 0.67))), url('../images/explorer-2.jpg');
  background-image: linear-gradient(90deg, transparent, rgba(0, 0, 0, 0.67)), url('../images/explorer-2.jpg');
  background-position: 0px 0px, 0px 0px;
  background-size: auto, cover;
}

.bg.bg-next.bg-explorer-3 {
  background-image: -webkit-gradient(linear, left top, right top, from(transparent), to(rgba(0, 0, 0, 0.67))), url('../images/explorer-3.jpg');
  background-image: linear-gradient(90deg, transparent, rgba(0, 0, 0, 0.67)), url('../images/explorer-3.jpg');
  background-position: 0px 0px, 0px 0px;
  background-size: auto, cover;
}

.bg.bg-next.bg-explorer-slider-1 {
  background-image: url('../images/explorer-diaporama-piscine-chambre.jpg');
  background-position: 50% 0%;
  background-size: cover;
}

.bg.bg-next.bg-explorer-slider-2 {
  background-image: url('../images/explorer-diaporama-piscine-arriere.jpg');
  background-position: 50% 100%;
  background-size: cover;
}

.bg.bg-next.bg-explorer-slider-3 {
  background-image: url('../images/explorer-diaporama-piscine-observatoire.jpg');
  background-position: 50% 100%;
  background-size: cover;
}

.bg.bg-next.bg-explorer-slider-4 {
  background-image: url('../images/explorer-diaporama-piscine-reception.jpg');
  background-position: 0px 0px;
  background-size: cover;
}

.bg.bg-next.bg-explorer-blue-eye {
  background-image: url('../images/explorer-blue-eye.jpg');
  background-position: 0px 0px;
  background-size: cover;
}

.bg.bg-next.bg-popup-antarctique {
  width: 100vw;
  background-image: url('../images/popup-antarctique.jpg');
  background-position: 25% 50%;
}

.bg.bg-next.bg-popup-antarctique.popanatra {
  left: 0%;
  top: 0%;
  right: auto;
  bottom: auto;
  background-image: url('../images/bg-destinatination-antarctique.jpg');
  background-position: 50% 50%;
}

.bg.bg-next.bg-popup-alaska {
  width: 100vw;
  background-image: url('../images/bg-destinatination-alaska.jpg');
  background-position: 0% 50%;
}

.bg.bg-next.bg-popup-canada {
  width: 100vw;
  background-image: url('../images/bg-destinatination-usa.jpg');
  background-position: 0% 50%;
}

.bg.bg-next.bg-popup-europe {
  width: 100vw;
  background-image: url('../images/popup-europe.jpg');
  background-position: 50% 50%;
}

.bg.bg-next.bg-popup-mediterranee {
  left: 0%;
  top: 0%;
  right: auto;
  bottom: auto;
  width: 100vw;
  background-image: url('../images/bg-destinatination-mediterranee.jpg');
  background-position: 0% 50%;
}

.bg.bg-next.bg-popup-caraibes {
  left: auto;
  top: 0%;
  right: -50%;
  bottom: auto;
  width: 100vw;
  background-image: url('../images/popup-caraibes.jpg');
  background-position: 0% 50%;
}

.bg.bg-next.bg-popup-amerique-latine {
  left: auto;
  top: 0%;
  right: -50%;
  bottom: auto;
  width: 100vw;
  background-image: url('../images/popup-amerique-latine.jpg');
  background-position: 0% 50%;
}

.bg.bg-next.bg-popup-pacifique {
  left: 0%;
  top: 0%;
  right: auto;
  bottom: auto;
  width: 100vw;
  background-image: url('../images/bg-destinatination-pacifique.jpg');
  background-position: 0% 50%;
}

.bg.bg-next.bg-popup-antarctique {
  left: auto;
  top: 0%;
  right: -50%;
  bottom: auto;
  width: 100vw;
  background-image: url('../images/popup-antarctique-2.jpg');
  background-position: 0% 50%;
}

.bg.bg-next.bg-popup-afrique {
  left: 0%;
  top: 0%;
  right: auto;
  bottom: auto;
  width: 100vw;
  background-image: url('../images/bg-destinatination-africa.jpg');
  background-position: 0% 50%;
}

.bg.bg-next.bg-popup-asie {
  left: 0%;
  top: 0%;
  right: auto;
  bottom: auto;
  width: 100vw;
  background-image: url('../images/bg-destinatination-asie.jpg');
  background-position: 0% 0%;
}

.bg.bg-next.bg-popup-oceanie {
  left: 0%;
  top: 0%;
  right: auto;
  bottom: auto;
  width: 100vw;
  background-image: url('../images/bg-destinatination-oceanie.jpg');
  background-position: 0% 50%;
}

.bg.bg-next.bg-avantages-passagers-1 {
  background-image: url('../images/avantages-passagers-1.jpg');
  background-position: 0px 0px;
  background-size: cover;
}

.bg.bg-next.bg-avantage-passagers-2 {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(32, 76, 115, 0.5)), to(rgba(32, 76, 115, 0.5))), url('../images/bg-sea.jpg');
  background-image: linear-gradient(180deg, rgba(32, 76, 115, 0.5), rgba(32, 76, 115, 0.5)), url('../images/bg-sea.jpg');
  background-position: 0px 0px, 0px 0px;
  background-size: auto, cover;
}

.bg.bg-next.bg-avantage-passagers-3 {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.28)), to(rgba(0, 0, 0, 0.28))), url('../images/avantages-passagers-3.jpg');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.28), rgba(0, 0, 0, 0.28)), url('../images/avantages-passagers-3.jpg');
  background-position: 0px 0px, 0px 0px;
  background-size: auto, cover;
}

.bg.bg-next.bg-avantage-passagers-4 {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.22)), to(rgba(0, 0, 0, 0.22))), url('../images/avantages-passagers-4.jpg');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.22), rgba(0, 0, 0, 0.22)), url('../images/avantages-passagers-4.jpg');
  background-position: 0px 0px, 0px 0px;
  background-size: auto, cover;
}

.bg.bg-next.bg-avantage-passagers-5 {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.22)), to(rgba(0, 0, 0, 0.22))), url('../images/avantages-passagers-5.jpg');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.22), rgba(0, 0, 0, 0.22)), url('../images/avantages-passagers-5.jpg');
  background-position: 0px 0px, 0px 0px;
  background-size: auto, cover;
}

.bg.bg-next.bg-avantage-agent-1 {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.39)), to(rgba(0, 0, 0, 0.39))), url('../images/avantages-agent-voyage.jpg');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.39), rgba(0, 0, 0, 0.39)), url('../images/avantages-agent-voyage.jpg');
  background-position: 0px 0px, 0px 0px;
  background-size: auto, cover;
}

.bg.bg-next.bg-avantage-agent-2 {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.21)), to(rgba(0, 0, 0, 0.21))), url('../images/avantages-agent-voyage-2.jpg');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.21), rgba(0, 0, 0, 0.21)), url('../images/avantages-agent-voyage-2.jpg');
  background-position: 0px 0px, 0px 0px;
  background-size: auto, cover;
}

.bg.bg-next.bg-avantage-agent-3 {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.22)), to(rgba(0, 0, 0, 0.22))), url('../images/avantages-agent-voyage-3.jpg');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.22), rgba(0, 0, 0, 0.22)), url('../images/avantages-agent-voyage-3.jpg');
  background-position: 0px 0px, 0px 0px;
  background-size: auto, cover;
}

.bg.bg-next.bg-avantage-agent-4 {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.22)), to(rgba(0, 0, 0, 0.22))), url('../images/avantages-agent-voyage-4.jpg');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.22), rgba(0, 0, 0, 0.22)), url('../images/avantages-agent-voyage-4.jpg');
  background-position: 0px 0px, 0px 0px;
  background-size: auto, cover;
}

.bg.bg-next.bg-major-1 {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.45)), to(rgba(0, 0, 0, 0.45))), url('../images/major-1.jpg');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45)), url('../images/major-1.jpg');
  background-position: 0px 0px, 0px 0px;
  background-size: auto, cover;
}

.bg.bg-next.bg-amiral {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.4)), to(rgba(0, 0, 0, 0.4))), url('../images/amiral.jpg');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url('../images/amiral.jpg');
  background-position: 0px 0px, 0px 0px;
  background-size: auto, cover;
}

.bg.bg-next.bg-grand-amiral {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.45)), to(rgba(0, 0, 0, 0.45))), url('../images/grand-amiral.jpg');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45)), url('../images/grand-amiral.jpg');
  background-position: 0px 0px, 0px 0px;
  background-size: auto, cover;
}

.bg.bg-next.bg-commodore {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.39)), to(rgba(0, 0, 0, 0.39))), url('../images/commodore.jpg');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.39), rgba(0, 0, 0, 0.39)), url('../images/commodore.jpg');
  background-position: 0px 0px, 0px 0px;
  background-size: auto, cover;
}

.bg.bg-next.bg-culture-blue {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#6cabbe), to(#6cabbe));
  background-image: linear-gradient(180deg, #6cabbe, #6cabbe);
}

.bg.bg-next.bg-ponant-slider-5 {
  background-image: url('../images/ponant-diaporama-cabine.jpg');
  background-position: 50% 100%;
  background-size: cover;
}

.bg.bg-next.bg-ponant-slider-6 {
  background-image: url('../images/ponant-diaporama-salon-1.jpg');
  background-position: 50% 100%;
  background-size: cover;
}

.bg.bg-next.bg-ponant-slider-7 {
  background-image: url('../images/ponant-diaporama-dessus.jpg');
  background-position: 50% 100%;
  background-size: cover;
}

.bg.bg-next.bg-ponant-slider-8 {
  background-image: url('../images/ponant-diaporama-main-lounge.jpg');
  background-position: 50% 100%;
  background-size: cover;
}

.bg.bg-next.bg-ponant-slider-9 {
  background-image: url('../images/ponant-diaporama-sdb.jpg');
  background-position: 50% 100%;
  background-size: cover;
}

.bg.bg-next.bg-ponant-slider-10 {
  background-image: url('../images/ponant-diaporama-main-lounge-bleu.jpg');
  background-position: 50% 100%;
  background-size: cover;
}

.bg.bg-next.bg-ponant-slider-11 {
  background-image: url('../images/ponant-diaporama-salon-2.jpg');
  background-position: 50% 100%;
  background-size: cover;
}

.bg.bg-next.bg-ponant-slider-12 {
  background-image: url('../images/ponant-diaporama-saint-barth.jpg');
  background-position: 50% 100%;
  background-size: cover;
}

.bg.bg-next.bg-ponant-slider-13 {
  background-image: url('../images/ponant-diaporama-stirling-2.jpg');
  background-position: 50% 100%;
  background-size: cover;
}

.bg.bg-next.bg-ponant-slider-14 {
  background-image: url('../images/ponant-diaporama-perspective.jpg');
  background-position: 50% 100%;
  background-size: cover;
}

.bg.bg-next.bg-ponant-slider-15 {
  background-image: url('../images/ponant-diaporama-jacuzzi.jpg');
  background-position: 50% 50%;
  background-size: cover;
}

.bg.bg-next.bg-explorer-slider-5 {
  background-image: url('../images/explorer-diaporama-piscine-bar.jpg');
  background-position: 50% 100%;
  background-size: cover;
}

.bg.bg-next.bg-explorer-slider-6 {
  background-image: url('../images/explorer-diaporama-piscine-bar-2.jpg');
  background-position: 50% 100%;
  background-size: cover;
}

.bg.bg-next.bg-explorer-slider-7 {
  background-image: url('../images/explorer-diaporama-piscine-lounge.jpg');
  background-position: 50% 0%;
  background-size: cover;
}

.bg.bg-next.bg-gauguin-1 {
  background-image: url('../images/paul-gauguin-2-2022.jpg');
  background-position: 0px 0px;
  background-size: cover;
}

.bg.bg-next.bg-gaugin-3 {
  background-image: -webkit-gradient(linear, left top, right top, color-stop(58%, transparent), to(rgba(0, 0, 0, 0.41))), url('../images/explorer-gauguin-bg-2.jpg');
  background-image: linear-gradient(90deg, transparent 58%, rgba(0, 0, 0, 0.41)), url('../images/explorer-gauguin-bg-2.jpg');
  background-position: 0px 0px, 0px 0px;
  background-size: auto, cover;
}

.bg.bg-next.bg-gauguin-activites {
  background-image: url('../images/explorer-gauguin-bg-activites.jpg');
  background-position: 50% 100%;
  background-size: cover;
}

.bg.bg-next.bg-gauguin-diaporama-1 {
  background-image: url('../images/explorer-gauguin-diaporama-3.jpg');
  background-position: 50% 100%;
  background-size: cover;
}

.bg.bg-next.bg-gaugin-diaporama-2 {
  background-image: url('../images/explorer-gauguin-diaporama-4.jpg');
  background-position: 50% 100%;
  background-size: cover;
}

.bg.bg-next.bg-gaugin-diaporama-3 {
  background-image: url('../images/gauguin-diaporama-2.jpg');
  background-position: 50% 100%;
  background-size: cover;
}

.bg.bg-next.bg-gaugin-diaporama-4 {
  background-image: url('../images/gauguin-0-2022.jpg');
  background-position: 0px 0px;
  background-size: cover;
}

.bg.bg-next.bg-gauguin-diaporma-5 {
  background-image: url('../images/explorer-gauguin-diaporama-5.jpg');
  background-position: 0px 0px;
  background-size: cover;
}

.bg.bg-next.bg-charcot-2 {
  background-image: url('../images/charcot-1-2022.jpg');
  background-position: 0px 0px;
  background-size: cover;
}

.bg.bg-next.bg-charcot-3 {
  background-image: -webkit-gradient(linear, left top, right top, color-stop(58%, transparent), to(rgba(0, 0, 0, 0.41))), url('../images/bg-charcot-dir-4.jpg');
  background-image: linear-gradient(90deg, transparent 58%, rgba(0, 0, 0, 0.41)), url('../images/bg-charcot-dir-4.jpg');
  background-position: 0px 0px, 100% 100%;
  background-size: auto, cover;
}

.bg.bg-next.bg-charcot-4 {
  background-image: url('../images/bg-charcot-solo.jpg');
  background-position: 0% 100%;
  background-size: cover;
}

.bg.bg-next.bg-charcot-diaporama-1 {
  background-image: url('../images/charcot-diaporame-1-2022.jpg');
  background-position: 50% 100%;
  background-size: cover;
}

.bg.bg-next.bg-charcot-diaporama-2 {
  background-image: url('../images/charcot--diaporama-2-2022.jpg');
}

.bg.bg-next.bg-charcot-diaporama-3 {
  background-image: url('../images/charcot--diaporama-3-2022.jpg');
  background-position: 50% 100%;
  background-size: cover;
}

.bg.bg-next.bg-charcot-diaporama-4 {
  background-image: url('../images/charcot--diaporama-1-2022.jpg');
  background-position: 0px 0px;
  background-size: cover;
}

.bg.bg-next.bg-sisiter-slider-new-1 {
  background-image: url('../images/sistership-new-2.jpg');
  background-position: 50% 100%;
  background-size: cover;
}

.bg.bg-next.bg-sisiter-slider-new-2 {
  background-image: url('../images/bg-slider-sistership-piscine.jpg');
  background-position: 0% 100%;
  background-size: cover;
}

.bg.bg-next.bg-sisiter-slider-new-3 {
  background-image: url('../images/sistership-new-4.jpg');
  background-position: 50% 100%;
  background-size: cover;
}

.bg.bg-next.bg-sisiter-slider-new-5 {
  background-image: url('../images/sistership-new-5.jpg');
  background-position: 50% 100%;
  background-size: cover;
}

.bg.bg-next.bg-sisiter-slider-new-6 {
  background-image: url('../images/sistership-new-6.jpg');
  background-position: 50% 100%;
  background-size: cover;
}

.bg.bg-next.bg-avantage-agent-pro-club {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.22)), to(rgba(0, 0, 0, 0.22))), url('../images/pro-club.jpg');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.22), rgba(0, 0, 0, 0.22)), url('../images/pro-club.jpg');
  background-position: 0px 0px, 0px 0px;
  background-size: auto, cover;
}

.bg.bg-next.bg-sisiter-4-autre {
  background-image: url('../images/sister-4.jpg');
  background-position: 0px 0px;
  background-size: cover;
}

.bg.bg-next.bg-explorer-slider-8 {
  background-image: url('../images/explorer-diapo-230222.jpg');
  background-position: 50% 0%;
  background-size: cover;
}

.bg.bg-next.bg-sisiter-slider-new-x1 {
  background-image: url('../images/sister-diap-030222-1.jpg');
  background-position: 50% 100%;
  background-size: cover;
}

.bg.bg-next.bg-sisiter-slider-new-x2 {
  background-image: url('../images/sister-diap-030222-2.jpg');
  background-position: 50% 0%;
  background-size: cover;
}

.bg.bg-next.bg-sistership-virtual {
  background-color: #425563;
  background-image: none;
}

.container-page {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  max-width: 1600px;
  padding: 14vh 80px 8vh 50px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

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

.container-page.container-centered.container--height-auto {
  height: auto;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.container-page.container-centered.container--height-auto.container-flex-top {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.container-page.container-centered.container-virtual-visite {
  padding: 10.2vh 0px 7.2vh;
}

.container-page.container-split {
  max-width: 1600px;
  padding: 0vh 0px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.container-page.container-split.container-slider {
  max-width: 1600px;
}

.container-page.container-split.container-slider.no-max-width {
  max-width: none;
}

.container-page.container-world {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -o-object-fit: none;
  object-fit: none;
}

.container-page.container-world.bg-blue {
  background-color: #81c6cc;
}

.container-page.container-video {
  max-width: none;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #425563;
}

.accroche-intro {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 600px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  text-align: right;
}

.accroche-intro.accrochre-wider {
  width: 750px;
}

.accroche-intro.accrochre-widest {
  width: 100%;
}

.body {
  font-family: Lato, sans-serif;
  color: #fff;
  line-height: 1.2;
  font-weight: 300;
}

.heading {
  margin-top: 0px;
  margin-bottom: -13px;
  font-size: 7.2vh;
  line-height: 1.2;
  font-weight: 300;
  text-align: right;
  text-transform: uppercase;
}

.ligne {
  position: absolute;
  left: auto;
  top: 0%;
  right: 0%;
  bottom: auto;
  z-index: 10;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 65px;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -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;
  -webkit-transition: opacity 200ms ease;
  transition: opacity 200ms ease;
}

.ligne.line-virtual-tour {
  height: 40%;
}

.circle {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 30px;
  height: 30px;
  -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;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border-radius: 50%;
  background-color: #fff;
  -webkit-transition: all 500ms cubic-bezier(.23, 1, .32, 1);
  transition: all 500ms cubic-bezier(.23, 1, .32, 1);
}

.circle:hover {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}

.circle.circle-last {
  background-color: #425563;
}

.halo {
  position: absolute;
  left: 50%;
  top: 50%;
  right: auto;
  bottom: auto;
  width: 180%;
  height: 180%;
  border-radius: 50%;
  background-color: #fff;
  opacity: 0.13;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.line {
  width: 1px;
  height: 100%;
  background-color: #fff;
}

.line.line-invisible {
  background-color: transparent;
}

.wrap-bg {
  position: absolute;
  left: 0%;
  top: 0%;
  right: auto;
  bottom: auto;
  overflow: hidden;
  width: 100%;
  height: 100%;
}

.wrap-bg.wrap-bg--fixed {
  position: fixed;
}

.nav-bottom-page {
  position: fixed;
  left: 50%;
  top: auto;
  right: auto;
  bottom: 0%;
  z-index: 5;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  height: 7vh;
  -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;
  background-color: transparent;
  -webkit-transform: translate(-50%, 0px);
  -ms-transform: translate(-50%, 0px);
  transform: translate(-50%, 0px);
}

.nav-bottom-page.no-nav-bottom {
  display: none;
}

.nav-bottom-page.nav-bottom-vertical {
  height: auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.nav-bottom__button {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  height: 100%;
  margin-right: 1px;
  margin-left: 1px;
  padding: 6px 20px;
  -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;
  border-radius: 0px;
  background-color: #fff;
  -webkit-transition: opacity 500ms cubic-bezier(.23, 1, .32, 1);
  transition: opacity 500ms cubic-bezier(.23, 1, .32, 1);
  color: #425563;
  font-weight: 400;
  text-decoration: none;
  text-transform: uppercase;
}

.nav-bottom__button.w--current {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -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;
  border-radius: 0px;
  background-color: #6cabbe;
  color: #fff;
}

.nav-bottom__button.hidden {
  display: none;
}

.hallo--btn--nav-bottom {
  position: absolute;
  left: 0%;
  top: 0%;
  right: auto;
  bottom: auto;
  width: 100%;
  height: 100%;
  background-color: #6cabbe;
  -webkit-transform: scale3d(1, 0, 1);
  transform: scale3d(1, 0, 1);
  -webkit-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.hallo--btn--nav-bottom.hallo-btn-nav-embarquez {
  background-color: #425563;
}

.nav-bottom__txt {
  position: relative;
}

.block-text {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 350px;
  padding: 3%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  background-color: #fff;
  -webkit-transform-origin: 0% 50%;
  -ms-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
  color: #425563;
  text-align: left;
}

.block-text.bloc-text-several-on-right {
  position: relative;
  z-index: 1;
  margin-bottom: 4px;
  margin-left: 10px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.block-text.bloc-text-several-on-right.block-text-horizontal {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.block-text.bloc-text-several-on-right.bigger-block-text {
  width: 450px;
}

.block-text.bloc-text-several-on-right.bigger-block-text.wider {
  width: 550px;
}

.block-text.bloc-text-several-on-right.xl-block-text {
  width: 45%;
}

.block-text.bloc-text-several-on-right.block-height-auto.block-shadow {
  box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.15);
}

.block-text.bloc-text-several-on-right.block-height-auto.bigger-block {
  width: 550px;
}

.block-text.bloc-text-several-on-right.old-hidden {
  display: none;
}

.block-text.bloc-text-several-on-right.block-logo-partenaires {
  width: 250px;
  padding-right: 1%;
  padding-left: 1%;
}

.block-text.bloc-text-several-on-right.box-lightbox {
  width: 250px;
  padding-top: 12%;
  padding-bottom: 12%;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}

.block-text.bloc-text-several-on-right.block-slightly-larger {
  width: 375px;
}

.block-text.bloc-text-several-on-right.hidden {
  display: none;
}

.block-text.bloc-text-several-on-right.widerer {
  width: 550px;
}

.block-text.wider {
  width: 450px;
}

.block-text__accroche {
  width: 100%;
  margin-bottom: 0.5%;
  color: #6cabbe;
  font-size: 4vh;
  text-transform: uppercase;
}

.block-text__accroche.accroche-recompenses {
  margin-top: 0.5%;
  font-size: 2.8vh;
}

.block-text__accroche.accroche-recompenses.accroche-dark-blue {
  margin-bottom: 2.5%;
  color: #425563;
}

.block-text__accroche.accroche-recompenses.accroche-dark-blue.hide {
  display: none;
}

.block-text__line {
  width: 100%;
  height: 1px;
  margin-top: 4%;
  margin-bottom: 4%;
  background-color: #425563;
}

.txt {
  margin-top: 0%;
  font-size: 2.4vh;
  white-space: normal;
}

.txt.hide {
  display: none;
}

.logo {
  width: 160px;
}

.wrap-fil-d-arian {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -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;
  color: #425563;
  text-align: center;
}

.title-page {
  margin-bottom: 0.5%;
  font-size: 2vh;
  font-weight: 400;
  text-transform: uppercase;
}

.fil-d-ariane {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -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;
}

.link-fil-d-ariane {
  display: block;
  color: #425563;
  text-decoration: none;
  text-transform: uppercase;
}

.separator-fil-d-ariane {
  margin-right: 3px;
  margin-left: 3px;
}

.wrap-burger {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  height: 50px;
  max-height: 100%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -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;
  color: #6cabbe;
  cursor: pointer;
}

.burger {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 30px;
  height: 50px;
  max-width: 100%;
  margin-right: 9px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  color: #6cabbe;
}

.bar {
  width: 100%;
  height: 2px;
  margin-top: 2px;
  margin-bottom: 2px;
  background-color: #6cabbe;
}

.bar.bar-2 {
  width: 60%;
}

.bar.bar-3 {
  width: 30%;
}

.menu-overlay {
  position: fixed;
  left: -100%;
  top: 0%;
  right: auto;
  bottom: auto;
  z-index: 1000;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100vh;
  -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;
  background-color: #6cabbe;
}

.menu-overlay.open {
  left: 0%;
}

.content-menu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.menu-sous-partie {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: auto;
  margin-right: 24px;
  margin-left: 24px;
  padding-right: 15px;
  padding-left: 15px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.niveau-n {
  width: 100%;
  margin-bottom: 0.5vh;
  padding-bottom: 4px;
  border-bottom: 1px solid hsla(0, 0%, 100%, 0.34);
  color: #425563;
  font-size: 20px;
  font-weight: 400;
  text-decoration: none;
  text-transform: uppercase;
}

.titre-partie-menu {
  margin-top: 15vh;
  margin-bottom: 10vh;
  font-size: 7vh;
  text-transform: uppercase;
}

.text-block {
  font-weight: 100;
}

.wrap-menu-sous-partie {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 1200px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.menu-link {
  width: 96%;
  margin-top: 1.5vh;
  margin-left: 4%;
  padding-bottom: 7px;
  border-bottom: 1px solid hsla(0, 0%, 100%, 0.14);
  -webkit-transition: all 400ms cubic-bezier(.23, 1, .32, 1);
  transition: all 400ms cubic-bezier(.23, 1, .32, 1);
  color: #fff;
  font-size: 16px;
  font-weight: 300;
  text-decoration: none;
  text-transform: uppercase;
}

.menu-link:hover {
  width: 94%;
  margin-left: 6%;
  padding-bottom: 6px;
  border-bottom-width: 2px;
  color: #425563;
}

.menu-link.w--current {
  padding-bottom: 4px;
  border-bottom-width: 4px;
  color: #425563;
  font-weight: 400;
}

.close {
  position: absolute;
  left: auto;
  top: 0%;
  right: 0%;
  bottom: auto;
  z-index: 5;
  width: 35px;
  height: 35px;
  margin-top: 50px;
  margin-right: 50px;
  -webkit-transition: all 400ms cubic-bezier(.23, 1, .32, 1);
  transition: all 400ms cubic-bezier(.23, 1, .32, 1);
  cursor: pointer;
}

.close:hover {
  -webkit-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  transform: rotate(360deg);
}

.close.close-popup {
  z-index: 5;
  margin-top: 14vh;
}

.close.close-popup.close6popup6video {
  z-index: 1;
  margin-top: 20px;
  margin-right: 20px;
}

.close.close-popup.close6popup6video.close-popup-video {
  z-index: 5;
}

.nav-home-other-part {
  position: absolute;
  left: 0%;
  top: auto;
  right: auto;
  bottom: 0%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 50px;
  -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;
}

.link-bottom-overlay {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  margin-left: 1px;
  -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;
  background-color: #425563;
  -webkit-transition: all 400ms cubic-bezier(.23, 1, .32, 1);
  transition: all 400ms cubic-bezier(.23, 1, .32, 1);
  color: #fff;
  text-decoration: none;
}

.link-bottom-overlay:hover {
  background-color: hsla(0, 0%, 100%, 0.63);
  color: #425563;
}

.transition {
  width: 0px;
  height: 0px;
}

.titre-cards {
  width: 650px;
  margin-bottom: 1%;
  font-size: 4vh;
  text-align: right;
  text-transform: uppercase;
}

.titre-cards.titre-cards-center {
  margin-bottom: 3%;
  text-align: center;
}

.titre-cards.titre-cards-center.titre-cards-blue {
  width: 100%;
  color: #425563;
  text-align: left;
}

.wrap-card {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 900px;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.wrap-card.wrap-card--centerde {
  width: 100%;
  max-width: 1300px;
  padding-top: 0vh;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
}

.wrap-card.wrap-card--centerde.wrap-cards-no-wrap {
  padding: 24px 23px;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  background-color: #fff;
}

.image-profil {
  margin-right: 13px;
}

.note {
  font-size: 2vh;
}

.wrap-bg-fixed {
  position: fixed;
  left: 0%;
  top: 0%;
  right: auto;
  bottom: auto;
  width: 100%;
  height: 100%;
}

.container-slipt--zone {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 33.3333vw;
  height: 100%;
  -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;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.container-slipt--zone.split-zone-bottom {
  padding-bottom: 14vh;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.menu-overlay-part2 {
  position: fixed;
  left: -100%;
  top: 0%;
  right: auto;
  bottom: auto;
  z-index: 1000;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100vh;
  -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;
  background-color: #6cabbe;
}

.menu-overlay-part2.open {
  left: 0%;
}

.titre-partie-menu-part-2 {
  margin-top: 15vh;
  margin-bottom: 10vh;
  font-size: 7vh;
  text-align: center;
  text-transform: uppercase;
}

.wrap-menu-sous-partie-part-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 1200px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.nav-home-other-part-part-2 {
  position: absolute;
  left: 0%;
  top: auto;
  right: auto;
  bottom: 0%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 50px;
  -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;
  text-align: center;
}

.wrap-button-home-part-2-smart-device {
  display: none;
}

.plan-sister {
  width: 1244px;
}

.slider-fullpage {
  position: absolute;
  left: 0%;
  top: 0%;
  right: auto;
  bottom: auto;
  width: 100vw;
  height: 100vh;
}

.slide-nav {
  left: 0%;
  top: auto;
  right: auto;
  bottom: 12vh;
  width: 100%;
}

.plan-sister-ok {
  width: 600px;
}

.right-arraow {
  left: 0%;
  top: 0%;
  right: auto;
  bottom: auto;
  width: 7.5%;
  height: 50vh;
  -webkit-transform-origin: 0% 50%;
  -ms-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
}

.left-arrow {
  left: 0%;
  top: auto;
  right: auto;
  bottom: 0%;
  width: 7.5%;
  height: 50vh;
  -webkit-transform-origin: 0% 50%;
  -ms-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
}

.icon-arrow-slider {
  left: 0%;
  top: auto;
  right: auto;
  bottom: 0%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  padding: 20px;
  -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;
  background-color: #6cabbe;
  -webkit-transition: all 400ms cubic-bezier(.23, 1, .32, 1);
  transition: all 400ms cubic-bezier(.23, 1, .32, 1);
  color: #fff;
  font-size: 20px;
}

.icon-arrow-slider:hover {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.5)));
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
}

.icon-arrow-slider.icon-left {
  background-color: #425563;
  color: #fff;
}

.wrap-bg-first {
  position: absolute;
  left: 0%;
  top: 0%;
  right: auto;
  bottom: auto;
  overflow: hidden;
  width: 100%;
  height: 100%;
}

.wrap-bg-first.wrap-bg--fixed {
  position: fixed;
}

.bg-transition {
  position: fixed;
  left: 0%;
  top: 0%;
  right: auto;
  bottom: auto;
  z-index: 10000;
  display: none;
  width: 100%;
  height: 100vh;
  background-color: #6cabbe;
}

.transition-round {
  position: absolute;
  left: -50%;
  width: 300%;
  height: 300px;
  margin-top: -150px;
  border-radius: 50%;
  background-color: #6cabbe;
}

.bg-arrive {
  top: -100%;
  display: block;
}

.wrap-bg-start {
  position: absolute;
  left: 0%;
  top: 0%;
  right: auto;
  bottom: auto;
  overflow: hidden;
  width: 100%;
  height: 100%;
}

.wrap-bg-start.wrap-bg--fixed {
  position: fixed;
}

.wrap-bg-start.wrapstart-pading {
  padding-top: 10vh;
}

.button-hover {
  position: absolute;
  left: 0%;
  top: 0%;
  right: auto;
  bottom: auto;
  width: 100%;
  height: 100%;
  background-color: #425563;
  -webkit-transform: scale3d(0, 1, 1);
  transform: scale3d(0, 1, 1);
  -webkit-transform-origin: 0% 50%;
  -ms-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.html-embed {
  width: 100%;
  height: 100vh;
}

.html-embed.video-no-display {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-transform: scale(1.4);
  -ms-transform: scale(1.4);
  transform: scale(1.4);
}

.fullpage {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100vh;
}

.fullpage.fullpage-home {
  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;
}

.button {
  display: inline-block;
  overflow: hidden;
  min-width: 0px;
  padding-right: 0px;
  padding-left: 0px;
  -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;
  border-bottom: 0px solid #00b4be;
  background-color: transparent;
  color: #fff;
  font-size: 36px;
  font-weight: 300;
  text-transform: uppercase;
  cursor: pointer;
}

.button.button-bg {
  position: relative;
  padding: 17px 25px;
  background-color: #00b4be;
  font-size: 20px;
  font-weight: 400;
}

.button.button-bg.button-home-sans-padding {
  padding: 9px 36px;
  background-color: #fff;
  color: #6cabbe;
  text-decoration: none;
}

.button.button-bg.button-home-sans-padding.wrap-button-dispay-no {
  display: none;
}

.bg-video-custom {
  position: absolute;
  left: 0%;
  top: 0%;
  right: auto;
  bottom: auto;
  z-index: 0;
  display: block;
  overflow: visible;
  width: 100%;
  height: 100vh;
  opacity: 0.3;
}

.h2 {
  margin-top: 0px;
  margin-bottom: 0px;
  font-family: Lato, sans-serif;
  font-size: 45px;
  line-height: 1.2;
  font-weight: 100;
}

.h2.h2--script {
  margin-top: 24px;
  font-family: Quickpen, sans-serif;
  font-size: 60px;
}

.wrap-button {
  position: relative;
  left: 0%;
  top: auto;
  right: auto;
  bottom: 0%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding-top: 6px;
  padding-bottom: 23px;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.wrap-button.abs {
  position: absolute;
  width: 100%;
}

.wrap-button.abs.button-home {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.wrap-button.wrap-button-half-screen {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.wrap-button.wrap-button-half-screen.button-halfscreen-rotate {
  -webkit-transform: rotate(5deg);
  -ms-transform: rotate(5deg);
  transform: rotate(5deg);
}

.wrap-title-home {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-top: 0px;
  padding-top: 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -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;
  text-align: center;
}

.wrapper {
  position: relative;
  display: block;
  width: 100%;
  margin-top: 0px;
  background-color: #425563;
}

.link--button {
  position: relative;
  width: 100%;
  height: 100%;
  color: #fff;
  text-decoration: none;
}

.link--button.link-padding {
  padding: 17px 25px;
}

.link--button.link-padding.btn-home {
  color: #6cabbe;
}

.link--button.lin-button-spirit {
  text-align: center;
}

.logo-home {
  width: 650px;
  margin-top: -141px;
  margin-bottom: 0px;
}

.button-border-bottom {
  width: 100%;
  height: 3px;
  background-color: #00b4be;
  -webkit-transform-origin: 0% 50%;
  -ms-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
}

.bg-video-2 {
  position: absolute;
  left: 0%;
  top: 0%;
  right: auto;
  bottom: auto;
  z-index: -1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 100%;
  height: 100%;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)), url('../images/home.jpg');
  background-image: linear-gradient(180deg, #fff, #fff), url('../images/home.jpg');
  background-position: 0px 0px, 0px 0px;
  background-size: auto, cover;
}

.h1 {
  margin-top: 0px;
  margin-bottom: 0px;
  font-family: Lato, sans-serif;
  font-size: 45px;
  line-height: 1.2;
  font-weight: 300;
}

.h1.hidden {
  display: none;
}

.halfscreen {
  position: absolute;
  left: auto;
  top: 0%;
  right: 0%;
  bottom: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 50%;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -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;
  background-color: #425563;
  text-decoration: none;
}

.halfscreen.halfscreen--offres {
  position: absolute;
  left: 0%;
  top: 0%;
  right: auto;
  bottom: auto;
  overflow: hidden;
  width: 50%;
  height: 100%;
  -webkit-perspective: 1078px;
  perspective: 1078px;
  -webkit-transform: skew(0deg, 0deg) rotate(0deg);
  -ms-transform: skew(0deg, 0deg) rotate(0deg);
  transform: skew(0deg, 0deg) rotate(0deg);
  text-decoration: none;
  cursor: pointer;
}

.halfscreen.halfscreen--offres.halfscreen-rotate {
  left: -6%;
  top: -9%;
  width: 60%;
  height: 120%;
  -webkit-transform: skew(0deg, 0deg) rotate(-5deg);
  -ms-transform: skew(0deg, 0deg) rotate(-5deg);
  transform: skew(0deg, 0deg) rotate(-5deg);
}

.halfscreen.halfscreen-rotate {
  top: -8%;
  right: -9%;
  width: 60%;
  height: 120%;
  -webkit-transform: rotate(-5deg);
  -ms-transform: rotate(-5deg);
  transform: rotate(-5deg);
}

.button-duo {
  display: inline-block;
  overflow: hidden;
  min-width: 0px;
  padding-right: 0px;
  padding-left: 0px;
  -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;
  border-bottom: 0px solid #00b4be;
  background-color: transparent;
  color: #fff;
  font-size: 36px;
  font-weight: 300;
  text-transform: uppercase;
  cursor: default;
}

.bg-halfscreen {
  position: absolute;
  left: 0%;
  top: 0%;
  right: auto;
  bottom: auto;
  width: 100%;
  height: 100%;
  background-color: #425563;
  background-image: url('../images/bg-offres.jpg');
  background-position: 100% 50%;
  background-size: cover;
}

.bg-halfscreen.bg-halfscreen-ponant {
  background-image: url('../images/bg-ponant.jpg');
  background-position: 0% 50%;
  background-size: cover;
}

.bg-halfscreen.bg-halfscreen-ponant.bg-halfscreen-rotate {
  left: -6%;
  -webkit-transform: rotate(5deg);
  -ms-transform: rotate(5deg);
  transform: rotate(5deg);
}

.logo-ponant {
  position: fixed;
  left: 25px;
  top: auto;
  right: auto;
  bottom: 25px;
  width: 180px;
  height: auto;
}

.world {
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.wrap-world {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -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;
}

.cta-desitnation {
  position: absolute;
  left: 35%;
  top: 7%;
  right: auto;
  bottom: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  height: auto;
  padding: 11px 24px;
  -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;
  border-style: none;
  border-width: 20px;
  border-color: #6cabbe;
  border-radius: 0%;
  background-color: hsla(0, 0%, 100%, 0);
  box-shadow: none;
  -webkit-transform-origin: 0% 50%;
  -ms-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
  -webkit-transition: all 400ms cubic-bezier(.23, 1, .32, 1);
  transition: all 400ms cubic-bezier(.23, 1, .32, 1);
  color: #fff;
  font-weight: 400;
  text-align: center;
  text-transform: uppercase;
  cursor: pointer;
}

.cta-desitnation:hover {
  background-color: #6cabbe;
  color: #fff;
}

.cta-desitnation.alaska {
  left: 17%;
  top: 12%;
}

.cta-desitnation.canada {
  left: 30%;
  top: 24%;
}

.cta-desitnation.am-rique-latine {
  left: 25%;
  top: 61%;
}

.cta-desitnation.caraibes {
  left: 33%;
  top: 48%;
}

.cta-desitnation.pacifique {
  left: 14%;
  top: 56%;
}

.cta-desitnation.europe-du-nord {
  left: 48%;
  top: 17%;
}

.cta-desitnation.mediterannee {
  left: 48%;
  top: 35%;
}

.cta-desitnation.afrique {
  left: 44%;
  top: 55%;
}

.cta-desitnation.asie {
  left: 69%;
  top: 46%;
}

.cta-desitnation.oceanie {
  left: 77%;
  top: 66%;
}

.cta-desitnation.antarctique {
  left: 35%;
  top: 90%;
}

.popup-destination {
  position: fixed;
  left: -100%;
  top: 0%;
  right: auto;
  bottom: auto;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100vh;
  -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;
  background-color: #fff;
}

.popup-destination.popup-alaska {
  left: -100%;
}

.popup-destination.popup-alaska.open {
  left: 0%;
}

.popup-destination.popup-arctique {
  left: -100%;
}

.popup-destination.popup-arctique.open {
  left: 0%;
}

.popup-destination.popup-usa {
  left: -100%;
}

.popup-destination.popup-usa.open {
  left: 0%;
}

.popup-destination.popup-europe {
  left: -100%;
}

.popup-destination.popup-europe.img-recompenses.open {
  left: 0%;
}

.popup-destination.popup-mediterranee {
  left: -100%;
}

.popup-destination.popup-mediterranee.open {
  left: 0%;
}

.popup-destination.popup-caraibes {
  left: -100%;
}

.popup-destination.popup-caraibes.open {
  left: 0%;
}

.popup-destination.popup-amerique-latine {
  left: -100%;
}

.popup-destination.popup-amerique-latine.open {
  left: 0%;
}

.popup-destination.popup-pacifique {
  left: -100%;
}

.popup-destination.popup-pacifique.open {
  left: 0%;
}

.popup-destination.popup-antarctique {
  left: -100%;
}

.popup-destination.popup-antarctique.open {
  left: 0%;
}

.popup-destination.popup-afrique {
  left: -100%;
}

.popup-destination.popup-afrique.open {
  left: 0%;
}

.popup-destination.popup-asie {
  left: -100%;
}

.popup-destination.popup-asie.open {
  left: 0%;
}

.popup-destination.popup-oceanie {
  left: -100%;
}

.popup-destination.popup-oceanie.open {
  left: 0%;
}

.popup__bloc-img {
  position: relative;
  overflow: hidden;
  width: 50%;
  height: 100%;
}

.popup__bloc-txt {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 50%;
  height: 100%;
  padding-right: 10%;
  padding-left: 10%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  color: #000;
}

.wrap-img {
  padding-right: 40px;
  padding-left: 40px;
}

.menu-link-not-available {
  display: none;
  width: 96%;
  margin-top: 1.5vh;
  margin-left: 4%;
  padding-bottom: 7px;
  border-bottom: 1px solid hsla(0, 0%, 100%, 0.14);
  opacity: 0.41;
  -webkit-transition: all 400ms cubic-bezier(.23, 1, .32, 1);
  transition: all 400ms cubic-bezier(.23, 1, .32, 1);
  color: #fff;
  font-size: 16px;
  font-weight: 300;
  text-decoration: none;
  text-transform: uppercase;
}

.menu-link-not-available:hover {
  width: 94%;
  margin-left: 6%;
  padding-bottom: 6px;
  border-bottom-width: 2px;
  color: #425563;
}

.menu-link-not-available.w--current {
  padding-bottom: 4px;
  border-bottom-width: 4px;
  color: #425563;
  font-weight: 400;
}

.by-bestdoc {
  position: absolute;
  left: auto;
  top: auto;
  right: 20px;
  bottom: 6px;
  z-index: 100;
  padding: 13px 13px 0px;
  background-color: transparent;
  color: #fff;
  cursor: pointer;
}

.link-bestdoc {
  color: #fff;
}

.nav-bottom__button-home {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  height: 100%;
  margin-right: 1px;
  margin-bottom: 11px;
  margin-left: 1px;
  padding: 15px 20px;
  -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;
  border-radius: 0px;
  background-color: hsla(0, 0%, 100%, 0.04);
  -webkit-transition: opacity 500ms cubic-bezier(.23, 1, .32, 1);
  transition: opacity 500ms cubic-bezier(.23, 1, .32, 1);
  color: #fff;
  font-weight: 400;
  text-decoration: none;
  text-transform: uppercase;
}

.nav-bottom__button-home.w--current {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -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;
  border-radius: 0px;
  background-color: #6cabbe;
  color: #fff;
}

.nav-bottom__button-home.button-emarquez {
  height: 80px;
  margin-bottom: 11px;
  background-color: #6cabbe;
  color: #fff;
  font-size: 20px;
}

.nav-bottom__button-home.button-emarquez.emarbquez-dl-ok {
  margin-top: 24px;
}

.nav-bottom__button-home.btn-addall.btn-download.btn-rel {
  position: relative;
  top: 0px;
  right: 0px;
  padding-top: 32px;
  padding-bottom: 32px;
  border-radius: 0px;
  background-color: transparent;
  color: #fff;
  font-size: 20px;
  font-weight: 400;
}

.files-downloading {
  position: fixed;
  left: -100%;
  top: 0%;
  right: auto;
  bottom: auto;
  z-index: 10000;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100vh;
  padding: 38px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -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;
  background-color: #425563;
  font-size: 40px;
  text-align: center;
}

.load-bar {
  width: 300px;
  height: 2px;
  margin-top: 40px;
  background-color: #6cabbe;
  -webkit-transform-origin: 0% 50%;
  -ms-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
}

.wrap-dl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -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;
}

.files-added {
  position: fixed;
  left: -100%;
  top: 0%;
  right: auto;
  bottom: auto;
  z-index: 10000;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100vh;
  padding: 38px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -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;
  background-color: #425563;
  font-size: 40px;
  text-align: center;
}

.error {
  position: fixed;
  left: 0%;
  top: 0%;
  right: auto;
  bottom: auto;
  z-index: 10000;
  display: none;
  width: 100%;
  height: 100vh;
  padding: 38px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -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;
  background-color: #425563;
  font-size: 40px;
  text-align: center;
}

.sous-titre {
  margin-bottom: 0px;
  font-size: 5vh;
  line-height: 1.2;
  font-weight: 300;
  text-align: right;
}

.button-next-page {
  position: relative;
  left: auto;
  top: auto;
  right: 0px;
  bottom: 0px;
  z-index: 100;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  height: 60px;
  margin-top: 0px;
  padding-right: 28px;
  padding-left: 28px;
  float: none;
  clear: none;
  -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;
  background-color: #425563;
  color: #fff;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
}

.txt-next-page {
  width: auto;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.wrap-button-next-page {
  position: absolute;
  left: auto;
  top: auto;
  right: 5px;
  bottom: 0px;
  z-index: 100;
}

.transition-round-arrive {
  position: absolute;
  left: -50%;
  top: auto;
  right: auto;
  bottom: 0%;
  width: 300%;
  height: 300px;
  margin-top: 0px;
  margin-bottom: 0px;
  border-radius: 50%;
  background-color: #6cabbe;
}

.transition-round-arrive-top {
  position: absolute;
  left: -50%;
  top: 0%;
  right: auto;
  bottom: auto;
  width: 300%;
  height: 300px;
  margin-top: -150px;
  margin-bottom: 0px;
  border-radius: 50%;
  background-color: #6cabbe;
}

.bg-arrive2 {
  top: -100%;
  display: block;
}

.bg-arrive-3 {
  position: fixed;
  left: 0%;
  top: -100%;
  right: auto;
  bottom: auto;
  z-index: 10000;
  display: block;
  width: 100%;
  height: 100vh;
  background-color: #6cabbe;
}

.button-dl-pdf {
  margin-top: 21px;
  padding: 16px 14px;
  background-color: #6cabbe;
  box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
  -webkit-transform-origin: 0% 50%;
  -ms-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
  -webkit-transition: all 400ms cubic-bezier(.23, 1, .32, 1);
  transition: all 400ms cubic-bezier(.23, 1, .32, 1);
  color: #fff;
  font-size: 18px;
  text-decoration: none;
  text-transform: uppercase;
}

.button-dl-pdf:hover {
  background-color: #425563;
}

.button-dl-pdf.btn-video-home {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 80px;
  margin-top: 0px;
  margin-bottom: 11px;
  margin-left: 15px;
  padding: 15px 20px;
  -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;
  background-color: rgba(108, 171, 190, 0.74);
}

.bg-video-custom-2 {
  position: fixed;
  left: 100%;
  top: 0px;
  z-index: 100;
  width: 100%;
  height: 100vh;
}

.bg-video-custom-2.open {
  left: 0%;
}

.bg-video-3 {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 1;
  overflow: hidden;
  width: 100%;
  height: 100%;
  background-color: #000;
}

.wrap-close {
  position: absolute;
  left: auto;
  top: 10px;
  right: 50px;
  bottom: auto;
  z-index: 1;
  width: 100px;
  height: 100px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  cursor: pointer;
}

.cercle {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100px;
  height: 100px;
  margin-right: 0px;
  -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;
  border-style: solid;
  border-width: 1px;
  border-color: hsla(0, 0%, 100%, 0.47);
  border-radius: 50%;
  background-color: #222;
}

.croix {
  color: #ef4135;
  font-size: 3em;
  font-weight: 100;
}

.wrap-100-btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -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;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.wrap-btn-go-and-video {
  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;
}

.img-recompenses {
  margin-bottom: 27px;
}

.img-recompenses.img-logo-partenaires {
  max-width: 60%;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: auto;
}

.img-recompenses.img-logo-partenaires.img-logo-partenaires--less-margin {
  max-width: 80%;
}

.img-recompenses.img-cabine {
  margin-bottom: 27px;
}

.wrap-bg-no-anim-scroll-text {
  position: absolute;
  left: 0%;
  top: 0%;
  right: auto;
  bottom: auto;
  overflow: hidden;
  width: 100%;
  height: 100%;
}

.wrap-bg-no-anim-scroll-text.wrap-bg--fixed {
  position: fixed;
}

.list {
  padding-left: 19px;
}

.li {
  margin-bottom: 3px;
}

.li.hidden {
  display: none;
}

.indice {
  display: inline-block;
  -webkit-transform: translate(0px, 3px);
  -ms-transform: translate(0px, 3px);
  transform: translate(0px, 3px);
  font-size: 1.3vh;
}

.lightbox {
  text-decoration: none;
}

.page-full-screen-copy {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 100%;
  height: 100vh;
  -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;
  -webkit-perspective: 1000px;
  perspective: 1000px;
}

.page-full-screen-copy.page-fullscreen-height-auto {
  height: auto;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.page-full-screen-copy.hidden {
  display: none;
}

.page-full-screen-virtual-tour {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 100%;
  height: 100vh;
  -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;
  -webkit-perspective: 1000px;
  perspective: 1000px;
}

.page-full-screen-virtual-tour.page-fullscreen-height-auto {
  height: auto;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.page-full-screen-virtual-tour.hidden {
  display: none;
}

.enieme {
  display: inline-block;
  -webkit-transform: translate(0px, -5px);
  -ms-transform: translate(0px, -5px);
  transform: translate(0px, -5px);
  font-size: 12px;
}

.enieme-big {
  display: inline-block;
  -webkit-transform: translate(0px, -9px);
  -ms-transform: translate(0px, -9px);
  transform: translate(0px, -9px);
  font-size: 12px;
}

.txt--indice {
  font-size: 16px;
}

.txt--indice.txt-indice--sup {
  display: inline-block;
  -webkit-transform: translate(0px, -5px);
  -ms-transform: translate(0px, -5px);
  transform: translate(0px, -5px);
  font-size: 14px;
}

.txt--indice.txt-indice--sup.txt--index--sup-2 {
  -webkit-transform: translate(0px, -10px);
  -ms-transform: translate(0px, -10px);
  transform: translate(0px, -10px);
}

.nav-language {
  position: absolute;
  left: 0%;
  top: auto;
  right: auto;
  bottom: 0%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
  -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;
  color: #fff;
}

.div-block-22 {
  position: fixed;
  left: 0%;
  top: 0%;
  right: auto;
  bottom: auto;
  z-index: 500;
  width: auto;
  padding: 3px 18px;
  background-color: rgba(76, 78, 78, 0.52);
}

.div-block-22.nav-language-2 {
  position: absolute;
  left: 0%;
  top: 0%;
  right: auto;
  bottom: auto;
  background-color: #425563;
}

.div-block-22.nav-language-2 {
  position: absolute;
  left: 0%;
  top: 0%;
  right: auto;
  bottom: auto;
  z-index: 1001;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  padding-top: 8px;
  padding-bottom: 8px;
  background-color: #26425a;
  font-size: 14px;
}

.div-block-22.nav-language-2.hidden {
  display: none;
}

.separator-language {
  margin-right: 6px;
  margin-left: 6px;
}

.separator-language.hide {
  display: none;
  overflow: visible;
}

.hide {
  display: none;
}

.video-section {
  position: relative;
  left: 0%;
  top: 0px;
  z-index: 100;
  width: 1080px;
  height: 608px;
  max-width: 1080px;
}

.video-section.open {
  left: 0%;
}

.logo-explore-ti-inspire {
  width: 22vw;
  max-width: 220px;
  margin-bottom: 44px;
}

.virtual-visite-iframe {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
}

.bd-downloading {
  position: fixed;
  left: 0%;
  top: 0%;
  right: auto;
  bottom: auto;
  z-index: 1000000;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100vh;
  -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;
  background-color: #2d2d2d;
}

.bd-downloading.bd-downloading-hide {
  left: -100%;
}

.bestdoc-black {
  font-weight: 900;
}

.bd-loader-bottom {
  position: absolute;
  left: 0%;
  top: auto;
  right: auto;
  bottom: -4px;
  overflow: hidden;
  width: 100%;
  height: 4px;
}

.bd-block-overflow {
  position: absolute;
  left: 50%;
  top: 50%;
  right: auto;
  bottom: auto;
  overflow: hidden;
  width: 100%;
  padding-right: 56px;
  padding-left: 56px;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.bd-bestdoc {
  position: absolute;
  left: auto;
  top: auto;
  right: 15px;
  bottom: 15px;
  color: #fff;
  font-size: 14px;
}

.bd-loader-bottom__particule {
  width: 0%;
  height: 100%;
  background-color: #ffcb05;
}

.bd-txt-downloading {
  -webkit-transition: opacity 700ms cubic-bezier(.23, 1, .32, 1);
  transition: opacity 700ms cubic-bezier(.23, 1, .32, 1);
  line-height: 1.4;
}

.bd-txt-downloading.bd-transparent {
  opacity: 0;
}

.bd-txt-downloading.bd-transparent.open {
  position: relative;
  z-index: 1000;
  opacity: 1;
}

.bd-txt-downloading.bd-transparent-again {
  opacity: 0;
}

.bd-link-bestdoc {
  color: #fff;
  text-decoration: none;
}

.popup-txt-downloading {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 650px;
  height: 350px;
  padding-right: 0px;
  padding-left: 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  color: #fff;
  font-size: 25px;
  font-weight: 400;
}

.bd-btn-finish-installation {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100px;
  margin-top: 9px;
  margin-bottom: 9px;
  margin-left: 40px;
  padding-top: 15px;
  padding-bottom: 15px;
  -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;
  border-radius: 0px;
  background-color: #a4bcc2;
  -webkit-transition: all 400ms cubic-bezier(.23, 1, .32, 1);
  transition: all 400ms cubic-bezier(.23, 1, .32, 1);
  color: #fff;
  font-size: 20px;
  font-weight: 900;
  cursor: pointer;
}

.bd-btn-finish-installation:hover {
  background-color: #796382;
}

.bd-last-text {
  color: #fff;
}

.bd-popup-finalize-installation {
  position: absolute;
  left: 0%;
  top: 0%;
  right: auto;
  bottom: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: auto;
  padding-right: 56px;
  padding-left: 56px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -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;
  background-color: #ff4b00;
  -webkit-transition: all 750ms cubic-bezier(.23, 1, .32, 1);
  transition: all 750ms cubic-bezier(.23, 1, .32, 1);
  font-size: 25px;
  font-weight: 400;
}

.bd-popup-finalize-installation.bd-hide {
  top: -100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background-color: #131e29;
}

.link-condensed {
  overflow: auto;
  height: 30px;
  max-width: 350px;
  margin-bottom: 0px;
  margin-left: 57px;
  font-size: 14px;
}

.close-2 {
  position: absolute;
  left: auto;
  top: auto;
  right: 40px;
  bottom: 0%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 50px;
  height: 50px;
  -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;
}

.close-2.remove-class {
  cursor: pointer;
}

.close-2.remove-class.close--settings {
  left: auto;
  top: 0%;
  right: 0%;
  bottom: auto;
}

.section__content__txt {
  position: relative;
  width: 50%;
  height: 100%;
}

.section__content__txt.section__content__txt--lg {
  width: 75%;
}

.gear--img {
  width: 25px;
  height: 25px;
}

.text-vh--xxsm {
  margin-bottom: 0px;
  font-size: 1.3vh;
}

.form {
  margin-top: 25px;
  color: #f3f3f3;
}

.text--main-1 {
  color: #ff4b00;
}

.container-n {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 42px;
  padding-right: 23px;
  padding-left: 23px;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  background-color: #3b4c58;
}

.container-n.n-bg-2 {
  background-color: #31404a;
}

.green-validate {
  color: #28c785;
  font-weight: 700;
  text-decoration: underline;
}

.editor-ui {
  position: fixed;
  left: auto;
  top: auto;
  right: 15px;
  bottom: 15px;
  z-index: 100000;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 7px 27px;
  -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;
  border-radius: 60px;
  background-color: #333;
  box-shadow: 1px 1px 3px 0 #000;
}

.editor-ui.hidden {
  z-index: 10000;
  display: none;
}

.popup__header__nav {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  padding-left: 50px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.alert__window {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-width: 450px;
  padding: 37px 64px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -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;
  border-radius: 6px;
  background-color: #eee;
  text-align: center;
}

.text {
  margin-bottom: 0px;
  font-size: 2vh;
  line-height: 1.5;
}

.text.underline {
  text-decoration: underline;
}

.text.cap.bold.mt_16 {
  margin-top: 0px;
  font-size: 20px;
}

.trait-1 {
  width: 55px;
  height: 1px;
  background-color: #ff4b00;
}

.section__content__img {
  position: relative;
  width: 30%;
  height: 100%;
  margin-right: 6%;
}

.list-version__options__texte {
  width: 48%;
  margin-right: 12px;
  margin-bottom: 0px;
  color: #fff;
  font-weight: 400;
  letter-spacing: 1.5px;
  text-transform: none;
  cursor: pointer;
}

.list-version__options__texte.red {
  color: #ad3232;
}

.list-version__options__texte.hidden {
  display: none;
}

.button__container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 12px 37px;
  -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;
  border-radius: 60px;
  background-color: #4e006e;
  -webkit-transition: all 400ms cubic-bezier(.215, .61, .355, 1);
  transition: all 400ms cubic-bezier(.215, .61, .355, 1);
  color: #f3f3f3;
  text-transform: none;
}

.button__container:hover {
  background-color: #270834;
}

.button__container.mt_2vh {
  cursor: pointer;
}

.button__container.mt_2vh:hover {
  background-color: #583267;
}

.button__container.mt_2vh.desktop-only.btn-condensed {
  margin-top: 0vh;
  margin-left: 0px;
}

.button__container.mt_2vh.desktop-only.btn-condensed.hidden {
  display: none;
}

.niveau-n-2 {
  width: 20%;
  margin-right: 21px;
}

.image-3 {
  position: absolute;
  left: 0%;
  top: auto;
  right: auto;
  bottom: 0%;
}

.arrow-downlaod {
  margin-right: 12px;
}

.switch {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 50px;
  height: 20px;
  margin-left: 5px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.h2--vh {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-width: 100%;
  margin-top: 0px;
  margin-bottom: 0px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #4e006e;
  font-size: 4vh;
  line-height: 1.2;
  font-weight: 300;
  letter-spacing: 1px;
}

.content__title {
  margin-top: 5vh;
  margin-left: -28%;
  padding: 2vw 4vw;
  background-color: #fff;
}

.btn-version-selection {
  position: absolute;
  left: auto;
  top: 32px;
  right: 123px;
  bottom: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 9px 18px;
  -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;
  border-radius: 20px;
  color: #373737;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0px;
  text-transform: uppercase;
}

.btn-version-selection.btn-download--parametres {
  position: relative;
  top: 0px;
  right: 0px;
  color: #f3f3f3;
  text-decoration: none;
}

.btn-version-selection.btn-download--parametres {
  position: relative;
  top: 0px;
  right: 0px;
  color: #f3f3f3;
  letter-spacing: 1px;
  text-decoration: none;
}

.switch__circle {
  position: relative;
  margin-left: 0px;
}

.wrap-all {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: auto;
  height: 100vh;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.list-version {
  margin-top: 31px;
}

.save-version {
  display: inline-block;
  margin-top: 4px;
  padding: 10px 32px;
  -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;
  background-color: #2e5067;
}

.bg-2 {
  position: absolute;
  left: 0%;
  top: 0%;
  right: auto;
  bottom: auto;
  width: 100%;
  height: 100%;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 0px 0px;
  background-size: auto;
  -webkit-transition: all 400ms cubic-bezier(.23, 1, .32, 1);
  transition: all 400ms cubic-bezier(.23, 1, .32, 1);
}

.bg-2.bg--ref {
  background-image: url('../images/menu_references.jpg');
  background-position: 50% 25%;
  background-size: cover;
}

.bg-2.bg--langues {
  background-image: url('../images/menu_langues.jpg');
  background-position: 50% 50%;
  background-size: cover;
}

.bg-2.bg-sofit-skills {
  background-image: url('../images/menu-soft-2.jpg');
  background-position: 50% 25%;
  background-size: cover;
}

.bg-2.bg--metho {
  background-image: url('../images/menu_methodologie.jpg');
  background-position: 50% 50%;
  background-size: cover;
}

.bg-2.bg--solutions {
  background-image: url('../images/menu_outils.jpg');
  background-position: 50% 80%;
  background-size: cover;
}

.bg-2.bg-menu--qui-sommes-nous {
  background-image: url('../images/menu_qui-sommes-nous.jpg');
  background-position: 50% 50%;
  background-size: cover;
}

.bg-2.bg__qui-sommes-nous__img1 {
  background-image: url('../images/Sans-titre-2.jpg');
  background-position: 50% 50%;
  background-size: cover;
}

.bg-2.bg-financement {
  background-image: url('../images/menu_financement.jpg');
  background-position: 50% 100%;
  background-size: cover;
}

.bg-2.bg-financement.bg-financement-2 {
  background-position: 50% 25%;
}

.bg-2.bg--bureautique {
  background-image: url('../images/digital-menu-2.jpg');
  background-position: 50% 25%;
  background-size: cover;
}

.bg-2.bg-valeur {
  background-image: url('../images/menu_noter-valeur-ajoutee.jpg');
  background-position: 0% 30%;
  background-size: cover;
}

.bg-2.bg-synegie {
  background-image: url('../images/bg-soft-skills.jpg');
  background-position: 50% 25%;
  background-size: cover;
}

.block-save-version.hidden {
  display: none;
}

.div-block-16 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.h3--vh {
  position: relative;
  font-size: 6vh;
  line-height: 1.2;
}

.h3--vh.h3-selec {
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 40px;
}

.h3--vh.text--main-1.mb_32 {
  color: #273a47;
  font-size: 40px;
  text-align: center;
  letter-spacing: 3px;
  text-transform: uppercase;
}

.popup {
  position: fixed;
  left: -100%;
  top: 0%;
  right: auto;
  bottom: auto;
  z-index: 1000;
  width: 100%;
  height: 100vh;
  background-color: #fff;
}

.menu__content {
  position: absolute;
  left: -100%;
  top: 12%;
  right: auto;
  bottom: auto;
  overflow: auto;
  width: 100%;
  height: 100%;
  padding: 3% 50px;
}

.menu__content.tab-open {
  left: 0%;
}

.text-vh {
  position: relative;
  margin-bottom: 0px;
  padding: 0px;
  font-size: 2vh;
  line-height: 1.5;
}

.tab__item {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: 0px;
  padding-right: 50px;
  padding-bottom: 5px;
  padding-left: 50px;
  -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;
  opacity: 0.46;
  -webkit-transition: all 400ms cubic-bezier(.23, 1, .32, 1);
  transition: all 400ms cubic-bezier(.23, 1, .32, 1);
  color: #f3f3f3;
  cursor: pointer;
}

.tab__item:hover {
  opacity: 1;
}

.tab__item.clicked {
  position: relative;
  margin-right: 0px;
  opacity: 1;
  font-weight: 700;
  letter-spacing: 3px;
}

.item-condensee {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 300px;
  height: auto;
  margin-top: 27px;
  margin-right: 21px;
  padding: 0px 0px 16px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-style: solid;
  border-width: 1px;
  border-color: #f0f0f0;
  background-color: #6cabbe;
  box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.14);
  color: #fff;
}

.item-condensee.item-condensee-v2 {
  width: 100%;
  margin-top: 0px;
  margin-bottom: 21px;
  padding-bottom: 0px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  border-style: none;
  border-radius: 50px;
  background-color: #6cabbe;
  color: #f3f3f3;
}

.item-condensee.item-condensee-v2.item-home {
  display: none;
  width: auto;
}

.item-condensee.item-condensee-v2.item-n2 {
  background-color: #a078b1;
}

.item-condensee.item-condensee-v2.item-n2.new-selec {
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 37px;
  border-radius: 60px;
  background-color: #82c9de;
  -webkit-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
  color: #425563;
  font-weight: 400;
}

.item-condensee.item-condensee-v2.item-n2.new-selec.non-selected {
  opacity: 0.29;
}

.item-condensee.item-condensee-v2.item-n3 {
  padding-top: 19px;
  padding-bottom: 19px;
  padding-left: 47px;
  border-style: none;
  border-radius: 60px;
  background-color: #f4f2f2;
  box-shadow: 0 0 0 0 transparent;
  -webkit-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
  color: #425563;
}

.item-condensee.item-condensee-v2.item-n3.non-selected {
  opacity: 0.2;
}

.item-condensee.item-condensee-v2.item-new {
  padding-top: 18px;
  padding-bottom: 18px;
  padding-left: 51px;
  border-radius: 60px;
  background-color: #6cabbe;
  -webkit-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
  font-size: 20px;
  font-weight: 700;
}

.item-condensee.item-condensee-v2.item-new.non-selected {
  background-color: #627e92;
  opacity: 0.29;
}

.item-condensee.item-condensee-v2 {
  width: 100%;
  margin-top: 0px;
  margin-bottom: 21px;
  padding-bottom: 0px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  border-radius: 50px;
  background-color: #4e006e;
  color: #f3f3f3;
}

.item-condensee.item-condensee-v2.item-n2 {
  background-color: #a078b1;
}

.triangle {
  position: relative;
  width: 30px;
  height: 30px;
  background-color: #4e006e;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.popup__nav__button {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  margin-right: 1.5vw;
  -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;
  text-align: center;
  cursor: pointer;
}

.item__number__wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 4vh;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  text-align: left;
}

.alert__close.remove-class {
  position: absolute;
  left: auto;
  top: 0px;
  right: 0px;
  bottom: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 50px;
  height: 50px;
  padding: 18px;
  -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;
}

.text--vh--md {
  position: relative;
  margin-bottom: 0px;
  font-size: 2.3vh;
}

.form-block {
  position: fixed;
  left: -100%;
  top: 0%;
  right: auto;
  bottom: auto;
}

.alert {
  position: fixed;
  left: -100%;
  top: 0%;
  right: auto;
  bottom: auto;
  z-index: 1000;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100vh;
  -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;
  background-color: rgba(26, 23, 27, 0.95);
}

.alert.open {
  left: -100%;
}

.menu__logo {
  display: none;
}

.menu__logo.w--current {
  position: absolute;
  left: 0%;
  top: auto;
  right: auto;
  bottom: 0%;
  display: none;
  width: 250px;
}

.wrap-card-2 {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: auto;
  width: 100%;
  height: 100%;
  padding-top: 2vh;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
}

.card-1__text {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 25%;
  padding-right: 5%;
  padding-left: 5%;
  -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;
  background-color: #fff;
  -webkit-transition: all 400ms cubic-bezier(.23, 1, .32, 1);
  transition: all 400ms cubic-bezier(.23, 1, .32, 1);
  color: #545454;
  text-decoration: none;
}

.alert-copy-wrapper {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 26px 58px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -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;
  border-radius: 5px;
  background-color: #2f1839;
  box-shadow: 0 5px 5px 5px rgba(0, 0, 0, 0.13);
  color: #fff;
}

.list-version__options {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-weight: 400;
  letter-spacing: 1.5px;
  text-transform: none;
}

.wrap__triangle {
  position: absolute;
  left: 0%;
  top: auto;
  right: auto;
  bottom: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-transition: all 400ms cubic-bezier(.165, .84, .44, 1);
  transition: all 400ms cubic-bezier(.165, .84, .44, 1);
}

.logo-condensee {
  position: fixed;
  left: 0%;
  top: 0%;
  right: auto;
  bottom: auto;
  z-index: 101;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100px;
  padding-right: 23px;
  padding-left: 23px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #425563;
  box-shadow: 0 1px 5px -2px rgba(0, 0, 0, 0.42);
}

.card-1 {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 32%;
  height: 35%;
  margin-bottom: 3vh;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  text-decoration: none;
}

.card-1.w--current {
  text-decoration: none;
}

.card-1.card-1--xl {
  width: 49%;
}

.info-p {
  max-width: 450px;
  color: #f3f3f3;
}

.section__content--hlc {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  padding: 49px 49px 49px 50px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.tab {
  position: absolute;
  left: 0%;
  top: 0%;
  right: auto;
  bottom: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 12%;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  background-color: #4e006e;
}

.div-block-18 {
  overflow: auto;
  width: 100%;
  height: 100%;
  padding-top: 70px;
  padding-bottom: 170px;
}

.niveau-n-2 {
  margin-bottom: 43px;
  margin-left: 53px;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 22px;
  border-top: 1px none rgba(84, 84, 84, 0.23);
  border-left: 6px solid rgba(56, 56, 56, 0.15);
}

.niveau-n-2.n-2-no-mb {
  margin-bottom: 18px;
}

.niveau-n-2.nivea-n2-selc {
  width: auto;
  border-left: 3px dotted #7dcce4;
}

.sidebar__logo__img {
  width: 100%;
  max-height: 100%;
  margin-top: 25px;
}

.sidebar__logo__img.img-logo--condensee {
  width: 150px;
}

.btn-download {
  position: absolute;
  left: auto;
  top: 32px;
  right: 123px;
  bottom: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 9px 18px;
  -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;
  border-radius: 20px;
  color: #373737;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0px;
  text-transform: uppercase;
}

.btn-download.btn-download--parametres {
  position: relative;
  top: 0px;
  right: 0px;
  color: #f3f3f3;
}

.btn-download.btn-download--parametres {
  position: relative;
  top: 0px;
  right: 0px;
  color: #f3f3f3;
  letter-spacing: 1px;
}

.niveau-n-1 {
  width: auto;
  margin-left: 36px;
  padding-left: 15px;
  border-left: 3px dotted #6cabbe;
}

.niveau-n-1.mt {
  margin-top: 66px;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  border-left-style: none;
}

.niveau-n-1.mt.n1-solo {
  padding-top: 5px;
  padding-bottom: 5px;
}

.niveau-n-1.n1-no-border {
  padding-left: 0px;
  border-left-style: none;
}

.line-selected {
  position: absolute;
  left: 0%;
  top: auto;
  right: auto;
  bottom: 0%;
  width: 100%;
  height: 0px;
  background-color: #ff4b00;
  -webkit-transition: all 400ms cubic-bezier(.215, .61, .355, 1);
  transition: all 400ms cubic-bezier(.215, .61, .355, 1);
}

.paragraph {
  margin-bottom: 0px;
}

.h4--vh {
  position: relative;
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 2.4vh;
  line-height: 1.4;
  font-weight: 400;
  letter-spacing: 1.5px;
  text-decoration: none;
  text-transform: none;
}

.button__text--vh {
  display: inline-block;
  margin-bottom: 0px;
  font-size: 1.6vh;
  font-weight: 400;
  text-transform: none;
}

.save-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 40px;
  height: 40px;
  -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;
  border-radius: 50%;
  background-color: #3c3b3b;
}

.menu {
  position: fixed;
  left: -100%;
  top: 0%;
  right: auto;
  bottom: auto;
  z-index: 102;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -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;
  background-color: #f3f3f3;
}

.text--xsm {
  font-size: 14px;
}

.text--xsm.text--main-1-light.no-mb {
  margin-bottom: 0px;
  color: #545454;
}

.text--xsm.text--main-1-light.no-mb.text--white {
  color: #425563;
  font-size: 16px;
  font-weight: 400;
}

.settings {
  position: fixed;
  left: -100%;
  top: auto;
  right: auto;
  bottom: 0%;
  z-index: 1000;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100vh;
  -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;
  background-color: #242323;
}

.paragraph-5 {
  display: none;
}

.text-editor {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: 20px;
  opacity: 0.49;
}

.bg-item-condensee {
  position: relative;
  left: 0%;
  top: 0%;
  right: auto;
  bottom: auto;
  width: 75px;
  height: 75px;
  margin-right: 25px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border-radius: 50%;
}

.bg-item-condensee.bg-item-condesee-8 {
  position: relative;
  width: 50px;
  height: 50px;
  background-image: url('../images/outils_bg_m.jpg');
  background-position: 50% 50%;
  background-size: cover;
}

.bg-item-condensee.bg-item-condesee-5 {
  position: relative;
  width: 50px;
  height: 50px;
  background-image: url('../images/impr-champ.jpg');
  background-position: 50% 15%;
  background-size: cover;
}

.bg-item-condensee.bg-item-condesee-35 {
  position: relative;
  width: 50px;
  height: 50px;
  background-image: url('../images/bg-soft-skills.jpg');
  background-position: 50% 50%;
  background-size: cover;
}

.bg-item-condensee.bg-item-condesee-2 {
  position: relative;
  width: 50px;
  height: 50px;
  background-image: url('../images/menu_qui-sommes-nous.jpg');
  background-position: 50% 50%;
  background-size: cover;
}

.bg-item-condensee.bg-item-condesee-18 {
  position: relative;
  width: 50px;
  height: 50px;
  background-image: url('../images/impr-ref.jpg');
  background-position: 50% 50%;
  background-size: cover;
}

.bg-item-condensee.bg-item-condesee--7 {
  position: relative;
  width: 50px;
  height: 50px;
  background-image: url('../images/mise-en-oeuvre-bg.jpg');
  background-position: 50% 50%;
  background-size: cover;
}

.bg-item-condensee.bg-item-condesee-14 {
  position: relative;
  width: 50px;
  height: 50px;
  background-image: url('../images/solutions-m.jpg');
  background-position: 50% 50%;
  background-size: cover;
}

.bg-item-condensee.bg-item-condesee-19 {
  position: relative;
  width: 50px;
  height: 50px;
  background-image: url('../images/impr-digital.jpg');
  background-position: 50% 50%;
  background-size: cover;
}

.bg-item-condensee.bg-item-condesee-12 {
  position: relative;
  width: 50px;
  height: 50px;
  background-image: url('../images/langue-liste.jpg');
  background-position: 50% 50%;
  background-size: cover;
}

.bg-item-condensee.bg-item-condesee-25 {
  position: relative;
  width: 50px;
  height: 50px;
  background-image: url('../images/certif_bg_2.jpg');
  background-position: 0% 50%;
  background-size: cover;
}

.bg-item-condensee.bg-item-condesee-26 {
  position: relative;
  width: 50px;
  height: 50px;
  background-image: url('../images/impr-ref.jpg');
  background-position: 50% 50%;
  background-size: cover;
}

.bg-item-condensee.bg-item-condesee-36 {
  position: relative;
  width: 50px;
  height: 50px;
  background-image: url('../images/financement-card.jpg');
  background-position: 50% 33%;
  background-size: cover;
}

.bg-item-condensee.bg-item-condesee-24 {
  position: relative;
  width: 50px;
  height: 50px;
  background-image: url('../images/metho-outils.jpg');
  background-position: 50% 50%;
  background-size: cover;
}

.bg-item-condensee.bg-item-condesee-34 {
  position: relative;
  width: 50px;
  height: 50px;
  background-image: url('../images/impr-ref.jpg');
  background-position: 50% 50%;
  background-size: cover;
}

.bg-item-condensee.bg-item-condesee-7 {
  position: relative;
  width: 50px;
  height: 50px;
  background-image: url('../images/impr-metho.jpg');
  background-position: 50% 50%;
  background-size: cover;
}

.bg-item-condensee.bg-item-condesee-4 {
  position: relative;
  width: 50px;
  height: 50px;
  background-image: url('../images/impr-solutions.jpg');
  background-position: 50% 25%;
  background-size: cover;
}

.bg-item-condensee.bg-item-condesee-28 {
  position: relative;
  width: 50px;
  height: 50px;
  background-image: url('../images/soft-m.jpg');
  background-position: 50% 50%;
  background-size: cover;
}

.bg-item-condensee.bg-item-condesee-22 {
  position: relative;
  width: 50px;
  height: 50px;
  background-image: url('../images/solutions-m.jpg');
  background-position: 50% 50%;
  background-size: cover;
}

.bg-item-condensee.bg-item-condesee-23 {
  position: relative;
  width: 50px;
  height: 50px;
  background-image: url('../images/impr-metho.jpg');
  background-position: 50% 50%;
  background-size: cover;
}

.bg-item-condensee.bg-item-condesee-27 {
  position: relative;
  width: 50px;
  height: 50px;
  background-image: url('../images/impr-soft-skills.jpg');
  background-position: 50% 50%;
  background-size: cover;
}

.bg-item-condensee.bg-item-condesee-33 {
  position: relative;
  width: 50px;
  height: 50px;
  background-image: url('../images/certif_bg_2.jpg');
  background-position: 50% 50%;
  background-size: cover;
}

.bg-item-condensee.bg-item-condesee-29 {
  position: relative;
  width: 50px;
  height: 50px;
  background-image: url('../images/menu_noter-valeur-ajoutee.jpg');
  background-position: 50% 50%;
  background-size: cover;
}

.bg-item-condensee.bg-item-condesee-11 {
  position: relative;
  width: 50px;
  height: 50px;
  background-image: url('../images/impr-langues.jpg');
  background-position: 50% 50%;
  background-size: cover;
}

.bg-item-condensee.bg-item-condesee-9 {
  position: relative;
  width: 50px;
  height: 50px;
  background-image: url('../images/certif_bg_2.jpg');
  background-position: 0% 50%;
  background-size: cover;
}

.bg-item-condensee.bg-item-condesee-13 {
  position: relative;
  width: 50px;
  height: 50px;
  background-image: url('../images/menu_noter-valeur-ajoutee.jpg');
  background-position: 50% 50%;
  background-size: cover;
}

.bg-item-condensee.bg-item-condesee-20 {
  position: relative;
  width: 50px;
  height: 50px;
  background-image: url('../images/digital-menu-2.jpg');
  background-position: 50% 50%;
  background-size: cover;
}

.bg-item-condensee.bg-item-condesee-21 {
  position: relative;
  width: 50px;
  height: 50px;
  background-image: url('../images/menu_noter-valeur-ajoutee.jpg');
  background-position: 50% 50%;
  background-size: cover;
}

.bg-item-condensee.bg-item-condesee-17 {
  position: relative;
  width: 50px;
  height: 50px;
  background-image: url('../images/metho-certif.jpg');
  background-position: 50% 50%;
  background-size: cover;
}

.bg-item-condensee.bg-item-condesee-31 {
  position: relative;
  width: 50px;
  height: 50px;
  background-image: url('../images/impr-metho.jpg');
  background-position: 50% 50%;
  background-size: cover;
}

.bg-item-condensee.bg-item-condesee-15 {
  position: relative;
  width: 50px;
  height: 50px;
  background-image: url('../images/impr-metho.jpg');
  background-position: 50% 50%;
  background-size: cover;
}

.bg-item-condensee.bg-item-condesee-37 {
  position: relative;
  width: 50px;
  height: 50px;
  background-image: url('../images/impr-ref.jpg');
  background-position: 50% 50%;
  background-size: cover;
}

.bg-item-condensee.bg-item-condesee-32 {
  position: relative;
  width: 50px;
  height: 50px;
  background-image: url('../images/metho-outils.jpg');
  background-position: 50% 50%;
  background-size: cover;
}

.bg-item-condensee.bg-item-condesee-6 {
  position: relative;
  width: 50px;
  height: 50px;
  background-image: url('../images/solutions-m.jpg');
  background-position: 50% 50%;
  background-size: cover;
}

.bg-item-condensee.bg-item-condesee-30 {
  position: relative;
  width: 50px;
  height: 50px;
  background-image: url('../images/solutions-m.jpg');
  background-position: 50% 50%;
  background-size: cover;
}

.bg-item-condensee.bg-item-condesee-16 {
  position: relative;
  width: 50px;
  height: 50px;
  background-image: url('../images/metho-outils.jpg');
  background-position: 50% 50%;
  background-size: cover;
}

.bg-item-condensee.bg-item-condesee-1 {
  position: relative;
  width: 50px;
  height: 50px;
  background-image: url('../images/home_visuel_desktop.jpg');
  background-position: 50% 50%;
  background-size: cover;
}

.bg-item-condensee.bg-item-condesee-3 {
  position: relative;
  width: 50px;
  height: 50px;
  background-image: url('../images/menu_noter-valeur-ajoutee.jpg');
  background-position: 50% 50%;
  background-size: cover;
}

.bg-item-condensee.bg-item-condesee-10 {
  position: relative;
  width: 50px;
  height: 50px;
  background-image: url('../images/impr-ref.jpg');
  background-position: 50% 50%;
  background-size: cover;
}

.remove-class.remove-alert-copy {
  position: absolute;
  left: auto;
  top: 5px;
  right: 5px;
  bottom: auto;
  padding: 5px;
}

.list-version__title {
  margin-bottom: 1px;
  color: #f3f3f3;
  font-weight: 700;
  letter-spacing: 1.5px;
  text-decoration: none;
  text-transform: uppercase;
}

.gestion-2 {
  display: block;
  overflow: auto;
  width: 25%;
  height: 100vh;
  padding-top: 142px;
  padding-right: 27px;
  padding-left: 27px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  background-color: #242323;
  color: #fff;
}

.gestion-2.hidden {
  display: none;
}

.info--text {
  position: fixed;
  left: 15vw;
  top: auto;
  right: auto;
  bottom: -100%;
  z-index: 1000;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 70vw;
  padding: 23px 0px;
  -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;
  background-color: #242323;
  box-shadow: 1px 1px 9px 7px rgba(0, 0, 0, 0.23);
  color: #fff;
  text-align: center;
}

.info--text.open {
  left: 15vw;
  bottom: 0%;
  width: 70vw;
}

.alert__text {
  font-size: 16px;
  line-height: 26px;
}

.alert-copy__window {
  margin-bottom: 0px;
  font-size: 20px;
  font-weight: 700;
  text-transform: uppercase;
}

.alert-copy__window.alert-bis {
  font-size: 16px;
  font-weight: 400;
  text-transform: none;
}

.list-version__item {
  margin-bottom: 23px;
  padding: 0px 10px;
  border-left: 1px solid hsla(0, 0%, 95.3%, 0.33);
}

.list-version__item.hidden {
  display: none;
}

.popup_header {
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 80px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
}

.gear {
  position: absolute;
  left: 50px;
  top: auto;
  right: auto;
  bottom: 10px;
  padding: 14px;
  border-radius: 50%;
  background-color: #ff4b00;
  box-shadow: -2px 6px 8px 0 rgba(36, 36, 36, 0.35);
  cursor: pointer;
}

.div-block-19 {
  margin-left: 37px;
  border-left: 6px solid rgba(55, 55, 55, 0.18);
}

.accueil {
  display: none;
}

.menu__logo__img {
  width: 100%;
  max-height: 100%;
  margin-top: 25px;
}

.text-vh--xsm {
  margin-bottom: 0px;
  padding-left: 0px;
  font-size: 1.6vh;
}

.wrap-bg-2 {
  position: absolute;
  left: 0%;
  top: 0%;
  right: auto;
  bottom: auto;
  overflow: hidden;
  width: 100%;
  height: 100%;
  background-color: #242323;
}

.item-number {
  width: 43%;
  margin-right: 2.5vw;
  margin-bottom: 5vh;
}

.item-number.item-number__30 {
  width: 26%;
}

.niveau-n-3 {
  margin-bottom: 43px;
  margin-left: 128px;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 22px;
  border-top: 1px none rgba(84, 84, 84, 0.23);
  border-left: 6px solid rgba(56, 56, 56, 0.15);
}

.niveau-n-3.n3-sel {
  width: 100%;
  margin-left: 42px;
  border-left: 3px dotted #fff;
}

.alert-copy {
  position: fixed;
  left: 0%;
  top: -120%;
  right: auto;
  bottom: auto;
  z-index: 102;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding-top: 17px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -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;
  -webkit-transition: all 600ms cubic-bezier(.47, 0, .745, .715);
  transition: all 600ms cubic-bezier(.47, 0, .745, .715);
}

.alert-copy.open {
  top: 0%;
}

.bg-transition-arrive {
  position: fixed;
  left: 0%;
  top: 0%;
  right: auto;
  bottom: auto;
  z-index: 10000;
  display: none;
  width: 100%;
  height: 120vh;
  background-color: #4e006e;
  -webkit-transition: all 600ms cubic-bezier(.215, .61, .355, 1);
  transition: all 600ms cubic-bezier(.215, .61, .355, 1);
}

.popup__content {
  width: 100%;
  height: 100%;
  padding-top: 80px;
}

.transition-leave {
  position: fixed;
  left: 0%;
  top: auto;
  right: auto;
  bottom: -100%;
  z-index: 1000000;
  display: block;
  width: 100%;
  height: 100vh;
  background-color: #4e006e;
  -webkit-transition: all 600ms cubic-bezier(.23, 1, .32, 1);
  transition: all 600ms cubic-bezier(.23, 1, .32, 1);
}

.popup__close {
  position: relative;
  left: auto;
  top: auto;
  right: 0px;
  bottom: 0%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 80px;
  height: 80px;
  -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;
  background-color: #ff4b00;
  cursor: pointer;
}

.popup__close.remove-all-class {
  z-index: 2;
}

.gear-2 {
  position: absolute;
  left: 50px;
  top: auto;
  right: auto;
  bottom: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 35px;
  height: 35px;
  padding: 9px;
  -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;
  border-radius: 50%;
  background-color: #26425a;
  box-shadow: -2px 6px 8px 0 rgba(36, 36, 36, 0.35);
  -webkit-transition: all 600ms cubic-bezier(.23, 1, .32, 1);
  transition: all 600ms cubic-bezier(.23, 1, .32, 1);
  cursor: pointer;
}

.gear-2:hover {
  -webkit-transform: scale(1.08);
  -ms-transform: scale(1.08);
  transform: scale(1.08);
}

.gear--img-2 {
  width: 30px;
  height: 30px;
}

.settings-2 {
  position: fixed;
  left: -100%;
  top: auto;
  right: auto;
  bottom: 0%;
  z-index: 1000;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100vh;
  -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;
  background-color: #242323;
  -webkit-transition: opacity 200ms ease;
  transition: opacity 200ms ease;
}

.settings-2.open {
  left: 0%;
}

@media screen and (max-width: 991px) {
  .page-full-screen.page-fullscreen--video {
    height: auto;
    padding-bottom: 81px;
    background-color: #425563;
  }

  .bg.bg-first.bg-sistership-0 {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.68)), to(rgba(0, 0, 0, 0.68))), url('../images/sistership-0.jpg');
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.68), rgba(0, 0, 0, 0.68)), url('../images/sistership-0.jpg');
    background-position: 0px 0px, 50% 50%;
    background-size: auto, cover;
  }

  .bg.bg-first.bg-explorer-0 {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.68)), to(rgba(0, 0, 0, 0.68))), url('../images/sistership-0.jpg');
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.68), rgba(0, 0, 0, 0.68)), url('../images/sistership-0.jpg');
    background-position: 0px 0px, 50% 50%;
    background-size: auto, cover;
  }

  .bg.bg-first.bg-paul-gauguin-1 {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.68)), to(rgba(0, 0, 0, 0.68))), url('../images/sistership-0.jpg');
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.68), rgba(0, 0, 0, 0.68)), url('../images/sistership-0.jpg');
    background-position: 0px 0px, 50% 50%;
    background-size: auto, cover;
  }

  .bg.bg-first.bg-destinations {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.68)), to(rgba(0, 0, 0, 0.68))), url('../images/sistership-0.jpg');
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.68), rgba(0, 0, 0, 0.68)), url('../images/sistership-0.jpg');
    background-position: 0px 0px, 50% 50%;
    background-size: auto, cover;
  }

  .bg.bg-first.bg-destinations.bg-padding {
    top: 0vh;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.69)), to(rgba(0, 0, 0, 0.69))), url('../images/destinations-0.jpg');
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.69), rgba(0, 0, 0, 0.69)), url('../images/destinations-0.jpg');
    background-position: 0px 0px, 0% 50%;
  }

  .bg.bg-first.bg-avantages-passagers-0 {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.68)), to(rgba(0, 0, 0, 0.68))), url('../images/sistership-0.jpg');
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.68), rgba(0, 0, 0, 0.68)), url('../images/sistership-0.jpg');
    background-position: 0px 0px, 50% 50%;
    background-size: auto, cover;
  }

  .bg.bg-first.bg-avantages-agent-0 {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.68)), to(rgba(0, 0, 0, 0.68))), url('../images/sistership-0.jpg');
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.68), rgba(0, 0, 0, 0.68)), url('../images/sistership-0.jpg');
    background-position: 0px 0px, 50% 50%;
    background-size: auto, cover;
  }

  .bg.bg-first.bg-major-0 {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.68)), to(rgba(0, 0, 0, 0.68))), url('../images/sistership-0.jpg');
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.68), rgba(0, 0, 0, 0.68)), url('../images/sistership-0.jpg');
    background-position: 0px 0px, 50% 50%;
    background-size: auto, cover;
  }

  .bg.bg-first.bg-charcot-1 {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.68)), to(rgba(0, 0, 0, 0.68))), url('../images/sistership-0.jpg');
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.68), rgba(0, 0, 0, 0.68)), url('../images/sistership-0.jpg');
    background-position: 0px 0px, 50% 50%;
    background-size: auto, cover;
  }

  .container-page {
    padding-top: 50px;
    padding-bottom: 50px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
  }

  .container-page.container-split {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .container-page.container-video {
    height: auto;
  }

  .accroche-intro {
    -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;
    text-align: center;
  }

  .heading {
    font-size: 60px;
    text-align: center;
  }

  .block-text {
    padding: 25px;
  }

  .block-text.bloc-text-several-on-right {
    margin-left: 0px;
  }

  .block-text.bloc-text-several-on-right.bigger-block-text {
    width: 350px;
  }

  .block-text.bloc-text-several-on-right.xl-block-text {
    width: 350px;
  }

  .block-text.bloc-text-several-on-right.block-logo-partenaires {
    width: 350px;
  }

  .block-text__accroche {
    font-size: 36px;
  }

  .block-text__accroche.accroche-recompenses {
    font-size: 22px;
  }

  .txt {
    font-size: 20px;
  }

  .title-page {
    margin-bottom: 0%;
  }

  .fil-d-ariane {
    display: none;
  }

  .menu-sous-partie {
    padding-right: 0px;
    padding-left: 0px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .niveau-n {
    width: auto;
    margin-top: 40px;
    margin-bottom: 20px;
  }

  .niveau-n.niveau-n--only-touch-device {
    margin-top: 9px;
    margin-bottom: -1px;
    padding: 15px;
    border-bottom-style: none;
    background-color: #425563;
    color: #fff;
    font-weight: 300;
  }

  .titre-partie-menu {
    margin-top: 50px;
    margin-bottom: 50px;
    font-size: 45px;
  }

  .wrap-menu-sous-partie {
    overflow: scroll;
    height: 100%;
    padding: 0px 30px 135px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
  }

  .menu-link {
    width: auto;
    margin-left: 0%;
  }

  .close {
    margin-top: 15px;
    margin-right: 15px;
  }

  .close.close-popup {
    margin-top: 0px;
  }

  .nav-home-other-part {
    position: relative;
    display: none;
    height: 100px;
  }

  .link-bottom-overlay {
    background-color: #425563;
    text-align: center;
  }

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

  .wrap-card {
    width: 100%;
    margin-top: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
  }

  .note {
    font-size: 16px;
  }

  .titre-partie-menu-part-2 {
    margin-top: 50px;
    margin-bottom: 50px;
    font-size: 45px;
  }

  .wrap-menu-sous-partie-part-2 {
    overflow: scroll;
    height: 100%;
    padding: 0px 30px 135px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
  }

  .nav-home-other-part-part-2 {
    display: none;
    height: 100px;
  }

  .wrap-button-home-part-2-smart-device {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .right-arraow {
    left: auto;
    top: 50%;
    right: 0px;
    width: 60px;
    height: 50px;
    -webkit-transform: translate(0px, -50%);
    -ms-transform: translate(0px, -50%);
    transform: translate(0px, -50%);
  }

  .left-arrow {
    left: 0%;
    top: 50%;
    right: auto;
    bottom: auto;
    width: 60px;
    height: 50px;
    -webkit-transform: translate(0px, -50%);
    -ms-transform: translate(0px, -50%);
    transform: translate(0px, -50%);
  }

  .icon-arrow-slider {
    font-size: 10px;
  }

  .html-embed {
    display: none;
  }

  .html-embed.video-no-display {
    display: none;
  }

  .html-embed.html--section {
    display: block;
  }

  .bg-video-custom {
    opacity: 1;
  }

  .h2 {
    font-size: 40px;
  }

  .wrap-button {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
  }

  .wrap-button.abs {
    padding-bottom: 50px;
  }

  .wrap-button.wrap-button-half-screen.button-halfscreen-rotate {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }

  .logo-home {
    width: 350px;
  }

  .bg-video-2 {
    height: 100vh;
    background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0.39)), to(hsla(0, 0%, 100%, 0.39))), url('../images/bg-home-remplacement.jpg');
    background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0.39), hsla(0, 0%, 100%, 0.39)), url('../images/bg-home-remplacement.jpg');
    background-position: 0px 0px, 50% 50%;
    background-size: auto, cover;
  }

  .bg-video-2.bg-video-home {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(108, 171, 190, 0.65)), to(rgba(108, 171, 190, 0.65))), url('../images/bg-home-remplacement.jpg');
    background-image: linear-gradient(180deg, rgba(108, 171, 190, 0.65), rgba(108, 171, 190, 0.65)), url('../images/bg-home-remplacement.jpg');
    background-position: 0px 0px, 50% 50%;
    background-size: auto, cover;
  }

  .h1 {
    font-size: 40px;
  }

  .halfscreen {
    position: relative;
    width: 100%;
    height: 50%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .halfscreen.halfscreen--offres {
    position: relative;
    width: 100%;
    height: 50%;
  }

  .halfscreen.halfscreen--offres.halfscreen-rotate {
    left: 0%;
    top: 0%;
    right: auto;
    width: 100%;
    height: 50vh;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }

  .halfscreen.halfscreen-rotate {
    left: 0px;
    top: 0%;
    right: auto;
    width: 100%;
    height: 50vh;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }

  .bg-halfscreen.bg-halfscreen-ponant.bg-halfscreen-rotate {
    left: 0%;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }

  .logo-ponant {
    display: none;
  }

  .popup-destination {
    position: fixed;
    overflow: auto;
    padding-bottom: 150px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .popup__bloc-img {
    width: 100%;
    height: 55vh;
    margin-bottom: 55px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }

  .popup__bloc-txt {
    width: 100%;
    height: auto;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }

  .menu-link-not-available {
    width: auto;
    margin-left: 0%;
  }

  .files-downloading {
    font-size: 40px;
  }

  .files-added {
    font-size: 40px;
  }

  .error {
    font-size: 40px;
  }

  .sous-titre {
    font-size: 45px;
    text-align: center;
  }

  .bg-video-3 {
    height: 100vh;
  }

  .bg-video-3.bg-video-section {
    height: 100%;
  }

  .wrap-close {
    top: 15px;
    right: 15px;
  }

  .video-section {
    width: 600px;
    height: 337px;
  }

  .close-2.remove-class {
    left: auto;
    top: 0%;
    right: 0%;
    bottom: auto;
  }

  .section__content__txt {
    width: 100%;
    height: auto;
  }

  .section__content__txt.section__content__txt--lg {
    width: 100%;
  }

  .text-vh--xxsm {
    font-size: 12px;
  }

  .container-n {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .popup__header__nav {
    display: none;
  }

  .text {
    font-size: 18px;
    line-height: 1.4;
  }

  .section__content__img {
    display: none;
    width: 100%;
    height: 350px;
    margin-right: 0%;
  }

  .button__container.mt_2vh.desktop-only {
    display: none;
  }

  .button__container.mt_2vh.desktop-only.btn-condensed {
    display: block;
  }

  .h2--vh {
    font-size: 40px;
  }

  .content__title {
    width: 90%;
    margin-top: -23px;
    margin-left: 0%;
    padding: 10px 20px 10px 0px;
  }

  .btn-version-selection {
    position: fixed;
    left: 5px;
    top: auto;
    right: auto;
    bottom: 5px;
    margin-top: 13px;
    background-color: #ff4b00;
    color: #fff;
  }

  .btn-version-selection.btn-download--parametres {
    background-color: transparent;
  }

  .bg-2.bg__qui-sommes-nous__img1 {
    background-position: 50% 20%;
  }

  .h3--vh {
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 35px;
  }

  .menu__content {
    top: 80px;
  }

  .menu__content.tab-open {
    top: 120px;
  }

  .text-vh {
    font-size: 20px;
  }

  .item__number__wrap {
    margin-top: 50px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .alert__close.remove-class {
    top: 5px;
    z-index: 10;
  }

  .text--vh--md {
    font-size: 22px;
  }

  .menu__logo {
    position: absolute;
    left: 50px;
    top: 0%;
    right: auto;
    bottom: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 150px;
    padding-top: 16px;
    padding-bottom: 16px;
    -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;
  }

  .menu__logo.w--current {
    position: absolute;
    left: 0%;
    top: 0%;
    right: auto;
    bottom: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 150px;
    -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;
  }

  .wrap-card-2 {
    padding-bottom: 146px;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }

  .card-1 {
    width: 49%;
    height: 250px;
  }

  .section__content--hlc {
    height: auto;
    padding: 60px 50px 50px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .section__content--hlc.section__content--popup {
    padding-top: 20px;
  }

  .tab {
    height: 120px;
  }

  .sidebar__logo__img {
    width: 150px;
  }

  .btn-download {
    position: fixed;
    left: 5px;
    top: auto;
    right: auto;
    bottom: 5px;
    margin-top: 13px;
    background-color: #ff4b00;
    color: #fff;
  }

  .btn-download.btn-download--parametres {
    background-color: transparent;
  }

  .niveau-n-1 {
    margin-top: 45px;
  }

  .gestion-2 {
    position: fixed;
    left: -100%;
    top: 0%;
    right: auto;
    bottom: auto;
  }

  .info--text {
    left: 0vw;
    width: 100%;
  }

  .info--text.open {
    left: 0vw;
    width: 100%;
  }

  .popup_header {
    height: 60px;
  }

  .gear {
    bottom: 60px;
  }

  .accueil {
    position: absolute;
    left: 0%;
    top: auto;
    right: auto;
    bottom: 0%;
    z-index: 2;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    -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;
    background-color: #cfcfcf;
    color: #796382;
    font-size: 16px;
    text-decoration: none;
  }

  .menu__logo__img {
    width: 150px;
  }

  .text-vh--xsm {
    font-size: 14px;
  }

  .item-number {
    margin-right: 30px;
    margin-bottom: 50px;
  }

  .item-number.item-number__30 {
    width: 45%;
  }

  .div-block-8 {
    margin-top: 32px;
    margin-bottom: 44px;
  }

  .popup__content {
    overflow: scroll;
    padding-top: 60px;
    padding-bottom: 106px;
  }

  .transition-leave {
    bottom: -150%;
    height: 130vh;
  }

  .popup__close.remove-all-class {
    position: absolute;
    left: auto;
    top: 0%;
    right: 0%;
    bottom: auto;
    width: 60px;
    height: 60px;
  }

  .gear-2 {
    bottom: 60px;
  }
}

@media screen and (max-width: 767px) {
  .page-full-screen {
    height: auto;
    min-height: 80vh;
  }

  .page-full-screen.page-slider {
    height: 80vh;
    min-height: 0vh;
  }

  .page-full-screen.page-fullscreen--video {
    min-height: 0vh;
  }

  .page-full-screen.page-top-smartphone {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .head {
    padding-right: 25px;
    padding-left: 25px;
  }

  .bg.bg-first {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.5))), url('../images/historique-0.jpg');
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('../images/historique-0.jpg');
    background-position: 0px 0px, 0px 0px;
    background-size: auto, cover;
  }

  .bg.bg-next.bg-ponant-slider-1 {
    background-position: 100% 50%;
  }

  .bg.bg-next.bg-explorer-slider-4 {
    background-position: 100% 50%;
  }

  .container-page {
    height: auto;
    padding: 25px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .container-page.container-split.container-slider {
    height: 100%;
  }

  .accroche-intro.accrochre-wider {
    width: 100%;
  }

  .heading {
    font-size: 45px;
    text-align: center;
  }

  .ligne {
    display: none;
  }

  .nav-bottom-page {
    display: none;
  }

  .nav-bottom-page.nav-bottom-vertical {
    display: none;
  }

  .nav-bottom-page.nav-bottom-vertical.nav-bottom-dl {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 67px;
  }

  .block-text.wider {
    width: 350px;
  }

  .title-page {
    margin-bottom: 0%;
  }

  .fil-d-ariane {
    display: none;
  }

  .container-slipt--zone {
    height: 350px;
  }

  .right-arraow {
    right: 0px;
    bottom: 50%;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }

  .left-arrow {
    left: 0px;
    bottom: 50%;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }

  .h2 {
    font-size: 36px;
  }

  .h2.h2--script {
    font-size: 50px;
  }

  .wrapper {
    padding-bottom: 29px;
  }

  .logo-home {
    margin-bottom: 52px;
  }

  .bg-video-2 {
    background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0.39)), to(hsla(0, 0%, 100%, 0.39))), url('../images/bg-home-remplacement.jpg');
    background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0.39), hsla(0, 0%, 100%, 0.39)), url('../images/bg-home-remplacement.jpg');
    background-position: 0px 0px, 50% 50%;
    background-size: auto, cover;
  }

  .h1 {
    font-size: 36px;
  }

  .by-bestdoc {
    left: auto;
    top: 0%;
    right: 0%;
    bottom: auto;
  }

  .files-downloading {
    font-size: 30px;
  }

  .files-added {
    font-size: 30px;
  }

  .error {
    font-size: 30px;
  }

  .sous-titre {
    font-size: 37px;
    text-align: center;
  }

  .page-full-screen-copy {
    height: auto;
    min-height: 80vh;
  }

  .page-full-screen-copy.page-slider {
    height: 80vh;
    min-height: 0vh;
  }

  .page-full-screen-virtual-tour {
    height: auto;
    min-height: 80vh;
  }

  .page-full-screen-virtual-tour.page-slider {
    height: 80vh;
    min-height: 0vh;
  }

  .video-section {
    width: 400px;
    height: 225px;
  }

  .close-2 {
    right: 10px;
  }

  .button__container.mt_2vh.desktop-only.btn-condensed {
    display: block;
  }

  .h2--vh {
    font-size: 35px;
  }

  .h3--vh {
    font-size: 30px;
  }

  .tab__item {
    padding-right: 25px;
    padding-left: 25px;
  }

  .item__number__wrap {
    margin-top: 40px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .alert__close.remove-class {
    top: 15px;
    right: 15px;
  }

  .menu__logo {
    left: 25px;
  }

  .menu__logo.w--current {
    left: 25px;
  }

  .wrap-card-2 {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .card-1 {
    width: 100%;
    height: 350px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }

  .card-1.card-1--xl {
    width: 100%;
  }

  .section__content--hlc {
    padding-right: 25px;
    padding-bottom: 25px;
    padding-left: 25px;
  }

  .section__content--hlc.section__content--popup {
    padding-top: 20px;
  }

  .gear {
    z-index: 10;
  }

  .item-number.item-number__30 {
    width: 100%;
    margin-right: 0px;
  }

  .popup__content {
    padding-right: 15px;
    padding-left: 15px;
  }

  .transition-leave {
    bottom: -140%;
    height: 120vh;
  }

  .popup__close {
    right: 10px;
  }

  .gear-2 {
    z-index: 10;
  }
}

@media screen and (max-width: 479px) {
  .page-full-screen.page-slider {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .page-full-screen.page-top-smartphone {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .head {
    padding-right: 15px;
    padding-left: 15px;
  }

  .bg.bg-first {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.5))), url('../images/historique-0.jpg');
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('../images/historique-0.jpg');
    background-position: 0px 0px, 0px 0px;
    background-size: auto, cover;
  }

  .bg.bg-first.bg-sistership-0 {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.54)), to(rgba(0, 0, 0, 0.54))), url('../images/sistership-0.jpg');
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.54), rgba(0, 0, 0, 0.54)), url('../images/sistership-0.jpg');
    background-position: 0px 0px, 50% 50%;
    background-size: auto, cover;
  }

  .bg.bg-first.bg-explorer-0 {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.54)), to(rgba(0, 0, 0, 0.54))), url('../images/sistership-0.jpg');
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.54), rgba(0, 0, 0, 0.54)), url('../images/sistership-0.jpg');
    background-position: 0px 0px, 50% 50%;
    background-size: auto, cover;
  }

  .bg.bg-first.bg-paul-gauguin-1 {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.54)), to(rgba(0, 0, 0, 0.54))), url('../images/sistership-0.jpg');
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.54), rgba(0, 0, 0, 0.54)), url('../images/sistership-0.jpg');
    background-position: 0px 0px, 50% 50%;
    background-size: auto, cover;
  }

  .bg.bg-first.bg-destinations {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.54)), to(rgba(0, 0, 0, 0.54))), url('../images/sistership-0.jpg');
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.54), rgba(0, 0, 0, 0.54)), url('../images/sistership-0.jpg');
    background-position: 0px 0px, 50% 50%;
    background-size: auto, cover;
  }

  .bg.bg-first.bg-avantages-passagers-0 {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.54)), to(rgba(0, 0, 0, 0.54))), url('../images/sistership-0.jpg');
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.54), rgba(0, 0, 0, 0.54)), url('../images/sistership-0.jpg');
    background-position: 0px 0px, 50% 50%;
    background-size: auto, cover;
  }

  .bg.bg-first.bg-avantages-agent-0 {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.54)), to(rgba(0, 0, 0, 0.54))), url('../images/sistership-0.jpg');
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.54), rgba(0, 0, 0, 0.54)), url('../images/sistership-0.jpg');
    background-position: 0px 0px, 50% 50%;
    background-size: auto, cover;
  }

  .bg.bg-first.bg-major-0 {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.54)), to(rgba(0, 0, 0, 0.54))), url('../images/sistership-0.jpg');
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.54), rgba(0, 0, 0, 0.54)), url('../images/sistership-0.jpg');
    background-position: 0px 0px, 50% 50%;
    background-size: auto, cover;
  }

  .bg.bg-first.bg-charcot-1 {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.54)), to(rgba(0, 0, 0, 0.54))), url('../images/sistership-0.jpg');
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.54), rgba(0, 0, 0, 0.54)), url('../images/sistership-0.jpg');
    background-position: 0px 0px, 50% 50%;
    background-size: auto, cover;
  }

  .bg.bg-next.bg-sisiter-slider-0 {
    background-position: 85% 50%;
  }

  .bg.bg-next.bg-sister-slider-1 {
    background-position: 25% 50%;
  }

  .bg.bg-next.bg-popup-antarctique {
    background-position: 50% 50%;
  }

  .bg.bg-next.bg-popup-alaska {
    background-position: 50% 50%;
  }

  .bg.bg-next.bg-popup-canada {
    background-position: 50% 50%;
  }

  .bg.bg-next.bg-popup-europe {
    background-position: 50% 50%;
  }

  .bg.bg-next.bg-popup-mediterranee {
    background-position: 50% 50%;
  }

  .bg.bg-next.bg-popup-caraibes {
    background-position: 50% 50%;
  }

  .bg.bg-next.bg-popup-amerique-latine {
    background-position: 50% 50%;
  }

  .bg.bg-next.bg-popup-pacifique {
    background-position: 50% 50%;
  }

  .bg.bg-next.bg-popup-antarctique {
    background-position: 50% 50%;
  }

  .bg.bg-next.bg-popup-afrique {
    background-position: 50% 50%;
  }

  .bg.bg-next.bg-popup-asie {
    background-position: 50% 50%;
  }

  .bg.bg-next.bg-popup-oceanie {
    background-position: 50% 50%;
  }

  .bg.bg-next.bg-sisiter-slider-new-3 {
    background-position: 60% 50%;
  }

  .bg.bg-next.bg-sisiter-slider-new-6 {
    background-position: 80% 50%;
  }

  .bg.bg-next.bg-sisiter-slider-new-x1 {
    background-position: 80% 50%;
  }

  .bg.bg-next.bg-sisiter-slider-new-x2 {
    background-position: 50% 50%;
  }

  .container-page {
    padding: 15px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .accroche-intro {
    width: 100%;
  }

  .accroche-intro.accrochre-wider {
    width: 100%;
  }

  .accroche-intro.accrochre-widest {
    width: 100%;
  }

  .heading {
    font-size: 30px;
  }

  .ligne {
    display: none;
  }

  .wrap-bg {
    left: 2%;
    top: 1%;
    width: 96%;
    height: 98%;
  }

  .nav-bottom-page.nav-bottom-vertical.nav-bottom-dl {
    position: relative;
    left: 0%;
    margin-top: 37px;
    padding-bottom: 0px;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }

  .block-text {
    width: 90%;
    max-width: 280px;
    padding: 30px;
  }

  .block-text.bloc-text-several-on-right.block-logo-partenaires {
    width: 120px;
    margin-right: 2px;
    margin-left: 2px;
  }

  .block-text.wider {
    width: 90%;
  }

  .block-text__accroche {
    font-size: 26px;
  }

  .txt {
    font-size: 18px;
  }

  .fil-d-ariane {
    display: none;
  }

  .niveau-n {
    margin-top: 38px;
    margin-bottom: 0px;
  }

  .niveau-n.niveau-n--only-touch-device {
    margin-top: 12px;
  }

  .titre-partie-menu {
    font-size: 30px;
  }

  .close {
    width: 20px;
    height: 20px;
  }

  .wrap-card.wrap-card--centerde.wrap-card--partenaire {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }

  .wrap-bg-fixed {
    left: 2%;
    top: 1%;
    width: 96%;
    height: 98%;
  }

  .titre-partie-menu-part-2 {
    font-size: 30px;
  }

  .right-arraow {
    width: 7.5%;
  }

  .left-arrow {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 7.5%;
    -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;
  }

  .icon-arrow-slider {
    padding: 0px;
  }

  .icon-arrow-slider.icon-left {
    padding: 0px;
  }

  .wrap-bg-first {
    left: 2%;
    top: 1%;
    width: 96%;
    height: 98%;
  }

  .wrap-bg-start {
    left: 2%;
    top: 1%;
    width: 96%;
    height: 98%;
  }

  .fullpage.fullpage-home {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .h2 {
    font-size: 26px;
  }

  .h2.h2--script {
    margin-top: 10px;
    margin-bottom: 49px;
    font-size: 40px;
  }

  .wrap-button.abs {
    padding-bottom: 107px;
  }

  .link--button {
    font-size: 24px;
  }

  .logo-home {
    width: 250px;
    margin-bottom: 52px;
  }

  .bg-video-2 {
    background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0.57)), to(hsla(0, 0%, 100%, 0.57))), url('../images/bg-home-remplacement.jpg');
    background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0.57), hsla(0, 0%, 100%, 0.57)), url('../images/bg-home-remplacement.jpg');
    background-position: 0px 0px, 75% 50%;
  }

  .h1 {
    font-size: 26px;
  }

  .bg-halfscreen {
    opacity: 0.46;
  }

  .sous-titre {
    font-size: 24px;
  }

  .button-dl-pdf.btn-video-home {
    margin-left: 0px;
  }

  .wrap-close {
    width: 70px;
    height: 70px;
  }

  .cercle {
    width: 70px;
    height: 70px;
  }

  .wrap-btn-go-and-video {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .img-recompenses.img-logo-partenaires.img-logo-partenaires--less-margin {
    max-width: 80%;
  }

  .wrap-bg-no-anim-scroll-text {
    left: 2%;
    top: 1%;
    width: 96%;
    height: 98%;
  }

  .video-section {
    width: 300px;
    height: 169px;
  }

  .bd-block-overflow {
    padding-right: 12px;
    padding-left: 12px;
  }

  .bd-bestdoc {
    left: auto;
    top: 15px;
    right: 15px;
    bottom: auto;
  }

  .popup-txt-downloading {
    width: 90%;
    height: 80vh;
    padding-right: 0px;
    padding-left: 0px;
  }

  .bd-popup-finalize-installation {
    width: 90%;
    height: 80vh;
    padding-right: 12px;
    padding-left: 12px;
  }

  .close-2 {
    left: auto;
    top: 0%;
    right: 0%;
    bottom: auto;
  }

  .close-2.remove-class {
    position: relative;
    top: 7px;
  }

  .close-2.remove-class.close--settings {
    position: absolute;
  }

  .section__content__txt {
    padding-right: 15px;
    padding-left: 15px;
  }

  .container-n {
    padding-left: 5px;
  }

  .text {
    font-size: 18px;
  }

  .text.cap.bold.mt_16 {
    font-size: 16px;
  }

  .button__container.mt_2vh.desktop-only.btn-condensed {
    display: block;
  }

  .h2--vh {
    font-size: 24px;
  }

  .content__title {
    margin-top: -58px;
    padding-top: 49px;
    padding-bottom: 20px;
  }

  .bg-2.bg-sofit-skills {
    background-position: 100% 100%;
  }

  .bg-2.bg--bureautique {
    background-position: 25% 50%;
  }

  .bg-2.bg-synegie {
    background-position: 50% 100%;
  }

  .h3--vh {
    font-size: 25px;
  }

  .h3--vh.text--main-1.mb_32 {
    font-size: 20px;
    text-align: center;
  }

  .menu__content {
    padding: 25px 15px 5px;
  }

  .menu__content.tab-open {
    top: 120px;
  }

  .item__number__wrap {
    margin-top: 10px;
    padding-right: 0px;
    padding-left: 0px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .alert__close.remove-class {
    top: 0px;
  }

  .text--vh--md {
    font-size: 16px;
  }

  .menu__logo {
    position: absolute;
    left: 0%;
    top: 20px;
    right: auto;
    bottom: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding-top: 16px;
    padding-bottom: 16px;
    -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;
  }

  .menu__logo.w--current {
    position: absolute;
    left: 0px;
    top: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding-top: 16px;
    padding-bottom: 16px;
    -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;
  }

  .section__content--hlc {
    padding-right: 0px;
    padding-left: 0px;
  }

  .section__content--hlc.section__content--popup {
    padding-top: 0px;
  }

  .tab {
    height: 140px;
    padding-bottom: 12px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .niveau-n-2 {
    margin-left: 5px;
    padding-left: 5px;
  }

  .niveau-n-1 {
    margin-left: 0px;
    padding-left: 5px;
  }

  .info--text {
    padding-right: 21px;
    padding-left: 21px;
  }

  .popup_header {
    height: 40px;
  }

  .gear {
    left: 15px;
  }

  .div-block-19 {
    margin-left: 5px;
  }

  .accueil {
    position: absolute;
    left: auto;
    top: auto;
    right: 0%;
    bottom: 0%;
    z-index: 2;
  }

  .menu__logo__img {
    width: 150px;
    margin-top: 4px;
  }

  .text-vh--xsm {
    padding-left: 0px;
  }

  .item-number {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-bottom: 9px;
    padding-top: 29px;
    padding-bottom: 29px;
    padding-left: 15px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    background-color: #f3f3f3;
  }

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

  .niveau-n-3 {
    margin-left: 47px;
    padding-left: 5px;
  }

  .popup__content {
    padding-top: 40px;
  }

  .transition-leave {
    -webkit-transition-timing-function: cubic-bezier(.25, .46, .45, .94);
    transition-timing-function: cubic-bezier(.25, .46, .45, .94);
  }

  .popup__close {
    left: auto;
    top: 0%;
    right: 0%;
    bottom: auto;
  }

  .popup__close.remove-all-class {
    width: 40px;
    height: 40px;
  }

  .gear-2 {
    left: 15px;
  }
}

@font-face {
  font-family: 'Lato';
  src: url('../fonts/Lato-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Lato';
  src: url('../fonts/Lato-Hairline.woff') format('woff');
  font-weight: 200;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Lato';
  src: url('../fonts/Lato-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Lato';
  src: url('../fonts/Lato-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Quickpen';
  src: url('../fonts/Quickpen.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}