.container {
    display: flex;
    align-items: flex-start; /* Pour aligner le formulaire et le logo en haut */
    justify-content: flex-start;
    padding: 0; /* Optionnel, pour un peu d'espacement */
}



/* Style du formulaire pour le maintenir en place */

        body {
            font-family: Arial, sans-serif;
            background-color: #f9f9f9;
            padding: 20px;
        }
        .form-container {
            background: #ffffff;
            padding: 10px;
            border-radius: 8px;
            max-width: 600px;
            width: 100%;
            margin: 0 15%;
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
        }
        h2 {
            text-align: center;
            color: #333;
        }
        .form-group {
            margin-bottom: 15px;
        }
        label {
            display: block;
            margin-bottom: 8px;
            color: #555;
        }
        input[type="text"],
        input[type="email"],
        input[type="tel"],
        input[type="date"],
        textarea {
            width: 100%;
            padding: 10px;
            border: 1px solid #ddd;
            border-radius: 4px;
            box-sizing: border-box;
        }
        textarea {
            height: 80px;
        }
        .radio-group {
            display: flex;
            gap: 10px;
        }
        .radio-group label {
            display: inline-flex;
            align-items: center;
        }
        button {
            background-color: #0073e6;
            color: white;
            padding: 10px 15px;
            border: none;
            border-radius: 4px;
            cursor: pointer;
            width: 100%;
        }
        button:hover {
            background-color: #005bb5;
        }
    .error{
        color:  red;
    }
    /* Style du conteneur du dropdown */
.dropdown-container {
    font-family: 'Arial', sans-serif;
    margin: 20px;
    text-align: center;
  }
  
  /* Style du label */
  .dropdown-container label {
    font-size: 18px;
    color: #333;
    margin-bottom: 10px;
    display: block;
  }
  
  /* Style du dropdown */
  .styled-dropdown {
    appearance: none; /* Supprime le style par défaut du navigateur */
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 200px;
    padding: 10px 15px;
    font-size: 16px;
    color: #333;
    background-color: #fff;
    border: 2px solid #004466;
    border-radius: 8px;
    cursor: pointer;
    outline: none;
    transition: border-color 0.3s, box-shadow 0.3s;
  }
  
  /* Style au survol */
  .styled-dropdown:hover {
    border-color: #ff9900;
  }
  
  /* Style lorsque le dropdown est actif */
  .styled-dropdown:focus {
    border-color: #ff9900;
    box-shadow: 0 0 8px rgba(255, 153, 0, 0.5);
  }
  
  /* Style des options */
  .styled-dropdown option {
    padding: 10px;
    background-color: #fff;
    color: #333;
  }
  
  /* Style des options au survol */
  .styled-dropdown option:hover {
    background-color: #004466;
    color: #fff;
  }