@media (min-width: 640px) {
    [class*=" grid-"],[class^=grid-] {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    [class*=" grid-"]>*,[class^=grid-]>* {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        min-width: 0;
        min-height: 0
    }
}

@media (min-width: 640px) {
    .grid,.grid--reverse {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .grid--reverse>*,.grid>* {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 0%;
        flex: 1 1 0%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        min-width: 0;
        min-height: 0
    }

    .grid--reverse.has-gutter>*+*,.grid.has-gutter>*+* {
        margin-left: calc(1rem - .01px)
    }

    .grid--reverse.has-gutter-l>*+*,.grid.has-gutter-l>*+* {
        margin-left: calc(2rem - .01px)
    }

    .grid--reverse.has-gutter-xl>*+*,.grid.has-gutter-xl>*+* {
        margin-left: calc(4rem - .01px)
    }
}

@media (min-width: 640px) {
    [class*=grid-2]>* {
        width:calc(100% / 2 - .01px)
    }

    [class*=grid-2].has-gutter {
        margin-right: -.5rem;
        margin-left: -.5rem
    }

    [class*=grid-2].has-gutter>* {
        width: calc(100% / 2 - 1rem - .01px);
        margin-right: .5rem;
        margin-left: .5rem
    }

    [class*=grid-2].has-gutter-l {
        margin-right: -1rem;
        margin-left: -1rem
    }

    [class*=grid-2].has-gutter-l>* {
        width: calc(100% / 2 - 2rem - .01px);
        margin-right: 1rem;
        margin-left: 1rem
    }

    [class*=grid-2].has-gutter-xl {
        margin-right: -2rem;
        margin-left: -2rem
    }

    [class*=grid-2].has-gutter-xl>* {
        width: calc(100% / 2 - 4rem - .01px);
        margin-right: 2rem;
        margin-left: 2rem
    }

    [class*=grid-3]>* {
        width: calc(100% / 3 - .01px)
    }

    [class*=grid-3].has-gutter {
        margin-right: -.5rem;
        margin-left: -.5rem
    }

    [class*=grid-3].has-gutter>* {
        width: calc(100% / 3 - 1rem - .01px);
        margin-right: .5rem;
        margin-left: .5rem
    }

    [class*=grid-3].has-gutter-l {
        margin-right: -1rem;
        margin-left: -1rem
    }

    [class*=grid-3].has-gutter-l>* {
        width: calc(100% / 3 - 2rem - .01px);
        margin-right: 1rem;
        margin-left: 1rem
    }

    [class*=grid-3].has-gutter-xl {
        margin-right: -2rem;
        margin-left: -2rem
    }

    [class*=grid-3].has-gutter-xl>* {
        width: calc(100% / 3 - 4rem - .01px);
        margin-right: 2rem;
        margin-left: 2rem
    }

    [class*=grid-4]>* {
        width: calc(100% / 4 - .01px)
    }

    [class*=grid-4].has-gutter {
        margin-right: -.5rem;
        margin-left: -.5rem
    }

    [class*=grid-4].has-gutter>* {
        width: calc(100% / 4 - 1rem - .01px);
        margin-right: .5rem;
        margin-left: .5rem
    }

    [class*=grid-4].has-gutter-l {
        margin-right: -1rem;
        margin-left: -1rem
    }

    [class*=grid-4].has-gutter-l>* {
        width: calc(100% / 4 - 2rem - .01px);
        margin-right: 1rem;
        margin-left: 1rem
    }

    [class*=grid-4].has-gutter-xl {
        margin-right: -2rem;
        margin-left: -2rem
    }

    [class*=grid-4].has-gutter-xl>* {
        width: calc(100% / 4 - 4rem - .01px);
        margin-right: 2rem;
        margin-left: 2rem
    }

    [class*=grid-5]>* {
        width: calc(100% / 5 - .01px)
    }

    [class*=grid-5].has-gutter {
        margin-right: -.5rem;
        margin-left: -.5rem
    }

    [class*=grid-5].has-gutter>* {
        width: calc(100% / 5 - 1rem - .01px);
        margin-right: .5rem;
        margin-left: .5rem
    }

    [class*=grid-5].has-gutter-l {
        margin-right: -1rem;
        margin-left: -1rem
    }

    [class*=grid-5].has-gutter-l>* {
        width: calc(100% / 5 - 2rem - .01px);
        margin-right: 1rem;
        margin-left: 1rem
    }

    [class*=grid-5].has-gutter-xl {
        margin-right: -2rem;
        margin-left: -2rem
    }

    [class*=grid-5].has-gutter-xl>* {
        width: calc(100% / 5 - 4rem - .01px);
        margin-right: 2rem;
        margin-left: 2rem
    }

    [class*=grid-6]>* {
        width: calc(100% / 6 - .01px)
    }

    [class*=grid-6].has-gutter {
        margin-right: -.5rem;
        margin-left: -.5rem
    }

    [class*=grid-6].has-gutter>* {
        width: calc(100% / 6 - 1rem - .01px);
        margin-right: .5rem;
        margin-left: .5rem
    }

    [class*=grid-6].has-gutter-l {
        margin-right: -1rem;
        margin-left: -1rem
    }

    [class*=grid-6].has-gutter-l>* {
        width: calc(100% / 6 - 2rem - .01px);
        margin-right: 1rem;
        margin-left: 1rem
    }

    [class*=grid-6].has-gutter-xl {
        margin-right: -2rem;
        margin-left: -2rem
    }

    [class*=grid-6].has-gutter-xl>* {
        width: calc(100% / 6 - 4rem - .01px);
        margin-right: 2rem;
        margin-left: 2rem
    }

    [class*=grid-7]>* {
        width: calc(100% / 7 - .01px)
    }

    [class*=grid-7].has-gutter {
        margin-right: -.5rem;
        margin-left: -.5rem
    }

    [class*=grid-7].has-gutter>* {
        width: calc(100% / 7 - 1rem - .01px);
        margin-right: .5rem;
        margin-left: .5rem
    }

    [class*=grid-7].has-gutter-l {
        margin-right: -1rem;
        margin-left: -1rem
    }

    [class*=grid-7].has-gutter-l>* {
        width: calc(100% / 7 - 2rem - .01px);
        margin-right: 1rem;
        margin-left: 1rem
    }

    [class*=grid-7].has-gutter-xl {
        margin-right: -2rem;
        margin-left: -2rem
    }

    [class*=grid-7].has-gutter-xl>* {
        width: calc(100% / 7 - 4rem - .01px);
        margin-right: 2rem;
        margin-left: 2rem
    }

    [class*=grid-8]>* {
        width: calc(100% / 8 - .01px)
    }

    [class*=grid-8].has-gutter {
        margin-right: -.5rem;
        margin-left: -.5rem
    }

    [class*=grid-8].has-gutter>* {
        width: calc(100% / 8 - 1rem - .01px);
        margin-right: .5rem;
        margin-left: .5rem
    }

    [class*=grid-8].has-gutter-l {
        margin-right: -1rem;
        margin-left: -1rem
    }

    [class*=grid-8].has-gutter-l>* {
        width: calc(100% / 8 - 2rem - .01px);
        margin-right: 1rem;
        margin-left: 1rem
    }

    [class*=grid-8].has-gutter-xl {
        margin-right: -2rem;
        margin-left: -2rem
    }

    [class*=grid-8].has-gutter-xl>* {
        width: calc(100% / 8 - 4rem - .01px);
        margin-right: 2rem;
        margin-left: 2rem
    }

    [class*=grid-9]>* {
        width: calc(100% / 9 - .01px)
    }

    [class*=grid-9].has-gutter {
        margin-right: -.5rem;
        margin-left: -.5rem
    }

    [class*=grid-9].has-gutter>* {
        width: calc(100% / 9 - 1rem - .01px);
        margin-right: .5rem;
        margin-left: .5rem
    }

    [class*=grid-9].has-gutter-l {
        margin-right: -1rem;
        margin-left: -1rem
    }

    [class*=grid-9].has-gutter-l>* {
        width: calc(100% / 9 - 2rem - .01px);
        margin-right: 1rem;
        margin-left: 1rem
    }

    [class*=grid-9].has-gutter-xl {
        margin-right: -2rem;
        margin-left: -2rem
    }

    [class*=grid-9].has-gutter-xl>* {
        width: calc(100% / 9 - 4rem - .01px);
        margin-right: 2rem;
        margin-left: 2rem
    }

    [class*=grid-10]>* {
        width: calc(100% / 10 - .01px)
    }

    [class*=grid-10].has-gutter {
        margin-right: -.5rem;
        margin-left: -.5rem
    }

    [class*=grid-10].has-gutter>* {
        width: calc(100% / 10 - 1rem - .01px);
        margin-right: .5rem;
        margin-left: .5rem
    }

    [class*=grid-10].has-gutter-l {
        margin-right: -1rem;
        margin-left: -1rem
    }

    [class*=grid-10].has-gutter-l>* {
        width: calc(100% / 10 - 2rem - .01px);
        margin-right: 1rem;
        margin-left: 1rem
    }

    [class*=grid-10].has-gutter-xl {
        margin-right: -2rem;
        margin-left: -2rem
    }

    [class*=grid-10].has-gutter-xl>* {
        width: calc(100% / 10 - 4rem - .01px);
        margin-right: 2rem;
        margin-left: 2rem
    }

    [class*=grid-11]>* {
        width: calc(100% / 11 - .01px)
    }

    [class*=grid-11].has-gutter {
        margin-right: -.5rem;
        margin-left: -.5rem
    }

    [class*=grid-11].has-gutter>* {
        width: calc(100% / 11 - 1rem - .01px);
        margin-right: .5rem;
        margin-left: .5rem
    }

    [class*=grid-11].has-gutter-l {
        margin-right: -1rem;
        margin-left: -1rem
    }

    [class*=grid-11].has-gutter-l>* {
        width: calc(100% / 11 - 2rem - .01px);
        margin-right: 1rem;
        margin-left: 1rem
    }

    [class*=grid-11].has-gutter-xl {
        margin-right: -2rem;
        margin-left: -2rem
    }

    [class*=grid-11].has-gutter-xl>* {
        width: calc(100% / 11 - 4rem - .01px);
        margin-right: 2rem;
        margin-left: 2rem
    }

    [class*=grid-12]>* {
        width: calc(100% / 12 - .01px)
    }

    [class*=grid-12].has-gutter {
        margin-right: -.5rem;
        margin-left: -.5rem
    }

    [class*=grid-12].has-gutter>* {
        width: calc(100% / 12 - 1rem - .01px);
        margin-right: .5rem;
        margin-left: .5rem
    }

    [class*=grid-12].has-gutter-l {
        margin-right: -1rem;
        margin-left: -1rem
    }

    [class*=grid-12].has-gutter-l>* {
        width: calc(100% / 12 - 2rem - .01px);
        margin-right: 1rem;
        margin-left: 1rem
    }

    [class*=grid-12].has-gutter-xl {
        margin-right: -2rem;
        margin-left: -2rem
    }

    [class*=grid-12].has-gutter-xl>* {
        width: calc(100% / 12 - 4rem - .01px);
        margin-right: 2rem;
        margin-left: 2rem
    }
}

.push {
    margin-left: auto !important
}

.pull {
    margin-right: auto !important
}

.item-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1
}

.item-last {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

[class*=grid-][class*="--reverse"] {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

@media (min-width: 640px) {
    .full {
        -webkit-box-flex:0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: calc(100% / 1 - .01px)
    }

    .has-gutter>.full {
        width: calc(100% / 1 - 1rem - .01px)
    }

    .has-gutter-l>.full {
        width: calc(100% / 1 - 2rem - .01px)
    }

    .has-gutter-xl>.full {
        width: calc(100% / 1 - 4rem - .01px)
    }

    .one-half {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: calc(100% / 2 - .01px)
    }

    .has-gutter>.one-half {
        width: calc(100% / 2 - 1rem - .01px)
    }

    .has-gutter-l>.one-half {
        width: calc(100% / 2 - 2rem - .01px)
    }

    .has-gutter-xl>.one-half {
        width: calc(100% / 2 - 4rem - .01px)
    }

    .one-third {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: calc(100% / 3 - .01px)
    }

    .has-gutter>.one-third {
        width: calc(100% / 3 - 1rem - .01px)
    }

    .has-gutter-l>.one-third {
        width: calc(100% / 3 - 2rem - .01px)
    }

    .has-gutter-xl>.one-third {
        width: calc(100% / 3 - 4rem - .01px)
    }

    .one-quarter {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: calc(100% / 4 - .01px)
    }

    .has-gutter>.one-quarter {
        width: calc(100% / 4 - 1rem - .01px)
    }

    .has-gutter-l>.one-quarter {
        width: calc(100% / 4 - 2rem - .01px)
    }

    .has-gutter-xl>.one-quarter {
        width: calc(100% / 4 - 4rem - .01px)
    }

    .one-fifth {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: calc(100% / 5 - .01px)
    }

    .has-gutter>.one-fifth {
        width: calc(100% / 5 - 1rem - .01px)
    }

    .has-gutter-l>.one-fifth {
        width: calc(100% / 5 - 2rem - .01px)
    }

    .has-gutter-xl>.one-fifth {
        width: calc(100% / 5 - 4rem - .01px)
    }

    .one-sixth {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: calc(100% / 6 - .01px)
    }

    .has-gutter>.one-sixth {
        width: calc(100% / 6 - 1rem - .01px)
    }

    .has-gutter-l>.one-sixth {
        width: calc(100% / 6 - 2rem - .01px)
    }

    .has-gutter-xl>.one-sixth {
        width: calc(100% / 6 - 4rem - .01px)
    }

    .two-thirds {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: calc(100% / 3 * 2 - .01px)
    }

    .has-gutter>.two-thirds {
        width: calc(100% / 3 * 2 - 1rem - .01px)
    }

    .has-gutter-l>.two-thirds {
        width: calc(100% / 3 * 2 - 2rem - .01px)
    }

    .has-gutter-xl>.two-thirds {
        width: calc(100% / 3 * 2 - 4rem - .01px)
    }

    .three-quarters {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: calc(100% / 4 * 3 - .01px)
    }

    .has-gutter>.three-quarters {
        width: calc(100% / 4 * 3 - 1rem - .01px)
    }

    .has-gutter-l>.three-quarters {
        width: calc(100% / 4 * 3 - 2rem - .01px)
    }

    .has-gutter-xl>.three-quarters {
        width: calc(100% / 4 * 3 - 4rem - .01px)
    }

    .five-sixths {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: calc(100% / 6 * 5 - .01px)
    }

    .has-gutter>.five-sixths {
        width: calc(100% / 6 * 5 - 1rem - .01px)
    }

    .has-gutter-l>.five-sixths {
        width: calc(100% / 6 * 5 - 2rem - .01px)
    }

    .has-gutter-xl>.five-sixths {
        width: calc(100% / 6 * 5 - 4rem - .01px)
    }
}

@media (min-width: 640px) and (max-width:959px) {
    [class*="-small-1"]>* {
        width:calc(100% / 1 - .01px)
    }

    [class*="-small-1"].has-gutter>* {
        width: calc(100% / 1 - 1rem - .01px)
    }

    [class*="-small-1"].has-gutter-l>* {
        width: calc(100% / 1 - 2rem - .01px)
    }

    [class*="-small-1"].has-gutter-xl>* {
        width: calc(100% / 1 - 4rem - .01px)
    }

    [class*="-small-2"]>* {
        width: calc(100% / 2 - .01px)
    }

    [class*="-small-2"].has-gutter>* {
        width: calc(100% / 2 - 1rem - .01px)
    }

    [class*="-small-2"].has-gutter-l>* {
        width: calc(100% / 2 - 2rem - .01px)
    }

    [class*="-small-2"].has-gutter-xl>* {
        width: calc(100% / 2 - 4rem - .01px)
    }

    [class*="-small-3"]>* {
        width: calc(100% / 3 - .01px)
    }

    [class*="-small-3"].has-gutter>* {
        width: calc(100% / 3 - 1rem - .01px)
    }

    [class*="-small-3"].has-gutter-l>* {
        width: calc(100% / 3 - 2rem - .01px)
    }

    [class*="-small-3"].has-gutter-xl>* {
        width: calc(100% / 3 - 4rem - .01px)
    }

    [class*="-small-4"]>* {
        width: calc(100% / 4 - .01px)
    }

    [class*="-small-4"].has-gutter>* {
        width: calc(100% / 4 - 1rem - .01px)
    }

    [class*="-small-4"].has-gutter-l>* {
        width: calc(100% / 4 - 2rem - .01px)
    }

    [class*="-small-4"].has-gutter-xl>* {
        width: calc(100% / 4 - 4rem - .01px)
    }
}

@font-face {
    font-family: 'climaxion';
    src: url(/sites/climaxion/themes/climaxion/fonts/climaxion.ttf?ecwus9) format('truetype'),url(/sites/climaxion/themes/climaxion/fonts/climaxion.woff?ecwus9) format('woff'),url(/sites/climaxion/themes/climaxion/fonts/climaxion.svg?ecwus9#climaxion) format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

[class^="icon-"],[class*=" icon-"] {
    font-family: 'climaxion' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.s2x {
    font-size: 2em;
}

.s4x {
    font-size: 4em;
}

.s6x {
    font-size: 6em;
}

.icon-close:before {
    content: "\e909";
}

.icon-remove:before {
    content: "\e909";
}

.icon-times:before {
    content: "\e909";
}

.icon-bars:before {
    content: "\e90a";
}

.icon-navicon:before {
    content: "\e90a";
}

.icon-reorder:before {
    content: "\e90a";
}

.icon-chevron-up:before {
    content: "\e907";
}

.icon-youtube:before {
    content: "\f16a";
}

.icon-linkedin:before {
    content: "\f0e1";
}

.icon-chevron-down:before {
    content: "\f078";
}

.icon-bailleurs:before {
    content: "\e902";
}

.icon-collectivites:before {
    content: "\e903";
}

.icon-entreprises:before {
    content: "\e904";
}

.icon-particuliers:before {
    content: "\e905";
}

.icon-professionnels:before {
    content: "\e906";
}

.icon-feed:before {
    content: "\f09e";
}

.icon-rss:before {
    content: "\f09e";
}

.icon-home:before {
    content: "\f015";
}

.icon-info-circle:before {
    content: "\f05a";
}

.icon-cogs:before {
    content: "\f085";
}

.icon-gears:before {
    content: "\f085";
}

.icon-group:before {
    content: "\f0c0";
}

.icon-users:before {
    content: "\f0c0";
}

.icon-building-o:before {
    content: "\f0f7";
}

.icon-info:before {
    content: "\f129";
}

.icon-commenting-o:before {
    content: "\f27b";
}

.icon-handshake-o:before {
    content: "\f2b5";
}

.icon-question:before {
    content: "\f128";
}

.icon-map-marker:before {
    content: "\f042";
}

.icon-bullseye:before {
    content: "\f140";
}

.icon-copy2:before {
    content: "\f0c6";
}

.icon-files-o2:before {
    content: "\f0c6";
}

.icon-address-card-o2:before {
    content: "\f2bd";
}

.icon-vcard-o2:before {
    content: "\f2bd";
}

.icon-chevron-circle-right:before {
    content: "\f138";
}

.icon-film:before {
    content: "\f008";
}

.icon-file-o:before {
    content: "\f016";
}

.icon-mobile:before {
    content: "\f10b";
}

.icon-mobile-phone:before {
    content: "\f10b";
}

.icon-search:before {
    content: "\f002";
}

.icon-calendar-check-o:before {
    content: "\f274";
}

.icon-user-circle-o:before {
    content: "\f2be";
}

.icon-map-marker2:before {
    content: "\f041";
}

.icon-eur:before {
    content: "\f154";
}

.icon-euro:before {
    content: "\f154";
}

.icon-clock-o:before {
    content: "\f017";
}

.icon-envelope-o:before {
    content: "\f003";
}

.icon-download:before {
    content: "\f019";
}

.icon-play-circle-o:before {
    content: "\f01d";
}

.icon-chevron-left:before {
    content: "\f053";
}

.icon-chevron-right:before {
    content: "\f054";
}

.icon-plus-circle:before {
    content: "\f055";
}

.icon-chain:before {
    content: "\e908";
}

.icon-link:before {
    content: "\e908";
}

.icon-external-link:before {
    content: "\f08e";
}

.icon-phone:before {
    content: "\f095";
}

.icon-twitter:before {
    content: "\f099";
}

.icon-facebook:before {
    content: "\f09a";
}

.icon-facebook-f:before {
    content: "\f09a";
}

.icon-file-pdf-o:before {
    content: "\f1c1";
}

.icon-climaxion:before {
    content: "\e900";
}

.icon-dailymotion:before {
    content: "\e901";
}

.icon-aides-financieres:before {
    content: "\e90b";
}

.icon-aides-financieres-alt:before {
    content: "\e910";
}

.icon-relais-partenaires:before {
    content: "\e90c";
}

.icon-contact:before {
    content: "\e90d";
}

.icon-docutheque:before {
    content: "\e90e";
}

.icon-videotheque:before {
    content: "\e90f";
}

.icon-podcasts:before {
    content: "\e911";
}

.flex-container a:hover,.flex-slider a:hover {
    outline: none;
}

.slides,.slides > li,.flex-control-nav,.flex-direction-nav {
    margin: 0;
    padding: 0;
    list-style: none;
}

.flex-pauseplay span {
    text-transform: capitalize;
}

.flexslider {
    margin: 0;
    padding: 0;
}

.flexslider .slides > li {
    display: none;
    backface-visibility: hidden;
}

.flexslider .slides img {
    width: 100%;
    display: block !important;
}

.flexslider .slides:after {
    content: "\0020";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

html[xmlns] .flexslider .slides {
    display: block;
}

* html .flexslider .slides {
    height: 1%;
}

.no-js .flexslider .slides > li:first-child {
    display: block;
}

.flexslider {
    background: #fff;
    position: relative;
    zoom:1;z-index: 0;
}

.flexslider .slides {
    zoom:1;}

.flexslider .slides img {
    height: auto;
    user-select: none;
}

.flex-viewport {
    max-height: 2000px;
    -webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

.loading .flex-viewport {
    max-height: 300px;
}

.carousel li {
    margin-right: 5px;
}

.flex-direction-nav {
    *height: 0;
}

.flex-direction-nav a {
    text-decoration: none;
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    margin: -20px 0 0;
    position: absolute;
    top: 50%;
    z-index: 10;
    overflow: hidden;
    opacity: 0;
    cursor: pointer;
    color: rgba(157,0,31,0.8);
    background-color: #fff;
    transition: all 0.3s ease-in-out;
    box-shadow: 0 0 1rem rgba(0,0,0,0.5);
    font-size: 0;
    display: flex !important;
    align-items: center;
    justify-content: center;
}

.flex-direction-nav a:before {
    font-family: "climaxion";
    font-size: 0.75rem;
    display: inline-block;
    content: '\f053';
    color: #9D001F;
}

.particuliers .flex-direction-nav a:before {
    color: #f59d12;
}

.entreprises .flex-direction-nav a:before {
    color: #63b32e;
}

.bailleurs .flex-direction-nav a:before {
    color: #B14191;
}

.collectivites .flex-direction-nav a:before {
    color: #01add7;
}

.professionnels .flex-direction-nav a:before {
    color: #666497;
}

.flex-direction-nav a.flex-next:before {
    content: '\f054';
}

.flex-direction-nav .flex-prev {
    left: -3em;
}

.flex-direction-nav .flex-next {
    right: 3em;
    text-align: right;
}

.flex-direction-nav .flex-disabled {
    opacity: 0!important;
    filter: alpha(opacity=0);
    cursor: default;
    z-index: -1;
}

.flexslider:hover .flex-direction-nav .flex-prev {
    opacity: 0.7;
    left: -0.75rem;
}

.flexslider:hover .flex-direction-nav .flex-prev:hover {
    opacity: 1;
}

.flexslider:hover .flex-direction-nav .flex-next {
    opacity: 0.7;
    right: -0.75rem;
}

.flexslider:hover .flex-direction-nav .flex-next:hover {
    opacity: 1;
}

.flex-pauseplay a {
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    bottom: 5px;
    left: 10px;
    opacity: 0.8;
    z-index: 10;
    overflow: hidden;
    cursor: pointer;
    color: #000;
}

.flex-pauseplay a:before {
    font-family: "flexslider-icon";
    font-size: 20px;
    display: inline-block;
    content: '\f004';
}

.flex-pauseplay a:hover {
    opacity: 1;
}

.flex-pauseplay a.flex-play:before {
    content: '\f003';
}

.flex-control-nav {
    position: absolute;
    bottom: 0;
    z-index: 500;
    left: 50%;
    transform: translateX(-50%);
}

.flex-control-nav li {
    margin: 0;
    display: inline-block;
    zoom:1;*display: inline;
}

.optionset-climaxion .flex-control-nav {
    margin-top: 0.5em;
    position: static;
    transform: none;
    text-align: center;
}

.optionset-climaxion-une {
    overflow: visible !important;
}

.optionset-climaxion-une .flex-control-nav {
    transform: translate(-50%,2.5em);
}

.optionset-climaxion-aides {
    background-color: transparent;
}

.flex-control-paging li a {
    text-indent: -9999px;
    display: inline-block;
    width: 1.25em;
    height: 1.25em;
    border-radius: 0.25em;
    border: 2px solid #D20024;
    margin: 0.15em;
}

.flex-control-paging li a:hover {
    background: #fff;
}

.flex-control-paging li a.flex-active {
    background: #D20024;
    cursor: default;
}

.particuliers .flex-control-paging li a {
    border-color: #f59d12;
}

.particuliers .flex-control-paging li a.flex-active {
    background: #f59d12;
}

.entreprises .flex-control-paging li a {
    border-color: #63b32e;
}

.entreprises .flex-control-paging li a.flex-active {
    background: #63b32e;
}

.collectivites .flex-control-paging li a {
    border-color: #01add7;
}

.collectivites .flex-control-paging li a.flex-active {
    background: #01add7;
}

.bailleurs .flex-control-paging li a {
    border-color: #B14191;
}

.bailleurs .flex-control-paging li a.flex-active {
    background: #B14191;
}

.professionnels .flex-control-paging li a {
    border-color: #666497;
}

.professionnels .flex-control-paging li a.flex-active {
    background: #666497;
}

.flex-control-thumbs {
    margin: 5px 0 0;
    position: static;
    overflow: hidden;
}

.flex-control-thumbs li {
    width: 25%;
    float: left;
    margin: 0;
}

.flex-control-thumbs img {
    width: 100%;
    height: auto;
    display: block;
    opacity: 0.7;
    cursor: pointer;
    user-select: none;
    transition: all 1s ease;
}

.flex-control-thumbs img:hover {
    opacity: 1;
}

.flex-control-thumbs .flex-active {
    opacity: 1;
    cursor: default;
}

.flex-caption {
    position: absolute;
    color: #fff;
    display: inline-block;
    margin: 0;
    line-height: 1.25em;
}

.flex-caption strong {
    color: #fff;
    background-color: #9D001F;
    display: inline;
    padding: 3px 0px;
    padding-left: 0px;
    box-shadow: -5px 0 0 #9D001F,5px 0 0 #9D001F;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    line-height: 1.5em;
}

.flex-caption strong ~ strong {
    font-size: 0.5em;
    text-transform: none;
}

.flex-caption strong ~ strong:after {
    content: "\f138";
    font-family: 'climaxion';
    vertical-align: middle;
    margin-left: 10px;
}

.flex-caption strong a {
    text-decoration: none;
    color: #fff;
}

.front .slides img {
    height: 150px;
    object-fit: cover;
}

@media (min-width: 580px) {
    .front .slides img {
        height:250px;
    }
}

.front .flex-caption {
    right: 1.5em;
    top: 1.5em;
    text-transform: uppercase;
    font-size: 1em;
    text-align: right;
    width: 50%;
}

body:not(.front) .flex-caption {
    left: 1em;
    bottom: 1em;
    font-size: 0.8em;
    width: 40%;
}

::selection {
    color: #fff;
    background: #9D001F;
}

* {
    box-sizing: border-box;
}

.clearfix:after {
    content: "";
    clear: both;
    display: table;
}

html {
    overflow-x: hidden;
}

@media (prefers-reduced-motion:reduce) {
    html {
        scroll-behavior: auto;
    }
}

body {
    margin: 0;
    font-family: 'Raleway',sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 90%;
    color: #555;
}

body.menu-mobile-open {
    overflow-y: hidden;
}

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

/* .container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 16px 16px 1px 16px;
} */

.btn {
    display: inline-block;
    background-color: #9D001F;
    color: #fff;
    padding: 0.5em 1em;
    margin-bottom: 0.5em;
    border-radius: 0.5em;
    text-decoration: none;
    font-weight: 500;
    cursor: pointer;
    line-height: 1.2;
}

.btn.small {
    font-size: 0.875em;
}

.rouge .btn,.rouge1 .btn,.rouge2 .btn {
    color: #9D001F;
}

.bleu .btn {
    color: #01add7;
}

.violet .btn {
    color: #666497;
}

.rose .btn {
    color: #B14191;
}

.jaune .btn {
    color: #f59d12;
}

.vert .btn {
    color: #63b32e;
}

.rouge .btn,.rouge1 .btn,.rouge2 .btn,.bleu .btn,.violet .btn,.rose .btn,.vert .btn,.jaune .btn {
    background-color: #fff;
}

.rouge .btn:hover,.rouge1 .btn:hover,.rouge2 .btn:hover,.bleu .btn:hover,.violet .btn:hover,.rose .btn:hover,.vert .btn:hover,.jaune .btn:hover {
    color: #fff;
}

.btn.jaune,.particuliers .btn {
    background-color: #f59d12;
}

.btn.bleu,.collectivites .btn {
    background-color: #01add7;
}

.btn.violet,.professionnels .btn {
    background-color: #666497;
}

.btn.rose,.bailleurs .btn {
    background-color: #B14191;
}

.btn.vert,.entreprises .btn {
    background-color: #63b32e;
}

.btn.blanc-rouge {
    color: #9D001F;
    border: 2px solid #9D001F;
    background-color: #fff;
    padding: calc(0.5em - 2px) calc(1em - 2px);
}

.btn.blanc-rouge:hover {
    color: #fff;
    background-color: #9D001F;
}

.btn.inverse {
    background-color: transparent;
    border: 2px solid #fff;
    color: #fff;
    padding: calc(0.5em - 2px) calc(1em - 2px);
}

.btn.inverse:hover {
    border-color: #D20024;
}

.beige .btn.inverse {
    border-color: #9D001F;
    color: #9D001F;
}

.beige .btn.inverse:hover {
    color: #FAF5ED;
    border-color: #D20024;
}

.btn:hover {
    background-color: #D20024;
}

.chapo {
    font-size: 1.25em;
    font-weight: 500;
    color: #000;
    line-height: 1.3em;
}

.no-margin-top {
    margin-top: 0;
}

.video-wrapper {
    display: block;
    width: 100%;
    height: 100%;
    max-width: 640px;
    max-height: 380px;
}

.video-wrapper.center {
    margin: 0 auto;
}

.video-wrapper.bg {
    position: relative;
    margin: 3em auto;
}

.video-wrapper.bg:before {
    content: "";
    position: absolute;
    top: -1.5em;
    bottom: -1.5em;
    left: calc(50% - 50vw);
    right: calc(50% - 50vw);
    background-color: #FAF5ED;
}

.image-wrapper {
    width: 100%;
    height: 100%;
    max-width: 640px;
    max-height: 380px;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    background: linear-gradient(-45deg,#111,#333);
}

.video-container iframe,.video-container object,.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#content_top h1,#content h1,#content_second h1,#content_third h1,#content_fourth h1,#content_top h2,#content h2,#content_second h2,#content_third h2,#content_fourth h2,#content_top h3,#content h3,#content_second h3,#content_third h3,#content_fourth h3 {
    font-weight: 500;
    color: #000;
}

#content_top h1,#content h1,#content_second h1,#content_third h1,#content_fourth h1 {
    margin-top: 0;
    font-size: 2.5em;
}

#content_top h2,#content h2,#content_second h2,#content_third h2,#content_fourth h2 {
    margin-top: 1.5em;
    font-size: 2em;
}

#content_top h2:first-of-type,#content h2:first-of-type,#content_second h2:first-of-type,#content_third h2:first-of-type,#content_fourth h2:first-of-type {
    margin-top: 0;
}

#content_top h1 + h2,#content h1 + h2,#content_second h1 + h2,#content_third h1 + h2,#content_fourth h1 + h2 {
    margin-top: 1em;
}

#content_top h3,#content h3,#content_second h3,#content_third h3,#content_fourth h3 {
    margin-top: 1.5em;
    font-size: 1.5em;
}

#content_top h2 + h3,#content h2 + h3,#content_second h2 + h3,#content_third h2 + h3,#content_fourth h2 + h3 {
    margin-top: 1em;
}

#content_top h4,#content h4,#content_second h4,#content_third h4,#content_fourth h4 {
    font-size: 1.125em;
}

#content_top p,#content p,#content_second p,#content_third p,#content_fourth p {
    line-height: 1.4;
}

