.fond-opacity{
  opacity: 0.5;
  /* background: rgba(23, 0, 59, 0.787) ; */
  /* background-image:url("/images/photo-banniere.jpg");  */
  min-height: 600px;
}

#fade {
    display: none;
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background: rgb(23, 0, 59) ;
    z-index: 1001;
    -moz-opacity: 0.8;
    opacity: .80;
    filter: alpha(opacity=80);
  }
  
  #light {
    /* background-image: url("/images/lecole2022-centre-de-formation-fond-pop-up.png"); */
    position: absolute;
    top: 30%;
    left: 45%;
    min-width: 650px;
    min-height: 560px;
    margin-left: -240px;
    margin-top: -100px;
    border: 2px solid rgba(35, 5, 64, 0.42);
    background-image: radial-gradient(circle, rgb(74, 28, 151), #332560, #1c0760); 
    z-index: 1002;
    overflow: visible;
    border-radius: 15px;
  }
  
  #light .logo-datadocke{
    margin: -3px 50px 0 270px;
  }

  #boxclose {
    /* float: right; */
    cursor: pointer;
    color: #fff;
    border: 1px solid #AEAEAE;
    border-radius: 3px;
    background: #222222;
    font-size: 31px;
    font-weight: bold;
    display: inline-block;
    line-height: 0px;
    padding: 11px 3px;
    position: absolute;
    right: 2px;
    top: 2px;
    z-index: 1002;
    opacity: 0.9;
  }
  
  .boxclose:before {
    content: "×";
  }
  
  #fade:hover ~ #boxclose {
    display:none;
  }
  

  .btn-eligibilite{
    align-items: center;
    margin-top: 50px;
  }


  /* Questionnaire */
  #questionnaire-1{
    visibility: hidden;

    display: none;
    position: absolute;
    top: 30%;
    left: 50%;
    max-width: 600px;
    max-height: 360px;
    margin-left: -290px;
    /* margin-top: 0px; */
    border: 2px solid rgba(195, 178, 178, 0.424);
    background: rgba(143, 143, 143, 0.397);
    z-index: 1002;
    overflow: visible;
  }

  #questionnaire-2{
    visibility: hidden;

    display: none;
    position: absolute;
    top: 30%;
    left: 50%;
    max-width: 600px;
    max-height: 360px;
    margin-left: -240px;
    /* margin-top: 0px; */
    border: 2px solid rgba(195, 178, 178, 0.424);
    background: rgba(143, 143, 143, 0.397);
    z-index: 1002;
    overflow: visible;
  }

  #questionnaire-2 .content{
    padding: 50px 50px;
  }


  #felicitation{
    visibility: hidden;

    display: none;
    position: absolute;
    top: 30%;
    left: 50%;
    margin-left: -240px;
    margin-top: -50px;
    z-index: 1005;
    overflow: visible;
  }



  #inscription{
    visibility: hidden;

    display: none;
    position: absolute;
    top: 30%;
    left: 50%;
    /* max-width: 600px;
    max-height: 360px; */
    margin-left: -240px;
    margin-top: -50px;
    /* border: 2px solid rgba(195, 178, 178, 0.424);
    background: rgba(143, 143, 143, 0.397); */
    z-index: 1005;
    overflow: visible;
  }

  #inscription .content{
    padding: 50px 50px;
  }