body{
    background: #107;
    font-family: Arial, serif;
    color:#fff;
    padding-top : 125px;
    text-align:center;
}

header{
    position:fixed;
    border-bottom:1px solid #fff;
    top:0;;
    z-index: 5;
    background: #424;
}
#name{
    text-transform: capitalize;
}
#nombre{
    width: 50px;
}
#main {
    position:relative;
    overflow: scroll;
}
#main .fiche {
    padding:10px;
}
#main h2 ,
#main .bordered {
    opacity:0.5;
}
#main .bordered {
    border: 1px solid #fff;
    height: 100%;
    padding: 10px;
    cursor:pointer;
}
#main .bordered.new {
    background:#000;
}
#main .bordered:hover ,
#main .bordered.edited {
    opacity:1;
}
footer{
    position:fixed;
    border-top:1px solid #fff;
    bottom:0;
    padding:10px;
    z-index: 5;
    background: #424;
}
#editModal .modal-content,
#saveModal .modal-content{
    color:#fff;
}
#editModal .modal-content{
    background-color: #107;
}
#saveModal .modal-content{
    background-color: rgba(0,0,0,0.6);
}
#editModal .form-label,
#saveForm .form-label{
    font-size:20px;
    text-align: left;
}
#editModal input, #editModal textarea,
#saveForm input, #saveForm textarea{
    opacity:0.8;
    margin-bottom: 20px;
    color: #fff;
    padding: 10px;
    border-radius: 5px;
}
#editModal input, #editModal textarea{
    background-color: #107;
}
#saveForm input, #saveForm textarea{
    background: 0;
}