/*h1 {
    font-family: 'Helvetica-Bold' !important;
}

h2, h3, h4, h5, h6 {
    font-family: 'Helvetica', 'arial','sans-serif' !important;
}*/
/*Header*/
.banner .top-bar .top-buttons {
    padding: 0;
}
.banner .top-bar .top-buttons a.btn-demander-devis {
    background-color: #00C350;
}
.banner .top-bar .top-buttons a {
    width: 150px;
    padding: 0 30px 0 60px;
    height: 80px;
    line-height: 80px;
    display: inline-block !important;
}
.banner .top-bar .top-buttons a span {
    display: inline-block;
    vertical-align: middle;
    line-height: 1.1 !important;
}
.banner .top-bar .top-buttons a:before {
    left: 28px;
    padding-right: 0;
}
.top-buttons, .top-logo {
    height: 80px;
}
.navbar-toggle-close {
    margin: 0 auto;
}
.navbar-default .top-bar .row {
    width: 100%;
    margin: 0;
}
.navbar-default .navbar-nav > li .dropdown-menu li a {
    white-space: normal; /*Debuggage IE*/
}
.navbar-default .navbar-nav > li:hover > a:before, .navbar-default .navbar-nav > li.open > a:before {
    top: auto !important;
    bottom: -4px;
}
@media screen and (max-width: 991px) {

    .banner .top-bar .container {
        padding: 0;
        margin: 0;
        width: 100%;
    }

    .banner .main-tagline {
        padding-left: 150px !important;
    }
    .banner .top-bar .top-buttons a {
        width: 80px !important;
    }
    .banner .top-bar .top-buttons a:before {
        left: -12.5px !important;
        margin-left: 50%;
    }
}

@media screen and (max-width: 767px) {

    .navbar-default .navbar-nav > li:first-child > a,
    .navbar-default .navbar-nav > li > a {
        width: 100% !important;
        letter-spacing: normal;
    }
    .navbar-nav > li > .dropdown-menu,
    .lte9 .navbar-nav > li > .dropdown-menu {
        display: block;
        width: 100%;
        position: relative;
        padding: 0;
        float: none;
        box-shadow: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
    }
    .navbar-default .navbar-nav > .dropdown a.active-menu {
        background : #2d2e2f ;
    }
    .navbar-default .navbar-nav > li:hover .dropdown-menu {
        background: none;
    }
    .navbar-default .navbar-nav > li > a {
        font-size: 14px !important;
        letter-spacing:  normal !important;
        position: relative !important;
        padding-right: 50px;
        min-height: 60px !important;
    }
    .navbar-default .navbar-nav > li.dropdown:hover > a:before,
    .navbar-default .navbar-nav > li.dropdown > a:before {
        content: "";
        display: block;
        background: url('../img/ico_arrow_down.png') 0 0 no-repeat !important;
        width: 24px !important;
        height: 13px !important;
        position: absolute;
        right: 20px !important;
        top: 24px;
        bottom: auto !important;
        left: auto !important;
        -moz-transform: rotate(0deg) !important;
        -webkit-transform: rotate(0deg) !important;
        -o-transform: rotate(0deg) !important;
        -ms-transform: rotate(0deg) !important;
        transform: rotate(0deg) !important;
    }
    .navbar-default .navbar-nav > li.dropdown.open > a:before,
    .navbar-default .navbar-nav > li.dropdown.active-menu > a:before {
        content: "";
        display: block;
        background: url('../img/ico_arrow_down.png') 0 0 no-repeat !important;
        width: 24px !important;
        height: 13px !important;
        position: absolute;
        right: 20px !important;
        left: auto !important;
        top: 24px !important;
        bottom: auto !important;
        -moz-transform: rotate(180deg) !important;
        -webkit-transform: rotate(180deg) !important;
        -o-transform: rotate(180deg) !important;
        -ms-transform: rotate(180deg) !important;
        transform: rotate(180deg) !important;
    }
    .navbar-default .navbar-nav > li .dropdown-menu li a{
        color: #b3b3b3;
    }
    .navbar-default .navbar-nav > li .dropdown-menu li a:focus {
        color: #1E1E1E;
    }
    .navbar-default .top-bar .container {
        padding-left: 0;
        padding-right: 0;
    }
    .navbar-default .navbar-nav > li .dropdown-menu li a {
        text-align: left;
    }
    .navbar-brand {
        display: none;
    }
    .navbar-collapse {
        display: none;
        width: 100%;
        top: 80px;
        left: 0;
        position: absolute;
        margin: 0 !important;
    }
    .navbar-default .navbar-nav > li {
        background: #1E1E1E;
        border-bottom: 1px solid #434445;
    }
    .navbar-nav {
        margin: 0 -20px;
    }
    .navbar-default .navbar-nav {
        border-right: none;
    }
    .navbar-nav li + li {
        border-top: 0;
    }
    .navbar-default .navbar-nav > li > a {
        font-size: 22px;
        letter-spacing: -1px;
        padding-top: 20px;
        padding-bottom: 16px;
        line-height: 1.2;
        max-width: 100%;
        font-weight: 100;
    }
    .menu-right {
        width: 100%;
    }
    .banner .top-bar .top-buttons a,
    .navbar-default .navbar-toggle {
        float: left !important;
        display: block !important;
        padding: 0 !important;
        /*width: 25% !important;*/
        width: 16% !important;
        max-width: 80px;
        /*min-width: 25%;*/
        min-width: 16%;
        height: 80px;
        margin: 0;
    }
    .banner .top-bar .top-buttons .btn-espace-clients {
        width: 16% !important;
        max-width: 80px;
        min-width: 16%;
    }

    .banner .logo {
        width: 100%;
        height: 80px !important;
        line-height: 80px;
        vertical-align: middle;
        margin: 0 !important;
        text-align: center;
    }
    .banner .logo img {
       /* width: 50px !important;
        height: 43px !important;*/
        display: inline-block;
    }
}
/*Slider*/

/*
.metaslider .flexslider .slides .caption-wrap {
    padding-top: 80px;
    padding-left: 50%;
    padding-right: 10%;
    width: 100% !important;
    position: absolute;
    top: 0;
    left: 0;
    background: #df351d;
    direction: ltr;
    opacity: 1;
}*/


