body {
    min-width: auto;
}

.ekrt-page {
    display: block;
}

.make_image_black_and_white {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);

}

.menu__nav__second.hover, .menu__nav__second:hover {
    background-color: hsla(0, 0%, 100%, .3) !important;
}

.collapse {
    display: none;
}

:after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#dataHistorique_last, #dataHistorique_first {
    display: none;
}

#dataHistorique {
    width: 100% !important;
}

#dataFacturesFooter {
    margin-top: 0 !important;
}

#otherDocuments, #dataFactures {
    width: 100% !important;
}

#otherDocuments_length, #otherDocuments_paginate, #dataFactures_length, #otherDocuments_filter {
    display: none !important;
}

.center {
    text-align: center;
}

.left {
    text-align: left;
}

.right {
    text-align: right;
}

.iframe__in_sun_we_trust {
    height: 780px;
    width: 100%;
}

.iframe__primes_energies {
    height: 1850px;
    width: 100%;
}

.img-ajout-bois {
    width: 24.5rem;
}

@media only screen and (max-width: 1400px) {
    .iframe {
        height: 1400px;
        width: 100%;
    }

    .iframe__in_sun_we_trust {
        height: 1540px;
        width: 100%;
    }

    .img-ajout-bois {
        width: 31.5rem;
    }
}

.popin__icon--hammer, .popin__icon--electricity-disabled {
    width: 8.7rem;
    height: 8.7rem;
    left: calc(50% - 4.3rem);
    top: -4.3rem;
}

.popin__icon--hammer {
    background-image: url(../media/icons/hammer@2x.png);
}

.popin__icon--box {
    width: 8.7rem;
    height: 8.7rem;
    left: calc(50% - 4.3rem);
    top: -4.3rem;
    background-image: url(../../indigen/medias/icons/box@2x.png);
}

.popin__icon--retactation {
    width: 8.7rem;
    height: 8.7rem;
    left: calc(50% - 4.3rem);
    top: -4.3rem;
}

.popin__icon--retactation {
    background-image: url(../../indigen/medias/icons/monthly-late@2x.png);
}

.popin__icon--electricity-disabled {
    background-image: url(../media/icons/electricity-disabled@2x.png);
}

.mention_energie {
    padding: 0 !important;
    font-size: 11px !important;
}

.label__icon--contract, .label__icon--reflex, .label__icon--jdd {
    padding-left: 4rem;
    display: block;
}

.label__icon--contract, .label__icon--jdd {
    display: block;
    margin-top: 0.5rem;
}

.label__icon--contract:before {
    padding-left: 3.1rem;
    top: -.7rem;
    width: 2.3rem;
    height: 3.6rem;
    background-image: url(../media/icons/contract@2x.png);
    background-repeat: no-repeat;
}

.label__icon--jdd:before {
    padding-left: 3.1rem;
    top: -.7rem;
    width: 2.3rem;
    height: 3.6rem;
    background-image: url(../media/icons/jdd@2x.png);
    background-repeat: no-repeat;
}

.label__icon--don {
    padding-left: 6rem;
    display: block;
    font-weight: 500;
}

.label__icon--don:before {
    padding-left: 3.1rem;
    top: -.7rem;
    width: 5.3rem;
    height: 10.6rem;
    background-image: url(../media/icons/icones-13.png);
    background-repeat: no-repeat;
}

.popin__icon--reflex {
    width: 9.8rem;
    height: 8.4rem;
    left: calc(50% - 3.4rem);
    top: -4.2rem;
    background-image: url(../media/icons/reflex@2x.png);
}

.popin__icon--option {
    background-image: url(../media/icons/option@2x.png);
    width: 8.7rem;
    height: 8.7rem;
    left: calc(50% - 4.3rem);
    top: -4.3rem;
}

.popin__icon--mentor {
    width: 9.8rem;
    height: 8.4rem;
    left: calc(50% - 3.4rem);
    top: -4.2rem;
    background-image: url(../media/icons/mentor@2x.png);
}

.thumbnail > img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: auto;
    max-height: 35rem;
}

.avatarGrand {
    height: 10.3rem;
    width: 10.3rem;
    border-radius: 60px !important;
    overflow: hidden;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
}

.avatar {
    border-radius: 60px;
    height: 6.8rem;
    width: 6.8rem;
    overflow: hidden;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
}

.menu__user--open .menu__user__progress__change {
    width: calc(100% - 16px);
    height: calc(100% - 16px);
    left: 8px;
    top: 8px;
}

.fileAvatar {
    width: 20rem;
    position: relative;
    margin: auto;
}

.responseForm {
    font-weight: bold;
    color: #00A997;
}

.responseFormConsentement {
    font-weight: bold;
    color: #00A997;
}

.container-modifyRythmeFact #ajaxLoading, .container-modifyRythmeFact .ajaxLoading {
    width: 5rem;
}

#ajaxLoading, .ajaxLoading {
    width: 5rem;
}

.menu__nav__second--new:after {
    content: 'nouveau !';
    color: #ffe6a6;
    font-size: 1.2rem;
    display: inline-block;
    float: right;
    margin-right: -2rem;
    font-weight: 400;
}

.menu__nav__second--jeu:after {
    content: 'jeu concours !';
    color: #ffe6a6;
    font-size: 1.2rem;
    display: inline-block;
    float: right;
    margin-right: -2rem;
    font-weight: 400;
}

.menu__user__progress__photo--woman, .menu__user__progress__photo--man {
    border: 5px solid #ffb135;
}

.menu__user__progress__photo__show {
    opacity: 1;
}

.menu__user--open .menu__user__progress__photo {
    left: 8px !important;
    top: 8px !important;
}

.menu__user--min .menu__user__progress__photo {
    left: 6px !important;
    top: 6px !important;
}

.table--multipurpose .table__head .input {
    width: 25rem;
}

#otherDocuments .table__body__titles td:first-of-type{
    width: 20rem !important;
}

#otherDocuments .table__body__titles td:last-of-type{
    width: 5rem !important;
}

#buttonDisable, .button--disable {
    background-color: #d7d7d7;
    padding: 2rem 3rem;
    position: relative;
    border-radius: 10rem;
    border: 0;
    color: #fff;
    position: relative;
    line-height: 1em;
    font-weight: 700;
    font-size: 1.8rem;
}

.divPopin {
    text-align: left;
    width: 55rem;
    min-height: 8rem;
}

.divPopin p {
    color: #000;
}

.text--micro {
    font-size: 1.1rem;
    color: #9e9e9e;
}

ul li:before {
    content: "\00BB \0020";
    padding-right: 1rem;
    padding-left: 2rem;
}

ul li ul li:before {
    padding-right: 1rem;
    padding-left: 4rem;
}

.ulStandard li:before {
    content: "-";
    padding-right: 1rem;
    padding-left: 2rem;
}

#lc_chat_layout ul li:before {
    padding-right: 0;
    padding-left: 0;
    content: '';
}

.cgvPopin {
    overflow-y: scroll;
    height: 30rem;
}

.input-col.maintenance {
    max-width: 50rem;
}

.popin .maintenance span {
    font-weight: 400;
    font-size: 1.3rem;
    line-height: 1.1em;
}

.menu__user--min {
    padding: 2.5rem 1.5rem 2.5rem 12.5rem;
}

.menu__user--min .menu__user__progress {
    left: 3rem;
}

.mensualiteMonth--valid {
    background-color: #FFF3D9 !important;
}

.mensualiteMonth--budget {
    color: #aaaaaa;
}

.mensualiteMonth--enCours {
    background-color: #FFF3D9 !important;
}

.mensualiteMonth--error {
    background-color: #fce9e9 !important;
    color: #e95e5e;
}

.mensualiteMonth--wait {
    color: #00a997;
}

.table--small tr:nth-of-type(even) td {
    background-color: #f6f7fb;
}

.icon--elec {
    width: 13px;
    height: 21px;
}

.icon--gaz {
    width: 12px;
    height: 20px;
}

.height-2 {
    height: 2rem;
}

.iconEcheancier {
    padding-left: 6rem;
}

.iconEcheancier::before {
    background-image: url(../media/icons/monthly.png);
    width: 5.8rem;
    height: 5.8rem;
    background-size: 100%;
    content: '';
    position: absolute;
    left: -1.5rem;
    top: -1rem;
    display: block;
}

/*.newAvatar:before{
    content: 'nouveau !';
    color: #ffe6a6;
    font-size: 1.2rem;
    display: inline-block;
    float: left;
    margin-left: -8rem;
    font-weight: 400;
}

.newAvatarBig:before{
    content: 'nouveau !';
    color: #ffe6a6;
    font-size: 1.2rem;
    display: inline-block;
    float: left;
    margin-left: 8rem;
    font-weight: 400;
}*/

.menu__nav__second__select {
    background-color: hsla(0, 0%, 100%, .3) !important;
}

.electric-meter .champsAutoreleveHPCP .input {
    margin-top: 0rem !important;
}

.champsAutoreleveHPCP {
    margin-top: 4.8rem !important;
}

.electric-meter {
    background-position: center 10.5rem !important;
}

.electric-meter--elec, .electric-meter--dual {
    background-image: url(../../ekwateur/media/block/electric-meter/meter-sans-kwh@2x.png);
}

.electric-meter--elec .input {
    margin-top: 9rem !important;
}

.electric-meter--gaz {
    background-image: url(../../ekwateur/media/block/electric-meter/meter-gaz-sans-kwh@2x.png);
}

.electric-meter--gaz .input {
    margin-top: 9rem !important;
}

.electric-meter__text {
    padding-top: 3rem;
}

.floatRight {
    float: right;
}

.floatLeft {
    float: left;
}

.popin__icon--compteur {
    background-image: url(../media/icons/compteur@2x.png);
}

.popin__icon--compteur {
    width: 8.7rem;
    height: 8.7rem;
    left: calc(50% - 4.3rem);
    top: -4.3rem;
}


.compteur-loader:before, .loader:before, .loader__shop:before, .loader-fil_dariane:before {
    background-image: url(../media/gif/ajax-loader.gif);
    width: 2.8rem;
    height: 2.8rem;
    background-size: 100%;
    content: '';
    position: relative;
    left: 0rem;
    top: 0rem;
    display: block;
    margin: auto;
    margin-top: 2rem;
}

.loader-fil_dariane:before {
    margin-top: 0;
}


.loader__shop:before {
    margin-right: auto;
    margin-left: auto;
    margin-top: 0;
}

.compteur-loader:before {
    top: 10rem;
}

.loader--left:before {
    background-image: url(../media/gif/ajax-loader.gif);
    width: 2.8rem;
    height: 2.8rem;
    background-size: 100%;
    content: '';
    position: relative;
    left: 0rem;
    top: 0rem;
    display: block;
    margin: auto;
    margin-top: 2rem;
}

.picto-in-cadeau {
    width: 2.8rem;
    height: 2.8rem;
    background-size: 100%;
    left: 0rem;
    top: 0rem;
}

.text--error {
    color: #e95e5e !important;
}

.input--textarea {
    background-color: #fff;
    height: 12.5rem;
    position: relative;
    border: 3px solid #f0f0f0;
    border-radius: 6px;
    box-sizing: border-box;
}

.mailFilleuil .input-col {
    max-width: 65rem;
}

.mailFilleuil .popin__text {
    max-width: 65rem;
}

.mailFilleuil .label__text__title {
    font-size: 1.8rem;
}

.sponsorship-mail-list-remove {
    color: lightcoral;
}

.sponsorship-mail-list-remove:hover {
    cursor: pointer;
}

.text--title-1-1, .text--title-1-3 {
    font-weight: 300;
    font-size: 2.4rem;
    color: #00a997;
    margin: auto;
    max-width: 35rem !important;
}

.text--title-1-2 {
    font-weight: 300;
    font-size: 2rem;
    margin: auto;
    max-width: 57rem !important;
    text-align: center;
}

.text--title-1-3 {
    float: right;
    font-size: 1.5rem;
}

.consommation-wait:before {
    background-image: url(../media/consommation-wait.png);
    width: 70rem;
    height: 30rem;
    background-size: 100%;
    content: '';
    position: relative;
    left: 0rem;
    top: 0rem;
    display: block;
    margin: auto;
    margin-top: 2rem;
}

.label__icon--gaz:before {
    top: -.9rem;
}

.my-self-report__content {
    width: calc(50% - 5rem);
}

/*
.graph__month {
    stroke: #FFF;
}
*/

.btchampsAutoreleveHPCP {
    margin-top: 6rem;
}

.btchampsAutoreleveBase {
    margin-top: 7rem;
}

#wait {
    top: 1rem;
}

.electric-meter .input--hidden {
    margin-top: 0rem !important;
}

.my-self-report__electric-meter .button--valid {
    margin-top: 3rem !important;
}

.sorting_asc, .sorting, .sorting_desc {
    cursor: pointer;
}

.menu__nav__second--nopaiement {
    color: #007669;
    cursor: inherit;
    pointer-events: none;
}

.header__submenu__link--disabled:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, .6);
    cursor: default;
}

.clippy {
    margin-right: 1rem;
}

.noPuce li:before {
    content: "";
}

.popin__icon--warning-red {
    width: 8.7rem;
    height: 8.7rem;
    left: calc(50% - 4.3rem);
    top: -4.3rem;
}

.popin__icon--warning-red {
    background-image: url(../../indigen/medias/icons/warning-red@2x.png);
}

.popin__icon--mouth {
    width: 8.7rem;
    height: 8.7rem;
    left: calc(50% - 4.3rem);
    top: -4.3rem;
}

.popin__icon--mouth {
    background-image: url(../../indigen/medias/icons/mouth@2x.png);
}

.button--error:after {
    top: 0px;
    left: 0px;
}

.table--multipurpose .table__body__line--delay td {
    background-color: #fce9e9 !important;
}

.table--multipurpose .table__body__line--delay td {
    color: #ffb135;
    font-weight: 700;
}

.table__body__line--error .button--error {
    padding: 1rem 1.5rem;
}

.table--multipurpose .table__body__line--ontime .icon, .table--multipurpose .table__body__line--ontime .table__body__price, .table--multipurpose .table__body__line--error td {
    color: #e95e5e;
    font-weight: 700;
}

.table--multipurpose .table__body__line--payed .icon, .table--multipurpose .table__body__line--payed .table__body__price {
    color: #00A997;
}

table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled {
    background-repeat: no-repeat;
    background-position: center left;
}

.table__body__titles td:nth-child(n+1), .table__body tbody tr td:nth-child(n+1){
    border-left: 2px solid #FFF;
    border-right: 2px solid #FFF;
}

