body {
    background: url("../image/fond.png") center center / cover no-repeat;
}

.logo {
    position: absolute;
    margin: 0.5% 0 0 43.5%;
    height: 25%;
}


.titre {
    position: absolute;
    color: white;
    margin: 15% 0 0 38%;
}


.logoProfile {
    position: absolute;
    border-radius: 10%;
    margin: 20% 0 0 36%;
    height: 10%;
}
.logoPassword {
    position: absolute;
    border-radius: 10%;
    margin: 27% 0 0 36%;
    height: 10%;
}
.profile {
    position: absolute;
    border-radius: 2%;
    margin: 20% 0 0 42%;
    width: 22%;
    height: 5%;
}
.password {
    position: absolute;
    border-radius: 2%;
    margin: 27% 0 0 42%;
    width: 22%;
    height: 5%;
}


.forgot {
    position: absolute;
    font-style: italic;
    margin: 30% 0 0 52%;
    font-size: 100%;
    color: white;
}
#remember {
    position: absolute;
    margin: 33% 0 0 38%;
    font-size: 100%;
    color: white;
}
.remember {
    position: absolute;
    margin: 32.7% 0 0 39.5%;
    font-size: 100%;
    color: white;
}
.login {
    position: absolute;
    margin: 37.5% 0 0 36.6%;
    width: 27%;
    background-color: #243C40;
    color: white;
}


.background {
    position: absolute;
    box-shadow: 0 0 30px 1px black;
    border-radius: 10%;
    opacity: 85%;

    margin: 7% 0 0 35%;
    width: 30%;
    height: 75%;


    background: #243C40;
}