:root{
        --bleuNetco: #074d94;
        --bleuClairNetco: #21609F;
    }
    body{
   /*     width:100%;
        height:100%;
        display:flex;
        margin:auto;
        flex-wrap:wrap;*/
    }
    #formConnexion *{
        box-sizing: border-box;
    }
    #formConnexion .error{border:3px solid red}
    #formConnexion{
        position:relative;
        z-index:2;
        width:100%;
        max-width:800px;
        margin:auto;
        padding:50px 0;
        display:flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        background-color: var(--bleuNetco);
        color:white;

    }
    #formConnexion #logo{
        margin-bottom:20px;
    }
    #formConnexion .masterConnexion{
        width:100%;
        max-width: 300px;
        position:relative;
        z-index: 4;
    }

    #formConnexion:after{
        position:absolute;
        content:"";
        border:2px solid yellow;
        top:10px;bottom:10px;
        left:10px;right:10px;
    }
    #formConnexion .gp{
        width:100%;
        display:flex;
        align-items: center;
        justify-content: flex-end;
        flex-direction:row;
    }
    #formConnexion input{
        width:100%;
        margin:10px;
        padding:15px 10px;
    }
    #formConnexion .inputSubmit{
        flex-basis:100px;
        margin:30px auto;
        text-transform: uppercase;
        background-color: yellow;
        color: var(--bleuNetco);
        border:none;
    }