.div-connexion {
	background-color: black;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
}

#logo {
	width: 315px;
	height: auto;
}

#info-my-escore {
	color: yellow;
}

#inscription {
	text-align: right;
}

.div-changement {
	background-color: black;
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
	top: 0;
	position: absolute;
	align-items: center;
	height: 100vh;
	width: 100vw;
	z-index: 0;
}

#form-changement {
	display: flex;
	flex-direction: column;
	padding: 0% 2% 0 2%;
	width: 500px;
	height: 450px;
	background-color: white;
	border-radius: 5px;
	justify-content: space-evenly;
}

#form-changement form {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-around;
}

form div {
	width: 60%;
}

#formulaire-changement div {
	width: 100%;
}

#valider-changement {
	margin-top: 15px;
}

#logo {
	width: 315px;
	height: auto;
}

#info-my-escore {
	color: yellow;
}

#inscription {
	text-align: right;
}

.error {
	color: red;
}

.validation {
	display: flex;
	justify-content: space-between;
}