.askInvitGroup-popup-container {
  display: none;
  z-index: 102;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100vw;
  background-color: var(--FormCouleurFond);
  overflow-y: auto;

  background-size: cover;
}

#AskInvitGroupForm {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%) scale(0.8);
  width: 100%;
  font-size: var(--FormFontSize);
  background-color: var(--FormCouleurFond);
  text-align: center;
  overflow: hidden;
  padding: 10px 50px;
  max-width: 550px;
}

#AskInvitGroup h1 {
  margin-top: 10px;
  margin-bottom: 30px;
  color: var(--FormCouleurCarac);
  text-align: center;
  font-size: var(--FormTailleTitre);
  font-weight: bold;
}
#AskInvitGroup label {
  color: var(--FormCouleurCarac);
  font-size: var(--FormTailleSousTitre);
  font-weight: bold;
}
#AskInvitGroup input {
  height: 85px;
}

#AskInvitGroup .container {
  padding: 16px;
}

#AskInvitGroup hr {
  border: 1px solid #f1f1f1;
  margin-bottom: 25px;
  margin-left: 0px;
  background-color: #FEFFED;
  margin-right: 0px;
  width: 100%;
  height: 1px;
}

@media screen and (max-width: 767px) {
  #AskInvitGroup {
      height: 100%;
  }
  #AskInvitGroup .groupe-container {
      height: 100%;
  }
  #AskInvitGroupForm {
      width: 100%;
      height: 100%;
      max-width: unset;
      position: unset;
      transform: unset;
  }
}