#dataFacturesFooter .table__body__line td{
    border: none !important;
}

.table__body__titles td:last-child, .table__body tbody tr td:last-child{
    border-right: none;
}
.table__body__titles td:first-child, .table__body tbody tr td:first-child{
    border-left: none;
}
table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc {
    cursor: pointer;
}

table.dataTable thead .sorting_asc {
    background-image: url(../media/sort_asc.png);
}

table.dataTable thead .sorting_desc {
    background-image: url(../media/sort_desc.png);
}

table.dataTable thead .sorting {
    background-image: url(../media/sort_both.png);
}

.table--multipurpose__line__title, .table--multipurpose thead td, .table--small__line__title, .table--small thead td {
    font-size: 1.3rem;
}

.input-col--half-plus15 {
    width: 70.1%;
    /*width: calc(50% + 21rem);*/
}

.input-col--half-moins15 {
    width: 28%;
    /*width: calc(50% - 23rem);*/
}

.aste-paiement {
    margin-right: 1rem;
}

#help-payment {
    margin-top: -4rem !important;
}

.head_role_admin {
    background-color: #e95e5e;
    color: #FFF;
    text-align: center;
}

.head_role_test {
    background-color: #ffb135;
    color: #FFF;
    text-align: center;
}

.head_role_admin_client {
    background-color: #e95e5e;
    color: #FFF;
    text-align: center;
    font-weight: 600;
    padding: 0.4rem;
}

.text--title-0--admin {
    font-size: 4rem;
    color: #e95e5e;
    font-weight: 700;
}

.nav_admin {
    background-color: #e95e5e !important;
    padding-top: 1px !important;
}

.hr_nav_admin {
    margin: 0 !important;
}

.nav_admin .menu__nav__main {
    color: #FFF !important;
}

.commandments-list li:before {
    content: '';
    padding-right: 0;
    padding-left: 0;
}

.popin--activation .gaz_elec .popin__image__gaz_duration {
    top: -1.5rem !important;
}

.popin--activation .gaz_elec .popin__image__elec_duration {
    top: 16rem !important;
}

.commandment:before {
    color: #EFEFEF !important;
}

.illustration__warning {
    max-width: 61rem;
}

.illustration__warning--gaz:before {
    content: '';
    position: absolute;
    width: 5.8rem;
    height: 5.8rem;
    left: -1.5rem;
    top: -1rem;
    display: block;
    background-image: url(../../ekwateur/media/icons/100biomethan@2x.png);
    background-size: 100%;
}

.illustration_shop:before {
    content: '';
    position: absolute;
    width: 5.8rem;
    height: 5.8rem;
    left: -1.5rem;
    top: -1rem;
    display: block;
    background-image: url(../../ekwateur/media/icons/pictoShop.png);
    background-size: 100%;
}

.illustration__warning--elec:before {
    content: '';
    position: absolute;
    width: 5.8rem;
    height: 5.8rem;
    left: -1.5rem;
    top: -1rem;
    display: block;
    background-image: url(../../ekwateur/media/icons/Kit_solaire.png);
    background-size: 100%;
}

.illustration__warning--nightwatch:before {
    content: '';
    position: absolute;
    width: 5.8rem;
    height: 5.8rem;
    left: 0.5rem;
    top: -2rem;
    display: block;
    background-image: url(../../ekwateur/media/icons/nightwatch@2x.png);
    background-size: 100%;
}

.picto--nightwatch .input__checkbox__box:after {
    background-image: url(../../ekwateur/media/icons/nightwatch@2x.png);
    content: '';
    height: 5rem;
    width: 5rem;
    margin-left: 4rem;
    display: inline-block;
    vertical-align: middle;
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    margin-top: -4rem;
}

.picto--nightwatch .label {
    left: 5rem;
    top: -2rem;
    max-width: calc(100% - 16.8rem);
}

.illustration__counter__min {
    position: fixed;
    z-index: 10000;
    right: 2rem;
    text-align: center;
    height: 3.5rem;
    width: 3.5rem;
}

.illustration__counter__min .illustration__counter__block__number__icon {
    width: 3rem;
    height: 3rem;
    position: absolute;
    left: .5rem;
    /*transition: width 0.5s, height 0.5s;*/

}

.illustration__counter__min:hover {
    cursor: pointer;
}

.illustration__counter__min .illustration__counter__block__number__icon:before {
    background-image: url(../../indigen/medias/icons/jouls@2x.png);
    background-size: 90%;
    background-repeat: no-repeat;
    background-position: 50%;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 2;
}

.illustration__counter__all {
    position: fixed;
    z-index: 10000;
    top: -13rem;
    right: 1rem;
    padding: 2rem;
    /*transition: transform 1s;*/
}

.illustration__counter__all:hover {
    /*transform: translate(0px, 9rem);*/
}

.autoreleve-elec:before {
    padding-left: 2rem;
    background-image: url(../media/icons/autoreleve-elec.png);
    content: '';
    background-repeat: no-repeat;
}

.autoreleve-gaz:before {
    padding-left: 2rem;
    background-image: url(../media/icons/autoreleve-gaz.png);
    content: '';
    background-repeat: no-repeat;
}

.liste--autoreleve {
    float: left;
    width: 48%;
    margin-right: 1rem;
}

@media (max-width: 1369px) {
    .liste--autoreleve {
        float: left;
        width: 100%;
        margin-right: 0rem;
    }

    .container-dashboard {
        width: calc(100% - 24rem) !important;
        left: 27rem !important;
        padding-top: 2rem !important;
    }

    .joul__content {
        min-height: 18rem;
    }
}

@media (max-height: 750px), screen and (max-width: 1280px) {

    .illustration__counter__all {
        right: 0rem;
    }

    .joul__content {
        min-height: 18rem;
    }
}

.joul__content {
    min-height: 18rem;
}

.menu__nav__main, .menu__nav__second, .menu__nav__social {
    padding-left: 2rem;
}

@media (max-width: 1500px) {
    .popin--activation .popin__image {
        margin-top: 1rem;
    }

    .container-dashboard {
        width: calc(100% - 20rem);
        left: 25rem;
        padding-top: 2rem;
    }

    .joul__content {
        min-height: 21rem;
    }

    .table--multipurpose .table__body td {
        padding: 0 1rem;
    }

    .menu__nav__main, .menu__nav__second, .menu__nav__social {
        padding-left: 2rem;
        padding-right: 3rem;
    }

    .menu {
        width: 30rem;
    }

    .illustration {
        width: calc(100% - 30rem);
        left: 30rem;
    }
}

.paginate_button {
    border-radius: 4px;
}

.paginate_button {
    display: inline-block;
    background-color: #f0f0f0;
    padding-top: 1rem;
    padding-bottom: .9rem;
    text-align: center;
    box-sizing: border-box;
    min-width: 4rem;
    font-size: 1.6rem;
    font-weight: 500;
    margin-left: 1.2rem;
}

PayerEnSc {
    margin-top: 3rem;
}

#listeAutoreleve--elec_info, #listeAutoreleve--gaz_info, #dataHistorique_info {
    margin-left: 0.6rem;
}

#listeAutoreleve--elec, #listeAutoreleve--gaz {
    width: 100% !important;
}

#listeAutoreleve--elec_length, #listeAutoreleve--gaz_length, #dataHistorique_length {
    float: right;
    margin-bottom: 0.5rem;
}

#listeAutoreleve--elec_length label, #listeAutoreleve--gaz_length label, #dataHistorique_length label, #listeAutoreleve--elec_info, #listeAutoreleve--gaz_info, #dataHistorique_info {
    font-size: 1.2rem;
    margin-left: 2rem;
}

#listeAutoreleve--elec_length label select, #listeAutoreleve--gaz_length label select {
    font-size: 1.2rem;
    border: 3px solid #f0f0f0;
    border-radius: 6px;
}

#listeAutoreleve--gaz_paginate, #listeAutoreleve--elec_paginate, #dataHistorique_paginate {
    float: right;
    margin-top: 0.5rem;
}

#listeAutoreleve--elec_paginate .current, #listeAutoreleve--gaz_paginate .current, .dataTables_paginate .current, .partnersPaging .current {
    color: #fff;
    background-color: #ffb135;
}

#listeAutoreleve--elec_paginate .first, #listeAutoreleve--elec_paginate .last, #listeAutoreleve--gaz_paginate .first, #listeAutoreleve--gaz_paginate .last {
    display: none;
}

.autoreleve--full {
    width: 100% !important;
}

.forecasts .button--link {
    margin-top: 0 !important;
}

.electric-meter {
    border-radius: 53% !important;
    border: 1rem solid #FFDF91;
}

.my-self-report__thanks {
    right: -4rem !important;
    top: -4rem !important;
    width: calc(50% + 4rem) !important;
    height: calc(100% + 8rem) !important;
}

.liste--autoreleve .label {
    padding-left: 7rem;
}

.consommation__bascule--text {
    color: #62d9e0;
}

.my-self-report {
    height: 60rem !important;
}

.info__icon--counter {
    width: 7rem;
    height: 7rem;
    background-image: url(../../indigen/medias/icons/counter@2x.png);

}

.lien_standard {
    color: #ffb135;
}

.smiley--prevision-gaz {
    background-image: url(../../indigen/medias/components/flame@2x.png);
}

.smiley--prevision-elec {
    background-image: url(../../indigen/medias/components/lightning@2x.png);
}

.menu__user--open--anime {
    transform: translate(0, 39rem);
}

.menu__user--open--anime-hidden {
    padding: 2.5rem 5rem;
    position: absolute;
    top: -41rem;
    width: 100%;
    z-index: 20;
    display: block;
}

.menu .link-overlay--anime {
    /*width: 38%;*/
}

.link-overlay--anime {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
}

.menu__user--open .menu__user__close--anime {
    position: absolute;
    right: 2rem;
    top: 2rem;
    color: #9e9e9e;
}

.illustration__counter__fixe {
    z-index: 10000;
}

.illustration__counter {
    position: absolute;
    float: right;
    z-index: 10000;
}

.behind {
    z-index: 8000 !important;
}

.illustration .illustration__counter {
    right: 25rem;
}

.check_jouls {
    float: right;
    position: absolute;
    z-index: 10001;
    left: 0.5rem;
    color: #FFBA3C;
    top: 0.1rem;
    font-size: 1.2rem;
    font-weight: bold;
}

#button--shop {
    max-width: 13rem !important;
}

/* seiffff*/

.text--title-1-1-modified-seif {
    font-weight: 200;
    font-size: 3.5rem;
    color: #00a997;
    margin: auto;
    max-width: 35rem !important;
    z-index: 10;
}

.btchampsChooseSiteFromList {
    margin-top: 7rem;
}

.dropdown-content a {
    width: 100%;
    height: 85%;
    color: black;
    padding: 12px 12px;
    text-decoration: none;
    display: block;
    z-index: 1100
}

.input--textarea-recherche {
    background-color: #fff;
    height: 4.5rem;
    width: 100%;
    position: relative;
    border: 3px solid #f0f0f0;
    border-radius: 6px;
    box-sizing: border-box;
}

#space {
    margin-bottom: 8rem !important;
}

.menu__user__progress_DAE {
    border-radius: 0px !important;
    background: none !important;

}

.menu__user__progress_DAE img {
    border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
}

.shop .filters {
    padding-top: 3rem;
    /*margin-top: 3rem;*/
}

.shop .jouls, .shop .articles {
    margin-top: 1rem;
}

@media (min-width: 1450px) {

    .container-dashboard {
        width: calc(100% - 18rem);
        left: 25rem;
        padding-top: 2rem;
    }
}

@media (min-width: 1500px) {

    .container-dashboard {
        width: calc(100% - 22rem);
        left: 27rem;
        padding-top: 2rem;
    }
}
.shop .jouls .joul {
    width: calc(46% - 3rem);
    /* margin: 3rem 6rem 1rem 0; */
    margin: 3rem;
}

.shop .jouls .joul:nth-child(even) {
    margin-right: 3rem;
}

.shop .jouls .container {
    width: 94%;
}

.menu__nav__cgv {
    margin-top: 0;
    color: #fff;
    padding-top: .4rem;
    padding-bottom: .4rem;
    font-weight: 400;
    position: relative;
}

.tiny__nav {
    font-size: 1rem;
}

.footer-dashboard__logo {
    bottom: 4rem;
    right: auto;
}

.joul__image__page {
    width: 100%;
    height: 20rem;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: initial;
    -webkit-transition: all .3s cubic-bezier(.215, .61, .355, 1);
    transition: all .3s cubic-bezier(.215, .61, .355, 1);
}

.joul__content__page {
    width: calc(100% - 1rem) !important;
    min-height: 53rem !important;
}

.joul__content__page__parent {
    width: calc(100% - 3rem) !important;
}

.img-responsive {
    max-width:100%;
    height:auto;
}

.border-top-1px {
    border-top: 1px solid #f0f0f0
}

.monjardinbio .joul__image__page {
    background-position: 50% 89%;
    background-size: 100%;
}

.button--back--jouls {
    display: inline-block;
    cursor: pointer;
    border-radius: 10rem;
    border: 1px solid #f0f0f0;
    color: grey;
    position: relative;
    line-height: 1em;
    font-size: 1rem;
    background-color: #fafafa;
    padding: 1rem 2rem;
    margin-right: 3rem;
    -webkit-transition: all .3s cubic-bezier(.215, .61, .355, 1);
    transition: all .3s cubic-bezier(.215, .61, .355, 1);
    margin-top: 0.8rem;
    margin-left: 2rem;
}

.shop_service .joul__tools__page {
    position: absolute;
    left: 67%;
    float: right;
    top: 41rem;
    width: calc(32% - 2rem);
    background-color: #f0f0f0;
    min-height: 18rem;
    max-height: 30rem;
}

.shop_service .joul__text__page {
    text-align: justify !important;
    width: calc(66% - 1rem) !important;
    margin-right: auto !important;
}

.shop_service .loader__shop:before {
    margin-right: auto;
    margin-left: auto;
    margin-top: 0;
}

.joul__tools__button .button {
    text-align: center;
}

.line-height-normal {
    line-height: normal;
}

.margin-top-bottom-2 {
    margin: 2rem 0 2rem 0
}

.joul__tools__page {
    position: absolute;
    left: 72%;
    float: right;
    top: 34rem;
    width: calc(27% - 2rem);
    background-color: #f0f0f0;
    min-height: 18rem;
    max-height: 30rem;
    margin-left: 2rem;
}

