*
{
  padding: 0px;
  margin: 0px;
}

body {
  font-family: "Helvetica neue", "Arial";
  background: rgb(1, 31, 75);
  background-attachment: fixed;
  text-align: center;
  padding-top: 10vh;
}

form {
	display: inline-block;
	vertical-align: middle;
	padding: 3vw;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	background: white;
	border-radius: 10px;
}

h1 {
	color: #03396c;
}

p {
	font-style: italic;
	color: grey;
}

[type="submit"] {
  padding: 10px 20px;
  background: white;
  border: 1px #005b96 solid;
  color: #005b96;
  border-radius: 10px;
  font-size: medium;
  transition: 0.3s;
}

[type="submit"]:hover {
  background: #6497b1;
  border: 1px white solid;
  color: white;
}

[type="text"], [type="password"]{
  padding: 10px 20px;
  border: 1px grey solid;
  border-radius: 10px;
  font-size: medium;
  color: #6497b1;
}

[type="text"]:focus, [type="password"]:focus {
  border: 1px #005b96 solid;
  color: black;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

form img {
  width: 150px;
}

form .erreur {
	color: red;
}

.retour {
  text-align: left;
}

.retour a {
  text-decoration: none;
}

.retour a:hover {
  color: #6497b1;
}




/* responsive */
@media screen and (max-width: 1024px) {
  body {
  	padding-top: 5vh;
  }
  form {
  	width: 90vw;
    border-radius: 0;
    padding: 5vw;
  }
 }

@media screen and (max-width: 440px) {
  form img {
    width: 100px;
  }
  body {
  	padding-top: 0;
  }
}