#accueilcontainer{
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	width:100vw;
	height:80vh;
}

#connection{
	border: 1px solid rgba(120,120,120,0.1);
	background-color: hsla(0,0%,96%,1);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	box-shadow: 0px 0px 3px black;
}

#nomutilisateur{
	font-size:14pt;
	padding:10px;
	margin:10px;
	width:140px;
}

#motdepasse{
	font-size:14pt;
	padding:10px;
	margin:5px 10px 10px 10px;
	width:140px;
}

#validermotdepasse{
	font-size:14pt;
	font-weight: 600;
	margin:5px 10px 10px 10px;
	padding:10px;
	background-color: rgba(30,240,30,0.6);
	color:white;
	border-radius: 2px;
	display: flex;
	align-items: center;
	justify-content: center;
	width:140px;
}

#validermotdepasse:hover{
	cursor: pointer;
	background-color: rgba(30,240,30,0.8);
}

.echecmotdepasse{
	background-color: rgba(240,30,30,0.6) !important;
}

.echecmotdepasse:hover{
	background-color: rgba(240,30,30,0.8) !important;
}