.form-rec{
     position: relative;

     margin-left: 10px;
     
     background-color: whitesmoke;
     width: 480px;
     height: 300px;

     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);

}

.input-amount{
     position: absolute;
     top: 40px;
     left: 338px;
     width: 75px;
     height: 40;
     float: left;
     color: blue;
     font-family: Bradley Hand ITC;
     font-weight: bold;
     font-size: 20px;
     background-color: #C0C0C0;
     font-size: 20px;
     border: 2px solid black;
     border-radius: 5px;
}  

.lbl-name{
     position: absolute;
     float: left;
     top: 120px;
     left: 20px;
     width: auto;
     height: auto;
     background: transparent;
     color: black;
     font-size: 14px;
}
.lbl-name-dot{
     position: absolute;
     width: auto;
     font-size: 20px;
     font-family: Arial;              
     top: 120px;
     left: 106px;
     background: transparent;
}
.input-name{
     position: absolute;
     top: 100px;
     left: 107px;
     width: 353px;
     height: auto;
     float: left;
     color: blue;
     text-align: center;
     font-family: Bradley Hand ITC;
     font-weight: bold;
     font-size: 20px;
     background: transparent;
     margin-top: 10px;
     /*border: solid black 1px;*/
     border: none;
} 

.lbl-libelle2{
     position: absolute;
     float: right;
     top: 140px;
     left: 107px;
     width: 343px;
     height: 22px;
     padding: 5px;
     font-family: Bradley Hand ITC;
     font-weight: bold;
     font-size: 20px;
     color: blue;
     background: transparent;
     background-color: #C0C0C0;
     margin-top: 10px;
     border: 1px solid black;
}

.lbl-libelle3{
     position: absolute;
     top: 188px;
     left: 20px;
     width: 430px;
     height: 22px;
     float: left;
     padding: 5px;
     background-color: #C0C0C0;
     font-size: 20px;
     border: 1px solid black;
}

.lbl-reg{
     position: absolute;
     top: 218px;
     color: black;
     background: transparent;
     width: 150px;
     font-size: 14px;
     margin-top: 10px;
     float: left;
     left: 20px;
     border: none;
}

.lbl-montant{
     position: absolute;
     top: 20px;
     left: 345px;
     width: auto;
     height: auto;
     float: left;
     color: black;
     top: 18px;
     margin-right: 5px;
     float: right;
}

.lbl-recu{
     position: absolute;
     top: 35px;
     left: 170px;
     width: auto;
     height: auto;
     float: left;
     color: DarkBlue;
     font-family: Arial Black;
     font-size: 20px;
}

.lbl-num{
     position: absolute;
     top: 35px;
     left: 260px;
     width: auto;
     height: auto;
     float: left;
     color: DarkBlue;
     font-family: Arial Black;
     font-size: 20px;
}

.lbl-libelle{
     position: absolute;
     top: 160px;
     left: 20px;
     width: auto;
     height: auto;
     color: black;
     font-size: 14px;
}

.select-month{
     position: absolute;
     top: 150px;
     background: transparent;
     color: blue;
     font-size: 16px;
     top: 226px;
     left: 140px;
     float: left;
     border: none;
}

.select-devise{
     position: absolute;
     top: 40px;
     left: 421px;
     width: 30px;
     float: left;
     font-size: 16px;
     border: none;
     background: transparent;
}

.scolor-devise{
     position: absolute;
     color: black; 
     border: none;
     height: 29px;
     font-size: 20px;
     background: transparent;
}

.scolor{
     color: blue; 
     font-family: Bradley Hand ITC;
     font-weight: bold;
     font-size: 20px;
     height: auto;
     border: none;
     background: transparent;
}

.cla{
     position: absolute;
     float: left;
     top: 75px;
     left: 330px;
     background: transparent;
}
.scla{
     width: 50px;
     border: none;
     color: blue; 
     font-family: Bradley Hand ITC;
     font-weight: bold;
     font-size: 20px;
     /*background-color: #C0C0C0;
     border: solid 1px black;*/
     border: none;
     background: transparent;
}
.scla1{
     position: absolute;
     left: 40px;
     width: 100px;  
     background: transparent;
}
.lblsign{
     position: absolute;
     background: transparent;
     top: 260px;
     left: 50px;
     width: auto;
     height: auto;
     font-family: Arial;
     font-weight: bold;
     font-size: 18px;
}
.cdate{
     position: absolute;
     float: left;
     top: 250px;
     left: 315px;
}
.cdate{
     position: absolute;
     float: left;
     border: none;
     left: 300px;
}
.ccdate{
     position: absolute;
     border: none;
     font-family: Bradley Hand ITC;
     font-weight: bold;
     font-size: 18px;
     color: blue;
     background: transparent;
     width: 160px;
}
.rlogo{
     position: absolute;
     width: 120px;
     height: 80px;
     top: 20px;
     left: 10px;
     border-radius: 5px;
     border: none;

}
.rcachet{
     position: absolute;
     background: transparent;
     left: 200px;
     top: 105px;
     width: auto;
     height: auto;
     border: none;
}
.rsign{
     position: absolute;
     background: transparent;
     left: 20px;
     top: 220px;
     width: auto;
     height: auto;
     border: none;
}

/*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;
}