#devis_form .line_100{
    clear: both;
}

#devis_form .line_50{
    float: left;
    width: 50%;
}

#devis_form label{
    display: block;
    max-width: unset;
}

#devis_form .line_50 input{
    
}

/*#devis_form input, #devis_form select{
    width: 300px;
    margin: 0 0 12px;
}*/

#devis_form textarea{
    margin: 0 0 12px;
}

#devis .success, #devis .error{
    margin: 0 0 20px 0;
}

#devis .form-group.hide {
    visibility: hidden; 
    height: auto;  /* Maintient l'espace pour l'élément */
    transition: visibility 0.3s, opacity 0.3s ease; /* Transition fluide */
}

#devis h1 a{
    color:#fff;
    text-decoration: underline;
}

#devis .form-wrapper .form-header strong {
    font-size: 30px;
}

#devis_form .form-group input[type="text"], #devis_form .form-group input.form-control, #devis_form .form-group select.form-control, #devis_form .form-group textarea.form-control {
    background-color: #F0F0F0;
    border-color: #F0F0F0;
}

@media (max-width: 979px) {
    #devis_form .line_50{
        float: none;
        width: 100%;
    }
}

@media (min-width: 1200px) {
    #devis form#devis_form {
        margin-top: 50px;
    }
    #devis #devis_form .col-sm-9 {
        max-width: 73%;
        padding: 0;
    }
    #devis #devis_form .row .col-sm-4 {
        flex: 0 0 25%;
        max-width: 25%;
    }
    #devis #devis_form div.col-sm-8 {
        max-width: unset;
        padding-left: 0;
    }
    #devis #devis_form .form-group.contact-form .form-group {
        width: 34%;
    }
    #devis #devis_form .form-group.contact-form .form-group:last-child .col-sm-8 {
        padding: 0;
    }
    #devis #devis_form .form-group.contact-form {
        display: flex;
        max-width: 73%;
    }
}