.joul__tools .joul__tools__number {
    width: 40%;
}

.joul__tools__page .joul__tools__number, .joul__tools__button__page {
    display: block;
    text-align: center;
    width: 100%;
}

.joul__tools__button__page {
    margin-top: 0rem;
}

.joul__tools__page > .joul__tools__number .small {
    width: 4rem;
}

.joul__text__page {
    text-align: justify !important;
    width: calc(71% - 1rem) !important;
    margin-right: auto !important;
}

.joul__text__page p {
    margin-bottom: 2rem;
}

.joul__text__page p:last-child {
    margin-bottom: 0;
}

.joul__video__page {
    text-align: center;
    visibility: hidden;
    margin-top: 1rem;
    width: calc(71% - 1rem) !important;
}

.joul__tools__carousel {
    text-align: center;
    margin-top: 1rem;
    width: calc(71% - 1rem) !important;
}

.joul__tools__carousel img.slick-loading {
    border: 0;
}

.joul__tools__carousel .image {
    padding: 10px;
}

.joul__tools__carousel img {
    border: 5px solid #f0f0f0;
    display: block;
    transition: transform 1s;
}

:focus {
    outline: #ffffff;
}

.slick-slide img {
    margin-left: auto;
    margin-right: auto;
}

.slick-dots li.slick-active button {
    background-color: #00A997;
    color: #FFFFFF;
}

.slick-dots li button {
    background-color: #FFFFFF;
    border: 1px #00A997 solid;
    color: #00A997;
}

/*
.slick-next, .slick-prev{
    background-color: #FFFFFF;
    color: rgba(255, 255, 255, 0);
    border: 1px #00A997 solid;
    position: absolute;
    top: 1.8rem;
    width: 2rem;
    height: 250px;
    content: '';
    display: none !important;
}
*/
@font-face {
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('./fonts/slick.eot');
    src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');
}

.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before {
    opacity: 1;
}

.slick-next:before {
    content: '→';
}

.slick-prev:before {
    content: '←';
}

.slick-prev:before, .slick-next:before {
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: #00a997;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev, .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    margin-top: 0;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
    z-index: 9999;
}

.slick-next {
    right: 3rem;
}

[dir='rtl'] .slick-next {
    right: auto;
    left: -5rem;
}

[dir='rtl'] .slick-prev {
    right: -7rem;
    left: auto;
}

.slick-prev {
    left: 4rem;
}

.slick-dots li {
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}

.nombre__jouls__restant__page {
    width: 100% !important;
    font-size: 1.4rem !important;
}

.menu::-webkit-scrollbar {
    width: 9px !important;
}

.optimisation_logement {
    padding-top: 0.5rem;
}

.optimisation_logement .filters {
    text-align: center;
    margin-top: 3rem;
}

.table--multipurpose .table__body__file__Excel {
    position: relative
}

.table--multipurpose .table__body__file__Excel a {
    top: 0;
    right: 10%;
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url(../media/icons/excel-png.png);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 33px 38px
}

.graph__content {
    z-index: 999;
}

.table--multipurpose .table__body__file__PDF {
    position: relative
}

.table--multipurpose .table__body__file__PDF a {
    top: 0;
    left: 10%;
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url(../../indigen/medias/icons/pdf@2x.png);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 33px 38px
}

.optimiser_partenaire {
    text-transform: capitalize;
}

.text {
    max-width: 100% !important;
}

.input-line {
    max-width: 100% !important;
}

.gift, .iban-bic {
    max-width: 75rem !important;
}

.joul__subtitle {
    font-size: 2.1rem;
    text-align: center;
    padding-top: 2rem;
    color: #00a997;
    margin-bottom: 5rem;
}

.joul__title {
    color: #00a997;
}

.joul__title__page {
    font-weight: 700;
}

.godchild__item {
    margin-right: 1.2rem !important;
    max-width: 120px;
}

.godchild__item_three_point {
    margin-right: 0rem !important;
    width: 7rem !important;
    height: 7rem !important;
    margin-left: -4rem !important;
}

.btn__more__filleuls {
    float: right;
}

.make_image_black_and_white .godchild__item__avatar__more:before {
    top: 4.5rem;
}

.godchild__item__avatar__more {
    background: none;
    width: 1rem !important;
    height: 1rem !important;
}

.godchild__item__avatar__more:before {
    content: '...';
    color: #00a997;
    font-size: 5rem;
    position: relative;
    top: 7.5rem;
}

.no__filleuls {
    text-align: center;
}

.popin__icon--tree {
    width: 8.7rem;
    height: 8.7rem;
    left: calc(50% - 4.3rem);
    top: -4.3rem;
}

.popin__icon--tree {
    background-image: url(../../indigen/medias/icons/tree@2x.png);
}

.input-col-fileariane + .input-col-fileariane {
    margin-left: 0 !important;
}

.input-col-fileariane {
    margin-bottom: 2rem;
    padding-right: 4rem;
}

.input-col-button-fileariane {
    margin-bottom: 0rem;
}

.label__text__title__filedariane {
    font-size: 2rem;
}

.label__text__title__filedariane--bold {
    font-weight: bold;
    font-size: 1.6rem;
}

.volumeIndex__autoreleve {
    margin-top: 4rem;
}

.clear {
    clear: both;
    display: block;
    height: 0;
    margin: 0;
    padding: 0;
    border: 0;
    visibility: hidden;
}

.input-line--margin-top {
    margin-top: 2rem;
}

#volumeIndex__elec {
    width: 100%;
}

#volumeIndex__gaz {
    width: 100%;
}

.glossaire, .glossaire__volume_index, .glossaire__volume_index__full {
    width: 100%;
    overflow: hidden;
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 0rem !important;
}

.glossaire__volume_index {
    width: 45%;
    overflow: hidden;
    float: left;
}

.glossaire dt, .glossaire__volume_index dt, .glossaire__volume_index__full dt {
    float: left;
    clear: both;
    background: #fff;
    position: relative;
    top: 5px;
    padding-right: 5px;
    line-height: 1.5em;
    font-size: 1.6rem;
    color: #9e9e9e;
}

.glossaire dd, .glossaire__volume_index dd, .glossaire__volume_index__full dd {
    text-align: right;
    margin-bottom: 10px;
    margin-left: 0;
    border-bottom: 1px dashed #9e9e9e;
    line-height: 1.5em;
    font-size: 1.6rem;
    color: #9e9e9e;
}

.glossaire .prix, .glossaire__volume_index .prix, .glossaire__volume_index__full .prix {
    padding-left: 5px;
    position: relative;
    top: 5px;
    background: #fff;
    line-height: 1.5em;
    font-size: 1.6rem;
    color: #00a997;
    font-weight: bold;
}

#fil_dariane__simulation__other__energie {
    display: none;
    border: 1px dashed #00a997;
    padding: 1rem;
}

#buttonFixePrixOtherEnergie, #buttonFixePrixEnergie, #buttonFilArianeEtapeSuivante, #buttonFilArianeBackTo {
    float: right;
    margin-right: 3rem;
}

.info--generic > .input-col-fileariane {
    margin-bottom: 0;
}

.container__filedariane__contenu .info--generic {
    margin-top: 0rem;
    margin-bottom: 2rem;
}

.container__filedariane__contenu .content {
    margin-top: 0rem;
}

.container__filedariane__menu .progress {
    margin-bottom: 0rem;
}

.info__text__title {
    margin-bottom: 0;
}

.my-self-report__elec__fil_dariane, .my-self-report__gaz__fil_dariane, .my-self-report__dual__fil_dariane, .my-self-report__thanks__fil_dariane {
    background-color: #f0f0f0;
    color: #00a997;
}

.container__filedariane__contenu .my-self-report .my-self-report__content:before {
    color: #00a997;
}

.container__filedariane__contenu #buttonAutoReleve {
    padding: 1rem 2rem !important;
    background-color: #00a997;
}

.container__filedariane__contenu #buttonAutoReleve:hover {
    color: #00a997;
    background: transparent;
}

.button--blue {
    padding: 1rem 2rem !important;
    background-color: #00a997;
    -webkit-appearance: none;
}

.button--blue:hover {
    color: #00a997 !important;
    background-color: #FFF !important;
}

.button--blue:after {
    border: 2px solid #00a997 !important;
}

.progress__content__items--2 .progress__content__items__item, .progress__content__items--3 {
    width: 100%;
}

.progress__content__items--3:after {
    width: 67.66667%;
    left: 16.66667%;
}
.progress__content__items--4{
    width: 100%;
}

.progress__content__items--4:after{
    width:76%;
    left:12.5%
}

.progress__content__items__item:before {
    bottom: -4.2rem;
}

.progress__content__items__item--selected__no_click {
    color: #ffd89b;
}

.progress__content__items__item--selected__no_click:after {
    background: #ffd89b;
}

.progress__content__items__item--selected__no_click:before {
    display: block;
}

.illustration__a_la_une {
    position: absolute;
    float: right;
    top: 13rem;
    right: 2rem;
    z-index: 1;
    width: 230px;
}

.illustration__block__icon {
    position: absolute;
    left: .8rem;
    top: .8rem;
    width: 70px;
}

.illustration__push__icon {
    width: 100%;
    height: 100%;
}

.illustration__a_la_une:after {
    content: '\0020';
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
    clear: both;
}

.illustration__block {
    float:left;
    padding: 1rem 1rem 1rem 9rem;
    margin-bottom: 1rem;
    height: 90px;
}

.illustration__block .button--link {
    margin-top: 0px;
}

.illustration__counter__block--jouls {
    background-image: none;
    min-width: 21rem;
}

.input-col-fileariane:after {
    content: '\0020';
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
    clear: both;
}

.graph-history {
    width: 100% !important;
}

.vertical__align__top {
    vertical-align: top;
}

.graph__content__after {
    width: 23rem;
    margin-left: auto;
    margin-right: auto;
}

.connexion {
    height: auto;
    min-height: 77rem;
    max-height: 145rem;
}

.notificationCadeau {
    width: 2rem;
    height: 2rem;
    float: right;
}

.float-right {
    float: right;
}

.popin__icon--joulsAnniversaire {
    background-image: url(../media/icons/ballonsAnniversaire.png);
    width: 32rem;
    height: 32rem;
    left: calc(1% - 3rem);
    top: -6rem;

}

.float-left {
    float: left;
}

.connexion__content {
    padding: 1rem 0 !important;
}

.text--title-5 {
    font-size: 2.4rem;
    color: #00a997;
    padding-bottom: 1rem;
}

#btn_connexion_ec {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

#btn_connexion_ec input {
    padding: 2rem 3rem !important;
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
}

.link--blue {
    color: #00a997;
}

.block_connexion--title {
    position: absolute;
    top: 0;
    left: calc(50% - 24rem);
    padding-top: 1rem;
}

.block_connexion--center {
    position: absolute;
    top: calc(40%);
    left: calc(50% - 0.8rem);
}

.block_connexion {
    max-width: 45rem;
    width: auto;
    /*height: 52rem;*/
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    /*margin-top: 7rem;*/
}

.block_connexion.block_connexion--blue--alone {
    width: 72rem;
}

