@import url("reset.min.css");

@import url("https://fonts.googleapis.com/css?family=Oswald:400|Mada:900,400,600,200,300,500,700|Montserrat:500");


@font-face {
  font-family: "Nexa-Heavy";
  font-style: normal;
  font-weight: 400;
  src: url('https://anima-uploads.s3.amazonaws.com/5c4feaf636c3b1000b0f3d43/Fontfabric - Nexa-Heavy.otf') format("opentype");
}

@font-face {
  font-family: "Nexa-Regular";
  font-style: normal;
  font-weight: 400;
  src: url('https://anima-uploads.s3.amazonaws.com/5c4feaf636c3b1000b0f3d43/Fontfabric - Nexa-Regular.otf') format("opentype");
}

/* The following line is used to measure usage of this code. You can remove it if you want. */
@import url("assets/6132655b666cc9f5db22b7e2.6132655ce93298fefab3d329.0oKCsrb.hch.png");




body {
    /* transform: scale(0.69); */
    
  background-image: url(../projects/613265b6f0d4c6677b4b4d17/releases/674a4b3a8cf5fe664be07caf/img/frame-271.png);
    margin: 0;
    padding: 0;
    width: 100%;
    height: 982px;
    display: flex;
    justify-content: center; /* Centre horizontalement */
    align-items: center; 

}


.screen textarea:focus,
.screen input:focus {
  outline: none;
}

.screen * {
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
}

.screen div {
  -webkit-text-size-adjust: none;
}

.component-wrapper a {
  display: contents;
  pointer-events: auto;
  text-decoration: none;
}

.component-wrapper * {
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
  pointer-events: none;
}

.component-wrapper a *,
.component-wrapper input,
.component-wrapper video,
.component-wrapper iframe {
  pointer-events: auto;
}

.component-wrapper.not-ready,
.component-wrapper.not-ready * {
  visibility: hidden !important;
}

.screen a {
  display: contents;
  text-decoration: none;
}

.full-width-a {
  width: 100%;
}

.full-height-a {
  height: 100%;
}

.container-center-vertical {
  align-items: center;
  display: flex;
  flex-direction: row;
  height: 100%;
  pointer-events: none;
}

.container-center-vertical>* {
  flex-shrink: 0;
  pointer-events: auto;
}

.container-center-horizontal {
  display: flex;
  flex-direction: row;
  justify-content: center;
  pointer-events: none;
  width: 100%;
}

.container-center-horizontal>* {
  flex-shrink: 0;
  pointer-events: auto;
}

.auto-animated div {
  --z-index: -1;
  opacity: 0;
  position: absolute;
}

.auto-animated input {
  --z-index: -1;
  opacity: 0;
  position: absolute;
}

.auto-animated .container-center-vertical,
.auto-animated .container-center-horizontal {
  opacity: 1;
}

.overlay-base {
  display: none;
  height: 100%;
  opacity: 0;
  position: fixed;
  top: 0;
  width: 100%;
}

.overlay-base.animate-appear {
  align-items: center;
  animation: reveal 0.3s ease-in-out 1 normal forwards;
  display: flex;
  flex-direction: column;
  justify-content: center;
  opacity: 0;
}

.overlay-base.animate-disappear {
  animation: reveal 0.3s ease-in-out 1 reverse forwards;
  display: block;
  opacity: 1;
  pointer-events: none;
}

.overlay-base.animate-disappear * {
  pointer-events: none;
}

