.form-cadre-back{
            position: relative;
            margin: 10px auto 10px auto; center
            left:10px;
            padding: 10px;
            width: 845px;
            height: 1180px; /*840px;*/
            background-color: white;
            display: block;
            border: 0px solid black;
            background-color: whitesmoke;
            box-shadow: 0 2px 15px black;
            margin-top: 30px;

            border-radius: 1px;
            border: 1px solid #444;
            box-shadow:
            inset 0 1px 2px rgba(255,255,255,.25),
            inset 0 -2px 3px rgba(0,0,0,.8),
            0 0 8px rgba(0,0,0,.4);
}

.form-cadre{
            position: relative;
            /*margin: 10px auto 10px auto; center*/
            top: 40px;
            left:15px;
            padding: 10px;
            width: 775px;
            height: 1080px;
            display: block;
            border: 2px solid black;
            background: none;
        }

input{ 
    cursor: grab;
    color: blue;
    font-family: Bradley Hand ITC;
    font-weight: bold;
    font-size: 18px;
    text-align: center;
}


.inmp{
    position: absolute;
    height: 20px;
    width: 50px;
    background: none;
    /*cursor: grab;*/
    color: blue;
    font-family: Bradley Hand ITC;
    font-weight: bold;
    font-size: 20px;
    text-align: center;
    border: none;
}

.inmp1{left: 181px;}
.inmp2{left: 235px;}
.inmp3{left: 290px;}
.inmp4{left: 345px;}
.inmp5{left: 403px;}
.inmp6{left: 454px;}
.inmp7{left: 513px;}
.inmp8{left: 568px;}
.inmp9{left: 620px;}

label{
    color: black;
    font-family: Calibri;
}

.drc{
    position: absolute;
    top: 8px;
    left: 680px;
}

.rdc{
    position: absolute;
    top: 8px;
    left: 230px;
}
.cachet{
    position: absolute;
    top: 1060px;
    left: 300px;
    /*background: none;*/
}

.sem{
    position: absolute;
    top: 303px;
    border: 2px solid black; 
    width: 217px;
    height: 19px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    font-family: Calibri;
}

.sem1{
    left: 181px; 

}

.sem2{
    left: 400px;  
    width: 218px;   
}

.trjour{
    position: absolute;
    top: 324px;
    border: 2px solid black; 
    width: 107px;
    height: auto;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
    font-family: Calibri;
}

.trjour1{
    left: 181px;   
}

.trjour2{
    left: 400px;
    width: 108px;  
}

.lbper{
    position: absolute;
    top: 344px;
    border: 2px solid black; 
    width: 52px;
    height: 22px;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    font-family: Calibri;
}

.lbper1{left:181px;}
.lbper2{left:235px; width:53px;}
.lbper3{left:400px; width:53px;}
.lbper4{left:455px; width:53px;}

.lbexam{
    position: absolute;
    top: 335px;
    border: none; 
    width: 47px;
    height: 26px;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    font-family: Calibri;
}

.lbexam1{left: 294px;font-size: 17px;}
.lbexam2{left: 350px;}
.lbexam3{left: 513px;}
.lbexam4{left: 568px;}
.tg{left: 620px;font-size: 20px;top:330px;}

.exrep{
    position: absolute;
    font-size: 16px;
    border: none; 
    width: auto;
    height: auto;
    left: 701px;
    text-align: center;
    font-weight: bold;
    font-family: Calibri;
}
.exrep1{top: 310px;}
.exrep2{top: 328px;}
.exrep3{top: 350px;}
.exrep4{top: 352px; left: 728px;font-size: 13px; font-weight: normal;}

.exrep5{top: 775px; left: 715px;font-size: 13px; font-weight: normal;}
.exrep6{top: 790px; left: 712px;font-size: 13px; font-weight: normal;}
.exrep7{top: 805px; left: 704px;font-size: 13px; font-weight: normal;}
.exrep8{top: 825px; left: 700px;font-size: 13px; font-weight: normal;}
.exrep9{top: 845px; left: 700px;font-size: 13px; font-weight: normal;}
.exrep10{top: 865px; left: 700px;font-size: 13px; font-weight: normal;}
.exrep11{top: 902px; left: 10px;font-size: 13px; font-weight: normal;}
.exrep12{top: 920px; left: 10px;font-size: 13px; font-weight: normal;}
.exrep13{top: 940px; left: 10px;font-size: 13px; font-weight: normal;}
.exrep14{top: 960px; left: 10px;font-size: 13px; font-weight: normal;}
.exrep15{top: 980px; left: 10px;font-size: 13px; font-weight: normal;}
.exrep16{top: 960px; left: 450px;font-size: 13px; font-weight: normal;}
.exrep17{top: 1020px; left: 50px;font-size: 16px; font-weight: normal;}
.exrep18{top: 1060px; left: 11px;font-size: 10px; font-weight: normal;}
.exrep19{top: 1080px; left: 11px;font-size: 10px; font-weight: normal;}
.exrep20{top: 1010px; left: 353px;font-size: 16px; font-weight: normal;}
.exrep21{top: 980px; left: 550px;font-size: 16px; font-weight: normal;}
.exrep22{top: 1012px; left: 580px;font-size: 16px; font-weight: normal;}
.exrep23{top: 1077px; left: 700px;font-size: 18px; font-style: italic;}