#content_top p + h2,#content p + h2,#content_second p + h2,#content_third p + h2,#content_fourth p + h2,#content_top p + h3,#content p + h3,#content_second p + h3,#content_third p + h3,#content_fourth p + h3,#content_top p + h4,#content p + h4,#content_second p + h4,#content_third p + h4,#content_fourth p + h4 {
    margin-top: 1.5em !important;
}

#content_top p a:not(.btn),#content p a:not(.btn),#content_second p a:not(.btn),#content_third p a:not(.btn),#content_fourth p a:not(.btn),#content_top ul a:not(.btn),#content ul a:not(.btn),#content_second ul a:not(.btn),#content_third ul a:not(.btn),#content_fourth ul a:not(.btn),#content_top ol a:not(.btn),#content ol a:not(.btn),#content_second ol a:not(.btn),#content_third ol a:not(.btn),#content_fourth ol a:not(.btn),#content_top td a:not(.btn),#content td a:not(.btn),#content_second td a:not(.btn),#content_third td a:not(.btn),#content_fourth td a:not(.btn),#content_top h2 a:not(.btn),#content h2 a:not(.btn),#content_second h2 a:not(.btn),#content_third h2 a:not(.btn),#content_fourth h2 a:not(.btn),#content_top h3 a:not(.btn),#content h3 a:not(.btn),#content_second h3 a:not(.btn),#content_third h3 a:not(.btn),#content_fourth h3 a:not(.btn) {
    color: #9D001F;
}

#content_top p a:not(.btn):hover,#content p a:not(.btn):hover,#content_second p a:not(.btn):hover,#content_third p a:not(.btn):hover,#content_fourth p a:not(.btn):hover,#content_top ul a:not(.btn):hover,#content ul a:not(.btn):hover,#content_second ul a:not(.btn):hover,#content_third ul a:not(.btn):hover,#content_fourth ul a:not(.btn):hover,#content_top ol a:not(.btn):hover,#content ol a:not(.btn):hover,#content_second ol a:not(.btn):hover,#content_third ol a:not(.btn):hover,#content_fourth ol a:not(.btn):hover,#content_top td a:not(.btn):hover,#content td a:not(.btn):hover,#content_second td a:not(.btn):hover,#content_third td a:not(.btn):hover,#content_fourth td a:not(.btn):hover,#content_top h2 a:not(.btn):hover,#content h2 a:not(.btn):hover,#content_second h2 a:not(.btn):hover,#content_third h2 a:not(.btn):hover,#content_fourth h2 a:not(.btn):hover,#content_top h3 a:not(.btn):hover,#content h3 a:not(.btn):hover,#content_second h3 a:not(.btn):hover,#content_third h3 a:not(.btn):hover,#content_fourth h3 a:not(.btn):hover {
    text-decoration: none;
    color: #D20024;
}

.particuliers #content_top p a:not(.btn),.particuliers #content p a:not(.btn),.particuliers #content_second p a:not(.btn),.particuliers #content_third p a:not(.btn),.particuliers #content_fourth p a:not(.btn),.particuliers #content_top ul a:not(.btn),.particuliers #content ul a:not(.btn),.particuliers #content_second ul a:not(.btn),.particuliers #content_third ul a:not(.btn),.particuliers #content_fourth ul a:not(.btn),.particuliers #content_top ol a:not(.btn),.particuliers #content ol a:not(.btn),.particuliers #content_second ol a:not(.btn),.particuliers #content_third ol a:not(.btn),.particuliers #content_fourth ol a:not(.btn),.particuliers #content_top td a:not(.btn),.particuliers #content td a:not(.btn),.particuliers #content_second td a:not(.btn),.particuliers #content_third td a:not(.btn),.particuliers #content_fourth td a:not(.btn),.particuliers #content_top h2 a:not(.btn),.particuliers #content h2 a:not(.btn),.particuliers #content_second h2 a:not(.btn),.particuliers #content_third h2 a:not(.btn),.particuliers #content_fourth h2 a:not(.btn),.particuliers #content_top h3 a:not(.btn),.particuliers #content h3 a:not(.btn),.particuliers #content_second h3 a:not(.btn),.particuliers #content_third h3 a:not(.btn),.particuliers #content_fourth h3 a:not(.btn) {
    color: #f59d12;
}

.entreprises #content_top p a:not(.btn),.entreprises #content p a:not(.btn),.entreprises #content_second p a:not(.btn),.entreprises #content_third p a:not(.btn),.entreprises #content_fourth p a:not(.btn),.entreprises #content_top ul a:not(.btn),.entreprises #content ul a:not(.btn),.entreprises #content_second ul a:not(.btn),.entreprises #content_third ul a:not(.btn),.entreprises #content_fourth ul a:not(.btn),.entreprises #content_top ol a:not(.btn),.entreprises #content ol a:not(.btn),.entreprises #content_second ol a:not(.btn),.entreprises #content_third ol a:not(.btn),.entreprises #content_fourth ol a:not(.btn),.entreprises #content_top td a:not(.btn),.entreprises #content td a:not(.btn),.entreprises #content_second td a:not(.btn),.entreprises #content_third td a:not(.btn),.entreprises #content_fourth td a:not(.btn),.entreprises #content_top h2 a:not(.btn),.entreprises #content h2 a:not(.btn),.entreprises #content_second h2 a:not(.btn),.entreprises #content_third h2 a:not(.btn),.entreprises #content_fourth h2 a:not(.btn),.entreprises #content_top h3 a:not(.btn),.entreprises #content h3 a:not(.btn),.entreprises #content_second h3 a:not(.btn),.entreprises #content_third h3 a:not(.btn),.entreprises #content_fourth h3 a:not(.btn) {
    color: #63b32e;
}

.collectivites #content_top p a:not(.btn),.collectivites #content p a:not(.btn),.collectivites #content_second p a:not(.btn),.collectivites #content_third p a:not(.btn),.collectivites #content_fourth p a:not(.btn),.collectivites #content_top ul a:not(.btn),.collectivites #content ul a:not(.btn),.collectivites #content_second ul a:not(.btn),.collectivites #content_third ul a:not(.btn),.collectivites #content_fourth ul a:not(.btn),.collectivites #content_top ol a:not(.btn),.collectivites #content ol a:not(.btn),.collectivites #content_second ol a:not(.btn),.collectivites #content_third ol a:not(.btn),.collectivites #content_fourth ol a:not(.btn),.collectivites #content_top td a:not(.btn),.collectivites #content td a:not(.btn),.collectivites #content_second td a:not(.btn),.collectivites #content_third td a:not(.btn),.collectivites #content_fourth td a:not(.btn),.collectivites #content_top h2 a:not(.btn),.collectivites #content h2 a:not(.btn),.collectivites #content_second h2 a:not(.btn),.collectivites #content_third h2 a:not(.btn),.collectivites #content_fourth h2 a:not(.btn),.collectivites #content_top h3 a:not(.btn),.collectivites #content h3 a:not(.btn),.collectivites #content_second h3 a:not(.btn),.collectivites #content_third h3 a:not(.btn),.collectivites #content_fourth h3 a:not(.btn) {
    color: #01add7;
}

.bailleurs #content_top p a:not(.btn),.bailleurs #content p a:not(.btn),.bailleurs #content_second p a:not(.btn),.bailleurs #content_third p a:not(.btn),.bailleurs #content_fourth p a:not(.btn),.bailleurs #content_top ul a:not(.btn),.bailleurs #content ul a:not(.btn),.bailleurs #content_second ul a:not(.btn),.bailleurs #content_third ul a:not(.btn),.bailleurs #content_fourth ul a:not(.btn),.bailleurs #content_top ol a:not(.btn),.bailleurs #content ol a:not(.btn),.bailleurs #content_second ol a:not(.btn),.bailleurs #content_third ol a:not(.btn),.bailleurs #content_fourth ol a:not(.btn),.bailleurs #content_top td a:not(.btn),.bailleurs #content td a:not(.btn),.bailleurs #content_second td a:not(.btn),.bailleurs #content_third td a:not(.btn),.bailleurs #content_fourth td a:not(.btn),.bailleurs #content_top h2 a:not(.btn),.bailleurs #content h2 a:not(.btn),.bailleurs #content_second h2 a:not(.btn),.bailleurs #content_third h2 a:not(.btn),.bailleurs #content_fourth h2 a:not(.btn),.bailleurs #content_top h3 a:not(.btn),.bailleurs #content h3 a:not(.btn),.bailleurs #content_second h3 a:not(.btn),.bailleurs #content_third h3 a:not(.btn),.bailleurs #content_fourth h3 a:not(.btn) {
    color: #B14191;
}

.professionnels #content_top p a:not(.btn),.professionnels #content p a:not(.btn),.professionnels #content_second p a:not(.btn),.professionnels #content_third p a:not(.btn),.professionnels #content_fourth p a:not(.btn),.professionnels #content_top ul a:not(.btn),.professionnels #content ul a:not(.btn),.professionnels #content_second ul a:not(.btn),.professionnels #content_third ul a:not(.btn),.professionnels #content_fourth ul a:not(.btn),.professionnels #content_top ol a:not(.btn),.professionnels #content ol a:not(.btn),.professionnels #content_second ol a:not(.btn),.professionnels #content_third ol a:not(.btn),.professionnels #content_fourth ol a:not(.btn),.professionnels #content_top td a:not(.btn),.professionnels #content td a:not(.btn),.professionnels #content_second td a:not(.btn),.professionnels #content_third td a:not(.btn),.professionnels #content_fourth td a:not(.btn),.professionnels #content_top h2 a:not(.btn),.professionnels #content h2 a:not(.btn),.professionnels #content_second h2 a:not(.btn),.professionnels #content_third h2 a:not(.btn),.professionnels #content_fourth h2 a:not(.btn),.professionnels #content_top h3 a:not(.btn),.professionnels #content h3 a:not(.btn),.professionnels #content_second h3 a:not(.btn),.professionnels #content_third h3 a:not(.btn),.professionnels #content_fourth h3 a:not(.btn) {
    color: #666497;
}

