@font-face {
    font-family: dinar;
    src:    url("../fonts/GE_Dinar_One_Medium.otf"),
            url("../fonts/GE_Dinar_One_Medium.eot?") format("eot"),
            url("../fonts/GE_Dinar_One_Medium.woff") format("woff"),
            url("../fonts/GE_Dinar_One_Medium.ttf") format("truetype"),
            url("../fonts/GE_Dinar_One_Medium.svg#GEDinarOne-Medium") format("svg");
    font-weight:normal;
    font-style:normal;
}
@font-face {
    font-family: hakm;
    src:    url('../fonts/Hakm.ttf') format('truetype'),
            url('../fonts/Hakm.woff2') format('woff2'),
            url('../fonts/Hakm.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face{
    font-family:admin;
    src:url("../fonts/admin.ttf");
}
@font-face{
    font-family:colab;
    src:url("../fonts/ColabThi.otf");
}

*{
    font-family:colab,arial,sans-serif;
    font-size:12pt;
    color:#666;
}
body{
    margin:0;
    min-height:800px;
    padding:0;
}
#body{
    background-image:url("../images/arr_login.png");
    background-size:cover;
    background-repeat:no-repeat;
    background-position:50% 0;
    background-attachment:fixed;
}
#espaceRes{
    text-align:center;
    margin-top:0;
    color:#DDD;
    font-family:admin,colab,arial,sans-serif;
    background-color:rgba(0,0,0,0.1);
    font-size:24pt;
    padding-top:70px;
    padding-bottom:20px;
    text-shadow:0 0 6px rgba(0,0,0,0.4);
    border-bottom:solid 1px rgba(255,255,255,0.15);
}
#formLogin{
    text-align:center;
}
#formLogin form{
    color:#FFF;
    /*text-align:left;*/
    display:inline-block;
    width:auto;
    margin:auto;
    margin-top:40px;
    padding:60px;
    border-radius:20px;
    background-color:rgba(0,0,0,0.5);
    border:none;
    box-shadow:0 0 10px rgba(255,255,255,0.4);
}
#formLogin input{
    border:none;
    padding:10px;
    width:300px;
    outline:none;
    border-radius:4px;
}
#formLogin input[type="submit"]{
    cursor:pointer;
    width:180px;
    height:40px;
    background-color:#b0f04f;
    color:#444;
    margin-top:20px;
}
#formLogin input[type="submit"]:hover{
    background-color:#b1fb43;
}
.labelogin{
    color:white;
    margin-bottom:4px;
}
.champ{
    margin-bottom:20px;
}
#formLogin a{
    color:#b0f04f;
    text-decoration:none;
}
#formLogin a:hover{
    color:#b1fb43;
}
#erreur{
    position:absolute;
    top:0;
    left:0;
    right:0;
    padding:20px;
    background-color:#222;
    opacity:0.9;
    color:white;
}
header{
    background-color:#FFF;
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:10px 20px 10px 20px;
    background:linear-gradient(to bottom,#DDD,#FFF);
}
header>div{
    width:40%;
}
header>div:nth-child(1) img{
    width: 350px;
}
header>div:nth-child(1) img:hover{
    opacity:0.8;
}
header>div:nth-child(3){
    text-align:right;
}
header>div:nth-child(3) img{
    vertical-align:middle;
    margin-right:6px;
}
footer{
    padding:10px 20px 10px 20px;
    background-color:#222;
    color:#CCC;
    border-top:solid 1px #BBB;
    position:fixed;
    left:0;
    right:0;
    bottom:0px;
    font-family:admin,colab,arial,sans-serif;
    transition:all 0.5s ease;
}
footer:hover{
    padding:30px 20px 30px 20px;
    background-color:#222;
    color:#CCC;
    border-top:solid 1px #BBB;
    position:fixed;
    left:0;
    right:0;
    bottom:0px;
    transition:all 0.5s ease;
}
footer a{
    color:#80b739;
    text-decoration:none;
    font-family:inherit;
}
footer a:hover{
    color:#90C749;
}

#container{
    min-height:500px;
    background-color:rgba(255,255,255,0.7);
    margin:30px;
    padding:20px;
    margin-bottom:70px;
}
#container h1{
    font-family:admin,colab,arial,sans-serif;
    color:#FFF;
    text-shadow:0 0 6px rgba(0,0,0,0.3);
    font-size:24pt;
    margin:0;
    padding-bottom:6px;
    margin-bottom:10px;
    background-color:rgba(0,0,0,0.7);
    padding:10px;
}
h1>img{
    margin-right:6px;
}
.contflex{
    display:flex;
    justify-content:space-between;
}
.subcontainer{
    margin-top:20px;
    width:30%;
}
.subcontainer>div:nth-child(1){
    display:flex;
    align-items:center;
    padding:10px;
    padding-bottom:0px;
    /*background-color:#444;*/
    color:#80b739;
    font-family:admin,colab,arial,sans-serif;
    font-size:18pt;
    border-bottom:solid 1px rgba(0,0,0,0.1);
}
.subcontainer>div:nth-child(1)>span{
    margin-right:10px;
    display:inline-block;
    padding:4px 0 4px 0;
    width:60px;
    text-align:center;
    background-color:rgba(0,0,0,0.1);
    color:#FFF;
    text-shadow:0 0 4px rgba(0,0,0,0.3);
    font-family:admin,colab,arial,sans-serif;
    font-size:18pt;
}
.subcontainer>div:nth-child(2){
    padding:10px;
}
.titreRes{
    display:flex;
    align-items:center;
    padding:10px;
    padding-bottom:0px;
    /*background-color:#444;*/
    color:#80b739;
    font-family:admin,colab,arial,sans-serif;
    font-size:18pt;
    border-bottom:solid 1px rgba(0,0,0,0.1);
}
.contRes{
    padding:10px;
}
.subcontainer2{
    margin-top:20px;
    width:60%;
}
.subcontainer3{
    width:100%;
}
.subcontainer2>div:nth-child(1){
    display:flex;
    align-items:center;
    padding:10px;
    padding-bottom:0px;
    /*background-color:#444;*/
    color:#80b739;
    font-family:admin,colab,arial,sans-serif;
    font-size:18pt;
    border-bottom:solid 1px rgba(0,0,0,0.1);
}
.subcontainer2>div:nth-child(1)>span{
    margin-right:10px;
    display:inline-block;
    padding:4px 0 4px 0;
    width:60px;
    text-align:center;
    background-color:rgba(0,0,0,0.1);
    color:#FFF;
    text-shadow:0 0 4px rgba(0,0,0,0.3);
    font-family:admin,colab,arial,sans-serif;
    font-size:18pt;
}
.subcontainer2>div:nth-child(2){
    padding:10px;
}
.subcontainer2>div:nth-child(2)>div{
    display:flex;
    justify-content:space-between;
    background-color:rgba(0,0,0,0.1);
    padding:20px;
    margin:4px 0;
}
.nmodule{
    width:70%;
}
.nnote{
    width:15%;
    font-weight:bold;
}
.nres{
    width:15%;
}
.nmodule2{
    width:30%;
}
.nnote2{
    width:45%;
    font-weight:bold;
}
.nres2{
    width:25%;
}
.labelInfo{
    margin-top:0;
    color:#AAA;
}
.valeurInfo,.valeurInfo>b{
    margin-bottom:10px;
    margin-top:2px;
    font-size:18pt;
    font-family:admin,colab,arial,sans-serif;
    display:flex;
    justify-content:space-between;
    align-items:center;
}
.valeurInfo2{
    display:block;
    color:#000;
    padding:20px;
    background-color:rgba(0,0,0,0.05);
    border:solid 1px rgba(255,255,255,0.5);
    font-size:14pt;
    font-family:colab,arial,sans-serif;
}
.valeurInfo img{
    display:block;
    width:20px;
    opacity:0.5;
}
.valeurInfo img:hover{
    opacity:1;
}
.valeurInfo2 a{
    background-color:#80b739;
    padding:10px;
    color:#FFF;
    text-decoration:none;
    display:block;
    width:140px;
    text-align:center;
    margin-top:14px;
    margin-bottom:10px;
    font-family:admin,colab,arial,sans-serif;
}
.valeurInfo2 a:hover{
    opacity:0.8;
}
.valeurInfo2 a img{
    display:inline;
    vertical-align:middle;
    opacity:1;
    width:14px;
    margin-right:4px;
}
.label2{
    margin-top:20px;
    font-family:admin,colab,arial,sans-serif;
    font-size:12pt;
}
.input2 input[type="text"],.input2 input[type="email"],.input2 input[type="password"],.input2 input[type="tel"]{
    margin-top:6px;
    border:solid 1px #AAA;
    padding:14px;
    outline:none;
    width:400px;
    border-radius:6px;
    background-color:rgba(255,255,255,0.8);
}
.input2 input[type="text"]:focus,.input2 input[type="email"]:focus,.input2 input[type="password"]:focus,.input2 input[type="tel"]:focus{
    border:solid 1px #80b739;
}
.input2 input[type="submit"]{
    color:#FFF;
    margin-top:10px;
    border:solid 1px #80b739;
    padding:14px;
    outline:none;
    width:160px;
    border-radius:6px;
    background-color:#80b739;
    cursor:pointer;
}
.input2 input[type="submit"]:disabled {
    color: #FFF;
    margin-top: 10px;
    border: solid 1px gray;
    padding: 14px;
    outline: none;
    width: 160px;
    border-radius: 6px;
    background-color: gray;
    cursor: pointer;
}
.input2 input[type="submit"]:disabled:hover{
    opacity:1;
}
.input2 input[type="submit"]:hover{
    opacity:0.8;
}
.btn-link-success {
    color:#FFF;
    margin-top:10px;
    border:solid 1px #80b739;
    padding:14px;
    outline:none;
    width:160px;
    border-radius:6px;
    background-color:#80b739;
    cursor:pointer;
    text-decoration: none;
    margin: 10px;
}
.btn-link-success:hover{
    opacity:0.8;
}
.select{
    display:inline-block;
    margin-top:6px;
    border:solid 1px #AAA;
    padding:10px;
    outline:none;
    width:auto;
    border-radius:6px;
    background-color:rgba(255,255,255,0.8);
}
.select select{
    max-width:400px;
    border:none;
    background:none;
    font-size:14pt;
}
.select2{
    display:inline-block;
    margin-top:6px;
    border:solid 1px #AAA;
    padding:10px;
    outline:none;
    width:auto;
    border-radius:6px;
    background-color:rgba(255,255,255,0.8);
}
.select2 select{
    max-width:230px;
    border:none;
    background:none;
    font-size:14pt;
}
#erreur2,#erreur3,#erreur4{
    background-color:#A00;
    color:#FFF;
    padding:10px;
}

