body{
  background: #333333;
  padding:0;
  margin:0;
  color:#ffffff;
  font-family: FFDINWebProRegular;
  font-weight: normal;
  font-style: normal;
}


#main_accueil {

  display: flex;
  justify-content: center;
  align-items: center;
  width:100%;
  height:100vh;
  flex-direction: column;
}

/* LOGO */

.logo_container {
  display: flex;
  justify-content: center;
  flex-direction: column;
  width:250px;
}


.logo_sep {
  height:1px;
  width:190px;
  background:#00ff00;
  margin:20px auto 15px;
}

.logo_txt {
  text-align: center;
  font-size:25px;
  font-family: FFDINWebProRegular;
  font-weight: normal;
  font-style: italic;
}

/* FIN LOGO */

.maintenance {
  margin-top:50px;
  font-family: FFDINWebProRegular;
  font-weight: normal;
  font-style: normal;
  font-size:20px;
}


/* FORMULAIRE */

.form_container {
  display: flex;
  justify-content: center;
  flex-direction: column;
  width:90%;
  max-width: 350px;
  margin:50px auto;
}

#activation_utilisateur {
  display: flex;
  flex-direction: column;
  margin-top:35px;
}

 #connexion{
   display: flex;
   flex-direction: column;
 }

.form_container input[type="password"], .form_container input[type="mail"] {
  height:40px;
  width: 100%;
  border: none;
  padding-left: 10px;
  font-size:15px;
}

.activation_input {
  display: flex;
  background: #ffffff;
  border:1px solid #d8d8d8;
  margin:10px 0;
}

.input_pwd_icone {
  background: url('../images/input_pwd.png');
  background-position: center;
  background-repeat: no-repeat;
  height:40px;  
  width:40px;
  z-index: 10;
}

.mot_oublie:hover {
  cursor: pointer;
}



.input_user_icone {
  background: url('../images/input_user.png');
  background-position: center;
  background-repeat: no-repeat;
  height:40px;
  width:40px;
  z-index: 10;
}

.btn_activation {
  height:45px;
  width:200px;
  border:none;
  margin:35px auto 0;
  font-size:18px;
  font-family: FFDINWebProRegular;
  font-weight: normal;
  font-style: normal;
  border:1px solid #333333;
  background: #ffffff;
}

.btn_activation:hover {
  cursor:pointer;
  background: #333333;
  color:#ffffff;
  border:1px solid #ffffff;
}

form input[type="password"]:-webkit-autofill, form input[type="mail"]:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
    -webkit-text-fill-color: #333333 !important;
}

.info_connexion {
  display: flex;
  justify-content:space-between;
  align-items: center;
  font-size: 12px;
}

.souvenir{
  display: flex;
  align-items: center;
}

.btn_form {
  padding:10px 70px;
  font-size: 18px;
  background:#00ff00;
  display: block;
  border:none;
  margin: 25px auto 0;
  font-family: FFDINWebProMedium;
  font-weight: normal;
  font-style: normal;
  cursor:pointer;
}

.modal.accueil .modal_container {
  max-width: 400px;
}



/* FIN FORMULAIRE */

/* men,u langue */
#switch_lang {
  position : absolute;
  top: 10px;
  right: 10px;
}

#switch_lang a {
  color:#ffffff;
  text-decoration: none;
  display: inline-block;
  padding:0 5px;
}

#switch_lang a:hover {
  color:#00ff00;
}

 #switch_lang  a.lien_langue.active {
  color:#00ff00;
}

.activation_erreur {
  text-align: center;
}