body.login-password-protected {
  background: #0f172a; /* fond bleu nuit */
  font-family: Arial, sans-serif;
}
div#login{
	background-color:white;
	display:flex;
	align-items: center;
	flex-direction: column;
	padding:20px;
	width: 500px;
	margin-top:15em;
	border-radius: 20px;
}
h1.titre-facecam{
	margin: 20px 0;
}
.login form{
	width: 460px;
	border-radius: 15px;
}
a.mailto{
	text-decoration: underline;
	color: inherit;
}
a.mailto:hover{
	text-decoration: none;
}

.password-protected__logo {
  width: 120px;
  margin-bottom: 20px;
}

.password-protected__submit {
  background: #2563eb;
  border-radius: 10px;
  padding: 12px;
  font-weight: bold;
}
@media screen and (max-width:767px){
	div#login{
		width: 300px;	
	}
	.login form{
	width: 260px;
	}
	.titre-facecam{
		font-size: 12px;
	}
	
}