html,body {
    font-size: 1.2em;
  }
  
  input {
    margin: 5px;
  }
  
  .titre {
    text-align: center;
    margin: 50px auto;
  
    font:normal normal 350 2.5em 'Open Sans';
    text-decoration:none; 
    font-weight: bold;
  }
  
  .conteneur {
    margin: 80px auto;
    width: 450px;
    padding: 10px;
    border: 4px;
    border-style: solid;
    border-color:rgb(90, 90, 90);
    border-radius: 15px;
    text-align: center;
  }
  
  .connecter{
    text-align: center;
    display:inline-block;
    
    font:normal normal 350 1.5em 'Open Sans';
    text-decoration:none; 
    
    color:rgb(83, 83, 83);
    background-color: transparent;
    border: 1px solid rgb(83, 83, 83);
    border-radius: 15px;
    
    padding: .3em 1.2em;
    margin-top:10px;
  
    background-image: rgb(83, 83, 83);
  }
  
  form {
    /*position: relative;*/
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
  
  }
  
  
  
  
  input[type=text],input[type='password']{
    
    display:inline-block;
  
    
    font:normal normal 300 1.3em 'Open Sans';
    text-decoration:none; 
  
    color:rgb(83, 83, 83);
    background-color: transparent;
    border:1px solid rgb(83, 83, 83);
    border-radius:100px;
  
    padding: .3em 1.2em;
    margin:10px;
  
  }
  
  input[type=submit]{
    display:inline-block;
    
    font:normal normal 300 1.3em 'Open Sans';
    text-decoration:none; 
    
    color:rgb(83, 83, 83);
    background-color: transparent;
    border:1px solid rgb(83, 83, 83);
    
    padding: .3em 1.2em;
    margin-top:10px;
        
    background-size: 200% 100%; 
    background-image: linear-gradient(to right, transparent 50%, rgb(83, 83, 83) 50%);
    transition: background-position .3s cubic-bezier(0.19, 1, 0.22, 1) .1s, color .5s ease 0s, background-color .5s ease;
  }
  
  input[type=submit]:hover{
    color:rgba(255, 255, 255, 1);
    background-color:rgba(83, 83, 83);
    background-position: -100% 100%;
  }

  .error {
    background-image: linear-gradient(to right, transparent 50%, rgba(236, 13, 13, 0.404) 50%);
  }