@font-face {
    font-family : 'montserratbold';
    src         : url('/fonts/montserrat-bold-webfont.eot');
    src         : url('/fonts/montserrat-bold-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/montserrat-bold-webfont.woff') format('woff'), url('/fonts/montserrat-bold-webfont.ttf') format('truetype'), url('/fonts/montserrat-bold-webfont.svg#montserratbold') format('svg');
    font-weight : normal;
    font-style  : normal;
}

@font-face {
    font-family : 'montserratregular';
    src         : url('/fonts/montserrat-regular-webfont.eot');
    src         : url('/fonts/montserrat-regular-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/montserrat-regular-webfont.woff') format('woff'), url('/fonts/montserrat-regular-webfont.ttf') format('truetype'), url('/fonts/montserrat-regular-webfont.svg#montserratregular') format('svg');
    font-weight : normal;
    font-style  : normal;
}

@font-face {
    font-family : 'source_sans_prolight';
    src         : url('/fonts/sourcesanspro-light-webfont.eot');
    src         : url('/fonts/sourcesanspro-light-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/sourcesanspro-light-webfont.woff') format('woff'), url('/fonts/sourcesanspro-light-webfont.ttf') format('truetype'), url('/fonts/sourcesanspro-light-webfont.svg#source_sans_prolight') format('svg');
    font-weight : normal;
    font-style  : normal;
}

@font-face {
    font-family : 'source_sans_prolight_italic';
    src         : url('/fonts/sourcesanspro-lightitalic-webfont.eot');
    src         : url('/fonts/sourcesanspro-lightitalic-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/sourcesanspro-lightitalic-webfont.woff') format('woff'), url('/fonts/sourcesanspro-lightitalic-webfont.ttf') format('truetype'), url('/fonts/sourcesanspro-lightitalic-webfont.svg#source_sans_prolight_italic') format('svg');
    font-weight : normal;
    font-style  : normal;
}

@font-face {
    font-family : 'source_sans_proregular';
    src         : url('/fonts/sourcesanspro-regular-webfont.eot');
    src         : url('/fonts/sourcesanspro-regular-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/sourcesanspro-regular-webfont.woff') format('woff'), url('/fonts/sourcesanspro-regular-webfont.ttf') format('truetype'), url('/fonts/sourcesanspro-regular-webfont.svg#source_sans_proregular') format('svg');
    font-weight : normal;
    font-style  : normal;
}

@font-face {
    font-family : 'source_sans_prosemibold';
    src         : url('/fonts/sourcesanspro-semibold-webfont.eot');
    src         : url('/fonts/sourcesanspro-semibold-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/sourcesanspro-semibold-webfont.woff') format('woff'), url('/fonts/sourcesanspro-semibold-webfont.ttf') format('truetype'), url('/fonts/sourcesanspro-semibold-webfont.svg#source_sans_prosemibold') format('svg');
    font-weight : normal;
    font-style  : normal;
}

.transition {
    -webkit-transition : all 0.4s ease;
    -moz-transition    : all 0.4s ease;
    -ms-transition     : all 0.4s ease;
    -o-transition      : all 0.4s ease;
    transition         : all 0.4s ease;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-box-shadow : 0 0 0 1000px #f2f3f7 inset;
    transition         : background-color 5000s ease-in-out 0s;
}

input:focus {
    outline : none;
}

body {
    margin           : 0;
    padding          : 0;
    background-color : #f2f2f2;
    font-family      : montserratregular, Verdana, Arial, sans-serif;
}

body .contenu {
    width     : 100%;
    max-width : 1000px;
    height    : 100%;
    margin    : auto;
}

body p {
    margin : 0;
}

body .sticky-menu {
    width              : 100%;
    height             : 70px;
    background-color   : #ffffff;
    position           : fixed;
    -moz-box-shadow    : 0 3px 10px 0 rgba(0, 0, 0, 0.2);
    -webkit-box-shadow : 0 3px 10px 0 rgba(0, 0, 0, 0.2);
    -o-box-shadow      : 0 3px 10px 0 rgba(0, 0, 0, 0.2);
    box-shadow         : 0 3px 10px 0 rgba(0, 0, 0, 0.2);
    filter             : progid:DXImageTransform.Microsoft.Shadow(rgba(0, 0, 0, 0.2), Direction=180, Strength=7);
    z-index            : 10;
    -webkit-transition : all 0.4s ease;
    -moz-transition    : all 0.4s ease;
    -ms-transition     : all 0.4s ease;
    -o-transition      : all 0.4s ease;
    transition         : all 0.4s ease;
    display            : none;
}

body .sticky-menu .logo {
    float       : left;
    width       : 40%;
    line-height : 66px;
    height      : 70px;
    text-align  : center;
}

body .sticky-menu .logo img {
    height         : 60px;
    vertical-align : middle;
}

body .sticky-menu .tel {
    float       : right;
    width       : 40%;
    line-height : 70px;
    text-align  : center;
    height      : 70px;
}

body .sticky-menu .tel div {
    width   : 50%;
    float   : left;
    height  : 40px;
    padding : 13px 0;
}

body .sticky-menu .tel div p {
    line-height : 20px;
    margin      : 0;
    text-align  : justify;
    width       : 100%;
}

body .sticky-menu .tel div p#tel1 {
    color       : #13c4df;
    font-size   : 17px;
    font-family : montserratbold, Verdana, Arial, sans-serif;
    padding-top : 2px;
}

body .sticky-menu .tel div p#tel2 {
    color       : #4a5b76;
    font-size   : 16px;
    padding-top : 2px;
}

body .sticky-menu .tel div p#tel3 {
    color       : #ff8101;
    font-size   : 22px;
    font-family : montserratbold, Verdana, Arial, sans-serif;
}

body .sticky-menu .tel div p#tel4 {
    color       : #4a5b76;
    font-size   : 10px;
    padding-top : 6px;
}

@media (max-width : 1000px) {
    body .sticky-menu .tel {
        width : auto;
    }

    body .sticky-menu .tel div {
        width        : auto;
        margin-right : 10px;
    }

    body .sticky-menu .tel div p#tel1 {
        font-size : 15px;
    }

    body .sticky-menu .tel div p#tel2 {
        font-size : 14px;
    }

    body .sticky-menu .tel div p#tel3 {
        font-size : 20px;
    }

    body .sticky-menu .tel div p#tel4 {
        font-size : 10px;
    }
}

@media (max-width : 580px) {
    body .sticky-menu {
        height     : 140px;
        text-align : center;
    }

    body .sticky-menu .logo {
        width         : 100%;
        border-bottom : 1px solid #f2f2f2;
        height        : 80px;
        line-height   : 80px;
    }

    body .sticky-menu .tel {
        width       : auto;
        float       : none;
        margin      : auto;
        display     : inline-block;
        height      : 60px;
        line-height : 60px;
    }

    body .sticky-menu .tel div {
        width        : auto;
        margin-right : 10px;
        padding      : 9px 0;
    }

    body .sticky-menu .tel div p#tel1 {
        font-size : 13px;
    }

    body .sticky-menu .tel div p#tel2 {
        font-size : 12px;
    }

    body .sticky-menu .tel div p#tel3 {
        font-size : 18px;
    }

    body .sticky-menu .tel div p#tel4 {
        font-size : 9px;
    }
}