.block_connexion--blue {
    /*border-radius: 81% 75% 99% 71%;*/
    /*background-color: rgba(0,169,151,0.2);*/
    /*left: calc(50% - 60rem);*/
    /*top: -6rem;*/
    border: 5px solid rgba(0, 169, 151, 0);
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

.block_connexion--blue--alone {
    border-radius: 44% 49% 62% 50%;
    background-color: rgba(0, 169, 151, 0.2);
    left: calc(50% - 60rem);
    border: 5px solid rgba(0, 169, 151, 0);
}

.block_gauche, .block_droite {
    max-width: 47rem;
    margin-top: 4rem;
    height: 43rem;
    padding-left: 3rem !important;
    padding-top: 5rem !important;
    padding-right: 4rem !important;
}

.block_gauche {
    float: left;
    margin-left: 20rem;
    margin-right: 1rem;
    border-radius: 81% 75% 99% 71%;
    background-color: rgba(0, 169, 151, 0.2);
    padding: 1rem;
}

.block_connexion--full {
    width: 100%;
    max-width: none;
}

.block_droite {
    float: right;
    margin-right: 20rem;
    border-radius: 47% 67% 58% 71%;
    background-color: rgba(204, 111, 103, 0.2);
    padding: 1rem;
    /*height: 20rem;*/
}

.block_connexion--2 {
    right: 0;
    width: 100%;
    height: 20rem;
    top: 52rem;
}

.block_connexion--red {
    border-radius: 70% 64% 83% 75%;
    background-color: #f3dcd3;
    /*background-color: rgba(204,111,103,0.2);*/
    /*left: calc(50% + 6rem);*/
    /*right: calc(50% - 60rem);*/
    right: 1rem;
    border: 5px solid rgba(204, 111, 103, 0);
    height: 22rem;
    width: 40rem;
    max-width: calc(100% - 4rem);
    display: none;
    top: 27.5rem;
}

.block_connexion--content .text--title-2 {
    font-size: 2rem;
}

.block_connexion--blue .block_connexion--content, .block_connexion--blue--alone .block_connexion--content {
    margin-top: 7rem;
    margin-right: 1.5rem;
    margin-bottom: 7rem;
}

.block_connexion--blue .block_connexion--content {
    margin-left: 1.5rem;
}

.block_connexion--blue--alone .block_connexion--content {
    margin-left: 1.5rem;
}

.block_connexion--blue h1 {
    margin-left: 0rem;
url("../../ekwateur/media/block/connexion/illustration_v2.jpg") no-repeat fixed center
}

.connexion {
    background: url(../../ekwateur/media/block/connexion/illustration_v2.jpg) no-repeat center top;
    background-size: auto 100%;
}

.block_connexion--test {
    right: -1rem;
    border: 5px solid rgba(204, 111, 103, 0);
    height: 26rem;
    top: 0rem;
    text-align: right;
    padding-right: 5rem !important;
    width: 33rem;
}

.block_connexion--test .button--valid {
    margin-bottom: 1rem;
}

.block_connexion--test .button--valid:after {
    top: 0px;
    left: -1px;
}

block_connexion--blue .button--valid:hover, .desktop .block_connexion--test .button--valid:hover {
    background: #FFF;
}

.block_connexion--red .block_connexion--content {
    margin-left: 3rem;
    margin-top: 3rem;
    margin-right: 3rem;
    margin-bottom: 3rem;
}

.block_connexion .input-line {
    /*max-width: 35rem !important;*/
}

.connexion__content {
    left: auto;
}

.premiere_connexion {
    /*left: 5rem;*/
    margin-top: 1rem;
}

.connexion .text--title-0 {
    font-size: 3.5rem;
}

.connexion hr {
    background-color: rgba(204, 111, 103, 1);
    margin-top: 4rem;
    margin-bottom: 4rem;
}

.connexion p, .connexion h2 {
    margin-bottom: 1rem;
}

.block_connexion--red h2 {
    color: #CC6F67;
}

.button--form {
    padding: 2.2rem 1rem !important;
}

.joul__tools__button__page + .service_facturation {
    margin-top: 1rem;
}

.popin__icon--badge {
    background-image: url(../media/icons/badge@2x.png);
}

.popin__icon--badge {
    width: 8.7rem;
    height: 8.7rem;
    left: calc(50% - 4.3rem);
    top: -4.3rem;
}

.service_cgv {
    font-size: 1.3rem !important;
    margin-top: 1rem;
}

.service_facturation {
    font-size: 1.3rem !important;
}

.service_checkbox {
    margin-bottom: 1rem;
}

.service_checkbox:first-child{
    margin-top: 1rem;
}

.service_box_tarif .label, .service_box_tarif .label__text, .service_box_tarif .service_titre_description{
    width: 100%;
}

.service_box_tarif .service_tarif{
    float: right;
    margin-right: 0.5rem;
}

.service_titre_description {
    font-weight: 500;
    margin-right: 1rem;
    color: #ffb135;
    font-size: 1.5rem;
}

.service_description {
    font-size: 1.3rem;
}

.service_description p{
    margin: 0.5rem;
}

.joul__content__page .service_titre_description:after {
    content: " :";
}

ol {
    counter-reset: num;
}

.counter li {
    list-style-type: none;
    counter-increment: num;
    vertical-align: middle;
    margin-left: 4.5rem;
    margin-bottom: 1rem;
}

.counter li:last-child {
    margin-bottom: 0;
}

.counter li:before {
    content: counter(num) '. ';
    position: relative;
    left: 0rem;
    color: #ffb135;
    font-weight: bold;
}

.article--shop strong {
    color: #ffb135;
    font-weight: 500;
    font-size: 1.5rem;
}

.article--shop .label__text {
    padding-left: 0.4rem;
}

.article--shop .button--link {
    margin-top: 2rem;
    color: #ffb135;
    font-size: 1.3rem;
}

.article--shop .tiny {
    margin-top: 0;
    color: #ffb135;
}

.article--disabled .button--link, .article--disabled strong {
    color: #9e9e9e;
}

.article__action__subscribe {
    width: 18rem;
}

.article--shop .article__text {
    width: calc(100% - 44rem) !important;
}

.text--price-note {
    color: #00a997;
    font-size: 1.5rem;
}

.article_nb {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.checkbox {
    text-align: left !important;
}

.checkbox li {
    content: "";
    padding-right: 1rem;
    padding-left: 2rem;
    vertical-align: middle;
    margin-left: 4.5rem;
    margin-bottom: 1rem;
}

.checkbox li:before {
    content: "";
    padding-right: 1rem;
    padding-left: 2rem;
}

.input--checkbox2 .input__checkbox__box, .input--checkbox .input__checkbox__box, .input--date, .input--file, .input--number, .input--password, .input--radiobox .input__radiobox__radio, .input--select, .input--text, .input .input__toggle__radio span {
    border: 3px solid #d7d7d7;
}

/*.gift{*/
/*min-height: 7rem;*/
/*height: 10;*/
/*padding: 1rem;*/
/*text-align: center;*/
/*background-image:none;*/
/*}*/

.gift__birthday {
    padding: 0rem;
    min-height: 11rem;
    height: 0;
    text-align: center;
    background-image: none;
}

.gift__birthday::before {
    background-image: url(../media/icons/gift2.png);
    background-repeat: no-repeat;
    width: 4.8rem;
    height: 4.8rem;
    background-size: 100%;
    content: '';
    position: absolute;
    left: 1.5rem;
    top: 1rem;
    /*display: block;*/
}

.gift__birthday::after {
    background-image: url(../media/icons/gift2.png);
    background-repeat: no-repeat;
    width: 4.8rem;
    height: 4.8rem;
    background-size: 100%;
    content: '';
    position: absolute;
    right: 1.5rem;
    top: 1rem;
    /*display: block;*/
}

.anniversaire_text {
    font-weight: bold;
}

.email_confirm_wait {
    border-color: #ffb135;
}

.email_confirm_ok {
    border-color: #00a997;
}

.email_confirm_ko {
    border-color: #CC6F67;
}

.message_ok {
    margin-top: 2rem;
    color: #00a997;
    font-size: 1.5rem;
}

.enregistrement_ok {
    background-color: #FFFFFF;
}

.enregistrement_ok_color {
    background-color: #D1EFEC;
}

.message_form_restauration {
    margin-left: 2rem;
    color: #00a997;
    display: inline;
    font-size: 1.5rem;
    float: right;
}

.all_buttons_form {
    height: 6rem;
}

.loader_form:after {
    background-image: url(../media/gif/ajax-loader.gif);
    width: 3rem;
    height: 2.8rem;
    background-size: 100%;
    content: '';
    position: relative;
    left: 14em;
    top: 0.5rem;
    display: block;
    margin-top: -4rem;
    margin-bottom: 0rem;

}

.loader_form {
    color: #ffb135;
    font-size: 1.7rem;
    margin-top: 2rem;
}

#waitForm, .loader_form {
    display: inline-block;
}

#formChoisirCompte .input {
    width: auto;
}

#formChoisirCompte .asterisk {
    display: none;
}

#formChoisirCompte .input--radiobox {
    vertical-align: top;
}

#formChoisirCompte .input__radiobox__radio {
    left: 30rem;
    top: 2rem;
    position: absolute;
}

.choisirCompte {
    width: 80.5rem;
    left: -51rem;
    position: fixed;
    font-size: 1.6rem;
    z-index: 9999;
}

.choisirCompte--message-ok {
    text-align: center;
    background-color: #ffba3c !important;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    left: -100%;
    position: absolute;
    color: #FFFFFF;
    z-index: 10;
    width: 100%;
}

.index-infos {
    top: -0.8rem;
    left: -0.8rem;
    position: absolute;
}

.img-30px-30px {
    height: 3.333rem;
    width: 3.333rem;
}

.div-90 {
    width: 90%;
}

.scrolling {
    overflow: auto;
    max-height: 60rem;
}

.menu__user--choisirCompte {
    text-align: center;
}

.menu__user--choisirCompte .button--link, .choisirCompte--message-ok {
    color: #FFF;
    font-weight: 400;
    font-size: 1.6rem;
    text-decoration: none;
}

.menu__user--choisirCompte .button--link {
    width: 100%;
    height: 100%;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.menu__user--choisirCompte .button--link:hover {
    background-color: #5ec8bd;
}

.menu__user--choisirCompte .button--link:before {
    content: none;
}

.menu__user--min {
    padding: 2.5rem 1rem 2.5rem 10.5rem;
}

.menu__user--min .menu__user__progress {
    left: 1rem;
    top: calc(50% - 4.5rem);
}

.menu__user__progress__photo .avatar {
    border: 5px solid #ffb135;
}

.menu__user__progress__photo .avatarGrand {
    border: 8px solid #ffb135;
}

.menu__user__progress {
    border-radius: 50%;
    background-image: none !important;
}

.menu__user--open--anime-hidden {
    padding: 2.5rem 4rem;
}

.menu__user--open .menu__user__progress__change {
    width: 12rem;
    height: 12rem;
    left: 8px;
    top: 8px;
    border: 8px solid #ffb135;

}

.menu {
    z-index: 10000;
}

.menu__user--open .menu__user__progress {
    width: 12rem;
    height: 12rem;
}

.choisirCompte .input--radiobox {
    margin-right: 1rem;
    margin-left: 1rem;
}

.choisirCompte .content {
    padding: 2rem;
    border-radius: 0 0 6px 0;
    min-height: 46rem;
}

.choisirCompte .text--title-1 {
    font-size: 2.4rem;
    margin-bottom: 2rem;
    width: 90%;
}

.choisirCompte .button--form {
    font-size: 1.6rem;
}

.choisirCompte .button--disable-2 {
    background-color: #d7d7d7;
}

.choisirCompte .button--disable-2:hover {
    background-color: #d7d7d7;
    color: #FFF;
}

.choisirCompte_close {
    float: right;
    cursor: pointer;
    font-size: 1.2em;
    color: #9e9e9e;
}

.choisirCompte_close:after {
    content: "i";
    font-style: normal !important;
    font-weight: 400 !important;
    font-variant: normal !important;
    text-transform: none !important;
    line-height: 1 !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: icons, sans-serif;
    display: inline-block;
}

.choisirCompte_close:hover {
    color: #00a997;
}

.choisirCompte_bloc {
    background-color: #f9f9f9;
    border-radius: 15px;
    padding: 2rem 3rem 2rem 2rem;
    width: 30rem;
    margin-bottom: 1rem;
    height: 25rem;
}

#formChoisirCompte .input__radiobox__radio {
    border: none;
}

.choisirCompte_bloc_checked {
    background-color: rgb(0, 169, 151);
    color: #FFF;
}

.choisirCompte_domicile {
    font-weight: bold;
}

.choisirCompte_energie, .choisirCompte_reference_client, .choisirCompte_adresse {
    margin-top: 0.6rem;
}

.margin-top-9 {
    margin-top: 6rem;
}

.margin-top-1 {
    margin-top: 1rem;
}

.margin-top-4 {
    margin-top: 4rem;
}

.margin-top-2 {
    margin-top: 2rem;
}

@media (max-height: 750px), screen and (max-width: 1280px) {
    .info--top {
        width: 41%;
    }

    .timetable__toggle {
        position: absolute !important;
    }

    .connexion {
        /*height: 66rem;*/
    }

    .block_connexion--blue, .block_connexion--blue--alone {
        /*left: calc(50% - 55rem);*/
        /*top: -6rem;*/
    }

    .block_connexion--red {
        /*right: calc(50% - 55rem);
        left: calc(50% + 5rem);*/
    }

    .submenu {
        left: 30rem;
    }

}

#reinitPassword:after {
    content: 'ou';
    color: #00a997;
    font-size: 3.4rem;
    display: inline-block;
    font-weight: 400;
    left: calc(50% - 2rem);
    top: 13rem;
    position: absolute;
}

.nom_contrat {
    display: inline-block;
    max-width: 18rem;
    min-width: 18rem;
}

.modifier_nom_contrat:after {
    background: url(../../ekwateur/media/icons/picto_edition.png) no-repeat;
    width: 1.5rem;
    height: 1.5rem;
    background-size: 100%;
    content: '';
    position: relative;
    left: 0;
    top: 0;
    display: block;
    margin-top: 0.5rem;
}

.modifier_nom_contrat {
    color: #ffe6a6;
    font-size: 1.2rem;
    display: inline-block;
    margin-right: 2rem;
    font-weight: 400;
    margin-top: 4.2rem;
    float: right;
}

@media only screen and (max-width: 1523px) {
    .block_gauche {
        margin-left: 15rem;
    }

    .block_droite {
        margin-right: 15rem;
    }
}

@media only screen and (max-width: 1423px) {
    .block_gauche {
        margin-left: 10rem;
    }

    .block_droite {
        margin-right: 10rem;
    }
}

@media only screen and (max-width: 1329px) {
    .block_gauche {
        margin-left: 5rem;
    }

    .block_droite {
        margin-right: 5rem;
    }
}

@media only screen and (max-width: 1100px) {
    .block_gauche {
        margin-left: auto;
    }

    .block_droite {
        margin-right: auto;
    }
}

@media only screen and (max-width: 952px) {
    #reinitPassword:after {
        content: '';
    }

    .block_gauche:before {
        content: 'ou';
        color: #00a997;
        font-size: 3.4rem;
        display: inline-block;
        font-weight: 400;
        left: calc(50% - 2rem);
        top: 34rem;
        position: absolute;
    }

    .block_gauche {
        float: unset;
        margin-left: auto;
        margin-right: auto;
        position: relative;
        border-radius: 20rem 21rem 30rem 21rem;
        padding: 3rem 4rem 6rem 3rem !important;

    }

    .block_droite {
        float: unset;
        margin-left: auto;
        margin-right: auto;
        position: relative;
        border-radius: 20rem 21rem 30rem 21rem;
        padding: 3rem 4rem 6rem 3rem !important;
    }

    .block_gauche, .block_droite {
        height: auto;
    }
}

.activationSchema1, .activationSchema10 {
    width: 65rem;
    /*height: 20rem;*/
}

.activationSchema2, .activationSchema8, .activationSchema6 {
    width: 65rem;
    /*height: 17.5rem;*/
}

.activationSchema3, .activationSchema9 {
    width: 65rem;
    /*height: 28rem;*/
}

.activationSchema4, .activationSchema7, .activationSchema2 {
    width: 65rem;
    /*height: 16rem;*/
}

.activationSchema5, .activationSchema11 {
    width: 65rem;
    /*height: 22.5rem;*/
}

.dateActivation11 {
    color: darkgrey;
    font-family: Helvetica, Arial, sans-serif;
    line-height: 1.3em;
    font-size: small;
    position: relative;
    top: -6.9rem;
}

.legendeActivation {
    font-size: 1.4rem;
    color: #9e9e9e;
    line-height: 1.3em;
    font-family: Helvetica, Arial, sans-serif;
}

.JeParraineAncre:hover {
    color: #00a997;
    transition-duration: .3s;
}

#parrainTop4 {
    opacity: 0;
    -moz-animation: anim 0.2s linear forwards 1.6s;
    -webkit-animation: anim 0.2s linear forwards 1.6s;
    -o-animation: anim 0.2s linear forwards 1.6s;
    -ms-animation: anim 0.2s linear forwards 1.6s;
    animation: anim 0.2s linear forwards 1.6s;
    top: 0rem;
}

#parrainTop3 {
    opacity: 0;
    -moz-animation: anim 0.2s linear forwards 1.2s;
    -webkit-animation: anim 0.2s linear forwards 1.2s;
    -o-animation: anim 0.2s linear forwards 1.2s;
    -ms-animation: anim 0.2s linear forwards 1.2s;
    animation: anim 0.2s linear forwards 1.2s;
}

#parrainTop2 {
    opacity: 0;
    -moz-animation: anim 0.2s linear forwards 0.8s;
    -webkit-animation: anim 0.2s linear forwards 0.8s;
    -o-animation: anim 0.2s linear forwards 0.8s;
    -ms-animation: anim 0.2s linear forwards 0.8s;
    animation: anim 0.2s linear forwards 0.8s;
}

