.form_stosve {
    width:100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.form_base > div {  
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.form_stosve label {  
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.form_stosve > div > input, select, textarea {  
    flex:2;
}

.form_stosve .field-group {  
    display: flex;
    flex-direction: column;
    flex:1;
    min-width:200px;  
    padding: 1rem;
    margin: 1rem;  
    background-color: #1e40af10;
    border-radius: 1rem;
}

.form_stosve small {    
    font-size: 10px;
}

.form_stosve .helptext {    
    font-size: 10px;
}

.form_stosve .field-checkbox {  
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    text-align: left;
    margin-bottom: 1.5rem;
    margin-top: 1.5rem;
    background-color: #1e40af10;
    border: solid #1e40af; /* Définit la couleur et le style des bordures */
    border-width: 1px 1px 4px 1px; /* Épaisseur : haut, droite, bas, gauche */
    outline: none;
    padding:4px;  
    padding-right: 4rem;  
    appearance: none;
    -webkit-appearance: none;
}

.form_stosve .field-checkbox > label {  
    flex:2;  
    width: 50%;
    text-decoration: underline;
    font-size: larger;
}

.form_stosve .field-checkbox > input, select, textarea {  
    flex:1;
    width: 50%;
}

.form_stosve .field-multi-checkbox {
    display: flex;
    flex-direction: column;
    text-align: left;
    width: 100%;
    margin-bottom: 1.5rem;
    margin-top: 1.5rem;
    background-color: #1e40af10;
    border: solid #1e40af; /* Définit la couleur et le style des bordures */
    border-width: 1px 1px 4px 1px; /* Épaisseur : haut, droite, bas, gauche */
    outline: none;
    padding:4px;  
    padding-right: 4rem;  
    appearance: none;
    -webkit-appearance: none;
}

.form_stosve .form-multiple-checkbox-input {
    display: flex;
    flex-direction: row;
}

.form_stosve .field-multi-checkbox > div > div > label {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}


.form_stosve input[type="submit"] {
    align-items: center;
    text-align: center;
    display: block; /* Transforme en bloc pour que le margin fonctionne */
    margin: 0 auto;
    width: 50%;
    margin-bottom: 1.5rem;
    margin-top: 1.5rem;
    padding: 4px;
    background-color: #1e40af40;
}

.form_stosve input {
    text-align: left;
    margin-bottom: 0.5rem;
    margin-top: 0.5rem;
    background-color: #1e40af10;
    border: solid #1e40af;
      border-top-width: medium;
      border-right-width: medium;
      border-bottom-width: medium;
      border-left-width: medium;
    border-width: 1px 1px 4px 1px;
    outline: none;
    padding: 0.5rem;
}

.form_stosve select {
    text-align: left;
    width: 100%;
    margin-bottom: 0.5rem;
    margin-top: 0.5rem;
    padding: 0.5rem;
    background-color: #1e40af10;
    border: solid #1e40af; /* Définit la couleur et le style des bordures */
    border-width: 1px 1px 4px 1px; /* Épaisseur : haut, droite, bas, gauche */
    outline: none;
}

.form_stosve input:focus {
    background-color: #1e40af40;/* Change la couleur de la bordure en rouge foncé au focus */
  }

.form_stosve textarea {
    font-style: italic;
    background-color: #1e40af10;
    margin-bottom: 0.5rem;
    margin-top: 0.5rem;
    padding: 0.5rem;    
    border: solid #1e40af; /* Définit la couleur et le style des bordures */
    border-width: 1px 1px 4px 1px; /* Épaisseur : haut, droite, bas, gauche */
    outline: none;
}

.form_stosve fieldset {
    background-color:#89898910;
    border: 1px solid #1e40af;
    width:100%;
}

.form_stosve legend {
    padding:4px;
    background-color:#1e40af30;
    border: 1px solid #1e40af;
    font-weight: 800;
}


.form_base > div {  
    display: flex;
    flex-direction: column;
    justify-content: center;
}