#connexionForm{
        left: 584px;
        width: 753px;
        height: 480px;
        background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
        background: #FFFFFF 0% 0% no-repeat padding-box;
        box-shadow: 0px 3px 6px #00000029;
        border-radius: 5px;
        opacity: 1;
        margin:auto;
        overflow: hidden;
        margin-top: 85px;
    }
    #Bienvenue{
        top: 285px;
        left: 584px;
        width: 276px;
        height: 480px;
        background: transparent linear-gradient(215deg, var(--unnamed-color-1c83db) 0%, #00B1FF 100%) 0% 0% no-repeat padding-box;
        background: transparent linear-gradient(215deg, #1C83DB 0%, #00B1FF 100%) 0% 0% no-repeat padding-box;
        opacity: 1;
        display: table;
        float:left;
    }
        #Bienvenue>div{
            margin: auto;
            display: table-cell;
            vertical-align: middle;
            width: 211px;
            height: 51px;
            transform: matrix(1, -0.02, 0.02, 1, 0, 0);
            font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-42)/var(--unnamed-line-spacing-48) var(--unnamed-font-family-arial);
            letter-spacing: var(--unnamed-character-spacing-0);
            text-align: center;
            font: normal normal normal 42px/48px Arial;
            letter-spacing: 0px;
            color: #5CB4FF;
            opacity: 1;
        }
        #form{
             width: 477px;
             height: 100%;
             float: right;
        }
        form{
            height:100%;
            text-align: center;
        }
        #cuser{
            margin-left: 56px;
            margin-top:134px;
            float: left;
            height: 50px;
        }
        #userico{
            float: left;
            width: 50px;
            height: 100%;
            background: var(--unnamed-color-1c83db) 0% 0% no-repeat padding-box;
            background: #1C83DB 0% 0% no-repeat padding-box;
            opacity: 1;
        }
        #cpasswd{
            float: left;
            margin-top:20px;
            margin-left: 56px;
            height: 50px;
            padding: 0px;
        }
        #rememberme{
            margin-left: 56px;
            margin-right:23px;
            float: left;
            height: 50px;
            font: italic normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-14)/var(--unnamed-line-spacing-16) var(--unnamed-font-family-arial);
            letter-spacing: var(--unnamed-character-spacing-0);
            color: var(--unnamed-color-1c83db);
            text-align: left;
            font: italic normal normal 14px/16px Arial;
            letter-spacing: 0px;
            color: #1C83DB;
            opacity: 1;
            display: inline-flex;
            align-items: center;
            height: 55px;
        }
        #passwdico{
            float: left;
            width: 50px;
            height: 100%;
            background: var(--unnamed-color-1c83db) 0% 0% no-repeat padding-box;
            background: #1C83DB 0% 0% no-repeat padding-box;
            opacity: 1;
        }
#loginError{
    margin:auto;
    color: red;
}
#BConnexion{
    width: 171px;
    height: 40px;
    background: var(--unnamed-color-1c83db) 0% 0% no-repeat padding-box;
    border: 2px solid var(--unnamed-color-1c83db);
    background: #1C83DB 0% 0% no-repeat padding-box;
    border: 2px solid #1C83DB;
    border-radius: 4px;
    opacity: 1;
    font: var(--unnamed-font-style-normal) normal bold var(--unnamed-font-size-14)/12px var(--unnamed-font-family-arial);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-ffffff);
    text-align: center;
    font: normal normal bold 14px/12px Arial;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    padding: 0;
    margin-top:70px;
    margin-right:90px;
}
.cconn>input::placeholder{
    color: #BCE0FD;
}
.cconn>input{
    width: 100%;
    height:100%;
    width: 306px;
    height: 46px;
    background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #BCE0FD;
    opacity: 1;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-14)/var(--unnamed-line-spacing-16) var(--unnamed-font-family-arial);
    letter-spacing: var(--unnamed-character-spacing-0);
    text-align: left;
    font: normal normal normal 14px/16px Arial;
    letter-spacing: 0px;
    opacity: 1;
    color: #0f194f;
    outline: 0px solid #5c93c0;
    padding-left:20px;
}
.cconn>input:focus{
    border: 2px solid #BCE0FD;
}
input[type="checkbox"]{
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    width: 23px;
    height: 23px;
    color: #BCE0FD;
    margin: 0px;
    margin-right: 10px;
    padding:0px;
    border-radius: 5px;
    border: 3px solid #1c83db;
    outline: 0px solid #5c93c0;
}
    #rememberme>label{
        opacity: 0.62;
    }
    input[type="checkbox"]:checked{
        background: no-repeat url('../assets/tick.PNG') center;
        background-size: 23px 23px;
    }