.metaslider .flexslider .slides .caption-wrap {
    padding-top: 80px;
    width: 600px !important;
    position: absolute;
    top: 0;
    left: initial !important;
    right: 60px;
    background: #df351d;
    direction: ltr;
    opacity: 1;
}


.metaslider .flexslider .slides .caption-center .caption-wrap {
    right: 50%;
    width: 650px !important;
    transform: translateX(50%);
    -webkit-transform: translateX(50%);
    -moz-transform: translateX(50%);
    -o-transform: translateX(50%);
    -ms-transform: translateX(50%);
}


@media screen and (max-width: 992px) {

    /*.metaslider .flexslider .slides .caption-wrap {
        top: 0 !important;
        right: auto !important;
        padding-top: 0 !important;
        max-width: 100% !important;
        padding-top: 50px !important;
        padding-right: 20px !important;
    }*/

    .metaslider .flexslider .slides .caption-wrap {
        top: 0 !important;
        right: 30px !important;
        padding-top: 0 !important;
        /*padding-top: 50px !important;*/
        padding-top: 40px !important;
        padding-right: 20px !important;
    }

    .metaslider .flexslider .slides .caption-center .caption-wrap {
        right: 50% !important;
    }
}
@media screen and (max-width: 768px) {

    .metaslider .flexslider .slides .caption-wrap {
        /*padding-right: 60px !important;*/
        padding: 80px 0 0 !important;
        margin: 0;
        right: 0px !important;
        width: 480px !important;
    }

    .metaslider .flexslider .slides .caption-center .caption-wrap {
        right: 50% !important;
        padding: 25px !important;
    }
}

@media screen and (max-width: 640px) {

    .metaslider .flexslider .slides .caption-wrap {
            left: 0;
    }

    .metaslider .flexslider .slides .caption-wrap .caption p {
        /*font-size: 24px !important;*/
        font-size: 20px !important;
    }
    
    /*.metaslider .flexslider .slides .caption-wrap {
        padding-right: 10% !important;
        padding-left: 30% !important;
        padding-top: 100px !important;
    }*/

    .metaslider .flexslider .slides .caption-center .caption-wrap {
        right: 50% !important;
    }
}

@media screen and (max-width: 420px) {
    .metaslider .flexslider .slides .caption-wrap {
        width: 100% !important;
        padding-top: 80px !important;
        max-width: 100%;
    }

    .metaslider .flexslider .slides .caption-wrap .caption {
        padding: 0px 10px  0 !important;
    }

    .metaslider .flexslider .slides .caption-wrap .caption p {
        padding: 0 !important;
    }

    .metaslider .flexslider .slides .caption-center .caption-wrap {
        right: 50% !important;
    }
}

@media screen and (max-width: 360px) {

    /*.metaslider .flexslider .slides .caption-wrap {
        padding-right: 10px !important;
        padding-left: 30px !important;
    }*/

    .metaslider .flexslider .slides .caption-wrap {
        padding-right: 0px !important;
        padding-left: 0px !important;
        right: 0px !important;
    }

    .metaslider .flexslider .slides .caption-wrap .caption p {
        font-size: 20px !important;
        line-height: 26px !important;
    }

    .metaslider .flexslider .slides .caption-center .caption-wrap {
        right: 50% !important;
    }

}
.metaslider .flexslider .slides .caption-wrap .caption p {
    line-height: 1 !important;
    margin-bottom: 0 !important;
    width: 100% !important;
}
.metaslider .flexslider .slides .caption-wrap:before {
    right: 100%;
    top: 70px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(223, 53, 29, 0);
    border-right-color: #df351d;
    border-width: 18px;
    margin-top: -30px;
}
.metaslider .flexslider .slides .caption-wrap .caption-title {
    margin: 0;
    font-weight: normal;
    font-size: 22px;
}

@media screen and (max-width: 768px) {

    .metaslider .flexslider .slides .caption-wrap .caption .caption-title,
    .metaslider .flexslider .slides .caption-wrap .caption p {
        font-size: 30px !important;
    }

    .metaslider .flexslider .slides .caption-wrap .caption a {
        margin: 40px 0 0 !important;
        display: inline-block !important;
        width: auto !important;
    }
}

@media screen and (max-width: 640px) {
    .metaslider .flexslider .slides .caption-wrap .caption .caption-title,
    .metaslider .flexslider .slides .caption-wrap .caption p {
        padding-left: 10px;
        padding-right: 10px;
    }

    .metaslider .flexslider .slides .caption-wrap .caption .caption-title,
    .metaslider .flexslider .slides .caption-wrap .caption p{
        font-size: 20px !important;
        line-height: 26px !important;
        /*font-size: 28px !important;*/
        /*padding-left: 10px;
        padding-right: 10px;*/
    }
}
.metaslider .flexslider .slides .caption-wrap .caption {
    padding: 0;
    line-height: 20px;
    /*text-align: center;*/
}

.metaslider .flexslider .slides .caption-center .caption-wrap .caption {
    text-align: center;
}

.flexslider .slides li a.unip-btn-slider {
    height: 50px !important;
    padding: 0 40px !important;
    margin-top: 40px;
    line-height: 50px !important;
}
.flexslider .slides li a.unip-btn-slider:before {
    top: 42% !important;
}
.flex-control-nav li {
    padding: 0 5px;
}
@media screen and (max-width: 640px) {

    .metaslider .flexslider .slides {
        max-height: 365px !important;
        height: 365px !important;
    }

    .flexslider .slides > li > a {
        background-position: -320px top;
    }

    .flexslider .slides li img {
        height: 365px !important;
    }
}

/*Home profils*/
.intro {
    /*padding: 55px 25px !important;*/
    padding: 30px 25px !important;
}

.post-list.row.no-margin .col-container .post__title {
    padding: 0 5px 35px !important;
}

@media screen and (max-width: 767px) {

    .post-list.row.no-margin .col-container .post-list__post {
        min-height: 435px;
    }
}

/*Home widget*/
@media screen and (max-width: 640px) {

    .strate-configurateur .strate-aside {
        padding: 0;
    }
    .strate-configurateur .home-contact-block,
    .container .block__devis {
        padding: 65px 40px 40px !important;
    }
    .block__devis .title-red {
        margin-bottom: 0;
    }
}

