#wrapper-central:has(#div-login) {
  position: relative;
  display: flex;
  align-items: start;
  justify-content: center;
  overflow: hidden;
}
html {
  height: 100%;
}

#fond-login {
  position: absolute;
  right: 0;
  top: -0.35em;
  bottom: 0em;
  left: 0em;
  z-index: -1;
  filter: blur(0.625em) hue-rotate(340deg) opacity(0.8);
}

#fond-login img {
  width: 100%;
}

#div-login {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background: rgb(253, 253, 253);
  /* width: 25em; */
  padding: 1.25em;
  margin: 1.25em;
  border-radius: 1.25em;
  box-shadow: 0.313em 0.313em 1.25em rgba(0, 0, 0, 0.192);
  /* margin-top: 12.313em; */
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

#div-login .div-logo,
.div-submit {
  display: flex;
  justify-content: center;
  align-items: center;
}
#alert-mdp,
#alertMail {
  display: none;
  color: red;
  margin-top: 0.5em;
  font-weight: bold;
}

#div-login .div-logo {
  width: fit-content;
  height: 11.25em;
  width: 11.25em;
  padding: 1;
  border-radius: 6.25em;
  background-color: #e4ebeb;
}

#div-login .div-logo img {
  height: 15.375em;
}

#div-login form {
  width: 100%;
}

#btn-inscription {
  background-color: #1bb7b7;
  border: none;
}

#btn-inscription:hover {
  background-color: #118d8d;
}
#wrapper-central {
  height: 100%;
}
#nav-pc,
#nav-mobile {
  display: none !important;
}

img {
  margin: 0;
  max-height: none;
  max-width: none;
}

#logo {
  max-height: 11em;
}
@media only screen and (max-width: 600px) {
  #body {
    height: auto !important;
  }

  .btn {
    font-size: medium!important;
  }
}

#btn-inscription {
  margin-top: 1em;
  margin-bottom: 1em;
}

#div-btn-connexion,
#div-btn-connexion > *,
#div-btn-connexion > * > * {
  width: fit-content;
}

#reset_password_request_form_email,
#change_password_form_plainPassword {
  margin-top: 1em;
  margin-bottom: 1em;
}

.container-fluid {
  justify-content: center;
  display: flex;
  align-items: center;
}