


.titre-insc-conn{
    text-align: center;
    margin-top: 100px;
    font-weight: bold;
  }
  .form-ins-con{
    max-width: 600px;
    padding: 10px;
    margin: 0 auto;
    background-color: white;
   /* height:300px; */
   
  }
  .form-ins-con input{
    width: 100%;
    padding: 0.9rem;
    margin: 0.3rem 0 22px 0;
    border: none;
    background: #f1f1f1;
    border-radius: 0.9rem 0.9rem;
  }
  .form-ins-con select{
    width: 100%;
    padding: 0.9rem;
    margin: 0.3rem 0 22px 0;
    border: none;
    background: #f1f1f1;
    border-radius: 0.9rem 0.9rem;
  }
  .form-ins-con .inputSubmit{
    background-color: #5B8E7D;
  }
  
     .form-popup {
      display: none;
      position: fixed;
     
      bottom: 0;
      top: 20px;
      margin-top: 50px;
      border: 3px solid #f1f1f1;
      z-index: 9;
      overflow: scroll;
      background-color: white;
      font-size: 15px;
      
    }
    
    
  
    .form-container {
      max-width: 400px;
      padding: 10px;
      margin-top: 50px;
      background-color: white;
     height:300px;
    }

    .form-container input[type=text],
    textarea,
    input[type=file],
    input[type=date],
    input[type=password] {
      width: 100%;
      padding: 0.9rem;
      margin: 0.3rem 0 22px 0;
      border: none;
      background: #f1f1f1;
    }
    .form-container .btn {
      background-color: #04AA6D;
      color: white;
      padding: 16px 20px;
      border: none;
      cursor: pointer;
      width: 100%;
      margin-bottom:10px;
      font-size: 15px;
      opacity: 0.8;
    }
  
    .form-container .cancel {
      background-color: red;
    }
    /* input de recherche */
    .search-form {
        text-align: center; 
      }
      
      .search-container {
        display: flex;
        align-items: center;
        position: relative;
        max-width: 940px; 
        margin: 0 auto;
        
      }
      
      .search-icon {
        position: absolute;
        left: 10px; 
        top: 50%;
        transform: translateY(-50%);
      }
      
      .search-input {
        flex: 1;
        padding: 10px 30px 10px 30px; 
        border: 1px solid #ccc;
        border-radius: 15px;
        background-color:#5B8E7D;
      }
      
      .search-button {
        padding: 10px 20px; 
        background-color: #5B8E7D;
        color: #fff;
        border: none;
        border-radius: 15px;
        cursor: pointer;
        margin-left: 10px; 
      }