html,body{
background-image: url('../images/mairie.png');
background-size: cover;
background-repeat: no-repeat;
height: 100%;
font-family: 'Numans', sans-serif;
}

.container{
height: 100%;
align-content: center;
}
.card-body{
height: 580px;
}
.card{
height: 500px;
margin-top: auto;
margin-bottom: auto;
width: 430px;
background-color: rgba(0,0,0,0.3) !important;
}
#checkbox{
margin-left: 60px;
}

img.logo{
    margin-left: 30%;

}
.card-header h3{
color: white;
}



.input-group-prepend span{
width: 60px;
background-color:#3097d1;
color: black;
border:0 !important;
}

input:focus{
outline: 0 0 0 0  !important;
box-shadow: 0 0 0 0 !important;

}



.login_btn{
color: black;
background-color: #3097d1;
width: 140px;
}

.login_btn:hover{
color: black;
background-color: white;
}

.links{
color: white;
}

a{
    color: #3097d1;
}
.links a{
margin-left: 4px;
}