/*Calculatrice*/
.btn-tooltip p {
    white-space: normal !important;
}
@media screen and (max-width: 480px) {

    .btn-tooltip p {
        left: 70px !important;
    }
    .btn-tooltip p:after {
        left: 20px !important;
    }
    .btn-tooltip p.lower-electricity,
    .btn-tooltip p.lower-gas {
        left: -50px !important;
    }
    .btn-tooltip p.lower-gas:after,
    .btn-tooltip p.lower-electricity:after {
        right: 20px !important;
        left: auto !important;
    }
}
.block__conso-offer .block__conso-choice {
    padding-bottom: 30px !important;
}
.block__conso-offer .results .block__action .title-action {
    line-height: 1.1 !important;
}
@media screen and (max-width: 768px) {

    .block__conso-offer .block__action .title-action {
        font-size: 18px !important;
        line-height: 1.5;
    }
}
@media screen and (max-width: 640px) {

    .block__conso-offer .block__conso-choice .title-choice {
        font-size: 15px !important;
    }
    .block__conso-offer .block__action .title-action {
        font-size: 14px !important;
    }
}
.block__conso-link .block__conso-link-red {
    padding: 70px 5% 80px !important;
    height: auto !important;
}
div#conso-link--switcher a {
    padding: 0 !important;
}
@media screen and (max-width: 640px) {

    .block__conso-link .block__conso-link-red {
        padding: 40px 10% 30px !important;
    }
    div#conso-link--switcher a {
        padding: 0 !important;
    }
    .block__conso-offer .block__action .block__switch {
        width: 280px !important;
        margin: 0 auto !important;
        padding-top: 80px !important;
        float: none !important;
    }
    .block__conso-offer .block__action .first-text,
    .block__conso-offer .block__action .second-text {
        position: absolute;
        top: 15px;
    }
    .block__conso-offer .block__action .first-text {
        left: 0;
    }
    .block__conso-offer .block__action .second-text {
        right: 0;
    }
}

/*Block service home*/
body.home .post-list__post {
    display: block;
}
body.home .no-arrow .post-list__post.red {
   width: 100%;
}
body.home .no-arrow .post-list__post.red .post__title {
    position: absolute !important;
    top: 0;
    left: 0;
}
body.home .post-list.row .col-container > div img,
body.home .no-arrow .post-list__post.red .post__img {
    position: relative !important;
    top: 0;
    left: 0;
    max-height: 100% !important;
}
@media screen and (max-width: 767px) {

    body.home .push.container .post-list.row .col-container,
    .col-container.keep-img.post-list__post.col-sm-6 .post-list__post.red {
        min-height: 1px !important;
    }
}
.no-arrow .post-list__post.red .post__title {
    overflow: visible;
    line-height: 1.1 !important;
}
@media screen and (max-width: 480px) {

    .no-arrow .post-list__post.red .post__title {
        max-width: 100% !important;
    }
}

@media screen and (max-width: 992px) {

    .post-list .post-list__post {
        max-height: 100% !important;
    }
}
@media screen and (max-width: 767px) {

    .post-list .post-list__post .post__title,
    .post-list .post-list__post .post__title span {
        font-size: 36px !important;
    }
    body.home .post-list.row .col-container > div img,
    body.home .no-arrow .post-list__post.red .post__img {
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
    }
}
@media screen and (max-width: 640px) {

    .post-list .post-list__post .post__title,
    .post-list .post-list__post .post__title span {
        font-size: 30px !important;
    }
}

/*Actualités*/
@media screen and (max-width: 640px) {

    .actuality-text.row .col-container p {
        padding-top: 10px !important;
    }
}

/*Témoignage*/
.testimony a {
    display: block;
}
.testimony img {
   width: 100%;
   height: auto;
}
@media screen and (max-width: 992px) {

    .testimony img {
        min-height: 1px !important;
    }
}
@media screen and (max-width: 768px) {

    .testimony .testimony-text p {
        font-size: 41px !important;
        line-height: 1 !important;
    }
}
@media screen and (max-width: 640px) {

    .testimony .testimony-text {
        top: 44px !important;
        left: 20px !important;
    }
}
@media screen and (max-width: 480px) {

    .testimony .testimony-text {
        width: 200px !important;
    }

    .testimony .testimony-text p {
        font-size: 25px !important;
    }
}

/*Footer*/
.main-footer > div:last-child {
    border-right: none;
}
.content-info .block__link-footer ul {
    font-family: 'DINNextLTPro-Bold';
    font-size: 14px;
    text-align: center;
}
.content-info .block__link-footer ul li {
    padding: 5px 15px;
}

.content-info .block__link-footer ul li button {
    font-family: 'DINNextLTPro-Bold';
    font-size: 12px;
    text-align: center;
    text-transform: uppercase;
    background: transparent;
    border: 0;
    outline: none;
}

.main-footer > div.undertake strong {
    font-weight: normal;
}
.main-footer > div {
    line-height: 1.4;
}
footer.content-info .container {
    padding-bottom: 30px;
}
@media screen and (max-width: 800px) {

    .main-footer > div .icon {
        top: 20px;
        right: 20px;
    }
    .main-footer > div .icon {
        width: 50px;
        height: auto;
    }
    .main-footer > div:last-child .icon {
        width: 75px;
    }
    .main-footer > div.undertake,
    .content-info .block__link-footer ul {
        text-align: center;
    }
    .main-footer > div.undertake strong {
        font-size: 18px;
    }
}

.block__link-footer .legal-notice {
    text-align: center;
    padding-bottom: 20px;
}

.block__link-footer .legal-notice span {
    color: #ffffff;
    font-size: 12px;
}

@media screen and (max-width: 640px) {

    .main-footer {
        margin-bottom: 0 !important;
    }
    .main-footer .keypoints {
        width: 80%;
        margin: 0 10%;
        border-right: none;
        padding-top: 70px;
        text-align: center;
    }
    .main-footer > div strong,
    .main-footer > div p,
    .main-footer > div span{
        max-width: 100% !important;
    }
    .main-footer .keypoints .icon {
        width: 40px;
        right: -20px;
    }
    .main-footer .keypoints:last-child .icon {
        width: 60px;
        right: -30px;
    }
    .main-footer > div .icon {
        width: auto;
        top: 0;
        margin-right: 50%;
    }
    .content-info .block__link-footer ul {
        padding-top: 40px;
    }
    .content-info .block__link-footer .link-item {
        text-align: center;
        width: 100%;
    }
}

