/* Styles communs pour le formulaire */
.form-section form {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.form-section form input{
  padding: 8px;
  margin-bottom: 10px; /* Espacement entre les champs */
  border: 1px solid #ccc;
  font-family: 'Montserrat', sans-serif;
  border-radius: 4px;
  padding: 10px;
  font-size: 16px;
}

.form-section form textarea {
    width: 100%;
    max-width: 600px;
    height: 130px; /* Ajustez la hauteur selon vos besoins */
    padding: 10px;
    margin-top: 5px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    resize: vertical; /* Permet à l'utilisateur de redimensionner verticalement le textarea */
}

.form-section form button {
    padding: 10px;
    background-color: #0077cc;
    color: white;
    border: none;
    cursor: pointer;
    font-size: 20px;
    font-weight: 600;
    border-radius: 10px;
    margin-top: 20px;
}

h3     
{

font-size: 20px;
    font-weight: 600;
    line-height: 1.4em;
    color: #4f5556;
    margin-bottom: 20px;
    
    }
    


/* Cacher le formulaire sur les appareils mobiles */
@media (max-width: 768px) {
  .form-section {
    display: none;
  }
  

  
  
  
  
}

/* Affichage côte à côte sur les écrans de bureau */
@media (min-width: 768px) {
  .main-content {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }

  .content-section, .form-section {
    flex: 1; /* S'assurer que le contenu et le formulaire utilisent l'espace disponible de manière équitable */
    margin: 0 10px; /* Ajoutez un peu d'espace entre les deux pour une meilleure lisibilité */
  }

  /* Optionnel: Ajustements supplémentaires pour une meilleure mise en page */
  .form-section {
    padding: 0px 0px 20px 75px;
    border-left:2px solid #00000014;

  }
  .main-content2
  {
    margin-top:-50px;

  }

  
}
