/*NAV voir HEADER.css*/

html{
	height: 100%;
}
				
body{
	/*width: 26.041666666666668vw;*/
	width: 24.5vw;
	/*background: radial-gradient(circle, #e9eafc, #f1f2fd 50%, #f7f8fd 40%);*/
	background: radial-gradient(circle, #e9eafc, #e9eafc 50%, #f1f2fd 50% 75%, #f7f8fd 75%);
	/*background-color: #e9eafc;*/
	margin-left: auto;
	margin-right: auto;
	margin-top: 111.3px;
	background-repeat: no-repeat;	
}

			/*  RESPONSIVE */
@media screen and (min-width: 210px) and (max-width: 420px){
	.button{
		min-width: 130px;
	}
}
@media screen and (min-width: 420px) and (max-width: 520px){
	.button{
		min-width: 230px;
	}
}
@media screen and (min-width: 520px){
	.button{
		min-width: 280px;
	}
}


				/*VOUS N'AVEZ PAS ENCORE DE COMPTE?*/
.lien-compte{
	margin-top: 5vh;
	transition: 0.5s;
	font-size: 13px;
	text-align: center;
}
.text-link{
	text-decoration: none;
	font-size: 17px;
	color: black;
	padding-left: 2px;
	font-weight: bold;
	
}
.text-link:hover{
	color: rgba(62, 100, 255, 1.0);
	font-weight: bold;
	text-decoration: none;
	
}
				
					/*BUTTON CONNEXION*/

.button{
	background-color: rgba(62, 100, 255, 1.0);
	/*background-color: rgba(62, 100, 255, 1.0);*/
	border: none;
	border-radius: 5px;
	padding: 4px 8px 0px 8px;
	display: flex;
	margin-left:auto;
	margin-right: auto;
	margin-top:5vh;
	margin-bottom: 5vh;
	/*width: 26.041666666666668vw;*/
	width: 20vw;
	height: 7.5vh;
	box-shadow: 1px 1px 4px rgba(114, 124, 245, 1.0);
}
.button:hover{
	/*border: 1px solid rgba(62, 100, 255, 1.0);*/
	box-shadow: 1px 1px 4px white;
}
.button-connexion{
	margin: auto;
	color: white;
}



.requirement-list{
	list-style: none;
	padding-left: 0px;
}