/**
 * Style spécifique à la page connexion
 * 
 *
 *
 */
 
 
 
/**
 * Structure
 *
 *
 */
 
body{
	background:#181818
}
body > section{
    height: 100vh;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
    width: 100%;
} 
body > section h1{
    border-top:1px solid;
    border-bottom:1px solid;
	font-size:1.4rem;
	letter-spacing:0.2rem;
	color:#fff;
    margin-top: 10px;
}
body > section h2{
	font-size:1.2em;
	text-align:left;
	width:100%;
}
body > section a{
	color:#fff;
}


/**
 * Formulaire
 *
 *	
 */
 
body > section > div{
    display: flex;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
	width:250px;
	min-height:auto;
}
body > section > div > form{
    display: flex;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
}
body > section > div  > form > *{
    margin:10px 0;
}
body > section > div > *{
    margin:10px 0;
}
body > section div.texte{   
    background: #ffffffc7;
    padding: 10px;
	max-width:300px;
    flex-direction: column; 
}
body > section form > input[type="password"],
body > section form > input[type="text"]{
   width:100%;
   max-width:100%;
   padding: 10px 20px;
}
body > section form > input[type="text"]::after{
   content="";
}