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

#bloc_central
{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	border-radius: 5px;
	padding: 20px;
	margin: 5px;
	box-shadow: 2px 2px 10px black;
	background-color: #F7F7F7;
}

#titre
{
	text-align: center;
}

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

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

#msg_succes
{
	font-size: 18px;
	text-align: center;
	margin-top: 10px;
	padding: 10px;
	border-radius: 5px;
	background: rgb(170, 255, 170);
}

label[for=champ]
{
	margin-top: 30px;
	text-align: center;
}

#champ
{
	height: 25px;
	font-size: 20px;
	margin-bottom: 20px;
}

#envoyer
{
	margin-top: 10px;
	padding: 10px;
	font-size: 20px;
}



/*!!!!! CODE DES PAGES DE PLUS DE 1024 PX DE LARGE !!!!!*/
@media (min-width: 1024px)
{
	#titre
	{
		font-size: 35px;
	}

	#champ
	{
		width: 40vw;
	}
}



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

	#champ
	{
		width: 70vw;
	}
}