.mep{
    position: absolute;
    top: 27px;
    left: 180px;
}

.prof{
    position: absolute;
    top: 45px;
    left: 340px;
}

hr.hor{
   position: absolute; 
   left: 0px;
   width: 795px;
   border: 1px solid black; 
}

hr.hor32{
   position: absolute; 
   top: 342px;
   left: 692px;
   width: 101px;
   border: 1px solid black; 
}

hr.horbig{ 
    position: absolute;
    left: 692px;
    border: 11px solid black; 
    background: black;  
    height: 0px;
    width: 81px;
}

hr.hor33{ 
    top: 362px; 
}

hr.hor34{ 
    top: 559px; 
}

hr.hor35{ 
    top: 670px; 
}

hr.hor36{ 
    top: 735px; 
}

hr.hor37{ 
    top: 824px;
    left:511px; 
    width: 136px;
    height: 0px; 
    border: 22px solid black;
}

hr.hor38{ 
    top: 824px;
    left:290px; 
    height: 0px; 
    width: 68px;
    border: 22px solid black; 
}

hr.ver{
   position: absolute; 
   border: 1px solid black; 
}

hr.ver1{ 
    top: 155px;
    left: 400px;
    height: 111px;
}

hr.ver2{ 
    top: 295px;
    left: 380px;
    height: 595px;
}

hr.ver3{ 
    top: 295px;
    left: 181px;
    height: 593px;
}

hr.ver4{ 
    top: 336px;
    left: 230px;
    height: 530px;
}

hr.ver5{ 
    top: 316px;
    left: 280px;
    height: 550px;
}

hr.ver6{ 
    top: 316px;
    left: 330px;
    height: 550px;
}

hr.ver7{ 
    left: 430px;
    top: 295px;
    height: 593px;
}

hr.ver8{ 
    left: 479px;
    top: 336px;
    height: 530px;
}

hr.ver9{ 
    top: 316px;
    left: 530px;
    height: 550px;
}

hr.ver10{  
    left: 579px;
    top: 316px;
    height: 550px; 
}

hr.ver11{ 
    top: 295px;
    left: 650px;  
    height: 570px;
    border: 1px solid black;
}

hr.ver12{ 
    top: 295px;
    left: 670px;
    background: black;  
    height: 525px;
    width: 0px;
    background-color: black;
    border: 10px solid black;
}

hr.ver13{ 
    top: 342px;
    left: 725px;
    background: black;  
    height: 400px;
    border: 1px solid black;
}

hr.ver14{ 
    top: 295px;
    left: 690px;
    background: black;  
    height: 592px;
    border: 1px solid black;
}

hr.hor1 {
  top: 80px;
  

}

.nid{
    position: absolute;
    top: 102px;
    left: 25px;
    font-size: 20px;
    font-family: Calibri;
    font-weight: bold;
}

.input-nid{
    position: absolute;
    height: 20px;
    width: 20px;
    top: 102px;
    border: 1px solid black;
    background: none;
}

hr.hor2 {top: 128px;}

.prov{
    position: absolute;
    top: 139px;
    left: 10px;
    font-size: 18px;
    font-family: Calibri;
    font-weight: bold;
}

.vil{
    position: absolute;
    top: 167px;
    left: 10px;
    width: 500px;
    height: 1px;
}

.headid{/*formatage des identité*/
 font-size: 17px;
 font-family: Calibri;
 font-weight: bold;   
}

.input-vil{
    position: absolute;
    top: 165px;
    left: 80px;
    width: 280px;
    height: 18px;
    border: 0px none black;
    background: none;
}

.comter{
  position: absolute;
    top: 187px;
    left: 10px;
    width: 500px;
    height: 1px;  
}


.input-comter{
    position: absolute;
    top: 185px;
    left: 170px;
    width: 200px;
    height: 18px;
    border: 0px none black;
    background: none;
}

.ecol{
    position: absolute;
    top: 207px;
    left: 10px;
    width: 500px;
    height: 1px;   
}

.input-ecol{
    position: absolute;
    top: 205px;
    left: 150px;
    width: 200px;
    height: 18px;
    border: 0px none black;
    background: none;
}

.code{
    position: absolute;
    top: 227px;
    left: 10px;
    width: 500px;
    height: 1px;   
}

.input-code{
    position: absolute;
    height: 20px;
    width: 20px;
    top: 235px;
    border: 1px solid black;
    background: none;
}

.codex{
 border: 0px solid black;   
}

.eleve{
    position: absolute;
    top: 167px;
    left: 410px;
    width: 500px;
    height: 1px;    
}

.input-eleve{
    position: absolute;
    top: 165px;
    left: 460px;
    width: 220px;
    height: 20px;
    border: 0px none black;
    background: none;
}