#content_top ul:not(.contextual-links):not(.slides):not(.flex-direction-nav):not(#etapes):not(.contact-breadcrumb):not(.views-summary):not(.pager):not(.cibles):not(.pictocol):not(.liste-partenaires),#content ul:not(.contextual-links):not(.slides):not(.flex-direction-nav):not(#etapes):not(.contact-breadcrumb):not(.views-summary):not(.pager):not(.cibles):not(.pictocol):not(.liste-partenaires),#content_second ul:not(.contextual-links):not(.slides):not(.flex-direction-nav):not(#etapes):not(.contact-breadcrumb):not(.views-summary):not(.pager):not(.cibles):not(.pictocol):not(.liste-partenaires),#content_third ul:not(.contextual-links):not(.slides):not(.flex-direction-nav):not(#etapes):not(.contact-breadcrumb):not(.views-summary):not(.pager):not(.cibles):not(.pictocol):not(.liste-partenaires),#content_fourth ul:not(.contextual-links):not(.slides):not(.flex-direction-nav):not(#etapes):not(.contact-breadcrumb):not(.views-summary):not(.pager):not(.cibles):not(.pictocol):not(.liste-partenaires) {
    margin: 2em 0;
    padding: 0;
    list-style: none;
}

#content_top ul:not(.contextual-links):not(.slides):not(.flex-direction-nav):not(#etapes):not(.contact-breadcrumb):not(.views-summary):not(.pager):not(.cibles):not(.pictocol):not(.liste-partenaires) li,#content ul:not(.contextual-links):not(.slides):not(.flex-direction-nav):not(#etapes):not(.contact-breadcrumb):not(.views-summary):not(.pager):not(.cibles):not(.pictocol):not(.liste-partenaires) li,#content_second ul:not(.contextual-links):not(.slides):not(.flex-direction-nav):not(#etapes):not(.contact-breadcrumb):not(.views-summary):not(.pager):not(.cibles):not(.pictocol):not(.liste-partenaires) li,#content_third ul:not(.contextual-links):not(.slides):not(.flex-direction-nav):not(#etapes):not(.contact-breadcrumb):not(.views-summary):not(.pager):not(.cibles):not(.pictocol):not(.liste-partenaires) li,#content_fourth ul:not(.contextual-links):not(.slides):not(.flex-direction-nav):not(#etapes):not(.contact-breadcrumb):not(.views-summary):not(.pager):not(.cibles):not(.pictocol):not(.liste-partenaires) li {
    padding: 0;
    margin: 1em;
    margin-left: 3em;
    line-height: 1.4;
}

#content_top ul:not(.contextual-links):not(.slides):not(.flex-direction-nav):not(#etapes):not(.contact-breadcrumb):not(.views-summary):not(.pager):not(.cibles):not(.pictocol):not(.liste-partenaires) li:before,#content ul:not(.contextual-links):not(.slides):not(.flex-direction-nav):not(#etapes):not(.contact-breadcrumb):not(.views-summary):not(.pager):not(.cibles):not(.pictocol):not(.liste-partenaires) li:before,#content_second ul:not(.contextual-links):not(.slides):not(.flex-direction-nav):not(#etapes):not(.contact-breadcrumb):not(.views-summary):not(.pager):not(.cibles):not(.pictocol):not(.liste-partenaires) li:before,#content_third ul:not(.contextual-links):not(.slides):not(.flex-direction-nav):not(#etapes):not(.contact-breadcrumb):not(.views-summary):not(.pager):not(.cibles):not(.pictocol):not(.liste-partenaires) li:before,#content_fourth ul:not(.contextual-links):not(.slides):not(.flex-direction-nav):not(#etapes):not(.contact-breadcrumb):not(.views-summary):not(.pager):not(.cibles):not(.pictocol):not(.liste-partenaires) li:before {
    content: "\f138";
    font-family: "climaxion";
    float: left;
    margin-left: -1.5em;
    color: #9D001F;
}

.particuliers #content_top ul:not(.contextual-links):not(.slides):not(.flex-direction-nav):not(#etapes):not(.contact-breadcrumb):not(.views-summary):not(.pager):not(.cibles):not(.pictocol):not(.liste-partenaires) li:before,.particuliers #content ul:not(.contextual-links):not(.slides):not(.flex-direction-nav):not(#etapes):not(.contact-breadcrumb):not(.views-summary):not(.pager):not(.cibles):not(.pictocol):not(.liste-partenaires) li:before,.particuliers #content_second ul:not(.contextual-links):not(.slides):not(.flex-direction-nav):not(#etapes):not(.contact-breadcrumb):not(.views-summary):not(.pager):not(.cibles):not(.pictocol):not(.liste-partenaires) li:before,.particuliers #content_third ul:not(.contextual-links):not(.slides):not(.flex-direction-nav):not(#etapes):not(.contact-breadcrumb):not(.views-summary):not(.pager):not(.cibles):not(.pictocol):not(.liste-partenaires) li:before,.particuliers #content_fourth ul:not(.contextual-links):not(.slides):not(.flex-direction-nav):not(#etapes):not(.contact-breadcrumb):not(.views-summary):not(.pager):not(.cibles):not(.pictocol):not(.liste-partenaires) li:before {
    color: #f59d12;
}

.entreprises #content_top ul:not(.contextual-links):not(.slides):not(.flex-direction-nav):not(#etapes):not(.contact-breadcrumb):not(.views-summary):not(.pager):not(.cibles):not(.pictocol):not(.liste-partenaires) li:before,.entreprises #content ul:not(.contextual-links):not(.slides):not(.flex-direction-nav):not(#etapes):not(.contact-breadcrumb):not(.views-summary):not(.pager):not(.cibles):not(.pictocol):not(.liste-partenaires) li:before,.entreprises #content_second ul:not(.contextual-links):not(.slides):not(.flex-direction-nav):not(#etapes):not(.contact-breadcrumb):not(.views-summary):not(.pager):not(.cibles):not(.pictocol):not(.liste-partenaires) li:before,.entreprises #content_third ul:not(.contextual-links):not(.slides):not(.flex-direction-nav):not(#etapes):not(.contact-breadcrumb):not(.views-summary):not(.pager):not(.cibles):not(.pictocol):not(.liste-partenaires) li:before,.entreprises #content_fourth ul:not(.contextual-links):not(.slides):not(.flex-direction-nav):not(#etapes):not(.contact-breadcrumb):not(.views-summary):not(.pager):not(.cibles):not(.pictocol):not(.liste-partenaires) li:before {
    color: #63b32e;
}

.collectivites #content_top ul:not(.contextual-links):not(.slides):not(.flex-direction-nav):not(#etapes):not(.contact-breadcrumb):not(.views-summary):not(.pager):not(.cibles):not(.pictocol):not(.liste-partenaires) li:before,.collectivites #content ul:not(.contextual-links):not(.slides):not(.flex-direction-nav):not(#etapes):not(.contact-breadcrumb):not(.views-summary):not(.pager):not(.cibles):not(.pictocol):not(.liste-partenaires) li:before,.collectivites #content_second ul:not(.contextual-links):not(.slides):not(.flex-direction-nav):not(#etapes):not(.contact-breadcrumb):not(.views-summary):not(.pager):not(.cibles):not(.pictocol):not(.liste-partenaires) li:before,.collectivites #content_third ul:not(.contextual-links):not(.slides):not(.flex-direction-nav):not(#etapes):not(.contact-breadcrumb):not(.views-summary):not(.pager):not(.cibles):not(.pictocol):not(.liste-partenaires) li:before,.collectivites #content_fourth ul:not(.contextual-links):not(.slides):not(.flex-direction-nav):not(#etapes):not(.contact-breadcrumb):not(.views-summary):not(.pager):not(.cibles):not(.pictocol):not(.liste-partenaires) li:before {
    color: #01add7;
}

.bailleurs #content_top ul:not(.contextual-links):not(.slides):not(.flex-direction-nav):not(#etapes):not(.contact-breadcrumb):not(.views-summary):not(.pager):not(.cibles):not(.pictocol):not(.liste-partenaires) li:before,.bailleurs #content ul:not(.contextual-links):not(.slides):not(.flex-direction-nav):not(#etapes):not(.contact-breadcrumb):not(.views-summary):not(.pager):not(.cibles):not(.pictocol):not(.liste-partenaires) li:before,.bailleurs #content_second ul:not(.contextual-links):not(.slides):not(.flex-direction-nav):not(#etapes):not(.contact-breadcrumb):not(.views-summary):not(.pager):not(.cibles):not(.pictocol):not(.liste-partenaires) li:before,.bailleurs #content_third ul:not(.contextual-links):not(.slides):not(.flex-direction-nav):not(#etapes):not(.contact-breadcrumb):not(.views-summary):not(.pager):not(.cibles):not(.pictocol):not(.liste-partenaires) li:before,.bailleurs #content_fourth ul:not(.contextual-links):not(.slides):not(.flex-direction-nav):not(#etapes):not(.contact-breadcrumb):not(.views-summary):not(.pager):not(.cibles):not(.pictocol):not(.liste-partenaires) li:before {
    color: #B14191;
}

.professionnels #content_top ul:not(.contextual-links):not(.slides):not(.flex-direction-nav):not(#etapes):not(.contact-breadcrumb):not(.views-summary):not(.pager):not(.cibles):not(.pictocol):not(.liste-partenaires) li:before,.professionnels #content ul:not(.contextual-links):not(.slides):not(.flex-direction-nav):not(#etapes):not(.contact-breadcrumb):not(.views-summary):not(.pager):not(.cibles):not(.pictocol):not(.liste-partenaires) li:before,.professionnels #content_second ul:not(.contextual-links):not(.slides):not(.flex-direction-nav):not(#etapes):not(.contact-breadcrumb):not(.views-summary):not(.pager):not(.cibles):not(.pictocol):not(.liste-partenaires) li:before,.professionnels #content_third ul:not(.contextual-links):not(.slides):not(.flex-direction-nav):not(#etapes):not(.contact-breadcrumb):not(.views-summary):not(.pager):not(.cibles):not(.pictocol):not(.liste-partenaires) li:before,.professionnels #content_fourth ul:not(.contextual-links):not(.slides):not(.flex-direction-nav):not(#etapes):not(.contact-breadcrumb):not(.views-summary):not(.pager):not(.cibles):not(.pictocol):not(.liste-partenaires) li:before {
    color: #666497;
}

#content_top ul:not(.contextual-links):not(.slides):not(.flex-direction-nav):not(#etapes):not(.contact-breadcrumb):not(.views-summary):not(.pager):not(.cibles):not(.pictocol):not(.liste-partenaires) ul,#content ul:not(.contextual-links):not(.slides):not(.flex-direction-nav):not(#etapes):not(.contact-breadcrumb):not(.views-summary):not(.pager):not(.cibles):not(.pictocol):not(.liste-partenaires) ul,#content_second ul:not(.contextual-links):not(.slides):not(.flex-direction-nav):not(#etapes):not(.contact-breadcrumb):not(.views-summary):not(.pager):not(.cibles):not(.pictocol):not(.liste-partenaires) ul,#content_third ul:not(.contextual-links):not(.slides):not(.flex-direction-nav):not(#etapes):not(.contact-breadcrumb):not(.views-summary):not(.pager):not(.cibles):not(.pictocol):not(.liste-partenaires) ul,#content_fourth ul:not(.contextual-links):not(.slides):not(.flex-direction-nav):not(#etapes):not(.contact-breadcrumb):not(.views-summary):not(.pager):not(.cibles):not(.pictocol):not(.liste-partenaires) ul,#content_top ul:not(.contextual-links):not(.slides):not(.flex-direction-nav):not(#etapes):not(.contact-breadcrumb):not(.views-summary):not(.pager):not(.cibles):not(.pictocol):not(.liste-partenaires) ol,#content ul:not(.contextual-links):not(.slides):not(.flex-direction-nav):not(#etapes):not(.contact-breadcrumb):not(.views-summary):not(.pager):not(.cibles):not(.pictocol):not(.liste-partenaires) ol,#content_second ul:not(.contextual-links):not(.slides):not(.flex-direction-nav):not(#etapes):not(.contact-breadcrumb):not(.views-summary):not(.pager):not(.cibles):not(.pictocol):not(.liste-partenaires) ol,#content_third ul:not(.contextual-links):not(.slides):not(.flex-direction-nav):not(#etapes):not(.contact-breadcrumb):not(.views-summary):not(.pager):not(.cibles):not(.pictocol):not(.liste-partenaires) ol,#content_fourth ul:not(.contextual-links):not(.slides):not(.flex-direction-nav):not(#etapes):not(.contact-breadcrumb):not(.views-summary):not(.pager):not(.cibles):not(.pictocol):not(.liste-partenaires) ol {
    margin: 1em 0;
}

#content_top ol:not(.flex-control-paging),#content ol:not(.flex-control-paging),#content_second ol:not(.flex-control-paging),#content_third ol:not(.flex-control-paging),#content_fourth ol:not(.flex-control-paging) {
    margin: 2em 0;
    padding: 0;
}

#content_top ol:not(.flex-control-paging) li,#content ol:not(.flex-control-paging) li,#content_second ol:not(.flex-control-paging) li,#content_third ol:not(.flex-control-paging) li,#content_fourth ol:not(.flex-control-paging) li {
    padding: 0;
    margin: 1em;
    margin-left: 3em;
    line-height: 1.4;
}

#content_top ol:not(.flex-control-paging) ol,#content ol:not(.flex-control-paging) ol,#content_second ol:not(.flex-control-paging) ol,#content_third ol:not(.flex-control-paging) ol,#content_fourth ol:not(.flex-control-paging) ol,#content_top ol:not(.flex-control-paging) ul,#content ol:not(.flex-control-paging) ul,#content_second ol:not(.flex-control-paging) ul,#content_third ol:not(.flex-control-paging) ul,#content_fourth ol:not(.flex-control-paging) ul {
    margin: 1em 0;
}

#content_top ul.liste-partenaires,#content ul.liste-partenaires,#content_second ul.liste-partenaires,#content_third ul.liste-partenaires,#content_fourth ul.liste-partenaires {
    padding: 0;
    list-style: none;
}

#content_top ul.liste-partenaires li,#content ul.liste-partenaires li,#content_second ul.liste-partenaires li,#content_third ul.liste-partenaires li,#content_fourth ul.liste-partenaires li {
    text-align: center;
    margin-bottom: 1em;
}

#content_top ul.liste-partenaires li a,#content ul.liste-partenaires li a,#content_second ul.liste-partenaires li a,#content_third ul.liste-partenaires li a,#content_fourth ul.liste-partenaires li a,#content_top ul.liste-partenaires li span,#content ul.liste-partenaires li span,#content_second ul.liste-partenaires li span,#content_third ul.liste-partenaires li span,#content_fourth ul.liste-partenaires li span {
    display: inline-block;
    padding: 1em;
    text-decoration: none;
}

#content_top ul.liste-partenaires li a,#content ul.liste-partenaires li a,#content_second ul.liste-partenaires li a,#content_third ul.liste-partenaires li a,#content_fourth ul.liste-partenaires li a {
    color: #fff;
    width: 100%;
    background-color: #9D001F;
    height: 100%;
}

#content_top ul.liste-partenaires li a:hover,#content ul.liste-partenaires li a:hover,#content_second ul.liste-partenaires li a:hover,#content_third ul.liste-partenaires li a:hover,#content_fourth ul.liste-partenaires li a:hover {
    color: #fff;
    background-color: #D20024;
}

#content_top img,#content img,#content_second img,#content_third img,#content_fourth img {
    max-width: 100%;
    height: auto;
    display: inline-block;
}

#content_top h1 {
    font-size: 2.5rem;
    margin-top: 0;
    color: #000;
}

#content_top h1:after {
    content: "";
    display: block;
    height: 5px;
    width: 90px;
    border-radius: 3px;
    background-color: #D20024;
    margin-top: 10px;
}

#content_fourth .container {
    padding-bottom: 0;
    padding-top: 0;
}

[class^="icon-"].rouge,[class^="icon-"].rouge2 {
    color: #9D001F;
}

[class^="icon-"].rouge1 {
    color: #D20024;
}

[class^="icon-"].bleu {
    color: #01add7;
}

[class^="icon-"].vert {
    color: #63b32e;
}

[class^="icon-"].jaune {
    color: #f59d12;
}

[class^="icon-"].rose {
    color: #B14191;
}

[class^="icon-"].violet {
    color: #666497;
}

figure {
    border: 1px solid #e6e6e6;
    background-color: #fff;
    display: table;
}

figure img {
    padding: 1em;
    box-sizing: border-box;
}

figure figcaption {
    font-size: 0.9em;
    font-style: italic;
    border-top: 1px solid #e6e6e6;
    padding: 0.25em;
}

figure figcaption a {
    color: #9D001F;
}

figure figcaption a:hover {
    color: #D20024;
    text-decoration: none;
}

figure figcaption:empty {
    border-top: 0;
    padding: 0;
}

figure.no-sidemargins {
    margin-left: 0;
    margin-right: 0;
}

blockquote {
    font-style: italic;
    line-height: 1.5;
    font-size: 1.125em;
    font-weight: 300;
    margin-left: 0;
    padding: 0.5em 1em 0.5em 4em;
    position: relative;
    margin-bottom: 1.75em;
}

blockquote:before {
    content: "❝";
    display: block;
    left: 0;
    position: absolute;
    font-size: 5em;
    line-height: 1;
    top: 0;
    color: #84001a;
}

blockquote a {
    color: #D20024;
}

blockquote a:hover {
    color: #9D001F;
}

blockquote footer {
    font-style: normal;
}

blockquote footer:before {
    content: "–";
}

blockquote.noquote {
    padding: 0;
}

blockquote.noquote:before {
    content: none;
}

blockquote.twitter-tweet {
    margin-left: 0;
    padding: 1px 1em 1px 3em;
    border: 1px solid #e6e6e6;
    border-radius: 5px;
    font-family: 'Georgia';
    font-style: italic;
    position: relative;
}

blockquote.twitter-tweet:before {
    content: "\f099";
    font-family: 'climaxion';
    color: #1da1f2;
    display: inline-block;
    position: absolute;
    font-style: normal;
    left: 1rem;
    top: 1rem;
    font-size: 1.5em;
}

blockquote.twitter-tweet a {
    color: #1da1f2 !important;
}

table {
    border-collapse: collapse;
    margin: 1em 0;
}

table th {
    padding: 10px;
    background-color: #f5f5f5;
    border: 1px solid #e6e6e6;
}

table td {
    padding: 10px;
    border: 1px solid #e6e6e6;
}

table.invitation td {
    padding: 10px;
    border-left: 0;
    border-right: 0;
}

table.invitation td:first-child {
    text-align: center;
    vertical-align: top;
}

table.invitation span[class^=icon-] {
    font-size: 32px;
    background-color: #D20024;
    color: #fff;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 50%;
    display: inline-block;
}

table caption {
    font-size: 0.9em;
    padding: 0.25rem 0;
    font-style: italic;
    caption-side: bottom;
    text-align: left;
}

table caption a {
    color: #9D001F;
}

table caption a:hover {
    color: #D20024;
    text-decoration: none;
}

.ancres > a {
    border-style: solid;
    border-width: 1px;
    border-color: #9D001F;
    text-decoration: none;
    display: block;
    color: #000;
    margin-bottom: 1rem;
    padding: 2%;
    font-size: 0;
    transition: all 300ms ease;
    display: flex;
    align-items: center;
}

.ancres > a i {
    transition: all 300ms ease;
}

.ancres > a > span {
    display: inline-block;
    width: calc(100% - 60px);
    padding-left: 1rem;
    font-size: 1rem;
}

.ancres > a:hover {
    color: #fff;
    background-color: #9D001F;
}

.ancres > a:hover i {
    border-color: #fff;
    color: #fff;
}

.ancres .h2 {
    font-size: 1.5rem;
    margin-bottom: 0.5rem;
    display: inline-block;
}

.ancres i {
    display: inline-block;
    font-size: 2rem;
    width: 60px;
    height: 60px;
    line-height: 60px;
    border-style: solid;
    border-width: 1px;
    border-radius: 50%;
    text-align: center;
}

.ancres.part > a {
    border-color: #f59d12;
}

.ancres.part > a:hover {
    background-color: #f59d12;
}

.ancres.part i {
    color: #f59d12;
    border-color: #f59d12;
}

.ancres.ent svg {
    max-width: 200px;
    height: auto;
}

.ancres.ent > a {
    border-color: #63b32e;
}

.ancres.ent > a:hover {
    background-color: #63b32e;
}

.ancres.ent > a:hover svg path,.ancres.ent > a:hover svg circle {
    fill: #fff;
}

.ancres.ent i {
    color: #63b32e;
    border-color: #63b32e;
}

.ancres.coll > a {
    border-color: #01add7;
}

.ancres.coll > a:hover {
    background-color: #01add7;
}

.ancres.coll i {
    color: #01add7;
    border-color: #01add7;
}

.ancres.bail > a {
    border-color: #B14191;
}

.ancres.bail > a:hover {
    background-color: #B14191;
}

.ancres.bail i {
    color: #B14191;
    border-color: #B14191;
}

.page-sommaire {
    font-size: 1.5rem;
    margin-bottom: 3rem;
}