body .entete-page {
    float              : left;
    width              : 100%;
    background-color   : #ffffff;
    height             : 130px;
    z-index            : 2;
    position           : relative;
    -moz-box-shadow    : 0 3px 10px 0 rgba(0, 0, 0, 0.2);
    -webkit-box-shadow : 0 3px 10px 0 rgba(0, 0, 0, 0.2);
    -o-box-shadow      : 0 3px 10px 0 rgba(0, 0, 0, 0.2);
    box-shadow         : 0 3px 10px 0 rgba(0, 0, 0, 0.2);
    filter             : progid:DXImageTransform.Microsoft.Shadow(rgba(0, 0, 0, 0.2), Direction=180, Strength=7);
}

body .entete-page .logo-top {
    float       : left;
    width       : 40%;
    text-align  : left;
    line-height : 130px;
}

body .entete-page .logo-top img {
    vertical-align : middle;
    margin-left    : 5%;
}

body .entete-page .conseillers {
    float       : left;
    width       : 60%;
    text-align  : left;
    height      : 100%;
    line-height : 130px;
}

body .entete-page .conseillers .image {
    float       : left;
    height      : 100%;
    line-height : 130px;
    width       : 30%;
    text-align  : center;
}

body .entete-page .conseillers .image img {
    vertical-align : bottom;
}

body .entete-page .conseillers .textes {
    width          : 70%;
    vertical-align : middle;
    display        : inline-block;
}

body .entete-page .conseillers .textes div {
    width  : 50%;
    float  : left;
    height : 40px;
}

body .entete-page .conseillers .textes div p {
    line-height : 20px;
    margin      : 0;
    text-align  : justify;
    width       : 100%;
}

body .entete-page .conseillers .textes div p#txt1 {
    color       : #13c4df;
    font-size   : 17px;
    font-family : montserratbold, Verdana, Arial, sans-serif;
    padding-top : 2px;
}

body .entete-page .conseillers .textes div p#txt2 {
    color       : #4a5b76;
    font-size   : 16px;
    padding-top : 2px;
}

body .entete-page .conseillers .textes div p#txt3 {
    color       : #ff8101;
    font-size   : 22px;
    font-family : montserratbold, Verdana, Arial, sans-serif;
}

body .entete-page .conseillers .textes div p#txt4 {
    color       : #4a5b76;
    font-size   : 10px;
    padding-top : 6px;
}

body .content-page {
    float              : left;
    width              : 100%;
    z-index            : 1;
    position           : relative;
    -moz-box-shadow    : 0 3px 10px 0 rgba(0, 0, 0, 0.2);
    -webkit-box-shadow : 0 3px 10px 0 rgba(0, 0, 0, 0.2);
    -o-box-shadow      : 0 3px 10px 0 rgba(0, 0, 0, 0.2);
    box-shadow         : 0 3px 10px 0 rgba(0, 0, 0, 0.2);
    filter             : progid:DXImageTransform.Microsoft.Shadow(rgba(0, 0, 0, 0.2), Direction=180, Strength=7);
}

body .content-page .bloc-image {
    float           : left;
    width           : 100%;
    height          : 550px;
    background      : url('/images/front/landing-page/devis/bg-page.jpg') no-repeat center top;
    background-size : cover;
}

body .content-page .bloc-image .contenu {
    height   : 550px;
    position : relative;
}

body .content-page .bloc-image .contenu .bloc-gauche {
    position : absolute;
    top      : 0;
    bottom   : 0;
    left     : 0;
    width    : 50%;
}

body .content-page .bloc-image .contenu .bloc-gauche .bloc-devis-gratuit {
    width           : 400px;
    height          : 171px;
    background      : url('/images/front/landing-page/devis/bg-devis-gratuit.png') no-repeat center;
    background-size : cover;
    position        : absolute;
    top             : 0;
    left            : 0;
    color           : #ffffff;
}

body .content-page .bloc-image .contenu .bloc-gauche .bloc-devis-gratuit .txt-devis {
    display : inline-block;
    margin  : 25px 40px;
}

body .content-page .bloc-image .contenu .bloc-gauche .bloc-devis-gratuit .txt-devis p {
    font-size   : 32px;
    font-family : montserratbold, Verdana, Arial, sans-serif;
    margin      : 0;
}

body .content-page .bloc-image .contenu .bloc-gauche .bloc-devis-gratuit .txt-devis span {
    margin    : 0;
    font-size : 18px;
}

body .content-page .bloc-image .contenu .bloc-gauche .bloc-promo {
    width    : 190px;
    height   : 130px;
    position : absolute;
    top      : 170px;
    left     : 120px;
}