/*Uniper TRV*/
.page-intro--trv {
    font-family: 'Arial';
    color: #828080;
}
.page-intro--trv,
.page-intro--trv p {
    font-size: 24px;
    line-height: 1.3;
}
@media screen and (max-width: 767px) {
    .page-intro--trv,
    .page-intro--trv p {
        font-size: 18px;
    }
}
.page-intro--trv p {
    margin: 35px 0;
}
.list-trv--header {
    margin-top: 50px;
    position: relative;
}
.list-trv--header img {
    width: 100%;
    height: auto;
    display: block;
}
.list-trv--header--title {
    position: absolute;
    top: 44%;
    left: -17.5%;
    width: 35%;
    margin: 0 0 0 50%;
    font-family: "DINNextLTPro-Bold";
    font-size: 14px !important;
    line-height: 14px;
    line-height: 1.4;
    text-align: center;
    text-transform: uppercase !important;
    color: #fff !important;
}
.list-trv--header--title h4{
    margin: 0;
    padding: 0;
    font-size: 14px !important;
}
@media screen and (max-width: 640px) {

    .list-trv--header--title {
        width: 60% !important;
        left: -30% !important;
    }
}
@media screen and (max-width: 360px) {

    .list-trv--header--title {
        top: 20% !important;
        margin-left: 0 !important;
        left: 10% !important;
        width: 80% !important;
    }
}
.list-trv--list {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
    counter-reset: section;
}
.list-trv--item {
    position: relative;
    padding: 80px;
    background-color: #2A7DE1;
    font-family: 'Arial';
    color: #fff;
}
@media screen and (max-width: 767px) {
    .list-trv--item {
        padding: 20px;
    }
}
.list-trv--item,
.list-trv--item p {
    font-size: 18px !important;
    line-height: 1.2;
}
.list-trv--item .index {
    position: relative;
    display: inline-block;
    padding-bottom: 25px;
    margin-bottom: 30px;
    font-family: 'DINNextLTPro-Bold';
    font-size: 60px;
    line-height: 1;
    text-align: center;
}
.list-trv--item .index:after {
    content: "";
    display: block;
    width: 30px;
    height: 1px;
    background-color: #fff;
    position: absolute;
    bottom: 0;
}
.list-trv--item:nth-child(3n+1) {
    background-color: #2A7DE1;
    text-align: center;
}
.list-trv--item:nth-child(3n+1) .index {
    font-size: 90px;
}
.list-trv--item:nth-child(3n+1) .index:after {
    left: -15px;
    margin-left: 50%;
}
.list-trv--item:nth-child(3n+2) {
    padding-top: 95px;
    padding-left: 25%;
    background-color: #2A7DE1;
    text-align: left;
}
.list-trv--item:nth-child(3n+2) .index {
    position: absolute;
    top: 75px;
    left: 80px;
}
.list-trv--item:nth-child(3n+2) .list-trv--item .index:after {
    left: 0;
}
.list-trv--item:nth-child(3n+3) {
    padding-top: 95px;
    padding-right: 25%;
    background-color: #0094e8;
}
.list-trv--item:nth-child(3n+3) .index {
    position: absolute;
    top: 75px;
    right: 80px;
}
.list-trv--item:nth-child(3n+3) .list-trv--item .index:after {
    right: 0;
}
@media screen and (max-width: 767px) {

    .list-trv--item:nth-child(3n+2),
    .list-trv--item:nth-child(3n+3) {
        padding-top: 20px;
        text-align: center;
    }

    .list-trv--item:nth-child(3n+2) .index:after,
    .list-trv--item:nth-child(3n+3) .index:after {
        left: -15px;
        margin-left: 50%;
        right: auto;
    }

    .list-trv--item:nth-child(3n+2) {
        padding-left: 20px;
    }

    .list-trv--item:nth-child(3n+3) {
        padding-right: 20px;
    }

    .list-trv--item:nth-child(3n+2) .index,
    .list-trv--item:nth-child(3n+3) .index {
        position: relative;
        left: auto;
        right: auto;
        top: auto;
    }
}
.list-trv--item--title {
    margin-bottom: 30px;
    margin-top: 0;
    font-family: 'DINNextLTPro-Regular';
    font-size: 24px;
    line-height: 1.1;
}

.list-trv--item--title h2, .list-trv--item--title h3 {
    font-size: 24px;
    margin: 0;
    padding: 0;
    color: #ffffff;
}
.block-trv-how-to {
    background-color: #f4f4f4;
    padding: 50px 110px;
}
.block-trv-how-to--title {
    position: relative;
    padding-top: 30px;
    font-family: 'DINNextLTPro-Bold';
    font-size: 36px;
    line-height: 36px;
    color: #2A7DE1;
    text-transform: uppercase;
}
.block-trv-how-to--title h4{
    margin: 0;
    padding: 0;
}
.block-trv-how-to--title:before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 30px;
    height: 1px;
    background-color: #2A7DE1;
}
.block-trv-how-to--list {
    counter-reset: section;
    padding-left: 50px;
    font-family: 'Arial';
    font-size: 18px;
    line-height: 1.2;
}
.block-trv-how-to--list li{
    position: relative;
    margin: 50px 0;
    color: #2A7DE1;
}
.block-trv-how-to--list li span {
    color: #1E1E1E;
}
@media screen and (max-width: 767px) {

    .block-trv-how-to--list li{
        margin: 25px 0;
    }
}
.block-trv-how-to--list li:last-child {
    margin-bottom: 0;
}
.block-trv-how-to--list li:before {
    position: absolute;
    top: 0;
    left: -50px;
    counter-increment: section;
    content: "0" counter(section) " ";
    display: block;
    font-family: 'DINNextLTPro-Bold';
    font-size: 18px;
    color: #1E1E1E;
}
.block-trv-infos{
    padding: 80px;
    background-color: #dcddde;
    font-family: 'Arial';
    text-align: center;
    color: #2A7DE1;
}
@media screen and (max-width: 767px) {

    .block-trv-infos,
    .block-trv-how-to {
        padding: 20px;
    }
}
.block-trv-infos,
.block-trv-infos-lois,
.block-trv-infos p,
.block-trv-infos-lois p {
    font-size: 24px !important;
    line-height: 1.2;
}
.block-trv-infos-lois {
    background: #009eec url('../img/trv/bg-trv-infos-lois.jpg') center 44px no-repeat;
    padding: 140px 110px 40px;
    font-family: 'Arial';
    color: #fff;
    text-align: center;
}
@media screen and (max-width: 767px) {

    .block-trv-infos-lois {
        padding: 140px 20px 20px;
    }
}
.block-trv-infos-lois strong {
    display: block;
    font-family: 'DINNextLTPro-Bold';
    font-weight: normal;
}
.block-trv-infos-lois--links {
    text-transform: uppercase;
    margin-top: 60px;
}
.block-trv-infos-lois--links,
.block-trv-infos-lois--links p {
    font-size: 14px !important;
    line-height: 1.5;
}
.block-trv-infos-lois--links--list {
    margin-top: 40px;
    padding-left: 0;
    list-style: none;
    text-transform: none;
}
.block-trv-infos-lois--links--list li {
    display: inline-block;
    width: 45%;
}
@media screen and (max-width: 767px) {

    .block-trv-infos-lois--links--list li {
        display: block;
        width: 100%;
        margin: 5px 0;
    }
}
.block-trv-infos-lois--links .btn {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
    background: #fff;
    font-family: 'DINNextLTPro-Bold';
    font-size: 14px;
    color: #2A7DE1;
    text-decoration: none;
    text-align: center;
}
@media screen and (max-width: 767px) {

    .block-trv-infos-lois--links .btn {
        width: 190px;
    }
}

