

.block-titre.align-center .desc ul,.block-titre.align-center .desc ol {
    display: table;
    margin-left: auto;
    margin-right: auto
}

.block-titre.align-center .desc ul li,.block-titre.align-center .desc ol li {
    margin: 0 auto;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.block-titre.title_3 .desc,.block-titre.title_3 .desc p {
    color: #fff
}

.block-titre.title_3 .desc a,.block-titre.title_3 .desc p a {
    font: inherit
}

.rich-text>.block-titre {
    margin-bottom: 2rem
}


/*OFFRES*/

.other-offer {
    position: relative; 
    margin: 0 1.25rem 20px 1.25rem;
}

.other-offer.has-highlighted {
    position: relative
}

.other-offer:hover .other-offer-inner {
    -webkit-box-shadow: 0px 4px 50px rgba(0,0,0,0.15);
    box-shadow: 0px 4px 50px rgba(0,0,0,0.15)
}

.other-offer.disabled {
    opacity: .5
}

.other-offer .mention-highlighted {
    position: absolute;
    top: -1.875rem;
    right: 0;
    z-index: 1;
    padding: .4375rem .75rem .875rem;
    background: #FE5716;
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem;
    color: #fff;
    font: 1.125rem/1.3 "EDF-Bold",sans-serif;
    line-height: 1
}

.other-offer .tag-surtitle {
    padding: 0.25rem 0.4375rem;
    display: inline-block;
    color: #fff;
    font: 0.6875rem/1.3 "EDF-Bold",sans-serif;
    text-transform: uppercase;
    letter-spacing: 2px;
    background-color: #4F9E30
}

.other-offer .other-offer-inner {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-top: 4.5rem;
    min-height: 24.75rem;
    height: 100%;
    border-radius: .5rem;
    z-index: 2
}

.other-offer.offer-te .other-offer-picto {
    right: 1.25rem;
    max-width: 5.25rem;
}

.other-offer-picto {
    position: absolute;
    top: 0;
    right: 0;
    width: auto;
    max-width: 8.0625rem
}

.other-offer-picto img {
    width: 100%
}

.other-offer .text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: center;
    position: relative;
    top: 0;
    height: 100%;
    margin: 0 1.8125rem 0;
    font-size: .8125rem
}

.other-offer .text .title-section {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 100%;
    padding: 0;
    z-index: 1
}

.other-offer .text .title-section a {
    text-decoration: none
}

.other-offer .text .title-section a:hover strong,.other-offer .text .title-section a:focus strong,.other-offer .text .title-section a:active strong {
    text-decoration: underline
}

.other-offer .text .title-section a:before {
    z-index: 5;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: ''
}

.other-offer .text .title-section .title {
    display: block;
    margin: .5rem 0 1rem;
    color: #001A70;
    font-size: 1.5rem
}

.other-offer .text .text-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    padding: 0 0 5.75rem;
    width: 100%;
    height: 100%
}

.other-offer .text .text-inner .desc {
    font-size: .875rem;
    margin-bottom: 1rem
}

.other-offer .text .text-inner .desc p {
    margin: 0
}

.other-offer .option {
    display: block;
    margin: .875rem 0 0;
    font-size: 0.8125rem
}

.other-offer .grp-link {
    display: block;
    font-size: 1rem;
    color: #005BFF
}

.other-offer-power-info .uppercase {
    font: 0.75rem/1.5 "EDF-Bold",sans-serif;
    display: block;
    text-transform: uppercase;
    letter-spacing: 2px
}

.other-offer-power-info .value {
    font: 2rem/1.6 "EDF-Bold",sans-serif
}

.other-offer-power-info .unit {
    font: 1.25rem/1.6 "EDF-Bold",sans-serif
}

.other-offer .value {
    font-size: 2.125rem
}

.other-offer .unit {
    font-size: 1.25rem
}

.other-offer .text ul {
    padding-left: 1rem;
    margin: .5rem 0
}

.other-offer .links-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: absolute;
    z-index: 6;
    width: 100%;
    bottom: 0;
    padding: 1rem 1.8125rem 1.125rem;
    border-top: 1px solid #fff;
    margin-top: auto
}

.other-offer .links-wrapper .link-with-radius {
    display: inline-block
}

