/* Base du CSS */

/*-----------------------Général-----------------------*/
*{
    transition: none;
}

html{
    font-family: Arial, verdana, serif;
    font-size: 300%;
    color: white;
    background-color: #1D1D1D;
}



/*-----------------------Header-----------------------*/
header{
    display: flex;
    justify-content: center;
    margin: 3rem 0;
}



/*-----------------------Général-----------------------*/
body{
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    margin: 2rem;
}

main{
    flex: 1;
}

h1{
    font-size: 120%;
    display: flex;
    justify-content: center;
}



/*-----------------------Login-----------------------*/
form{
    display: flex;
    flex-direction: column;
    margin-top: 2rem;
    padding: 1rem;
    border: 3px solid #C8356C;
}

form h1{
    margin-bottom: 2rem;
}

form label{
    margin-bottom: 0.5rem;
}

form input{
    font-size: 100%;
}

form input[type=email]{
    width: 600px;
    margin-bottom: 1rem;
}

form input[type=password]{
    width: 600px;
}

form input[type=text]{
    width: 600px;
}

form #remember_me{
    display: flex;
    margin: 2rem 0;
}

#remember_me input[type=checkbox]{
    margin-bottom: 0;
    margin-left: 12px;
    transform: scale(3);
    accent-color: #C8356C;
}

#remember_me p{
    margin-left: 1rem;
}

button{
    font-size: 100%;
    color: white;
    background-color: #C8356C;
    border: none;
    padding: 0.25rem;
    border-radius: 30px;
}

.container_password{
    display: flex;
    justify-content: flex-start;
}

.container_password img{
    filter: invert(1);
    align-self: center;
    margin-left: 0.5rem;
}

#mdp_oublie{
    text-align: center;
    font-size: 75%;
    margin-top: 2rem;
}

#mdp_oublie a{
    color: #C8356C;
    text-decoration: none;
}

.erreur_login{
    color: #C8356C;
    text-align: center;
    margin-bottom: 2rem;
}

.user_connecte{
    display: flex;
    flex-direction: column;
    text-align: center;
    margin-top: 3rem;
}

.user_connecte a{
    text-decoration: none;
    color: white;
    background-color: #C8356C;
    border: 1px solid #C8356C;
    border-radius: 30px;
    padding: 0.5rem;
    margin-top: 2rem;
}



/*-------------------Reset password-------------------*/
.h1_reset_mdp{
   font-size: 110%;
    text-align: center;
}

.reset_password p{
    text-align: justify;
    margin-bottom: 1rem;
}

.reset_password form input[type=email]{
    width: auto;
    margin-top: 0.5rem;
}

.reset_password form input[type=password]{
    margin-top: 0.5rem;
    margin-bottom: 1rem;
}

.reset_password form li{
    margin-top: 0.5rem;
    color: #C8356C;
}



/*--------------------Verif mail-------------------*/
.verif_mail{
    text-align: justify;
}

.verif_mail a{
    color: #C8356C;
    text-decoration: none;
}



/*-----------------------Footer-----------------------*/
footer{
    text-align: center;
    font-size: 75%;
    margin-bottom: 3rem;
}

footer a{
    color: white;
    text-decoration: none;
}



/*-----------------------Error_-----------------------*/
.message_erreur{
    text-align: center;
}

.message_erreur h1{
    margin-bottom: 3rem;
}

.message_erreur p:last-of-type{
    margin-top: 1rem;
}