body .content-page .bloc-image .contenu .bloc-gauche .bloc-promo .offre {
    font-size               : 23px;
    background              : -webkit-linear-gradient(#ffab03, #ff6f00);
    -webkit-background-clip : text;
    -webkit-text-fill-color : transparent;
    color                   : #ff8101;
    margin                  : 15px 0 0 10px;
    font-family             : montserratbold, Verdana, Arial, sans-serif;
}

body .content-page .bloc-image .contenu .bloc-gauche .bloc-promo .offre span.jusqua {
    font-size : 20px;
}

body .content-page .bloc-image .contenu .bloc-gauche .bloc-promo .offre span.pourcent {
    font-size : 33px;
}

body .content-page .bloc-image .contenu .bloc-gauche .bloc-promo .condition {
    font-size : 11px;
    color     : #ffffff;
    margin    : 10px 0 0 10px;
}

body .content-page .bloc-image .contenu .bloc-gauche .bloc-qualites {
    width    : 400px;
    height   : 120px;
    bottom   : 40px;
    left     : 80px;
    position : absolute;
}

body .content-page .bloc-image .contenu .bloc-gauche .bloc-qualites span {
    margin-bottom : 9px;
    color         : #ffffff;
    font-size     : 16px;
    float         : left;
    width         : 100%;
    position      : relative;
}

body .content-page .bloc-image .contenu .bloc-droit {
    position : absolute;
    width    : 50%;
    top      : 0;
    bottom   : 0;
    right    : 0;
}

body .content-page .bloc-image .contenu .bloc-droit * {
    -webkit-box-sizing : border-box;
    -moz-box-sizing    : border-box;
    box-sizing         : border-box;
}

body .content-page .bloc-image .contenu .bloc-droit .module-diagnostic {
    position   : absolute;
    width      : 90%;
    box-shadow : none;
    padding    : 0;
    margin     : 20% 5%;
}

body .content-page .bloc-image .contenu .bloc-droit .module-diagnostic .type_transaction {
    display  : block;
    height   : 51px;
    margin   : 0;
    position : relative;
    z-index  : 2;
}

body .content-page .bloc-image .contenu .bloc-droit .module-diagnostic .type_transaction .type {
    float              : left;
    width              : 50%;
    background-color   : #f2f3f7;
    padding            : 7px 0 7px 15px;
    border-top         : 3px solid transparent;
    border-bottom      : 3px solid #ffffff;
    color              : #858594;
    position           : relative;
    top                : 3px;
    border-top         : none;
    height             : 51px;
    -moz-box-shadow    : inset -4px -4px 8px 0 #dddddd;
    -webkit-box-shadow : inset -4px -4px 8px 0 #dddddd;
    -o-box-shadow      : inset -4px -4px 8px 0 #dddddd;
    box-shadow         : inset -4px -4px 8px 0 #dddddd;
}

body .content-page .bloc-image .contenu .bloc-droit .module-diagnostic .type_transaction .type.type_1.active {
    border-right-color : #ffffff;
    border-left        : 3px solid #ffffff;
}

body .content-page .bloc-image .contenu .bloc-droit .module-diagnostic .type_transaction .type.type_1.active input {
    margin-left : -3px;
}

body .content-page .bloc-image .contenu .bloc-droit .module-diagnostic .type_transaction .type.type_2 {
    border-left : 3px solid #ffffff;
}

body .content-page .bloc-image .contenu .bloc-droit .module-diagnostic .type_transaction .type.type_2.active {
    border-left-color : #ffffff;
    border-right      : 3px solid #ffffff;
}

body .content-page .bloc-image .contenu .bloc-droit .module-diagnostic .type_transaction .type.active {
    color               : #ffffff;
    box-shadow          : none;
    -moz-box-shadow     : none;
    -webkit-box-shadow  : none;
    -o-box-shadow       : none;
    border-top          : 3px solid #ffffff;
    background-color    : rgba(19, 196, 223, 0.6);
    border-bottom-color : transparent;
    top                 : 0;
}

body .content-page .bloc-image .contenu .bloc-droit .module-diagnostic .type_transaction .type.active:after {
    content          : "";
    width            : 3px;
    top              : -3px;
    right            : -3px;
    bottom           : -3px;
    position         : absolute;
    background-color : #ffffff;
}

body .content-page .bloc-image .contenu .bloc-droit .module-diagnostic .type_transaction .type.active:before {
    content          : "";
    width            : 3px;
    top              : -3px;
    left             : -3px;
    bottom           : -6px;
    position         : absolute;
    background-color : #ffffff;
}

body .content-page .bloc-image .contenu .bloc-droit .module-diagnostic .type_transaction .type input {
    margin : 11px 0 0 0;
}

body .content-page .bloc-image .contenu .bloc-droit .module-diagnostic .type_transaction .type label {
    float        : left;
    width        : 100%;
    position     : absolute;
    top          : 0;
    left         : 0;
    right        : 0;
    bottom       : 0;
    padding-left : 40px;
    padding-top  : 10px;
    cursor       : pointer;
}

body .content-page .bloc-image .contenu .bloc-droit .module-diagnostic .type_transaction .type label span {
    font-family : 'montserratregular', verdana, sans-serif;
    display     : block;
}

body .content-page .bloc-image .contenu .bloc-droit .module-diagnostic .type_transaction .type label span.label-first {
    font-size   : 11px;
    line-height : 11px;
}

body .content-page .bloc-image .contenu .bloc-droit .module-diagnostic .type_transaction .type label span.label-second {
    font-size   : 20px;
    line-height : 20px;
}

body .content-page .bloc-image .contenu .bloc-droit .module-diagnostic .middle {
    border-left      : 3px solid #ffffff;
    border-bottom    : 3px solid #ffffff;
    border-right     : 3px solid #ffffff;
    background-color : rgba(19, 196, 223, 0.6);
    padding          : 10px 15px 30px 15px;
    float            : left;
    z-index          : 1;
}

body .content-page .bloc-image .contenu .bloc-droit .module-diagnostic .middle .col-set-1,
body .content-page .bloc-image .contenu .bloc-droit .module-diagnostic .middle .col-set-2,
body .content-page .bloc-image .contenu .bloc-droit .module-diagnostic .middle .col-set-3 {
    width : 100%;
}

body .content-page .bloc-image .contenu .bloc-droit .module-diagnostic .middle .col-set-2 .col-1,
body .content-page .bloc-image .contenu .bloc-droit .module-diagnostic .middle .col-set-2 .col-2 {
    float : left;
    width : 49%;
}

body .content-page .bloc-image .contenu .bloc-droit .module-diagnostic .middle .col-set-2 .col-2 {
    margin-left : 2%;
}

body .content-page .bloc-image .contenu .bloc-droit .module-diagnostic .middle .col-set-1 .col-1 {
    width : 100%;
}

body .content-page .bloc-image .contenu .bloc-droit .module-diagnostic .middle .mooniform-selector,
body .content-page .bloc-image .contenu .bloc-droit .module-diagnostic .middle .mooniform-checker,
body .content-page .bloc-image .contenu .bloc-droit .module-diagnostic .middle .reponse-checkbox,
body .content-page .bloc-image .contenu .bloc-droit .module-diagnostic .middle .mooniform-button,
body .content-page .bloc-image .contenu .bloc-droit .module-diagnostic .middle .mooniform-radio,
body .content-page .bloc-image .contenu .bloc-droit .module-diagnostic .middle .mooniform-uploader {
    vertical-align : middle;
    zoom           : 1;
    width          : 100%;
    position       : relative;
}

body .content-page .bloc-image .contenu .bloc-droit .module-diagnostic .middle .mooniform-selector span,
body .content-page .bloc-image .contenu .bloc-droit .module-diagnostic .middle .mooniform-checker span,
body .content-page .bloc-image .contenu .bloc-droit .module-diagnostic .middle .reponse-checkbox span,
body .content-page .bloc-image .contenu .bloc-droit .module-diagnostic .middle .mooniform-button span,
body .content-page .bloc-image .contenu .bloc-droit .module-diagnostic .middle .mooniform-radio span,
body .content-page .bloc-image .contenu .bloc-droit .module-diagnostic .middle .mooniform-uploader span {
    background-color : #f2f3f7;
    border           : 1px solid #eeeeee;
    border-radius    : 4px;
    height           : 37px;
    width            : 100%;
    color            : #858594;
    font-size        : 11px;
    font-style       : italic;
    line-height      : 37px;
    display          : block;
    overflow         : hidden;
    text-overflow    : ellipsis;
    white-space      : nowrap;
}

body .content-page .bloc-image .contenu .bloc-droit .module-diagnostic .middle .mooniform-selector select,
body .content-page .bloc-image .contenu .bloc-droit .module-diagnostic .middle .mooniform-checker select,
body .content-page .bloc-image .contenu .bloc-droit .module-diagnostic .middle .reponse-checkbox select,
body .content-page .bloc-image .contenu .bloc-droit .module-diagnostic .middle .mooniform-button select,
body .content-page .bloc-image .contenu .bloc-droit .module-diagnostic .middle .mooniform-radio select,
body .content-page .bloc-image .contenu .bloc-droit .module-diagnostic .middle .mooniform-uploader select {
    position : absolute;
    opacity  : 0;
    height   : 37px;
    border   : none;
    width    : 100%;
    top      : 0;
    left     : 0;
    color    : #858594;
}

body .content-page .bloc-image .contenu .bloc-droit .module-diagnostic .middle .input-loc-field {
    position : relative;
}

body .content-page .bloc-image .contenu .bloc-droit .module-diagnostic .middle .input-loc-field .autocompl-loading {
    color    : #999999;
    font     : 12px/14px source_sans_proregular;
    padding  : 7px 0 5px 20px;
    float    : right;
    right    : 30px;
    top      : 5px;
    position : absolute;
    display  : none;
}

body .content-page .bloc-image .contenu .bloc-droit .module-diagnostic .middle .input-loc-field .autocompl-loading img {
    position : absolute;
    left     : 0;
    top      : 6px;
}

body .content-page .bloc-image .contenu .bloc-droit .module-diagnostic .middle .input-loc-field:after {
    content    : '';
    background : url('/images/front/landing-page/devis/sprite.png') 0 0 no-repeat;
    position   : absolute;
    top        : 10px;
    right      : 10px;
    width      : 12px;
    height     : 17px;
}

body .content-page .bloc-image .contenu .bloc-droit .module-diagnostic .field-wrapper {
    margin : 5px 0;
    float  : left;
}

body .content-page .bloc-image .contenu .bloc-droit .module-diagnostic .field-wrapper .field-text,
body .content-page .bloc-image .contenu .bloc-droit .module-diagnostic .field-wrapper .field-textarea {
    background-color : #f2f3f7;
    border           : 1px solid #eeeeee;
    border-radius    : 4px;
    padding-left     : 5px;
    height           : 37px;
    width            : 100%;
    color            : #858594;
    font-size        : 12px;
    font-style       : italic;
    line-height      : 37px;
}

body .content-page .bloc-image .contenu .bloc-droit .module-diagnostic .champs-obligatoires {
    float : left;
    width : 100%;
}

body .content-page .bloc-image .contenu .bloc-droit .module-diagnostic .champs-obligatoires span {
    color     : #ffffff;
    font-size : 10px;
}

body .content-page .bloc-image .contenu .bloc-droit .module-diagnostic .buttons-action {
    position : absolute;
    left     : 0;
    bottom   : -44px;
}

body .content-page .bloc-image .contenu .bloc-droit .module-diagnostic .buttons-action .button {
    overflow           : hidden;
    display            : block;
    margin             : auto;
    padding            : 0;
    cursor             : pointer;
    position           : relative;
    width              : auto;
    height             : 50px;
    line-height        : 46px;
    border-radius      : 10px;
    border             : 3px solid #ffffff;
    text-align         : center;
    background         : #ffab03;
    /* Old browsers */
    background         : -moz-linear-gradient(top, #ffab03 0%, #ff6f00 100%);
    /* FF3.6-15 */
    background         : -webkit-linear-gradient(top, #ffab03 0%, #ff6f00 100%);
    /* Chrome10-25,Safari5.1-6 */
    background         : linear-gradient(to bottom, #ffab03 0%, #ff6f00 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    -moz-box-shadow    : 0 3px 10px 0 rgba(0, 0, 0, 0.4);
    -webkit-box-shadow : 0 3px 10px 0 rgba(0, 0, 0, 0.4);
    -o-box-shadow      : 0 3px 10px 0 rgba(0, 0, 0, 0.4);
    box-shadow         : 0 3px 10px 0 rgba(0, 0, 0, 0.4);
    -webkit-transition : all 0.4s ease;
    -moz-transition    : all 0.4s ease;
    -ms-transition     : all 0.4s ease;
    -o-transition      : all 0.4s ease;
    transition         : all 0.4s ease;
}

body .content-page .bloc-image .contenu .bloc-droit .module-diagnostic .buttons-action .button:focus {
    outline : none;
}

body .content-page .bloc-image .contenu .bloc-droit .module-diagnostic .buttons-action .button:before {
    content            : "";
    position           : absolute;
    top                : 0;
    bottom             : 0;
    left               : 0;
    right              : 0;
    background         : #000000;
    opacity            : 0;
    border-radius      : 7px;
    -webkit-transition : all 0.4s ease;
    -moz-transition    : all 0.4s ease;
    -ms-transition     : all 0.4s ease;
    -o-transition      : all 0.4s ease;
    transition         : all 0.4s ease;
}

body .content-page .bloc-image .contenu .bloc-droit .module-diagnostic .buttons-action .button:hover:before {
    opacity : 0.2;
}

body .content-page .bloc-image .contenu .bloc-droit .module-diagnostic .buttons-action .button span {
    color          : #ffffff;
    font-family    : montserratregular, verdana, sans-serif;
    font-size      : 16px;
    padding        : 0 30px;
    text-transform : uppercase;
    position       : relative;
}

body .content-page .bloc-image .contenu .bloc-droit .module-diagnostic .buttons-action .button span:after {
    content    : "";
    width      : 13px;
    height     : 20px;
    position   : absolute;
    top        : 0;
    bottom     : 0;
    right      : 10px;
    background : url('/images/front/landing-page/devis/arrow-white.png') no-repeat center center;
}

body .content-page .bloc-image .contenu .bloc-droit .module-diagnostic .buttons-action .respect-vie-privee {
    display    : block;
    margin     : auto;
    width      : 270px;
    text-align : center;
}

body .content-page .bloc-image .contenu .bloc-droit .module-diagnostic .buttons-action .respect-vie-privee span {
    color     : #ffffff;
    font-size : 10px;
    margin    : 15px;
}

body .content-page .partenaires {
    background-color : #ffffff;
    height           : 160px;
    float            : left;
    width            : 100%;
    border-bottom    : 1px solid #dadee9;
}

body .content-page .partenaires p {
    width          : 100%;
    float          : left;
    text-align     : center;
    text-transform : uppercase;
    color          : #4a5b76;
    font-size      : 20px;
    font-family    : montserratbold, Verdana, Arial, sans-serif;
    margin         : 20px 0 0 0;
}

body .content-page .partenaires .logos {
    width  : 100%;
    float  : left;
    height : 100px;
    padding: 15px 0 45px;
}

body .content-page .partenaires .logos .partenaire {
    float          : left;
    width          : 16.66666667%;
    height         : 100%;
    line-height    : 100px;
    text-align     : center;
    vertical-align : middle;
    position: relative;
}

body .content-page .partenaires .logos .partenaire img {
    vertical-align : middle;
    max-height: 100%;
    max-width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    border: 0;
}

body .content-page .bloc-infos {
    float   : left;
    width   : 100%;
    padding : 20px 0;
}

body .content-page .bloc-infos .info {
    float              : left;
    width              : 30%;
    height             : 300px;
    background-color   : #ffffff;
    margin             : 2.5% 5% 2.5% 0;
    text-align         : center;
    -moz-box-shadow    : 0 2px 5px 0 rgba(0, 0, 0, 0.2);
    -webkit-box-shadow : 0 2px 5px 0 rgba(0, 0, 0, 0.2);
    -o-box-shadow      : 0 2px 5px 0 rgba(0, 0, 0, 0.2);
    box-shadow         : 0 2px 5px 0 rgba(0, 0, 0, 0.2);
    filter             : progid:DXImageTransform.Microsoft.Shadow(rgba(0, 0, 0, 0.2), Direction=180, Strength=7);
    border-radius      : 4px;
    overflow           : hidden;
}

body .content-page .bloc-infos .info.no-margin {
    margin-right : 0;
}

body .content-page .bloc-infos .info .icon-info {
    float       : left;
    width       : 100%;
    height      : 90px;
    line-height : 90px;
}

body .content-page .bloc-infos .info .icon-info img {
    vertical-align : middle;
}

body .content-page .bloc-infos .info .titre-info {
    float       : left;
    width       : 100%;
    height      : 60px;
    line-height : 60px;
}

body .content-page .bloc-infos .info .titre-info p {
    vertical-align : middle;
    margin         : 0;
    font-family    : montserratbold, Verdana, Arial, sans-serif;
    font-size      : 18px;
    line-height    : 25px;
    display        : inline-block;
}

body .content-page .bloc-infos .info .txt-info {
    float  : left;
    width  : 100%;
    height : 140px;
}

body .content-page .bloc-infos .info .txt-info span {
    width       : 94%;
    padding     : 3%;
    display     : block;
    font-size   : 12px;
    line-height : 22px;
    color       : #4a5b76;
}

body .content-page .bloc-infos .info.satisfaction .bloc-haut {
    float      : left;
    width      : 100%;
    height     : 200px;
    background : url('/images/front/landing-page/devis/bg-satisfaction.jpg') no-repeat center top;
    position   : relative;
}

body .content-page .bloc-infos .info.satisfaction .bloc-haut .etoiles {
    height           : 45px;
    line-height      : 45px;
    position         : absolute;
    bottom           : 0;
    left             : 0;
    right            : 0;
    background-color : rgba(74, 91, 118, 0.75);
}

body .content-page .bloc-infos .info.satisfaction .bloc-bas {
    float   : left;
    width   : 100%;
    color   : #4a5b76;
    padding : 13px 0;
}

body .content-page .bloc-infos .info.satisfaction .bloc-bas p {
    width       : 74%;
    margin      : 0 13%;
    float       : left;
    font-size   : 20px;
    font-family : montserratbold, Verdana, Arial, sans-serif;
    text-align  : left;
}

body .content-page .bloc-infos .info.satisfaction .bloc-bas span {
    width      : 74%;
    margin     : 2% 13%;
    float      : left;
    font-size  : 15px;
    text-align : left;
}

body .content-page .bloc-infos .info.video {
    width           : 65%;
    background      : url('/images/front/landing-page/devis/bg-video.jpg') no-repeat center;
    background-size : cover;
    line-height     : 300px;
}

body .content-page .bloc-infos .info.video .infos-video {
    width          : 100%;
    height         : 200px;
    vertical-align : middle;
    display        : inline-block;
    cursor         : pointer;
}

body .content-page .bloc-infos .info.video .infos-video .txt-video {
    width      : 100%;
    float      : left;
    height     : 100px;
    color      : #ffffff;
    text-align : center;
}

body .content-page .bloc-infos .info.video .infos-video .txt-video p {
    width       : 100%;
    line-height : 30px;
    margin      : 0;
    font-size   : 16px;
}

body .content-page .bloc-infos .info.video .infos-video .txt-video p:first-child {
    font-size   : 22px;
    font-family : montserratbold, Verdana, Arial, sans-serif;
    margin-top  : 30px;
}

body .content-page .bloc-infos .info.video .infos-video .bouton-video {
    width              : 100%;
    float              : left;
    height             : 100px;
    line-height        : 100px;
    text-align         : center;
    opacity            : 0.7;
    -webkit-transition : all 0.4s ease;
    -moz-transition    : all 0.4s ease;
    -ms-transition     : all 0.4s ease;
    -o-transition      : all 0.4s ease;
    transition         : all 0.4s ease;
}

body .content-page .bloc-infos .info.video:hover .infos-video .bouton-video {
    opacity : 1;
}

body .pied-page {
    float            : left;
    width            : 100%;
    background-color : #4a5b76;
    position         : relative;
    z-index          : 0;
    padding          : 30px 0;
}

body .pied-page p {
    color         : #ffffff;
    font-size     : 13px;
    text-align    : justify;
    margin-bottom : 15px;
    float         : left;
    line-height   : 20px;
    font-family   : source_sans_prolight, Verdana, Arial, sans-serif;
}

body .pied-page p.titre-pdp {
    font-size   : 19px;
    font-family : source_sans_prosemibold, Verdana, Arial, sans-serif;
}

body .pied-page p.txt2-pdp {
    font-size : 11px;
}

body .pied-page p.copyright {
    font-size   : 15px;
    font-family : source_sans_proregular, Verdana, Arial, sans-serif;
}

body .pied-page p.liens-pdp {
    font-size   : 15px;
    float       : right;
    font-family : source_sans_proregular, Verdana, Arial, sans-serif;
}

body .pied-page p.liens-pdp a {
    margin-left     : 5px;
    text-decoration : none;
}

body .pied-page p.liens-pdp a:first-child {
    margin-right : 5px;
}

body .pied-page p.liens-pdp a:hover {
    text-decoration : underline;
}

body .pied-page p a {
    color : #ffffff;
}

body .bg-video {
    top              : 0;
    left             : 0;
    bottom           : 0;
    right            : 0;
    background-color : rgba(0, 0, 0, 0.7);
    opacity          : 0;
    display          : none;
    z-index          : 100;
    position         : fixed;
    text-align       : center;
}

body .bg-video .bloc-video {
    width            : 90%;
    max-width        : 800px;
    height           : 400px;
    position         : absolute;
    top              : 50%;
    margin-top       : -200px;
    left             : 50%;
    margin-left      : -400px;
    background-color : #000000;
}

body .bg-video .bloc-video iframe {
    width   : 96%;
    height  : 92%;
    padding : 2%;
}

body .bg-video .bloc-video:after {
    content       : "Fermer X";
    position      : absolute;
    top           : 2px;
    right         : 3px;
    border-radius : 30px;
    text-align    : center;
    font-size     : 12px;
    color         : #ffffff;
    cursor        : pointer;
}

@media (min-width : 1601px) {
    body .content-page .bloc-image {
        background-size : 100% 100%;
    }

    body .content-page .bloc-image .contenu .bloc-gauche .bloc-promo {
        left : 20%;
    }
}

@media (max-width : 1000px) {
    body .contenu {
        width : 98%;
    }

    body .content-page .bloc-image {
        background-position : -290px top;
    }

    body .content-page .bloc-image .contenu .bloc-gauche .bloc-devis-gratuit {
        left : 15px;
    }

    body .content-page .bloc-image .contenu .bloc-gauche .bloc-qualites {
        bottom : 70px;
        left   : 70px;
    }

    body .content-page .partenaires .logos .partenaire img {
        vertical-align : middle;
        max-width      : 90%;
    }

    body .content-page .bloc-infos .info .titre-info {
        height      : 50px;
        line-height : 50px;
    }

    body .content-page .bloc-infos .info .txt-info span {
        font-size   : 11px;
        line-height : 22px;
    }

    body .bg-video .bloc-video {
        margin-left : 5%;
        max-width   : inherit;
        left        : 0;
    }
}

@media (max-width : 930px) {
    body .entete-page .conseillers {
        float : right;
        width : 50%;
    }

    body .entete-page .conseillers .textes {
        width       : 65%;
        margin-left : 5%;
    }

    body .entete-page .conseillers .textes div {
        width      : 100%;
        float      : left;
        height     : auto;
        margin-top : 5px;
    }

    body .content-page .bloc-infos .info.satisfaction .bloc-haut {
        background-size : cover;
    }

    body .content-page .bloc-infos .info.satisfaction .bloc-haut .etoiles {
        height      : auto;
        line-height : inherit;
    }

    body .content-page .bloc-infos .info.satisfaction .bloc-haut .etoiles img {
        width : 15%;
    }

    body .content-page .bloc-infos .info.satisfaction .bloc-bas {
        padding    : 0;
        margin-top : 10px;
    }

    body .content-page .bloc-infos .info.satisfaction .bloc-bas p {
        width     : 80%;
        margin    : 0 10%;
        font-size : 18px;
    }

    body .content-page .bloc-infos .info.satisfaction .bloc-bas span {
        width     : 80%;
        margin    : 2% 10%;
        font-size : 14px;
    }
}

@media (max-width : 840px) {
    body .content-page .bloc-image .contenu .bloc-droit .module-diagnostic {
        position : absolute;
        width    : 90%;
        right    : 0;
        margin   : 2% 0;
    }

    body .content-page .bloc-image .contenu .bloc-droit .module-diagnostic .middle .col-set-2 .col-1,
    body .content-page .bloc-image .contenu .bloc-droit .module-diagnostic .middle .col-set-2 .col-2 {
        float : left;
        width : 100%;
    }

    body .content-page .bloc-image .contenu .bloc-droit .module-diagnostic .middle .col-set-2 .col-2 {
        margin-left : 0;
        margin-top  : 10px;
    }

    body .content-page .bloc-image .contenu .bloc-droit .module-diagnostic .buttons-action .button span {
        font-size : 15px;
    }

    body .content-page .bloc-image .contenu .bloc-droit .module-diagnostic .buttons-action .button span:after {
        height          : 17px;
        background-size : contain;
    }

    body .content-page .bloc-image .contenu .bloc-gauche .bloc-devis-gratuit {
        background-size     : 100%;
        background-position : top center;
        width               : 100%;
    }

    body .content-page .bloc-image .contenu .bloc-gauche .bloc-devis-gratuit .txt-devis {
        margin : 7%;
    }

    body .content-page .bloc-image .contenu .bloc-gauche .bloc-qualites {
        bottom : 70px;
        left   : 30px;
    }

    body .content-page .bloc-image .contenu .bloc-gauche .bloc-qualites span {
        font-size : 15px;
    }

    body .content-page .bloc-infos .info {
        width  : 32%;
        margin : 1% 2% 1% 0;
    }

    body .content-page .bloc-infos .info .titre-info {
        height      : 40px;
        line-height : 40px;
    }

    body .content-page .bloc-infos .info .titre-info p {
        font-size   : 13px;
        line-height : 20px;
    }

    body .content-page .bloc-infos .info .icon-info {
        height      : 80px;
        line-height : 80px;
    }

    body .content-page .bloc-infos .info .icon-info img {
        height : 60%;
    }

    body .content-page .bloc-infos .info .txt-info span {
        width       : 96%;
        padding     : 2%;
        display     : block;
        font-size   : 11px;
        line-height : 20px;
    }

    body .content-page .bloc-infos .info.video {
        width : 66%;
    }
}

@media (max-width : 680px) {
    body .entete-page .conseillers {
        width : 60%;
    }

    body .content-page .bloc-image {
        height : 570px;
    }

    body .content-page .bloc-image .contenu .bloc-gauche {
        position : relative;
        width    : 100%;
        height   : auto;
        float    : left;
    }

    body .content-page .bloc-image .contenu .bloc-gauche .bloc-devis-gratuit {
        width           : 60%;
        float           : left;
        position        : relative;
        background      : url('/images/front/landing-page/devis/bg-devis-gratuit2.png') no-repeat top center;
        background-size : 100%;
        left            : 0;
    }

    body .content-page .bloc-image .contenu .bloc-gauche .bloc-devis-gratuit .txt-devis {
        margin : 6% 11%;
    }

    body .content-page .bloc-image .contenu .bloc-gauche .bloc-promo {
        width              : 34%;
        height             : auto;
        position           : relative;
        float              : right;
        right              : 0;
        left               : 0;
        top                : 0;
        margin             : 3%;
        background-color   : rgba(0, 0, 0, 0.7);
        border-radius      : 10px;
        text-align         : center;
        -moz-box-shadow    : 0 3px 10px 0 rgba(0, 0, 0, 0.2);
        -webkit-box-shadow : 0 3px 10px 0 rgba(0, 0, 0, 0.2);
        -o-box-shadow      : 0 3px 10px 0 rgba(0, 0, 0, 0.2);
        box-shadow         : 0 3px 10px 0 rgba(0, 0, 0, 0.2);
        filter             : progid:DXImageTransform.Microsoft.Shadow(rgba(0, 0, 0, 0.2), Direction=180, Strength=7);
    }

    body .content-page .bloc-image .contenu .bloc-gauche .bloc-promo .offre {
        margin : 4%;
    }

    body .content-page .bloc-image .contenu .bloc-gauche .bloc-promo .condition {
        margin : 4%;
    }

    body .content-page .bloc-image .contenu .bloc-gauche .bloc-qualites {
        display : none;
        bottom  : auto;
        left    : 30px;
        top     : 27%;
    }

    body .content-page .bloc-image .contenu .bloc-gauche .bloc-qualites span {
        text-shadow : 2px 2px 2px rgba(0, 0, 0, 0.4);
    }

    body .content-page .bloc-image .contenu .bloc-droit {
        width    : 100%;
        top      : -5px;
        bottom   : 0;
        left     : 0;
        right    : 0;
        position : relative;
        float    : left;
    }

    body .content-page .bloc-image .contenu .bloc-droit .module-diagnostic {
        position : relative;
        width    : 100%;
        right    : 0;
        margin   : 0;
    }

    body .content-page .bloc-image .contenu .bloc-droit .module-diagnostic .middle .col-set-2 .col-1,
    body .content-page .bloc-image .contenu .bloc-droit .module-diagnostic .middle .col-set-2 .col-2 {
        float : left;
        width : 49%;
    }

    body .content-page .bloc-image .contenu .bloc-droit .module-diagnostic .middle .col-set-2 .col-2 {
        margin-left : 2%;
        margin-top  : 0;
    }

    body .content-page .bloc-image .contenu .bloc-droit .module-diagnostic .middle {
        position : relative;
    }

    body .content-page .partenaires {
        height : auto;
    }

    body .content-page .partenaires .logos {
        width  : 90%;
        margin : 0 5%;
        float  : left;
        height : auto;
    }

    body .content-page .partenaires .logos .partenaire {
        width       : 48%;
        margin      : 0 1%;
        height      : 80px;
        line-height : 80px;
    }

    body .content-page .bloc-infos .info {
        width  : 49%;
        margin : 1% 0 1% 0;
        height : 250px;
    }

    body .content-page .bloc-infos .info:first-child {
        margin-right : 2%;
    }

    body .content-page .bloc-infos .info.no-margin {
        margin-right : 2%;
    }

    body .content-page .bloc-infos .info.video {
        margin-right : 0;
        width        : 100%;
        height       : 300px;
    }

    body .content-page .bloc-infos .info .icon-info {
        height      : 70px;
        line-height : 70px;
    }

    body .content-page .bloc-infos .info.satisfaction .bloc-haut {
        height : 160px;
    }
}

@media (max-width : 600px) {
    body .entete-page .conseillers .image {
        display : none;
    }

    body .entete-page .conseillers .textes {
        float  : right;
        margin : 5% 0;
    }

    body .entete-page .conseillers .textes div p#txt1 {
        font-size : 16px;
    }

    body .entete-page .conseillers .textes div p#txt2 {
        font-size : 14px;
    }

    body .entete-page .conseillers .textes div p#txt3 {
        font-size : 20px;
    }

    body .content-page .bloc-image .contenu .bloc-gauche .bloc-devis-gratuit .txt-devis {
        margin : 5% 7%;
    }

    body .content-page .bloc-image .contenu .bloc-gauche .bloc-devis-gratuit .txt-devis p {
        font-size : 27px;
    }

    body .content-page .bloc-image .contenu .bloc-gauche .bloc-devis-gratuit .txt-devis span {
        font-size : 16px;
    }

    body .content-page .bloc-image .contenu .bloc-droit {
        top : -25px;
    }

    body .content-page .partenaires {
        height         : auto;
        padding-bottom : 10px;
    }

    body .content-page .partenaires .logos {
        width  : 100%;
        margin : 0;
    }

    body .content-page .partenaires .logos .partenaire {
        height      : 100px;
        line-height : 70px;
    }

    body .content-page .partenaires .logos .partenaire img {
        max-width  : 100%;
        max-height : 100%;
    }

    body .content-page .bloc-infos .info .icon-info {
        height      : 60px;
        line-height : 60px;
    }

    body .content-page .bloc-infos .info.video {
        height      : 250px;
        line-height : 250px;
    }

    body .content-page .bloc-infos .info.video .infos-video .txt-video {
        height : 90px;
    }

    body .content-page .bloc-infos .info.video .infos-video .txt-video p:first-child {
        margin-top : 10px;
    }

    body .pied-page .contenu {
        width : 96%;
    }

    body .pied-page p {
        font-size : 12px;
    }

    body .pied-page p.titre-pdp {
        font-size   : 17px;
        font-family : source_sans_prosemibold, Verdana, Arial, sans-serif;
    }

    body .pied-page p.copyright,
    body .pied-page p.liens-pdp {
        font-size : 13px;
    }

    body .bg-video .bloc-video {
        height     : 250px;
        margin-top : -125px;
    }
}

@media (max-width : 510px) {
    body .content-page .bloc-image .contenu .bloc-gauche .bloc-devis-gratuit .txt-devis {
        margin : 5% 6%;
    }

    body .content-page .bloc-image .contenu .bloc-gauche .bloc-devis-gratuit .txt-devis p {
        font-size : 25px;
    }

    body .content-page .bloc-image .contenu .bloc-gauche .bloc-devis-gratuit .txt-devis span {
        font-size : 14px;
    }

    body .content-page .bloc-image .contenu .bloc-gauche .bloc-promo {
        width  : 35%;
        margin : 2%;
    }

    body .content-page .bloc-image .contenu .bloc-gauche .bloc-promo .offre {
        font-size : 19px;
    }

    body .content-page .bloc-image .contenu .bloc-gauche .bloc-promo .offre span.jusqua {
        font-size : 16px;
    }

    body .content-page .bloc-image .contenu .bloc-gauche .bloc-promo .offre span.pourcent {
        font-size : 30px;
    }

    body .content-page .bloc-image .contenu .bloc-gauche .bloc-promo .condition {
        margin    : 5%;
        font-size : 9px;
    }

    body .content-page .bloc-infos .info.satisfaction .bloc-bas span {
        font-size : 13px;
    }
}

@media (max-width : 480px) {
    body .entete-page .conseillers .textes {
        width : 80%;
    }

    body .entete-page .conseillers .textes div p {
        text-align : right;
    }

    body .content-page .bloc-infos {
        padding : 1% 0;
    }

    body .content-page .bloc-infos .info {
        width    : 100%;
        margin   : 2% 0 2% 0;
        height   : 160px;
        position : relative;
    }

    body .content-page .bloc-infos .info .icon-info {
        height      : 50px;
        line-height : 50px;
        width       : 40px;
        margin      : 0 3%;
    }

    body .content-page .bloc-infos .info .icon-info img {
        height : 70%;
    }

    body .content-page .bloc-infos .info .titre-info {
        height      : 50px;
        line-height : 50px;
        width       : 80%;
        text-align  : left;
    }

    body .content-page .bloc-infos .info .txt-info {
        height     : auto;
        text-align : justify;
        border-top : 1px solid #f2f2f2;
    }

    body .content-page .bloc-infos .info.satisfaction .bloc-haut {
        height : 100%;
    }

    body .content-page .bloc-infos .info.satisfaction .bloc-haut .etoiles {
        height      : 45px;
        line-height : 45px;
    }

    body .content-page .bloc-infos .info.satisfaction .bloc-haut .etoiles img {
        width : auto;
    }

    body .content-page .bloc-infos .info.satisfaction .bloc-bas {
        position    : absolute;
        width       : 50%;
        right       : 0;
        color       : #ffffff;
        text-shadow : 2px 2px 2px rgba(0, 0, 0, 0.7);
    }

    body .content-page .bloc-infos .info.satisfaction .bloc-bas p {
        width     : 100%;
        margin    : 0;
        font-size : 20px;
    }

    body .content-page .bloc-infos .info.satisfaction .bloc-bas span {
        width     : 90%;
        margin    : 5px 0;
        font-size : 15px;
    }

    body .content-page .bloc-infos .info.video {
        height      : 200px;
        line-height : 200px;
    }

    body .content-page .bloc-infos .info.video .infos-video {
        height : 100%;
    }

    body .content-page .bloc-infos .info.video .infos-video .txt-video {
        height : 40%;
    }

    body .content-page .bloc-infos .info.video .infos-video .bouton-video {
        height : 60%;
    }
}

@media (max-width : 400px) {
    body .entete-page {
        height : auto;
    }

    body .entete-page .logo-top {
        float       : left;
        width       : 100%;
        text-align  : center;
        line-height : 100px;
        height      : 100px;
    }

    body .entete-page .logo-top img {
        margin : 0;
    }

    body .entete-page .conseillers {
        width : 100%;
    }

    body .entete-page .conseillers .textes {
        float      : left;
        width      : 100%;
        margin     : 0 0 2% 0;
        border-top : 1px solid #f2f2f2;
    }

    body .entete-page .conseillers .textes div {
        width : 50%;
    }

    body .entete-page .conseillers .textes div p {
        text-align : center;
    }

    body .content-page .bloc-image {
        height : auto;
    }

    body .content-page .bloc-image .contenu {
        height : auto;
    }

    body .content-page .bloc-image .contenu .bloc-gauche .bloc-devis-gratuit .txt-devis {
        margin : 6%;
    }

    body .content-page .bloc-image .contenu .bloc-gauche .bloc-devis-gratuit .txt-devis p {
        font-size : 20px;
    }

    body .content-page .bloc-image .contenu .bloc-gauche .bloc-devis-gratuit .txt-devis span {
        font-size : 12px;
    }

    body .content-page .bloc-image .contenu .bloc-gauche .bloc-promo {
        width  : 38%;
        margin : 3% 1%;
    }

    body .content-page .bloc-image .contenu .bloc-gauche .bloc-promo .offre {
        font-size : 17px;
    }

    body .content-page .bloc-image .contenu .bloc-gauche .bloc-promo .offre span.pourcent {
        font-size : 27px;
    }

    body .content-page .bloc-image .contenu .bloc-droit {
        top : -65px;
    }

    body .content-page .bloc-infos .info.satisfaction .bloc-bas {
        width : 55%;
    }

    body .content-page .bloc-infos .info.video .infos-video .txt-video p:first-child {
        font-size : 18px;
    }
}

@media (max-width : 370px) {
    body .entete-page .conseillers .textes div p {
        line-height : 15px;
    }

    body .entete-page .conseillers .textes div p#txt1 {
        font-size : 14px;
    }

    body .entete-page .conseillers .textes div p#txt2 {
        font-size : 12px;
    }

    body .entete-page .conseillers .textes div p#txt3 {
        font-size : 16px;
    }

    body .content-page .bloc-image {
        height : 530px;
    }

    body .content-page .bloc-image .contenu .bloc-gauche .bloc-devis-gratuit {
        width : 65%;
    }

    body .content-page .bloc-image .contenu .bloc-gauche .bloc-devis-gratuit .txt-devis {
        margin : 4%;
    }

    body .content-page .bloc-image .contenu .bloc-gauche .bloc-devis-gratuit .txt-devis p {
        font-size : 19px;
    }

    body .content-page .bloc-image .contenu .bloc-gauche .bloc-devis-gratuit .txt-devis span {
        font-size : 11px;
    }

    body .content-page .bloc-image .contenu .bloc-gauche .bloc-promo {
        width : 33%;
    }

    body .content-page .bloc-image .contenu .bloc-droit {
        top : -35px;
    }

    body .content-page .bloc-infos .info.satisfaction .bloc-bas p {
        font-size : 17px;
    }

    body .content-page .bloc-infos .info.video {
        height      : 180px;
        line-height : 180px;
    }

    body .content-page .bloc-infos .info.video .infos-video .txt-video p {
        line-height : 25px;
        font-size   : 14px;
    }

    body .content-page .bloc-infos .info.video .infos-video .txt-video p:first-child {
        font-size : 15px;
    }

    body .content-page .bloc-infos .info.video .infos-video .bouton-video img {
        width : 70px;
    }

    body .pied-page {
        padding : 30px 0 10px 0;
    }

    body .pied-page p.copyright,
    body .pied-page p.liens-pdp {
        font-size     : 13px;
        width         : 100%;
        text-align    : center;
        margin-bottom : 5px;
    }
}

