@import url("https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css");
@import url('https://fonts.googleapis.com/css?family=Nunito:400,700,600,900|Montserrat:500,600');

* {

box-sizing: border-box;
}
.align-self-flex-center {

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

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

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

animation-delay: 0s;
}
.auto-animated .container-center-vertical,
.auto-animated .container-center-horizontal {

opacity: 1;
}
.auto-animated div {

opacity: 0;
position: absolute;
--z-index: -1;
}
.component-wrapper * {

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

text-decoration: none;
display: contents;
pointer-events: auto
}
.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;
}
.container-center-horizontal {

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

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

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

pointer-events: auto;
flex-shrink: 0;
}
.full-height-a {

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

width: 100%;
}
.hidden,
.hidden * {

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

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

cursor: pointer;
}
.overlay {

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

opacity: 0;
display: block;
animation: reveal 0.3s ease-in-out 1 normal forwards;
}
.overlay.animate-disappear {

opacity: 1;
display: block;
animation: reveal 0.3s ease-in-out 1 reverse forwards;
}
.screen * {

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

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

-webkit-text-size-adjust: none;
}
.screen textarea:focus,
.screen input:focus {

outline: none;
}
.smart-layers-pointers,
.smart-layers-pointers * {

pointer-events: auto;
visibility: visible;
}
.valign-text-bottom {

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

display: flex;
flex-direction: column;
justify-content: center;
}
@keyframes reveal {

from {
opacity: 0;
}
to {
opacity: 1;
}
}
input:focus {

outline: none;
}

:root {
  --midnight-blue: #00325e;
  --midnight-blue-2: #1a4366;
  --white: #ffffff;

  --font-size-29_3px: 29.3px;
  --font-size-m: 16px;
  --font-size-s: 14px;
  --font-size-xl: 20px;
  --font-size-xs: 12px;
  --font-size-xxs: 11px;

  --font-family-montserrat: "Montserrat", Helvetica;
  --font-family-nunito: "Nunito", Helvetica;
}
.montserratbody-content14pxsemiboldcenter-alignprimary {
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0px;
}
.montserratbody-content14pxmediumcenter-aligngray-white {
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0px;
}

/* screen - desktophd */