/*Services énergétiques*/
@media screen and (max-width: 767px) {

    .gaz.block__degrade--grey .page-intro {
        padding-left: 20px;
        padding-right: 20px;
    }
    .speech-bubble .block__text {
        width: 100% !important;
        max-width: 100% !important;
    }
}

/*Menu - Debug IE9*/
.lte9 .navbar-default .navbar-nav > li .dropdown-menu li a {
    height: auto;
}
.lte9 .navbar-collapse {
    overflow-y: visible !important;
}

/*Tout savoir sur le gaz naturel - Debug IE9*/
.lte9 .wrap-template-infomarche-toutsavoir-gaz .exploitation-gaz-item-order {
    border-radius: 50%;
    color: #ffffff;
    display: inline-block;
    font-family: "polo22", Arial, sans-serif;
    font-size: 18px;
    width: 26px;
    height: 26px;
    text-align: center;
    line-height: 27px;
}
.lte9 .wrap-template-infomarche-toutsavoir-gaz .exploitation-gaz .exploitation-gaz-item {
    position: relative;
    padding-bottom: 32px;
}
.lte9 .wrap-template-infomarche-toutsavoir-gaz .red-pourcentage {
    word-spacing: -5px;
    font-size: 36px;
    font-family: "polo22", Arial, sans-serif;
}
.lte9 .wrap-template-infomarche-toutsavoir-gaz .economie__first {
    margin: 0;
}
.lte9 .wrap-template-infomarche-toutsavoir-gaz .economie {
    background: #eeeeee;
    font-size: 18px;
    line-height: 1;
    padding: 26px 0 7px 0;
}
.lte9 .wrap-template-infomarche-toutsavoir-gaz .chart-eon .month,
.lte9 #rslides-title {
    display: inline-block;
    padding: 0 15px;
    margin: 15px 0;
    text-transform: uppercase;
}
.lte9 .wrap-template-infomarche-toutsavoir-gaz {
    font-size: 14px;
    line-height: 1.2;
}
.lte9 .wrap-template-infomarche-toutsavoir-gaz .hidden-xs.red-pourcentage {
    margin-left: 20px;
}
.lte9 .wrap-template-infomarche-toutsavoir-gaz .economie span {
    font-size: 13px;
}
.lte9 .wrap-template-infomarche-toutsavoir-gaz .exploitation-gaz .exploitation-gaz-item .exploitation-gaz-title {
    margin-left: 9px;
}
.lte9 .wrap-template-infomarche-toutsavoir-gaz .exploitation-gaz-title {
    display: inline-block;
    font-family: "polo22", Arial, sans-serif;
    font-size: 18px;
    text-transform: uppercase;
}
.lte9 .wrap-template-infomarche-toutsavoir-gaz .exploitation-gaz .exploitation-gaz-item .exploitation-gaz-item-info {
    background: #f0f0f0;
    padding: 10px 30px 21px 13px;
    position: relative;
    width: 470px;
    z-index: 100;
}
.lte9 .wrap-template-infomarche-toutsavoir-gaz .exploitation-gaz .exploitation-gaz-item .exploitation-gaz-item-description {
    padding: 10px 0 0 8px;
    font-size: 13px;
}
.lte9 .wrap-template-infomarche-toutsavoir-gaz .exploitation-gaz .exploitation-gaz-item.exploitation-gaz-item__reverse .exploitation-gaz-img {
    left: 60px;
}
.lte9 .wrap-template-infomarche-toutsavoir-gaz .exploitation-gaz .exploitation-gaz-item .exploitation-gaz-img {
    position: absolute;
    right: 50px;
    top: 50%;
    margin-top: -85px;
    width: 140px;
}
.lte9 .wrap-template-infomarche-toutsavoir-gaz .exploitation-gaz .exploitation-gaz-item.exploitation-gaz-item__reverse .exploitation-gaz-item-info {
    float: right;
}
.lte9 .wrap-template-infomarche-toutsavoir-gaz .decouvrez-offres a {
    display: inline-block;
    line-height: 19px;
    padding: 6px 0;
    text-transform: uppercase;
    text-align: center;
}
.lte9 .wrap-template-infomarche-toutsavoir-gaz .economie__second {
    margin: 20px 0;
}
/*Demander un devis - Debug IE9*/
.lte9 .contact-page span {
    -webkit-font-smoothing: antialiased;
    line-height: normal;
    font-family: "polo22", Arial, sans-serif;
}
.lte9 .container-devis .checkbox-wrapper_demande {
    padding-bottom: 25px;
}
.lte9 .wrapper-devis-bottom {
    background: #e8e8e8;
    margin-top: 25px;
    padding-top: 20px;
}
.lte9 .wrapper-devis-bottom__last {
    margin-top: 0;
    padding-top: 10px;
    padding-bottom: 70px;
}
.lte9 .container-devis .consommation-gaz,
.lte9 .container-devis .consommation-electricite,
.lte9 .container-devis .votre-consommation-wrapper {
    display: none;
}

