.titre_h1{
 
   text-align:center;
  }
 .titre_et_form {
 
 margin-top: -12%;
}

.les_logos {
 display: flex;
}

.position_ministere {
 top: 1%;
 left: 4%;
 position: relative;
 
}
 
.position_logo {
 top: 9%;
 left: 71%;
 position: relative;
}

 .container {
  justify-content: center;
  display: flex;
 }

.container_mdp
{
 display: flex;
 flex-direction: column;
 align-items: center;
 
}

/* Bordered form */
form {
 width:27%;
 padding: 30px;
 border: 1px solid #f1f1f1;
 background: #fff;
 box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
}
#container h2{
 width: 38%;
 margin: 0 auto;
 padding-bottom: 10px;
}

/* Full-width inputs */
input[type=text], input[type=password], input[type=email], input[type=confirm_pass], input [type=file]  {
 width: 100%;
 padding: 12px 20px;
 margin: 8px 0;
 display: inline-block;
 border: 1px solid #ccc;
 box-sizing: border-box;
}



/* Set a style for all buttons */
input[type=submit] {
 background-color: #53af57;
 color: white;
 padding: 14px 20px;
 margin: 8px 0;
 border: none;
 cursor: pointer;
 width: 100%;
}
input[type=submit]:hover {
 background-color: white;
 color: #53af57;
 border: 1px solid #53af57;
}
#container2{
 justify-content: center;
 display: flex;
 
}

@media (max-width: 4000px) and (max-height: 4000px) {
 .les_logos {
  display: flex;
  flex-direction: column;
  align-content: center;
 }

  .position_logo {
  top: 0;
  left: 0;
  position: relative;
  text-align: center;

 }
 .position_ministere{
  top: 0;
  left: 0;
  position: relative;
  text-align: center;
 }

.titre_h1{
  top:0 !important;

 }
      #container{
  width: 100%;
  position: relative;
  top: 0 !important;
  transform: none;
  left: 0;
 }

.titre_et_form {

  margin-top: 0;
 }
input[type="submit"] {
  padding: 13px 4px;
 }

  .form {
  width: auto;
 }
}

/* Styles pour les règles de mot de passe */
.password-rules {
  background-color: #f8f9fa;
  padding: 15px;
  margin: 20px 0;
  border-radius: 5px;
  border-left: 4px solid #0d6efd;
}

.password-rules ul {
  margin: 10px 0 0 20px;
  padding: 0;
  list-style-type: none;
}

.password-rules ul li:before {
  content: "➜";
  margin-right: 10px;
  color: #0d6efd;
}

.alert {
  padding: 15px;
  margin: 15px 0;
  border-radius: 5px;
}

.alert-danger {
  background-color: #fff3f3;
  border-left: 4px solid #dc3545;
  color: #dc3545;
}

.alert-danger p {
  margin: 5px 0;
}

.alert-success {
  background-color: #f0fff0;
  border-left: 4px solid #198754;
  color: #198754;
}