.page-sommaire > a {
    display: block;
    border: 1px solid #9D001F;
    background-color: #9D001F;
    margin-bottom: 1rem;
    text-decoration: none;
    color: #fff;
    padding: 1.75rem 2rem;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.page-sommaire > a:hover {
    background-color: #fff;
    color: #9D001F;
}

.encart-gris {
    padding: 2rem;
    margin-bottom: 3rem;
    background-color: #FAF5ED;
    border-radius: 0.5em;
}

.encart-gris > *:first-child {
    margin-top: 0 !important;
}

.encart-gris > *:last-child {
    margin-bottom: 0 !important;
}

.encart-gris [class*=" grid-"] > * *:first-child,.encart-gris [class^=grid-] > * *:first-child {
    margin-top: 0 !important;
}

.encart-gris .video {
    margin-bottom: 2rem;
}

.encart-gris .video-legende {
    margin-top: 0.5rem;
    margin-bottom: 0;
    font-style: italic;
}

.encart-gris .document {
    margin-bottom: 2rem;
    text-align: center;
}

.encart-gris .document .couv {
    margin: 0 auto;
    max-width: 250px;
}

.encart-gris .document .couv.vide {
    font-size: 0;
}

.encart-gris .document .couv.vide:before {
    content: "";
    display: block;
    max-width: 248px;
    border: 1px solid #e6e6e6;
    padding-bottom: 139.5%;
    background-image: linear-gradient(60deg,#fff,#f5f5f5);
}

.encart-gris .document .document-legende {
    margin-top: 0.5rem;
    margin-bottom: 0;
    font-style: italic;
}

.encart-gris .contact {
    max-width: 600px;
    align-items: center;
}

.encart-gris .contact img {
    border-radius: 50%;
    max-height: 200px;
}

.encart-gris.eyetitle > h3:before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' viewBox='0 0 576 512'%3E%3Cpath d='M288 32c-80.8 0-145.5 36.8-192.6 80.6C48.6 156 17.3 208 2.5 243.7c-3.3 7.9-3.3 16.7 0 24.6C17.3 304 48.6 356 95.4 399.4C142.5 443.2 207.2 480 288 480s145.5-36.8 192.6-80.6c46.8-43.5 78.1-95.4 93-131.1c3.3-7.9 3.3-16.7 0-24.6c-14.9-35.7-46.2-87.7-93-131.1C433.5 68.8 368.8 32 288 32zM144 256a144 144 0 1 1 288 0 144 144 0 1 1 -288 0zm144-64c0 35.3-28.7 64-64 64c-7.1 0-13.9-1.2-20.3-3.3c-5.5-1.8-11.9 1.6-11.7 7.4c.3 6.9 1.3 13.8 3.2 20.7c13.7 51.2 66.4 81.6 117.6 67.9s81.6-66.4 67.9-117.6c-11.1-41.5-47.8-69.4-88.6-71.1c-5.8-.2-9.2 6.1-7.4 11.7c2.1 6.4 3.3 13.2 3.3 20.3z'/%3E%3C/svg%3E");
    vertical-align: middle;
}

.retour-sommaire {
    text-align: right;
}

.frise.fleche {
    display: flex;
    justify-content: space-around;
    list-style: outside none none;
    margin: 2em 0 1em 0;
    padding: 0;
    position: relative;
    flex-direction: column;
}

.frise.fleche:after {
    background-color: #e6e6e6;
    border-radius: 5px;
    content: "";
    display: block;
    position: absolute;
    height: 100%;
    top: 0;
    width: 10px;
    left: 11px;
}

.frise.fleche li {
    position: relative;
    margin: 0 0 1rem 0 !important;
    padding-left: 50px !important;
}

.frise.fleche li:before {
    content: none !important;
}

.frise.fleche li:after {
    content: "";
    background-color: #fff;
    border: 8px solid #e6e6e6;
    border-radius: 50%;
    height: 16px;
    left: 10px;
    margin-left: -10px;
    position: absolute;
    top: 0px;
    width: 16px;
    z-index: 1;
}

.frise.fleche li strong {
    font-size: 1.25rem;
    display: block;
}

.frise.fleche li span {
    display: block;
}

.frise.fleche li span:last-child {
    color: #9D001F;
}

@media (min-width: 768px) {
    .frise.fleche {
        flex-direction:row;
    }

    .frise.fleche:after {
        height: 10px;
        top: 11px;
        width: 100%;
        left: 0;
    }

    .frise.fleche li {
        text-align: center;
        padding-left: 0 !important;
        padding-top: 40px !important;
    }

    .frise.fleche li:after {
        left: 50%;
        margin-left: -16px;
    }
}

#header .container {
    position: relative;
    padding-top: 0;
    padding-bottom: 0;
}

#logos-wrapper {
    margin-top: 10px;
    margin-bottom: 20px;
}

#logo {
    display: inline-block;
    vertical-align: baseline;
    position: relative;
    z-index: 2;
}

#logo a {
    display: block;
}

#logo img {
    display: block;
    border: 0;
    width: 110px;
    height: 31px;
}

#logos {
    display: inline-block;
    vertical-align: baseline;
    margin-left: 1em;
    position: relative;
    z-index: 2;
}

#logos object {
    display: block;
    height: 34px;
}

#block-views-exp-recherche-page {
    text-align: center;
}

@media (max-width: 580px) {
    #block-views-exp-recherche-page {
        display:none;
    }
}

@media (min-width: 580px) {
    #block-views-exp-recherche-page {
        position:absolute;
        right: 16px;
        bottom: 20px;
        width: 100%;
        font-size: 100%;
    }
}

#block-views-exp-recherche-page .form-item {
    margin: 0;
    margin-right: -2.25rem;
}

#block-views-exp-recherche-page input {
    width: 15rem;
    font-size: 0.875rem;
    transition: all 300ms ease-in;
    height: 2.25rem;
    padding-left: 1rem;
    padding-right: 2.5rem;
    border-radius: 2rem;
}

#block-views-exp-recherche-page input:focus {
    outline: 0;
}

#block-views-exp-recherche-page input::placeholder {
    font-style: italic;
}

#block-views-exp-recherche-page #edit-submit-recherche {
    border-radius: 2em;
    width: 2.25rem;
    height: 2.25rem;
    padding: 0;
    background-color: transparent;
}

#block-views-exp-recherche-page #edit-submit-recherche i {
    color: #9D001F;
    font-size: 1.5em;
    vertical-align: middle;
    cursor: pointer;
}

#block-views-exp-recherche-page #edit-submit-recherche span {
    display: none;
}

#block-views-exp-recherche-page #edit-submit-recherche:hover {
    background-color: #9D001F;
    border: 1px solid #e6e6e6;
}

#block-views-exp-recherche-page #edit-submit-recherche:hover i {
    color: #fff;
}

#block-views-exp-recherche-page #edit-submit-recherche:focus {
    outline: 0;
}

#views-exposed-form-recherche-page > div {
    display: flex;
    justify-content: flex-end;
}

.type-contenu {
    margin-top: 0;
}

.type-contenu span {
    padding: 2px 5px;
    display: inline-block;
    border: 1px solid;
    border-radius: 5px;
    text-transform: uppercase;
    font-size: 10px;
}

.search-results h3 {
    margin-bottom: 0;
}

.search-results .excerpt {
    margin: 0.5em 0;
}

strong.highlight {
    background-color: yellow;
    font-weight: inherit;
}

#main-nav {
    background-color: #9D001F;
    border-bottom: 4px solid #D20024;
}

@media (max-width: 959px) {
    #main-nav .container {
        padding-left:0;
        padding-right: 0;
    }
}

#block-superfish-1 {
    z-index: 2;
}

#block-superfish-1 #superfish-1-toggle span {
    display: flex;
    align-items: center;
}

#block-superfish-1 #superfish-1-toggle span:before {
    content: "\e90a";
    font-family: 'climaxion';
    margin-right: 0.5rem;
}

#block-superfish-1 #superfish-1-toggle.sf-expanded span:before {
    content: "\e909";
}

#block-superfish-1 .sf-style-none {
    margin: 0;
    padding: 0;
}

@media (min-width: 768px) {
    #block-superfish-1 .sf-style-none {
        float:none;
        display: flex !important;
        justify-content: space-between;
    }
}

@media (min-width: 768px) and (max-width:830px) {
    #block-superfish-1 .sf-style-none {
        font-size:0.9rem;
    }
}

#block-superfish-1 .sf-style-none > li {
    flex-grow: 1;
}

@media (min-width: 768px) {
    #block-superfish-1 .sf-style-none > li {
        text-align:center;
    }

    #block-superfish-1 .sf-style-none > li:after {
        content: "";
        background-color: #ffffff;
        position: absolute;
        right: 0;
        width: 1px;
        height: 70%;
        top: 50%;
        transform: translateY(-50%);
    }
}

#block-superfish-1 .sf-style-none > li:last-child:after {
    content: none;
}

#block-superfish-1 .sf-style-none > li.active-trail:before {
    content: "";
    display: block;
    width: 100%;
    height: 4px;
    background-color: rgba(255,255,255,0.8);
    position: absolute;
    left: 0;
    bottom: -4px;
}

#block-superfish-1 .sf-style-none.sf-navbar {
    width: 100%;
    background: #9D001F;
}

#block-superfish-1 .sf-style-none ul {
    padding-left: 0;
}

#block-superfish-1 .sf-style-none ul.sf-megamenu li.sf-megamenu-wrapper {
    background: #84001a;
}

#block-superfish-1 .sf-style-none ul.sf-megamenu li.sf-megamenu-wrapper li {
    background: transparent;
}

#block-superfish-1 .sf-style-none a {
    color: #fff;
    text-decoration: none;
    padding: 1em 1em;
    display: block;
}

#block-superfish-1 .sf-style-none a.sf-with-ul {
    padding-right: calc(1em + 10px);
}

#block-superfish-1 .sf-style-none a:focus {
    background: #84001a;
    outline: 0;
}

#block-superfish-1 .sf-style-none a:hover {
    background: #84001a;
    outline: 0;
}

#block-superfish-1 .sf-style-none a:active {
    background: #84001a;
    outline: 0;
}

#block-superfish-1 .sf-style-none a.active {
    font-weight: bold;
}

#block-superfish-1 .sf-style-none span.nolink {
    color: #fff;
    padding: 1em 1em;
}

#block-superfish-1 .sf-style-none span.nolink.sf-with-ul {
    padding-right: calc(1em + 10px);
}

#block-superfish-1 .sf-style-none span.nolink:hover {
    background: #84001a;
    outline: 0;
}

#block-superfish-1 .sf-style-none span.sf-description {
    color: #fff;
    display: block;
    font-size: 0.833em;
    line-height: 1.5;
    margin: 5px 0 0 5px;
    padding: 0;
}

#block-superfish-1 .sf-style-none.rtl span.sf-description {
    margin: 5px 5px 0 0;
}

#block-superfish-1 .sf-style-none.rtl span.nolink.sf-with-ul {
    padding-left: 2.25em;
    padding-right: 1em;
}

#block-superfish-1 .sf-style-none.rtl a.sf-with-ul {
    padding-left: 2.25em;
    padding-right: 1em;
}

#block-superfish-1 .sf-style-none li {
    background: #9D001F;
}

#block-superfish-1 .sf-style-none li li {
    background: #9D001F;
    text-align: left;
}

#block-superfish-1 .sf-style-none li li a,#block-superfish-1 .sf-style-none li li span.nolink {
    padding: 0.75em 1em;
}

#block-superfish-1 .sf-style-none li li:hover > ul,#block-superfish-1 .sf-style-none li li.sfHover > ul {
    top: 0;
}

#block-superfish-1 .sf-style-none li li li {
    background: #9D001F;
}

#block-superfish-1 .sf-style-none li:hover,#block-superfish-1 .sf-style-none li.sfHover {
    background: #84001a;
    outline: 0;
}

#block-superfish-1 .sf-style-none li:hover > ul,#block-superfish-1 .sf-style-none li.sfHover > ul {
    top: 3rem;
}

@media (min-width: 768px) and (max-width:830px) {
    #block-superfish-1 .sf-style-none li:hover > ul,#block-superfish-1 .sf-style-none li.sfHover > ul {
        top:2.7rem;
    }
}

#block-superfish-1 .sf-style-none li.active-trail > a {
    font-weight: bold;
}

#block-superfish-1 .sf-style-none .sf-sub-indicator {
    background-image: url(/sites/climaxion/themes/climaxion/img/arrows-ffffff.png);
    top: calc(50% - 5px);
}

#block-superfish-1 div.sf-accordion-toggle.sf-style-none a {
    background: #9D001F;
    color: #fff;
    padding: 1em;
}

#block-superfish-1 div.sf-accordion-toggle.sf-style-none a.sf-expanded {
    background-color: #84001a;
    font-weight: bold;
}

#block-superfish-1 .sf-menu.sf-style-none.rtl.sf-accordion li li a {
    padding-left: auto;
    padding-right: 2em;
}

#block-superfish-1 .sf-menu.sf-style-none.rtl.sf-accordion li li li a {
    padding-left: auto;
    padding-right: 3em;
}

#block-superfish-1 .sf-menu.sf-style-none.rtl.sf-accordion li li li li a {
    padding-left: auto;
    padding-right: 4em;
}

#block-superfish-1 .sf-menu.sf-style-none.rtl.sf-accordion li li li li li a {
    padding-left: auto;
    padding-right: 5em;
}

#block-superfish-1 .sf-menu.sf-style-none.rtl.sf-accordion li li li li li span.nolink {
    padding-left: auto;
    padding-right: 5em;
}

#block-superfish-1 .sf-menu.sf-style-none.rtl.sf-accordion li li li li span.nolink {
    padding-left: auto;
    padding-right: 4em;
}

#block-superfish-1 .sf-menu.sf-style-none.rtl.sf-accordion li li li span.nolink {
    padding-left: auto;
    padding-right: 3em;
}

#block-superfish-1 .sf-menu.sf-style-none.rtl.sf-accordion li li span.nolink {
    padding-left: auto;
    padding-right: 2em;
}

#block-superfish-1 .sf-menu.sf-style-none.rtl ul.sf-megamenu li.sf-megamenu-wrapper ol li.sf-megamenu-column {
    float: right;
}

#block-superfish-1 .sf-menu.sf-style-none.sf-accordion li.sf-expanded {
    background-color: #84001a;
}

#block-superfish-1 .sf-menu.sf-style-none.sf-accordion li.sf-expanded a {
    font-weight: bold;
}

#block-superfish-1 .sf-menu.sf-style-none.sf-accordion li.sf-expanded span.nolink {
    font-weight: bold;
}

#block-superfish-1 .sf-menu.sf-style-none.sf-accordion li li a {
    padding-left: 2em;
}

#block-superfish-1 .sf-menu.sf-style-none.sf-accordion li li li a {
    padding-left: 3em;
}

#block-superfish-1 .sf-menu.sf-style-none.sf-accordion li li li li a {
    padding-left: 4em;
}

#block-superfish-1 .sf-menu.sf-style-none.sf-accordion li li li li li a {
    padding-left: 5em;
}

#block-superfish-1 .sf-menu.sf-style-none.sf-accordion li li li li li span.nolink {
    padding-left: 5em;
}

#block-superfish-1 .sf-menu.sf-style-none.sf-accordion li li li li span.nolink {
    padding-left: 4em;
}

#block-superfish-1 .sf-menu.sf-style-none.sf-accordion li li li span.nolink {
    padding-left: 3em;
}

#block-superfish-1 .sf-menu.sf-style-none.sf-accordion li li span.nolink {
    padding-left: 2em;
}

#block-superfish-1 .sf-menu.sf-style-none.sf-accordion li a.sf-accordion-button {
    font-weight: bold;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 499;
}

#block-superfish-1 .sf-menu.sf-style-none ul.sf-megamenu li.sf-megamenu-wrapper ol {
    margin: 0;
    padding: 0;
}

#block-superfish-1 .sf-menu.sf-style-none ul.sf-megamenu li.sf-megamenu-wrapper ol li {
    margin: 0;
    padding: 0;
}

#block-superfish-1 .sf-menu.sf-style-none ul.sf-megamenu li.sf-megamenu-wrapper ol li.sf-megamenu-column {
    display: inline;
    float: left;
}

#block-superfish-1 .sf-menu.sf-style-none ul.sf-megamenu li.sf-megamenu-wrapper a.menuparent {
    font-weight: bold;
}

#block-superfish-1 .sf-menu.sf-style-none ul.sf-megamenu li.sf-megamenu-wrapper span.nolink.menuparent {
    font-weight: bold;
}

#banner {
    background-color: #e6e6e6;
}

#banner .container {
    padding: 0;
}

#breadcrumb {
    font-size: 0.8em;
}

#breadcrumb a {
    color: #555;
}

#breadcrumb a:hover {
    color: #D20024;
    text-decoration: none;
}

.breadcrumb {
    position: relative;
    z-index: 1;
}

.front #content_second > .container {
    padding-top: 30px;
}

#intro {
    position: relative;
    z-index: 0;
}

#intro .block.intro {
    background-color: #FAF5ED;
    margin-top: -31px;
    z-index: 1;
    position: relative;
}

#intro .block.intro h1 {
    font-size: 2.5rem;
    margin-top: 0;
    color: #000;
}

#intro .block.intro h1:after {
    content: "";
    display: block;
    height: 5px;
    width: 90px;
    border-radius: 3px;
    background-color: #D20024;
    margin-top: 10px;
}

.particuliers #intro .block.intro h1:after {
    background-color: #f59d12;
}

.entreprises #intro .block.intro h1:after {
    background-color: #63b32e;
}

.collectivites #intro .block.intro h1:after {
    background-color: #01add7;
}

.bailleurs #intro .block.intro h1:after {
    background-color: #B14191;
}

.professionnels #intro .block.intro h1:after {
    background-color: #666497;
}

.centre #intro .block.intro h1:after {
    margin-left: auto;
    margin-right: auto;
}

#intro .block.intro .text {
    padding-top: 3em;
    padding-bottom: 3em;
    padding-right: calc(50% + 2em);
    font-size: 1.25rem;
}

@media (min-width: 960px) {
    #intro .block.intro .text {
        padding-top:5.5em;
        padding-bottom: 5.5em;
    }
}

@media (min-width: 1200px) {
    #intro .block.intro .text {
        padding-top:7em;
        padding-bottom: 7em;
    }
}

#intro .block.intro .text a {
    color: #9D001F;
}

#intro .block.intro .text a:hover {
    text-decoration: none;
    color: #D20024;
}

#intro .block.intro .img {
    position: absolute;
    top: 0;
    left: 50%;
    width: 50%;
    height: 100%;
    max-width: 730px;
}

body.thematiques #intro .block.intro .img {
    max-width: none;
}

#intro .block.intro .img img {
    object-fit: cover;
    object-position: left center;
    width: 100%;
    height: 100%;
}

@media (max-width: 767px) {
    #intro .block.intro .text {
        padding-top:5em;
        padding-bottom: 1em;
        padding-right: 0;
    }

    #intro .block.intro .img {
        position: static;
        width: 100%;
        aspect-ratio: 1.33333333;
    }

    #intro .block.intro .img img {
        object-position: top center;
    }
}

.node-type-document .couv {
    display: block;
}

.node-type-document .couv img {
    vertical-align: bottom;
    border: 1px solid #e6e6e6;
}

.node-type-document .liens a {
    color: #9D001F;
    margin: 0.5em 0;
}

.node-type-document .liens a:hover {
    text-decoration: none;
    color: #D20024;
}

.node-type-document .pj + .liens {
    margin-top: 1em;
}

.node-type-evenement #content .container,.node-type-document #content .container {
    padding-top: 0;
}

.node-type-evenement h1,.node-type-document h1 {
    margin-bottom: 0.5em;
}

.node-type-evenement .node-details,.node-type-document .node-details {
    font-size: 1.25em;
    font-weight: 500;
    margin-top: 0.5em;
    margin-bottom: 2.5em;
}

.node-type-evenement .node-details > span,.node-type-document .node-details > span {
    margin-right: 1em;
}

.node-type-document .thematiques a,.view-blog .thematiques a,.node-type-article .thematiques a {
    padding: 2px 5px;
    display: inline-block;
    border: 1px solid;
    border-radius: 5px;
    text-transform: uppercase;
    font-size: 10px;
    text-decoration: none;
}

.node-type-document .thematiques,.node-type-article .thematiques {
    margin-top: 3em;
}

.node-type-article .article-image {
    margin-bottom: 2.5em;
}

.node-type-article .article-image img {
    border-radius: 0.5em;
    border: 1px solid #e6e6e6;
    vertical-align: bottom;
}

.node-type-article .rubrique {
    font-size: 0.8em;
    font-weight: 500;
    margin-bottom: 0;
    text-transform: uppercase;
    color: #808080;
}

.node-type-article .rubrique + h1 {
    margin-top: 0;
}

.node-type-article .rubrique a {
    color: #808080 !important;
    text-decoration: none;
}

.node-type-article .rubrique a:hover {
    color: #D20024 !important;
}

h2.block-title {
    font-size: 2em;
    font-weight: 500;
}

h2.block-title:after {
    content: "";
    display: block;
    height: 5px;
    width: 90px;
    border-radius: 3px;
    background-color: #D20024;
    margin-top: 10px;
}

.particuliers h2.block-title:after {
    background-color: #f59d12;
}

.entreprises h2.block-title:after {
    background-color: #63b32e;
}

.collectivites h2.block-title:after {
    background-color: #01add7;
}

.bailleurs h2.block-title:after {
    background-color: #B14191;
}

.professionnels h2.block-title:after {
    background-color: #666497;
}

.titrecentre h2.block-title:after,.centre h2.block-title:after {
    margin-left: auto;
    margin-right: auto;
}


.block.bg + .block.bg {
    margin-top: 0;
}

.block.narrow {
    max-width: 768px;
    margin-left: auto;
    margin-right: auto;
}

.block.bg {
    padding-top: 3em;
    margin-top: 3em;
    padding-bottom: 3em;
    position: relative;
}

.block.bg:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: calc(50% - 50vw);
    background-color: #FAF5ED;
    right: calc(50% - 50vw);
    z-index: -1;
    bottom: 0;
}

.rouge.block.bg:after,.rouge2.block.bg:after {
    background-color: #9D001F;
}

.rouge1.block.bg:after {
    background-color: #D20024;
}

