/*body 

*/
.login_form{
    font-family: Arial, Helvetica, sans-serif; 
    position: relative;
    top: 104px;
     width: 780px;
     height: 430px;
    margin: 0px auto;
  
    }

.lf_
{ 
   width: 50px;
   height: 100%;
 float: left;
  }



  .lf_info
{ 
   width: 370px;
  }

  .lf_info h1
  { 
margin-top: 70px;
    }


  .lf_separator
{ 
   width: 30px;
background-image: url(../img/shadow-a.png);
background-repeat: no-repeat;

  }


  .lf_formulaire
  { 
     width: 370px;

    }



 



input[type=text], input[type=password] {
    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    box-sizing: border-box;
  }
  
  button {
    background-color: #5034ee;
    color: white;
    padding: 14px 20px;
    margin: 8px 0;
    border: none;
    cursor: pointer;
    width: 100%;
  }
  
  button:hover {
    opacity: 0.8;
  }
  
 
  
  .imgcontainer {
    text-align: center;
    margin: 0px 0 5px 0;
 
  }
  
  img.avatar {
    width: 40%;
    border-radius: 50%;
    background-color: #21cc38;
  }
  
  .container {
    padding: 16px;
  }
  
  span.psw {
    float: right;
    padding-top: 16px;
  }