#nbr{
    margin-bottom:10px;
    font-family:admin,$colab,arial,$sans-serif;
    font-size:12pt;
}
#nbr img:hover{
    opacity:1;
}
.page{
    border:solid 1px #80b739;
    padding:6px;
    background-color:#FFF;
    text-decoration:none;
    color:#80b739;
    text-align:center;
    width:26px;
    margin:2px;
    font-family:admin,colab,arial,sans-serif;
}
.page:hover{
    background-color:#F8F8F8;
}
.currentPage{
    border:solid 1px #80b739;
    padding:6px;
    background-color:#80b739;
    text-decoration:none;
    text-align:center;
    width:26px;
    color:#FFF;
    margin:2px;
    font-family:admin,colab,arial,sans-serif;
}
.pagination{
    display:flex;
    flex-direction:reverse;
    margin-bottom:20px;
}
.piecesj{
    background-color:#80b739;
    padding:10px 20px 10px 20px;
    color:#FFF;
    text-decoration:none;
    display:block;
    max-width:600px;
    text-align:left;
    margin-top:10px;
    margin-bottom:0px;
    font-family:colab,arial,sans-serif;
    border-radius:4px;
}
.piecesj:hover{
    opacity:0.8;
}
.piecesj img{
    width:18px;
    vertical-align:middle;
    margin-right:6px;
}
#scontainer2{
    display:flex;
    align-items:center;
}
#container2{
    min-height:300px;
    background-color:rgba(255,255,255,0.7);
    margin:30px;
    padding:20px;
    margin-bottom:20px;
    width:auto;
    display:block;
}
#container2 h1{
    font-family:admin,colab,arial,sans-serif;
    color:#FFF;
    text-shadow:0 0 6px rgba(0,0,0,0.3);
    font-size:24pt;
    margin:0;
    padding-bottom:6px;
    margin-bottom:10px;
    background-color:rgba(0,0,0,0.7);
    padding:10px;
}
.warning{
    padding:20px;
    background-color: rgba(0,0,0,0.05);
    border: solid 1px rgba(255,255,255,0.5);
}
.warning a{
    padding:10px;
    text-decoration:none;
    color:#FFF;
    background-color:#80b739;
    display:block;
    width:180px;
    text-align:center;
    margin-top:10px;
}
.warning a:hover{
    opacity:0.8;
}
#container3{
    min-height:100px;
    /*background-color:rgba(255,255,255,0.7);*/
    margin:30px;
    padding:20px;
    margin-bottom:70px;
    width:50%;
}
#container3>div{
    display:flex;
    align-items:center;
    margin:10px;
}
#container3 a{
    display:block;
    text-decoration:none;
    background-color:rgba(0,0,0,0.6);
    color:#FFF;
    width:80px;
    height:80px;
    border-radius:80px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:24pt;
    font-family:admin,arial,sans-serif;
    margin-right:10px;
}
#container3 a:hover{
    opacity:0.8;
}
#container3>div>div:nth-child(2){
    font-size:24pt;
    font-family:admin,arial,sans-serif;
    color:#444;
}
.mrg{
    margin-left:10px;
}
.csev{
    margin:10px;
}
.verifdp{
    padding:10px;
    text-decoration:none;
    color:#FFF;
    background-color:#80b739;
    display:inline-block;
    vertical-align:top;
    /*width:180px;*/
    text-align:center;
    margin-top:10px;
}
.verifdp:hover{
    opacity:0.8;
}
#notification{
    display:none;
    height:100vh;
    background-color:rgba(0,0,0,0.7);
    position:fixed;
    left:0;
    right:0;
    top:0;
    align-items:center;
    justify-content:center;
}
#notifs{
    width:400px;
    height:300px;
    overflow:auto;
    background-color:#FFF;
    box-shadow:0 0 10px rgba(0,0,0,0.7);
    padding:10px;
    position:relative;
}
#notifs h1{
    color:#80b739;
    font-family:admin;
    font-size:18pt;
    background-color:#EEE;
    margin:0;
    padding:10px;
}
#notifs a{
    color:#80b739;
    text-decoration:none;
    font-family:colab;
    font-size:12pt;
}
#notifs a:hover{
    text-decoration:underline;
}
#icon_close{
    width:40px;
    cursor:pointer;
    position:absolute;
    top:5px;
    right:5px;
}
#icon_close:hover{
    opacity:0.8;
}
#smservices{
    display:flex;
    align-items:flex-start;
}
#smservices>*{
    width:1500px;
    text-align:center;
    padding:16px 6px;
    background-color:rgba(0,0,0,0.4);
    color:#80b739;
    text-transform:uppercase;
}
#smservices>*:first-child{
    margin-left:1px;
}
#smservices>*{
    margin-right:1px;
}
#smservices>a{
    color:#FFF;
    text-decoration:none;
}
#smservices>a:hover{
    background:linear-gradient(to bottom,$rgba(0,0,0,0.5),$rgba(0,0,0,0.4));
    color:#80b739;
    transform:14px 10px;
}
.derogDet{
    margin-top:20px;
}
.derogDet textarea{
    margin:6px 0;
    outline:none;
    width:100%;
    min-height:100px;
    border:none;
    box-shadow:0 0 6px rgba(0,0,0,0.2);
    border-radius:6px;
    box-sizing:border-box;
    padding:10px;
}
.inputDerog{
    background-color:#80b739;
    min-width:200px;
    padding:14px;
    color:#FFF;
    border:none;
    border-radius:6px;
    cursor:pointer;
    margin-top:10px;
}
.inputDerog:hover{
    opacity:0.8;
}
input.clDerogVisible{
    width:100%;
    padding:4px;
    box-sizing:border-box;
    outline:none;
    margin:4px 0;
    min-height:36px;
}
.clDerogHidden{
    background:none;
    resize:none;
}
input.clDerogHidden{
    background:none;
    border:none;
    font-weight:bold;
    padding:0;
    margin-bottom:6px;
    width:100%;
    outline:none;
    min-height:24px;
}
.derogAct{
    display:flex;
    justify-content:space-between;
}
.derogAct img{
    width:20px;
    margin:0 3px;
    opacity:0.6;
}
.derogAct img:hover{
    opacity:1;
}
#signee{
    display:none;
}
#signature{
    display:inline-block;
    padding:3px;
    border:solid 2px #888;
    width:10px;
    height:10px;
    background-color:#EEE;
    vertical-align:middle;
    cursor:pointer;
    margin-right:8px;
    margin-top:2px;
}
#signature+span{
    vertical-align:middle;
}
#signature>div{
    width:10px;
    height:10px;
    background-color:transparent;
}
#signee:checked+#signature{
    border:solid 2px #80b739;
}
#signee:checked+#signature>div{
    background-color:#80b739;
}
#fjoint{
    opacity:0.6;
    vertical-align:middle;
}
#fjoint:hover{
    opacity:0.8;
}
#del_piece{
    color:#A00;
    border:solid 1px #A00;
    background-color:transparent;
    padding:4px 8px;
    text-decoration:none;
    border-radius:4px;
}
#del_piece:hover{
    color:#FFF;
    border:solid 1px #A00;
    background-color:#A00;
}
.labelConv{
    color:#888;
    margin-top: 10px;
}
#submsch{
    display:none;
}
#submservices{
    display:none;
}
#formprol{
    position:fixed;
    left:0;
    right:0;
    top:0;
    height:100vh;
    box-sizing:border-box;
    background-color:rgba(0,0,0,0.9);
    text-align:center;
    padding-top:100px;

}
#formprol input{
    border:solid 1px #80b739;
    padding:10px;
    outline:none;
    background-color:rgba(0,0,0,0.8);
    color:#FFF;
    border-radius:6px;
    width:200px;
    box-sizing:border-box;
    display:block;
    margin:10px auto;
}
#formprol input[type="submit"]{
    background-color:#80b739;
    color:#FFF;
    padding:10px;
    cursor:pointer;
}
#formprol input[type="submit"]:hover{
    opacity:0.8;
    color:#FFF;
    padding:10px;
    cursor:pointer;
}
#fermerformpol{
    width:100px;
    height:40px;
    display:flex;
    justify-content:center;
    align-items:center;
    position:fixed;
    right:10px;
    top:10px;
    cursor:pointer;
    background-color:#C00;
    color:#FFF;
    border-radius:20px;
}
#fermerformpol:hover{
    background-color:#D00;
}
.rel_abs_prol{
    position:relative;
    width:0;
    left:0;
    visibility:hidden;
}
.exp_prol{
    position:absolute;
    left:-30px;
    top:20px;
    width:220px;
    min-height:40px;
    background-color:#FFF;
    padding:8px 4px;
}
.exp_prol>div{
    display:flex;
    align-items:center;
}
.radec{
    display:none;
}
.labec{
	display:inline-block;
	width:50px;
	height:30px;
    background-color:#666;
    color:#FFF;
    display:flex;
    justify-content:center;
    align-items:center;
    font-family:admin,sans-serif;
    margin:0 4px;
    cursor:pointer;
    transition:all 0.3s ease;
}
.labec:hover{
	transform:scale(1.1);
    transition:all 0.3s ease;
    opacity:0.8;
}
.radec:checked+.labec{
    background-color:#80b739;
    color:#FFF;
}
#exchoix{
    display:flex;
}
.radech{
    width:16px;
    height:16px;
    border:solid 3px #AAA;
    border-radius:20px;
    vertical-align:middle;
    display:inline-flex;
    justify-content: center;
    align-items: center;
    margin:4px 0;
    cursor:pointer;
    background-color:white;
}
.radech>div{
    width:10px;
    height:10px;
    border-radius:20px;
}
.radech+span{
    vertical-align:middle;
}
input[type="radio"]:checked+.radech{
    border-color:#80b739;
}
input[type="radio"]:checked+.radech>div{
    background-color:#80b739;
}
input[type="radio"]:checked+.radech+span{
    font-weight:bold;
}
#scontnew{
    width:50%;
}
#noteacc{
    background-color:rgba(0,0,0,0.8);
    color:#FFF;
    margin:0 30px;
    padding:20px;
    margin-bottom:70px;
    width:auto;
    display:block;
}
.bibdispo{
    float:right;
    width:120px;
    margin:10px;
    color:#FFF;
    text-align:center;
    border-radius:20px;
    font-size:12pt;
}