/*Popin espace client - Debug IE*/
.lte9 #devisFormModal .fermer, .modal-access .fermer {
    float: right;
    margin: 18px 31px 0 0;
}
.lte9 .form-container p .field-text {
    color: #929292;
}

/*Recherche - Debug IE*/
.lte9 .wrap-template-resultat-recherche {
    margin-top: 40px;
    font-size: 14px;
}
.lte9 .wrap-template-resultat-recherche .input-group-btn {
    margin-top: 0px;
    vertical-align: top;
}
.lte9 .input-group-btn {
    position: relative;
    font-size: 0;
    white-space: nowrap;
}
.lte9 .input-group-addon, .input-group-btn {
    width: 1%;
}
.lte9 .input-group-addon, .input-group-btn, .input-group .form-control {
    display: table-cell;
}
.lte9 button.search-submit.btn.btn-default.input-button {
    position: relative;
    font-size: 0;
    white-space: nowrap;
}
.lte9 .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group {
    margin-left: -1px;
}
.lte9 .wrap-template-resultat-recherche .input-button {
    padding-right: 30px;
    height: 40px;
}

/*Plan de site - Debug IE*/
.lte9 .wrap-template-plan-du-site main h2 {
    background: url('../img/infos_marche/img-dot-horiz-gray.png') 0 100% repeat-x;
    font-size: 22px;
    margin-bottom: 0;
    margin-top: 50px;
    padding-bottom: 16px;
    text-transform: uppercase;
}
.lte9 .wrap-template-plan-du-site main a {
    background: url('../img/ico-arrow-rightx2.png') 0 1px no-repeat;
    color: #323232;
    display: block;
    font-size: 14px;
    line-height: 1.5;
    margin-top: 16px;
    padding-left: 21px;
    text-transform: uppercase;
    background-size: auto 19px;
}
.lte9 .wrap-template-plan-du-site main ul li {
    list-style-type: none;
    margin-bottom: 5px;
    position: relative;
    padding-left: 12px;
    height: 20px;
}
.lte9 .wrap-template-plan-du-site main ul li:before {
    content: "•";
    margin-right: 7px;
    display: inline-block;
    vertical-align: top;
    width: 6px;
    height: 16px;
    position: absolute;
    top: 0;
    left: 0;
}
.lte9 .wrap-template-plan-du-site main ul li a {
    background: none;
    padding: 0;
    text-transform: none;
    display: inline-block;
    width: 185px;
    margin-top: 0;
}

/*Tableau Wysiwyg*/
.main-content table {
    margin: 30px 0;
    border: 0;
}

.main-content table tr:nth-child(odd) {
    background-color: #eceef0;
}

.main-content table tr:nth-child(even) {
    background-color: #f4f4f4;
}

.main-content table tr:first-child {
    color: #ffffff;
    background: #2A7DE1;
}

.main-content table td {
    padding: 10px 20px;
    border: 0;
}

@media only screen and (max-width: 480px) {

    .main-content table {
        width: 100%;
        /*min-height: 400px;*/
        min-height: 140px;
        overflow-x: auto;
        display: block;
    }

    .main-content table tbody {
        width: 100%;
        display: block;
    }

    .main-content table tr:first-child {
        width: 100%;
        display: block;
    }

}

#remind-me .modal-content .modal-options .dv-form-wrap .field-wrap #rappeler ,
#remind-me .modal-content .modal-options .dv-form-wrap .field-wrap #departement ,
#remind-me .modal-content .modal-options .dv-form-wrap .field-wrap #entreprise {
    height: 67px;
    line-height: 67px;
    background: #ececec;
    border: 0;
    outline: none;
    display: block;
    width: 100%;
    padding: 0 10px;
    font-size: 18px;
}


.rappeler.error {
    border: 1px solid red;
}

#form-devis .frm_style_formidable-style.with_frm_style .frm_blank_field label,
#form-devis .frm_style_formidable-style.with_frm_style .frm_error,
#form-devis .frm_style_formidable-style.with_frm_style label.frm_primary_label {
    color: #323232;
    font-weight: normal;
    font-size: 13px; 
    margin-bottom: 14px;

}

#form-devis .frm_style_formidable-style.with_frm_style .frm_blank_field input[type=text],
#form-devis .frm_style_formidable-style.with_frm_style input[type=text],
#form-devis .frm_style_formidable-style.with_frm_style input[type=tel],
#form-devis .frm_style_formidable-style.with_frm_style .frm_blank_field input[type=text],
#form-devis .frm_style_formidable-style.with_frm_style .frm_blank_field input[type=email],
#form-devis .frm_style_formidable-style.with_frm_style .frm_blank_field input[type=tel],
#form-devis .frm_style_formidable-style.with_frm_style input[type=password],
#form-devis .frm_style_formidable-style.with_frm_style input[type=email]{
    background: #e8e8e8;
    border: 1px solid #c0c0c0;
    height: 40px;
    line-height: 40px;
    box-shadow: initial;
    font-size: 13px;
    padding: 6px 12px;

}
#form-devis  .frm_style_formidable-style.with_frm_style textarea {
    font-size: 13px;
    padding: 6px 12px;
    height: 100px;

}
#form-devis .with_frm_style .vertical_radio .frm_radio {
    width: 50%;
    display: inline-block;
    margin-right: -4px;

}
#form-devis .with_frm_style .vertical_radio #electricite  .frm_radio, #form-devis .with_frm_style .vertical_radio #service-energetique  .frm_radio {
    width: 100%;
    display: block;
    margin-right: 0;

}
#form-devis legend {
    margin-bottom: 0;
}
#form-devis .with_frm_style .vertical_radio #gaz-naturel .frm_radio {
    width: calc(100% / 3);

}
#form-devis .frm_style_formidable-style.with_frm_style div.frm_error {
    display: block;
    padding: 10px;
    margin-bottom: 5px;
    color: #c11608;
    background: #bbbbbb;
    font-size: 14px;
    margin-bottom: 0;
 }