.bleu.block.bg:after {
    background-color: #01add7;
}

.violet.block.bg:after {
    background-color: #666497;
}

.rose.block.bg:after {
    background-color: #B14191;
}

.vert.block.bg:after {
    background-color: #63b32e;
}

.jaune.block.bg:after {
    background-color: #f59d12;
}

.block.bg h2.block-title {
    margin-top: 0.5em !important;
}

.block.rouge h2,.block.rouge1 h2,.block.rouge2 h2,.block.violet h2,.block.bleu h2,.block.vert h2,.block.jaune h2,.block.rose h2 {
    color: #fff !important;
}

.block.rouge .content p,.block.rouge1 .content p,.block.rouge2 .content p,.block.violet .content p,.block.bleu .content p,.block.vert .content p,.block.jaune .content p,.block.rose .content p,.block.rouge .content a:not(.btn),.block.rouge1 .content a:not(.btn),.block.rouge2 .content a:not(.btn),.block.violet .content a:not(.btn),.block.bleu .content a:not(.btn),.block.vert .content a:not(.btn),.block.jaune .content a:not(.btn),.block.rose .content a:not(.btn),.block.rouge .content ul,.block.rouge1 .content ul,.block.rouge2 .content ul,.block.violet .content ul,.block.bleu .content ul,.block.vert .content ul,.block.jaune .content ul,.block.rose .content ul {
    color: #fff !important;
}

.block.centre h2,.block.centre .content {
    text-align: center;
}

.block.titrecentre h2 {
    text-align: center;
}

.block.nomt {
    margin-top: 0 !important;
}

.block.nomb {
    margin-bottom: 0 !important;
}

.block.contact.bg {
    margin-top: 3em;
    margin-bottom: 3em;
}

.block.docvid .content a {
    text-decoration: none;
}

.block.cbn .content p {
    text-align: center;
}

.block.cbn .content p.titre {
    font-size: 1.125em;
    text-transform: uppercase;
    font-weight: 500;
}

.block.cbn .content a {
    text-decoration: none;
}

.block.cible-liens,.block.rubriques {
    background-color: #FAF5ED;
}

.block.cible-liens .block-title,.block.rubriques .block-title {
    padding: 1em 1em 0 1em;
}

.block.cible-liens .content,.block.rubriques .content {
    padding: 0 1em;
    overflow: hidden;
}

.block.rubriques {
    border: 1px solid #e6e6e6;
}

.block.rubriques .block-title {
    margin-bottom: 0;
}

.block.rubriques ul.menu {
    margin: 0 0 2em 0 !important;
}

.block.rubriques .active-trail:before {
    color: #D20024 !important;
}

.block.bloc-text-image {
    background-color: #FAF5ED;
    border-radius: 0.5em;
    margin-bottom: 0 !important;
}

.block.bloc-text-image .content {
    position: relative;
    display: flex;
    flex-direction: column-reverse;
}

.block.bloc-text-image .content .text {
    padding: 2.25em 1.25em 1.25em 1.25em;
}

.block.bloc-text-image .content .img img {
    object-fit: cover;
    width: 100%;
    aspect-ratio: 1.33333333;
    border-top-left-radius: 0.5em;
    border-top-right-radius: 0.5em;
}

@media (min-width: 768px) {
    .block.bloc-text-image .content {
        display:block;
    }

    .block.bloc-text-image .content .text {
        width: 50%;
    }

    .block.bloc-text-image .content .img {
        position: absolute;
        top: 0;
        right: 0;
        width: 50%;
        height: 100%;
    }

    .block.bloc-text-image .content .img a {
        display: block;
        height: 100%;
    }

    .block.bloc-text-image .content .img img {
        display: block;
        height: 100% !important;
        border-top-left-radius: 0;
        border-top-right-radius: 0.5em;
        border-bottom-right-radius: 0.5em;
    }
}

.block.kitcom {
    margin-top: 100px;
    margin-bottom: 0;
}

.block.kitcom .content {
    position: relative;
    padding-bottom: 3em;
}

.block.kitcom ul.download {
    margin-bottom: 0;
}

@media (min-width: 960px) {
    .block.kitcom .text {
        width:50%;
    }

    .block.kitcom .img {
        position: absolute;
        top: 0;
        left: calc(50% + 1.25em);
        width: calc(50vw - 1.25em);
        bottom: 0;
    }

    .block.kitcom .img img {
        object-fit: cover;
        object-position: left top;
        width: 860px;
        height: 100% !important;
    }
}

@media (min-width: 640px) {
    .block.bloc-ressources-pictos:before {
        content:"";
        position: absolute;
        top: 0;
        left: 50%;
        width: 50vw;
        height: 100%;
        z-index: 2;
        background-image: url(/sites/climaxion/files/intros/intro-ressources.webp);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center left;
    }

    .block.bloc-ressources-pictos .content {
        width: 50%;
    }
}

.block.bloc-ressources-pictos .pictocol {
    flex-wrap: wrap;
    gap: 1.5em;
    margin-bottom: 0;
}

@media (min-width: 640px) {
    .block.bloc-ressources-pictos .pictocol {
        justify-content:flex-start;
    }
}

.block.bloc-ressources-pictos .pictocol a:after {
    content: none;
}

.block.actusnews .actus,.block.actusnews .newsletter {
    border: 1px solid #e6e6e6;
    border-radius: 0.5em;
    overflow: hidden;
}

.block.actusnews .img {
    background-color: #FAF5ED;
}

.block.actusnews .img img {
    object-fit: cover;
    width: 100%;
    height: 100% !important;
    vertical-align: bottom;
}

.block.actusnews .text {
    padding: 1.25em;
}

.block.actusnews .text *:last-child {
    margin-bottom: 0;
}

@media (max-width: 639px) {
    .block.actusnews .img {
        aspect-ratio:1.77777778;
    }
}

@media (max-width: 959px) {
    .block.actusnews .actus {
        margin-bottom:1.25em;
    }
}

.block.block-img-text .content {
    background-color: #FAF5ED;
    border-radius: 0.5em;
    overflow: hidden;
}

.block.block-img-text .grid-2 {
    align-items: center;
}

.block.block-img-text .img {
    align-self: stretch;
}

.block.block-img-text .img img {
    object-fit: cover;
    width: 100%;
    height: 100% !important;
}

.block.block-img-text .text {
    padding: 1.25em;
}

@media (min-width: 640px) {
    .block.block-img-text .text {
        padding:3em;
    }
}

.block.block-img-text .text .btn {
    margin-bottom: 0;
}

.block.block-img-text .text *:first-child {
    margin-top: 0;
}

.block.block-img-text .text *:last-child {
    margin-bottom: 0;
}

ul.download {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    gap: 1.25em;
}

ul.download li {
    padding: 0;
    margin: 0 !important;
    width: calc(50% - 0.625em);
}

ul.download li:before {
    content: none !important;
}

ul.download li a {
    display: block;
    padding: 1.25em !important;
    border: 1px solid #e6e6e6;
    border-radius: 0.5em;
    text-decoration: none;
    color: #555 !important;
    background-image: url(/sites/climaxion/themes/climaxion/img/download.svg);
    background-repeat: no-repeat;
    background-position: calc(100% - 0.75em) calc(100% - 0.75em);
}

ul.download li a:hover {
    color: #9D001F !important;
    background-color: #f5f5f5;
}

[class^="grid-"] > .block {
    margin-top: 50px;
}

.pj,.node-type-document .liens {
    background-color: #FAF5ED;
    padding: 15px;
    margin-bottom: 1.5em;
    margin-top: 3em;
    border-radius: 0.5em;
}

#content .pj h2,#content .node-type-document .liens h2 {
    margin-top: 0;
}

.pj .filesize,.node-type-document .liens .filesize {
    font-size: 0.9em;
}

#block-views-contact-block,#block-views-contacts-cae-block-contacts-cae {
    margin-top: 0;
}

.block.jpoenr {
    border: 1px solid #e6e6e6;
    border-radius: 0.5em;
    overflow: hidden;
    margin-bottom: 3em;
    background-color: #fff;
}

.block.jpoenr h2 {
    color: #9D001F !important;
    text-transform: normal;
    font-size: 2.875rem;
    margin-bottom: 0 !important;
    font-weight: 700 !important;
    line-height: 1;
}

.block.jpoenr h2 span {
    display: block;
    font-size: 1.875rem;
    font-weight: 500;
}

.block.jpoenr h3 {
    font-size: 1.625rem;
    font-weight: 400;
    margin-top: 0.5rem !important;
}

@media (min-width: 768px) {
    .block.jpoenr .content {
        display:flex;
        align-items: stretch;
    }

    .block.jpoenr .text {
        width: 50%;
    }

    .block.jpoenr .image {
        width: 50%;
    }
}

.block.jpoenr .text {
    padding: 30px;
}

.block.jpoenr .image p {
    margin: 0;
}

.block.jpoenr .image img {
    max-width: 100%;
    width: 100%;
    height: 100% !important;
    object-fit: cover;
    object-position: center;
    vertical-align: bottom;
}

@media (max-width: 767px) {
    .block.jpoenr .content {
        display:flex;
        flex-direction: column-reverse;
    }
}

#block-menu-menu-ressources {
    text-align: center;
    position: relative;
    z-index: 1;
    transform: translateY(-50%);
    margin-left: 1.25em;
    margin-right: 1.25em;
    margin-bottom: -3em;
}

#block-menu-menu-ressources .menu {
    margin: 0;
    list-style: none;
    display: inline-flex;
    background-color: #fff;
    box-shadow: 0 0 1em rgba(0,0,0,0.2);
    border-radius: 1em;
    padding: 1em 2em;
    width: auto;
}

#block-menu-menu-ressources .menu li {
    padding: 0.5em;
    flex: 1 1 0px;
}

#block-menu-menu-ressources .menu a {
    display: block;
    font-size: 1.125em;
    font-weight: bold;
    text-decoration: none;
    color: #000;
    display: flex;
    flex-direction: column;
    align-items: center;
}

#block-menu-menu-ressources .menu a:before {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 4rem;
    height: 4rem;
    filter: grayscale() brightness(3);
}

@media (max-width: 480px) {
    #block-menu-menu-ressources .menu a:before {
        transform:scale(0.75);
    }
}

#block-menu-menu-ressources .menu a.documents:before {
    content: url(/sites/climaxion/themes/climaxion/img/ressources-documents.svg);
}

#block-menu-menu-ressources .menu a.videos:before {
    content: url(/sites/climaxion/themes/climaxion/img/ressources-videos.svg);
}

#block-menu-menu-ressources .menu a.podcasts:before {
    content: url(/sites/climaxion/themes/climaxion/img/ressources-podcasts.svg);
}

#block-menu-menu-ressources .menu a.active:before {
    background-color: #f5f5f5;
    border-radius: 50%;
    filter: none;
}

#block-menu-menu-ressources .menu a:hover {
    color: #D20024;
}

#block-menu-menu-ressources .menu a:hover:before {
    filter: none;
}

body.front #content_top {
    background: url(/sites/climaxion/themes/climaxion/img/climaxion-pointer.svg) no-repeat center 150%;
    padding-top: 2em;
    padding-bottom: 6em;
}

.bloc-introhomepage .content {
    text-align: center;
}

ul.pictocol {
    list-style: none;
    margin: 3em 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-left: -1rem;
    margin-right: -1rem;
}

ul.pictocol li {
    text-align: center;
    margin-left: 1rem;
    margin-right: 1rem;
    width: calc(45% - 2rem);
    margin-top: 0.5rem;
}

@media (min-width: 640px) {
    ul.pictocol li {
        width:calc(33.33% - 2rem);
    }
}

@media (min-width: 960px) {
    ul.pictocol li {
        width:calc(20% - 2rem);
        margin-top: 0;
    }
}

ul.pictocol a {
    text-decoration: none;
    display: block;
    padding-bottom: 20px;
    border-bottom: 3px solid transparent;
    height: 100%;
    position: relative;
}

ul.pictocol a:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    height: 5px;
    width: 90px;
    transform: translateX(-50%);
    border-radius: 3px;
    background-color: #D20024;
}

.particuliers ul.pictocol a:after {
    background-color: #f59d12;
}

.entreprises ul.pictocol a:after {
    background-color: #63b32e;
}

.collectivites ul.pictocol a:after {
    background-color: #01add7;
}

.bailleurs ul.pictocol a:after {
    background-color: #B14191;
}

.professionnels ul.pictocol a:after {
    background-color: #666497;
}

ul.pictocol a strong {
    color: #000;
    display: block;
    margin-bottom: 0.5em;
}

ul.pictocol a strong + span {
    color: #555;
}

ul.pictocol a:hover span[class^=icon-] {
    transform: scale(1.1);
}

ul.pictocol a.particuliers span[class^=icon-] {
    color: #f59d12 !important;
}

ul.pictocol a.particuliers:after {
    background-color: #f59d12;
}

ul.pictocol a.particuliers:hover strong {
    color: #f59d12;
}

ul.pictocol a.entreprises span[class^=icon-] {
    color: #63b32e !important;
}

ul.pictocol a.entreprises:after {
    background-color: #63b32e;
}

ul.pictocol a.entreprises:hover strong {
    color: #63b32e;
}

ul.pictocol a.collectivites span[class^=icon-] {
    color: #01add7 !important;
}

ul.pictocol a.collectivites:after {
    background-color: #01add7;
}

ul.pictocol a.collectivites:hover strong {
    color: #01add7;
}

ul.pictocol a.bailleurs span[class^=icon-] {
    color: #B14191 !important;
}

ul.pictocol a.bailleurs:after {
    background-color: #B14191;
}

ul.pictocol a.bailleurs:hover strong {
    color: #B14191;
}

ul.pictocol a.professionnels span[class^=icon-] {
    color: #666497 !important;
}

ul.pictocol a.professionnels:after {
    background-color: #666497;
}

ul.pictocol a.professionnels:hover strong {
    color: #666497;
}

ul.pictocol span[class^=icon-] {
    display: block;
    font-size: 72px;
    transition: transform 0.3s cubic-bezier(0.175,0.885,0.32,1.275);
}

ul.pictocol strong {
    display: inline-block;
    margin-top: 1em;
}

.bloc-aidesfinancieres {
    margin-top: -6em;
}

.bloc-aidesfinancieres .img {
    margin-bottom: -4em;
}

.bloc-aidesfinancieres .img img {
    vertical-align: bottom;
}

.bloc-aidesfinancieres .text {
    padding: 6em 1.25em 1.25em 1.25em;
    background-color: #FAF5ED;
    border-radius: 0.5em;
}

@media (min-width: 768px) {
    .bloc-aidesfinancieres .content {
        padding-top:5em;
        position: relative;
    }

    .bloc-aidesfinancieres .text {
        background-color: #FAF5ED;
        border-radius: 0.5em;
        padding: 2.25em 1.25em 1.25em;
    }

    .bloc-aidesfinancieres .text > * {
        max-width: 40%;
    }

    .bloc-aidesfinancieres .img {
        position: absolute;
        width: 55%;
        height: 100%;
        bottom: 0;
        right: 0;
        margin: 0;
    }

    .bloc-aidesfinancieres .img img {
        vertical-align: bottom;
        object-fit: cover;
        object-position: bottom left;
        width: 100%;
        height: 100% !important;
    }
}

@media (min-width: 768px) and (min-width:1200px) {
    .bloc-aidesfinancieres .img {
        padding-right:1em;
    }
}

.energichoix-clicagil .content img {
    vertical-align: bottom;
    border-radius: 0.5em;
}

@media (max-width: 768px) {
    .energichoix-clicagil .content .grid-2 > div:first-child {
        margin-bottom:1.25em;
    }
}

.bloc-newsletter {
    background-position: right center;
    background-repeat: no-repeat;
    padding-top: 1em !important;
    padding-bottom: 1em !important;
}

.bloc-newsletter.rouge {
    background-image: url(/sites/climaxion/themes/climaxion/img/newsletter.svg);
    background-color: #9D001F;
    background-blend-mode: overlay;
}

.bloc-newsletter.beige {
    background-image: url(/sites/climaxion/themes/climaxion/img/newsletter2.svg);
    background-color: #FAF5ED;
    background-blend-mode: multiply;
}

.bloc-newsletter .content h2 {
    margin-bottom: 0;
}

.bloc-newsletter .content h2:after {
    content: none;
}

@media (min-width: 768px) {
    .bloc-newsletter {
        background-position:left center;
    }

    .bloc-newsletter .content {
        gap: 1.25em;
        display: flex;
        align-items: flex-end;
        justify-content: center;
    }

    .bloc-newsletter div.buttons {
        white-space: nowrap;
    }

    .bloc-newsletter div.buttons .btn {
        margin-bottom: 0;
    }
}

.view-agenda.view-display-id-bloc_home .event {
    margin-bottom: 2em;
    text-align: left;
    display: flex;
    align-items: center;
}

.view-agenda.view-display-id-bloc_home .event .views-field-field-images {
    width: 6.5em;
    aspect-ratio: 1;
    flex: none;
    border-radius: 0.5em;
    border: 1px solid #e6e6e6;
    overflow: hidden;
}

.view-agenda.view-display-id-bloc_home .event .views-field-field-images img {
    object-fit: cover;
    width: 100%;
    height: 100% !important;
}

.view-agenda.view-display-id-bloc_home .event .date {
    width: 4.5em;
    margin-left: -2.25em;
    flex: none;
    border: 1px solid #e6e6e6;
    border-radius: 0.5rem;
    overflow: hidden;
    pointer-events: none;
}

.view-agenda.view-display-id-bloc_home .event .jour {
    display: block;
    font-weight: bold;
    font-size: 2em;
    width: 100%;
    height: 2.875rem;
    line-height: 2.875rem;
    border-bottom: 0;
    text-align: center;
    background-color: #fff;
}

.view-agenda.view-display-id-bloc_home .event .mois {
    text-align: center;
    background-color: #D20024;
    color: #fff;
    text-transform: uppercase;
    width: 100%;
    display: block;
    line-height: 1.875rem;
    font-weight: bold;
}

.view-agenda.view-display-id-bloc_home .event .text {
    text-align: left;
    margin-left: 1em;
}

.view-agenda.view-display-id-bloc_home .event h3.titre {
    font-size: 1.125em !important;
    font-weight: bold !important;
    margin-top: 0 !important;
}

.view-agenda.view-display-id-bloc_home .event .lieu {
    margin-top: 0;
}

@media (max-width: 640px) {
    .view-agenda.view-display-id-bloc_home .event {
        align-items:flex-start;
    }
}

@media (max-width: 768px) {
    .view-agenda.view-display-id-bloc_home .event .views-field-field-images {
        width:5.5em;
    }

    .view-agenda.view-display-id-bloc_home .event .date {
        width: 3em;
        margin-left: -1.5em;
        margin-top: 0.75rem;
    }

    .view-agenda.view-display-id-bloc_home .event .jour {
        font-size: 1.75em;
        height: 2rem;
        line-height: 2rem;
    }

    .view-agenda.view-display-id-bloc_home .event .mois {
        line-height: 1.5rem;
        font-size: 0.875rem;
    }
}

@media (min-width: 768px) {
    .view-realisations.block-featured .view-content {
        display:flex;
        flex-wrap: wrap;
        gap: 1.25em;
    }

    .view-realisations.block-featured .view-content > div {
        flex: 1 1;
    }
}

.view-realisations.block-featured .more-link {
    flex: 1 1 100%;
    text-align: center;
    margin-top: 2em;
}

.view-realisations.block-featured .views-row img {
    transition: transform 6s ease;
}

.view-realisations.block-featured .views-row:hover img {
    transform: scale(1.1);
}

@media (max-width: 767px) {
    .view-realisations.block-featured .featured {
        margin-bottom:1.25em;
    }
}

.view-realisations.block-featured .featured .views-row {
    position: relative;
    height: 100%;
    border-radius: 0.5em;
    overflow: hidden;
}

.view-realisations.block-featured .featured .views-row > a {
    display: block;
    height: 100%;
}

.view-realisations.block-featured .featured .views-row img {
    object-fit: cover;
    width: 100%;
    height: 100% !important;
    vertical-align: bottom;
}

.view-realisations.block-featured .featured .views-row .text {
    background-color: #fff;
    border-radius: 5px;
    padding: 1rem;
    position: absolute;
    bottom: 1.25rem;
    left: 1.25rem;
    right: 1.25rem;
}

.view-realisations.block-featured .featured .views-row .text > *:first-child {
    margin-top: 0;
}

.view-realisations.block-featured .featured .views-row .text > *:last-child {
    margin-bottom: 0;
}

.view-realisations.block-featured .featured .views-row .ville {
    margin-bottom: 0.5em;
}

.view-realisations.block-featured .featured .views-row .btn {
    margin-bottom: 0;
}

.view-realisations.block-featured .featured .views-row h3 {
    font-size: 1.5rem !important;
    margin-top: 0 !important;
    margin-bottom: 0;
}

.view-realisations.block-featured .featured .views-row h3 a {
    color: #000 !important;
    text-decoration: none;
}

.view-realisations.block-featured .featured .views-row h3 a:hover {
    color: #D20024 !important;
}

@media (max-width: 767px) {
    .view-realisations.block-featured .featured .views-row img {
        min-height:55vh;
        max-height: 60vh;
        width: 100%;
    }
}

.view-realisations.block-featured .normal {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 1.25em;
}

.view-realisations.block-featured .normal:empty {
    background-color: #FAF5ED;
    border-radius: 0.5em;
    position: relative;
}

