/* ==========================
   Formulaire demande de devis
========================== */

.form-table {
    width: 100%;
    border-collapse: collapse;
}

.form-table td {
    padding: 8px;
    vertical-align: top;
}

.form-table input,
.form-table textarea,
.form-table select {
    width: 100%;
    max-width: 450px;

    padding: 10px;

    font-size: 15px;

    border: 1px solid #b8c7d9;
    border-radius: 5px;

    box-sizing: border-box;
}

/* Menus déroulants */

.form-table select {
    background: #eaf4ff;
    border: 2px solid #005fa3;
    font-weight: 600;
    cursor: pointer;
}

.form-table select:focus {
    border-color: #ff6600;
    background: #ffffff;
    outline: none;
}

/* Champs texte */

.form-table input:focus,
.form-table textarea:focus {
    border-color: #005fa3;
    outline: none;
}

/* Bouton envoyer */

.form-table + button,
button[type="submit"] {

    background: #005fa3;
    color: #fff;

    border: none;
    border-radius: 5px;

    padding: 12px 25px;

    font-size: 16px;
    font-weight: bold;

    cursor: pointer;
}

button[type="submit"]:hover {
    background: #00457a;
}

/* Bouton ajouter fichier */

button[type="button"] {

    background: #f0f0f0;

    border: 1px solid #ccc;
    border-radius: 4px;

    padding: 8px 15px;

    cursor: pointer;
}

button[type="button"]:hover {
    background: #e0e0e0;
}

/* Messages */

.success-message {

    background: #dff0d8;

    border: 1px solid #b2dba1;

    color: #3c763d;

    padding: 15px;

    margin-bottom: 20px;

    border-radius: 5px;
}

.error-message {

    background: #f2dede;

    border: 1px solid #ebccd1;

    color: #a94442;

    padding: 15px;

    margin-bottom: 20px;

    border-radius: 5px;
}

/* Titres sections */

.form-table h3 {

    color: #005fa3;

    border-bottom: 2px solid #005fa3;

    padding-bottom: 5px;

    margin-top: 20px;
}

.required {
    color: #d40000;
    font-weight: bold;
}