/*############################################################################################################
//  Droits d'auteur © 2022-2023 P.ink, l'ancre d'une vie Tous droits réservés, en collaboration avec OptimalC
//############################################################################################################*/

#blockerDIV{
    position: fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:1280;
    background-color:rgba(255, 255, 255, 0.5);
}

#patternDIV{ 
    background-color:white;
    border: solid 3px;
    position: fixed;
    border:solid;
    border-radius:5px;
    width:50%;
    height:300px;
    top:8rem;
    left:20rem;
    margin:0;
    padding:0;
    overflow: hidden;
}

#patternDIV .title{
    position: relative;
    font-weight: bolder;
    background-color: green;
    color :white;
    width:calc(100%-30px);
    height:15px;
    left:0;
    top:0;
    margin:0;
    margin-bottom: 25px;
    text-align:center;
    padding: 10px 0;
    border-bottom: double 3px;

}

#patternDIV .close{
    position: absolute;
    color :white;
    width:25px;
    height:15px;
    left:calc(100% - 25px);
    top:0;
    margin:0;
    text-align:center;
    padding: 10px 0;
}

#patternDIV .close:hover{
    cursor: pointer;
  }

#patternDIV .result{
    height: 40px;
    padding-top: 5px;
    top:calc(100% - 40px);
    text-align: center;

}

#patternDIV .form{
    display:flex;
    position:relative;
    width:100%;
    height:30%;
}

#patternDIV .form div{
    margin: 10px;
    width:30%;
    height: 50px;
}

#patternDIV .form label{
    width:200px;
    height:25px;

}

#patternDIV .form input{
    display: block;
    width:200px;
    height:25px;
}

#patternDIV .form button{
    width:100%;
    height:50px;
}