@keyframes reveal {
  from {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

.animate-nodelay {
  animation-delay: 0s;
}

.align-self-flex-start {
  align-self: flex-start;
}

.align-self-flex-end {
  align-self: flex-end;
}

.align-self-flex-center {
  align-self: flex-center;
}

.valign-text-middle {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.valign-text-bottom {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

input:focus {
  outline: none;
}

.listeners-active,
.listeners-active * {
  pointer-events: auto;
}

.hidden,
.hidden * {
  pointer-events: none;
  visibility: hidden;
}

.smart-layers-pointers,
.smart-layers-pointers * {
  pointer-events: auto;
  visibility: visible;
}

.listeners-active-click,
.listeners-active-click * {
  cursor: pointer;
}

* {
  box-sizing: border-box;
}

:root {
  --black: #000000;
  --black-2: #0000008c;
  --black-3: #000000bf;
  --chilean-fire: #f97700;
  --cosmic: #7d3063;
  --fuscous-gray: #565656;
  --iris100: #5d5fef;
  --kingfisher-daisy: #36008d;
  --licorice: #111111;
  --monza: #e2001a;
  --niagara: #00998c;
  --sand-dune: #886c5f;
  --sunburnt-cyclops: #f94351;
  --white: #ffffff;
  --white-2: #ffffff80;
  --white-3: #ffffff8f;

  --font-size-l: 32px;
  --font-size-m: 26px;
  --font-size-s: 25px;
  --font-size-xs: 24px;
  --font-size-xxs: 20px;
  --font-size-xxxs: 18px;
  --font-size-xxxxs: 16px;

  --font-family-mada: "Mada", Helvetica;
  --font-family-nexa-heavy: "Nexa-Heavy", Helvetica;
}

.mada-bold-niagara-16px {
  color: var(--niagara);
  font-family: var(--font-family-mada);
  font-size: var(--font-size-xxxxs);
  font-style: normal;
  font-weight: 700;
}

.mada-normal-white-20px {
  color: var(--white);
  font-family: var(--font-family-mada);
  font-size: var(--font-size-xxs);
  font-style: normal;
  font-weight: 400;
}

.mada-bold-white-14px {
  color: var(--white);
  font-family: var(--font-family-mada);
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
}

.mada-normal-sunburnt-cyclops-32px {
  color: var(--sunburnt-cyclops);
  font-family: var(--font-family-mada);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 400;
}

.mada-medium-black-24px {
  color: var(--black);
  font-family: var(--font-family-mada);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 500;
}

.mada-normal-white-18px {
  color: var(--white);
  font-family: var(--font-family-mada);
  font-size: var(--font-size-xxxs);
  font-style: normal;
  font-weight: 400;
}

.mada-bold-white-20px {
  color: var(--white);
  font-family: var(--font-family-mada);
  font-size: var(--font-size-xxs);
  font-style: normal;
  font-weight: 700;
}

.mada-normal-white-14px {
  color: var(--white);
  font-family: var(--font-family-mada);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
}

.mada-normal-black-26px {
  color: var(--black);
  font-family: var(--font-family-mada);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.mada-semi-bold-sunburnt-cyclops-32px {
  color: var(--sunburnt-cyclops);
  font-family: var(--font-family-mada);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 600;
}

.mada-bold-monza-16px {
  color: var(--monza);
  font-family: var(--font-family-mada);
  font-size: var(--font-size-xxxxs);
  font-style: normal;
  font-weight: 700;
}

.mada-bold-royal-blue-16px {
  color: var(--iris100);
  font-family: var(--font-family-mada);
  font-size: var(--font-size-xxxxs);
  font-style: normal;
  font-weight: 700;
}

.mada-bold-sand-dune-16px {
  color: var(--sand-dune);
  font-family: var(--font-family-mada);
  font-size: var(--font-size-xxxxs);
  font-style: normal;
  font-weight: 700;
}

.mada-bold-cosmic-16px {
  color: var(--cosmic);
  font-family: var(--font-family-mada);
  font-size: var(--font-size-xxxxs);
  font-style: normal;
  font-weight: 700;
}

.mada-bold-chilean-fire-16px {
  color: var(--chilean-fire);
  font-family: var(--font-family-mada);
  font-size: var(--font-size-xxxxs);
  font-style: normal;
  font-weight: 700;
}

.mada-black-fuscous-gray-26px {
  color: var(--fuscous-gray);
  font-family: var(--font-family-mada);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 900;
}

.mada-bold-kingfisher-daisy-16px {
  color: var(--kingfisher-daisy);
  font-family: var(--font-family-mada);
  font-size: var(--font-size-xxxxs);
  font-style: normal;
  font-weight: 700;
}

.mada-medium-white-15px {
  color: var(--white);
  font-family: var(--font-family-mada);
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
}

.mada-semi-bold-white-36px {
  color: var(--white);
  font-family: var(--font-family-mada);
  font-size: 36px;
  font-style: normal;
  font-weight: 600;
}

.mada-black-white-18px {
  color: var(--white);
  font-family: var(--font-family-mada);
  font-size: var(--font-size-xxxs);
  font-style: normal;
  font-weight: 900;
}

.mada-light-monza-32px {
  color: var(--monza);
  font-family: var(--font-family-mada);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 300;
}

.nexa-heavy-normal-white-25px {
  color: var(--white);
  font-family: var(--font-family-nexa-heavy);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 400;
}

.mada-medium-sunburnt-cyclops-32px {
  color: var(--sunburnt-cyclops);
  font-family: var(--font-family-mada);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 500;
}

.mada-normal-sunburnt-cyclops-26px {
  color: var(--sunburnt-cyclops);
  font-family: var(--font-family-mada);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.mada-semi-bold-white-35px {
  color: var(--white);
  font-family: var(--font-family-mada);
  font-size: 35px;
  font-style: normal;
  font-weight: 600;
}

:root {}


.retour-jimL4x {
  background-color: transparent;
  height: 34px;
  left: 40px;
  letter-spacing: 0.70px;
  line-height: 25px;
  position: absolute;
  text-align: left;
  top: -2px;
  width: 56px;
}

.vector-3-jimL4x {
  background-color: transparent;
  height: 17px;
  left: 16px;
  position: absolute;
  top: 10px;
  width: 11px;
}

.recherche {
  background-color: transparent;
  height: auto;
  left: 0px;
  letter-spacing: 0.80px;
  line-height: normal;
  position: absolute;
  text-align: center;
  top: 63px;
  width: 146px;
}

.clip-path-group {
  background-color: transparent;
  left: 0px;
  position: absolute;
  top: 0px;
}

/* screen - frame-271 */

.frame-271 {
  background-color: transparent;
  background-position: 50% 50%;
  background-size: cover;
  height: 1080px;
  opacity: 1;
  width: 100%;
}

.frame-271 .group-C61RwL {
  --z-index: 0;
  background-color: transparent;
  background-image: url(../projects/613265b6f0d4c6677b4b4d17/releases/674a4b3a8cf5fe664be07caf/img/group%402x.png);
  background-size: 100% 100%;
  cursor: pointer;
  height: 208px;
  left: 1196px;
  opacity: 1;
  position: absolute;
  top: 387px;
  width: 145px;
}

.frame-271 .group-VMr6Om {
  --z-index: 1;
  background-color: transparent;
  background-image: url(../projects/613265b6f0d4c6677b4b4d17/releases/674a4b3a8cf5fe664be07caf/img/group-1%402x.png);
  background-size: 100% 100%;
  cursor: pointer;
  height: 209px;
  left: 582px;
  opacity: 1;
  position: absolute;
  top: 385px;
  width: 146px;
}

.frame-271 .group-mzXdH9 {
  --z-index: 2;
  background-color: transparent;
  background-image: url(../projects/613265b6f0d4c6677b4b4d17/releases/674a4b3a8cf5fe664be07caf/img/group-2%402x.png);
  background-size: 100% 100%;
  cursor: pointer;
  height: 266px;
  left: 1361px;
  opacity: 1;
  position: absolute;
  top: 389px;
  width: 186px;
}

.frame-271 .group-QxM5SU {
  --z-index: 3;
  background-color: transparent;
  background-image: url(../projects/613265b6f0d4c6677b4b4d17/releases/674a4b3a8cf5fe664be07caf/img/group-3%402x.png);
  background-size: 100% 100%;
  cursor: pointer;
  height: 268px;
  left: 375px;
  opacity: 1;
  position: absolute;
  top: 390px;
  width: 187px;
}

.frame-271 .group-2P4qUJ {
  --z-index: 4;
  background-color: transparent;
  background-image: url(../projects/613265b6f0d4c6677b4b4d17/releases/674a4b3a8cf5fe664be07caf/img/group-5%402x.png);
  background-size: 100% 100%;
  cursor: pointer;
  height: 155px;
  left: 1062px;
  opacity: 1;
  position: absolute;
  top: 387px;
  width: 108px;
}

.frame-271 .group-qr8e7q {
  --z-index: 5;
  background-color: transparent;
  background-image: url(../projects/613265b6f0d4c6677b4b4d17/releases/674a4b3a8cf5fe664be07caf/img/group-6%402x.png);
  background-size: 100% 100%;
  cursor: pointer;
  height: 155px;
  left: 751px;
  opacity: 1;
  position: absolute;
  top: 387px;
  width: 108px;
}

.frame-271 .prvention-C61RwL {
  --z-index: 6;
  background-color: transparent;
  color: #36008d;
  font-family: 'Nexa-Heavy', Helvetica;
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  height: auto;
  left: 591px;
  letter-spacing: 2.00px;
  line-height: 48px;
  opacity: 1;
  position: absolute;
  text-align: center;
  top: 757px;
  width: 751px;
}

.frame-271 .group-103-C61RwL {
  --z-index: 7;
  background-color: transparent;
  height: 425px;
  left: 713px;
  opacity: 0;
  position: absolute;
  top: 423px;
  width: 633px;
}

.frame-271 .dans-les-coles-prima-B08mCn {
  --z-index: 0;
  background-color: transparent;
  color: #36008d;
  font-family: 'Nexa-Regular', Helvetica;
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  height: auto;
  left: 0px;
  letter-spacing: -1.50px;
  line-height: 50px;
  opacity: 1;
  position: absolute;
  text-align: left;
  top: 63px;
  width: 629px;
}

.frame-271 .span0-Dk4yJM {
  font-style: normal;
  letter-spacing: -0.45px;
}

.frame-271 .span1-Dk4yJM {
  font-family: 'Montserrat', Helvetica;
  font-style: normal;
  font-weight: 500;
  letter-spacing: -0.45px;
}

.frame-271 .prevention-B08mCn {
  --z-index: 1;
  background-color: transparent;
  color: #ffffff;
  font-family: 'Nexa-Heavy', Helvetica;
  font-size: 50px;
  font-style: normal;
  font-weight: 400;
  height: auto;
  left: 65px;
  letter-spacing: 2.50px;
  line-height: normal;
  opacity: 1;
  position: absolute;
  text-align: center;
  top: 0px;
  width: 385px;
}

.frame-271 .frame-B08mCn {
  --z-index: 2;
  background-color: #36008d;
  border-radius: 70px;
  height: 37px;
  left: 169px;
  opacity: 1;
  overflow: hidden;
  position: absolute;
  top: 388px;
  width: 139px;
}

.frame-271 .decouvrir-xuNBEu {
  --z-index: 0;
  background-color: transparent;
  color: #ffffff;
  font-family: 'Nexa-Heavy', Helvetica;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  height: auto;
  left: 18px;
  letter-spacing: 0.70px;
  line-height: 25px;
  opacity: 1;
  position: absolute;
  text-align: left;
  top: 5px;
  width: 115px;
}

.frame-271 .vector-1-xuNBEu {
  --z-index: 1;
  background-color: transparent;
  background-image: url(../projects/613265b6f0d4c6677b4b4d17/releases/674a4b3a8cf5fe664be07caf/img/vector-1-1%402x.png);
  background-size: 100% 100%;
  height: 11px;
  left: 4940px;
  opacity: 1;
  position: absolute;
  top: 4501px;
  width: 6px;
}

.frame-271 .polygon-1-C61RwL {
  --z-index: 8;
  background-color: transparent;
  background-image: url(https://cdn.animaapp.com/projects/613265b6f0d4c6677b4b4d17/releases/674a4b3a8cf5fe664be07caf/img/polygon-1.svg);
  background-size: 100% 100%;
  cursor: pointer;
  height: 50px;
  left: 1777px;
  opacity: 1;
  position: absolute;
  top: 516px;
  width: 45px;
}

/* prevention */

.frame-271 .rectangle-C61RwL {
  --z-index: 9;
  background-color: transparent;
  background-image: url(../projects/613265b6f0d4c6677b4b4d17/releases/674a4b3a8cf5fe664be07caf/img/rectangle%402x.png);
  background-size: 100% 100%;
  height: 81px;
  left: 70px;
  opacity: 1;
  position: absolute;
  top: 71px;
  width: 333px;
}

.frame-271 .group-J1YQmd {
  --z-index: 10;
  background-color: transparent;
  background-image: url(../projects/613265b6f0d4c6677b4b4d17/releases/674a4b3a8cf5fe664be07caf/img/group-4%402x.png);
  background-size: 100% 100%;
  cursor: pointer;
  height: 370px;
  left: 832px;
  opacity: 1;
  position: absolute;
  top: 334px;
  width: 258px;
}

.frame-271 .polygon-2-C61RwL {
  --z-index: 11;
  background-color: transparent;
  background-image: url(https://cdn.animaapp.com/projects/613265b6f0d4c6677b4b4d17/releases/674a4b3a8cf5fe664be07caf/img/polygon-2.svg);
  background-size: 100% 100%;
  cursor: pointer;
  height: 47px;
  left: 96px;
  opacity: 1;
  position: absolute;
  top: 518px;
  width: 42px;
}


/* centre */

.frame-271 .centre-C61RwL {
  --z-index: 12;
  background-color: transparent;
  color: #565656;
  font-family: 'FONTSPRING DEMO - Rotunda Hair-Light-Bold', Helvetica;
  font-size: 68px;
  font-style: normal;
  font-weight: 700;
  height: auto;
  left: 463px;
  letter-spacing: 0.00px;
  line-height: normal;
  opacity: 0.7;
  position: absolute;
  text-align: left;
  top: 79px;
  width: 466px;
}


/* centre ressources */

.frame-271 .de-ressources-C61RwL {
  --z-index: 13;
  background-color: transparent;
  color: #565656;
  font-family: 'FONTSPRING DEMO - Rotunda Hair-Light-Bold', Helvetica;
  font-size: 38px;
  font-style: normal;
  font-weight: 700;
  height: auto;
  left: 561px;
  letter-spacing: 0.00px;
  line-height: normal;
  opacity: 0.7;
  position: absolute;
  text-align: left;
  top: 154px;
  white-space: nowrap;
  width: auto;
}

.frame-271 .group-99-C61RwL {
  --z-index: 14;
  background-color: transparent;
  height: 34px;
  left: 1648px;
  opacity: 1;
  position: absolute;
  top: 104px;
  width: 169px;
}

.frame-271 .contact-ZnSQrh {
  --z-index: 0;
  background-color: transparent;
  color: #565656;
  font-family: 'Mada', Helvetica;
  font-size: 26px;
  font-style: normal;
  font-weight: 900;
  height: auto;
  left: 0px;
  letter-spacing: 1.30px;
  line-height: 25px;
  opacity: 1;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 167px;
}

/* screen - frame-273 */

.frame-273 {
  background-color: transparent;
  background-position: 50% 50%;
  background-size: cover;
  height: 1080px;
  opacity: 1;
  width: 100%;
}

.frame-273 .group-C61RwL {
  --z-index: 0;
  background-color: transparent;
  background-image: url(../projects/613265b6f0d4c6677b4b4d17/releases/674a4b3a8cf5fe664be07caf/img/group-7%402x.png);
  background-size: 100% 100%;
  cursor: pointer;
  height: 377px;
  left: 830px;
  opacity: 1;
  position: absolute;
  top: 331px;
  width: 263px;
}

.frame-273 .group-VMr6Om {
  --z-index: 1;
  background-color: transparent;
  background-image: url(../projects/613265b6f0d4c6677b4b4d17/releases/674a4b3a8cf5fe664be07caf/img/group-8%402x.png);
  background-size: 100% 100%;
  cursor: pointer;
  height: 154px;
  left: 1062px;
  opacity: 1;
  position: absolute;
  top: 387px;
  width: 107px;
}

.frame-273 .group-mzXdH9 {
  --z-index: 2;
  background-color: transparent;
  background-image: url(../projects/613265b6f0d4c6677b4b4d17/releases/674a4b3a8cf5fe664be07caf/img/group-9%402x.png);
  background-size: 100% 100%;
  cursor: pointer;
  height: 271px;
  left: 374px;
  opacity: 1;
  position: absolute;
  top: 387px;
  width: 189px;
}

.frame-273 .group-QxM5SU {
  --z-index: 3;
  background-color: transparent;
  background-image: url(../projects/613265b6f0d4c6677b4b4d17/releases/674a4b3a8cf5fe664be07caf/img/group-10%402x.png);
  background-size: 100% 100%;
  cursor: pointer;
  height: 154px;
  left: 752px;
  opacity: 1;
  position: absolute;
  top: 387px;
  width: 107px;
}

.frame-273 .group-2P4qUJ {
  --z-index: 4;
  background-color: transparent;
  background-image: url(../projects/613265b6f0d4c6677b4b4d17/releases/674a4b3a8cf5fe664be07caf/img/group-11%402x.png);
  background-size: 100% 100%;
  cursor: pointer;
  height: 271px;
  left: 1356px;
  opacity: 1;
  position: absolute;
  top: 387px;
  width: 189px;
}

.frame-273 .group-qr8e7q {
  --z-index: 5;
  background-color: transparent;
  background-image: url(../projects/613265b6f0d4c6677b4b4d17/releases/674a4b3a8cf5fe664be07caf/img/group-14%402x.png);
  background-size: 100% 100%;
  cursor: pointer;
  height: 209px;
  left: 1196px;
  opacity: 1;
  position: absolute;
  top: 387px;
  width: 145px;
}

.frame-273 .accesaux-medicaments-produits-de-sante-C61RwL {
  --z-index: 6;
  background-color: transparent;
  color: #7d3063;
  font-family: 'Nexa-Heavy', Helvetica;
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  height: auto;
  left: 591px;
  letter-spacing: 2.00px;
  line-height: 48px;
  opacity: 1;
  position: absolute;
  text-align: center;
  top: 757px;
  width: 751px;
}

.frame-273 .group-103-C61RwL {
  --z-index: 7;
  background-color: transparent;
  height: 425px;
  left: 713px;
  opacity: 0;
  position: absolute;
  top: 423px;
  width: 633px;
}

.frame-273 .dans-les-coles-prima-B08mCn {
  --z-index: 0;
  background-color: transparent;
  color: #36008d;
  font-family: 'Nexa-Regular', Helvetica;
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  height: auto;
  left: 0px;
  letter-spacing: -1.50px;
  line-height: 50px;
  opacity: 1;
  position: absolute;
  text-align: left;
  top: 63px;
  width: 629px;
}

.frame-273 .span0-Dk4yJM {
  font-style: normal;
  letter-spacing: -0.45px;
}

.frame-273 .span1-Dk4yJM {
  font-family: 'Montserrat', Helvetica;
  font-style: normal;
  font-weight: 500;
  letter-spacing: -0.45px;
}

.frame-273 .prevention-B08mCn {
  --z-index: 1;
  background-color: transparent;
  color: #ffffff;
  font-family: 'Nexa-Heavy', Helvetica;
  font-size: 50px;
  font-style: normal;
  font-weight: 400;
  height: auto;
  left: 65px;
  letter-spacing: 2.50px;
  line-height: normal;
  opacity: 1;
  position: absolute;
  text-align: center;
  top: 0px;
  width: 385px;
}

.frame-273 .frame-B08mCn {
  --z-index: 2;
  background-color: #36008d;
  border-radius: 70px;
  height: 37px;
  left: 169px;
  opacity: 1;
  overflow: hidden;
  position: absolute;
  top: 388px;
  width: 139px;
}

.frame-273 .decouvrir-xuNBEu {
  --z-index: 0;
  background-color: transparent;
  color: #ffffff;
  font-family: 'Nexa-Heavy', Helvetica;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  height: auto;
  left: 18px;
  letter-spacing: 0.70px;
  line-height: 25px;
  opacity: 1;
  position: absolute;
  text-align: left;
  top: 5px;
  width: 115px;
}

.frame-273 .vector-1-xuNBEu {
  --z-index: 1;
  background-color: transparent;
  background-image: url(../projects/613265b6f0d4c6677b4b4d17/releases/674a4b3a8cf5fe664be07caf/img/vector-1-3%402x.png);
  background-size: 100% 100%;
  height: 11px;
  left: 766px;
  opacity: 1;
  position: absolute;
  top: 4501px;
  width: 6px;
}

.frame-273 .polygon-1-C61RwL {
  --z-index: 8;
  background-color: transparent;
  background-image: url(https://cdn.animaapp.com/projects/613265b6f0d4c6677b4b4d17/releases/674a4b3a8cf5fe664be07caf/img/polygon-1.svg);
  background-size: 100% 100%;
  cursor: pointer;
  height: 50px;
  left: 1777px;
  opacity: 1;
  position: absolute;
  top: 516px;
  width: 45px;
}

.frame-273 .rectangle-C61RwL {
  --z-index: 9;
  background-color: transparent;
  background-image: url(../projects/613265b6f0d4c6677b4b4d17/releases/674a4b3a8cf5fe664be07caf/img/rectangle%402x.png);
  background-size: 100% 100%;
  height: 81px;
  left: 70px;
  opacity: 1;
  position: absolute;
  top: 71px;
  width: 333px;
}

.frame-273 .group-J1YQmd {
  --z-index: 10;
  background-color: transparent;
  background-image: url(../projects/613265b6f0d4c6677b4b4d17/releases/674a4b3a8cf5fe664be07caf/img/group-12%402x.png);
  background-size: 100% 100%;
  cursor: pointer;
  height: 209px;
  left: 582px;
  opacity: 1;
  position: absolute;
  top: 387px;
  width: 146px;
}

.frame-273 .polygon-2-C61RwL {
  --z-index: 11;
  background-color: transparent;
  background-image: url(https://cdn.animaapp.com/projects/613265b6f0d4c6677b4b4d17/releases/674a4b3a8cf5fe664be07caf/img/polygon-2.svg);
  background-size: 100% 100%;
  cursor: pointer;
  height: 47px;
  left: 96px;
  opacity: 1;
  position: absolute;
  top: 518px;
  width: 42px;
}

.frame-273 .centre-C61RwL {
  --z-index: 12;
  background-color: transparent;
  color: #565656;
  font-family: 'FONTSPRING DEMO - Rotunda Hair-Light-Bold', Helvetica;
  font-size: 68px;
  font-style: normal;
  font-weight: 700;
  height: auto;
  left: 463px;
  letter-spacing: 0.00px;
  line-height: normal;
  opacity: 0.7;
  position: absolute;
  text-align: left;
  top: 79px;
  width: 466px;
}

.frame-273 .de-ressources-C61RwL {
  --z-index: 13;
  background-color: transparent;
  color: #565656;
  font-family: 'FONTSPRING DEMO - Rotunda Hair-Light-Bold', Helvetica;
  font-size: 38px;
  font-style: normal;
  font-weight: 700;
  height: auto;
  left: 561px;
  letter-spacing: 0.00px;
  line-height: normal;
  opacity: 0.7;
  position: absolute;
  text-align: left;
  top: 154px;
  white-space: nowrap;
  width: auto;
}

.frame-273 .group-99-C61RwL {
  --z-index: 14;
  background-color: transparent;
  height: 34px;
  left: 1648px;
  opacity: 1;
  position: absolute;
  top: 104px;
  width: 169px;
}

.frame-273 .contact-ZnSQrh {
  --z-index: 0;
  background-color: transparent;
  color: #565656;
  font-family: 'Mada', Helvetica;
  font-size: 26px;
  font-style: normal;
  font-weight: 900;
  height: auto;
  left: 0px;
  letter-spacing: 1.30px;
  line-height: 25px;
  opacity: 1;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 167px;
}

/* screen - frame-276 */

.frame-276 {
  background-color: transparent;
  background-position: 50% 50%;
  background-size: cover;
  height: 1080px;
  opacity: 1;
  width: 100%;
}

.frame-276 .group-C61RwL {
  --z-index: 0;
  background-color: transparent;
  background-image: url(../projects/613265b6f0d4c6677b4b4d17/releases/674a4b3a8cf5fe664be07caf/img/group-15%402x.png);
  background-size: 100% 100%;
  cursor: pointer;
  height: 153px;
  left: 753px;
  opacity: 1;
  position: absolute;
  top: 387px;
  width: 107px;
}

.frame-276 .group-VMr6Om {
  --z-index: 1;
  background-color: transparent;
  background-image: url(../projects/613265b6f0d4c6677b4b4d17/releases/674a4b3a8cf5fe664be07caf/img/group-16%402x.png);
  background-size: 100% 100%;
  cursor: pointer;
  height: 377px;
  left: 829px;
  opacity: 1;
  position: absolute;
  top: 331px;
  width: 263px;
}

.frame-276 .group-mzXdH9 {
  --z-index: 2;
  background-color: transparent;
  background-image: url(../projects/613265b6f0d4c6677b4b4d17/releases/674a4b3a8cf5fe664be07caf/img/group-17%402x.png);
  background-size: 100% 100%;
  cursor: pointer;
  height: 153px;
  left: 1063px;
  opacity: 1;
  position: absolute;
  top: 387px;
  width: 107px;
}

.frame-276 .group-QxM5SU {
  --z-index: 3;
  background-color: transparent;
  background-image: url(../projects/613265b6f0d4c6677b4b4d17/releases/674a4b3a8cf5fe664be07caf/img/group-18%402x.png);
  background-size: 100% 100%;
  cursor: pointer;
  height: 271px;
  left: 1360px;
  opacity: 1;
  position: absolute;
  top: 387px;
  width: 189px;
}

.frame-276 .group-2P4qUJ {
  --z-index: 4;
  background-color: transparent;
  background-image: url(../projects/613265b6f0d4c6677b4b4d17/releases/674a4b3a8cf5fe664be07caf/img/group-19%402x.png);
  background-size: 100% 100%;
  cursor: pointer;
  height: 209px;
  left: 583px;
  opacity: 1;
  position: absolute;
  top: 387px;
  width: 146px;
}

.frame-276 .group-qr8e7q {
  --z-index: 5;
  background-color: transparent;
  background-image: url(../projects/613265b6f0d4c6677b4b4d17/releases/674a4b3a8cf5fe664be07caf/img/group-20%402x.png);
  background-size: 100% 100%;
  cursor: pointer;
  height: 271px;
  left: 374px;
  opacity: 1;
  position: absolute;
  top: 387px;
  width: 189px;
}

.frame-276 .accesaux-donnees-C61RwL {
  --z-index: 6;
  background-color: transparent;
  color: #00998c;
  font-family: 'Nexa-Heavy', Helvetica;
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  height: auto;
  left: 591px;
  letter-spacing: 2.00px;
  line-height: 48px;
  opacity: 1;
  position: absolute;
  text-align: center;
  top: 757px;
  width: 751px;
}

.frame-276 .group-103-C61RwL {
  --z-index: 7;
  background-color: transparent;
  height: 425px;
  left: 713px;
  opacity: 0;
  position: absolute;
  top: 423px;
  width: 633px;
}

.frame-276 .dans-les-coles-prima-B08mCn {
  --z-index: 0;
  background-color: transparent;
  color: #36008d;
  font-family: 'Nexa-Regular', Helvetica;
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  height: auto;
  left: 0px;
  letter-spacing: -1.50px;
  line-height: 50px;
  opacity: 1;
  position: absolute;
  text-align: left;
  top: 63px;
  width: 629px;
}

.frame-276 .span0-Dk4yJM {
  font-style: normal;
  letter-spacing: -0.45px;
}

.frame-276 .span1-Dk4yJM {
  font-family: 'Montserrat', Helvetica;
  font-style: normal;
  font-weight: 500;
  letter-spacing: -0.45px;
}

.frame-276 .prevention-B08mCn {
  --z-index: 1;
  background-color: transparent;
  color: #ffffff;
  font-family: 'Nexa-Heavy', Helvetica;
  font-size: 50px;
  font-style: normal;
  font-weight: 400;
  height: auto;
  left: 65px;
  letter-spacing: 2.50px;
  line-height: normal;
  opacity: 1;
  position: absolute;
  text-align: center;
  top: 0px;
  width: 385px;
}

.frame-276 .frame-B08mCn {
  --z-index: 2;
  background-color: #36008d;
  border-radius: 70px;
  height: 37px;
  left: 169px;
  opacity: 1;
  overflow: hidden;
  position: absolute;
  top: 388px;
  width: 139px;
}

.frame-276 .decouvrir-xuNBEu {
  --z-index: 0;
  background-color: transparent;
  color: #ffffff;
  font-family: 'Nexa-Heavy', Helvetica;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  height: auto;
  left: 18px;
  letter-spacing: 0.70px;
  line-height: 25px;
  opacity: 1;
  position: absolute;
  text-align: left;
  top: 5px;
  width: 115px;
}

.frame-276 .vector-1-xuNBEu {
  --z-index: 1;
  background-color: transparent;
  background-image: url(../projects/613265b6f0d4c6677b4b4d17/releases/674a4b3a8cf5fe664be07caf/img/vector-1-3%402x.png);
  background-size: 100% 100%;
  height: 11px;
  left: -5512px;
  opacity: 1;
  position: absolute;
  top: 4501px;
  width: 6px;
}

.frame-276 .polygon-1-C61RwL {
  --z-index: 8;
  background-color: transparent;
  background-image: url(https://cdn.animaapp.com/projects/613265b6f0d4c6677b4b4d17/releases/674a4b3a8cf5fe664be07caf/img/polygon-1-2.svg);
  background-size: 100% 100%;
  cursor: pointer;
  height: 50px;
  left: 1777px;
  opacity: 1;
  position: absolute;
  top: 516px;
  width: 45px;
}

.frame-276 .rectangle-C61RwL {
  --z-index: 9;
  background-color: transparent;
  background-image: url(../projects/613265b6f0d4c6677b4b4d17/releases/674a4b3a8cf5fe664be07caf/img/rectangle%402x.png);
  background-size: 100% 100%;
  height: 81px;
  left: 70px;
  opacity: 1;
  position: absolute;
  top: 71px;
  width: 333px;
}

.frame-276 .group-J1YQmd {
  --z-index: 10;
  background-color: transparent;
  background-image: url(../projects/613265b6f0d4c6677b4b4d17/releases/674a4b3a8cf5fe664be07caf/img/group-13%402x.png);
  background-size: 100% 100%;
  cursor: pointer;
  height: 209px;
  left: 1196px;
  opacity: 1;
  position: absolute;
  top: 387px;
  width: 146px;
}

.frame-276 .polygon-2-C61RwL {
  --z-index: 11;
  background-color: transparent;
  background-image: url(https://cdn.animaapp.com/projects/613265b6f0d4c6677b4b4d17/releases/674a4b3a8cf5fe664be07caf/img/polygon-2.svg);
  background-size: 100% 100%;
  cursor: pointer;
  height: 47px;
  left: 96px;
  opacity: 1;
  position: absolute;
  top: 518px;
  width: 42px;
}

.frame-276 .centre-C61RwL {
  --z-index: 12;
  background-color: transparent;
  color: #565656;
  font-family: 'FONTSPRING DEMO - Rotunda Hair-Light-Bold', Helvetica;
  font-size: 68px;
  font-style: normal;
  font-weight: 700;
  height: auto;
  left: 463px;
  letter-spacing: 0.00px;
  line-height: normal;
  opacity: 0.7;
  position: absolute;
  text-align: left;
  top: 79px;
  width: 466px;
}

.frame-276 .de-ressources-C61RwL {
  --z-index: 13;
  background-color: transparent;
  color: #565656;
  font-family: 'FONTSPRING DEMO - Rotunda Hair-Light-Bold', Helvetica;
  font-size: 38px;
  font-style: normal;
  font-weight: 700;
  height: auto;
  left: 561px;
  letter-spacing: 0.00px;
  line-height: normal;
  opacity: 0.7;
  position: absolute;
  text-align: left;
  top: 154px;
  white-space: nowrap;
  width: auto;
}

.frame-276 .group-99-C61RwL {
  --z-index: 14;
  background-color: transparent;
  height: 34px;
  left: 1648px;
  opacity: 1;
  position: absolute;
  top: 104px;
  width: 169px;
}

.frame-276 .contact-ZnSQrh {
  --z-index: 0;
  background-color: transparent;
  color: #565656;
  font-family: 'Mada', Helvetica;
  font-size: 26px;
  font-style: normal;
  font-weight: 900;
  height: auto;
  left: 0px;
  letter-spacing: 1.30px;
  line-height: 25px;
  opacity: 1;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 167px;
}

/* screen - frame-272 */

.frame-272 {
  background-color: transparent;
  background-position: 50% 50%;
  background-size: cover;
  height: 1080px;
  opacity: 1;
  width: 100%;
}

.frame-272 .group-C61RwL {
  --z-index: 0;
  background-color: transparent;
  background-image: url(../projects/613265b6f0d4c6677b4b4d17/releases/674a4b3a8cf5fe664be07caf/img/group-21%402x.png);
  background-size: 100% 100%;
  cursor: pointer;
  height: 271px;
  left: 1358px;
  opacity: 1;
  position: absolute;
  top: 387px;
  width: 189px;
}

.frame-272 .group-VMr6Om {
  --z-index: 1;
  background-color: transparent;
  background-image: url(../projects/613265b6f0d4c6677b4b4d17/releases/674a4b3a8cf5fe664be07caf/img/group-22%402x.png);
  background-size: 100% 100%;
  cursor: pointer;
  height: 154px;
  left: 752px;
  opacity: 1;
  position: absolute;
  top: 387px;
  width: 107px;
}

.frame-272 .group-mzXdH9 {
  --z-index: 2;
  background-color: transparent;
  background-image: url(../projects/613265b6f0d4c6677b4b4d17/releases/674a4b3a8cf5fe664be07caf/img/group-23%402x.png);
  background-size: 100% 100%;
  cursor: pointer;
  height: 377px;
  left: 829px;
  opacity: 1;
  position: absolute;
  top: 331px;
  width: 263px;
}

.frame-272 .group-QxM5SU {
  --z-index: 3;
  background-color: transparent;
  background-image: url(../projects/613265b6f0d4c6677b4b4d17/releases/674a4b3a8cf5fe664be07caf/img/group-24%402x.png);
  background-size: 100% 100%;
  cursor: pointer;
  height: 209px;
  left: 582px;
  opacity: 1;
  position: absolute;
  top: 387px;
  width: 146px;
}

.frame-272 .group-2P4qUJ {
  --z-index: 4;
  background-color: transparent;
  background-image: url(../projects/613265b6f0d4c6677b4b4d17/releases/674a4b3a8cf5fe664be07caf/img/group-25%402x.png);
  background-size: 100% 100%;
  cursor: pointer;
  height: 209px;
  left: 1196px;
  opacity: 1;
  position: absolute;
  top: 387px;
  width: 146px;
}

.frame-272 .group-qr8e7q {
  --z-index: 5;
  background-color: transparent;
  background-image: url(../projects/613265b6f0d4c6677b4b4d17/releases/674a4b3a8cf5fe664be07caf/img/group-26%402x.png);
  background-size: 100% 100%;
  cursor: pointer;
  height: 154px;
  left: 1062px;
  opacity: 1;
  position: absolute;
  top: 387px;
  width: 107px;
}

.frame-272 .appui-aux-politiques-C61RwL {
  --z-index: 6;
  background-color: transparent;
  color: #e2001a;
  font-family: 'Nexa-Heavy', Helvetica;
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  height: auto;
  left: 591px;
  letter-spacing: 2.00px;
  line-height: 48px;
  opacity: 1;
  position: absolute;
  text-align: center;
  top: 757px;
  width: 751px;
}

.frame-272 .group-103-C61RwL {
  --z-index: 7;
  background-color: transparent;
  height: 425px;
  left: 713px;
  opacity: 0;
  position: absolute;
  top: 423px;
  width: 633px;
}

.frame-272 .dans-les-coles-prima-B08mCn {
  --z-index: 0;
  background-color: transparent;
  color: #36008d;
  font-family: 'Nexa-Regular', Helvetica;
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  height: auto;
  left: 0px;
  letter-spacing: -1.50px;
  line-height: 50px;
  opacity: 1;
  position: absolute;
  text-align: left;
  top: 63px;
  width: 629px;
}

.frame-272 .span0-Dk4yJM {
  font-style: normal;
  letter-spacing: -0.45px;
}

.frame-272 .span1-Dk4yJM {
  font-family: 'Montserrat', Helvetica;
  font-style: normal;
  font-weight: 500;
  letter-spacing: -0.45px;
}

.frame-272 .prevention-B08mCn {
  --z-index: 1;
  background-color: transparent;
  color: #ffffff;
  font-family: 'Nexa-Heavy', Helvetica;
  font-size: 50px;
  font-style: normal;
  font-weight: 400;
  height: auto;
  left: 65px;
  letter-spacing: 2.50px;
  line-height: normal;
  opacity: 1;
  position: absolute;
  text-align: center;
  top: 0px;
  width: 385px;
}

.frame-272 .frame-B08mCn {
  --z-index: 2;
  background-color: #36008d;
  border-radius: 70px;
  height: 37px;
  left: 169px;
  opacity: 1;
  overflow: hidden;
  position: absolute;
  top: 388px;
  width: 139px;
}

.frame-272 .decouvrir-xuNBEu {
  --z-index: 0;
  background-color: transparent;
  color: #ffffff;
  font-family: 'Nexa-Heavy', Helvetica;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  height: auto;
  left: 18px;
  letter-spacing: 0.70px;
  line-height: 25px;
  opacity: 1;
  position: absolute;
  text-align: left;
  top: 5px;
  width: 115px;
}

.frame-272 .vector-1-xuNBEu {
  --z-index: 1;
  background-color: transparent;
  background-image: url(../projects/613265b6f0d4c6677b4b4d17/releases/674a4b3a8cf5fe664be07caf/img/vector-1-3%402x.png);
  background-size: 100% 100%;
  height: 11px;
  left: 2840px;
  opacity: 1;
  position: absolute;
  top: 4501px;
  width: 6px;
}

.frame-272 .polygon-1-C61RwL {
  --z-index: 8;
  background-color: transparent;
  background-image: url(https://cdn.animaapp.com/projects/613265b6f0d4c6677b4b4d17/releases/674a4b3a8cf5fe664be07caf/img/polygon-1.svg);
  background-size: 100% 100%;
  cursor: pointer;
  height: 50px;
  left: 1777px;
  opacity: 1;
  position: absolute;
  top: 516px;
  width: 45px;
}

.frame-272 .rectangle-C61RwL {
  --z-index: 9;
  background-color: transparent;
  background-image: url(../projects/613265b6f0d4c6677b4b4d17/releases/674a4b3a8cf5fe664be07caf/img/rectangle%402x.png);
  background-size: 100% 100%;
  height: 81px;
  left: 70px;
  opacity: 1;
  position: absolute;
  top: 71px;
  width: 333px;
}

.frame-272 .group-J1YQmd {
  --z-index: 10;
  background-color: transparent;
  background-image: url(../projects/613265b6f0d4c6677b4b4d17/releases/674a4b3a8cf5fe664be07caf/img/group-27%402x.png);
  background-size: 100% 100%;
  cursor: pointer;
  height: 271px;
  left: 374px;
  opacity: 1;
  position: absolute;
  top: 387px;
  width: 189px;
}

.frame-272 .polygon-2-C61RwL {
  --z-index: 11;
  background-color: transparent;
  background-image: url(https://cdn.animaapp.com/projects/613265b6f0d4c6677b4b4d17/releases/674a4b3a8cf5fe664be07caf/img/polygon-2.svg);
  background-size: 100% 100%;
  cursor: pointer;
  height: 47px;
  left: 96px;
  opacity: 1;
  position: absolute;
  top: 518px;
  width: 42px;
}

.frame-272 .centre-C61RwL {
  --z-index: 12;
  background-color: transparent;
  color: #565656;
  font-family: 'FONTSPRING DEMO - Rotunda Hair-Light-Bold', Helvetica;
  font-size: 68px;
  font-style: normal;
  font-weight: 700;
  height: auto;
  left: 463px;
  letter-spacing: 0.00px;
  line-height: normal;
  opacity: 0.7;
  position: absolute;
  text-align: left;
  top: 79px;
  width: 466px;
}

.frame-272 .de-ressources-C61RwL {
  --z-index: 13;
  background-color: transparent;
  color: #565656;
  font-family: 'FONTSPRING DEMO - Rotunda Hair-Light-Bold', Helvetica;
  font-size: 38px;
  font-style: normal;
  font-weight: 700;
  height: auto;
  left: 561px;
  letter-spacing: 0.00px;
  line-height: normal;
  opacity: 0.7;
  position: absolute;
  text-align: left;
  top: 154px;
  white-space: nowrap;
  width: auto;
}

.frame-272 .group-99-C61RwL {
  --z-index: 14;
  background-color: transparent;
  height: 34px;
  left: 1648px;
  opacity: 1;
  position: absolute;
  top: 104px;
  width: 169px;
}

.frame-272 .contact-ZnSQrh {
  --z-index: 0;
  background-color: transparent;
  color: #565656;
  font-family: 'Mada', Helvetica;
  font-size: 26px;
  font-style: normal;
  font-weight: 900;
  height: auto;
  left: 0px;
  letter-spacing: 1.30px;
  line-height: 25px;
  opacity: 1;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 167px;
}

/* screen - frame-277 */

.frame-277 {

  
  background-color: transparent;
  background-position: 50% 50%;
  background-size: cover;
  height: 1080px;
  opacity: 1;
  width: 100%;
}

.frame-277 .group-C61RwL {
  --z-index: 0;
  background-color: transparent;
  background-image: url(../projects/613265b6f0d4c6677b4b4d17/releases/674a4b3a8cf5fe664be07caf/img/group-28%402x.png);
  background-size: 100% 100%;
  cursor: pointer;
  height: 153px;
  left: 1063px;
  opacity: 1;
  position: absolute;
  top: 387px;
  width: 107px;
}

.frame-277 .group-VMr6Om {
  --z-index: 1;
  background-color: transparent;
  background-image: url(../projects/613265b6f0d4c6677b4b4d17/releases/674a4b3a8cf5fe664be07caf/img/group-29%402x.png);
  background-size: 100% 100%;
  cursor: pointer;
  height: 271px;
  left: 374px;
  opacity: 1;
  position: absolute;
  top: 387px;
  width: 189px;
}

.frame-277 .group-mzXdH9 {
  --z-index: 2;
  background-color: transparent;
  background-image: url(../projects/613265b6f0d4c6677b4b4d17/releases/674a4b3a8cf5fe664be07caf/img/group-30%402x.png);
  background-size: 100% 100%;
  cursor: pointer;
  height: 209px;
  left: 1193px;
  opacity: 1;
  position: absolute;
  top: 387px;
  width: 146px;
}

.frame-277 .group-QxM5SU {
  --z-index: 3;
  background-color: transparent;
  background-image: url(../projects/613265b6f0d4c6677b4b4d17/releases/674a4b3a8cf5fe664be07caf/img/group-31%402x.png);
  background-size: 100% 100%;
  cursor: pointer;
  height: 377px;
  left: 829px;
  opacity: 1;
  position: absolute;
  top: 331px;
  width: 263px;
}

.frame-277 .group-2P4qUJ {
  --z-index: 4;
  background-color: transparent;
  background-image: url(../projects/613265b6f0d4c6677b4b4d17/releases/674a4b3a8cf5fe664be07caf/img/group-33%402x.png);
  background-size: 100% 100%;
  cursor: pointer;
  height: 153px;
  left: 752px;
  opacity: 1;
  position: absolute;
  top: 387px;
  width: 107px;
}

.frame-277 .group-qr8e7q {
  --z-index: 5;
  background-color: transparent;
  background-image: url(../projects/613265b6f0d4c6677b4b4d17/releases/674a4b3a8cf5fe664be07caf/img/group-34%402x.png);
  background-size: 100% 100%;
  cursor: pointer;
  height: 209px;
  left: 584px;
  opacity: 1;
  position: absolute;
  top: 387px;
  width: 146px;
}

.frame-277 .change-sud-nord-C61RwL {
  --z-index: 6;
  background-color: transparent;
  color: #886c5f;
  font-family: 'Nexa-Heavy', Helvetica;
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  height: auto;
  left: 591px;
  letter-spacing: 2.00px;
  line-height: 48px;
  opacity: 1;
  position: absolute;
  text-align: center;
  top: 757px;
  width: 751px;
}

.frame-277 .group-103-C61RwL {
  --z-index: 7;
  background-color: transparent;
  height: 425px;
  left: 713px;
  opacity: 0;
  position: absolute;
  top: 423px;
  width: 633px;
}

.frame-277 .dans-les-coles-prima-B08mCn {
  --z-index: 0;
  background-color: transparent;
  color: #36008d;
  font-family: 'Nexa-Regular', Helvetica;
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  height: auto;
  left: 0px;
  letter-spacing: -1.50px;
  line-height: 50px;
  opacity: 1;
  position: absolute;
  text-align: left;
  top: 63px;
  width: 629px;
}

.frame-277 .span0-Dk4yJM {
  font-style: normal;
  letter-spacing: -0.45px;
}

.frame-277 .span1-Dk4yJM {
  font-family: 'Montserrat', Helvetica;
  font-style: normal;
  font-weight: 500;
  letter-spacing: -0.45px;
}

.frame-277 .prevention-B08mCn {
  --z-index: 1;
  background-color: transparent;
  color: #ffffff;
  font-family: 'Nexa-Heavy', Helvetica;
  font-size: 50px;
  font-style: normal;
  font-weight: 400;
  height: auto;
  left: 65px;
  letter-spacing: 2.50px;
  line-height: normal;
  opacity: 1;
  position: absolute;
  text-align: center;
  top: 0px;
  width: 385px;
}

.frame-277 .frame-B08mCn {
  --z-index: 2;
  background-color: #36008d;
  border-radius: 70px;
  height: 37px;
  left: 169px;
  opacity: 1;
  overflow: hidden;
  position: absolute;
  top: 388px;
  width: 139px;
}

.frame-277 .decouvrir-xuNBEu {
  --z-index: 0;
  background-color: transparent;
  color: #ffffff;
  font-family: 'Nexa-Heavy', Helvetica;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  height: auto;
  left: 18px;
  letter-spacing: 0.70px;
  line-height: 25px;
  opacity: 1;
  position: absolute;
  text-align: left;
  top: 5px;
  width: 115px;
}

.frame-277 .vector-1-xuNBEu {
  --z-index: 1;
  background-color: transparent;
  background-image: url(../projects/613265b6f0d4c6677b4b4d17/releases/674a4b3a8cf5fe664be07caf/img/vector-1-3%402x.png);
  background-size: 100% 100%;
  height: 11px;
  left: -7578px;
  opacity: 1;
  position: absolute;
  top: 4501px;
  width: 6px;
}

.frame-277 .polygon-1-C61RwL {
  --z-index: 8;
  background-color: transparent;
  background-image: url(https://cdn.animaapp.com/projects/613265b6f0d4c6677b4b4d17/releases/674a4b3a8cf5fe664be07caf/img/polygon-1-2.svg);
  background-size: 100% 100%;
  cursor: pointer;
  height: 50px;
  left: 1777px;
  opacity: 1;
  position: absolute;
  top: 516px;
  width: 45px;
}

.frame-277 .rectangle-C61RwL {
  --z-index: 9;
  background-color: transparent;
  background-image: url(../projects/613265b6f0d4c6677b4b4d17/releases/674a4b3a8cf5fe664be07caf/img/rectangle%402x.png);
  background-size: 100% 100%;
  height: 81px;
  left: 70px;
  opacity: 1;
  position: absolute;
  top: 71px;
  width: 333px;
}

.frame-277 .group-J1YQmd {
  --z-index: 10;
  background-color: transparent;
  background-image: url(../projects/613265b6f0d4c6677b4b4d17/releases/674a4b3a8cf5fe664be07caf/img/group-32%402x.png);
  background-size: 100% 100%;
  cursor: pointer;
  height: 271px;
  left: 1359px;
  opacity: 1;
  position: absolute;
  top: 387px;
  width: 189px;
}

.frame-277 .polygon-2-C61RwL {
  --z-index: 11;
  background-color: transparent;
  background-image: url(https://cdn.animaapp.com/projects/613265b6f0d4c6677b4b4d17/releases/674a4b3a8cf5fe664be07caf/img/polygon-2.svg);
  background-size: 100% 100%;
  cursor: pointer;
  height: 47px;
  left: 96px;
  opacity: 1;
  position: absolute;
  top: 518px;
  width: 42px;
}

.frame-277 .centre-C61RwL {
  --z-index: 12;
  background-color: transparent;
  color: #565656;
  font-family: 'FONTSPRING DEMO - Rotunda Hair-Light-Bold', Helvetica;
  font-size: 68px;
  font-style: normal;
  font-weight: 700;
  height: auto;
  left: 463px;
  letter-spacing: 0.00px;
  line-height: normal;
  opacity: 0.7;
  position: absolute;
  text-align: left;
  top: 79px;
  width: 466px;
}

.frame-277 .de-ressources-C61RwL {
  --z-index: 13;
  background-color: transparent;
  color: #565656;
  font-family: 'FONTSPRING DEMO - Rotunda Hair-Light-Bold', Helvetica;
  font-size: 38px;
  font-style: normal;
  font-weight: 700;
  height: auto;
  left: 561px;
  letter-spacing: 0.00px;
  line-height: normal;
  opacity: 0.7;
  position: absolute;
  text-align: left;
  top: 154px;
  white-space: nowrap;
  width: auto;
}

.frame-277 .group-99-C61RwL {
  --z-index: 14;
  background-color: transparent;
  height: 34px;
  left: 1648px;
  opacity: 1;
  position: absolute;
  top: 104px;
  width: 169px;
}

.frame-277 .contact-ZnSQrh {
  --z-index: 0;
  background-color: transparent;
  color: #565656;
  font-family: 'Mada', Helvetica;
  font-size: 26px;
  font-style: normal;
  font-weight: 900;
  height: auto;
  left: 0px;
  letter-spacing: 1.30px;
  line-height: 25px;
  opacity: 1;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 167px;
}

/* screen - frame-274 */

.frame-274 {
  background-color: transparent;
  background-position: 50% 50%;
  background-size: cover;
  height: 1080px;
  opacity: 1;
  width: 100%;
}

.frame-274 .group-C61RwL {
  --z-index: 0;
  background-color: transparent;
  background-image: url(../projects/613265b6f0d4c6677b4b4d17/releases/674a4b3a8cf5fe664be07caf/img/group-35%402x.png);
  background-size: 100% 100%;
  cursor: pointer;
  height: 271px;
  left: 375px;
  opacity: 1;
  position: absolute;
  top: 387px;
  width: 189px;
}

.frame-274 .group-VMr6Om {
  --z-index: 1;
  background-color: transparent;
  background-image: url(../projects/613265b6f0d4c6677b4b4d17/releases/674a4b3a8cf5fe664be07caf/img/group-36%402x.png);
  background-size: 100% 100%;
  cursor: pointer;
  height: 209px;
  left: 1195px;
  opacity: 1;
  position: absolute;
  top: 387px;
  width: 146px;
}

.frame-274 .group-mzXdH9 {
  --z-index: 2;
  background-color: transparent;
  background-image: url(../projects/613265b6f0d4c6677b4b4d17/releases/674a4b3a8cf5fe664be07caf/img/group-37%402x.png);
  background-size: 100% 100%;
  cursor: pointer;
  height: 209px;
  left: 582px;
  opacity: 1;
  position: absolute;
  top: 387px;
  width: 146px;
}

.frame-274 .group-QxM5SU {
  --z-index: 3;
  background-color: transparent;
  background-image: url(../projects/613265b6f0d4c6677b4b4d17/releases/674a4b3a8cf5fe664be07caf/img/group-38%402x.png);
  background-size: 100% 100%;
  cursor: pointer;
  height: 154px;
  left: 1063px;
  opacity: 1;
  position: absolute;
  top: 387px;
  width: 107px;
}

.frame-274 .group-2P4qUJ {
  --z-index: 4;
  background-color: transparent;
  background-image: url(../projects/613265b6f0d4c6677b4b4d17/releases/674a4b3a8cf5fe664be07caf/img/group-39%402x.png);
  background-size: 100% 100%;
  cursor: pointer;
  height: 377px;
  left: 829px;
  opacity: 1;
  position: absolute;
  top: 331px;
  width: 263px;
}

.frame-274 .group-qr8e7q {
  --z-index: 5;
  background-color: transparent;
  background-image: url(../projects/613265b6f0d4c6677b4b4d17/releases/674a4b3a8cf5fe664be07caf/img/group-40%402x.png);
  background-size: 100% 100%;
  cursor: pointer;
  height: 271px;
  left: 1358px;
  opacity: 1;
  position: absolute;
  top: 387px;
  width: 189px;
}

.frame-274 .offre-de-soins-C61RwL {
  --z-index: 6;
  background-color: transparent;
  color: #5d5fef;
  font-family: 'Nexa-Heavy', Helvetica;
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  height: auto;
  left: 591px;
  letter-spacing: 2.00px;
  line-height: 48px;
  opacity: 1;
  position: absolute;
  text-align: center;
  top: 757px;
  width: 751px;
}

.frame-274 .group-103-C61RwL {
  --z-index: 7;
  background-color: transparent;
  height: 425px;
  left: 713px;
  opacity: 0;
  position: absolute;
  top: 423px;
  width: 633px;
}

.frame-274 .dans-les-coles-prima-B08mCn {
  --z-index: 0;
  background-color: transparent;
  color: #36008d;
  font-family: 'Nexa-Regular', Helvetica;
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  height: auto;
  left: 0px;
  letter-spacing: -1.50px;
  line-height: 50px;
  opacity: 1;
  position: absolute;
  text-align: left;
  top: 63px;
  width: 629px;
}

.frame-274 .span0-Dk4yJM {
  font-style: normal;
  letter-spacing: -0.45px;
}

.frame-274 .span1-Dk4yJM {
  font-family: 'Montserrat', Helvetica;
  font-style: normal;
  font-weight: 500;
  letter-spacing: -0.45px;
}

.frame-274 .prevention-B08mCn {
  --z-index: 1;
  background-color: transparent;
  color: #ffffff;
  font-family: 'Nexa-Heavy', Helvetica;
  font-size: 50px;
  font-style: normal;
  font-weight: 400;
  height: auto;
  left: 65px;
  letter-spacing: 2.50px;
  line-height: normal;
  opacity: 1;
  position: absolute;
  text-align: center;
  top: 0px;
  width: 385px;
}

.frame-274 .frame-B08mCn {
  --z-index: 2;
  background-color: #36008d;
  border-radius: 70px;
  height: 37px;
  left: 169px;
  opacity: 1;
  overflow: hidden;
  position: absolute;
  top: 388px;
  width: 139px;
}

.frame-274 .decouvrir-xuNBEu {
  --z-index: 0;
  background-color: transparent;
  color: #ffffff;
  font-family: 'Nexa-Heavy', Helvetica;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  height: auto;
  left: 18px;
  letter-spacing: 0.70px;
  line-height: 25px;
  opacity: 1;
  position: absolute;
  text-align: left;
  top: 5px;
  width: 115px;
}

.frame-274 .vector-1-xuNBEu {
  --z-index: 1;
  background-color: transparent;
  background-image: url(../projects/613265b6f0d4c6677b4b4d17/releases/674a4b3a8cf5fe664be07caf/img/vector-1-3%402x.png);
  background-size: 100% 100%;
  height: 11px;
  left: -1416px;
  opacity: 1;
  position: absolute;
  top: 4501px;
  width: 6px;
}

.frame-274 .polygon-1-C61RwL {
  --z-index: 8;
  background-color: transparent;
  background-image: url(https://cdn.animaapp.com/projects/613265b6f0d4c6677b4b4d17/releases/674a4b3a8cf5fe664be07caf/img/polygon-1.svg);
  background-size: 100% 100%;
  cursor: pointer;
  height: 50px;
  left: 1777px;
  opacity: 1;
  position: absolute;
  top: 516px;
  width: 45px;
}

.frame-274 .rectangle-C61RwL {
  --z-index: 9;
  background-color: transparent;
  background-image: url(../projects/613265b6f0d4c6677b4b4d17/releases/674a4b3a8cf5fe664be07caf/img/rectangle%402x.png);
  background-size: 100% 100%;
  height: 81px;
  left: 70px;
  opacity: 1;
  position: absolute;
  top: 71px;
  width: 333px;
}

.frame-274 .group-J1YQmd {
  --z-index: 10;
  background-color: transparent;
  background-image: url(../projects/613265b6f0d4c6677b4b4d17/releases/674a4b3a8cf5fe664be07caf/img/group-41%402x.png);
  background-size: 100% 100%;
  cursor: pointer;
  height: 153px;
  left: 753px;
  opacity: 1;
  position: absolute;
  top: 387px;
  width: 107px;
}

.frame-274 .polygon-2-C61RwL {
  --z-index: 11;
  background-color: transparent;
  background-image: url(https://cdn.animaapp.com/projects/613265b6f0d4c6677b4b4d17/releases/674a4b3a8cf5fe664be07caf/img/polygon-2.svg);
  background-size: 100% 100%;
  cursor: pointer;
  height: 47px;
  left: 96px;
  opacity: 1;
  position: absolute;
  top: 518px;
  width: 42px;
}

.frame-274 .centre-C61RwL {
  --z-index: 12;
  background-color: transparent;
  color: #565656;
  font-family: 'FONTSPRING DEMO - Rotunda Hair-Light-Bold', Helvetica;
  font-size: 68px;
  font-style: normal;
  font-weight: 700;
  height: auto;
  left: 463px;
  letter-spacing: 0.00px;
  line-height: normal;
  opacity: 0.7;
  position: absolute;
  text-align: left;
  top: 79px;
  width: 466px;
}

.frame-274 .de-ressources-C61RwL {
  --z-index: 13;
  background-color: transparent;
  color: #565656;
  font-family: 'FONTSPRING DEMO - Rotunda Hair-Light-Bold', Helvetica;
  font-size: 38px;
  font-style: normal;
  font-weight: 700;
  height: auto;
  left: 561px;
  letter-spacing: 0.00px;
  line-height: normal;
  opacity: 0.7;
  position: absolute;
  text-align: left;
  top: 154px;
  white-space: nowrap;
  width: auto;
}

.frame-274 .group-99-C61RwL {
  --z-index: 14;
  background-color: transparent;
  height: 34px;
  left: 1648px;
  opacity: 1;
  position: absolute;
  top: 104px;
  width: 169px;
}

.frame-274 .contact-ZnSQrh {
  --z-index: 0;
  background-color: transparent;
  color: #565656;
  font-family: 'Mada', Helvetica;
  font-size: 26px;
  font-style: normal;
  font-weight: 900;
  height: auto;
  left: 0px;
  letter-spacing: 1.30px;
  line-height: 25px;
  opacity: 1;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 167px;
}

/* screen - frame-278 */

.frame-278 {
  background-color: transparent;
  background-position: 50% 50%;
  background-size: cover;
  cursor: pointer;
  height: 1080px;
  opacity: 1;
  position: relative;
  width: 100%;
}

.frame-278 .group-C61RwL {
  --z-index: 0;
  background-color: transparent;
  background-image: url(../projects/613265b6f0d4c6677b4b4d17/releases/674a4b3a8cf5fe664be07caf/img/group-43%402x.png);
  background-size: 100% 100%;
  cursor: pointer;
  height: 208px;
  left: 1360px;
  opacity: 1;
  position: absolute;
  top: 387px;
  width: 145px;
}

.frame-278 .group-VMr6Om {
  --z-index: 1;
  background-color: transparent;
  background-image: url(../projects/613265b6f0d4c6677b4b4d17/releases/674a4b3a8cf5fe664be07caf/img/group-44%402x.png);
  background-size: 100% 100%;
  cursor: pointer;
  height: 209px;
  left: 413px;
  opacity: 1;
  position: absolute;
  top: 385px;
  width: 146px;
}

.frame-278 .group-mzXdH9 {
  --z-index: 2;
  background-color: transparent;
  background-image: url(../projects/613265b6f0d4c6677b4b4d17/releases/674a4b3a8cf5fe664be07caf/img/group-45%402x.png);
  background-size: 100% 100%;
  cursor: pointer;
  height: 266px;
  left: 1525px;
  opacity: 1;
  position: absolute;
  top: 389px;
  width: 186px;
}

.frame-278 .group-QxM5SU {
  --z-index: 3;
  background-color: transparent;
  background-image: url(../projects/613265b6f0d4c6677b4b4d17/releases/674a4b3a8cf5fe664be07caf/img/group-46%402x.png);
  background-size: 100% 100%;
  cursor: pointer;
  height: 268px;
  left: 206px;
  opacity: 1;
  position: absolute;
  top: 390px;
  width: 187px;
}

.frame-278 .group-2P4qUJ {
  --z-index: 4;
  background-color: transparent;
  background-image: url(../projects/613265b6f0d4c6677b4b4d17/releases/674a4b3a8cf5fe664be07caf/img/group-47%402x.png);
  background-size: 100% 100%;
  cursor: pointer;
  height: 155px;
  left: 1226px;
  opacity: 1;
  position: absolute;
  top: 387px;
  width: 108px;
}

.frame-278 .group-qr8e7q {
  --z-index: 5;
  background-color: transparent;
  background-image: url(../projects/613265b6f0d4c6677b4b4d17/releases/674a4b3a8cf5fe664be07caf/img/group-48%402x.png);
  background-size: 100% 100%;
  cursor: pointer;
  height: 155px;
  left: 582px;
  opacity: 1;
  position: absolute;
  top: 387px;
  width: 108px;
}

.frame-278 .group-103-C61RwL {
  --z-index: 6;
  background-color: transparent;
  height: 425px;
  left: 713px;
  opacity: 0;
  position: absolute;
  top: 423px;
  width: 633px;
}

.frame-278 .dans-les-coles-prima-B08mCn {
  --z-index: 0;
  background-color: transparent;
  color: #36008d;
  font-family: 'Nexa-Regular', Helvetica;
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  height: auto;
  left: 0px;
  letter-spacing: -1.50px;
  line-height: 50px;
  opacity: 1;
  position: absolute;
  text-align: left;
  top: 63px;
  width: 629px;
}

.frame-278 .span0-Dk4yJM {
  font-style: normal;
  letter-spacing: -0.45px;
}

.frame-278 .span1-Dk4yJM {
  font-family: 'Montserrat', Helvetica;
  font-style: normal;
  font-weight: 500;
  letter-spacing: -0.45px;
}

.frame-278 .prevention-B08mCn {
  --z-index: 1;
  background-color: transparent;
  color: #ffffff;
  font-family: 'Nexa-Heavy', Helvetica;
  font-size: 50px;
  font-style: normal;
  font-weight: 400;
  height: auto;
  left: 65px;
  letter-spacing: 2.50px;
  line-height: normal;
  opacity: 1;
  position: absolute;
  text-align: center;
  top: 0px;
  width: 385px;
}

.frame-278 .frame-B08mCn {
  --z-index: 2;
  background-color: #36008d;
  border-radius: 70px;
  height: 37px;
  left: 169px;
  opacity: 1;
  overflow: hidden;
  position: absolute;
  top: 388px;
  width: 139px;
}

.frame-278 .decouvrir-xuNBEu {
  --z-index: 0;
  background-color: transparent;
  color: #ffffff;
  font-family: 'Nexa-Heavy', Helvetica;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  height: auto;
  left: 18px;
  letter-spacing: 0.70px;
  line-height: 25px;
  opacity: 1;
  position: absolute;
  text-align: left;
  top: 5px;
  width: 115px;
}

.frame-278 .vector-1-xuNBEu {
  --z-index: 1;
  background-color: transparent;
  background-image: url(../projects/613265b6f0d4c6677b4b4d17/releases/674a4b3a8cf5fe664be07caf/img/vector-1-1%402x.png);
  background-size: 100% 100%;
  height: 11px;
  left: 4940px;
  opacity: 1;
  position: absolute;
  top: 3033px;
  width: 6px;
}

.frame-278 .polygon-1-C61RwL {
  --z-index: 7;
  background-color: transparent;
  background-image: url(https://cdn.animaapp.com/projects/613265b6f0d4c6677b4b4d17/releases/674a4b3a8cf5fe664be07caf/img/polygon-1.svg);
  background-size: 100% 100%;
  cursor: pointer;
  height: 50px;
  left: 1777px;
  opacity: 1;
  position: absolute;
  top: 516px;
  width: 45px;
}

.frame-278 .rectangle-C61RwL {
  --z-index: 8;
  background-color: transparent;
  background-image: url(../projects/613265b6f0d4c6677b4b4d17/releases/674a4b3a8cf5fe664be07caf/img/rectangle%402x.png);
  background-size: 100% 100%;
  height: 81px;
  left: 70px;
  opacity: 1;
  position: absolute;
  top: 71px;
  width: 333px;
}

.frame-278 .group-J1YQmd {
  --z-index: 9;
  background-color: transparent;
  background-image: url(../projects/613265b6f0d4c6677b4b4d17/releases/674a4b3a8cf5fe664be07caf/img/group-42.png);
  background-size: 100% 100%;
  height: 850px;
  left: 664px;
  opacity: 1;
  position: absolute;
  top: 100px;
  width: 593px;
}

.frame-278 .frame-C61RwL {
  --z-index: 10;
  background-color: transparent;
  border: 3px solid;
  border-color: #ffffff;
  border-radius: 70px;
  cursor: pointer;
  height: 51px;
  left: 847px;
  opacity: 1;
  overflow: hidden;
  position: absolute;
  top: 845px;
  width: 220px;
}

.frame-278 .decouvrir-gufFyG {
  --z-index: 0;
  background-color: transparent;
  color: #ffffff;
  font-family: 'Mada', Helvetica;
  font-size: 25px;
  font-style: normal;
  font-weight: 500;
  height: auto;
  left: 27px;
  letter-spacing: 1.25px;
  line-height: 25px;
  opacity: 1;
  position: absolute;
  text-align: left;
  top: 11px;
  width: 265px;
}

.frame-278 .vector-1-gufFyG {
  --z-index: 1;
  background-color: transparent;
  background-image: url(https://cdn.animaapp.com/projects/613265b6f0d4c6677b4b4d17/releases/674a4b3a8cf5fe664be07caf/img/vector-1-10.svg);
  background-size: 100% 100%;
  height: 17px;
  left: 178px;
  opacity: 1;
  position: absolute;
  top: 18px;
  width: 11px;
}

.frame-278 .dans-les-coles-prima-C61RwL {
  --z-index: 11;
  background-color: transparent;
  color: #ffffff;
  font-family: 'Mada', Helvetica;
  font-size: 33px;
  font-style: normal;
  font-weight: 400;
  height: auto;
  left: 741px;
  letter-spacing: -0.99px;
  line-height: 50px;
  opacity: 1;
  position: absolute;
  text-align: left;
  top: 424px;
  width: auto;
}

.frame-278 .prevention-C61RwL {
  --z-index: 12;
  background-color: transparent;
  color: #ffffff;
  font-family: 'Nexa-Heavy', Helvetica;
  font-size: 50px;
  font-style: normal;
  font-weight: 400;
  height: auto;
  left: 765px;
  letter-spacing: 2.50px;
  line-height: normal;
  opacity: 1;
  position: absolute;
  text-align: center;
  top: 392px;
  width: 385px;
}

.frame-278 .polygon-2-C61RwL {
  --z-index: 13;
  background-color: transparent;
  background-image: url(https://cdn.animaapp.com/projects/613265b6f0d4c6677b4b4d17/releases/674a4b3a8cf5fe664be07caf/img/polygon-2.svg);
  background-size: 100% 100%;
  cursor: pointer;
  height: 47px;
  left: 96px;
  opacity: 1;
  position: absolute;
  top: 518px;
  width: 42px;
}

.frame-278 .centre-C61RwL {
  --z-index: 14;
  background-color: transparent;
  color: #565656;
  font-family: 'FONTSPRING DEMO - Rotunda Hair-Light-Bold', Helvetica;
  font-size: 68px;
  font-style: normal;
  font-weight: 700;
  height: auto;
  left: 160px;
  letter-spacing: 0.00px;
  line-height: normal;
  opacity: 0;
  position: absolute;
  text-align: left;
  top: 79px;
  width: 466px;
}

.frame-278 .de-ressources-C61RwL {
  --z-index: 15;
  background-color: transparent;
  color: #565656;
  font-family: 'FONTSPRING DEMO - Rotunda Hair-Light-Bold', Helvetica;
  font-size: 38px;
  font-style: normal;
  font-weight: 700;
  height: auto;
  left: 561px;
  letter-spacing: 0.00px;
  line-height: normal;
  opacity: 0;
  position: absolute;
  text-align: left;
  top: 154px;
  white-space: nowrap;
  width: auto;
}

.frame-278 .group-99-C61RwL {
  --z-index: 16;
  background-color: transparent;
  height: 34px;
  left: 1648px;
  opacity: 1;
  position: absolute;
  top: 104px;
  width: 169px;
}

.frame-278 .contact-ZnSQrh {
  --z-index: 0;
  background-color: transparent;
  color: #565656;
  font-family: 'Mada', Helvetica;
  font-size: 26px;
  font-style: normal;
  font-weight: 900;
  height: auto;
  left: 0px;
  letter-spacing: 1.30px;
  line-height: 25px;
  opacity: 1;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 167px;
}

/* screen - frame-280 */

.frame-280 {
  background-color: transparent;
  background-position: 50% 50%;
  background-size: cover;
  cursor: pointer;
  height: 1080px;
  opacity: 1;
  position: relative;
  width: 100%;
}

.frame-280 .group-C61RwL {
  --z-index: 0;
  background-color: transparent;
  background-image: url(../projects/613265b6f0d4c6677b4b4d17/releases/674a4b3a8cf5fe664be07caf/img/group-57.png);
  background-size: 100% 100%;
  height: 850px;
  left: 664px;
  opacity: 1;
  position: absolute;
  top: 100px;
  width: 593px;
}

.frame-280 .group-VMr6Om {
  --z-index: 1;
  background-color: transparent;
  background-image: url(../projects/613265b6f0d4c6677b4b4d17/releases/674a4b3a8cf5fe664be07caf/img/group-8%402x.png);
  background-size: 100% 100%;
  cursor: pointer;
  height: 154px;
  left: 1230px;
  opacity: 1;
  position: absolute;
  top: 387px;
  width: 107px;
}

.frame-280 .group-mzXdH9 {
  --z-index: 2;
  background-color: transparent;
  background-image: url(../projects/613265b6f0d4c6677b4b4d17/releases/674a4b3a8cf5fe664be07caf/img/group-59%402x.png);
  background-size: 100% 100%;
  cursor: pointer;
  height: 271px;
  left: 204px;
  opacity: 1;
  position: absolute;
  top: 387px;
  width: 189px;
}

.frame-280 .group-QxM5SU {
  --z-index: 3;
  background-color: transparent;
  background-image: url(../projects/613265b6f0d4c6677b4b4d17/releases/674a4b3a8cf5fe664be07caf/img/group-60%402x.png);
  background-size: 100% 100%;
  cursor: pointer;
  height: 154px;
  left: 582px;
  opacity: 1;
  position: absolute;
  top: 387px;
  width: 107px;
}

.frame-280 .group-2P4qUJ {
  --z-index: 4;
  background-color: transparent;
  background-image: url(../projects/613265b6f0d4c6677b4b4d17/releases/674a4b3a8cf5fe664be07caf/img/group-11%402x.png);
  background-size: 100% 100%;
  cursor: pointer;
  height: 271px;
  left: 1524px;
  opacity: 1;
  position: absolute;
  top: 387px;
  width: 189px;
}

.frame-280 .group-qr8e7q {
  --z-index: 5;
  background-color: transparent;
  background-image: url(../projects/613265b6f0d4c6677b4b4d17/releases/674a4b3a8cf5fe664be07caf/img/group-14%402x.png);
  background-size: 100% 100%;
  cursor: pointer;
  height: 209px;
  left: 1364px;
  opacity: 1;
  position: absolute;
  top: 387px;
  width: 145px;
}

.frame-280 .group-103-C61RwL {
  --z-index: 6;
  background-color: transparent;
  height: 425px;
  left: 713px;
  opacity: 0;
  position: absolute;
  top: 423px;
  width: 633px;
}

.frame-280 .dans-les-coles-prima-B08mCn {
  --z-index: 0;
  background-color: transparent;
  color: #36008d;
  font-family: 'Nexa-Regular', Helvetica;
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  height: auto;
  left: 0px;
  letter-spacing: -1.50px;
  line-height: 50px;
  opacity: 1;
  position: absolute;
  text-align: left;
  top: 63px;
  width: 629px;
}

.frame-280 .span0-Dk4yJM {
  font-style: normal;
  letter-spacing: -0.45px;
}

.frame-280 .span1-Dk4yJM {
  font-family: 'Montserrat', Helvetica;
  font-style: normal;
  font-weight: 500;
  letter-spacing: -0.45px;
}

.frame-280 .prevention-B08mCn {
  --z-index: 1;
  background-color: transparent;
  color: #ffffff;
  font-family: 'Nexa-Heavy', Helvetica;
  font-size: 50px;
  font-style: normal;
  font-weight: 400;
  height: auto;
  left: 65px;
  letter-spacing: 2.50px;
  line-height: normal;
  opacity: 1;
  position: absolute;
  text-align: center;
  top: 0px;
  width: 385px;
}

.frame-280 .frame-B08mCn {
  --z-index: 2;
  background-color: #36008d;
  border-radius: 70px;
  height: 37px;
  left: 169px;
  opacity: 1;
  overflow: hidden;
  position: absolute;
  top: 388px;
  width: 139px;
}

.frame-280 .decouvrir-xuNBEu {
  --z-index: 0;
  background-color: transparent;
  color: #ffffff;
  font-family: 'Nexa-Heavy', Helvetica;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  height: auto;
  left: 18px;
  letter-spacing: 0.70px;
  line-height: 25px;
  opacity: 1;
  position: absolute;
  text-align: left;
  top: 5px;
  width: 115px;
}

.frame-280 .vector-1-xuNBEu {
  --z-index: 1;
  background-color: transparent;
  background-image: url(../projects/613265b6f0d4c6677b4b4d17/releases/674a4b3a8cf5fe664be07caf/img/vector-1-1%402x.png);
  background-size: 100% 100%;
  height: 11px;
  left: 766px;
  opacity: 1;
  position: absolute;
  top: 3033px;
  width: 6px;
}

.frame-280 .polygon-1-C61RwL {
  --z-index: 7;
  background-color: transparent;
  background-image: url(https://cdn.animaapp.com/projects/613265b6f0d4c6677b4b4d17/releases/674a4b3a8cf5fe664be07caf/img/polygon-1.svg);
  background-size: 100% 100%;
  cursor: pointer;
  height: 50px;
  left: 1777px;
  opacity: 1;
  position: absolute;
  top: 516px;
  width: 45px;
}

.frame-280 .rectangle-C61RwL {
  --z-index: 8;
  background-color: transparent;
  background-image: url(../projects/613265b6f0d4c6677b4b4d17/releases/674a4b3a8cf5fe664be07caf/img/rectangle%402x.png);
  background-size: 100% 100%;
  height: 81px;
  left: 70px;
  opacity: 1;
  position: absolute;
  top: 71px;
  width: 333px;
}

.frame-280 .group-J1YQmd {
  --z-index: 9;
  background-color: transparent;
  background-image: url(../projects/613265b6f0d4c6677b4b4d17/releases/674a4b3a8cf5fe664be07caf/img/group-50%402x.png);
  background-size: 100% 100%;
  cursor: pointer;
  height: 209px;
  left: 412px;
  opacity: 1;
  position: absolute;
  top: 387px;
  width: 146px;
}

.frame-280 .polygon-2-C61RwL {
  --z-index: 10;
  background-color: transparent;
  background-image: url(https://cdn.animaapp.com/projects/613265b6f0d4c6677b4b4d17/releases/674a4b3a8cf5fe664be07caf/img/polygon-2.svg);
  background-size: 100% 100%;
  cursor: pointer;
  height: 47px;
  left: 96px;
  opacity: 1;
  position: absolute;
  top: 518px;
  width: 42px;
}

.frame-280 .centre-C61RwL {
  --z-index: 11;
  background-color: transparent;
  color: #565656;
  font-family: 'FONTSPRING DEMO - Rotunda Hair-Light-Bold', Helvetica;
  font-size: 68px;
  font-style: normal;
  font-weight: 700;
  height: auto;
  left: 160px;
  letter-spacing: 0.00px;
  line-height: normal;
  opacity: 0;
  position: absolute;
  text-align: left;
  top: 79px;
  width: 466px;
}

.frame-280 .de-ressources-C61RwL {
  --z-index: 12;
  background-color: transparent;
  color: #565656;
  font-family: 'FONTSPRING DEMO - Rotunda Hair-Light-Bold', Helvetica;
  font-size: 38px;
  font-style: normal;
  font-weight: 700;
  height: auto;
  left: 561px;
  letter-spacing: 0.00px;
  line-height: normal;
  opacity: 0;
  position: absolute;
  text-align: left;
  top: 154px;
  white-space: nowrap;
  width: auto;
}

.frame-280 .group-99-C61RwL {
  --z-index: 13;
  background-color: transparent;
  height: 34px;
  left: 1648px;
  opacity: 1;
  position: absolute;
  top: 104px;
  width: 169px;
}

.frame-280 .contact-ZnSQrh {
  --z-index: 0;
  background-color: transparent;
  color: #565656;
  font-family: 'Mada', Helvetica;
  font-size: 26px;
  font-style: normal;
  font-weight: 900;
  height: auto;
  left: 0px;
  letter-spacing: 1.30px;
  line-height: 25px;
  opacity: 1;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 167px;
}

.frame-280 .dans-les-coles-prima-C61RwL {
  --z-index: 14;
  background-color: transparent;
  color: #ffffff;
  font-family: 'Mada', Helvetica;
  font-size: 30px;
  font-style: normal;
  font-weight: 500;
  height: auto;
  left: 720px;
  letter-spacing: 0.00px;
  line-height: 50px;
  opacity: 1;
  position: absolute;
  text-align: left;
  top: 560px;
  width: auto;
}

.frame-280 .accesaux-medicaments-produits-de-sante-C61RwL {
  --z-index: 15;
  background-color: transparent;
  color: #ffffff;
  font-family: 'Nexa-Heavy', Helvetica;
  font-size: 45px;
  font-style: normal;
  font-weight: 400;
  height: auto;
  left: 737px;
  letter-spacing: 2.25px;
  line-height: 50px;
  opacity: 1;
  position: absolute;
  text-align: center;
  top: 396px;
  width: 445px;
}

.frame-280 .frame-C61RwL {
  --z-index: 16;
  background-color: transparent;
  border: 3px solid;
  border-color: #ffffff;
  border-radius: 70px;
  cursor: pointer;
  height: 51px;
  left: 847px;
  opacity: 1;
  overflow: hidden;
  position: absolute;
  top: 845px;
  width: 220px;
}

.frame-280 .decouvrir-gufFyG {
  --z-index: 0;
  background-color: transparent;
  color: #ffffff;
  font-family: 'Mada', Helvetica;
  font-size: 25px;
  font-style: normal;
  font-weight: 500;
  height: auto;
  left: 27px;
  letter-spacing: 1.25px;
  line-height: 25px;
  opacity: 1;
  position: absolute;
  text-align: left;
  top: 11px;
  width: 265px;
}

.frame-280 .vector-1-gufFyG {
  --z-index: 1;
  background-color: transparent;
  background-image: url(https://cdn.animaapp.com/projects/613265b6f0d4c6677b4b4d17/releases/674a4b3a8cf5fe664be07caf/img/vector-1-10.svg);
  background-size: 100% 100%;
  height: 17px;
  left: 178px;
  opacity: 1;
  position: absolute;
  top: 18px;
  width: 11px;
}

/* screen - frame-275 */

.frame-275 {
  background-color: transparent;
  background-position: 50% 50%;
  background-size: cover;
  height: 1080px;
  opacity: 1;
  width: 100%;
}

.frame-275 .group-C61RwL {
  --z-index: 0;
  background-color: transparent;
  background-image: url(../projects/613265b6f0d4c6677b4b4d17/releases/674a4b3a8cf5fe664be07caf/img/group-51%402x.png);
  background-size: 100% 100%;
  cursor: pointer;
  height: 209px;
  left: 584px;
  opacity: 1;
  position: absolute;
  top: 387px;
  width: 146px;
}

.frame-275 .group-VMr6Om {
  --z-index: 1;
  background-color: transparent;
  background-image: url(../projects/613265b6f0d4c6677b4b4d17/releases/674a4b3a8cf5fe664be07caf/img/group-52%402x.png);
  background-size: 100% 100%;
  cursor: pointer;
  height: 271px;
  left: 1360px;
  opacity: 1;
  position: absolute;
  top: 387px;
  width: 189px;
}

.frame-275 .group-mzXdH9 {
  --z-index: 2;
  background-color: transparent;
  background-image: url(../projects/613265b6f0d4c6677b4b4d17/releases/674a4b3a8cf5fe664be07caf/img/group-53%402x.png);
  background-size: 100% 100%;
  cursor: pointer;
  height: 153px;
  left: 753px;
  opacity: 1;
  position: absolute;
  top: 387px;
  width: 107px;
}

.frame-275 .group-QxM5SU {
  --z-index: 3;
  background-color: transparent;
  background-image: url(../projects/613265b6f0d4c6677b4b4d17/releases/674a4b3a8cf5fe664be07caf/img/group-54%402x.png);
  background-size: 100% 100%;
  cursor: pointer;
  height: 209px;
  left: 1194px;
  opacity: 1;
  position: absolute;
  top: 387px;
  width: 146px;
}

.frame-275 .group-2P4qUJ {
  --z-index: 4;
  background-color: transparent;
  background-image: url(../projects/613265b6f0d4c6677b4b4d17/releases/674a4b3a8cf5fe664be07caf/img/group-55%402x.png);
  background-size: 100% 100%;
  cursor: pointer;
  height: 271px;
  left: 375px;
  opacity: 1;
  position: absolute;
  top: 387px;
  width: 189px;
}

.frame-275 .group-qr8e7q {
  --z-index: 5;
  background-color: transparent;
  background-image: url(../projects/613265b6f0d4c6677b4b4d17/releases/674a4b3a8cf5fe664be07caf/img/group-56%402x.png);
  background-size: 100% 100%;
  cursor: pointer;
  height: 377px;
  left: 827px;
  opacity: 1;
  position: absolute;
  top: 331px;
  width: 263px;
}

.frame-275 .recherche-publication-C61RwL {
  --z-index: 6;
  background-color: transparent;
  color: #f97700;
  font-family: 'Nexa-Heavy', Helvetica;
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  height: auto;
  left: 591px;
  letter-spacing: 2.00px;
  line-height: 48px;
  opacity: 1;
  position: absolute;
  text-align: center;
  top: 757px;
  width: 751px;
}

.frame-275 .group-103-C61RwL {
  --z-index: 7;
  background-color: transparent;
  height: 425px;
  left: 713px;
  opacity: 0;
  position: absolute;
  top: 423px;
  width: 633px;
}

.frame-275 .dans-les-coles-prima-B08mCn {
  --z-index: 0;
  background-color: transparent;
  color: #36008d;
  font-family: 'Nexa-Regular', Helvetica;
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  height: auto;
  left: 0px;
  letter-spacing: -1.50px;
  line-height: 50px;
  opacity: 1;
  position: absolute;
  text-align: left;
  top: 63px;
  width: 629px;
}

.frame-275 .span0-Dk4yJM {
  font-style: normal;
  letter-spacing: -0.45px;
}

.frame-275 .span1-Dk4yJM {
  font-family: 'Montserrat', Helvetica;
  font-style: normal;
  font-weight: 500;
  letter-spacing: -0.45px;
}

.frame-275 .prevention-B08mCn {
  --z-index: 1;
  background-color: transparent;
  color: #ffffff;
  font-family: 'Nexa-Heavy', Helvetica;
  font-size: 50px;
  font-style: normal;
  font-weight: 400;
  height: auto;
  left: 65px;
  letter-spacing: 2.50px;
  line-height: normal;
  opacity: 1;
  position: absolute;
  text-align: center;
  top: 0px;
  width: 385px;
}

.frame-275 .frame-B08mCn {
  --z-index: 2;
  background-color: #36008d;
  border-radius: 70px;
  height: 37px;
  left: 169px;
  opacity: 1;
  overflow: hidden;
  position: absolute;
  top: 388px;
  width: 139px;
}

.frame-275 .decouvrir-xuNBEu {
  --z-index: 0;
  background-color: transparent;
  color: #ffffff;
  font-family: 'Nexa-Heavy', Helvetica;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  height: auto;
  left: 18px;
  letter-spacing: 0.70px;
  line-height: 25px;
  opacity: 1;
  position: absolute;
  text-align: left;
  top: 5px;
  width: 115px;
}

.frame-275 .vector-1-xuNBEu {
  --z-index: 1;
  background-color: transparent;
  background-image: url(../projects/613265b6f0d4c6677b4b4d17/releases/674a4b3a8cf5fe664be07caf/img/vector-1-3%402x.png);
  background-size: 100% 100%;
  height: 11px;
  left: -3446px;
  opacity: 1;
  position: absolute;
  top: 4501px;
  width: 6px;
}

.frame-275 .polygon-1-C61RwL {
  --z-index: 8;
  background-color: transparent;
  background-image: url(https://cdn.animaapp.com/projects/613265b6f0d4c6677b4b4d17/releases/674a4b3a8cf5fe664be07caf/img/polygon-1-2.svg);
  background-size: 100% 100%;
  cursor: pointer;
  height: 50px;
  left: 1777px;
  opacity: 1;
  position: absolute;
  top: 516px;
  width: 45px;
}

.frame-275 .rectangle-C61RwL {
  --z-index: 9;
  background-color: transparent;
  background-image: url(../projects/613265b6f0d4c6677b4b4d17/releases/674a4b3a8cf5fe664be07caf/img/rectangle%402x.png);
  background-size: 100% 100%;
  height: 81px;
  left: 70px;
  opacity: 1;
  position: absolute;
  top: 71px;
  width: 333px;
}

.frame-275 .group-J1YQmd {
  --z-index: 10;
  background-color: transparent;
  background-image: url(../projects/613265b6f0d4c6677b4b4d17/releases/674a4b3a8cf5fe664be07caf/img/group-49%402x.png);
  background-size: 100% 100%;
  cursor: pointer;
  height: 153px;
  left: 1063px;
  opacity: 1;
  position: absolute;
  top: 387px;
  width: 107px;
}

.frame-275 .polygon-2-C61RwL {
  --z-index: 11;
  background-color: transparent;
  background-image: url(https://cdn.animaapp.com/projects/613265b6f0d4c6677b4b4d17/releases/674a4b3a8cf5fe664be07caf/img/polygon-2.svg);
  background-size: 100% 100%;
  cursor: pointer;
  height: 47px;
  left: 96px;
  opacity: 1;
  position: absolute;
  top: 518px;
  width: 42px;
}

.frame-275 .centre-C61RwL {
  --z-index: 12;
  background-color: transparent;
  color: #565656;
  font-family: 'FONTSPRING DEMO - Rotunda Hair-Light-Bold', Helvetica;
  font-size: 68px;
  font-style: normal;
  font-weight: 700;
  height: auto;
  left: 463px;
  letter-spacing: 0.00px;
  line-height: normal;
  opacity: 0.7;
  position: absolute;
  text-align: left;
  top: 79px;
  width: 466px;
}

.frame-275 .de-ressources-C61RwL {
  --z-index: 13;
  background-color: transparent;
  color: #565656;
  font-family: 'FONTSPRING DEMO - Rotunda Hair-Light-Bold', Helvetica;
  font-size: 38px;
  font-style: normal;
  font-weight: 700;
  height: auto;
  left: 561px;
  letter-spacing: 0.00px;
  line-height: normal;
  opacity: 0.7;
  position: absolute;
  text-align: left;
  top: 154px;
  white-space: nowrap;
  width: auto;
}

.frame-275 .group-99-C61RwL {
  --z-index: 14;
  background-color: transparent;
  height: 34px;
  left: 1648px;
  opacity: 1;
  position: absolute;
  top: 104px;
  width: 169px;
}


/* contact */

.frame-275 .contact-ZnSQrh {
  --z-index: 0;
  background-color: transparent;
  color: #565656;
  font-family: 'Mada', Helvetica;
  font-size: 26px;
  font-style: normal;
  font-weight: 900;
  height: auto;
  left: 0px;
  letter-spacing: 1.30px;
  line-height: 25px;
  opacity: 1;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 167px;
}

/* screen - frame-283 */

.frame-283 {
  background-color: transparent;
  background-position: 50% 50%;
  background-size: cover;
  cursor: pointer;
  height: 1080px;
  opacity: 1;
  position: relative;
  width: 100%;
}

.frame-283 .group-C61RwL {
  --z-index: 0;
  background-color: transparent;
  background-image: url(../projects/613265b6f0d4c6677b4b4d17/releases/674a4b3a8cf5fe664be07caf/img/group-71%402x.png);
  background-size: 100% 100%;
  cursor: pointer;
  height: 153px;
  left: 584px;
  opacity: 1;
  position: absolute;
  top: 387px;
  width: 107px;
}

.frame-283 .group-VMr6Om {
  --z-index: 1;
  background-color: transparent;
  background-image: url(../projects/613265b6f0d4c6677b4b4d17/releases/674a4b3a8cf5fe664be07caf/img/group-72.png);
  background-size: 100% 100%;
  height: 850px;
  left: 664px;
  opacity: 1;
  position: absolute;
  top: 100px;
  width: 593px;
}

.frame-283 .group-mzXdH9 {
  --z-index: 2;
  background-color: transparent;
  background-image: url(../projects/613265b6f0d4c6677b4b4d17/releases/674a4b3a8cf5fe664be07caf/img/group-17%402x.png);
  background-size: 100% 100%;
  cursor: pointer;
  height: 153px;
  left: 1233px;
  opacity: 1;
  position: absolute;
  top: 387px;
  width: 107px;
}

.frame-283 .group-QxM5SU {
  --z-index: 3;
  background-color: transparent;
  background-image: url(../projects/613265b6f0d4c6677b4b4d17/releases/674a4b3a8cf5fe664be07caf/img/group-18%402x.png);
  background-size: 100% 100%;
  cursor: pointer;
  height: 271px;
  left: 1530px;
  opacity: 1;
  position: absolute;
  top: 387px;
  width: 189px;
}

.frame-283 .group-2P4qUJ {
  --z-index: 4;
  background-color: transparent;
  background-image: url(../projects/613265b6f0d4c6677b4b4d17/releases/674a4b3a8cf5fe664be07caf/img/group-75%402x.png);
  background-size: 100% 100%;
  cursor: pointer;
  height: 209px;
  left: 414px;
  opacity: 1;
  position: absolute;
  top: 387px;
  width: 146px;
}

.frame-283 .group-qr8e7q {
  --z-index: 5;
  background-color: transparent;
  background-image: url(../projects/613265b6f0d4c6677b4b4d17/releases/674a4b3a8cf5fe664be07caf/img/group-76%402x.png);
  background-size: 100% 100%;
  cursor: pointer;
  height: 271px;
  left: 205px;
  opacity: 1;
  position: absolute;
  top: 387px;
  width: 189px;
}

.frame-283 .group-103-C61RwL {
  --z-index: 6;
  background-color: transparent;
  height: 425px;
  left: 713px;
  opacity: 0;
  position: absolute;
  top: 423px;
  width: 633px;
}

.frame-283 .dans-les-coles-prima-B08mCn {
  --z-index: 0;
  background-color: transparent;
  color: #36008d;
  font-family: 'Nexa-Regular', Helvetica;
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  height: auto;
  left: 0px;
  letter-spacing: -1.50px;
  line-height: 50px;
  opacity: 1;
  position: absolute;
  text-align: left;
  top: 63px;
  width: 629px;
}

.frame-283 .span0-Dk4yJM {
  font-style: normal;
  letter-spacing: -0.45px;
}

.frame-283 .span1-Dk4yJM {
  font-family: 'Montserrat', Helvetica;
  font-style: normal;
  font-weight: 500;
  letter-spacing: -0.45px;
}

.frame-283 .prevention-B08mCn {
  --z-index: 1;
  background-color: transparent;
  color: #ffffff;
  font-family: 'Nexa-Heavy', Helvetica;
  font-size: 50px;
  font-style: normal;
  font-weight: 400;
  height: auto;
  left: 65px;
  letter-spacing: 2.50px;
  line-height: normal;
  opacity: 1;
  position: absolute;
  text-align: center;
  top: 0px;
  width: 385px;
}

.frame-283 .frame-B08mCn {
  --z-index: 2;
  background-color: #36008d;
  border-radius: 70px;
  height: 37px;
  left: 169px;
  opacity: 1;
  overflow: hidden;
  position: absolute;
  top: 388px;
  width: 139px;
}

.frame-283 .decouvrir-xuNBEu {
  --z-index: 0;
  background-color: transparent;
  color: #ffffff;
  font-family: 'Nexa-Heavy', Helvetica;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  height: auto;
  left: 18px;
  letter-spacing: 0.70px;
  line-height: 25px;
  opacity: 1;
  position: absolute;
  text-align: left;
  top: 5px;
  width: 115px;
}

.frame-283 .vector-1-xuNBEu {
  --z-index: 1;
  background-color: transparent;
  background-image: url(../projects/613265b6f0d4c6677b4b4d17/releases/674a4b3a8cf5fe664be07caf/img/vector-1-3%402x.png);
  background-size: 100% 100%;
  height: 11px;
  left: -5512px;
  opacity: 1;
  position: absolute;
  top: 3033px;
  width: 6px;
}

.frame-283 .polygon-1-C61RwL {
  --z-index: 7;
  background-color: transparent;
  background-image: url(https://cdn.animaapp.com/projects/613265b6f0d4c6677b4b4d17/releases/674a4b3a8cf5fe664be07caf/img/polygon-1-2.svg);
  background-size: 100% 100%;
  cursor: pointer;
  height: 50px;
  left: 1777px;
  opacity: 1;
  position: absolute;
  top: 516px;
  width: 45px;
}

.frame-283 .rectangle-C61RwL {
  --z-index: 8;
  background-color: transparent;
  background-image: url(../projects/613265b6f0d4c6677b4b4d17/releases/674a4b3a8cf5fe664be07caf/img/rectangle%402x.png);
  background-size: 100% 100%;
  height: 81px;
  left: 70px;
  opacity: 1;
  position: absolute;
  top: 71px;
  width: 333px;
}

.frame-283 .group-J1YQmd {
  --z-index: 9;
  background-color: transparent;
  background-image: url(../projects/613265b6f0d4c6677b4b4d17/releases/674a4b3a8cf5fe664be07caf/img/group-13%402x.png);
  background-size: 100% 100%;
  cursor: pointer;
  height: 209px;
  left: 1366px;
  opacity: 1;
  position: absolute;
  top: 387px;
  width: 146px;
}

.frame-283 .polygon-2-C61RwL {
  --z-index: 10;
  background-color: transparent;
  background-image: url(https://cdn.animaapp.com/projects/613265b6f0d4c6677b4b4d17/releases/674a4b3a8cf5fe664be07caf/img/polygon-2.svg);
  background-size: 100% 100%;
  cursor: pointer;
  height: 47px;
  left: 96px;
  opacity: 1;
  position: absolute;
  top: 518px;
  width: 42px;
}

.frame-283 .group-99-C61RwL {
  --z-index: 11;
  background-color: transparent;
  height: 34px;
  left: 1648px;
  opacity: 1;
  position: absolute;
  top: 104px;
  width: 169px;
}

.frame-283 .contact-ZnSQrh {
  --z-index: 0;
  background-color: transparent;
  color: #565656;
  font-family: 'Mada', Helvetica;
  font-size: 26px;
  font-style: normal;
  font-weight: 900;
  height: auto;
  left: 0px;
  letter-spacing: 1.30px;
  line-height: 25px;
  opacity: 1;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 167px;
}

.frame-283 .group-105-C61RwL {
  --z-index: 12;
  background-color: transparent;
  height: 364px;
  left: 713px;
  opacity: 1;
  position: absolute;
  top: 396px;
  width: 492px;
}

.frame-283 .dans-les-coles-prima-a77sPZ {
  --z-index: 0;
  background-color: transparent;
  color: #ffffff;
  font-family: 'Mada', Helvetica;
  font-size: 33px;
  font-style: normal;
  font-weight: 600;
  height: auto;
  left: 0px;
  letter-spacing: -1.65px;
  line-height: 50px;
  opacity: 1;
  position: absolute;
  text-align: left;
  top: 114px;
  width: auto;
}

.frame-283 .acces-auxdonnees-a77sPZ {
  --z-index: 1;
  background-color: transparent;
  color: #ffffff;
  font-family: 'Nexa-Heavy', Helvetica;
  font-size: 50px;
  font-style: normal;
  font-weight: 400;
  height: auto;
  left: 22px;
  letter-spacing: 2.50px;
  line-height: 48px;
  opacity: 1;
  position: absolute;
  text-align: center;
  top: 0px;
  width: 445px;
}

.frame-283 .frame-C61RwL {
  --z-index: 13;
  background-color: transparent;
  border: 3px solid;
  border-color: #ffffff;
  border-radius: 70px;
  cursor: pointer;
  height: 51px;
  left: 847px;
  opacity: 1;
  overflow: hidden;
  position: absolute;
  top: 845px;
  width: 220px;
}

.frame-283 .decouvrir-gufFyG {
  --z-index: 0;
  background-color: transparent;
  color: #ffffff;
  font-family: 'Mada', Helvetica;
  font-size: 25px;
  font-style: normal;
  font-weight: 500;
  height: auto;
  left: 27px;
  letter-spacing: 1.25px;
  line-height: 25px;
  opacity: 1;
  position: absolute;
  text-align: left;
  top: 11px;
  width: 265px;
}

.frame-283 .vector-1-gufFyG {
  --z-index: 1;
  background-color: transparent;
  background-image: url(https://cdn.animaapp.com/projects/613265b6f0d4c6677b4b4d17/releases/674a4b3a8cf5fe664be07caf/img/vector-1-10.svg);
  background-size: 100% 100%;
  height: 17px;
  left: 178px;
  opacity: 1;
  position: absolute;
  top: 18px;
  width: 11px;
}

/* screen - frame-279 */

.frame-279 {
  background-color: transparent;
  background-position: 50% 50%;
  background-size: cover;
  cursor: pointer;
  height: 1080px;
  opacity: 1;
  position: relative;
  width: 100%;
}

.frame-279 .group-C61RwL {
  --z-index: 0;
  background-color: transparent;
  background-image: url(../projects/613265b6f0d4c6677b4b4d17/releases/674a4b3a8cf5fe664be07caf/img/group-78%402x.png);
  background-size: 100% 100%;
  cursor: pointer;
  height: 271px;
  left: 1520px;
  opacity: 1;
  position: absolute;
  top: 387px;
  width: 189px;
}

.frame-279 .group-VMr6Om {
  --z-index: 1;
  background-color: transparent;
  background-image: url(../projects/613265b6f0d4c6677b4b4d17/releases/674a4b3a8cf5fe664be07caf/img/group-22%402x.png);
  background-size: 100% 100%;
  cursor: pointer;
  height: 154px;
  left: 582px;
  opacity: 1;
  position: absolute;
  top: 387px;
  width: 107px;
}

.frame-279 .group-mzXdH9 {
  --z-index: 2;
  background-color: transparent;
  background-image: url(../projects/613265b6f0d4c6677b4b4d17/releases/674a4b3a8cf5fe664be07caf/img/group-80.png);
  background-size: 100% 100%;
  height: 850px;
  left: 664px;
  opacity: 1;
  position: absolute;
  top: 100px;
  width: 593px;
}

.frame-279 .group-QxM5SU {
  --z-index: 3;
  background-color: transparent;
  background-image: url(../projects/613265b6f0d4c6677b4b4d17/releases/674a4b3a8cf5fe664be07caf/img/group-24%402x.png);
  background-size: 100% 100%;
  cursor: pointer;
  height: 209px;
  left: 412px;
  opacity: 1;
  position: absolute;
  top: 387px;
  width: 146px;
}

.frame-279 .group-2P4qUJ {
  --z-index: 4;
  background-color: transparent;
  background-image: url(../projects/613265b6f0d4c6677b4b4d17/releases/674a4b3a8cf5fe664be07caf/img/group-82%402x.png);
  background-size: 100% 100%;
  cursor: pointer;
  height: 209px;
  left: 1358px;
  opacity: 1;
  position: absolute;
  top: 387px;
  width: 146px;
}

.frame-279 .group-qr8e7q {
  --z-index: 5;
  background-color: transparent;
  background-image: url(../projects/613265b6f0d4c6677b4b4d17/releases/674a4b3a8cf5fe664be07caf/img/group-83%402x.png);
  background-size: 100% 100%;
  cursor: pointer;
  height: 154px;
  left: 1224px;
  opacity: 1;
  position: absolute;
  top: 387px;
  width: 107px;
}

.frame-279 .group-103-C61RwL {
  --z-index: 6;
  background-color: transparent;
  height: 425px;
  left: 713px;
  opacity: 0;
  position: absolute;
  top: 423px;
  width: 633px;
}

.frame-279 .dans-les-coles-prima-B08mCn {
  --z-index: 0;
  background-color: transparent;
  color: #36008d;
  font-family: 'Nexa-Regular', Helvetica;
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  height: auto;
  left: 0px;
  letter-spacing: -1.50px;
  line-height: 50px;
  opacity: 1;
  position: absolute;
  text-align: left;
  top: 63px;
  width: 629px;
}

.frame-279 .span0-Dk4yJM {
  font-style: normal;
  letter-spacing: -0.45px;
}

.frame-279 .span1-Dk4yJM {
  font-family: 'Montserrat', Helvetica;
  font-style: normal;
  font-weight: 500;
  letter-spacing: -0.45px;
}

.frame-279 .prevention-B08mCn {
  --z-index: 1;
  background-color: transparent;
  color: #ffffff;
  font-family: 'Nexa-Heavy', Helvetica;
  font-size: 50px;
  font-style: normal;
  font-weight: 400;
  height: auto;
  left: 65px;
  letter-spacing: 2.50px;
  line-height: normal;
  opacity: 1;
  position: absolute;
  text-align: center;
  top: 0px;
  width: 385px;
}

.frame-279 .frame-B08mCn {
  --z-index: 2;
  background-color: #36008d;
  border-radius: 70px;
  height: 37px;
  left: 169px;
  opacity: 1;
  overflow: hidden;
  position: absolute;
  top: 388px;
  width: 139px;
}

.frame-279 .decouvrir-xuNBEu {
  --z-index: 0;
  background-color: transparent;
  color: #ffffff;
  font-family: 'Nexa-Heavy', Helvetica;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  height: auto;
  left: 18px;
  letter-spacing: 0.70px;
  line-height: 25px;
  opacity: 1;
  position: absolute;
  text-align: left;
  top: 5px;
  width: 115px;
}

.frame-279 .vector-1-xuNBEu {
  --z-index: 1;
  background-color: transparent;
  background-image: url(../projects/613265b6f0d4c6677b4b4d17/releases/674a4b3a8cf5fe664be07caf/img/vector-1-1%402x.png);
  background-size: 100% 100%;
  height: 11px;
  left: 2840px;
  opacity: 1;
  position: absolute;
  top: 3033px;
  width: 6px;
}

.frame-279 .polygon-1-C61RwL {
  --z-index: 7;
  background-color: transparent;
  background-image: url(https://cdn.animaapp.com/projects/613265b6f0d4c6677b4b4d17/releases/674a4b3a8cf5fe664be07caf/img/polygon-1.svg);
  background-size: 100% 100%;
  cursor: pointer;
  height: 50px;
  left: 1777px;
  opacity: 1;
  position: absolute;
  top: 516px;
  width: 45px;
}

.frame-279 .rectangle-C61RwL {
  --z-index: 8;
  background-color: transparent;
  background-image: url(../projects/613265b6f0d4c6677b4b4d17/releases/674a4b3a8cf5fe664be07caf/img/rectangle%402x.png);
  background-size: 100% 100%;
  height: 81px;
  left: 70px;
  opacity: 1;
  position: absolute;
  top: 71px;
  width: 333px;
}

.frame-279 .group-J1YQmd {
  --z-index: 9;
  background-color: transparent;
  background-image: url(../projects/613265b6f0d4c6677b4b4d17/releases/674a4b3a8cf5fe664be07caf/img/group-27%402x.png);
  background-size: 100% 100%;
  cursor: pointer;
  height: 271px;
  left: 204px;
  opacity: 1;
  position: absolute;
  top: 387px;
  width: 189px;
}

.frame-279 .polygon-2-C61RwL {
  --z-index: 10;
  background-color: transparent;
  background-image: url(https://cdn.animaapp.com/projects/613265b6f0d4c6677b4b4d17/releases/674a4b3a8cf5fe664be07caf/img/polygon-2.svg);
  background-size: 100% 100%;
  cursor: pointer;
  height: 47px;
  left: 96px;
  opacity: 1;
  position: absolute;
  top: 518px;
  width: 42px;
}

.frame-279 .centre-C61RwL {
  --z-index: 11;
  background-color: transparent;
  color: #565656;
  font-family: 'FONTSPRING DEMO - Rotunda Hair-Light-Bold', Helvetica;
  font-size: 68px;
  font-style: normal;
  font-weight: 700;
  height: auto;
  left: 159px;
  letter-spacing: 0.00px;
  line-height: normal;
  opacity: 0;
  position: absolute;
  text-align: left;
  top: 79px;
  width: 466px;
}

.frame-279 .de-ressources-C61RwL {
  --z-index: 12;
  background-color: transparent;
  color: #565656;
  font-family: 'FONTSPRING DEMO - Rotunda Hair-Light-Bold', Helvetica;
  font-size: 38px;
  font-style: normal;
  font-weight: 700;
  height: auto;
  left: 561px;
  letter-spacing: 0.00px;
  line-height: normal;
  opacity: 0;
  position: absolute;
  text-align: left;
  top: 154px;
  white-space: nowrap;
  width: auto;
}

.frame-279 .group-99-C61RwL {
  --z-index: 13;
  background-color: transparent;
  height: 34px;
  left: 1648px;
  opacity: 1;
  position: absolute;
  top: 104px;
  width: 169px;
}

.frame-279 .contact-ZnSQrh {
  --z-index: 0;
  background-color: transparent;
  color: #565656;
  font-family: 'Mada', Helvetica;
  font-size: 26px;
  font-style: normal;
  font-weight: 900;
  height: auto;
  left: 0px;
  letter-spacing: 1.30px;
  line-height: 25px;
  opacity: 1;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 167px;
}

.frame-279 .dans-les-coles-prima-C61RwL {
  --z-index: 14;
  background-color: transparent;
  color: #ffffff;
  font-family: 'Mada', Helvetica;
  font-size: 33px;
  font-style: normal;
  font-weight: 500;
  height: auto;
  left: 718px;
  letter-spacing: -0.99px;
  line-height: 50px;
  opacity: 1;
  position: absolute;
  text-align: left;
  top: 560px;
  width: auto;
}

.frame-279 .appui-aux-politiques-C61RwL {
  --z-index: 15;
  background-color: transparent;
  color: #ffffff;
  font-family: 'Nexa-Heavy', Helvetica;
  font-size: 45px;
  font-style: normal;
  font-weight: 400;
  height: auto;
  left: 737px;
  letter-spacing: 2.25px;
  line-height: 50px;
  opacity: 1;
  position: absolute;
  text-align: center;
  top: 386px;
  width: 445px;
}

.frame-279 .frame-C61RwL {
  --z-index: 16;
  background-color: transparent;
  border: 3px solid;
  border-color: #ffffff;
  border-radius: 70px;
  cursor: pointer;
  height: 51px;
  left: 850px;
  opacity: 1;
  overflow: hidden;
  position: absolute;
  top: 842px;
  width: 220px;
}

.frame-279 .decouvrir-gufFyG {
  --z-index: 0;
  background-color: transparent;
  color: #ffffff;
  font-family: 'Mada', Helvetica;
  font-size: 25px;
  font-style: normal;
  font-weight: 500;
  height: auto;
  left: 27px;
  letter-spacing: 1.25px;
  line-height: 25px;
  opacity: 1;
  position: absolute;
  text-align: left;
  top: 11px;
  width: 265px;
}

.frame-279 .vector-1-gufFyG {
  --z-index: 1;
  background-color: transparent;
  background-image: url(https://cdn.animaapp.com/projects/613265b6f0d4c6677b4b4d17/releases/674a4b3a8cf5fe664be07caf/img/vector-1-10.svg);
  background-size: 100% 100%;
  height: 17px;
  left: 178px;
  opacity: 1;
  position: absolute;
  top: 18px;
  width: 11px;
}

/* screen - frame-284 */

.frame-284 {
  background-color: transparent;
  background-position: 50% 50%;
  background-size: cover;
  cursor: pointer;
  height: 1080px;
  opacity: 1;
  position: relative;
  width: 100%;
}

.frame-284 .group-C61RwL {
  --z-index: 0;
  background-color: transparent;
  background-image: url(../projects/613265b6f0d4c6677b4b4d17/releases/674a4b3a8cf5fe664be07caf/img/group-28%402x.png);
  background-size: 100% 100%;
  cursor: pointer;
  height: 153px;
  left: 1232px;
  opacity: 1;
  position: absolute;
  top: 387px;
  width: 107px;
}

.frame-284 .group-VMr6Om {
  --z-index: 1;
  background-color: transparent;
  background-image: url(../projects/613265b6f0d4c6677b4b4d17/releases/674a4b3a8cf5fe664be07caf/img/group-64%402x.png);
  background-size: 100% 100%;
  cursor: pointer;
  height: 271px;
  left: 205px;
  opacity: 1;
  position: absolute;
  top: 387px;
  width: 189px;
}

.frame-284 .group-mzXdH9 {
  --z-index: 2;
  background-color: transparent;
  background-image: url(../projects/613265b6f0d4c6677b4b4d17/releases/674a4b3a8cf5fe664be07caf/img/group-30%402x.png);
  background-size: 100% 100%;
  cursor: pointer;
  height: 209px;
  left: 1362px;
  opacity: 1;
  position: absolute;
  top: 387px;
  width: 146px;
}

.frame-284 .group-QxM5SU {
  --z-index: 3;
  background-color: transparent;
  background-image: url(../projects/613265b6f0d4c6677b4b4d17/releases/674a4b3a8cf5fe664be07caf/img/group-66.png);
  background-size: 100% 100%;
  height: 850px;
  left: 664px;
  opacity: 1;
  position: absolute;
  top: 100px;
  width: 593px;
}

.frame-284 .group-2P4qUJ {
  --z-index: 4;
  background-color: transparent;
  background-image: url(../projects/613265b6f0d4c6677b4b4d17/releases/674a4b3a8cf5fe664be07caf/img/group-67%402x.png);
  background-size: 100% 100%;
  cursor: pointer;
  height: 153px;
  left: 583px;
  opacity: 1;
  position: absolute;
  top: 387px;
  width: 107px;
}

.frame-284 .group-qr8e7q {
  --z-index: 5;
  background-color: transparent;
  background-image: url(../projects/613265b6f0d4c6677b4b4d17/releases/674a4b3a8cf5fe664be07caf/img/group-70%402x.png);
  background-size: 100% 100%;
  cursor: pointer;
  height: 209px;
  left: 415px;
  opacity: 1;
  position: absolute;
  top: 387px;
  width: 146px;
}

.frame-284 .group-103-C61RwL {
  --z-index: 6;
  background-color: transparent;
  height: 425px;
  left: 713px;
  opacity: 0;
  position: absolute;
  top: 423px;
  width: 633px;
}

.frame-284 .dans-les-coles-prima-B08mCn {
  --z-index: 0;
  background-color: transparent;
  color: #36008d;
  font-family: 'Nexa-Regular', Helvetica;
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  height: auto;
  left: 0px;
  letter-spacing: -1.50px;
  line-height: 50px;
  opacity: 1;
  position: absolute;
  text-align: left;
  top: 63px;
  width: 629px;
}

.frame-284 .span0-Dk4yJM {
  font-style: normal;
  letter-spacing: -0.45px;
}

.frame-284 .span1-Dk4yJM {
  font-family: 'Montserrat', Helvetica;
  font-style: normal;
  font-weight: 500;
  letter-spacing: -0.45px;
}

.frame-284 .prevention-B08mCn {
  --z-index: 1;
  background-color: transparent;
  color: #ffffff;
  font-family: 'Nexa-Heavy', Helvetica;
  font-size: 50px;
  font-style: normal;
  font-weight: 400;
  height: auto;
  left: 65px;
  letter-spacing: 2.50px;
  line-height: normal;
  opacity: 1;
  position: absolute;
  text-align: center;
  top: 0px;
  width: 385px;
}

.frame-284 .frame-B08mCn {
  --z-index: 2;
  background-color: #36008d;
  border-radius: 70px;
  height: 37px;
  left: 169px;
  opacity: 1;
  overflow: hidden;
  position: absolute;
  top: 388px;
  width: 139px;
}

.frame-284 .decouvrir-xuNBEu {
  --z-index: 0;
  background-color: transparent;
  color: #ffffff;
  font-family: 'Nexa-Heavy', Helvetica;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  height: auto;
  left: 18px;
  letter-spacing: 0.70px;
  line-height: 25px;
  opacity: 1;
  position: absolute;
  text-align: left;
  top: 5px;
  width: 115px;
}

.frame-284 .vector-1-xuNBEu {
  --z-index: 1;
  background-color: transparent;
  background-image: url(../projects/613265b6f0d4c6677b4b4d17/releases/674a4b3a8cf5fe664be07caf/img/vector-1-3%402x.png);
  background-size: 100% 100%;
  height: 11px;
  left: -7578px;
  opacity: 1;
  position: absolute;
  top: 3033px;
  width: 6px;
}

.frame-284 .polygon-1-C61RwL {
  --z-index: 7;
  background-color: transparent;
  background-image: url(https://cdn.animaapp.com/projects/613265b6f0d4c6677b4b4d17/releases/674a4b3a8cf5fe664be07caf/img/polygon-1-2.svg);
  background-size: 100% 100%;
  cursor: pointer;
  height: 50px;
  left: 1777px;
  opacity: 1;
  position: absolute;
  top: 516px;
  width: 45px;
}

.frame-284 .rectangle-C61RwL {
  --z-index: 8;
  background-color: transparent;
  background-image: url(../projects/613265b6f0d4c6677b4b4d17/releases/674a4b3a8cf5fe664be07caf/img/rectangle%402x.png);
  background-size: 100% 100%;
  height: 81px;
  left: 70px;
  opacity: 1;
  position: absolute;
  top: 71px;
  width: 333px;
}

.frame-284 .group-J1YQmd {
  --z-index: 9;
  background-color: transparent;
  background-image: url(../projects/613265b6f0d4c6677b4b4d17/releases/674a4b3a8cf5fe664be07caf/img/group-32%402x.png);
  background-size: 100% 100%;
  cursor: pointer;
  height: 271px;
  left: 1528px;
  opacity: 1;
  position: absolute;
  top: 387px;
  width: 189px;
}

.frame-284 .polygon-2-C61RwL {
  --z-index: 10;
  background-color: transparent;
  background-image: url(https://cdn.animaapp.com/projects/613265b6f0d4c6677b4b4d17/releases/674a4b3a8cf5fe664be07caf/img/polygon-2.svg);
  background-size: 100% 100%;
  cursor: pointer;
  height: 47px;
  left: 96px;
  opacity: 1;
  position: absolute;
  top: 518px;
  width: 42px;
}

.frame-284 .group-99-C61RwL {
  --z-index: 11;
  background-color: transparent;
  height: 34px;
  left: 1648px;
  opacity: 1;
  position: absolute;
  top: 104px;
  width: 169px;
}

.frame-284 .contact-ZnSQrh {
  --z-index: 0;
  background-color: transparent;
  color: #565656;
  font-family: 'Mada', Helvetica;
  font-size: 26px;
  font-style: normal;
  font-weight: 900;
  height: auto;
  left: 0px;
  letter-spacing: 1.30px;
  line-height: 25px;
  opacity: 1;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 167px;
}

.frame-284 .group-105-C61RwL {
  --z-index: 12;
  background-color: transparent;
  height: 364px;
  left: 713px;
  opacity: 1;
  position: absolute;
  top: 394px;
  width: 483px;
}

.frame-284 .runion-inter-pays-co-a77sPZ {
  --z-index: 0;
  background-color: transparent;
  color: #ffffff;
  font-family: 'Mada', Helvetica;
  font-size: 33px;
  font-style: normal;
  font-weight: 600;
  height: auto;
  left: 0px;
  letter-spacing: -1.65px;
  line-height: 50px;
  opacity: 1;
  position: absolute;
  text-align: left;
  top: 114px;
  width: auto;
}

.frame-284 .change-sud-nord-a77sPZ {
  --z-index: 1;
  background-color: transparent;
  color: #ffffff;
  font-family: 'Nexa-Heavy', Helvetica;
  font-size: 50px;
  font-style: normal;
  font-weight: 400;
  height: auto;
  left: 22px;
  letter-spacing: 2.50px;
  line-height: 48px;
  opacity: 1;
  position: absolute;
  text-align: center;
  top: 0px;
  width: 445px;
}

.frame-284 .frame-C61RwL {
  --z-index: 13;
  background-color: transparent;
  border: 3px solid;
  border-color: #ffffff;
  border-radius: 70px;
  cursor: pointer;
  height: 51px;
  left: 847px;
  opacity: 1;
  overflow: hidden;
  position: absolute;
  top: 845px;
  width: 220px;
}

.frame-284 .decouvrir-gufFyG {
  --z-index: 0;
  background-color: transparent;
  color: #ffffff;
  font-family: 'Mada', Helvetica;
  font-size: 25px;
  font-style: normal;
  font-weight: 500;
  height: auto;
  left: 27px;
  letter-spacing: 1.25px;
  line-height: 25px;
  opacity: 1;
  position: absolute;
  text-align: left;
  top: 11px;
  width: 265px;
}

.frame-284 .vector-1-gufFyG {
  --z-index: 1;
  background-color: transparent;
  background-image: url(https://cdn.animaapp.com/projects/613265b6f0d4c6677b4b4d17/releases/674a4b3a8cf5fe664be07caf/img/vector-1-10.svg);
  background-size: 100% 100%;
  height: 17px;
  left: 178px;
  opacity: 1;
  position: absolute;
  top: 18px;
  width: 11px;
}

/* screen - frame-281 */

.frame-281 {
  background-color: transparent;
  background-position: 50% 50%;
  background-size: cover;
  cursor: pointer;
  height: 1080px;
  opacity: 1;
  position: relative;
  width: 100%;
}

.frame-281 .group-C61RwL {
  --z-index: 0;
  background-color: transparent;
  background-image: url(../projects/613265b6f0d4c6677b4b4d17/releases/674a4b3a8cf5fe664be07caf/img/group-85%402x.png);
  background-size: 100% 100%;
  cursor: pointer;
  height: 271px;
  left: 206px;
  opacity: 1;
  position: absolute;
  top: 387px;
  width: 189px;
}

.frame-281 .group-VMr6Om {
  --z-index: 1;
  background-color: transparent;
  background-image: url(../projects/613265b6f0d4c6677b4b4d17/releases/674a4b3a8cf5fe664be07caf/img/group-36%402x.png);
  background-size: 100% 100%;
  cursor: pointer;
  height: 209px;
  left: 1370px;
  opacity: 1;
  position: absolute;
  top: 387px;
  width: 146px;
}

.frame-281 .group-mzXdH9 {
  --z-index: 2;
  background-color: transparent;
  background-image: url(../projects/613265b6f0d4c6677b4b4d17/releases/674a4b3a8cf5fe664be07caf/img/group-87%402x.png);
  background-size: 100% 100%;
  cursor: pointer;
  height: 209px;
  left: 413px;
  opacity: 1;
  position: absolute;
  top: 387px;
  width: 146px;
}

.frame-281 .group-QxM5SU {
  --z-index: 3;
  background-color: transparent;
  background-image: url(../projects/613265b6f0d4c6677b4b4d17/releases/674a4b3a8cf5fe664be07caf/img/group-38%402x.png);
  background-size: 100% 100%;
  cursor: pointer;
  height: 154px;
  left: 1238px;
  opacity: 1;
  position: absolute;
  top: 387px;
  width: 107px;
}

.frame-281 .group-2P4qUJ {
  --z-index: 4;
  background-color: transparent;
  background-image: url(../projects/613265b6f0d4c6677b4b4d17/releases/674a4b3a8cf5fe664be07caf/img/group-89.png);
  background-size: 100% 100%;
  height: 850px;
  left: 664px;
  opacity: 1;
  position: absolute;
  top: 100px;
  width: 593px;
}

.frame-281 .group-qr8e7q {
  --z-index: 5;
  background-color: transparent;
  background-image: url(../projects/613265b6f0d4c6677b4b4d17/releases/674a4b3a8cf5fe664be07caf/img/group-90%402x.png);
  background-size: 100% 100%;
  cursor: pointer;
  height: 271px;
  left: 1533px;
  opacity: 1;
  position: absolute;
  top: 387px;
  width: 189px;
}

.frame-281 .offre-de-soins-C61RwL {
  --z-index: 6;
  background-color: transparent;
  color: #5d5fef;
  font-family: 'Nexa-Heavy', Helvetica;
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  height: auto;
  left: 591px;
  letter-spacing: 2.00px;
  line-height: 48px;
  opacity: 0;
  position: absolute;
  text-align: center;
  top: 757px;
  width: 751px;
}

.frame-281 .group-103-C61RwL {
  --z-index: 7;
  background-color: transparent;
  height: 425px;
  left: 713px;
  opacity: 0;
  position: absolute;
  top: 423px;
  width: 633px;
}

.frame-281 .dans-les-coles-prima-B08mCn {
  --z-index: 0;
  background-color: transparent;
  color: #36008d;
  font-family: 'Nexa-Regular', Helvetica;
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  height: auto;
  left: 0px;
  letter-spacing: -1.50px;
  line-height: 50px;
  opacity: 1;
  position: absolute;
  text-align: left;
  top: 63px;
  width: 629px;
}

.frame-281 .span0-Dk4yJM {
  font-style: normal;
  letter-spacing: -0.45px;
}

.frame-281 .span1-Dk4yJM {
  font-family: 'Montserrat', Helvetica;
  font-style: normal;
  font-weight: 500;
  letter-spacing: -0.45px;
}

.frame-281 .prevention-B08mCn {
  --z-index: 1;
  background-color: transparent;
  color: #ffffff;
  font-family: 'Nexa-Heavy', Helvetica;
  font-size: 50px;
  font-style: normal;
  font-weight: 400;
  height: auto;
  left: 65px;
  letter-spacing: 2.50px;
  line-height: normal;
  opacity: 1;
  position: absolute;
  text-align: center;
  top: 0px;
  width: 385px;
}

.frame-281 .frame-B08mCn {
  --z-index: 2;
  background-color: #36008d;
  border-radius: 70px;
  height: 37px;
  left: 169px;
  opacity: 1;
  overflow: hidden;
  position: absolute;
  top: 388px;
  width: 139px;
}

.frame-281 .decouvrir-xuNBEu {
  --z-index: 0;
  background-color: transparent;
  color: #ffffff;
  font-family: 'Nexa-Heavy', Helvetica;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  height: auto;
  left: 18px;
  letter-spacing: 0.70px;
  line-height: 25px;
  opacity: 1;
  position: absolute;
  text-align: left;
  top: 5px;
  width: 115px;
}

.frame-281 .vector-1-xuNBEu {
  --z-index: 1;
  background-color: transparent;
  background-image: url(../projects/613265b6f0d4c6677b4b4d17/releases/674a4b3a8cf5fe664be07caf/img/vector-1-1%402x.png);
  background-size: 100% 100%;
  height: 11px;
  left: -1416px;
  opacity: 1;
  position: absolute;
  top: 3033px;
  width: 6px;
}

.frame-281 .polygon-1-C61RwL {
  --z-index: 8;
  background-color: transparent;
  background-image: url(https://cdn.animaapp.com/projects/613265b6f0d4c6677b4b4d17/releases/674a4b3a8cf5fe664be07caf/img/polygon-1.svg);
  background-size: 100% 100%;
  cursor: pointer;
  height: 50px;
  left: 1777px;
  opacity: 1;
  position: absolute;
  top: 516px;
  width: 45px;
}

.frame-281 .rectangle-C61RwL {
  --z-index: 9;
  background-color: transparent;
  background-image: url(../projects/613265b6f0d4c6677b4b4d17/releases/674a4b3a8cf5fe664be07caf/img/rectangle%402x.png);
  background-size: 100% 100%;
  height: 81px;
  left: 70px;
  opacity: 1;
  position: absolute;
  top: 71px;
  width: 333px;
}

.frame-281 .group-J1YQmd {
  --z-index: 10;
  background-color: transparent;
  background-image: url(../projects/613265b6f0d4c6677b4b4d17/releases/674a4b3a8cf5fe664be07caf/img/group-84%402x.png);
  background-size: 100% 100%;
  cursor: pointer;
  height: 153px;
  left: 584px;
  opacity: 1;
  position: absolute;
  top: 387px;
  width: 107px;
}

.frame-281 .polygon-2-C61RwL {
  --z-index: 11;
  background-color: transparent;
  background-image: url(https://cdn.animaapp.com/projects/613265b6f0d4c6677b4b4d17/releases/674a4b3a8cf5fe664be07caf/img/polygon-2.svg);
  background-size: 100% 100%;
  cursor: pointer;
  height: 47px;
  left: 96px;
  opacity: 1;
  position: absolute;
  top: 518px;
  width: 42px;
}

.frame-281 .centre-C61RwL {
  --z-index: 12;
  background-color: transparent;
  color: #565656;
  font-family: 'FONTSPRING DEMO - Rotunda Hair-Light-Bold', Helvetica;
  font-size: 68px;
  font-style: normal;
  font-weight: 700;
  height: auto;
  left: 162px;
  letter-spacing: 0.00px;
  line-height: normal;
  opacity: 0;
  position: absolute;
  text-align: left;
  top: 79px;
  width: 466px;
}

.frame-281 .de-ressources-C61RwL {
  --z-index: 13;
  background-color: transparent;
  color: #565656;
  font-family: 'FONTSPRING DEMO - Rotunda Hair-Light-Bold', Helvetica;
  font-size: 38px;
  font-style: normal;
  font-weight: 700;
  height: auto;
  left: 561px;
  letter-spacing: 0.00px;
  line-height: normal;
  opacity: 0;
  position: absolute;
  text-align: left;
  top: 154px;
  white-space: nowrap;
  width: auto;
}

.frame-281 .group-99-C61RwL {
  --z-index: 14;
  background-color: transparent;
  height: 34px;
  left: 1648px;
  opacity: 1;
  position: absolute;
  top: 104px;
  width: 169px;
}

.frame-281 .contact-ZnSQrh {
  --z-index: 0;
  background-color: transparent;
  color: #565656;
  font-family: 'Mada', Helvetica;
  font-size: 26px;
  font-style: normal;
  font-weight: 900;
  height: auto;
  left: 0px;
  letter-spacing: 1.30px;
  line-height: 25px;
  opacity: 1;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 167px;
}

.frame-281 .dans-les-coles-prima-C61RwL {
  --z-index: 15;
  background-color: transparent;
  color: #ffffff;
  font-family: 'Mada', Helvetica;
  font-size: 30px;
  font-style: normal;
  font-weight: 600;
  height: auto;
  left: 713px;
  letter-spacing: 0.00px;
  line-height: 50px;
  opacity: 1;
  position: absolute;
  text-align: left;
  top: 503px;
  width: auto;
}

.frame-281 .offrede-soins-C61RwL {
  --z-index: 16;
  background-color: transparent;
  color: #ffffff;
  font-family: 'Nexa-Heavy', Helvetica;
  font-size: 45px;
  font-style: normal;
  font-weight: 400;
  height: auto;
  left: 728px;
  letter-spacing: 2.25px;
  line-height: 50px;
  opacity: 1;
  position: absolute;
  text-align: center;
  top: 392px;
  width: 445px;
}

.frame-281 .frame-C61RwL {
  --z-index: 17;
  background-color: transparent;
  border: 3px solid;
  border-color: #ffffff;
  border-radius: 70px;
  cursor: pointer;
  height: 51px;
  left: 847px;
  opacity: 1;
  overflow: hidden;
  position: absolute;
  top: 845px;
  width: 220px;
}

.frame-281 .decouvrir-gufFyG {
  --z-index: 0;
  background-color: transparent;
  color: #ffffff;
  font-family: 'Mada', Helvetica;
  font-size: 25px;
  font-style: normal;
  font-weight: 500;
  height: auto;
  left: 27px;
  letter-spacing: 1.25px;
  line-height: 25px;
  opacity: 1;
  position: absolute;
  text-align: left;
  top: 11px;
  width: 265px;
}

.frame-281 .vector-1-gufFyG {
  --z-index: 1;
  background-color: transparent;
  background-image: url(https://cdn.animaapp.com/projects/613265b6f0d4c6677b4b4d17/releases/674a4b3a8cf5fe664be07caf/img/vector-1-10.svg);
  background-size: 100% 100%;
  height: 17px;
  left: 178px;
  opacity: 1;
  position: absolute;
  top: 18px;
  width: 11px;
}

/* screen - frame-282 */

.frame-282 {
  background-color: transparent;
  background-position: 50% 50%;
  background-size: cover;
  cursor: pointer;
  height: 1080px;
  opacity: 1;
  position: relative;
  width: 100%;
}

.frame-282 .group-C61RwL {
  --z-index: 0;
  background-color: transparent;
  background-image: url(../projects/613265b6f0d4c6677b4b4d17/releases/674a4b3a8cf5fe664be07caf/img/group-51%402x.png);
  background-size: 100% 100%;
  cursor: pointer;
  height: 209px;
  left: 415px;
  opacity: 1;
  position: absolute;
  top: 387px;
  width: 146px;
}

.frame-282 .group-VMr6Om {
  --z-index: 1;
  background-color: transparent;
  background-image: url(../projects/613265b6f0d4c6677b4b4d17/releases/674a4b3a8cf5fe664be07caf/img/group-52%402x.png);
  background-size: 100% 100%;
  cursor: pointer;
  height: 271px;
  left: 1530px;
  opacity: 1;
  position: absolute;
  top: 387px;
  width: 189px;
}

.frame-282 .group-mzXdH9 {
  --z-index: 2;
  background-color: transparent;
  background-image: url(../projects/613265b6f0d4c6677b4b4d17/releases/674a4b3a8cf5fe664be07caf/img/group-53%402x.png);
  background-size: 100% 100%;
  cursor: pointer;
  height: 153px;
  left: 584px;
  opacity: 1;
  position: absolute;
  top: 387px;
  width: 107px;
}

.frame-282 .group-QxM5SU {
  --z-index: 3;
  background-color: transparent;
  background-image: url(../projects/613265b6f0d4c6677b4b4d17/releases/674a4b3a8cf5fe664be07caf/img/group-54%402x.png);
  background-size: 100% 100%;
  cursor: pointer;
  height: 209px;
  left: 1364px;
  opacity: 1;
  position: absolute;
  top: 387px;
  width: 146px;
}

.frame-282 .group-2P4qUJ {
  --z-index: 4;
  background-color: transparent;
  background-image: url(../projects/613265b6f0d4c6677b4b4d17/releases/674a4b3a8cf5fe664be07caf/img/group-55%402x.png);
  background-size: 100% 100%;
  cursor: pointer;
  height: 271px;
  left: 206px;
  opacity: 1;
  position: absolute;
  top: 387px;
  width: 189px;
}

.frame-282 .group-qr8e7q {
  --z-index: 5;
  background-color: transparent;
  background-image: url(../projects/613265b6f0d4c6677b4b4d17/releases/674a4b3a8cf5fe664be07caf/img/group-97.png);
  background-size: 100% 100%;
  height: 850px;
  left: 664px;
  opacity: 1;
  position: absolute;
  top: 100px;
  width: 593px;
}

.frame-282 .recherche-publication-C61RwL {
  --z-index: 6;
  background-color: transparent;
  color: #f97700;
  font-family: 'Nexa-Heavy', Helvetica;
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  height: auto;
  left: 591px;
  letter-spacing: 2.00px;
  line-height: 48px;
  opacity: 0;
  position: absolute;
  text-align: center;
  top: 757px;
  width: 751px;
}

.frame-282 .group-103-C61RwL {
  --z-index: 7;
  background-color: transparent;
  height: 425px;
  left: 713px;
  opacity: 0;
  position: absolute;
  top: 423px;
  width: 633px;
}

.frame-282 .dans-les-coles-prima-B08mCn {
  --z-index: 0;
  background-color: transparent;
  color: #36008d;
  font-family: 'Nexa-Regular', Helvetica;
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  height: auto;
  left: 0px;
  letter-spacing: -1.50px;
  line-height: 50px;
  opacity: 1;
  position: absolute;
  text-align: left;
  top: 63px;
  width: 629px;
}

.frame-282 .span0-Dk4yJM {
  font-style: normal;
  letter-spacing: -0.45px;
}

.frame-282 .span1-Dk4yJM {
  font-family: 'Montserrat', Helvetica;
  font-style: normal;
  font-weight: 500;
  letter-spacing: -0.45px;
}

.frame-282 .prevention-B08mCn {
  --z-index: 1;
  background-color: transparent;
  color: #ffffff;
  font-family: 'Nexa-Heavy', Helvetica;
  font-size: 50px;
  font-style: normal;
  font-weight: 400;
  height: auto;
  left: 65px;
  letter-spacing: 2.50px;
  line-height: normal;
  opacity: 1;
  position: absolute;
  text-align: center;
  top: 0px;
  width: 385px;
}

.frame-282 .frame-B08mCn {
  --z-index: 2;
  background-color: #36008d;
  border-radius: 70px;
  height: 37px;
  left: 169px;
  opacity: 1;
  overflow: hidden;
  position: absolute;
  top: 388px;
  width: 139px;
}

.frame-282 .decouvrir-xuNBEu {
  --z-index: 0;
  background-color: transparent;
  color: #ffffff;
  font-family: 'Nexa-Heavy', Helvetica;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  height: auto;
  left: 18px;
  letter-spacing: 0.70px;
  line-height: 25px;
  opacity: 1;
  position: absolute;
  text-align: left;
  top: 5px;
  width: 115px;
}

.frame-282 .vector-1-xuNBEu {
  --z-index: 1;
  background-color: transparent;
  background-image: url(../projects/613265b6f0d4c6677b4b4d17/releases/674a4b3a8cf5fe664be07caf/img/vector-1-1%402x.png);
  background-size: 100% 100%;
  height: 11px;
  left: -3446px;
  opacity: 1;
  position: absolute;
  top: 3033px;
  width: 6px;
}

.frame-282 .polygon-1-C61RwL {
  --z-index: 8;
  background-color: transparent;
  background-image: url(https://cdn.animaapp.com/projects/613265b6f0d4c6677b4b4d17/releases/674a4b3a8cf5fe664be07caf/img/polygon-1-2.svg);
  background-size: 100% 100%;
  cursor: pointer;
  height: 50px;
  left: 1777px;
  opacity: 1;
  position: absolute;
  top: 516px;
  width: 45px;
}

.frame-282 .rectangle-C61RwL {
  --z-index: 9;
  background-color: transparent;
  background-image: url(../projects/613265b6f0d4c6677b4b4d17/releases/674a4b3a8cf5fe664be07caf/img/rectangle%402x.png);
  background-size: 100% 100%;
  height: 81px;
  left: 70px;
  opacity: 1;
  position: absolute;
  top: 71px;
  width: 333px;
}

.frame-282 .group-J1YQmd {
  --z-index: 10;
  background-color: transparent;
  background-image: url(../projects/613265b6f0d4c6677b4b4d17/releases/674a4b3a8cf5fe664be07caf/img/group-49%402x.png);
  background-size: 100% 100%;
  cursor: pointer;
  height: 153px;
  left: 1233px;
  opacity: 1;
  position: absolute;
  top: 387px;
  width: 107px;
}

.frame-282 .polygon-2-C61RwL {
  --z-index: 11;
  background-color: transparent;
  background-image: url(https://cdn.animaapp.com/projects/613265b6f0d4c6677b4b4d17/releases/674a4b3a8cf5fe664be07caf/img/polygon-2.svg);
  background-size: 100% 100%;
  cursor: pointer;
  height: 47px;
  left: 96px;
  opacity: 1;
  position: absolute;
  top: 518px;
  width: 42px;
}

.frame-282 .group-99-C61RwL {
  --z-index: 12;
  background-color: transparent;
  height: 34px;
  left: 1648px;
  opacity: 1;
  position: absolute;
  top: 104px;
  width: 169px;
}

.frame-282 .contact-ZnSQrh {
  --z-index: 0;
  background-color: transparent;
  color: #565656;
  font-family: 'Mada', Helvetica;
  font-size: 26px;
  font-style: normal;
  font-weight: 900;
  height: auto;
  left: 0px;
  letter-spacing: 1.30px;
  line-height: 25px;
  opacity: 1;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 167px;
}

.frame-282 .dans-les-coles-prima-C61RwL {
  --z-index: 13;
  background-color: transparent;
  color: #ffffff;
  font-family: 'Mada', Helvetica;
  font-size: 33px;
  font-style: normal;
  font-weight: 500;
  height: auto;
  left: 718px;
  letter-spacing: -1.65px;
  line-height: 50px;
  opacity: 1;
  position: absolute;
  text-align: left;
  top: 502px;
  width: auto;
}

.frame-282 .recherche-publication-VMr6Om {
  --z-index: 14;
  background-color: transparent;
  color: #ffffff;
  font-family: 'Nexa-Heavy', Helvetica;
  font-size: 45px;
  font-style: normal;
  font-weight: 400;
  height: auto;
  left: 738px;
  letter-spacing: 2.25px;
  line-height: 48px;
  opacity: 1;
  position: absolute;
  text-align: center;
  top: 395px;
  width: 445px;
}

.frame-282 .frame-C61RwL {
  --z-index: 15;
  background-color: transparent;
  border: 3px solid;
  border-color: #ffffff;
  border-radius: 70px;
  cursor: pointer;
  height: 51px;
  left: 847px;
  opacity: 1;
  overflow: hidden;
  position: absolute;
  top: 845px;
  width: 220px;
}

.frame-282 .decouvrir-gufFyG {
  --z-index: 0;
  background-color: transparent;
  color: #ffffff;
  font-family: 'Mada', Helvetica;
  font-size: 25px;
  font-style: normal;
  font-weight: 500;
  height: auto;
  left: 27px;
  letter-spacing: 1.25px;
  line-height: 25px;
  opacity: 1;
  position: absolute;
  text-align: left;
  top: 11px;
  width: 265px;
}

.frame-282 .vector-1-gufFyG {
  --z-index: 1;
  background-color: transparent;
  background-image: url(https://cdn.animaapp.com/projects/613265b6f0d4c6677b4b4d17/releases/674a4b3a8cf5fe664be07caf/img/vector-1-10.svg);
  background-size: 100% 100%;
  height: 17px;
  left: 178px;
  opacity: 1;
  position: absolute;
  top: 18px;
  width: 11px;
}

@media (min-width: 1300px) {
    body {
        transform-origin: top left;
        transform: scale(0.7);
    }
}

/* Tablettes horizontales */
@media (max-width: 1199px) and (min-width: 768px) {
    body {
        transform-origin: top left;
        transform: scale(0.6); /* Réduit à 90% */
    }
}

/* Tablettes verticales et téléphones larges */
@media (max-width: 767px) and (min-width: 480px) {
    body {
        transform-origin: top left;
        transform: scale(0.5); /* Réduit à 75% */
    }
}

/* Petits téléphones */
@media (max-width: 479px) {
    body {
        transform-origin: top left;
        transform: scale(0.4); /* Réduit à 60% */
    }
}