@font-face {
    font-family: 'Optima';
    src: url('../fonts/OPTIMA.TTF');
}

body{
    background: #ffffff;
}
i{
    color: #b3b3b3;
}
.mytexte{
    margin-top: 40px;
}
.my-texte-two{
    font-size: 1.3em;
    font-weight: 400;
    font-family:' Optima';
    color:#000000;
}
.my-texte-tree{
    font-size: 1.3em;
    font-weight: 400;
    font-family:' Optima';
    color:#b3b3b3;
}
h1{
    color:#b3b3b3;
    font-weight: 600;
    font-size: 2em;
    font-family : 'Optima';
    
  }
  hr{
    color: #888888;
    font-weight: 400;
    text-align: center;
    width: 40%;
    margin-top: 40px;
    margin-bottom: 40px;
 
    height: 3px;
  }

  h3{
    color: #000000;
    font-weight: 600;
    font-size: 1.4em;
    font-family : 'Optima';
  }
  ion-icon{
    color:  #b3b3b3;
  }
  .suivez{
    color:  #b3b3b3;
    font-weight: 200;
  }
  ion-icon{
    color: #b3b3b3;
   
    
  }
  .form-control{
    border-radius: 20px;
   /* border: #ededed 1px solid;*/
    text-align: center;
    background:#ededed;
    border-bottom-color: transparent;
    box-shadow: inset 0 -1px 0 0 transparent;
    align-items: center;
    text-align: center;
    
  }
  .myrow{
      margin: 0px;
      padding: 0px;
  }
  .error{
    text-align: center;
    font-size: 1rem;
  }
  .myinput{
    text-align: center;
  
   
  }
  h5{
    font-size: 1.6em;
    font-weight: 400;
    font-family:' Optima';
    color:#b3b3b3;
  }
 
  .input-cover{
    border-bottom-color: #ffffff;
  }
  .nous-contacter{
    text-decoration: underline; 
  }
  .nous-contacter-link{
    text-decoration: underline; 
    color:#000000;
  }