#form-devis .frm_style_formidable-style.with_frm_style .frm_submit button,#recall-form-formidable  .frm_style_formidable-style.with_frm_style .frm_submit button {
    margin: 0 auto;
    max-width: 234px;
    height: 50px !important;
    line-height: 37px;
    background: transparent !important;
    background: url(../img/input-btn.png) repeat-x 0 0 !important;
    /* border: 1px solid #696969; */
    /* border-radius: 3px; */
    text-transform: uppercase;
    display: block;
    padding: 0;
    background: #2A7DE1 !important;
    color: #ffffff !important;
    border: 0;
    outline: none;
    font-weight: bold;
    font-size: 15px;
}
#form-devis .frm_style_formidable-style.with_frm_style .form-field {
    margin-bottom: 20px;
}
#form-devis .frm_style_formidable-style.with_frm_style .frm_submit button:hover, #recall-form-formidable  .frm_style_formidable-style.with_frm_style .frm_submit button:hover {
    box-shadow: 0 -5px 0 0px #96d5f8 inset;
    -moz-box-shadow: 0 -5px 0 0px #96d5f8 inset;
    -webkit-box-shadow: 0 -5px 0 0px #96d5f8 inset;
    color: #96d5f8 !important;
    border: 0;

}

#form-devis .consommation-energitique {
    display: none;
}
#form-devis .frm_style_formidable-style.with_frm_style .votre-demande-concerne .frm_radio label {
    font-size: 11px;
    font-family: 'DINNextLTPro-Regular', Arial, sans-serif !important;

}
#form-devis .frm_style_formidable-style.with_frm_style .votre-demande-concerne #gaz-naturel .frm_radio label {
    font-size: 13px;
    font-family: 'DINNextLTPro-Regular', Arial, sans-serif !important;

}
#form-devis {
    font-family: 'DINNextLTPro-Regular', Arial, sans-serif !important;
}
#form-devis .frm_error_style {
    display: none;
    font-size: 13px;

}
#recall-form-formidable  .frm_style_formidable-style.with_frm_style .frm_submit  button {
    width: 100%;
    max-width: 100%;
    height: 63px !important;
    line-height: 63px;
    font-size: 15px;

}

#recall-form-formidable .frm_style_formidable-style.with_frm_style .frm_blank_field input[type=text],
#recall-form-formidable .frm_style_formidable-style.with_frm_style input[type=text],
#recall-form-formidable .frm_style_formidable-style.with_frm_style input[type=tel],
#recall-form-formidable .frm_style_formidable-style.with_frm_style .frm_blank_field input[type=text],
#recall-form-formidable .frm_style_formidable-style.with_frm_style .frm_blank_field input[type=email],
#recall-form-formidable .frm_style_formidable-style.with_frm_style .frm_blank_field input[type=tel],
#recall-form-formidable .frm_style_formidable-style.with_frm_style input[type=password],
#recall-form-formidable .frm_style_formidable-style.with_frm_style input[type=email]{
    height: 67px;
    line-height: 67px;
    background: #ececec;
    border: 0;
    outline: none;
    display: block;
    width: 100%;
    padding: 0 10px;
    font-size: 18px;
    box-shadow: initial;
    color: #323232;
}
#recall-form-formidable .frm_style_formidable-style.with_frm_style .frm_blank_field
{
    border: 1px solid red;
    color: red;
}
#recall-form-formidable .frm_style_formidable-style.with_frm_style .frm_blank_field input[type=text],
#recall-form-formidable .frm_style_formidable-style.with_frm_style .frm_blank_field input[type=text],
#recall-form-formidable .frm_style_formidable-style.with_frm_style .frm_blank_field input[type=tel],
#recall-form-formidable .frm_style_formidable-style.with_frm_style .frm_blank_field input[type=email]
{
    color: red;
}
#recall-form-formidable .select2-container .select2-selection--single {
    border-radius: 0;
}
#recall-form-formidable .selectbox {
    height: 67px;
    line-height: 67px;
    background: #ececec;
    margin-bottom: 30px;
    position: relative;
}
#remind-me .modal-content .modal-options  .dv-form-wrap  #recall-form-formidable  label {
    line-height: normal;
    max-width: 100%!important;
    float: none;
    vertical-align: middle;
}
#remind-me .modal-content .modal-options  .dv-form-wrap  #recall-form-formidable .frm_checkbox label {
    font-size: 14px;
    font-family: 'DINNextLTPro-Regular', Arial, sans-serif !important;

    
}
 #recall-form-formidable .checkboxrecall {
    height: 67px;
    line-height: 67px;
    background: #ececec;

}
#remind-me .modal-content .modal-options  .dv-form-wrap  #recall-form-formidable .frm_opt_container {
    margin-left: 10px;
    max-width: 190px!important;
    margin-right: -4px;
    float: right;
    width: 100%;
}
 #recall-form-formidable .frm_error {
    display: none;

}
 #recall-form-formidable .frm_style_formidable-style.with_frm_style .vertical_radio .frm_checkbox {
    width: 50%;
    display: inline-block;
    margin-right: -4px;

}
 #remind-me .modal-options .form-wraper #recall-form-formidable form p > span {
    width: 100%;

}
.contact-form-container .form-container textarea {
    padding: 25px;

}
.contact-form-container .frm_style_formidable-style.with_frm_style .frm_submit button {
    text-transform: uppercase;
    font-size: 13px;

}
 #recall-form-formidable .select2-selection__placeholder {
    font-size: 16px;
    color: #323232;
 }
.contact-form-container .frm_error {
    display: none;

}
.contact-form-container #recall-form-formidable {
    display: none;

}
.contact-form-container {
    background-color: #ffffff!important;
}
.contact-form-container .frm_style_formidable-style.with_frm_style label.frm_primary_label {
    color: #323232;
    font-weight: normal;
    font-size: 13px;
    margin-bottom: 14px;
}
.contact-form-container .frm_style_formidable-style.with_frm_style .frm_error {
    display: block;
    padding: 10px;
    margin-bottom: 5px;
    color: #c11608;
    background: #bbbbbb;
    font-size: 14px;
    margin-bottom: 0;
    font-weight: normal;
    font-family: 'DINNextLTPro-Regular', Arial, sans-serif !important;

}
.contact-form-container .frm_style_formidable-style.with_frm_style .frm_submit button, .contact-intro .block__btn.btn--fat.btn.btn--red {
    margin: 0 auto;
    max-width: 234px;
    height: 50px !important;
    line-height: 37px;
    background: transparent !important;
    background: url(../img/input-btn.png) repeat-x 0 0 !important;
    /* border: 1px solid #696969; */
    /* border-radius: 3px; */
    text-transform: uppercase;
    display: block;
    padding: 0;
    background: #2A7DE1 !important;
    color: #ffffff !important;
    border: 0;
    outline: none;
    font-weight: bold;
    font-size: 15px;
}
 .contact-intro .block__btn.btn--fat.btn.btn--red:before {
    top: 15px;
    left: 16px;
    line-height: normal;
 }
 .contact-intro .block__btn.btn--fat.btn.btn--red {
    max-width: initial;
    line-height: 50px;
    padding: 0 30px;
    display: inline-block;
    font-weight: normal;
 }