#parrainTop1 {
    opacity: 0;
    -moz-animation: anim 0.2s linear forwards 0.4s;
    -webkit-animation: anim 0.2s linear forwards 0.4s;
    -o-animation: anim 0.2s linear forwards 0.4s;
    -ms-animation: anim 0.2s linear forwards 0.4s;
    animation: anim 0.2s linear forwards 0.4s;
}

#parrainTop4:hover {
    margin-right: 15px;
}

@-moz-keyframes anim {
    0% {
        opacity: 0;
    }
    25% {
        opacity: 0.25;
    }
    50% {
        opacity: 0.5;
    }
    75% {
        opacity: 0.75;
    }
    100% {
        opacity: 1;
    }
}

@-webkit-keyframes anim {
    0% {
        opacity: 0;
    }
    25% {
        opacity: 0.25;
    }
    50% {
        opacity: 0.5;
    }
    75% {
        opacity: 0.75;
    }
    100% {
        opacity: 1;
    }
}

@-o-keyframes anim {
    0% {
        opacity: 0;
    }
    25% {
        opacity: 0.25;
    }
    50% {
        opacity: 0.5;
    }
    75% {
        opacity: 0.75;
    }
    100% {
        opacity: 1;
    }
}

@-ms-keyframes anim {
    0% {
        opacity: 0;
    }
    25% {
        opacity: 0.25;
    }
    50% {
        opacity: 0.5;
    }
    75% {
        opacity: 0.75;
    }
    100% {
        opacity: 1;
    }
}

@keyframes anim {
    0% {
        opacity: 0;
    }
    25% {
        opacity: 0.25;
    }
    50% {
        opacity: 0.5;
    }
    75% {
        opacity: 0.75;
    }
    100% {
        opacity: 1;
    }
}

.race__sponsors__user__img__bis:hover {
    position: absolute;
    top: -4.5rem;
    left: -2rem;
    width: 10rem;
    height: 10rem;
    background: #00a997;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.parrains__identity span {
    position: absolute;
    top: -4.4rem;
    font-size: 0;
}

.race__sponsors__user__img__bis:hover span {
    position: absolute;
    font-weight: 100;
    max-width: 100% !important;
    color: #000;
    font-size: 2rem;
    transition: color 0.8s, bottom 0.2s, font-size 0.1s;
}

.offer {
    width: 100%;
}

.offer .input-col--half + .input-col--half {
    margin-left: 0;
    margin-right: 0;
    display: table-row;

}

.label__icon--bois {
    padding-left: 2.9rem;
}

.label__icon--bois:before {
    top: -.7rem;
    width: 2.3rem;
    height: 3.8rem;
    background-image: url(../media/icons/bois@2x.png);
}

.content.offer {
    display: table;
    overflow: auto;
}

.offer .input-col--half {
    width: calc(50% - 2.5rem);
    /*min-height: 31rem;*/
    display: table-row;
}

.offer .input-col--half:nth-child(even) {
    margin-right: 4rem;
}

.option {
    width: 11rem;
    height: 17rem;
}

.option img {
    width: auto;
    height: 8rem;
    margin: auto;
    display: block;
    margin-bottom: 1rem;
}

#contratServices {
    list-style: none;
}

#contratServices .a_tab_option {
    width: 20rem;
}

#contratServices .ui-widget-header {
    border: none;
    background: none;
    color: #333;
    font-weight: 700;
}

#contratServices .ui-widget-content, .ui-widget.ui-widget-content {
    border: none;
}

#contratServices .ui-state-default {
    border: none;
    opacity: 1;
    background: #FCFCFC;
    padding-bottom: 1rem;
    -webkit-transition: all .3s cubic-bezier(.215, .61, .355, 1);
    transition: all .3s cubic-bezier(.215, .61, .355, 1);
}

#contratServices .ui-state-default a div {
    opacity: 0.5;
    -webkit-transition: all .3s cubic-bezier(.215, .61, .355, 1);
    transition: all .3s cubic-bezier(.215, .61, .355, 1);
}

#contratServices .ui-state-default a img {
    opacity: 1;
}

#contratServices .ui-state-hover {
    border: none;
    opacity: 1;
    background: none;
}

#contratServices .ui-state-hover a div {
    opacity: 1;
    -webkit-transition: all .3s cubic-bezier(.215, .61, .355, 1);
    transition: all .3s cubic-bezier(.215, .61, .355, 1);
}

#contratServices .ui-state-hover a img {
    opacity: 1 !important;
}

#contratServices .ui-state-active a div {
    opacity: 1;
}

#contratServices .ui-state-active {
    background: #00A997;
    color: #FFF;
    /*border: 1px solid #c5c5c5;*/
    border: none;
    opacity: 1;
    -webkit-transition: all .3s cubic-bezier(.215, .61, .355, 1);
    transition: all .3s cubic-bezier(.215, .61, .355, 1);
}

#contratServices ul .ui-tab:before {
    content: " ";
    padding-right: 1rem;
    padding-left: 2rem;
}

.a_tab_option {
    display: table-cell;
    /*width: 10rem;*/
    height: 15rem;
}

#contratServices #ui-id-1 {
    border-radius: 0 1rem 1rem 1rem !important;
}

#contratServices .ui-corner-top {
    border-top-right-radius: 1rem;
    border-top-left-radius: 1rem;
}

#contratServices .ui-widget-content {
    border-radius: 1rem;
    background-color: #F6F6F6;
    position: relative;
    background-repeat: no-repeat;
    background-position: 2.5rem 3rem;
    padding: 2rem;
    box-sizing: border-box;
    overflow: hidden;
    border: 2px solid #00A997;
    -webkit-transition: all .3s cubic-bezier(.215, .61, .355, 1);
    transition: all .3s cubic-bezier(.215, .61, .355, 1);
    top: -1rem;
}

#contratServices .text--title-2 {
    color: #00A997;
    margin-bottom: 2rem;
}

#contratServices .button--valid {
    color: #FFF;
}

#contratServices .button--valid:hover {
    color: #ffb135;
}

#contratServices .button--disable {
    color: #FFF;
}

.ui-tabs-panel #ajaxLoading {
    margin: 0;
}

#contratServices .article--shop:hover {
    background: none;
}

#contratServices .article--shop {
    padding: 0;
}

#contratServices .article__text {
    width: calc(100% - 42rem) !important;
    margin-left: 2rem;
    padding: 0;
}

#contratServices .article__detail {
    width: calc(100% - 39rem);
    margin-left: 18.5rem;
}

#contratServices .article__detail .link--cgv{
    display: inline-block;
    width: 100%;
    margin-left:4rem;
}

#contratServices .article__photo {
    width: 14rem !important;
    height: 14rem !important;
    margin-left: 2rem;
}

#contratServices .article__action {
    margin-left: 1rem;
}

.contratServicesCgvOn {
    max-height: 30rem !important;
}

.contratServicesCgvOff {
    max-height: 0 !important;
}

#fil_dariane_horizontal {
    list-style: none;
}

#fil_dariane_horizontal .a_tab_option {
    width: 20rem;
}

#fil_dariane_horizontal .ui-widget-header {
    border: none;
    background: none;
    color: #333;
    font-weight: 700;
}

#fil_dariane_horizontal .ui-widget-header a {
    cursor: default;
}

#fil_dariane_horizontal .ui-widget-content, .ui-widget.ui-widget-content {
    border: none;
}

#fil_dariane_horizontal .ui-state-default {
    border: none;
    opacity: 1;
    background: #FCFCFC;
    padding-bottom: 1rem;
}

#fil_dariane_horizontal .ui-state-default a div {
    opacity: 0.5;
}

#fil_dariane_horizontal .ui-state-default a img {
    opacity: 1;
}

#fil_dariane_horizontal .ui-state-hover {
    border: none;
    opacity: 1;
    background: none;
}

#fil_dariane_horizontal .ui-state-hover a div {
    opacity: 1;
}

#fil_dariane_horizontal .ui-state-hover a img {
    opacity: 1 !important;
}

#fil_dariane_horizontal .ui-state-active a div {
    opacity: 1;
}

#fil_dariane_horizontal .ui-state-active {
    background: #00A997;
    color: #FFF;
    /*border: 1px solid #c5c5c5;*/
    border: none;
    opacity: 1;
}

#fil_dariane_horizontal ul .ui-tab:before {
    content: " ";
    padding-right: 1rem;
    padding-left: 2rem;
}

.a_tab_option {
    display: table-cell;
    /*width: 10rem;*/
    height: 15rem;
}

#fil_dariane_horizontal #ui-id-1 {
    border-radius: 0 1rem 1rem 1rem !important;
}

#fil_dariane_horizontal .ui-corner-top {
    border-top-right-radius: 1rem;
    border-top-left-radius: 1rem;
}

#fil_dariane_horizontal .ui-widget-content {
    border-radius: 1rem;
    background-color: #FFF;
    position: relative;
    background-repeat: no-repeat;
    background-position: 2.5rem 3rem;
    padding: 2rem;
    box-sizing: border-box;
    overflow: hidden;
}

#fil_dariane_horizontal .text--title-2 {
    color: #00A997;
    margin-bottom: 2rem;
}

#fil_dariane_horizontal .button--valid {
    color: #FFF;
}

#fil_dariane_horizontal .button--valid:hover {
    color: #ffb135;
}

#fil_dariane_horizontal .button--disable {
    color: #FFF;
    cursor: default;
}

.ui-tabs-panel #ajaxLoading {
    margin: 0;
}

#fil_dariane_horizontal .article--shop:hover {
    background: none;
}

#fil_dariane_horizontal .article--shop {
    padding: 0;
}

#fil_dariane_horizontal .article__text {
    width: calc(100% - 39rem) !important;
    margin-left: 2rem;
    padding: 0;
}

#fil_dariane_horizontal .article__detail {
    width: calc(100% - 39rem);
    margin-left: 18.5rem;
}

#fil_dariane_horizontal .article__photo {
    width: 14rem !important;
    height: 14rem !important;
    margin-left: 2rem;
}

#fil_dariane_horizontal .article__action {
    margin-left: 1rem;
}

#fil_dariane_horizontal .fil_dariane_horizontal_onglet {
    width: 24%;
    height: 1rem;
    padding-top: 4rem;
    padding-bottom: 5rem;
    margin: 0;
}

#fil_dariane_horizontal .fil_dariane_horizontal_3_onglets {
    width: 32%;
}

#fil_dariane_horizontal .fil_dariane_horizontal_onglet a {
    font-size: 1.9rem;
    color: #008577;
    font-weight: 500;
}

#fil_dariane_horizontal .link_fil_dariane:after {
    z-index: 4;
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 100%;
    left: calc(53%);
    bottom: -5.3rem;
    box-sizing: border-box;
    background: #008577;
    content: '';
    position: relative;
    float: left;
    -webkit-transition: all .3s cubic-bezier(.215, .61, .355, 1);
    transition: all .3s cubic-bezier(.215, .61, .355, 1);
}

#fil_dariane_horizontal .fil_dariane_horizontal_onglet.ui-state-active a:after {
    z-index: 5;
    border-radius: 100%;
    left: calc(53%);
    bottom: -4.5rem;
    box-sizing: border-box;
    background: #ffd89b;
    content: '';
    position: relative;
    float: left;
    border: 4px solid #fff;
    width: 3rem;
    height: 3rem;
    -webkit-transition: all .3s cubic-bezier(.215, .61, .355, 1);
    transition: all .3s cubic-bezier(.215, .61, .355, 1);
}

#fil_dariane_horizontal .fil_dariane_horizontal_onglet_done a {
    color: #ffd89b;
}

#fil_dariane_horizontal .fil_dariane_horizontal_onglet_done a:before {
    position: absolute;
    content: '';
    height: 5px;
    background: #ffd89b;
    width: 25%;
    left: 13.5%;
    z-index: 5;
    top: 16.7rem;
    -webkit-transition: all .3s cubic-bezier(.215, .61, .355, 1);
    transition: all .3s cubic-bezier(.215, .61, .355, 1);
}

.filedariane_v2 #fil_dariane_horizontal .fil_dariane_horizontal_onglet_done a:before {
    top: 9.9rem;
}

.filedariane_v2 .cursor__content__price span{
    font-size: 3rem;
}

.filedariane_v2 .cursor__content__price small{
    left: -0.3em;
}

.filedariane_v2 small {
    font-size: .2em;
}

.filedariane_v2 .recuperation-pce small {
    font-size: .6em;
}

.filedariane_v2 .je-souscris {
    margin-bottom:1.5rem;
}

.filedariane_v2 .bt-je-souscris {
    bottom: -12px;
    position: absolute;
    right: 0;
}

.filedariane_v2 .input__switch small {
    font-size: .5em;
}



.filedariane_v2 .cursor__content {
    padding: 2.5rem 2.5rem 1rem 2.5rem;
}

.fil_dariane_horizontal_3_onglets .fil_dariane_horizontal_onglet_1.fil_dariane_horizontal_3_onglets.ui-tabs-tab.ui-corner-top.ui-state-default.ui-tab.fil_dariane_horizontal_onglet_done a:before {
    width: 33% !important;
    left: 17.5% !important;
}

.fil_dariane_horizontal_3_onglets .fil_dariane_horizontal_onglet_2.fil_dariane_horizontal_3_onglets.ui-tabs-tab.ui-corner-top.ui-state-default.ui-tab.fil_dariane_horizontal_onglet_done a:before {
    width: 33% !important;
    left: 50.5% !important;
}

.fil_dariane_horizontal_3_onglets .fil_dariane_horizontal_onglet_2.fil_dariane_horizontal_onglet_done:before {
    width: 33% !important;
    left: 17.5% !important;
}

.fil_dariane_horizontal_3_onglets .fil_dariane_horizontal_onglet_3.fil_dariane_horizontal_3_onglets.fil_dariane_horizontal_onglet_done a:before {
    left: 49.5% !important;
}

.fil_dariane_horizontal_onglet_3 ui-tabs-tab ui-corner-top ui-state-default ui-tab fil_dariane_horizontal_onglet_done a:before {
    left: 61.5%;
}

#fil_dariane_horizontal .fil_dariane_horizontal_onglet_2.fil_dariane_horizontal_onglet_done a:before {
    left: 37.5%;
}

#fil_dariane_horizontal .fil_dariane_horizontal_onglet_3.fil_dariane_horizontal_onglet_done a:before {
    left: 61.5%;
}