.sexe{
    position: absolute;
    top: 165px;
    left: 765px;
    width: 20px;
    height: 20px;
    border: 0px none black;
    background: none;  
}

.dnln{
    position: absolute;
    top: 187px;
    left: 410px;
    width: 500px;
    height: 1px;       
}

.input-dnln{
    position: absolute;
    top: 185px;
    left: 480px;
    width: 130px;
    height: 20px;
    border: 0px none black;
    background: none;
}

.dnln-day{
    position: absolute;
    top: 185px;
    left: 660px;
    width: 20px;
    height: 20px;
    border: 0px none black;
    background: none;
}

.dnln-month{
    position: absolute;
    top: 185px;
    left: 707px;
    width: 20px;
    height: 20px;
    border: 0px none black;
    background: none;
}

.dnln-year{
    position: absolute;
    top: 185px;
    left: 748px;
    width: 40px;
    height: 20px;
    border: 0px none black;
    background: none;
}

.classe{
    position: absolute;
    top: 207px;
    left: 410px;
    width: 500px;
    height: 1px;       
}

.input-classe{
    position: absolute;
    top: 205px;
    left: 480px;
    width: 270px;
    height: 20px;
    border: 0px none black;
    background: none;
}

.nperm{
    position: absolute;
    top: 227px;
    left: 410px;
    width: 500px;
    height: 1px;   
}

.input-nperm{
    position: absolute;
    height: 20px;
    width: 20px;
    top: 235px;
    border: 1px solid black;
    background: none;
}

.npermx{
 border: 0px solid black;   
}

.b12s{
    position: absolute;
    top: 278px;
    left: 50px;
    width: 800px;
    height: 1px;
    font-size: 20px;   
}

.branche{
    position: absolute;
    top: 304px;
    left: -1px;
    width: 180px;
    height: 45px;
    text-align: center;
    padding-top: 20px; 
    border: none;
}

.max{
    position: absolute;
    left: -1px;
    width: 175px;
    height: 20px;
    text-align: left;
    /*border: 2px solid black;*/
    font-weight: bold;
    font-size: 18px;
    padding-top: 1px;
    padding-left: 5px; 
}

.max1{
    top: 368px;
}
.max2{
    top: 566px;
}
.max3{
    top: 676px;
}
.max4{
    top: 743px;
    font-size: 15px;
}
.max5{top: 764px;}

.mp{
    position: absolute;
    top: 367px;
    width: auto;
    height: auto;
    left: 200px;
    text-align: left;
    border: none;
    font-size: 20px;
    font-weight: bold;
    font-family: Calibri;
    }

.mpa{
    position: absolute;
    top: 566px;
    width: auto;
    height: auto;
    left: 200px;
    text-align: left;
    border: none;
    font-size: 20px;
    font-weight: bold;
    font-family: Calibri;
    }

.mpb{
    position: absolute;
    top: 676px;
    width: auto;
    height: auto;
    left: 200px;
    text-align: left;
    border: none;
    font-size: 20px;
    font-weight: bold;
    font-family: Calibri;
    }

.bran{
    position: absolute;
    top: 360px;
    left: -1px;
    width: 175px;
    height: 20px;
    text-align: left;
    font-family: Calibri;
    font-size: 15px;
    padding-top: 1px;
    padding-left: 5px; 
    border: none;
}

hr.hor3 {top: 155px;}
hr.hor4 {top: 268px;}
hr.hor5 {top: 295px;}
hr.hor6 {top: 930px;}

.educ{
    position: absolute;
    top: 1130px;
    left: 598px;
}

.sign{
    position: absolute;
    top: 1000px;
    left: 610px;
}

hr.dashed {
    position: absolute;
    border-style: dashed;
    top: 175px;
    left: 100px;
    width: 270px;
}

/*Menu contextuel****************************/
.contextmenu{
    display: none;
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    background-color: #f9f9f9;
    width: auto;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    border-radius: 5px;
    z-index: 1;
    font-family: Arial,Sans-serif;
    font-size: 14px;
}
.contextmenu::after {
    content:' ';
    border-bottom: 6px solid white;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    height: 0;
    position: absolute;
    left: 16px ;
    top: -6px;
}
.contextmenu li a {
    display: block;
    padding: 6px;
    color: black;
    text-decoration: none;
}
.contextmenu li i {
    margin-left:10px;
    margin-right:8px;
}
.contextmenu li:hover a {
    color: white;
    background-color: #39c;
}
ul.contextmenu li.contextmenu-title a{
    color: #999;
}
.contextmenu > li.disabled a {
    pointer-events: none;
    color: #aaa;
}
.contextmenu-title {
    font-weight: bold;
    pointer-events: none;
}
.contextmenu-divider{
    border-top: 1px solid #d7d3d7;
    border-bottom: 1px solid #ffffff;
    height: 0;
    padding: 0;
    pointer-events: none;
}
.fa-times
{
    color:red;
}