.other-offer .links-wrapper .other-offer-compare {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
}

.other-offer .links-wrapper .other-offer-compare input {
    margin-right: .3125rem;
    accent-color: #005BFF;
    cursor: pointer
}

.other-offer .links-wrapper .other-offer-compare input:hover,.other-offer .links-wrapper .other-offer-compare input:focus {
    accent-color: #005BFF
}

.other-offer .links-wrapper .other-offer-compare label {
    color: #005BFF;
    cursor: pointer
}

.other-offer[data-sortie-de-tarif="true"] .links-wrapper {
    z-index: 0
}

.other-offer .know-more-wrapper span {
    color: #005BFF
}

.other-offer.gas .other-offer-inner {
    background: #E9F1F9
}

.other-offer.gas .tag-surtitle {
    background-color: #1057C8
}

.other-offer.electricity .other-offer-inner {
    background: #fcf0e0
}

.other-offer.electricity .tag-surtitle {
    background-color: #FE5716
}

.other-offer.electricity .text .text-inner .desc {
    margin-bottom: 2rem
}

.other-offer.offer-te .other-offer-inner {
    background: #e5f4de
}

.use-plus-between-items .other-offer:not(:nth-child(1)) {
    position: relative
}

.use-plus-between-items .other-offer:not(:nth-child(1)):before {
    content: '';
    position: absolute;
    top: -2.625rem;
    left: calc(50% - 18px);
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 50%;
    z-index: 2;
    background: #005BFF url("/themes/custom/nova/assets/images/00-tokens/pictos/images/plus.svg") 50% 50% no-repeat;
    background-size: 20px 20px
}

@media screen and (min-width: 48em) {
    .use-plus-between-items .other-offer:not(:nth-child(1)):before {
        top:-2.125rem;
        left: calc(50% - 18px)
    }
}

@media screen and (min-width: 64em) {
    .use-plus-between-items .other-offer:not(:nth-child(1)):before {
        top:calc(50% - 18px);
        left: -2.375rem
    }
}

@media screen and (min-width: 48em) and (max-width:64em) {
    .use-plus-between-items .other-offer:not(:nth-child(1)):nth-child(2n):before {
        top:calc(50% - 18px);
        left: -1.875rem
    }
}

.other-offer .other-offer-power-info {
    margin-top: auto
}

@media screen and (min-width: 48em) {
    .other-offer {
        min-width:calc(50% - 1.25rem);
        max-width: calc(50% - 1.25rem)
    }
}

@media screen and (min-width: 64em) {
    .other-offer {
        min-width:16rem;
        width: calc(33.33% - 2.5rem);

    }

    .other-offer-picto {
        max-width: 6.25re
    }

    .other-offer .text {
        margin: 0 24px
    }

    .other-offer .option {
        font-size: 0.875rem
    }
}

@media screen and (min-width: 80em) {
    .other-offer .links-wrapper {
        padding-right:2rem;
        padding-left: 2.5rem
    }
}

.other-offer .mention-highlighted {
    display: none
}

.card-push.edito-cards-7c+.other-offer .mention-highlighted,.has-highlighted .other-offer:first-child .mention-highlighted,.eol-block .other-offer:first-child .mention-highlighted {
    display: block
}

.offer-te-list {
    margin-bottom: 3rem
}

.offer-te-list .filters {
    padding: 1.375rem .875rem 1.375rem .875rem;
    margin-bottom: 3.75rem;
    border: 10px solid #005BFF
}

.offer-te-list .filters.on .accordion:after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out,-webkit-transform .3s ease-in-out
}

.offer-te-list .filters.off .remove-all-filters,.offer-te-list .filters.off .fieldset-wrapper {
    display: none
}

.offer-te-list .filters .accordion {
    position: relative;
    padding: 0 2.5625rem 0 3.5rem;
    background: none;
    width: 100%;
    min-height: 3rem;
    color: #001A70;
    font: 1.25rem/1.3 "EDF-Bold",sans-serif;
    border: none;
    text-align: left
}