#fil_dariane_horizontal .fil_dariane_horizontal_onglet_done a:after {
    z-index: 4;
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 100%;
    left: calc(53%);
    bottom: -5.3rem;
    box-sizing: border-box;
    background: #ffd89b;
    content: '';
    position: relative;
    float: left;
}

#fil_dariane_horizontal .fil_dariane_horizontal_onglet.ui-state-active a {
    cursor: default;
    color: #FFF;
    /*color: #ffd89b;*/
}

#fil_dariane_horizontal ul.ui-tabs-nav, #fil_dariane_horizontal ul.ui-tabs-nav li {
    background-color: #00A997 !important;
}

#fil_dariane_horizontal ul:after {
    position: relative;
    content: '';
    height: 4px;
    background: #008577;
    bottom: 0.1rem;
    width: 73%;
    left: 13.5%;
}

.fil_dariane_horizontal_3_onglets ul:after {
    width: 64% !important;
    left: 18.5% !important;
}

#fil_dariane_horizontal .cursor {
    margin: 0;
    /*width: 97rem;*/
    margin-left: auto;
    margin-right: auto;
}

#form_changement_mensualite{
    margin-bottom:2rem;
    margin-top:2rem;
}

#fil_dariane_horizontal #buttons_form {
    margin-top: 0;
    margin-bottom: 3rem;
}

.input-col .input-col-fileariane + .input-col-fileariane {
    display: block;
}

.container-modifyRythmeFact-parent {
    /*position: absolute;
    top: 0rem;
    z-index: 10001;
    width: 100%;*/
}

.container-dashboard .input-col #fil_dariane_horizontal .content {
    margin-top: -1rem;
}

.ui-widget {
    font-family: Avenir, Arial, sans-serif;
}

.modalites_paiement .option {
    height: 13rem;
}

.article--shop .article__action .text--price {
    font-size: 2.0rem;
}


input[type=checkbox]:not(old),
input[type=radio   ]:not(old) {
    width: 0.1em;
    margin: 0;
    padding: 0;
    font-size: 1em;
    opacity: 0;
}

input[type=checkbox]:not(old) + label,
input[type=radio   ]:not(old) + label {
    display: inline-block;
    margin-left: -2em;
    line-height: 1.5em;
}

input[type=checkbox]:not(old) + label > span,
input[type=radio   ]:not(old) + label > span {
    display: inline-block;
    width: 0.875em;
    height: 0.875em;
    margin: 0.25em 0.5em 0.25em 0.25em;
    border: 0.0625em solid rgb(233, 233, 233);
    border-radius: 0.25em;
    background: rgb(255, 255, 255);
    background-image: -moz-linear-gradient(rgb(255, 255, 255), rgb(255, 255, 255));
    background-image: -ms-linear-gradient(rgb(255, 255, 255), rgb(255, 255, 255));
    background-image: -o-linear-gradient(rgb(255, 255, 255), rgb(255, 255, 255));
    background-image: -webkit-linear-gradient(rgb(255, 255, 255), rgb(255, 255, 255));
    background-image: linear-gradient(rgb(255, 255, 255), rgb(255, 255, 255));
    vertical-align: bottom;
}

input[type=checkbox]:not(old):checked + label > span,
input[type=radio   ]:not(old):checked + label > span {
    background-image: -moz-linear-gradient(rgb(255, 255, 255), rgb(255, 255, 255));
    background-image: -ms-linear-gradient(rgb(255, 255, 255), rgb(255, 255, 255));
    background-image: -o-linear-gradient(rgb(255, 255, 255), rgb(255, 255, 255));
    background-image: -webkit-linear-gradient(rgb(255, 255, 255), rgb(255, 255, 255));
    background-image: linear-gradient(rgb(255, 255, 255), rgb(255, 255, 255));
}

input[type=checkbox]:not(old):checked + label > span:before {
    content: '✓';
    display: block;
    width: 1em;
    color: rgb(25, 177, 161);
    font-size: 0.875em;
    line-height: 1em;
    text-align: center;
    text-shadow: 0 0 0.0714em rgb(115, 153, 77);
    font-weight: bold;
}

input[type=radio]:not(old):checked + label > span > span {
    display: block;
    width: 0.5em;
    height: 0.5em;
    margin: 0.125em;
    border: 0.0625em solid rgb(0, 169, 151);
    border-radius: 0.125em;
    background: rgb(25, 177, 16);
    background-image: -moz-linear-gradient(rgb(76, 195, 182), rgb(25, 177, 161));
    background-image: -ms-linear-gradient(rgb(76, 195, 182), rgb(25, 177, 161));
    background-image: -o-linear-gradient(rgb(76, 195, 182), rgb(25, 177, 161));
    background-image: -webkit-linear-gradient(rgb(76, 195, 182), rgb(25, 177, 161));
    background-image: linear-gradient(rgb(76, 195, 182), rgb(25, 177, 161));
}

.select {
    position: relative;
    display: inline-block;
    width: 10rem;
    margin-bottom: 15px;
}

.select select {
    display: inline-block;
    width: 100%;
    padding: 10px 15px;
    cursor: pointer;
    color: #6c7b3b;
    outline: 0;
    background: #FFF;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    border: 0.0625em solid rgb(233, 233, 233);
    border-radius: 0.25em;
}

.select select::-ms-expand {
    display: none;
}

.select select:hover,
.select select:focus {
    color: #FFF;
    background: #00A997;
}

.select option {
    color: #00A997;
    background: #FFF;
}

.select option:hover,
.select option:focus {
    color: #FFF;
    background: #00A997;
}

.select select:disabled {
    pointer-events: none;
    opacity: .5;
}

.select__arrow {
    position: absolute;
    top: 16px;
    right: 15px;
    width: 0;
    height: 0;
    pointer-events: none;
    border-width: 8px 5px 0 5px;
    border-style: solid;
    border-color: #00A997 transparent transparent transparent;
}

.select select:hover ~ .select__arrow,
.select select:focus ~ .select__arrow {
    border-top-color: #FFF;
}

.select select:disabled ~ .select__arrow {
    border-top-color: #ccc;
}

#jour_prelevement1 {
    border: 0.0625em solid rgb(233, 233, 233);
    border-radius: 0.25em;
    background: #FFF;
    color: #00A997;
    width: 6rem;
}

.input-col--full + .input-col--full {
    margin-left: 0;
}

#contratServices .container {
    width: 100%
}

.input__checkbox__box, .input__checkbox__radio, .input__radiobox__box, .input__radiobox__radio, .input__switch__box, .input__switch__radio {
    width: 2.8rem;
    height: 2.8rem;
}

.article--shop {
    border: 0;
}

.article--shop .article__action .text--info {
    margin-top: 1rem;
    font-size: 1.8rem;
    color: #00a997;
    background-color: #FFF;
    padding: 1rem;
    border: 0.0625em solid rgb(233, 233, 233);
    border-radius: 1.25em;
    margin-bottom: 1rem;
}

.article--shop .article__action .text--info .text--desc{
    font-size: 1.5rem;
    line-height: 1.5rem;
    display: inline-block;
}

.article--shop .article__action .text--info .text--tel{
    font-size: 2.8rem;
    line-height: 1.5rem;
    display: inline-block;
    width: 100%;
    font-weight: 500;
    margin-top: 1rem;
}

.article--shop .article__action .text--info .text--heure{
    font-size: 1.5rem;
    line-height: 1.5rem;
    display: inline-block;
}

.article--shop .article__action .text--info a {
    display: block;
    font-size: 1.5rem;
}

.article--shop--selected {
    background-color: #E9F2F1;
}

.article--shop .container {
    max-width: 100%;
}

.article__action .text--info, .article__action .service_facturation, .article__action .service_cgv {
    width: 19rem;
}

.article__action .service_facturation, .article__action .service_cgv {
    padding: 1rem;
}

.article__action_fixe {
    vertical-align: middle !important;
    /*margin-top: 0rem !important;*/
}

.article__photo_fixe {
    vertical-align: middle !important;
    /*margin-top: 20rem !important;*/
}

.table--multipurpose .table__body__file a {
    height: 6rem;
}

#scrollingDiv .content {
    padding: 2rem;
}

#noScrollingDiv .content {
    padding: 4rem 2rem 2rem 2rem;
    background-color: #E7F3F2;
}

h1 span, h2 span {
    font-size: 1.6rem;
}

.picto-electricite_locale {
    position: absolute;
    z-index: 1;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(../media/icons/electricite-locale@2x.png);
    width: 8.7rem;
    height: 8.7rem;
    left: calc(50% - 4.3rem);
    top: -1.3rem;
}

.timetable__toggle {
    top: 3rem;
    right: 1rem;
}

#echeancierFull > .table {
    margin-top: 0 !important;
}

#echeancierFull > .table td, #show__echeancier__full td {
    padding: 1rem 3rem;
    width: 10%;
}

.echeancier_mois {
    width: 20% !important;
}

.echeancier_montant {
    width: 17% !important;
}

.echeancier_paye {
    width: 50% !important;
}

.echeancier_dep {
    width: 11% !important;
}

.show__echeancier__full__button {
    cursor: pointer;
}

.title__table {
    padding-top: 2rem;
    margin-bottom: -1rem;
}

.iframe__B_Reputation {
    height: 500px;
    width: 55rem;
}

.table--multipurpose .table__foot__adobe-reader {
    margin-bottom: 20px;
}

/*
js confirm
*/
.jconfirm-title {
    color: #00A997 !important;
    text-align: center;
    width: 100%;
}

.jc-bs3-container {
    width: 70rem;
}

.width-container-popup {
    width: 95% !important;
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-blue, .qq-upload-button {
    background-color: #00A997 !important;

}

.qq-upload-button-hover {
    background-color: #00A997 !important;
}

.input-col .position-inline {
    min-width: 11rem;
}

/*.jconfirm-box-container:before {*/
.confirmEnergyCancellation .jconfirm-box:before {
    content: '';
    background-image: url(../media/icons/picto-elec@2x.png);
    background-repeat: no-repeat;
    background-size: 5rem 8.7rem;
    position: absolute;
    z-index: 1;

    width: 5rem;
    height: 8.7rem;
    left: calc(50% - 1.7rem);
    top: 0.7rem;
}

.confirmEnergyCancellation .jconfirm-box {
    padding-top: 10rem !important;
}

/*.jconfirm-box-container:before {*/
.confirmElecLocale .jconfirm-box:before {
    content: '';
    background-image: url(../media/icons/badge@2x.png);
    background-repeat: no-repeat;
    background-size: 8.7rem 8.7rem;
    position: absolute;
    z-index: 1;

    width: 8.7rem;
    height: 8.7rem;
    left: calc(50% - 4.3rem);
    top: 0.7rem;
}

.confirmElecLocale .jconfirm-box {
    padding-top: 10rem !important;
}

.jconfirm .texte_cgv {
    color: #00a997;
    font-weight: 400;
    font-size: 1.3rem;
    line-height: 1.1em;
    min-height: 9rem;
}

.jconfirm .input__checkbox__box {
    border: 3px solid #d7d7d7;
    border-radius: 6px;
    box-sizing: border-box;
}

.jconfirm .input-col.maintenance {
    max-width: 100%;
}

.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content {
    overflow: visible !important;
}

.jconfirm .popin__text {
    max-width: 50rem !important;
    margin: auto;
}

.jconfirm .div__cgv {
    margin-top: 2rem;
}

.title--high {
    top: 2rem;
    font-size: 2.8rem;
}

.height41rem {
    height: 46rem;
}

.nomargintop {
    margin-top: 0;
}

.tr_colored {
    background-color: #fcfcfc;
}

.tiny_wo_margin {

}

.button--error, .button--facebook, .button--form, .button--save, .button--social, .button--twitter, .button--valid {
    font-size: 1.7rem;
}

.button--error, .button--facebook, .button--form, .button--save, .button--social, .button--table, .button--twitter, .button--unvalid, .button--valid {
    border-radius: 6rem;
}

.button--disable-3 {
    background-color: rgba(215, 215, 215, 0.41) !important;
    pointer-events: none;
}

.button--disable-3:after {
    border: 2px solid #FFF;
}

.button--disable-3:hover {
    background-color: #d7d7d7 !important;
    color: #FFF !important;
}

.btn_fact_all, .btn_fact_all_check, .btn_fact_all, .btn_fact_one {
    text-align: center;
}

.btn_payment_fact {
    font-size: 1.5rem;
}

.image_disabled {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);

}

.container-dashboard .input-col .content {
    padding: 3rem;
}

#form_infopay .form_ibans .input {
    width: 35rem;
    float: left;
    margin-right: 2rem;
}

#form_iban {
    text-transform: uppercase;
}

.testIcon {
    background-image: url(../media/icons/cadeaux2.png);
    background-repeat: no-repeat;
    background-size: 8.7rem 8.7rem;
}

.text--abs-right-bottom {
    position: absolute;
    right: 0;
    bottom: 0;
    margin-top: 0 !important;
}

.input-col + .input-col {
    margin-left: 0;
}

.timetable__toggle__button {

    padding-left: 3rem;
}

.table__body__line--link td {
    height: 3rem !important;
}

.table--historique td {
    background-color: #FFFFFF !important;
}

#changemenentMensualiteForm .cursor {
    margin-top: 0rem;
    padding-top: 1rem;
}

#changemenentMensualiteForm td, #changemenentMensualiteForm .cursor {
    background-color: #f8f9fd !important;
}

#changemenentMensualiteForm .cursor__content {
    height: 27rem;
}

.cursor__content__price span {
    font-size: 7rem;
}

.cursor__content .text--tiny {
    margin-top: 0.5rem;
}

.cursor__content .text--small {
    margin-top: 0.5rem;
    margin-bottom: 1rem;
}

.service--texte--not-activate {
    color: #454545;
}

.service--texte--activate {
    color: #00A997;
    font-weight: 500;
}

#contratServices .ui-state-active .service--texte--activate {
    color: #fff;
    font-weight: 700;
}

#contratServices .ui-state-active .service--texte--not-activate {
    color: #fff;
}

.formAjax #edit {

}

#form_infopay .offer {
    min-height: 44rem;
}

#fil_dariane_vertical .ui-state-active {
    border: 1px solid #4CC3B6;
    background: #00a997;
    font-weight: 700;
    padding: 1rem 0 1rem 0;
}

#fil_dariane_vertical .ui-state-default {
    padding: 1rem 0 1rem 0;
    margin-bottom: 1rem;
    border: none;
}

#fil_dariane_vertical .ui-widget-content {
    border: none;
    padding: 1rem;
}

