.style1 {
    font-weight: bold;
    border-bottom: 2px;
    border-style: none;
    border-color: #36ab15;
    background-image: -webkit-gradient(linear, left top, right top, color-stop(16%, #0f165e), color-stop(51%, #e63e3e), color-stop(90%, #0f165e));
    background-image: linear-gradient(90deg, #0f165e 16%, #e63e3e 51%, #0f165e 90%)
}
.style2 {}
.style3 {
    background-image: radial-gradient(circle, #144d05 0%, #46a844 100%)
}
.style4 {
    background-color: #e9f5e2;
    border-color: #67e844;
    border-style: none;
    margin-bottom: 0px;
    padding-top: 24px;
    padding-bottom: 12px;
}
.style5 {
    font-weight: bold;
    font-style: italic;
    text-align: center;
    background-color: #f2d8d8;
    margin-bottom: 14px;
    margin-left: 8px;
    margin-right: 8px;
    padding: 17px 16px;
    border: 10px solid #fff;
    border-top-right-radius: 25px;
    border-bottom-left-radius: 25px}
.style6 {}
.style7 {
    background-attachment: local;
    position: static;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-bottom: 1px;
    padding-left: 0px;/* background-image: -webkit-gradient(linear, left bottom, left top, from(black), to(white)) */background-size: auto;background-repeat: repeat  
}
.style8 {
    color: #fff;
    font-size: 1.5rem;
    border-bottom-color: undefined;
    border-top: 0px undefined undefined;
    border-bottom-style: undefined;
    border-left: 0px undefined undefined;
    border-right: 0px undefined undefined;
    text-decoration: underline;
    margin-top: 2px;
    padding-top: 16px;
    padding-bottom: 12px
}
.style9 {
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-image: url("../img/texture_colo9.jpg");
    background-size: cover;
    background-position: center 
}
.style10 {
    background-image: -webkit-gradient(linear, left top, right top, color-stop(35%, #131b6b), color-stop(49%, #7384c9), color-stop(63%, #131b6b));
    background-image: linear-gradient(90deg, #131b6b 35%, #7384c9 49%, #131b6b 63%)
}
.style11 {
    color: #09268c;
    margin-top: 21px
}
.avantages {
    color: #fff;
    text-align: left;
    margin-bottom: 20px;
    background-image: linear-gradient(181deg, #16870c 0%, white 100%)
}
.style12 {
    font-size: 1.3em;
    text-align: left
}
.style13 {
    text-align: left
}
.style15 {
    padding-top: 0px;
    padding-bottom: 0px
}
.home_compare {}
.style16 {
    padding-top: 0px;
    padding-bottom: 0px
}
.style17 {
    background-color: #8a0c0c;
    padding-top: 0px
}
.style18 {
}
.style19 {
    font-size: 2.5em;
    color: #fff;
    margin-bottom: 0px
}
.style20 {}
.style21 {
    background-color: #6e0707;
    padding-top: 35px
}
.style22 {
    padding-top: 0px;
    padding-bottom: 0px
}
.style26 {
    background-color: #610b0b
}
.style27 {
    margin-left: 0px;
    padding-top: 0px;
    padding-bottom: 1px
}
.style28 {
    color: #fff;
    font-size: 1.5em;
    text-align: left;
    margin: 30px 15px 0px 35px;
    padding-top: 15px;
    padding-left: 0px;
    padding-right: 0px
}
.style29 {}
.action-btn-1 {}
.style30 {
    padding-top: 0px;
    padding-bottom: 0px;
    background-color: #8bd676
}
@media (min-width: 1200px) {
.style28 {
        font-size: 1.9em;
        margin-top: 40px;
        margin-left: 45px;
        margin-right: 10px;
        padding-right: 7px
    }
.style5 {
        font-size: 1.9em;
        border-color: #fff;
        background-color: #edd5d5
    }
.style4 {
        border-color: #de3f0e;
        border-style: solid;
        border-top-left-radius: 0px;
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
        margin-bottom: 0px;
        padding-top: 58px;
        padding-bottom: 50px
    }
.style7 {
        background-size: cover
    }
.style12 {
        margin-left: 0px;
        margin-right: 0px
    }
.style27 {
        padding-bottom: 0px
    }
.style9 {
        background-image: url("../img/texture_colo9.jpg")
    }
.style14 {
        padding-top: 70px
    }
.style30 {
        background-color: #abbfb0
    }
.style44 {
        line-height: 2.5em
    }
.style45 {
        background-color: #691166
    }
.style46 {
        font-size: 2.5rem
    }
.style49 {
        font-size: 1.5rem;
        background-color: rgba(140, 22, 22, 0.72);
        padding: 10px;
        border-style: dashed;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px
    }
.style50 {
        font-size: 1.5rem
    }
.style8 {
        font-size: 2.5rem
    }
.style52 {
        margin-top: 22px
    }
    .style34 {
        padding-top: 15px;
        padding-bottom: 20px
    }
    .style54 {
        font-size: 1.4rem
    }
    .style58 {
        margin-top: 27px
    }
    .style60 {
        color: #fff
    }
    .style63 {
        background-attachment: fixed;
        background-size: cover
    }
    .style67 {
        background-size: auto
    }
    .style74 {
        background-color: #bdaf17
    }
    .style81 {
        font-size: 2.5em
    }
.:hover{
        border-color: #bf2008;
        border-style: none
    }
.style91{
        font-size: 1.2rem;
        margin-top: 1px
    }
.style92{
        margin-top: 0px
    }
.style100{
        font-size: 1.5rem;
        margin-bottom: 23px
    }
.style11{
        margin-top: 20px
    }
.style103{
        margin-top: 12px
    }
.style102{
        padding-bottom: 4px
    }
.style109{
        margin-top: 8px
    }
.style83{
        font-size: 2.0rem
    }
.style47{
        font-size: 2.4rem
    }
.style122{
        font-size: 2.0rem
    }
.style123{
        margin-right: 32px
    }
.style69{
        font-size: 1.8rem
    }
.style135{
        font-size: 2.3rem
    }
}
.style31 {
    margin-bottom: 10px
}
.style32 {
    margin-bottom: 10px
}
.style33 {
    margin-bottom: 10px
}
.style34 {
    /* background-color: #ad4863 *//* opacity: 0.7 */
}
.style35 {}
.style36 {
    text-align: center;
    margin-right: 7px
}
.style37 {
    text-align: center
}
.style38 {
    text-align: center
}
.style39 {
    text-align: center
}
.style40 {
}
@media (min-width: 992px) {
.style41 {
        text-align: center
    }
.perspective {
        margin-top: -69px
    }
.style14 {
        padding-top: 60px
    }
.style8 {
        font-size: 2.5rem;
        margin-top: 32px;
        padding-top: 3px;
        padding-bottom: 16px
    }
    .avantages {
        margin-left: 0px
    }
    .style54 {
        padding-right: 13px
    }
    .style5 {
        text-align: justify;
        font-size: 1.6em;
        margin-top: 0px
    }
    .style63 {
        background-size: cover
    }
    .style66 {
        text-align: center
    }
    .style67 {
        padding-bottom: 2px
    }
    .style65 {
        font-size: 1.0em
    }
    .style69 {
        font-size: 1.3em
    }
    .style81 {
        font-size: 2.3em
    }
.:hover{
        border-color: #bf2505;
        border-style: none
    }
.style92{
        margin-top: 0px
    }
.style100{
        font-size: 2.2rem
    }
.style43{
        padding-top: 13px;
        padding-bottom: 45px
    }
.style103{
        margin-bottom: 20px
    }
.style48{
        font-size: 1.6rem
    }
.style83{
        font-size: 1.8rem
    }
.style47{
        font-size: 2.1rem
    }
.style122{
        font-size: 1.8rem
    }
.style123{
        font-size: 1.8rem
    }
.style133{
        font-size: 2.1rem
    }
}
.style42 {
    color: #fff
}
.label-withe {
    color: #fff
}
@media (min-width: 768px) {
.style9 {
        background-size: cover
    }
    .style63 {
        background-size: cover
    }
.style5{
        margin-top: 8px
    }
.style43{
        padding-bottom: 22px
    }
.style120{
        font-size: 1.5rem
    }
.style47{
        font-size: 1.6rem
    }
}
.perspective {
    position: relative;
    background-color: #fff;
    height: 190px;
    display: inline-block;
    min-width: 110%;
    margin: -94px -32px -67px -38px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px}
.style14 {
}
.style23 {
    padding-top: 93px;
    background-image: -webkit-gradient(linear, left bottom, left top, from(#560659), color-stop(74%, white));
    background-image: linear-gradient(0deg, #560659 0%, white 74%)
}
.style24 {}
@media (min-width: 576px) {
.style5 {
        margin-bottom: 15px
    }
.style46 {
        width: 1.5rem
    }
    .style63 {
        background-attachment: fixed;
        background-size: cover
    }
.style4{
        margin-bottom: 0px
    }
.style11{
        margin-top: 15px
    }
.style100{
        padding-top: 10px
    }
.style122{
        font-size: 1.6rem
    }
.style120{
        text-align: left
    }
}
.style25 {}
.style43 {
    /* background-image: -webkit-gradient(linear, left top, right top, from(white), color-stop(50%, white), to(ebed3c)) */
    /* background-image: linear-gradient(90deg, white 0%, white 50%, ebed3c 100%) */
    background-color: #1a389e;
    padding-bottom: 3px
}
.form {}
.contactform {/* background-color: #b9ebb5 *//* background-color: #b9ebb5 */width: 100%;display: block;font-size: 1rem;line-height: 1.5em;margin-top: 7px;margin-bottom: 22px;padding-left: .75rem;border-color: #8c8c87;border-style: solid }
.contactform:hover {
    background-color: #cbe8fc;
    border: 1px solid #f9fa9f
}
.style44 {
    height: 60px;
    font-size: 1.5em;
    text-align: center
}
.style45 {
    padding-top: 10px;
    padding-bottom: 6px;
    background-color: #0d10a3
}
.style45:hover {
    background-color: #2a2ecc
}
.style46 {
    text-align: left
}
.style47 {
    margin-bottom: 5px
}
.style51 {
    text-align: left
}
.wappler-temp {}
.style49 {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px
}
.style53 {
    text-align: left
}
.style54 {
    background-color: rgba(184, 37, 37, 0.81);
    font-weight: bold;
    text-align: center;
    border-width: 5px;
    border-style: solid;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    padding-top: 9px;
    padding-bottom: 13px;
    padding-left: 7px
}
    text-align: center;
    .style55 {
    text-align: center
}
    .style56 {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px}
    .style57 {
    background-image: -webkit-gradient(linear, left bottom, left top, from(black), to(white));
    background-image: linear-gradient(0deg, black 0%, white 100%)
}
    .style59 {
    margin-bottom: 16px
}
    .style60 {
    text-align: left;
    font-weight: bold;
    margin-bottom: 1.2em
}
    .style61 {
    background-color: rgba(22, 30, 110, 0.98);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    margin-bottom: 13px;
    padding-top: 18px}
    .style62 {}
    .style63 {
    background-size: cover;
    background-attachment: fixed
}
    .style64 {}
    .service-titre {}
    .style65 {
    color: #3449a6
}
    .style66 {
    margin-bottom: 0px;
    text-align: center
}
    .style67 {
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #529F5A;
    font-size: 1.9em;
    background-image: url("../img/thermograqphiegg_map.jpg");
    background-size: cover;
}
    .style68 {
    background-image: url("../img/bgd_quebec_full1.png")
}
    .title-yellow {
    text-decoration: underline}
    .style69 {
    font-style: italic;
    background-color: rgba(243, 245, 241, 0.62);
    text-align: left;
    padding-bottom: 8px;
    padding-right: 2px;
    border: 1px solid #b3abab
}
    .style70 {
    padding-top: 6px;
    padding-bottom: 2px
}
    .style71 {
    min-height: 500px;
    background-attachment: fixed;
    background-size: cover;
    background-image: url("../img/save_money_green2.jpg")
}
    .style72 {
    background-color: #c9ba1a
}
    .style73 {
    background-color: #191882
}
    .style75 {
    border: 7px solid #0d630f;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px
}
    .style76 {
    background-color: #0d10a3;
    padding-bottom: 11px;
    padding-left: 8px
}
    .style77 {
}
    .style78 {
    padding-left: 5px
}
    .:active {
    color: #fff
}
    .style79 {
    background-image: url("../img/texture_colo9.jpg");
    background-attachment: fixed;
    background-size: cover;
    background-position: center
}
    .style80 {
    border: 4px solid #fff;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px
}
    .style81 {
}
    .section_batiment {
    background-image: linear-gradient(46deg, #153282 42%, #4967bd 52%, #173382 65%)}
    .section_electric {
    background-image: linear-gradient(46deg, #c70719 44%, #eb4f5e 55%, #cf081b 64%);
    padding-bottom: 3px}
    .style50 {
}
    .style82 {
    padding-top: 13px;
    padding-bottom: 3px;
    background-image: linear-gradient(46deg, #dea806 36%, #d9b953 53%, #d4a002 68%)
}
    .style58 {
}
    .:hover {
    border-color: #fc2c2c;
    border-style: none
}
.hover-red-fx {
    &:after {
        content:'';
        position: absolute;
        width: 100%;
        height: 3px;
        bottom: 0;
        left: 0;
        background-color: @red;
        -webkit-transform: scaleX(0);
                transform: scaleX(0);
        -webkit-transform-origin: bottom right;
                transform-origin: bottom right;
        -webkit-transition: -webkit-transform 0.3s;
        transition: -webkit-transform 0.3s;
        transition: transform 0.3s;
        transition: transform 0.3s, -webkit-transform 0.3s;
    }

    &:hover {
        &:after {
            -webkit-transform-origin: bottom left;
                    transform-origin: bottom left;
            -webkit-transform: scaleX(1);
                    transform: scaleX(1);
        }
    }
}
.style83{color: #1140a3;
    text-decoration: underline
}
.style84{
    background-image: url("../img/texture_colo9.jpg");
    background-size: cover;
    background-position: center center
}
.style85{
    background-image: linear-gradient(91deg, #95c733 0%, #0e518c 100%)
}
.style86{
    padding-top: 9px;
    padding-bottom: 10px
}
.style87{
    border-color: #b8b2b2;
    border-style: solid
}
.style88{}
.style88:hover{
    border: 7px solid #eb4e4e
}
.style89{}
.style90{
    margin-top: 9px
}
.style91{
}
.style92{
    margin-top: 13px
}
.style93{
}
.style94{
    border-color: #c0f0b3;
    border-style: none
}
.style95{
    margin-bottom: 10px
}
.style96{
    margin-bottom: 10px
}
.style97{
    margin-bottom: 10px
}
.style98{
    background-color: rgba(242, 239, 210, 0.43)}
.style99{
    margin-top: 14px
}
.style100{
    margin-top: -1px;
    margin-bottom: 1px;
    padding-top: 14px;
    padding-bottom: 7px
}
.style101{}
.style102{}
.style103{
}
.style104{}
.style105{
    border-color: #aad2ff;
    border-style: none
}
.style105:hover{
    border: 2px solid #f0e9a8
}
.style106{}
.style107{}
.style108{
    border-color: #d4bcbc;
    border-style: none
}
.style110{
    padding-bottom: 13px
}
.style111{
}
.style112{
    margin-top: 16px;
    margin-bottom: 7px
}
.style113{
    margin-bottom: 9px
}
.style114{
}
.style115{
}
.style116{
    background-color: #0d10a3
}
.style117{
    background-color: #0d10a3
}
.style48{
    font-size: 1.3rem;
    text-align: center;
    margin-bottom: 5px
}
.style118{
    background-color: #0d10a3
}
.style119{
    background-color: #0d10a3
}
.style120{
    background-color: #010a66;
    /* text-align: left */
    margin-left: 0px;
    margin-right: 0px;
    background-image: linear-gradient(91deg, 53% undefined, 79% 0%)
}
.style121{
}
.style122{
    /* font-size: 2.3rem */
    background-color: #010a66
}
.style123{
    margin-bottom: 7px
}
.style124{
}
.style125{}
.style126{}
@media (min-width: 1400px){
.style83{
        font-size: 2.4rem
    }
.style123{
        font-size: 2.0rem
    }
.style133{
        font-size: 2.4rem
    }
}
.style127{
    background-color: #010a66
}
.style128{
    margin-bottom: 15px
}
.style129{
    margin-bottom: 15px
}
.style130{
    background-color: #010a66
}
.style131{
    font-family: Tahoma, Geneva, sans-serif
}
.style132{
    font-size: 1.3rem
}
.style134{
    background-color: #010a66
}
.rainbow-4:hover{
   background-image:     -webkit-gradient(
      linear, 
      left top, right top, 
      from(#E7484F),
      color-stop(#F68B1D), 
      color-stop(#FCED00),
      color-stop(#009E4F),
      color-stop(#00AAC3),
      to(#732982)
    );
   background-image:     linear-gradient(
      to right, 
      #E7484F,
      #F68B1D, 
      #FCED00,
      #009E4F,
      #00AAC3,
      #732982
    );
  -webkit-animation:slidebg 2s linear infinite;
          animation:slidebg 2s linear infinite;
}
.bg-animated- {}
.bg-animated {
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-delay: 0s;
            transition-delay: 0s;
    -webkit-transition-duration: 0.25s;
            transition-duration: 0.25s}
.bg-animated:hover {
    background-color: rgba(27, 50, 168, 0.79)
}
.style136 {
}