#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;
	border-radius: 5px;
	padding: 20px;
	margin: 5px;
	box-shadow: 2px 2px 10px black;
	background-color: #F7F7F7;
}

#bloc_profil
{
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
}

#txt_profil
{
	font-size: 25px;
	text-align: center;
}

#addr_mail
{
	font-size: 16px;
}

#img_profil
{
	height: 100px;
	vertical-align: middle;
}

#separation
{
	height: 1px;
	width: 100%;
	background-color: grey;
}

#t2test
{
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
}

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

#msg_erreur
{
	font-size: 18px;
	text-align: center;
	margin-top: 10px;
	padding: 10px;
	border-radius: 5px;
	max-width: 75vw;
	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
{
	margin-top: 10px;
	font-size: 18px;
	width: 100%;
}

.champ
{
	height: 25px;
	font-size: 20px;
}

.grp_form
{
	display: flex;
	align-items: center;
	margin-bottom: 20px;
}

.aide, .img_aide
{
	height: 20px;
}

.aide
{
	margin-left: 10px;
}

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

#aide_mdp_popup
{
	display: none;
	position: absolute;
	flex-direction: column;
	background-color: white;
	box-shadow: 2px 2px 10px grey;
	padding: 5px;
	max-width: 25vw;
}



/*!!!!! CODE DES PAGES DE PLUS DE 1024 PX DE LARGE !!!!!*/
@media (min-width: 1024px)
{
	.champ
	{
		width: 30vw;
	}
}


/*!!!!! CODE DES PAGES DE MOINS DE 1023 PX DE LARGE !!!!!*/
@media (max-width: 1023px)
{
	.champ
	{
		width: 70vw;
	}
}