#ap_logo_ensa{
    width:80px;
    display:block;
    margin:auto;
    margin-top:20px;
}
.ap_notif{
    font-style:italic;
    margin-bottom:20px;
    padding-bottom:6px;
}
.ap_grp{
    display:flex;
    gap:20px;
}
.ap_grp>div{
    width:100%;
}
.ap_label{
    margin-bottom:4px;
}
.ap_input{
    margin-bottom:16px;
}
.ap_input>input,.ap_input>select{
    padding:12px;
    box-sizing:border-box;
    width:100%;
    outline:none;
    color:#444;
    background-color:#FFF;
    border:solid 1px #AAA;
}
.ap_h2{
    font-size:16pt;
    margin-top:30px;
    margin-bottom:30px;
    color:#80B739;
    border-bottom:solid 0.5px #80B739;
}
.ap_input>input[type="file"]{
    border:none;
    background:none;
}
.ap_input>input[type="submit"]{
    background-color:#80B739;
    border:none;
    color:#000;
    margin-top:20px;
    cursor:pointer;
}
.ap_input>input[type="submit"]:hover{
    background-color:#90C749;
    color:#FFF;
}
#ap_c_f_nature{
    height:0;
    overflow-y:hidden;
}
#ap_c_f_filiere{
    height:0;
    overflow-y:hidden;
}
#ap_c_f_s56{
    height:0;
    overflow-y:hidden;
}
#ap_error{
    background-color:#C00;
    color:#FFF;
    padding:10px;
    position:sticky;
    top:0;
    z-index:1000;
}
#ap_error>img{
    width:30px;
    margin-right:10px;
    vertical-align:middle;
}
.ap_input_record{
    color:#AAA;
    font-size:18pt;
    margin-bottom:20px;
}
.ap_res{
    display:flex;
    gap:20px;
}
.ap_res>div{
    width:100%;
}