.ui-state-disabled {
    opacity: 1 !important;
}

.ui-state-disabled {
    pointer-events: auto;
}

.info--personnelle .input-line--free {
    margin-bottom: 2.5rem;
}

.info--personnelle .text--title-form {
    margin-bottom: 1rem;
}

.input--date, .input--file, .input--number, .input--password, .input--text {
    height: 6.5rem;
}

.input--select {
    height: 6rem;
}

.text--abs-right-top {
    right: 2rem;
    top: 1rem;
}

.div--abs-right-top {
    text-align: right;
    float: right;
    width: 100rem;
    position: absolute;
    top: 0rem;
    font-size: 1.6rem;
    color: #9e9e9e;
}

.ui-widget-content a {
    color: #ffb135;
}

.height-min {
    height: 6rem;
}

input[type=checkbox]:not(old):checked.form_non_modifiable + label > span, input[type=radio ]:not(old):checked.form_non_modifiable + label > span, input[type=radio]:not(old):checked.form_non_modifiable + label > span > span {
    background: none;
    border: none;
}

.modalite_facturation td {
    vertical-align: top;
}


a.updateIban {
    width: 25rem;
}

.qq-upload-success:before {
    content: '';
}

.qq-btn {
    box-shadow: none !important;
    border: none !important;
    font-size: 1.2rem !important;
    background-color: #DC523D !important;
}

a.modifyRythmeFact {
    width: 24rem;
}

a.modifyModePaiement {
    width: 31rem;
}

#nocookies {
    padding: 0.5rem;
    margin-top: 1rem;
    background-color: rgba(250, 250, 250, 0.36);
}

@media only screen and (max-width: 767px) {
    .text--title-0 {
        font-size: 2.5rem !important;
    }
}

.badge_store + .badge_store {
    margin-bottom: 5rem;
}

.badge_store .footer__block img {
    width: 15rem;
}

.header--mobile {
    /*z-index: 100000000000;*/
}

.joul__tools__button + .joul__tools__button {
    margin-top: 1rem;
}

#formDebloquerCompte + .text--error {
    background-color: #fcf8ed;
}

.illustration__svg .flag, .illustration__svg .flag2, .illustration__svg #eoliene1-pales, .illustration__svg #eolienne2-pales, .illustration__svg #eolienne3-pales, .illustration__svg #Nuage2, .illustration__svg #Nuage1, .illustration__svg #Nuage3 {
    animation: none;
    -webkit-animation: none;
}

.race #pales, .race #Nuage3, .race #Nuage2, .race #Nuage1 {
    -webkit-animation: none;
    animation: none;
}

.verydark {
    color: #6a6a6a;
}

.info--standart {
    background-color: #fff4da;
    position: relative;
    background-repeat: no-repeat;
    background-position: 2.5rem 3rem;
    padding: 0 2rem 0 2rem !important;
    box-sizing: border-box;
}

.info--standart:first-child {
    padding: 2rem 2rem 0 2rem !important;
}

.info--standart:last-child {
    padding: 0rem 2rem 2rem 2rem !important;
}

.divOffer table td {
    vertical-align: top;
}

/*file ariane bois*/

.loader_input:before {
    background-image: url(../media/gif/ajax-loader.gif);
    width: 3.8rem;
    height: 3.8rem;
    background-size: 100%;
    content: '';
    position: relative;
    left: 0rem;
    top: 0rem;
    display: block;
    margin: auto;
    margin-top: 0rem;
    margin-bottom: 0rem;
}

.loader_input:before {
    width: 3.8rem;
    height: 3.8rem;
    margin-top: 1.2rem;
}

/*Select Slick*/
.dd-select {
    border-radius: 6px !important;
    border: 3px solid #f0f0f0 !important;
    background: rgb(255, 255, 255) !important;
    width: 100% !important;
}

.dd-options {
    border: 3px solid #f0f0f0 !important;
    width: 100% !important;
    border-radius: 0 0 6px 6px !important;
    top: 6.6rem;
    box-shadow: none !important;
}

.dd-select-enable .dd-selected .dd-selected-text {

}

.dd-select-disable .dd-selected .dd-selected-text {
    color: #aaa;
}

.dd-select-enable .dd-pointer-down {

}

.dd-select-disable .dd-pointer-down {
    border-top: solid 5px #aaa;
}

.dd-option, .dd-selected {
    /*height: 8rem;*/
}

.dd-selected-description, .dd-option-description {
    font-size: 1.5rem;
}

.dd-container {
    width: 100% !important;
}

.offre_bois .div_picto_quantite_bois {
    float: right;
    text-align: center;
}

.offre_bois .picto_quantite_bois {
    width: 80%;
}

.offre_bois .input-col {
    margin-bottom: 2rem;
}

.dd-selected-text, .dd-option-text {
    font-weight: bold;
}

.div_picto_quantite_bois {
    min-height: 20rem;
    text-align: center;
}

.input-col--half.input-col-fileariane > .input-col--half.input-col-fileariane {
    margin-top: 2rem;
    width: 100%;
}

.input-cgv-no-full .input {
    width: auto;
}

.mobile .div_picto_quantite_bois {
    display: none;
    height: 0;
}

.dd-selected-image, .dd-option-image {
    display: none;
}

.mobile .dd-selected-image, .mobile .dd-option-image {
    display: block;
}

.offre_bois .input-col--two-third {
    padding-right: 0;
}

.modeDeLivraison .input__toggle {
    margin-left: 0;
}

.dd-options li:before {
    content: none;
}

.dd-options li {
    background-color: initial !important;
}

.picto-bois2:before {
    width: 2.3rem;
    height: 3.6rem;
    background-image: url(../../../assets/ekwateur/media/icons/bois2.png);
}

.prix.mode_livraison {
    margin-left: 0.6rem;
}

.div_two_col .input--state-normal {
    width: 43%;
    margin-bottom: 1rem;
    margin-left: 5rem;
}

.div_two_col {
    padding: 1rem 0 0 5rem;
}

.div_two_col + .info, .retraitStd + .info {
    margin-top: 0 !important;
    margin-bottom: 4rem;
}

.prix_ttc_green {
    color: #00a997;
    font-weight: bold;
}

.ttc_green {
    color: #00a997;
    font-weight: bold;
    font-size: 1rem;
}

.recapitulatif_offre .input-col + .input-col {
    margin-left: 0;
    margin-bottom: 2rem;
}

.recapitulatif_offre .input-col {
    /*text-align: center;*/
}

.offre_choisie_photo img {
    height: 10rem;
    display: block !important;
    margin-left: auto;
    margin-right: auto;
}

.recapitulatif_offre .input-col--one-third {
    width: 32.33%;
}

.loader_screen {
    background: url('../media/gif/ajax-loader.gif') 50% 50% no-repeat rgba(255, 255, 255, 1);
    cursor: wait;
    height: 100%;
    left: 32rem;
    position: fixed;
    top: 0;
    width: 83%;
    z-index: 10001;
}

.loader_screen:before {
    content: 'Merci de patienter...';
    height: 50rem;
    width: 50rem;
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    left: calc(50% - 8rem);
    position: relative;
    bottom: -32rem;
}

.loader_screen h1 {
    background: none;
    border: none;
    color: #458976;
    font-size: 22px;
    font-family: "Open Sans", sans-serif;
    font-variant: small-caps;
    font-weight: 700;
    height: 700px;
    line-height: 700px;
    margin: 0 0 10px;
    padding: 0;
    text-align: center;
}

.em, .em-svg {
    height: 1em;
    width: 1em;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    vertical-align: text-top;
}

/*Meter parrainage*/
.progress-counter {
    border-radius: 10rem;
    background: #FFF;
    position: relative;
    width: 72rem;
    height: 8rem;
    margin: 0 auto 4rem auto;
}

.progress-counter--all {
    position: relative;
    top: 37%;
    margin: 0 auto;
    width: 37rem;
}

.progress-counter--left, .progress-counter--right {
    width: 5rem;
    color: #00a997;
    text-align: right;
    top: 39%;
    position: relative;
    font-size: 2rem;
    padding-right: 0.5rem;
    display: inline-block;
}

.progress-counter--right {
    width: 11rem;
    text-align: left;
    padding-left: 0.5rem;
}

.progress-counter--middle {
    width: 17rem;
    height: 100%;
    color: #00a997;
    display: inline-block;
}

.progress-counter--number {
    padding: 0.2rem;
    border: 2px solid #ffb135;
    font-size: 3rem;
    font-weight: bold;
}

.progress-counter--counter {
    margin: 0 auto;
    width: 16rem;
    top: 33%;
    position: relative;
}

.progress-container {
    position: relative;
    width: 72rem;
    margin: 0 auto;
    background: #ffb135;
    height: 0.8rem;
    border-radius: 8px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
}

.progressbar {
    position: absolute;
    height: 100%;
    max-width: 100%;
    border-radius: 8px;
    background: #00a997;
    line-height: 2em;
    color: #FFF;
    font-weight: bold;
    text-align: right;
    padding-right: 5px;
}

.progressbar--min, .progressbar--max, .progressbar--lowest, .progressbar--low, .progressbar--high {
    position: absolute;
    height: 1rem;
    width: 1rem;
    border-radius: 100%;
    color: #00a997;
    top: -7px;
    background-color: #00a997;
    text-align: center;
}

.progressbar--min {
    left: -6px;
    border: 0.6rem solid #00a997;
    background-color: #00a997;
    border-radius: 100%;
}

.progressbar--lowest, .progressbar--low, .progressbar--high, .progressbar--max, .progressbar--no-pulsate {
    background-color: #ffb135;
    height: 4rem;
    width: 4rem;
    top: -17px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 50%;
}

.progressbar--lowest--pulsate {
    height: 5rem;
    width: 5rem;
    top: -26px;
    left: 32%;
}

.progressbar--low--pulsate {
    height: 5rem;
    width: 5rem;
    top: -26px;
    left: 32%;
}

.progressbar--high--pulsate {
    height: 5rem;
    width: 5rem;
    top: -26px;
    left: 65%;
}

.progressbar--max--pulsate {
    height: 5rem;
    width: 5rem;
    top: -26px;
    left: 96%;
}

.progressbar--lowest {
    left: 3%;
    background-image: url(../../../assets/ekwateur/media/landing/jeux-concours/kit_solaire.png);
}

.progressbar--low {
    left: 10%;
    background-image: url(../../../assets/ekwateur/media/landing/jeux-concours/scooter.png);
}

.progressbar--high {
    left: 50%;
    background-image: url(../../../assets/ekwateur/media/landing/jeux-concours/voiture.png);
}

.progressbar--max {
    left: 97%;
    background-image: url(../../../assets/ekwateur/media/landing/jeux-concours/voiture_zoe.png);
}

.progress-container-03 .progressbar--lowest {
    background-color: #00a997;
}

.progress-container-33 .progressbar--lowest, .progress-container-33 .progressbar--low {
    background-color: #00a997;
}

.progress-container-66 .progressbar--lowest, .progress-container-66 .progressbar--low, .progress-container-66 .progressbar--high {
    background-color: #00a997;
}

.progress-container-100 .progressbar--lowest, .progress-container-100 .progressbar--low, .progress-container-100 .progressbar--high, .progress-container-100 .progressbar--max {
    background-color: #00a997;
}

.progress-container .progressbar .loader_input:before {
    width: 2.8rem;
    height: 2.8rem;
    margin-top: 1.2rem;
    margin-left: 0;
    margin-right: 0;
    float: right;
}

.faq {
    background-color: #fff9eb;
    padding: 1rem;
}

figcaption {
    font-style: italic;
}

.jeuConcoursParrainage .text--regular2 {
    font-size: 2.5rem;
    margin-bottom: 4rem;
    line-height: 3rem;
}

.jeuConcoursParrainage .text--regular {
    color: #01a997;
}

.jeuConcoursParrainage .text--title-1 {
    color: rgb(255, 177, 53);
    display: block;
    font-size: 5.5rem;
    line-height: 9rem;
    font-weight: 800;
}

.jeu-concours-invitation--gauche {
    float: left;
    width: 50%;
}

.jeu-concours-invitation--droite {
    float: right;
    margin-bottom: 3rem;
    width: 50%;
    text-align: center;
}

.jeu-concours-invitation--droite img {
    width: 70%;
}

.item .text--price2 a {
    display: block;
    font-size: 1.5rem;
}

.margin-left-0 {
    margin-left: 0 !important;
}


.item .text--price2 a {
    display: block;
    font-size: 1.5rem;
}

.choisirCompte_energie_sous_bloc{
    width: 100%;
    min-height: 4rem;
}

.choisirCompte_energie_sous_bloc_col_icone{
    float:left;
    width: 10%;
}

.choisirCompte_energie_sous_bloc_col_contenu{
    float:right;
    width: 90%;
}


.font-size-medium {
    font-size: medium;
}

.linkFontFamily {
    font-family: Avenir, Arial, sans-serif;
}

.text-right-title-color {
    color: #00a997;
    font-weight: 400;
}

.color-dark-offre {
    color: #6a6a6a;
}

.color-gray-offre {
    color: #9e9e9e;
}

.color-blue-offre {
    color: #00a997 !important;
}

.color-orange-prix-offre {
    color: #ffb135;
}

.color-blue-subtitle {
    color: #00a997;
    font-weight: 400;
}

.bold {
    font-weight: bold;
}

.cursor-pointer {
    cursor: pointer;
}

.td_button {
    height: 7rem;
}
/**
 * Tooltip Styles
 */

/* Add this attribute to the element that needs a tooltip */
[data-tooltip] {
    position: relative;
    z-index: 2;
    cursor: pointer;
}

/* Hide the tooltip content by default */
[data-tooltip]:before,
[data-tooltip]:after {
    visibility: hidden;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
    pointer-events: none;
}

/* Position tooltip above the element */
[data-tooltip]:before {
    position: absolute;
    bottom: 150%;
    left: 50%;
    margin-bottom: 5px;
    margin-left: -80px;
    padding: 7px;
    width: 350px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: white;
    color: #9e9e9e;
    border: 1px solid #9e9e9e;
    box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.3);
    content: attr(data-tooltip);
    text-align: center;
    font-size: 14px;
    line-height: 1.2;
}

/* Triangle hack to make tooltip look like a speech bubble */
[data-tooltip]:after {
    position: absolute;
    bottom: 150%;
    left: 50%;
    margin-left: -5px;
    width: 0;
    border-top: 5px solid #9e9e9e;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    content: " ";
    font-size: 0;
    line-height: 0;
}