.view-realisations.block-featured .normal:empty:after {
    content: "";
    background-image: linear-gradient(to bottom,transparent 33%,#fff 33%,#FFF calc(33% + 1.25em),transparent calc(33% + 1.25em),transparent 66%,#fff 66%,#fff calc(66% + 1.25em),transparent calc(66% + 1.25em));
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.view-realisations.block-featured .normal .views-row {
    display: flex;
    background-color: #fff;
    border-radius: 0.5em;
    overflow: hidden;
    border: 1px solid #e6e6e6;
}

.view-realisations.block-featured .normal .img {
    max-width: 30%;
    overflow: hidden;
    flex: none;
}

.view-realisations.block-featured .normal .img img {
    object-fit: cover;
    width: 100%;
    height: 100% !important;
    vertical-align: bottom;
}

@media (max-width: 959px) {
    .view-realisations.block-featured .normal .img img {
        max-height:200px;
    }
}

.view-realisations.block-featured .normal .text {
    padding: 1rem;
}

.view-realisations.block-featured .normal .ville {
    margin: 0 0 0.75em 0;
}

.view-realisations.block-featured .normal h3 {
    font-size: 1.25em !important;
    margin-top: 0 !important;
    margin-bottom: 1em;
}

.view-realisations.block-featured .normal h3 a {
    color: #000 !important;
    text-decoration: none;
}

.view-realisations.block-featured .normal h3 a:hover {
    color: #D20024 !important;
}

.view-realisations.block-featured .normal h3 + p {
    margin-bottom: 0;
}

.view-realisations.block-featured .normal .btn {
    margin-bottom: 0;
}

@media (min-width: 768px) {
    .view-realisations.block-featured .featured {
        min-height:450px;
    }

    .view-realisations.block-featured .normal .views-row:last-child {
        margin-bottom: auto;
    }
}

#block-views-une-block {
    margin-bottom: calc(50px + 2.5em);
}

.view-une .view-content {
    position: relative;
}

.view-une .slides > li {
    border-radius: 0.5em;
    overflow: hidden;
    position: relative;
}

.view-une .img {
    position: relative;
    width: 100%;
}

.view-une .img img {
    object-fit: cover;
    width: 100%;
    height: 100% !important;
}

.view-une .text {
    background-color: #9D001F;
    color: #fff;
    padding: 1em;
}

.view-une .text .btn {
    margin-bottom: 0;
}

@media (max-width: 767px) {
    .view-une .img {
        max-height:20vh;
        aspect-ratio: 1.77777778;
    }
}

@media (min-width: 768px) {
    .view-une .img {
        width:50%;
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
    }

    .view-une .text {
        width: 50%;
        margin-left: 50%;
        padding: 4em 2em;
    }
}

.view-une .tag {
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    padding: 0.25rem 0.5rem;
    border-radius: 0.25rem;
    background-color: #fff;
    color: #9D001F;
}

.view-une h3 {
    font-size: 1.5rem;
    color: #fff;
    margin-top: 0.5em !important;
}

.view-une h3 a {
    color: #fff !important;
    text-decoration: none;
}

.view-une h3 a:hover {
    color: #000 !important;
}

.play {
    width: 6em;
    height: 6em;
    position: absolute;
    top: calc(50% - 3em);
    left: calc(50% - 3em);
    border: 0.5em solid #fff;
    border-radius: 50%;
    transition: transform 0.3s ease-out;
    display: flex;
    align-items: center;
    justify-content: center;
    filter: drop-shadow(2px 4px 6px rgba(0,0,0,0.5));
}

.play:after {
    content: "";
    width: 1.5em;
    height: 2em;
    background-color: #fff;
    clip-path: polygon(0 0,100% 50%,0 100%);
    transform: translateX(0.2em);
}

.play:hover {
    transform: scale(1.05);
}

.page-newsletter .typenews {
    font-size: 12px;
    text-transform: uppercase;
}

.page-newsletter .typenews:before {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin-right: 4px;
}

.page-newsletter .typenews.climaxion:before {
    background-color: #9D001F;
}

.page-newsletter .typenews.eit:before {
    background-color: #0c9ada;
}

.page-newsletter .typenews.cep:before {
    background-color: #f4a11e;
}

.page-newsletter .newsletter {
    margin-bottom: 2em;
}

.page-newsletter .newsletter img {
    border: 1px solid #e6e6e6;
    max-width: 100%;
    height: auto;
    display: inline-block;
}

.page-newsletter .newsletter .title {
    margin-bottom: 0;
}

.page-agenda .event {
    margin-bottom: 3em;
}

.page-agenda .event img {
    max-width: 100%;
    height: auto;
    display: inline-block;
    border: 1px solid #e6e6e6;
}

.page-agenda .event span[class^="icon-"] {
    vertical-align: baseline;
    font-size: 1.25rem;
    font-weight: 500;
    width: 1.25rem;
    text-align: center;
    display: inline-block;
}

.page-agenda .event .date {
    color: #000;
    font-size: 1.25em;
    margin-bottom: 0;
}

.page-agenda .event .lieu {
    margin-top: 0.5em;
}

#block-views-agenda-bloc-archives h3 {
    display: none;
}

.page-actualites .actu {
    margin-bottom: 3em;
}

.page-actualites .actu img {
    max-width: 100%;
    height: auto;
    display: inline-block;
    border: 1px solid #e6e6e6;
}

.view-actualites .views-summary,.view-agenda .views-summary {
    list-style: none;
    padding-left: 0;
    text-transform: capitalize;
    column-count: 2;
}

.view .titre {
    margin-bottom: 0;
    font-size: 1.25em;
    font-weight: 700;
}

.view .titre a {
    text-decoration: none;
}

.professionnels .view .titre a {
    color: #666497;
}

.view .titre a:hover {
    color: #9D001F;
    text-decoration: underline;
}

.view:not(.view-contact) .view-filters {
    background-color: #f5f5f5;
    padding: 15px;
    margin-bottom: 1.5em;
    border: 1px solid #e6e6e6;
    border-radius: 0.5em;
}

.view:not(.view-contact) .views-exposed-widgets > div:not(#edit-financeur-wrapper) {
    display: inline-block !important;
}

.view:not(.view-contact) .views-exposed-widget {
    margin: 0 !important;
}

.view.view-docutheque .view-filters {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.view .count {
    display: inline-block;
    width: 18px;
    height: 18px;
    line-height: 18px;
    background-color: #9D001F;
    color: #fff;
    text-align: center;
    border-radius: 50%;
    vertical-align: middle;
    font-size: 0.8em;
}

.rouge .view .count,.rouge2 .view .count {
    color: #9D001F;
    background-color: #fff;
}

.block-views .actu a.ib,.block-views .real a.ib {
    display: block;
    font-size: 0;
    border: 1px solid #e6e6e6;
}

.block-views .actu img,.block-views .real img {
    max-width: 100%;
    height: auto;
    display: inline-block;
}

.block-views .actu .texte,.block-views .real .texte {
    padding: 15px 15px 30px;
    background-color: #fff;
}

.block-views .actu .texte p:first-child,.block-views .real .texte p:first-child {
    margin-top: 0;
}

.view-emploi h2 a {
    color: #9D001F;
    text-decoration: none;
}

.view-emploi h2 a:hover {
    text-decoration: underline;
}

.view-emploi .offre {
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: 1em;
    margin-bottom: 2em;
}

.view-emploi .offre:last-child {
    border: 0;
}

.view-contact .views-widget .form-item {
    margin-top: 0.5em !important;
}

.view-contact .view-content {
    margin-top: 2em;
    animation: appear 0.3s;
    background-color: #f5f5f5;
    padding: 2em;
}

.view-contact .view-content .contact + .contact {
    margin-top: 2em;
}

.view-contact .view-content .contact .photo {
    margin: 0;
    padding: 0.5em;
    border: 1px solid #e6e6e6;
    display: block;
    background-color: #fff;
}

.view-contact .view-content .contact .photo img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
}

.view-contact .view-content .contact h2 {
    margin-top: 1em !important;
    margin-bottom: 0.25em;
}

.view-contact .view-content .contact h2 + p {
    margin-top: 0;
    margin-bottom: 2em;
}

.view-contact .view-content .contact .adresse {
    display: inline-block;
    vertical-align: text-top;
}

.view-contact .view-filters form select {
    font-size: 0.95em;
}

.view-contact .view-header ul#etapes {
    display: flex;
    justify-content: space-around;
    list-style: outside none none;
    margin: 2em 0 1em 0;
    padding: 0;
    position: relative;
}

.view-contact .view-header ul#etapes:after {
    background-color: #e6e6e6;
    border-radius: 5px;
    content: "";
    display: block;
    height: 10px;
    position: absolute;
    top: 11px;
    width: 100%;
    left: 0;
}

.view-contact .view-header ul#etapes li {
    position: relative;
    text-align: center;
}

.view-contact .view-header ul#etapes li:before {
    background-color: #e6e6e6;
    border-radius: 50%;
    content: "";
    display: block;
    height: 32px;
    margin: 0 auto;
    width: 32px;
}

.view-contact .view-header ul#etapes li:after {
    background-color: #fff;
    border: 2px solid #ffffff;
    border-radius: 50%;
    content: "";
    display: block;
    height: 16px;
    left: 50%;
    margin-left: -10px;
    position: absolute;
    top: 6px;
    width: 16px;
    z-index: 1;
}

.view-contact .view-header ul#etapes li.active:after {
    background-color: #9D001F;
}

.view-contact .view-header #contact-breadcrumb {
    font-size: 0.8em;
}

.view-contact .view-header #contact-breadcrumb ul {
    list-style: none;
    padding: 0;
}

.view-contact .view-header #contact-breadcrumb li {
    margin-bottom: 0.25em;
    display: inline-block;
}

.view-contact .view-header #contact-breadcrumb li:before {
    content: ">";
    color: #9D001F;
    display: inline-block;
    margin: 0 0.25em;
}

.view-contact .view-header #contact-breadcrumb li:first-child:before {
    content: none;
}

.view-contact .view-header #contact-breadcrumb li span {
    display: inline-block;
    padding: 0.25em 0.5em;
    color: #fff;
    background-color: #9D001F;
    border-radius: 5px;
}

@keyframes appear {
    from {
        opacity: 0;
        transform: scale(0);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}

.view .attachment-after {
    margin-top: 1.5em;
}

.view-thematiques .view-display-id-attachment_1 h2.block-title {
    text-align: center;
}

.view-thematiques .view-display-id-attachment_1 h2.block-title:after {
    margin-left: auto;
    margin-right: auto;
}

.view-thematiques .view-display-id-attachment_1 .view-content {
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0.5em;
    justify-content: center;
}

.view-thematiques .view-display-id-attachment_1 .views-row a {
    display: inline-block;
    font-size: 1.125em;
    color: #000;
    text-decoration: none;
    padding: 0.5rem 2rem;
    border: 2px solid #D20024;
    border-radius: 0.5rem;
    line-height: 1;
}

.view-thematiques .view-display-id-attachment_1 .views-row a:hover {
    background-color: #D20024;
    color: #fff;
}

.view-thematiques.view-display-id-block_1 .view-content > h2 {
    font-size: 1.875rem;
    margin-top: 1em !important;
}

.view-thematiques.view-display-id-block_1 .view-content > h2.full {
    width: calc(100% / 1 - 0.01px) !important;
}

.view-thematiques.view-display-id-block_1 .view-content > h2:after {
    content: "";
    display: block;
    width: 100%;
    height: 0.3125rem;
    border-radius: 0.3125rem;
    background-color: #D20024;
    margin-top: 0.25rem;
}

.view-thematiques.view-display-id-block_1 .thematique {
    border: 1px solid #e6e6e6;
    border-radius: 0.5em;
    margin-bottom: 2rem;
    overflow: hidden;
    transition: transform 300ms ease-out;
}

.view-thematiques.view-display-id-block_1 .thematique:hover {
    transform: scale(1.02);
}

.view-thematiques.view-display-id-block_1 .description-thematique {
    padding: 0 1rem;
    font-size: 0.875rem;
}

.view-thematiques.view-display-id-block_1 .description-thematique > h3 {
    margin-top: 1em !important;
    margin-bottom: 0;
    font-size: 1.125rem;
}

.view-thematiques.view-display-id-block_1 .description-thematique > h3 a {
    text-decoration: none;
}

.view-thematiques.view-display-id-block_1 .description-thematique > h3 a:hover {
    text-decoration: underline;
}

.view-thematiques.view-display-id-block_1 .description-thematique ul {
    margin: 1em 0;
}

.view-thematiques.view-display-id-block_1 .description-thematique ul li {
    margin: 0.5em 0 0.5em 2em !important;
}

.view-realisations .realisation {
    margin-bottom: 1.5em;
}

.view-realisations .realisation .titre {
    margin-top: 0;
}

.realisation img,.thematique img {
    max-width: 100%;
    height: auto;
    display: inline-block;
}

.view-docutheque.display-page .view-content,.view-achats-durables.view-display-id-docs .view-content {
    display: flex;
    flex-wrap: wrap;
    gap: 1.25em;
}

.view-docutheque.display-page div.document,.view-achats-durables.view-display-id-docs div.document {
    border: 1px solid #e6e6e6;
    position: relative;
    border-radius: 0.5em;
    width: 100%;
    transition: all 0.3s ease-in-out;
    background-color: #fff;
    overflow: hidden;
}

.view-docutheque.display-page div.document:hover,.view-achats-durables.view-display-id-docs div.document:hover {
    transform: scale(1.05);
    z-index: 999;
}

@media (min-width: 768px) {
    .view-docutheque.display-page div.document,.view-achats-durables.view-display-id-docs div.document {
        width:calc(50% - 0.625em);
    }
}

.view-docutheque.display-page div.document a.document,.view-achats-durables.view-display-id-docs div.document a.document {
    padding: 1.25em 2.5em 1.25em 1.25em;
    display: flex;
    gap: 1.25em;
    transition: all 300ms ease;
    text-decoration: none;
    color: #000;
    height: 100%;
}

.view-docutheque.display-page div.document a.document:hover,.view-achats-durables.view-display-id-docs div.document a.document:hover {
    background-color: #fafafa;
}

.view-docutheque.display-page div.document a.document:hover:after,.view-achats-durables.view-display-id-docs div.document a.document:hover:after {
    color: #9D001F;
}

.view-docutheque.display-page div.document a.document:after,.view-achats-durables.view-display-id-docs div.document a.document:after {
    content: "\f054";
    font-family: 'climaxion';
    position: absolute;
    right: 1.25em;
    top: 50%;
    transform: translateY(-50%);
    font-size: 1em;
}

.view-docutheque.display-page div.document .couv,.view-achats-durables.view-display-id-docs div.document .couv {
    flex: none;
}

.view-docutheque.display-page div.document .couv img,.view-achats-durables.view-display-id-docs div.document .couv img {
    border: 1px solid #e6e6e6;
    height: 7.25em !important;
    aspect-ratio: 0.71551724;
    width: auto;
    object-fit: cover;
    display: block;
}

.view-docutheque.display-page div.document .titre,.view-achats-durables.view-display-id-docs div.document .titre {
    display: block;
    font-weight: 500;
    margin-bottom: 0.5em;
}

.view-docutheque.display-page div.document .nouveau,.view-achats-durables.view-display-id-docs div.document .nouveau {
    color: #D20024;
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
}

.view-docutheque.display-page div.document .cible,.view-achats-durables.view-display-id-docs div.document .cible {
    display: inline-block;
    font-size: 0;
    width: 1rem;
    height: 1rem;
    border-radius: 0.5rem;
    vertical-align: bottom;
    transition: all 0.3s ease-in-out;
}

.view-docutheque.display-page div.document .financeur,.view-achats-durables.view-display-id-docs div.document .financeur {
    color: #888888;
    font-size: 0.9em;
}

.view-docutheque.display-page div.document.doc-696,.view-achats-durables.view-display-id-docs div.document.doc-696,.view-docutheque.display-page div.document.doc-31,.view-achats-durables.view-display-id-docs div.document.doc-31,.view-docutheque.display-page div.document.doc-32,.view-achats-durables.view-display-id-docs div.document.doc-32,.view-docutheque.display-page div.document.doc-33,.view-achats-durables.view-display-id-docs div.document.doc-33,.view-docutheque.display-page div.document.doc-34,.view-achats-durables.view-display-id-docs div.document.doc-34,.view-docutheque.display-page div.document.doc-11408,.view-achats-durables.view-display-id-docs div.document.doc-11408 {
    border-color: #efdfc5;
}

.view-docutheque.display-page div.document.doc-696 a.document,.view-achats-durables.view-display-id-docs div.document.doc-696 a.document,.view-docutheque.display-page div.document.doc-31 a.document,.view-achats-durables.view-display-id-docs div.document.doc-31 a.document,.view-docutheque.display-page div.document.doc-32 a.document,.view-achats-durables.view-display-id-docs div.document.doc-32 a.document,.view-docutheque.display-page div.document.doc-33 a.document,.view-achats-durables.view-display-id-docs div.document.doc-33 a.document,.view-docutheque.display-page div.document.doc-34 a.document,.view-achats-durables.view-display-id-docs div.document.doc-34 a.document,.view-docutheque.display-page div.document.doc-11408 a.document,.view-achats-durables.view-display-id-docs div.document.doc-11408 a.document {
    background-color: #fcf9f4;
}

.view-docutheque.display-page div.document.doc-696 a.document:hover,.view-achats-durables.view-display-id-docs div.document.doc-696 a.document:hover,.view-docutheque.display-page div.document.doc-31 a.document:hover,.view-achats-durables.view-display-id-docs div.document.doc-31 a.document:hover,.view-docutheque.display-page div.document.doc-32 a.document:hover,.view-achats-durables.view-display-id-docs div.document.doc-32 a.document:hover,.view-docutheque.display-page div.document.doc-33 a.document:hover,.view-achats-durables.view-display-id-docs div.document.doc-33 a.document:hover,.view-docutheque.display-page div.document.doc-34 a.document:hover,.view-achats-durables.view-display-id-docs div.document.doc-34 a.document:hover,.view-docutheque.display-page div.document.doc-11408 a.document:hover,.view-achats-durables.view-display-id-docs div.document.doc-11408 a.document:hover {
    background-color: #fefdfb;
}

.view-docutheque.display-page div.document.doc-696 .couv img,.view-achats-durables.view-display-id-docs div.document.doc-696 .couv img,.view-docutheque.display-page div.document.doc-31 .couv img,.view-achats-durables.view-display-id-docs div.document.doc-31 .couv img,.view-docutheque.display-page div.document.doc-32 .couv img,.view-achats-durables.view-display-id-docs div.document.doc-32 .couv img,.view-docutheque.display-page div.document.doc-33 .couv img,.view-achats-durables.view-display-id-docs div.document.doc-33 .couv img,.view-docutheque.display-page div.document.doc-34 .couv img,.view-achats-durables.view-display-id-docs div.document.doc-34 .couv img,.view-docutheque.display-page div.document.doc-11408 .couv img,.view-achats-durables.view-display-id-docs div.document.doc-11408 .couv img {
    height: 11.25em !important;
}

.view-docutheque.display-page div.document.doc-696 .text .titre,.view-achats-durables.view-display-id-docs div.document.doc-696 .text .titre,.view-docutheque.display-page div.document.doc-31 .text .titre,.view-achats-durables.view-display-id-docs div.document.doc-31 .text .titre,.view-docutheque.display-page div.document.doc-32 .text .titre,.view-achats-durables.view-display-id-docs div.document.doc-32 .text .titre,.view-docutheque.display-page div.document.doc-33 .text .titre,.view-achats-durables.view-display-id-docs div.document.doc-33 .text .titre,.view-docutheque.display-page div.document.doc-34 .text .titre,.view-achats-durables.view-display-id-docs div.document.doc-34 .text .titre,.view-docutheque.display-page div.document.doc-11408 .text .titre,.view-achats-durables.view-display-id-docs div.document.doc-11408 .text .titre {
    font-size: 1.5em;
}

div.aides-fi {
    margin-bottom: 1.5em;
}

div.aides-fi img {
    max-width: 100%;
    height: auto;
    display: inline-block;
}

div.aides-fi h3 {
    margin-top: 0 !important;
    margin-bottom: 0;
}

div.aides-fi h3 a {
    text-decoration: none;
}

div.aides-fi h3 a:hover {
    text-decoration: underline !important;
}

div.aides-fi .grid-4 {
    align-items: center;
}

span.cible {
    font-size: 10px;
    color: #fff;
    padding: 2px 5px;
    border-radius: 5px;
    text-transform: uppercase;
    white-space: nowrap;
}

span.cible.particuliers {
    background-color: #f59d12;
}

span.cible.entreprises {
    background-color: #63b32e;
}

span.cible.collectivites {
    background-color: #01add7;
}

span.cible.bailleurs {
    background-color: #B14191;
}

span.cible.professionnels {
    background-color: #666497;
}

.view-relais .titre,.view-contacts-cae .titre {
    text-transform: uppercase;
}

.view-relais .part .titre,.view-contacts-cae .part .titre {
    color: #f59d12;
}

.view-relais .part a,.view-contacts-cae .part a {
    color: #f59d12 !important;
}

.view-relais .coll .titre,.view-contacts-cae .coll .titre,.view-relais.coll .titre,.view-contacts-cae.coll .titre {
    color: #01add7;
}

.view-relais .coll a,.view-contacts-cae .coll a,.view-relais.coll a,.view-contacts-cae.coll a {
    color: #01add7 !important;
}

.view-relais .pro .titre,.view-contacts-cae .pro .titre {
    color: #666497;
}

.view-relais .pro a,.view-contacts-cae .pro a {
    color: #666497 !important;
}

.view-relais .ent .titre,.view-contacts-cae .ent .titre,.view-relais.ent .titre,.view-contacts-cae.ent .titre {
    color: #63b32e;
}

.view-relais .ent a,.view-contacts-cae .ent a,.view-relais.ent a,.view-contacts-cae.ent a {
    color: #63b32e !important;
}

.view-relais .bail .titre,.view-contacts-cae .bail .titre {
    color: #B14191;
}

.view-relais .bail a,.view-contacts-cae .bail a {
    color: #B14191 !important;
}

.view-relais .relais,.view-contacts-cae .relais {
    padding: 1px 16px;
    background-color: #fff;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

.view-relais .type-relais,.view-contacts-cae .type-relais {
    margin-top: 0;
}

.view-relais .block.carte-grand-est,.view-contacts-cae .block.carte-grand-est {
    margin-bottom: 0 !important;
}

.accordion h3 {
    margin: 0;
    margin-top: 0.5rem !important;
    border: 1px solid #e6e6e6;
    padding: 1rem;
    cursor: pointer;
    position: relative;
}

.accordion h3 span:not(.axe) {
    color: #9D001F;
    font-size: 1rem;
}

.accordion h3 i {
    position: absolute;
    right: 1rem;
    top: 50%;
    transform: translateY(-50%);
}

.accordion h3 + div {
    display: none;
    padding: 0.5rem 1rem;
    background-color: #f5f5f5;
}

.accordion h3 + div.reponse {
    background-color: transparent;
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
}

.accordion h3:hover {
    background-color: #f5f5f5;
}

.accordion h3.expand {
    background-color: #9D001F;
    color: #fff !important;
}

.accordion h3.expand span {
    color: #fff;
}

.accordion .prestataire {
    padding: 1px 16px;
    background-color: #fff;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

.part .accordion h3.expand {
    background-color: #f59d12;
}

.ent .accordion h3.expand {
    background-color: #63b32e;
}

.coll .accordion h3.expand {
    background-color: #01add7;
}

.pro .accordion h3.expand {
    background-color: #666497;
}

.bail .accordion h3.expand {
    background-color: #B14191;
}

svg#carte-grand-est {
    vertical-align: bottom;
}

svg#carte-grand-est a.departement path {
    transition: fill 300ms ease-in-out;
}

.ent svg#carte-grand-est a.departement:hover path {
    fill: #63b32e;
}

