body
{
	overflow-x: hidden;
}
#corps
{
	background-image: url('https://images.theireply.fr/polygone2.png');
}
#contenu
{
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100vh;
}

#bloc_central
{
	display: flex;
	flex-direction: column;
	align-items: center;
	border-radius: 5px;
	box-shadow: 2px 2px 10px black;
	background-color: #F7F7F7;
}

#titre_connexion
{
	margin-bottom: 20px;
}

#msg_erreur
{
	font-size: 20px;
	margin-top: 10px;
	padding: 10px;
	border-radius: 5px;
	background: rgb(255, 170, 170);
}

#img_erreur
{
	height: 20px;
	vertical-align: baseline;
}

#formulaires_connexion
{
	display: flex;
}

#bloc_connexion
{
	display: flex;
	flex-direction: column;
	align-items: center;
}

#form_connexion
{
	display: flex;
	flex-direction: column;
}

#input_mail_connexion, #input_mdp_connexion
{
	margin-bottom: 20px;
}

#input_submit_connexion
{
	font-size: 20px;
	background-color: rgb(128, 222, 234);
}



/*!!!!! CODE DES PAGES DE PLUS DE 1024 PX DE LARGE !!!!!*/
@media (min-width: 1024px)
{
	#erreur
	{
		max-width: 50vw;
		font-size: 40px;
	}

	#bloc_connexion
	{
		padding: 20px;
	}

	#titre_connexion
	{
		font-size: 25px;
	}

	#input_mail_connexion, #input_mdp_connexion
	{
		width: 25vw;
		height: 30px;
		font-size: 20px;
	}
}



/*!!!!! CODE DES PAGES DE MOINS DE 1023 PX DE LARGE !!!!!*/
@media (max-width: 1023px)
{
	#erreur
	{
		max-width: 90vw;
		font-size: 20px;
	}

	#formulaires_connexion
	{
		flex-direction: column;
		align-items: center;
	}

	#bloc_connexion
	{
		padding: 5px;
	}

	#titre_connexion
	{
		font-size: 22px;
		margin-bottom: 10px;
	}

	#input_mail_connexion, #input_mdp_connexion
	{
		width: 75vw;
		height: 30px;
		font-size: 20px;
	}
}