/* screen - full-project */

.full-project {
  background-color: var(--white);
  height: 100vh;
  margin: 0px;
  min-height: 5696px;
  min-width: 1920px;
  overflow: hidden;
  overflow-x: hidden;
  position: relative;
  width: 100%;
}

.full-project .rectangle-245-KqxCzi {
  background-color: var(--turquoise);
  height: 1080px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.full-project .groupe-2405-KqxCzi {
  background-color: transparent;
  height: 18.96%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.full-project .rectangle-155-Me1uWT {
  background-color: var(--turquoise);
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.full-project .opendo_-toolbox_4-k-Me1uWT {
  background-color: transparent;
  height: 1080px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 100%;
}

.full-project .rectangle-243-KqxCzi {
  background-color: var(--turquoise);
  bottom: calc(36.66% - 352px);
  height: 960px;
  left: 0px;
  position: absolute;
  width: 100%;
}

.full-project .rectangle-242-KqxCzi {
  background-color: var(--geyser);
  height: 960px;
  left: 0px;
  position: absolute;
  top: calc(43.07% - 414px);
  width: 100%;
}

.full-project .rectangle-244-KqxCzi {
  background-color: var(--conifer);
  bottom: 776px;
  height: 960px;
  left: 0px;
  position: absolute;
  width: 100%;
}

.full-project .rocket-full-activites2x-KqxCzi {
  background-color: transparent;
  height: 16.85%;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 35.81%;
  width: 50.00%;
}

.full-project .groupe-2383-KqxCzi {
  background-color: transparent;
  bottom: 120px;
  height: 536px;
  position: absolute;
  right: calc(49.91% - 378px);
  width: 758px;
}

.full-project .une-question-un-doute-un-mot-doux-YLCeYT {
  background-color: transparent;
  height: 146px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 60px;
  position: absolute;
  text-align: center;
  top: 12px;
  white-space: nowrap;
  width: calc(100.00% + 2px);
}

.full-project .partager-YLCeYT {
  background-color: transparent;
  bottom: calc(24.24% - 18px);
  color: var(--abbey);
  font-family: var(--font-family-museosans-300);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 400;
  height: 74px;
  left: calc(50.00% - 132px);
  letter-spacing: 0.00px;
  line-height: 60px;
  position: absolute;
  text-align: center;
  white-space: nowrap;
  width: 264px;
}

.full-project .groupe-1992-YLCeYT {
  background-color: transparent;
  cursor: pointer;
  height: 80px;
  left: calc(49.72% - 199px);
  position: absolute;
  top: calc(44.74% - 36px);
  width: 400px;
}

.full-project .rectangle-61-13yoX1 {
  background-color: var(--turquoise);
  border-radius: 40px;
  box-shadow: 0px 20px 20px #00000029;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.full-project .contactez-nous-13yoX1 {
  background-color: transparent;
  bottom: calc(40.48% - 15px);
  height: 38px;
  letter-spacing: 0.00px;
  line-height: 30px;
  position: absolute;
  right: calc(49.38% - 118px);
  text-align: center;
  white-space: nowrap;
  width: 238px;
}

.full-project .linkedin2x-YLCeYT {
  background-color: transparent;
  bottom: 0px;
  cursor: pointer;
  height: 80px;
  left: calc(40.88% - 33px);
  object-fit: cover;
  position: absolute;
  width: 80px;
}

.full-project .facebook2x-YLCeYT {
  background-color: transparent;
  bottom: 0px;
  cursor: pointer;
  height: 80px;
  object-fit: cover;
  position: absolute;
  right: calc(41.47% - 33px);
  width: 80px;
}

.full-project .opendo_logo_white-KqxCzi {
  background-color: transparent;
  height: 41px;
  left: 80px;
  object-fit: cover;
  position: absolute;
  top: 80px;
  width: 180px;
}

.full-project .groupe-2403-KqxCzi {
  background-color: transparent;
  cursor: pointer;
  height: 766px;
  position: absolute;
  right: 80px;
  top: calc(3.25% - 25px);
  width: 45.83%;
}

.full-project .pour-vous-la-promo-p-k8EvOf {
  background-color: transparent;
  color: var(--abbey);
  font-family: var(--font-family-museo_sans);
  font-size: var(--font-size-xl);
  font-weight: 400;
  height: 290px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 60px;
  position: absolute;
  text-align: center;
  top: 0px;
  width: calc(100.00% + 2px);
}

.full-project .span0-sbTRLc {
  font-family: var(--font-family-museosans-300);
  font-style: normal;
}

.full-project .span1-sbTRLc {
}

.full-project .groupe-2367-k8EvOf {
  background-color: transparent;
  bottom: 0px;
  cursor: pointer;
  height: 80px;
  left: 120px;
  position: absolute;
  width: calc(100.00% - 242px);
}

.full-project .rectangle-61-REIQH1 {
  background-color: var(--rose-pearl);
  border-radius: 40px;
  box-shadow: 0px 20px 20px #00000029;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.full-project .jen-profite-tout-de-suite-REIQH1 {
  background-color: transparent;
  bottom: calc(40.48% - 15px);
  height: 38px;
  letter-spacing: 0.00px;
  line-height: 30px;
  position: absolute;
  right: calc(49.62% - 189px);
  text-align: center;
  white-space: nowrap;
  width: 380px;
}

.full-project .groupe-2381-k8EvOf {
  background-color: transparent;
  bottom: calc(37.29% - 60px);
  cursor: pointer;
  height: 160px;
  left: calc(49.66% - 293px);
  position: absolute;
  width: 590px;
}

.full-project .rectangle-240-jrXVje {
  background-color: var(--abbey);
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.full-project .x2-mois-offertsavec-le-code-happy22-jrXVje {
  background-color: transparent;
  color: var(--white);
  font-family: var(--font-family-museo_sans);
  font-size: var(--font-size-xl);
  font-weight: 400;
  height: calc(100.00% - 38px);
  left: 48px;
  letter-spacing: 0.00px;
  line-height: 40px;
  position: absolute;
  text-align: center;
  top: 40px;
  white-space: nowrap;
  width: calc(100.00% - 102px);
}

.full-project .span0-j8SPE1 {
}

.full-project .span1-j8SPE1 {
  font-family: var(--font-family-museosans-300);
  font-size: var(--font-size-l);
  font-style: normal;
}

.full-project .rectangle-241-KqxCzi {
  background-color: var(--juniper);
  height: 960px;
  left: 0px;
  position: absolute;
  top: calc(22.80% - 219px);
  width: 100%;
}

.full-project .groupe-2392-KqxCzi {
  background-color: transparent;
  height: 12.64%;
  position: absolute;
  right: 80px;
  top: 54.78%;
  width: 45.83%;
}

.full-project .opendo_-participant_252_cards2x-exgRwN {
  background-color: transparent;
  border-radius: 10px;
  bottom: -50px;
  height: 285px;
  left: 31px;
  object-fit: cover;
  position: absolute;
  width: 420px;
}

.full-project .opendo_-anim-webapp_quiz_podium2x-exgRwN {
  background-color: transparent;
  height: 420px;
  left: -30px;
  object-fit: cover;
  position: absolute;
  top: -10px;
  width: 700px;
}

.full-project .opendo_-participant_260_who2x-exgRwN {
  background-color: transparent;
  border-radius: 10px;
  bottom: calc(8.06% - 31px);
  height: 385px;
  left: 330px;
  object-fit: cover;
  position: absolute;
  width: 580px;
}

.full-project .macbook_new-session-by-content-KqxCzi {
  background-color: transparent;
  height: 16.85%;
  object-fit: cover;
  position: absolute;
  right: 0px;
  top: 18.96%;
  width: 50.00%;
}

.full-project .macbook_session-home-full-KqxCzi {
  background-color: transparent;
  height: 16.85%;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 69.52%;
  width: 50.00%;
}

.full-project .groupe-2389-KqxCzi {
  background-color: transparent;
  height: 592px;
  left: 80px;
  position: absolute;
  top: calc(25.00% - 148px);
  width: 45.83%;
}

.full-project .animez-avec-un-outil-simple-et-intuitif-fmb5AS {
  background-color: transparent;
  height: 146px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 60px;
  position: absolute;
  text-align: center;
  top: calc(31.39% - 46px);
  width: calc(100.00% + 2px);
}

.full-project .dmarrez-avec-vos-sup-fmb5AS {
  background-color: transparent;
  bottom: calc(28.63% - 31px);
  height: 110px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 30px;
  position: absolute;
  text-align: center;
  width: 100%;
}

.full-project .picto_animate2x-fmb5AS {
  background-color: transparent;
  height: 80px;
  left: calc(49.88% - 40px);
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 80px;
}

.full-project .groupe-2385-fmb5AS {
  background-color: transparent;
  bottom: 0px;
  cursor: pointer;
  height: 80px;
  left: 120px;
  position: absolute;
  width: calc(100.00% - 242px);
}

.full-project .rectangle-61-rgJ0Bd {
  background-color: var(--turquoise);
  border-radius: 40px;
  box-shadow: 0px 20px 20px #00000029;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.full-project .je-dcouvre-maintenant-rgJ0Bd {
  background-color: transparent;
  bottom: calc(40.48% - 15px);
  height: 38px;
  letter-spacing: 0.00px;
  line-height: 30px;
  position: absolute;
  right: calc(49.65% - 177px);
  text-align: center;
  white-space: nowrap;
  width: 356px;
}

.full-project .groupe-2390-KqxCzi {
  background-color: transparent;
  height: 592px;
  position: absolute;
  right: 80px;
  top: calc(43.81% - 259px);
  width: 45.83%;
}

.full-project .captez-lattention-de-vos-participants-NIbxVz {
  background-color: transparent;
  height: 146px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 60px;
  position: absolute;
  text-align: center;
  top: calc(31.39% - 46px);
  width: calc(100.00% + 2px);
}

.full-project .la-mmorisation-et-la-NIbxVz {
  background-color: transparent;
  bottom: calc(28.63% - 31px);
  height: 110px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 30px;
  position: absolute;
  text-align: center;
  width: 100%;
}

.full-project .picto_all_modules2x-NIbxVz {
  background-color: transparent;
  height: 80px;
  left: calc(49.88% - 40px);
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 80px;
}

.full-project .groupe-2386-NIbxVz {
  background-color: transparent;
  bottom: 0px;
  cursor: pointer;
  height: 80px;
  left: 120px;
  position: absolute;
  width: calc(100.00% - 242px);
}

.full-project .rectangle-61-LES4uE {
  background-color: var(--turquoise);
  border-radius: 40px;
  box-shadow: 0px 20px 20px #00000029;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.full-project .jessaie-en-quelques-clics-LES4uE {
  background-color: transparent;
  bottom: calc(40.48% - 15px);
  height: 38px;
  letter-spacing: 0.00px;
  line-height: 30px;
  position: absolute;
  right: calc(49.63% - 184px);
  text-align: center;
  white-space: nowrap;
  width: 370px;
}

.full-project .groupe-2391-KqxCzi {
  background-color: transparent;
  bottom: calc(37.82% - 210px);
  height: 556px;
  left: 80px;
  position: absolute;
  width: 45.83%;
}

.full-project .mettez-du-fun-dans-v-2nEIBX {
  background-color: transparent;
  height: 146px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 60px;
  position: absolute;
  text-align: center;
  top: calc(34.15% - 50px);
  width: calc(100.00% + 2px);
}

.full-project .utilisable-en-classe-2nEIBX {
  background-color: transparent;
  bottom: calc(28.63% - 21px);
  height: 74px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 30px;
  position: absolute;
  text-align: center;
  width: 100%;
}

.full-project .picto_appreciation2x-2nEIBX {
  background-color: transparent;
  height: 80px;
  left: calc(49.88% - 40px);
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 80px;
}

.full-project .groupe-2387-2nEIBX {
  background-color: transparent;
  bottom: 0px;
  cursor: pointer;
  height: 80px;
  left: 120px;
  position: absolute;
  width: calc(100.00% - 242px);
}

.full-project .rectangle-61-lAS7PQ {
  background-color: var(--rose-pearl);
  border-radius: 40px;
  box-shadow: 0px 20px 20px #00000029;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.full-project .je-veux-en-savoir-plus-lAS7PQ {
  background-color: transparent;
  bottom: calc(40.48% - 15px);
  height: 38px;
  letter-spacing: 0.00px;
  line-height: 30px;
  position: absolute;
  right: calc(49.69% - 159px);
  text-align: center;
  white-space: nowrap;
  width: 320px;
}

.full-project .groupe-2393-KqxCzi {
  background-color: transparent;
  bottom: calc(18.57% - 110px);
  height: 592px;
  position: absolute;
  right: 80px;
  width: 45.83%;
}

.full-project .une-seule-console-po-5Zi1kj {
  background-color: transparent;
  height: 146px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 60px;
  position: absolute;
  text-align: center;
  top: calc(31.39% - 46px);
  width: calc(100.00% + 2px);
}

.full-project .pilotez-votre-animat-5Zi1kj {
  background-color: transparent;
  bottom: calc(28.63% - 31px);
  height: 110px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 30px;
  position: absolute;
  text-align: center;
  width: 100%;
}

.full-project .cursor_hand2x-5Zi1kj {
  background-color: transparent;
  height: 80px;
  left: calc(49.88% - 40px);
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 80px;
}

.full-project .groupe-2388-5Zi1kj {
  background-color: transparent;
  bottom: 0px;
  cursor: pointer;
  height: 80px;
  left: 120px;
  position: absolute;
  width: calc(100.00% - 242px);
}

.full-project .rectangle-61-TstRw3 {
  background-color: var(--turquoise);
  border-radius: 40px;
  box-shadow: 0px 20px 20px #00000029;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.full-project .je-teste-loutil-TstRw3 {
  background-color: transparent;
  bottom: calc(40.48% - 15px);
  height: 38px;
  letter-spacing: 0.00px;
  line-height: 30px;
  position: absolute;
  right: calc(49.77% - 105px);
  text-align: center;
  white-space: nowrap;
  width: 210px;
}
/* screen - ipad-768-homepage */

.ipad-768-homepage {
  background-color: var(--white);
  height: 100vh;
  margin: 0px;
  min-height: 5804px;
  min-width: 768px;
  overflow: hidden;
  overflow-x: hidden;
  position: relative;
  width: 100%;
}

.ipad-768-homepage .rectangle-245-Af4bCi {
  background-color: var(--turquoise);
  height: 1024px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.ipad-768-homepage .rectangle-242-Af4bCi {
  background-color: var(--geyser);
  height: 1024px;
  left: 0px;
  position: absolute;
  top: calc(42.85% - 439px);
  width: 100%;
}

.ipad-768-homepage .rocket-full-activites2x-Af4bCi {
  background-color: transparent;
  bottom: 2732px;
  height: 708px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  width: 708px;
}

.ipad-768-homepage .groupe-2380-Af4bCi {
  background-color: transparent;
  height: 17.64%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.ipad-768-homepage .rectangle-155-Db1y4L {
  background-color: var(--turquoise);
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.ipad-768-homepage .opendo_-toolbox_1080p-Db1y4L {
  background-color: transparent;
  height: 1024px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 100%;
}

.ipad-768-homepage .pour-vous-la-promo-p-Af4bCi {
  background-color: transparent;
  color: var(--abbey);
  font-family: var(--font-family-museo_sans);
  font-size: var(--font-size-l);
  font-weight: 400;
  height: 146px;
  left: 60px;
  letter-spacing: 0.00px;
  line-height: 40px;
  position: absolute;
  text-align: center;
  top: 512px;
  width: calc(100.00% - 118px);
}

.ipad-768-homepage .span0-UpGCXF {
}

.ipad-768-homepage .span1-UpGCXF {
}

.ipad-768-homepage .opendo_logo_white-Af4bCi {
  background-color: transparent;
  height: 41px;
  left: 60px;
  object-fit: cover;
  position: absolute;
  top: 60px;
  width: 180px;
}

.ipad-768-homepage .groupe-2367-Af4bCi {
  background-color: transparent;
  cursor: pointer;
  height: 80px;
  left: calc(50.00% - 270px);
  position: absolute;
  top: calc(15.30% - 12px);
  width: 540px;
}

.ipad-768-homepage .rectangle-61-YSxutD {
  background-color: var(--rose-pearl);
  border-radius: 40px;
  box-shadow: 0px 20px 20px #00000029;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.ipad-768-homepage .jen-profite-tout-de-suite-YSxutD {
  background-color: transparent;
  bottom: calc(40.48% - 15px);
  height: 38px;
  letter-spacing: 0.00px;
  line-height: 30px;
  position: absolute;
  right: calc(49.38% - 188px);
  text-align: center;
  white-space: nowrap;
  width: 380px;
}

.ipad-768-homepage .groupe-2383-Af4bCi {
  background-color: transparent;
  bottom: calc(2.24% - 10px);
  height: 444px;
  left: calc(50.00% - 253px);
  position: absolute;
  width: 506px;
}

.ipad-768-homepage .une-question-un-doute-un-mot-doux-ZcsBDx {
  background-color: transparent;
  height: 98px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 40px;
  position: absolute;
  text-align: center;
  top: 8px;
  white-space: nowrap;
  width: calc(100.00% + 2px);
}

.ipad-768-homepage .partager-ZcsBDx {
  background-color: transparent;
  bottom: calc(23.86% - 12px);
  height: 50px;
  left: calc(50.00% - 89px);
  letter-spacing: 0.00px;
  line-height: 40px;
  position: absolute;
  text-align: center;
  white-space: nowrap;
  width: 178px;
}

.ipad-768-homepage .groupe-1992-ZcsBDx {
  background-color: transparent;
  cursor: pointer;
  height: 80px;
  left: 53px;
  position: absolute;
  top: calc(42.86% - 34px);
  width: calc(100.00% - 108px);
}

.ipad-768-homepage .rectangle-61-I2fLZC {
  background-color: var(--turquoise);
  border-radius: 40px;
  box-shadow: 0px 20px 20px #00000029;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.ipad-768-homepage .contactez-nous-I2fLZC {
  background-color: transparent;
  bottom: calc(40.48% - 15px);
  height: 38px;
  letter-spacing: 0.00px;
  line-height: 30px;
  position: absolute;
  right: calc(49.38% - 118px);
  text-align: center;
  white-space: nowrap;
  width: 238px;
}

.ipad-768-homepage .linkedin2x-ZcsBDx {
  background-color: transparent;
  bottom: 0px;
  cursor: pointer;
  height: 80px;
  left: calc(35.51% - 28px);
  object-fit: cover;
  position: absolute;
  width: 80px;
}

.ipad-768-homepage .facebook2x-ZcsBDx {
  background-color: transparent;
  bottom: 0px;
  cursor: pointer;
  height: 80px;
  object-fit: cover;
  position: absolute;
  right: calc(36.45% - 29px);
  width: 80px;
}

.ipad-768-homepage .rectangle-243-Af4bCi {
  background-color: var(--turquoise);
  bottom: calc(35.73% - 366px);
  height: 1024px;
  left: 0px;
  position: absolute;
  width: 100%;
}

.ipad-768-homepage .rectangle-244-Af4bCi {
  background-color: var(--conifer);
  bottom: 684px;
  height: 1024px;
  left: 0px;
  position: absolute;
  width: 100%;
}

.ipad-768-homepage .rectangle-241-Af4bCi {
  background-color: var(--juniper);
  height: 1024px;
  left: 0px;
  position: absolute;
  top: calc(21.42% - 219px);
  width: 100%;
}

.ipad-768-homepage .groupe-2395-Af4bCi {
  background-color: transparent;
  height: 708px;
  left: 8.33%;
  position: absolute;
  top: calc(43.29% - 306px);
  width: 83.20%;
}

.ipad-768-homepage .captez-lattention-de-vos-participants-ukaOLZ {
  background-color: transparent;
  height: 98px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 40px;
  position: absolute;
  text-align: center;
  top: 100px;
  width: calc(100.00% + 2px);
}

.ipad-768-homepage .la-mmorisation-et-la-ukaOLZ {
  background-color: transparent;
  height: 146px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 30px;
  position: absolute;
  text-align: center;
  top: calc(38.43% - 56px);
  width: 100%;
}

.ipad-768-homepage .picto_all_modules2x-ukaOLZ {
  background-color: transparent;
  height: 80px;
  left: calc(49.91% - 40px);
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 80px;
}

.ipad-768-homepage .groupe-2386-ukaOLZ {
  background-color: transparent;
  cursor: pointer;
  height: 11.30%;
  left: calc(49.50% - 267px);
  position: absolute;
  top: 88.70%;
  width: 540px;
}

.ipad-768-homepage .rectangle-61-jODSjq {
  background-color: var(--turquoise);
  border-radius: 40px;
  box-shadow: 0px 20px 20px #00000029;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.ipad-768-homepage .jessaie-en-quelques-clics-jODSjq {
  background-color: transparent;
  bottom: calc(40.48% - 15px);
  height: 38px;
  letter-spacing: 0.00px;
  line-height: 30px;
  position: absolute;
  right: calc(49.41% - 183px);
  text-align: center;
  white-space: nowrap;
  width: 370px;
}

.ipad-768-homepage .groupe-2396-Af4bCi {
  background-color: transparent;
  bottom: calc(36.10% - 295px);
  height: 818px;
  left: 8.33%;
  position: absolute;
  width: 83.33%;
}

.ipad-768-homepage .groupe-2392-PlCn5B {
  background-color: transparent;
  height: 294px;
  left: calc(50.00% - 180px);
  position: absolute;
  top: calc(45.04% - 132px);
  width: 360px;
}

.ipad-768-homepage .opendo_-participant_252_cards2x-QdxjYa {
  background-color: transparent;
  border-radius: 10px;
  bottom: -50px;
  height: 152px;
  left: -5px;
  object-fit: cover;
  position: absolute;
  width: 207px;
}

.ipad-768-homepage .opendo_-anim-webapp_quiz_podium2x-QdxjYa {
  background-color: transparent;
  height: 207px;
  left: -30px;
  object-fit: cover;
  position: absolute;
  top: -10px;
  width: 321px;
}

.ipad-768-homepage .opendo_-participant_260_who2x-QdxjYa {
  background-color: transparent;
  border-radius: 10px;
  height: 193px;
  left: 117px;
  object-fit: cover;
  position: absolute;
  top: calc(117.82% - 227px);
  width: 273px;
}

.ipad-768-homepage .mettez-du-fun-dans-v-PlCn5B {
  background-color: transparent;
  height: 98px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 40px;
  position: absolute;
  text-align: center;
  top: 100px;
  width: calc(100.00% + 2px);
}

.ipad-768-homepage .utilisable-en-classe-PlCn5B {
  background-color: transparent;
  bottom: calc(19.49% - 21px);
  height: 110px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 30px;
  position: absolute;
  text-align: center;
  width: 100%;
}

.ipad-768-homepage .picto_appreciation2x-PlCn5B {
  background-color: transparent;
  height: 80px;
  left: calc(49.82% - 40px);
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 80px;
}

.ipad-768-homepage .groupe-2387-PlCn5B {
  background-color: transparent;
  cursor: pointer;
  height: 9.78%;
  left: calc(49.02% - 265px);
  position: absolute;
  top: 90.22%;
  width: 540px;
}

.ipad-768-homepage .rectangle-61-ATSSgH {
  background-color: var(--rose-pearl);
  border-radius: 40px;
  box-shadow: 0px 20px 20px #00000029;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.ipad-768-homepage .je-veux-en-savoir-plus-ATSSgH {
  background-color: transparent;
  bottom: calc(40.48% - 15px);
  height: 38px;
  letter-spacing: 0.00px;
  line-height: 30px;
  position: absolute;
  right: calc(49.55% - 159px);
  text-align: center;
  white-space: nowrap;
  width: 320px;
}

.ipad-768-homepage .groupe-2397-Af4bCi {
  background-color: transparent;
  bottom: calc(15.23% - 137px);
  height: 898px;
  left: 8.33%;
  position: absolute;
  width: 83.33%;
}

.ipad-768-homepage .macbook_session-home-full-owjxLA {
  background-color: transparent;
  height: 480px;
  left: calc(50.00% - 240px);
  object-fit: cover;
  position: absolute;
  top: calc(35.41% - 170px);
  width: 480px;
}

.ipad-768-homepage .une-seule-console-po-owjxLA {
  background-color: transparent;
  height: 98px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 40px;
  position: absolute;
  text-align: center;
  top: 100px;
  width: calc(100.00% + 2px);
}

.ipad-768-homepage .pilotez-votre-animat-owjxLA {
  background-color: transparent;
  bottom: calc(19.27% - 35px);
  height: 182px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 30px;
  position: absolute;
  text-align: center;
  width: 100%;
}

.ipad-768-homepage .cursor_hand2x-owjxLA {
  background-color: transparent;
  height: 80px;
  left: calc(49.82% - 40px);
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 80px;
}

.ipad-768-homepage .groupe-2388-owjxLA {
  background-color: transparent;
  cursor: pointer;
  height: 8.91%;
  left: calc(49.02% - 265px);
  position: absolute;
  top: 91.09%;
  width: 540px;
}

.ipad-768-homepage .rectangle-61-9cmt41 {
  background-color: var(--turquoise);
  border-radius: 40px;
  box-shadow: 0px 20px 20px #00000029;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.ipad-768-homepage .je-teste-loutil-9cmt41 {
  background-color: transparent;
  bottom: calc(40.48% - 15px);
  height: 38px;
  letter-spacing: 0.00px;
  line-height: 30px;
  position: absolute;
  right: calc(49.70% - 104px);
  text-align: center;
  white-space: nowrap;
  width: 210px;
}

.ipad-768-homepage .groupe-2394-Af4bCi {
  background-color: transparent;
  height: 14.16%;
  left: 8.46%;
  position: absolute;
  top: 19.38%;
  width: 83.07%;
}

.ipad-768-homepage .picto_animate2x-wG6Cqp {
  background-color: transparent;
  height: 80px;
  left: calc(50.00% - 40px);
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 80px;
}

.ipad-768-homepage .groupe-2385-wG6Cqp {
  background-color: transparent;
  cursor: pointer;
  height: 9.73%;
  left: calc(50.00% - 270px);
  position: absolute;
  top: 90.27%;
  width: 540px;
}

.ipad-768-homepage .rectangle-61-DUxyii {
  background-color: var(--turquoise);
  border-radius: 40px;
  box-shadow: 0px 20px 20px #00000029;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.ipad-768-homepage .je-dcouvre-maintenant-DUxyii {
  background-color: transparent;
  bottom: calc(40.48% - 15px);
  height: 38px;
  letter-spacing: 0.00px;
  line-height: 30px;
  position: absolute;
  right: calc(49.46% - 176px);
  text-align: center;
  white-space: nowrap;
  width: 356px;
}

.ipad-768-homepage .macbook_new-session-by-content-wG6Cqp {
  background-color: transparent;
  height: 480px;
  left: calc(50.00% - 240px);
  object-fit: cover;
  position: absolute;
  top: calc(43.27% - 208px);
  width: 480px;
}

.ipad-768-homepage .animez-avec-un-outil-simple-et-intuitif-wG6Cqp {
  background-color: transparent;
  height: 98px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 40px;
  position: absolute;
  text-align: center;
  top: 100px;
  width: calc(100.00% + 2px);
}

.ipad-768-homepage .dmarrez-avec-vos-sup-wG6Cqp {
  background-color: transparent;
  bottom: calc(19.38% - 21px);
  height: 110px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 30px;
  position: absolute;
  text-align: center;
  width: 100%;
}

.ipad-768-homepage .groupe-2381-Af4bCi {
  background-color: transparent;
  cursor: pointer;
  height: 120px;
  left: calc(50.00% - 210px);
  position: absolute;
  top: 696px;
  width: 420px;
}

.ipad-768-homepage .rectangle-240-1DstSn {
  background-color: var(--abbey);
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.ipad-768-homepage .x2-mois-offertsavec-le-code-happy22-1DstSn {
  background-color: transparent;
  bottom: calc(11.76% - 10px);
  color: var(--white);
  font-family: var(--font-family-museo_sans);
  font-size: var(--font-size-l);
  font-weight: 400;
  height: 86px;
  left: 43px;
  letter-spacing: 0.00px;
  line-height: 30px;
  position: absolute;
  text-align: center;
  white-space: nowrap;
  width: calc(100.00% - 92px);
}

.ipad-768-homepage .span0-tDBIat {
}

.ipad-768-homepage .span1-tDBIat {
}
/* screen - mobile-375-homepage */

.mobile-375-homepage {
  background-color: var(--white);
  height: 100vh;
  margin: 0px;
  min-height: 4032px;
  min-width: 375px;
  overflow: hidden;
  overflow-x: hidden;
  position: relative;
  width: 100%;
}

.mobile-375-homepage .rectangle-244-rqsOJD {
  background-color: var(--conifer);
  bottom: 512px;
  height: 704px;
  left: 0px;
  position: absolute;
  width: 100%;
}

.mobile-375-homepage .rectangle-241-rqsOJD {
  background-color: var(--juniper);
  height: 704px;
  left: 0px;
  position: absolute;
  top: calc(21.15% - 149px);
  width: 100%;
}

.mobile-375-homepage .groupe-2380-rqsOJD {
  background-color: transparent;
  height: 17.46%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.mobile-375-homepage .rectangle-155-UtVXyE {
  background-color: var(--turquoise);
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.mobile-375-homepage .opendo_-toolbox_1080p-UtVXyE {
  background-color: transparent;
  height: 704px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 100%;
}

.mobile-375-homepage .pour-vous-la-promo-p-rqsOJD {
  background-color: transparent;
  color: var(--abbey);
  font-family: var(--font-family-museo_sans);
  font-size: var(--font-size-s);
  font-weight: 400;
  height: 74px;
  left: 20px;
  letter-spacing: 0.00px;
  line-height: 20px;
  position: absolute;
  text-align: center;
  top: 352px;
  width: calc(100.00% - 38px);
}

.mobile-375-homepage .span0-Uuj5NN {
}

.mobile-375-homepage .span1-Uuj5NN {
}

.mobile-375-homepage .groupe-2367-rqsOJD {
  background-color: transparent;
  cursor: pointer;
  height: 0.99%;
  left: calc(50.00% - 166px);
  position: absolute;
  top: 14.98%;
  width: 331px;
}

.mobile-375-homepage .rectangle-61-1xyznh {
  background-color: var(--rose-pearl);
  border-radius: 40px;
  box-shadow: 0px 20px 20px #00000029;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.mobile-375-homepage .jen-profite-tout-de-suite-1xyznh {
  background-color: transparent;
  bottom: calc(26.67% - 7px);
  height: 25px;
  left: 46px;
  letter-spacing: 0.00px;
  line-height: 19px;
  position: absolute;
  text-align: center;
  white-space: nowrap;
  width: calc(100.00% - 89px);
}

.mobile-375-homepage .groupe-2381-rqsOJD {
  background-color: transparent;
  cursor: pointer;
  height: 90px;
  left: calc(50.00% - 168px);
  position: absolute;
  top: calc(12.02% - 11px);
  width: 335px;
}

.mobile-375-homepage .rectangle-240-9tT8R6 {
  background-color: var(--abbey);
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.mobile-375-homepage .x2-mois-offertsavec-le-code-happy22-9tT8R6 {
  background-color: transparent;
  bottom: calc(10.71% - 7px);
  color: var(--white);
  font-family: var(--font-family-museo_sans);
  font-size: var(--font-size-m);
  font-weight: 400;
  height: 62px;
  left: 47px;
  letter-spacing: 0.00px;
  line-height: 20px;
  position: absolute;
  text-align: center;
  white-space: nowrap;
  width: calc(100.00% - 91px);
}

.mobile-375-homepage .span0-GXkmFv {
}

.mobile-375-homepage .span1-GXkmFv {
}

.mobile-375-homepage .groupe-2384-rqsOJD {
  background-color: transparent;
  bottom: calc(3.19% - 9px);
  height: 272px;
  left: calc(50.00% - 138px);
  position: absolute;
  width: 275px;
}

.mobile-375-homepage .une-question-un-doute-un-mot-doux-aBoCxH {
  background-color: transparent;
  height: 50px;
  left: 12px;
  letter-spacing: 0.00px;
  line-height: 20px;
  position: absolute;
  text-align: center;
  top: 4px;
  white-space: nowrap;
  width: calc(100.00% - 21px);
}

.mobile-375-homepage .partager-aBoCxH {
  background-color: transparent;
  bottom: calc(30.89% - 8px);
  height: 26px;
  letter-spacing: 0.00px;
  line-height: 20px;
  position: absolute;
  right: calc(49.16% - 44px);
  text-align: center;
  white-space: nowrap;
  width: 90px;
}

.mobile-375-homepage .groupe-1992-aBoCxH {
  background-color: transparent;
  cursor: pointer;
  height: 40px;
  left: calc(50.00% - 138px);
  position: absolute;
  top: calc(37.93% - 15px);
  width: 275px;
}

.mobile-375-homepage .rectangle-61-DG3w9U {
  background-color: var(--turquoise);
  border-radius: 40px;
  box-shadow: 0px 20px 20px #00000029;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.mobile-375-homepage .contactez-nous-DG3w9U {
  background-color: transparent;
  bottom: calc(28.57% - 7px);
  height: 26px;
  letter-spacing: 0.00px;
  line-height: 20px;
  position: absolute;
  right: calc(48.68% - 78px);
  text-align: center;
  white-space: nowrap;
  width: 160px;
}

.mobile-375-homepage .icon-linkedin-aBoCxH {
  background-color: transparent;
  bottom: 0px;
  cursor: pointer;
  height: 60px;
  left: calc(27.01% - 16px);
  object-fit: cover;
  position: absolute;
  width: 60px;
}

.mobile-375-homepage .facebook2x-aBoCxH {
  background-color: transparent;
  bottom: 0px;
  cursor: pointer;
  height: 60px;
  object-fit: cover;
  position: absolute;
  right: calc(26.56% - 16px);
  width: 60px;
}

.mobile-375-homepage .opendo_logo_white-rqsOJD {
  background-color: transparent;
  height: 20px;
  left: 20px;
  object-fit: cover;
  position: absolute;
  top: 20px;
  width: 90px;
}

.mobile-375-homepage .rectangle-242-rqsOJD {
  background-color: var(--geyser);
  height: 704px;
  left: 0px;
  position: absolute;
  top: calc(42.31% - 298px);
  width: 100%;
}

.mobile-375-homepage .rocket-full-activites2x-rqsOJD {
  background-color: transparent;
  bottom: 1920px;
  height: 375px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  width: 375px;
}

.mobile-375-homepage .rectangle-243-rqsOJD {
  background-color: var(--turquoise);
  bottom: calc(36.54% - 257px);
  height: 704px;
  left: 0px;
  position: absolute;
  width: 100%;
}

.mobile-375-homepage .groupe-2399-rqsOJD {
  background-color: transparent;
  height: 392px;
  left: 20px;
  position: absolute;
  top: calc(42.97% - 168px);
  width: calc(100.00% - 40px);
}

.mobile-375-homepage .captez-lattention-de-vos-participants-gjguFW {
  background-color: transparent;
  height: 50px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 20px;
  position: absolute;
  text-align: center;
  top: calc(17.54% - 9px);
  width: calc(100.00% + 2px);
}

.mobile-375-homepage .la-mmorisation-et-la-gjguFW {
  background-color: transparent;
  bottom: calc(47.97% - 70px);
  height: 146px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 20px;
  position: absolute;
  text-align: center;
  width: 100%;
}

.mobile-375-homepage .picto_all_modules2x-gjguFW {
  background-color: transparent;
  height: 40px;
  left: calc(49.83% - 20px);
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 40px;
}

.mobile-375-homepage .groupe-2386-gjguFW {
  background-color: transparent;
  cursor: pointer;
  height: 10.20%;
  left: calc(33.33% - 110px);
  position: absolute;
  top: 89.80%;
  width: 331px;
}

.mobile-375-homepage .rectangle-61-bQah5U {
  background-color: var(--turquoise);
  border-radius: 40px;
  box-shadow: 0px 20px 20px #00000029;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.mobile-375-homepage .jessaie-en-quelques-clics-bQah5U {
  background-color: transparent;
  bottom: calc(33.33% - 8px);
  height: 25px;
  left: 45px;
  letter-spacing: 0.00px;
  line-height: 19px;
  position: absolute;
  text-align: center;
  white-space: nowrap;
  width: 236px;
}

.mobile-375-homepage .groupe-2401-rqsOJD {
  background-color: transparent;
  bottom: calc(36.93% - 223px);
  height: 604px;
  left: 20px;
  position: absolute;
  width: calc(100.00% - 40px);
}

.mobile-375-homepage .groupe-2400-W4LRjT {
  background-color: transparent;
  height: 260px;
  left: calc(50.00% - 168px);
  position: absolute;
  top: calc(40.12% - 104px);
  width: 335px;
}

.mobile-375-homepage .opendo_-participant_252_cards2x-pogOnn {
  background-color: transparent;
  border-radius: 10px;
  bottom: -50px;
  height: 137px;
  left: 14px;
  object-fit: cover;
  position: absolute;
  width: 184px;
}

.mobile-375-homepage .opendo_-anim-webapp_quiz_podium2x-pogOnn {
  background-color: transparent;
  border-radius: 10px;
  height: 184px;
  left: -30px;
  object-fit: cover;
  position: absolute;
  top: -10px;
  width: 280px;
}

.mobile-375-homepage .opendo_-participant_260_who2x-pogOnn {
  background-color: transparent;
  border-radius: 10px;
  height: 172px;
  left: 126px;
  object-fit: cover;
  position: absolute;
  top: calc(112.50% - 194px);
  width: 239px;
}

.mobile-375-homepage .mettez-du-fun-dans-v-W4LRjT {
  background-color: transparent;
  height: 50px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 20px;
  position: absolute;
  text-align: center;
  top: 60px;
  width: calc(100.00% + 2px);
}

.mobile-375-homepage .utilisable-en-classe-W4LRjT {
  background-color: transparent;
  bottom: 78px;
  height: 98px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 20px;
  position: absolute;
  text-align: center;
  width: 100%;
}

.mobile-375-homepage .picto_appreciation2x-W4LRjT {
  background-color: transparent;
  height: 40px;
  left: calc(49.83% - 20px);
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 40px;
}

.mobile-375-homepage .groupe-2387-W4LRjT {
  background-color: transparent;
  cursor: pointer;
  height: 6.62%;
  left: calc(33.33% - 110px);
  position: absolute;
  top: 93.38%;
  width: 331px;
}

.mobile-375-homepage .rectangle-61-5RzcSZ {
  background-color: var(--rose-pearl);
  border-radius: 40px;
  box-shadow: 0px 20px 20px #00000029;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.mobile-375-homepage .je-veux-en-savoir-plus-5RzcSZ {
  background-color: transparent;
  bottom: calc(28.57% - 7px);
  height: 26px;
  letter-spacing: 0.00px;
  line-height: 20px;
  position: absolute;
  right: calc(47.01% - 101px);
  text-align: center;
  white-space: nowrap;
  width: 214px;
}

.mobile-375-homepage .groupe-2402-rqsOJD {
  background-color: transparent;
  bottom: 555px;
  height: 617px;
  left: 0px;
  position: absolute;
  width: 100%;
}

.mobile-375-homepage .macbook_session-home-full-7x7kjG {
  background-color: transparent;
  height: 375px;
  left: calc(50.00% - 188px);
  object-fit: cover;
  position: absolute;
  top: calc(23.55% - 88px);
  width: 375px;
}

.mobile-375-homepage .une-seule-console-po-7x7kjG {
  background-color: transparent;
  height: 50px;
  left: 20px;
  letter-spacing: 0.00px;
  line-height: 20px;
  position: absolute;
  text-align: center;
  top: 60px;
  width: calc(100.00% - 38px);
}

.mobile-375-homepage .pilotez-votre-animat-7x7kjG {
  background-color: transparent;
  bottom: 78px;
  height: 146px;
  left: 20px;
  letter-spacing: 0.00px;
  line-height: 20px;
  position: absolute;
  text-align: center;
  width: calc(100.00% - 38px);
}

.mobile-375-homepage .cursor_hand2x-7x7kjG {
  background-color: transparent;
  height: 40px;
  object-fit: cover;
  position: absolute;
  right: calc(49.85% - 20px);
  top: 0px;
  width: 40px;
}

.mobile-375-homepage .groupe-2388-7x7kjG {
  background-color: transparent;
  cursor: pointer;
  height: 6.48%;
  left: calc(50.00% - 166px);
  position: absolute;
  top: 93.52%;
  width: 331px;
}

.mobile-375-homepage .rectangle-61-Vh2Hhg {
  background-color: var(--turquoise);
  border-radius: 40px;
  box-shadow: 0px 20px 20px #00000029;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.mobile-375-homepage .je-teste-loutil-Vh2Hhg {
  background-color: transparent;
  bottom: calc(28.57% - 7px);
  height: 26px;
  letter-spacing: 0.00px;
  line-height: 20px;
  position: absolute;
  right: calc(49.22% - 69px);
  text-align: center;
  white-space: nowrap;
  width: 140px;
}

.mobile-375-homepage .groupe-2398-rqsOJD {
  background-color: transparent;
  height: 570px;
  left: 0px;
  position: absolute;
  top: calc(22.27% - 127px);
  width: 100%;
}

.mobile-375-homepage .macbook_new-session-by-content-bDC2tx {
  background-color: transparent;
  height: 375px;
  left: calc(50.00% - 188px);
  object-fit: cover;
  position: absolute;
  top: calc(28.72% - 108px);
  width: 375px;
}

.mobile-375-homepage .picto_animate2x-bDC2tx {
  background-color: transparent;
  height: 40px;
  object-fit: cover;
  position: absolute;
  right: calc(49.85% - 20px);
  top: 0px;
  width: 40px;
}

.mobile-375-homepage .groupe-2385-bDC2tx {
  background-color: transparent;
  cursor: pointer;
  height: 7.02%;
  left: calc(50.00% - 166px);
  position: absolute;
  top: 92.98%;
  width: 331px;
}

.mobile-375-homepage .rectangle-61-DhZldJ {
  background-color: var(--turquoise);
  border-radius: 40px;
  box-shadow: 0px 20px 20px #00000029;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.mobile-375-homepage .je-dcouvre-maintenant-DhZldJ {
  background-color: transparent;
  bottom: calc(33.33% - 8px);
  height: 25px;
  left: 50px;
  letter-spacing: 0.00px;
  line-height: 19px;
  position: absolute;
  text-align: center;
  white-space: nowrap;
  width: 226px;
}

.mobile-375-homepage .animez-avec-un-outil-simple-et-intuitif-bDC2tx {
  background-color: transparent;
  height: 50px;
  left: 20px;
  letter-spacing: 0.00px;
  line-height: 20px;
  position: absolute;
  text-align: center;
  top: 60px;
  width: calc(100.00% - 38px);
}

.mobile-375-homepage .dmarrez-avec-vos-sup-bDC2tx {
  background-color: transparent;
  bottom: 78px;
  height: 98px;
  left: 20px;
  letter-spacing: 0.00px;
  line-height: 20px;
  position: absolute;
  text-align: center;
  width: calc(100.00% - 38px);
}
/* screen - web-1280-homepage */

.web-1280-homepage {
  background-color: var(--white);
  height: 100vh;
  margin: 0px;
  min-height: 4684px;
  min-width: 1280px;
  overflow: hidden;
  overflow-x: hidden;
  position: relative;
  width: 100%;
}

.web-1280-homepage .rectangle-245-fQOJtE {
  background-color: var(--turquoise);
  height: 800px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.web-1280-homepage .groupe-2380-fQOJtE {
  background-color: transparent;
  height: 17.08%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.web-1280-homepage .rectangle-155-UQRGVy {
  background-color: var(--turquoise);
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.web-1280-homepage .opendo_-toolbox_4-k-UQRGVy {
  background-color: transparent;
  height: 800px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 100%;
}

.web-1280-homepage .opendo_logo_white-fQOJtE {
  background-color: transparent;
  height: 41px;
  left: 60px;
  object-fit: cover;
  position: absolute;
  top: 60px;
  width: 180px;
}

.web-1280-homepage .groupe-2404-fQOJtE {
  background-color: transparent;
  height: 536px;
  position: absolute;
  right: 60px;
  top: calc(3.86% - 21px);
  width: 50.00%;
}

.web-1280-homepage .pour-vous-la-promo-p-CSaaHE {
  background-color: transparent;
  color: var(--abbey);
  font-family: var(--font-family-museo_sans);
  font-size: var(--font-size-l);
  font-weight: 400;
  height: 146px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 40px;
  position: absolute;
  text-align: center;
  top: 0px;
  width: calc(100.00% + 2px);
}

.web-1280-homepage .span0-EWga0U {
}

.web-1280-homepage .span1-EWga0U {
}

.web-1280-homepage .groupe-2367-CSaaHE {
  background-color: transparent;
  bottom: 0px;
  cursor: pointer;
  height: 80px;
  left: calc(47.62% - 286px);
  position: absolute;
  width: 600px;
}

.web-1280-homepage .rectangle-61-VufAqD {
  background-color: var(--rose-pearl);
  border-radius: 40px;
  box-shadow: 0px 20px 20px #00000029;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.web-1280-homepage .jen-profite-tout-de-suite-VufAqD {
  background-color: transparent;
  bottom: calc(40.48% - 15px);
  height: 38px;
  letter-spacing: 0.00px;
  line-height: 30px;
  position: absolute;
  right: calc(49.55% - 188px);
  text-align: center;
  white-space: nowrap;
  width: 380px;
}

.web-1280-homepage .groupe-2381-CSaaHE {
  background-color: transparent;
  bottom: calc(42.31% - 51px);
  cursor: pointer;
  height: 120px;
  left: calc(49.55% - 208px);
  position: absolute;
  width: 420px;
}

.web-1280-homepage .rectangle-240-j2ypwx {
  background-color: var(--abbey);
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.web-1280-homepage .x2-mois-offertsavec-le-code-happy22-j2ypwx {
  background-color: transparent;
  bottom: calc(11.76% - 10px);
  color: var(--white);
  font-family: var(--font-family-museo_sans);
  font-size: var(--font-size-l);
  font-weight: 400;
  height: 86px;
  left: 43px;
  letter-spacing: 0.00px;
  line-height: 30px;
  position: absolute;
  text-align: center;
  white-space: nowrap;
  width: calc(100.00% - 92px);
}

.web-1280-homepage .span0-xwz5X1 {
}

.web-1280-homepage .span1-xwz5X1 {
}

.web-1280-homepage .groupe-2383-fQOJtE {
  background-color: transparent;
  bottom: 120px;
  height: 444px;
  left: calc(50.00% - 253px);
  position: absolute;
  width: 506px;
}

.web-1280-homepage .une-question-un-doute-un-mot-doux-ggTiSJ {
  background-color: transparent;
  height: 98px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 40px;
  position: absolute;
  text-align: center;
  top: 8px;
  white-space: nowrap;
  width: calc(100.00% + 2px);
}

.web-1280-homepage .partager-ggTiSJ {
  background-color: transparent;
  bottom: calc(23.86% - 12px);
  height: 50px;
  left: calc(50.00% - 89px);
  letter-spacing: 0.00px;
  line-height: 40px;
  position: absolute;
  text-align: center;
  white-space: nowrap;
  width: 178px;
}

.web-1280-homepage .groupe-1992-ggTiSJ {
  background-color: transparent;
  cursor: pointer;
  height: 80px;
  left: 53px;
  position: absolute;
  top: calc(42.86% - 34px);
  width: calc(100.00% - 108px);
}

.web-1280-homepage .rectangle-61-AmhkFd {
  background-color: var(--turquoise);
  border-radius: 40px;
  box-shadow: 0px 20px 20px #00000029;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.web-1280-homepage .contactez-nous-AmhkFd {
  background-color: transparent;
  bottom: calc(40.48% - 15px);
  height: 38px;
  letter-spacing: 0.00px;
  line-height: 30px;
  position: absolute;
  right: calc(49.38% - 118px);
  text-align: center;
  white-space: nowrap;
  width: 238px;
}

.web-1280-homepage .linkedin2x-ggTiSJ {
  background-color: transparent;
  bottom: 0px;
  cursor: pointer;
  height: 80px;
  left: calc(35.51% - 28px);
  object-fit: cover;
  position: absolute;
  width: 80px;
}

.web-1280-homepage .facebook2x-ggTiSJ {
  background-color: transparent;
  bottom: 0px;
  cursor: pointer;
  height: 80px;
  object-fit: cover;
  position: absolute;
  right: calc(36.45% - 29px);
  width: 80px;
}

.web-1280-homepage .rectangle-243-fQOJtE {
  background-color: var(--turquoise);
  bottom: calc(38.21% - 306px);
  height: 800px;
  left: 0px;
  position: absolute;
  width: 100%;
}

.web-1280-homepage .rectangle-242-fQOJtE {
  background-color: var(--geyser);
  height: 800px;
  left: 0px;
  position: absolute;
  top: calc(41.19% - 330px);
  width: 100%;
}

.web-1280-homepage .rectangle-244-fQOJtE {
  background-color: var(--conifer);
  bottom: 684px;
  height: 800px;
  left: 0px;
  position: absolute;
  width: 100%;
}

.web-1280-homepage .rocket-full-activites2x-fQOJtE {
  background-color: transparent;
  height: 12.38%;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 38.86%;
  width: 45.31%;
}

.web-1280-homepage .rectangle-241-fQOJtE {
  background-color: var(--juniper);
  height: 800px;
  left: 0px;
  position: absolute;
  top: calc(20.60% - 165px);
  width: 100%;
}

.web-1280-homepage .groupe-2392-fQOJtE {
  background-color: transparent;
  height: 8.39%;
  position: absolute;
  right: 60px;
  top: 54.18%;
  width: 37.58%;
}

.web-1280-homepage .opendo_-participant_252_cards2x-80BG7O {
  background-color: transparent;
  border-radius: 10px;
  bottom: -50px;
  height: 183px;
  left: 4px;
  object-fit: cover;
  position: absolute;
  width: 256px;
}

.web-1280-homepage .opendo_-anim-webapp_quiz_podium2x-80BG7O {
  background-color: transparent;
  height: 256px;
  left: -30px;
  object-fit: cover;
  position: absolute;
  top: -10px;
  width: 409px;
}

.web-1280-homepage .opendo_-participant_260_who2x-80BG7O {
  background-color: transparent;
  border-radius: 10px;
  height: 238px;
  left: 167px;
  object-fit: cover;
  position: absolute;
  top: calc(105.16% - 250px);
  width: 344px;
}

.web-1280-homepage .macbook_new-session-by-content-fQOJtE {
  background-color: transparent;
  height: 13.66%;
  object-fit: cover;
  position: absolute;
  right: 0px;
  top: 18.79%;
  width: 50.00%;
}

.web-1280-homepage .macbook_session-home-full-fQOJtE {
  background-color: transparent;
  height: 13.66%;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 70.03%;
  width: 50.00%;
}

.web-1280-homepage .groupe-2389-fQOJtE {
  background-color: transparent;
  height: 524px;
  left: 61px;
  position: absolute;
  top: calc(22.55% - 118px);
  width: 49.84%;
}

.web-1280-homepage .animez-avec-un-outil-simple-et-intuitif-YY6ndX {
  background-color: transparent;
  height: 98px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 40px;
  position: absolute;
  text-align: center;
  top: calc(28.17% - 28px);
  width: calc(100.00% + 2px);
}

.web-1280-homepage .dmarrez-avec-vos-sup-YY6ndX {
  background-color: transparent;
  bottom: calc(38.16% - 42px);
  height: 110px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 30px;
  position: absolute;
  text-align: center;
  width: 100%;
}

.web-1280-homepage .picto_animate2x-YY6ndX {
  background-color: transparent;
  height: 80px;
  left: calc(49.82% - 40px);
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 80px;
}

.web-1280-homepage .groupe-2385-YY6ndX {
  background-color: transparent;
  bottom: 0px;
  cursor: pointer;
  height: 80px;
  left: calc(47.50% - 285px);
  position: absolute;
  width: 600px;
}

.web-1280-homepage .rectangle-61-wxoIiE {
  background-color: var(--turquoise);
  border-radius: 40px;
  box-shadow: 0px 20px 20px #00000029;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.web-1280-homepage .je-dcouvre-maintenant-wxoIiE {
  background-color: transparent;
  bottom: calc(40.48% - 15px);
  height: 38px;
  letter-spacing: 0.00px;
  line-height: 30px;
  position: absolute;
  right: calc(49.59% - 177px);
  text-align: center;
  white-space: nowrap;
  width: 356px;
}

.web-1280-homepage .groupe-2390-fQOJtE {
  background-color: transparent;
  height: 560px;
  position: absolute;
  right: 60px;
  top: calc(41.71% - 234px);
  width: 49.92%;
}

.web-1280-homepage .captez-lattention-de-vos-participants-QXechN {
  background-color: transparent;
  height: 98px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 40px;
  position: absolute;
  text-align: center;
  top: calc(25.97% - 25px);
  width: calc(100.00% + 2px);
}

.web-1280-homepage .la-mmorisation-et-la-QXechN {
  background-color: transparent;
  bottom: calc(38.16% - 56px);
  height: 146px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 30px;
  position: absolute;
  text-align: center;
  width: 100%;
}

.web-1280-homepage .picto_all_modules2x-QXechN {
  background-color: transparent;
  height: 80px;
  left: calc(49.73% - 40px);
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 80px;
}

.web-1280-homepage .groupe-2386-QXechN {
  background-color: transparent;
  bottom: 0px;
  cursor: pointer;
  height: 80px;
  left: calc(46.34% - 278px);
  position: absolute;
  width: 600px;
}

.web-1280-homepage .rectangle-61-j0Q0jd {
  background-color: var(--turquoise);
  border-radius: 40px;
  box-shadow: 0px 20px 20px #00000029;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.web-1280-homepage .jessaie-en-quelques-clics-j0Q0jd {
  background-color: transparent;
  bottom: calc(40.48% - 15px);
  height: 38px;
  letter-spacing: 0.00px;
  line-height: 30px;
  position: absolute;
  right: calc(49.57% - 183px);
  text-align: center;
  white-space: nowrap;
  width: 370px;
}

.web-1280-homepage .groupe-2391-fQOJtE {
  background-color: transparent;
  bottom: calc(38.99% - 204px);
  height: 524px;
  left: 60px;
  position: absolute;
  width: 50.00%;
}

.web-1280-homepage .mettez-du-fun-dans-v-WDQ0hR {
  background-color: transparent;
  height: 98px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 40px;
  position: absolute;
  text-align: center;
  top: calc(28.17% - 28px);
  width: calc(100.00% + 2px);
}

.web-1280-homepage .utilisable-en-classe-WDQ0hR {
  background-color: transparent;
  bottom: calc(38.16% - 42px);
  height: 110px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 30px;
  position: absolute;
  text-align: center;
  width: 100%;
}

.web-1280-homepage .picto_appreciation2x-WDQ0hR {
  background-color: transparent;
  height: 80px;
  left: calc(49.82% - 40px);
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 80px;
}

.web-1280-homepage .groupe-2387-WDQ0hR {
  background-color: transparent;
  bottom: 0px;
  cursor: pointer;
  height: 80px;
  left: calc(47.62% - 286px);
  position: absolute;
  width: 600px;
}

.web-1280-homepage .rectangle-61-Ex9yvx {
  background-color: var(--rose-pearl);
  border-radius: 40px;
  box-shadow: 0px 20px 20px #00000029;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.web-1280-homepage .je-veux-en-savoir-plus-Ex9yvx {
  background-color: transparent;
  bottom: calc(40.48% - 15px);
  height: 38px;
  letter-spacing: 0.00px;
  line-height: 30px;
  position: absolute;
  right: calc(49.64% - 159px);
  text-align: center;
  white-space: nowrap;
  width: 320px;
}

.web-1280-homepage .groupe-2393-fQOJtE {
  background-color: transparent;
  bottom: calc(19.23% - 115px);
  height: 596px;
  position: absolute;
  right: 60px;
  width: 50.00%;
}

.web-1280-homepage .une-seule-console-po-Iqa8uf {
  background-color: transparent;
  height: 98px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 40px;
  position: absolute;
  text-align: center;
  top: calc(24.10% - 24px);
  width: calc(100.00% + 2px);
}

.web-1280-homepage .pilotez-votre-animat-Iqa8uf {
  background-color: transparent;
  bottom: calc(38.16% - 69px);
  height: 182px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 30px;
  position: absolute;
  text-align: center;
  width: 100%;
}

.web-1280-homepage .cursor_hand2x-Iqa8uf {
  background-color: transparent;
  height: 80px;
  left: calc(49.82% - 40px);
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 80px;
}

.web-1280-homepage .groupe-2388-Iqa8uf {
  background-color: transparent;
  bottom: 0px;
  cursor: pointer;
  height: 80px;
  left: calc(47.62% - 286px);
  position: absolute;
  width: 600px;
}

.web-1280-homepage .rectangle-61-xbyhPC {
  background-color: var(--turquoise);
  border-radius: 40px;
  box-shadow: 0px 20px 20px #00000029;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.web-1280-homepage .je-teste-loutil-xbyhPC {
  background-color: transparent;
  bottom: calc(40.48% - 15px);
  height: 38px;
  letter-spacing: 0.00px;
  line-height: 30px;
  position: absolute;
  right: calc(49.74% - 104px);
  text-align: center;
  white-space: nowrap;
  width: 210px;
}
@media screen and (max-width: 767px) {
  .screen.full-project { 
    display: none;
   }
  .screen.web-1280-homepage { 
    display: none;
   }
  .screen.ipad-768-homepage { 
    display: none;
   }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .screen.full-project { 
    display: none;
   }
  .screen.web-1280-homepage { 
    display: none;
   }
  .screen.mobile-375-homepage { 
    display: none;
   }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .screen.full-project { 
    display: none;
   }
  .screen.ipad-768-homepage { 
    display: none;
   }
  .screen.mobile-375-homepage { 
    display: none;
   }
}
@media screen and (min-width: 1920px) {
  .screen.web-1280-homepage { 
    display: none;
   }
  .screen.ipad-768-homepage { 
    display: none;
   }
  .screen.mobile-375-homepage { 
    display: none;
   }
}