*{box-sizing: border-box;font-family: Arial, Helvetica, sans-serif;}
.text-1_25em{font-size:1.25em;}
.text-1_5em{font-size:1.5em;}
.text-2em{font-size:2em;}
.form-input{border-radius: 5px;line-height:25px;}
.border-top-2{border-top: 2px solid white;}
.border-top-4{border-top: 4px solid white;}
#div_btn_article{padding-top: 10px;}
#div_btn_client{padding-top: 10px;}
#modal_cv{
    width:70%;
    min-height: 75vh;
    position:absolute;
    top:0;
    margin-left:-2000px;
}

#modal_cv:target{
    margin-left:20%;
    transition: 2000ms;
}
#accueil{
    width:100%;
    height:100vh;
    background-image:url("../img/fond1.jpeg");
    background-size: cover;
}
.banner{max-height:25vh ! important;overflow: hidden;}
.line-input{line-height: 50px;}
.lab30{float:left;width:30%; font-weight: bold;}
.lab20{float:left;width:20%;font-weight: bold;}
@media screen and (max-width:750px){
    .line-input{
        display:flex;
        flex-direction: column;
    }
    .form-input{
        width:100%;
    }
    #div_btn_client{display:flex;flex-direction: column;}
    .btn{width:100% !important;margin-top:5px;}

}
#modal{
    width:100%;
    height: 100vh;
    position: fixed;
    top:0;
    display: flex;
    justify-content:center;
    align-items:center;
    /* backdrop-filter: blur(10px); */
    /* backdrop-filter: invert(50%); */
    backdrop-filter: sepia(80%);
    margin-left: -2000px;
}
#modal:target{
    margin-left:0;
    transition: 2000ms;
}
#modal:target #modal_client{
    transform: rotate(360deg);
    transition : 1500ms;
}
#modal_client{
    width: 70%;
    min-height: 60vh;
    background-color: blue;
    color:white;
    box-shadow: 10px 10px 10px white;
    padding:20px;
    position:relative;
}
#modal_article tr{
    line-height: 55px;
}
.obligatoire:after{
    content: " *";
    /* font-size: 1.25em; */
}
#modal_article{
    width:60%;
    min-height:45vh;
    background-color: navy;
    box-shadow: 10px 10px 10px yellow;
    position:absolute;
    top: 25vh;
    /* margin-left: 25%; */
    margin-left: -2000px;
}
#modal_article:target{
    margin-left: 25%;
    transition: 1500ms;
    padding: 20px;
}
.modal_close{
    position:absolute;
    right:20px;
    top:20px;
    font-size: 1.50em;
}
.text-white{color:white  !important;;}
.text-black{color:black  !important;;}
.text-red{color:red  !important;;}
.text-navy{color:navy  !important;;}
@media print {
    #header,#aside,#footer{display:none;}
    #section{width:100% !important;}
    .btn{display:none !important;}
}

.btn{width:125px;line-height:50px;border-radius: 5px;display:block;text-align:center;margin:3px;}
.btn_action{display:block;width:30%;border-radius:2px;}
.flex_space_between{display:flex;justify-content: space-between;}
.bg_navy{background-color: navy;color:white;}
.bg_blue{background-color: blue;color:white;}
.bg_red{background-color: red;color:white;}
.bg_green{background-color: green;color:white;}
.zoom:hover{
    transform: scale(5);
    transition: 1500ms;
}
.h2em{line-height: 2em;}
.center{text-align: center;}
.left{text-align: left;}
.right{text-align: right;}

.titre{line-height: 60px;text-align: center;border-bottom:3px solid white;color:navy;}
.w10{width:10%;}
.w20{width:20%;}
.w30{width:30%;}
.w40{width:40%;}
.w50{width:50%;}
.w60{width:60%;}
.w70{width:70%;}
.w80{width:80%;}
.w90{width:90%;}
.w100{width:100%;}
.border{border:1px solid gray;}
a{text-decoration: none;}
li{list-style-type: none;}
#header{width:100%;line-height: 70px;background-color: lightblue;}
#main{width:100%;display:flex;justify-content: space-between;}
#aside{width:18%;background-color: lightblue;height: 95vh;}
#section{width:80%;background-color: lightblue;height: 95vh;overflow: auto;}
#footer{width:100%;line-height: 70px;background-color: lightblue;
text-align: center;}
.niveau-h1{display:flex;}
.niveau-h1 li{margin-right:30px;}
.niveau-h1 li a {font-size:1.50em;color:navy;}
.niveau-h1 li:hover >a{display:block;width:100%;background-color: yellow;
    color:black;
    padding: 0 5px;
}
.niveau-h2{display:none;position:absolute;top:70px;padding:0;
background-color: lightblue;width:250px;}
.niveau-h2 li a{display: block; width:100%;padding-left: 10px;}
.niveau-h1 li:hover .niveau-h2{display:block;}
.niveau-h2 li:hover a{display:block;width:250px;
    background-color: navy;color:white;border:2px solid white;}
.center{text-align: center;}
#logo{margin-top:10px;width:100%;border-bottom:8px solid white;}
.niveau-v1{padding-left:0;}
.niveau-v1 li{line-height: 70px;border-bottom:4px solid white;}
.niveau-v1 li > a{display:block;font-size:1.5em;padding: 0 5px;}
.niveau-v2{display:none;background-color: white !important;padding:0;
}
.niveau-v2 li a {display:block;width:100%;padding-left:50px;}
.niveau-v1 li:hover .niveau-v2{display:block;}
.niveau-v2 li:hover a{display:block;background-color: yellow;
color:navy;}