.desktophd {
  background-color: var(--white);
  height: 100vh;
  margin: 0px;
  min-height: 720px;
  min-width: 1440px;
  overflow-x: hidden;
  position: relative;
  width: 100%;
}
.desktophd .besoin-daide-T7xiCh {
  background-color: transparent;
  color: var(--midnight-blue-2);
  font-style: normal;
  font-weight: 500;
  height: auto;
  left: 0px;
  line-height: 21px;
  position: absolute;
  text-align: center;
  top: 0px;
  white-space: nowrap;
  width: auto;
}
.desktophd .bgbleu-3cP1Ae {
  background: linear-gradient(-142deg, #0095CD 0%, #00D090 100%);
  background-color: transparent;
  height: 192px;
  left: 0px;
  opacity: 0.06;
  position: absolute;
  top: 0px;
  width: 100%;
}
.desktophd .bgfooter-3cP1Ae {
  background-color: var(--midnight-blue);
  height: 31px;
  left: 0px;
  position: absolute;
  bottom: 0px;
  width: 1440px;
}
.desktophd .co-3cP1Ae {
  background-color: transparent;
  height: 489px;
  margin-left: -0px;
  margin-right: 0px;
  position: absolute;
  top: 76px;
  width: 329px;
}
.desktophd .connexion-MCCFem {
  background-color: transparent;
  color: var(--midnight-blue);
  font-family: var(--font-family-nunito);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 900;
  height: auto;
  left: 102px;
  letter-spacing: 0.00px;
  line-height: 25px;
  position: absolute;
  text-align: center;
  top: 185px;
  white-space: nowrap;
  width: auto;
}
.desktophd .control-xwnPBy {
  background-color: transparent;
  color: #000000;
  font-family: var(--font-family-nunito);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 900;
  height: auto;
  left: 61px;
  letter-spacing: 0.00px;
  line-height: 22px;
  position: absolute;
  text-align: left;
  top: 29px;
  white-space: nowrap;
  width: auto;
}
.desktophd .developed-by-m-yandco-bqHH8H {
  background-color: transparent;
  color: var(--white);
  font-family: var(--font-family-nunito);
  font-size: var(--font-size-xxs);
  font-style: normal;
  font-weight: 700;
  height: auto;
  left: 89px;
  letter-spacing: 0.00px;
  line-height: 15px;
  position: absolute;
  text-align: right;
  top: 0px;
  white-space: nowrap;
  width: auto;
}
.desktophd .email-BlQJOz {
  background-color: transparent;
  color: var(--midnight-blue-2);
  font-family: var(--font-family-nunito);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
  height: auto;
  left: 5%;
  letter-spacing: 0.00px;
  line-height: 24px;
  opacity: 0.7;
  position: absolute;
  text-align: left;
  top: 10px;
  white-space: nowrap;
  width: 90%;
}
.desktophd .face-id-xwnPBy {
  background-color: transparent;
  height: 48px;
  left: -0px;
  position: absolute;
  top: 3px;
  width: 51px;
}
.desktophd .fill-55-xwnPBy {
  background-color: transparent;
  height: 24px;
  left: 9px;
  position: absolute;
  top: 13px;
  width: 33px;
}
.desktophd .footer-3cP1Ae {
  background-color: transparent;
  bottom: 8px;
  height: 15px;
  margin-left: 552px;
  margin-right: -552px;
  position: absolute;
  width: 257px;
}
.desktophd .group-10-MCCFem {
  background-color: transparent;
  height: 40px;
  left: 1px;
  position: absolute;
  top: 401px;
  width: 327px;
  cursor: pointer;
}
.desktophd .group-2-MCCFem {
  background-color: transparent;
  height: 40px;
  left: 1px;
  position: absolute;
  top: 295px;
  width: 327px;
}
.desktophd .group-5-MCCFem {
  background-color: transparent;
  height: 21px;
  left: 54px;
  position: absolute;
  top: 468px;
  width: 221px;
}
.desktophd .group-MCCFem {
  background-color: transparent;
  height: 42px;
  left: 0px;
  position: absolute;
  top: 230px;
  width: 329px;
}
.desktophd .login-cMkD4V {
  background-color: transparent;
  color: var(--white);
  font-family: var(--font-family-nunito);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 600;
  height: auto;
  left: 138px;
  letter-spacing: 0.00px;
  line-height: 24px;
  position: absolute;
  text-align: center;
  top: 9px;
  white-space: nowrap;
  width: auto;
}
.desktophd .logo-app-MCCFem {
  background-color: transparent;
  height: 143px;
  left: 87px;
  position: absolute;
  top: 0px;
  width: 157px;
}
.desktophd .mention-lgale-bqHH8H {
  background-color: transparent;
  color: var(--white);
  font-family: var(--font-family-nunito);
  font-size: var(--font-size-xxs);
  font-style: normal;
  font-weight: 700;
  height: auto;
  left: -8px;
  letter-spacing: 0.00px;
  line-height: 15px;
  position: absolute;
  text-align: center;
  top: 0px;
  white-space: nowrap;
  width: auto;
}
.desktophd .mot-de-passe-ijb27f {
  background-color: transparent;
  color: var(--midnight-blue-2);
  font-family: var(--font-family-nunito);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
  height: auto;
  left: 5%;
  letter-spacing: 0.00px;
  line-height: 24px;
  opacity: 0.7;
  position: absolute;
  text-align: left;
  top: 9px;
  white-space: nowrap;
  width: 90%;
}
.desktophd .mot-de-passe-oubli-MCCFem {
  background-color: transparent;
  color: var(--midnight-blue);
  font-family: var(--font-family-nunito);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 700;
  height: auto;
  left: 181px;
  letter-spacing: 0.00px;
  line-height: 18px;
  position: absolute;
  text-align: right;
  top: 351px;
  white-space: nowrap;
  width: auto;
}
.desktophd .my-xwnPBy {
  background-color: transparent;
  color: var(--white);
  font-family: var(--font-family-nunito);
  font-size: 12.5px;
  font-style: normal;
  font-weight: 900;
  height: auto;
  left: 16px;
  letter-spacing: 0.00px;
  line-height: 17px;
  position: absolute;
  text-align: left;
  top: 19px;
  white-space: nowrap;
  width: auto;
}
.desktophd .mylogcontrol-A6xxQT {
  background-color: transparent;
  height: 52px;
  left: 17px;
  position: absolute;
  top: 46px;
  width: 121px;
}
.desktophd .nous-contacer-T7xiCh {
  background-color: transparent;
  color: #fc0069;
  font-style: normal;
  font-weight: 600;
  height: auto;
  left: 115px;
  line-height: 21px;
  position: absolute;
  text-align: center;
  top: 0px;
  white-space: nowrap;
  width: auto;
}
.desktophd .path-A6xxQT {
  background-color: transparent;
  height: 142px;
  left: 0px;
  opacity: 0.81;
  position: absolute;
  top: 0px;
  width: 157px;
}
.desktophd .path-Qqx9bM {
  background-color: transparent;
  height: 143px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 157px;
}
.desktophd .rectangle-32-BlQJOz {
  background-color: transparent;
  height: 43px;
  left: -0px;
  position: absolute;
  top: -0px;
  width: 330px;
}
.desktophd .rectangle-32-ijb27f {
  background-color: transparent;
  height: 40px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 327px;
}
.desktophd .rectangle-cMkD4V {
  background-color: #fc0069;
  border-radius: 10px;
  height: 40px;
  left: 0px;
  position: absolute;
  top: -0px;
  width: 327px;
}
.desktophd .title-xwnPBy {
  background-color: transparent;
  color: #000000;
  font-family: var(--font-family-nunito);
  font-size: var(--font-size-29_3px);
  font-style: normal;
  font-weight: 900;
  height: auto;
  left: 59px;
  letter-spacing: 0.00px;
  line-height: 40px;
  position: absolute;
  text-align: left;
  top: 0px;
  white-space: nowrap;
  width: auto;
}
.erreur {
  position: fixed;
  left: 0;
  width: 100%;
  height: 30px;
  bottom: 0;
  display: none;
  padding-left: 5px;
  font-family: var(--font-family-nunito);
  font-weight: 300;
  font-style: normal;
  font-size: var(--font-size-m);
  color: var(--white);
  z-index: 50;
}