/*Main css*/
#background-EMAILmsg{
    position:fixed;
    width:100vw;
    height:100vh;
    background-color: rgb(0, 0, 0, 0.5);
    z-index: 5;
    display:block;
    display:none;
    z-index: 1001;
}

#msgEMAIL{
    position:fixed;
    width:50vw;
    height:50vh;
    top:25vh;
    left:25vw;
    background-color:white;
    /* opacity: 1; */
    border-radius: 25px;
    z-index: 1002;
}

/*Manque MSG*/

.Email-descriptionManque{
    margin-left:30px;
    font-size:0.9em;
    display:none;
}

.Email-ImageManque{
    width:150px;
    height:150px;
    margin:auto;
}

.Email-TitreManque{
    margin:auto;
    font-size:1.3em;
    font-weight:bold;
    margin-top:10px;
}

.Email-Ss_titreManque{
    margin:auto;
    text-decoration: underline;
    font-size:1.2em;
    margin-bottom:30px;
}

/*Reponse si Condition juste*/

#divEmailSent{
    justify-content:center;
}

#Email-ContainerRep{
    display:none;
}

#Email-ContainerRep{
    text-align:center;
    margin-top:50px;
}

#Email-ImageRep{
    margin-top:50px;
    width:250px;
    height:250px;
}

/*reCAPTCHA*/

#captcha-id{
    display:none; 
    margin-left:calc((50vw - 304px)/2); 
    margin-top:calc((50vh - 300px)/2);
}


/*loading*/

#Email-loadingBackground{
    justify-content: center; 
    text-align:center; 
    justify-content: center; 
    background-color:rgb(0, 0, 0, 0.3); 
    position:fixed; 
    width:100vw; 
    height:100vh; 
    z-index:1005;
    display:none;
}

#Email-loadingImg{
    margin-top:calc((100vh - 300px)/2);
}

/*utilitaire pour le js ou le html en général*/

.Email-Hide{
    display:none;
}

.Email-show{
    display:block !important;
}

.selectDisable {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
}

#Email-textCaptcha{
    display:none; 
    text-align:center;
    margin-top:100px
}

/* size window */

@media(max-width: 550px){
    #msgEMAIL{
        width:100vw;
        height:70vh;
        left:0px;
        top:15vh;
    }

    #captcha-id{
        margin-left:calc((100vw - 304px)/2);
    }
}

@media(max-height: 900px){
    .Email-descriptionManque{
        font-size:0.7em !important;
    }

    #msgEMAIL{
        height:70vh;
        top:20vh;
        bottom:10vh;
    }

    #captcha-id{
        margin-left:calc((100vw - 304px)/2);
    }
}

@media(max-height: 550px){
    .Email-ImageManque{
        display:none !important;
    }
}