/* Show tooltip content on hover */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
    visibility: visible;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
}

.font-small {
    font-size: small !important;
}

.filedariane_v2 sup {
    font-size: 1.15rem !important;
}

.pr-1 {
    padding-right: 1rem;
}

.pr-2 {
    padding-right: 2rem;
}

.pl-1 {
    padding-left: 1rem;
}

.pl-2 {
    padding-left: 2rem;
}

.pl-4 {
    padding-left: 4rem;
}

.pt-1 {
    padding-top: 1rem;
}

.pt-2 {
    padding-top: 2rem;
}

.pb-1 {
    padding-bottom: 1rem;
}

.pb-2 {
    padding-bottom: 2rem;
}

.pt-1:last-child {
    margin-bottom:2rem;
}


.nowrap {
    white-space: nowrap;
}

.text-underline-small {
    font-size: 1.6rem;
    color: #9e9e9e;
}

.offers__price__custom {
    display: inline-block;
    width: 48%;
}

.input-col--half-delete-margin {
    margin-right: 0 !important;
    width: 54% !important;
}

.service_client .popin__title {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    font-size: 2.3rem;
}

.service_client .popin__text {
    max-width: none;
    font-size: medium;
}

.service_client .popin__phone {
    margin-top: 1rem;
    font-size: 2.2rem;
}

.text__middle {
    vertical-align: middle !important;
}

.typeFilDariane--4 .progress__content__items--4 {
    width: 100%;
}

.titre-cadre-devis.annuel{
    font-weight: 700;
    font-size: larger;
}

.padding-table th{
    padding: 1.2rem 2rem;
}
.padding-table td{
    padding: 0.8rem 2rem;
}
.line-through{
    text-decoration: line-through;
}

.flex-parent{
    display: flex;
}

.flex-enfant{
    margin: auto;
}

.flex-adapt{
    flex: 1 1 auto;
}

.vertical-align-flex {
    display: flex;
    justify-content: center;
    align-items: center;
}

.justify-content-center {
    justify-content: center;
}

.flex-wrap-wrap {
    flex-wrap: wrap;
}

.width-heigth-12 {
    width: 12rem;
    height: 12rem;
}

.img-sponsored {
    background-color: #fff4da;
    border-radius: 100%;
}

.inline-block{
    display: inline-block;
}

.mt-1{
    margin-top: 1rem;
 }

.mt-2{
    margin-top: 2rem;
}

.mt-3{
    margin-top: 3rem;
}

.mt-4{
    margin-top: 4rem;
}

.mt-6{
    margin-top: 6rem;
}

.mb-1{
    margin-bottom: 1rem;
}

.mb-2{
    margin-bottom: 2rem;
}

.mb-3{
    margin-bottom: 3rem;
}

.mb-4{
    margin-bottom: 4rem;
}

.mb-6{
    margin-bottom: 6rem;
}

.ml-1{
    margin-left: 1rem;
}

.ml-2{
    margin-left: 2rem;
}

.ml-3{
    margin-left: 3rem;
}

.ml-4{
    margin-left: 4rem;
}
.mr-1{
    margin-right: 1rem;
}

.mr-2{
    margin-right: 2rem;
}

.mr-3{
    margin-right: 3rem;
}

.mr-4{
    margin-right: 4rem;
}

.titre-indication-facture{
    text-align: center;
    font-size: 3rem;
    color: #00a997;
}

#file_d_ariane_form_deliveryPoint:read-only{
    background-color: whitesmoke;
}


.blocs_option_content{
    background-color: #fbfbfb;
    margin-top: 2rem !important;
}

.blocs_option_icon{
    position: absolute;
    top: calc(50% - 1rem);
}

.blocs_option_switch{
    position: absolute;
    top: 50%;
    right: -3rem;
}

.blocs_option_content .energy-offer__tip span{
    left: -0.5rem;
}

.text-bloc-option{
    margin-top: 0;
    max-width: 98% !important;
}

.line-height-span-bloc-option {
    line-height: 0.5em !important;
}

.cadre-offre-energie{
    border-radius: 30px 30px 30px 30px;
    -moz-border-radius: 30px 30px 30px 30px;
    -webkit-border-radius: 30px 30px 30px 30px;
    background-color: #00a997;
    border: 10px solid #00a997;
    color: white;
    margin-bottom:3rem;
}

.background-white{
    background-color: white;
}

.background-green{
    background-color: #00a997;
    color: white;
}

.title-bloc-offre-energie{
    font-size: 2.1rem;
}

.border-bottom{
    border-bottom: 1px solid #cfefeb;
}

.font-size-small{
    font-size: small;

}

.je-calcule-devis{
    width: 20rem;
}

.cadre-offre-energie table tfoot td{
    /*white-space:nowrap;*/
}

.cadre-offre-energie .padding-table td {
    /*width: 33%*/
}

.ajout-energie .input-col.input-col--half{
    width: calc(50% - 1.5rem);
}

.margin-right-1_5rem {
    margin-right: 1.5rem;
}

.margin-bottom-1_5rem {
    margin-bottom: 1.5rem;
}

.x-font-small {
    font-size: x-small !important;
}

.contourOrange{
    border: 3px solid #ffb135;
    animation: shake .82s cubic-bezier(.36,.07,.19,.97) both;
    transform: translate3d(0, 0, 0);
}

@keyframes shake {
    10%, 90% {
        transform: translate3d(-1px, 0, 0);
    }

    20%, 80% {
        transform: translate3d(2px, 0, 0);
    }

    30%, 50%, 70% {
        transform: translate3d(-4px, 0, 0);
    }

    40%, 60% {
        transform: translate3d(4px, 0, 0);
    }
}

.illustration__warning {
    animation: slide .82s cubic-bezier(.36,.07,.19,.97) both;
    bottom: -160px;
}


@keyframes slide {
    100% {
        bottom: 20px;
    }

}

.consommation_statut {
    margin-top: 3rem;
    position: relative;
    display: inline-block;
    text-align: center;
    width: 340px;
    height: 340px;
}

.consommation_statut h3 {
    margin-top: 14rem;
    font-size: 1.4rem;
}

.img_pas_devis_gaz{
    position: absolute;
    left: 0;
    margin-top: -28px !important;
}

@media only screen and (max-width: 1400px) {
    .img_pas_devis_gaz{
        display: none;
    }
}

.jconfirm.jconfirm-material .jconfirm-box div.jconfirm-content{
    color: #6a6a6a !important;
}
.relative{
    position: relative;
}

.width-100{
    width: 100%;
}

.ajout-energie-input-pce{
    width: 55%;
    margin-right: 0;
}

.fond-rond-orange {
    padding: .2rem .8rem;
    border: 2px solid #ffdf91;
    border-radius: 2rem;
    color: #fff;
    margin-right: .8rem;
    background-color: #ffc359;
}

.margin-left-0{
    margin-left: 0 !important;
}

.link--orange{
    color: orange;
}

.debug-lien-float-left{
    float: none;
    display: inline-block;
}

.ajout-energie-block-pce{
    min-height: 500px;
}


.ajout-energie-block-pce .ajout-energie-block-center-pce{
    width: 70%;
    margin: auto;
}

.ajout-energie-block-center-pce p{
    font-size: smaller;
    margin-left: 20px;
    text-align: justify;
}

.font-size-x-large{
    font-size: x-large;
}

.font-size-x-small{
    font-size: x-small;
}
.ajout-energie-condition-generale-pas-gaz{
    text-align: justify;
    line-height: 1.5rem;
}

.text-align-justify{
    text-align: justify;
}

.line-height-5-rem{
    line-height: 5rem;
}

.liste--autoreleve .dataTables_info {
    text-align: right;
}

.dataTables_info, #rangeDocuments{
    margin-top: 2rem;
    font-size: 1.5rem;
    padding-left: 1rem;
}

.ui-button:focus .ui-icon, .ui-button:hover .ui-icon, .ui-state-default .ui-icon, .ui-state-focus .ui-icon, .ui-state-hover .ui-icon {
    background-image: none;
}

.arrow--accordion-opened, .arrow--accordion-closed{
    color: #ffb135;
    height: 2rem;
    width: 2rem;
    margin-right: 1rem;
    display: inline;
    background-image: none;
}

.arrow--accordion-opened:before{
    content: "e";
    font-family: icons,sans-serif;
    text-transform: none;
    font-size: 1.1rem;
}

.arrow--accordion-closed:before{
    content: "g";
    font-family: icons,sans-serif;
    text-transform: none;
    font-size: 1.1rem;
}

.table__body .group{
    cursor: pointer;
}
#otherDocuments .group td{
    background-color: #eff1f4 !important;
    font-weight: bold;
    border-top: 1px solid #FFF;
    text-transform: uppercase;
    color: #9e9e9e;
    font-size: 1.3rem;
}

#otherDocuments .table--multipurpose .table__body__titles td, #otherDocuments .table--multipurpose thead td, #otherDocuments .table__body__titles td, #otherDocuments .table--small thead td {
    background-color: #00a997 !important;
    color: #fff;
}

.divOffer .activationSchema{
    width: 100%;
    cursor: pointer;
}

.divOffer #accordeonStandard .ui-accordion-header {
    border: none;
    background: none;
    font-weight: inherit;
    color: inherit;
    cursor: pointer;
}
.divOffer .ui-widget-content {
    border-color: #ffb135;
}

.mb-1{
    margin-bottom: 1rem;
}

.mention-legal-pcs{
    float: left;
    margin-left: 50%;
}

.popin-help-margin{
    margin-top:2rem  !important;
}

.popin-help-email{
    font-weight: 400;
    font-size: inherit;
    margin-top: 1rem;
    color: #00a997;
}

.groupe_multi_site {
    color: #00a997;
    margin-top: 3rem;
    font-size: 200%;
    font-weight: 500;
    margin-left: 1.5rem;
}

.raison_social_multi_site {
    color: #FFBF00;
    margin-top: 3rem;
    font-size: 150%;
    font-weight: 500;
    margin-left: 1.5rem;
}

.color_orange {
    color: #FFBF00;
}

.chemin_site {
    color: #FFBF00;
    font-weight: 500;
    padding: 0.5rem 0rem 0.5rem 0rem;
}

.width-33{
    width: 33rem;
}

.button--padding{
    padding: 2rem 3rem;
}

.input-col--one-fifth {
    width: calc(20% - 1.5rem);
}

.input-disabled{
    background-color: whitesmoke;
}

.input-disabled:hover {
    cursor: not-allowed;
}

.color-indianred{
    color: indianred;
}

.formualaireRechercheIndexConsommation .input--state-normal{
    margin-top: 1rem !important;
}

.mt-21{
    margin-top: 21rem;
}

.ui-icon-circle-triangle-w{
    display: none !important;
}

.ui-icon-circle-triangle-e{
    display: none !important;
}

.ui-state-disabled span{
    color: lightgray !important;
}

.mt-4-6{
    margin-top: 4.6rem;
}

.width-5{
    width: 15rem !important;
}

.font-size-larger{
    font-size: larger;
}

#tableauSuiviLocataire_length{
    float: right;
    margin-bottom: 0.5rem;
    margin-right: 2rem;
    font-size: small;
}

#tableauSuiviLocataire_wrapper .dataTables_paginate{
    float: right;
    margin-top: 1rem;
    margin-right: 2rem;
}

#tableauSuiviLocataire_paginate .first, #tableauSuiviLocataire_paginate .last{
    display: none;
}
#tableauSuiviLocataire_wrapper .dataTables_info{
    display: none;
}

#tableauSuiviLocataire_length label select {
    font-size: 1.2rem;
    border: 3px solid #f0f0f0;
    border-radius: 6px;
}

.listOffreBois {
    overflow-y: auto;
    height: 291px;
    width: 100%;
    display: flow-root;
    padding: 0 2px;
    background-color: #fafafa;
}

.dropbtn {
    background-color: #FFFFFF;
    color: #777;
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer;
    width: 100%;

}

.dropbtn:hover, .dropbtn:focus {
    /*background-color: #93f7ce;*/
    background-color: #aee4de;
}

#myInput {
    border-box: box-sizing;
    background-image: none;
    background-position: 14px 12px;
    background-repeat: no-repeat;
    font-size: 16px;
    padding: 14px 20px 12px 45px;
    /*    border: none;*/
    width: 90%;
    height: 40px;
    border: 2px solid #00a997;
    border-radius: 1rem;

}

.dropdown {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 100%;
    z-index: 1100
}

.dropdown-content {
    display: block;
    position: absolute;
    background-color: #FFFFFF;
    min-width: 230px;
    overflow: auto;
    /*    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);*/
    z-index: 1100;
    width: 100%;
    height: 85%;

}

.race__sponsors__sponsor--1,.race__sponsors__sponsor--2,.race__sponsors__sponsor--3 {
    top:2.5rem
}

.race__sponsors__sponsor--3 {
    left:63%
}

.race__sponsors__sponsor--2 {
    left:78%
}

.race__sponsors__sponsor--1 {
    left:93%
}

.block-green{
    background-color: #00a997;
    color: #fff;
    padding: 5px;
}

.partnersPaging{
    display: flex;
    justify-content: center;
    padding-bottom: 20px;
}

/* This is CSS for the added "switch to the app" layout, divs and popins */

.popin__icon--mobile {
    background-image: url(../../../assets/ekwateur/media/icons/mobile.png);
    width: 8.7rem;
    height: 8.7rem;
    left: calc(50% - 4.3rem);
    top: -4.3rem;
}

.downloadTheAppQRCodeContainer {
    display: flex;
    flex-direction: row;
}

.downloadTheAppQRCodeImage {
    flex-grow: 1;
}

.centeredInGrid {
    display: grid;
    place-items: center;
}

.switchToTheAppContainer {
    padding: 0;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.switchToTheAppTextPart {
    padding: 24px 24px 0 36px;
    flex: 1;
}

.switchToTheAppImagePart {
    flex: 0.8;
}

.switchToTheAppImage {
    display: block;
    max-width: 100%;
    max-height: 100%;
}

.icon--after.icon--twitter:after,.icon--before.icon--twitter:before,.icon--twitter.button--save:before,.icon--twitter.input--state-error:before,.icon--twitter.input--state-valid:before,.icon--twitter.input__checkbox__box__icon:before,.icon--twitter.my-self-report__content:before,.icon--twitter.summary:before,.icon--twitter.ui-popin__close:before,.ui-datepicker .icon--twitter.ui-datepicker-next:before,.ui-datepicker .icon--twitter.ui-datepicker-prev:before{
    content: "\1D54F";
    font-size: x-large;
}