.ap_chk{
    display:inline-block;
    vertical-align:middle;
    margin-right:4px;
    width:34px;
    height:20px;
    border:solid 2px #AAA;
    border-radius:20px;
    cursor:pointer;
    opacity:0.8;
    transition:all 0.3s ease;
    margin:4px 0;
}
.ap_chk:hover{
    opacity:1;
}
.ap_chk>div{
    width:18px;
    height:18px;
    background-color:#AAA;
    border-radius:20px;
    transform:translate(1px,1px);
    transition:all 0.3s ease;
}
.accepter{
    display:none;
}
.accepter:checked+.ap_chk{
    border:solid 2px #80B739;
    background-color:#FFF;
}
.accepter:checked+.ap_chk>div{
    background-color:#80B739;
    transform:translate(15px,1px);
}
.ap_acc_lebel_bold{
    font-size:14pt;
    font-weight:bold;
    margin:20px 0;
    padding:6px 0;
    border-bottom:solid 0.5px #000;
}
.ap_acc_lebel{
    font-size:12pt;
    margin-top:20px;
}
.ap_acc_value{
    font-size:14pt;
    font-weight:bold;
    color:#80B739;
}.ap_acc_value>sup{
    font-size:10pt;
    font-weight:bold;
    color:#80B739;
    margin-bottom:20px;
}
.ap_a_form{
    display:block;
    max-width:400px;
    padding:10px;
    background-color:#80B739;
    color:#FFF;
    margin:50px auto;
    text-align:center;
    text-decoration:none;
    transition:all 0.3s ease;
}
.ap_a_form:hover{
    background-color:#90C749;
}
.status-tag {
    color: black;
    border-radius: 50px;
    padding: 7px;
    text-align: center;
    font-size: small;
    width: fit-content;
}