*{
    box-sizing: border-box;
    font-family: Arial, Helvetica, sans-serif;
    margin: 0;
    padding:0;
}

/*----------------Menu contextuel----------------------*/
.contextmenu{
    width:250px;
    display:none;
    position:absolute;
    background-color: white;
    box-shadow: 5px 5px 5px black;
    z-index:100;
    padding:10px;
}

.contextmenu ul{
    padding:0;
}
.contextmenu a{
    display:block;
    width:100%;
    line-height:50px;
    padding:0 10px;
}
.contextmenu a:hover{
    background-color: lightgray;
    color: black;
}

/*-----------------------------------------------------*/
li{list-style-type: none;}
/*----------security-----------*/
#login-container{
    position:fixed;
    top:0;
    left:0;
    width:100vw;
    height:100vh;
    display:flex;
    justify-content:center;
    align-items: center;
    background-image: url("../img/fond-02.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    /* background-color: transparent; */
    z-index:100;

}
#login-content{
    min-width:40vw;
    min-height:15vh;
    border-radius: 10px;
    box-shadow: 10px 10px 10px yellow;
    padding: 10px;
    background-color: white;
}
/*--------margin et padding en %-------------------*/
.mv-20{margin: 20% 0;}
.mv-30{margin: 30% 0;}


.mh-20{margin: 0 20%;}
.mh-30{margin: 0 30%;}


/*--------------*/
@media screen and (max-width:1000px){

    input{
        width:100% !important;
    }
    .line-input{
        display:flex;
        flex-direction:column;
    }
    .lab30 , .lab20{
        clear:both !important;
    }
    .form-container{
        width: 100% !important;
        padding:5px;
    }
}
@media print{
    section{
        min-width:100vw;
        background-color: transparent !important;
    }
    table{
        min-width: 100vw;
    }
    .form-container{
        width:100vw !important;
    }
}
.obligatoire:after{
    content:'  *';
    color:red;
    font-size: 1.25em;
}
.hide{
    display:none;
}
.line-input{
    margin: 10px;
}
.lab20{float:left;width:20%;font-weight: bolder;}
.lab30{float:left;width:30%;font-weight: bolder;}
.titre{
    line-height: 60px;
    text-align: center;
    background-color: navy;
    color:white;
    border-bottom:4px solid white;
    margin-top: 5vh;
}
.line-button{
    display:flex;
    justify-content: space-between;
    align-items: center;
    height: 10vh;
}
.scroll tbody {
    display: block;
    width: 100%;
    max-height: 40vh;
    overflow-y: auto;
    cursor: pointer;
    scrollbar-width: none;
}

.scroll tbody tr, .scroll thead, .scroll tfoot {
    display: table;
    width: 100%;
}

/* .scroll tbody::-webkit-scrollbar { 
    display: none;
}  */

#container_page{
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 60px;
} 

#entete {
    margin-bottom: 20px;
} 
.page{
    min-width:40px;
    max-width:40px;

    min-height:40px;
    max-height:40px;

    border-radius:5px;
    margin: 0 10px;

    font-size: 1.25em;


}
header{
    position: sticky;
    top:0;
    z-index:100;
    background-color: white;
}
aside{
    min-height:100vh;
    background-color: blue;
}
section{
    min-height:100vv;
    background-color: yellow;
}
footer{
    min-height:5vh;
    position: sticky;
    bottom:0;

}
#thead_tr_message{
    height:60px;
    padding:15px;
}
#thead_tr_message th{
    border-radius: 4px;
    padding:4px;
}
#attente{
    display:flex;
    justify-content:center;
    align-items:center;
    height: 100vh;
    width:100vw;
    position:fixed;
    top:10vh;
    background-color: black;
    backdrop-filter: blur(5px);
    visibility:hidden;
}
a{
    text-decoration:none;
}
#etat{
    min-width:20px;
    max-width:20px;

    min-height:20px;
    max-height:20px;
    border-radius:50%;
    margin : auto 4px ;
    background-color: red;
}
.m-auto{margin: 0 auto;}
.scroll-sm tbody,p.scroll-sm{
    display: block;
    width:100%;
    max-height:150px;
    overflow: auto;
    scrollbar-width:none;
}
.scroll-sm tbody::-webkit-scrollbar{
    display:none;
}
.scroll-sm tbody tr, .scroll-sm thead,.scroll-sm tfoot{
    display:table;
    width:100%;
}
.border-white{border:1px solid white;}
.border-red{border:1px solid red;}
#banner{
    max-height: 7vh;
    overflow: hidden;
}
.relative{position:relative;}
.w05{width: 5%;}
.w10{width:10%;}
.w20{width:20%;}
.w30{width:30%;}
.w40{width:40%;}
.w50{width:50%;}
.w55{width:55%;}
.w60{width:60%;}
.w70{width:70%;}
.w80{width:80%;}
.w90{width:90%;}
.w100{width:100%;}