/*      Générale et Objet       */

*{
    margin: 0;
    padding: 0;
}
/*A Voir Si Sa Marche*/
input:invalid{
    border: solid 1px red;
}
input:invalid:focus{
    background-color:lightcoral;
}


/*      Class       */

.haut{
    border-bottom: solid 1px black;

    position:absolute;
    text-align: center;
    height: 10%;
    width: 100%;
}

.bas{
    border-top: solid 1px black;

    position: absolute;
    top: 10%;
    height: 90% - 1px; /*attention le 1px a enlever quand enlever border*/
    width: 100%;
}