.contact-form-container .frm_style_formidable-style.with_frm_style .frm_submit button:hover,
.contact-intro .block__btn.btn--fat.btn.btn--red:hover {
    box-shadow: 0 -5px 0 0px #96d5f8 inset;
    -moz-box-shadow: 0 -5px 0 0px #96d5f8 inset;
    -webkit-box-shadow: 0 -5px 0 0px #96d5f8 inset;
    color: #96d5f8 !important;
    border: 0;
}
.contact-form-container .frm_style_formidable-style.with_frm_style .form-field {
    margin-bottom: 20px;
}
.contact-form-container .frm_style_formidable-style.with_frm_style input[type=text],
.contact-form-container .frm_style_formidable-style.with_frm_style input[type=email],
.contact-form-container .frm_style_formidable-style.with_frm_style input[type=tel] {
    background: #e8e8e8!important;
    border: 1px solid #c0c0c0!important;
    height: 40px;
    line-height: 40px;
    box-shadow: initial;
    font-size: 13px;
    padding: 6px 12px;
}
.contact-form-container .form-container textarea {
    font-size: 13px;
    padding: 6px 12px;
    height: 100px;
}
@media only screen and (max-width: 991px) {

    #recall-form-formidable .frm_style_formidable-style.with_frm_style .form-field.frm_half {
        width: 100%;
        margin-left: 0;
    }
}
@media only screen and (max-width: 480px) {
    #form-devis .with_frm_style .vertical_radio #gaz-naturel .frm_radio {
        width: 100%;

    }

    #remind-me .modal-content .modal-options .dv-form-wrap #recall-form-formidable .checkboxrecall {
        padding: 10px;
        height: auto;

    }
    #remind-me .modal-content .modal-options .dv-form-wrap #recall-form-formidable .checkboxrecall label {
        margin-top: 20px;
        margin-bottom: 20px;
    }
    #remind-me .modal-content .modal-options .dv-form-wrap #recall-form-formidable .frm_opt_container {
        float: left;
    }
}

.gdpr-field {

}
.gdpr-field-infos__label {
    display: none;
}
.gdpr-field-infos__extra-txt {
    color: #323232;
    font-weight: normal;
    font-size: 13px;
    margin-bottom: 14px;
    font-family: "Lucida Grande","Lucida Sans Unicode",Tahoma,sans-serif;
}
.gdpr-field-actions__button--accept:hover {
    background: #2A7DE1;
    color: #fff;
}
.gdpr-field-actions__button--accept {
    
    background: #2A7DE1;

    
}
.gdpr-field-actions__button--refuse:hover {
    background: #96d5f8;
    color: #fff;
}
.gdpr-field-actions__button--refuse {
    background: #96d5f8;

}
.gdpr-field {
    -ms-flex-align: end;
    align-items: center;
}
.gdpr-field + .gdpr-field {
    border-width: 2px;
    margin-top: 0;
}
.gdpr-field-actions__button {
    color: #ffffff;
    display: inline-block;
    border-radius: 3px;
    border: 0;
    text-decoration: none;
    padding: 1px 6px;
    margin-left: 8px;
    line-height: 35px;
    min-height: 35px;
    padding: 0 10px;
}

.gdpr-submit-button:hover {
    box-shadow: 0 -5px 0 0px #96d5f8 inset;
    -moz-box-shadow: 0 -5px 0 0px #96d5f8 inset;
    -webkit-box-shadow: 0 -5px 0 0px #96d5f8 inset;
    color: #96d5f8 !important;
    border: 0;
}
@media only screen and (max-width: 480px) {

    .remodal {
        padding: 20px;
        
    }
}
.gdpr-submit-button {
    margin: 0 auto;
    max-width: 234px;
    height: 50px !important;
    line-height: 37px;
    background: transparent !important;
    background: url(../img/input-btn.png) repeat-x 0 0 !important;
    /* border: 1px solid #696969; */
    /* border-radius: 3px; */
    text-transform: uppercase;
    display: block;
    padding: 0;
    background: #2A7DE1 !important;
    color: #ffffff !important;
    border: 0;
    outline: none;
    font-weight: bold;
    font-size: 15px;
    max-width: 234px;
    width: 100%;
}
#remind-me .modal-options .form-wraper form p span.obligatoire {
    padding-bottom: 0!important;
}
#remind-me .modal-options p {
    font-size: 12px;
}

.gdpr-submit-button:before {
    content:">";
    font-size: 15px;
    display: inline-block;
    padding-right: 4px;
    font-family: "Lucida Grande","Lucida Sans Unicode",Tahoma,sans-serif;


} 

.wrap-template-infomarche-toutsavoir-gaz .chart-eon, .wrap-template-infomarche-toutsavoir-electricite .chart-eon {
    display: none;
}

.wrap-template-infomarche-toutsavoir-gaz .page-subtitle {
    margin-top: 0;
}
.main-content {
    word-wrap: break-word;
}
.main-content table tr:first-child {
    height:auto!important;
}


@media (max-width: 991px) {
.main-content table  {
    display:table !important;
}
.main-content .alert  {
    margin-bottom: 0;
    margin-top: 20px;
 }
.tablewrapper {
        overflow-x: scroll;
}

}
.renouvellement-contrat .frm_style_formidable-style .with_frm_style select {
    height: 40px !important; 
} 

.renouvellement-contrat .frm_style_formidable-style .with_frm_style div.frm_description {
    color: #B94A48 !important; 
} 



.main-content img {
  max-width: 100%;
  height: auto;

}