@charset "UTF-8";
body {
  background-color: #fce8f2;
  color: #1a2b42;
  font-family: sans-serif;
  padding-bottom: 50px;
}

h1 {
  color: #3fa4d9;
  text-align: center;
}

p {
  margin: 20px auto;
  max-width: 500px;
  padding: 20px;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

form {
  margin: 20px auto;
  max-width: 500px;
  padding: 10px;
  background-color: #fff;
  border-radius: 10px;
}

label {
  display: block;
  margin-bottom: 10px;
  color: #f8485e;
  font-weight: bold;
  margin-top: 10px;
}

input[type=text] {
  width: 95%;
  padding: 10px;
  margin: 10px 0;
  border: none;
  border-radius: 5px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  font-size: 1.2rem;
}

input[type=password] {
  width: 95%;
  padding: 10px;
  margin: 10px 0;
  border: none;
  border-radius: 5px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  font-size: 1.2rem;
}

input[type=submit] {
  background-color: #3fa4d9;
  color: #fff;
  border: none;
  border-radius: 5px;
  padding: 10px;
  font-size: 1.2rem;
  cursor: pointer;
}

#resultat-recherche {
  margin: 20px auto;
  max-width: 500px;
  padding: 20px;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  padding-top: 10px;
}

table {
  border-collapse: collapse;
}

th, td {
  padding: 10px;
  border: 1px solid #e2e2e2;
  text-align: center; /* Ajout de la propriété */
}

th {
  background-color: #f8485e;
  color: #fff;
}

#resultat-recherche table {
  width: 100% !important;
  border-collapse: collapse;
  margin-top: 5px;
}

a {
  color: #3fa4d9;
  text-align: right;
  vertical-align: top;
  cursor: pointer;
}

html, body {
  height: 100%;
  margin: 0;
  padding: 0;
}

/* Retour */


.retour-form {
	position: absolute;
	top: 10px;
	right: 10px;
	padding: 0;
	margin: 0;
	background: none;
	border: none;
}


@media only screen and (max-width: 600px) {
	.retour-form {
	  position: absolute;
	  top: 10px;
	  right: 10px;
	  padding: 0 !important;
	  margin: 0 !important;
	  text-align: center;
	  width: 100%;
	  background: none;
	  border: none;
	  z-index: 1;
}
	
.retour-form input[type="submit"] {
	  margin: 0 auto;
    right: 10px;
	}
}

@media (max-width: 600px) {
	.retour-form {
	  margin-top: 300px !important;
	  display: flex;
	  justify-content: flex-end; /* Aligner le bouton à droite */
  }
}