.offer-te-list .filters .accordion:after {
    display: inline-block;
    position: absolute;
    right: 0.75rem;
    top: calc(1.5rem - 0.75rem);
    width: 1rem;
    height: 1.5rem;
    content: "";
    background: url(/themes/custom/nova/assets/images/03-organisms/te-offer-list/images/select-down.svg) no-repeat 95% 0.5625rem;
    background-size: 1.0625rem .5625rem;
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out,-webkit-transform .3s ease-in-out
}

.offer-te-list .filters .accordion:before {
    position: absolute;
    left: 0;
    top: 0;
    display: inline-block;
    width: 3rem;
    height: 3rem;
    margin-right: 1rem;
    background: url(/themes/custom/nova/assets/images/03-organisms/te-offer-list/images/comparer.svg);
    background-size: 100%;
    content: ""
}

.offer-te-list .filters .fieldset-wrapper {
    margin-top: 1.5rem
}

.offer-te-list .filters .form-item {
    margin-bottom: 1.5rem
}

.offer-te-list .filters .form-item label {
    display: block
}

.offer-te-list .filters .form-item select {
    width: 100%
}

.offer-te-list .filters .clear-all {
    display: block;
    margin: 1.5rem 0 0;
    padding: 0 0 0 2.1875rem;
    background: transparent url(/themes/custom/nova/assets/images/03-organisms/te-offer-list/images/close-thin.svg) 0 50% no-repeat;
    background-size: 1.875rem 1.875rem;
    border: none;
    color: #005BFF;
    font: 1rem/1.3 "EDF-Bold",sans-serif;
    text-align: left
}

.offer-te-list .filters .see-all {
    margin-top: 1.625rem;
    padding-left: 2.1875rem;
    background: transparent url(/themes/custom/nova/assets/images/03-organisms/te-offer-list/images/direction-right.svg) 0 50% no-repeat
}

.offer-te-list .section-list-offers .list-offers-wrapper {
    padding-left: 16px;
    padding-right: 16px
}

.offer-te-list .section-list-offers .other-offer {
    margin-bottom: 3rem
}

.offer-te-list .section-list-offers .filtered {
    display: none
}

.offer-te-list .te-references .filtered {
    display: none
}
@media screen and (min-width: 64em) {
    .offer-te-list .section-list-offers .list-offers-wrapper {
        width: 100%;
  
    }
}

.list-offers-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding-left: 1.25%;
        padding-right: 1.25%  }


@media screen and (min-width: 48em) {
    .offer-te-list .section-list-offers .list-offers-wrapper {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding-left: 1.25%;
        padding-right: 1.25%
    }

    .offer-te-list .section-list-offers .other-offer {
        margin: 0 .625rem 2rem
    }

    .offer-te-list .section-list-offers .card-push {
        margin: 0 .625rem
    }
}

@media screen and (min-width: 64em) {
    .offer-te-list {
        margin-bottom:4rem
    }

    .offer-te-list .filters {
        padding: 1.5rem 4.25rem 2.875rem 1.875rem;
        margin-bottom: 5rem
    }

    .offer-te-list .filters form {
        position: relative
    }

    .offer-te-list .filters .accordion {
        padding: 0 0 0 6rem;
        min-height: 5rem
    }

    .offer-te-list .filters .accordion::before {
        width: 5rem;
        height: 5rem
    }

    .offer-te-list .filters .accordion:after {
        display: none
    }

    .offer-te-list .filters .fieldset-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-left: 6rem
    }

    .offer-te-list .filters .form-item {
        width: calc(50% - .5rem);
        margin-bottom: 0
    }

    .offer-te-list .filters .clear-all {
        margin-left: 6rem
    }

    .offer-te-list .filters .see-all {
        position: absolute;
        right: 0;
        bottom: 0;
        margin-top: 0
    }

    .offer-te-list .section-list-offers .list-offers-wrapper {
        width: 100%
    }

    .offer-te-list .section-list-offers .other-offer {
        margin: 0 1.25rem 2.5rem
    }

    .offer-te-list .section-list-offers .card-push {
        -webkit-box-flex: calc(65% - 4rem);
        -ms-flex: calc(65% - 4rem);
        flex: calc(65% - 4rem);
        margin: 0 1.25rem 0
    }

    .offer-te-list .section-list-offers .card-push.edito-cards-7c .card-edito {
        margin-bottom: 2.5rem
    }
}

