@media (max-width: 1023px) {
    /*formulaire*/
    #logInternaute #logDevisEnCours, #logInternaute #logDejaPreleve, #logInternaute #logMultiDevis {
        margin: 10px 0px;
    }

    #FCONTACT h2 span {
        display: inline-block;
        margin: 2px 0;
    }

    #FRISQUE .descRisqueAssure {
        display: block;
        width: 100%;
    }


    #infoTarif div strong {
        font-size: 16px !important;
    }

    img.detail {
        padding-top: 4px !important;
    }
}

@media (max-width: 767px) {

    body {
        font-size: 14px;
    }

    .divSouscription {
        margin: 0 -5px;
        padding: 5px;
    }

    /*formulaire*/
    #FCONTEXTE #etapeprojet {
        margin-left: 0px;
        width: 80%;
    }

    #FRISQUE .toujours-table td:nth-child(2n) {
        white-space: nowrap;
    }

    #FRISQUE .descRisqueAssure .toujours-table td:nth-child(2n+1) {
        width: 40%;
    }

    #FPRETS div[id*=defPret] input, #FPRETS div[id*=defPret] select {
        min-width: 50%;
        max-width: 100%;
    }

    #FBANQUEPRELEVEE > .divBordure > .row .form-group .text-center {
        text-align: left;
    }

    #FQS input[type=text] {
        width: 100%;
    }

    #FQS label + input[type=text] {
        width: auto;
    }

    input, select {
        font-size: 16px;
    }

    /*validation*/
    input.btValide, input.btAnnule, input.btModifie, input.btSaisie {
        line-height: 1em;
    }

    #divBtDoc h3 {
        height: 41px;
    }

    img.detail {
        padding-top: 0px !important;
    }

    .statusDoc::before {
        content: "" !important;
        font-weight: bold;
    }

    #divAction input {
        width: auto;
        max-width: none;
    }

    #divAction #divImpDossier img {
        width: 35px;
    }

    #divFicheConseil, #divMonAssurance, #divAtransmettre {
        min-height: inherit !important;
        border-bottom: 1px solid #DDD;
        padding-bottom: 10px;
        padding-top: 10px;
    }

    #divFicheConseil p, #divMonAssurance p, #divAtransmettre p,
    #divFicheConseil h3, #divMonAssurance h3, #divAtransmettre h3 {
        margin: 0 !important;
    }

    footer {
        padding: 5px 0px;
    }

    footer .nav-pills {
        float: left;
        font-size: 12px;
    }

    footer .nav-pills > li {
        float: none;
    }

    footer .nav > li > a {
        padding: 2px 5px;
    }

    #divSocial .h2 {
        font-size: 12px;
        margin: 0px;
    }

    .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
        padding: 4px;
    }

    article .table{
        font-size: .9em;
    }

}