@charset "UTF-8";

html {
    box-sizing: border-box
}

*, :after, :before {
    box-sizing: inherit
}

[ng-bind-html], body {
    font-family: Gotham Narrow A,Gotham Narrow B;
    font-style: normal;
    font-weight: 400;
    margin: 0;
    color: #212129;
    margin: auto;
    overflow-x: hidden
}

body, html {
    position: relative;
    width: 100%;
    height: 100%
}

.currentpage-landing .btn--ulight.btn--icon.subscribe__btn:hover, .currentpage-landing .btn.btn--ulight.btn--icon:hover, .currentpage-landing .select .btn--ulight.select__clear:hover, .select .currentpage-landing .btn--ulight.select__clear:hover {
    background: #16161b;
    border-color: #16161b
}

.currentpage-landing .btn--theme.subscribe__btn, .currentpage-landing .btn.btn--theme, .currentpage-landing .select .btn--theme.select__clear, .select .currentpage-landing .btn--theme.select__clear {
    background-color: #212129
}


.currentpage-landing .btn--theme.subscribe__btn:after, .currentpage-landing .btn--theme.subscribe__btn:before, .currentpage-landing .btn.btn--theme:after, .currentpage-landing .btn.btn--theme:before, .currentpage-landing .select .btn--theme.select__clear:after, .currentpage-landing .select .btn--theme.select__clear:before, .select .currentpage-landing .btn--theme.select__clear:after, .select .currentpage-landing .btn--theme.select__clear:before {
    color: #212129
}

.currentpage-landing .btn--theme.subscribe__btn:hover, .currentpage-landing .btn.btn--theme:hover, .currentpage-landing .select .btn--theme.select__clear:hover, .select .currentpage-landing .btn--theme.select__clear:hover {
    background-color: #2c2c37
}

.currentpage-landing .btn--theme.subscribe__btn:hover .icon, .currentpage-landing .btn--theme.subscribe__btn:hover .select .select__clear i, .currentpage-landing .btn--theme.subscribe__btn:hover span, .currentpage-landing .btn.btn--theme:hover .icon, .currentpage-landing .btn.btn--theme:hover .select .select__clear i, .currentpage-landing .btn.btn--theme:hover span, .currentpage-landing .select .btn--theme.select__clear:hover .icon, .currentpage-landing .select .btn--theme.select__clear:hover i, .currentpage-landing .select .btn--theme.select__clear:hover span, .select .currentpage-landing .btn--theme.select__clear:hover .icon, .select .currentpage-landing .btn--theme.select__clear:hover i, .select .currentpage-landing .btn--theme.select__clear:hover span, .select .select__clear .currentpage-landing .btn--theme.subscribe__btn:hover i, .select .select__clear .currentpage-landing .btn.btn--theme:hover i {
    color: #2c2c37
}

.currentpage-landing .btn--theme.btn--icon.subscribe__btn, .currentpage-landing .btn.btn--theme.btn--icon, .currentpage-landing .select .btn--theme.select__clear, .select .currentpage-landing .btn--theme.select__clear {
    background-color: #212129
}


.currentpage-landing .btn--theme.btn--icon.subscribe__btn:hover, .currentpage-landing .btn.btn--theme.btn--icon:hover, .currentpage-landing .select .btn--theme.select__clear:hover, .select .currentpage-landing .btn--theme.select__clear:hover {
    background-color: #2c2c37
}

@media screen and (min-width:768px) {
    .btn:not(.btn--filter), .select .select__clear:not(.btn--filter), .subscribe__btn:not(.btn--filter) {
        font-size: .875em
    }
}

@media screen and (min-width:1024px) {
    .btn:not(.btn--filter), .select .select__clear:not(.btn--filter), .subscribe__btn:not(.btn--filter) {
        font-size: 1em
    }
}

.about__link, .link {
    -webkit-appearance: none;
    appearance: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-decoration: none;
    color: #212129;
    cursor: pointer;
    background: none;
    border: none;
    outline: none;
    transition: color .2s;
    position: relative;
    z-index: 1;
    font-size: 1em
}

    .about__link span, .link span {
        text-transform: uppercase;
        font-size: .625em;
        font-weight: 700;
        letter-spacing: 2px;
        position: relative;
        z-index: 1;
        display: inline-block
    }

    .about__link .icon, .about__link .select .select__clear i, .link .icon, .link .select .select__clear i, .select .select__clear .about__link i, .select .select__clear .link i {
        font-size: 1em;
        color: #9d833e;
        vertical-align: middle;
        transition: transform .2s
    }

        .about__link .icon + span, .about__link .select .select__clear i + span, .about__link .select .select__clear span + i, .about__link span + .icon, .link .icon + span, .link .select .select__clear i + span, .link .select .select__clear span + i, .link span + .icon, .select .select__clear .about__link i + span, .select .select__clear .about__link span + i, .select .select__clear .link i + span, .select .select__clear .link span + i {
            margin-left: .3125em
        }

    .about__link:focus, .about__link:hover, .link:focus, .link:hover {
        color: #9d833e
    }

        .about__link:focus span + .icon-arrow-right, .about__link:hover span + .icon-arrow-right, .link:focus span + .icon-arrow-right, .link:hover span + .icon-arrow-right {
            transform: translateX(5px)
        }

@media screen and (min-width:768px) {
    .about__link span, .link span {
        font-size: .75em
    }

    .about__link .icon, .about__link .select .select__clear i, .link .icon, .link .select .select__clear i, .select .select__clear .about__link i, .select .select__clear .link i {
        font-size: 1.25em
    }
}

@media screen and (min-width:1024px) {
    .about__link span, .link span {
        font-size: .875em
    }

    .about__link .icon, .about__link .select .select__clear i, .link .icon, .link .select .select__clear i, .select .select__clear .about__link i, .select .select__clear .link i {
        font-size: 1.25em
    }
}

.title {
    padding: 0;
    margin: 0
}

.title-light {
    padding: 0;
    margin: 0 0 .5em;
    font-family: ITC New Baskerville W01;
    font-weight: 400
}

@media screen and (min-width:768px) {
    .circles-title, .creation__title, .section__header-title, .subscribe__title, .title-light-1 {
        font-size: 3.125em
    }
}

@media screen and (min-width:1024px) {
    .circles-title, .creation__title, .section__header-title, .subscribe__title, .title-light-1 {
        font-size: 4.375em
    }
}

.paragraphe__title-n3, .paragraphe__title.paragraphe__title--big, .start-page__title, .title-light-1-5 {
    padding: 0;
    margin: 0 0 .5em;
    font-family: ITC New Baskerville W01;
    font-weight: 400;
    font-size: 2.1875em
}

@media screen and (min-width:768px) {
    .paragraphe__title-n3, .paragraphe__title.paragraphe__title--big, .start-page__title, .title-light-1-5 {
        font-size: 2.5em
    }
}

@media screen and (min-width:1024px) {
    .paragraphe__title-n3, .paragraphe__title.paragraphe__title--big, .start-page__title, .title-light-1-5 {
        font-size: 3.125em
    }
}

.archive-element__title, .counter .counter__title, .error-box .error-box__message, .error-box .error-box__title, .paragraphe.paragraphe--quote-multi .quote .quote__content p, .paragraphe__title, .power-one__title, .pushes-share__title, .simple-push__title, .start-page.start-page--hp .start-page__subtitle, .start-page.start-page--news .start-page__title, .tile-card__title, .title-light-2 {
    padding: 0;
    margin: 0 0 .5em;
    font-family: ITC New Baskerville W01;
    font-weight: 400;
    font-size: 1.5625em
}

@media screen and (min-width:768px) {
    .archive-element__title, .counter .counter__title, .error-box .error-box__message, .error-box .error-box__title, .paragraphe.paragraphe--quote-multi .quote .quote__content p, .paragraphe__title, .power-one__title, .pushes-share__title, .simple-push__title, .start-page.start-page--hp .start-page__subtitle, .start-page.start-page--news .start-page__title, .tile-card__title, .title-light-2 {
        font-size: 2em
    }
}

.error-box .error-box__message-little, .news-element__title, .push-element__title, .title-light-4 {
    padding: 0;
    margin: 0 0 .5em;
    font-family: ITC New Baskerville W01;
    font-weight: 400;
    font-size: .9375em
}

@media screen and (min-width:768px) {
    .error-box .error-box__message-little, .news-element__title, .push-element__title, .title-light-4 {
        font-size: 1em
    }
}

@media screen and (min-width:1024px) {
    .error-box .error-box__message-little, .news-element__title, .push-element__title, .title-light-4 {
        font-size: 1.375em
    }
}

.title-bold {
    padding: 0;
    margin: 0;
    margin: 0 0 .3125em;
    text-transform: uppercase;
    font-weight: 700
}

.about__title, .bond__title, .content__title, .governance-filters__title, .job-search__form__title, .jobs-results__count, .livestock-price__title, .livestock-quote__title, .popinmedia__date, .popinmedia__title, .stock-archive__title, .title-bold-1 {
    padding: 0;
    margin: 0;
    margin: 0 0 .3125em;
    text-transform: uppercase;
    font-weight: 700;
    font-size: .875em;
    letter-spacing: 2px
}

@media screen and (min-width:768px) {
    .about__title, .bond__title, .content__title, .governance-filters__title, .job-search__form__title, .jobs-results__count, .livestock-price__title, .livestock-quote__title, .popinmedia__date, .popinmedia__title, .stock-archive__title, .title-bold-1 {
        font-size: 1.125em
    }
}

@media screen and (min-width:1024px) {
    .about__title, .bond__title, .content__title, .governance-filters__title, .job-search__form__title, .jobs-results__count, .livestock-price__title, .livestock-quote__title, .popinmedia__date, .popinmedia__title, .stock-archive__title, .title-bold-1 {
        font-size: 1.375em;
        letter-spacing: 4px
    }
}


.archive-element__links-more-label, .circle-infos, .circle__label, .content__date, .creation__date, .news-element__brand, .push-element__category, .search-filters .search-filters__element label, .search-filters .search-filters__list li, .table-list td, .table-list th, .table-rating td, .table-rating th, .title-bold-3 {
    padding: 0;
    margin: 0;
    margin: 0 0 .3125em;
    text-transform: uppercase;
    font-weight: 700;
    font-size: .625em;
    letter-spacing: 1px
}

@media screen and (min-width:768px) {
    .archive-element__links-more-label, .circle-infos, .circle__label, .content__date, .creation__date, .news-element__brand, .push-element__category, .search-filters .search-filters__element label, .search-filters .search-filters__list li, .table-list td, .table-list th, .table-rating td, .table-rating th, .title-bold-3 {
        font-size: .75em
    }
}

@media screen and (min-width:1024px) {
    .archive-element__links-more-label, .circle-infos, .circle__label, .content__date, .creation__date, .news-element__brand, .push-element__category, .search-filters .search-filters__element label, .search-filters .search-filters__list li, .table-list td, .table-list th, .table-rating td, .table-rating th, .title-bold-3 {
        font-size: .875em;
        letter-spacing: 2px
    }
}

.content__subtitle, .creation__brand-name, .hot-jobs .push-element__date, .job-result__date, .job-result__hotjob, .job-result__spec p, .mdownload__label, .mdownload__title, .news-element__date, .popinmedia__details__desc, .popinmedia__details__title, .push-element__subtitle, .search-results .search-results__date, .search-results .search-results__theme, .stock-archive__description, .title-bold-4 {
    padding: 0;
    margin: 0;
    margin: 0 0 .3125em;
    text-transform: uppercase;
    font-weight: 700;
    font-size: .625em;
    letter-spacing: 1px
}

@media screen and (min-width:768px) {
    .content__subtitle, .creation__brand-name, .hot-jobs .push-element__date, .job-result__date, .job-result__hotjob, .job-result__spec p, .mdownload__label, .mdownload__title, .news-element__date, .popinmedia__details__desc, .popinmedia__details__title, .push-element__subtitle, .search-results .search-results__date, .search-results .search-results__theme, .stock-archive__description, .title-bold-4 {
        font-size: .75em
    }
}

@media screen and (min-width:1024px) {
    .content__subtitle, .creation__brand-name, .hot-jobs .push-element__date, .job-result__date, .job-result__hotjob, .job-result__spec p, .mdownload__label, .mdownload__title, .news-element__date, .popinmedia__details__desc, .popinmedia__details__title, .push-element__subtitle, .search-results .search-results__date, .search-results .search-results__theme, .stock-archive__description, .title-bold-4 {
        font-size: .75em
    }
}

.title-centered {
    margin-bottom: 3.125rem;
    text-align: center;
    text-transform: uppercase
}

@media screen and (min-width:768px) {
    .title-centered {
        margin-bottom: 5rem
    }
}

@media screen and (min-width:1024px) {
    .title-centered {
        margin-bottom: 6.25rem
    }
}

.text-title {
    font-weight: 400
}

.contact-form__title, .paragraphe.paragraphe--intro .paragraphe__content, .title-bold-intro {
    padding: 0;
    margin: 0 0 .3125em;
    font-size: .75em;
    letter-spacing: 1px;
    margin: 0;
    color: #212129;
    font-size: .6875em;
    font-weight: 700;
    letter-spacing: 2px;
    text-align: center;
    text-transform: uppercase
}

@media screen and (min-width:768px) {
    .contact-form__title, .paragraphe.paragraphe--intro .paragraphe__content, .title-bold-intro {
        font-size: .875em;
        line-height: 1.9
    }
}

@media screen and (min-width:1024px) {
    .contact-form__title, .paragraphe.paragraphe--intro .paragraphe__content, .title-bold-intro {
        font-size: 1em
    }
}

.basic-paragraph, .contact-form__description {
    font-family: Gotham Narrow A,Gotham Narrow B;
    font-weight: 400;
    font-size: .6875em;
    text-align: justify;
    text-transform: none;
    color: #979797
}

@media screen and (min-width:768px) {
    .basic-paragraph, .contact-form__description {
        line-height: 1.9;
        font-size: .875em
    }
}

@media screen and (min-width:1024px) {
    .basic-paragraph, .contact-form__description {
        font-size: 1em
    }
}

.gold {
    color: #9d833e
}

.red {
    color: #cc4d43
}

.align-center {
    text-align: center;
    display: block;
    margin: 0 auto
}


    .counter:after, .creations__header .creations__content:after, .creations__header .section__contents:after, .margin-container:after, .popinmedia-container:after, .power-one__publicis:after, .section.section--full .creations__content:after, .section.section--full .section__contents:after {
        clear: both;
        content: "";
        display: table
    }

@media screen and (min-width:768px) {
    .counter, .creations__header .creations__content, .creations__header .section__contents, .margin-container, .popinmedia-container, .power-one__publicis, .section.section--full .creations__content, .section.section--full .section__contents {
        max-width: 93%;
        margin-left: auto;
        margin-right: auto;
        max-width: 100%;
        margin-left: 1.875em;
        margin-right: 1.875em
    }

        .counter:after, .creations__header .creations__content:after, .creations__header .section__contents:after, .margin-container:after, .popinmedia-container:after, .power-one__publicis:after, .section.section--full .creations__content:after, .section.section--full .section__contents:after {
            clear: both;
            content: "";
            display: table
        }
}

@media screen and (min-width:1024px) {
    .counter, .creations__header .creations__content, .creations__header .section__contents, .margin-container, .popinmedia-container, .power-one__publicis, .section.section--full .creations__content, .section.section--full .section__contents {
        margin-left: 5%;
        margin-right: 5%
    }
}

@media screen and (min-width:1440px) {
    .counter, .creations__header .creations__content, .creations__header .section__contents, .margin-container, .popinmedia-container, .power-one__publicis, .section.section--full .creations__content, .section.section--full .section__contents {
        max-width: 73.75em;
        margin-right: auto;
        margin-left: auto
    }
}

.padding-container, .popinmedia-wrapper, .power-one__publicis {
    max-width: 95%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    padding-left: 1.25em;
    padding-right: 1.25em
}

    .padding-container:after, .popinmedia-wrapper:after, .power-one__publicis:after {
        clear: both;
        content: "";
        display: table
    }

@media screen and (min-width:768px) {
    .padding-container, .popinmedia-wrapper, .power-one__publicis {
        max-width: 93%;
        margin-left: auto;
        margin-right: auto;
        max-width: 100%;
        padding-right: 2.5em;
        padding-left: 2.5em
    }

        .padding-container:after, .popinmedia-wrapper:after, .power-one__publicis:after {
            clear: both;
            content: "";
            display: table
        }
}

@media screen and (min-width:1024px) {
    .padding-container, .popinmedia-wrapper, .power-one__publicis {
        padding-right: 5.625em;
        padding-left: 5.625em
    }
}

@media screen and (min-width:1440px) {
    .padding-container, .popinmedia-wrapper, .power-one__publicis {
        padding-right: 12.5em;
        padding-left: 12.5em;
        max-width: 73.75em
    }
}

.creation__content-wrapper, .creation__header, .creations__list-wrapper, .governance-extra, .governance-filters, .outer-container, .page-header, .pushes__list-wrapper, .section--inside.creations__header .creations__content, .section--inside.creations__header .section__contents, .section.section--inside .creations__content, .section.section--inside .section__contents, .subscribe {
    max-width: 95%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    padding-left: 1.25em;
    padding-right: 1.25em
}

    .creation__content-wrapper:after, .creation__header:after, .creations__list-wrapper:after, .governance-extra:after, .governance-filters:after, .outer-container:after, .page-header:after, .pushes__list-wrapper:after, .section--inside.creations__header .creations__content:after, .section--inside.creations__header .section__contents:after, .section.section--inside .creations__content:after, .section.section--inside .section__contents:after, .subscribe:after {
        clear: both;
        content: "";
        display: table
    }

@media screen and (min-width:768px) {
    .creation__content-wrapper, .creation__header, .creations__list-wrapper, .governance-extra, .governance-filters, .outer-container, .page-header, .pushes__list-wrapper, .section--inside.creations__header .creations__content, .section--inside.creations__header .section__contents, .section.section--inside .creations__content, .section.section--inside .section__contents, .subscribe {
        max-width: 93%;
        margin-left: auto;
        margin-right: auto;
        max-width: 100%;
        padding-right: 2.5em;
        padding-left: 2.5em;
        margin-left: 1.875em;
        margin-right: 1.875em
    }

        .creation__content-wrapper:after, .creation__header:after, .creations__list-wrapper:after, .governance-extra:after, .governance-filters:after, .outer-container:after, .page-header:after, .pushes__list-wrapper:after, .section--inside.creations__header .creations__content:after, .section--inside.creations__header .section__contents:after, .section.section--inside .creations__content:after, .section.section--inside .section__contents:after, .subscribe:after {
            clear: both;
            content: "";
            display: table
        }
}

@media screen and (min-width:1024px) {
    .creation__content-wrapper, .creation__header, .creations__list-wrapper, .governance-extra, .governance-filters, .outer-container, .page-header, .pushes__list-wrapper, .section--inside.creations__header .creations__content, .section--inside.creations__header .section__contents, .section.section--inside .creations__content, .section.section--inside .section__contents, .subscribe {
        padding-right: 5.625em;
        padding-left: 5.625em;
        margin-left: 5%;
        margin-right: 5%
    }
}

@media screen and (min-width:1440px) {
    .creation__content-wrapper, .creation__header, .creations__list-wrapper, .governance-extra, .governance-filters, .outer-container, .page-header, .pushes__list-wrapper, .section--inside.creations__header .creations__content, .section--inside.creations__header .section__contents, .section.section--inside .creations__content, .section.section--inside .section__contents, .subscribe {
        padding-right: 12.5em;
        padding-left: 12.5em;
        max-width: 73.75em;
        margin-right: auto;
        margin-left: auto
    }
}

.creation__content-wrapper, .governance__list, .top-spaces {
    padding-top: 3.125em
}

@media screen and (min-width:768px) {
    .creation__content-wrapper, .governance__list, .top-spaces {
        padding-top: 3.75em
    }
}

@media screen and (min-width:1024px) {
    .creation__content-wrapper, .governance__list, .top-spaces {
        padding-top: 5em
    }
}

.bottom-spaces, .creation__header, .section--inside.creations__header, .section.section--inside {
    padding-bottom: 3.125em
}

@media screen and (min-width:768px) {
    .bottom-spaces, .creation__header, .section--inside.creations__header, .section.section--inside {
        padding-bottom: 3.75em
    }
}

@media screen and (min-width:1024px) {
    .bottom-spaces, .creation__header, .section--inside.creations__header, .section.section--inside {
        padding-bottom: 5em
    }
}

.creation__content-wrapper, .creations__content, .governance-extra, .governance-filters, .page-header, .popinmedia-container, .popinmedia-wrapper, .section__contents, .vertical-spaces {
    padding-top: 3.125em;
    padding-bottom: 3.125em
}

@media screen and (min-width:768px) {
    .creation__content-wrapper, .creations__content, .governance-extra, .governance-filters, .page-header, .popinmedia-container, .popinmedia-wrapper, .section__contents, .vertical-spaces {
        padding-top: 3.75em
    }
}

@media screen and (min-width:1024px) {
    .creation__content-wrapper, .creations__content, .governance-extra, .governance-filters, .page-header, .popinmedia-container, .popinmedia-wrapper, .section__contents, .vertical-spaces {
        padding-top: 5em
    }
}

@media screen and (min-width:768px) {
    .creation__content-wrapper, .creations__content, .governance-extra, .governance-filters, .page-header, .popinmedia-container, .popinmedia-wrapper, .section__contents, .vertical-spaces {
        padding-bottom: 3.75em
    }
}

@media screen and (min-width:1024px) {
    .creation__content-wrapper, .creations__content, .governance-extra, .governance-filters, .page-header, .popinmedia-container, .popinmedia-wrapper, .section__contents, .vertical-spaces {
        padding-bottom: 5em
    }
}

.creation__content-wrapper, .governance-extra, .governance-filters, .page-header {
    background: #fff;
    margin-top: -3.125em;
    z-index: 1
}

@media screen and (min-width:768px) {
    .creation__content-wrapper, .governance-extra, .governance-filters, .page-header {
        margin-top: -3.75em
    }
}

@media screen and (min-width:1024px) {
    .creation__content-wrapper, .governance-extra, .governance-filters, .page-header {
        margin-top: -5em
    }
}

.creations__content, .section--startpage + .creations__header .creations__content, .section--startpage + .creations__header .section__contents, .section--startpage + .section .creations__content, .section--startpage + .section .section__contents, .section__header + .creations__content, .section__header + .section__contents, .start-page + .creations__header .creations__content, .start-page + .creations__header .section__contents, .start-page + .section .creations__content, .start-page + .section .section__contents, .u-first-section {
    margin-top: -3.125em;
    z-index: 20
}

@media screen and (min-width:768px) {
    .creations__content, .section--startpage + .creations__header .creations__content, .section--startpage + .creations__header .section__contents, .section--startpage + .section .creations__content, .section--startpage + .section .section__contents, .section__header + .creations__content, .section__header + .section__contents, .start-page + .creations__header .creations__content, .start-page + .creations__header .section__contents, .start-page + .section .creations__content, .start-page + .section .section__contents, .u-first-section {
        margin-top: -3.75em
    }
}

@media screen and (min-width:1024px) {
    .creations__content, .section--startpage + .creations__header .creations__content, .section--startpage + .creations__header .section__contents, .section--startpage + .section .creations__content, .section--startpage + .section .section__contents, .section__header + .creations__content, .section__header + .section__contents, .start-page + .creations__header .creations__content, .start-page + .creations__header .section__contents, .start-page + .section .creations__content, .start-page + .section .section__contents, .u-first-section {
        margin-top: -5em
    }
}

.header-container, .start-page {
    display: block;
    width: 100%;
    background-size: cover;
    background-position: 50%;
    padding-bottom: 3.125em
}

@media screen and (min-width:768px) {
    .header-container, .start-page {
        padding-bottom: 3.75em
    }
}

@media screen and (min-width:1024px) {
    .header-container, .start-page {
        padding-bottom: 5em
    }
}

.pagination {
    text-align: center
}

    .pagination.disabled {
        display: none
    }

.pagination__navigation {
    border: 0;
    background: none;
    font-size: 1.25em;
    outline: none;
    position: relative;
    color: #9d833e;
    cursor: pointer;
    padding: .1875em .3125em
}

    .pagination__navigation:hover {
        color: #9d833e
    }

    .pagination__navigation.disabled, .pagination__navigation.disabled:hover {
        color: #e7e7e7;
        cursor: default
    }

.pagination__dot {
    display: inline-block;
    text-align: center;
    padding: 0;
    margin: 0;
    list-style: none
}

    .pagination__dot li {
        display: inline-block;
        margin-left: .3125em;
        vertical-align: middle
    }

        .pagination__dot li:first-child {
            margin-left: 0
        }

        .pagination__dot li.active button:after {
            background: #9d833e
        }

    .pagination__dot button {
        font-size: inherit;
        background: none;
        border: 0;
        cursor: pointer;
        padding: .625em;
        display: block;
        outline: none;
        position: relative;
        color: #212129
    }

        .pagination__dot button:hover {
            color: #9d833e
        }

        .pagination__dot button:after {
            content: "";
            background: #212129;
            border-radius: 100%;
            width: .625em;
            height: .625em;
            display: inline-block;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translateX(-50%) translateY(-50%)
        }

.pagination.pagination--number .pagination__navigation {
    top: 0
}

.pagination.pagination--number .pagination__dot {
    vertical-align: middle
}

    .pagination.pagination--number .pagination__dot button, .pagination.pagination--number .pagination__dot span {
        font-size: 1em;
        padding: .125em .4375em;
        font-family: ITC New Baskerville W01
    }

        .pagination.pagination--number .pagination__dot button:after, .pagination.pagination--number .pagination__dot span:after {
            display: none
        }

@media screen and (min-width:768px) {
    .pagination.pagination--number .pagination__dot button, .pagination.pagination--number .pagination__dot span {
        font-size: 1.25em;
        padding: .125em .625em
    }
}

.pagination.pagination--number .pagination__dot .current {
    color: #9d833e
}

.list-unstyled {
    list-style: none;
    padding: 0
}

.list-paragraph li {
    margin-bottom: 1.875em
}

    .list-paragraph li p {
        margin-bottom: 0
    }

.list-item-highlighted {
    color: #cc4d43;
    margin: 2rem 0;
    position: absolute
}

.tile-card {
    padding: 0 .625em;
    margin-bottom: 3.125em;
    text-align: center
}

    .tile-card a {
        color: #212129;
        text-decoration: none
    }

.tile-card__image {
    width: 14.375em;
    padding-top: 14.375em;
    border-radius: 50%;
    height: 0;
    margin: auto;
    position: relative;
    overflow: hidden;
    z-index: 1
}

    .tile-card__image img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%
    }

.tile-card__title {
    color: #9d833e;
    margin: .9em 0
}

.tile-card__subtitle {
    font-weight: 700;
    font-size: .75em;
    text-transform: uppercase;
    margin-bottom: 1.2em;
    line-height: 1.5;
    letter-spacing: 2px
}

@media screen and (min-width:640px) {
    .tile-card__image {
        width: 50%;
        padding-top: 50%
    }
}

@media screen and (min-width:768px) {
    .tile-card__subtitle {
        font-size: 1em
    }

    .tile-card__image {
        width: 70%;
        padding-top: 70%
    }
}

@keyframes a {
    0% {
        transform: scale(0);
        opacity: 0
    }

    5% {
        opacity: 1
    }

    to {
        transform: scale(1);
        opacity: 0
    }
}

.spin-loader {
    position: relative;
    transform: translateY(-50%) translateX(-50%);
    width: 2.5em;
    height: 2.5em;
    opacity: 0
}

    .spin-loader:after, .spin-loader:before, .spin-loader span {
        border-radius: 100%;
        content: "";
        display: block;
        animation-fill-mode: both;
        position: absolute;
        left: 0;
        top: 0;
        opacity: 0;
        margin: 0;
        width: 100%;
        height: 100%;
        animation: a 1s 0s linear infinite;
        padding: 0
    }

    .spin-loader:before {
        animation-delay: 0;
        background: #e7e7e7
    }

    .spin-loader span {
        animation-delay: .2s;
        background: #9d833e
    }

.currentpage-network .spin-loader span {
    background-color: #d93d7a
}

.currentpage-the-groupe .spin-loader span {
    background-color: #9d833e
}

.currentpage-investors .spin-loader span {
    background-color: #00b0a3
}

.currentpage-news .spin-loader span {
    background-color: #16abe0
}

.currentpage-landing .spin-loader span {
    background-color: #212129
}

.spin-loader:after {
    animation-delay: .4s;
    background: #e7e7e7
}

.flatpickr-wrapper {
    display: block
}

    .flatpickr-wrapper .flatpickr-calendar .flatpickr-day.selected, .flatpickr-wrapper .flatpickr-calendar .flatpickr-day.selected:hover {
        background: #212129;
        border-color: #212129
    }

.flatpickr-calendar:after, .flatpickr-calendar:before {
    display: none
}

.popintile {
    position: fixed;
    z-index: 102
}

.popintile, .popintile__bg {
    top: 0;
    bottom: 0;
    right: 0;
    left: 0
}

.popintile__bg {
    position: absolute;
    background: rgba(0,0,0,.5)
}

.popintile__description {
    font-size: .75em;
    line-height: 2.2;
    margin-left: 1.25em;
    margin-right: 1.25em;
    padding-bottom: 3.125em;
    color: #979797
}

.popintile__btn-close {
    position: absolute;
    top: .625em;
    right: .625em
}

.popintile__details {
    position: relative
}

.popintile .popintile__btn-next, .popintile .popintile__btn-prev {
    position: absolute;
    top: 6.875em;
    font-size: 1.25em
}

.popintile .popintile__btn-prev {
    left: 2.5em
}

.popintile .popintile__btn-next {
    right: 2.5em
}

.popintile .tile-card {
    max-width: 25em;
    margin: 0 auto;
    padding-top: 3.125em
}

.popintile-container {
    overflow: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0
}

.popintile-content {
    background: #f5f5f5;
    width: 90%;
    max-width: 50em;
    position: relative;
    margin: 3.125em auto
}

@media screen and (min-width:640px) {
    .popintile__description {
        margin-left: 1.875em;
        margin-right: 1.875em
    }
}

@media screen and (min-width:768px) {
    .popintile .tile-card {
        padding-top: 3.75em
    }

    .popintile__description {
        font-size: .8125em;
        margin-left: 3.125em;
        margin-right: 3.125em;
        padding-bottom: 3.75em
    }

    .popintile .popintile__btn-next, .popintile .popintile__btn-prev {
        position: absolute;
        top: 4.375em;
        font-size: 2.1875em
    }

    .popintile .popintile__btn-prev {
        left: 3.125em
    }

    .popintile .popintile__btn-next {
        right: 3.125em
    }

    .popintile-content {
        width: 80%;
        margin: 3.75em auto
    }
}

@media screen and (min-width:1024px) {
    .popintile .tile-card {
        padding-top: 5em
    }

    .popintile .popintile__btn-next, .popintile .popintile__btn-prev {
        position: absolute;
        top: 5em;
        font-size: 2.1875em
    }

    .popintile .popintile__btn-prev {
        left: 3.125em
    }

    .popintile .popintile__btn-next {
        right: 3.125em
    }

    .popintile__description {
        font-size: .875em;
        margin-left: 6.25em;
        margin-right: 6.25em;
        padding-bottom: 5em
    }

    .popintile-content {
        margin: 5em auto
    }
}

::selection {
    background: rgba(157,131,62,.7);
    color: #fff
}

#app {
    position: absolute;
    top: 3.75em;
    bottom: 0;
    left: 0;
    right: 0;
    overflow-y: auto
}

@media screen and (min-width:1024px) {
    #app {
        top: 4.6875em
    }
}

.ismobile #app, .istablet #app {
    -webkit-overflow-scrolling: touch;
    top: 0;
    padding-top: 3.75em
}

@media screen and (min-width:1024px) {
    .ismobile #app, .istablet #app {
        top: 0;
        padding-top: 4.6875em
    }
}

#app.disable-scroll {
    overflow-y: hidden;
    position: fixed !important
}

form {
    width: 600px;
    margin: 0 auto
}

#popup {
    display: none;
    position: fixed;
    z-index: 99;
    padding-top: 100px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.61)
}

#popup_content {
    position: relative;
    margin: auto;
    padding: 20px;
    width: 80%;
    background: #fff
}

    #popup_content form {
        width: auto;
        font-size: .75rem
    }

        #popup_content form :not(.icon):not(.select .select__clear i) {
            display: block;
            margin: auto
        }

#close_popup {
    float: right;
    display: block
}

    #close_popup img {
        width: 20px;
        height: 25px
    }

    #close_popup:focus, #close_popup:hover {
        color: #000;
        text-decoration: none;
        cursor: pointer
    }

#popup_content form checkbox {
    font-size: 30px;
    padding: 10px
}

#popup_content form button {
    margin-left: 50%;
    transform: translateX(-50%)
}

#popup_content form p {
    position: relative
}

#popup_content form input[type=submit] {
    cursor: pointer;
    background: #32cd32;
    color: darkred
}

#popup_content form input:-ms-input-placeholder {
    color: darkred;
    text-align: center;
    font-family: verdana
}

#popup_content form input::placeholder {
    color: darkred;
    text-align: center;
    font-family: verdana
}

#popup_content form checkbox:-ms-input-placeholder {
    color: #000;
    text-align: center;
    font-family: verdana
}

#popup_content form checkbox::placeholder {
    color: #000;
    text-align: center;
    font-family: verdana
}

#popup_content [type=checkbox]:checked + label:before, #popup_content [type=checkbox]:not(:checked) + label:before {
    content: "";
    position: absolute;
    left: 0;
    top: 2px;
    width: 17px;
    height: 17px;
    border: 1px solid #aaa;
    background: #f8f8f8;
    border-radius: 3px;
    box-shadow: inset 0 1px 3px rgba(0,0,0,.3)
}

#popup_content [type=checkbox]:not(:checked) + label:after, [type=checkbox]:checked + label:after {
    content: "✔";
    position: absolute;
    top: 0;
    left: 4px;
    font-size: 14px;
    color: #09ad7e;
    transition: all .2s
}

#popup_content [type=checkbox]:not(:checked) + label:after {
    opacity: 0;
    transform: scale(0)
}

#popup_content [type=checkbox]:checked + label:after {
    opacity: 1;
    transform: scale(1)
}

@media screen and (min-width:1024px) {
    #popup_content form {
        font-size: inherit
    }

    #popup_content {
        width: 45%
    }
}

body:before {
    content: "";
    opacity: 0;
    pointer-events: none;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: fixed;
    z-index: 100;
    background: rgba(33,33,41,.7);
    transition: opacity .5s
}

.ismobile body:before {
    display: none
}

.subscribe-active {
    overflow: hidden
}

    .subscribe-active:before {
        opacity: 1;
        pointer-events: inherit
    }

.header {
    height: 3.75em;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
    text-align: center
}

.header__logo {
    position: relative;
    margin: 0 auto;
    width: 1.375em;
    height: 1.375em;
    top: .25em;
    overflow: hidden;
    z-index: 52;
    display: inline-block;
    font-size: 2em
}

    .header__logo img {
        width: 100%;
        position: relative
    }

.header__menu {
    text-align: left
}

.header__functions {
    position: absolute;
    margin-top: 0;
    right: 4.0625em;
    z-index: 52;
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: left
}

    .header__functions li {
        display: inline-block
    }

    .header__functions button {
        background: transparent;
        border: 0;
        outline: none;
        font-size: 1.5625em;
        cursor: pointer;
        color: #9d833e;
        transition: color .2s;
        padding: .3125em .5em
    }

        .header__functions button:focus, .header__functions button:hover {
            color: #c9b378
        }

.header .subscribe-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 101;
    transform: translateY(-100%);
    transition: transform .3s
}

.header .subscribe-wrapper__close {
    position: absolute;
    top: .625em;
    right: .625em;
    z-index: 2
}

    .header .subscribe-wrapper__close:hover {
        background: #bb9f53 !important;
        border-color: #bb9f53 !important
    }

.header .subscribe-wrapper.open {
    transform: translateY(0)
}

.header .footer-lang {
    top: auto;
    display: block;
    width: 100%;
    text-align: center;
    position: relative
}

.header .footer-lang__element {
    margin: 0 .3125em
}

@media screen and (min-width:1024px) {
    .header .footer-lang {
        display: none
    }
}

.header .ps-scrollbar-x-rail {
    display: none
}

.header .ps-scrollbar-y-rail {
    position: absolute;
    right: 0;
    top: 0;
    width: .3125em
}

    .header .ps-scrollbar-y-rail .ps-scrollbar-y {
        background: #979797;
        border-radius: .125em;
        position: relative
    }

.header .header-lang {
    margin: 0;
    padding: 0;
    list-style: none;
    display: none
}

.header .header-lang__element {
    margin: 0;
    display: inline-block
}

.header .header-lang__link {
    color: #9d833e;
    font-family: Gotham Narrow A,Gotham Narrow B;
    text-decoration: none;
    font-size: .875em;
    padding: .25em .8125em;
    display: inline-block;
    outline: none
}

    .header .header-lang__link:focus, .header .header-lang__link:hover {
        font-weight: 700
    }

    .header .header-lang__link.active {
        border: 2px solid #9d833e;
        font-weight: 700
    }

@media screen and (min-width:1024px) {
    .header .header-lang {
        display: block
    }
}

.main-menu__list, .main-menu__sublist {
    margin: 0;
    padding: 0;
    list-style: none
}

.main-menu__link, .main-menu__sublink {
    transition: color .2s;
    text-transform: uppercase;
    text-decoration: none;
    outline: none;
    font-size: 1em;
    display: inline-block
}

@media screen and (max-width:1023px) {
    .menu-active {
        overflow: hidden
    }

    .header:before {
        content: "";
        background: #fff;
        height: 3.75em;
        left: 0;
        right: 0;
        z-index: 51;
        position: absolute
    }

    .header__burger {
        position: absolute;
        top: 0;
        left: 0;
        border: 0;
        background: transparent;
        width: 50px;
        height: 50px;
        cursor: pointer;
        padding: 0;
        outline: none;
        z-index: 52;
        margin-top: 5px;
        margin-left: 8px;
        -webkit-appearance: none
    }

        .header__burger:hover .header__burger-icon, .header__burger:hover .header__burger-icon:after, .header__burger:hover .header__burger-icon:before {
            background: #c9b378
        }

    .header__burger-icon, .header__burger-icon:after, .header__burger-icon:before {
        content: "";
        position: absolute;
        display: block;
        height: 2px;
        width: 1.875em;
        border-radius: 1px;
        background-color: #9d833e;
        transition: all .3s
    }

    .header__burger-icon {
        transform: translateX(50%)
    }

        .header__burger-icon:after, .header__burger-icon:before {
            content: ""
        }

        .header__burger-icon:before {
            margin-top: -.5em
        }

        .header__burger-icon:after {
            margin-top: .5625em
        }

    .header__menu {
        background: #f5f5f5;
        position: absolute;
        top: 3.75em;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 50;
        transform: translateY(-100%);
        overflow: hidden;
        padding-top: 1.25em;
        padding-bottom: 1.25em
    }

    .header__menu-content {
        display: table;
        height: 90%;
        width: 100%
    }

    .header__functions {
        position: absolute;
        top: 8px;
        right: 3.125em
    }

    .menu-active .header {
        height: 100%
    }

        .menu-active .header .header__burger-icon {
            background: transparent
        }

            .menu-active .header .header__burger-icon:after, .menu-active .header .header__burger-icon:before {
                margin-top: 0;
                transform: rotate(-45deg)
            }

            .menu-active .header .header__burger-icon:after {
                transform: rotate(45deg)
            }

    .main-menu {
        display: table-cell;
        vertical-align: middle
    }

    .main-menu__list, .main-menu__sublist {
        text-align: center
    }

    .main-menu__link {
        color: #212129;
        letter-spacing: 2px;
        padding: .3125em 1.875em
    }

    .main-menu__sublink {
        color: #9d833e;
        margin-top: .75em;
        font-size: .8125em;
        padding: .625em 0
    }

        .main-menu__sublink:focus, .main-menu__sublink:hover {
            color: #9d833e
        }

    .main-menu__element {
        margin-bottom: 1.875em;
        opacity: 0
    }

        .main-menu__element.main-menu__element--news.active .main-menu__link, .main-menu__element.main-menu__element--news .main-menu__link:hover {
            color: #16abe0
        }

        .main-menu__element.main-menu__element--news .main-menu__sublink {
            color: #6bcef1
        }

        .main-menu__element.main-menu__element--the-groupe.active .main-menu__link, .main-menu__element.main-menu__element--the-groupe .main-menu__link:hover {
            color: #9d833e
        }

        .main-menu__element.main-menu__element--the-groupe .main-menu__sublink {
            color: #c9b378
        }

        .main-menu__element.main-menu__element--network.active .main-menu__link, .main-menu__element.main-menu__element--network .main-menu__link:hover {
            color: #d93d7a
        }

        .main-menu__element.main-menu__element--network .main-menu__sublink {
            color: #ea92b4
        }

        .main-menu__element.main-menu__element--investors.active .main-menu__link, .main-menu__element.main-menu__element--investors .main-menu__link:hover {
            color: #00b0a3
        }

        .main-menu__element.main-menu__element--investors .main-menu__sublink {
            color: rgba(0,176,163,.6)
        }

    .main-menu__sublist-container {
        transition: height .4s ease-out;
        height: 0;
        overflow: hidden
    }
}

@media screen and (min-width:1024px) {
    .header {
        height: 4.6875em;
        background: #fff;
        box-shadow: 0 3px 10px 3px rgba(33,33,41,.05)
    }

    .header__menu {
        position: absolute;
        top: 0;
        width: 100%
    }

    .header__logo {
        position: relative;
        margin: 0 auto;
        width: 1.875em;
        height: 1.875em
    }

    .header__burger {
        display: none
    }

    .header .subscribe-wrapper__close {
        font-size: 1.5625em
    }

    .header__functions {
        top: 16px
    }

    .main-menu {
        width: 100%;
        -webkit-user-select: none;
        -ms-user-select: none;
        -o-user-select: none;
        user-select: none
    }

    .main-menu, .main-menu__element, .main-menu__subelement {
        display: inline-block
    }

        .main-menu__element.active .main-menu__sublist-container, .main-menu__subelement.active .main-menu__sublist-container {
            display: block
        }

        .main-menu__element.active .main-menu__link, .main-menu__subelement.active .main-menu__link {
            position: relative
        }

    .main-menu__list {
        width: 50%;
        margin-top: 1.125em
    }

        .main-menu__list:first-child {
            text-align: right;
            float: left;
            padding-right: 3.125em
        }

        .main-menu__list:last-child {
            float: right;
            padding-left: 3.125em
        }

    .main-menu__sublist-container {
        position: absolute;
        top: 4.6875em;
        left: 0;
        right: 0;
        text-align: center;
        z-index: 1;
        overflow: hidden;
        height: 0;
        background-color: #212129
    }

    .main-menu__sublist {
        display: inline-block;
        margin-top: 1.125em
    }

    .main-menu__subelement {
        text-align: center
    }

    .main-menu__link, .main-menu__sublink {
        font-weight: 700;
        letter-spacing: 2px;
        padding: .625em .9375em
    }

        .main-menu__link:focus, .main-menu__link:hover {
            color: #9d833e
        }

    .main-menu__sublink {
        color: #fff;
        letter-spacing: 1px;
        font-size: .875em
    }

        .main-menu__sublink:focus, .main-menu__sublink:hover {
            color: #9d833e
        }

    .main-menu__element .main-menu__link {
        color: #212129
    }

    .currentpage-news .main-menu__element.main-menu__element--news .main-menu__link, .main-menu__element.main-menu__element--news .main-menu__link:hover, .main-menu__element.main-menu__element--news .main-menu__sublink:hover {
        color: #16abe0
    }

    .main-menu__element.main-menu__element--news:after {
        content: "";
        display: block;
        margin: 16px auto;
        height: 2px;
        width: 0;
        background: transparent;
        transition: width .5s ease,background-color .5s ease
    }

    .main-menu__element.main-menu__element--news.over:after {
        width: 100%;
        background: #16abe0
    }

    .currentpage-the-groupe .main-menu__element.main-menu__element--the-groupe .main-menu__link, .main-menu__element.main-menu__element--the-groupe .main-menu__link:hover, .main-menu__element.main-menu__element--the-groupe .main-menu__sublink:hover {
        color: #9d833e
    }

    .main-menu__element.main-menu__element--the-groupe:after {
        content: "";
        display: block;
        margin: 16px auto;
        height: 2px;
        width: 0;
        background: transparent;
        transition: width .5s ease,background-color .5s ease
    }

    .main-menu__element.main-menu__element--the-groupe.over:after {
        width: 100%;
        background: #9d833e
    }

    .currentpage-network .main-menu__element.main-menu__element--network .main-menu__link, .main-menu__element.main-menu__element--network .main-menu__link:hover, .main-menu__element.main-menu__element--network .main-menu__sublink:hover {
        color: #d93d7a
    }

    .main-menu__element.main-menu__element--network:after {
        content: "";
        display: block;
        margin: 16px auto;
        height: 2px;
        width: 0;
        background: transparent;
        transition: width .5s ease,background-color .5s ease
    }

    .main-menu__element.main-menu__element--network.over:after {
        width: 100%;
        background: #d93d7a
    }

    .currentpage-investors .main-menu__element.main-menu__element--investors .main-menu__link, .main-menu__element.main-menu__element--investors .main-menu__link:hover, .main-menu__element.main-menu__element--investors .main-menu__sublink:hover {
        color: #00b0a3
    }

    .main-menu__element.main-menu__element--investors:after {
        content: "";
        display: block;
        margin: 16px auto;
        height: 2px;
        width: 0;
        background: transparent;
        transition: width .5s ease,background-color .5s ease
    }

    .main-menu__element.main-menu__element--investors.over:after {
        width: 100%;
        background: #00b0a3
    }
}

.footer {
    background: #fff;
    max-width: 1440px;
    margin: auto;
    position: relative
}

.footer__wrapper {
    margin: 0 .9375em
}

.footer__header {
    border-top: 1px solid #e7e7e7;
    position: relative
}

.footer__menu-wrapper {
    padding: 0;
    margin: 0;
    width: 100%;
    list-style: none
}

.footer__copyright, .footer__menu {
    border-top: 1px solid #e7e7e7;
    position: relative
}

.footer__copyright {
    text-align: center;
    padding-bottom: 1.875em
}

.footer__copyright__img {
    width: 3.75em;
    margin: 1.5625em auto .625em
}

    .footer__copyright__img img {
        width: 100%
    }

.footer__copyright__subtitle, .footer__copyright__title {
    text-transform: uppercase
}

.footer__copyright__title {
    font-weight: 700;
    margin: 0;
    font-size: .625em;
    letter-spacing: 2px
}

.footer__copyright__subtitle {
    color: #979797;
    margin: 0;
    font-size: .5em
}

.footer-top {
    height: 100%
}

.footer-top__btn {
    background: transparent;
    border: 0;
    outline: none;
    cursor: pointer;
    font-size: 1.875em;
    color: #9d833e;
    transition: color .2s;
    height: 100%
}

    .footer-top__btn:focus, .footer-top__btn:hover {
        color: #bb9f53
    }

.footer-social {
    padding: .625em 0;
    margin: 0;
    list-style: none;
    text-align: center
}

.footer-social__element {
    display: inline-block
}

.footer-social .btn, .footer-social .select .select__clear, .footer-social .subscribe__btn, .select .footer-social .select__clear {
    font-size: 1.375em;
    outline: none
}

.footer-lang {
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    left: 0;
    top: 1.25em
}

.footer-lang__element {
    margin-right: .625em;
    display: inline-block
}

.footer-lang__link {
    color: #9d833e;
    font-family: Gotham Narrow A,Gotham Narrow B;
    text-decoration: none;
    font-size: .875em;
    padding: .25em .8125em;
    display: inline-block;
    outline: none
}

    .footer-lang__link:focus, .footer-lang__link:hover {
        font-weight: 700
    }

    .footer-lang__link.active {
        border: 2px solid #9d833e;
        font-weight: 700
    }

.footer-mainmenu {
    display: none
}

.footer-mainmenu, .footer-submenu {
    list-style: none;
    padding: 0;
    margin: 0
}

.footer-mainmenu__title a, .footer-mainmenu__title span, .footer-submenu__title a, .footer-submenu__title span {
    text-decoration: none;
    color: #212129;
    transition: color .2s;
    outline: none
}

    .footer-mainmenu__title a:focus, .footer-mainmenu__title a:hover, .footer-submenu__title a:focus, .footer-submenu__title a:hover {
        color: #9d833e
    }

.footer-mainmenu__link, .footer-submenu__link {
    font-weight: 400;
    text-transform: none;
    font-size: .75em;
    color: #979797;
    text-decoration: none;
    padding: .625em 0;
    display: inline-block;
    outline: none
}

    .footer-mainmenu__link:focus, .footer-mainmenu__link:hover, .footer-submenu__link:focus, .footer-submenu__link:hover {
        color: #212129
    }

.footer-submenu {
    text-align: center;
    padding: 0;
    margin: .9375em 0
}

    .footer-submenu ul {
        list-style: none;
        padding: 0;
        margin: 0;
        width: 100%
    }

.footer-submenu__title a {
    padding: .3125em 0;
    display: inline-block
}

@media screen and (max-width:639px) {
    .footer-lang {
        display: none
    }

    .footer-top {
        height: 3.125em
    }

    .footer-top__btn {
        width: 100%
    }

    .footer-social {
        border-top: 1px solid #e7e7e7
    }
}

@media screen and (min-width:640px) {
    .footer-top {
        position: absolute;
        right: 0
    }
}

@media screen and (min-width:768px) {
    .footer__copyright {
        padding-bottom: 3.125em
    }

    .footer__copyright__title {
        font-size: 1em
    }

    .footer__copyright__subtitle {
        font-size: .75em
    }

    .footer__copyright__img {
        width: 5em;
        margin: 3.4375em auto 2.5em
    }
}

@media screen and (min-width:768px) and (max-width:1023px) {
    .footer-submenu {
        margin: 1.5625em 0
    }

        .footer-submenu ul {
            display: inline-block
        }

    .footer-submenu__title {
        width: 50%;
        float: left
    }

        .footer-submenu__title a {
            padding: .3125em 1.25em;
            display: inline-block
        }
}

@media screen and (min-width:1024px) {
    .footer__header {
        border-top: 0
    }

    .footer__menu-wrapper {
        display: table;
        max-width: 73.75em;
        width: 100%;
        margin: auto
    }

    .footer__menu {
        padding: 3.125em 0
    }

    .footer-submenu {
        margin: 1.5625em 0
    }

        .footer-submenu ul {
            list-style: none;
            padding: 0;
            margin: 0;
            display: table;
            width: 100%
        }

    .footer-submenu__title {
        display: table-cell
    }

        .footer-submenu__title a {
            padding: .3125em 0;
            display: inline-block
        }

    .footer-mainmenu, .footer-submenu {
        display: table-cell;
        padding-left: 1.875em
    }

        .footer-mainmenu ul, .footer-submenu ul {
            margin: 0;
            padding: 0;
            list-style: none
        }

    .footer-submenu {
        text-align: left
    }

    .footer-submenu__title {
        display: block
    }
}

input, select, textarea {
    border: none;
    background: none;
    -webkit-appearance: none;
    border-radius: 0
}

    input:focus, select:focus, textarea:focus {
        outline: none
    }

.pb-form {
    display: block;
    width: 100%;
    margin: auto
}

    .pb-form:after {
        clear: both;
        content: "";
        display: table
    }

@media screen and (min-width:768px) {
    .pb-form.pb-form--half {
        width: 50%;
        float: left
    }
}

@media screen and (min-width:1024px) {
    .pb-form.pb-form--half:first-child {
        padding-right: 1.875em
    }

    .pb-form.pb-form--half:last-child {
        padding-left: 1.875em
    }
}

.pb-form__input {
    display: block;
    position: relative;
    vertical-align: top;
    margin: 0
}

.pb-form-label__content, .pb-input-field, .pb-label-error, .pb-select .pb-select__options li, .pb-select__cross, .pb-select__og, .pb-textarea {
    font-family: Gotham Narrow A,Gotham Narrow B;
    font-size: .75em;
    letter-spacing: 1.5px;
    line-height: 1;
    padding: .6em 0;
    display: block
}

@media screen and (min-width:768px) {
    .pb-form-label__content, .pb-input-field, .pb-label-error, .pb-select .pb-select__options li, .pb-select__cross, .pb-select__og, .pb-textarea {
        font-size: 1em
    }
}

@media screen and (min-width:1024px) {
    .pb-form-label__content, .pb-input-field, .pb-label-error, .pb-select .pb-select__options li, .pb-select__cross, .pb-select__og, .pb-textarea {
        font-size: 1.0625em
    }
}

.pb-form-label {
    position: relative;
    display: block;
    width: 100%;
    color: #979797;
    transition: color .4s ease-in-out
}

    .pb-form-label:after {
        clear: both;
        content: "";
        display: table
    }

@media screen and (min-width:1024px) {
    .pb-form-label {
        color: #212129
    }
}

.pb-form-label:before {
    content: "";
    position: absolute;
    width: 100%;
    left: 0;
    bottom: -2px;
    border-bottom: 2px solid #9d833e;
    transition: border-color .4s ease-in-out
}

.currentpage-network .pb-form-label:before {
    border-color: #d93d7a
}

.currentpage-the-groupe .pb-form-label:before {
    border-color: #9d833e
}

.currentpage-investors .pb-form-label:before {
    border-color: #00b0a3
}

.currentpage-news .pb-form-label:before {
    border-color: #16abe0
}

.pb-form-label .pb-form-label__content {
    position: relative;
    text-transform: uppercase;
    transition: transform .2s ease-in-out,opacity .2s ease-in-out;
    pointer-events: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

    .pb-form-label .pb-form-label__content span {
        display: inline-block;
        width: calc(100% - 35px);
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis
    }

    .ismobile .pb-form-label .pb-form-label__content span, .istablet .pb-form-label .pb-form-label__content span, .pb-form-label .pb-form-label__content span {
        opacity: 0
    }

@media screen and (min-width:1024px) {
    .pb-form-label .pb-form-label__content span {
        opacity: 1
    }
}

.pb-form-label .icon-arrow-bottom {
    float: right;
    margin-right: 1em;
    color: #9d833e;
    transition: color .15s cubic-bezier(.215,.61,.355,1)
}

.currentpage-network .pb-form-label .icon-arrow-bottom {
    color: #d93d7a
}

.currentpage-the-groupe .pb-form-label .icon-arrow-bottom {
    color: #9d833e
}

.currentpage-investors .pb-form-label .icon-arrow-bottom {
    color: #00b0a3
}

.currentpage-news .pb-form-label .icon-arrow-bottom {
    color: #16abe0
}

.pb-label-error {
    opacity: 0;
    color: #cc4d43;
    min-height: 2.7em;
    transition: opacity .2s ease-in-out
}

@media screen and (min-width:768px) {
    .pb-label-error {
        min-height: 3.2em
    }
}

.pb-input-field {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #212129
}

.pb-textarea {
    display: block;
    width: 100%;
    padding: 1.5625em;
    color: #000;
    border: 2px solid #9d833e;
    resize: none
}

.currentpage-network .pb-textarea {
    border-color: #d93d7a
}

.currentpage-the-groupe .pb-textarea {
    border-color: #9d833e
}

.currentpage-investors .pb-textarea {
    border-color: #00b0a3
}

.currentpage-news .pb-textarea {
    border-color: #16abe0
}

.pb-textarea:placeholder {
    color: #979797
}

.ismobile .pb-select .pb-form-label, .istablet .pb-select .pb-form-label, .pb-select .pb-form-label {
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 5%;
    pointer-events: none
}

@media screen and (min-width:1024px) {
    .pb-select .pb-form-label {
        position: relative;
        top: auto;
        left: auto;
        pointer-events: auto
    }
}

.pb-select__og {
    outline: none;
    width: 90%;
    margin: auto;
    border: none;
    border-radius: 0;
    background: none;
    text-transform: uppercase;
    -webkit-appearance: none;
    color: #212129;
    padding-right: 2.5em
}

.ismobile .pb-select__og, .istablet .pb-select__og, .pb-select__og {
    display: block
}

@media screen and (min-width:1024px) {
    .pb-select__og {
        display: none
    }
}

.pb-select__custom {
    position: relative
}

.ismobile .pb-select__custom, .istablet .pb-select__custom, .pb-select__custom {
    display: none
}

@media screen and (min-width:1024px) {
    .pb-select__custom {
        display: block
    }
}

.pb-select__options {
    position: absolute;
    overflow: hidden;
    width: 100%;
    top: 0;
    left: 0;
    background: transparent;
    z-index: 999;
    pointer-events: none;
    background-color: #f5f5f5;
    opacity: 0
}

    .pb-select__options .pb-select__options-wrapper {
        position: relative;
        width: 100%;
        padding: 1.25em;
        top: 0;
        left: 0
    }

        .pb-select__options .pb-select__options-wrapper:before {
            content: "";
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            transform-origin: center center
        }

    .pb-select__options ul {
        opacity: 0;
        position: relative;
        list-style: none;
        padding: 0 .625em;
        margin: 0;
        overflow: hidden;
        overflow-y: auto;
        max-height: 400px
    }

    .pb-select__options li {
        text-transform: uppercase;
        color: #979797;
        padding: .4em 0;
        cursor: pointer;
        transition: color .3s cubic-bezier(.215,.61,.355,1)
    }

        .pb-select__options li:hover {
            color: #9d833e;
            transition: color .15s cubic-bezier(.215,.61,.355,1)
        }

.pb-select__cross {
    position: absolute;
    transform: translateX(-100%);
    opacity: 0;
    background: none;
    color: #9d833e;
    transition: opacity .4s ease-in-out;
    cursor: default;
    font-size: 1.25em
}

.currentpage-network .pb-select__cross {
    color: #d93d7a
}

.currentpage-the-groupe .pb-select__cross {
    color: #9d833e
}

.currentpage-investors .pb-select__cross {
    color: #00b0a3
}

.currentpage-news .pb-select__cross {
    color: #16abe0
}

.pb-select__cross i {
    font-weight: 700
}

.ismobile .pb-select__cross, .istablet .pb-select__cross, .pb-select__cross {
    padding: 0;
    left: 3%;
    top: 3%
}

@media screen and (min-width:1024px) {
    .pb-select__cross {
        padding-right: .5em;
        left: 0;
        top: 10%
    }
}

.pb-select--notclean .pb-select__cross {
    display: none !important
}

.pb-select .spin-loader {
    position: absolute;
    left: 0;
    top: 0
}

.ismobile .pb-select .spin-loader, .istablet .pb-select .spin-loader, .pb-select .spin-loader {
    transform: translateX(-50%)
}

@media screen and (min-width:1024px) {
    .pb-select .spin-loader {
        transform: translateX(-100%)
    }
}

.pb-select.load .spin-loader {
    opacity: 1
}

.pb-select.pb-select--open .pb-select__options {
    pointer-events: auto
}

.pb-select.pb-select--set .pb-form-label, .pb-select.pb-select--set select.pb-select__og {
    color: #212129
}

.pb-select.pb-select--set .pb-select__cross {
    opacity: 1;
    cursor: pointer
}

select.pb-select__og[disabled] {
    color: #979797
}

    select.pb-select__og[disabled] ~ .pb-form-label .icon-arrow-bottom {
        color: #e7e7e7
    }

    select.pb-select__og[disabled] ~ .pb-form-label {
        color: #e7e7e7;
        cursor: default
    }

        select.pb-select__og[disabled] ~ .pb-form-label:before {
            border-color: #e7e7e7
        }

.pb-form__input .pb-form-label {
    margin: auto
}

.ismobile .pb-form__input .pb-form-label, .istablet .pb-form__input .pb-form-label, .pb-form__input .pb-form-label {
    width: 90%
}

@media screen and (min-width:1024px) {
    .pb-form__input .pb-form-label {
        width: 100%
    }
}

.pb-form__input.input--filled .pb-form-label .pb-form-label__content {
    transform: translateY(-5px);
    opacity: 0
}

.pb-form__input.input--error .pb-label-error {
    opacity: 1
}

[data-prllx-item] {
    overflow: hidden;
    will-change: transform
}

[data-prllx-bg] {
    will-change: transform;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat
}

.subscribe-active .search {
    z-index: 101
}

.gad-open .search, .subscribe-active .search {
    pointer-events: none;
    opacity: 0;
    transition: opacity 0s 0s
}

.search {
    position: fixed;
    top: 0;
    right: 0;
    width: 3.75em;
    z-index: 101;
    transition: opacity .1s .3s
}

@media screen and (min-width:1024px) {
    .search {
        width: 4.6875em
    }
}

.search-bar {
    height: 3.75em;
    width: 100%;
    right: 0;
    position: absolute;
    overflow: hidden;
    z-index: 1
}

@media screen and (min-width:1024px) {
    .search-bar {
        height: 4.6875em
    }
}

.search-bar.open .btn .icon, .search-bar.open .select .select__clear .icon, .search-bar.open .select .select__clear i, .search-bar.open .subscribe__btn .icon, .select .search-bar.open .select__clear .icon, .select .search-bar.open .select__clear i, .select .select__clear .search-bar.open .btn i, .select .select__clear .search-bar.open .subscribe__btn i {
    color: #fff
}

.search-bar.open .search-bar__close {
    pointer-events: inherit
}

.search-bar .search-bar__wrapper {
    display: table;
    overflow: hidden;
    width: 100%;
    height: 100%
}

.search-bar .search-bar__bg {
    width: 3.75em;
    height: 3.75em;
    border-radius: 100%;
    background: #9d833e;
    position: absolute;
    top: 50%;
    right: .9375em;
    transform: scale(0);
    margin-top: -1.875em
}

.search-bar .icon-search {
    font-size: 1.75em
}

.search-bar .btn, .search-bar .select .select__clear, .search-bar .subscribe__btn, .select .search-bar .select__clear {
    background: transparent;
    color: #9d833e;
    transform-origin: 50% 50%
}

.search-bar .search-bar__input-wrapper {
    margin: auto;
    width: calc(100% - 3.75em * 2);
    height: 3.75em;
    position: relative
}

@media screen and (min-width:1024px) {
    .search-bar .search-bar__input-wrapper {
        width: calc(100% - 4.6875em * 2);
        height: 4.6875em
    }
}

.search-bar .search-bar__input {
    height: 100%;
    width: 100%;
    color: #fff;
    padding: .3125em .625em;
    font-size: 1em;
    letter-spacing: 2px
}

.search-bar .search-bar__icon {
    width: 3.75em;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    z-index: 1
}

.search-bar .search-bar__close {
    right: 0;
    pointer-events: none
}

    .search-bar .search-bar__close .btn, .search-bar .search-bar__close .select .select__clear, .search-bar .search-bar__close .subscribe__btn, .select .search-bar .search-bar__close .select__clear {
        opacity: 0
    }

.search-bar .search-bar__cell {
    display: table-cell;
    vertical-align: middle
}

@media screen and (min-width:1024px) {
    .search-bar {
        height: 4.6875em
    }

        .search-bar .search-bar__input {
            font-size: 1.5625em;
            padding: .3125em .9375em
        }

        .search-bar .search-bar__icon {
            width: 4.6875em
        }
}

.search-c {
    height: 0;
    background: #fff;
    overflow: hidden
}

    .search-c .search-c__wrapper {
        max-width: 80em;
        margin: auto;
        width: 100%;
        height: 100%;
        padding: 0 1.875em;
        margin-top: 4.6875em;
        overflow-y: auto
    }

    .search-c .pb-form__input .pb-form-label .icon-arrow-bottom, .search-c .pb-form__input .pb-form-label:before {
        color: #9d833e;
        border-color: #9d833e
    }

.search-filters {
    padding-top: 3.125em
}

@media screen and (min-width:768px) {
    .search-filters {
        float: left;
        width: 13.75em
    }
}

.search-filters .search-filters__title {
    color: #9d833e;
    font-weight: 400;
    margin-bottom: 1.25em;
    display: none
}

@media screen and (min-width:768px) {
    .search-filters .search-filters__title {
        display: block
    }
}

@media screen and (min-width:768px) {
    .search-filters .search-filters__section {
        margin-bottom: 1.875em
    }
}

.search-filters .search-filters__element input {
    display: none
}

.search-filters .search-filters__element label {
    display: inline-block;
    padding: .9375em 0;
    padding-right: .625em;
    cursor: pointer
}

    .search-filters .search-filters__element label span {
        display: inline-block;
        margin-left: 1.25em;
        font-weight: 400
    }

.search-filters .search-filters__element input:checked + label {
    color: #9d833e
}

.search-filters .pb-form__input {
    width: 9.375em
}

.search-container {
    position: relative
}

@media screen and (min-width:768px) {
    .search-container {
        padding-top: 3.125em;
        height: 100%;
        margin-left: 13.75em;
        width: calc(100% - 13.75em)
    }
}

.search-filters {
    padding: 0
}

@media screen and (min-width:768px) {
    .search-filters {
        padding-right: 1.25em
    }
}

.search-filters .search-filters__list {
    display: inline-block;
    margin: 0;
    padding: 0;
    list-style: none
}

    .search-filters .search-filters__list li {
        font-weight: 400;
        width: auto;
        float: left;
        margin-right: 1.875em
    }

        .search-filters .search-filters__list li input {
            display: none
        }

        .search-filters .search-filters__list li label {
            color: #979797;
            cursor: pointer;
            padding: .625em 0;
            display: -ms-flexbox;
            display: flex;
            -webkit-user-select: none;
            -ms-user-select: none;
            user-select: none
        }

            .search-filters .search-filters__list li label .icon, .search-filters .search-filters__list li label .select .select__clear i, .select .select__clear .search-filters .search-filters__list li label i {
                position: relative;
                color: #9d833e;
                margin-right: .625em
            }

                .search-filters .search-filters__list li label .icon:before, .search-filters .search-filters__list li label .select .select__clear i:before, .select .select__clear .search-filters .search-filters__list li label i:before {
                    opacity: 0;
                    font-size: 1.25em
                }

                .search-filters .search-filters__list li label .icon:after, .search-filters .search-filters__list li label .select .select__clear i:after, .select .select__clear .search-filters .search-filters__list li label i:after {
                    content: "";
                    width: 1.0625em;
                    height: 1.0625em;
                    border: 1px solid #979797;
                    display: block;
                    position: absolute;
                    left: -.125em;
                    top: 0
                }

        .search-filters .search-filters__list li input:checked + label {
            color: #212129
        }

            .search-filters .search-filters__list li input:checked + label .icon, .search-filters .search-filters__list li input:checked + label .select .select__clear i, .select .select__clear .search-filters .search-filters__list li input:checked + label i {
                position: relative
            }

                .search-filters .search-filters__list li input:checked + label .icon:before, .search-filters .search-filters__list li input:checked + label .select .select__clear i:before, .select .select__clear .search-filters .search-filters__list li input:checked + label i:before {
                    opacity: 1
                }

                .search-filters .search-filters__list li input:checked + label .icon:after, .search-filters .search-filters__list li input:checked + label .select .select__clear i:after, .select .select__clear .search-filters .search-filters__list li input:checked + label i:after {
                    border-color: #212129
                }

@media screen and (min-width:768px) {
    .search-filters {
        margin-top: 3.125em
    }

        .search-filters .search-filters__list li {
            float: none;
            width: 100%;
            margin-right: 0
        }
}

.search-results {
    height: calc(100% - 5.625em)
}

    .search-results .ps-scrollbar-x-rail {
        display: none
    }

    .search-results .ps-scrollbar-y-rail {
        position: absolute;
        width: .3125em;
        background: rgba(0,0,0,.1);
        border-radius: .15625em;
        right: 0 !important
    }

    .search-results .ps-scrollbar-y {
        position: absolute;
        background: #9d833e;
        width: 100%;
        cursor: pointer;
        border-radius: .15625em
    }

    .search-results .search-results__list {
        margin: 0;
        padding: 0;
        position: relative;
        height: 100%;
        overflow: hidden
    }

        .search-results .search-results__list a {
            color: #979797;
            text-decoration: none;
            display: inline-block;
            width: 100%;
            padding-right: 2.1875em
        }

        .search-results .search-results__list .search-results__element {
            border-bottom: 1px solid #e7e7e7;
            padding-bottom: 1.875em;
            margin-top: 2.1875em;
            margin-right: 1.25em
        }

            .search-results .search-results__list .search-results__element:first-child {
                margin-top: 0
            }

            .search-results .search-results__list .search-results__element:last-child {
                padding-bottom: 0;
                border: 0
            }

            .search-results .search-results__list .search-results__element a {
                outline: none
            }

    .search-results .spin-loader {
        opacity: 1;
        left: 50%;
        transform: translateX(-50%)
    }

    .search-results .search-results__header {
        margin-bottom: 1.25em
    }

    .search-results .search-results__date, .search-results .search-results__theme {
        display: inline-block;
        margin: 0
    }

        .search-results .search-results__date span, .search-results .search-results__theme span {
            display: inline-block;
            font-weight: 400;
            color: #e7e7e7;
            margin-left: 1.25em
        }

    .search-results .search-results__date {
        margin-right: 3.125em
    }

    .search-results .search-results__title {
        margin-bottom: .3125em
    }

    .search-results .search-results__content, .search-results .search-results__title {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden
    }

        .search-results .search-results__content p, .search-results .search-results__title p {
            margin: 0
        }

        .search-results .search-results__content .highlight, .search-results .search-results__title .highlight {
            font-weight: 700;
            color: #9d833e;
            font-style: inherit
        }

    .search-results .search-results__noresult {
        opacity: 0;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        transition: opacity .3s;
        text-align: center;
        color: #979797;
        pointer-events: none;
        font-size: 1.25em
    }

        .search-results .search-results__noresult .icon, .search-results .search-results__noresult .select .select__clear i, .select .select__clear .search-results .search-results__noresult i {
            font-size: 2.1875em;
            vertical-align: middle;
            margin-right: .3125em
        }

@media screen and (min-width:768px) {
    .search-results .search-results__noresult {
        margin-top: 3.125em
    }
}

.search-results .search-results__noresult p {
    margin: 0
}

.no-result .search-results .search-results__noresult {
    opacity: 1;
    pointer-events: auto
}

.creations__header, .section {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
    padding-top: 1px
}

.creations__content, .section__contents {
    background-color: #fff
}

.creations__header + .creations__header .creations__content, .creations__header + .creations__header .section__contents, .creations__header + .section--full.section--theme-normal .creations__content, .creations__header + .section--full.section--theme-normal .section__contents, .section--full.section--theme-light + .section--inside, .section--full.section--theme-normal + .creations__header .creations__content, .section--full.section--theme-normal + .creations__header .section__contents, .section--full.section--theme-normal + .section--full.section--theme-normal .creations__content, .section--full.section--theme-normal + .section--full.section--theme-normal .section__contents, .section--inside + .section--theme-alternate .creations__content, .section--inside + .section--theme-alternate .section__contents, .section--inside + .section--theme-light .creations__content, .section--inside + .section--theme-light .section__contents, .section--theme-light + .section--theme-light .creations__content, .section--theme-light + .section--theme-light .section__contents, .section--theme-light.creations__header + .section--inside {
    padding-top: 0
}

.section__header + .creations__content .creations__content, .section__header + .creations__content .section__contents, .section__header + .section__contents .creations__content, .section__header + .section__contents .section__contents, .start-page + .creations__header .creations__content .creations__content, .start-page + .creations__header .creations__content .section__contents, .start-page + .creations__header .section__contents .creations__content, .start-page + .creations__header .section__contents .section__contents, .start-page + .section .creations__content .creations__content, .start-page + .section .creations__content .section__contents, .start-page + .section .section__contents .creations__content, .start-page + .section .section__contents .section__contents {
    margin-top: 0
}

.start-page.start-page--with-nav + .creations__header, .start-page.start-page--with-nav + .section {
    padding-top: 0
}

.start-page.is-splash-page + .section--inside.creations__header, .start-page.is-splash-page + .section.section--inside {
    background-color: #fff
}

.start-page.is-splash-page + .creations__header .creations__content, .start-page.is-splash-page + .creations__header .section__contents, .start-page.is-splash-page + .section .creations__content, .start-page.is-splash-page + .section .section__contents {
    padding: 1.5625rem 4rem 2.1875rem
}

    .start-page.is-splash-page + .creations__header .creations__content .wrapper-citation figure, .start-page.is-splash-page + .creations__header .section__contents .wrapper-citation figure, .start-page.is-splash-page + .section .creations__content .wrapper-citation figure, .start-page.is-splash-page + .section .section__contents .wrapper-citation figure {
        margin: 0
    }

        .start-page.is-splash-page + .creations__header .creations__content .wrapper-citation figure blockquote, .start-page.is-splash-page + .creations__header .section__contents .wrapper-citation figure blockquote, .start-page.is-splash-page + .section .creations__content .wrapper-citation figure blockquote, .start-page.is-splash-page + .section .section__contents .wrapper-citation figure blockquote {
            margin: 0 0 1.25rem;
            text-align: center;
            font-size: 1.25rem;
            line-height: 1.16
        }

            .start-page.is-splash-page + .creations__header .creations__content .wrapper-citation figure blockquote:before, .start-page.is-splash-page + .creations__header .section__contents .wrapper-citation figure blockquote:before, .start-page.is-splash-page + .section .creations__content .wrapper-citation figure blockquote:before, .start-page.is-splash-page + .section .section__contents .wrapper-citation figure blockquote:before {
                content: "\201C"
            }

            .start-page.is-splash-page + .creations__header .creations__content .wrapper-citation figure blockquote:after, .start-page.is-splash-page + .creations__header .section__contents .wrapper-citation figure blockquote:after, .start-page.is-splash-page + .section .creations__content .wrapper-citation figure blockquote:after, .start-page.is-splash-page + .section .section__contents .wrapper-citation figure blockquote:after {
                content: "\201D"
            }

        .start-page.is-splash-page + .creations__header .creations__content .wrapper-citation figure figcaption, .start-page.is-splash-page + .creations__header .section__contents .wrapper-citation figure figcaption, .start-page.is-splash-page + .section .creations__content .wrapper-citation figure figcaption, .start-page.is-splash-page + .section .section__contents .wrapper-citation figure figcaption {
            text-align: center;
            font-size: .9375rem;
            line-height: 1.16
        }

    .start-page.is-splash-page + .creations__header .creations__content .wrapper-citation .cta-wrapper, .start-page.is-splash-page + .creations__header .section__contents .wrapper-citation .cta-wrapper, .start-page.is-splash-page + .section .creations__content .wrapper-citation .cta-wrapper, .start-page.is-splash-page + .section .section__contents .wrapper-citation .cta-wrapper {
        margin-top: 2.5rem;
        text-align: center
    }

        .start-page.is-splash-page + .creations__header .creations__content .wrapper-citation .cta-wrapper .cta, .start-page.is-splash-page + .creations__header .section__contents .wrapper-citation .cta-wrapper .cta, .start-page.is-splash-page + .section .creations__content .wrapper-citation .cta-wrapper .cta, .start-page.is-splash-page + .section .section__contents .wrapper-citation .cta-wrapper .cta {
            display: -ms-inline-flexbox;
            display: inline-flex;
            padding: .625rem 1rem;
            color: #fff;
            background-color: #b8ab7e;
            border-radius: 3rem;
            font-size: .875rem;
            line-height: 1;
            letter-spacing: 3px;
            text-transform: uppercase;
            text-decoration: none
        }

.section--startpage {
    padding-bottom: 3.125em
}

@media screen and (min-width:768px) {
    .section--startpage {
        padding-bottom: 3.75em
    }
}

@media screen and (min-width:1024px) {
    .section--startpage {
        padding-bottom: 5em
    }
}

.section--startpage .creations__content, .section--startpage .section__contents {
    padding-bottom: 0
}

.section--startpage.creations__header + .creations__header, .section--startpage.creations__header + .section, .section.section--startpage + .creations__header, .section.section--startpage + .section {
    padding-top: 1px
}

.section--theme-no-padding.creations__header .creations__content, .section--theme-no-padding.creations__header .section__contents, .section.section--theme-no-padding .creations__content, .section.section--theme-no-padding .section__contents {
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 0
}

.section--theme-no-padding.creations__header .content, .section.section--theme-no-padding .content {
    margin-bottom: 0
}

.creations__header + .section--inside, .creations__header .section__header + .creations__content, .creations__header .section__header + .section__contents, .header + .section--inside.creations__header, .header + .section--inside.section--theme-normal, .section--full + .section--inside, .section .section__header + .creations__content, .section .section__header + .section__contents, .simple-push + .section--inside.creations__header, .simple-push + .section.section--inside.section--theme-normal {
    padding-top: 3.125em
}

@media screen and (min-width:768px) {
    .creations__header + .section--inside, .creations__header .section__header + .creations__content, .creations__header .section__header + .section__contents, .header + .section--inside.creations__header, .header + .section--inside.section--theme-normal, .section--full + .section--inside, .section .section__header + .creations__content, .section .section__header + .section__contents, .simple-push + .section--inside.creations__header, .simple-push + .section.section--inside.section--theme-normal {
        padding-top: 3.75em
    }
}

@media screen and (min-width:1024px) {
    .creations__header + .section--inside, .creations__header .section__header + .creations__content, .creations__header .section__header + .section__contents, .header + .section--inside.creations__header, .header + .section--inside.section--theme-normal, .section--full + .section--inside, .section .section__header + .creations__content, .section .section__header + .section__contents, .simple-push + .section--inside.creations__header, .simple-push + .section.section--inside.section--theme-normal {
        padding-top: 5em
    }
}

.creations__header .section--theme-table.creations__header .creations__content, .creations__header .section--theme-table.creations__header .section__contents, .creations__header .section.section--theme-table .creations__content, .creations__header .section.section--theme-table .section__contents, .section .section--theme-table.creations__header .creations__content, .section .section--theme-table.creations__header .section__contents, .section .section.section--theme-table .creations__content, .section .section.section--theme-table .section__contents {
    padding-left: 0;
    padding-right: 0
}

.section--inside.creations__header, .section.section--inside {
    background-color: #f5f5f5
}

.currentpage-network .section--inside.creations__header, .currentpage-network .section.section--inside {
    background-color: #fdf5f8
}

.currentpage-the-groupe .section--inside.creations__header, .currentpage-the-groupe .section.section--inside {
    background-color: #f6f4ee
}

.currentpage-investors .section--inside.creations__header, .currentpage-investors .section.section--inside {
    background-color: #f2fbfa
}

.currentpage-news .section--inside.creations__header, .currentpage-news .section.section--inside {
    background-color: #e7f6fc
}

.section__header {
    display: block;
    width: 100%;
    padding-bottom: 3.125em;
    background-size: cover;
    font-size: .8em
}

@media screen and (max-width:767px) {
    .section__header {
        background-attachment: scroll;
        background-position: top !important
    }
}

@media screen and (min-width:768px) {
    .section__header {
        padding-bottom: 3.75em;
        background-position: 50%;
        background-size: auto 150%
    }
}

@media screen and (min-width:1024px) {
    .section__header {
        padding-bottom: 5em
    }
}

.section__header-wrapper {
    display: table;
    height: 9.375em;
    max-width: 90%;
    margin-left: auto;
    margin-right: auto
}

    .section__header-wrapper:after {
        clear: both;
        content: "";
        display: table
    }

@media screen and (min-width:768px) {
    .section__header-wrapper {
        height: 12.5em
    }
}

@media screen and (min-width:1024px) {
    .section__header-wrapper {
        height: 18.75em
    }
}

.section__header-title {
    color: #9d833e;
    display: table-cell;
    padding: 10%;
    vertical-align: middle;
    text-align: center
}

@media screen and (min-width:640px) {
    .section__header-title {
        white-space: nowrap
    }
}

.content, .section__header-title.title-light-1--small {
    padding: 0
}

.content {
    margin: 0 auto 3.125em
}

@media screen and (min-width:768px) {
    .content {
        margin-bottom: 3.75em
    }
}

@media screen and (min-width:1024px) {
    .content {
        margin-bottom: 5em
    }
}

.content:last-child {
    margin-bottom: 0
}

.content__files {
    display: table;
    width: 100%;
    margin-bottom: 1.875em;
    table-layout: fixed
}

.content__link {
    display: table-cell;
    margin: 0
}

.content__header {
    text-align: center;
    margin-bottom: 2.5em
}

@media screen and (min-width:768px) {
    .content__header {
        margin-bottom: 4.375em
    }
}

@media screen and (min-width:1024px) {
    .content__header {
        margin-bottom: 4.6875em
    }
}

.content__title {
    color: #9d833e;
    margin: 0 0 .3em
}

.content__subtitle {
    color: #979797;
    text-align: center;
    margin: 0 0 .3em
}

.content__date {
    text-align: center;
    margin-bottom: 2.5em
}

.creations__header, .creations__header .creations__content, .creations__header .section__contents, .section.section--full.section--theme-normal, .section.section--full.section--theme-normal .creations__content, .section.section--full.section--theme-normal .section__contents {
    background-color: #fff
}

.section--theme-light.creations__header, .section.section--theme-light {
    background-color: #f5f5f5
}

.currentpage-network .section--theme-light.creations__header, .currentpage-network .section.section--theme-light {
    background-color: #fdf5f8
}

.currentpage-the-groupe .section--theme-light.creations__header, .currentpage-the-groupe .section.section--theme-light {
    background-color: #f6f4ee
}

.currentpage-investors .section--theme-light.creations__header, .currentpage-investors .section.section--theme-light {
    background-color: #f2fbfa
}

.currentpage-news .section--theme-light.creations__header, .currentpage-news .section.section--theme-light {
    background-color: #e7f6fc
}

.section--theme-light.creations__header .creations__content, .section--theme-light.creations__header .section__contents, .section.section--theme-light .creations__content, .section.section--theme-light .section__contents {
    background-color: #f5f5f5
}

.currentpage-network .section--theme-light.creations__header .creations__content, .currentpage-network .section--theme-light.creations__header .section__contents, .currentpage-network .section.section--theme-light .creations__content, .currentpage-network .section.section--theme-light .section__contents {
    background-color: #fdf5f8
}

.currentpage-the-groupe .section--theme-light.creations__header .creations__content, .currentpage-the-groupe .section--theme-light.creations__header .section__contents, .currentpage-the-groupe .section.section--theme-light .creations__content, .currentpage-the-groupe .section.section--theme-light .section__contents {
    background-color: #f6f4ee
}

.currentpage-investors .section--theme-light.creations__header .creations__content, .currentpage-investors .section--theme-light.creations__header .section__contents, .currentpage-investors .section.section--theme-light .creations__content, .currentpage-investors .section.section--theme-light .section__contents {
    background-color: #f2fbfa
}

.currentpage-news .section--theme-light.creations__header .creations__content, .currentpage-news .section--theme-light.creations__header .section__contents, .currentpage-news .section.section--theme-light .creations__content, .currentpage-news .section.section--theme-light .section__contents {
    background-color: #e7f6fc
}

.section--theme-dark.creations__header, .section.section--theme-dark {
    background-color: #212129 !important
}

    .section--theme-dark.creations__header .creations__content, .section--theme-dark.creations__header .section__contents, .section.section--theme-dark .creations__content, .section.section--theme-dark .section__contents {
        background-color: transparent !important
    }

    .section--theme-dark.creations__header .content__title, .section.section--theme-dark .content__title {
        color: #fff
    }

.currentpage-network .section--theme-network.creations__header:before, .currentpage-network .section.section--theme-network:before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    pointer-events: none;
    height: 18.75em;
    background: linear-gradient(180deg,rgba(217,61,122,.2) 0,rgba(217,61,122,0))
}

.section--theme-bling.creations__header, .section.section--theme-bling {
    background-color: #9d833e
}

    .section--theme-bling.creations__header .creations__content, .section--theme-bling.creations__header .section__contents, .section.section--theme-bling .creations__content, .section.section--theme-bling .section__contents {
        color: #fff;
        background-color: #9d833e
    }

.section--theme-empty.creations__header, .section.section--theme-empty {
    background-color: #f5f5f5
}

.currentpage-network .section--theme-empty.creations__header, .currentpage-network .section.section--theme-empty {
    background-color: #fdf5f8
}

.currentpage-the-groupe .section--theme-empty.creations__header, .currentpage-the-groupe .section.section--theme-empty {
    background-color: #f6f4ee
}

.currentpage-investors .section--theme-empty.creations__header, .currentpage-investors .section.section--theme-empty {
    background-color: #f2fbfa
}

.currentpage-news .section--theme-empty.creations__header, .currentpage-news .section.section--theme-empty {
    background-color: #e7f6fc
}

.section--theme-empty.creations__header .creations__content, .section--theme-empty.creations__header .section__contents, .section.section--theme-empty .creations__content, .section.section--theme-empty .section__contents {
    background-color: #fff;
    padding: 0
}

.section--theme-empty.creations__header .paragraphe.paragraphe--intro, .section.section--theme-empty .paragraphe.paragraphe--intro {
    padding: 1.25em .625em 0
}

@media screen and (min-width:768px) {
    .section--theme-empty.creations__header .paragraphe.paragraphe--intro, .section.section--theme-empty .paragraphe.paragraphe--intro {
        padding: 1.875em 0 0
    }
}

@media screen and (min-width:1024px) {
    .section--theme-empty.creations__header .paragraphe.paragraphe--intro, .section.section--theme-empty .paragraphe.paragraphe--intro {
        padding: 2.8125em 0 1.25em
    }
}

.section--theme-no-space.creations__header .creations__content, .section--theme-no-space.creations__header .section__contents, .section.section--theme-no-space .creations__content, .section.section--theme-no-space .section__contents {
    padding-top: 0;
    padding-bottom: 0
}

.section--inside.creations__header + .simple-push, .section--theme-light.creations__header + .simple-push, .section.section--inside.section--theme-normal + .simple-push, .section.section--theme-light + .simple-push {
    background: #f5f5f5
}

.currentpage-network .section--inside.creations__header + .simple-push, .currentpage-network .section--theme-light.creations__header + .simple-push, .currentpage-network .section.section--inside.section--theme-normal + .simple-push, .currentpage-network .section.section--theme-light + .simple-push {
    background-color: #fdf5f8
}

.currentpage-the-groupe .section--inside.creations__header + .simple-push, .currentpage-the-groupe .section--theme-light.creations__header + .simple-push, .currentpage-the-groupe .section.section--inside.section--theme-normal + .simple-push, .currentpage-the-groupe .section.section--theme-light + .simple-push {
    background-color: #f6f4ee
}

.currentpage-investors .section--inside.creations__header + .simple-push, .currentpage-investors .section--theme-light.creations__header + .simple-push, .currentpage-investors .section.section--inside.section--theme-normal + .simple-push, .currentpage-investors .section.section--theme-light + .simple-push {
    background-color: #f2fbfa
}

.currentpage-news .section--inside.creations__header + .simple-push, .currentpage-news .section--theme-light.creations__header + .simple-push, .currentpage-news .section.section--inside.section--theme-normal + .simple-push, .currentpage-news .section.section--theme-light + .simple-push {
    background-color: #e7f6fc
}

.section--news .content__header {
    margin-bottom: 0
}

@media screen and (min-width:1024px) {
    .start-page.is-splash-page + .creations__header .creations__content, .start-page.is-splash-page + .creations__header .section__contents, .start-page.is-splash-page + .section .creations__content, .start-page.is-splash-page + .section .section__contents {
        padding: 3.75rem 8.125rem 4.6875rem
    }

        .start-page.is-splash-page + .creations__header .creations__content .wrapper-citation figure blockquote, .start-page.is-splash-page + .creations__header .section__contents .wrapper-citation figure blockquote, .start-page.is-splash-page + .section .creations__content .wrapper-citation figure blockquote, .start-page.is-splash-page + .section .section__contents .wrapper-citation figure blockquote {
            margin: 0 0 2rem;
            font-size: 1.8125rem
        }

        .start-page.is-splash-page + .creations__header .creations__content .wrapper-citation figure figcaption, .start-page.is-splash-page + .creations__header .section__contents .wrapper-citation figure figcaption, .start-page.is-splash-page + .section .creations__content .wrapper-citation figure figcaption, .start-page.is-splash-page + .section .section__contents .wrapper-citation figure figcaption {
            font-size: 1.3125rem
        }

        .start-page.is-splash-page + .creations__header .creations__content .wrapper-citation .cta-wrapper, .start-page.is-splash-page + .creations__header .section__contents .wrapper-citation .cta-wrapper, .start-page.is-splash-page + .section .creations__content .wrapper-citation .cta-wrapper, .start-page.is-splash-page + .section .section__contents .wrapper-citation .cta-wrapper {
            margin-top: 3.75rem
        }

            .start-page.is-splash-page + .creations__header .creations__content .wrapper-citation .cta-wrapper .cta, .start-page.is-splash-page + .creations__header .section__contents .wrapper-citation .cta-wrapper .cta, .start-page.is-splash-page + .section .creations__content .wrapper-citation .cta-wrapper .cta, .start-page.is-splash-page + .section .section__contents .wrapper-citation .cta-wrapper .cta {
                padding: 1rem 2rem;
                font-size: 1.25rem;
                letter-spacing: 4px
            }
}

.governance {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    background: #f5f5f5;
    padding-top: .0625em;
    position: relative
}

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

.currentpage-network .governance {
    background-color: #fdf5f8
}

.currentpage-the-groupe .governance {
    background-color: #f6f4ee
}

.currentpage-investors .governance {
    background-color: #f2fbfa
}

.currentpage-news .governance {
    background-color: #e7f6fc
}

.governance__list {
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    margin: 0;
    padding-left: 0;
    padding-right: 0;
    margin: auto;
    text-align: center;
    font-size: 0;
    list-style: none
}

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

.governance__list-save {
    display: none
}

.governance .tile-card {
    width: 100%;
    font-size: 16px;
    display: inline-block;
    vertical-align: top;
    cursor: pointer
}

.governance .tile-card__title {
    transition: color .2s
}

.governance .tile-card__description {
    display: none
}

.governance .tile-card__icon {
    color: #9d833e;
    font-size: 3.125em;
    transition: transform .2s cubic-bezier(.87,-.41,.19,1.44)
}

.governance .tile-card:hover .tile-card__icon {
    transform: rotate(1turn)
}

.governance .tile-card:hover .tile-card__title {
    color: #bb9f53
}

.governance .tile-card--disable {
    cursor: default;
    pointer-events: none
}

    .governance .tile-card--disable .tile-card__icon {
        display: none
    }

.governance .governance-mention {
    text-align: center;
    font-style: italic;
    padding-bottom: 1.25em;
    font-size: .8125em;
    display: none
}

    .governance .governance-mention.governance-mention--show {
        display: block
    }

.governance-filters {
    text-align: center;
    margin-bottom: 3.125em
}

.governance-filters__container {
    display: table;
    height: 100%;
    width: 100%
}

.governance-filters__description {
    color: #979797;
    margin-top: 1.875em;
    line-height: 2em;
    font-size: .8125em;
    text-align: justify
}

.governance-filters__content {
    display: table-cell;
    vertical-align: middle
}

.governance-filters__title {
    color: #9d833e;
    margin-top: .9375em;
    margin-bottom: 0;
    display: none
}

.governance-filters__buttons {
    margin-top: 1.875em
}

.governance-filters__infos {
    display: none
}

    .governance-filters__infos.active {
        display: block
    }

.governance-filters .btn, .governance-filters .select .select__clear, .governance-filters .subscribe__btn, .select .governance-filters .select__clear {
    margin: 0 .625em;
    margin-bottom: .625em
}

    .governance-filters .btn:first-child, .governance-filters .select .select__clear:first-child, .governance-filters .subscribe__btn:first-child, .select .governance-filters .select__clear:first-child {
        margin-left: 0
    }

@media screen and (min-width:768px) {
    .governance .tile-card {
        margin-left: 0;
        margin-right: 0;
        padding: 0 1.875em;
        width: 50%
    }

    .governance-filters {
        margin-bottom: 3.75em
    }

    .governance-filters__title {
        display: block
    }
}

@media screen and (min-width:1024px) {
    .governance {
        max-width: 100%;
        margin-left: auto;
        margin-right: auto
    }

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

    .governance__wrapper {
        max-width: 1440px;
        margin: auto
    }

    .governance .tile-card {
        padding: 0 1.25em
    }

    .governance .governance__list .tile-card, .governance .tile-card {
        margin-left: 0;
        margin-right: 0;
        width: 33.33333%
    }

    .governance__list[data-filter-filtered="second"] {
        max-width: 65%
    }

    .governance .governance__list[data-filter-filtered="main"] .tile-card {
        width: 25%
    }

    .governance-filters {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 82.94039%;
        margin-left: auto;
        margin-right: auto;
        float: none;
        padding-bottom: 5em;
        margin-bottom: 5em
    }

        .governance-filters:last-child {
            margin-right: 0
        }

    .governance-filters__description {
        width: 90%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 3.125em;
        font-size: 1em
    }
}

@media screen and (min-width:1440px) {
    .governance .tile-card {
        padding: 0 1.875em
    }
}

.governance-extra {
    display: none;
    margin-top: 0;
    margin-bottom: 3.125em
}

@media screen and (min-width:768px) {
    .governance-extra {
        margin-bottom: 3.75em
    }
}

@media screen and (min-width:1024px) {
    .governance-extra {
        margin-bottom: 5em
    }
}

.governance-extra.governance-extra--show {
    display: block
}

.governance-extra .governance-extra__content {
    text-align: center;
    margin-bottom: 3.125em
}

@media screen and (min-width:768px) {
    .governance-extra .governance-extra__content {
        margin-bottom: 3.75em
    }
}

@media screen and (min-width:1024px) {
    .governance-extra .governance-extra__content {
        margin-bottom: 5em
    }
}

.governance-extra .governance-extra__content:last-child {
    margin-bottom: 0
}

.governance-extra .governance-extra__subtitle {
    color: #979797;
    margin-bottom: 1.875em;
    line-height: 2em;
    font-size: .8125em;
    text-align: justify;
    margin-top: 0
}

@media screen and (min-width:1024px) {
    .governance-extra .governance-extra__subtitle {
        width: 90%;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 3.125em;
        font-size: 1em
    }
}

.governance-extra .governance-extra__list {
    margin: 0;
    padding: 0;
    list-style: none
}

.governance-extra .governance-extra__member {
    display: block;
    vertical-align: top;
    margin: 0 1.875em 1.25em
}

.governance-extra .governance-extra__name {
    padding: 0;
    margin: 0 0 .5em;
    font-family: ITC New Baskerville W01;
    font-weight: 400;
    font-size: .9375em;
    color: #9d833e;
    text-align: center;
    margin-bottom: 0
}

@media screen and (min-width:768px) {
    .governance-extra .governance-extra__name {
        font-size: 1em
    }
}

@media screen and (min-width:1024px) {
    .governance-extra .governance-extra__name {
        font-size: 1.375em
    }
}

.governance-extra .governance-extra__description {
    padding: 0;
    margin: 0;
    margin: 0 0 .3125em;
    text-transform: uppercase;
    font-weight: 700;
    font-size: .625em;
    letter-spacing: 1px;
    text-align: center;
    margin-left: 1.25em
}

@media screen and (min-width:768px) {
    .governance-extra .governance-extra__description {
        font-size: .75em
    }
}

@media screen and (min-width:1024px) {
    .governance-extra .governance-extra__description {
        font-size: .75em
    }
}

.governance-extra .governance-extra__title {
    text-align: center;
    padding: 0;
    margin: 0;
    margin: 0 0 .3125em;
    text-transform: uppercase;
    font-weight: 700;
    font-size: .75em;
    letter-spacing: 1px;
    margin-bottom: 1.25em
}

@media screen and (min-width:768px) {
    .governance-extra .governance-extra__title {
        font-size: .875em
    }
}

@media screen and (min-width:1024px) {
    .governance-extra .governance-extra__title {
        font-size: 1em
    }
}

.counter {
    color: #fff;
    text-align: center;
    display: none
}

    .counter.active {
        display: block
    }

    .counter .counter__wrapper {
        background: url(../images/static/groupe/viva-technology/counter.jpg) #c33f61 no-repeat 50%;
        background-size: cover;
        margin: 0;
        padding: 1.875em 0
    }

@media screen and (min-width:768px) {
    .counter .counter__wrapper {
        padding: 3.125em 0
    }
}

@media screen and (min-width:1024px) {
    .counter .counter__wrapper {
        margin: 0 6.25em;
        min-height: 25em;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.counter .counter__title {
    font-size: 1.5625em
}

@media screen and (min-width:768px) {
    .counter .counter__title {
        font-size: 2.5em
    }
}

@media screen and (min-width:1024px) {
    .counter .counter__title {
        margin-bottom: .625em
    }
}

.counter .counter__blocs {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 2.5em 0 1.25em
}

.counter .counter__content {
    text-align: center;
    width: 100%
}

.counter .counter__bloc {
    border: .125em solid #fff;
    color: #fff;
    margin: .3125em;
    width: 5em;
    height: 5em;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (min-width:768px) {
    .counter .counter__bloc {
        width: 6.25em;
        height: 6.25em;
        margin: .625em
    }
}

.counter .counter__value {
    font-family: ITC New Baskerville W01;
    display: block;
    font-size: 1.875em
}

@media screen and (min-width:768px) {
    .counter .counter__value {
        font-size: 2.875em
    }
}

.counter .counter__label {
    display: block;
    text-transform: uppercase;
    font-size: .8125em
}

.counter .counter__dates {
    font-size: 1em;
    letter-spacing: 3px
}

@media screen and (min-width:768px) {
    .counter .counter__dates {
        font-size: 1.375em
    }
}

.counter .counter__before, .counter .counter__during {
    display: none
}

.counter .counter__message {
    text-transform: uppercase;
    font-size: .875em;
    letter-spacing: 2px
}

@media screen and (min-width:1024px) {
    .counter .counter__message {
        font-size: 1.125em
    }
}

.counter .counter__link {
    margin-top: 1.875em
}

    .counter .counter__link:hover, .counter .counter__link:hover:after, .counter .counter__link:hover:before {
        color: #c33f61
    }

.counter.before .counter__before, .counter.during .counter__during {
    display: block
}

.start-page {
    position: relative;
    text-align: center;
    background-color: #2d2d35;
    overflow: hidden
}

    .start-page.is-splash-page {
        z-index: -1
    }

        .start-page.is-splash-page .start-page__wrapper {
            max-width: 100%
        }

        .start-page.is-splash-page .start-page__content {
            position: relative;
            padding: 5rem 1.5rem;
            z-index: 2
        }

        .start-page.is-splash-page .start-page__img_logo {
            width: 9.375rem;
            height: 7.375rem;
            margin: 0 auto 1.875rem
        }

        .start-page.is-splash-page .start-page__subtitle {
            margin: 0 0 1rem;
            color: #fff;
            text-transform: uppercase;
            letter-spacing: .4rem;
            font-size: 1.25rem;
            line-height: 1.05;
            font-weight: 700
        }

        .start-page.is-splash-page .start-page__title {
            margin: 0;
            padding: 0;
            color: #fff;
            font-size: 2.5rem;
            line-height: 1.05;
            font-weight: 700;
            font-family: Gotham Narrow A,Gotham Narrow B
        }

.start-page__wrapper {
    position: relative;
    height: 21.875em;
    display: table;
    width: 90%;
    margin: auto;
    max-width: 59.375em
}

.start-page__content {
    padding: 1.25em;
    display: table-cell;
    vertical-align: middle
}

.start-page__category {
    text-transform: uppercase;
    color: #fff;
    font-size: .625em;
    margin: 0;
    letter-spacing: 2px;
    font-weight: 700
}

.start-page__title {
    line-height: 1.4;
    padding: 2px 0;
    margin-top: .9375em;
    overflow: hidden
}

    .start-page__title span {
        color: #fff;
        display: inline;
        background-color: #9d833e;
        padding: .2em .4em;
        -webkit-box-decoration-break: clone;
        box-decoration-break: clone
    }

.start-page__logo {
    width: 25em;
    max-width: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%)
}

    .start-page__logo img {
        position: relative;
        max-width: 450px;
        left: 50%;
        transform: translateX(-50%)
    }

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2) {
    .start-page__logo img {
        max-width: 100%
    }
}

.currentpage-network .start-page__title span {
    background-color: #d93d7a
}

.currentpage-the-groupe .start-page__title span {
    background-color: #9d833e
}

.currentpage-investors .start-page__title span {
    background-color: #00b0a3
}

.currentpage-news .start-page__title span {
    background-color: #9d833e
}

.currentpage-landing .start-page__title span {
    background-color: #212129
}

.start-page.start-page--align-left [data-prllx-bg] {
    background-position: 0 50%
}

.start-page.start-page--align-right [data-prllx-bg] {
    background-position: 100% 50%
}

@media screen and (min-width:768px) {
    .start-page__wrapper {
        height: 16.875em
    }

    .start-page__category {
        font-size: .75em
    }

    .start-page__chapeau {
        line-height: 2;
        width: 90%
    }

    .start-page__logo {
        width: 31.25em
    }

    .start-page.start-page--bigger .start-page__wrapper {
        height: 20em
    }
}

@media screen and (min-width:1024px) {
    .start-page.is-splash-page .start-page__content {
        padding: 10.9375rem 1.5rem 12.5rem
    }

    .start-page.is-splash-page .start-page__img_logo {
        width: 12.5rem;
        height: 9.875rem;
        margin: 0 auto 3.75rem
    }

    .start-page.is-splash-page .start-page__subtitle {
        margin: 0 0 1.875rem;
        font-size: 2.375rem;
        letter-spacing: .5rem
    }

    .start-page.is-splash-page .start-page__title {
        font-size: 5.125rem
    }

    .start-page__wrapper {
        height: 18.75em
    }

    .start-page__logo {
        width: 31.25em
    }

    .start-page__category {
        font-size: .875em
    }

    .start-page__chapeau {
        font-size: .875em;
        width: 70%
    }

    .start-page.start-page--bigger .start-page__wrapper {
        height: 26.25em
    }
}

.start-page__nav {
    max-width: 95%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-color: #2c2c34;
    height: 2.8125em
}

@media screen and (min-width:768px) {
    .start-page__nav {
        max-width: 93%;
        margin-left: auto;
        margin-right: auto;
        max-width: 100%;
        margin-left: 1.875em;
        margin-right: 1.875em
    }

        .start-page__nav:after {
            clear: both;
            content: "";
            display: table
        }
}

@media screen and (min-width:1024px) {
    .start-page__nav {
        margin-left: 5%;
        margin-right: 5%
    }
}

@media screen and (min-width:1440px) {
    .start-page__nav {
        max-width: 73.75em;
        margin-right: auto;
        margin-left: auto
    }
}

.start-page__nav:after {
    clear: both;
    content: "";
    display: table
}

@media screen and (min-width:768px) {
    .start-page__nav {
        height: 5.625em
    }
}

.start-page__nav-content {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    overflow: hidden;
    text-align: center
}

    .start-page__nav-content ul {
        margin: 0;
        list-style: none;
        white-space: nowrap
    }

    .start-page__nav-content li, .start-page__nav-content ul {
        font-size: 0;
        display: inline-block;
        vertical-align: top;
        padding: 0
    }

    .start-page__nav-content li {
        position: relative
    }

.start-page__nav-btn {
    display: block;
    padding: 1.25em .9375em;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #979797;
    font-size: 11px;
    text-decoration: none;
    transition: color .3s ease-out
}

@media screen and (min-width:768px) {
    .start-page__nav-btn {
        font-size: 16px;
        padding: 2.1875em 1.25em
    }
}

@media screen and (min-width:1024px) {
    .start-page__nav-btn {
        font-size: 16px
    }
}

.start-page__nav-btn-arrow {
    -webkit-appearance: none;
    appearance: none;
    border: 0;
    margin: 0;
    -webkit-font-smoothing: antialiased;
    background: none;
    white-space: nowrap;
    vertical-align: top;
    transition: color .3s ease-out,opacity .3s ease-out;
    height: 100%;
    color: #979797;
    width: 3.125em;
    background-color: none;
    cursor: pointer
}

.currentpage-network .start-page__nav-btn.current {
    color: #d93d7a
}

.currentpage-the-groupe .start-page__nav-btn.current {
    color: #9d833e
}

.currentpage-investors .start-page__nav-btn.current {
    color: #00b0a3
}

.currentpage-news .start-page__nav-btn.current {
    color: #16abe0
}

.currentpage-landing .start-page__nav-btn.current {
    color: #212129
}

.no-touchevents .currentpage-network .start-page__nav-btn-arrow:hover, .no-touchevents .currentpage-network .start-page__nav-btn:hover {
    color: #d93d7a
}

.no-touchevents .currentpage-the-groupe .start-page__nav-btn-arrow:hover, .no-touchevents .currentpage-the-groupe .start-page__nav-btn:hover {
    color: #9d833e
}

.no-touchevents .currentpage-investors .start-page__nav-btn-arrow:hover, .no-touchevents .currentpage-investors .start-page__nav-btn:hover {
    color: #00b0a3
}

.no-touchevents .currentpage-news .start-page__nav-btn-arrow:hover, .no-touchevents .currentpage-news .start-page__nav-btn:hover {
    color: #16abe0
}

.no-touchevents .currentpage-landing .start-page__nav-btn-arrow:hover, .no-touchevents .currentpage-landing .start-page__nav-btn:hover {
    color: #212129
}

.start-page__nav-btn-arrow.u-inactive {
    display: inline-block !important;
    visibility: visible !important;
    opacity: .3;
    cursor: not-allowed
}

.start-page.start-page--hp {
    position: relative;
    overflow: hidden
}

    .start-page.start-page--hp [data-prllx-bg] {
        background-size: cover
    }

    .start-page.start-page--hp .start-page__bg {
        position: absolute;
        width: 120%;
        height: 120%;
        top: 50%;
        left: 50%;
        transform: translateY(-50%) translateX(-50%)
    }

    .start-page.start-page--hp .start-page__category {
        font-size: .875em;
        margin-bottom: 1em;
        letter-spacing: 7px
    }

    .start-page.start-page--hp .start-page__content {
        padding: 0 1.25em;
        padding-bottom: 0
    }

    .start-page.start-page--hp .start-page__wrapper {
        height: 26.875em
    }

    .start-page.start-page--hp .start-page__title span {
        background-color: #9d833e
    }

    .start-page.start-page--hp .start-page__subtitle {
        line-height: 1.4;
        padding: 2px 0;
        overflow: hidden;
        font-style: italic
    }

        .start-page.start-page--hp .start-page__subtitle span {
            color: #fff;
            display: inline;
            background-color: #9d833e;
            padding: .2em .4em;
            -webkit-box-decoration-break: clone;
            box-decoration-break: clone
        }

@media screen and (min-width:1024px) {
    .start-page.start-page--hp .start-page__subtitle {
        font-size: 2.5em
    }
}

.start-page.start-page--hp .start-page__content-anim {
    height: 15.625em;
    position: relative;
    vertical-align: bottom;
    display: inline-block;
    width: 100%
}

.start-page.start-page--hp .start-page__video {
    height: 120%;
    width: 100%;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    max-width: 90em;
    position: absolute;
    opacity: 0
}

    .start-page.start-page--hp .start-page__video .start-page__video--after, .start-page.start-page--hp .start-page__video .start-page__video--before {
        display: block;
        width: 1.5625em;
        position: absolute;
        top: 0;
        height: 100%;
        z-index: 5
    }

    .start-page.start-page--hp .start-page__video .start-page__video--before {
        left: -2px;
        background: linear-gradient(90deg,#000 40%,transparent)
    }

    .start-page.start-page--hp .start-page__video .start-page__video--after {
        right: -2px;
        background: linear-gradient(270deg,#000 40%,transparent)
    }

    .start-page.start-page--hp .start-page__video iframe {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0
    }

@media screen and (min-width:768px) {
    .start-page.start-page--hp .start-page__wrapper {
        height: 39.375em
    }

    .start-page.start-page--hp .start-page__category {
        font-size: 1.375em;
        letter-spacing: 7px
    }
}

@media screen and (min-width:1024px) {
    .start-page.start-page--hp .start-page__wrapper {
        height: 37.5em
    }

    .start-page.start-page--hp .start-page__category {
        font-size: 1.375em;
        letter-spacing: 7px
    }
}

.start-page.start-page--hp [data-prllx-bg] {
    background-image: url(../images/static/homepage/header.jpg)
}

@media screen and (min-width:1024px) {
    .start-page.start-page--hp [data-prllx-bg] {
        background-image: url(../images/static/homepage/header_xl.jpg)
    }
}

.paragraphe {
    clear: both;
    display: block;
    width: 100%;
    margin: auto;
    margin-bottom: 3.125em;
    max-width: 48.75em
}

.creations__header .paragraphe, .section--full .paragraphe {
    max-width: inherit
}

    .creations__header .paragraphe.paragraphe--quote, .section--full .paragraphe.paragraphe--quote {
        max-width: 48.75em
    }

.paragraphe .paragraphe__subtitle {
    text-transform: uppercase;
    font-weight: inherit;
    font-size: .9375em;
    margin-bottom: 1.25em
}

.paragraphe p {
    margin-bottom: 1.5625em
}

    .paragraphe:last-child, .paragraphe p:last-child {
        margin-bottom: 0
    }

.paragraphe__title-n3 {
    text-align: center;
    color: #9d833e
}

.paragraphe__title {
    color: #9d833e
}

.paragraphe__wrapper {
    display: inline-block;
    width: 100%
}

    .paragraphe__wrapper > div, .paragraphe__wrapper > p {
        margin-bottom: 0
    }

.paragraphe__content {
    color: #979797;
    font-size: .75em;
    line-height: 1.6;
    letter-spacing: .5px;
    text-align: justify;
    display: inline-block;
    width: 100%
}

    .paragraphe__content a {
        text-decoration: underline;
        color: #9d833e;
        cursor: pointer
    }

        .paragraphe__content a:focus, .paragraphe__content a:hover {
            color: #212129
        }

        .paragraphe__content a.about__link, .paragraphe__content a.link {
            color: #979797
        }

        .paragraphe__content a.no-underlined {
            text-decoration: none
        }

    .paragraphe__content ol, .paragraphe__content ul {
        padding-left: 1.25em
    }

    .paragraphe__content .extra {
        font-size: 1.875em;
        font-family: ITC New Baskerville W01;
        color: #9d833e;
        text-align: center;
        margin: 1.25em 0;
        letter-spacing: 4px
    }

        .paragraphe__content .extra sup {
            font-size: .6em
        }

.paragraphe__content__title-inline {
    float: left;
    margin-bottom: 0;
    margin-right: .25rem
}

.paragraphe__image {
    margin: 0;
    width: 100%;
    position: relative
}

    .paragraphe__image img {
        width: 100%
    }

        .paragraphe__image img:before {
            content: "image is broken";
            height: 100%;
            width: 100%;
            padding: 1.25em 0 2.5em;
            display: block;
            position: absolute;
            text-align: center;
            color: #fff
        }

.paragraphe__video-wrapper {
    margin-top: 1.25em;
    padding-bottom: 56.25%;
    width: 100%;
    height: 0;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    opacity: 0;
    transition: opacity .2s;
    background: #212129
}

    .paragraphe__video-wrapper .paragraphe__image {
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%)
    }

    .paragraphe__video-wrapper.active .paragraphe__video {
        opacity: 1;
        z-index: 1
    }

    .paragraphe__video-wrapper.ready {
        cursor: pointer;
        opacity: 1
    }

.paragraphe__play {
    width: 3.125em;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%)
}

.paragraphe__video {
    opacity: 0;
    transition: opacity .2s
}

    .paragraphe__video, .paragraphe__video iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

.paragraphe__content + .paragraphe__image, .paragraphe__content + .paragraphe__video-wrapper, .paragraphe__image + .paragraphe__content, .paragraphe__video-wrapper + .paragraphe__content {
    margin-top: 1.25em
}

.paragraphe__link {
    margin: 1.25em 0;
    clear: both
}

.paragraphe .paragraphe__legende-figcaption, .paragraphe .paragraphe__legende-legende {
    margin: 0;
    text-align: center;
    line-height: 1.1
}

.paragraphe .paragraphe__legende-figcaption {
    color: #212129;
    margin-top: .9375em
}

.paragraphe .paragraphe__legende-legende {
    font-style: italic
}

.paragraphe.paragraphe--intro {
    margin: auto;
    width: 90%;
    display: block
}

    .paragraphe.paragraphe--intro .paragraphe__content {
        word-wrap: inherit
    }

.paragraphe.paragraphe--section p {
    margin: .9375em 0
}

.paragraphe.paragraphe--inverse .paragraphe__content a, .paragraphe.paragraphe--inverse .paragraphe__title {
    color: #9d833e
}

.paragraphe.paragraphe--light .paragraphe__content {
    color: #979797;
    font-size: .75em;
    line-height: 1.6;
    letter-spacing: .5px;
    text-align: justify;
    display: inline-block;
    width: 100%;
    font-weight: inherit;
    text-transform: inherit
}

.paragraphe--intro + .paragraphe {
    margin-top: 3.125em
}

.paragraphe__title.paragraphe__title--big {
    color: #9d833e;
    text-align: center
}

.section--inside.creations__header .paragraphe--intro, .section.section--inside .paragraphe--intro {
    width: 100%
}

@media screen and (min-width:768px) {
    .paragraphe__play {
        width: 5em
    }

    .paragraphe__content .extra {
        font-size: 2.1875em
    }

    .paragraphe__content + .paragraphe__image, .paragraphe__content + .paragraphe__video-wrapper, .paragraphe__image + .paragraphe__content, .paragraphe__video-wrapper + .paragraphe__content {
        margin-top: 1.875em
    }

    .paragraphe.paragraphe--intro {
        width: 80%
    }

        .paragraphe.paragraphe--intro .paragraphe__content {
            font-size: .875em
        }

    .paragraphe.paragraphe--light .paragraphe__content {
        font-size: .75em;
        line-height: 1.6
    }

    .paragraphe .paragraphe__subtitle {
        font-size: 1.125em
    }

    .paragraphe .paragraphe__group-list {
        display: -ms-flexbox;
        display: flex;
        width: 50%;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        columns: 2;
        text-align: left
    }

        .paragraphe .paragraphe__group-list ul {
            padding-left: 1.25em;
            width: 50%;
            display: inline-block;
            padding-right: 1.25em
        }

            .paragraphe .paragraphe__group-list ul:last-child {
                padding-right: 0
            }

        .paragraphe .paragraphe__group-list li {
            line-height: 1.5
        }

    .paragraphe--intro + .paragraphe {
        margin-top: 3.75em
    }
}

@media screen and (min-width:1024px) {
    .paragraphe__content {
        font-size: 1em;
        line-height: 2.1
    }

        .paragraphe__content .extra {
            font-size: 2.625em
        }

    .paragraphe.paragraphe--intro {
        width: 70%
    }

    .paragraphe.paragraphe--left .paragraphe__image, .paragraphe.paragraphe--right .paragraphe__image {
        width: 50%;
        margin-top: .625em
    }

    .paragraphe.paragraphe--left .paragraphe__content, .paragraphe.paragraphe--right .paragraphe__content {
        margin-top: 0
    }

    .paragraphe.paragraphe--right .paragraphe__image {
        float: right;
        margin-left: 1.875em
    }

    .paragraphe.paragraphe--left .paragraphe__image {
        float: left;
        margin-right: 1.875em
    }

    .paragraphe .paragraphe__group-list {
        width: 100%;
        -ms-flex-flow: row;
        flex-flow: row;
        columns: 4
    }

    .paragraphe.paragraphe--light .paragraphe__content {
        font-size: 1em;
        line-height: 2.1
    }

    .paragraphe--intro + .paragraphe {
        margin-top: 5em
    }
}

.paragraphe.paragraphe--quote {
    display: inline-block;
    width: 100%;
    text-align: center
}

    .paragraphe.paragraphe--quote .paragraphe__people {
        width: 70%;
        margin: auto;
        padding: 0 .625em
    }

@media screen and (min-width:1024px) {
    .paragraphe.paragraphe--quote .paragraphe__people {
        width: 100%
    }
}

.paragraphe.paragraphe--quote .paragraphe__peoples {
    margin: auto;
    display: -ms-flexbox;
    display: flex
}

.paragraphe.paragraphe--quote.paragraphe--tileMulti .paragraphe__people {
    width: 50%
}

@media screen and (min-width:640px) {
    .paragraphe.paragraphe--quote.paragraphe--tileMulti .paragraphe__people {
        width: 100%
    }

    .paragraphe.paragraphe--quote.paragraphe--tileMulti .paragraphe__peoples {
        width: 60%
    }
}

@media screen and (min-width:1024px) {
    .paragraphe.paragraphe--quote.paragraphe--tileMulti {
        margin-left: -2.5em;
        margin-right: -2.5em;
        max-width: inherit
    }

        .paragraphe.paragraphe--quote.paragraphe--tileMulti .paragraphe__content {
            width: 60%
        }

        .paragraphe.paragraphe--quote.paragraphe--tileMulti .paragraphe__peoples {
            width: 40%
        }
}

@media screen and (min-width:1440px) {
    .paragraphe.paragraphe--quote.paragraphe--tileMulti {
        margin-left: -6.25em;
        margin-right: -6.25em;
        max-width: inherit
    }

        .paragraphe.paragraphe--quote.paragraphe--tileMulti .paragraphe__content {
            width: 60%
        }

        .paragraphe.paragraphe--quote.paragraphe--tileMulti .paragraphe__peoples {
            width: 40%
        }
}

.paragraphe.paragraphe--quote .paragraphe__image {
    width: 100%;
    padding-top: 100%;
    border-radius: 100%;
    overflow: hidden;
    margin-bottom: 1.25em;
    z-index: 0;
    position: relative
}

    .paragraphe.paragraphe--quote .paragraphe__image img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: auto
    }

        .paragraphe.paragraphe--quote .paragraphe__image img:before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%
        }

.paragraphe.paragraphe--quote .paragraphe__title {
    margin-bottom: .625em;
    color: #212129
}

.paragraphe.paragraphe--quote .paragraphe__subtitle {
    text-transform: uppercase;
    font-size: .625em;
    margin: 0;
    margin-bottom: 3.125em;
    line-height: 1.5
}

.paragraphe.paragraphe--quote .paragraphe__quote {
    font-style: italic;
    padding-right: 2.5em;
    position: relative;
    display: inline-block;
    text-align: left
}

.currentpage-network .paragraphe.paragraphe--quote .paragraphe__quote {
    color: #d93d7a
}

.currentpage-the-groupe .paragraphe.paragraphe--quote .paragraphe__quote {
    color: #9d833e
}

.currentpage-investors .paragraphe.paragraphe--quote .paragraphe__quote {
    color: #00b0a3
}

.currentpage-news .paragraphe.paragraphe--quote .paragraphe__quote {
    color: #16abe0
}

.currentpage-landing .paragraphe.paragraphe--quote .paragraphe__quote {
    color: #212129
}

.paragraphe.paragraphe--quote .paragraphe__quote:after, .paragraphe.paragraphe--quote .paragraphe__quote:before {
    font-family: arial,ITC New Baskerville W01;
    font-size: 5em;
    position: absolute;
    line-height: 0
}

.currentpage-network .paragraphe.paragraphe--quote .paragraphe__quote:after, .currentpage-network .paragraphe.paragraphe--quote .paragraphe__quote:before {
    color: #d93d7a
}

.currentpage-the-groupe .paragraphe.paragraphe--quote .paragraphe__quote:after, .currentpage-the-groupe .paragraphe.paragraphe--quote .paragraphe__quote:before {
    color: #9d833e
}

.currentpage-investors .paragraphe.paragraphe--quote .paragraphe__quote:after, .currentpage-investors .paragraphe.paragraphe--quote .paragraphe__quote:before {
    color: #00b0a3
}

.currentpage-news .paragraphe.paragraphe--quote .paragraphe__quote:after, .currentpage-news .paragraphe.paragraphe--quote .paragraphe__quote:before {
    color: #16abe0
}

.currentpage-landing .paragraphe.paragraphe--quote .paragraphe__quote:after, .currentpage-landing .paragraphe.paragraphe--quote .paragraphe__quote:before {
    color: #212129
}

.paragraphe.paragraphe--quote .paragraphe__quote:before {
    content: "“";
    top: .125em;
    left: -.125em
}

.paragraphe.paragraphe--quote .paragraphe__quote:after {
    content: "”";
    right: .125em;
    bottom: 0
}

.paragraphe.paragraphe--quote.paragraphe--quoteBig .paragraphe__quote {
    font-style: inherit;
    font-family: ITC New Baskerville W01
}

    .paragraphe.paragraphe--quote.paragraphe--quoteBig .paragraphe__quote:after, .paragraphe.paragraphe--quote.paragraphe--quoteBig .paragraphe__quote:before {
        font-size: 3.125em
    }

    .paragraphe.paragraphe--quote.paragraphe--quoteBig .paragraphe__quote:before {
        top: .3125em;
        left: -.125em
    }

    .paragraphe.paragraphe--quote.paragraphe--quoteBig .paragraphe__quote:after {
        right: .125em;
        bottom: 0
    }

.paragraphe.paragraphe--quote-multi .paragraphe__quotes {
    padding: 0;
    list-style: none;
    margin: 0
}

@media screen and (min-width:1024px) {
    .paragraphe.paragraphe--quote-multi .paragraphe__quotes {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: stretch;
        align-items: stretch
    }
}

.paragraphe.paragraphe--quote-multi .quote {
    padding-top: 1.875em;
    position: relative;
    margin-bottom: 1.875em
}

    .paragraphe.paragraphe--quote-multi .quote:last-child {
        margin-bottom: 0
    }

    .paragraphe.paragraphe--quote-multi .quote .quote__content {
        color: #9d833e;
        padding-right: 2.5em;
        position: relative;
        display: inline-block;
        text-align: left
    }

        .paragraphe.paragraphe--quote-multi .quote .quote__content p {
            margin-top: 0
        }

        .paragraphe.paragraphe--quote-multi .quote .quote__content:after, .paragraphe.paragraphe--quote-multi .quote .quote__content:before {
            font-family: arial,ITC New Baskerville W01;
            font-size: 5em;
            position: absolute;
            line-height: 0
        }

.currentpage-network .paragraphe.paragraphe--quote-multi .quote .quote__content:after, .currentpage-network .paragraphe.paragraphe--quote-multi .quote .quote__content:before {
    color: #d93d7a
}

.currentpage-the-groupe .paragraphe.paragraphe--quote-multi .quote .quote__content:after, .currentpage-the-groupe .paragraphe.paragraphe--quote-multi .quote .quote__content:before {
    color: #9d833e
}

.currentpage-investors .paragraphe.paragraphe--quote-multi .quote .quote__content:after, .currentpage-investors .paragraphe.paragraphe--quote-multi .quote .quote__content:before {
    color: #00b0a3
}

.currentpage-news .paragraphe.paragraphe--quote-multi .quote .quote__content:after, .currentpage-news .paragraphe.paragraphe--quote-multi .quote .quote__content:before {
    color: #16abe0
}

.currentpage-landing .paragraphe.paragraphe--quote-multi .quote .quote__content:after, .currentpage-landing .paragraphe.paragraphe--quote-multi .quote .quote__content:before {
    color: #212129
}

.paragraphe.paragraphe--quote-multi .quote .quote__content:before {
    content: "“";
    top: .125em;
    left: -.125em
}

.paragraphe.paragraphe--quote-multi .quote .quote__content:after {
    content: "”";
    right: .125em;
    bottom: 0
}

.paragraphe.paragraphe--quote-multi .quote .quote__logo {
    margin: 0;
    display: block;
    text-align: left;
    margin-top: .625em
}

@media screen and (min-width:1024px) {
    .paragraphe.paragraphe--quote-multi .quote {
        width: 33.33333%;
        padding: 0 1.25em 3.125em;
        margin-bottom: 0
    }

        .paragraphe.paragraphe--quote-multi .quote:first-child {
            padding-right: 2.5em;
            padding-left: 0
        }

        .paragraphe.paragraphe--quote-multi .quote:last-child {
            padding-left: 2.5em;
            padding-right: 0
        }

        .paragraphe.paragraphe--quote-multi .quote .quote__logo {
            position: absolute;
            bottom: 0
        }
}

@media screen and (min-width:640px) {
    .paragraphe.paragraphe--quote .paragraphe__peoples {
        width: 40%
    }
}

@media screen and (min-width:768px) {
    .paragraphe.paragraphe--quote .paragraphe__subtitle {
        font-size: 1em
    }

    .paragraphe.paragraphe--quote .paragraphe__image {
        margin-bottom: 2.5em
    }

    .paragraphe.paragraphe--quote.paragraphe--quoteBig .paragraphe__quote {
        font-size: 1.5625em;
        line-height: 1.5
    }
}

@media screen and (min-width:1024px) {
    .paragraphe.paragraphe--quote {
        width: auto;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

        .paragraphe.paragraphe--quote .paragraphe__image {
            float: none;
            margin: auto;
            width: 90%;
            padding-top: 90%;
            margin-bottom: 1.875em
        }

        .paragraphe.paragraphe--quote .paragraphe__peoples {
            width: 30%
        }

        .paragraphe.paragraphe--quote .paragraphe__content {
            width: 70%
        }

        .paragraphe.paragraphe--quote .paragraphe__quote {
            line-height: 2.3
        }

        .paragraphe.paragraphe--quote .paragraphe__peoples + .paragraphe__content {
            margin-left: 1.875em
        }

        .paragraphe.paragraphe--quote.paragraphe--right {
            -ms-flex-direction: row-reverse;
            flex-direction: row-reverse
        }

        .paragraphe.paragraphe--quote.paragraphe--quoteBig .paragraphe__quote {
            font-size: 1.875em;
            line-height: 1.5
        }
}

.creations {
    position: relative;
    background: #fff
}

.creations__content {
    padding-bottom: 0
}

.creations__list-wrapper {
    padding: 0
}

.creations__list {
    display: inline-block;
    width: 100%
}

    .creations__list .creation__image {
        width: 100%;
        padding-top: 40%;
        margin-top: .625em;
        margin-bottom: .625em
    }

    .creations__list .creation__brand {
        bottom: .625em;
        left: .625em
    }

.creation__content-wrapper {
    padding-bottom: 4.375em;
    background: #16abe0
}

.creation__list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline-block
}

    .creation__list li {
        float: right
    }

.creation__title {
    margin-bottom: 0;
    text-align: center;
    cursor: pointer
}

.creation__date {
    margin-bottom: .625em
}

.creation__brand {
    position: absolute
}

.creation__brand-wrapper {
    color: #fff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: row;
    flex-direction: row
}

.creation__brand-content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-direction: column;
    flex-direction: column
}

.creation__brand-img {
    width: 1.875em;
    height: 1.875em;
    border-radius: 100%;
    overflow: hidden;
    margin-right: .625em
}

    .creation__brand-img img {
        width: 100%
    }

.creation__brand-name {
    font-size: .625em;
    letter-spacing: 2px
}

.creation__brand-project {
    font-size: .625em;
    font-style: italic;
    white-space: nowrap
}

.creation__brand-name, .creation__brand-project {
    margin: 0
}

.creation__image-wrapper {
    max-width: 90em;
    margin: 0 auto
}

.creation__image {
    overflow: hidden;
    margin: 0;
    width: 100%;
    position: relative;
    height: 0;
    padding-top: 50%
}

.creation__media {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%)
}

.creation__play {
    width: 3.125em;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%)
}

.creation__share {
    position: absolute;
    bottom: 1.25em;
    left: 0;
    width: 100%;
    text-align: center
}

    .creation__share .btn .icon, .creation__share .select .select__clear .icon, .creation__share .select .select__clear i, .creation__share .subscribe__btn .icon, .select .creation__share .select__clear .icon, .select .creation__share .select__clear i, .select .select__clear .creation__share .btn i, .select .select__clear .creation__share .subscribe__btn i {
        color: #fff;
        transition: background .2s,color .2s
    }

    .creation__share .btn:hover .icon, .creation__share .btn:hover .select .select__clear i, .creation__share .select .select__clear:hover .icon, .creation__share .select .select__clear:hover i, .creation__share .subscribe__btn:hover .icon, .creation__share .subscribe__btn:hover .select .select__clear i, .select .creation__share .select__clear:hover .icon, .select .creation__share .select__clear:hover i, .select .select__clear .creation__share .btn:hover i, .select .select__clear .creation__share .subscribe__btn:hover i {
        background: #1188b2;
        color: #fff
    }

    .creation__share.active .btn[data-share-toggle] .icon, .creation__share.active .btn[data-share-toggle] .select .select__clear i, .creation__share.active .select [data-share-toggle].select__clear .icon, .creation__share.active .select [data-share-toggle].select__clear i, .creation__share.active [data-share-toggle].subscribe__btn .icon, .creation__share.active [data-share-toggle].subscribe__btn .select .select__clear i, .select .creation__share.active [data-share-toggle].select__clear .icon, .select .creation__share.active [data-share-toggle].select__clear i, .select .select__clear .creation__share.active .btn[data-share-toggle] i, .select .select__clear .creation__share.active [data-share-toggle].subscribe__btn i {
        background: #fff;
        color: #16abe0
    }

.creation__description {
    font-size: .8125em;
    letter-spacing: .5px;
    line-height: 1.8;
    padding-top: 0;
    margin-top: 1.25em;
    border-top: 1px solid hsla(0,0%,100%,.2)
}

    .creation__description p:last-child {
        margin-bottom: 0
    }

    .creation__description a {
        color: #fff;
        text-decoration: underline
    }

.creation.creation--master {
    margin-bottom: 3.75em
}

    .creation.creation--master .creation__content-wrapper {
        color: #fff
    }

    .creation.creation--master .creation__brand {
        bottom: 4.375em;
        left: 1.875em
    }

    .creation.creation--master .creation__brand-img {
        width: 2.5em;
        height: 2.5em
    }

    .creation.creation--master .creation__image img.creation__play {
        margin-top: -1.25em
    }

@media screen and (min-width:768px) {
    .creations__list .creation {
        width: 49%;
        float: left
    }

    .creation__description {
        font-size: .875em;
        padding-top: 1.25em
    }

    .creation__content-header {
        position: relative
    }

    .creation__content-wrapper {
        padding-bottom: 1.875em
    }

    .creation__share {
        width: auto;
        position: absolute;
        right: 0;
        bottom: -.625em;
        left: auto
    }

    .creation__brand-img {
        width: 2.5em;
        height: 2.5em;
        margin-right: 1.25em
    }

    .creation.creation--master .creation__brand {
        display: block;
        bottom: 6.25em;
        left: 5em
    }

    .creation.creation--master .creation__brand-img {
        width: 3.75em;
        height: 3.75em
    }

    .creation.creation--master .creation__brand-project {
        font-size: 1.125em
    }
}

@media screen and (min-width:1024px) {
    .creations {
        position: relative
    }

    .creation__content {
        display: table;
        height: 395px
    }

    .creation__content-wrapper {
        padding: 0 3.75em
    }

    .creation__content-header {
        display: table-cell;
        vertical-align: middle;
        position: relative;
        width: 17.5em
    }

    .creation__share {
        border-top: 1px solid hsla(0,0%,100%,.3);
        text-align: right;
        position: relative;
        right: auto;
        top: auto
    }

    .creation__brand-img {
        width: 3.125em;
        height: 3.125em
    }

    .creation__description {
        display: table-cell;
        vertical-align: middle;
        border-top: 0;
        padding: 0;
        padding-left: 3.125em;
        margin: 0
    }

    .creation.creation--master .creation__brand {
        left: 10em;
        bottom: 7.5em
    }

    .creation.creation--master .creation__brand-img {
        width: 5em;
        height: 5em
    }

    .creation.creation--master .creation__image img.creation__play {
        width: 6.25em;
        margin-top: -3.125em
    }
}

@media screen and (min-width:1440px) {
    .creation__brand-img {
        width: 3.75em;
        height: 3.75em
    }

    .creation.creation--master .creation__brand {
        left: 18.75em;
        bottom: 11.25em
    }
}

@media screen and (min-width:768px) {
    .creations__list {
        height: 131.25em
    }

        .creations__list [data-prllx-item] {
            position: absolute;
            left: 0;
            font-size: 12px
        }

            .creations__list [data-prllx-item] .creation__image {
                font-size: 16px
            }

            .creations__list [data-prllx-item]:nth-child(2n) {
                left: auto;
                right: 0;
                float: right
            }

            .creations__list [data-prllx-item]:first-child {
                top: .1em
            }

            .creations__list [data-prllx-item]:nth-child(2) {
                top: 18em
            }

            .creations__list [data-prllx-item]:nth-child(3) {
                top: 34em
            }

            .creations__list [data-prllx-item]:nth-child(4) {
                top: 60em;
                width: 23.55%;
                float: right
            }

                .creations__list [data-prllx-item]:nth-child(4) .creation__image {
                    padding-top: 83.3%
                }

            .creations__list [data-prllx-item]:nth-child(5) {
                left: auto;
                right: 23.55%;
                top: 35em;
                margin-right: 2%;
                width: 23.55%;
                float: right
            }

                .creations__list [data-prllx-item]:nth-child(5) .creation__image {
                    padding-top: 83.3%
                }

            .creations__list [data-prllx-item]:nth-child(6) {
                left: 0;
                right: auto;
                top: 58em;
                float: left;
                margin-left: 25.5%;
                width: 23.55%;
                float: right
            }

                .creations__list [data-prllx-item]:nth-child(6) .creation__image {
                    padding-top: 83.3%
                }

            .creations__list [data-prllx-item]:nth-child(7) {
                top: 81em;
                left: auto;
                right: 0;
                float: right
            }

            .creations__list [data-prllx-item]:nth-child(8) {
                top: 84em;
                right: auto;
                left: 0;
                float: none
            }

            .creations__list [data-prllx-item]:nth-child(9) {
                top: 110em;
                right: 23.55%;
                width: 23.55%;
                left: auto;
                right: 0;
                float: right
            }

                .creations__list [data-prllx-item]:nth-child(9) .creation__image {
                    padding-top: 83.3%
                }

            .creations__list [data-prllx-item]:nth-child(10) {
                margin-left: 25.5%;
                top: 105em;
                width: 23.55%;
                float: right;
                right: auto;
                left: 0;
                float: none
            }

                .creations__list [data-prllx-item]:nth-child(10) .creation__image {
                    padding-top: 83.3%
                }

            .creations__list [data-prllx-item]:nth-child(11) {
                top: 100em;
                width: 23.55%;
                float: right;
                right: auto;
                left: 0;
                float: none
            }

                .creations__list [data-prllx-item]:nth-child(11) .creation__image {
                    padding-top: 83.3%
                }

            .creations__list [data-prllx-item]:nth-child(12) {
                top: 121em;
                right: auto;
                left: 0;
                float: none
            }

            .creations__list [data-prllx-item]:nth-child(13) {
                top: 127em;
                left: auto;
                right: 0;
                float: right
            }

            .creations__list [data-prllx-item]:nth-child(14) {
                top: 150em;
                right: auto;
                left: 0;
                float: none
            }

            .creations__list [data-prllx-item]:nth-child(15) {
                top: 151em;
                width: 23.55%;
                left: auto;
                right: 0;
                float: right
            }

                .creations__list [data-prllx-item]:nth-child(15) .creation__image {
                    padding-top: 83.3%
                }

            .creations__list [data-prllx-item]:nth-child(16) {
                left: auto;
                right: 23.55%;
                top: 150em;
                margin-right: 2%;
                width: 23.55%;
                float: right
            }

                .creations__list [data-prllx-item]:nth-child(16) .creation__image {
                    padding-top: 83.3%
                }

            .creations__list [data-prllx-item]:nth-child(17) {
                top: 165em
            }

            .creations__list [data-prllx-item]:nth-child(18) {
                top: 183em
            }

            .creations__list [data-prllx-item]:nth-child(19) {
                top: 199em
            }

            .creations__list [data-prllx-item]:nth-child(20) {
                top: 225em;
                width: 23.55%;
                float: right
            }

                .creations__list [data-prllx-item]:nth-child(20) .creation__image {
                    padding-top: 83.3%
                }

            .creations__list [data-prllx-item]:nth-child(21) {
                left: auto;
                right: 23.55%;
                top: 200em;
                margin-right: 2%;
                width: 23.55%;
                float: right
            }

                .creations__list [data-prllx-item]:nth-child(21) .creation__image {
                    padding-top: 83.3%
                }

            .creations__list [data-prllx-item]:nth-child(22) {
                left: 0;
                right: auto;
                top: 223em;
                float: left;
                margin-left: 25.5%;
                width: 23.55%;
                float: right
            }

                .creations__list [data-prllx-item]:nth-child(22) .creation__image {
                    padding-top: 83.3%
                }

            .creations__list [data-prllx-item]:nth-child(23) {
                top: 246em;
                left: auto;
                right: 0;
                float: right
            }

            .creations__list [data-prllx-item]:nth-child(24) {
                top: 249em;
                right: auto;
                left: 0;
                float: none
            }

            .creations__list [data-prllx-item]:nth-child(25) {
                top: 275em;
                right: 23.55%;
                width: 23.55%;
                left: auto;
                right: 0;
                float: right
            }

                .creations__list [data-prllx-item]:nth-child(25) .creation__image {
                    padding-top: 83.3%
                }

            .creations__list [data-prllx-item]:nth-child(26) {
                margin-left: 25.5%;
                top: 270em;
                width: 23.55%;
                float: right;
                right: auto;
                left: 0;
                float: none
            }

                .creations__list [data-prllx-item]:nth-child(26) .creation__image {
                    padding-top: 83.3%
                }
}

@media screen and (min-width:1024px) {
    .creations__list {
        height: 178.125em
    }

        .creations__list [data-prllx-item] {
            font-size: 16px
        }
}

.pushes__list-wrapper {
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    margin: auto
}

.pushes__list {
    list-style: none;
    padding: 0;
    margin: 0;
    position: relative;
    width: 100%;
    font-size: 0;
    text-align: center
}

.pushes__navigation {
    margin-top: 1.25em
}

.pushes__actions {
    width: 100%;
    text-align: center;
    margin-top: 1.875em
}

.push-element {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    max-width: 73.75em;
    margin: auto;
    white-space: normal;
    position: relative;
    font-size: 16px;
    text-align: left
}

.push-element__image {
    margin: 0;
    height: 0;
    position: relative;
    padding-top: 67%;
    overflow: hidden;
    margin-bottom: 1.25em;
    outline: none
}

    .push-element__image img {
        transition: transform .2s ease-out;
        width: 99%;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 0
    }

.push-element__category {
    color: #9d833e
}

.push-element__subtitle {
    color: #979797
}

.push-element__title {
    color: #212129;
    display: inline-block;
    min-height: 3.75em
}

.push-element__category, .push-element__subtitle, .push-element__title {
    transition: color .4s;
    text-decoration: none
}

.push-element__actions {
    border-top: 1px solid #e7e7e7
}

    .push-element__actions .btn, .push-element__actions .select .select__clear, .push-element__actions .subscribe__btn, .select .push-element__actions .select__clear {
        float: right
    }

    .push-element__actions .about__link, .push-element__actions .link {
        margin-top: .625em;
        position: relative;
        display: inline-block;
        transition: color .4s
    }

.push-element--simple .push-element__content {
    margin-bottom: 2.5em
}

.pushes-share {
    pointer-events: none;
    height: 100%;
    opacity: 0;
    transition: all .2s;
    overflow: hidden;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: #16abe0;
    text-align: center;
    z-index: 10
}

.currentpage-network .pushes-share {
    background-color: #d93d7a
}

.currentpage-the-groupe .pushes-share {
    background-color: #9d833e
}

.currentpage-investors .pushes-share {
    background-color: #00b0a3
}

.currentpage-news .pushes-share {
    background-color: #16abe0
}

.currentpage-landing .pushes-share {
    background-color: #212129
}

.pushes-share.active {
    pointer-events: inherit
}

.pushes-share__wrapper {
    padding: 1.875em;
    position: absolute;
    height: 100%;
    width: 100%
}

.pushes-share__content {
    display: table;
    width: 100%;
    height: calc(100% - 80px)
}

.pushes-share__title {
    font-size: 1.125em;
    color: #fff;
    display: table-cell;
    vertical-align: middle
}

.pushes-share__list {
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    position: absolute;
    bottom: 1.875em;
    left: 0;
    width: 100%
}

    .pushes-share__list li {
        display: inline-block;
        margin-right: .625em
    }

        .pushes-share__list li:last-child {
            margin-left: 0
        }

    .pushes-share__list .btn, .pushes-share__list .select .select__clear, .pushes-share__list .subscribe__btn, .select .pushes-share__list .select__clear {
        border: 2px solid #fff
    }

.pushes-share__close {
    position: absolute;
    top: .625em;
    right: .625em
}

@media screen and (max-width:767px) {
    .pushes__list-wrapper {
        padding: 0;
        max-width: inherit;
        margin: inherit;
        max-width: 95%;
        margin-left: auto;
        margin-right: auto
    }

        .pushes__list-wrapper:after {
            clear: both;
            content: "";
            display: table
        }
}

@media screen and (min-width:768px) {
    .pushes__list {
        display: table
    }

    .pushes__list-wrapper {
        margin-top: 0;
        margin-bottom: 0;
        padding: 0
    }

    .pushes__navigation, .pushes__pagination {
        display: none
    }

    .push-element {
        width: calc(33.33% - 5px);
        margin: 0;
        margin-right: 10px;
        padding: 0
    }

        .push-element:last-child {
            margin-right: 0
        }

    .push-element__title {
        min-height: 7.5em;
        font-size: 1.125em
    }

    .push-element__image {
        margin-bottom: 2.5em
    }

    .pushes-share__wrapper {
        padding: .625em
    }
}

@media screen and (min-width:1024px) {
    .push-element {
        width: calc(33.33% - 20px);
        margin: 0;
        margin-left: 30px
    }

        .push-element:first-child {
            margin-left: 0
        }

    .pushes__list-wrapper {
        margin: auto
    }

    .pushes__actions {
        margin-top: 3.125em
    }

    .pushes-share__wrapper {
        padding: 1.875em
    }
}

.events .push-element__image {
    padding-top: 100%
}

.events .push-element__fig {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #979797;
    padding: .3125em
}

.currentpage-network .events .push-element__fig {
    border-color: #d93d7a
}

.currentpage-the-groupe .events .push-element__fig {
    border-color: #9d833e
}

.currentpage-investors .events .push-element__fig {
    border-color: #00b0a3
}

.currentpage-news .events .push-element__fig {
    border-color: #16abe0
}

.currentpage-landing .events .push-element__fig {
    border-color: #212129
}

.events .push-element__fig-content {
    display: table;
    width: 100%;
    height: 100%;
    color: #fff;
    background: #979797
}

.currentpage-network .events .push-element__fig-content {
    background-color: #d93d7a
}

.currentpage-the-groupe .events .push-element__fig-content {
    background-color: #9d833e
}

.currentpage-investors .events .push-element__fig-content {
    background-color: #00b0a3
}

.currentpage-news .events .push-element__fig-content {
    background-color: #16abe0
}

.currentpage-landing .events .push-element__fig-content {
    background-color: #212129
}

.events .push-element__fig-wrapper {
    display: table-cell;
    vertical-align: middle
}

.events .push-element__day {
    font-size: 110px;
    font-family: ITC New Baskerville W01
}

.events .push-element__month {
    font-size: 25px;
    margin-top: -15px !important
}

.events .push-element__year {
    font-size: 25px
}

.events .push-element__day, .events .push-element__month, .events .push-element__year {
    text-align: center;
    display: block;
    text-transform: uppercase;
    line-height: 1;
    margin: 0
}

.events .push-element [data-popin-item] {
    cursor: pointer
}

@media screen and (min-width:768px) {
    .events .push-element {
        width: auto;
        margin: 0;
        margin-right: 5px
    }

        .events .push-element:last-child {
            margin-right: 0
        }

    .events .pushes__navigation, .events .pushes__pagination {
        display: block
    }
}

@media screen and (min-width:1024px) {
    .events .push-element {
        width: auto;
        margin: 0;
        margin-right: 20px
    }

        .events .push-element:first-child {
            margin-left: 0
        }

        .events .push-element:last-child {
            margin-right: 0
        }

    .events .pushes__navigation, .events .pushes__pagination {
        display: none
    }
}

@media screen and (min-width:1440px) {
    .events .push-element {
        width: auto;
        margin-left: 20px
    }

    .events .push-element__day {
        font-size: 140px
    }
}

.simple-push {
    position: relative;
    text-align: center;
    overflow: hidden;
    width: 100%;
    background: #fff
}

.simple-push__container {
    margin: auto;
    width: 100%;
    max-width: 73.75em;
    position: relative
}

.simple-push__link {
    position: relative;
    display: block;
    width: 100%;
    text-decoration: none;
    background-size: cover
}

.simple-push__wrapper {
    display: table;
    width: 100%;
    height: 15.625em;
    transition: min-height .4s
}

.simple-push__category {
    text-transform: uppercase;
    color: #fff;
    font-size: .625em;
    margin: 0;
    letter-spacing: 2px;
    font-weight: 700;
    margin-bottom: .9375em
}

.simple-push__title {
    color: #9d833e;
    margin-bottom: .625em;
    line-height: 1.6;
    padding: 2px 0;
    margin-bottom: 1.25em
}

    .simple-push__title span {
        background-color: #fff;
        display: inline;
        padding: .4em .8em;
        -webkit-box-decoration-break: clone;
        box-decoration-break: clone
    }

.simple-push__content {
    display: table-cell;
    vertical-align: middle;
    padding: 1.25em
}

.simple-push.simple-push--network .simple-push__title {
    color: #d93d7a
}

.simple-push.simple-push--the-groupe .simple-push__title {
    color: #9d833e
}

.simple-push.simple-push--the-groupe-plain .simple-push__title {
    color: #fff
}

    .simple-push.simple-push--the-groupe-plain .simple-push__title span {
        background-color: #9d833e
    }

.simple-push.simple-push--investors .simple-push__title {
    color: #00b0a3
}

.simple-push.simple-push--news .simple-push__title {
    color: #16abe0
}

.simple-push.simple-push--landing .simple-push__title {
    color: #212129
}

@media screen and (max-width:767px) {
    .simple-push__link {
        background-attachment: scroll;
        background-position: top !important
    }
}

@media screen and (min-width:640px) {
    .simple-push__wrapper {
        height: 18.75em
    }

    .simple-push__content {
        padding-left: 3.75em;
        padding-right: 3.75em
    }
}

@media screen and (min-width:768px) {
    .simple-push__wrapper {
        height: 21.875em
    }

    .simple-push__link {
        background-position: 50%;
        background-size: auto 150%
    }

    .simple-push__category {
        font-size: .75em
    }

    .simple-push__content {
        padding-left: 6.25em;
        padding-right: 6.25em
    }
}

@media screen and (min-width:1024px) {
    .simple-push__wrapper {
        height: 31.25em;
        max-width: 50em;
        margin-right: auto;
        margin-left: auto
    }

    .simple-push__category {
        font-size: .875em;
        letter-spacing: 4px;
        margin-bottom: 1.875em
    }

    .simple-push__content {
        padding-left: 7.5em;
        padding-right: 7.5em
    }

    .simple-push__title {
        margin-bottom: 1.875em;
        margin-left: 0
    }
}

.contact-us__list {
    list-style: none;
    margin: 0;
    padding: 0
}

.contact-us__element {
    text-align: center;
    margin: 0
}

.contact-us__image {
    overflow: hidden;
    border-radius: 100%;
    width: 2.5em;
    height: 2.5em;
    display: inline-block;
    margin: 0
}

    .contact-us__image img {
        width: 100%
    }

.contact-us__name {
    color: #9d833e;
    margin-bottom: 0
}

.contact-us__informations {
    font-size: .625em;
    text-transform: uppercase;
    color: #979797;
    line-height: 1.5
}

    .contact-us__informations a {
        color: #979797;
        text-decoration: none
    }

@media screen and (min-width:768px) {
    .contact-us__list {
        max-width: 90%;
        margin-left: auto;
        margin-right: auto
    }

        .contact-us__list:after {
            clear: both;
            content: "";
            display: table
        }

    .contact-us__image {
        width: 5em;
        height: 5em;
        margin-bottom: 1.875em
    }

    .contact-us__name {
        margin-bottom: .3125em
    }

    .contact-us__informations {
        font-size: .875em
    }

    .contact-us.contact-us--one-only .contact-us__element {
        margin: auto;
        float: none
    }

    .contact-us.contact-us--two .contact-us__element {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 48.82117%
    }

        .contact-us.contact-us--two .contact-us__element:last-child, .contact-us.contact-us--two .contact-us__element:nth-child(2n) {
            margin-right: 0
        }

        .contact-us.contact-us--two .contact-us__element:nth-child(odd) {
            clear: left
        }

    .contact-us.contact-us--three .contact-us__element {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 31.76157%
    }

        .contact-us.contact-us--three .contact-us__element:last-child, .contact-us.contact-us--three .contact-us__element:nth-child(3n) {
            margin-right: 0
        }

        .contact-us.contact-us--three .contact-us__element:nth-child(3n+1) {
            clear: left
        }
}

.subscribe {
    background: #fff;
    text-align: left
}

    .subscribe .spin-loader {
        position: absolute;
        right: 1.25em;
        top: 0;
        transform: translateY(0)
    }

    .subscribe.loading .spin-loader {
        opacity: 1
    }

.subscribe__form {
    position: relative
}

.subscribe__title {
    text-align: center
}

.subscribe__introduction {
    font-size: .625em;
    color: #979797;
    text-align: center;
    margin-bottom: 1.875em;
    line-height: 1.5
}

.subscribe__input-wrapper {
    background: #f5f5f5;
    margin-bottom: .625em;
    padding: .3125em 1.25em;
    height: 2.625em
}

    .select .select__clear .subscribe__input-wrapper i, .subscribe__input-wrapper .icon, .subscribe__input-wrapper .select .select__clear i {
        color: #979797;
        position: relative;
        top: .125em;
        font-size: 1.25em
    }

.subscribe__input {
    background: none;
    border: 0;
    width: calc(100% - 35px);
    outline: none;
    color: #979797;
    height: 100%
}

    .subscribe__input:-webkit-autofill {
        -webkit-box-shadow: 0 0 0 1000px #f5f5f5 inset
    }

.subscribe__btn {
    border: 0;
    background: #9d833e;
    color: #fff;
    width: 100%;
    padding: 1.25em 0
}

    .select .select__clear .subscribe__btn i, .subscribe__btn .icon, .subscribe__btn .select .select__clear i {
        color: #fff
    }

    .subscribe__btn:before {
        background: #bb9f53
    }

    .subscribe__btn:after {
        padding: 1.25em 0
    }

.subscribe__message {
    margin: 0;
    color: #fff;
    padding: .625em 1.875em;
    display: inline-block;
    font-size: .75em;
    width: 100%
}

    .subscribe__message ul {
        margin: 0;
        padding: 0;
        list-style: none
    }

    .subscribe__message.error {
        background: #cc4d43
    }

    .subscribe__message.success {
        background: #357d5d
    }

.header .subscribe {
    background: #9d833e
}

.header .subscribe__introduction, .header .subscribe__title {
    color: #fff
}

.header .subscribe__btn {
    background: transparent;
    border: 3px solid #fff
}

@media screen and (min-width:768px) {
    .subscribe .spin-loader {
        top: 50%;
        right: 13.75em;
        transform: translateY(-50%)
    }

    .subscribe__introduction {
        font-size: 1em
    }

    .subscribe__input {
        font-size: 1em;
        padding-left: 1.25em
    }

    .subscribe__form {
        background: #f5f5f5;
        padding: .25em;
        display: inline-block;
        width: 100%
    }

    .subscribe__input-wrapper {
        width: 65%;
        display: inline-block;
        margin-bottom: 0;
        padding-right: 0;
        height: 3.25em
    }

        .select .select__clear .subscribe__input-wrapper i, .subscribe__input-wrapper .icon, .subscribe__input-wrapper .select .select__clear i {
            font-size: 1.5625em
        }

    .subscribe__btn {
        width: auto;
        float: right
    }

    .subscribe__message {
        font-size: 1em;
        width: auto
    }

    .header .subscribe__btn {
        border: 0;
        background: #9d833e
    }
}

@media screen and (min-width:1024px) {
    .subscribe__wrapper {
        max-width: 73.75em;
        margin: auto
    }

    .subscribe__input-wrapper {
        height: 3.5625em
    }
}

.archive__list {
    padding: 0;
    margin: 0;
    list-style: none
}

.archive__disclaimer {
    font-size: .625em;
    font-family: Gotham Narrow A,Gotham Narrow B;
    margin: 0;
    padding: 0;
    line-height: 1.2;
    margin-top: 3em;
    color: #979797
}

    .archive__disclaimer ul {
        margin: 0;
        padding: 0;
        list-style: none;
        display: none
    }

        .archive__disclaimer ul.active, .archive__disclaimer ul.default {
            display: block
        }

    .archive__disclaimer li {
        margin-bottom: .9375em
    }

    .archive__disclaimer a {
        color: #9d833e
    }

@media screen and (min-width:768px) {
    .archive__disclaimer {
        margin-top: 3.57143em;
        font-size: .875em
    }
}

.archive-filters {
    margin-top: 3.125em;
    padding-top: 1.5625em;
    padding-bottom: 1.875em;
    border-top: 1px solid #e7e7e7;
    text-align: center
}

.archive-filters__element {
    display: inline-block;
    text-align: center;
    margin-top: .9375em
}

.archive-element {
    margin-bottom: 1.5625em;
    display: none;
    width: 100%;
    background: #fff
}

.currentpage-network .archive-element {
    border: 1px solid #d93d7a
}

.currentpage-the-groupe .archive-element {
    border: 1px solid #9d833e
}

.currentpage-investors .archive-element {
    border: 1px solid #00b0a3
}

.currentpage-news .archive-element {
    border: 1px solid #16abe0
}

.currentpage-landing .archive-element {
    border: 1px solid #212129
}

.archive-element.active {
    display: table
}

.archive-element.disabled {
    display: none
}

.archive-element__title {
    font-size: .9375em;
    margin-bottom: .625em;
    color: #212129
}

    .archive-element__title a {
        text-decoration: none;
        color: #212129;
        transition: color .2s
    }

.currentpage-network .archive-element__title a:hover {
    color: #d93d7a
}

.currentpage-the-groupe .archive-element__title a:hover {
    color: #9d833e
}

.currentpage-investors .archive-element__title a:hover {
    color: #00b0a3
}

.currentpage-news .archive-element__title a:hover {
    color: #16abe0
}

.currentpage-landing .archive-element__title a:hover {
    color: #212129
}

.archive-element__subtitle {
    font-size: .625em
}

.currentpage-network .archive-element__category, .currentpage-network .archive-element__date, .currentpage-network .archive-element__subtitle {
    color: #d93d7a
}

.currentpage-the-groupe .archive-element__category, .currentpage-the-groupe .archive-element__date, .currentpage-the-groupe .archive-element__subtitle {
    color: #9d833e
}

.currentpage-investors .archive-element__category, .currentpage-investors .archive-element__date, .currentpage-investors .archive-element__subtitle {
    color: #00b0a3
}

.currentpage-news .archive-element__category, .currentpage-news .archive-element__date, .currentpage-news .archive-element__subtitle {
    color: #16abe0
}

.currentpage-landing .archive-element__category, .currentpage-landing .archive-element__date, .currentpage-landing .archive-element__subtitle {
    color: #212129
}

.archive-element__webcast {
    margin-top: .625em;
    padding: 0 1.5625em
}

.currentpage-network .archive-element__webcast {
    color: #d93d7a
}

.currentpage-the-groupe .archive-element__webcast {
    color: #9d833e
}

.currentpage-investors .archive-element__webcast {
    color: #00b0a3
}

.currentpage-news .archive-element__webcast {
    color: #16abe0
}

.currentpage-landing .archive-element__webcast {
    color: #212129
}

.currentpage-network .archive-element__webcast .icon, .currentpage-network .archive-element__webcast .select .select__clear i, .currentpage-network .archive-element__webcast span, .select .select__clear .currentpage-network .archive-element__webcast i {
    color: #d93d7a
}

.currentpage-the-groupe .archive-element__webcast .icon, .currentpage-the-groupe .archive-element__webcast .select .select__clear i, .currentpage-the-groupe .archive-element__webcast span, .select .select__clear .currentpage-the-groupe .archive-element__webcast i {
    color: #9d833e
}

.currentpage-investors .archive-element__webcast .icon, .currentpage-investors .archive-element__webcast .select .select__clear i, .currentpage-investors .archive-element__webcast span, .select .select__clear .currentpage-investors .archive-element__webcast i {
    color: #00b0a3
}

.currentpage-news .archive-element__webcast .icon, .currentpage-news .archive-element__webcast .select .select__clear i, .currentpage-news .archive-element__webcast span, .select .select__clear .currentpage-news .archive-element__webcast i {
    color: #16abe0
}

.currentpage-landing .archive-element__webcast .icon, .currentpage-landing .archive-element__webcast .select .select__clear i, .currentpage-landing .archive-element__webcast span, .select .select__clear .currentpage-landing .archive-element__webcast i {
    color: #212129
}

.archive-element__content {
    padding: 1.5625em;
    padding-bottom: 0
}

.archive-element__links {
    display: table;
    width: 100%;
    margin-top: 1.25em;
    padding: .625em 1.5625em;
    position: relative
}

.currentpage-network .archive-element__links {
    background-color: #d93d7a
}

.currentpage-the-groupe .archive-element__links {
    background-color: #9d833e
}

.currentpage-investors .archive-element__links {
    background-color: #00b0a3
}

.currentpage-news .archive-element__links {
    background-color: #16abe0
}

.currentpage-landing .archive-element__links {
    background-color: #212129
}

.archive-element__links .about__link, .archive-element__links .link {
    display: table-cell;
    color: #fff
}

    .archive-element__links .about__link .icon, .archive-element__links .about__link .select .select__clear i, .archive-element__links .link .icon, .archive-element__links .link .select .select__clear i, .select .select__clear .archive-element__links .about__link i, .select .select__clear .archive-element__links .link i {
        color: #fff
    }

    .archive-element__links .about__link:last-child, .archive-element__links .link:last-child {
        text-align: right
    }

.archive-element__links-more {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    z-index: 10;
    padding: 0;
    padding-right: 1.5625em;
    padding-left: 1.5625em;
    padding-top: .625em;
    white-space: nowrap
}

.currentpage-network .archive-element__links-more {
    background-color: #d93d7a
}

.currentpage-the-groupe .archive-element__links-more {
    background-color: #9d833e
}

.currentpage-investors .archive-element__links-more {
    background-color: #00b0a3
}

.currentpage-news .archive-element__links-more {
    background-color: #16abe0
}

.currentpage-landing .archive-element__links-more {
    background-color: #212129
}

.archive-element__links-more.active {
    display: block
}

.archive-element__links-more-label {
    margin-top: 0;
    margin-bottom: 0
}

.archive-element__links-more .about__link, .archive-element__links-more .link {
    width: 40%;
    display: inline-block
}

    .archive-element__links-more .about__link:last-child, .archive-element__links-more .link:last-child {
        text-align: left
    }

.archive-element__links-more-label {
    color: #fff
}

.archive-element__links-close {
    position: absolute;
    right: 0;
    top: 0
}

    .archive-element__links-close .icon, .archive-element__links-close .select .select__clear i, .select .select__clear .archive-element__links-close i {
        color: #fff
    }

.currentpage-network .archive-element__links-close:hover .icon, .currentpage-network .archive-element__links-close:hover .select .select__clear i, .select .select__clear .currentpage-network .archive-element__links-close:hover i {
    color: #be2561
}

.currentpage-the-groupe .archive-element__links-close:hover .icon, .currentpage-the-groupe .archive-element__links-close:hover .select .select__clear i, .select .select__clear .currentpage-the-groupe .archive-element__links-close:hover i {
    color: #786430
}

.currentpage-investors .archive-element__links-close:hover .icon, .currentpage-investors .archive-element__links-close:hover .select .select__clear i, .select .select__clear .currentpage-investors .archive-element__links-close:hover i {
    color: #007d74
}

.currentpage-news .archive-element__links-close:hover .icon, .currentpage-news .archive-element__links-close:hover .select .select__clear i, .select .select__clear .currentpage-news .archive-element__links-close:hover i {
    color: #1188b2
}

.currentpage-landing .archive-element__links-close:hover .icon, .currentpage-landing .archive-element__links-close:hover .select .select__clear i, .select .select__clear .currentpage-landing .archive-element__links-close:hover i {
    color: #0a0a0d
}

@media screen and (max-width:639px) {
    .archive-element__links-more-label {
        display: none
    }
}

@media screen and (min-width:768px) {
    .archive-element {
        height: 9.0625em;
        padding: 0;
        width: 100%
    }

    .archive-element__title {
        font-size: 1.25em
    }

    .archive-element__subtitle {
        font-size: .875em;
        margin: 0
    }

    .archive-element__content {
        display: table-cell;
        vertical-align: middle;
        padding-right: 1.25em;
        padding-left: 2.5em;
        padding-top: 0
    }

    .archive-element__webcast {
        display: table-cell;
        text-align: center;
        vertical-align: middle;
        border-left: 1px solid #e7e7e7;
        width: 6.25em;
        padding: 1.25em
    }

    .currentpage-network .archive-element__webcast {
        border-color: #d93d7a
    }

    .currentpage-the-groupe .archive-element__webcast {
        border-color: #9d833e
    }

    .currentpage-investors .archive-element__webcast {
        border-color: #00b0a3
    }

    .currentpage-news .archive-element__webcast {
        border-color: #16abe0
    }

    .currentpage-landing .archive-element__webcast {
        border-color: #212129
    }

    .archive-element__webcast .about__link .icon-arrow-right, .archive-element__webcast .link .icon-arrow-right {
        display: none
    }

    .archive-element__webcast .about__link .icon, .archive-element__webcast .about__link .select .select__clear i, .archive-element__webcast .link .icon, .archive-element__webcast .link .select .select__clear i, .select .select__clear .archive-element__webcast .about__link i, .select .select__clear .archive-element__webcast .link i {
        font-size: 3.75em
    }

    .archive-element__webcast .about__link span, .archive-element__webcast .link span {
        font-size: .625em;
        white-space: nowrap
    }

    .archive-element__links {
        display: table-cell;
        vertical-align: middle;
        width: 14.375em;
        padding-left: 1.875em;
        padding-right: 2.5em
    }

        .archive-element__links .about__link, .archive-element__links .link {
            margin-top: 1.25em;
            text-align: left;
            display: block
        }

            .archive-element__links .about__link:last-child, .archive-element__links .link:last-child {
                text-align: left
            }

            .archive-element__links .about__link:first-child, .archive-element__links .link:first-child {
                margin-top: 0
            }

    .archive-element__links-more {
        padding-right: 1.25em;
        padding-top: 2.8125em;
        padding-left: 1.875em
    }

        .archive-element__links-more .about__link, .archive-element__links-more .link {
            width: auto;
            display: inline-block;
            float: left;
            margin-right: .9375em
        }

    .archive-element__links-close {
        position: absolute;
        top: 0;
        right: 0
    }

    .archive-filters {
        margin-top: 5em;
        padding-top: 1.875em;
        padding-bottom: 3.75em
    }

    .archive-filters__element {
        margin-top: 0
    }
}

@media screen and (min-width:1024px) {
    .archive-element {
        margin-bottom: 2.1875em
    }

    .archive-element__title {
        font-size: 1.25em
    }

    .archive-element__links {
        width: 17.5em;
        padding-left: 3.125em
    }

    .archive-element__links-more {
        padding-top: 2.8125em;
        padding-left: 3.125em
    }

        .archive-element__links-more .about__link, .archive-element__links-more .link {
            width: auto
        }
}

.about__title {
    margin-bottom: 3.3em;
    text-align: center
}

.about__text a, .about__text ol, .about__text p, .about__text ul, .about__title {
    color: #fff
}

.about__text ol, .about__text ul {
    padding-left: 1.25em
}

.about__text ol, .about__text p, .about__text ul {
    font-family: ITC New Baskerville W01;
    font-size: .75em;
    line-height: 1.5
}

.about__text p {
    text-align: justify;
    margin: 0;
    padding-bottom: 1.8em
}

    .about__text p b {
        font-style: italic;
        color: #9d833e
    }

.about__text[data-read-more=content] {
    height: 0;
    overflow: hidden
}

.about__content .about__link span, .about__content .link span {
    color: #fff
}

.about__link {
    color: #9d833e;
    font-size: .625em
}

    .about__link .icon, .about__link .select .select__clear i, .select .select__clear .about__link i {
        color: #9d833e;
        margin-right: .5em;
        font-size: 1.3em
    }

    .about__link:hover, .about__link:hover .icon, .about__link:hover .select .select__clear i, .select .select__clear .about__link:hover i {
        color: #9d833e
    }

@media screen and (min-width:768px) {
    .about__text p {
        line-height: 2;
        font-size: .9375em
    }

    .about__link {
        font-size: .75em
    }
}

.section--theme-dark.creations__header .about__content .about__link span, .section--theme-dark.creations__header .about__content .link span, .section--theme-dark.creations__header .about__text a, .section--theme-dark.creations__header .about__text ol, .section--theme-dark.creations__header .about__text p, .section--theme-dark.creations__header .about__text ul, .section--theme-dark.creations__header .about__title, .section.section--theme-dark .about__content .about__link span, .section.section--theme-dark .about__content .link span, .section.section--theme-dark .about__text a, .section.section--theme-dark .about__text ol, .section.section--theme-dark .about__text p, .section.section--theme-dark .about__text ul, .section.section--theme-dark .about__title {
    color: #fff
}

    .section--theme-dark.creations__header .about__link, .section--theme-dark.creations__header .about__link .icon, .section--theme-dark.creations__header .about__link .select .select__clear i, .section--theme-dark.creations__header .about__link:hover, .section--theme-dark.creations__header .about__link:hover .icon, .section--theme-dark.creations__header .about__link:hover .select .select__clear i, .section--theme-dark.creations__header .about__text p b, .section.section--theme-dark .about__link, .section.section--theme-dark .about__link .icon, .section.section--theme-dark .about__link .select .select__clear i, .section.section--theme-dark .about__link:hover, .section.section--theme-dark .about__link:hover .icon, .section.section--theme-dark .about__link:hover .select .select__clear i, .section.section--theme-dark .about__text p b, .select .select__clear .section--theme-dark.creations__header .about__link:hover i, .select .select__clear .section--theme-dark.creations__header .about__link i, .select .select__clear .section.section--theme-dark .about__link:hover i, .select .select__clear .section.section--theme-dark .about__link i {
        color: #9d833e
    }

.creations__header .about__content .about__link span, .creations__header .about__content .link span, .creations__header .about__text a, .creations__header .about__text ol, .creations__header .about__text p, .creations__header .about__text ul, .creations__header .about__title, .section--theme-light.creations__header .about__content .about__link span, .section--theme-light.creations__header .about__content .link span, .section--theme-light.creations__header .about__text a, .section--theme-light.creations__header .about__text ol, .section--theme-light.creations__header .about__text p, .section--theme-light.creations__header .about__text ul, .section--theme-light.creations__header .about__title, .section.section--theme-light .about__content .about__link span, .section.section--theme-light .about__content .link span, .section.section--theme-light .about__text a, .section.section--theme-light .about__text ol, .section.section--theme-light .about__text p, .section.section--theme-light .about__text ul, .section.section--theme-light .about__title, .section.section--theme-normal .about__content .about__link span, .section.section--theme-normal .about__content .link span, .section.section--theme-normal .about__text a, .section.section--theme-normal .about__text ol, .section.section--theme-normal .about__text p, .section.section--theme-normal .about__text ul, .section.section--theme-normal .about__title {
    color: #000
}

    .creations__header .about__link, .creations__header .about__link .icon, .creations__header .about__link .select .select__clear i, .creations__header .about__link:hover, .creations__header .about__link:hover .icon, .creations__header .about__link:hover .select .select__clear i, .creations__header .about__text p b, .section--theme-light.creations__header .about__link, .section--theme-light.creations__header .about__link .icon, .section--theme-light.creations__header .about__link .select .select__clear i, .section--theme-light.creations__header .about__link:hover, .section--theme-light.creations__header .about__link:hover .icon, .section--theme-light.creations__header .about__link:hover .select .select__clear i, .section--theme-light.creations__header .about__text p b, .section.section--theme-light .about__link, .section.section--theme-light .about__link .icon, .section.section--theme-light .about__link .select .select__clear i, .section.section--theme-light .about__link:hover, .section.section--theme-light .about__link:hover .icon, .section.section--theme-light .about__link:hover .select .select__clear i, .section.section--theme-light .about__text p b, .section.section--theme-normal .about__link, .section.section--theme-normal .about__link .icon, .section.section--theme-normal .about__link .select .select__clear i, .section.section--theme-normal .about__link:hover, .section.section--theme-normal .about__link:hover .icon, .section.section--theme-normal .about__link:hover .select .select__clear i, .section.section--theme-normal .about__text p b, .select .select__clear .creations__header .about__link:hover i, .select .select__clear .creations__header .about__link i, .select .select__clear .section--theme-light.creations__header .about__link:hover i, .select .select__clear .section--theme-light.creations__header .about__link i, .select .select__clear .section.section--theme-light .about__link:hover i, .select .select__clear .section.section--theme-light .about__link i, .select .select__clear .section.section--theme-normal .about__link:hover i, .select .select__clear .section.section--theme-normal .about__link i {
        color: #9d833e
    }

.about__content {
    margin-bottom: 1.3em
}

.about__socials {
    padding: 0;
    margin: 0;
    width: 100%;
    list-style-type: none;
    text-align: center
}

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

.about__social {
    display: inline-block;
    padding-right: 1em;
    padding-left: 1em;
    margin-bottom: .4em
}

    .about__social:first-child {
        width: 100%
    }

@media screen and (min-width:768px) {
    .about__social:first-child {
        width: auto
    }

    .about__content .about__text {
        height: auto;
        overflow: visible
    }

    .about__content button {
        display: none
    }
}

.bond__title {
    color: #9d833e;
    text-align: center;
    margin-bottom: 4em
}

.bond__item-type-label, .bond__item-value-label {
    font-family: Gotham Narrow A,Gotham Narrow B;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    letter-spacing: 2px;
    line-height: 1.3
}

.bond__item-type-label {
    font-size: .6875em;
    font-weight: 700
}

.bond__item-value-label {
    font-size: .625em
}

.bond__disclaimer {
    font-size: .625em;
    font-family: Gotham Narrow A,Gotham Narrow B;
    margin: 0;
    padding: 0;
    line-height: 2;
    margin-top: 3em
}

    .bond__disclaimer a {
        color: #9d833e
    }

.bond .about__link, .bond .link {
    display: inline-block;
    margin-bottom: .9375em
}

.bond__datas {
    border-bottom: 1px solid #ccc
}

.bond__datas, .bond__item {
    margin-bottom: .9375em
}

.bond > :last-child {
    margin-bottom: 0
}

@media screen and (min-width:768px) {
    .bond__item-type-label {
        font-size: 1em
    }

    .bond__item-value-label {
        font-size: .75em
    }

    .bond__disclaimer {
        margin-top: 3.57143em;
        font-size: .875em
    }

    .bond__item {
        display: table;
        width: 100%
    }

    .bond__item-type-label, .bond__item-value-label {
        display: table-cell;
        vertical-align: top
    }

    .bond__item-type-label {
        width: 31%
    }

    .bond__datas, .bond__item, .bond__link {
        margin-bottom: 1.5625em
    }
}

.bond + .bond {
    margin-top: 5.3125em
}

.table-rating-container {
    overflow-x: auto
}

.table-rating--center {
    text-align: center
}

.table-rating {
    border-collapse: collapse;
    width: 100%;
    text-align: left
}

    .table-rating td, .table-rating th {
        font-weight: 400;
        letter-spacing: 1.3px
    }

    .table-rating th {
        font-weight: 700;
        letter-spacing: 1.5px
    }

.currentpage-network .table-rating th {
    color: #d93d7a
}

.currentpage-the-groupe .table-rating th {
    color: #9d833e
}

.currentpage-investors .table-rating th {
    color: #00b0a3
}

.currentpage-news .table-rating th {
    color: #16abe0
}

.currentpage-landing .table-rating th {
    color: #212129
}

.table-rating td {
    color: #979797
}

    .table-rating td.table-rating__name {
        font-size: .8125em;
        color: #000;
        font-weight: 700
    }

.table-rating tr.table-rating__bold td {
    color: #000;
    font-weight: 700
}

.table-rating tr.table-rating__important td {
    color: #000;
    font-weight: 700;
    font-size: .875rem
}

    .table-rating tr.table-rating__important td:first-child {
        text-align: center
    }

.table-rating tr.table-rating__empty td {
    border-left-width: 0;
    border-right-width: 0
}

.table-rating .table-rating__cell--sm td.table-rating__name {
    font-size: .625em
}

@media screen and (min-width:768px) {
    .table-rating td.table-rating__name {
        letter-spacing: 1.5px;
        font-size: .875em
    }

    .table-rating .table-rating__cell--sm td.table-rating__name {
        font-size: .75em
    }

    .table-rating th {
        letter-spacing: 1.8px
    }
}

@media screen and (min-width:1024px) {
    .table-rating td.table-rating__name {
        letter-spacing: 2.3px;
        font-size: .875em
    }

    .table-rating .table-rating__cell--sm td.table-rating__name {
        font-size: .875em
    }

    .table-rating th {
        letter-spacing: 2.5px
    }
}

.table-rating td, .table-rating td.table-rating__name, .table-rating th {
    vertical-align: top;
    border-right: 1px solid #dedede;
    min-width: 70px
}

@media screen and (min-width:1024px) {
    .table-rating td, .table-rating td.table-rating__name, .table-rating th {
        min-width: 150px
    }
}

.table-rating td.table-rating__name:last-child, .table-rating td:last-child, .table-rating th:last-child {
    border-right: none
}

.table-rating th {
    padding: 10px 20px
}

@media screen and (min-width:768px) {
    .table-rating th {
        padding: 15px 20px
    }
}

.table-rating tr td, .table-rating tr td.table-rating__name {
    padding: 20px;
    text-align: left
}

@media screen and (min-width:768px) {
    .table-rating tr td, .table-rating tr td.table-rating__name {
        padding: 30px 20px
    }
}

.table-rating tr.table-rating__cell--sm td {
    padding: 10px 20px
}

@media screen and (min-width:768px) {
    .table-rating tr.table-rating__cell--sm td {
        padding: 15px 20px
    }
}

.table-rating tbody tr {
    border-bottom: 1px solid #dedede
}

    .table-rating tbody tr.tb__tr--no-bottom, .table-rating tbody tr:last-child {
        border-bottom: none
    }

.table-rating.table-rating--centered td, .table-rating.table-rating--centered th {
    text-align: center
}

    .table-rating.table-rating--centered td:first-child, .table-rating.table-rating--centered th:first-child {
        text-align: left
    }

.table-rating__disclaimer {
    color: #979797;
    font-size: .625em;
    margin: 1em 0
}

@media screen and (min-width:768px) {
    .table-rating__disclaimer {
        font-size: .75em
    }
}

.table-rating__disclaimer:first-of-type {
    margin-top: 2em
}

.table-list {
    text-align: center;
    border-collapse: collapse;
    max-width: 100%;
    margin: auto;
    width: 100%
}

@media screen and (min-width:768px) {
    .table-list {
        width: inherit
    }
}

.table-list {
    -webkit-text-size-adjust: 100%
}

    .table-list td, .table-list th {
        font-weight: 400;
        letter-spacing: 1.3px;
        padding: 1em .5em
    }

@media screen and (min-width:768px) {
    .table-list td, .table-list th {
        padding: 1.7em 5em;
        width: 50%
    }
}

.table-list th {
    white-space: nowrap;
    letter-spacing: 1.5px
}

.currentpage-network .table-list th {
    color: #d93d7a
}

.currentpage-the-groupe .table-list th {
    color: #9d833e
}

.currentpage-investors .table-list th {
    color: #00b0a3
}

.currentpage-news .table-list th {
    color: #16abe0
}

.currentpage-landing .table-list th {
    color: #212129
}

.table-list td {
    color: #a3a3a3
}

.table-list thead tr {
    background-color: #fefefe
}

.table-list tbody tr {
    background-color: #f4f4f4
}

.currentpage-network .table-list tbody tr {
    background-color: #fdf5f8
}

.currentpage-the-groupe .table-list tbody tr {
    background-color: #f6f4ee
}

.currentpage-investors .table-list tbody tr {
    background-color: #f2fbfa
}

.currentpage-news .table-list tbody tr {
    background-color: #e7f6fc
}

.table-list tbody tr:nth-child(2n) {
    background-color: #fefefe
}

.table-info-container {
    overflow-x: auto
}

.table-info {
    border-collapse: collapse;
    width: 100%;
    text-align: left
}

    .table-info td, .table-info th {
        padding: .9375em 1.875em;
        letter-spacing: .125em;
        border-left: .0625em solid #e7e7e7;
        font-size: .6875em
    }

        .table-info td:first-child, .table-info th:first-child {
            padding-left: 0;
            border-left: 0
        }

@media screen and (min-width:768px) {
    .table-info td, .table-info th {
        font-size: .8125em
    }
}

@media screen and (min-width:1024px) {
    .table-info td, .table-info th {
        font-size: .875em
    }
}

.table-info th {
    text-transform: uppercase;
    text-align: left;
    font-weight: 400;
    border-bottom: .0625em solid #e7e7e7;
    padding-top: 0;
    white-space: nowrap
}

.currentpage-network .table-info th {
    color: #d93d7a
}

.currentpage-the-groupe .table-info th {
    color: #9d833e
}

.currentpage-investors .table-info th {
    color: #00b0a3
}

.currentpage-news .table-info th {
    color: #16abe0
}

.currentpage-landing .table-info th {
    color: #212129
}

.table-info td {
    font-weight: 700;
    text-transform: uppercase;
    width: 50%
}

.table-info tr:last-child td {
    padding-bottom: 0
}

.table-info .table-info__cell--sm td {
    font-weight: 400;
    text-transform: none
}

.circle-infos, .circle__label {
    display: block;
    line-height: 1.6;
    text-align: center;
    margin: auto
}

    .circle__label i {
        font-weight: 400;
        font-style: normal;
        letter-spacing: 1px;
        line-height: 1;
        font-size: .625em
    }

@media screen and (min-width:768px) {
    .circle__label i {
        font-size: .625em
    }
}

@media screen and (min-width:1024px) {
    .circle__label i {
        font-size: .625em
    }
}

.circle-infos {
    font-weight: 400;
    margin: 2.5em auto 0;
    max-width: 150px
}

@media screen and (min-width:768px) {
    .circle-infos {
        max-width: 150px
    }
}

@media screen and (min-width:1024px) {
    .circle-infos {
        max-width: 315px
    }
}

.circle__data {
    line-height: 1;
    font-family: Gotham Narrow A,Gotham Narrow B;
    font-size: 2.0625em;
    color: #9d833e;
    margin: auto;
    font-weight: lighter;
    text-align: center
}

@media screen and (min-width:768px) {
    .circle__data {
        font-size: 2.1875em
    }
}

@media screen and (min-width:1024px) {
    .circle__data {
        font-size: 2.8125em
    }
}

.circles-title {
    text-align: center
}

@media screen and (min-width:768px) {
    .circles-title {
        margin-top: -1.25em;
        margin-bottom: .625em
    }
}

@media screen and (min-width:1024px) {
    .circles-title {
        margin-top: -.625em;
        margin-bottom: .9375em
    }
}

.circles-list {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none
}

@media screen and (min-width:768px) {
    .circles-list {
        display: table
    }
}

.circle-svg {
    width: 20%;
    position: absolute;
    display: none
}

@media screen and (min-width:768px) {
    .circle-svg {
        width: 25%;
        display: block
    }
}

@media screen and (min-width:1024px) {
    .circle-svg {
        width: 25%
    }
}

.circle-item {
    display: block;
    vertical-align: top;
    margin-bottom: 3em;
    position: relative
}

    .circle-item a {
        text-decoration: none;
        color: #212129;
        outline: none
    }

@media screen and (min-width:768px) {
    .circle-item {
        display: table-cell;
        margin-bottom: 0
    }
}

.circle-item:first-child .circle-svg {
    bottom: 2.5em;
    right: 5%
}

@media screen and (min-width:768px) {
    .circle-item:first-child .circle-svg {
        right: 1%
    }
}

@media screen and (min-width:1024px) {
    .circle-item:first-child .circle-svg {
        right: 3%
    }
}

.circle-item:last-child .circle-svg {
    left: 5%;
    top: 5%
}

@media screen and (min-width:768px) {
    .circle-item:last-child .circle-svg {
        left: 1%;
        top: -1.875em
    }
}

@media screen and (min-width:1024px) {
    .circle-item:last-child .circle-svg {
        left: 3%
    }
}

.circle-container {
    display: table;
    position: relative;
    margin: auto;
    width: 220px;
    height: 220px;
    max-width: 90%;
    border-radius: 50%;
    border: 2px solid #9d833e
}

@media screen and (min-width:768px) {
    .circle-container {
        width: 200px;
        height: 200px
    }
}

@media screen and (min-width:1024px) {
    .circle-container {
        width: 240px;
        height: 240px
    }
}

.circle__data {
    display: table-cell;
    vertical-align: middle
}

.circle__label, .circle__label + .circle__data {
    position: absolute;
    width: 90%;
    left: 5%
}

    .circle__label + .circle__data {
        display: block;
        bottom: 47%
    }

.circle__label {
    top: 53%;
    padding-top: .5em
}

.circles__actions {
    text-align: center;
    margin-top: 3.125em
}

.talents {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto
}

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

.talents__list {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    list-style: none;
    padding: 0
}

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

.talents__actions {
    text-align: center
}

.talents .tile-card {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%
}

    .talents .tile-card:last-child {
        margin-right: 0
    }

@media screen and (min-width:768px) {
    .talents .tile-card {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 48.82117%;
        padding: 0
    }

        .talents .tile-card:last-child, .talents .tile-card:nth-child(2n) {
            margin-right: 0
        }

        .talents .tile-card:nth-child(odd) {
            clear: left
        }
}

@media screen and (min-width:1024px) {
    .talents {
        max-width: 100%;
        margin-left: auto;
        margin-right: auto
    }

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

        .talents .tile-card {
            float: left;
            display: block;
            width: 23.23176%
        }

            .talents .tile-card, .talents .tile-card:nth-child(2n) {
                margin-right: 2.35765%
            }

                .talents .tile-card:nth-child(odd) {
                    clear: none
                }

                .talents .tile-card:last-child, .talents .tile-card:nth-child(4n) {
                    margin-right: 0
                }

                .talents .tile-card:nth-child(4n+1) {
                    clear: left
                }
}

.livestock {
    text-align: center
}

.livestock__evolution, .livestock__value {
    margin: 0
}

.livestock__value {
    font-size: 1.875em;
    font-weight: 700
}

.livestock__evolution {
    font-size: .75em;
    letter-spacing: 1px
}

.livestock__list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline-block;
    width: 80%;
    margin: auto
}

    .livestock__list li {
        display: inline-block;
        width: 100%;
        margin: .3125em 0;
        font-size: .625em
    }

.livestock__data, .livestock__label {
    width: 50%;
    text-transform: uppercase;
    text-align: left;
    display: inline-block;
    float: left;
    letter-spacing: 2px
}

.livestock__label {
    color: #979797;
    white-space: nowrap
}

.livestock__data {
    font-weight: 700;
    text-align: right;
    letter-spacing: 0
}

.livestock .livestock--evolution {
    color: #357d5d;
    position: relative;
    display: inline-block
}

    .livestock .livestock--evolution:after {
        content: "";
        display: inline-block;
        position: absolute;
        transform: translateY(-50%);
        top: 50%;
        right: -1.25em;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 .5em .625em;
        border-color: transparent transparent #357d5d
    }

    .livestock .livestock--evolution.livestock--downgrade {
        color: #cc4d43
    }

        .livestock .livestock--evolution.livestock--downgrade:after {
            border-width: .625em .5em 0;
            border-color: #cc4d43 transparent transparent
        }

.livestock-price, .livestock-quote {
    margin: auto
}

.livestock-price__title, .livestock-quote__title {
    color: #9d833e;
    margin-bottom: 1.875em
}

.livestock-price__wrapper, .livestock-quote__wrapper {
    position: relative
}

    .livestock-price__wrapper.loading, .livestock-quote__wrapper.loading {
        min-height: 6.25em
    }

    .livestock-price__wrapper .spin-loader, .livestock-quote__wrapper .spin-loader {
        position: absolute;
        opacity: 1;
        left: 50%;
        top: 50%
    }

.livestock--full .livestock-price {
    padding-bottom: 3.125em;
    margin-bottom: 3.125em;
    border-bottom: 1px solid #e7e7e7
}

.livestock--full .livestock-price__title {
    display: none
}

.livestock-curve {
    margin-top: 3.125em;
    height: 30em;
    position: relative;
    clear: both;
    width: 100%
}

.livestock-curve__iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.livestock-disclamer {
    font-size: .625em;
    line-height: 2;
    color: #979797;
    letter-spacing: 1px
}

@media screen and (min-width:768px) {
    .livestock__value {
        font-size: 2.5em
    }

    .livestock__evolution {
        font-size: 1.125em
    }

    .livestock__list li {
        font-size: .75em
    }

    .livestock-price__title, .livestock-quote__title {
        font-size: .875em
    }

    .livestock-curve {
        margin-top: 3.75em
    }
}

@media screen and (min-width:1024px) {
    .livestock {
        display: table;
        width: 100%
    }

    .livestock__value {
        font-size: 3.75em
    }

    .livestock__evolution {
        font-size: 1.5em
    }

    .livestock__list li {
        font-size: .75em
    }

    .livestock__list {
        width: 100%
    }

        .livestock__list li {
            float: left;
            width: 40%
        }

            .livestock__list li:nth-child(odd) {
                clear: both;
                margin-right: 20%
            }

    .livestock-price__title, .livestock-quote__title {
        text-align: left
    }

    .livestock-disclamer {
        font-size: .75em;
        width: 70%;
        margin: auto;
        line-height: 2.5
    }

    .livestock-curve {
        margin-top: 3.125em
    }

    .livestock--full {
        padding-bottom: 3.125em;
        border-bottom: 1px solid #e7e7e7
    }

        .livestock--full .livestock-price {
            width: 18.75em;
            display: table-cell;
            border-bottom: 0
        }

        .livestock--full .livestock-price__wrapper {
            text-align: left
        }

        .livestock--full .livestock-price__title {
            display: block
        }

        .livestock--full .livestock-quote {
            display: table-cell;
            border-left: 1px solid #e7e7e7;
            padding-left: 3.75em
        }
}

@media screen and (min-width:1440px) {
    .livestock__list li {
        font-size: .875em
    }

    .livestock-price {
        width: 21.875em
    }
}

.newsfeed {
    margin-top: 3.125em
}

.newsfeed__list {
    margin: 0;
    padding: 0;
    list-style: none
}

.newsfeed__actions {
    text-align: center;
    margin-top: 3.125em;
    margin-bottom: 3.125em;
    position: relative
}

    .newsfeed__actions .btn .spin-loader, .newsfeed__actions .select .select__clear .spin-loader, .newsfeed__actions .subscribe__btn .spin-loader, .select .newsfeed__actions .select__clear .spin-loader {
        position: absolute;
        transform: translate(0);
        top: 50%;
        transform: translateY(-50%);
        z-index: 1
    }

.newsfeed.loading .newsfeed__actions .btn .spin-loader, .newsfeed.loading .newsfeed__actions .select .select__clear .spin-loader, .newsfeed.loading .newsfeed__actions .subscribe__btn .spin-loader, .select .newsfeed.loading .newsfeed__actions .select__clear .spin-loader {
    opacity: 1
}

.news-element {
    width: 100%;
    color: #979797;
    margin-bottom: 1.25em;
    box-sizing: border-box;
    margin-top: -1px;
    border: 2px solid #16abe0;
    opacity: 0;
    transition: opacity .2s
}

    .news-element.active {
        opacity: 1
    }

.news-element__img {
    position: relative;
    margin: 0;
    height: 0;
    padding-top: 35%;
    overflow: hidden;
    margin-bottom: 1.25em
}

    .news-element__img img {
        position: absolute;
        width: 100%;
        left: 0;
        top: -20%
    }

.news-element__date {
    margin: 0;
    color: #979797;
    margin-bottom: 1.5625em
}

.news-element__content {
    padding: 1.875em
}

.news-element__wrapper {
    background: #fff;
    position: relative
}

.news-element__title {
    color: #212129;
    text-decoration: none;
    display: block
}

.news-element__description {
    font-size: .75em;
    line-height: 1.8;
    margin: 0;
    margin-bottom: 3.125em;
    overflow: hidden
}

    .news-element__description figure {
        margin: 0;
        display: none
    }

    .news-element__description iframe, .news-element__description img {
        max-width: 100%;
        display: none
    }

    .news-element__description a {
        color: #212129
    }

.news-element__footer {
    display: table;
    width: 100%
}

.news-element__brand {
    color: #212129;
    display: table-cell;
    vertical-align: middle
}

    .news-element__brand-img, .news-element__brand p {
        margin: 0;
        display: inline-block;
        vertical-align: middle
    }

.news-element__brand-img {
    border-radius: 100%;
    width: 1.875em;
    height: 1.875em;
    overflow: hidden;
    position: relative;
    margin-right: .3125em
}

    .news-element__brand-img img {
        width: 100%
    }

.news-element__share {
    display: table-cell;
    vertical-align: middle;
    text-align: right
}

    .news-element__share .btn, .news-element__share .select .select__clear, .news-element__share .subscribe__btn, .select .news-element__share .select__clear {
        font-size: 1.5em
    }

        .news-element__share .icon, .news-element__share .select .select__clear i, .select .select__clear .news-element__share i {
            color: #9d833e
        }

@media screen and (min-width:768px) {
    .newsfeed {
        margin-top: 3.75em
    }

    .newsfeed__actions {
        margin-top: 3.75em;
        margin-bottom: 3.75em
    }

    .news-element {
        margin-left: 0;
        width: calc(50% - 10px)
    }
}

@media screen and (min-width:1024px) {
    .newsfeed {
        margin-top: 5em
    }

    .newsfeed__actions {
        margin-top: 5em;
        margin-bottom: 5em
    }

    .news-element {
        width: calc(33.3333% - 13px)
    }

    .news-element__description {
        font-size: .8125em
    }

    .news-element__brand-img {
        border-radius: 100%;
        width: 2.5em;
        height: 2.5em
    }
}

.actufeed {
    margin-top: -1.875em;
    margin-bottom: 2.5em;
    display: none
}

@media screen and (min-width:1024px) {
    .actufeed {
        display: block
    }
}

.actufeed .actufeed--wrapper {
    width: 90%;
    margin: auto
}

.actufeed .actufeed--list {
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative;
    min-height: 1.875em
}

.actufeed .actufeed--element {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    pointer-events: none;
    width: 100%;
    text-align: center
}

    .actufeed .actufeed--element.active {
        pointer-events: inherit
    }

.actufeed .actufeed--link {
    text-decoration: none;
    outline: none
}

.actufeed .actufeed--title {
    text-transform: uppercase;
    color: #9d833e;
    letter-spacing: .125em
}

.actufeed .actufeed--content {
    color: #212129
}

.popinmedia {
    min-height: 100%;
    right: 0;
    z-index: 999;
    overflow-y: auto;
    color: #fff
}

.popinmedia, .popinmedia__bg {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0
}

.popinmedia__bg {
    background-color: #212129;
    width: 100%;
    height: 100%;
    opacity: 0;
    transform: translateZ(0)
}

.popinmedia__border {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    overflow: visible
}

.popinmedia.popinmedia--transition {
    overflow-y: hidden
}

.popinmedia__btn-close {
    position: absolute;
    right: 10px;
    top: 10px;
    background-color: #212129;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 1.25em;
    transition: color .3s ease-out
}

@media screen and (min-width:768px) {
    .popinmedia__btn-close {
        right: 20px;
        top: 20px;
        font-size: 1.875em
    }
}

.popinmedia__btn-close:hover {
    color: #9d833e;
    transition: color .15 ease-out
}

.popinmedia__btn-next, .popinmedia__btn-prev {
    position: absolute;
    top: 0;
    height: 100%;
    font-size: 1.5625em;
    background: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 0 .3em;
    transition: color .3s ease-out
}

@media screen and (min-width:768px) {
    .popinmedia__btn-next, .popinmedia__btn-prev {
        font-size: 2.625em;
        padding: 0 .25em
    }
}

@media screen and (min-width:1024px) {
    .popinmedia__btn-next, .popinmedia__btn-prev {
        font-size: 2.625em;
        padding: 0 .5em
    }
}

.popinmedia__btn-next:hover, .popinmedia__btn-prev:hover {
    color: #9d833e;
    transition: color .15s ease-out
}

.popinmedia__btn-prev {
    left: 0
}

.popinmedia__btn-next {
    right: 0
}

.popinmedia__title {
    font-size: .875em;
    margin-bottom: 1.3em
}

@media screen and (min-width:768px) {
    .popinmedia__title {
        font-size: 1.625em
    }
}

@media screen and (min-width:1024px) {
    .popinmedia__title {
        font-size: 1.625em
    }
}

.popinmedia__date {
    color: #9d833e;
    margin-bottom: 1em
}

.popinmedia__details__desc, .popinmedia__details__title {
    color: #fff;
    font-size: .625em
}

@media screen and (min-width:768px) {
    .popinmedia__details__desc, .popinmedia__details__title {
        font-size: .875em
    }
}

@media screen and (min-width:1024px) {
    .popinmedia__details__desc, .popinmedia__details__title {
        font-size: .875em
    }
}

.popinmedia__desc {
    text-align: justify;
    line-height: 1.8;
    margin: 0;
    font-size: .6875em
}

    .popinmedia__desc .icon, .popinmedia__desc .select .select__clear i, .popinmedia__desc a, .select .select__clear .popinmedia__desc i {
        color: #fff
    }

@media screen and (min-width:768px) {
    .popinmedia__desc {
        font-size: 1em
    }
}

@media screen and (min-width:1024px) {
    .popinmedia__desc {
        font-size: 1em
    }
}

.popinmedia__details__title {
    color: #7c7c7c;
    font-weight: 400
}

.popinmedia__details__desc {
    color: #aaa
}

.popinmedia__date, .popinmedia__title {
    text-align: center
}

.popinmedia-content, .popinmedia-wrapper {
    position: relative
}

.popinmedia__media {
    position: relative;
    margin-bottom: 1.5625em;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (min-width:768px) {
    .popinmedia__media {
        margin-bottom: 3.75em
    }
}

@media screen and (min-width:1024px) {
    .popinmedia__media {
        margin-bottom: 3.125em
    }
}

.popinmedia__media.popinmedia__media--video .popinmedia__media-resizer {
    width: 100%
}

.popinmedia__infos {
    margin-bottom: 1.25em
}

@media screen and (min-width:768px) {
    .popinmedia__infos {
        margin-bottom: 1.875em
    }
}

@media screen and (min-width:1024px) {
    .popinmedia__infos {
        margin-bottom: 1.875em
    }
}

.popinmedia__details {
    position: relative;
    overflow: hidden
}

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

.popinmedia__details-resizer {
    position: relative;
    overflow: hidden
}

@media screen and (min-width:768px) {
    .popinmedia__details__desc, .popinmedia__details__title {
        float: left;
        width: 50%
    }
}

.popinmedia__media-image {
    max-width: 100%;
    height: auto;
    display: block;
    margin: auto;
    max-height: 200px
}

@media screen and (min-width:768px) {
    .popinmedia__media-image {
        max-height: 550px
    }
}

@media screen and (min-width:1024px) {
    .popinmedia__media-image {
        max-height: 550px
    }
}

.popinmedia__media-video-wrapper {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    background-color: #000
}

    .popinmedia__media-video-wrapper .popinmedia__media-video-player, .popinmedia__media-video-wrapper .popinmedia__media-video-player iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

.popinmedia__media-resizer, .popinmedia__media-wrapper {
    display: block;
    position: relative
}

.popinmedia__media-resizer {
    overflow: hidden
}

    .popinmedia__media-resizer.popinmedia__media--video {
        width: 100%
    }

.popinmedia-content hr {
    width: 100%;
    position: relative;
    border: none;
    border-top: 1px solid #97989c;
    transform-origin: top center;
    transform: scaleX(0)
}

.popinmedia__details-wrapper {
    position: relative;
    padding-top: 1.25em
}

@media screen and (min-width:768px) {
    .popinmedia__details-wrapper {
        padding-top: 1.875em
    }
}

@media screen and (min-width:1024px) {
    .popinmedia__details-wrapper {
        padding-top: 1.875em
    }
}

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

.legal-mentions {
    font-family: Gotham Narrow A,Gotham Narrow B
}

    .legal-mentions h2, .legal-mentions h3, .legal-mentions p {
        margin: 0;
        padding: 0;
        font-size: .75em
    }

@media screen and (min-width:768px) {
    .legal-mentions h2, .legal-mentions h3, .legal-mentions p {
        font-size: 1em
    }
}

@media screen and (min-width:1024px) {
    .legal-mentions h2, .legal-mentions h3, .legal-mentions p {
        font-size: 1em
    }
}

.legal-mentions .paragraphe__content__title-inline {
    margin-bottom: 0;
    margin-right: .25rem
}

.legal-mentions h2 {
    text-transform: uppercase;
    color: #000;
    letter-spacing: 2px;
    margin-bottom: 1em
}

.legal-mentions h3 {
    color: #9d833e;
    font-weight: 400;
    text-transform: none;
    margin-bottom: .5em
}

.legal-mentions p {
    margin-bottom: 1.5em
}

input, textarea {
    border: none;
    background: none;
    -webkit-appearance: none
}

    input:focus, textarea:focus {
        outline: none
    }

    input:-webkit-autofill {
        -webkit-box-shadow: 0 0 0 1000px #fff inset
    }

    input[type=checkbox] {
        -webkit-appearance: checkbox
    }

label[for=message_form_consent] {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.pb-form__input.input--filled label[for=message_form_consent] span.pb-form-label__content {
    padding-left: 10px;
    opacity: 1;
    text-transform: none
}

input#message_form_consent {
    position: relative
}

.contact-form .checkbox [type=checkbox]:checked:before, .contact-form .checkbox [type=checkbox]:not(:checked):before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    transform: translate(-25%,-25%);
    width: 17px;
    height: 17px;
    border: 1px solid #aaa;
    background: #f8f8f8;
    border-radius: 3px;
    box-shadow: inset 0 1px 3px rgba(0,0,0,.3)
}

.contact-form .checkbox [type=checkbox]:checked:after, .contact-form .checkbox [type=checkbox]:not(:checked):after {
    content: "✔";
    position: absolute;
    top: -6px;
    left: 0;
    font-size: 14px;
    color: #09ad7e;
    transition: all .2s
}

.contact-form .checkbox [type=checkbox]:not(:checked):after {
    opacity: 0;
    transform: scale(0)
}

.contact-form .checkbox [type=checkbox]:checked:after {
    opacity: 1;
    transform: scale(1)
}

.contact-form__required_fields {
    color: #212129;
    font-weight: 400;
    font-size: 1.0625em;
    letter-spacing: 1.5px;
    line-height: 1;
    padding: .6em 0;
    padding-top: 0;
    margin-top: 0
}

.contact-form__title {
    margin-bottom: 4em
}

.contact-form__message {
    margin-bottom: 1.25em;
    text-align: center
}

    .contact-form__message.error {
        color: #cc4d43
    }

    .contact-form__message.success {
        color: #357d5d
    }

.contact-lb-service-help {
    display: block;
    color: #979797;
    transition: opacity 1s .5s;
    font-size: .875rem;
    line-height: 1.4;
    opacity: 1;
    min-height: 0
}

.contact-form__description {
    letter-spacing: .4px;
    margin-bottom: 4em
}

.contact-form .pb-form {
    width: 100%;
    margin: auto
}

@media screen and (min-width:1024px) {
    .contact-form .pb-form {
        max-width: 580px
    }
}

.contact-form .btn, .contact-form .select .select__clear, .contact-form .subscribe__btn, .select .contact-form .select__clear {
    display: block;
    margin: auto
}

.images .images__image-cont {
    margin-bottom: 1.875em
}

    .images .images__image-cont:last-child {
        margin-bottom: 0
    }

.images img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: auto;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.images__disclaimer {
    clear: both;
    color: #979797;
    font-size: .625em;
    margin: 1em 0;
    text-align: center
}

@media screen and (min-width:768px) {
    .images__disclaimer {
        font-size: .75em
    }
}

.images__disclaimer:first-of-type {
    margin-top: 2em
}

@media screen and (min-width:768px) {
    .images.images--ownership {
        display: table;
        width: 100%
    }

        .images.images--ownership .images__image-cont {
            display: table-cell;
            vertical-align: top;
            margin-bottom: 0
        }

        .images.images--ownership .images__image-cont--circle img {
            margin-left: auto;
            margin-right: 0;
            padding-right: 1.875em
        }

        .images.images--ownership .images__image-cont--data img {
            margin-left: 0;
            margin-right: auto;
            padding-left: 1.875em
        }
}

.gad-mobile, [data-gad-world=false] {
    display: none
}

.gad-mobile {
    text-align: center;
    padding-bottom: 3.125em
}

@media screen and (min-width:768px) {
    .gad-mobile {
        padding-bottom: 3.75em
    }
}

@media screen and (min-width:1024px) {
    .gad-mobile {
        padding-bottom: 5em
    }
}

.currentpage-network .section--theme-light.gad-section.creations__header, .currentpage-network .section--theme-light.gad-section.creations__header .creations__content, .currentpage-network .section--theme-light.gad-section.creations__header .section__contents, .currentpage-network .section.section--theme-light.gad-section, .currentpage-network .section.section--theme-light.gad-section .creations__content, .currentpage-network .section.section--theme-light.gad-section .section__contents {
    background: #fff
}

.section--theme-light.gad-section.creations__header .creations__content, .section--theme-light.gad-section.creations__header .section__contents, .section.section--full.section--theme-light.gad-section .creations__content, .section.section--full.section--theme-light.gad-section .section__contents {
    max-width: 100%;
    padding-bottom: 0;
    margin: 0
}

.section--theme-light.gad-section.creations__header .content, .section.section--full.section--theme-light.gad-section .content {
    max-width: 100%
}

.gad__infos {
    display: none
}

.gad .gad__close {
    position: absolute;
    top: 0;
    left: 0;
    border-bottom: 1px solid #9d833e;
    border-left: 1px solid #9d833e;
    background: #fff;
    display: none
}

.gad .spin-loader {
    position: absolute;
    top: 50%;
    left: 50%
}

.ismobile .gad .spin-loader, .istablet .gad .spin-loader {
    transform: none
}

.gad--noresult .gad-noresult, .gad.load .spin-loader {
    opacity: 1
}

.gad .hide {
    display: none !important
}

.gad div, .gad p {
    -webkit-font-smoothing: antialiased
}

.gad .gad-agency-mobile {
    position: fixed;
    background-color: #fff;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 10
}

.gad .gad-agency-mobile-header {
    background-color: #d93d7a;
    height: 53px;
    color: #fff;
    padding: 14px;
    font-size: 20px
}

    .gad .gad-agency-mobile-header .icon, .gad .gad-agency-mobile-header .select .select__clear i, .select .select__clear .gad .gad-agency-mobile-header i {
        margin-right: 10px
    }

.gad .gad-agency-mobile-content {
    padding: 20px;
    position: static;
    font-size: .9em
}

.gad .continentRound {
    background-color: #d93d7a;
    border-radius: 50%
}

.gad .continentNum {
    font-weight: 700;
    color: #fff;
    font-size: 40px;
    z-index: 10;
    text-align: center;
    margin-top: 27px
}

@media screen and (max-width:767px) and (orientation:landscape) {
    .gad--disable {
        pointer-events: none
    }

        .gad--disable .gad-landscape {
            opacity: 1
        }

        .gad--disable .gad-actions {
            display: none
        }
}

.gad-landscape {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: rgba(33,33,41,.8);
    opacity: 0;
    transition: opacity .3s;
    pointer-events: none
}

.gad-landscape__wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    display: table
}

.gad-landscape__content {
    display: table-cell;
    vertical-align: middle;
    color: #fff;
    text-align: center
}

    .gad-landscape__content p {
        background-color: #fff;
        color: #000;
        padding: 10px;
        width: 60%;
        margin: 0 auto;
        font-face: "Gotham Narrow A","Gotham Narrow B"
    }

.gad-landscape .icon, .gad-landscape .select .select__clear i, .select .select__clear .gad-landscape i {
    font-size: 2.1875em;
    margin-right: .3125em;
    vertical-align: middle
}

.gad-noresult {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: rgba(33,33,41,.8);
    opacity: 0;
    transition: opacity .3s;
    pointer-events: none
}

.gad-noresult__wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    display: table
}

.gad-noresult__content {
    display: table-cell;
    vertical-align: middle;
    color: #fff;
    text-align: center
}

.gad-noresult .icon, .gad-noresult .select .select__clear i, .select .select__clear .gad-noresult i {
    font-size: 2.1875em;
    margin-right: .3125em;
    vertical-align: middle
}

.gad-wrapper {
    width: 100%;
    padding-top: 70%;
    position: relative
}

.gad-map, .gad-map:after {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0
}

    .gad-map:after {
        content: "";
        background: rgba(0,0,0,.5);
        opacity: 0;
        pointer-events: none;
        transition: opacity .2s
    }

.load .gad-map:after {
    opacity: 1
}

.gad-map--decal {
    left: 488px !important
}

@media screen and (max-width:767px) {
    .gad-map--decal {
        left: 0 !important
    }
}

@media screen and (max-width:767px) {
    .gad-map {
        bottom: 50px
    }
}

.gad-actions {
    width: 488px;
    position: absolute;
    top: 0;
    height: 100%
}

@media screen and (max-width:639px) {
    .gad-actions {
        width: 100%;
        position: inherit;
        height: auto
    }
}

.gad-actions--on {
    height: 100% !important
}

@media screen and (max-width:639px) {
    .gad-open {
        overflow: hidden
    }

        .gad-open .footer, .gad-open .header {
            z-index: 0
        }

        .gad-open .gad-wrapper {
            pointer-events: inherit
        }

    .gad .gad__close {
        display: block;
        border: 0;
        left: 0;
        height: 50px;
        z-index: 10
    }

        .gad .gad__close .icon, .gad .gad__close .select .select__clear i, .select .select__clear .gad .gad__close i {
            color: #d93d7a;
            margin-top: 5px
        }

    .gad__infos {
        display: block;
        text-align: center;
        font-size: .8125em;
        color: #9d833e;
        text-transform: uppercase;
        font-weight: 700;
        letter-spacing: 2px
    }

    .gad-wrapper {
        position: fixed;
        width: auto;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 200;
        padding-top: 0;
        opacity: 0;
        pointer-events: none;
        background: #f5f5f5;
        overflow: hidden
    }

    .gad-map {
        top: 5em
    }

    .gad-mobile {
        display: block
    }
}

@media screen and (min-width:1024px) {
    .gad-wrapper {
        padding-top: 50%
    }
}

@media screen and (min-width:1440px) {
    .gad-wrapper {
        width: 90%;
        margin: 0 auto;
        height: 43.75em;
        overflow: hidden
    }

    .gad-map {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0
    }
}

.gad-mobile-cta {
    display: none
}

@media screen and (max-width:639px) {
    .gad-mobile-cta {
        background-color: #fff;
        color: #d93d7a;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        text-align: center;
        height: 50px;
        display: block;
        padding-top: 17px;
        z-index: 2;
        font-size: 14px;
        letter-spacing: 1px;
        transition: all .5s
    }

        .gad-mobile-cta span:nth-child(2) {
            display: none
        }
}

.gad-mobile-cta-map {
    background-color: #d93d7a;
    color: #fff
}

    .gad-mobile-cta-map span:first-child {
        display: none
    }

    .gad-mobile-cta-map span:nth-child(2) {
        display: block
    }

.gad-mobile-cta--on {
    bottom: -1px
}

.gm-style {
    font-size: 1em
}

    .gm-style img {
        z-index: 1
    }

.infoBox {
    box-shadow: 0 0 20px rgba(0,0,0,.1);
    position: relative
}

    .infoBox:before {
        content: "";
        position: absolute;
        left: -1.5625em;
        top: 50%;
        transform: translateY(-50%);
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 0 1.5625em 1.5625em;
        border-color: transparent transparent #fff
    }

    .infobox, .infoBox .infoBox__content-box {
        position: relative;
        background: #fff
    }

.infobox {
    height: 330px;
    width: 295px;
    box-sizing: border-box;
    overflow: hidden
}

.infobox--multi {
    width: 100%;
    height: auto
}

.infobox-step1 {
    padding: 20px 5px 20px 20px;
    height: 100%;
    width: 100%;
    background: #fff;
    z-index: 1;
    position: relative
}

.infobox-step1__count {
    text-transform: uppercase;
    color: #979797;
    font-size: 1.125em;
    font-weight: 700;
    letter-spacing: 1px;
    margin: 0;
    padding-bottom: 20px
}

.infobox-step1__content {
    margin: 0;
    padding: 0;
    position: relative;
    height: 90%;
    overflow: hidden
}

.infobox-step1__list {
    margin: 0;
    padding: 0;
    list-style: none;
    height: 100%;
    margin-right: .9375em
}

.infobox-step1__element {
    width: 100%
}

    .infobox-step1__element button {
        background: none;
        color: #d93d7a;
        border-top: 1px solid #e7e7e7;
        width: 100%;
        padding: .9375em .1875em;
        padding-right: 1.25em;
        font-family: ITC New Baskerville W01;
        text-align: left;
        position: relative;
        white-space: inherit;
        font-size: 1.75em
    }

        .infobox-step1__element button i {
            position: absolute;
            right: 0;
            top: 50%;
            color: #979797;
            transform: translateY(-50%)
        }

        .infobox-step1__element button:hover {
            background: none;
            color: #e16897
        }

    .infobox-step1__element:first-child button {
        border-top: 0
    }

.infobox-step1 .ps-scrollbar-y-rail {
    position: absolute;
    width: .3125em;
    background: rgba(0,0,0,.1);
    border-radius: .15625em;
    right: 0 !important
}

.infobox-step1 .ps-scrollbar-y {
    position: absolute;
    background: #d93d7a;
    width: 100%;
    cursor: pointer;
    border-radius: .15625em
}

.infobox-step2 {
    padding: 20px 20px 25px 25px;
    height: 100%;
    width: 100%;
    position: absolute;
    left: 100%;
    top: 0;
    color: #979797;
    line-height: 1.5em
}

    .infobox-step2 .spin-loader {
        opacity: 1
    }

@media screen and (max-width:767px) {
    .infobox-step2 {
        height: 80%;
        overflow-y: auto
    }
}

.infobox-step2 a {
    color: #d93d7a;
    text-decoration: none;
    width: 210px;
    display: inline-block;
    padding: 0;
    text-overflow: ellipsis;
    overflow: hidden;
    vertical-align: top
}

    .infobox-step2 a:hover {
        text-decoration: underline
    }

@media screen and (max-width:767px) {
    .infobox-step2 a {
        width: auto
    }
}

.infobox-step2__details {
    margin: .3125em 0;
    padding: 0;
    list-style: none
}

    .infobox-step2__details li {
        padding: 3px 0
    }

.infobox-step2__name {
    font-family: ITC New Baskerville W01;
    color: #d93d7a;
    font-size: 1.75em;
    margin: 0;
    width: 90%;
    line-height: 1em
}

.infobox-step2__back {
    margin-bottom: 1.25em;
    text-transform: uppercase;
    color: #979797;
    font-size: 1.125em;
    font-weight: 700;
    background: none
}

    .infobox-step2__back:hover {
        color: #d93d7a;
        background: none
    }

    .infobox-step2__back .icon, .infobox-step2__back .select .select__clear i, .select .select__clear .infobox-step2__back i {
        padding-right: 5px
    }

@media screen and (max-width:639px) {
    .infobox-step2__back {
        display: none
    }
}

.infobox-step2__address, .infobox-step2__category, .infobox-step2__city, .infobox-step2__data {
    font-size: 1.25em;
    margin: 0;
    padding: 4px 0
}

.infobox-step2__address {
    margin-top: .9375em
}

.infobox-step2__category {
    font-weight: 700;
    letter-spacing: 2px
}

.infobox-step2__label {
    font-weight: 700;
    font-size: 1.125em;
    text-transform: uppercase;
    width: 40px;
    display: inline-block
}

@media screen and (max-width:767px) {
    .infobox-step2__label {
        width: 15%
    }
}

.infobox-step2__tel a {
    color: #979797;
    text-decoration: none
}

.infobox-step2__itinery {
    font-size: 1.25em;
    position: relative;
    margin: -5px 0
}

    .infobox-step2__itinery .icon, .infobox-step2__itinery .select .select__clear i, .select .select__clear .infobox-step2__itinery i {
        font-size: 2.5em;
        margin-left: 6px
    }

    .infobox-step2__itinery a {
        color: #979797;
        text-decoration: underline;
        position: absolute;
        top: 7px;
        left: 45px;
        font-weight: 100;
        transition: color .5s
    }

        .infobox-step2__itinery a:hover {
            color: #d93d7a
        }

.infobox-step2__social {
    text-align: center
}

    .infobox-step2__social a {
        width: auto
    }

    .infobox-step2__social .icon, .infobox-step2__social .select .select__clear i, .select .select__clear .infobox-step2__social i {
        font-size: 1.875em;
        color: #d93d7a;
        padding: 0 10px;
        transition: color .3s
    }

        .infobox-step2__social .icon:hover, .infobox-step2__social .select .select__clear i:hover, .select .select__clear .infobox-step2__social i:hover {
            color: #979797
        }

.infobox-close {
    color: grey;
    font-size: 20px;
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 10
}

    .infobox-close:hover {
        color: #d93d7a;
        cursor: pointer
    }

.gad .gad-search {
    background: #fff;
    width: 90%;
    height: 50px;
    position: relative;
    top: 23px;
    left: 5%
}

@media screen and (max-width:639px) {
    .gad .gad-search {
        width: 100%;
        position: relative;
        top: 0
    }
}

.gad .gad-search.open {
    z-index: 3
}

    .gad .gad-search.open .gad-search__results {
        display: block;
        z-index: 1
    }

@media screen and (max-width:639px) {
    .gad .gad-search.open .gad-search__results {
        background-color: #fff;
        position: fixed;
        top: 50px;
        height: 100%;
        width: 100%;
        left: 0;
        overflow-y: auto
    }
}

.gad .gad-search__input {
    width: calc(100% - 50px);
    padding: .625em;
    font-size: 1em;
    height: 100%;
    border: 0;
    float: left;
    border: 1px solid #d93d7a;
    border-right: 0;
    z-index: 2;
    background: #fff;
    position: relative
}

@media screen and (max-width:639px) {
    .gad .gad-search__input {
        width: 100%;
        border: 0;
        margin-left: 40px;
        position: absolute;
        height: 50px;
        z-index: 10
    }
}

.gad .gad-search__results {
    z-index: 0;
    position: relative;
    margin-top: 18px;
    display: none
}

@media screen and (max-width:639px) {
    .gad .gad-search__results {
        margin-top: 0
    }
}

.gad .gad-search__results-header {
    background-color: #d93d7a;
    height: 53px;
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    padding: 15px 0 0 20px
}

.gad .gad-search__results-brands {
    background-color: #fff;
    margin-bottom: 20px
}

@media screen and (max-width:639px) {
    .gad .gad-search__results-brands {
        margin-bottom: 0
    }
}

.gad .gad-search__results-brands-content {
    background-color: #fff
}

.gad .gad-search .btn, .gad .gad-search .select .select__clear, .gad .gad-search .subscribe__btn, .select .gad .gad-search .select__clear {
    width: 3.125em;
    height: 3.125em;
    font-size: 1em
}

@media screen and (max-width:639px) {
    .gad .gad-search .btn, .gad .gad-search .select .select__clear, .gad .gad-search .subscribe__btn, .select .gad .gad-search .select__clear {
        display: none
    }
}

.gad .gad-search .btn .icon, .gad .gad-search .select .select__clear .icon, .gad .gad-search .select .select__clear i, .gad .gad-search .subscribe__btn .icon, .select .gad .gad-search .select__clear .icon, .select .gad .gad-search .select__clear i, .select .select__clear .gad .gad-search .btn i, .select .select__clear .gad .gad-search .subscribe__btn i {
    font-size: 1.5625em
}

.gad .gad-search-clear {
    position: absolute;
    left: 80%;
    z-index: 10;
    color: #2c2c34;
    top: 10px;
    background-color: #fff;
    opacity: .5
}

    .gad .gad-search-clear .icon, .gad .gad-search-clear .select .select__clear i, .select .select__clear .gad .gad-search-clear i {
        position: absolute;
        top: 5px;
        left: 6px;
        font-weight: 700;
        font-size: 20px
    }

.gad .gad-search .gad-complete__agencies, .gad .gad-search .gad-complete__cities {
    min-height: 50px
}

.gad .gad-search .spin-loader {
    position: absolute;
    top: -26px;
    left: 415px;
    display: none
}

.gad .gad-search .gad-complete__error {
    color: #979797;
    padding-left: 20px
}

.gad .gad-search div {
    position: relative
}

    .gad .gad-search div .gad-complete__error {
        display: none
    }

    .gad .gad-search div.load .spin-loader {
        opacity: 1;
        display: block
    }

    .gad .gad-search div.error .gad-complete__error {
        display: block
    }

.gad-complete {
    background: #fff
}

.gad-complete__element {
    font-size: .875em;
    letter-spacing: 2px;
    cursor: pointer
}

    .gad-complete__element .icon, .gad-complete__element .select .select__clear i, .select .select__clear .gad-complete__element i {
        background: none;
        color: #979797;
        font-size: 1.6875em;
        vertical-align: middle;
        margin-right: 5px
    }

    .gad-complete__element span {
        font-weight: 700
    }

    .gad-complete__element i {
        color: #d93d7a;
        font-style: normal
    }

    .gad-complete__element button {
        padding: .625em 0;
        width: 100%;
        text-align: left;
        background: none;
        color: #979797;
        white-space: inherit;
        font-size: 15px
    }

        .gad-complete__element button:hover {
            color: #d93d7a
        }

.gad-complete__list {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow-y: auto
}

@media screen and (min-width:768px) {
    .gad-complete__list {
        max-height: 249px
    }
}

.gad-complete .gad-complete__cities + .gad-complete__agencies {
    border-top: 1px solid #d93d7a
}

.gad-complete .gad-complete__cities .gad-complete__list {
    margin-top: 0
}

.gad-complete__element {
    font-size: 1.25em;
    margin: 0 15px;
    border-bottom: 1px solid #979797;
    padding: 11px 0 11px 15px
}

    .gad-complete__element:last-child {
        border-bottom: 0
    }

    .gad-complete__element button {
        padding: .3125em 0
    }

.gad-complete__cities .gad-complete__element {
    padding: 8px 0 7px 15px
}

.gad-filters__content {
    background: #fff;
    z-index: 10;
    overflow: hidden
}

.gad-filters .pb-form {
    padding: 1.25em 1.875em
}

.gad-filters .pb-form__input {
    margin-bottom: 1.25em
}

.gad-filters .pb-label-error {
    display: none
}

.gad-filters .pb-form-label {
    font-size: .75em
}

@media screen and (max-width:1023px) {
    .gad-filters {
        position: absolute;
        top: 0;
        width: 100%
    }

        .gad-filters.open .gad-filters__button--mobile {
            background: #fff;
            border: 1px solid #d93d7a
        }

    .gad-filters__content {
        position: absolute;
        top: 3.125em;
        width: 100%;
        height: 0
    }

    .gad-filters__button--desktop {
        display: none
    }

    .gad-filters .gad-filters__button--mobile {
        position: absolute;
        right: 0;
        font-size: 1em;
        width: 3.125em;
        height: 3.125em;
        border: 1px solid #d93d7a
    }

        .gad-filters .gad-filters__button--mobile .icon, .gad-filters .gad-filters__button--mobile .select .select__clear i, .select .select__clear .gad-filters .gad-filters__button--mobile i {
            font-size: 1.5625em
        }
}

@media screen and (min-width:768px) {
    .gad-filters .gad-filters__button--mobile {
        width: 4.375em;
        height: 4.375em
    }

        .gad-filters .gad-filters__button--mobile .icon, .gad-filters .gad-filters__button--mobile .select .select__clear i, .select .select__clear .gad-filters .gad-filters__button--mobile i {
            font-size: 2.1875em
        }

    .gad-filters__content {
        top: 4.375em
    }
}

@media screen and (min-width:1024px) {
    .gad-filters {
        top: 50%;
        transform: translateY(-50%);
        position: absolute;
        right: 0
    }

    .gad-filters__button--mobile {
        display: none
    }

    .gad-filters.open .gad-filters__button-hide {
        display: block
    }

    .gad-filters.open .gad-filters__button-show {
        display: none
    }

    .gad-filters.open .gad-filters__content {
        overflow: visible
    }

    .gad-filters__content {
        width: 0;
        height: 100%;
        box-shadow: 0 0 20px rgba(0,0,0,.1)
    }

    .gad-filters__button {
        position: absolute;
        left: -3.75em;
        top: 50%;
        transform: translateY(-50%);
        width: 3.75em;
        height: 16.25em;
        background: #d93d7a;
        color: #fff;
        text-transform: uppercase;
        transition: background .2s;
        font-size: .875em;
        font-weight: 700;
        overflow: hidden
    }

    .gad-filters__button-content {
        transform: rotate(-90deg) translateY(-10px);
        transform-origin: 40% 100%;
        display: inline-block;
        position: relative
    }

    .gad-filters__button-show {
        display: block
    }

    .gad-filters__button-hide {
        display: none
    }

    .gad-filters__button:hover {
        background: #dd5289
    }

    .gad-filters__button:focus {
        background: #d93d7a
    }

    .gad-filters .pb-form {
        padding: 2.5em;
        width: 20em
    }

    .gad-filters .pb-form__input {
        margin-bottom: 1.25em
    }

    .gad-filters .pb-form__group:first-child {
        margin-bottom: 3.125em
    }

    .gad-filters .pb-form-label__content {
        font-size: .8125em
    }

    .gad-filters .pb-form-label {
        font-size: 1em
    }
}

@media screen and (min-width:1440px) {
    .gad-filters .pb-form__group:first-child {
        margin-bottom: 5em
    }

    .gad-filters .pb-form-label__content {
        font-size: 1em
    }
}

.gad-menu {
    background-color: #fff;
    position: relative;
    top: 40px;
    left: 5%;
    display: table;
    width: 90%;
    font-size: .875em
}

@media screen and (max-width:639px) {
    .gad-menu {
        font-size: .75em
    }
}

.gad-menu-filter {
    border: 1px solid #d93d7a;
    display: table-cell;
    width: 33.333%;
    height: 50px;
    margin: 0;
    padding: 10px;
    position: relative;
    color: #d93d7a;
    vertical-align: middle;
    cursor: pointer;
    transition: background-color .15s
}

    .gad-menu-filter:nth-child(-n+2) {
        border-right: 0
    }

    .gad-menu-filter:nth-child(n+2):hover {
        border-left: 1px solid #212129
    }

    .gad-menu-filter:not(.gad-menu-filter--active):hover {
        background-color: #be2561;
        color: #fff
    }

        .gad-menu-filter:not(.gad-menu-filter--active):hover .icon, .gad-menu-filter:not(.gad-menu-filter--active):hover .select .select__clear i, .select .select__clear .gad-menu-filter:not(.gad-menu-filter--active):hover i {
            color: #fff
        }

    .gad-menu-filter .icon, .gad-menu-filter .select .select__clear i, .select .select__clear .gad-menu-filter i {
        position: absolute;
        right: 10px;
        color: #d93d7a
    }

    .gad-menu-filter span {
        margin-left: 5px;
        display: block;
        line-height: 14px
    }

@media screen and (max-width:639px) {
    .gad-menu-filter span {
        font-size: 11px
    }
}

.gad-menu-filter--active {
    background-color: #d93d7a;
    color: #fff;
    cursor: default
}

    .gad-menu-filter--active:nth-child(n+2) {
        border-left: 1px solid #212129
    }

    .gad-menu-filter--active span {
        margin-left: 0
    }

    .gad-menu-filter--active .icon, .gad-menu-filter--active .select .select__clear i, .select .select__clear .gad-menu-filter--active i {
        color: #fff;
        top: 17px
    }

    .gad-menu-filter--active .icon-cross, .gad-menu-filter--active .select .select__clear i, .select .select__clear .gad-menu-filter--active i {
        cursor: pointer
    }

@media screen and (max-width:639px) {
    .gad-menu-filter--active .icon-cross, .gad-menu-filter--active .select .select__clear i, .select .select__clear .gad-menu-filter--active i {
        font-size: 20px;
        top: 12px
    }
}

.gad-menu-filter--active .icon-cross:hover, .gad-menu-filter--active .select .select__clear i:hover, .select .select__clear .gad-menu-filter--active i:hover {
    font-weight: 700
}

@media screen and (max-width:639px) {
    .gad-menu {
        width: 100%;
        top: 0;
        left: 0;
        position: relative
    }
}

.gad-panel {
    width: 488px;
    background-color: #212129;
    position: absolute;
    top: 0;
    height: 100%;
    left: -488px;
    transition: all .4s;
    overflow: hidden
}

@media screen and (max-width:767px) {
    .gad-panel {
        width: 100%
    }
}

.gad-panel .results-load .results {
    opacity: .3
}

.gad-panel .results {
    position: absolute;
    border: 1px solid #d93d7a;
    top: 90px;
    z-index: 1;
    left: 5%;
    width: 90%;
    height: 80%;
    background-color: #fff;
    transition: all .4s
}

@media screen and (max-width:639px) {
    .gad-panel .results {
        top: 0
    }
}

@media screen and (max-width:767px) {
    .gad-panel .results {
        left: 0;
        width: 100%
    }
}

.gad-panel .results--on {
    top: 90px
}

@media screen and (max-width:639px) {
    .gad-panel .results--on {
        top: 0;
        height: 100%
    }
}

.gad-panel .results--filter {
    top: 155px;
    height: 70%
}

@media screen and (max-width:639px) {
    .gad-panel .results--filter {
        top: 100px;
        width: 100%;
        height: calc(100% - 149px)
    }
}

.gad-panel .results .results-header {
    background-color: #d93d7a;
    height: 53px;
    color: #fff;
    width: 100%;
    padding-top: 14px
}

    .gad-panel .results .results-header div {
        font-size: 18px;
        margin-left: 20px;
        display: inline-block
    }

@media screen and (max-width:639px) {
    .gad-panel .results .results-header .gad-visible {
        display: none
    }
}

.gad-panel .results .results-header .gad-visible {
    font-size: .9375em;
    position: absolute;
    top: 16px;
    right: 10px;
    cursor: pointer
}

    .gad-panel .results .results-header .gad-visible label {
        margin-right: 12px
    }

        .gad-panel .results .results-header .gad-visible label:hover {
            cursor: pointer
        }

    .gad-panel .results .results-header .gad-visible input[type=checkbox] {
        background-color: #fff;
        color: #d93d7a;
        -webkit-appearance: none
    }

        .gad-panel .results .results-header .gad-visible input[type=checkbox]:after {
            content: " ";
            width: 15px;
            height: 15px;
            background-color: #fff;
            position: absolute;
            top: 1px;
            right: 0
        }

        .gad-panel .results .results-header .gad-visible input[type=checkbox]:checked + i {
            display: inline-block
        }

    .gad-panel .results .results-header .gad-visible .icon, .gad-panel .results .results-header .gad-visible .select .select__clear i, .select .select__clear .gad-panel .results .results-header .gad-visible i {
        position: absolute;
        color: #d93d7a;
        top: 1px;
        right: -8px;
        display: none
    }

.gad-panel .results .results-header .icon, .gad-panel .results .results-header .select .select__clear i, .select .select__clear .gad-panel .results .results-header i {
    margin-right: 10px
}

.gad-panel .results .results-header .spin-loader {
    top: 25px;
    left: 390px;
    opacity: 1
}

@media screen and (max-width:639px) {
    .gad-panel .results .results-header .spin-loader {
        top: 50%;
        left: 50%;
        margin-left: 0;
        position: absolute
    }
}

.gad-panel .results .results-header small {
    opacity: .3
}

.gad-panel .results .results-header--clickable {
    cursor: pointer;
    transition: background-color .5s
}

    .gad-panel .results .results-header--clickable:hover {
        background-color: #be2561
    }

.gad-panel .results .results-content {
    overflow-y: auto;
    height: calc(100% - 53px)
}

@media screen and (max-width:639px) {
    .gad-panel .results .results-content {
        height: 100%;
        padding-bottom: 50px
    }
}

.gad-panel .results .results-content .results-content-agency {
    width: 90%;
    margin: 0 auto;
    border-bottom: 1px solid #212129;
    margin: 20px;
    padding-bottom: 20px;
    position: relative;
    color: #979797
}

.gad-panel .results .results-content .results-content-agency-title {
    color: #d93d7a;
    display: block
}

.gad-panel .results .results-content .results-content-agency-network {
    position: absolute;
    right: 10px;
    bottom: 20px
}

.gad-panel .results .results-content .results-content-agency-pastille {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    display: inline-block;
    margin-right: 7px
}

.gad-panel .results .results-content ul {
    margin: 0;
    padding: 0
}

.gad-panel .results .results-content li {
    width: 90%;
    margin: 0 auto;
    border-bottom: 1px solid #979797;
    padding: 15px 0;
    color: #979797;
    cursor: pointer;
    list-style-type: none;
    transition: all .3s
}

    .gad-panel .results .results-content li span:first-child {
        width: 15px;
        height: 15px;
        border-radius: 50%;
        display: inline-block;
        margin-right: 15px
    }

    .gad-panel .results .results-content li:hover {
        background-color: #fdf5f8;
        padding-left: 12px;
        color: #212129
    }

    .gad-panel .results .results-content li:last-child {
        border-bottom: 0;
        margin-bottom: 10px
    }

.gad-panel .results .results-content .results-content-solution-network {
    position: absolute;
    right: 10px;
    bottom: 20px
}

.gad-panel .results .results-content .results-content-solution-pastille {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #0056a4;
    display: inline-block;
    margin-right: 7px
}

.gad-panel .results .results-content .pastille-1 {
    background-color: #862891
}

.gad-panel .results .results-content .pastille-2 {
    background-color: #00b0a3
}

.gad-panel .results .results-content .pastille-3 {
    background-color: #0056a4
}

.gad-panel .results .results-content .pastille-4 {
    background-color: #ef983b
}

.gad-panel .results .results-content .pastille-6 {
    background-color: #a59461
}

.gad-panel .results-content-solution-agencies {
    position: relative;
    font-size: 15px;
    padding: 15px 15px 25px !important
}

@media screen and (max-width:639px) {
    .gad-panel .results-content-solution-agencies:after {
        content: "›";
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 15px;
        font-weight: 700;
        font-size: 20px
    }
}

.gad-panel .results-content-solution-agencies-title {
    color: #d93d7a
}

.gad-panel .results-content-solution-agencies-hub {
    font-size: 14px
}

@media screen and (min-width:640px) {
    .gad-panel .results-content-solution-agencies-hub {
        position: absolute;
        right: 10px
    }
}

@media screen and (max-width:639px) {
    .gad-panel .results-content-solution-agencies-hub {
        margin-top: 5px
    }
}

.gad-panel .results-content-solution-agencies-hub span {
    width: 12px !important;
    height: 12px !important;
    margin-right: 5px !important
}

.gad-actions--open {
    height: 100%;
    overflow-y: hidden
}

.gad-panel--open {
    left: 0;
    opacity: 1
}

@media screen and (max-width:767px) {
    .gad-actions--filters {
        height: 100%
    }

        .gad-actions--filters .gad-mobile-cta, .gad-actions--filters .gad-search {
            display: none
        }

        .gad-actions--filters .results-content {
            height: 100% !important
        }

    .gad-panel--closemobile {
        left: -100%
    }
}

.job-search .btn .spin-loader, .job-search .select .select__clear .spin-loader, .job-search .subscribe__btn .spin-loader, .select .job-search .select__clear .spin-loader {
    position: absolute;
    transform: translate(0);
    top: 50%;
    transform: translateY(-50%);
    z-index: 1
}

.job-search.loading .btn .spin-loader, .job-search.loading .select .select__clear .spin-loader, .job-search.loading .subscribe__btn .spin-loader, .select .job-search.loading .select__clear .spin-loader {
    opacity: 1
}

.job-search .job-connect {
    text-align: center;
    margin-bottom: 1.875em;
    font-size: .75em
}

@media screen and (min-width:768px) {
    .job-search .job-connect {
        font-size: .875em;
        margin-bottom: 2.5em
    }
}

@media screen and (min-width:1024px) {
    .job-search .job-connect {
        margin-bottom: 3.125em;
        font-size: 1em
    }
}

.job-search .job-connect__title {
    color: #979797;
    margin: 0
}

.job-search .job-connect .btn, .job-search .job-connect .select .select__clear, .job-search .job-connect .subscribe__btn, .select .job-search .job-connect .select__clear {
    display: inline-block
}

.job-search .job-connect .job-connect__errors {
    padding: 0;
    width: 100%;
    list-style: none;
    text-align: center;
    margin: 1.875em auto 0;
    max-width: 31.25em
}

.job-search .job-connect .job-connect__error {
    color: #cc4d43
}

.job-search__title {
    text-align: center;
    line-height: 1.9;
    margin: auto;
    margin-bottom: 5em;
    color: #979797;
    font-size: .75em
}

@media screen and (min-width:768px) {
    .job-search__title {
        font-size: .875em;
        width: 90%
    }
}

@media screen and (min-width:1024px) {
    .job-search__title {
        font-size: 1em;
        width: 70%
    }
}

.job-search__form__title {
    text-align: center
}

    .job-search__form__title span {
        color: #9d833e
    }

.job-search__form {
    display: block;
    width: 100%;
    position: relative
}

.job-search__form__title {
    display: block;
    margin-bottom: 4em
}

.job-search .btn, .job-search .select .select__clear, .job-search .subscribe__btn, .select .job-search .select__clear {
    display: block;
    margin: 2em auto 0
}

.job-result__hotjob {
    position: absolute;
    top: 0;
    right: 0;
    color: #fff;
    background: #9d833e;
    margin: 0;
    padding: 1.08333em;
    letter-spacing: 2px
}

.jobs-results__count {
    text-align: center;
    margin-bottom: 3em
}

    .jobs-results__count span {
        color: #9d833e
    }

.job-result__date {
    color: #9d833e;
    letter-spacing: 2px;
    margin-bottom: 1.1em
}

.job-result__title {
    line-height: 1.5;
    margin-bottom: 1.6em;
    min-height: 3.2em
}

body :not(.active)[data-pagination-item] {
    display: none !important
}

.jobs-results__results ul {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 0
}

    .jobs-results__results ul:after {
        clear: both;
        content: "";
        display: table
    }

.job-result {
    position: relative;
    width: 100%;
    display: inline-block;
    background-color: #fff;
    padding: 3.0625em 2.1875em;
    margin-bottom: 1.5625em
}

@media screen and (min-width:768px) {
    .job-result {
        padding: 3.0625em 2.1875em;
        margin-bottom: 2.35765%;
        min-height: 31.875em
    }

        .job-result .about__link, .job-result .link {
            position: absolute;
            bottom: 2.5em
        }
}

@media screen and (min-width:768px) and (max-width:1023px) {
    .job-result {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 48.82117%
    }

        .job-result:last-child, .job-result:nth-child(2n) {
            margin-right: 0
        }

        .job-result:nth-child(odd) {
            clear: left
        }
}

@media screen and (min-width:1024px) {
    .job-result {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 31.76157%
    }

        .job-result:last-child, .job-result:nth-child(3n) {
            margin-right: 0
        }

        .job-result:nth-child(3n+1) {
            clear: left
        }
}

.job-result__specs {
    position: relative;
    display: table;
    width: 100%;
    margin-bottom: 2.1875em
}

@media screen and (min-width:768px) {
    .job-result__specs {
        margin-bottom: 4.375em
    }
}

.job-result__spec {
    display: table-row
}

    .job-result__spec p {
        display: table-cell;
        margin: 0;
        width: 50%;
        text-align: left;
        text-transform: uppercase;
        font-weight: 700;
        padding-bottom: 1.2em;
        padding-right: 10px
    }

        .job-result__spec p:nth-child(2n) {
            font-weight: 400;
            padding-right: 0
        }

@media screen and (min-width:768px) {
    .job-result__spec p {
        padding-right: 18px
    }
}

.join-us, .join-us__title {
    text-align: center
}

.join-us__title {
    line-height: 2;
    margin-bottom: 3.5em;
    letter-spacing: 2px
}

.join-us .btn, .join-us .select .select__clear, .join-us .subscribe__btn, .select .join-us .select__clear {
    display: inline-block;
    margin: auto
}

.job-maillot {
    display: block;
    width: 100%;
    padding: 0;
    position: relative;
    overflow: hidden
}

@media screen and (min-width:768px) {
    .job-maillot {
        padding: 3.4375em 2.5em
    }
}

.job-encart {
    display: block
}

@media screen and (min-width:768px) {
    .job-encart {
        display: table
    }
}

.job-maillot__job {
    position: relative;
    width: 100%;
    display: inline-block;
    padding: 3.0625em 2.1875em;
    background-color: #fff
}

@media screen and (min-width:768px) {
    .job-maillot__job {
        float: left;
        display: table-cell;
        padding: 3.0625em 2.1875em;
        min-width: 23.75em
    }
}

.job-maillot_maillot-img {
    display: block;
    margin: auto;
    width: 135px;
    height: 132px;
    background-size: contain;
    background-image: url(../images/static/groupe/careers/job-maillot-maillot.png)
}

.job-maillot__maillot {
    display: block;
    width: 100%;
    position: relative;
    background-color: hsla(0,0%,100%,.8);
    padding: 3.4375em 2.5em
}

@media screen and (min-width:768px) {
    .job-maillot__maillot {
        padding: 0;
        display: table-cell;
        width: 200px;
        vertical-align: middle
    }
}

.jobs-single__header-section {
    list-style: none;
    margin: 0;
    padding: 0;
    padding-bottom: 1.25em
}

.jobs-single__element {
    line-height: 1.5;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 1.25em;
    font-size: .8125em
}

.jobs-single__caracteristique {
    display: block
}

.jobs-single__label {
    display: block;
    font-weight: 700
}

.jobs-single__description {
    color: #979797;
    line-height: 2;
    border-top: 1px solid #979797;
    padding-bottom: 3.125em;
    padding-top: 3.125em;
    font-size: .8125em
}

    .jobs-single__description strong {
        color: #9d833e
    }

    .jobs-single__description ul {
        padding: 1.25em
    }

.jobs-single__footer {
    padding-top: 1.875em;
    border-top: 1px solid #979797
}

.jobs-single__footer-cta {
    margin-top: 3.125em;
    text-align: center
}

    .jobs-single__footer-cta .btn, .jobs-single__footer-cta .select .select__clear, .jobs-single__footer-cta .subscribe__btn, .select .jobs-single__footer-cta .select__clear {
        margin-bottom: .625em;
        margin-left: 1.25em
    }

        .jobs-single__footer-cta .btn:first-child, .jobs-single__footer-cta .select .select__clear:first-child, .jobs-single__footer-cta .subscribe__btn:first-child, .select .jobs-single__footer-cta .select__clear:first-child {
            margin-left: 0
        }

@media screen and (min-width:768px) {
    .jobs-single__header-section {
        padding-bottom: 3.125em
    }

    .jobs-single__label {
        width: 15em
    }

    .jobs-single__caracteristique, .jobs-single__label {
        display: inline-block
    }

    .jobs-single__element {
        font-size: 1em;
        line-height: 3;
        margin-bottom: 0
    }

    .jobs-single__description {
        font-size: 1em
    }
}

.hot-jobs .push-element__actions, .hot-jobs .push-element__content {
    margin: 3.125em 2.5em
}

.hot-jobs .carousel-frame {
    margin: auto;
    max-width: 100%
}

.hot-jobs .push-element__date {
    color: #9d833e;
    margin-bottom: .9375em
}

.hot-jobs .push-element__title {
    min-height: inherit
}

.hot-jobs .job-result__specs {
    margin: 2.5em 0;
    padding: 0;
    list-style: none
}

.hot-jobs .push-element__ecusson {
    background: #9d833e;
    color: #fff;
    padding: .9375em 1.25em;
    margin: 0;
    position: absolute;
    top: 0;
    right: 0;
    text-transform: uppercase;
    font-weight: 700;
    font-size: .6875em;
    letter-spacing: 2px
}

.hot-jobs .push-element {
    width: 100%;
    margin-left: 0;
    background: #fff
}

@media screen and (min-width:768px) {
    .hot-jobs .push-element {
        width: auto;
        margin-right: 30px
    }

        .hot-jobs .push-element:last-child {
            margin-right: 0
        }
}

@media screen and (min-width:1024px) {
    .hot-jobs .push-element {
        width: auto;
        margin-right: 10px
    }

        .hot-jobs .push-element:last-child {
            margin-right: 0
        }
}

@media screen and (min-width:1440px) {
    .hot-jobs .push-element {
        width: auto;
        margin-right: 30px
    }

        .hot-jobs .push-element:last-child {
            margin-right: 0
        }
}

.hot-jobs .pushes__navigation, .hot-jobs .pushes__pagination {
    display: block
}

@media screen and (min-width:1024px) {
    .hot-jobs .pushes__navigation, .hot-jobs .pushes__pagination {
        display: none
    }
}

.pillars .pillars__list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: space-arround;
    justify-content: space-arround
}

.pillars .pillars__element {
    width: 50%;
    padding: 0 .625em
}

.pillars .pillars__media {
    margin: 0
}

    .pillars .pillars__media img {
        width: 100%
    }

.pillars .pillars__content {
    line-height: 1.7;
    font-size: .8125em;
    text-align: center
}

@media screen and (min-width:768px) {
    .pillars .pillars__element {
        width: 25%
    }

    .pillars .pillars__content {
        font-size: .875em
    }
}

@media screen and (min-width:1024px) {
    .pillars .pillars__content {
        font-size: 1em;
        padding: 0 1.25em
    }
}

.power-one__title {
    color: #000;
    text-align: center;
    line-height: 1.1;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    font-size: 1.25em
}

@media screen and (min-width:768px) {
    .power-one__title {
        font-size: 1.5625em
    }
}

@media screen and (min-width:1024px) {
    .power-one__title {
        font-size: 2.1875em
    }
}

.power-one__desc {
    margin: 0;
    padding: 0;
    line-height: 1.5;
    letter-spacing: 1.1px;
    margin-bottom: 1.7em;
    font-size: .625em
}

@media screen and (min-width:768px) {
    .power-one__desc {
        font-size: .6875em
    }
}

@media screen and (min-width:1024px) {
    .power-one__desc {
        font-size: .875em
    }
}

.power-one .about__link, .power-one .about__link i, .power-one .link, .power-one .link i, .power-one__desc {
    color: #000
}

.power-one {
    position: relative
}

    .power-one .start-page__content {
        display: block;
        padding: 0;
        text-align: center
    }

    .power-one .start-network__content, .power-one .start-network__content a, .power-one .start-network__subtitle, .power-one .start-network__subtitle a {
        color: #fff
    }

    .power-one .start-network__subtitle {
        padding: 0;
        margin: 0;
        margin: 0 0 .3125em;
        text-transform: uppercase;
        font-weight: 700;
        font-size: .875em;
        letter-spacing: 2px;
        text-align: center;
        margin-bottom: 1.8em
    }

@media screen and (min-width:768px) {
    .power-one .start-network__subtitle {
        font-size: 1.125em
    }
}

@media screen and (min-width:1024px) {
    .power-one .start-network__subtitle {
        font-size: 1.375em;
        letter-spacing: 4px
    }
}

.power-one .start-network__content {
    line-height: 2em;
    font-size: .8125em;
    text-align: justify
}

@media screen and (min-width:1024px) {
    .power-one .start-network__content {
        font-size: 1em
    }
}

.power-one__publicis {
    display: block
}

    .power-one__publicis .sprite-pb-lion {
        display: block;
        margin: auto;
        width: 40px;
        margin-bottom: .3125em
    }

    .power-one__publicis .sprite-pb-one {
        display: block;
        margin: auto;
        margin-bottom: .625em;
        width: 51.2px
    }

@media screen and (min-width:768px) {
    .power-one__publicis .sprite-pb-lion {
        width: 70px
    }

    .power-one__publicis .sprite-pb-one {
        width: 89.6px
    }
}

@media screen and (min-width:1024px) {
    .power-one__publicis .sprite-pb-lion {
        width: 100px
    }

    .power-one__publicis .sprite-pb-one {
        width: 128px;
        margin-bottom: 1.125em
    }
}

.power-one__publicis-wrapper {
    text-align: center;
    border-radius: 50%;
    border: 3px solid rgba(157,131,62,.5);
    padding: .8125em 1.875em;
    background-color: #fff;
    color: #000
}

@media screen and (min-width:768px) {
    .power-one__publicis-wrapper {
        padding: 3.125em 2.5em
    }
}

@media screen and (min-width:1024px) {
    .power-one__publicis-wrapper {
        padding: 3.125em 3.75em
    }
}

.power-one__publicis-wrapper .power-one__title {
    margin-bottom: .3em
}

.power-one__graphik {
    position: relative;
    display: block;
    margin: auto;
    width: 286px;
    height: 286px;
    margin-bottom: 2.3125em
}

@media screen and (min-width:768px) {
    .power-one__graphik {
        width: 615px;
        height: 615px;
        margin-bottom: 4.375em
    }
}

@media screen and (min-width:1024px) {
    .power-one__graphik {
        width: 841px;
        height: 841px;
        margin-bottom: 5.9375em
    }
}

.power-one__graphik__svg {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: visible
}

    .power-one__graphik__svg .ovale {
        stroke: #9d833e;
        fill: none;
        stroke-width: 1.5;
        stroke-dashoffset: 50%;
        stroke-dasharray: 320% 50%
    }

    .power-one__graphik__svg .ovaleBg {
        stroke: none;
        fill: #fff
    }

    .power-one__graphik__svg .circle {
        fill: #d93d7a;
        transform-origin: center center
    }

        .power-one__graphik__svg .circle.circle--top {
            opacity: .5
        }

    .power-one__graphik__svg .dots {
        display: none
    }

@media screen and (min-width:1024px) {
    .power-one__graphik__svg .dots {
        display: block
    }

    .ismobile .power-one__graphik__svg .dots, .istablet .power-one__graphik__svg .dots {
        display: none
    }
}

.power-one__graphik__svg .dot {
    fill: #9d833e
}

    .power-one__graphik__svg .dot.dot--roll {
        opacity: 0;
        fill: rgba(255,0,0,.2)
    }

    .power-one__graphik__svg .dot.dot--anim {
        stroke: #9d833e;
        stroke-width: 0;
        transform-origin: center;
        transition: stroke-width .3s cubic-bezier(.215,.61,.355,1),fill .3s cubic-bezier(.215,.61,.355,1),transform .3s cubic-bezier(.215,.61,.355,1)
    }

.power-one__graphik__svg .agency-dot {
    cursor: pointer
}

    .power-one__graphik__svg .agency-dot:hover .dot.dot--anim {
        stroke-width: 3px;
        fill: #fff;
        transition: stroke-width .15s cubic-bezier(.215,.61,.355,1),fill .15s cubic-bezier(.215,.61,.355,1)
    }

.power-one__graphik__svg .dots.dots--communications .dot {
    fill: #862891
}

    .power-one__graphik__svg .dots.dots--communications .dot.dot--anim {
        stroke: #862891
    }

.power-one__graphik__svg .screen {
    mix-blend-mode: screen
}

.power-one__graphik__svg .dots.dots--sapient .dot {
    fill: #ef983b
}

    .power-one__graphik__svg .dots.dots--sapient .dot.dot--anim {
        stroke: #ef983b
    }

.power-one__graphik__svg .dots.dots--health .dot {
    fill: #00b0a3
}

    .power-one__graphik__svg .dots.dots--health .dot.dot--anim {
        stroke: #00b0a3
    }

.power-one__graphik__svg .dots.dots--media .dot {
    fill: #0056a4
}

    .power-one__graphik__svg .dots.dots--media .dot.dot--anim {
        stroke: #0056a4
    }

.power-one__infos {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none
}

.power-one__clients {
    position: absolute;
    width: 74px;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    margin: 0;
    padding: 0;
    line-height: 1;
    transition: color .2s ease-out;
    pointer-events: all;
    cursor: pointer
}

    .power-one__clients, .power-one__clients:focus, .power-one__clients:visited {
        color: #fff;
        text-decoration: none
    }

@media screen and (min-width:768px) {
    .power-one__clients {
        width: auto
    }
}

.sprite svg {
    max-height: 100%
}

.power-info {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    position: absolute;
    width: 105px
}

    .power-info .sprite-pb-lion {
        margin: auto;
        width: 50px;
        margin-bottom: .3125em
    }

    .power-info .sprite svg {
        vertical-align: top
    }

    .power-info .sprite-pb-com {
        width: 102px
    }

    .power-info .sprite-pb-sapient {
        width: 104px
    }

    .power-info .sprite-pb-health, .power-info .sprite-pb-media {
        width: 52px
    }

    .power-info .sprite-infos-title {
        margin: auto;
        margin-bottom: .3125em
    }

@media screen and (min-width:768px) {
    .power-info .sprite-infos-title {
        margin-bottom: .9375em
    }

    .power-info .sprite-pb-lion {
        width: 70px;
        margin-bottom: .75em
    }

    .power-info .sprite-pb-com {
        width: 178.5px
    }

    .power-info .sprite-pb-sapient {
        width: 182px
    }

    .power-info .sprite-pb-health, .power-info .sprite-pb-media {
        width: 91px
    }
}

@media screen and (min-width:1024px) {
    .power-info .sprite-pb-lion {
        width: 100px;
        height: 60px;
        margin-bottom: .625em
    }

    .power-info .sprite-infos-title {
        margin-bottom: 1.5em
    }

    .power-info .sprite-pb-com {
        width: 255px;
        height: 43px
    }

    .power-info .sprite-pb-sapient {
        width: 260px;
        height: 18px
    }

    .power-info .sprite-pb-health, .power-info .sprite-pb-media {
        width: 130px;
        height: 48px
    }
}

.power-info .power-info__link-logo {
    position: relative;
    z-index: 1;
    pointer-events: auto;
    cursor: pointer
}

.power-info .power-one__desc {
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: none
}

.power-info .about__link, .power-info .link {
    pointer-events: auto
}

.power-info.power-one--communications {
    left: 15px;
    bottom: 180px
}

.power-info.power-one--sapient {
    right: 15px;
    bottom: 180px
}

.power-info.power-one--health {
    right: 15px;
    bottom: 25px
}

.power-info.power-one--media {
    left: 15px;
    bottom: 25px
}

@media screen and (min-width:768px) {
    .power-info {
        width: 215px;
        height: 167px
    }

        .power-info .power-one__desc {
            display: block
        }

        .power-info.power-one--communications {
            top: 50px;
            left: 35px;
            bottom: auto
        }

        .power-info.power-one--media {
            top: 380px;
            left: 35px;
            bottom: auto
        }

        .power-info.power-one--sapient {
            top: 50px;
            right: 35px;
            bottom: auto
        }

        .power-info.power-one--health {
            top: 380px;
            right: 35px;
            bottom: auto
        }
}

@media screen and (min-width:1024px) {
    .power-info {
        width: 300px;
        height: 215px
    }

        .power-info.power-one--communications {
            top: 59px;
            left: 40px
        }

        .power-info.power-one--media {
            top: 502px;
            left: 40px
        }

        .power-info.power-one--sapient {
            top: 59px;
            right: 40px
        }

        .power-info.power-one--health {
            top: 502px;
            right: 40px
        }
}

.tooltip-cont {
    position: relative;
    width: 100%;
    height: 100%
}

.pb-tooltip {
    position: absolute;
    display: inline-block;
    margin: 0;
    padding: .57143em .92857em;
    font-family: Gotham Narrow A,Gotham Narrow B;
    font-size: .875em;
    text-transform: uppercase;
    white-space: nowrap;
    color: #fff
}

    .pb-tooltip.pb-tooltip--left {
        transform: translate(-100%)
    }

.power-one__scroll-down {
    display: none;
    position: absolute;
    left: 50%;
    top: 3%;
    transform: translate(-50%)
}

    .power-one__scroll-down svg {
        overflow: visible
    }

@media screen and (min-width:1024px) {
    .power-one__scroll-down {
        display: block
    }

    .istablet .power-one__scroll-down {
        display: none
    }
}

.questionsAnswers__list {
    margin: 0;
    padding: 0;
    list-style: none
}

    .questionsAnswers__list li {
        margin-bottom: .9375em
    }

        .questionsAnswers__list li a {
            color: #979797;
            font-size: .75em
        }

.questionsAnswers__more {
    margin-top: 1.875em
}

    .questionsAnswers__more a {
        color: #9d833e;
        font-size: .75em
    }

@media screen and (min-width:768px) {
    .questionsAnswers li a {
        font-size: 1em
    }

    .questionsAnswers__more {
        margin-top: 3.125em
    }

        .questionsAnswers__more a {
            font-size: 1em
        }
}

@media screen and (min-width:1024px) {
    .questionsAnswers__more a, .questionsAnswers li a {
        font-size: 1.125em
    }
}

@media screen and (min-width:768px) {
    .hp-sp {
        padding: 0 6.25em
    }
}

.hp-sp__title {
    padding: 0;
    margin: 0 0 .5em;
    font-family: ITC New Baskerville W01;
    font-weight: 400;
    font-size: 1.5625em;
    color: #fff
}

@media screen and (min-width:768px) {
    .hp-sp__title {
        font-size: 2em
    }
}

@media screen and (min-width:1024px) {
    .hp-sp__title {
        font-size: 2.5em
    }
}

.hp-sp__subtitle {
    padding: 0;
    margin: 0;
    margin: 0 0 .3125em;
    text-transform: uppercase;
    font-weight: 700;
    font-size: .75em;
    letter-spacing: 1px;
    letter-spacing: 2px;
    margin-bottom: 2.2em;
    line-height: 1.4
}

@media screen and (min-width:768px) {
    .hp-sp__subtitle {
        font-size: .875em
    }
}

@media screen and (min-width:1024px) {
    .hp-sp__subtitle {
        font-size: 1em
    }
}

@media screen and (min-width:768px) {
    .hp-sp__subtitle {
        font-size: .9375em;
        letter-spacing: 3px
    }
}

.hp-sp__label {
    margin: 0;
    margin-bottom: 2.8em;
    text-align: justify;
    line-height: 2;
    font-size: .75em
}

@media screen and (min-width:768px) {
    .hp-sp__label {
        font-size: .9375em
    }
}

.hp-sp-content {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    display: block;
    width: 100%;
    margin: 0;
    margin-bottom: 1.875em
}

    .hp-sp-content:after {
        clear: both;
        content: "";
        display: table
    }

    .hp-sp-content:last-child {
        margin-bottom: 0
    }

.hp-sp-subcontent {
    width: 100%
}

    .hp-sp-subcontent:after {
        clear: both;
        content: "";
        display: table
    }

@media screen and (min-width:768px) {
    .hp-sp-subcontent--left, .hp-sp-subcontent--right {
        width: 49%
    }

    .hp-sp-subcontent--left {
        float: left
    }

    .hp-sp-subcontent--right {
        float: right
    }
}

.hp-group .hp-sp__title {
    color: #000
}

@media screen and (min-width:768px) {
    .hp-link-container .hp-sp__title {
        font-size: 1.7em
    }
}

@media screen and (min-width:1024px) {
    .hp-link-container .hp-sp__title {
        font-size: 2.5em
    }
}

@media screen and (min-width:768px) {
    .hp-link-container {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 31.76157%;
        height: auto;
        margin-bottom: 3.125em;
        margin-top: 3.125em
    }

        .hp-link-container:last-child {
            margin-right: 0
        }
}

.hp-link-wrapper .hp-sp__title {
    bottom: 50%;
    margin-bottom: 0
}

.square-links__title {
    padding: 0;
    margin: 0 0 .5em;
    font-family: ITC New Baskerville W01;
    font-weight: 400;
    font-size: 1.5625em;
    color: #fff
}

@media screen and (min-width:768px) {
    .square-links__title {
        font-size: 2em
    }
}

@media screen and (min-width:1024px) {
    .square-links__title {
        font-size: 2.5em
    }
}

.square-links__subtitle {
    padding: 0;
    margin: 0;
    margin: 0 0 .3125em;
    text-transform: uppercase;
    font-weight: 700;
    font-size: .75em;
    letter-spacing: 1px;
    letter-spacing: 2px;
    margin-bottom: 2.2em;
    line-height: 1.4
}

@media screen and (min-width:768px) {
    .square-links__subtitle {
        font-size: .875em
    }
}

@media screen and (min-width:1024px) {
    .square-links__subtitle {
        font-size: 1em
    }
}

@media screen and (min-width:768px) {
    .square-links__subtitle {
        font-size: .9375em;
        letter-spacing: 3px
    }
}

.square-links__label {
    margin: 0;
    margin-bottom: 2.8em;
    text-align: justify;
    line-height: 2;
    font-size: .75em
}

@media screen and (min-width:768px) {
    .square-links__label {
        font-size: .9375em
    }
}

.square-links-content {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    display: block;
    width: 100%;
    margin: 0;
    margin-bottom: 1.875em
}

    .square-links-content:after {
        clear: both;
        content: "";
        display: table
    }

    .square-links-content:last-child {
        margin-bottom: 0
    }

.square-links-subcontent {
    width: 100%
}

    .square-links-subcontent:after {
        clear: both;
        content: "";
        display: table
    }

@media screen and (min-width:768px) {
    .square-links-subcontent--left, .square-links-subcontent--right {
        width: 49%
    }

    .square-links-subcontent--left {
        float: left
    }

    .square-links-subcontent--right {
        float: right
    }
}

.hp-group-picture {
    display: none;
    position: relative
}

    .hp-group-picture .mask {
        display: none
    }

    .hp-group-picture .picture-container {
        position: relative;
        overflow: hidden;
        width: 100%;
        height: 100%
    }

    .hp-group-picture .picture {
        position: relative;
        width: 100%;
        height: 110%;
        background-position: 50%;
        background-size: cover
    }

@media screen and (min-width:768px) {
    .hp-group-picture {
        display: block;
        width: calc(100% + 3.75em);
        height: 21.25em;
        margin-left: -1.875em;
        margin-right: -1.875em
    }
}

@media screen and (min-width:1024px) {
    .hp-group-picture {
        position: absolute;
        width: 51%;
        height: 75%;
        top: 15%;
        left: 0;
        margin-left: 0;
        margin-right: 0
    }

        .hp-group-picture .mask {
            display: block;
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: #f5f5f5;
            transform: translateX(-100%);
            will-change: transform
        }
}

.hp-group {
    position: relative;
    color: #000;
    text-align: center
}

@media screen and (max-width:639px) {
    .hp-group {
        width: 100%
    }
}

@media screen and (min-width:768px) and (max-width:1023px) {
    .hp-group {
        width: 100%
    }
}

@media screen and (min-width:640px) and (max-width:767px) {
    .hp-group {
        width: 100%
    }
}

@media screen and (min-width:768px) {
    .hp-group {
        background-color: #fff;
        border: 1px solid #9d833e;
        margin-top: -12.5em;
        padding: 3.125em 2.8125em
    }
}

@media screen and (min-width:1024px) {
    .hp-group {
        margin-top: 0;
        padding: 3.75em 5em
    }
}

.hp-group .about__link, .hp-group .link, .hp-group .square-links__title {
    color: #000
}

.hp-join {
    background-color: #fff;
    padding: 16px;
    text-align: center;
    margin-bottom: 1.875em
}

@media screen and (min-width:768px) {
    .hp-join {
        margin-bottom: 0
    }
}

@media screen and (min-width:1024px) {
    .hp-join {
        max-width: 500px
    }
}

.hp-join-container {
    border: 1px solid #9d833e;
    padding: 2.8125em 1.875em
}

@media screen and (min-width:768px) {
    .hp-join-container {
        padding: 2.8125em 1.875em
    }
}

@media screen and (min-width:1024px) {
    .hp-join-container {
        padding: 4.0625em 4.375em
    }
}

.hp-link-container {
    display: block;
    position: relative;
    width: 100%;
    height: 9.375em;
    margin-bottom: 1.875em
}

@media screen and (min-width:768px) {
    .hp-link-container .square-links__title {
        font-size: 1.7em
    }
}

@media screen and (min-width:1024px) {
    .hp-link-container .square-links__title {
        font-size: 2.5em
    }
}

.hp-link-container:last-child {
    margin-bottom: 0
}

@media screen and (min-width:768px) {
    .hp-link-container {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 30.90859%;
        height: auto;
        margin-bottom: 3.125em;
        margin-top: 3.125em
    }

        .hp-link-container:last-child {
            margin-right: 0
        }
}

.hp-link {
    text-align: center
}

    .hp-link .about__link, .hp-link .link {
        color: #fff
    }

.hp-link-wrapper-bg {
    background-size: cover;
    background-position: 50%
}

.hp-link-wrapper {
    position: relative
}

    .hp-link-wrapper .square-links__title {
        bottom: 50%;
        margin-bottom: 0
    }

    .hp-link-wrapper .about__link, .hp-link-wrapper .link {
        top: 50%;
        margin-top: .625em
    }

        .hp-link-wrapper .about__link .icon, .hp-link-wrapper .about__link .select .select__clear i, .hp-link-wrapper .link .icon, .hp-link-wrapper .link .select .select__clear i, .select .select__clear .hp-link-wrapper .about__link i, .select .select__clear .hp-link-wrapper .link i {
            color: #fff
        }

@media screen and (min-width:768px) {
    .hp-link {
        padding-top: 100%
    }
}

.stock-archive {
    background: #00b0a3;
    color: #fff;
    padding: 3.125em .625em;
    text-align: center;
    display: inline-block;
    width: 100%
}

.stock-archive__title {
    margin-bottom: 1.25em
}

.stock-archive__description {
    line-height: 1.5;
    margin-bottom: 2.5em
}

.stock-archive__label {
    width: 90px;
    line-height: 2.1875em;
    text-align: right;
    letter-spacing: 2px;
    font-size: .6875em;
    margin-right: 1.875em;
    white-space: nowrap
}

.stock-archive__date {
    position: relative;
    line-height: 2.5em
}

.stock-archive__input {
    border-bottom: 2px solid hsla(0,0%,100%,.3);
    font-size: .6875em;
    color: #fff;
    font-weight: 700;
    letter-spacing: 2px;
    text-align: center;
    padding: .3125em 0;
    top: -.625em;
    position: relative
}

.stock-archive__separator {
    font-size: 1.25em;
    margin: 0 .0625em 0 .3125em
}

.stock-archive__element {
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 1.25em
}

.stock-archive__form {
    margin: auto
}

.stock-archive__submit {
    margin-top: 1.875em
}

.stock-archive .stock-archive__calendar {
    margin: 0
}

    .select .select__clear .stock-archive .stock-archive__calendar i, .stock-archive .stock-archive__calendar .icon, .stock-archive .stock-archive__calendar .select .select__clear i {
        color: #fff
    }

    .select .select__clear .stock-archive .stock-archive__calendar:hover i, .stock-archive .stock-archive__calendar:hover .icon, .stock-archive .stock-archive__calendar:hover .select .select__clear i {
        color: #007d74
    }

.stock-archive__error {
    color: #cc4d43;
    opacity: 0;
    transition: opacity .2s;
    font-size: .75em;
    text-align: left;
    clear: both;
    line-height: 1
}

    .stock-archive__error.show {
        opacity: 1
    }

.stock-archive [data-date-input] {
    height: 0;
    width: 0;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0;
    color: #fff;
    position: relative
}

.stock-archive .flatpickr-wrapper {
    left: 0
}

    .stock-archive .flatpickr-wrapper .flatpickr-calendar {
        left: auto;
        right: 0
    }

        .stock-archive .flatpickr-wrapper .flatpickr-calendar:after, .stock-archive .flatpickr-wrapper .flatpickr-calendar:before {
            left: auto;
            right: 1.375em
        }

@media screen and (min-width:640px) {
    .stock-archive__form {
        width: 70%
    }

    .stock-archive .flatpickr-wrapper {
        left: 90px
    }
}

@media screen and (min-width:768px) {
    .stock-archive__input {
        padding: .3125em
    }
}

@media screen and (min-width:1024px) {
    .stock-archive {
        text-align: left;
        padding-left: 3.75em;
        padding-right: 3.75em
    }

    .stock-archive__content {
        width: 40%;
        float: left
    }

    .stock-archive__element {
        -ms-flex-align: start;
        align-items: flex-start
    }

    .stock-archive__description {
        line-height: 2;
        letter-spacing: 2px
    }

    .stock-archive__label {
        font-size: 1em;
        width: 9.375em
    }

    .stock-archive__input {
        font-size: 1em
    }

    .stock-archive__separator {
        font-size: 1.875em
    }

    .stock-archive__form {
        margin-left: 50%;
        width: auto
    }

    .stock-archive__submit {
        float: right
    }

    .stock-archive__error {
        font-size: 1em;
        margin-left: 9.375em
    }

    .stock-archive .flatpickr-wrapper {
        left: 9.375em
    }
}

@media screen and (min-width:1440px) {
    .stock-archive__label {
        width: 10.625em
    }

    .stock-archive__error {
        margin-left: 10.625em
    }

    .stock-archive .flatpickr-wrapper {
        left: 10.625em
    }
}

.stock-archive-disclamer {
    font-size: .625em;
    line-height: 1.5;
    color: #979797;
    letter-spacing: 1px
}

@media screen and (min-width:1024px) {
    .stock-archive-disclamer {
        font-size: .75em;
        width: 70%;
        margin: auto
    }
}

.timeline {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
    padding-top: 1px;
    background-color: #fff
}

.tl-nav-xl {
    position: fixed;
    top: 50%;
    right: 5px;
    transform: translateY(-50%);
    z-index: 20;
    display: none
}

.no-touchevents .tl-nav-xl {
    right: 20px
}

@media screen and (min-width:768px) {
    .tl-nav-xl {
        display: block
    }
}

.tl-nav-xl .tl-tooltip {
    position: absolute;
    right: 30px;
    top: 8px;
    pointer-events: none
}

    .tl-nav-xl .tl-tooltip .tl-tooltip__wrapper {
        opacity: 0;
        transform: translateY(-50%);
        transform-origin: center right
    }

    .tl-nav-xl .tl-tooltip p {
        margin: 0;
        font-size: 1.125em;
        color: #fff;
        background-color: #9d833e;
        padding: .55556em;
        text-align: right
    }

    .tl-nav-xl .tl-tooltip .tl-tooltip__arrow {
        position: absolute;
        top: 50%;
        right: -6px;
        transform: translateY(-50%);
        width: 0;
        height: 0;
        border-top: 6px solid transparent;
        border-bottom: 6px solid transparent;
        border-left: 6px solid #9d833e
    }

.tl-nav-xl li, .tl-nav-xl ul {
    position: relative;
    padding: 0;
    margin: 0
}

.tl-nav-xl ul {
    list-style: none
}

.tl-nav-xl li {
    display: block
}

.tl-nav-xl button {
    display: block;
    width: 30px;
    height: 30px;
    background-color: transparent;
    opacity: 0
}

    .tl-nav-xl button .dot {
        width: 12px;
        height: 12px;
        border-radius: 50%;
        background-color: #000;
        transition: background-color .3s cubic-bezier(.215,.61,.355,1);
        margin: auto;
        pointer-events: none
    }

.no-touchevents .tl-nav-xl button {
    width: 18px;
    height: 18px
}

    .no-touchevents .tl-nav-xl button .dot {
        width: 10px;
        height: 10px
    }

    .no-touchevents .tl-nav-xl button:hover .dot, .tl-nav-xl button.current .dot {
        background-color: #9d833e;
        transition: background-color .15s cubic-bezier(.215,.61,.355,1)
    }

.tl-nav-sm {
    position: relative;
    display: block;
    width: 100%;
    background-color: #fff;
    overflow: hidden;
    text-align: center
}

@media screen and (min-width:768px) {
    .tl-nav-sm {
        display: none
    }
}

.tl-nav-sm ul {
    position: relative;
    margin: 0;
    padding: 0;
    white-space: nowrap
}

    .tl-nav-sm ul, .tl-nav-sm ul li {
        display: inline-block
    }

        .tl-nav-sm ul li button {
            font-family: ITC New Baskerville W01;
            font-size: 1.1875em;
            color: #000;
            padding: .94737em .68421em;
            background-color: #fff
        }

            .tl-nav-sm ul li button.current {
                color: #9d833e
            }

.tl__media {
    position: relative;
    cursor: pointer;
    width: 100%
}

    .tl__media:last-child {
        display: none
    }

.tl__media-container {
    overflow: hidden;
    position: relative;
    padding-top: 77%
}

.tl__media__figure {
    display: block;
    margin: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%
}

@media screen and (min-width:768px) {
    .tl__media--empty {
        min-height: 15.625em
    }
}

.tl__media .btn-play {
    width: 3.125em;
    height: 3.125em;
    background: url(../images/theme/play.svg);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%)
}

@media screen and (min-width:768px) {
    .tl__media .btn-img {
        position: absolute;
        bottom: 0;
        width: 50px;
        height: 50px;
        background-color: #9d833e
    }

        .tl__media .btn-img .icon-zoom {
            width: 16px;
            height: 16px;
            background: url(../images/theme/zoom.svg);
            background-size: cover;
            margin: 18px auto 0
        }
}

@media screen and (min-width:768px) {
    .tl__media {
        margin-bottom: 12.5em
    }

        .tl__media:last-child {
            display: block;
            margin-bottom: 0
        }

        .tl__media.tl__media--square {
            width: 47%
        }

            .tl__media.tl__media--square .tl__media-container {
                padding-top: 100%
            }

        .tl__media.tl__media--long {
            width: 66%
        }

            .tl__media.tl__media--long .tl__media-container {
                padding-top: 66%
            }
}

.tl-introduction__hat {
    padding: 0;
    margin: 0;
    margin: 0 0 .3125em;
    text-transform: uppercase;
    font-weight: 700;
    font-size: .625em;
    letter-spacing: 1px;
    color: #9d833e
}

@media screen and (min-width:768px) {
    .tl-introduction__hat {
        font-size: .75em
    }
}

@media screen and (min-width:1024px) {
    .tl-introduction__hat {
        font-size: .875em;
        letter-spacing: 2px
    }
}

.tl-introduction__title {
    padding: 0;
    margin: 0 0 .5em;
    font-family: ITC New Baskerville W01;
    font-weight: 400;
    font-size: 1.5625em
}

@media screen and (min-width:768px) {
    .tl-introduction__title {
        font-size: 2em
    }
}

@media screen and (min-width:1024px) {
    .tl-introduction__title {
        font-size: 3.125em
    }
}

.tl-introduction {
    max-width: 95%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 3.125em;
    padding-bottom: 3.125em;
    position: relative;
    display: none
}

    .tl-introduction:after {
        clear: both;
        content: "";
        display: table
    }

@media screen and (min-width:768px) {
    .tl-introduction {
        max-width: 93%;
        margin-left: auto;
        margin-right: auto;
        max-width: 100%;
        margin-left: 1.875em;
        margin-right: 1.875em
    }

        .tl-introduction:after {
            clear: both;
            content: "";
            display: table
        }
}

@media screen and (min-width:1024px) {
    .tl-introduction {
        margin-left: 5%;
        margin-right: 5%
    }
}

@media screen and (min-width:1440px) {
    .tl-introduction {
        max-width: 73.75em;
        margin-right: auto;
        margin-left: auto
    }
}

@media screen and (min-width:768px) {
    .tl-introduction {
        padding-top: 3.75em
    }
}

@media screen and (min-width:1024px) {
    .tl-introduction {
        padding-top: 5em
    }
}

@media screen and (min-width:768px) {
    .tl-introduction {
        padding-bottom: 3.75em
    }
}

@media screen and (min-width:1024px) {
    .tl-introduction {
        padding-bottom: 5em
    }
}

@media screen and (min-width:768px) {
    .tl-introduction {
        display: block
    }
}

.tl-content {
    background-color: #f5f5f5
}

.currentpage-network .tl-content {
    background-color: #fdf5f8
}

.currentpage-the-groupe .tl-content {
    background-color: #f6f4ee
}

.currentpage-investors .tl-content {
    background-color: #f2fbfa
}

.currentpage-news .tl-content {
    background-color: #e7f6fc
}

.tl-introduction .presentation, .tl-introduction .tl__media {
    position: relative;
    float: left
}

.tl-introduction .tl__media {
    margin-right: 3%;
    width: 57%;
    margin-bottom: 0
}

.tl-introduction .presentation {
    width: 40%
}

.tl-decade {
    display: none
}

    .tl-decade.current {
        display: block
    }

    .tl-decade:last-child .tl-decade__button {
        display: none
    }

@media screen and (min-width:768px) {
    .tl-decade {
        display: block
    }
}

.tl-decade__quote {
    padding: 0;
    margin: 0 0 .5em;
    font-family: ITC New Baskerville W01;
    font-weight: 400;
    font-size: .9375em;
    color: #fff;
    line-height: 1.6;
    letter-spacing: 3px
}

@media screen and (min-width:768px) {
    .tl-decade__quote {
        font-size: 1em
    }
}

@media screen and (min-width:1024px) {
    .tl-decade__quote {
        font-size: 1.375em
    }
}

.tl-decade__speaker {
    padding: 0;
    margin: 0;
    margin: 0 0 .3125em;
    text-transform: uppercase;
    font-weight: 700;
    font-size: .625em;
    letter-spacing: 1px;
    color: #9d833e
}

@media screen and (min-width:768px) {
    .tl-decade__speaker {
        font-size: .75em
    }
}

@media screen and (min-width:1024px) {
    .tl-decade__speaker {
        font-size: .875em;
        letter-spacing: 2px
    }
}

.tl-decade__year {
    padding: 0;
    margin: 0 0 .5em;
    font-family: ITC New Baskerville W01;
    font-weight: 400;
    color: #9d833e;
    text-align: center;
    line-height: 1;
    margin-bottom: .35em;
    font-size: 2.8125em;
    letter-spacing: 10px
}

@media screen and (min-width:768px) {
    .tl-decade__year {
        font-size: 4.375em;
        letter-spacing: 13px
    }
}

@media screen and (min-width:1024px) {
    .tl-decade__year {
        font-size: 5em;
        letter-spacing: 15px
    }
}

.tl-decade__subyear {
    padding: 0;
    margin: 0 0 .5em;
    font-family: ITC New Baskerville W01;
    font-weight: 400;
    color: #000;
    text-align: center;
    line-height: 1;
    font-size: 1.5625em;
    margin-top: -.4em
}

@media screen and (min-width:768px) {
    .tl-decade__subyear {
        font-size: 1.875em;
        letter-spacing: 6px
    }
}

@media screen and (min-width:1024px) {
    .tl-decade__subyear {
        font-size: 2.5em;
        letter-spacing: 9px
    }
}

.tl-decade__title {
    padding: 0;
    margin: 0;
    margin: 0 0 .3125em;
    text-transform: uppercase;
    font-weight: 700;
    font-size: .75em;
    letter-spacing: 1px;
    text-align: center;
    color: #000;
    letter-spacing: 3.4px;
    line-height: 1.3;
    margin-bottom: 2.5em
}

@media screen and (min-width:768px) {
    .tl-decade__title {
        font-size: .875em
    }
}

@media screen and (min-width:1024px) {
    .tl-decade__title {
        font-size: 1em
    }
}

.tl-decade__description {
    text-align: justify;
    font-size: 12px;
    line-height: 1.5
}

    .tl-decade__description blockquote, .tl-decade__description p {
        margin: 0 0 1.7em
    }

        .tl-decade__description blockquote:last-child, .tl-decade__description p:last-child {
            margin: 0
        }

    .tl-decade__description blockquote {
        font-style: italic;
        display: block;
        text-align: center
    }

@media screen and (min-width:768px) {
    .tl-decade__description {
        line-height: 1.9;
        font-size: .875em;
        letter-spacing: .7px;
        max-height: 16.625em;
        overflow: hidden
    }
}

.tl-decade__header {
    position: relative;
    z-index: 9;
    display: none;
    width: 100%;
    overflow: hidden;
    background-color: #979797;
    text-align: center
}

@media screen and (min-width:768px) {
    .tl-decade__header {
        display: block;
        height: 12.5em
    }
}

@media screen and (min-width:1024px) {
    .tl-decade__header {
        height: 25em
    }
}

.tl-decade__header-table {
    display: table;
    height: 100%;
    width: 100%
}

.tl-decade__header__wrapper {
    position: relative;
    display: table-cell;
    vertical-align: middle;
    padding-left: 6.25em;
    padding-right: 6.25em
}

@media screen and (min-width:1024px) {
    .tl-decade__header__wrapper {
        padding-left: 12.5em;
        padding-right: 12.5em
    }
}

.tl-decade__content {
    position: relative
}

    .tl-decade__content:after {
        clear: both;
        content: "";
        display: table
    }

@media screen and (min-width:768px) {
    .tl-decade__content {
        max-width: 95%;
        margin-left: auto;
        margin-right: auto;
        position: relative;
        padding-top: 3.125em;
        padding-bottom: 3.125em
    }

        .tl-decade__content:after {
            clear: both;
            content: "";
            display: table
        }
}

@media screen and (min-width:768px) and (min-width:768px) {
    .tl-decade__content {
        max-width: 93%;
        margin-left: auto;
        margin-right: auto;
        max-width: 100%;
        margin-left: 1.875em;
        margin-right: 1.875em
    }

        .tl-decade__content:after {
            clear: both;
            content: "";
            display: table
        }
}

@media screen and (min-width:768px) and (min-width:1024px) {
    .tl-decade__content {
        margin-left: 5%;
        margin-right: 5%
    }
}

@media screen and (min-width:768px) and (min-width:1440px) {
    .tl-decade__content {
        max-width: 73.75em;
        margin-right: auto;
        margin-left: auto
    }
}

@media screen and (min-width:768px) and (min-width:768px) {
    .tl-decade__content {
        padding-top: 3.75em
    }
}

@media screen and (min-width:768px) and (min-width:1024px) {
    .tl-decade__content {
        padding-top: 5em
    }
}

@media screen and (min-width:768px) and (min-width:768px) {
    .tl-decade__content {
        padding-bottom: 3.75em
    }
}

@media screen and (min-width:768px) and (min-width:1024px) {
    .tl-decade__content {
        padding-bottom: 5em
    }
}

@media screen and (min-width:1024px) {
    .tl-decade__content {
        max-width: 63.75em;
        margin: auto
    }
}

.tl-decade__infos {
    width: 100%;
    background-color: #f5f5f5;
    text-align: center;
    max-width: 95%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    padding-top: 3.125em;
    padding-bottom: 3.125em
}

    .tl-decade__infos:after {
        clear: both;
        content: "";
        display: table
    }

@media screen and (min-width:768px) {
    .tl-decade__infos {
        max-width: 93%;
        margin-left: auto;
        margin-right: auto;
        max-width: 100%;
        margin-left: 1.875em;
        margin-right: 1.875em
    }

        .tl-decade__infos:after {
            clear: both;
            content: "";
            display: table
        }
}

@media screen and (min-width:1024px) {
    .tl-decade__infos {
        margin-left: 5%;
        margin-right: 5%
    }
}

@media screen and (min-width:1440px) {
    .tl-decade__infos {
        max-width: 73.75em;
        margin-right: auto;
        margin-left: auto
    }
}

@media screen and (min-width:768px) {
    .tl-decade__infos {
        padding-top: 3.75em
    }
}

@media screen and (min-width:1024px) {
    .tl-decade__infos {
        padding-top: 5em
    }
}

@media screen and (min-width:768px) {
    .tl-decade__infos {
        padding-bottom: 3.75em
    }
}

@media screen and (min-width:1024px) {
    .tl-decade__infos {
        padding-bottom: 5em
    }
}

@media screen and (min-width:768px) {
    .tl-decade__infos {
        background-color: #fff;
        position: absolute;
        top: 100px;
        width: 30.625em;
        z-index: 10;
        padding: 2.1875em 3.75em
    }
}

@media screen and (min-width:1024px) {
    .tl-decade__infos {
        width: 36.25em;
        padding: 2.8125em 5em
    }
}

.tl-decade__infos .tl-decade__infos__tabs {
    display: none;
    padding: 0;
    margin: 1.5625em 0 0;
    list-style: none
}

    .tl-decade__infos .tl-decade__infos__tabs:after {
        clear: both;
        content: "";
        display: table
    }

@media screen and (min-width:768px) {
    .tl-decade__infos .tl-decade__infos__tabs {
        display: inline-block
    }
}

.tl-decade__infos .tl-decade__infos__tabs li {
    display: block;
    float: left;
    margin: 0 .625em
}

.tl-decade__infos .tl-decade__infos__tabs .tl-decade__infos__button {
    cursor: pointer;
    width: 1.94444em;
    height: 1.94444em;
    border-radius: 50%;
    font-family: ITC New Baskerville W01;
    font-size: 1.125em;
    background-color: transparent;
    box-shadow: inset 0 0 0 2px #9d833e;
    color: #9d833e;
    transition: color .3s cubic-bezier(.215,.61,.355,1),box-shadow .3s cubic-bezier(.215,.61,.355,1)
}

    .no-touchevents .tl-decade__infos .tl-decade__infos__tabs .tl-decade__infos__button:hover, .tl-decade__infos .tl-decade__infos__tabs .tl-decade__infos__button.current {
        color: #fff;
        box-shadow: inset 0 0 0 .97222em #000;
        transition: color .15s cubic-bezier(.215,.61,.355,1),box-shadow .15s cubic-bezier(.215,.61,.355,1)
    }

    .no-touchevents .tl-decade__infos .tl-decade__infos__tabs .tl-decade__infos__button.u-disable:hover, .tl-decade__infos .tl-decade__infos__tabs .tl-decade__infos__button.u-disable {
        cursor: default;
        color: #979797;
        box-shadow: inset 0 0 0 2px #979797
    }

.tl-decade__infos .tl-decade__infos__tabs .tl-decade__infos__pages {
    line-height: 1.94444em;
    height: 1.94444em
}

.tl-decade__infos .tl-decade__infos__tabs .tl-decade__infos__page {
    width: .4375em;
    height: .4375em;
    display: inline-block;
    background: #979797;
    border-radius: 100%;
    margin: 0 .3125em;
    vertical-align: middle;
    transition: background .3s cubic-bezier(.215,.61,.355,1),height .3s cubic-bezier(.215,.61,.355,1),width .3s cubic-bezier(.215,.61,.355,1)
}

    .tl-decade__infos .tl-decade__infos__tabs .tl-decade__infos__page.current {
        width: .625em;
        height: .625em;
        background: #9d833e
    }

.tl-decade__infos .tl-decade__button {
    float: right;
    background-color: #9d833e;
    color: #fff;
    padding: 1em 2.85714em;
    padding-right: .71429em;
    font-size: .875em;
    margin-top: 1.78571em
}

    .select .select__clear .tl-decade__infos .tl-decade__button i, .tl-decade__infos .tl-decade__button .icon, .tl-decade__infos .tl-decade__button .select .select__clear i {
        margin-left: 2em
    }

@media screen and (min-width:768px) {
    .tl-decade .tl-decade__content .tl-decade__infos {
        left: 0
    }

    .tl-decade .tl-decade__content .tl__media {
        margin-left: auto;
        margin-right: 0
    }

        .tl-decade .tl-decade__content .tl__media.tl__media--square {
            margin-right: 11%
        }

        .tl-decade .tl-decade__content .tl__media .btn-img {
            right: 0
        }

    .tl-decade .tl-decade__content .tl-decade__button {
        display: none
    }

    .tl-decade:nth-of-type(2n) .tl-decade__content .tl-decade__infos {
        right: 0;
        left: inherit
    }

    .tl-decade:nth-of-type(2n) .tl-decade__content .tl__media {
        margin-left: 0;
        margin-right: auto
    }

        .tl-decade:nth-of-type(2n) .tl-decade__content .tl__media.tl__media--square {
            margin-right: auto;
            margin-left: 11%
        }

        .tl-decade:nth-of-type(2n) .tl-decade__content .tl__media .btn-img {
            left: 0
        }
}

.timeline .tl__preface {
    max-width: 95%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1.25em;
    padding-right: 1.25em;
    padding-top: 3.125em;
    background: #fff;
    position: relative
}

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

@media screen and (min-width:768px) {
    .timeline .tl__preface {
        max-width: 93%;
        margin-left: auto;
        margin-right: auto;
        max-width: 100%;
        padding-right: 2.5em;
        padding-left: 2.5em
    }

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

@media screen and (min-width:1024px) {
    .timeline .tl__preface {
        padding-right: 5.625em;
        padding-left: 5.625em
    }
}

@media screen and (min-width:1440px) {
    .timeline .tl__preface {
        padding-right: 12.5em;
        padding-left: 12.5em;
        max-width: 73.75em
    }
}

@media screen and (min-width:768px) {
    .timeline .tl__preface {
        padding-top: 3.75em
    }
}

@media screen and (min-width:1024px) {
    .timeline .tl__preface {
        padding-top: 5em;
        margin-top: -5em
    }
}

.timeline .tl__preface .tl__preface__description {
    padding: 0;
    margin: 0;
    margin: 0 0 .3125em;
    text-transform: uppercase;
    font-weight: 700;
    font-size: .625em;
    letter-spacing: 1px;
    text-align: center;
    line-height: 1.6
}

@media screen and (min-width:768px) {
    .timeline .tl__preface .tl__preface__description {
        font-size: .75em
    }
}

@media screen and (min-width:1024px) {
    .timeline .tl__preface .tl__preface__description {
        font-size: .875em;
        letter-spacing: 2px
    }
}

@media screen and (min-width:768px) {
    .timeline .tl__preface .tl__preface__description {
        line-height: 1.9
    }
}

.team {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    background: #f5f5f5;
    padding-top: .0625em
}

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

.currentpage-network .team {
    background-color: #fdf5f8
}

.currentpage-the-groupe .team {
    background-color: #f6f4ee
}

.currentpage-investors .team {
    background-color: #f2fbfa
}

.currentpage-news .team {
    background-color: #e7f6fc
}

.team__title {
    padding: 0;
    margin: 0;
    margin: 0 0 .3125em;
    text-transform: uppercase;
    font-weight: 700;
    font-size: .875em;
    margin-bottom: 3.125em;
    letter-spacing: 2px;
    color: #9d833e;
    text-align: center
}

@media screen and (min-width:768px) {
    .team__title {
        font-size: 1.125em
    }
}

@media screen and (min-width:1024px) {
    .team__title {
        font-size: 1.375em;
        letter-spacing: 4px
    }
}

.team__wrapper {
    max-width: 1440px;
    margin: auto
}

.team__list {
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    margin: 0;
    padding-left: 0;
    padding-right: 0;
    margin: auto;
    text-align: center;
    font-size: 0
}

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

.team .tile-card {
    display: inline-block;
    width: 100%;
    font-size: 16px;
    vertical-align: top
}

.team .tile-card__title {
    font-size: 1em
}

.team .tile-card__subtitle {
    font-size: .6875em
}

@media screen and (min-width:640px) {
    .team .tile-card {
        margin-left: 0;
        margin-right: 0;
        padding: 0 .3125em;
        width: 50%
    }

    .team .tile-card__title {
        font-size: 1.125em
    }
}

@media screen and (min-width:768px) {
    .team .tile-card {
        margin-left: 0;
        margin-right: 0;
        padding: 0 .9375em;
        width: 33.33333%
    }

    .team .tile-card__title {
        font-size: 1.5em
    }

    .team .tile-card__subtitle {
        font-size: .75em
    }
}

@media screen and (min-width:1024px) {
    .team .tile-card {
        margin-left: 0;
        margin-right: 0;
        padding: 0 .625em;
        width: 25%
    }
}

@media screen and (min-width:1440px) {
    .team .tile-card {
        padding: 0 1.875em
    }
}

.logos__bloc {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    max-width: 1440px
}

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

.logos__list {
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    width: 100%;
    font-size: 0
}

.logos__element {
    display: inline-block;
    font-size: 16px;
    width: 50%
}

    .logos__element img {
        width: 100%
    }

.logos .logos__bloc + .logos__bloc {
    margin-top: 1.875em
}

@media screen and (min-width:768px) {
    .logos__element {
        width: 33.33333%
    }
}

.cookies-banner {
    position: fixed;
    bottom: 0;
    background: #fff;
    z-index: 98;
    width: 100%;
    display: none
}

    .cookies-banner .wrapper-btns {
        margin: 0 auto;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .cookies-banner .cookie-setting {
        min-width: 13rem;
        margin-bottom: .5rem
    }

    .cookies-banner.active {
        display: block
    }

.cookies-banner__wrapper {
    margin: auto;
    max-width: 100%;
    position: relative;
    padding: 3rem 1.25rem
}

.cookies-banner__content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: .75em;
    line-height: 1.5;
    color: #979797
}

    .cookies-banner__content p {
        margin: 0 0 1rem
    }

    .cookies-banner__content a {
        color: #9d833e
    }

    .cookies-banner__content form {
        width: auto;
        margin-left: 0
    }

.cookies-banner__close {
    position: absolute;
    top: .625em;
    right: .625em;
    color: #979797;
    background: transparent
}

    .cookies-banner__close:hover {
        color: #9d833e
    }

.cookies-banner #accept-all, .cookies-banner #open-popup, .cookies-banner #refuse-all {
    width: 100%
}

    .cookies-banner #accept-all .select button.select__clear, .cookies-banner #accept-all button.btn, .cookies-banner #accept-all button.subscribe__btn, .cookies-banner #open-popup .select button.select__clear, .cookies-banner #open-popup button.btn, .cookies-banner #open-popup button.subscribe__btn, .cookies-banner #refuse-all .select button.select__clear, .cookies-banner #refuse-all button.btn, .cookies-banner #refuse-all button.subscribe__btn, .select .cookies-banner #accept-all button.select__clear, .select .cookies-banner #open-popup button.select__clear, .select .cookies-banner #refuse-all button.select__clear {
        width: 100%;
        max-width: 300px;
        margin: auto auto .5rem;
        transform: none;
        display: block
    }

#popup_content #accept-cookie, #popup_content #popup-accept-all, #popup_content #popup-refuse-all {
    width: 100%
}

    #popup_content #accept-cookie .select button.select__clear, #popup_content #accept-cookie button.btn, #popup_content #accept-cookie button.subscribe__btn, #popup_content #popup-accept-all .select button.select__clear, #popup_content #popup-accept-all button.btn, #popup_content #popup-accept-all button.subscribe__btn, #popup_content #popup-refuse-all .select button.select__clear, #popup_content #popup-refuse-all button.btn, #popup_content #popup-refuse-all button.subscribe__btn, .select #popup_content #accept-cookie button.select__clear, .select #popup_content #popup-accept-all button.select__clear, .select #popup_content #popup-refuse-all button.select__clear {
        width: 100%;
        max-width: 300px;
        margin: auto auto .5rem;
        transform: none;
        display: block
    }

    #popup_content #accept-cookie .select button.select__clear, #popup_content #accept-cookie button.btn, #popup_content #accept-cookie button.subscribe__btn, .select #popup_content #accept-cookie button.select__clear {
        margin-top: 2rem
    }

    #popup_content #accept-cookie input[type=checkbox] {
        display: inline-block;
        margin: 3px 3px 3px 4px
    }

        #popup_content #accept-cookie input[type=checkbox]:checked + label:after, #popup_content #accept-cookie input[type=checkbox]:checked + label:before, #popup_content #accept-cookie input[type=checkbox]:not(:checked) + label:after, #popup_content #accept-cookie input[type=checkbox]:not(:checked) + label:before {
            display: none
        }

        #popup_content #accept-cookie input[type=checkbox] + label {
            padding-left: 1.5rem;
            margin-top: -1.125rem
        }

@media screen and (min-width:768px) {
    .cookies-banner .wrapper-btns {
        margin: 0 0 0 1rem
    }

    .cookies-banner__wrapper {
        padding-right: 1.875em;
        padding-left: 1.875em
    }

    .cookies-banner__content {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        font-size: .8125em
    }

        .cookies-banner__content p {
            margin: 0
        }

    .cookies-banner .cookies-banner__content > p {
        margin: 0 2rem
    }

    .cookies-banner #accept-all .select button.select__clear, .cookies-banner #accept-all button.btn, .cookies-banner #accept-all button.subscribe__btn, .cookies-banner #open-popup .select button.select__clear, .cookies-banner #open-popup button.btn, .cookies-banner #open-popup button.subscribe__btn, .cookies-banner #refuse-all .select button.select__clear, .cookies-banner #refuse-all button.btn, .cookies-banner #refuse-all button.subscribe__btn, .select .cookies-banner #accept-all button.select__clear, .select .cookies-banner #open-popup button.select__clear, .select .cookies-banner #refuse-all button.select__clear {
        max-width: none
    }
}

@media screen and (min-width:1024px) {
    .cookies-banner button {
        min-width: 18rem
    }

        .cookies-banner button span {
            padding: 0 2rem
        }

    .cookies-banner .cookie-setting {
        min-width: 22rem;
        margin-right: 1rem
    }

    .cookies-banner__wrapper {
        padding-right: 3.125em;
        padding-left: 3.125em
    }

    .cookies-banner__content {
        font-size: .875em
    }
}

@media screen and (min-width:1440px) {
    .cookies-banner__wrapper {
        padding: 3.125rem 25%
    }

    .cookies-banner .cookies-banner__content > p {
        margin-left: 0
    }
}

.mcharte {
    padding-bottom: 3.125em
}

@media screen and (min-width:768px) {
    .mcharte {
        padding-bottom: 3.75em
    }
}

@media screen and (min-width:1024px) {
    .mcharte {
        padding-bottom: 5em
    }
}

.mcharte-logo {
    text-align: center;
    margin-bottom: 1.25em
}

    .mcharte-logo .mcharte-logo__main img {
        max-width: 18.75em;
        display: inline-block
    }

    .mcharte-logo .mcharte-logo__second {
        display: inline-block;
        width: 100%
    }

    .mcharte-logo .mcharte-logo__second-container {
        width: 100%;
        text-align: center;
        margin-top: 2.5em
    }

@media screen and (min-width:768px) {
    .mcharte-logo .mcharte-logo__second-container {
        width: 50%;
        float: left
    }

        .mcharte-logo .mcharte-logo__second-container:nth-child(odd) {
            clear: both
        }
}

.mcharte-logo .mcharte-logo__second-container img {
    max-width: 25em
}

@media screen and (min-width:768px) {
    .mcharte-logo .mcharte-logo__main .mcharte-logo__download {
        width: 50%;
        margin: auto
    }
}

.mcharte-logo .mcharte-logo__download {
    position: relative;
    display: block;
    padding: 1.25em;
    margin: 0 2.5em
}

    .mcharte-logo .mcharte-logo__download:hover:after, .mcharte-logo .mcharte-logo__download:hover:before {
        transition: opacity .2s;
        opacity: 1
    }

    .mcharte-logo .mcharte-logo__download:before {
        opacity: 0;
        content: "";
        background: rgba(33,33,41,.8);
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 2
    }

    .mcharte-logo .mcharte-logo__download:after {
        opacity: 0;
        content: "";
        color: #fff;
        font-family: icons;
        font-style: normal;
        font-variant: normal;
        font-weight: 400;
        line-height: 1;
        display: inline-block;
        word-wrap: normal;
        text-transform: none;
        position: absolute;
        top: 50%;
        left: 50%;
        font-size: 2.5em;
        z-index: 2;
        transform: translateX(-50%) translateY(-50%)
    }

.mcharte-fonts__list {
    padding: 0;
    margin: 0;
    list-style: none
}

.mcharte-fonts__element {
    margin-bottom: 2.5em;
    text-align: center
}

.mcharte-fonts__detail {
    font-size: 1.4375em;
    text-transform: inherit
}

.mcharte-fonts__label {
    font-size: .6875em;
    color: #9d833e;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 2px
}

.mcharte-colors {
    display: inline-block;
    width: 100%
}

.mcharte-colors__demo {
    width: 4.375em;
    height: 4.375em;
    border-radius: 100%;
    overflow: hidden;
    margin: auto;
    display: block;
    position: relative;
    margin-bottom: .625em
}

.mcharte-colors__label {
    text-transform: uppercase;
    color: #9d833e;
    letter-spacing: 2px;
    font-size: .6875em
}

.mcharte-colors__list {
    width: 100%;
    list-style: none;
    padding: 0;
    margin: 0
}

.mcharte-colors__element {
    width: 50%;
    float: left;
    text-align: center;
    margin-bottom: 1.875em
}

.mcharte-colors__infos {
    color: #979797;
    font-size: .625em;
    margin: 0;
    letter-spacing: 2px;
    line-height: 1.5;
    text-transform: uppercase
}

@media screen and (min-width:768px) {
    .mcharte-container {
        max-width: 90%;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 3.125em
    }

        .mcharte-container:after {
            clear: both;
            content: "";
            display: table
        }

    .mcharte-colors, .mcharte-fonts {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 48.82117%
    }

        .mcharte-colors:last-child, .mcharte-fonts:last-child {
            margin-right: 0
        }

    .mcharte-logo {
        margin-bottom: 0;
        padding-top: 1.875em
    }

    .mcharte-colors__list {
        margin-top: 1.875em
    }

        .mcharte-colors__list:first-child {
            margin-top: 0
        }

    .mcharte-fonts__element {
        text-align: left
    }
}

@media screen and (min-width:1024px) {
    .mcharte-fonts__detail {
        font-size: 2em
    }

    .mcharte-colors__list {
        display: table
    }

    .mcharte-colors__element {
        display: table-cell;
        text-align: center;
        width: auto;
        float: none;
        width: 33.33333%
    }
}

@media screen and (min-width:1440px) {
    .mcharte-fonts__detail {
        font-size: 2.25em
    }
}

.mlogos__list {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-line-pack: justify;
    align-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

    .mlogos__list:after, .mlogos__list:before {
        content: "";
        width: 100%;
        -ms-flex-order: 1;
        order: 1
    }

.mlogos .mlogos__logos + .mlogos__main {
    margin-top: 3.75em
}

.mlogos__element-fixer {
    padding-top: 67%;
    height: 0;
    width: 100%;
    position: relative
}

.mlogos__element {
    width: 50%;
    text-align: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center
}

    .mlogos__element img {
        width: 90%;
        height: auto;
        padding: .625em 0
    }

    .mlogos__element .mlogos__element--landscape img {
        height: 70%;
        width: auto
    }

.mlogos__element-wrapper {
    position: relative;
    margin: .625em;
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.mlogos__element-content {
    width: 100%;
    height: 100%;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.mlogos__main {
    text-align: center
}

    .mlogos__main img {
        max-width: 25em;
        margin: auto;
        width: 100%
    }

.mlogos__logos {
    margin: auto
}

.mlogos .mlogos__download:hover .mlogos__element-wrapper:after, .mlogos .mlogos__download:hover .mlogos__element-wrapper:before {
    transition: opacity .2s;
    opacity: 1
}

.mlogos .mlogos__download .mlogos__element-wrapper:before {
    opacity: 0;
    content: "";
    background: rgba(33,33,41,.8);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 2
}

.mlogos .mlogos__download .mlogos__element-wrapper:after {
    opacity: 0;
    content: "";
    color: #fff;
    font-family: icons;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    display: inline-block;
    word-wrap: normal;
    text-transform: none;
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 2.5em;
    z-index: 2;
    transform: translateX(-50%) translateY(-50%)
}

@media screen and (min-width:768px) {
    .mlogos__element {
        width: 33.33333%
    }

    .mlogos__main {
        width: 50%;
        margin: auto
    }
}

@media screen and (min-width:1024px) {
    .mlogos .mlogos__logos + .mlogos__main {
        margin-top: 5em
    }

    .mlogos .mlogos__list + .mlogos__list {
        margin-top: 2.5em
    }

    .mlogos__main {
        width: 100%;
        margin: auto
    }

    .mlogos__logos {
        margin-top: 0
    }

    .mlogos__element {
        width: 25%
    }
}

.mmedia {
    margin: 0 1.25em
}

    .mmedia a {
        text-decoration: none
    }

.mmedia__list {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%
}

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

.mmedia__name {
    color: #212129;
    text-decoration: none;
    margin: 0
}

    .mmedia__name .icon, .mmedia__name .select .select__clear i, .select .select__clear .mmedia__name i {
        color: #9d833e;
        font-size: 1.375em
    }

.mmedia__type {
    font-size: .75em;
    color: #979797;
    letter-spacing: 2px;
    margin: 0;
    margin-top: .625em;
    margin-left: 1.5625em
}

.mmedia__element {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%;
    margin-bottom: 1.875em
}

    .mmedia__element:last-child {
        margin-right: 0
    }

    .mmedia__element img {
        width: 100%;
        max-width: 100%
    }

    .mmedia__element figure {
        margin: auto
    }

@media screen and (min-width:640px) {
    .mmedia__element {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 48.82117%;
        margin-bottom: 1.875em
    }

        .mmedia__element:last-child, .mmedia__element:nth-child(2n) {
            margin-right: 0
        }

        .mmedia__element:nth-child(odd) {
            clear: left
        }
}

@media screen and (min-width:1024px) {
    .mmedia__element {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 31.76157%
    }

        .mmedia__element:last-child {
            margin-right: 0
        }

        .mmedia__element:nth-child(2n) {
            margin-right: 2.35765%
        }

        .mmedia__element:nth-child(odd) {
            clear: none
        }

        .mmedia__element:nth-child(3n) {
            margin-right: 0
        }

        .mmedia__element:nth-child(3n+1) {
            clear: left
        }
}

.mdownload {
    background: #212129;
    color: #fff;
    padding: 1.875em 1.25em;
    position: relative
}

.mdownload__label, .mdownload__title {
    margin-bottom: 1.25em
}

.mdownload__description {
    color: #fff;
    text-decoration: none;
    letter-spacing: 2px
}

.mdownload__list {
    margin: 0;
    padding: 0;
    width: 100%;
    display: inline-block
}

.mdownload__element {
    margin-bottom: .9375em;
    font-size: .8125em;
    margin-left: 5%;
    padding-right: 5%
}

    .mdownload__element:nth-child(odd) {
        clear: both
    }

.mdownload__action {
    text-align: center
}

    .mdownload__action .btn:hover .icon, .mdownload__action .btn:hover .select .select__clear i, .mdownload__action .select .select__clear:hover .icon, .mdownload__action .select .select__clear:hover i, .mdownload__action .subscribe__btn:hover .icon, .mdownload__action .subscribe__btn:hover .select .select__clear i, .select .mdownload__action .select__clear:hover .icon, .select .mdownload__action .select__clear:hover i, .select .select__clear .mdownload__action .btn:hover i, .select .select__clear .mdownload__action .subscribe__btn:hover i {
        color: #212129
    }

    .mdownload__action .btn span + .icon, .mdownload__action .select .select__clear span + .icon, .mdownload__action .select .select__clear span + i, .mdownload__action .subscribe__btn span + .icon, .select .mdownload__action .select__clear span + .icon, .select .mdownload__action .select__clear span + i, .select .select__clear .mdownload__action .btn span + i, .select .select__clear .mdownload__action .subscribe__btn span + i {
        color: #fff;
        font-size: 1.875em;
        margin-right: .625em;
        transition: color .2s
    }

.mdownload .mdownload-header {
    margin-bottom: 1.875em
}

@media screen and (min-width:768px) {
    .mdownload {
        padding: 2.5em
    }

    .mdownload__element {
        margin-left: 1.25em
    }

    .mdownload-header {
        width: 40%;
        margin-bottom: 0
    }

    .mdownload-content {
        padding-left: 5%;
        width: 60%
    }

    .mdownload-container {
        display: table
    }

    .mdownload-content, .mdownload-header {
        display: table-cell;
        position: relative
    }
}

@media screen and (min-width:1024px) {
    .mdownload {
        padding: 3.75em
    }

    .mdownload__element {
        font-size: .875em
    }

    .mdownload-header {
        width: 30%
    }

    .mdownload-content {
        padding-left: 10%;
        width: 70%
    }
}

@media screen and (min-width:1440px) {
    .mdownload {
        padding: 5em
    }

    .mdownload-header {
        width: 25%
    }

    .mdownload-content {
        padding-left: 15%;
        width: 75%
    }
}

.mportrait .mportrait__list {
    list-style: none;
    margin: 0 auto;
    padding: 0;
    clear: both;
    text-align: center;
    font-size: 0;
    max-width: 90%
}

.mportrait .tile-card {
    display: inline-block;
    font-size: 16px;
    vertical-align: top;
    width: 100%
}

@media screen and (min-width:768px) {
    .mportrait .tile-card {
        width: 50%
    }
}

@media screen and (min-width:1024px) {
    .mportrait .tile-card {
        width: 33.33333%
    }
}

.mportrait .tile-card .tile-card__title {
    color: #212129
}

.mportrait .tile-card .tile-card__download {
    opacity: 0;
    font-size: 2.5em;
    background: none;
    border: 0;
    color: #212129;
    transition: opacity .2s
}

.mportrait .tile-card .tile-card__link {
    display: inline-block;
    width: 100%;
    padding: 1.25em;
    transition: background .2s
}

    .mportrait .tile-card .tile-card__link:hover {
        background: rgba(33,33,41,.9)
    }

        .mportrait .tile-card .tile-card__link:hover .tile-card__download, .mportrait .tile-card .tile-card__link:hover .tile-card__subtitle, .mportrait .tile-card .tile-card__link:hover .tile-card__title {
            color: #fff;
            opacity: 1
        }

.tooltip-share {
    position: absolute;
    z-index: 300
}

    .tooltip-share .tooltip-share__content {
        font-size: 0
    }

    .tooltip-share .tooltip-share__list {
        list-style: none;
        padding: 0;
        margin: 0;
        display: inline-block;
        font-size: 16px
    }

    .tooltip-share .tooltip-share__element {
        float: left;
        margin-left: 2px;
        position: relative
    }

        .tooltip-share .tooltip-share__element:hover:first-child:before {
            border-color: transparent #af9245 transparent transparent
        }

        .select .tooltip-share .tooltip-share__element:hover .select__clear, .tooltip-share .tooltip-share__element:hover .btn, .tooltip-share .tooltip-share__element:hover .select .select__clear, .tooltip-share .tooltip-share__element:hover .subscribe__btn {
            background: #af9245
        }

            .select .select__clear .tooltip-share .tooltip-share__element:hover .btn i, .select .select__clear .tooltip-share .tooltip-share__element:hover .subscribe__btn i, .select .tooltip-share .tooltip-share__element:hover .select__clear .icon, .select .tooltip-share .tooltip-share__element:hover .select__clear i, .tooltip-share .tooltip-share__element:hover .btn .icon, .tooltip-share .tooltip-share__element:hover .select .select__clear .icon, .tooltip-share .tooltip-share__element:hover .select .select__clear i, .tooltip-share .tooltip-share__element:hover .subscribe__btn .icon {
                color: #fff
            }

        .tooltip-share .tooltip-share__element:first-child {
            margin-left: 0
        }

            .tooltip-share .tooltip-share__element:first-child:before {
                content: "";
                display: block;
                width: 0;
                height: 0;
                border-style: solid;
                border-width: 0 .625em .625em 0;
                border-color: transparent #9d833e transparent transparent;
                position: absolute;
                bottom: -.625em;
                right: 0;
                transition: border-color .2s
            }

        .select .tooltip-share .tooltip-share__element .select__clear, .tooltip-share .tooltip-share__element .btn, .tooltip-share .tooltip-share__element .select .select__clear, .tooltip-share .tooltip-share__element .subscribe__btn {
            background: #9d833e;
            padding: .1875em
        }

@media screen and (min-width:1024px) {
    .select .tooltip-share .tooltip-share__element .select__clear, .tooltip-share .tooltip-share__element .btn, .tooltip-share .tooltip-share__element .select .select__clear, .tooltip-share .tooltip-share__element .subscribe__btn {
        padding: .5em
    }
}

.select .select__clear .tooltip-share .tooltip-share__element i, .tooltip-share .tooltip-share__element .icon, .tooltip-share .tooltip-share__element .select .select__clear i {
    color: #fff
}

.date {
    margin: 1.875em 0
}

    .date .date__wrapper {
        border: .0625em solid;
        width: 9.375em;
        height: 9.375em;
        padding: .3125em;
        margin: auto
    }

@media screen and (min-width:768px) {
    .date .date__wrapper {
        width: 12.5em;
        height: 12.5em
    }
}

@media screen and (min-width:1024px) {
    .date .date__wrapper {
        width: 18.75em;
        height: 18.75em
    }
}

.currentpage-network .date .date__wrapper {
    border-color: #d93d7a
}

.currentpage-the-groupe .date .date__wrapper {
    border-color: #9d833e
}

.currentpage-investors .date .date__wrapper {
    border-color: #00b0a3
}

.currentpage-news .date .date__wrapper {
    border-color: #16abe0
}

.currentpage-landing .date .date__wrapper {
    border-color: #212129
}

.date .date__container {
    display: table;
    width: 100%;
    height: 100%
}

.date .date__day, .date .date__month {
    margin: 0
}

.date .date__day {
    font-size: 3.75em;
    font-family: ITC New Baskerville W01
}

@media screen and (min-width:768px) {
    .date .date__day {
        font-size: 5.625em
    }
}

@media screen and (min-width:1024px) {
    .date .date__day {
        font-size: 6.875em
    }
}

.date .date__month {
    font-size: 1.25em;
    font-weight: 700;
    letter-spacing: .125em
}

@media screen and (min-width:768px) {
    .date .date__month {
        font-size: 1.375em
    }
}

@media screen and (min-width:1024px) {
    .date .date__month {
        font-size: 1.5625em
    }
}

.date .date__content {
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    color: #fff;
    text-transform: uppercase
}

.currentpage-network .date .date__content {
    background: #d93d7a
}

.currentpage-the-groupe .date .date__content {
    background: #9d833e
}

.currentpage-investors .date .date__content {
    background: #00b0a3
}

.currentpage-news .date .date__content {
    background: #16abe0
}

.currentpage-landing .date .date__content {
    background: #212129
}

.error-body #app {
    top: 0
}

.error-body .error-page, .error-body .error-page .error-page__container {
    height: 100%
}

.error-page {
    background: url(../images/static/error/background.jpg) no-repeat;
    background-position: 100%;
    background-size: cover
}

    .error-page .error-page__container {
        display: table;
        height: 27.5em;
        width: 100%
    }

@media screen and (min-width:768px) {
    .error-page .error-page__container {
        height: 44.6875em
    }
}

.error-page .error-page__wrapper {
    display: table-cell;
    vertical-align: middle;
    text-align: center
}

.error-box {
    background: #fff;
    color: #212129;
    display: inline-block;
    max-width: 90%
}

    .error-box .error-box__container {
        border: 1px solid #9d833e;
        margin: 1.25em
    }

    .error-box .error-box__wrapper {
        padding: 1.25em
    }

@media screen and (min-width:768px) {
    .error-box .error-box__wrapper {
        padding: 3.125em
    }
}

.error-box .error-box__message, .error-box .error-box__message-little, .error-box .error-box__title {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0
}

.error-box hr {
    width: 6.25em;
    background: #9d833e;
    margin: 2.5em auto;
    border: 0;
    height: .0625em
}

.error-box .error-box__title {
    color: #9d833e
}

.error-box .btn, .error-box .select .select__clear, .error-box .subscribe__btn, .select .error-box .select__clear {
    margin-top: 1.25em
}

img {
    display: block;
    pointer-events: none
}

.img, .img img {
    position: relative
}

.img {
    overflow: hidden
}

    .img, .img img {
        transform-origin: center center
    }

        .img img {
            width: 100%;
            z-index: 0;
            opacity: 0;
            transition: opacity 1s linear 0s,transform 2s cubic-bezier(.19,1,.22,1) 0ms
        }

        .img.loaded img {
            opacity: 1
        }

        .img.img--cover img {
            position: absolute;
            top: 50%;
            left: 50%;
            width: auto;
            height: auto;
            min-width: 100%;
            min-height: 100%;
            transform: translate(-50%,-50%)
        }

.wallofcreation {
    position: relative;
    display: block;
    width: 100%;
    height: auto
}

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

.woc-item__title {
    padding: 0;
    margin: 0 0 .5em;
    font-family: ITC New Baskerville W01;
    font-weight: 400;
    font-size: 1.25em;
    color: #fff;
    text-align: center;
    pointer-events: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@media screen and (min-width:768px) {
    .woc-item__title {
        font-size: 1.625em
    }
}

.agency-info h5 {
    margin: 0 0 .3125em;
    text-transform: uppercase;
    font-weight: 700;
    font-size: .625em;
    letter-spacing: 1px;
    margin: 0;
    padding: 0
}

@media screen and (min-width:768px) {
    .agency-info h5 {
        font-size: .75em
    }
}

@media screen and (min-width:1024px) {
    .agency-info h5 {
        font-size: .75em
    }
}

.agency-info p {
    font-size: .75em;
    font-style: italic
}

.woc-item {
    cursor: pointer;
    position: relative;
    float: left;
    margin: 0;
    padding: 0;
    overflow: hidden;
    color: #fff;
    padding: .3125em;
    transform: scale(1) translateZ(0)
}

    .woc-item .woc-item__wrapper {
        width: 100%;
        height: 0;
        padding-top: 74%;
        position: relative
    }

    .woc-item .woc-item__bg, .woc-item .woc-item__infos {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0
    }

    .woc-item .woc-item__bg {
        transition: transform 2s cubic-bezier(.19,1,.22,1)
    }

    .woc-item .woc-item__infos {
        overflow: hidden;
        opacity: 0
    }

    .woc-item .woc-item__infos-title-cont {
        display: table;
        width: 100%;
        height: 100%;
        background: rgba(19,183,231,.8)
    }

    .woc-item .woc-item__title {
        display: table-cell;
        vertical-align: middle;
        padding-left: .7em;
        padding-right: .7em
    }

    .woc-item .woc-item__agency {
        position: absolute;
        left: 0;
        bottom: 0;
        margin: 0 0 .9375em .9375em
    }

        .woc-item .woc-item__agency:after {
            clear: both;
            content: "";
            display: table
        }

        .woc-item .woc-item__agency .agency-picture {
            height: 2.5em;
            width: 2.5em;
            position: relative;
            border-radius: 50%;
            background: #fff;
            transform: scale(0);
            transition: transform .3s cubic-bezier(.19,1,.22,1) 0s !important
        }

            .woc-item .woc-item__agency .agency-picture img {
                opacity: 0;
                transform: scale(1.2);
                transition: opacity 1s cubic-bezier(.19,1,.22,1) 0s,transform 1s cubic-bezier(.19,1,.22,1) 0s
            }

        .woc-item .woc-item__agency .agency-info, .woc-item .woc-item__agency .agency-picture {
            float: left;
            display: block
        }

        .woc-item .woc-item__agency .agency-info {
            margin-top: .3125em;
            margin-left: .9375em;
            overflow: hidden
        }

        .woc-item .woc-item__agency h5, .woc-item .woc-item__agency p {
            margin: 0;
            padding: 0;
            opacity: 0;
            transform: translateX(-30%);
            transition: transform .3s cubic-bezier(.19,1,.22,1) 0s,opacity .3s linear
        }

    .woc-item:hover .agency-picture {
        transform: scale(1)
    }

        .woc-item:hover .agency-picture img {
            opacity: 1;
            transform: scale(1);
            transition: opacity .5s cubic-bezier(.215,.61,.355,1) .1s,transform .5s cubic-bezier(.215,.61,.355,1) .1s
        }

    .woc-item:hover .agency-info p {
        transition-delay: .1s,.1s
    }

    .woc-item:hover .agency-info h5, .woc-item:hover .agency-info p {
        opacity: 1;
        transform: translateX(0);
        transition-timing-function: cubic-bezier(.215,.61,.355,1)
    }

.wallofcreation[data-alternate-version] {
    margin-top: 6.25em
}

    .wallofcreation[data-alternate-version] .woc-item .woc-item__infos {
        transition: opacity 1s cubic-bezier(.19,1,.22,1) 0ms
    }

    .wallofcreation[data-alternate-version] .woc-item:hover .woc-item__bg {
        transform: scale(1.05);
        transition-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    .wallofcreation[data-alternate-version] .woc-item:hover .woc-item__infos {
        opacity: 1;
        transition-timing-function: cubic-bezier(.215,.61,.355,1)
    }

@media screen and (max-width:639px) {
    .woc-item {
        width: 50%
    }
}

@media screen and (min-width:640px) {
    .woc-item {
        width: 50%
    }
}

@media screen and (min-width:768px) {
    .woc-item {
        width: 33.3333%;
        padding: .625em
    }
}