.coll svg#carte-grand-est a.departement:hover path {
    fill: #01add7;
}

.docutheque-display-switch {
    margin-bottom: -1px;
    display: flex;
}

@media (max-width: 555px) {
    .docutheque-display-switch {
        flex-wrap:wrap;
    }

    .docutheque-display-switch a {
        margin-right: 5px;
        margin-bottom: 10px;
        border-radius: 10px;
    }

    .docutheque-display-switch a:before {
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
    }
}

.docutheque-display-switch a {
    display: inline-block;
    padding: 1em 0.5em;
    text-decoration: none;
    color: #555;
    background-color: #e6e6e6;
    border-left: 1px solid #e6e6e6;
    border-top: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    position: relative;
}

.docutheque-display-switch a:before {
    position: absolute;
    display: block;
    height: 4px;
    top: 0;
    left: 0;
    width: 100%;
}

.docutheque-display-switch a:hover {
    color: #D20024;
}

.docutheque-display-switch a:hover:before {
    content: "";
    background-color: #D20024;
}

.docutheque-display-switch a.active {
    background-color: #f5f5f5;
    color: #9D001F;
    font-weight: 700;
    pointer-events: none;
}

.docutheque-display-switch a.active:before {
    content: "";
    background-color: #9D001F;
}

@media (min-width: 360px) {
    .docutheque-display-switch a {
        padding:1em;
    }
}

.view-docutheque.display-page .form-type-select.form-item-financeur:after,.view-docutheque.display-page .form-type-select.form-item-cibles:after,.view-docutheque.display-page .form-type-select.form-item-financeur:before,.view-docutheque.display-page .form-type-select.form-item-cibles:before {
    content: none;
}

.view-docutheque.display-page .bef-select-as-links .form-item {
    display: inline-block;
    margin: 0;
}

.view-docutheque.display-page .form-type-bef-link {
    display: inline-block;
}

.view-docutheque.display-page .form-type-bef-link a {
    display: inline-block;
    padding: 0.5em 0.75em;
    border-radius: 8px;
    font-size: 0.875em;
    text-decoration: none;
    font-weight: 500;
    color: #555;
    margin-bottom: 0.5em;
    background-color: #fff;
}

.view-docutheque.display-page .form-type-bef-link a:hover {
    background-color: #d4d4d4;
}

.view-docutheque.display-page .form-type-bef-link a.active {
    background-color: #9D001F;
    border-color: #9D001F;
    color: #fff;
}

.view-docutheque.display-page .form-item-cibles {
    transition: all 0.3s ease-in-out;
    margin: 0 0 0.5em 0;
    padding: 0.5em 0 0;
}

.view-docutheque.display-page .form-item-cibles .form-type-bef-link:not(#edit-cibles-all) a:before {
    content: "";
    width: 1em;
    height: 1em;
    border-radius: 50%;
    display: inline-block;
    background-color: #fff;
    vertical-align: middle;
    margin-right: 0.5em;
}

.view-docutheque.display-page .form-item-cibles .form-type-bef-link:not(#edit-cibles-all) a.active:before {
    background-color: #fff;
}

.view-docutheque.display-page .form-item-cibles .form-type-bef-link#edit-cibles-20538 a:before,.view-docutheque.display-page .form-item-cibles .form-type-bef-link#edit-cibles-20538 a.active {
    background-color: #B14191;
}

.view-docutheque.display-page .form-item-cibles .form-type-bef-link#edit-cibles-20536 a:before,.view-docutheque.display-page .form-item-cibles .form-type-bef-link#edit-cibles-20536 a.active {
    background-color: #01add7;
}

.view-docutheque.display-page .form-item-cibles .form-type-bef-link#edit-cibles-20535 a:before,.view-docutheque.display-page .form-item-cibles .form-type-bef-link#edit-cibles-20535 a.active {
    background-color: #63b32e;
}

.view-docutheque.display-page .form-item-cibles .form-type-bef-link#edit-cibles-20534 a:before,.view-docutheque.display-page .form-item-cibles .form-type-bef-link#edit-cibles-20534 a.active {
    background-color: #f59d12;
}

.view-docutheque.display-page .form-item-cibles .form-type-bef-link#edit-cibles-20537 a:before,.view-docutheque.display-page .form-item-cibles .form-type-bef-link#edit-cibles-20537 a.active {
    background-color: #666497;
}

.view-docutheque.display-page .form-item-cibles.sticky {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #f5f5f5;
    z-index: 1000;
    border-bottom: 1px solid #e6e6e6;
    padding: 0.5em 0 0 0;
}

.view-docutheque.display-page .form-item-cibles.sticky .bef-select-as-links {
    max-width: 1200px;
    margin: 0 auto;
    padding-left: 32px;
    padding-right: 32px;
    text-align: center;
}

body.admin-menu .view-docutheque.display-page .form-item-cibles.sticky {
    transform: translateY(30px);
}

@media (min-width: 700px) {
    .view-docutheque.display-page .views-widget-filter-field_thematiques_tid {
        max-width:490px;
    }
}

.view-docutheque.display-page .form-item-field-type-document2-value {
    width: 100%;
}

.view-docutheque.display-page .form-item-thematiques select,.view-docutheque.display-page .form-item-thematiques option {
    text-overflow: ellipsis;
}

.view-docutheque.display-page .view-footer .btn {
    width: 100%;
    text-align: center;
    font-size: 1em;
}

.view-docutheque.display-block {
}

.view-docutheque.display-block .cible {
    display: inline-block;
    font-size: 0;
    width: 1rem;
    height: 1rem;
    border-radius: 0.5rem;
    vertical-align: bottom;
    transition: all 0.3s ease-in-out;
}

.view-docutheque.display-block .view-content,.view-blog.display-block .view-content,.view-related.display-block .view-content {
    margin-top: 2em;
    margin-bottom: 2em;
}

.view-docutheque.display-block .slide-content,.view-blog.display-block .slide-content,.view-related.display-block .slide-content {
    text-align: left;
    background-color: #fff;
    border-radius: 0.625em;
    overflow: hidden;
    padding: 1em;
    display: flex;
    position: relative;
    transition: all 0.3s ease-in-out;
    border: 2px solid #FAF5ED;
}

.view-docutheque.display-block .slide-content:hover,.view-blog.display-block .slide-content:hover,.view-related.display-block .slide-content:hover {
    border-color: #D20024;
}

.particuliers .view-docutheque.display-block .slide-content:hover,.particuliers .view-blog.display-block .slide-content:hover,.particuliers .view-related.display-block .slide-content:hover {
    border-color: #f59d12;
}

.entreprises .view-docutheque.display-block .slide-content:hover,.entreprises .view-blog.display-block .slide-content:hover,.entreprises .view-related.display-block .slide-content:hover {
    border-color: #63b32e;
}

.collectivites .view-docutheque.display-block .slide-content:hover,.collectivites .view-blog.display-block .slide-content:hover,.collectivites .view-related.display-block .slide-content:hover {
    border-color: #01add7;
}

.bailleurs .view-docutheque.display-block .slide-content:hover,.bailleurs .view-blog.display-block .slide-content:hover,.bailleurs .view-related.display-block .slide-content:hover {
    border-color: #B14191;
}

.professionnels .view-docutheque.display-block .slide-content:hover,.professionnels .view-blog.display-block .slide-content:hover,.professionnels .view-related.display-block .slide-content:hover {
    border-color: #666497;
}

.view-docutheque.display-block .slide-content:before,.view-blog.display-block .slide-content:before,.view-related.display-block .slide-content:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 80px;
    height: 100%;
    z-index: 0;
    background-color: #f4bfc8;
}

.particuliers .view-docutheque.display-block .slide-content:before,.particuliers .view-blog.display-block .slide-content:before,.particuliers .view-related.display-block .slide-content:before {
    background-color: #fde7c4;
}

.entreprises .view-docutheque.display-block .slide-content:before,.entreprises .view-blog.display-block .slide-content:before,.entreprises .view-related.display-block .slide-content:before {
    background-color: #d8eccb;
}

.collectivites .view-docutheque.display-block .slide-content:before,.collectivites .view-blog.display-block .slide-content:before,.collectivites .view-related.display-block .slide-content:before {
    background-color: #c0ebf5;
}

.bailleurs .view-docutheque.display-block .slide-content:before,.bailleurs .view-blog.display-block .slide-content:before,.bailleurs .view-related.display-block .slide-content:before {
    background-color: #ecd0e4;
}

.professionnels .view-docutheque.display-block .slide-content:before,.professionnels .view-blog.display-block .slide-content:before,.professionnels .view-related.display-block .slide-content:before {
    background-color: #d9d8e5;
}

.view-docutheque.display-block .slide-content h3,.view-blog.display-block .slide-content h3,.view-related.display-block .slide-content h3 {
    font-size: 1.125em !important;
    margin: 0 !important;
    display: -webkit-box;
    line-clamp: 3;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.view-docutheque.display-block .slide-content .img,.view-blog.display-block .slide-content .img,.view-related.display-block .slide-content .img {
    margin-right: 1em;
    flex: none;
    position: relative;
}

.view-docutheque.display-block .slide-content .img img,.view-blog.display-block .slide-content .img img,.view-related.display-block .slide-content .img img {
    width: 80px;
    border: 1px solid #e6e6e6;
    vertical-align: bottom;
    aspect-ratio: 0.70707071;
    object-fit: cover;
}

.view-docutheque.display-block .slide-content a,.view-blog.display-block .slide-content a,.view-related.display-block .slide-content a {
    text-decoration: none;
}

.view-docutheque.display-block .text,.view-blog.display-block .text,.view-related.display-block .text {
    margin-top: 0.5em;
}

.view-docutheque.display-block .cat,.view-blog.display-block .cat,.view-related.display-block .cat {
    text-transform: uppercase;
    font-size: 0.75em;
    font-weight: 500;
    color: #888888;
}

.view-docutheque.display-block .type-contenu,.view-blog.display-block .type-contenu,.view-related.display-block .type-contenu {
    margin-bottom: 0.25em;
}

.view-blog {
}

.view-blog .view-filters #edit-populate {
    width: 12em;
}

.view-blog.display-page .views-row {
    border-radius: 0.5em;
    border: 1px solid #e6e6e6;
    overflow: auto;
    display: flex;
    flex-direction: column;
    margin-bottom: 2em;
    transition: all 0.3s cubic-bezier(0.175,0.885,0.32,1.275);
}

.view-blog.display-page .views-row h3 {
    margin-top: 0 !important;
}

.view-blog.display-page .views-row h3 a {
    text-decoration: none;
    color: #000 !important;
}

.view-blog.display-page .views-row h3 a:hover {
    color: #9D001F !important;
}

.view-blog.display-page .views-row .img {
    position: relative;
}

.view-blog.display-page .views-row .img:after {
    content: "";
    display: block;
    position: absolute;
    box-shadow: 0 0 1em rgba(0,0,0,0.05) inset;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

.view-blog.display-page .views-row .img a {
    display: block;
}

.view-blog.display-page .views-row .img img {
    vertical-align: bottom;
}

.view-blog.display-page .views-row .text {
    padding: 2em 2em 0 2em;
}

.view-blog.display-page .views-row .read-more {
    margin-top: auto;
    padding: 0 2em 2em 2em;
}

.view-blog.display-page .views-row:hover {
    box-shadow: 0 0 1em rgba(0,0,0,0.15);
    transform: scale(1.025);
}

.view-blog.view-display-id-page > .view-header {
    margin-bottom: 2em;
}

.view-blog.view-display-id-bloc_articles .article-blog {
    display: flex;
    margin-bottom: 1em;
}

.view-blog.view-display-id-bloc_articles .article-blog .img {
    width: calc(33.33% - 1em);
    max-width: 8em;
    flex: none;
    margin-right: 1em;
}

.view-blog.view-display-id-bloc_articles .article-blog .img img {
    object-fit: cover;
    width: 100%;
    aspect-ratio: 1;
    border-radius: 0.5em;
    vertical-align: bottom;
    border: 1px solid #e6e6e6;
}

.view-blog.view-display-id-bloc_articles .article-blog .text h3 {
    margin: 0.5em 0 0 0 !important;
    font-size: 1.125rem !important;
}

.view-blog.view-display-id-bloc_articles .article-blog .text h3 a {
    text-decoration: none;
}

@media (min-width: 640px) and (max-width:959px) {
    .view-blog.view-display-id-bloc_articles .article-blog {
        display:block;
    }

    .view-blog.view-display-id-bloc_articles .article-blog .img {
        max-width: none;
        width: 50%;
    }
}

.view-blog.view-display-id-bloc_docs .blog-doc {
    margin-bottom: 1.5em;
}

.view-blog.view-display-id-bloc_docs .blog-doc .grid-4 {
    align-items: center;
}

.view-blog.view-display-id-bloc_docs h3 {
    margin: 0 !important;
}

.view-blog.view-display-id-bloc_docs h3 a {
    text-decoration: none;
}

.view-blog.view-display-id-bloc_docs h3 a:hover {
    text-decoration: underline !important;
}

.view-blog.view-display-id-bloc_docs .play {
    width: 3em;
    height: 3em;
    border-width: 0.25em;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    pointer-events: none;
}

.view-blog.view-display-id-bloc_docs .play:after {
    width: 1em;
    height: 1.25em;
    transform: translateX(0.15em);
}

.view-blog.view-display-id-bloc_home .views-row {
    background-color: #fff;
    text-align: left;
    border-radius: 0.5em;
    overflow: hidden;
    border: 1px solid #e6e6e6;
    margin-bottom: 2rem;
}

.view-blog.view-display-id-bloc_home .views-row > a:first-child {
    position: relative;
    display: inline-block;
}

.view-blog.view-display-id-bloc_home .views-row > a:first-child:after {
    content: "";
    display: block;
    position: absolute;
    box-shadow: 0 0 1em rgba(0,0,0,0.05) inset;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

.view-blog.view-display-id-bloc_home .views-row .text {
    padding: 1em;
}

.view-blog.view-display-id-bloc_home .views-row h3 {
    margin-top: 0 !important;
    font-size: 1.375rem;
}

.view-blog.view-display-id-bloc_home .views-row h3 a {
    color: #000 !important;
    text-decoration: none;
}

.view-blog.view-display-id-bloc_home .views-row h3 a:hover {
    color: #D20024 !important;
}

.view-blog.bloc-cibles .views-row {
    border: 1px solid #e6e6e6;
    border-radius: 0.5em;
    overflow: hidden;
    text-align: left;
    display: flex;
    flex-direction: column;
    margin-top: 1rem;
    margin-bottom: 1rem;
    background-color: #fff;
    transition: all 0.3s cubic-bezier(0.175,0.885,0.32,1.275);
}

.view-blog.bloc-cibles .views-row:hover {
    box-shadow: 0 0 1em rgba(0,0,0,0.1);
    transform: scale(1.025);
}

.view-blog.bloc-cibles .img {
    position: relative;
    aspect-ratio: 1.77676538;
}

.view-blog.bloc-cibles .img a {
    display: block;
    height: 100%;
}

.view-blog.bloc-cibles .img img {
    vertical-align: bottom;
    object-fit: cover;
    width: 100%;
    height: 100% !important;
}

.view-blog.bloc-cibles .img:after {
    content: "";
    display: block;
    position: absolute;
    box-shadow: 0 0 1em rgba(0,0,0,0.05) inset;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

.view-blog.bloc-cibles .text {
    padding: 1.25em;
    display: flex;
    flex-direction: column;
    height: 100%;
    align-items: flex-start;
}

.view-blog.bloc-cibles .text h3 {
    margin-top: 0 !important;
    text-decoration: none;
    font-size: 1.25em !important;
}

.view-blog.bloc-cibles .text h3 a {
    color: #000 !important;
    text-decoration: none;
}

.particuliers .view-blog.bloc-cibles .text h3 a:hover {
    color: #f59d12 !important;
}

.entreprises .view-blog.bloc-cibles .text h3 a:hover {
    color: #63b32e !important;
}

.collectivites .view-blog.bloc-cibles .text h3 a:hover {
    color: #01add7 !important;
}

.bailleurs .view-blog.bloc-cibles .text h3 a:hover {
    color: #B14191 !important;
}

.professionnels .view-blog.bloc-cibles .text h3 a:hover {
    color: #666497 !important;
}

.view-blog.bloc-cibles .text .btn {
    margin-top: auto;
}

.view-videotheque .youtube-container--responsive,.view-achats-durables .youtube-container--responsive {
    border: 1px solid #e6e6e6;
}

.view-videotheque .video {
    margin-bottom: 2em;
}

.view-videotheque .video .duree {
    margin-right: 1em;
}

.blog-une,.video-une {
    position: relative;
    border-radius: 0.5em;
    overflow: auto;
}

.blog-une .block-title,.video-une .block-title {
    margin: 0;
    position: absolute;
    top: 2rem;
    left: 2rem;
    font-size: 1rem !important;
    text-transform: uppercase;
    color: #fff !important;
    background-color: #9D001F;
    border-radius: 0.5em;
    padding: 0.5em 1em;
    z-index: 1;
}

.blog-une .block-title:after,.video-une .block-title:after {
    content: none;
}

.blog-une .text,.video-une .text {
    padding: 2em;
}

.blog-une .text *:first-child,.video-une .text *:first-child {
    margin-top: 0 !important;
}

.blog-une .text *:last-child,.video-une .text *:last-child {
    margin-bottom: 0 !important;
}

.blog-une h3,.video-une h3 {
    font-size: 1.5em;
}

.blog-une h3 a,.video-une h3 a {
    text-decoration: none;
}

.blog-une {
    background-color: #FAF5ED;
    box-shadow: 0 0 1em rgba(0,0,0,0.1);
}

@media (min-width: 768px) {
    .blog-une {
        width:calc(100% / 12 * 7 - 2rem - 0.01px) !important;
    }
}

.blog-une .btn {
    margin-bottom: 0;
}

.blog-une img {
    object-fit: cover;
    aspect-ratio: 1.77777778;
}

.video-une {
    background-color: #9D001F;
}

@media (min-width: 768px) {
    .video-une {
        width:calc(100% / 12 * 5 - 2rem - 0.01px) !important;
    }
}

@media (min-width: 768px) {
    .video-une {
        margin-top:0 !important;
    }
}

.video-une .video-thumb {
    position: relative;
    overflow: hidden;
}

.video-une .video-thumb img {
    width: 100%;
    aspect-ratio: 1.77777778;
    object-fit: cover;
    transform: scale(1.1);
}

.video-une .text {
    padding-bottom: 1em;
}

.video-une .more-link {
    padding: 0 2em 2em;
    margin: 0;
}

.video-une .more-link .btn {
    margin-bottom: 0;
}

#block-views-blog-bloc-articles {
    background-color: #FAF5ED;
    border-radius: 0.5em;
    padding: 1em;
    position: sticky;
    top: 0;
}

.view-laureats .view-header ul {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

@media (min-width: 640px) {
    .view-laureats .view-header ul {
        margin-left:-0.5rem !important;
        margin-right: -0.5rem !important;
    }
}

.view-laureats .view-header ul li {
    padding: 0.5rem !important;
    border: 1px solid #e6e6e6;
    margin: 0.5rem !important;
}

.view-laureats .view-header ul li:before {
    content: none !important;
}

.view-laureats .view-header ul li img {
    vertical-align: middle;
    width: 1em;
    height: auto;
}

.view-laureats .laureat {
    padding: 1px 16px;
    background-color: #fff;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

.view-laureats .laureat strong {
    font-weight: 500;
    font-size: 1.15rem;
}

.view-laureats .porteur {
    color: #9D001F;
}

.view-laureats .marker-climaxion {
    padding-left: 42px;
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 24px;
}

.view-laureats .marker-climaxion.bleu {
    background-image: url(/sites/climaxion/themes/climaxion/img/markers/marker-bleu.png);
}

.view-laureats .marker-climaxion.vert {
    background-image: url(/sites/climaxion/themes/climaxion/img/markers/marker-vert.png);
}

.view-laureats .marker-climaxion.violet {
    background-image: url(/sites/climaxion/themes/climaxion/img/markers/marker-violet.png);
}

.view-laureats .marker-climaxion.jaune {
    background-image: url(/sites/climaxion/themes/climaxion/img/markers/marker-jaune.png);
}

.view-laureats .axe {
    display: block;
    font-weight: bold;
}

.view-laureats .accordion h3 span.description {
    color: #000;
}

.view-laureats .accordion h3.expand span.description {
    color: #fff;
}

.view-related.display-block .play {
    width: 3em;
    height: 3em;
    border-width: 0.25em;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    pointer-events: none;
}

.view-related.display-block .play:after {
    width: 1em;
    height: 1.25em;
    transform: translateX(0.15em);
}

.view-podcasts .podcast {
    margin-bottom: 1rem;
}

.view-podcasts .podcast .cible {
    display: inline-block;
    margin-bottom: 5px;
}

.view-relais-partenaires .view-content {
    position: relative;
}

.view-relais-partenaires .slides > li {
    border-radius: 0.5em;
    overflow: hidden;
    position: relative;
    box-shadow: 0 0 1.25em rgba(0,0,0,0.16);
}

.view-relais-partenaires .img {
    position: relative;
    width: 100%;
}

.view-relais-partenaires .img img {
    object-fit: cover;
    width: 100%;
    height: 100% !important;
}

.view-relais-partenaires .text {
    color: #fff;
    padding: 1em;
}

.particuliers .view-relais-partenaires .text {
    background-color: #f59d12;
}

.entreprises .view-relais-partenaires .text {
    background-color: #63b32e;
}

.collectivites .view-relais-partenaires .text {
    background-color: #01add7;
}

.bailleurs .view-relais-partenaires .text {
    background-color: #B14191;
}

.professionnels .view-relais-partenaires .text {
    background-color: #666497;
}

.view-relais-partenaires .text h3 {
    color: #fff !important;
}

.view-relais-partenaires .text a {
    color: #fff !important;
}

@media (max-width: 767px) {
    .view-relais-partenaires .img {
        aspect-ratio:1.77777778;
    }
}

@media (min-width: 768px) {
    .view-relais-partenaires .img {
        width:50%;
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
    }

    .view-relais-partenaires .text {
        width: 50%;
        margin-left: 50%;
        padding: 2em;
    }
}

.view-relais-partenaires .tag {
    font-size: 0.75em;
    font-weight: 600;
    text-transform: uppercase;
    padding: 0.25em 0.5em;
    border-radius: 0.5em;
    background-color: #fff;
    color: #9D001F;
}

.view-relais-partenaires h3 {
    font-size: 1.5rem;
    color: #fff;
}

.view-relais-partenaires h3 a {
    color: #fff !important;
    text-decoration: none;
}

.view-relais-partenaires h3 a:hover {
    color: #D20024 !important;
}

@media (min-width: 640px) {
    .extend {
        margin-top:1.5em;
        width: 120%;
        margin-left: -10%;
        max-width: none !important;
    }
}

.view-thematique.view-display-id-page .img {
    margin-bottom: 2em;
    position: relative;
    aspect-ratio: 3.2;
}

.view-thematique.view-display-id-page .img img {
    position: absolute;
    top: 0;
    left: -1em;
    width: calc(100% + 2em);
    object-fit: cover;
    height: 100% !important;
    max-width: none !important;
}

.view-thematique.view-display-id-page .highlight {
    text-align: center;
    margin-top: 2em;
    margin-bottom: 2em;
}

.view-thematique.view-display-id-page .highlight img {
    width: 250px;
}

@media (min-width: 640px) {
    .view-thematique.view-display-id-page .highlight {
        width:140%;
        margin-left: -20%;
        padding-left: 2em;
        padding-right: 2em;
        max-width: none !important;
    }
}

form ::placeholder {
    color: #a2a2a2;
    opacity: 1;
}

form .form-required {
    color: #D20024;
    font-size: 1.5em;
    vertical-align: middle;
    line-height: 1rem;
}

form .description,form .fieldset-description {
    color: #a9a9a9;
    font-size: 0.85em;
}

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

form .form-item label {
    font-weight: 700;
}

form .form-item .form-item {
    margin-top: 0.5em;
}

form .form-item .form-item label {
    font-weight: normal;
}

form .views-exposed-form .form-item {
    margin-top: 0.5em;
}

form label {
    display: block;
    color: #000;
}

form input,form textarea,form button,form select {
    border: 1px solid #e6e6e6;
    border-radius: 0;
    box-shadow: none;
    appearance: none;
    font-family: 'Raleway',sans-serif;
    font-size: 1em;
    padding: 0.5em;
    max-width: 100%;
    width: auto;
}

form input {
    border: 0;
}

form input.form-text {
    border: 1px solid #e6e6e6;
}

form input.form-submit {
    border: 0;
    background-color: #9D001F;
    color: #fff;
    padding: 0.625em 1em;
    border-radius: 8px;
    cursor: pointer;
    font-weight: 500;
    font-size: 1em;
    line-height: 1;
}

form input.form-submit:hover {
    background-color: #f5f5f5;
}

.rouge form input.form-submit {
    background-color: #fff;
}

form button:hover {
    cursor: pointer;
}

form button.form-submit {
    border: 0;
    background-color: #9D001F;
    color: #fff;
    padding: 0.625em 1em;
    border-radius: 8px;
    display: inline;
    margin: 0;
    font-weight: 500;
    font-size: 1em;
    line-height: 1;
}

.rouge form button.form-submit {
    background-color: #fff;
    color: #9D001F;
}

.rouge form button.form-submit:hover {
    color: #fff;
}

form button.form-submit:hover {
    background-color: #D20024;
}

form button.form-submit:disabled {
    cursor: default;
    background-color: #e6e6e6;
}

form button::-moz-focus-inner {
    padding: 0;
    border: 0;
}

form .form-actions {
    margin-top: 2em;
    margin-bottom: 1em;
}

form#user-login button.form-submit:after {
    background-position: -150px 0;
}

form .webform-component-select,form .form-type-select {
    position: relative;
    display: inline-block;
}

form .webform-component-select:after,form .form-type-select:after,form .webform-component-select:before,form .form-type-select:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    right: 10px;
    border: 5px solid #fff;
    pointer-events: none;
}

form .webform-component-select:before,form .form-type-select:before {
    bottom: calc(.5em + 14px);
    border-color: transparent;
    border-bottom-color: #555 !important;
}

form .webform-component-select:after,form .form-type-select:after {
    bottom: 0.5em;
    border-color: transparent;
    border-top-color: #555 !important;
}

form .webform-component-select select,form .form-type-select select {
    width: 100%;
    padding-right: 1.5em;
}

form .webform-component-select select:disabled,form .form-type-select select:disabled {
    background-color: gris1;
}

form .webform-component-select select::ms-expand,form .form-type-select select::ms-expand {
    display: none;
}

form #autocomplete {
    background-color: #fff;
    border-color: #e6e6e6;
}

form #autocomplete li {
    padding: 0.5em !important;
    margin: 0 !important;
}