.validation-advice {
    font-size  : 11px;
    color      : #ffffff;
    margin-top : 3px;
}

div.mooniform-selector, div.mooniform-selector span, div.mooniform-checker span, div.reponse-checkbox span, div.mooniform-radio span, div.mooniform-uploader, div.mooniform-uploader span.mooniform-action, div.mooniform-button, div.mooniform-button span {
    background-image  : url(/images/mooniform/sprite.png);
    background-repeat : no-repeat
}

ul.autocompleter-choices {
    position            : absolute;
    margin              : 0;
    padding             : 0;
    list-style          : none;
    border              : 1px solid #7c7c7c;
    border-left-color   : #c3c3c3;
    border-right-color  : #c3c3c3;
    border-bottom-color : #dddddd;
    background-color    : #ffffff;
    text-align          : left;
    font-family         : "source_sans_proregular";
    z-index             : 50;
    background-color    : #ffffff;
    overflow-x          : hidden
}

ul.autocompleter-choices li {
    position    : relative;
    margin      : -2px 0 0;
    padding     : .2em 1.5em .2em 1em;
    display     : block;
    float       : none !important;
    cursor      : pointer;
    font-weight : 400;
    white-space : nowrap;
    font-size   : 11px;
    line-height : 16px;
    color       : #000000
}

ul.autocompleter-choices li.autocompleter-selected {
    background-color : #fe8100;
    color            : #ffffff
}

ul.autocompleter-choices span.autocompleter-queried {
    display     : inline;
    float       : none;
    font-weight : 700;
    margin      : 0;
    padding     : 0
}

ul.autocompleter-choices li.autocompleter-selected span.autocompleter-queried {
    color : #333333
}

.flash-message {
    position         : fixed;
    text-align       : center;
    bottom           : 15px;
    padding: 30px 10%;
    border-radius    : 10px;
    background-color : #2ecc71;
    color            : #ffffff;
    z-index          : 9999;
    font-size        : 14px;
    width: 70%;
    left             : 5%;
    right            : 5%;
}

.flash-message .close-confirm {
    position        : absolute;
    top             : 7px;
    right           : 10px;
    color           : #ffffff;
    text-decoration : none;
    font-size       : 12px;
}
div.mooniform-selector select option {
    background-color: #ffffff !important;
}