form #autocomplete li:before {
    content: none !important;
}

form #autocomplete li:hover {
    cursor: pointer;
    background-color: #e6e6e6;
}

form .views-exposed-widget {
    margin-top: 1em;
}

form .views-submit-button {
    display: block;
}

form fieldset {
    background-color: #f5f5f5;
    border: 1px solid #e6e6e6;
    margin: 1em 0;
}

form fieldset legend {
    text-transform: uppercase;
    font-weight: 700;
}

form fieldset legend a {
    color: #000;
    text-decoration: none;
}

form fieldset legend a:before {
    content: '\f078';
    font-family: 'climaxion';
}

form fieldset legend a:hover {
    color: #D20024;
}

form fieldset.collapsible.collapsed {
    border: 0;
}

form fieldset.collapsible.collapsed legend a:before {
    content: '\e907';
}

form fieldset fieldset {
    background-color: transparent;
}

form fieldset fieldset legend {
    text-transform: none;
}

.block.bg.rouge form label {
    color: #fff;
}

.webform-component-radios input[type="radio"]:not(old) {
    display: none;
}

.webform-component-radios input[type="radio"]:not(old) + label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 25px;
    margin-right: 15px;
}

.webform-component-radios input[type="radio"]:not(old) + label:before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 16px;
    position: absolute;
    left: 0;
    bottom: 0;
    border: 1px solid #e6e6e6;
    border-radius: 50%;
}

.webform-component-radios input[type="radio"]:not(old):checked + label::after {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 16px;
    position: absolute;
    left: 1px;
    bottom: 1px;
    border: 2px solid #fff;
    border-radius: 50%;
    box-sizing: border-box;
    background-color: #c5062e;
}

.webform-component-checkboxes input[type="checkbox"]:not(old) {
    display: none;
}

.webform-component-checkboxes input[type="checkbox"]:not(old) + label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 25px;
    margin-right: 15px;
}

.webform-component-checkboxes input[type="checkbox"]:not(old) + label:before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 16px;
    position: absolute;
    left: 0;
    bottom: 0;
    border: 1px solid #e6e6e6;
}

.webform-component-checkboxes input[type="checkbox"]:not(old):checked + label::after {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 16px;
    position: absolute;
    left: 1px;
    bottom: 1px;
    border: 2px solid #fff;
    box-sizing: border-box;
    background-color: #c5062e;
}

.webform-component-grid .form-type-radio {
    margin: 0 !important;
    text-align: center;
}

.webform-component-grid .form-type-radio label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    font-size: 0;
}

.webform-component-grid .form-type-radio label.element-invisible {
    position: relative;
    clip: auto;
    height: auto;
    overflow: visible;
}

.webform-component-grid .form-type-radio label:before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    position: absolute;
    left: -8px;
    bottom: -8px;
    border: 1px solid #e6e6e6;
    border-radius: 50%;
}

.webform-component-grid .form-type-radio input[type="radio"] {
    display: none;
}

.webform-component-grid .form-type-radio input[type="radio"]:checked + label:after {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    position: absolute;
    left: -7px;
    bottom: -7px;
    border: 2px solid #fff;
    border-radius: 50%;
    box-sizing: border-box;
    background-color: #9D001F;
}

.webform-component-grid .form-type-checkbox {
    margin: 0 !important;
    text-align: center;
}

.webform-component-grid .form-type-checkbox input[type="checkbox"]:checked + label:after {
    left: 11px;
    bottom: -1px;
}

.webform-component-grid .form-type-checkbox label {
    font-size: 0;
    margin: 0;
    padding: 0;
}

.webform-component-grid .form-type-checkbox label:before {
    margin-right: 0 !important;
    left: 10px !important;
    top: -16px !important;
}

.webform-progressbar-outer {
    margin-bottom: 3em;
    background-color: #e6e6e6;
    border-color: #e6e6e6;
}

.webform-progressbar-page {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border-color: #e6e6e6;
    margin: -11px -4px;
}

.webform-progressbar-page .webform-progressbar-page-label {
    top: 16px;
}

#bloc_marque {
    margin-top: 3em;
}

#bloc_marque .container {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: center;
    padding-bottom: 34px;
}

#bloc_marque .bloc_marque,#bloc_marque .gerv {
    margin: 0.5em;
}

#bloc_marque .bloc_marque {
    max-width: 700px;
}

#bloc_marque .bloc_marque > div {
    margin-bottom: 0.5em;
}

#bloc_marque object {
    vertical-align: bottom;
    max-width: 700px;
    height: auto;
}

#bloc_marque .gerv {
    padding: 1.5em;
    height: 140px;
    border: 2.5px solid #d9d9d9;
}

#bloc_marque .gerv img {
    height: 100%;
    width: auto;
}

@media (max-width: 731px) {
    #bloc_marque .bloc_marque object {
        max-width:100%;
        height: auto;
        display: inline-block;
    }

    #bloc_marque .gerv {
        height: 20vw;
        max-height: 100px;
        border-width: 0.35vw;
        padding: 3%;
    }
}

@media (min-width: 733px) {
    #bloc_marque .bloc_marque object {
        height:20vw;
        max-height: 140px;
    }
}

#footer {
    background-color: #D20024;
    text-align: center;
    color: #fff;
    font-size: 0.85em;
}

#footer:before {
    content: "";
    display: block;
    height: 2em;
    background-color: #9D001F;
}

#footer a {
    color: #fff;
    text-decoration: none;
}

#footer a:hover {
    text-decoration: underline;
}

#footer .container {
    position: relative;
}

#footer .social a {
    color: #D20024;
    background-color: #fff;
    border-radius: 50%;
    display: inline-block;
    width: 36px;
    height: 36px;
    text-decoration: none;
}

#footer .social a:hover {
    background-color: #9D001F;
}

#footer .social a span {
    line-height: 36px;
    font-size: 24px;
    display: block;
    width: 100%;
    text-align: center;
}

.form-type-select.form-item-implantation {
    width: 60%;
}

.form-type-select.form-item-implantation:before,.form-type-select.form-item-implantation:after {
    content: "";
    border: 0;
}

.form-type-select.form-item-implantation .flexselect {
    border: 1px solid #e6e6e6;
    font-family: "Raleway",sans-serif;
    font-size: 0.95em;
    width: 100%;
    padding: 0.5em;
}

.flexselect_dropdown li {
    font-family: "Raleway",sans-serif;
    font-size: 1em;
}

.flexselect_dropdown li.flexselect_selected {
    color: white;
    background-color: #9D001F;
}

.gm-style-iw .title {
    font-size: 1.25em;
    margin-bottom: 0.25em;
}

.gm-style-iw .title:not(:first-of-type) {
    margin-top: 0.5em;
    border-top: 1px solid #ccc;
    padding-top: 0.75em;
}

.gm-style-iw strong {
    color: #9D001F;
    display: inline-block;
}

.gm-style-iw a:not(.btn) {
    text-decoration: none !important;
    color: #9D001F;
}

.gm-style-iw a:not(.btn):hover {
    color: #D20024;
}

.gm-style-iw .type-relais {
    margin-bottom: 0.75em;
}

.gm-style-iw .contact {
    margin-bottom: 0.5em;
}

.gm-style-iw .adresse {
    margin-bottom: 0.5em;
}

.gm-style-iw .locality {
    text-transform: uppercase;
}

#messages.container {
    padding-top: 0;
    padding-bottom: 0;
}

#tabs.container {
    padding-top: 0;
    padding-bottom: 0;
}

#tabs ul.tabs {
    margin-left: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: row;
    border-bottom: 1px solid #e6e6e6;
    border-left: 1px solid #e6e6e6;
}

#tabs li {
    display: block;
    font-family: 'Raleway',sans-serif;
    text-align: center;
    font-size: 0.75em;
    border-right: 1px solid #e6e6e6;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
}

#tabs li a {
    text-decoration: none;
    text-transform: uppercase;
    display: block;
    padding: 1em;
    background-color: #f5f5f5;
    color: #555;
    margin-bottom: -2px;
}

#tabs li a.active {
    background-color: #fff;
    color: #9D001F;
    border-bottom: 1px solid #fff;
}

#tabs li a:hover {
    background-color: #fff;
}

.element-invisible {
    margin: 0;
}

ul.pager {
    list-style: none;
    text-align: center;
    margin-top: 2em;
    margin-left: 0;
}

ul.pager li {
    display: inline-block;
    background-color: #f5f5f5;
    border-radius: 5px;
}

ul.pager li.pager-current {
    padding: 0.25em 0.5em;
    font-weight: 700;
    color: #D20024;
}

ul.pager a {
    display: inline-block;
    padding: 0.25em 0.5em;
    color: #555;
    text-decoration: none;
    border-radius: 5px;
}

ul.pager a:hover {
    color: #fff !important;
    background-color: #9D001F;
}

.rouge ul.pager li {
    background-color: #D20024;
}

.rouge ul.pager li.pager-current {
    color: #fff;
}

.rouge ul.pager li a:hover {
    background-color: #84001a;
}

.ajax-progress {
    vertical-align: middle;
    display: inline-block;
}

.ajax-progress .throbber {
    margin-left: 5px;
    background: transparent url(/sites/climaxion/themes/climaxion/img/throbber.gif) no-repeat;
    height: 24px;
    width: 24px;
}

.rouge .ajax-progress .throbber {
    background-image: url(/sites/climaxion/themes/climaxion/img/throbber2.gif);
}

.views-widget .ajax-progress {
    position: absolute;
    right: -180px;
    top: 6px;
}

.views-widget .ajax-progress .message {
    font-size: 1em;
    color: #9D001F;
    padding: 0;
    display: inline-block;
    font-weight: 700;
}

#sliding-popup {
    width: 100%;
    background-color: #9D001F;
    font-family: 'Raleway',sans-serif;
    font-weight: normal;
    color: #fff;
    font-size: 14px;
}

#sliding-popup > div {
    padding-top: 15px;
    padding-bottom: 5px;
}

#sliding-popup .popup-content {
    max-width: none;
    width: inherit;
    display: block;
}

#sliding-popup #popup-text,#sliding-popup #popup-buttons {
    margin-bottom: 10px;
}

#sliding-popup #popup-text {
    max-width: none !important;
}

#sliding-popup #popup-text p {
    margin: 0;
    display: inline;
}

#sliding-popup #popup-text button {
    display: inline;
    color: #fff;
    font-family: 'Raleway',sans-serif;
    font-size: 14px;
    text-decoration: underline;
    appearance: none;
    border: 0;
    background: none;
    box-shadow: 0;
    text-shadow: none;
    cursor: pointer;
    padding: 0;
}

#sliding-popup #popup-text button:hover {
    text-decoration: none;
}

#sliding-popup #popup-buttons button {
    background: #D20024;
    border: none;
    border-radius: 0;
    box-shadow: none;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    text-transform: uppercase;
    padding: 4px 8px;
    text-decoration: none;
    text-shadow: none;
    width: auto;
    transition: all 0.3s ease-in-out;
    font-family: 'Raleway',sans-serif;
}

#sliding-popup #popup-buttons button:hover {
    background: #fff;
    color: #9D001F;
}

.eu-cookie-withdraw-tab {
    left: auto;
    right: 0;
    background-color: #9D001F;
    border-radius: 6px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    box-shadow: none;
    color: #fff;
    cursor: pointer;
    font-size: 12px;
    font-family: 'Raleway',sans-serif;
    text-transform: uppercase;
    padding: 4px 8px;
    text-decoration: none;
    text-shadow: none;
    border: 0;
}

@media (min-width: 640px) {
    body {
        font-size:100%;
    }

    .view-actualites .views-summary,.view-agenda .views-summary {
        column-count: 3;
    }
}

@media (min-width: 768px) {
    #logo img {
        width:150px;
        height: 42px;
    }

    #logos object {
        height: 50px;
    }
}

@media (min-width: 960px) {
    #logo img {
        width:270px;
        height: 75px;
    }

    #logos object {
        height: 93px;
    }

    .ancres {
        margin-bottom: 25px;
    }

    .ancres > a > span {
        width: calc(100% - 100px);
    }

    .ancres i {
        width: 100px;
        height: 100px;
        line-height: 100px;
        font-size: 3rem;
    }
}

@media (min-width: 960px) {
    .view-actualites .views-summary,.view-agenda .views-summary {
        column-count:4;
    }
}

@media screen and (max-width: 1145px) {
    #sliding-popup .popup-content {
        text-align:center;
    }

    #sliding-popup .popup-content #popup-buttons,#sliding-popup .popup-content #popup-text {
        float: none;
        display: inline-block;
    }
}

@media (min-width: 640px) {
    .docutheque .pj {
        display:grid;
        grid-template-columns: repeat(2,1fr);
    }

    .docutheque .pj > h2 {
        grid-column: span 2;
    }
}

.accordion {
    --bs-accordion-bg: #fff;
    --bs-accordion-border-color: #dee2e6;
    --bs-accordion-border-radius: 0.25rem;
    --bs-accordion-btn-bg: #faf5ed;
    --bs-accordion-btn-color: #212529;
    --bs-accordion-btn-active-bg: #f8e8e6;
    --bs-accordion-btn-active-color: #212529;
    --bs-accordion-body-padding: 1rem 1.25rem;
    border-radius: var(--bs-accordion-border-radius);
    border: 1px solid var(--bs-accordion-border-color);
}

.accordion-item {
    border-bottom: 1px solid var(--bs-accordion-border-color);
}

.accordion-item:last-child {
    border-bottom: none;
}

.accordion-header {
    margin: 0;
}

.accordion-button {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 1rem 1.25rem;
    font-size: 1rem;
    color: var(--bs-accordion-btn-color);
    background-color: var(--bs-accordion-btn-bg);
    border: none;
    border-radius: 0;
    transition: background-color 0.2s;
    cursor: pointer;
    text-align: left;
}

.accordion-button:not(.collapsed) {
    background-color: var(--bs-accordion-btn-active-bg);
    color: var(--bs-accordion-btn-active-color);
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.125);
}

.accordion-button.collapsed::after,.accordion-button::after {
    content: '';
    flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;
    margin-left: auto;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z' fill='%236c757d'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 1.25rem;
    transition: transform 0.2s;
}

.accordion-button:not(.collapsed)::after {
    transform: rotate(180deg);
}

.accordion-collapse {
    display: none;
    transition: height 0.2s ease;
    overflow: hidden;
}

.accordion-collapse.show {
    display: block;
}

.accordion-body {
    padding: var(--bs-accordion-body-padding);
    background: var(--bs-accordion-bg);
}