/* correctif pour la liste d'article */
.js-loadmore-target {
    position: relative;
    z-index: 2;
}

.js-loadmore-target .box__inner {
    position: relative;
    z-index: 3;
}

.panel__bottom,
.panel__bottom .btn-group {
    pointer-events: none;
}

.panel__bottom .js-loadmore-btn {
    pointer-events: auto;
}
/* fin du correctif */

/* correctif gform */
body .gform_wrapper .gform_footer,
body .gform_wrapper .gform_page_footer {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 1rem !important;
}

body .gform_wrapper .h-captcha {
  margin: 0 !important;
}

body .gform_wrapper .gform_button,
body .gform_wrapper input[type="submit"] {
  margin: 0 !important;
}
/* fin du correctif */

.glide {
    position: relative;
    width: 100%;
    box-sizing: border-box
}

.glide * {
    box-sizing: inherit
}

.glide__track {
    overflow: hidden
}

.glide__slides {
    position: relative;
    width: 100%;
    list-style: none;
    backface-visibility: hidden;
    transform-style: preserve-3d;
    touch-action: pan-Y;
    overflow: hidden;
    padding: 0;
    white-space: nowrap;
    display: flex;
    flex-wrap: nowrap;
    will-change: transform
}

.glide__slides--dragging {
    user-select: none
}

.glide__slide {
    width: 100%;
    height: 100%;
    flex-shrink: 0;
    white-space: normal;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent
}

.glide__slide a {
    user-select: none;
    -webkit-user-drag: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.glide__arrows {
    -webkit-touch-callout: none;
    user-select: none
}

.glide__bullets {
    -webkit-touch-callout: none;
    user-select: none
}

.glide--rtl {
    direction: rtl
}

.glide__arrow {
    position: absolute;
    display: block;
    top: 50%;
    z-index: 2;
    color: #fff;
    text-transform: uppercase;
    padding: 9px 12px;
    background-color: transparent;
    border: 2px solid rgba(255, 255, 255, .5);
    border-radius: 4px;
    box-shadow: 0 .25em .5em 0 rgba(0, 0, 0, .1);
    text-shadow: 0 .25em .5em rgba(0, 0, 0, .1);
    opacity: 1;
    cursor: pointer;
    transition: opacity 150ms ease, border .3s ease-in-out;
    transform: translateY(-50%);
    line-height: 1
}

.glide__arrow:focus {
    outline: 0
}

.glide__arrow:hover {
    border-color: #fff
}

.glide__arrow--left {
    left: 2em
}

.glide__arrow--right {
    right: 2em
}

.glide__arrow--disabled {
    opacity: .33
}

.glide__bullets {
    position: absolute;
    z-index: 2;
    bottom: 2em;
    left: 50%;
    display: inline-flex;
    list-style: none;
    transform: translateX(-50%)
}

.glide__bullet {
    background-color: rgba(255, 255, 255, .5);
    width: 9px;
    height: 9px;
    padding: 0;
    border-radius: 50%;
    border: 2px solid transparent;
    transition: all .3s ease-in-out;
    cursor: pointer;
    line-height: 0;
    box-shadow: 0 .25em .5em 0 rgba(0, 0, 0, .1);
    margin: 0 .25em
}

.glide__bullet:focus {
    outline: 0
}

.glide__bullet:focus,
.glide__bullet:hover {
    border: 2px solid #fff;
    background-color: rgba(255, 255, 255, .5)
}

.glide__bullet--active {
    background-color: #fff
}

.glide--swipeable {
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab
}

.glide--dragging {
    cursor: grabbing;
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing
}

.c-white {
    color: #fff
}

.c-black {
    color: #000
}

.c-blue-second {
    color: #143d6f
}

@font-face {
    font-family: Helvetica;
    src: url(../fonts/Helvetica-Light.woff2) format('woff2'), url(../fonts/Helvetica-Light.woff) format('woff');
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: Helvetica;
    src: url(../fonts/Helvetica-Bold.woff2) format('woff2'), url(../fonts/Helvetica-Bold.woff) format('woff');
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: Fedra;
    src: url(../fonts/FedraSansPro-Book.woff2) format('woff2'), url(../fonts/FedraSansPro-Book.woff) format('woff');
    font-weight: 400;
    font-style: book
}

@font-face {
    font-family: Fedra;
    src: url(../fonts/FedraSansPro-Medium.woff2) format('woff2'), url(../fonts/FedraSansPro-Medium.woff) format('woff');
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: Fedra;
    src: url(../fonts/FedraSansPro-Bold.woff2) format('woff2'), url(../fonts/FedraSansPro-Bold.woff) format('woff');
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: LibreCaslonText;
    src: url(../fonts/LibreCaslonText-Regular.woff2) format('woff2'), url(../fonts/LibreCaslonText-Regular.woff) format('woff');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: LibreCaslonText;
    src: url(../fonts/LibreCaslonText-Italic.woff2) format('woff2'), url(../fonts/LibreCaslonText-Italic.woff) format('woff');
    font-weight: 400;
    font-style: italic
}

@font-face {
    font-family: LibreCaslonText;
    src: url(../fonts/LibreCaslonText-Bold.woff2) format('woff2'), url(../fonts/LibreCaslonText-Bold.woff) format('woff');
    font-weight: 700;
    font-style: normal
}

.heading-section-bloc {
    font-family: Fedra, sans-serif;
    font-weight: 700;
    font-size: 6.4rem;
    line-height: 6rem
}

.heading-pdf {
    Helvetica: Neue();
    font-weight: 700;
    font-style: normal;
    font-size: 2.4rem;
    line-height: 2.8rem;
    letter-spacing: 0rem;
    margin-bottom: 1rem
}

@media (max-width:576px) {
    .heading-pdf {
        font-size: 2.2rem;
        line-height: 2rem
    }
}

.teasing-pdf {
    Helvetica: Neue();
    font-style: normal;
    font-size: 1.2rem;
    line-height: 1.8rem
}

@media (max-width:950px) {
    .heading-section-bloc {
        font-size: 3rem;
        line-height: 2.6rem
    }
}

.u-c-bg {
    color: $c-bg
}

.u-c-brand {
    color: $c-brand
}

.u-c-white {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    color: #fff
}

.u-c-black {
    color: #000
}

.u-c-grey {
    color: #d8d8d8
}

.u-c-green {
    color: #7b9e38
}

.u-c-border {
    color: #d8d8d8
}

.u-c-grey-medium {
    color: #7b7b7b
}

.u-res {
    width: 100%;
    max-width: 100%
}

.u-block {
    display: block
}

.is-hidden {
    display: none !important
}

.is-vis-hidden {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0
}

.margin-left-auto {
    margin-left: auto
}

.margin-top-auto {
    margin-top: auto
}

.margin-top {
    margin-top: 25px
}

.is-visible-tl {
    display: none
}

.u-center {
    text-align: center
}

@media only screen and (max-width:768px) {
    .u-center-m {
        text-align: center
    }
}

.u-right {
    text-align: right
}

.u-align-right {
    float: right
}

.u-align-left {
    float: left
}

.u-fit {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
    font-family: 'object-fit: cover; object-position: center;'
}

.u-w-100 {
    width: 100%
}

.u-background-grey-light {
    background: #f5f5f5
}

.u-background-green {
    background: #3f6643
}

.u-background-blue-second {
    background: #143d6f
}

.u-background-blue-marine {
    background: #0b2845
}

.u-backgroud-white {
    background: #fff
}

.u-backgroud-beige {
    background: #e5e2dc
}

.u-background {
    background-image: url(../images/panels/panel-background.svg);
    background-size: cover
}

.u-background-before,
.u-background-green-before {
    position: relative
}

.u-background-before:before,
.u-background-green-before:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-size: cover;
    opacity: .8
}

.u-background-before:before {
    background-image: url(../images/panels/panel-background.svg)
}

.u-background-green-before:before {
    background-image: url(../images/panels/panel-background-green.png)
}

.u-backgroud-blue-before:before {
    background-image: url(../images/panels/panel-background-blue.svg)
}

.u-backgroud-dark-blue-before:before {
    background-image: url(../images/panels/panel-background-dark-blue.svg)
}

@media only screen and (max-width:768px) {
    .u-background-before-m {
        position: relative
    }

    .u-background-before-m:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-size: cover;
        opacity: .8;
        background-image: url(../images/panels/panel-background.svg)
    }
}

.is-visible-tp {
    display: none !important
}

.is-visible-tl {
    display: none !important
}

.trailer-0 {
    margin-bottom: 0rem
}

.leader-0 {
    margin-top: 0rem
}

.trailer-10 {
    margin-bottom: 1rem
}

.leader-10 {
    margin-top: 1rem
}

.trailer-20 {
    margin-bottom: 2rem
}

.leader-20 {
    margin-top: 2rem
}

.trailer-30 {
    margin-bottom: 3rem
}

.leader-30 {
    margin-top: 3rem
}

.trailer-40 {
    margin-bottom: 4rem
}

.leader-40 {
    margin-top: 4rem
}

.trailer-50 {
    margin-bottom: 5rem
}

.leader-50 {
    margin-top: 5rem
}

.trailer-60 {
    margin-bottom: 6rem
}

.leader-60 {
    margin-top: 6rem
}

.trailer-70 {
    margin-bottom: 7rem
}

.leader-70 {
    margin-top: 7rem
}

.trailer-80 {
    margin-bottom: 8rem
}

.leader-80 {
    margin-top: 8rem
}

.trailer-90 {
    margin-bottom: 9rem
}

.leader-90 {
    margin-top: 9rem
}

.trailer-100 {
    margin-bottom: 10rem
}

.leader-100 {
    margin-top: 10rem
}

@media only screen and (max-width:1024px) {
    .is-visible-tl {
        display: inherit !important
    }

    .is-hidden-tl {
        display: none !important
    }

    .is-visible-tl {
        display: block !important
    }

    .trailer-0-tl {
        margin-bottom: 0rem
    }

    .leader-0-tl {
        margin-top: 0rem
    }

    .trailer-10-tl {
        margin-bottom: 1rem
    }

    .leader-10-tl {
        margin-top: 1rem
    }

    .trailer-20-tl {
        margin-bottom: 2rem
    }

    .leader-20-tl {
        margin-top: 2rem
    }

    .trailer-30-tl {
        margin-bottom: 3rem
    }

    .leader-30-tl {
        margin-top: 3rem
    }

    .trailer-40-tl {
        margin-bottom: 4rem
    }

    .leader-40-tl {
        margin-top: 4rem
    }

    .trailer-50-tl {
        margin-bottom: 5rem
    }

    .leader-50-tl {
        margin-top: 5rem
    }

    .trailer-60-tl {
        margin-bottom: 6rem
    }

    .leader-60-tl {
        margin-top: 6rem
    }

    .trailer-70-tl {
        margin-bottom: 7rem
    }

    .leader-70-tl {
        margin-top: 7rem
    }

    .trailer-80-tl {
        margin-bottom: 8rem
    }

    .leader-80-tl {
        margin-top: 8rem
    }

    .trailer-90-tl {
        margin-bottom: 9rem
    }

    .leader-90-tl {
        margin-top: 9rem
    }

    .trailer-100-tl {
        margin-bottom: 10rem
    }

    .leader-100-tl {
        margin-top: 10rem
    }
}

@media only screen and (max-width:768px) {
    .trailer-0-tp {
        margin-bottom: 0rem
    }

    .leader-0-tp {
        margin-top: 0rem
    }

    .trailer-10-tp {
        margin-bottom: 1rem
    }

    .leader-10-tp {
        margin-top: 1rem
    }

    .trailer-20-tp {
        margin-bottom: 2rem
    }

    .leader-20-tp {
        margin-top: 2rem
    }

    .trailer-30-tp {
        margin-bottom: 3rem
    }

    .leader-30-tp {
        margin-top: 3rem
    }

    .trailer-40-tp {
        margin-bottom: 4rem
    }

    .leader-40-tp {
        margin-top: 4rem
    }

    .trailer-50-tp {
        margin-bottom: 5rem
    }

    .leader-50-tp {
        margin-top: 5rem
    }

    .trailer-60-tp {
        margin-bottom: 6rem
    }

    .leader-60-tp {
        margin-top: 6rem
    }

    .trailer-70-tp {
        margin-bottom: 7rem
    }

    .leader-70-tp {
        margin-top: 7rem
    }

    .trailer-80-tp {
        margin-bottom: 8rem
    }

    .leader-80-tp {
        margin-top: 8rem
    }

    .trailer-90-tp {
        margin-bottom: 9rem
    }

    .leader-90-tp {
        margin-top: 9rem
    }

    .trailer-100-tp {
        margin-bottom: 10rem
    }

    .leader-100-tp {
        margin-top: 10rem
    }

    .is-hidden-tp {
        display: none !important
    }

    .is-visible-tp {
        display: inherit !important
    }
}

@media only screen and (max-width:768px) {
    .trailer-0-m {
        margin-bottom: 0rem
    }

    .leader-0-m {
        margin-top: 0rem
    }

    .trailer-10-m {
        margin-bottom: 1rem
    }

    .leader-10-m {
        margin-top: 1rem
    }

    .trailer-20-m {
        margin-bottom: 2rem
    }

    .leader-20-m {
        margin-top: 2rem
    }

    .trailer-30-m {
        margin-bottom: 3rem
    }

    .leader-30-m {
        margin-top: 3rem
    }

    .trailer-40-m {
        margin-bottom: 4rem
    }

    .leader-40-m {
        margin-top: 4rem
    }

    .trailer-50-m {
        margin-bottom: 5rem
    }

    .leader-50-m {
        margin-top: 5rem
    }

    .trailer-60-m {
        margin-bottom: 6rem
    }

    .leader-60-m {
        margin-top: 6rem
    }

    .is-hidden-m {
        display: none
    }
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
summary,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

body {
    line-height: 1
}

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
    content: '';
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

a {
    text-decoration: none
}

.grid-tool {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 999
}

.grid-tool__inner {
    position: relative;
    width: 144rem;
    max-width: 100%;
    height: 100%;
    margin: 0 auto
}

.grid-tool__markers,
.grid-tool__toggle {
    position: absolute;
    top: 0;
    left: 0
}

.grid-tool__toggle {
    pointer-events: auto;
    top: 1rem;
    left: 1rem
}

.grid-tool__markers {
    display: none;
    right: 0;
    bottom: 0
}

.grid-tool__markers.is-active {
    display: block
}

.grid-tool__markers i {
    display: block;
    height: 100%;
    background: rgba(255, 0, 0, .5)
}

.u-upper {
    text-transform: uppercase
}

.u-lower {
    text-transform: lowercase
}

.footer--primary {
    max-width: 100%;
    width: 144rem;
    margin: 0 auto;
    background: #f5f5f5
}

.footer--primary .row {
    width: 100%;
    padding-left: 5rem;
    padding-right: 5rem
}

.footer--primary .footer__inner {
    display: flex;
    align-items: flex-start;
    padding: 6.4rem 0
}

.footer--primary .footer__left,
.footer--primary .footer__right {
    display: flex
}

.footer--primary .footer__logo {
    display: block;
    width: 25rem
}

.footer--primary .footer__right {
    margin-left: auto;
    display: flex;
    gap: 6.4rem
}

.footer--primary .footer__right .nav--tertiary {
    flex-direction: column
}

.footer--primary .footer__right .nav__item {
    color: #0b2845;
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 1.4rem
}

.footer--primary .footer__right .nav__item.bold {
    font-weight: 700
}

.footer--primary .footer__bottom {
    background: #f2efe7
}

.footer--primary .footer__bottom .footer__inner {
    padding: 3.2rem 0;
    align-items: center
}

.footer--primary .footer__bottom .footer__right .nav--tertiary {
    flex-direction: row;
    gap: 3.2rem
}

.footer--primary .footer__bottom .footer__right .nav--tertiary .nav__item {
    font-size: 1.3rem;
    line-height: 1.3rem;
    font-weight: 700
}

.footer--primary .footer__dark-beige {
    background: #e5e2dc;
    margin-top: -2.1rem;
    padding: 3.2rem 2.4rem
}

.footer--primary .footer__dark-beige .nav--tertiary {
    gap: 2.4rem;
    flex-direction: column
}

.footer--primary .footer__dark-beige .nav--tertiary .nav--tertiary__row {
    display: flex;
    flex-direction: row;
    gap: 1.6rem
}

.footer--primary .footer__dark-beige .nav--tertiary .nav--tertiary__row>.nav__item:first-child {
    min-width: 120px
}

.footer--primary .footer__dark-beige .nav--tertiary .nav--tertiary__row .nav--subs-links {
    display: flex;
    gap: 1.6rem;
    flex-wrap: wrap
}

.footer--primary .footer__dark-beige .nav--tertiary .nav--tertiary__row .nav--subs-links .nav__item {
    font-weight: 400
}

.footer--primary .footer__dark-beige .nav--tertiary .nav--tertiary__row .nav--subs-links .nav__item.bold {
    font-weight: 700
}

.footer--primary .footer__scroll-top {
    position: absolute;
    right: 1.5rem;
    top: -3rem;
    display: none
}

@media only screen and (max-width:1200px) {
    .footer--primary .footer__inner .footer__right {
        flex-wrap: wrap;
        padding-left: 6.4rem
    }

    .footer--primary .footer__inner .footer__right .nav--tertiary {
        flex-basis: calc(50% - 3.2rem)
    }

    .footer--primary .footer__bottom .footer__inner .footer__right {
        flex-wrap: wrap;
        padding-left: 0
    }

    .footer--primary .footer__bottom .footer__inner .footer__right .nav--tertiary {
        flex-basis: 100%
    }
}

@media only screen and (max-width:1199px) {
    .footer--primary .row {
        overflow: visible
    }
}

@media only screen and (max-width:1024px) {
    .footer--primary {
        position: relative
    }

    .footer--primary .footer__left {
        padding-right: 6.4rem
    }

    .footer--primary .footer__inner .footer__right {
        padding-left: 0;
        gap: 3.2rem
    }

    .footer--primary .footer__inner .footer__right .nav--tertiary {
        gap: 1.6rem;
        flex-basis: calc(50% - 1.6rem)
    }

    .footer--primary .footer__logo {
        width: 17rem
    }

    .footer--primary .footer__dark-beige .nav--tertiary .nav--tertiary__row {
        flex-direction: column
    }

    .footer--primary .footer__dark-beige .nav--tertiary .nav--tertiary__row .nav--subs-links {
        gap: 1.2rem
    }

    .footer--primary .footer__bottom .footer__inner .footer__right .nav--tertiary {
        gap: 2.4rem;
        flex-basis: 100%
    }

    .footer--primary .footer__scroll-top {
        display: flex;
        z-index: 5
    }

    .footer--primary .footer__scroll-top svg {
        pointer-events: none
    }
}

@media only screen and (max-width:768px) {
    .footer--primary .footer__dark-beige {
        margin-top: 0
    }

    .footer--primary .footer__logo {
        padding: 3.2rem 6.4rem 0 0
    }

    .footer--primary .row {
        padding-left: 0;
        padding-right: 0
    }

    .footer--primary .nav--tertiary .nav__item {
        margin-bottom: 0
    }

    .footer--primary .footer__inner {
        padding: 0;
        flex-direction: column
    }

    .footer--primary .footer__inner .footer__right {
        gap: 2.4rem;
        padding: 3.2rem 0
    }

    .footer--primary .footer__inner .footer__right .nav--tertiary {
        gap: 1.6rem;
        flex-basis: 100%
    }

    .footer--primary .footer__bottom .footer__inner {
        padding: 0
    }

    .footer--primary .footer__bottom .footer__inner .footer__right .nav--tertiary {
        flex-wrap: wrap;
        gap: 1.6rem
    }

    .footer--primary .footer__bottom .cell-12.no-gutter-mobile,
    .footer--primary .footer__bottom .row {
        padding-left: 0;
        padding-right: 0
    }
}

.row--pdf-right {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

@media only screen and (max-width:1024px) {
    .row--pdf-right {
        flex-direction: column
    }

    .row--pdf-right .margin-left-auto {
        margin-left: 0 !important
    }
}

.row--pdf-bottom {
    display: flex;
    flex-direction: column
}

.row {
    position: relative;
    width: 141rem;
    max-width: 100%;
    min-width: 0;
    padding-left: 8rem;
    padding-right: 8rem;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box
}

.row.row--no-pad {
    padding-left: 0;
    padding-right: 0
}

.row:after,
.row:before {
    content: ".";
    display: block;
    height: 0;
    width: 0;
    overflow: hidden
}

.row:after {
    clear: both
}

.row>[class*=cell] {
    box-sizing: border-box;
    float: left;
    position: relative;
    min-height: 1px
}

.row>[class*=cell].centered {
    float: none;
    margin-left: auto;
    margin-right: auto
}

.row>[class*=cell].collapse {
    padding-left: 0;
    padding-right: 0
}

.row>.cell-half {
    width: 50%
}

.row .row {
    width: auto;
    max-width: none;
    min-width: 0;
    margin-left: -9.5rem;
    margin-right: -9.5rem
}

.row--full {
    height: 100%
}

.row--table {
    display: table;
    table-layout: fixed
}

.row--table--centered>[class*=cell] {
    display: table-cell;
    vertical-align: middle;
    float: none
}

.row--flex {
    display: flex;
    flex-direction: row;
    flex-flow: row wrap
}

.row--flex>[class*=cell] {
    float: none
}

.row--flex--c>[class*=cell] {
    flex-direction: column
}

.row--flex--r>[class*=cell] {
    flex-direction: row
}

.row--flex>[class*=cell] {
    display: flex
}

.row--flex--centered {
    justify-content: center
}

.row--flex--centered>[class*=cell] {
    justify-content: center
}

.row--pulled-r .cell-pulled {
    width: calc(100% + 11rem);
    margin-right: -11rem
}

.row--pulled-l .cell-pulled {
    width: calc(100% + 11rem);
    margin-left: -11rem
}

.row.row--overflowed {
    overflow: visible
}

[class*=cell] {
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

[class*=cell].cell-end {
    align-self: flex-end
}

[class*=cell].cell-center {
    align-self: center
}

[class*=cell].cell-abs {
    position: absolute;
    top: 0;
    bottom: 0;
    float: none
}

[class*=cell].cell-full {
    height: 100%
}

.is-ie10 .row--flex>[class*=cell] * {
    max-width: 100%
}

.cell-1 {
    width: 8.333333333333334%
}

.cell-1.cell-abs {
    width: 7.387706855791962%
}

.prepend-1 {
    margin-left: 8.333333333333334%
}

.prepend-1.cell-abs {
    margin-left: 7.387706855791962%
}

.append-1 {
    margin-right: 8.333333333333334%
}

.append-1.cell-abs {
    margin-right: 7.387706855791962%
}

.push-1 {
    left: 8.333333333333334%
}

.push-1.cell-abs {
    left: 7.387706855791962%
}

.pull-1 {
    right: 8.333333333333334%
}

.pull-1.cell-abs {
    right: 7.387706855791962%
}

.cell-2 {
    width: 16.666666666666668%
}

.cell-2.cell-abs {
    width: 14.775413711583925%
}

.prepend-2 {
    margin-left: 16.666666666666668%
}

.prepend-2.cell-abs {
    margin-left: 14.775413711583925%
}

.append-2 {
    margin-right: 16.666666666666668%
}

.append-2.cell-abs {
    margin-right: 14.775413711583925%
}

.push-2 {
    left: 16.666666666666668%
}

.push-2.cell-abs {
    left: 14.775413711583925%
}

.pull-2 {
    right: 16.666666666666668%
}

.pull-2.cell-abs {
    right: 14.775413711583925%
}

.cell-3 {
    width: 25%
}

.cell-3.cell-abs {
    width: 22.163120567375884%
}

.prepend-3 {
    margin-left: 25%
}

.prepend-3.cell-abs {
    margin-left: 22.163120567375884%
}

.append-3 {
    margin-right: 25%
}

.append-3.cell-abs {
    margin-right: 22.163120567375884%
}

.push-3 {
    left: 25%
}

.push-3.cell-abs {
    left: 22.163120567375884%
}

.pull-3 {
    right: 25%
}

.pull-3.cell-abs {
    right: 22.163120567375884%
}

.cell-4 {
    width: 33.333333333333336%
}

.cell-4.cell-abs {
    width: 29.55082742316785%
}

.prepend-4 {
    margin-left: 33.333333333333336%
}

.prepend-4.cell-abs {
    margin-left: 29.55082742316785%
}

.append-4 {
    margin-right: 33.333333333333336%
}

.append-4.cell-abs {
    margin-right: 29.55082742316785%
}

.push-4 {
    left: 33.333333333333336%
}

.push-4.cell-abs {
    left: 29.55082742316785%
}

.pull-4 {
    right: 33.333333333333336%
}

.pull-4.cell-abs {
    right: 29.55082742316785%
}

.cell-5 {
    width: 41.66666666666667%
}

.cell-5.cell-abs {
    width: 36.938534278959814%
}

.prepend-5 {
    margin-left: 41.66666666666667%
}

.prepend-5.cell-abs {
    margin-left: 36.938534278959814%
}

.append-5 {
    margin-right: 41.66666666666667%
}

.append-5.cell-abs {
    margin-right: 36.938534278959814%
}

.push-5 {
    left: 41.66666666666667%
}

.push-5.cell-abs {
    left: 36.938534278959814%
}

.pull-5 {
    right: 41.66666666666667%
}

.pull-5.cell-abs {
    right: 36.938534278959814%
}

.cell-6 {
    width: 50%
}

.cell-6.cell-abs {
    width: 44.32624113475177%
}

.prepend-6 {
    margin-left: 50%
}

.prepend-6.cell-abs {
    margin-left: 44.32624113475177%
}

.append-6 {
    margin-right: 50%
}

.append-6.cell-abs {
    margin-right: 44.32624113475177%
}

.push-6 {
    left: 50%
}

.push-6.cell-abs {
    left: 44.32624113475177%
}

.pull-6 {
    right: 50%
}

.pull-6.cell-abs {
    right: 44.32624113475177%
}

.cell-7 {
    width: 58.333333333333336%
}

.cell-7.cell-abs {
    width: 51.71394799054374%
}

.prepend-7 {
    margin-left: 58.333333333333336%
}

.prepend-7.cell-abs {
    margin-left: 51.71394799054374%
}

.append-7 {
    margin-right: 58.333333333333336%
}

.append-7.cell-abs {
    margin-right: 51.71394799054374%
}

.push-7 {
    left: 58.333333333333336%
}

.push-7.cell-abs {
    left: 51.71394799054374%
}

.pull-7 {
    right: 58.333333333333336%
}

.pull-7.cell-abs {
    right: 51.71394799054374%
}

.cell-8 {
    width: 66.66666666666667%
}

.cell-8.cell-abs {
    width: 59.1016548463357%
}

.prepend-8 {
    margin-left: 66.66666666666667%
}

.prepend-8.cell-abs {
    margin-left: 59.1016548463357%
}

.append-8 {
    margin-right: 66.66666666666667%
}

.append-8.cell-abs {
    margin-right: 59.1016548463357%
}

.push-8 {
    left: 66.66666666666667%
}

.push-8.cell-abs {
    left: 59.1016548463357%
}

.pull-8 {
    right: 66.66666666666667%
}

.pull-8.cell-abs {
    right: 59.1016548463357%
}

.cell-9 {
    width: 75%
}

.cell-9.cell-abs {
    width: 66.48936170212765%
}

.prepend-9 {
    margin-left: 75%
}

.prepend-9.cell-abs {
    margin-left: 66.48936170212765%
}

.append-9 {
    margin-right: 75%
}

.append-9.cell-abs {
    margin-right: 66.48936170212765%
}

.push-9 {
    left: 75%
}

.push-9.cell-abs {
    left: 66.48936170212765%
}

.pull-9 {
    right: 75%
}

.pull-9.cell-abs {
    right: 66.48936170212765%
}

.cell-10 {
    width: 83.33333333333334%
}

.cell-10.cell-abs {
    width: 73.87706855791963%
}

.prepend-10 {
    margin-left: 83.33333333333334%
}

.prepend-10.cell-abs {
    margin-left: 73.87706855791963%
}

.append-10 {
    margin-right: 83.33333333333334%
}

.append-10.cell-abs {
    margin-right: 73.87706855791963%
}

.push-10 {
    left: 83.33333333333334%
}

.push-10.cell-abs {
    left: 73.87706855791963%
}

.pull-10 {
    right: 83.33333333333334%
}

.pull-10.cell-abs {
    right: 73.87706855791963%
}

.cell-11 {
    width: 91.66666666666667%
}

.cell-11.cell-abs {
    width: 81.26477541371159%
}

.prepend-11 {
    margin-left: 91.66666666666667%
}

.prepend-11.cell-abs {
    margin-left: 81.26477541371159%
}

.append-11 {
    margin-right: 91.66666666666667%
}

.append-11.cell-abs {
    margin-right: 81.26477541371159%
}

.push-11 {
    left: 91.66666666666667%
}

.push-11.cell-abs {
    left: 81.26477541371159%
}

.pull-11 {
    right: 91.66666666666667%
}

.pull-11.cell-abs {
    right: 81.26477541371159%
}

.cell-12 {
    width: 100%
}

.cell-12.cell-abs {
    width: 88.65248226950354%
}

.prepend-12 {
    margin-left: 100%
}

.prepend-12.cell-abs {
    margin-left: 88.65248226950354%
}

.append-12 {
    margin-right: 100%
}

.append-12.cell-abs {
    margin-right: 88.65248226950354%
}

.push-12 {
    left: 100%
}

.push-12.cell-abs {
    left: 88.65248226950354%
}

.pull-12 {
    right: 100%
}

.pull-12.cell-abs {
    right: 88.65248226950354%
}

@media only screen and (max-width:1199px) {
    .row {
        overflow: hidden;
        width: auto
    }

    .row.u-overflow-visible {
        overflow: visible
    }
}

@media only screen and (max-width:1024px) {
    .cell-0-tl {
        width: 0%
    }

    .prepend-0-tl {
        margin-left: 0 !important
    }

    .append-0-tl {
        margin-right: 0 !important
    }

    .cell-1-tl {
        width: 8.333333333333334%
    }

    .prepend-1-tl {
        margin-left: 8.333333333333334% !important
    }

    .append-1-tl {
        margin-right: 8.333333333333334% !important
    }

    .cell-2-tl {
        width: 16.666666666666668%
    }

    .prepend-2-tl {
        margin-left: 16.666666666666668% !important
    }

    .append-2-tl {
        margin-right: 16.666666666666668% !important
    }

    .cell-3-tl {
        width: 25%
    }

    .prepend-3-tl {
        margin-left: 25% !important
    }

    .append-3-tl {
        margin-right: 25% !important
    }

    .cell-4-tl {
        width: 33.333333333333336%
    }

    .prepend-4-tl {
        margin-left: 33.333333333333336% !important
    }

    .append-4-tl {
        margin-right: 33.333333333333336% !important
    }

    .cell-5-tl {
        width: 41.66666666666667%
    }

    .prepend-5-tl {
        margin-left: 41.66666666666667% !important
    }

    .append-5-tl {
        margin-right: 41.66666666666667% !important
    }

    .cell-6-tl {
        width: 50%
    }

    .prepend-6-tl {
        margin-left: 50% !important
    }

    .append-6-tl {
        margin-right: 50% !important
    }

    .cell-7-tl {
        width: 58.333333333333336%
    }

    .prepend-7-tl {
        margin-left: 58.333333333333336% !important
    }

    .append-7-tl {
        margin-right: 58.333333333333336% !important
    }

    .cell-8-tl {
        width: 66.66666666666667%
    }

    .prepend-8-tl {
        margin-left: 66.66666666666667% !important
    }

    .append-8-tl {
        margin-right: 66.66666666666667% !important
    }

    .cell-9-tl {
        width: 75%
    }

    .prepend-9-tl {
        margin-left: 75% !important
    }

    .append-9-tl {
        margin-right: 75% !important
    }

    .cell-10-tl {
        width: 83.33333333333334%
    }

    .prepend-10-tl {
        margin-left: 83.33333333333334% !important
    }

    .append-10-tl {
        margin-right: 83.33333333333334% !important
    }

    .cell-11-tl {
        width: 91.66666666666667%
    }

    .prepend-11-tl {
        margin-left: 91.66666666666667% !important
    }

    .append-11-tl {
        margin-right: 91.66666666666667% !important
    }

    .cell-12-tl {
        width: 100%
    }

    .prepend-12-tl {
        margin-left: 100% !important
    }

    .append-12-tl {
        margin-right: 100% !important
    }
}

@media only screen and (max-width:768px) {
    [class*=cell] {
        padding-left: 3rem;
        padding-right: 3rem
    }

    .row {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }

    .row [class*=prepend-] {
        margin: 0
    }

    .row>[class*=cell] {
        float: none;
        width: auto !important;
        max-width: 100%
    }

    .row>[class*=push-] {
        left: auto
    }

    .row>[class*=pull-] {
        right: auto
    }

    .row:not(.row--flex)>[class*=prepend-] {
        margin-left: 0
    }

    .row:not(.row--flex)>[class*=append-] {
        margin-right: 0
    }

    .row--flex--c-tp {
        flex-direction: column
    }

    .cell-0-tp {
        width: 0%
    }

    .prepend-0-tp {
        margin-left: 0 !important
    }

    .append-0-tp {
        margin-right: 0 !important
    }

    .cell-1-tp {
        width: 8.333333333333334%
    }

    .prepend-1-tp {
        margin-left: 8.333333333333334% !important
    }

    .append-1-tp {
        margin-right: 8.333333333333334% !important
    }

    .cell-2-tp {
        width: 16.666666666666668%
    }

    .prepend-2-tp {
        margin-left: 16.666666666666668% !important
    }

    .append-2-tp {
        margin-right: 16.666666666666668% !important
    }

    .cell-3-tp {
        width: 25%
    }

    .prepend-3-tp {
        margin-left: 25% !important
    }

    .append-3-tp {
        margin-right: 25% !important
    }

    .cell-4-tp {
        width: 33.333333333333336%
    }

    .prepend-4-tp {
        margin-left: 33.333333333333336% !important
    }

    .append-4-tp {
        margin-right: 33.333333333333336% !important
    }

    .cell-5-tp {
        width: 41.66666666666667%
    }

    .prepend-5-tp {
        margin-left: 41.66666666666667% !important
    }

    .append-5-tp {
        margin-right: 41.66666666666667% !important
    }

    .cell-6-tp {
        width: 50%
    }

    .prepend-6-tp {
        margin-left: 50% !important
    }

    .append-6-tp {
        margin-right: 50% !important
    }

    .cell-7-tp {
        width: 58.333333333333336%
    }

    .prepend-7-tp {
        margin-left: 58.333333333333336% !important
    }

    .append-7-tp {
        margin-right: 58.333333333333336% !important
    }

    .cell-8-tp {
        width: 66.66666666666667%
    }

    .prepend-8-tp {
        margin-left: 66.66666666666667% !important
    }

    .append-8-tp {
        margin-right: 66.66666666666667% !important
    }

    .cell-9-tp {
        width: 75%
    }

    .prepend-9-tp {
        margin-left: 75% !important
    }

    .append-9-tp {
        margin-right: 75% !important
    }

    .cell-10-tp {
        width: 83.33333333333334%
    }

    .prepend-10-tp {
        margin-left: 83.33333333333334% !important
    }

    .append-10-tp {
        margin-right: 83.33333333333334% !important
    }

    .cell-11-tp {
        width: 91.66666666666667%
    }

    .prepend-11-tp {
        margin-left: 91.66666666666667% !important
    }

    .append-11-tp {
        margin-right: 91.66666666666667% !important
    }

    .cell-12-tp {
        width: 100%
    }

    .prepend-12-tp {
        margin-left: 100% !important
    }

    .append-12-tp {
        margin-right: 100% !important
    }
}

@media only screen and (max-width:768px) {
    .row {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }

    .row [class*=prepend-] {
        margin: 0
    }

    .row>[class*=cell] {
        float: none;
        width: auto !important;
        max-width: 100%
    }

    .row>[class*=push-] {
        left: auto
    }

    .row>[class*=pull-] {
        right: auto
    }

    .row>.cell-full-mobile {
        width: 100% !important
    }

    .row.row--break-flex-m,
    .row.row--break-table-m {
        display: block
    }

    .row.row--break-flex-m>[class*=cell],
    .row.row--break-table-m>[class*=cell] {
        width: 100% !important;
        display: block
    }

    [class*=cell] {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }

    .cell-full-ml {
        padding-left: 0;
        padding-right: 0
    }

    .row--pulled-l .cell-pulled,
    .row--pulled-r .cell-pulled {
        margin-left: 0;
        margin-right: 0
    }

    .row--flex--c-m {
        flex-direction: column
    }

    .cell-0-m {
        width: 0%
    }

    .prepend-0-m {
        margin-left: 0 !important
    }

    .append-0-m {
        margin-right: 0 !important
    }

    .cell-1-m {
        width: 8.333333333333334%
    }

    .prepend-1-m {
        margin-left: 8.333333333333334% !important
    }

    .append-1-m {
        margin-right: 8.333333333333334% !important
    }

    .cell-2-m {
        width: 16.666666666666668%
    }

    .prepend-2-m {
        margin-left: 16.666666666666668% !important
    }

    .append-2-m {
        margin-right: 16.666666666666668% !important
    }

    .cell-3-m {
        width: 25%
    }

    .prepend-3-m {
        margin-left: 25% !important
    }

    .append-3-m {
        margin-right: 25% !important
    }

    .cell-4-m {
        width: 33.333333333333336%
    }

    .prepend-4-m {
        margin-left: 33.333333333333336% !important
    }

    .append-4-m {
        margin-right: 33.333333333333336% !important
    }

    .cell-5-m {
        width: 41.66666666666667%
    }

    .prepend-5-m {
        margin-left: 41.66666666666667% !important
    }

    .append-5-m {
        margin-right: 41.66666666666667% !important
    }

    .cell-6-m {
        width: 50%
    }

    .prepend-6-m {
        margin-left: 50% !important
    }

    .append-6-m {
        margin-right: 50% !important
    }

    .cell-7-m {
        width: 58.333333333333336%
    }

    .prepend-7-m {
        margin-left: 58.333333333333336% !important
    }

    .append-7-m {
        margin-right: 58.333333333333336% !important
    }

    .cell-8-m {
        width: 66.66666666666667%
    }

    .prepend-8-m {
        margin-left: 66.66666666666667% !important
    }

    .append-8-m {
        margin-right: 66.66666666666667% !important
    }

    .cell-9-m {
        width: 75%
    }

    .prepend-9-m {
        margin-left: 75% !important
    }

    .append-9-m {
        margin-right: 75% !important
    }

    .cell-10-m {
        width: 83.33333333333334%
    }

    .prepend-10-m {
        margin-left: 83.33333333333334% !important
    }

    .append-10-m {
        margin-right: 83.33333333333334% !important
    }

    .cell-11-m {
        width: 91.66666666666667%
    }

    .prepend-11-m {
        margin-left: 91.66666666666667% !important
    }

    .append-11-m {
        margin-right: 91.66666666666667% !important
    }

    .cell-12-m {
        width: 100%
    }

    .prepend-12-m {
        margin-left: 100% !important
    }

    .append-12-m {
        margin-right: 100% !important
    }
}

.header__rich {
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 141rem;
    max-width: 100%;
    transform: translateY(100%) translateX(-50%);
    background: #f5f5f5;
    opacity: 0;
    visibility: hidden;
    z-index: 5;
    border-top: .1rem solid #f5f5f5;
    transition: opacity .2s, visibility .2s
}

.header__rich__inner {
    width: auto
}

.header__rich__body {
    display: flex
}

.header__rich__body--full {
    background: #fff;
    padding: 3rem 9.5rem
}

.header__rich__box {
    display: flex;
    justify-content: center;
    flex-direction: column;
    width: 33%;
    padding: 3rem 9.5rem;
    box-sizing: border-box;
    background: #f5f5f5
}

.header__rich__box--large {
    display: flex;
    justify-content: space-between;
    width: 67%;
    padding: 3rem 9.5rem 3rem 6rem;
    box-sizing: border-box;
    background: #fff
}

.header__rich__box--large:before {
    opacity: .3
}

.header__rich__left,
.header__rich__right {
    position: relative
}

.header__rich__left {
    float: left
}

.header__rich__right {
    float: right;
    width: 26rem
}

.header__rich__right--implantations {
    position: relative;
    float: right;
    width: 46rem;
    display: none;
    z-index: 0
}

.header__rich__right--implantations.is-active {
    display: block;
    z-index: 2
}

.header__rich__title {
    margin-bottom: 3rem
}

.header__rich__link {
    margin-top: 1.5rem
}

.header__rich__box__implantations {
    display: flex;
    justify-content: space-between;
    padding-left: 2rem
}

.header__rich__box__implantations--list li {
    margin-bottom: 1.5rem
}

.header__rich__box__implantations--list li a {
    color: #000
}

.header__rich__box__implantations--list li a:hover {
    color: #7b9e38
}

.header__rich__box__implantations .header__rich__icon--implantations {
    position: relative;
    display: inline-block;
    width: 2.2rem;
    height: 2.2rem;
    margin-right: .5rem
}

.header__rich__box__implantations .header__rich__icon--implantations:after,
.header__rich__box__implantations .header__rich__icon--implantations:before {
    content: '';
    position: absolute;
    border-radius: 50%
}

.header__rich__box__implantations .header__rich__icon--implantations:after {
    top: .4rem;
    left: .4rem;
    right: .4rem;
    bottom: .4rem
}

.header__rich__box__implantations .header__rich__icon--implantations:before {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: .4
}

.header__rich__box__implantations--left:after {
    content: attr(data-label-text);
    display: block;
    position: absolute;
    top: 3rem;
    left: 1rem;
    font-size: 1.5rem;
    line-height: 1.6rem;
    text-align: center;
    color: #dfb000
}

.header__rich__box__implantations--left .header__rich__title {
    position: relative;
    color: #dfb000;
    margin-bottom: 5rem
}

.header__rich__box__implantations--left .header__rich__icon--implantations:after,
.header__rich__box__implantations--left .header__rich__icon--implantations:before {
    background: #dfb000
}

.header__rich__box__implantations--right .header__rich__title {
    color: #7b9e38;
    margin-bottom: 5rem
}

.header__rich__box__implantations--right .header__rich__icon--implantations:after,
.header__rich__box__implantations--right .header__rich__icon--implantations:before {
    background: #7b9e38
}

.header__rich__box__implantations--alt .header__rich__title {
    color: #575757
}

.header__rich__box__implantations--alt .header__rich__icon--implantations:after,
.header__rich__box__implantations--alt .header__rich__icon--implantations:before {
    background: #575757
}

.header__rich__box__implantations--geo .header__rich__title {
    color: #503364
}

.header__rich__box__implantations--geo .header__rich__icon--implantations:after,
.header__rich__box__implantations--geo .header__rich__icon--implantations:before {
    background: #503364
}

.header__rich__box__implantations .header__rich__title {
    display: inline-block
}

@media only screen and (max-width:1439px) {
    .header__rich .header__rich__right--implantations {
        float: right;
        width: 43rem
    }
}

@media only screen and (max-width:1200px) {
    .header__rich .header__rich__right--implantations {
        float: right;
        width: 38rem
    }
}

@media only screen and (max-width:1024px) {
    .header__rich {
        position: absolute;
        top: 15.2rem;
        left: 0;
        transform: translateX(100%);
        transition: transform .5s, .2s visibility .2s, .2s opacity .2s;
        border: none;
        pointer-events: none
    }

    .header__rich.is-visible {
        pointer-events: all;
        transition: transform .5s, visibility .2s, opacity .2s
    }

    .header__rich .header__rich__inner {
        overflow: auto;
        background: #fff
    }

    .header__rich .header__rich__body {
        height: calc(100vh - 15.2rem);
        overflow: auto;
        background: #fff;
        overflow: visible
    }

    .header__rich .header__rich__box--large {
        border: none;
        padding-left: 10rem;
        padding-right: 10rem;
        width: 100%;
        overflow: visible
    }

    .header__rich .header__rich__box--large:before {
        content: none
    }

    .header__rich .header__rich__title {
        cursor: pointer;
        transition: color .2s
    }

    .header__rich .header__rich__title span {
        padding-left: 1.5rem
    }

    .header__rich .header__rich__title:hover {
        color: #7b9e38
    }

    .header__rich--search {
        left: 0;
        top: 0;
        right: 0;
        transform: none;
        height: 100vh;
        background: #fff;
        z-index: 3
    }

    .header__rich--search .header__rich__body {
        height: 100vh;
        display: flex;
        align-items: center
    }

    .header__rich--search.is-active {
        opacity: 1;
        visibility: visible;
        pointer-events: all
    }
}

@media only screen and (max-width:1024px) {
    .header__rich__left {
        float: none;
        width: 100%
    }

    .header__rich__right {
        float: none;
        width: 100%
    }
}

@media only screen and (max-width:768px) {
    .header__rich .header__rich__box--large {
        border: none;
        padding-left: 0;
        padding-right: 0
    }

    .header__rich .header__rich__body {
        padding: 0 3rem
    }
}

.header__search {
    padding-top: 12rem;
    padding-bottom: 20rem;
    width: 100%
}

.header__search__box,
.header__search__inner,
.header__search__input {
    width: 100%
}

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

.header__search__box {
    display: flex;
    align-items: center;
    padding-bottom: 1.4rem;
    border-bottom: .1rem solid #d8d8d8
}

.header__search__box form {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%
}

.header__search__input {
    margin-left: .5rem;
    padding-bottom: 1rem;
    padding-top: 1rem;
    outline: 0;
    border: none
}

.header__search__submit {
    border: none;
    background: 0 0;
    color: #000;
    margin-left: 1rem
}

.header__search__submit:hover {
    color: #7b9e38
}

@media only screen and (max-width:1024px) {
    __inner {
        box-sizing: border-box
    }

    .header__search {
        visibility: visible;
        opacity: 1;
        padding: 0;
        box-sizing: border-box;
        margin: 0
    }

    .header__search__input {
        padding-bottom: .5rem;
        margin-left: 1rem
    }

    .header__search__box {
        padding-bottom: .6rem;
        align-items: center
    }
}

.header--primary {
    max-width: 100%;
    width: 144rem;
    margin: 0 auto;
    position: relative;
    background: #f5f5f5;
    transition: background .2s
}

.header--primary>.row {
    transition: background .2s
}

.header--primary .header__top--burger {
    display: none
}

.header--primary .header__bottom,
.header--primary .header__top {
    display: flex;
    align-items: center
}

.header--primary .header__top {
    padding-top: 2rem;
    padding-bottom: 1.2rem;
    position: relative
}

.header--primary .header__top:before {
    content: "";
    width: 144rem;
    position: absolute;
    left: 50%;
    top: 0;
    height: 100%;
    background-image: url(../images/svg/bg_topo.svg);
    background-size: cover;
    background-position: center;
    transform: translateX(-50%)
}

@media only screen and (max-width:1024px) {
    .header--primary .header__top:before {
        display: none
    }
}

.header--primary .header__top__left,
.header--primary .header__top__right {
    display: flex;
    align-self: center;
    position: relative
}

.header--primary .header__top__right {
    margin-left: auto
}

.header--primary .header__top--fixed {
    display: none
}

.header--primary .header__stock {
    display: flex
}

.header--primary .header__stock__item+.header__stock__item {
    margin-left: .5rem
}

.header--primary .header__stock__label {
    color: #575757
}

.header--primary .header__stock__value {
    color: #000
}

.header--primary .header__stock__var {
    color: #7b9e38
}

.header--primary .header__stock__var.is-down {
    color: #d0021b
}

.header--primary .header__stock__var.is-up {
    color: #7b9e38
}

.header--primary .header__lang {
    display: flex;
    align-self: center;
    margin-left: 2rem
}

.header--primary .header__lang__switcher {
    position: relative;
    height: 2.6rem
}

.header--primary .header__lang__switcher .icon {
    transform: translateY(-50%);
    position: absolute;
    top: calc(50% + .1rem);
    right: 0;
    pointer-events: none
}

.header--primary .header__lang__item select {
    position: relative;
    appearance: none;
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    width: 100%;
    top: -.1rem;
    padding-right: 2rem;
    border: 0;
    outline: 0;
    background: 0 0
}

.header--primary .header__bottom__right {
    margin-left: auto
}

.header--primary .header__logo {
    display: block;
    margin-right: 3rem
}

.header--primary .header__logo__img {
    width: 17.8rem;
    height: auto
}

.header--primary .header__icons__wrapper {
    position: relative
}

.header--primary .header__icons__wrapper--search {
    margin-right: 5rem
}

.header--primary .header__icons__wrapper .header__icon {
    position: absolute;
    right: 0
}

.header--primary .header__icons__wrapper .header__icon__close {
    opacity: 0
}

.header--primary .header__icons__wrapper .header__icon__close,
.header--primary .header__icons__wrapper .header__icon__open {
    transition: opacity .2s
}

.header--primary .header__icons__wrapper .header__icon--search svg {
    width: 2rem;
    height: 2rem
}

.header--primary.is-opened>.row {
    background: #fff
}

.header--primary.is-opened .header__rich.is-visible {
    opacity: 1;
    visibility: visible
}

.header--primary .breadcrumb {
    margin: 1rem 0
}

.header--primary .breadcrumb .link-separator {
    font-size: 13px
}

.header--primary .breadcrumb .link {
    text-decoration: underline
}

.header--primary .breadcrumb .current {
    text-decoration: none !important
}

.header--primary .breadcrumb__home img {
    height: 16px;
    width: 16px
}

@media only screen and (max-width:1024px) {
    .header--primary {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 5;
        background: #fff
    }

    .header--primary .header__top--burger {
        position: relative;
        display: flex;
        padding: 2.2rem 0;
        justify-content: space-between;
        z-index: 5;
        background: #fff;
        transition: background .2s
    }

    .header--primary .header__top--burger .header__logo__img {
        width: 12rem;
        height: auto
    }

    .header--primary .header__panel {
        position: absolute;
        top: 0;
        left: -8.5rem;
        right: -8.5rem;
        padding: 0 9.5rem;
        height: 100vh;
        background: #fff;
        z-index: 3;
        overflow: auto;
        opacity: 0;
        visibility: hidden;
        transition: opacity .2s, visibility .2s
    }

    .header--primary .header__panel__inner {
        margin: 7rem 0 0;
        height: 100%;
        overflow-y: auto;
        box-sizing: border-box
    }

    .header--primary .header__panel__inner--menu {
        display: flex;
        flex-direction: column
    }

    .header--primary .header__panel__inner .header__top {
        display: block;
        order: 2;
        border: none
    }

    .header--primary .header__panel__inner .header__top--fixed {
        position: fixed;
        top: 6.5rem;
        left: 0;
        right: 0;
        padding: 3rem 9.5rem;
        background: #fff;
        display: flex;
        justify-content: space-between;
        align-items: center;
        border-bottom: .1rem solid #d8d8d8;
        z-index: 3
    }

    .header--primary .header__panel__inner .header__bottom__right {
        margin-left: 0;
        margin-top: 1.5rem;
        border-bottom: .1rem solid #d8d8d8
    }

    .header--primary .header__panel__inner .header__bottom {
        display: block;
        margin-top: 8rem
    }

    .header--primary.is-opened .header__bottom__right {
        pointer-events: none
    }

    .header--primary.is-burger-opened {
        background: #fff
    }

    .header--primary.is-burger-opened .header__top--burger {
        background: #fff
    }

    .header--primary.is-burger-opened .header__panel.is-active {
        opacity: 1;
        visibility: visible
    }

    .header--primary.is-burger-opened[data-current-panel=search] .header__icons__wrapper--search .header__icon__close {
        opacity: 1
    }

    .header--primary.is-burger-opened[data-current-panel=search] .header__icons__wrapper--search .header__icon__open {
        opacity: 0
    }

    .header--primary.is-burger-opened[data-current-panel=menu] .header__icons__wrapper--menu .header__icon__close {
        opacity: 1
    }

    .header--primary.is-burger-opened[data-current-panel=menu] .header__icons__wrapper--menu .header__icon__open {
        opacity: 0
    }

    .header--primary.is-burger-opened .header__rich.is-visible {
        transform: translateX(0)
    }
}

@media only screen and (max-width:768px) {
    .header--primary .header__panel {
        left: -1.5rem;
        right: -1.5rem;
        padding: 0
    }

    .header--primary .header__panel__inner {
        margin: 7rem 3rem 0
    }

    .header--primary .header__panel__inner .header__top--fixed {
        padding: 3rem
    }
}

html {
    font-size: 62.5%;
    box-sizing: border-box;
    scroll-behavior: smooth
}

body {
    font-family: Helvetica, sans-serif;
    font-weight: 300;
    font-feature-settings: "kern" 1;
    font-kerning: normal;
    font-display: optional;
    text-size-adjust: none;
    font-size: 1.8rem;
    line-height: 2.6rem;
    overflow-x: hidden;
    background: #fafafa
}

@media only screen and (max-width:768px) {
    body {
        font-size: 1.4rem;
        line-height: 2.2rem
    }
}

body.is-unscrollable {
    overflow: hidden
}

.main {
    max-width: 100%;
    width: 144rem;
    margin: 0 auto;
    background: #f5f5f5;
    overflow: hidden
}

@media only screen and (max-width:768px) {
    .main {
        padding-top: 7rem
    }
}

.svg-sprite {
    position: absolute;
    height: 0;
    width: 0;
    visibility: hidden
}

img,
video {
    display: inline-block;
    max-width: 100%;
    vertical-align: middle
}

.big-pb {
    padding-bottom: 152px !important
}

.panel-calendar {
    display: flex;
    flex-flow: column-reverse
}

.page-template-tpl-application .rte iframe {
    display: none;
    opacity: 0
}

.page-template-tpl-application .rte iframe.is-active {
    display: block;
    animation: burgerBottom .6s forwards
}

@media only screen and (max-width:1024px) {
    body.suphead-shown .main {
        padding-top: 6rem
    }
}

@media only screen and (max-width:768px) {
    body.suphead-shown .main {
        padding-top: 15rem
    }
}

@media only screen and (max-width:768px) {
    body.suphead-shown.suphead-none .main {
        padding-top: 7rem
    }
}

@media only screen and (max-width:1024px) {
    body.suphead-shown .header--primary .header__panel__inner .header__top--fixed {
        top: 15.5rem
    }
}

.bg-green {
    background-color: #7b9e38
}

.bg-blue-lr {
    background-color: #004777
}

.bg-blue-lr::before {
    background-color: #004777
}

.bg-blue-fundation {
    background-color: #0b2845
}

.bg-blue-fundation::before {
    background-color: #0b2845
}

.article-fundation-template-tpl-fundation-article #icon-play polygon,
.article-fundation-template-tpl-fundation-longread #icon-play polygon {
    fill: #0b2845
}

.sup-header {
    background-color: #2a568f;
    padding: 21px 0;
    position: relative
}

.sup-header.is-clicked {
    display: none
}

.sup-header__wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    color: #fff
}

@media only screen and (max-width:1024px) {
    .sup-header__wrap {
        max-width: calc(100% - 60px)
    }
}

.sup-header__icon {
    width: 20px;
    height: 20px;
    background-image: url(../images/svg/icon-error-white.svg);
    background-size: cover;
    background-position: center;
    margin-right: 20px
}

.sup-header__title {
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: .7px;
    margin-right: 24px
}

@media only screen and (max-width:1024px) {
    .sup-header__title {
        font-size: 14px;
        line-height: 18px
    }
}

.sup-header__text {
    font-size: 18px;
    line-height: 22px;
    letter-spacing: .7px
}

@media only screen and (max-width:1024px) {
    .sup-header__text {
        font-size: 14px;
        line-height: 18px
    }
}

.sup-header__text a {
    color: #fff;
    text-decoration: underline
}

.sup-header__text p {
    margin-bottom: 0
}

.sup-header__close {
    margin-left: auto;
    width: 36px;
    height: 36px;
    appearance: none;
    background-image: url(../images/svg/close.svg);
    background-size: cover;
    background-position: center;
    cursor: pointer;
    background-color: transparent;
    border: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 15px
}

.sup-header__close:focus {
    outline: 0
}

@media only screen and (max-width:1024px) {
    .sup-header__close {
        transform: translateY(0);
        top: 15px
    }
}

.tpl-header-white .header {
    background: #fff
}

.block__accordion {
    margin: 8rem 0 0 0;
    height: auto
}

.block__accordion ul {
    list-style: disc;
    padding-left: 40px
}

.block__accordion ol {
    list-style: decimal
}

.block__accordion .piliers__layout {
    display: grid;
    grid-template-columns: 40% 60%;
    gap: 2rem
}

.block__accordion .piliers__layout .piliers__figure {
    max-width: 430px
}

.block__accordion .piliers__layout .piliers__figure img {
    width: 100%;
    height: 522px;
    object-fit: cover;
    margin-bottom: 1rem
}

.block__accordion .piliers__media {
    position: sticky;
    top: 120px;
    align-self: start
}

.block__accordion .pilier__content {
    max-height: 0;
    overflow: hidden;
    transition: max-height .4s ease
}

.block__accordion .pilier.is-active .pilier__content {
    max-height: 1000px
}

.block__accordion .piliers__accordion {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    overflow: auto;
    padding-right: 1rem;
    height: clamp(626px, 60vh, 680px)
}

.block__accordion .piliers__accordion .pilier {
    padding: 4rem;
    display: flex;
    flex-direction: column;
    scroll-margin-top: 140px
}

.block__accordion .piliers__accordion .pilier .heading-accordion {
    font-weight: 700;
    font-size: 24px;
    font-family: Fedra, sans-serif
}

.block__accordion .piliers__accordion .pilier .pilier__content .pilier__text {
    margin: 0 0 3.2rem 0
}

.block__accordion .piliers__accordion .pilier .pilier__content .pilier__key {
    border-left: 1px solid #000;
    padding-left: 4rem;
    margin-bottom: 3rem
}

.block__accordion .piliers__accordion .pilier .pilier__content .titre-chiffre {
    font-family: Fedra;
    font-style: book;
    font-weight: 400;
    font-size: 32px;
    letter-spacing: 0;
    line-height: 1;
    margin-bottom: 1.2rem
}

.block__accordion .piliers__accordion .pilier__header {
    appearance: non;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: 0 0;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    padding: 0;
    margin: 0 0 3.2rem 0;
    font: inherit;
    color: inherit;
    text-align: left;
    display: flex;
    align-items: center;
    gap: 2rem;
    width: 100%;
    cursor: pointer
}

.block__accordion .piliers__accordion .pilier__header .pilier__number {
    font-size: 8rem;
    font-weight: 500;
    width: 6%
}

.block__accordion .piliers__accordion .pilier__header .pilier__icon {
    width: 48px
}

.block__accordion .piliers__accordion .pilier__header .pilier__icon height 48px {
    width: 14%
}

.block__accordion .piliers__accordion .pilier__header .pilier__title {
    width: 80%
}

@media only screen and (max-width:1200px) {
    .block__accordion .piliers__layout {
        display: grid;
        grid-template-columns: 40% 60%;
        gap: 2rem
    }
}

@media only screen and (max-width:1024px) {
    .block__accordion {
        margin: 4rem 0
    }

    .block__accordion .piliers__layout {
        display: grid;
        grid-template-columns: 100%;
        height: auto
    }

    .block__accordion .piliers__layout .piliers__figure {
        display: none
    }

    .block__accordion .piliers__accordion {
        height: auto
    }

    .block__accordion .piliers__accordion .pilier {
        padding: 2rem;
        display: flex;
        flex-direction: column;
        gap: 2rem
    }

    .block__accordion .piliers__accordion .pilier .pilier__content .pilier__text {
        margin-bottom: 2rem;
        margin-top: 0
    }

    .block__accordion .piliers__accordion .pilier .pilier__content .pilier__key {
        padding-left: 2rem;
        margin-bottom: 2rem
    }

    .block__accordion .piliers__accordion .pilier .pilier__header {
        flex-wrap: wrap
    }

    .block__accordion .piliers__accordion .pilier .pilier__header .pilier__number {
        order: 1
    }

    .block__accordion .piliers__accordion .pilier .pilier__header .pilier__toggle {
        order: 2;
        margin-left: auto
    }

    .block__accordion .piliers__accordion .pilier .pilier__header .pilier__title {
        order: 3;
        width: 100%;
        margin: .5rem 0 0 0
    }
}

.banner-info {
    margin-bottom: 32px
}

@media only screen and (max-width:1024px) {
    .banner-info {
        margin-top: 102px
    }
}

@media only screen and (max-width:768px) {
    .banner-info {
        margin-top: 32px
    }
}

.banner-info__inner {
    background-color: #fff;
    min-height: 120px;
    border: 1px solid #d8d8d8;
    padding: 25px;
    position: relative;
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center
}

.banner-info__inner.is-image {
    padding: 0
}

.banner-info__inner__wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    width: 100%
}

.banner-info__inner.has-bg,
.banner-info__inner.is-image {
    color: #fff
}

.banner-info__inner.has-bg .banner-info__close,
.banner-info__inner.is-image .banner-info__close {
    background-color: #fff
}

.banner-info__inner.has-bg .banner-info__close:hover,
.banner-info__inner.is-image .banner-info__close:hover {
    background-color: #000
}

.banner-info__inner__img img,
.banner-info__inner__img-mobile img,
.banner-info__inner__img-tablet img {
    width: 100%;
    height: auto
}

.banner-info__inner__img-mobile,
.banner-info__inner__img-tablet {
    display: none
}

@media only screen and (max-width:1024px) {
    .banner-info__inner__img {
        display: none
    }

    .banner-info__inner__img-tablet {
        display: block
    }
}

@media only screen and (max-width:768px) {
    .banner-info__inner__img-tablet {
        display: none
    }

    .banner-info__inner__img-mobile {
        display: block
    }
}

.banner-info__close {
    position: absolute;
    top: 8px;
    left: 8px;
    cursor: pointer;
    line-height: 0
}

@media only screen and (max-width:1024px) {
    .banner-info__close {
        left: auto;
        right: 8px
    }
}

.banner-info__close img {
    height: auto;
    max-width: 20px
}

.banner-info__title-wrap {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
    margin-left: 8.333333%
}

@media only screen and (max-width:1024px) {
    .banner-info__title-wrap {
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
        margin: 0;
        margin-bottom: 35px
    }
}

.banner-info__text-wrap {
    flex: 0 0 41.666667%;
    max-width: 41.666667%
}

@media only screen and (max-width:1024px) {
    .banner-info__text-wrap {
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
        margin: 0
    }
}

@media only screen and (max-width:768px) {
    .banner-info__text-wrap {
        flex: 100%;
        max-width: 100%
    }
}

.banner-info__btn-wrap {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
    text-align: center
}

@media only screen and (max-width:768px) {
    .banner-info__btn-wrap {
        flex: 100%;
        max-width: 100%;
        margin-top: 35px
    }
}

.banner-info__text {
    margin-top: 10px
}

.bloc-popin .article__block__inner {
    flex-wrap: wrap
}

.bloc-popin .heading-2 {
    flex: 0 0 100%;
    width: 100%;
    margin-bottom: 3rem
}

.bloc-popin.article__block .rte.rte {
    width: 72%
}

.bloc-popin .img {
    width: 28%;
    background-image: url(../images/bg_topo_img.jpg);
    background-size: cover;
    background-position: center;
    text-align: center;
    position: relative;
    cursor: zoom-in;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center
}

@media only screen and (max-width:1024px) {
    .bloc-popin .img {
        width: 100%;
        margin: 15px 0;
        height: 300px
    }
}

.bloc-popin .img img {
    max-height: 100%;
    width: auto;
    position: absolute
}

.bloc-popin .img:hover .img-details {
    background-color: #2a568f
}

.bloc-popin .img .img-details {
    background: rgba(165, 165, 165, .65);
    color: #fff;
    font-weight: 600;
    font-size: 14px;
    line-height: 14px;
    text-align: right;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 12px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

.bloc-popin .img .img-details .img-details-icon {
    background-image: url(../images/svg/zoom.svg);
    background-size: cover;
    background-position: center;
    width: 16px;
    height: 15px;
    margin-left: 8px
}

.bloc-popin.reverse .img {
    order: 0
}

.bloc-popin.reverse .rte {
    order: 1;
    padding-left: 1.5rem;
    padding-right: 0 !important
}

.btn {
    display: block;
    vertical-align: middle;
    box-sizing: border-box;
    text-align: center
}

.btn-group {
    display: flex;
    flex-direction: row;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: center
}

.btn-group--between {
    justify-content: space-between
}

.btn-group--centered {
    align-items: center;
    justify-content: center
}

.btn-group .btn+.btn,
.btn-group .btn+.link,
.btn-group .link+.btn,
.btn-group .link+.link {
    margin-left: 3rem
}

@media only screen and (max-width:768px) {
    .btn-group {
        flex-direction: column
    }

    .btn-group .btn {
        width: 100%
    }

    .btn-group .btn+.btn,
    .btn-group .btn+.link,
    .btn-group .link+.btn,
    .btn-group .link+.link {
        margin-left: 0;
        margin-top: 1.6rem
    }
}

.btn--primary {
    padding: 2rem 3rem
}

.btn--secondary {
    padding: 1.6rem 3.2rem 1.5rem
}

.btn--icon {
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center
}

.btn--icon .icon {
    margin-left: 1rem;
    transition: transform .2s, opacity .2s
}

@media only screen and (max-width:768px) {
    .btn--icon .icon {
        margin-left: 0
    }
}

.btn--icon .btn__text {
    transform: translateX(-1rem);
    display: inline-block;
    transition: transform .2s
}

.btn--icon .btn__icon__hover {
    display: inline-block;
    transform: translateX(-2rem);
    transition: transform .2s
}

.btn--icon .btn__icon__hover .icon {
    opacity: 0
}

.btn--icon:hover .btn__text {
    transform: translateX(1rem)
}

.btn--icon:hover .btn__icon__hover {
    transform: translateX(0)
}

.btn--icon:hover .btn__icon__hover .icon {
    opacity: 1;
    transform: none
}

.btn--icon:hover .icon {
    transform: translateX(2rem);
    opacity: 0
}

.btn--inline-flex {
    display: inline-flex !important
}

.btn--full {
    width: 100%
}

.btn--green {
    background: #7b9e38;
    color: #fff
}

.btn--blue-fundation {
    background: #0b2845;
    color: #fff
}

.btn--white {
    background: #fff;
    color: #7b9e38
}

.btn--t-white {
    border: .1rem solid #fff;
    color: #fff
}

.btn--t-blue {
    border: .1rem solid #2a568f;
    color: #2a568f
}

.btn--white--blue {
    background: #fff;
    color: #2a568f
}

.btn--blue {
    background: #2a568f;
    color: #fff
}

.btn--round {
    background: #fff;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 6rem;
    height: 6rem
}

.canvas-earth {
    position: absolute;
    right: calc(-20.833333333333332rem);
    top: 50%;
    width: 100%;
    transform: translateY(-50%);
    height: calc(83.33333333333333rem);
    pointer-events: none
}

@media only screen and (max-width:1024px) {
    .canvas-earth {
        display: none
    }
}

.cols-list {
    margin: 8rem 0
}

@media only screen and (max-width:1024px) {
    .cols-list .row>[class*=cell] {
        width: 100% !important;
        margin-bottom: 20px
    }

    .cols-list .row>[class*=cell]:last-child {
        margin-bottom: 0
    }
}

.cols-list__title {
    color: #7b9e38;
    margin-bottom: 4rem
}

.cols-list__item:nth-child(2) .cols-list__item__inner__top {
    background-color: #7b9e38
}

.cols-list__item:nth-child(2) .cols-list__item__inner__top:after {
    border-color: transparent transparent transparent #7b9e38
}

.cols-list__item:nth-child(2) .cols-list__item__inner__content li {
    border-bottom: 1px solid #7b9e38
}

.cols-list__item:nth-child(2) .cols-list__item__inner__content li:before {
    background-color: #7b9e38
}

.cols-list__item:nth-child(2) .cols-list__item__inner__content li:last-child {
    padding-bottom: 0;
    border-bottom: 0
}

.cols-list__item:nth-child(3) .cols-list__item__inner__top {
    background-color: #143d6f
}

.cols-list__item:nth-child(3) .cols-list__item__inner__top:after {
    display: none
}

.cols-list__item:nth-child(3) .cols-list__item__inner__content li {
    border-bottom: 1px solid #143d6f
}

.cols-list__item:nth-child(3) .cols-list__item__inner__content li:before {
    background-color: #143d6f
}

.cols-list__item:nth-child(3) .cols-list__item__inner__content li:last-child {
    padding-bottom: 0;
    border-bottom: 0
}

.cols-list__item__inner {
    background-color: #fff;
    width: 100%
}

.cols-list__item__inner__top {
    background-color: #dba806;
    display: flex;
    align-items: center;
    gap: 25px;
    padding: 19px 25px;
    color: #fff;
    font-weight: 700;
    font-size: 2.4rem;
    line-height: 3rem;
    min-height: 7.8rem;
    box-sizing: border-box;
    position: relative;
    font-family: Fedra, sans-serif
}

@media only screen and (max-width:1199px) {
    .cols-list__item__inner__top {
        font-size: 1.8rem;
        line-height: 2.3rem
    }
}

.cols-list__item__inner__top:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 28.5px 0 28.5px 42px;
    border-color: transparent transparent transparent #dba806;
    top: 50%;
    left: calc(100% - 12px);
    transform: translateY(-50%);
    position: absolute
}

@media only screen and (max-width:1024px) {
    .cols-list__item__inner__top:after {
        display: none
    }
}

.cols-list__item__inner__top img {
    max-width: 44px;
    max-height: 44px
}

.cols-list__item__inner__content {
    padding: 32px 32px 40px 32px
}

@media only screen and (max-width:1199px) {
    .cols-list__item__inner__content {
        padding: 16px
    }
}

.cols-list__item__inner__content li {
    padding-bottom: 22px;
    border-bottom: 1px solid #dba806;
    padding-top: 24px;
    display: flex;
    align-items: center;
    gap: 16px;
    font-weight: 400
}

@media only screen and (max-width:1199px) {
    .cols-list__item__inner__content li {
        font-size: 1.4rem;
        line-height: 1.6rem;
        gap: 8px;
        padding-top: 16px;
        padding-bottom: 16px
    }
}

.cols-list__item__inner__content li:before {
    content: "";
    width: 8px;
    height: 8px;
    background-color: #dba806;
    border-radius: 50%
}

.cols-list__item__inner__content li:first-child {
    padding-top: 0
}

.cols-list__item__inner__content li:last-child {
    padding-bottom: 0;
    border-bottom: 0
}

.btns-range {
    background-color: rgba(1, 1, 1, .8);
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px
}

.btns-range button {
    appearance: none;
    background-color: transparent;
    border: 0;
    color: #fff;
    font-size: 18px;
    cursor: pointer
}

.custom-range-container {
    width: auto
}

.custom-range {
    -webkit-appearance: none;
    appearance: none;
    width: auto;
    height: 2px;
    background: #fff;
    outline: 0;
    opacity: 1;
    -webkit-transition: .2s;
    transition: opacity .2s
}

.custom-range:hover {
    opacity: 1
}

.custom-range::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 10px;
    height: 10px;
    background: #fff;
    cursor: pointer;
    border-radius: 50%
}

.custom-range::-moz-range-thumb {
    width: 10px;
    height: 10px;
    background: #fff;
    border-radius: 50%;
    cursor: pointer
}

.custom-select {
    position: relative;
    width: 100%
}

.custom-select .icon--arrow-down {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    padding: 0 2rem
}

.custom-select-container {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    height: 100%
}

.custom-select-container * {
    box-sizing: border-box
}

.custom-select-container.is-disabled {
    opacity: .333
}

.custom-select-opener {
    padding: 1rem 3rem 1rem 1.6rem;
    display: flex;
    align-items: center;
    flex: 1;
    cursor: pointer;
    width: 100%;
    height: 100%;
    border: .1rem solid #d8d8d8;
    background: #fff;
    color: #7b7b7b;
    outline: 0
}

.custom-select-container select {
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 0
}

.custom-select-panel {
    max-height: 0;
    overflow: hidden;
    background-color: #fff;
    position: absolute;
    top: 100%;
    z-index: 1;
    width: 100%;
    border-right: .1rem solid #d8d8d8;
    border-left: .1rem solid #d8d8d8
}

.custom-select-container.is-open .custom-select-panel {
    max-height: 200rem;
    border-bottom: .1rem solid #d8d8d8
}

.custom-select-option {
    padding: .6rem 1.6rem;
    border-bottom: .1rem solid #d8d8d8;
    color: #7b7b7b
}

.custom-select-option.has-focus {
    background-color: #d8d8d8
}

.custom-select-option.is-selectedbefore {
    content: "✔";
    padding-right: .5em
}

.custom-select-optgroup>.custom-select-option {
    padding-left: 2em
}

.custom-select-optgroupbefore {
    content: attr(data-label);
    display: block;
    padding: .5em;
    color: #888
}

.exemple {
    border-top: 2rem solid #000;
    border-bottom: 2rem solid #000
}

.exemple .exemple__inner {
    padding: 10rem 0 5rem
}

.exemple .exemple__names {
    display: block
}

.exemple .exemple__top {
    margin-bottom: 5rem
}

.exemple .exemple__body {
    width: 75%
}

@media only screen and (max-width:1024px) {
    .exemple {
        border-top: 1rem solid #000;
        border-bottom: 1rem solid #000
    }

    .exemple .exemple__inner {
        padding: 5rem 0 2.5rem
    }

    .exemple .exemple__top {
        margin-bottom: 2.5rem
    }
}

@media only screen and (max-width:768px) {
    .exemple .exemple__inner {
        padding: 2.5rem 0
    }
}

.exergue-small__inner {
    position: relative;
    padding-left: 42px;
    border-left: 5px solid #7b9e38
}

.exergue-small__title {
    margin-bottom: 32px
}

.exergue-small__text {
    font-weight: 700
}

.exergue-small__text ul {
    list-style-type: disc;
    padding-left: 1em;
    margin-bottom: 1em
}

.exergue-small__text ul:last-child {
    margin-bottom: 0
}

.exergue-small__text p {
    margin-bottom: 1em
}

.exergue-small__text p:last-child {
    margin-bottom: 0
}

.modal-form {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: red
}

.form .grid {
    width: 100%;
    grid-template-columns: 1fr 1fr
}

.form__input {
    position: relative
}

.form__input:after {
    content: '';
    position: absolute;
    right: 2rem;
    top: 50%;
    transform: translateY(-50%);
    width: 2.4rem;
    height: 2.4rem;
    background-image: url(../images/svg/icon-error.svg);
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 0;
    transition: opacity .2s
}

.form__input__inner {
    width: 100%;
    display: block;
    resize: none;
    padding: 1.5rem 5rem 1.5rem 2.5rem;
    box-sizing: border-box;
    color: #000;
    border: .1rem solid #d8d8d8;
    transition: border-color .2s
}

.form__input__inner:focus {
    border-color: #7b9e38;
    outline: 0
}

.form__input__error {
    color: #d0021b;
    opacity: 0;
    transition: error .2s
}

.form__submit {
    border: none
}

.form__upload {
    display: flex;
    justify-content: space-between;
    padding: 1.5rem 2.5rem;
    background: #7b9e38;
    color: #fff;
    cursor: pointer;
    box-sizing: border-box
}

.form__file {
    display: none
}

.form__select {
    padding: 1.5rem 2rem 1.5rem 1.5rem
}

.form__select__inner {
    width: 100%;
    border-radius: 0;
    outline: 0;
    border: none;
    background: 0 0
}

.form__select:before {
    content: '';
    position: absolute;
    top: .1rem;
    bottom: .1rem;
    right: .1rem;
    background: #fff;
    width: 4rem
}

.form__select .icon {
    position: absolute;
    right: 2rem;
    top: 50%;
    transform: translateY(-50%)
}

.form__item.is-invalid .form__input__inner {
    border-color: #d0021b
}

.form__item.is-invalid .form__input:after {
    opacity: 1
}

.form__item.is-invalid .form__item__error {
    opacity: 1
}

.form--primary {
    display: flex;
    flex-wrap: wrap;
    padding: 0 10rem
}

.form--primary .form__item {
    width: 100%
}

.form--primary .form__item--full {
    margin-top: 3.4rem
}

.form--primary .form__item--required .form__label:after {
    content: '*'
}

.form--primary .form__item__top {
    margin-bottom: 1.5rem
}

.form--primary .form__item__indication {
    padding-left: .4rem;
    color: #7b7b7b
}

.form--primary .form__item__error {
    float: right;
    color: #d0021b;
    opacity: 0;
    transition: error .2s
}

.form--primary .form__item.is-invalid .form__input__inner {
    border-color: #d0021b
}

.form--primary .form__item.is-invalid .form__input:after {
    opacity: 1
}

.form--primary .form__item.is-invalid .form__item__error {
    opacity: 1
}

.form--primary .form__submit {
    display: inline-block;
    margin: 4rem 0 0
}

.form--secondary {
    display: grid;
    grid-template-columns: 3fr 2fr 2fr 3fr 2fr;
    grid-column-gap: 3rem
}

.form--secondary .btn--primary {
    padding: 1.8rem 3rem
}

@media only screen and (max-width:1024px) {
    .form--primary {
        padding: 0
    }
}

@media only screen and (max-width:768px) {
    .form--primary .grid.grid--half {
        display: block
    }

    .form--primary .form__item {
        margin-bottom: 3rem
    }

    .form--primary .form__item--full {
        margin-top: 0
    }

    .form--primary .form__submit {
        margin: 1rem
    }

    .form--secondary {
        display: block
    }

    .form--secondary .form__item {
        margin: 0 2rem 1.5rem
    }

    .form--secondary .form__item .btn {
        width: 100%
    }
}

.goback {
    display: inline-flex;
    align-items: center;
    padding-top: 3.2rem;
    color: #000
}

.goback__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 6rem;
    width: 6rem;
    border-radius: 50%;
    border: .1rem solid #000;
    margin-right: 1.6rem
}

.goback__icon .icon {
    transform-origin: center center;
    transform: rotate(180deg)
}

.history__inner {
    position: relative;
    padding-top: 10rem;
    padding-bottom: 10rem;
    padding-left: 9.327354260089686%
}

.history__top {
    padding-right: 30.89108910891089%
}

.history__title {
    margin-bottom: 2.5rem
}

.history__item {
    margin-top: 10rem
}

.history__item__content {
    display: flex
}

.history__item__left {
    width: 58.91089108910891%
}

.history__item__date {
    position: relative;
    margin-bottom: 4rem
}

.history__item__interval {
    color: rgba(255, 255, 255, .2)
}

.history__item__title {
    position: relative;
    display: block
}

.history__item__right {
    margin-left: auto;
    width: 38.31683168316832%
}

.history__item--r .history__item__left {
    order: 2
}

.history__item--r .history__item__right {
    order: 1;
    margin-left: 0;
    margin-right: auto
}

.history__item--r .history__item__date {
    text-align: right
}

.history__item--b {
    flex-direction: column
}

.history__item--b .history__item__right {
    margin-top: 2.4rem;
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 3rem
}

.history__item--b.history__item--r .history__item__left {
    margin-left: auto;
    order: 1
}

.history__item--b.history__item--r .history__item__right {
    order: 2
}

@media only screen and (max-width:1024px) {
    .history__inner {
        padding: 0
    }

    .history__top {
        padding-right: 0
    }

    .history__item {
        margin-top: 7rem
    }

    .history__item__content {
        flex-direction: column
    }

    .history__item img {
        width: 100%;
        margin-top: 1.5rem
    }

    .history__item__left {
        width: auto;
        order: 2
    }

    .history__item__right {
        width: 100%;
        margin: 0;
        order: 1
    }

    .history__item__title {
        bottom: 2rem
    }

    .history__item__date {
        margin-bottom: .5rem
    }

    .history__item__teasing {
        margin-top: 2rem
    }

    .history__item--r .history__item__date {
        text-align: left
    }

    .history__item--b .history__item__right {
        display: block
    }

    .history__item--b .history__item__right img {
        margin-bottom: 2rem
    }
}

@media only screen and (max-width:768px) {
    .history__item img {
        margin-top: 0
    }
}

.page-template-tpl-history .history__inner {
    position: relative;
    padding-bottom: 10rem;
    padding-top: 0;
    padding-left: 0
}

.icon {
    display: inline-block;
    vertical-align: middle
}

.icons-texts {
    padding: 5rem 0;
    font-family: Fedra, sans-serif
}

.icons-texts__wrap__inner {
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
    gap: 20px
}

.icons-texts__wrap__inner__item {
    text-align: center;
    flex: 0 0 calc(20% - 16px)
}

@media only screen and (max-width:1024px) {
    .icons-texts__wrap__inner__item {
        flex: 0 0 calc(26% - 16px)
    }
}

@media only screen and (max-width:768px) {
    .icons-texts__wrap__inner__item {
        flex: 0 0 calc(50% - 16px)
    }
}

.icons-texts__wrap__inner__item__icon {
    width: 102px;
    height: 102px;
    border-radius: 50%;
    background-color: #7b9e38;
    position: relative;
    margin: 0 auto;
    margin-bottom: 1rem
}

.icons-texts__wrap__inner__item__icon img {
    max-width: 44px;
    max-height: 44px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.icons-texts__wrap__inner__item__number {
    margin-bottom: 1rem;
    font-size: 3.1rem;
    line-height: 3.4rem;
    font-weight: 700
}

@media only screen and (max-width:768px) {
    .icons-texts__wrap__inner__item__number {
        font-size: 2rem;
        line-height: 2.4rem
    }
}

.icons-texts__wrap__inner__item__text {
    max-width: 178px;
    margin: 0 auto;
    font-weight: 700;
    font-size: 1.6rem;
    line-height: 2rem
}

@media only screen and (max-width:768px) {
    .icons-texts__wrap__inner__item__text {
        font-size: 1.4rem;
        line-height: 1.7rem
    }
}

.link {
    display: inline-block
}

.link--primary,
.link--social .link__label {
    transition: color .2s ease-in-out;
    position: relative;
    padding-bottom: 1.6rem;
    color: #000
}

.link--primary:after,
.link--social .link__label:after {
    transition: width .2s ease-in-out;
    position: absolute;
    content: '';
    height: .8rem;
    width: 80%;
    left: 0;
    bottom: 0;
    background: #7b9e38
}

.link--primary:hover,
.link--social .link__label:hover {
    color: #7b9e38
}

.link--primary:hover:after,
.link--social .link__label:hover:after {
    width: 100%
}

.link--alt {
    transition: color .2s ease-in-out;
    position: relative;
    padding-bottom: 1.6rem;
    color: #fff;
    font-size: 1.6rem !important;
    font-weight: 700 !important
}

.link--alt:after {
    transition: width .2s ease-in-out;
    position: absolute;
    content: '';
    height: .8rem;
    width: 80%;
    left: 0;
    bottom: 0;
    background: #7b9e38
}

.link--alt:hover {
    color: #fff
}

.link--alt:hover:after {
    width: 100%
}

.link--social {
    display: flex;
    align-items: center
}

.link--social .link__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 8rem;
    width: 8rem;
    border-radius: 50%;
    flex-shrink: 0
}

.link--social .link__label {
    margin-left: 2rem
}

.link--social--linkedin .link__icon {
    background: #3276b0
}

.link--social--linkedin .link__label:hover {
    color: #3276b0
}

.link--social--linkedin .link__label:after {
    background: #3276b0
}

.link--social--facebook .link__icon {
    background: #4a67ad
}

.link--social--facebook .link__label:hover {
    color: #4a67ad
}

.link--social--facebook .link__label:after {
    background: #4a67ad
}

.link--social--twitter .link__icon {
    background: #3aa2f2
}

.link--social--twitter .link__label:hover {
    color: #3aa2f2
}

.link--social--twitter .link__label:after {
    background: #3aa2f2
}

.link--social--x .link__icon {
    background: #3aa2f2
}

.link--social--x .link__label:hover {
    color: #3aa2f2
}

.link--social--x .link__label:after {
    background: #3aa2f2
}

.link--social--instagram .link__icon {
    background: #ed24a5
}

.link--social--instagram .link__label:hover {
    color: #ed24a5
}

.link--social--instagram .link__label:after {
    background: #ed24a5
}

@media only screen and (max-width:768px) {
    .link--social .link__label {
        display: none
    }
}

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding-bottom: 0;
    z-index: 8;
    visibility: hidden;
    opacity: 0;
    transition: visibility .2s, opacity .2s
}

.modal__layer {
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, .5)
}

.modal__inner {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    transform: translate(-50%, -50%);
    padding: 6rem
}

.modal__close {
    position: absolute;
    right: 2rem;
    top: 2rem;
    z-index: 2
}

.modal--trombi .modal__close {
    right: 13.416666666666666rem;
    padding-right: 1rem
}

.modal--form .modal__wrapper {
    position: relative;
    background: #fff;
    padding: 4rem
}

.modal.is-visible {
    visibility: visible;
    opacity: 1
}

@media only screen and (max-width:1024px) {
    .modal .modal__inner {
        width: 100%;
        height: 100%
    }

    .modal--trombi .modal__inner {
        background: #fff
    }

    .modal--trombi .row {
        height: 100%;
        padding: 0;
        display: flex;
        align-items: center
    }

    .modal--trombi .cell-12 {
        height: 100%
    }

    .modal--trombi .modal__close {
        top: 0;
        right: -2rem;
        padding: 2rem
    }
}

.nf-form-fields-required {
    margin-bottom: 4rem
}

#nf-form-4-cont nf-fields-wrap nf-field:first-child {
    grid-column: span 2
}

#nf-form-4-cont nf-fields-wrap nf-field:nth-child(7n) {
    grid-column: auto
}

#nf-form-4-cont nf-fields-wrap nf-field:nth-child(8n) {
    grid-column: span 2;
    justify-self: stretch
}

.listradio-container ul {
    display: flex;
    gap: 2rem;
    flex-wrap: wrap
}

.nf-form-content nf-fields-wrap {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 3rem;
    grid-row-gap: 3rem
}

.nf-form-content nf-fields-wrap nf-field:nth-child(7n) {
    grid-column: span 2
}

.nf-form-content nf-fields-wrap nf-field:nth-child(7n) textarea {
    width: 100%;
    height: 32rem;
    padding: 2rem;
    border: 1px solid #d8d8d8;
    resize: none;
    box-sizing: border-box
}

.nf-form-content nf-fields-wrap nf-field:nth-child(7n) textarea:focus {
    outline: 0;
    border: 1px solid #7b9e38
}

.nf-form-content nf-fields-wrap nf-field:nth-child(8n) {
    position: relative;
    justify-self: start
}

.nf-form-content nf-fields-wrap .file_upload-wrap .nf-element {
    position: absolute
}

.nf-form-content nf-fields-wrap .list-select-wrap .nf-field-element {
    position: relative
}

.nf-form-content nf-fields-wrap .list-select-wrap .nf-field-element:after {
    content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAyMSAxMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIgMkwxMC41IDEwTDE5IDIiIHN0cm9rZT0iYmxhY2siIHN0cm9rZS13aWR0aD0iMyIvPgo8L3N2Zz4=);
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    width: 21px;
    height: 21px
}

.nf-form-content nf-fields-wrap .nf-field-element input,
.nf-form-content nf-fields-wrap .nf-field-element select {
    width: 100%;
    padding: 2rem 0 2rem 2.5rem;
    box-sizing: border-box;
    border: 1px solid #d8d8d8
}

.nf-form-content nf-fields-wrap .nf-field-element select {
    appearance: none;
    padding-right: 2.6em
}

.nf-form-content nf-fields-wrap .nf-field-element select:focus {
    outline: 0;
    border: 1px solid #7b9e38
}

.nf-form-content nf-fields-wrap .nf-field-element button {
    width: 100%;
    background: #7b9e38;
    text-align: left;
    color: #fff;
    padding: 2.3rem;
    border: none
}

.nf-form-content nf-fields-wrap .nf-field-label {
    padding-bottom: 1.5rem
}

.nf-form-content nf-fields-wrap .nf-fu-fileinput-button {
    position: relative;
    cursor: pointer
}

.nf-form-content nf-fields-wrap .nf-fu-fileinput-button:after {
    content: '';
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMyIgaGVpZ2h0PSIyNCI+PGcgZmlsbD0iI0ZGRiI+PHBhdGggZD0iTTYuODEgNi42NGEuODIuODIgMCAwIDAgLjU3NC0uMjMybDMuODA1LTMuNzFWMTYuMjFBLjguOCAwIDAgMCAxMiAxN2MuNDQ4IDAgLjgxLS4zNTQuODEtLjc5VjIuNjk5bDMuODA2IDMuNzFhLjgyNi44MjYgMCAwIDAgMS4xNDcgMCAuNzc3Ljc3NyAwIDAgMCAwLTEuMTE5TDEyLjU3My4yMzFhLjgyNi44MjYgMCAwIDAtMS4xNDYgMGwtNS4xOSA1LjA2YS43NzcuNzc3IDAgMCAwIDAgMS4xMTcuODE5LjgxOSAwIDAgMCAuNTc0LjIzMnoiLz48cGF0aCBkPSJNMjIuMjA3IDE1SDE1LjAyYy0uNDM4IDAtLjc5My4zNy0uNzkzLjgyNnYxLjU1MWMwIC40NTcuMzU1LjgyNy43OTMuODI3LjQzNyAwIC43OTItLjM3Ljc5Mi0uODI3di0uNzI0aDUuNjA0djUuNjk0SDEuNTg1di01LjY5NGg1LjYwNHYuNzI0YzAgLjQ1Ny4zNTUuODI3Ljc5Mi44MjcuNDM4IDAgLjc5My0uMzcuNzkzLS44Mjd2LTEuNTVjMC0uNDU3LS4zNTUtLjgyNy0uNzkzLS44MjdILjc5M2MtLjQzOCAwLS43OTMuMzctLjc5My44MjZ2Ny4zNDhjMCAuNDU2LjM1NS44MjYuNzkzLjgyNmgyMS40MTRjLjQzOCAwIC43OTMtLjM3Ljc5My0uODI2di03LjM0OGMwLS40NTYtLjM1NS0uODI2LS43OTMtLjgyNnoiLz48L2c+PC9zdmc+) no-repeat center center;
    width: 2.3rem;
    height: 2.4rem;
    position: absolute;
    right: 2.4rem;
    top: 1.8rem
}

.nf-form-content nf-fields-wrap .nf-fu-fileinput-button:focus {
    outline: 0;
    border: 1px solid #7b9e38
}

.nf-form-content nf-fields-wrap .submit-wrap .ninja-forms-field {
    position: relative;
    width: auto;
    background: #7b9e38;
    text-align: left;
    color: #fff;
    padding: 2rem 5rem 2rem 3rem;
    border: none;
    border-radius: 0;
    -webkit-appearance: none
}

.nf-form-content nf-fields-wrap .submit-wrap .nf-field-element {
    position: relative
}

.nf-form-content nf-fields-wrap .submit-wrap .nf-field-element:after {
    content: '';
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3IiBoZWlnaHQ9IjkiPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlPSIjRkZGIiBzdHJva2UtbGluZWNhcD0ic3F1YXJlIiBzdHJva2Utd2lkdGg9IjIiPjxwYXRoIGQ9Ik0yIDdsMi44MjgtMi44MjhNNC44MjkgNC4xOTJMMiAxLjM2NCIvPjwvZz48L3N2Zz4=) no-repeat center center;
    background-size: contain;
    width: 1rem;
    height: 1rem;
    position: absolute;
    right: 2rem;
    top: 50%;
    transform: translateY(-50%)
}

@media only screen and (max-width:768px) {
    .nf-form-content nf-fields-wrap {
        display: block
    }

    .nf-form-content nf-fields-wrap nf-field {
        display: block;
        margin-bottom: 4rem
    }
}

.numbered-list {
    margin: 8rem 0
}

@media only screen and (max-width:1024px) {
    .numbered-list .row>[class*=cell] {
        width: 100% !important
    }
}

.numbered-list__title {
    color: #7b9e38;
    margin-bottom: 4rem
}

.numbered-list__list .row {
    margin-bottom: 6.4rem
}

.numbered-list__list .row:last-child {
    margin-bottom: 0
}

.numbered-list__list .row:first-child {
    padding-top: 4rem;
    position: relative
}

@media only screen and (max-width:1024px) {
    .numbered-list__list .row:first-child {
        padding-top: 0
    }
}

.numbered-list__list .row:first-child:before {
    content: "";
    position: absolute;
    top: 0;
    left: calc(80px + 8.333333333333334%);
    width: 65%;
    background-color: #c7cfc1;
    height: 1px
}

@media only screen and (max-width:1024px) {
    .numbered-list__list .row:first-child:before {
        display: none
    }
}

.numbered-list__list .row:first-child .numbered-list__list__num img {
    max-width: 30px
}

.numbered-list__list .row:first-child .numbered-list__list__text__inner {
    padding-top: 0;
    border-top: 0
}

@media only screen and (max-width:1024px) {
    .numbered-list__list__num {
        display: none !important
    }
}

.numbered-list__list__num img {
    max-width: 47px;
    height: auto
}

.numbered-list__list__img {
    display: block !important
}

@media only screen and (max-width:1024px) {
    .numbered-list__list__img {
        width: 100%;
        text-align: center;
        margin-bottom: 24px
    }
}

.numbered-list__list__img img {
    width: 100%;
    height: auto
}

@media only screen and (max-width:1024px) {
    .numbered-list__list__img img {
        max-width: 450px
    }
}

.numbered-list__list__text {
    font-size: 2rem;
    line-height: 2.8rem;
    font-weight: 400
}

@media only screen and (max-width:1024px) {
    .numbered-list__list__text {
        width: 100%
    }
}

.numbered-list__list__text__inner {
    padding-top: 4rem;
    border-top: 1px solid #c7cfc1
}

@media only screen and (max-width:1024px) {
    .numbered-list__list__text__inner {
        max-width: 600px;
        margin: 0 auto;
        border-top: 0;
        padding-top: 0
    }
}

.pagination--primary {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    transition: .3s opacity, .3s transform;
    flex-wrap: wrap
}

.pagination--primary .pagination__item {
    position: relative;
    display: flex;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    width: 4.8rem;
    height: 4.8rem;
    margin-right: 1.6rem;
    border-radius: 5rem;
    border: .1rem solid #d8d8d8;
    background: #fff;
    box-sizing: border-box;
    color: #000;
    transition: background .2s, color .2s, transform .2s
}

.pagination--primary .pagination__item--arrow {
    width: 6rem;
    height: 6rem
}

.pagination--primary .pagination__item.is-active {
    border-color: #7b9e38;
    background: #7b9e38;
    color: #fff
}

.pagination--primary .pagination__item.is-hiding {
    pointer-events: none
}

.pagination--primary .pagination__item.is-hiding:before {
    content: "..."
}

.pagination--primary .pagination__item:last-of-type {
    margin-right: 0
}

.pagination--primary .pagination__item:hover {
    border-color: #7b9e38
}

.pagination--primary--left {
    justify-content: flex-start
}

@media only screen and (max-width:768px) {
    .pagination--primary .pagination__item {
        width: 4rem;
        height: 4rem;
        margin-right: 1rem
    }

    .pagination--primary .pagination__item--arrow {
        width: 4.8rem;
        height: 4.8rem
    }

    .pagination--primary--left {
        justify-content: center
    }
}

.panel {
    position: relative
}

.panel.panel--template-rse .article__block-mag__title {
    max-width: 26rem
}

.panel.panel--template-rse .panel__text p {
    font-size: 24px;
    line-height: 130%
}

.panel.panel--template-rse .panel__text p+p {
    margin-top: 15px
}

.panel.panel--template-rse+.article__block-mag--video .article__block-mag__text {
    font-size: 2rem
}

.panel--t-0 {
    padding-top: 0rem
}

.panel--b-0 {
    padding-bottom: 0rem
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .panel--t-0-t {
        padding-top: 0rem !important
    }

    .panel--b-0-t {
        padding-bottom: 0rem !important
    }
}

@media only screen and (min-width:769px) and (max-width:1024px) {
    .panel--t-0-tl {
        padding-top: 0rem !important
    }

    .panel--b-0-tl {
        padding-bottom: 0rem !important
    }
}

@media only screen and (max-width:768px) {
    .panel--t-0-tp {
        padding-top: 0rem !important
    }

    .panel--b-0-tp {
        padding-bottom: 0rem !important
    }
}

@media only screen and (max-width:768px) {
    .panel--t-0-m {
        padding-top: 0rem !important
    }

    .panel--b-0-m {
        padding-bottom: 0rem !important
    }
}

.panel--t-30 {
    padding-top: 3rem
}

.panel--b-30 {
    padding-bottom: 3rem
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .panel--t-30-t {
        padding-top: 3rem !important
    }

    .panel--b-30-t {
        padding-bottom: 3rem !important
    }
}

@media only screen and (min-width:769px) and (max-width:1024px) {
    .panel--t-30-tl {
        padding-top: 3rem !important
    }

    .panel--b-30-tl {
        padding-bottom: 3rem !important
    }
}

@media only screen and (max-width:768px) {
    .panel--t-30-tp {
        padding-top: 3rem !important
    }

    .panel--b-30-tp {
        padding-bottom: 3rem !important
    }
}

@media only screen and (max-width:768px) {
    .panel--t-30-m {
        padding-top: 3rem !important
    }

    .panel--b-30-m {
        padding-bottom: 3rem !important
    }
}

.panel--t-40 {
    padding-top: 4rem
}

.panel--b-40 {
    padding-bottom: 4rem
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .panel--t-40-t {
        padding-top: 4rem !important
    }

    .panel--b-40-t {
        padding-bottom: 4rem !important
    }
}

@media only screen and (min-width:769px) and (max-width:1024px) {
    .panel--t-40-tl {
        padding-top: 4rem !important
    }

    .panel--b-40-tl {
        padding-bottom: 4rem !important
    }
}

@media only screen and (max-width:768px) {
    .panel--t-40-tp {
        padding-top: 4rem !important
    }

    .panel--b-40-tp {
        padding-bottom: 4rem !important
    }
}

@media only screen and (max-width:768px) {
    .panel--t-40-m {
        padding-top: 4rem !important
    }

    .panel--b-40-m {
        padding-bottom: 4rem !important
    }
}

.panel--t-60 {
    padding-top: 6rem
}

.panel--b-60 {
    padding-bottom: 6rem
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .panel--t-60-t {
        padding-top: 6rem !important
    }

    .panel--b-60-t {
        padding-bottom: 6rem !important
    }
}

@media only screen and (min-width:769px) and (max-width:1024px) {
    .panel--t-60-tl {
        padding-top: 6rem !important
    }

    .panel--b-60-tl {
        padding-bottom: 6rem !important
    }
}

@media only screen and (max-width:768px) {
    .panel--t-60-tp {
        padding-top: 6rem !important
    }

    .panel--b-60-tp {
        padding-bottom: 6rem !important
    }
}

@media only screen and (max-width:768px) {
    .panel--t-60-m {
        padding-top: 6rem !important
    }

    .panel--b-60-m {
        padding-bottom: 6rem !important
    }
}

.panel--t-80 {
    padding-top: 8rem
}

.panel--b-80 {
    padding-bottom: 8rem
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .panel--t-80-t {
        padding-top: 8rem !important
    }

    .panel--b-80-t {
        padding-bottom: 8rem !important
    }
}

@media only screen and (min-width:769px) and (max-width:1024px) {
    .panel--t-80-tl {
        padding-top: 8rem !important
    }

    .panel--b-80-tl {
        padding-bottom: 8rem !important
    }
}

@media only screen and (max-width:768px) {
    .panel--t-80-tp {
        padding-top: 8rem !important
    }

    .panel--b-80-tp {
        padding-bottom: 8rem !important
    }
}

@media only screen and (max-width:768px) {
    .panel--t-80-m {
        padding-top: 8rem !important
    }

    .panel--b-80-m {
        padding-bottom: 8rem !important
    }
}

.panel--t-90 {
    padding-top: 9rem
}

.panel--b-90 {
    padding-bottom: 9rem
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .panel--t-90-t {
        padding-top: 9rem !important
    }

    .panel--b-90-t {
        padding-bottom: 9rem !important
    }
}

@media only screen and (min-width:769px) and (max-width:1024px) {
    .panel--t-90-tl {
        padding-top: 9rem !important
    }

    .panel--b-90-tl {
        padding-bottom: 9rem !important
    }
}

@media only screen and (max-width:768px) {
    .panel--t-90-tp {
        padding-top: 9rem !important
    }

    .panel--b-90-tp {
        padding-bottom: 9rem !important
    }
}

@media only screen and (max-width:768px) {
    .panel--t-90-m {
        padding-top: 9rem !important
    }

    .panel--b-90-m {
        padding-bottom: 9rem !important
    }
}

.panel--t-120 {
    padding-top: 12rem
}

.panel--b-120 {
    padding-bottom: 12rem
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .panel--t-120-t {
        padding-top: 12rem !important
    }

    .panel--b-120-t {
        padding-bottom: 12rem !important
    }
}

@media only screen and (min-width:769px) and (max-width:1024px) {
    .panel--t-120-tl {
        padding-top: 12rem !important
    }

    .panel--b-120-tl {
        padding-bottom: 12rem !important
    }
}

@media only screen and (max-width:768px) {
    .panel--t-120-tp {
        padding-top: 12rem !important
    }

    .panel--b-120-tp {
        padding-bottom: 12rem !important
    }
}

@media only screen and (max-width:768px) {
    .panel--t-120-m {
        padding-top: 12rem !important
    }

    .panel--b-120-m {
        padding-bottom: 12rem !important
    }
}

.panel--t-160 {
    padding-top: 16rem
}

.panel--b-160 {
    padding-bottom: 16rem
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .panel--t-160-t {
        padding-top: 16rem !important
    }

    .panel--b-160-t {
        padding-bottom: 16rem !important
    }
}

@media only screen and (min-width:769px) and (max-width:1024px) {
    .panel--t-160-tl {
        padding-top: 16rem !important
    }

    .panel--b-160-tl {
        padding-bottom: 16rem !important
    }
}

@media only screen and (max-width:768px) {
    .panel--t-160-tp {
        padding-top: 16rem !important
    }

    .panel--b-160-tp {
        padding-bottom: 16rem !important
    }
}

@media only screen and (max-width:768px) {
    .panel--t-160-m {
        padding-top: 16rem !important
    }

    .panel--b-160-m {
        padding-bottom: 16rem !important
    }
}

.panel--t-200 {
    padding-top: 20rem
}

.panel--b-200 {
    padding-bottom: 20rem
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .panel--t-200-t {
        padding-top: 20rem !important
    }

    .panel--b-200-t {
        padding-bottom: 20rem !important
    }
}

@media only screen and (min-width:769px) and (max-width:1024px) {
    .panel--t-200-tl {
        padding-top: 20rem !important
    }

    .panel--b-200-tl {
        padding-bottom: 20rem !important
    }
}

@media only screen and (max-width:768px) {
    .panel--t-200-tp {
        padding-top: 20rem !important
    }

    .panel--b-200-tp {
        padding-bottom: 20rem !important
    }
}

@media only screen and (max-width:768px) {
    .panel--t-200-m {
        padding-top: 20rem !important
    }

    .panel--b-200-m {
        padding-bottom: 20rem !important
    }
}

.panel--t-280 {
    padding-top: 28rem
}

.panel--b-280 {
    padding-bottom: 28rem
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .panel--t-280-t {
        padding-top: 28rem !important
    }

    .panel--b-280-t {
        padding-bottom: 28rem !important
    }
}

@media only screen and (min-width:769px) and (max-width:1024px) {
    .panel--t-280-tl {
        padding-top: 28rem !important
    }

    .panel--b-280-tl {
        padding-bottom: 28rem !important
    }
}

@media only screen and (max-width:768px) {
    .panel--t-280-tp {
        padding-top: 28rem !important
    }

    .panel--b-280-tp {
        padding-bottom: 28rem !important
    }
}

@media only screen and (max-width:768px) {
    .panel--t-280-m {
        padding-top: 28rem !important
    }

    .panel--b-280-m {
        padding-bottom: 28rem !important
    }
}

.panel--crooked {
    position: relative;
    margin-top: 10.5rem;
    margin-bottom: 10.5rem
}

.panel--crooked .panel__inner {
    position: relative;
    z-index: 1
}

.panel--crooked:after,
.panel--crooked:before {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    z-index: 0
}

.panel--crooked:before {
    border-top: 10.5rem solid transparent;
    border-right: 100vw solid #2a568f;
    top: -10.5rem
}

.panel--crooked:after {
    border-bottom: 10.5rem solid transparent;
    border-left: 100vw solid #2a568f;
    bottom: -10.5rem
}

.panel--crooked--relative {
    top: -10rem;
    margin-bottom: 0
}

.panel--offset {
    background: #fff;
    width: 85.06944444444444%;
    padding: 8rem 11rem 9rem;
    box-sizing: border-box
}

.panel--offset .grid {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr
}

.panel--offset .grid--filter {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr
}

.panel--offset .grid--filter .grid__item {
    grid-column: span 2;
    overflow: visible
}

.panel--offset .grid--filter .btn--primary {
    padding: 0;
    border: none;
    cursor: pointer
}

.panel--blue {
    background: #2a568f;
    color: #fff
}

.panel p a {
    color: #000;
    border-bottom: .2rem solid #7b9e38;
    transition: border .1s ease-in
}

.panel p a:hover {
    border-bottom: .4rem solid #7b9e38
}

@media only screen and (max-width:1024px) {
    .panel--offset .grid {
        grid-template-columns: 1fr 1fr 1fr
    }

    .panel--offset .grid--filter {
        grid-template-columns: 1fr 1fr 1fr
    }

    .panel--offset .grid--filter .grid__item {
        grid-column: span 1
    }

    .panel--offset .grid--filter .btn--primary {
        padding: 1.6rem 1rem;
        border: none;
        margin-top: 2rem
    }
}

@media only screen and (max-width:768px) {
    .panel--crooked {
        margin-top: 0;
        margin-bottom: 4rem;
        top: 0
    }

    .panel--crooked:after,
    .panel--crooked:before {
        display: none
    }

    .panel--offset {
        width: 100%;
        padding: 3rem
    }

    .panel--offset .grid {
        grid-template-columns: 1fr 1fr
    }
}

@media only screen and (max-width:1024px) {
    .panel.panel--template-rse {
        padding-top: 4rem;
        padding-bottom: 4rem
    }

    .panel.panel--template-rse .row {
        padding-left: 2.4rem;
        padding-right: 2.4rem
    }
}

@media only screen and (max-width:768px) {
    .panel.panel--template-rse .row {
        padding-left: 1.6rem;
        padding-right: 1.6rem
    }

    .panel.panel--template-rse .row:after,
    .panel.panel--template-rse .row:before {
        display: none
    }

    .panel.panel--template-rse .row .cell-4,
    .panel.panel--template-rse .row .cell-8 {
        padding: 0
    }

    .panel.panel--template-rse .trailer-30 {
        margin-bottom: 0
    }

    .panel.panel--template-rse .panel__text p {
        font-size: 1.6rem;
        line-height: 130%
    }

    .panel.panel--template-rse .panel__text p:first-child {
        font-size: 2.2rem
    }

    .panel.panel--template-rse .article__block-mag__title {
        margin-bottom: 2.4rem;
        max-width: 100%
    }

    .panel.panel--template-rse+.article__block-mag--video .article__block-mag__text {
        font-size: 1.6rem
    }
}

.player__video--button {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 6rem;
    height: 6rem;
    border-radius: 100%;
    background: #fff;
    z-index: 3
}

.player__video--thumbnail--wrapper {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    padding-bottom: 56.25%;
    padding-top: 25px;
    z-index: 2;
    cursor: pointer
}

.player__video--thumbnail--wrapper:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #000;
    opacity: .5
}

.player__video--thumbnail--wrapper.is-active {
    pointer-events: none
}

.player__video--thumbnail--wrapper.is-active:after {
    opacity: 0;
    transition: opacity .3s ease-in
}

.player__video--thumbnail--wrapper.is-active .player__video--button {
    opacity: 0;
    transition: opacity .3s ease-in
}

.player__video--thumbnail--wrapper.is-active img {
    opacity: 0;
    transition: opacity .3s ease-in
}

.player__video--thumbnail {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.player__video--thumbnail img {
    width: 100%
}

.player__video--wrapper {
    position: relative;
    padding-bottom: 7rem
}

.player__video--inner {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0
}

.player__video--inner iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.popin-img {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    overflow: hidden;
    z-index: 99;
    display: none
}

.popin-img.is-shown {
    display: block
}

.popin-img.is-alt .popin-img__inner {
    overflow-y: auto;
    align-items: flex-start
}

.popin-img.is-alt .popin-img__inner img {
    max-width: 100%;
    max-height: 100%
}

.popin-img__overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .8
}

.popin-img__close {
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer
}

.popin-img__inner {
    position: absolute;
    top: 40px;
    left: 40px;
    height: calc(100% - 80px);
    width: calc(100% - 80px);
    text-align: center;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap
}

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

.popin-img__inner__wrap {
    height: calc(100% - 40px)
}

.popin-img__inner__wrap__img {
    height: 100%;
    overflow: visible !important
}

.popin-img__inner__btns {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 0
}

@media only screen and (max-width:1024px) {
    .popin-img__inner {
        top: 20px;
        left: 20px;
        height: calc(100% - 40px);
        width: calc(100% - 40px)
    }
}

.js-popin-image-trigger {
    cursor: pointer
}

.rte h2+*,
.rte h3+*,
.rte h4+* {
    margin-top: 3rem
}

.rte p+h2,
.rte p+h3,
.rte p+h4,
.rte table+h2,
.rte table+h3,
.rte table+h4,
.rte ul+h2,
.rte ul+h3,
.rte ul+h4 {
    margin-top: 6rem
}

.rte p+p,
.rte table+p,
.rte ul+p {
    margin-top: 3rem
}

.rte p+ul,
.rte table+ul,
.rte ul+ul {
    margin-top: 1rem
}

.rte a {
    color: #000;
    border-bottom: .2rem solid #7b9e38;
    transition: border .1s ease-in
}

.rte a:hover {
    border-bottom: .4rem solid #7b9e38
}

.rte ul li {
    position: relative;
    list-style-type: none;
    padding-left: 1.5rem
}

.rte ul li:before {
    position: absolute;
    left: 0;
    top: 0;
    content: '\2022';
    color: #7b9e38
}

.rte ul li+li {
    margin-top: .5rem
}

.rte img {
    width: 100%;
    height: auto
}

.rte td {
    padding: 1.2rem 1.4rem;
    border: 1px solid rgba(0, 0, 0, .2)
}

.rte .wp-caption {
    width: 100% !important
}

.article-fundation-template-tpl-fundation-article .rte,
.article-fundation-template-tpl-fundation-longread .rte {
    color: #0b2845
}

.rte.rte--lr h2,
.rte.rte--lr h3,
.rte.rte--lr h4 {
    color: #deaf05
}

.article-fundation-template-tpl-fundation-article .rte.rte--lr h2,
.article-fundation-template-tpl-fundation-article .rte.rte--lr h3,
.article-fundation-template-tpl-fundation-article .rte.rte--lr h4,
.article-fundation-template-tpl-fundation-longread .rte.rte--lr h2,
.article-fundation-template-tpl-fundation-longread .rte.rte--lr h3,
.article-fundation-template-tpl-fundation-longread .rte.rte--lr h4 {
    color: #0b2845
}

.rte.rte--lr a {
    color: #7b9e38
}

.rte.rte--lr--white a,
.rte.rte--lr--white h2,
.rte.rte--lr--white h3,
.rte.rte--lr--white h4,
.rte.rte--lr--white p {
    border-color: #fff;
    color: #fff
}

.rte.rte--disclaimer p {
    margin-top: 1.4rem;
    font-size: 1.2rem;
    line-height: 1.4rem;
    text-align: left;
    font-family: Helvetica, sans-serif;
    font-weight: 400
}

.rte.rte--disclaimer p:first-child {
    margin-top: 0
}

@-moz-keyframes burgerBottom {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes burgerBottom {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-o-keyframes burgerBottom {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes burgerBottom {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.tag {
    position: relative;
    display: block
}

.tag:before {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    content: '';
    height: .8rem;
    width: .8rem;
    border-radius: 50%;
    margin-right: 1rem;
    top: -.1rem
}

.tag--green:before {
    background: #7b9e38
}

.tag--orange:before {
    background: #dfb000
}

.tag--purple:before {
    background: #503364
}

.tag--blue:before {
    background: #2a568f
}

.ticker__inner {
    display: flex;
    flex-direction: row;
    flex-flow: row wrap;
    justify-content: stretch
}

.ticker__left,
.ticker__right {
    flex: auto 1
}

.ticker__left {
    position: relative;
    display: flex;
    width: 23.114754098360656%;
    align-items: center;
    justify-content: center;
    background: #7b9e38
}

.ticker__left:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTIxIiBoZWlnaHQ9IjE4NSIgdmlld0JveD0iMCAwIDEyMSAxODUiPiAgPGRlZnM+ICAgIDxwYXRoIGlkPSJiYWNrZ3JvdW5kLWZpbC1pbmZvLWEiIGQ9Ik0xNTUuNjI0NjgsMTMgTDE1Ni40MzI5NTcsMTMgTDE5MS4yOTQ2OTcsNzIuNjUxMTkwMSBMMTMwLjc5MjMsMTA3LjU4MjI2NSBMOTYuMzYzNTA2OSw0Ny4yMTQ0NTQ0IEwxNTUuNjI0NjgsMTMgWiBNMTQzLjE3MjMwNywxOTggTDcxLjU3MjYwNjUsMTk4IEw4OC4wNTAwNjQ3LDEzNi41MDUyODkgTDE1NC44NTM0OTUsMTU0LjQwNTIxNCBMMTQzLjE3MjMwNywxOTggWiIvPiAgPC9kZWZzPiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNzEgLTEzKSI+ICAgIDx1c2UgZmlsbD0iIzQ4NkQyQiIgeGxpbms6aHJlZj0iI2JhY2tncm91bmQtZmlsLWluZm8tYSIvPiAgPC9nPjwvc3ZnPg==) no-repeat;
    background-size: contain;
    background-position: .5rem;
    z-index: 0
}

.ticker__left__label {
    position: relative;
    z-index: 1;
    color: #fff
}

.ticker__right {
    display: flex;
    width: 76.88524590163934%;
    padding: 3rem 0;
    box-sizing: border-box;
    background: #fff
}

.ticker__right .box {
    width: 33.33333333333333%;
    border-left: .1rem solid #d8d8d8
}

.ticker__right .box:first-child {
    border-left: 0
}

@media only screen and (max-width:1200px) {
    .ticker__left:before {
        background-position: -3rem
    }
}

@media only screen and (max-width:1024px) {
    .ticker {
        margin-left: -6.5rem;
        margin-right: -6.5rem
    }

    .ticker__left:before {
        background-position: -4rem
    }
}

@media only screen and (max-width:768px) {
    .ticker {
        margin-left: 0;
        margin-right: 0
    }

    .ticker .ticker__inner {
        flex-direction: column
    }

    .ticker .ticker__left,
    .ticker .ticker__right {
        width: auto
    }

    .ticker .ticker__left {
        padding: 1.5rem 0
    }

    .ticker .ticker__left:before {
        background-size: 5rem;
        background-position: 3rem
    }

    .ticker .ticker__right {
        flex-direction: column;
        padding: 3rem 0
    }

    .ticker .ticker__right .box {
        width: 100%;
        border-left: 0
    }
}

.timeline {
    height: 750px;
    display: flex;
    flex-direction: column;
    overscroll-behavior: contain
}

@media only screen and (max-width:1024px) {
    .timeline {
        height: auto
    }
}

.timeline-nav {
    position: sticky;
    top: 0;
    background: #2a568f url(../images/frise-history.png) no-repeat right center;
    background-size: contain;
    display: flex;
    align-items: center;
    padding: 0 2rem;
    z-index: 4;
    height: 100px
}

@media only screen and (max-width:1024px) {
    .timeline-nav {
        position: relative;
        z-index: 10;
        background: #2a568f;
        padding: 0 1.5rem;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        white-space: nowrap;
        height: 70px
    }
}

.timeline-nav .arrow {
    position: absolute;
    right: 4rem;
    background: 0 0;
    border: none;
    color: #fff;
    font-size: 1.5rem;
    cursor: pointer;
    transition: opacity .3s ease;
    opacity: 1
}

@media only screen and (max-width:1024px) {
    .timeline-nav .arrow {
        display: none
    }
}

.timeline-nav .left img {
    transform: rotate(-180deg)
}

.timeline-nav .arrow.left {
    right: 11rem
}

.timeline-nav .arrow[disabled] {
    opacity: .6;
    cursor: default;
    pointer-events: none
}

.timeline-nav .dates {
    display: flex;
    list-style: none;
    margin: 0 1rem;
    padding: 0;
    gap: 7.2rem
}

@media only screen and (max-width:1200px) {
    .timeline-nav .dates {
        gap: 4rem
    }
}

@media only screen and (max-width:1024px) {
    .timeline-nav .dates {
        display: inline-flex;
        gap: 5rem
    }
}

.timeline-nav .date-item {
    font-family: FedraBook, sans-serif;
    font-weight: 400;
    font-size: 2.4rem;
    color: #fff;
    cursor: pointer;
    white-space: nowrap;
    position: relative
}

@media only screen and (max-width:1024px) {
    .timeline-nav .date-item {
        display: inline-block;
        font-size: 1.6rem
    }
}

.timeline-nav .date-item.active {
    font-weight: 700
}

.timeline-nav .date-item.active::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -2rem;
    width: 100%;
    height: 2px;
    background-color: #fff
}

@media only screen and (max-width:1024px) {
    .timeline-nav .date-item.active::after {
        bottom: -1rem
    }
}

.timeline-content {
    flex: 1;
    overflow: hidden;
    position: relative
}

@media only screen and (max-width:1024px) {
    .timeline-content {
        flex-direction: column;
        overflow: visible
    }
}

.timeline-content .timeline-track {
    display: flex;
    height: 100%;
    transition: transform .6s cubic-bezier(.77, 0, .175, 1);
    will-change: transform
}

@media only screen and (max-width:1024px) {
    .timeline-content .timeline-track {
        flex-direction: column;
        transform: none;
        width: 100%
    }
}

.timeline-content .timeline-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #2a568f;
    z-index: 20;
    pointer-events: none;
    transform: translateX(100%)
}

.timeline-content .timeline-overlay.animate {
    animation: panel-slide .8s ease forwards
}

.timeline-content .timeline-slide {
    overflow: hidden;
    width: 100%;
    flex: 0 0 100%;
    height: 100%;
    display: flex;
    inset: 0;
    transition: transform .7s ease, opacity .7s ease;
    z-index: 1
}

@media only screen and (min-width:1025px) {
    .timeline-content .timeline-slide {
        width: 100%
    }
}

@media only screen and (max-width:1024px) {
    .timeline-content .timeline-slide {
        flex-direction: column;
        position: relative !important;
        transform: none !important;
        z-index: 1;
        width: 100%
    }
}

.timeline-content .timeline-slide .timeline-left {
    flex: 1;
    position: relative
}

.timeline-content .timeline-slide .timeline-left .left-item {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

@media only screen and (max-width:1024px) {
    .timeline-content .timeline-slide .timeline-left .left-item {
        height: 234px;
        position: relative
    }
}

.timeline-content .timeline-slide .timeline-left .left-item .left-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center
}

@media only screen and (max-width:1024px) {
    .timeline-content .timeline-slide .timeline-left .left-item .left-image {
        height: 100%;
        position: relative
    }
}

.timeline-content .timeline-slide .timeline-left .left-item .left-image::after {
    content: '';
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(180deg, rgba(42, 86, 143, 0) 68.88%, rgba(42, 86, 143, .9) 108.46%), radial-gradient(62.57% 53.28% at 13.89% 78.89%, rgba(42, 86, 143, .9) 0, rgba(42, 86, 143, 0) 100%), linear-gradient(0deg, rgba(20, 61, 111, .4), rgba(20, 61, 111, .4))
}

.timeline-content .timeline-slide .timeline-left .left-item .left-date {
    color: #fff;
    font-size: 11rem;
    font-family: FedraBook, sans-serif;
    font-weight: 400;
    z-index: 2;
    line-height: 11rem;
    position: absolute;
    bottom: 4rem;
    left: 4rem;
    display: flex;
    flex-direction: column
}

@media only screen and (max-width:1024px) {
    .timeline-content .timeline-slide .timeline-left .left-item .left-date {
        font-size: 7rem;
        line-height: 6.9rem
    }
}

@media only screen and (max-width:768px) {
    .timeline-content .timeline-slide .timeline-left .left-item .left-date {
        bottom: 1.5rem;
        left: 1.5rem
    }
}

.timeline-content .timeline-slide .timeline-right {
    flex: 1;
    display: flex;
    transition: transform .6s ease;
    position: relative
}

.timeline-content .timeline-slide .timeline-right .right-item {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 5rem;
    width: 100%;
    background: #fff
}

@media only screen and (max-width:1200px) {
    .timeline-content .timeline-slide .timeline-right .right-item {
        padding: 2rem
    }
}

@media only screen and (max-width:1024px) {
    .timeline-content .timeline-slide .timeline-right .right-item {
        gap: 1.6rem;
        padding: 4rem
    }
}

@media only screen and (max-width:768px) {
    .timeline-content .timeline-slide .timeline-right .right-item {
        padding: 1.5rem
    }
}

.timeline-content .timeline-slide .timeline-right .right-item .cta {
    margin-top: 4rem
}

@media only screen and (max-width:1024px) {
    .timeline-content .timeline-slide .timeline-right .right-item .cta {
        margin-bottom: 2rem;
        margin-top: 2rem
    }
}

.timeline-content .timeline-slide .timeline-right .right-item.active {
    opacity: 1;
    transform: translateY(0);
    z-index: 2
}

.timeline-content .timeline-slide .timeline-right .right-item h2 {
    color: #7b9e38;
    margin-bottom: 2rem
}

.timeline-content .timeline-slide .timeline-right .right-item .text {
    font-size: 1.6rem;
    line-height: 130%
}

.timeline-content .timeline-slide .timeline-right .right-item .cta {
    cursor: pointer;
    width: fit-content
}

@media only screen and (max-width:1024px) {
    .timeline-nav.is-fixed {
        position: fixed;
        top: var(--header-height);
        left: 0;
        right: 0;
        z-index: 4
    }
}

@media only screen and (max-width:768px) {
    .timeline-content {
        flex-direction: column
    }

    .timeline-left,
    .timeline-right {
        flex: none;
        width: 100%
    }
}

.panel-overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    width: 70vw;
    height: 100vh;
    background: #fff;
    z-index: 9999;
    transform: translateX(100%);
    transition: transform .5s ease
}

@media only screen and (max-width:768px) {
    .panel-overlay {
        width: 100%
    }
}

.panel-overlay.active {
    transform: translateX(0)
}

.body-dimmed::before {
    content: '';
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, .4);
    z-index: 900
}

.panel-content {
    height: 100%;
    position: relative;
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden
}

.panel-content .panel-content__elements {
    flex: 1;
    overflow-y: auto
}

.panel-content .panel-content__elements .panel-image {
    height: 302px;
    width: 100%;
    height: 300px;
    background-image: url("");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
    position: relative
}

.panel-content .panel-content__elements .panel-image::after {
    content: '';
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(180deg, rgba(42, 86, 143, 0) 68.88%, rgba(42, 86, 143, .9) 108.46%), radial-gradient(62.57% 53.28% at 13.89% 78.89%, rgba(42, 86, 143, .9) 0, rgba(42, 86, 143, 0) 100%), linear-gradient(0deg, rgba(20, 61, 111, .4), rgba(20, 61, 111, .4))
}

.panel-content .panel-content__elements .left-date {
    color: #fff;
    font-size: 13rem;
    font-family: FedraBook, sans-serif;
    font-weight: 400;
    z-index: 2;
    line-height: 13rem;
    position: absolute;
    bottom: 4rem;
    left: 4rem;
    display: flex
}

@media only screen and (max-width:768px) {
    .panel-content .panel-content__elements .left-date {
        font-size: 7rem;
        flex-direction: column;
        line-height: 6.9rem
    }
}

@media only screen and (max-width:768px) {
    .panel-content .panel-content__elements .left-date .date-separator {
        display: none
    }
}

.panel-content .panel-content__elements .panel-content__infos {
    padding: 4rem;
    display: flex;
    flex-direction: column;
    gap: 5.2rem
}

@media only screen and (max-width:768px) {
    .panel-content .panel-content__elements .panel-content__infos {
        padding: 1.5rem;
        gap: 3rem
    }
}

.panel-content .panel-content__elements .panel-content__infos .panel-content__image-text {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2.4rem
}

@media only screen and (max-width:1024px) {
    .panel-content .panel-content__elements .panel-content__infos .panel-content__image-text {
        grid-template-columns: 1fr
    }
}

.panel-content .panel-content__elements .panel-content__infos .panel-content__image-text img {
    height: auto;
    width: 100%;
    object-fit: cover
}

.panel-content .panel-content__elements .panel-content__infos .panel-content__image-text h2 {
    font-family: Fedra, sans-serif;
    font-size: 3.2rem;
    line-height: 130%;
    font-weight: 500;
    margin-bottom: 2.4rem
}

.panel-content .panel-content__elements .panel-content__infos .panel-content__image-text p {
    font-size: 1.8rem;
    line-height: 130%
}

.panel-content .panel-content__elements .panel-content__infos .pilier__key {
    border-left: 1px solid #000;
    padding-left: 4rem
}

.panel-content .panel-content__elements .panel-content__infos .pilier__key .titre-chiffre {
    font-weight: 400;
    font-size: 4rem;
    margin-bottom: 1rem
}

.panel-content .panel-content__elements .panel-content__infos .link {
    width: fit-content
}

.panel-content .panel-content__elements .card__pdf {
    width: 71%
}

@media only screen and (max-width:1024px) {
    .panel-content .panel-content__elements .card__pdf {
        width: 100%
    }
}

.panel-content .panel-content__elements .card__pdf .heading-pdf {
    font-family: Helvetica, sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 2rem;
    line-height: 2.4rem;
    letter-spacing: 0rem;
    margin-bottom: 1rem
}

.panel-content .panel-content__elements .card__pdf p {
    font-size: 1.4rem;
    line-height: 1.7rem
}

.panel-close {
    position: absolute;
    top: 4rem;
    right: 4rem;
    cursor: pointer;
    z-index: 2
}

@media only screen and (max-width:768px) {
    .panel-close {
        top: 1.5rem;
        right: 1.5rem
    }
}

.big-heading {
    font-family: Fedra, sans-serif;
    font-weight: 700;
    font-size: 9rem;
    line-height: 9rem
}

@media only screen and (max-width:1024px) {
    .big-heading {
        font-size: 6rem;
        line-height: 6rem
    }
}

@media only screen and (max-width:768px) {
    .big-heading {
        font-size: 3rem;
        line-height: 3rem
    }
}

.heading-1 {
    font-family: Fedra, sans-serif;
    font-weight: 500;
    font-size: 4.2rem;
    line-height: 5.8rem
}

@media only screen and (max-width:1024px) {
    .heading-1 {
        font-size: 3.4rem;
        line-height: 5rem
    }
}

@media only screen and (max-width:768px) {
    .heading-1 {
        font-size: 2rem;
        line-height: 2.8rem
    }
}

.heading-1-fundation {
    font-family: LibreCaslonText, sans-serif;
    font-weight: 400;
    font-size: 4.8rem;
    line-height: 5.8rem
}

@media only screen and (max-width:768px) {
    .heading-1-fundation {
        font-size: 3.2rem;
        line-height: 4rem
    }
}

.heading-2,
.rte h2,
.rte h3 {
    font-family: Fedra, sans-serif;
    font-weight: 500;
    font-size: 3.2rem;
    line-height: 3.4rem
}

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

    .heading-2,
    .rte h2,
    .rte h3 {
        font-size: 3rem;
        line-height: 3.2rem
    }
}

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

    .heading-2,
    .rte h2,
    .rte h3 {
        font-size: 2rem;
        line-height: 2.8rem
    }
}

.article-fundation-template-tpl-fundation-article .rte h2,
.article-fundation-template-tpl-fundation-longread .rte h2,
.heading-2-fundation {
    font-family: LibreCaslonText, sans-serif;
    font-weight: 400;
    font-size: 4rem;
    line-height: 1.3
}

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

    .article-fundation-template-tpl-fundation-article .rte h2,
    .article-fundation-template-tpl-fundation-longread .rte h2,
    .heading-2-fundation {
        font-size: 2.4rem;
        line-height: 2.9rem
    }
}

.heading-3,
.rte h4,
.ticker__left__label {
    font-family: Fedra, sans-serif;
    font-weight: 500;
    font-size: 2.4rem;
    line-height: 3.2rem
}

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

    .heading-3,
    .rte h4,
    .ticker__left__label {
        font-size: 1.8rem;
        line-height: 2.6rem
    }
}

.article-fundation-template-tpl-fundation-article .rte h3,
.article-fundation-template-tpl-fundation-longread .rte h3,
.heading-3-fundation {
    font-family: LibreCaslonText, sans-serif;
    font-weight: 400;
    font-size: 3.2rem;
    line-height: 1.3
}

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

    .article-fundation-template-tpl-fundation-article .rte h3,
    .article-fundation-template-tpl-fundation-longread .rte h3,
    .heading-3-fundation {
        font-size: 2rem;
        line-height: 2.4rem
    }
}

.heading-4 {
    font-family: Fedra, sans-serif;
    font-weight: 500;
    font-size: 1.8rem;
    line-height: 2.4rem
}

@media only screen and (max-width:768px) {
    .heading-4 {
        font-size: 1.6rem
    }
}

.article-fundation-template-tpl-fundation-article .rte h4,
.article-fundation-template-tpl-fundation-longread .rte h4,
.heading-4-fundation {
    font-family: LibreCaslonText, sans-serif;
    font-weight: 400;
    font-size: 2.4rem;
    line-height: 1.3
}

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

    .article-fundation-template-tpl-fundation-article .rte h4,
    .article-fundation-template-tpl-fundation-longread .rte h4,
    .heading-4-fundation {
        font-size: 1.8rem;
        line-height: 2.2rem
    }
}

.box--grid .box__date,
.box--grid .box__title,
.heading-5 {
    font-family: Fedra, sans-serif;
    font-weight: 500;
    font-size: 1.4rem;
    line-height: 2rem
}

.heading-5-fundation {
    font-family: LibreCaslonText, sans-serif;
    font-weight: 400;
    font-size: 1.8rem;
    line-height: 2.6rem
}

@media only screen and (max-width:768px) {
    .heading-5-fundation {
        font-size: 1.6rem;
        line-height: 2.4rem
    }
}

.heading-6 {
    font-family: Fedra, sans-serif;
    font-weight: 500;
    font-size: 1.2rem;
    line-height: 1.2rem
}

.heading-lr {
    font-family: Fedra, sans-serif;
    font-weight: 700;
    font-size: 7rem;
    line-height: 8.4rem
}

@media only screen and (max-width:768px) {
    .heading-lr {
        font-size: 5rem;
        line-height: 6rem
    }
}

.heading-lr-fundation {
    font-family: LibreCaslonText, sans-serif;
    font-weight: 400;
    font-size: 4.8rem;
    line-height: 6rem
}

@media only screen and (max-width:768px) {
    .heading-lr-fundation {
        font-size: 3.2rem;
        line-height: 4rem
    }
}

.heading-section {
    font-family: Fedra, sans-serif;
    font-weight: 700;
    font-size: 4rem;
    line-height: 5rem
}

@media only screen and (max-width:768px) {
    .heading-section {
        font-size: 3rem;
        line-height: 4rem
    }
}

.teasing-1 {
    font-weight: 700;
    font-size: 2rem;
    line-height: 2.6rem
}

@media only screen and (max-width:768px) {
    .teasing-1 {
        font-size: 1.6rem;
        line-height: 2.2rem
    }
}

.teasing-2 {
    font-size: 2rem;
    line-height: 2.6rem
}

@media only screen and (max-width:768px) {
    .teasing-2 {
        font-size: 1.6rem;
        line-height: 2.2rem
    }
}

.teasing-lr {
    font-weight: 700;
    font-size: 1.9rem;
    line-height: 3.1rem
}

.nf-field-label {
    font-family: Fedra, sans-serif;
    font-weight: 500;
    font-size: 1.8rem;
    line-height: 2.4rem
}

.nf-field-element {
    font-family: Fedra, sans-serif;
    font-weight: 400
}

.nf-field-element input {
    font-size: 1.8rem;
    line-height: 2.4rem
}

.nf-field-element textarea {
    font-size: 1.8rem;
    line-height: 2.4rem
}

.nf-field-element select {
    font-size: 1.8rem;
    line-height: 2.4rem
}

.submit-wrap .ninja-forms-field {
    font-family: Fedra, sans-serif;
    font-weight: 500;
    font-size: 1.5rem;
    line-height: 2.4rem
}

strong {
    font-weight: 700
}

.box--career .box__teasing,
.box--implantation .box__link,
.box--keyfigure .box__teasing,
.contact-keyfigures__figures__left__teasing,
.contact-keyfigures__text,
.list--box-implantation .list__item,
.small,
small {
    font-size: 1.4rem;
    line-height: 2.2rem
}

.btn,
.link {
    font-family: Fedra, sans-serif;
    font-weight: 500;
    font-size: 1.4rem;
    line-height: 2rem
}

.btn--blue,
.btn--blue-fundation,
.btn--green {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased
}

.header__stock__item {
    font-family: Fedra, sans-serif;
    font-weight: 500;
    font-size: 1.2rem;
    line-height: 1.2rem
}

.header__lang__item select {
    font-family: Fedra, sans-serif;
    font-weight: 500;
    font-size: 1.2rem;
    line-height: 1.2rem
}

.header__search__input {
    font-family: Fedra, sans-serif;
    font-weight: 400;
    font-size: 2rem;
    line-height: 2.8rem
}

.header__search__submit {
    font-weight: 300;
    text-transform: uppercase;
    font-size: 1.8rem;
    line-height: 2.6rem
}

.nav--primary .nav__item {
    font-family: Fedra, sans-serif;
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 2.3rem
}

.nav--secondary .nav__item,
.nav--tertiary .nav__item {
    font-family: Fedra, sans-serif;
    font-weight: 500;
    font-size: 1.2rem;
    line-height: 1.2rem
}

.nav__column--secondary:first-of-type li:before {
    font-size: 1.6rem;
    line-height: 1.6rem
}

.nav__column--secondary .nav__link--secondary {
    font-weight: 500;
    font-size: 1.4rem;
    line-height: 2.2rem
}

@media only screen and (max-width:768px) {
    .nav--column .nav__item {
        font-weight: 700
    }

    .nav--column .nav__item .nav__link--secondary {
        font-weight: 500;
        font-size: 1.4rem;
        line-height: 2.2rem
    }
}

.box--ticker .box__date {
    font-family: Fedra, sans-serif;
    font-weight: 500;
    font-size: 1.2rem;
    line-height: 1.2rem
}

.box--implantation .box__title {
    font-family: Fedra, sans-serif;
    font-weight: 500;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    font-size: 1.8rem;
    line-height: 1.8rem
}

.box--implantation .box__link {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    font-weight: 700
}

.box--career .box__teasing {
    font-family: Fedra, sans-serif;
    font-weight: 500
}

.box--keyfigure .box__number {
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    font-size: 6.4rem;
    line-height: 6.4rem
}

@media only screen and (max-width:1024px) {
    .box--keyfigure .box__number {
        font-size: 5.2rem
    }
}

.box--keyfigure .box__teasing {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased
}

.box--keyfigure .box__unity {
    font-family: Fedra, sans-serif;
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    font-size: 2.4rem;
    line-height: 2.4rem
}

.box--keyfigure .box__type {
    font-family: Fedra, sans-serif;
    text-transform: uppercase;
    font-size: 1.2rem;
    letter-spacing: .08rem
}

.box--new-energy {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased
}

@media only screen and (max-width:768px) {
    .keyfigures--grid--square .box--keyfigure .box__number {
        font-size: 4.8rem;
        line-height: 4.8rem
    }
}

@media only screen and (max-width:768px) {
    .keyfigures--grid--square .box--keyfigure .box__percent {
        font-weight: 700;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-smoothing: antialiased;
        font-size: 1.8rem
    }
}

@media only screen and (max-width:768px) {
    .box--energy .box__link {
        font-size: 1.2rem;
        line-height: 3rem
    }
}

.box--grid .box__meta {
    font-size: 1.2rem;
    line-height: 1.2rem
}

.box--dropdown {
    font-size: 1.4rem
}

.custom-select-container {
    font-size: 1.4rem
}

.box--event {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased
}

.box--event .box__top {
    font-family: Fedra, sans-serif
}

@media only screen and (max-width:768px) {
    .box--event .box__top {
        font-size: 1.6rem;
        line-height: 2.4rem
    }
}

.box--calendar {
    font-family: Fedra, sans-serif;
    font-weight: 500;
    font-size: 1.4rem;
    line-height: 2rem
}

.box--calendar .box__bottom {
    font-weight: 400;
    font-size: 1.2rem;
    line-height: 2.2rem
}

.box--trombi .box__name,
.box--trombi-carousel .box__name {
    font-weight: 700
}

.ticker__left__label {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased
}

.list--box-implantation .list__item {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased
}

.list--box-implantation .list__item__label {
    font-weight: 700
}

.list--careers .list__item__meta+.list__item__meta:before {
    content: '\2022'
}

@media only screen and (max-width:1024px) {
    .list--careers .list__item__meta+.list__item__meta:before {
        content: none
    }
}

.list--careers .list__item__date {
    font-family: Fedra, sans-serif;
    font-weight: 500;
    font-size: 1.2rem;
    line-height: 1.8rem
}

.list--anchors .list__item a {
    font-family: Fedra, sans-serif;
    font-weight: 500;
    font-size: 1.2rem;
    line-height: 2rem
}

.list--search .list__item__top {
    font-family: Fedra, sans-serif;
    font-weight: 500;
    font-size: 1.2rem;
    line-height: 1.8rem
}

.tag {
    font-family: Fedra, sans-serif;
    font-weight: 500;
    font-size: 1.2rem;
    line-height: 1.2rem
}

.expand--implantation .expand__title {
    font-family: Fedra, sans-serif;
    font-weight: 500;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    font-size: 1.8rem;
    line-height: 2.4rem
}

.keyfigures--grid .keyfigure__number {
    font-weight: 700;
    font-size: 6.2rem;
    line-height: 6.2rem
}

@media only screen and (max-width:1024px) {
    .keyfigures--grid .keyfigure__number {
        font-size: 5.2rem
    }
}

@media only screen and (max-width:768px) {
    .keyfigures--grid .keyfigure__number {
        font-size: 4.2rem
    }
}

.keyfigures--grid .keyfigure__label,
.keyfigures--grid .keyfigure__number {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased
}

.rte em {
    font-style: italic
}

.rte.rte--lr:not(.article-fundation-template-tpl-fundation-longread.rte):not(.article-fundation-template-tpl-fundation-article.rte) h2,
.rte.rte--lr:not(.article-fundation-template-tpl-fundation-longread.rte):not(.article-fundation-template-tpl-fundation-article.rte) h3 {
    font-weight: 700
}

.rte.rte--lr--white {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased
}

.rte strong {
    font-size: 1.6rem;
    line-height: 2.2rem
}

.article-fundation-template-tpl-fundation-article .rte strong,
.article-fundation-template-tpl-fundation-longread .rte strong {
    font-size: inherit;
    line-height: inherit
}

.carousel--vertical .carousel__pagination__item {
    font-family: Fedra, sans-serif;
    font-weight: 500;
    font-size: 2.4rem;
    line-height: 2.4rem
}

.carousel--ressources .carousel__pagination__text {
    font-size: 2rem
}

.history__item__interval {
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    font-size: 5.5rem;
    line-height: 10rem
}

@media only screen and (max-width:768px) {
    .history__item__interval {
        font-size: 6rem;
        line-height: 6rem;
        margin-bottom: 4rem
    }
}

.history__title {
    font-family: Fedra, sans-serif;
    font-weight: 500;
    font-size: 2.1rem
}

@media only screen and (max-width:768px) {
    .history__title {
        font-size: 1.8rem;
        line-height: 2.6rem
    }
}

.quote:after {
    font-weight: 700;
    font-size: 20rem;
    line-height: 15rem
}

.quote__title {
    font-size: 2.4rem;
    line-height: 2.6rem
}

.quote__legend {
    font-family: Fedra, sans-serif;
    font-weight: 500
}

.quote--portrait .quote__title {
    font-size: 1.8rem;
    line-height: 2.6rem
}

.map__list__title {
    font-family: Fedra, sans-serif;
    font-weight: 500;
    font-size: 1.8rem;
    line-height: 1.8rem
}

.map__list__title--implantations {
    font-family: Fedra, sans-serif;
    font-weight: 500;
    font-size: 1.4rem;
    line-height: 1.4rem
}

@media only screen and (max-width:768px) {
    .article__block__inner .push>small {
        font-size: 1rem;
        line-height: 1.8rem
    }
}

.panel--presse .panel__right {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased
}

.panel--search .panel__results__indication {
    font-size: 1.4rem;
    line-height: 2.2rem;
    letter-spacing: .05rem
}

.panel--search .panel__search__input {
    font-family: Helvetica, sans-serif;
    font-size: 1.8rem;
    line-height: 2.6rem;
    letter-spacing: .06rem
}

.panel--blue {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased
}

.pager--primary {
    font-weight: 500;
    font-size: 1.4rem
}

.cover--longread-magazine,
.cover--magazine,
.cover--secondary--green,
.cover--single-magazine {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased
}

.push--magazine {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased
}

.push--magazine .push__title {
    font-family: Fedra, sans-serif;
    font-weight: 500;
    font-size: 3.2rem;
    line-height: 4rem
}

@media only screen and (max-width:1024px) {
    .push--magazine .push__title {
        font-size: 3rem;
        line-height: 3.7rem
    }
}

@media only screen and (max-width:768px) {
    .push--magazine .push__title {
        font-size: 2rem;
        line-height: 2.7rem
    }
}

.form {
    font-size: 1.8rem
}

.form .form__input__inner,
.form .form__select__inner {
    font-size: 1.8rem;
    line-height: 2.6rem
}

.form .form__label {
    font-family: Fedra, sans-serif;
    font-weight: 500;
    line-height: 2rem
}

.form .form__item__indication {
    font-size: 1.4rem;
    line-height: 2.8rem
}

.form .form__item__error {
    font-size: 1.2rem
}

.form .form__upload {
    font-family: Fedra, sans-serif;
    font-weight: 500;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    font-size: 1.4rem
}

.nf-form-fields-required {
    font-family: Fedra, sans-serif;
    font-weight: 500;
    font-size: 1.2rem;
    line-height: 1.8rem;
    color: #7b7b7b
}

.lr-author__text,
.lr-quote__text {
    font-weight: 700;
    font-size: 2.8rem;
    line-height: 3.8rem
}

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

    .lr-author__text,
    .lr-quote__text {
        font-size: 3rem;
        line-height: 4.6rem
    }
}

.lr-author:not(.lr-quote--simple):not(.lr-author--simple),
.lr-quote:not(.lr-quote--simple):not(.lr-author--simple) {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased
}

.lr-author:not(.lr-quote--simple):not(.lr-author--simple) .lr-author__text,
.lr-author:not(.lr-quote--simple):not(.lr-author--simple) .lr-quote__text,
.lr-quote:not(.lr-quote--simple):not(.lr-author--simple) .lr-author__text,
.lr-quote:not(.lr-quote--simple):not(.lr-author--simple) .lr-quote__text {
    font-style: italic
}

.lr-author__author,
.lr-quote__author {
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 3.2rem
}

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

    .lr-author__author,
    .lr-quote__author {
        font-size: 1.6rem;
        font-weight: 700;
        line-height: 1.6rem
    }
}

.lr-author__job,
.lr-quote__job {
    font-size: 2rem;
    line-height: 3.2rem
}

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

    .lr-author__job,
    .lr-quote__job {
        font-size: 1.4rem;
        line-height: 1.6rem
    }
}

.box--lr-keyfigure {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased
}

.text-small {
    font-size: 1.4rem
}

.video {
    position: relative
}

.video__inner {
    position: relative;
    height: 0;
    padding-bottom: 56.25%
}

.video iframe,
.video__poster {
    appearance: none;
    border: 0;
    margin: 0;
    padding: 0;
    background: 0 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: opacity .2s ease-in-out
}

.video__poster {
    cursor: pointer
}

.video__play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.video iframe {
    pointer-events: none;
    opacity: 0
}

.video.is-active .video__poster,
.video.is-playing .video__poster {
    opacity: 0;
    pointer-events: none
}

.video.is-active iframe,
.video.is-playing iframe {
    pointer-events: auto;
    opacity: 1
}

.video.video--squared .video__inner {
    padding-bottom: 100%
}

@media only screen and (max-width:768px) {
    .video__play svg {
        width: 40px;
        height: 40px
    }
}

.video-transcription {
    margin-top: 1.5rem
}

.video-transcription__toggle {
    display: flex;
    align-items: center;
    gap: 1rem;
    cursor: pointer;
    margin: 0;
    padding: 0;
    background: 0 0;
    border: none;
    color: inherit
}

.video-transcription__arrow {
    display: inline-block;
    width: .5rem;
    height: .5rem;
    border-right: 1px solid currentColor;
    border-bottom: 1px solid currentColor;
    transform: rotate(45deg);
    transition: transform .2s ease
}

.video-transcription.is-open .video-transcription__arrow {
    transform: rotate(-135deg)
}

.video-transcription__content {
    margin-top: 1rem
}

.article--implantation .article__blocks .article__block:first-child .article__block__inner {
    position: relative
}

.article--implantation .article__blocks .article__block:first-child .article__block__inner .box {
    position: absolute;
    top: -4rem;
    right: 0;
    width: 25.381165919282513%
}

@media only screen and (max-width:1024px) {
    .article--implantation .article__blocks .article__block:first-child .article__block__inner .box {
        position: static;
        width: 100%
    }
}

.article--magazine--single .article__content {
    padding-top: 3.2rem;
    padding-bottom: 7.2rem;
    background: #fff
}

@media only screen and (max-width:768px) {
    .article--magazine--single .article__content {
        padding-bottom: 3.2rem
    }
}

.article--magazine--single .article__top__back {
    display: inline-flex;
    align-items: center;
    color: #000
}

.article--magazine--single .article__top__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 6rem;
    width: 6rem;
    border-radius: 50%;
    border: .1rem solid #2a568f;
    margin-right: 1.6rem
}

.article--magazine--single .article__top__icon .icon {
    transform-origin: center center;
    transform: rotate(180deg)
}

.article--magazine--single .article__blocks .article__block-mag {
    margin-top: 5.6rem
}

@media only screen and (max-width:768px) {
    .article--magazine--single .article__blocks .article__block-mag__image {
        max-height: 32rem;
        overflow: hidden
    }
}

.article--magazine--longread {
    margin: 0 auto !important
}

.article--magazine--longread .article__content {
    padding-top: 8rem;
    padding-bottom: 8rem;
    background: #fff
}

@media only screen and (max-width:768px) {
    .article--magazine--longread .article__content {
        padding-top: 6.4rem;
        padding-bottom: 6.4rem
    }
}

.article--magazine--longread .article__blocks .article__block-lr {
    margin-top: 8rem
}

.article--magazine--longread .article__blocks .article__block-lr:first-child {
    margin-top: 0
}

@media only screen and (max-width:768px) {
    .article--magazine--longread .article__blocks .article__block-lr {
        margin-top: 6.4rem
    }
}

.article--magazine--longread .article__blocks .article__block-lr--image {
    margin-left: calc(3rem * -1);
    margin-right: calc(3rem * -1)
}

.article--magazine--longread .article__blocks .article__block-lr--image p {
    padding-left: 3rem
}

.article--magazine--longread .article__block-mag {
    margin-top: 5.6rem
}

@media only screen and (max-width:768px) {
    .article--magazine--longread .article__block-mag__image {
        max-height: 32rem;
        overflow: hidden
    }
}

.article--magazine .article__bottom__inner {
    padding-top: 6.4rem;
    padding-bottom: 10rem
}

@media only screen and (max-width:768px) {
    .article--magazine .article__bottom__inner {
        padding-bottom: 0
    }
}

.article--magazine .article__bottom__top {
    margin-bottom: 5.4rem
}

.article--magazine .article__bottom__body .btn-group {
    margin-top: 4rem
}

.article {
    position: relative;
    width: 144rem;
    max-width: 100%;
    margin: -14rem auto 0;
    position: relative;
    z-index: 3
}

@media only screen and (max-width:1024px) {
    .article {
        margin-top: -8rem
    }
}

.section--pyramide .block__mis-en-avant {
    margin: 8rem 0 4rem 0
}

.section--pyramide .block__mis-en-avant .row--pyramide {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 7.5rem;
    height: fit-content
}

.section--pyramide .block__mis-en-avant .row--pyramide .block__content {
    margin: 0
}

.section--pyramide .block__mis-en-avant .row--pyramide .block__image {
    margin: 0
}

.section--pyramide .block__mis-en-avant .row--pyramide .block__image img {
    object-fit: contain
}

.padding-right {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 10rem
}

.padding-left {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 10rem;
    padding-right: 0
}

.block__mis-en-avant {
    margin: 8rem 0
}

.block__mis-en-avant .row--flex>[class*=cell] {
    display: flex;
    flex-direction: column
}

.block__mis-en-avant .row::after,
.block__mis-en-avant .row::before {
    content: none;
    display: none
}

.block__mis-en-avant .push-imgs-link {
    text-align: left;
    margin-top: 4rem
}

.block__mis-en-avant .video__inner {
    position: relative;
    width: 100%;
    max-height: 320px;
    overflow: hidden
}

.block__mis-en-avant img {
    width: 100%;
    height: 100%
}

.block__mis-en-avant img.contain {
    object-fit: contain
}

.block__mis-en-avant img.cover {
    object-fit: cover
}

.block__mis-en-avant .block__image {
    height: 490px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 8rem 0
}

.block__mis-en-avant .block__video {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 8rem 0;
    flex-direction: column
}

.block__mis-en-avant .block__content {
    margin: 8rem 0
}

.block__mis-en-avant .row--img-right {
    display: flex;
    justify-content: space-between;
    align-items: start;
    gap: 7.5rem
}

.block__mis-en-avant .row--img-right .block__content {
    order: 1
}

.block__mis-en-avant .row--img-right .block__image {
    order: 2
}

.block__mis-en-avant .row--img-left {
    display: flex;
    justify-content: space-between;
    align-items: start;
    gap: 7.5rem
}

.block__mis-en-avant .row--img-left .block__content {
    order: 2
}

.block__mis-en-avant .row--img-left .block__image {
    order: 1
}

@media only screen and (max-width:1024px) {
    .section--pyramide .block__mis-en-avant .row--pyramide {
        gap: 2rem
    }

    .block__mis-en-avant .row {
        padding: 0 4rem
    }

    .block__mis-en-avant .row--img-left,
    .block__mis-en-avant .row--img-right {
        display: flex;
        flex-direction: column;
        gap: 2rem;
        height: fit-content;
        width: 100%;
        padding-top: 5rem;
        padding-bottom: 5rem
    }

    .block__mis-en-avant .row--img-left .cell-full-tablet,
    .block__mis-en-avant .row--img-right .cell-full-tablet {
        width: 100% !important
    }

    .block__mis-en-avant .row--img-right {
        flex-direction: column-reverse
    }

    .block__mis-en-avant img {
        width: 100%;
        height: 100%
    }

    .block__mis-en-avant .block__image,
    .block__mis-en-avant .block__video {
        display: flex;
        justify-content: center;
        margin: 0
    }

    .block__mis-en-avant .block__content {
        margin: 0
    }

    .block__mis-en-avant .push-imgs-links__title {
        margin-bottom: 2rem;
        margin-top: 2rem
    }

    .block__mis-en-avant .push-imgs-link {
        margin-top: 2rem
    }
}

@media only screen and (max-width:768px) {
    .section--pyramide .block__mis-en-avant .row--pyramide {
        flex-direction: column
    }

    .padding-left,
    .padding-right {
        padding: 0 1.5rem
    }

    .block__mis-en-avant {
        margin: 4rem 0
    }

    .block__mis-en-avant .row {
        padding: 0 1.5rem
    }

    .block__mis-en-avant .row--img-left,
    .block__mis-en-avant .row--img-right {
        gap: 1rem;
        padding: 1.5rem 0
    }

    .block__mis-en-avant .row--img-left .block__image,
    .block__mis-en-avant .row--img-right .block__image {
        max-height: 310px
    }
}

.article__block--blockquote .article__block__inner {
    padding-right: 27.982062780269057%;
    padding-left: 18.654708520179373%
}

@media only screen and (max-width:1024px) {
    .article__block--blockquote .article__block__inner {
        padding: 0
    }
}

.article__block--portraits-carousel .article__block__inner {
    padding-left: 9.417040358744394%;
    padding-right: 18.654708520179373%;
    padding-bottom: 17rem
}

.article__block--portraits-carousel .article__block__inner:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: calc(100% - 9.417040358744394%);
    width: 9999rem;
    background: #f5f5f5;
    z-index: 3
}

.article__block--portraits-carousel .article__block__inner:after {
    z-index: 4
}

@media only screen and (max-width:1024px) {
    .article__block--portraits-carousel .article__block__inner {
        padding: 0 0 12rem
    }

    .article__block--portraits-carousel .article__block__inner:before {
        right: 100%
    }
}

.article__block--carousel-vertical {
    position: relative
}

.article__block--carousel-vertical .article__block__inner {
    background: #7b9e38;
    padding-bottom: 0
}

.article__block--carousel-vertical .article__block__inner:after {
    left: 14.893617021276595%;
    background: #abc181
}

.article__block--carousel-vertical .carousel--vertical {
    position: relative;
    z-index: 8
}

@media only screen and (max-width:1439px) {
    .article__block--carousel-vertical .article__block__inner:after {
        left: calc(8rem + 0rem + 8.51063829787234%)
    }
}

.article__block--centrales-carousel .article__block__inner {
    padding-left: 9.417040358744394%;
    padding-right: 18.654708520179373%;
    padding-bottom: 17rem
}

.article__block--centrales-carousel .article__block__inner:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: calc(100% - 9.417040358744394%);
    width: 9999rem;
    background: #f5f5f5;
    z-index: 3
}

.article__block--centrales-carousel .article__block__inner:after {
    z-index: 4
}

@media only screen and (max-width:1024px) {
    .article__block--centrales-carousel .article__block__inner {
        padding: 0
    }

    .article__block--centrales-carousel .article__block__inner:before {
        right: 100%
    }

    .article__block--centrales-carousel .article__block__inner .carousel--centrales {
        width: 50%;
        margin-left: 0
    }
}

@media only screen and (max-width:768px) {
    .article__block--centrales-carousel .article__block__inner .carousel--centrales {
        width: 100%
    }
}

@media only screen and (max-width:768px) {
    .article__block--exergue .article__block__inner {
        padding-top: 7rem
    }
}

.article__block--history {
    position: relative;
    padding-top: 11rem;
    padding-bottom: 11rem;
    margin: 4rem 0
}

.article__block--history .article__block__inner {
    position: relative;
    z-index: 1;
    padding-bottom: 0;
    background: #2a568f
}

.article__block--history .article__block__inner:after {
    top: -11rem;
    bottom: -11rem;
    left: 14.893617021276595%
}

@media only screen and (max-width:1439px) {
    .article__block--history .article__block__inner:after {
        left: calc(8rem + 0rem + 8.51063829787234%)
    }
}

.article__block--history:after,
.article__block--history:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 11rem;
    background-size: cover;
    z-index: 0
}

.article__block--history:before {
    top: 0;
    background: url(../images/panels/panel-crooking-top.svg) no-repeat center center
}

.article__block--history:after {
    bottom: 0;
    background: url(../images/panels/panel-crooking-bottom.svg) no-repeat center center
}

.article__block--full-image {
    position: relative;
    z-index: 8
}

.article__block--full-image .article__block__inner img {
    position: relative;
    z-index: 3
}

.article__block--full-image .article__block__inner:after {
    left: 14.893617021276595%
}

@media only screen and (max-width:1439px) {
    .article__block--full-image .article__block__inner:after {
        left: calc(8rem + 0rem + 8.51063829787234%)
    }
}

.article__block--keyfigures .article__block__inner {
    padding-left: 9.417040358744394%;
    padding-right: 9.417040358744394%
}

.article__block--keyfigures .keyfigures__wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 3rem
}

.article__block--keyfigures .keyfigures__wrapper .box {
    justify-self: stretch
}

@media only screen and (max-width:1024px) {
    .article__block--keyfigures .article__block__inner {
        padding-left: 0;
        padding-right: 0
    }

    .article__block--keyfigures .keyfigures__wrapper {
        grid-template-columns: 1fr 1fr;
        grid-row-gap: 3rem
    }
}

@media only screen and (max-width:768px) {
    .article__block--keyfigures .keyfigures__wrapper {
        display: block
    }
}

.article__block-lr--keynumbers {
    margin-top: 8rem
}

@media only screen and (max-width:768px) {
    .article__block-lr--keynumbers {
        margin-top: 4rem
    }
}

.article__block-lr--keynumbers .article__block-lr__inner {
    padding: 2.6rem 0 2rem
}

.article__block-lr--keynumbers p {
    font-family: Helvetica, sans-serif;
    font-weight: 700;
    font-size: 2rem;
    line-height: 3.2rem;
    text-align: center
}

.article__block-lr--keynumbers p span {
    font-size: 6.4rem;
    line-height: 1;
    display: block;
    margin: 0 0 10px
}

.article__block--maps .article__block__inner {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 3rem;
    padding-left: 9.417040358744394%;
    padding-right: 18.83408071748879%
}

@media only screen and (max-width:1024px) {
    .article__block--maps .article__block__inner {
        margin-top: 3rem;
        padding: 0 0 6rem
    }

    .article__block--maps .article__block__inner img {
        margin-bottom: 2rem
    }
}

@media only screen and (max-width:768px) {
    .article__block--maps .article__block__inner {
        display: block;
        padding: 0
    }
}

.article__block--rte.article__block--rte--push-r .article__block__inner {
    padding-right: 0;
    display: flex
}

.article__block--rte.article__block--rte--push-r .push,
.article__block--rte.article__block--rte--push-r .rte {
    box-sizing: border-box;
    width: 50%
}

.article__block--rte.article__block--rte--push-r .rte {
    padding-right: 1.5rem
}

.article__block--rte.article__block--rte--push-r .push {
    padding-left: 1.5rem
}

@media only screen and (max-width:1024px) {
    .article__block--rte.article__block--rte--push-r .article__block__inner {
        display: block
    }

    .article__block--rte.article__block--rte--push-r .push,
    .article__block--rte.article__block--rte--push-r .rte {
        width: 100%
    }

    .article__block--rte.article__block--rte--push-r .rte {
        padding-right: 0
    }

    .article__block--rte.article__block--rte--push-r .push {
        margin-top: 3rem;
        padding-left: 0
    }
}

.article__block__inner {
    position: relative;
    padding-bottom: 7rem
}

.article__block--chapo .article__block__inner,
.article__block--rte .article__block__inner {
    padding-left: 9.417040358744394%;
    padding-right: 27.982062780269057%
}

.article__block--carousel-vertical+.article__block .article__block__inner,
.article__block--history+.article__block .article__block__inner {
    padding-top: 7rem
}

.article__block:first-child .article__block__inner {
    background: #f5f5f5;
    padding-top: 8rem
}

.article__block:first-child .article__block__inner:after {
    background: #7b9e38
}

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

    .article__block--chapo .article__block__inner,
    .article__block--rte .article__block__inner {
        padding-left: 0;
        padding-right: 0
    }

    .article__block__inner {
        padding-bottom: 6rem
    }

    .article__block__inner:after {
        content: none
    }

    .article__block__inner small {
        display: block
    }

    .article__block:first-child .article__block__inner {
        padding-top: 0
    }

    .article__block--history+.article__block .article__block__inner {
        padding-top: 3rem
    }
}

@media only screen and (max-width:768px) {
    .article__block .article__block__img {
        width: 100%
    }
}

.article__block-mag__title {
    color: #7b9e38;
    margin-bottom: 4rem
}

.article__block-mag__title+.article__block-mag__text {
    margin-top: -10px;
    max-width: 77rem
}

.article__block-mag__title+.article__block-mag__text p+p {
    margin-top: 15px
}

.article__block-mag__title+.article__block-mag__text p:last-child {
    margin-bottom: 4rem
}

@media only screen and (max-width:1024px) {
    .page-template-tpl-rse .row {
        padding-left: 2.4rem;
        padding-right: 2.4rem
    }
}

@media only screen and (max-width:768px) {
    .page-template-tpl-rse .article__block-mag__inner .article__block-mag__title {
        margin-bottom: 2.4rem
    }

    .page-template-tpl-rse .article__block-mag__inner .row {
        padding-left: 1.6rem;
        padding-right: 1.6rem
    }

    .page-template-tpl-rse .article__block-mag__inner .row:after,
    .page-template-tpl-rse .article__block-mag__inner .row:before {
        display: none
    }

    .page-template-tpl-rse .article__block-mag__inner .row .cell-12 {
        padding: 0
    }
}

.big-quote {
    background: #e5e2dc;
    margin-left: 11rem;
    color: #0b2845;
    padding: 10rem 0;
    box-sizing: border-box;
    max-width: calc(100% - 11rem);
    margin-top: 9rem
}

.big-quote .row {
    align-items: center;
    display: flex
}

.big-quote__text {
    font-size: 2.4rem;
    line-height: 3.2rem
}

.big-quote__author,
.big-quote__author__job {
    font-size: 18px
}

.big-quote__author {
    margin-top: 1.6rem;
    font-weight: 700
}

@media only screen and (max-width:1024px) {
    .big-quote {
        margin-top: 4rem;
        margin-left: 0;
        max-width: 100%;
        padding: 2.4rem 1.5rem
    }

    .big-quote .row {
        padding: 0
    }

    .big-quote .row .cell-4,
    .big-quote .row .cell-6 {
        margin: 0
    }

    .big-quote .row .cell-6 {
        width: calc((100% / 12) * 8)
    }
}

@media only screen and (max-width:768px) {
    .big-quote .row {
        padding: 0
    }

    .big-quote .row .cell-4,
    .big-quote .row .cell-6 {
        margin: 0
    }

    .big-quote .row .cell-4 {
        flex-basis: calc((100% / 12) * 4) !important;
        min-width: calc((100% / 12) * 4) !important;
        width: calc((100% / 12) * 4) !important;
        float: left
    }

    .big-quote .row .cell-6 {
        width: calc((100% / 12) * 8)
    }

    .big-quote__text {
        font-size: 1.6rem;
        line-height: 150%
    }
}

@media only screen and (max-width:768px) {
    .big-quote .row {
        flex-direction: column;
        gap: 2.4rem
    }

    .big-quote .row:after,
    .big-quote .row:before {
        display: none
    }

    .big-quote .row .cell-4,
    .big-quote .row .cell-6 {
        flex-basis: 100% !important;
        min-width: 100% !important;
        width: 100% !important;
        float: none;
        padding: 0
    }
}

.keyfigures-rse {
    color: #fff;
    background: #3f6643;
    padding: 8rem 0;
    display: flex;
    flex-direction: column;
    gap: 3rem;
    margin-top: 9rem
}

.keyfigures-rse__content {
    display: flex;
    flex-direction: column;
    gap: 3rem
}

.keyfigures-rse__title {
    font-size: 4rem
}

.keyfigures-rse__text {
    font-size: 2rem;
    max-width: 54rem
}

.keyfigures-rse__numbers {
    display: flex;
    align-items: stretch;
    margin-top: 2rem
}

.keyfigures-rse__number {
    display: flex;
    flex-direction: column;
    gap: 2.4rem;
    flex-basis: 50%;
    padding: 0 5rem;
    border-left: solid 1px #fff
}

.keyfigures-rse__number__title-wrapper {
    display: flex;
    align-items: center;
    gap: 3rem
}

.keyfigures-rse__number__icon {
    height: 7.2rem;
    width: 7.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #829d48
}

.keyfigures-rse__number__title {
    font-size: 7.2rem
}

.keyfigures-rse__number__text {
    font-size: 1.6rem;
    max-width: 38rem
}

@media only screen and (max-width:1024px) {
    .keyfigures-rse {
        margin-top: 0;
        padding: 6rem 0
    }

    .keyfigures-rse .row {
        padding-left: 2.4rem;
        padding-right: 2.4rem
    }
}

@media only screen and (max-width:768px) {
    .keyfigures-rse {
        padding: 4rem 0
    }

    .keyfigures-rse__title {
        font-size: 3.2rem
    }

    .keyfigures-rse__number {
        padding-left: 1.6rem
    }

    .keyfigures-rse__number__title {
        font-size: 4.8rem
    }

    .keyfigures-rse .row {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }
}

@media only screen and (max-width:768px) {
    .keyfigures-rse__content {
        gap: 2.4rem
    }

    .keyfigures-rse__numbers {
        flex-direction: column;
        align-items: flex-start;
        margin-top: 0
    }

    .keyfigures-rse .row:after,
    .keyfigures-rse .row:before {
        display: none
    }

    .keyfigures-rse .row .cell-12 {
        padding: 0
    }

    .keyfigures-rse__number {
        padding-right: 0
    }

    .keyfigures-rse__number__icon {
        height: 4.8rem;
        width: 4.8rem
    }

    .keyfigures-rse__number__icon img {
        max-width: 3.2rem;
        height: auto
    }

    .keyfigures-rse__number+.keyfigures-rse__number {
        padding-top: 4rem
    }

    .keyfigures-rse__title {
        font-size: 1.8rem;
        line-height: 110%
    }

    .keyfigures-rse__text {
        font-size: 1.6rem
    }
}

.panel--objectifs .panel__right {
    padding-top: 6rem;
    padding-bottom: 3rem
}

.panel--objectifs .panel__right .objectifs--grid {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    row-gap: 4rem
}

@media only screen and (max-width:1024px) {
    .panel--objectifs .panel__right .objectifs--grid {
        grid-template-columns: 1fr;
        padding: 0 3rem
    }
}

.panel--objectifs .objectif__item {
    padding: 0 5rem;
    color: #fff;
    border-left: .1rem solid #fff
}

@media only screen and (max-width:1200px) {
    .panel--objectifs .objectif__item {
        padding: 0 2rem
    }
}

.panel--objectifs .objectif__item .objectif__item--title {
    display: flex;
    gap: 2rem;
    align-items: center;
    margin-bottom: 1rem
}

.panel--objectifs .objectif__item .objectif__number {
    margin: 1.5rem 0
}

.panel--objectifs .objectif__item .objectif__picto {
    width: 72px;
    height: 72px;
    background-color: #7b9e38;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center
}

.panel--objectifs .objectif__item .objectif__picto img {
    max-width: 72px;
    max-height: 72px;
    width: auto;
    height: auto;
    display: block
}

@media only screen and (max-width:1200px) {
    .panel--objectifs .heading-3 {
        font-size: 2.2rem
    }
}

@media only screen and (max-width:1024px) {
    .panel--objectifs .objectif__item {
        padding: 0 3rem
    }
}

.rse-wheel-pillars {
    margin-top: 90px;
    position: relative
}

.rse-wheel-pillars .js-schema-biodiversite .is-active,
.rse-wheel-pillars .js-schema-climat .is-active,
.rse-wheel-pillars .js-schema-collaborateurs .is-active,
.rse-wheel-pillars .js-schema-ethique .is-active {
    opacity: 1
}

.rse-wheel-pillars .article__block-mag__title {
    margin-bottom: 0
}

.rse-wheel-pillars__content-wrapper {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    background: #f5f5f5;
    z-index: 3;
    position: absolute;
    width: 100%;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0);
    transition: transform .3s
}

.rse-wheel-pillars__content-wrapper.is-sticky,
.rse-wheel-pillars__content-wrapper.is-stopped {
    position: fixed
}

.rse-wheel-pillars__content-wrapper.is-stopped {
    transform: translate(-50%, -100%)
}

.rse-wheel-pillars__filters {
    display: flex;
    align-items: center;
    gap: 1.4rem
}

.rse-wheel-pillars__filter {
    font-family: Fedra, sans-serif;
    font-weight: 700;
    font-size: 2rem;
    height: 4.6rem;
    border-radius: 2.3rem;
    display: flex;
    align-items: center;
    gap: 1.2rem;
    padding: 0 2.4rem;
    border: solid 1px #838c98;
    color: #0b2845;
    background: 0 0;
    transition: border-color .3s, background-color .3s
}

.rse-wheel-pillars__filter:before {
    content: '';
    height: 1.6rem;
    width: 1.6rem;
    border-radius: 50%;
    background-color: #fff;
    flex-shrink: 1
}

.rse-wheel-pillars__filter.is-active:before {
    background-color: #fff !important
}

.rse-wheel-pillars__filter:nth-child(1):before {
    background-color: #8fc96e
}

.rse-wheel-pillars__filter:nth-child(1):not(.is-active):hover {
    background-color: rgba(143, 201, 110, .15);
    border-color: rgba(143, 201, 110, .15);
    cursor: pointer
}

.rse-wheel-pillars__filter:nth-child(1).is-active {
    background-color: #8fc96e;
    border-color: #8fc96e
}

.rse-wheel-pillars__filter:nth-child(2):before {
    background-color: #038b46
}

.rse-wheel-pillars__filter:nth-child(2):not(.is-active):hover {
    background-color: rgba(3, 139, 70, .15);
    border-color: rgba(3, 139, 70, .15);
    cursor: pointer
}

.rse-wheel-pillars__filter:nth-child(2).is-active {
    background-color: #038b46;
    color: #fff;
    border-color: #038b46
}

.rse-wheel-pillars__filter:nth-child(3):before {
    background-color: #fdd73e
}

.rse-wheel-pillars__filter:nth-child(3):not(.is-active):hover {
    background-color: rgba(253, 215, 62, .15);
    border-color: rgba(253, 215, 62, .15);
    cursor: pointer
}

.rse-wheel-pillars__filter:nth-child(3).is-active {
    background-color: #fdd73e;
    border-color: #fdd73e
}

.rse-wheel-pillars__filter:nth-child(4):before {
    background-color: #4e86f2
}

.rse-wheel-pillars__filter:nth-child(4):not(.is-active):hover {
    background-color: rgba(78, 134, 242, .15);
    border-color: rgba(78, 134, 242, .15);
    cursor: pointer
}

.rse-wheel-pillars__filter:nth-child(4).is-active {
    color: #fff;
    background-color: #4e86f2;
    border-color: #4e86f2
}

.rse-wheel-pillars__columns {
    margin-top: 8rem;
    z-index: 1;
    position: relative;
    display: flex
}

.rse-wheel-pillars__pillar {
    padding-right: 10rem;
    height: auto;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    padding-top: 20vh;
    padding-bottom: 20vh
}

.rse-wheel-pillars__pillar:last-child {
    padding-top: 20vh;
    padding-bottom: 75vh
}

.rse-wheel-pillars__pillar-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 1.8rem
}

.rse-wheel-pillars__pillar .heading-section {
    font-size: 2.8rem;
    line-height: 2.8rem
}

.rse-wheel-pillars__pillar .pillar-button {
    margin-top: 5.2rem;
    font-size: 1.4rem;
    color: #000;
    font-family: Fedra, sans-serif;
    font-weight: 500;
    border: none;
    background: 0 0;
    cursor: pointer;
    overflow: hidden;
    max-width: 15.8rem;
    white-space: nowrap
}

.rse-wheel-pillars__pillar .pillar-button span {
    display: flex;
    align-items: center;
    gap: 1.6rem;
    transition: transform .3s;
    transform: translateX(-2rem)
}

.rse-wheel-pillars__pillar .pillar-button span svg {
    flex-shrink: 0
}

.rse-wheel-pillars__pillar .pillar-button:hover span {
    transform: translateX(0)
}

.rse-wheel-pillars__pillar .pillar-main-points ul {
    list-style: disc;
    padding-left: 2rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    font-size: 1.8rem
}

.rse-wheel-pillars__pillar:nth-child(1) .pillar-main-points li::marker {
    color: #8fc96e
}

.rse-wheel-pillars__pillar:nth-child(2) .pillar-main-points li::marker {
    color: #038b46
}

.rse-wheel-pillars__pillar:nth-child(3) .pillar-main-points li::marker {
    color: #fdd73e
}

.rse-wheel-pillars__pillar:nth-child(4) .pillar-main-points li::marker {
    color: #4e86f2
}

.rse-wheel-pillars__bullets {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 1.2rem;
    gap: 1.2rem;
    padding-top: 13.8rem;
    height: 100vh;
    box-sizing: border-box;
    position: absolute;
    right: 10rem;
    left: auto;
    top: 0
}

.rse-wheel-pillars__bullets.is-sticky {
    right: auto;
    position: fixed
}

.rse-wheel-pillars__bullets.is-stopped {
    position: absolute;
    top: auto
}

.rse-wheel-pillars__bullet {
    height: 1.2rem;
    width: 1.2rem;
    border-radius: 50%;
    background: rgba(11, 40, 69, .2)
}

.rse-wheel-pillars__bullet.is-active {
    background: #0b2845
}

.rse-wheel-pillars__column--1 {
    padding-top: 13.8rem;
    position: relative;
    left: 0;
    top: 0;
    height: 100vh;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.rse-wheel-pillars__column--1 svg {
    transform: rotate(0)
}

.rse-wheel-pillars__column--1.is-not-animated svg {
    transform: rotate(-180deg)
}

.rse-wheel-pillars__column--1.is-animated svg {
    animation: rotate 1s
}

.rse-wheel-pillars__column--1,
.rse-wheel-pillars__column--1 svg {
    width: 65vh
}

.rse-wheel-pillars__column--1 svg {
    height: auto
}

.rse-wheel-pillars__column--1 svg g,
.rse-wheel-pillars__column--1 svg path {
    transition: opacity .3s
}

.rse-wheel-pillars__column--1 svg .is-text {
    fill: #000
}

.rse-wheel-pillars__column--1 svg .is-text.is-active {
    fill: #fff
}

.rse-wheel-pillars__column--1.is-sticky {
    position: fixed
}

.rse-wheel-pillars__column--1.is-stopped {
    position: absolute
}

.rse-wheel-pillars__column--2 {
    padding-top: 13.8rem;
    width: 40%;
    margin-left: auto
}

@media only screen and (max-width:1200px) {
    .rse-wheel-pillars__filter {
        font-size: 1.8rem
    }

    .rse-wheel-pillars__column--1 svg {
        width: 58vw
    }
}

@media only screen and (max-width:1024px) {
    .rse-wheel-pillars {
        overflow: hidden;
        margin-top: 8rem
    }

    .rse-wheel-pillars__filters {
        display: flex;
        overflow: auto;
        width: calc(100vw - 4.9rem);
        padding-right: 1rem;
        padding-bottom: 1rem;
        gap: .9rem
    }

    .rse-wheel-pillars__filter {
        white-space: nowrap;
        font-size: 1.3rem;
        height: 2.9rem;
        gap: .8rem;
        padding: 0 1.5rem
    }

    .rse-wheel-pillars__content-wrapper {
        position: relative;
        left: 0;
        transform: none
    }

    .rse-wheel-pillars__content-wrapper.row {
        padding-left: 3.9rem;
        padding-right: 3.9rem
    }

    .rse-wheel-pillars__content-wrapper:after,
    .rse-wheel-pillars__content-wrapper:before {
        display: none
    }

    .rse-wheel-pillars__content-wrapper .article__block-mag__title {
        padding: 0;
        font-size: 3.1rem
    }

    .rse-wheel-pillars__columns {
        flex-direction: column;
        margin-top: 2.4rem;
        display: block
    }

    .rse-wheel-pillars__bullets {
        padding-top: 0;
        height: 70vw;
        right: 5.5rem
    }

    .rse-wheel-pillars__pillar {
        padding-top: 0;
        padding-right: 0;
        height: auto;
        display: block !important;
        padding-bottom: 0
    }

    .rse-wheel-pillars__pillar:last-child {
        height: auto;
        padding-top: 0;
        padding-bottom: 0
    }

    .rse-wheel-pillars__pillar:last-child .rse-wheel-pillars__pillar-content {
        margin-top: 0
    }

    .rse-wheel-pillars__pillar .pillar-button {
        margin-top: 0
    }

    .rse-wheel-pillars__column--1 {
        padding-top: 0;
        height: auto;
        display: flex;
        width: 100%;
        align-items: center;
        justify-content: center;
        background: #f5f5f5
    }

    .rse-wheel-pillars__column--1 svg {
        width: 50vw
    }

    .rse-wheel-pillars__column--2 {
        padding-top: 0;
        width: 100%;
        margin-left: 0;
        margin-top: 2.4rem
    }
}

@media only screen and (max-width:768px) {
    .rse-wheel-pillars__content-wrapper.row {
        padding-left: 1.6rem;
        padding-right: 1.6rem
    }

    .rse-wheel-pillars__column--2 {
        margin-top: 1.6rem
    }

    .rse-wheel-pillars__column--1 svg {
        transform: rotate(0)
    }

    .rse-wheel-pillars__column--1.is-not-animated svg {
        transform: rotate(0)
    }

    .rse-wheel-pillars__column--1.is-animated svg {
        animation: none
    }

    .rse-wheel-pillars__column--1 svg {
        width: calc(100vw - 100px)
    }

    .rse-wheel-pillars__bullets {
        height: auto;
        right: 0;
        position: relative;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        flex-direction: row;
        margin-top: 3rem
    }

    .rse-wheel-pillars__pillar .pillar-main-points ul {
        font-size: 1.6rem
    }
}

.pillar-tag {
    font-family: Fedra, sans-serif;
    font-weight: 700;
    font-size: 1.6rem;
    line-height: 1.6rem;
    text-transform: uppercase
}

.rse-popin {
    position: fixed;
    top: 0;
    width: 100vw;
    height: 100vh;
    align-items: center;
    justify-content: center;
    color: #0b2845;
    pointer-events: none;
    visibility: hidden;
    display: flex;
    z-index: -1;
    left: -10000px
}

.rse-popin.active {
    pointer-events: initial;
    visibility: visible;
    z-index: 1000;
    left: 0
}

.rse-popin.active .rse-popin__content {
    transform: translate(0, 0)
}

.rse-popin.active .rse-popin__overlay {
    opacity: 1
}

.rse-popin__overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    z-index: 1;
    height: 100vh;
    background: rgba(0, 0, 0, .5);
    opacity: 0;
    transition: opacity .3s
}

.rse-popin__content {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
    background: #fff;
    max-width: 820px;
    width: 60%;
    height: 100vh;
    overflow: auto;
    transition: transform .3s;
    transform: translate(100%, 0)
}

.rse-popin__content .big-quote {
    margin-left: 0;
    margin-top: 0;
    max-width: 100%;
    padding: 4rem 2.5rem
}

.rse-popin__content .big-quote .row {
    padding: 0
}

.rse-popin__content .big-quote__text {
    font-size: 1.8rem;
    line-height: 130%
}

.rse-popin__content .big-quote .cell-4,
.rse-popin__content .big-quote .cell-6 {
    margin: 0
}

.rse-popin__content .big-quote .cell-6 {
    width: calc((100% / 12) * 8)
}

.rse-popin__content .keyfigures-rse {
    padding: 6rem 4rem
}

.rse-popin__content .keyfigures-rse .row {
    padding: 0
}

.rse-popin__content .keyfigures-rse__number__title {
    font-size: 4.8rem
}

.rse-popin__content .keyfigures-rse__numbers {
    align-items: flex-start;
    flex-direction: column;
    gap: 4.8rem
}

.rse-popin__content .article__block-mag--video .row .heading-section {
    font-size: 2rem;
    margin-bottom: 1.5rem;
    line-height: normal
}

.rse-popin__title {
    font-size: 2.4rem;
    line-height: 110%
}

.rse-popin__header {
    background: #f5f5f5;
    padding: 4rem;
    display: flex;
    flex-direction: column;
    gap: 1.6rem
}

.rse-popin__main-points {
    padding: 4rem;
    display: flex;
    flex-direction: column;
    gap: 4rem
}

.rse-popin__main-points__item+.rse-popin__main-points__item {
    padding-top: 4rem;
    border-top: solid 1px #d8d8d8
}

.rse-popin__main-points__item {
    display: flex;
    gap: 4rem
}

.rse-popin__main-points__item__title {
    flex-basis: 40%;
    font-family: Fedra, sans-serif;
    font-weight: 700;
    color: #7b9e38;
    font-size: 2rem
}

.rse-popin__main-points__item__text {
    flex-basis: 60%;
    font-size: 1.8rem
}

.rse-popin .article__block-mag {
    max-width: calc(100% - 8rem);
    margin-left: 4rem;
    margin-bottom: 4rem
}

.rse-popin .article__block-mag .row {
    padding: 0
}

.rse-popin .article__block-mag .row .cell-12 {
    padding: 0
}

.rse-popin .article__block-mag+.article__block-mag,
.rse-popin__main-points+.article__block-mag {
    padding-top: 4rem;
    border-top: solid 1px #d8d8d8
}

.rse-popin__intro {
    margin-top: .8rem;
    font-size: 2.2rem;
    line-height: 130%
}

.rse-popin__close {
    position: absolute;
    top: 2.4rem;
    right: 2.4rem;
    background: 0 0;
    border: none;
    cursor: pointer
}

.rse-popin-section {
    margin-top: 2rem
}

@media only screen and (max-width:1024px) {
    .rse-popin__content {
        width: 80%
    }
}

@media only screen and (max-width:768px) {
    .rse-popin__content {
        width: 100%
    }

    .rse-popin__content .keyfigures-rse {
        padding: 4rem 1.6rem
    }

    .rse-popin__content .keyfigures-rse__numbers {
        gap: 0
    }

    .rse-popin__content .keyfigures-rse__content {
        gap: 1.2rem
    }

    .rse-popin__content .keyfigures-rse__number {
        gap: 1.2rem
    }

    .rse-popin__content .keyfigures-rse__number__title {
        font-size: 2.4rem
    }

    .rse-popin__content .keyfigures-rse__number__text {
        font-size: 1.4rem;
        line-height: normal;
        font-weight: 400
    }

    .rse-popin__content .big-quote {
        padding: 2.4rem 1.6rem
    }

    .rse-popin__main-points {
        gap: 1.6rem
    }

    .rse-popin__main-points__item {
        flex-direction: column;
        gap: 1.2rem
    }

    .rse-popin__main-points__item+.rse-popin__main-points__item {
        padding-top: 1.6rem
    }

    .rse-popin .article__block-mag {
        max-width: 100%;
        margin-left: 0;
        margin-right: 0;
        padding: 0 1.6rem
    }

    .rse-popin .article__block-mag .row {
        padding: 0
    }

    .rse-popin .article__block-mag .row .cell-12 {
        padding: 0
    }

    .rse-popin .article__block-mag+.article__block-mag,
    .rse-popin__main-points+.article__block-mag {
        padding-top: 1.6rem
    }

    .rse-popin__header,
    .rse-popin__main-points {
        padding: 2.4rem 1.6rem
    }

    .rse-popin__close {
        top: 1.6rem;
        right: 1.6rem
    }

    .rse-popin-section {
        margin-top: 1.6rem
    }
}

body.popin-open {
    overflow: hidden
}

@-moz-keyframes rotate {
    from {
        transform: rotate(-180deg)
    }

    to {
        transform: rotate(0)
    }
}

@-webkit-keyframes rotate {
    from {
        transform: rotate(-180deg)
    }

    to {
        transform: rotate(0)
    }
}

@-o-keyframes rotate {
    from {
        transform: rotate(-180deg)
    }

    to {
        transform: rotate(0)
    }
}

@keyframes rotate {
    from {
        transform: rotate(-180deg)
    }

    to {
        transform: rotate(0)
    }
}

.bloc-press {
    padding: 40px;
    border: 1px solid #979797;
    border-radius: 5px;
    margin-bottom: 46px
}

.bloc-press__inner__item {
    padding-bottom: 24px;
    margin-bottom: 24px;
    border-bottom: 1px solid #979797
}

.bloc-press__inner__item:last-child {
    margin-bottom: 0;
    border-bottom: 0;
    padding-bottom: 0
}

.bloc-press a {
    color: #000;
    margin-bottom: 15px;
    display: block
}

.bloc-press a:hover {
    text-decoration: underline
}

.bloc-press .date {
    color: #000;
    opacity: .5
}

.bloc-press .details {
    color: #000;
    opacity: .5;
    font-size: 12px;
    display: inline-block;
    margin-left: 24px
}

.related-post-rse {
    padding: 80px 0
}

.related-post-rse__title {
    color: #7b9e38
}

.related-post-rse__content {
    display: flex;
    flex-direction: column;
    gap: 4rem
}

.related-post-rse__article {
    background: #dba806;
    padding: 6rem;
    display: flex;
    align-items: center
}

.related-post-rse__article .box__meta {
    display: inline-flex
}

.related-post-rse__article .box__meta__item {
    position: relative
}

.related-post-rse__article .box__meta__item+.box__meta__item {
    border-left: .1rem solid #0b2845;
    padding-left: .8rem;
    margin-left: .8rem
}

.related-post-rse__article .box__meta__item--biomasse:before,
.related-post-rse__article .box__meta__item--solaire:before {
    display: inline-flex;
    content: '';
    height: .8rem;
    width: .8rem;
    border-radius: 50%;
    background: 0 0;
    margin-right: .8rem
}

.related-post-rse__article .box__meta__item--solaire:before {
    background: #dfb000
}

.related-post-rse__article .box__meta__item--biomasse:before {
    background: #7b9e38
}

.related-post-rse__article__title-wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.5rem
}

.related-post-rse__article__title {
    font-size: 3.4rem;
    font-weight: 700
}

.related-post-rse__article__chapo {
    font-size: 2.3rem;
    line-height: 3.4rem
}

.related-post-rse__article__content,
.related-post-rse__article__image {
    flex-basis: 50%
}

.related-post-rse__article__image {
    max-height: 43rem;
    overflow: hidden
}

.related-post-rse__article__image img {
    height: 100%;
    object-fit: cover
}

.related-post-rse__article__content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding-right: 5.5rem;
    gap: 2rem;
    color: #0b2845
}

.related-post-rse__article .btn {
    background-color: #0b2845
}

@media only screen and (max-width:1024px) {
    .related-post-rse {
        padding: 4rem 0
    }

    .related-post-rse__content {
        gap: 2rem
    }

    .related-post-rse__article {
        padding: 2rem
    }
}

@media only screen and (max-width:768px) {
    .related-post-rse__article {
        flex-direction: column;
        gap: 2.2rem
    }

    .related-post-rse__article__title {
        font-size: 2.4rem;
        line-height: 120%
    }

    .related-post-rse__article__image,
    .related-post-rse__article__image img {
        width: 100%
    }
}

@media only screen and (max-width:768px) {
    .related-post-rse__content {
        gap: 1.5rem;
        padding: 0
    }

    .related-post-rse__article__content {
        padding: 0
    }

    .related-post-rse__article__chapo {
        font-size: 1.6rem;
        line-height: 2.4rem
    }
}

.article__block-lr--carousel .article__block-lr__inner {
    padding-top: 8rem;
    padding-bottom: 8rem
}

.article__block-lr--chapter .article__block-lr__top {
    height: 67.4rem
}

@media only screen and (max-width:1024px) {
    .article__block-lr--chapter .article__block-lr__top {
        max-height: 30rem;
        margin-bottom: 6.4rem
    }
}

.article__block-lr--chapter .rte {
    margin-top: -13rem;
    background: #fff;
    padding: 4.8rem 10.297029702970297% 0
}

@media only screen and (max-width:768px) {
    .article__block-lr--chapter .rte {
        padding: 0 0;
        margin-top: 0
    }
}

.article__block-lr--double-image .article__block-lr__inner {
    position: relative
}

.article__block-lr--double-image .article__block-lr__images img {
    height: 45rem
}

.article__block-lr--double-image .article__block-lr__image-legend {
    padding: 1.6rem 1.6rem 0
}

@media only screen and (min-width:1025px) {
    .article__block-lr--double-image .article__block-lr__images {
        display: flex;
        flex-direction: row
    }

    .article__block-lr--double-image .article__block-lr__images img {
        width: 50%
    }

    .article__block-lr--double-image .article__block-lr__image-legend {
        padding: 0;
        position: absolute;
        bottom: 2.4rem;
        right: 2.4rem;
        left: 2.4rem;
        color: #fff
    }

    .article__block-lr--double-image .article__block-lr__image-legend:before {
        content: '';
        position: absolute;
        left: -2.4rem;
        bottom: -2.4rem;
        right: -2.4rem;
        height: 100%;
        min-height: 10rem;
        background: linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(255, 255, 255, 0));
        z-index: 0
    }

    .article__block-lr--double-image .article__block-lr__image-legend p {
        position: relative;
        z-index: 1;
        text-shadow: 0 0 .2rem rgba(0, 0, 0, .75)
    }
}

.article__block-lr--exergue .article__block-lr__inner {
    padding: 4rem 8rem
}

@media only screen and (max-width:768px) {
    .article__block-lr--exergue .article__block-lr__inner {
        padding: 4rem 3rem;
        margin-left: calc(3rem * -1);
        margin-right: calc(3rem * -1)
    }
}

.article-fundation-template-tpl-fundation-article .article__block-lr--exergue p,
.article-fundation-template-tpl-fundation-longread .article__block-lr--exergue p {
    font-size: 2rem;
    line-height: 3.2rem
}

.aside--article {
    position: absolute;
    top: 14rem;
    bottom: 0;
    left: 3rem;
    right: 122.4rem;
    z-index: 4
}

.aside--article:after {
    content: "";
    position: absolute;
    top: -14rem;
    bottom: 0;
    right: -.2rem;
    width: .4rem;
    z-index: -2;
    background: #e8e8e8
}

.aside--article .aside__inner {
    opacity: 1;
    transition: opacity .4s ease-in-out
}

.aside--article .aside__inner.is-faded {
    opacity: 0;
    pointer-events: none
}

.aside--article .aside__inner.is-sticky {
    position: fixed;
    top: 0
}

.aside--article .aside__inner.is-sticky-bottom {
    position: absolute;
    bottom: 0;
    top: auto
}

.aside--article .scroll_indicator {
    content: '';
    position: absolute;
    top: -14rem;
    bottom: 0;
    right: -.2rem;
    width: .4rem;
    z-index: -1
}

.aside--article .scroll_indicator .scroll__inner {
    position: absolute;
    width: .4rem;
    height: 50rem;
    background: #7b9e38;
    transition: height .2s
}

.aside--article .scroll_indicator .scroll__inner.is-sticky {
    position: fixed;
    top: 2rem
}

.aside--article .scroll_indicator .scroll__inner.is-sticky-bottom {
    position: absolute;
    bottom: -2rem;
    top: auto
}

@media only screen and (max-width:1439px) {
    .aside--article {
        right: auto;
        width: 12.170542635658915%
    }

    .aside--article:after {
        right: -.4rem
    }

    .aside--article .scroll_indicator {
        right: -.4rem
    }
}

@media only screen and (max-width:1200px) {
    .aside--article {
        width: 12.5%
    }
}

@media only screen and (max-width:1240px) {
    .aside--article {
        width: 12.48062015503876%
    }
}

.page-template-tpl-longread .aside--article {
    position: absolute;
    top: 5rem;
    bottom: 4rem;
    left: 3rem;
    right: 122.4rem;
    z-index: 4
}

.page-template-tpl-longread .aside--article:after {
    content: "";
    position: absolute;
    top: -5rem;
    bottom: -4rem;
    right: -.2rem;
    width: .4rem;
    z-index: -2;
    background: #e8e8e8
}

.box--calendar {
    padding: 1rem 1.5rem;
    min-height: 20rem;
    height: 100%;
    border: .1rem solid #d8d8d8;
    box-sizing: border-box
}

.box--calendar .box__inner {
    display: flex;
    flex-direction: column;
    height: 100%;
    color: #000
}

.box--calendar .box__body {
    padding-top: 3rem;
    padding-bottom: 2rem
}

.box--calendar .box__top {
    color: #7b9e38
}

.box--calendar .box__bottom {
    margin-top: auto
}

.box--calendar:hover {
    border-color: #7b9e38
}

.box--career {
    position: relative
}

.box--career .box__inner {
    position: relative;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    padding: 0rem 11rem 6rem 10.5rem;
    min-height: 80rem;
    background-size: cover;
    background-repeat: no-repeat
}

.box--career .box__inner:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(208deg, rgba(7, 34, 105, 0) 32%, #072269 100%)
}

.box--career .box__body,
.box--career .box__bottom,
.box--career .box__top {
    position: relative;
    color: #fff;
    z-index: 2
}

.box--career .box__top {
    margin-top: auto;
    margin-bottom: .8rem
}

.box--career .box__bottom {
    margin-top: 3.5rem
}

@media only screen and (max-width:1024px) {
    .box--career .box__inner {
        padding: 0 4.5rem 4.2rem;
        background-position: center
    }
}

@media only screen and (max-width:768px) {
    .box--career .box__inner {
        padding: 0 4.5rem 3.2rem;
        min-height: 50rem
    }
}

.box--carousel-vertical .box__top {
    margin-bottom: 2.5rem
}

.box--carousel-vertical .box__title {
    margin-bottom: 2.5rem
}

.box--contact a,
.box--contact p {
    color: #fff
}

.box--coordonnees {
    margin-top: 2rem;
    margin-bottom: 3.5rem
}

.box--coordonnees .box__body {
    margin: 2rem 0
}

.box--coordonnees p {
    margin-bottom: .3rem
}

.box--coordonnees:last-of-type {
    margin-bottom: 0
}

.box--dropdown {
    position: relative;
    padding: 1rem 1.6rem;
    width: 100%;
    box-sizing: border-box;
    cursor: pointer;
    border: .1rem solid #d8d8d8;
    background: #fff;
    color: #7b7b7b
}

.box--dropdown .box__title {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.box--energy .box__inner {
    display: flex;
    flex-flow: row nowrap;
    align-items: flex-end
}

.box--energy .box__left,
.box--energy .box__right {
    box-sizing: border-box;
    flex-shrink: 0
}

.box--energy .box__left {
    margin-bottom: -6rem;
    width: 58.79446640316206%
}

.box--energy .box__right {
    position: relative;
    width: 48.616600790513836%;
    margin-left: -7.312252964426877%;
    margin-right: -5.56390977443609%;
    padding-top: 7rem;
    padding-bottom: 6rem;
    padding-right: 4.940711462450593%;
    padding-left: 4.940711462450593%;
    background: #fff;
    z-index: 2
}

.box--energy .box__body,
.box--energy .box__top {
    margin-bottom: 4rem
}

.box--energy--inversed .box__inner {
    margin-top: 15rem;
    align-items: flex-start
}

.box--energy--inversed .box__left {
    order: 1;
    margin-top: -6rem
}

.box--energy--inversed .box__right {
    margin-left: 0;
    margin-right: -7.312252964426877%;
    padding-left: 4.940711462450593%;
    padding-right: 4.940711462450593%;
    order: 0
}

@media only screen and (max-width:1200px) {
    .box--energy .box__left {
        width: 69.1699604743083%
    }

    .box--energy .box__right {
        margin-left: -17.292490118577074%
    }

    .box--energy--inversed .box__right {
        margin-left: 0;
        margin-right: -17.292490118577074%
    }
}

@media only screen and (max-width:1024px) {
    .box--energy .box__inner {
        flex-direction: column;
        margin-left: -1.5rem;
        margin-right: -1.5rem
    }

    .box--energy .box__inner .box__left {
        width: 100%;
        margin-bottom: 0
    }

    .box--energy .box__inner .box__right {
        margin-left: 0;
        width: 100%
    }

    .box--energy .box__left,
    .box--energy .box__right {
        width: auto;
        margin: auto
    }

    .box--energy .box__left {
        margin-top: 0;
        width: 100%;
        margin: 0
    }

    .box--energy .box__left img {
        width: 100%
    }

    .box--energy .box__right {
        margin: 0;
        padding: 2.5rem 3rem 3rem
    }

    .box--energy .box__body {
        margin-bottom: 1.5rem
    }

    .box--energy .box__top {
        margin-bottom: 1rem
    }

    .box--energy .box__link {
        padding-bottom: .5rem
    }

    .box--energy .box__link:before {
        height: .6rem
    }

    .box--energy--inversed .box__left {
        order: 0
    }

    .box--energy--inversed .box__inner {
        margin-top: 4rem
    }
}

.box--event {
    width: 100%;
    height: 100%;
    color: #fff;
    background: #3c659b;
    transition: background .2s;
    cursor: pointer
}

.box--event:hover {
    background: #1b395f
}

.box--event:hover:after {
    opacity: .6
}

.box--event:hover .box__bottom__button {
    opacity: 1;
    visibility: visible;
    transform: translateY(0)
}

.box--event:hover .box__bottom__text {
    opacity: 0;
    visibility: hidden;
    transform: translateY(1rem)
}

.box--event:before {
    z-index: 0
}

.box--event:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #1b395f;
    z-index: 1;
    opacity: 0
}

.box--event--grey {
    position: relative;
    background: 0 0;
    background-image: url(../images/svg/box_topo_grey.svg);
    background-size: cover;
    background-position: center;
    color: #000
}

.box--event--grey:after {
    display: none
}

.box--event--grey:hover {
    background: 0 0;
    background-image: url(../images/svg/box_topo_grey.svg);
    background-size: cover;
    background-position: center
}

.box--event .box__inner {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 2rem 3rem;
    box-sizing: border-box;
    z-index: 2
}

.box--event .box__inner .box__body {
    padding-top: 7rem;
    padding-bottom: 8rem
}

.box--event .box__bottom {
    position: relative;
    margin-top: auto;
    min-height: 5rem;
    display: flex;
    align-items: flex-end
}

.box--event .box__bottom__button,
.box--event .box__bottom__text {
    transition: opacity .2s, visibility .2s, transform .2s
}

.box--event .box__bottom__text {
    transform: translateY(0)
}

.box--event .box__bottom__button {
    position: absolute;
    bottom: 1rem;
    opacity: 0;
    visibility: hidden;
    transform: translateY(1rem)
}

.box--grid {
    background: #fff;
    border: .1rem solid #d8d8d8;
    display: flex;
    flex-direction: row;
    flex-grow: 1
}

.box--grid:hover {
    border-color: #7b9e38
}

.box--grid .box__inner {
    padding: 1.6rem;
    display: flex;
    flex-direction: column
}

.box--grid .box__top {
    margin-bottom: 2.5rem;
    color: rgba(0, 0, 0, .5);
    display: flex;
    flex-direction: row;
    align-items: center
}

.box--grid .box__top .icon {
    margin-right: 1rem;
    max-width: 2.9rem;
    width: 100%
}

.box--grid .box__body {
    margin-bottom: 3rem
}

.box--grid .box__bottom {
    margin-top: auto
}

.box--grid .box__body,
.box--grid .box__bottom {
    color: #000
}

.box--grid .box__title {
    word-break: break-word
}

.box--implantation {
    background: #05254d;
    color: #fff
}

.box--implantation .box__inner {
    padding: 2.5rem 6rem
}

.box--implantation .box__body,
.box--implantation .box__top {
    margin-bottom: 2rem
}

.box--implantation .box__top {
    display: flex;
    flex-direction: column
}

.box--implantation .box__link {
    display: block;
    margin-top: 1.6rem;
    color: #fff
}

.box--implantation--centrale {
    background: #2a568f
}

.box--implantation--centrale .btn {
    margin-top: 3rem
}

.box--implantation--cartouche {
    background: #2a568f
}

.box--implantation--cartouche .box__inner {
    padding: 4rem 2rem
}

@media only screen and (max-width:1024px) {
    .box--implantation {
        width: 100%
    }

    .box--implantation .box__body {
        margin-bottom: 0;
        min-width: 50%
    }

    .box--implantation .box__body img {
        width: 100%
    }

    .box--implantation .box__inner {
        padding: 2rem 4rem
    }

    .box--implantation .box__bottom {
        margin-top: 2rem
    }

    .box--implantation--cartouche .box__inner {
        display: flex;
        padding: 4rem 2.5rem 4rem
    }

    .box--implantation--cartouche .box__body {
        min-width: 45%
    }

    .box--implantation--cartouche .box__bottom {
        margin-top: 0;
        margin-left: 2rem
    }
}

@media (max-width:375px) {
    .box--implantation--cartouche .box__inner {
        display: block;
        padding-bottom: 2.4rem
    }

    .box--implantation--cartouche .box__body {
        margin-bottom: 2rem
    }

    .box--implantation--cartouche .box__bottom {
        margin-left: 0
    }
}

.box--info .box__inner {
    background: #2a568f;
    padding: 4rem 5rem
}

.box--info .box__top {
    margin-bottom: 3rem
}

@media only screen and (max-width:768px) {
    .box--info .box__inner {
        margin-right: -3rem;
        margin-left: -3rem;
        padding-left: 3rem;
        padding-right: 3rem
    }
}

.box--keyfigure {
    margin-bottom: 2rem
}

.box--keyfigure .box__inner {
    padding: 4rem;
    background: #fff;
    text-align: center;
    height: 100%;
    box-sizing: border-box
}

.box--keyfigure .box__number,
.box--keyfigure .box__unity {
    color: #7b9e38
}

.box--keyfigure .box__number {
    margin-bottom: 1rem
}

.box--keyfigure .box__unity {
    margin-bottom: 3rem
}

.box--keyfigure--secondary .box__inner,
.box--keyfigure--tertiary .box__inner {
    padding: 4rem 3rem;
    background: #7b9e38;
    color: #fff
}

.box--keyfigure--secondary .box__number,
.box--keyfigure--secondary .box__unity,
.box--keyfigure--tertiary .box__number,
.box--keyfigure--tertiary .box__unity {
    color: #fff
}

.box--keyfigure--tertiary .box__inner {
    padding-top: 6rem;
    padding-bottom: 6rem
}

.box--keyfigure--custom .box__type {
    margin-top: -2.5rem;
    margin-bottom: 1rem
}

.box--keyfigure .box__inner--bg {
    background-size: cover;
    background-position: center;
    padding: 10px;
    padding-top: 100px;
    display: flex;
    flex-flow: column;
    justify-content: flex-end;
    align-items: flex-start;
    position: relative
}

.box--keyfigure .box__inner--bg:before {
    content: "";
    position: absolute;
    background-color: #000;
    opacity: .4;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0
}

.box--keyfigure .box__inner--bg .box__teasing {
    position: relative;
    text-align: left;
    z-index: 1;
    font-size: 2rem;
    line-height: 2.1rem;
    font-weight: 700
}

@media only screen and (max-width:1024px) {
    .box--keyfigure {
        margin-bottom: 0
    }

    .box--keyfigure--secondary .box__inner {
        padding: 3rem 3rem
    }
}

.box--lr-keyfigure {
    position: relative;
    padding: 8rem 0 8rem 8rem;
    color: #fff
}

@media only screen and (max-width:1024px) {
    .box--lr-keyfigure {
        padding: 4rem;
        margin-top: 6.4rem
    }
}

.box--lr-keyfigure:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    width: 999rem;
    left: 100%
}

@media only screen and (max-width:1024px) {
    .box--lr-keyfigure:before {
        display: none
    }
}

.box--lr-keyfigure .box__title {
    margin-bottom: 1.6rem
}

.box--mag-article {
    height: 100%;
    width: 100%;
    box-sizing: border-box
}

@media only screen and (max-width:768px) {
    .box--mag-article {
        margin-bottom: 2rem
    }
}

.box--mag-article .box__inner {
    display: flex;
    flex-direction: column;
    background: #fff;
    height: 100%
}

@media only screen and (max-width:768px) {
    .box--mag-article .box__inner {
        flex-direction: row
    }

    .box--mag-article .box__inner .box__top {
        flex: 1;
        width: 40%
    }
}

.box--mag-article .box__top {
    height: 21.7rem
}

.box--mag-article .box__body {
    padding: 2.4rem 3.2rem 3.2rem;
    color: #000
}

@media only screen and (max-width:768px) {
    .box--mag-article .box__body {
        flex: 1;
        padding: 2.4rem 1.6rem 1.6rem
    }
}

.box--mag-article .box__body__top {
    margin-bottom: .8rem
}

.box--mag-article .box__body__body {
    margin-bottom: 2rem
}

.box--mag-article .box__body__bottom {
    color: #7b9e38
}

.box--mag-article .box__body__bottom .box__title {
    font-weight: 700;
    font-size: 1.2rem;
    line-height: 1.6rem
}

.box--mag-article .box__body__bottom .box__subtitle {
    font-size: 1.2rem;
    line-height: 1.6rem
}

.box--mag-article .box__meta {
    display: inline-flex
}

.box--mag-article .box__meta__item {
    position: relative
}

.box--mag-article .box__meta__item+.box__meta__item {
    border-left: .1rem solid #d8d8d8;
    padding-left: .8rem;
    margin-left: .8rem
}

.box--mag-article .box__meta__item--biomasse:before,
.box--mag-article .box__meta__item--solaire:before {
    display: inline-flex;
    content: '';
    height: .8rem;
    width: .8rem;
    border-radius: 50%;
    background: 0 0;
    margin-right: .8rem
}

.box--mag-article .box__meta__item--solaire:before {
    background: #dfb000
}

.box--mag-article .box__meta__item--biomasse:before {
    background: #7b9e38
}

.box--mag-article.box--mag-article--big {
    border: none
}

.box--mag-article.box--mag-article--big .box__top {
    height: 33.4rem
}

.box--mag-article.box--mag-article--big .box__body {
    padding: 3.2rem
}

.box--mag-article.box--mag-article--big .box__body__top {
    margin-bottom: 1.2rem
}

.box--mag-article.box--mag-article--big .box__subtitle {
    margin-top: 1.2rem
}

@media only screen and (max-width:768px) {
    .box--mag-article.box--mag-article--big .box__inner {
        flex-direction: column
    }

    .box--mag-article.box--mag-article--big .box__inner .box__top {
        width: 100%;
        max-height: 100%
    }
}

.box--metiers-carousel .box__inner {
    background: #2a568f;
    padding: 4rem 5rem
}

.box--metiers-carousel .box__top {
    margin-bottom: 3rem
}

.box--metiers-carousel .box__img {
    max-width: 16rem;
    margin-bottom: 2.5rem;
    flex: auto
}

@media only screen and (max-width:1024px) {
    .box--metiers-carousel .box__inner {
        width: 39.1566265060241%
    }
}

@media only screen and (max-width:768px) {
    .box--metiers-carousel .box__inner {
        width: auto
    }

    .box--metiers-carousel margin-right -($grid-gutter) {
        margin-left: -3rem;
        padding-left: 3rem;
        padding-right: 3rem
    }

    .box--metiers-carousel .box__img {
        padding-left: 3.5rem;
        padding-right: 3.5rem
    }
}

.box--new-energy {
    height: 100%;
    min-height: 371px;
    width: 100%
}

.box--new-energy .box__inner {
    position: relative;
    display: flex;
    flex: 1;
    height: 100%
}

.box--new-energy .box__background {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.box--new-energy .box__background:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000;
    opacity: .2
}

.box--new-energy .box__background:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.box--new-energy .box__body {
    position: relative;
    display: flex;
    flex-direction: column;
    z-index: 2;
    padding: 3.6rem 22.857142857142858% 3.6rem 10.084033613445378%
}

.box--new-energy .box__body__top {
    margin-bottom: .8rem
}

.box--new-energy .box__body__body {
    margin-bottom: .8rem;
    font-size: 14px
}

.box--new-energy .box__body__bottom {
    margin-top: auto
}

.box--new-energy .box__body__body p,
.box--new-energy .box__link,
.box--new-energy .box__title {
    color: #fff
}

.box--new-energy .box__body__body p:after,
.box--new-energy .box__link:after,
.box--new-energy .box__title:after {
    background: #fff
}

.box--new-energy.box--new-energy--biomass .box__background:after,
.box--new-energy.box--new-energy--biomassa .box__background:after,
.box--new-energy.box--new-energy--biomasse .box__background:after {
    background-image: linear-gradient(210deg, rgba(0, 0, 0, .05) 30%, #7b9e38 100%)
}

.box--new-energy.box--new-energy--solaire .box__background:after,
.box--new-energy.box--new-energy--solar .box__background:after {
    background-image: linear-gradient(210deg, rgba(0, 0, 0, .05) 30%, rgba(227, 184, 26, .9) 100%)
}

.box--new-energy .box__background:after,
.box--new-energy.box--new-energy--geothermal-energy:after,
.box--new-energy.box--new-energy--geothermia:after,
.box--new-energy.box--new-energy--geothermie:after {
    background-image: linear-gradient(210deg, rgba(0, 0, 0, .05) 30%, #503364 100%)
}

.box--publication {
    display: flex;
    flex: 1
}

.box--publication .box__inner {
    display: flex;
    flex: 1
}

.box--publication .box__left,
.box--publication .box__right {
    box-sizing: border-box
}

.box--publication .box__left {
    width: 45.99483204134367%
}

.box--publication .box__left+.box__right {
    width: 54.00516795865633%
}

.box--publication .box__right {
    display: flex;
    flex-direction: column;
    padding: 3rem;
    background: #fff;
    width: 100%
}

.box--publication .box__right__top {
    margin-bottom: 4rem
}

.box--publication .box__right__bottom {
    padding-top: 2rem;
    margin-top: auto
}

.box--ticker {
    display: flex;
    flex-direction: column;
    flex: 1
}

.box--ticker .box__inner {
    display: flex;
    flex-direction: column;
    flex: 1;
    padding: 0 3rem
}

.box--ticker .box__top {
    margin-bottom: 1.5rem
}

.box--ticker .box__body,
.box--ticker .box__top {
    color: #000
}

.box--ticker a .box__body {
    transition: color .2s
}

.box--ticker .box__bottom {
    margin-top: auto;
    color: rgba(0, 0, 0, .5)
}

.box--ticker a:hover .box__body {
    color: #7b9e38
}

@media only screen and (max-width:768px) {
    .box--ticker {
        margin-top: 2.5rem
    }

    .box--ticker .box__bottom {
        margin-top: 1rem;
        padding-bottom: 2.5rem;
        border-bottom: .1rem solid #d8d8d8
    }

    .box--ticker:first-of-type {
        margin-top: 0
    }

    .box--ticker:last-of-type .box__bottom {
        padding-bottom: 0;
        border-bottom: 0
    }
}

.box--trombi {
    cursor: pointer
}

.box--trombi .box__top {
    padding-bottom: 2rem
}

.box--trombi .box__top .box__image {
    width: 100%
}

.box--trombi .box__name {
    transition: color .2s
}

.box--trombi .box__name,
.box--trombi .box__type {
    display: block
}

.box--trombi .box__type {
    color: #7b7b7b
}

.box--trombi-carousel {
    background: #fff;
    max-height: 100vh;
    overflow: auto
}

.box--trombi-carousel .box__inner {
    display: flex;
    padding: 8rem
}

.box--trombi-carousel .box__left {
    flex-shrink: 0
}

.box--trombi-carousel .box__right {
    margin-left: 3rem
}

.box--trombi-carousel .box__name,
.box--trombi-carousel .box__type {
    display: block
}

.box--trombi-carousel .box__type {
    color: #7b7b7b
}

.box--trombi-carousel .box__presentation {
    margin-top: 2rem
}

.box--trombi:hover .box__name {
    color: #2a568f
}

@media only screen and (max-width:1200px) {
    .box--trombi-carousel .box__left {
        width: 10rem;
        height: 10rem
    }
}

@media only screen and (max-width:1024px) {
    .box--trombi-carousel {
        height: 100%
    }

    .box--trombi-carousel .box__inner {
        height: 100%;
        flex-direction: column;
        box-sizing: border-box;
        overflow: auto
    }

    .box--trombi-carousel .box__inner .box__left {
        width: auto;
        height: auto
    }

    .box--trombi-carousel .box__inner .box__right {
        margin-top: 6rem;
        margin-left: 0
    }
}

@media (max-width:375px) {
    .box--trombi-carousel .box__inner {
        padding: 6rem 3rem 3rem
    }

    .box--trombi-carousel .box__left {
        width: 100%
    }

    .box--trombi-carousel .box__left img {
        width: 100%
    }
}

.card--actionnaire {
    width: 100%
}

.card--actionnaire .card__inner {
    position: relative;
    display: block;
    height: 100%;
    background: #fff
}

.card--actionnaire .card__inner .card__background {
    position: relative;
    width: 100%;
    height: 100%
}

.card--actionnaire .card__inner .card__background:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(-180deg, rgba(0, 0, 0, 0) 48%, rgba(0, 0, 0, .7) 95%);
    opacity: .4;
    transition: opacity .2s
}

.card--actionnaire .card__bottom {
    background: #fff;
    padding: 3rem 2rem;
    color: #000
}

.card--actionnaire:hover .card__background:after {
    opacity: .5
}

.card--implantation img {
    width: 100%
}

@media only screen and (max-width:768px) {
    .card--implantation img {
        margin-bottom: 0 !important
    }

    .card--implantation+.card--implantation {
        margin-top: 2.4rem
    }
}

.panel-more--edito .cell-4 .card--more .card__inner {
    min-height: 230px;
    position: relative
}

.panel-more--edito .cell-4.first .card--more .card__inner:before {
    content: '';
    position: absolute;
    top: 0;
    left: 160px;
    right: 0;
    bottom: 0;
    background: url(../images/background-more.svg) no-repeat;
    transition: transform .2s
}

.panel-more--edito .cell-4.second .card--more .card__inner:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(../images/background-more2.svg) no-repeat;
    transition: transform .2s
}

.panel-more--edito .cell-4.third .card--more .card__inner:before {
    content: '';
    position: absolute;
    top: 55px;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(../images/background-more3.svg) no-repeat;
    transition: transform .2s
}

.panel-more--edito .card__body,
.panel-more--edito .card__bottom {
    position: relative;
    z-index: 1
}

.card--more {
    position: relative;
    display: flex;
    width: 100%;
    overflow: hidden
}

.card--more .card__inner {
    display: flex;
    width: 100%;
    min-height: 30rem;
    box-sizing: border-box;
    flex-direction: column;
    padding-top: 4rem;
    padding-bottom: 4rem;
    background: #fff
}

.card--more .card__inner:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-size: 55rem 54rem;
    background: url(../images/background-circle.svg);
    background-repeat: no-repeat;
    transition: transform .2s
}

.card--more:nth-of-child {
    background: #ff0
}

.card--more .card__body,
.card--more .card__bottom {
    position: relative;
    display: flex;
    padding-left: 4rem
}

.card--more .card__body {
    margin-top: auto;
    margin-bottom: auto;
    padding-right: 10.5rem;
    color: #000
}

.card--more .card__bottom {
    margin-top: auto;
    padding-top: 4rem;
    padding-right: 4rem
}

.card--more .icon {
    display: inline-block;
    margin-left: auto;
    transition: transform .2s
}

.card--more--left .card__inner:before {
    background-position: 3rem 60%
}

.card--more--middle .card__inner:before {
    background-position: -15% 172%
}

.card--more--right .card__inner:before {
    background-position: 140% -10%
}

.card--more--alt .card__inner {
    min-height: 160px;
    display: flex;
    gap: 0 1rem;
    flex-direction: row;
    align-items: stretch;
    justify-content: space-between;
    padding: 4rem
}

.card--more--alt .card__inner:before {
    display: none
}

.card--more--alt .card__body {
    padding: 0
}

.card--more--alt .card__bottom {
    flex: 0 0 5.4rem;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    padding: 0
}

.card--more:hover .icon {
    transform: translateX(2rem)
}

@media only screen and (max-width:1024px) {
    .card--more .card__body {
        padding-left: 3rem;
        padding-right: 3rem;
        word-break: break-word
    }
}

@media only screen and (max-width:768px) {
    .card--more {
        margin-bottom: 1.5rem;
        width: 100%
    }

    .card--more .card__inner {
        padding-top: 5rem;
        width: 100%;
        min-height: 24rem
    }

    .card--more .card__body {
        padding-right: 6rem
    }
}

.card--more--alt .card__body {
    padding: 0
}

.card--more--alt--left .card__inner:before {
    background-position: 3rem -10rem
}

.card--more--alt--middle .card__inner:before {
    background-position: 3rem -35rem
}

.card--more--alt--right .card__inner:before {
    background-position: -28rem 6rem
}

.card--portrait {
    flex: 1
}

.card--portrait .card__inner {
    display: flex;
    justify-content: stretch;
    width: 100%;
    height: 100%
}

.card--portrait .card__left,
.card--portrait .card__right {
    box-sizing: border-box
}

.card--portrait .card__left {
    width: 22.375%
}

.card--portrait .card__right {
    width: 77.625%;
    padding: 4rem;
    background: #2a568f;
    justify-content: center
}

@media only screen and (max-width:1024px) {
    .card--portrait .card__left {
        width: 33.33333333333333%
    }

    .card--portrait .card__right {
        width: 66.66666666666666%
    }
}

@media only screen and (max-width:768px) {
    .card--portrait .card__left {
        display: none
    }

    .card--portrait .card__right {
        width: 100%;
        padding: 3rem 2rem
    }
}

.card--push {
    display: flex;
    flex-direction: row
}

.card--push .card__inner {
    position: relative;
    display: flex;
    flex-direction: column;
    flex: 1;
    padding: 3rem;
    min-height: 28rem;
    box-sizing: border-box
}

.card--push .card__background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.card--push .card__background:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(-180deg, rgba(0, 0, 0, 0) 48%, rgba(0, 0, 0, .7) 95%);
    opacity: .4;
    transition: opacity .2s
}

.card--push .card__body {
    position: relative;
    z-index: 1;
    margin-top: auto
}

.card--push:hover .card__background:after {
    opacity: .5
}

@media only screen and (max-width:1024px) {
    .card--push .card__inner {
        min-height: 23rem
    }
}

@media only screen and (max-width:768px) {
    .card--push {
        margin-bottom: 1.5rem
    }
}

.card__pdf {
    height: 160px;
    width: 100%
}

.card__pdf .card__body {
    display: flex;
    gap: 1rem;
    padding: 1.5rem
}

.card__pdf .card__visuel {
    height: 128px;
    width: auto;
    align-self: flex-start
}

.card__pdf .card__content {
    display: flex;
    flex-direction: column;
    flex: 1
}

.card__pdf .card {
    display: flex;
    justify-content: space-between;
    width: 100%
}

.card__pdf .teasing-pdf {
    margin: 0
}

.card__pdf .card__meta {
    margin-top: auto
}

.card__pdf .card__icon {
    width: 70px;
    height: 70px;
    align-self: flex-end;
    transition: transform .3s ease
}

.card__pdf .card__body:hover .card__icon {
    transform: scale(1.1)
}

@media only screen and (max-width:768px) {
    .card__pdf {
        height: auto;
        width: 100%
    }

    .card__pdf .card__body {
        display: flex;
        flex-direction: column;
        gap: 0;
        padding: 2rem
    }

    .card__pdf .card__visuel {
        height: auto;
        width: 100% !important;
        padding: 4rem;
        box-sizing: border-box
    }
}

.block__accordion-careers .accordion-careers__item .accordion-careers__trigger {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 2rem;
    padding: 3rem 0;
    background: 0 0;
    border: 0;
    cursor: pointer;
    text-align: left
}

.block__accordion-careers .accordion-careers__item .accordion-careers__trigger-number {
    font-family: Fedra, sans-serif;
    font-size: 6.4rem;
    line-height: 1;
    flex: 0 0 auto
}

.block__accordion-careers .accordion-careers__item .accordion-careers__trigger-label {
    flex: 1 1 auto;
    min-width: 0
}

.block__accordion-careers .accordion-careers__item .accordion-careers__trigger-title {
    display: block;
    font-family: Fedra, sans-serif;
    font-size: 2.4rem;
    line-height: 1.2;
    font-weight: 700
}

.block__accordion-careers .accordion-careers__item .accordion-careers__trigger-toggle {
    width: 4.8rem;
    height: 4.8rem;
    flex: 0 0 4.8rem;
    position: relative;
    margin-left: auto;
    border-radius: 50%;
    background-color: #7b9e38;
    display: flex;
    align-items: center;
    justify-content: center
}

.block__accordion-careers .accordion-careers__item .accordion-careers__trigger-icon {
    position: relative;
    display: block;
    width: 2rem;
    height: 2rem;
    margin: auto
}

.block__accordion-careers .accordion-careers__item .accordion-careers__trigger-icon:after,
.block__accordion-careers .accordion-careers__item .accordion-careers__trigger-icon:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    background-color: #fff;
    transform: translate(-50%, -50%);
    transition: transform .25s ease, opacity .25s ease
}

.block__accordion-careers .accordion-careers__item .accordion-careers__trigger-icon:before {
    width: 2rem;
    height: 2px
}

.block__accordion-careers .accordion-careers__item .accordion-careers__trigger-icon:after {
    width: 2px;
    height: 2rem
}

.block__accordion-careers .accordion-careers__item .accordion-careers__panel {
    max-height: 0;
    overflow: hidden;
    transition: max-height .3s ease
}

.block__accordion-careers .accordion-careers__item .accordion-careers__text {
    padding-left: 4.8rem;
    width: 70%
}

.block__accordion-careers .accordion-careers__item .accordion-careers__item.is-open .accordion-careers__panel {
    max-height: 1000px
}

.block__accordion-careers .accordion-careers__item .accordion-careers__trigger[aria-expanded=true] .accordion-careers__trigger-icon:after {
    opacity: 0
}

.block__accordion-careers .accordion-careers__item.block__accordion-careers--no-numbers .accordion-careers__text {
    padding-left: 0
}

@media only screen and (max-width:1024px) {
    .block__accordion-careers .block__accordion-careers .accordion-careers__trigger {
        padding: 2.4rem 0;
        gap: 1.6rem
    }

    .block__accordion-careers .block__accordion-careers .accordion-careers__trigger-number {
        font-size: 4rem
    }

    .block__accordion-careers .block__accordion-careers .accordion-careers__trigger-title {
        font-size: 2rem
    }

    .block__accordion-careers .block__accordion-careers .accordion-careers__text {
        width: 70%;
        padding-left: 4.2rem
    }
}

@media only screen and (max-width:768px) {
    .block__accordion-careers .block__accordion-careers .accordion-careers__trigger {
        align-items: flex-start
    }

    .block__accordion-careers .block__accordion-careers .accordion-careers__trigger-toggle {
        width: 4rem;
        height: 4rem;
        flex-basis: 4rem
    }

    .block__accordion-careers .block__accordion-careers .accordion-careers__text {
        padding-left: 0
    }
}

.carousel.carousel--centrales {
    margin-left: 0
}

.carousel.carousel--centrales .carousel__controls {
    position: absolute;
    display: flex;
    right: 0;
    bottom: -10rem;
    z-index: 3
}

.carousel.carousel--centrales .carousel__controls .carousel__control {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 6rem;
    width: 6rem;
    background: #2a568f;
    border-radius: 50%;
    outline: 0;
    cursor: pointer;
    transition: all .2s ease-in-out
}

.carousel.carousel--centrales .carousel__controls .carousel__control:hover {
    opacity: .9
}

.carousel.carousel--centrales .carousel__controls .carousel__control.is-disabled {
    opacity: .5;
    pointer-events: none
}

.carousel.carousel--centrales .carousel__controls .carousel__control--next {
    margin-left: 3rem
}

.carousel.carousel--centrales .carousel__controls .carousel__control .icon use {
    fill: #fff
}

@media only screen and (max-width:1024px) {
    .carousel.carousel--centrales .box--implantation {
        width: 100%
    }

    .carousel.carousel--centrales .carousel__wrapper {
        padding-bottom: 13rem
    }

    .carousel.carousel--centrales .carousel__controls {
        bottom: 3rem;
        right: auto;
        transform: translateX(-50%);
        left: 50%
    }
}

.carousel.carousel--implantations .carousel__item {
    transition: opacity .2s ease-in-out;
    opacity: 0;
    transition-property: transform, opacity
}

.carousel.carousel--implantations .carousel__item.is-visible.is-active {
    opacity: 1
}

.carousel.carousel--implantations .carousel__controls {
    position: absolute;
    display: flex;
    top: 50%;
    left: -3rem;
    right: -3rem;
    z-index: 3
}

.carousel.carousel--implantations .carousel__controls .carousel__control {
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    height: 6rem;
    width: 6rem;
    background: #fff;
    border-radius: 50%;
    outline: 0;
    cursor: pointer;
    transition: all .2s ease-in-out
}

.carousel.carousel--implantations .carousel__controls .carousel__control:hover {
    opacity: .9
}

.carousel.carousel--implantations .carousel__controls .carousel__control.is-disabled {
    opacity: 0;
    pointer-events: none
}

.carousel.carousel--implantations .carousel__controls .carousel__control--next {
    margin-left: auto
}

.carousel.carousel--implantations--map .carousel__controls {
    left: 1rem;
    right: 1rem
}

.carousel.carousel--implantations--map .carousel__controls .carousel__control {
    width: 3.5rem;
    height: 3.5rem
}

.carousel.carousel--lr {
    position: relative
}

@media only screen and (max-width:768px) {
    .carousel.carousel--lr {
        height: 32rem
    }
}

.carousel.carousel--lr .carousel__item {
    flex-direction: column;
    width: 100%;
    opacity: .5;
    transition: opacity .2s ease-in-out
}

.carousel.carousel--lr .carousel__item.is-active {
    opacity: 1
}

.carousel.carousel--lr .carousel__controls {
    position: absolute;
    top: 50%;
    left: -27.160493827160494%;
    right: -27.160493827160494%;
    z-index: 2;
    display: flex;
    transform: translateY(-50%)
}

.carousel.carousel--lr .carousel__controls .carousel__control {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    width: 6rem;
    height: 6rem;
    background: #fff;
    cursor: pointer;
    transition: opacity .2s ease-in-out
}

.carousel.carousel--lr .carousel__controls .carousel__control--next {
    margin-left: auto
}

.carousel.carousel--lr .carousel__controls .carousel__control.is-disabled {
    pointer-events: none;
    cursor: not-allowed;
    opacity: 0
}

@media only screen and (max-width:768px) {
    .carousel.carousel--lr .carousel__controls {
        left: -1.6rem;
        right: -1.6rem
    }

    .carousel.carousel--lr .carousel__controls .carousel__control {
        width: 3.2rem;
        height: 3.2rem
    }
}

.carousel.carousel--lr .carousel__legend {
    margin-top: 1.6rem
}

.carousel.carousel--metiers {
    overflow: hidden
}

.carousel.carousel--metiers .carousel__item {
    padding: 0 6rem;
    flex-direction: column;
    text-align: center;
    align-items: center
}

.carousel.carousel--metiers .carousel__controls {
    transform: translateY(-50%);
    position: absolute;
    display: flex;
    right: 0;
    top: 50%;
    left: 0;
    z-index: 3
}

.carousel.carousel--metiers .carousel__controls .carousel__control {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 6rem;
    width: 6rem;
    background: #fff;
    border-radius: 50%;
    outline: 0;
    cursor: pointer;
    transition: all .2s ease-in-out
}

.carousel.carousel--metiers .carousel__controls .carousel__control:hover {
    opacity: .9
}

.carousel.carousel--metiers .carousel__controls .carousel__control.is-disabled {
    opacity: .5;
    pointer-events: none
}

.carousel.carousel--metiers .carousel__controls .carousel__control--next {
    margin-left: auto
}

@media only screen and (max-width:1024px) {
    .carousel.carousel--metiers .carousel__item {
        padding: 0;
        display: flex;
        justify-content: center;
        align-items: center
    }
}

.carousel.carousel--portraits .carousel__controls {
    position: absolute;
    display: flex;
    right: 0;
    bottom: -10rem;
    z-index: 3
}

.carousel.carousel--portraits .carousel__controls .carousel__control {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 6rem;
    width: 6rem;
    background: #2a568f;
    border-radius: 50%;
    outline: 0;
    cursor: pointer;
    transition: all .2s ease-in-out
}

.carousel.carousel--portraits .carousel__controls .carousel__control:hover {
    opacity: .9
}

.carousel.carousel--portraits .carousel__controls .carousel__control.is-disabled {
    opacity: .5;
    pointer-events: none
}

.carousel.carousel--portraits .carousel__controls .carousel__control--next {
    margin-left: 3rem
}

.carousel.carousel--portraits .carousel__controls .carousel__control .icon use {
    fill: #fff
}

@media only screen and (max-width:768px) {
    .carousel.carousel--portraits .carousel__controls {
        left: 50%;
        right: auto;
        transform: translateX(-50%)
    }
}

.carousel.carousel--publications .carousel__controls {
    position: absolute;
    display: flex;
    right: 0;
    top: 110%;
    z-index: 3
}

.carousel.carousel--publications .carousel__controls .carousel__control {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 6rem;
    width: 6rem;
    background: #2a568f;
    border-radius: 50%;
    outline: 0;
    cursor: pointer;
    transition: all .2s ease-in-out
}

.carousel.carousel--publications .carousel__controls .carousel__control:hover {
    opacity: .9
}

.carousel.carousel--publications .carousel__controls .carousel__control.is-disabled {
    opacity: .5;
    pointer-events: none
}

.carousel.carousel--publications .carousel__controls .carousel__control--next {
    margin-left: 3rem
}

.carousel.carousel--publications .carousel__controls .carousel__control .icon use {
    fill: #fff
}

@media only screen and (max-width:768px) {
    .carousel.carousel--publications .carousel__controls {
        position: static;
        justify-content: center;
        margin-top: 4rem
    }
}

.block__remontee-page {
    margin: 8rem 0
}

@media only screen and (max-width:1024px) {
    .block__remontee-page {
        margin: 4rem 0
    }
}

.block__remontee-page .remontee-page__item {
    display: grid;
    grid-template-columns: 1fr 1fr;
    justify-content: space-between;
    align-items: center;
    padding: 6rem;
    gap: 5.2rem;
    background-color: #dba806;
    height: auto;
    width: 100%;
    color: #0b2845
}

@media only screen and (max-width:1024px) {
    .block__remontee-page .remontee-page__item {
        grid-template-columns: 1fr;
        padding: 4rem
    }
}

.block__remontee-page .remontee-page__content {
    order: 1;
    width: 90%
}

@media only screen and (max-width:1024px) {
    .block__remontee-page .remontee-page__content {
        order: 2;
        width: 100%
    }
}

.block__remontee-page .remontee-page__content .remontee-page__post-title {
    font-family: LibreCaslonText, sans-serif;
    font-weight: 400;
    font-style: italic;
    font-size: 1.9rem;
    margin-bottom: 1rem
}

.block__remontee-page .remontee-page__content .remontee-page__title {
    font-family: Fedra, sans-serif;
    font-weight: 700;
    font-size: 3.4rem;
    line-height: 3.4rem;
    font-weight: 700;
    margin-bottom: 2.4rem
}

@media only screen and (max-width:768px) {
    .block__remontee-page .remontee-page__content .remontee-page__title {
        font-size: 1.8rem;
        line-height: 2.6rem
    }
}

.block__remontee-page .remontee-page__content .remontee-page__description {
    font-size: 1.8rem;
    line-height: 2.8rem
}

.block__remontee-page .remontee-page__content .articles_pages__button {
    width: fit-content;
    margin-top: 2.4rem
}

.block__remontee-page .remontee-page__media {
    order: 2
}

@media only screen and (max-width:1024px) {
    .block__remontee-page .remontee-page__media {
        order: 1
    }
}

.block__remontee-page .remontee-page__media img {
    height: 370px;
    width: 100%;
    object-fit: cover
}

@media only screen and (max-width:1024px) {
    .block__remontee-page .remontee-page__media img {
        height: 268px
    }
}

.block__remontee-page .carousel-container .swiper-buttons {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-top: 2rem
}

.block__remontee-page .carousel-container .swiper-buttons .swiper-button-next,
.block__remontee-page .carousel-container .swiper-buttons .swiper-button-prev {
    width: 6rem;
    aspect-ratio: 1/1;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
    cursor: pointer
}

.block__remontee-page .carousel-container .swiper-buttons .swiper-button-next.is-disabled,
.block__remontee-page .carousel-container .swiper-buttons .swiper-button-prev.is-disabled {
    background-color: none
}

.block__remontee-page .carousel-container .swiper-buttons .swiper-button-next.is-disabled svg path,
.block__remontee-page .carousel-container .swiper-buttons .swiper-button-prev.is-disabled svg path {
    fill: #7b7b7b;
    opacity: 1
}

.block__remontee-page .carousel-container .swiper-buttons .swiper-button-next:not(.is-disabled),
.block__remontee-page .carousel-container .swiper-buttons .swiper-button-prev:not(.is-disabled) {
    background-color: rgba(0, 0, 0, .1)
}

.block__remontee-page .carousel-container .swiper-buttons .swiper-button-next:not(.is-disabled) svg path,
.block__remontee-page .carousel-container .swiper-buttons .swiper-button-prev:not(.is-disabled) svg path {
    fill: #0b2845;
    opacity: 1
}

.block__remontee-page .carousel-container .swiper-buttons .swiper-counter {
    display: flex;
    gap: .5rem
}

.block__remontee-page .carousel-container .swiper-buttons .swiper-counter .swiper-counter__current,
.block__remontee-page .carousel-container .swiper-buttons .swiper-counter .swiper-counter__total {
    font-family: Fedra, sans-serif;
    font-size: 1.4rem
}

.block__remontee-page .carousel-container .swiper-buttons .swiper-counter .swiper-counter__current {
    font-weight: 700;
    color: #0b2845
}

.block__remontee-page .carousel-container .swiper-buttons .swiper-counter .swiper-counter__total,
.block__remontee-page .carousel-container .swiper-buttons .swiper-counter span {
    color: #7b7b7b;
    font-weight: 400
}

.carousel.carousel--ressources {
    overflow: hidden;
    padding-bottom: 5rem
}

.carousel.carousel--ressources .carousel__controls__wrapper {
    display: flex;
    align-items: center;
    justify-content: center
}

.carousel.carousel--ressources .carousel__pagination {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 1rem;
    width: 24rem;
    overflow: hidden;
    transition: .3s opacity, .3s transform;
    white-space: nowrap;
    text-align: center;
    z-index: 10
}

.carousel.carousel--ressources .carousel__pagination__inner {
    position: static;
    display: flex;
    flex-direction: row;
    transition: transform .2s
}

.carousel.carousel--ressources .carousel__pagination__item {
    position: relative;
    display: flex;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    width: 4.8rem;
    height: 4.8rem;
    margin-right: 1.6rem;
    border-radius: 5rem;
    border: .1rem solid #d8d8d8;
    box-sizing: border-box;
    color: #000;
    transition: background .2s, color .2s, transform .2s
}

.carousel.carousel--ressources .carousel__pagination__item--arrow {
    width: 6rem;
    height: 6rem
}

.carousel.carousel--ressources .carousel__pagination__item.swiper-pagination-bullet-active,
.carousel.carousel--ressources .carousel__pagination__item.swiper-pagination-bullet-active-next,
.carousel.carousel--ressources .carousel__pagination__item.swiper-pagination-bullet-active-next-next {
    opacity: 1;
    visibility: visible
}

.carousel.carousel--ressources .carousel__pagination__item.is-active {
    border-color: #7b9e38;
    background: #7b9e38;
    color: #fff
}

.carousel.carousel--ressources .carousel__pagination__item.is-hiding {
    pointer-events: none
}

.carousel.carousel--ressources .carousel__pagination__item.is-hiding:before {
    content: "..."
}

.carousel.carousel--ressources .carousel__pagination:last-of-type {
    margin-right: 0
}

.carousel.carousel--ressources .carousel__pagination:hover {
    border-color: #7b9e38
}

.carousel.carousel--ressources .carousel__controls {
    position: relative
}

.carousel.carousel--ressources .carousel__controls .carousel__control {
    position: absolute;
    top: -1.5rem;
    background: #fff;
    border: .1rem solid #d8d8d8;
    cursor: pointer
}

.carousel.carousel--ressources .carousel__controls .carousel__control--prev {
    left: -20rem
}

.carousel.carousel--ressources .carousel__controls .carousel__control--next {
    right: -20rem
}

@media only screen and (max-width:768px) {
    .carousel.carousel--ressources .carousel__pagination__item {
        width: 4rem;
        height: 4rem;
        margin-right: 1rem
    }

    .carousel.carousel--ressources .carousel__pagination__item--arrow {
        width: 4.8rem;
        height: 4.8rem
    }
}

.carousel.carousel--trombi {
    overflow: hidden;
    max-height: 100vh
}

.carousel.carousel--trombi .carousel__wrapper {
    align-items: center
}

.carousel.carousel--trombi .carousel__item {
    flex: auto;
    padding-left: 10.416666666666666rem;
    padding-right: 10.416666666666666rem
}

.carousel.carousel--trombi .carousel__controls {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.carousel.carousel--trombi .carousel__controls .carousel__control {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border-radius: 50%;
    width: 6rem;
    height: 6rem;
    cursor: pointer;
    z-index: 8;
    transition: visibility .2s
}

.carousel.carousel--trombi .carousel__controls .carousel__control--prev {
    left: 1rem
}

.carousel.carousel--trombi .carousel__controls .carousel__control--next {
    right: 1rem
}

.carousel.carousel--trombi .carousel__controls .carousel__control.is-disabled {
    visibility: hidden
}

@media only screen and (max-width:1024px) {
    .carousel.carousel--trombi {
        height: 100%;
        overflow: visible
    }

    .carousel.carousel--trombi .carousel__wrapper {
        align-items: flex-start;
        overflow: auto
    }

    .carousel.carousel--trombi .carousel__item {
        padding: 0
    }

    .carousel.carousel--trombi .carousel__controls {
        display: none
    }
}

.carousel.carousel--vertical {
    position: relative;
    overflow: hidden
}

.carousel.carousel--vertical .carousel__item {
    padding-top: 8rem;
    padding-bottom: 8rem;
    padding-left: 25.573770491803277%;
    padding-right: 17.13114754098361%
}

.carousel.carousel--vertical .carousel__control,
.carousel.carousel--vertical .carousel__pagination__item {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border-radius: 50%;
    outline: 0;
    cursor: pointer;
    transition: all .2s ease-in-out
}

.carousel.carousel--vertical .carousel__controls,
.carousel.carousel--vertical .carousel__pagination {
    position: absolute;
    display: flex;
    flex-direction: column;
    top: 50%;
    z-index: 3
}

.carousel.carousel--vertical .carousel__controls {
    transform: translateY(-50%);
    right: 0
}

.carousel.carousel--vertical .carousel__controls .carousel__control {
    height: 6rem;
    width: 6rem;
    background: #fff
}

.carousel.carousel--vertical .carousel__controls .carousel__control:hover {
    opacity: .9
}

.carousel.carousel--vertical .carousel__controls .carousel__control.is-disabled {
    opacity: 0;
    pointer-events: none
}

.carousel.carousel--vertical .carousel__controls .carousel__control--next {
    margin-top: 5rem
}

.carousel.carousel--vertical .carousel__pagination {
    transform: translate(-50%, -50%);
    left: 8.688524590163935%
}

.carousel.carousel--vertical .carousel__pagination__item {
    width: 4rem;
    height: 4rem;
    background: #abc181;
    color: #7b9e38
}

.carousel.carousel--vertical .carousel__pagination__item+.carousel__pagination__item {
    margin-top: 7rem
}

.carousel.carousel--vertical .carousel__pagination__item.is-active {
    background: #fff
}

@media only screen and (max-width:1024px) {
    .carousel.carousel--vertical {
        padding-bottom: 5rem
    }

    .carousel.carousel--vertical .carousel__controls,
    .carousel.carousel--vertical .carousel__pagination {
        flex-direction: row
    }

    .carousel.carousel--vertical .carousel__pagination {
        transform: translateX(-50%);
        top: 4rem;
        left: 50%;
        width: 100%;
        justify-content: space-between
    }

    .carousel.carousel--vertical .carousel__pagination:before {
        content: '';
        position: absolute;
        transform: translateY(-50%);
        top: 50%;
        left: 0;
        right: 0;
        height: .1rem;
        background: #abc181;
        opacity: .9
    }

    .carousel.carousel--vertical .carousel__pagination__item {
        z-index: 2
    }

    .carousel.carousel--vertical .carousel__pagination__item+.carousel__pagination__item {
        margin-top: 0
    }

    .carousel.carousel--vertical .carousel__controls {
        transform: translateX(-50%);
        bottom: 4rem;
        top: auto;
        right: auto;
        left: 50%
    }

    .carousel.carousel--vertical .carousel__controls .carousel__control {
        transform: rotate(-90deg)
    }

    .carousel.carousel--vertical .carousel__controls .carousel__control--next {
        margin-top: 0;
        margin-left: 3rem
    }

    .carousel.carousel--vertical .carousel__item {
        padding: 12rem 0 8rem
    }
}

.carousel {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 1
}

.carousel .carousel__wrapper {
    transform: translate3d(0, 0, 0);
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box
}

.carousel .carousel__item {
    flex-shrink: 0;
    display: flex;
    position: relative
}

.carousel .carousel__controls .carousel__control {
    margin: 0;
    appearance: none;
    background: 0 0;
    border: none;
    padding: 0
}

.carousel.carousel--autoheight {
    height: auto
}

.carousel.carousel--autoheight .carousel__wrapper {
    align-items: flex-start;
    transition-property: transform, height;
    align-items: stretch
}

.carousel.carousel--autoheight .carousel__item {
    height: auto;
    flex: auto
}

.carousel.carousel--vertical {
    max-height: 100%
}

.carousel.carousel--vertical>.carousel__wrapper {
    flex-direction: column
}

.carousel.carousel--vertical .carousel__item {
    display: block;
    position: relative;
    flex-shrink: initial
}

@media only screen and (max-width:1024px) {
    .carousel.carousel--vertical>.carousel__wrapper {
        flex-direction: row
    }

    .carousel.carousel--autoheight .carousel__item {
        flex: none
    }

    .carousel.carousel--autoheight .carousel__item width 100% .box {
        width: 100%
    }
}

@media only screen and (max-width:768px) {
    .block-temoignages.careers-temoignages {
        margin: 0 0 40px
    }
}

.block-temoignages.careers-temoignages .temoignages-projects-bottom,
.block-temoignages.careers-temoignages .temoignages-projects-top {
    position: relative;
    z-index: 1
}

.block-temoignages.careers-temoignages .temoignages-projects-top {
    position: relative;
    margin: 0 0 100px;
    padding: 100px 50px 0
}

@media only screen and (max-width:768px) {
    .block-temoignages.careers-temoignages .temoignages-projects-top {
        margin: 0 0 40px;
        padding: 30px 16px 0
    }
}

.block-temoignages.careers-temoignages .temoignages-projects-top::before {
    content: '';
    height: calc(100% - 140px);
    max-height: 860px;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: -1
}

@media only screen and (max-width:768px) {
    .block-temoignages.careers-temoignages .temoignages-projects-top::before {
        height: calc(100% - 24px);
        max-height: 452px
    }
}

.block-temoignages.careers-temoignages .temoignages-projects-top .block-title {
    color: #fff;
    margin: 0 0 3.2rem
}

@media only screen and (max-width:768px) {
    .block-temoignages.careers-temoignages .temoignages-projects-top .block-title {
        margin: 0 0 1.6rem
    }
}

.block-temoignages.careers-temoignages .temoignages-projects-top p {
    font-size: 2.2rem;
    line-height: 3.2rem;
    color: #fff;
    margin: 0 0 3rem
}

@media only screen and (max-width:768px) {
    .block-temoignages.careers-temoignages .temoignages-projects-top p {
        font-size: 1.6rem
    }
}

.block-temoignages.careers-temoignages .temoignages-projects-top .img-container {
    overflow: hidden;
    aspect-ratio: 67/32
}

.block-temoignages.careers-temoignages .temoignages-projects-top .img-container img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

@media only screen and (max-width:768px) {
    .block-temoignages.careers-temoignages .temoignages-projects-bottom {
        padding: 0 16px
    }
}

.block-temoignages.careers-temoignages .temoignages-projects-bottom .block-title {
    font-family: Fedra, sans-serif;
    font-weight: 400;
    font-size: 4rem;
    line-height: 4.8rem;
    color: #0b2845;
    margin: 0 0 42px
}

@media only screen and (max-width:768px) {
    .block-temoignages.careers-temoignages .temoignages-projects-bottom .block-title {
        font-size: 2.4rem;
        line-height: 3.2rem;
        margin: 0 0 20px
    }
}

.block-temoignages.careers-temoignages .temoignages-projects-bottom .carousel-container {
    position: relative;
    padding-bottom: 9.2rem
}

@media only screen and (max-width:768px) {
    .block-temoignages.careers-temoignages .temoignages-projects-bottom .carousel-container {
        padding-bottom: 7.6rem
    }
}

.block-temoignages.careers-temoignages .temoignages-projects-bottom .swiper-container {
    overflow: hidden
}

.block-temoignages.careers-temoignages .temoignages-projects-bottom .swiper-container .swiper-wrapper .swiper-slide {
    width: 100%
}

@media only screen and (max-width:768px) {
    .block-temoignages.careers-temoignages .temoignages-projects-bottom .swiper-container .swiper-wrapper .swiper-slide {
        max-width: 270px
    }
}

.block-temoignages.careers-temoignages .temoignages-projects-bottom .swiper-button-next,
.block-temoignages.careers-temoignages .temoignages-projects-bottom .swiper-button-prev {
    width: 6rem;
    aspect-ratio: 1/1;
    border-radius: 100%;
    background-color: #143d6f;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: auto;
    bottom: 0;
    z-index: 1;
    cursor: pointer;
    transition: opacity .2s ease
}

.block-temoignages.careers-temoignages .temoignages-projects-bottom .swiper-button-next svg,
.block-temoignages.careers-temoignages .temoignages-projects-bottom .swiper-button-prev svg {
    height: .9rem
}

.block-temoignages.careers-temoignages .temoignages-projects-bottom .swiper-button-next svg path,
.block-temoignages.careers-temoignages .temoignages-projects-bottom .swiper-button-prev svg path {
    fill: #fff
}

.block-temoignages.careers-temoignages .temoignages-projects-bottom .swiper-button-next.swiper-button-disabled,
.block-temoignages.careers-temoignages .temoignages-projects-bottom .swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: default
}

.block-temoignages.careers-temoignages .temoignages-projects-bottom .swiper-button-prev {
    left: auto;
    right: 7.6rem;
    transform: none
}

@media only screen and (max-width:768px) {
    .block-temoignages.careers-temoignages .temoignages-projects-bottom .swiper-button-prev {
        right: 6.8rem
    }
}

.block-temoignages.careers-temoignages .temoignages-projects-bottom .swiper-button-next {
    right: 0;
    transform: none
}

.block-temoignages.careers-temoignages .temoignages-projects-bottom .tile.project {
    display: flex;
    gap: 8.5rem 0;
    justify-content: space-between;
    flex-direction: column;
    padding: 3.3rem 2.4rem 2.4rem
}

@media only screen and (max-width:768px) {
    .block-temoignages.careers-temoignages .temoignages-projects-bottom .tile.project {
        gap: 4rem 0;
        padding: 2rem 1.2rem 1.2rem
    }
}

.block-temoignages.careers-temoignages .temoignages-projects-bottom .tile.project .text-container {
    display: flex;
    gap: 10px 0;
    flex-direction: column
}

@media only screen and (max-width:768px) {
    .block-temoignages.careers-temoignages .temoignages-projects-bottom .tile.project .text-container {
        gap: 5px 0
    }
}

.block-temoignages.careers-temoignages .temoignages-projects-bottom .tile.project .text-container .location {
    font-family: Fedra, sans-serif;
    font-style: italic;
    font-size: 1.6rem;
    line-height: 2.4rem;
    color: #fff
}

@media only screen and (max-width:768px) {
    .block-temoignages.careers-temoignages .temoignages-projects-bottom .tile.project .text-container .location {
        font-size: 1.4rem;
        line-height: 2.2rem
    }
}

.block-temoignages.careers-temoignages .temoignages-projects-bottom .tile.project .text-container .tile-title {
    font-family: Fedra, sans-serif;
    font-weight: 400;
    font-size: 2rem;
    line-height: 2.4rem;
    color: #fff
}

@media only screen and (max-width:768px) {
    .block-temoignages.careers-temoignages .temoignages-projects-bottom .tile.project .text-container .tile-title {
        font-size: 1.8rem;
        line-height: 2.2rem
    }
}

.block-temoignages.careers-temoignages .temoignages-projects-bottom .tile.project .text-container p {
    color: #fff
}

.block-temoignages.careers-temoignages .temoignages-projects-bottom .tile.project .img-container {
    overflow: hidden;
    aspect-ratio: 193/148
}

.block-temoignages.careers-temoignages .temoignages-projects-bottom .tile.project .img-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center
}

.cover-gradient-img {
    padding: 9.5rem 0;
    background-size: cover;
    background-position: center;
    position: relative;
    text-align: center;
    margin-left: 3rem;
    margin-right: 3rem
}

@media only screen and (max-width:1024px) {
    .cover-gradient-img {
        margin-top: 7rem;
        padding: 6.25rem 0
    }
}

@media only screen and (max-width:768px) {
    .cover-gradient-img {
        margin-top: 0;
        margin-left: 1.5rem;
        margin-right: 1.5rem;
        padding: 4rem 0
    }
}

.cover-gradient-img__bg {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 0;
    object-fit: cover;
    object-position: center;
    filter: grayscale(100%)
}

.cover-gradient-img:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
    background: radial-gradient(146.37% 690.4% at 10.76% 135.75%, #d98f01 0, rgba(255, 168, 0, 0) 100%)
}

.cover-gradient-img__inner {
    position: relative;
    z-index: 2;
    color: #fff
}

.cover-gradient-img__inner__title {
    margin-bottom: .5rem
}

.cover-gradient-img__inner__text {
    font-weight: 400
}

@media only screen and (max-width:1024px) {
    .cover-gradient-img__inner br {
        display: none
    }
}

.cover--hero-history .cover__inner {
    height: 500px;
    display: flex;
    align-items: center;
    justify-content: center
}

@media only screen and (max-width:768px) {
    .cover--hero-history .cover__inner {
        height: 500px
    }
}

.cover--hero-history .cover__inner .cover-body__history {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4rem
}

@media only screen and (max-width:768px) {
    .cover--hero-history .cover__inner .cover-body__history {
        gap: 4rem
    }
}

.cover--hero-history .cover__inner h1 {
    color: #143d6f
}

.cover--hero-history .cover__inner p {
    width: 70%
}

@media only screen and (max-width:768px) {
    .cover--hero-history .cover__inner p {
        width: 90%
    }
}

.cover--hero-careers .cover__inner,
.cover--hero-edito .cover__inner {
    min-height: 49.9rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.cover--hero-careers .cover__image,
.cover--hero-edito .cover__image {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0
}

.cover--hero-careers .cover__image:before,
.cover--hero-edito .cover__image:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0
}

.cover--hero-careers .cover__body,
.cover--hero-edito .cover__body {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    z-index: 2;
    padding: 0rem 8rem 4rem 8rem;
    color: #fff
}

.cover--hero-careers .cover__links,
.cover--hero-edito .cover__links {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    align-items: center;
    position: absolute;
    bottom: 3rem
}

.cover--hero-careers .cover__links p,
.cover--hero-edito .cover__links p {
    font-size: 1.4rem;
    line-height: 2rem;
    font-weight: 700
}

.cover--hero-careers .card__icon,
.cover--hero-edito .card__icon {
    width: 24px;
    height: 24px
}

.cover--hero-careers .cover__btn,
.cover--hero-edito .cover__btn {
    margin-top: 3rem
}

.cover--hero-careers .cover__title,
.cover--hero-edito .cover__title {
    margin-bottom: 2rem
}

.cover--hero-edito .cover__overlay.u-background-blue-second {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(121.63% 1008.87% at 109.34% -35.25%, rgba(20, 61, 111, 0) 0, rgba(20, 61, 111, .5) .89%, rgba(20, 61, 111, .61) 6.7%, #143d6f 100%);
    pointer-events: none
}

.cover--hero-careers .cover__overlay.u-background-blue-second {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(121.63% 1008.87% at 109.34% -35.25%, rgba(20, 61, 111, 0) 0, rgba(20, 61, 111, .35) .89%, rgba(20, 61, 111, .45) 6.7%, rgba(20, 61, 111, .85) 100%);
    pointer-events: none
}

.cover--hero .cover__inner {
    min-height: 49.9rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.cover--hero .cover__image {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0
}

.cover--hero .cover__image:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000;
    z-index: 0
}

.cover--hero .cover__image img {
    position: relative;
    z-index: 1;
    opacity: .8;
    max-width: 100%;
    max-height: 100%
}

.cover--hero .cover__body {
    background: #f5f5f5;
    position: absolute;
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 6rem;
    align-items: center;
    z-index: 2;
    padding: 7rem 7rem 0 7rem
}

.cover--hero .cover__body .cover__links {
    display: flex;
    gap: 3rem
}

.cover--hero .cover__body .cover__links a {
    text-decoration: none;
    transition: color .3s ease
}

.cover--hero .cover__body .cover__links a:focus,
.cover--hero .cover__body .cover__links a:hover {
    color: #7b9e38 !important
}

.cover--hero .cover__btn {
    margin-top: 3rem
}

.cover--hero .cover__title {
    margin-bottom: 2rem
}

.cover--hero--article .cover__inner {
    min-height: 50rem
}

.cover--hero--full.cover .cover__image {
    left: 0;
    right: 0
}

.cover--hero--full.cover .cover__inner {
    min-height: 40rem;
    width: 100%
}

.cover--hero--full.cover .cover__btn {
    display: inline-block
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .cover--primary {
        padding-top: 7rem
    }

    .cover--primary .cover__inner {
        min-height: 30rem;
        padding-top: 4rem;
        padding-bottom: 4rem
    }
}

@media only screen and (max-width:768px) {
    .cover--primary {
        padding-top: 0
    }

    .cover--hero .cover__body,
    .cover--hero-edito .cover__body {
        padding: 4rem 2rem 0 2rem;
        width: 80%
    }

    .cover--hero .cover__links,
    .cover--hero-edito .cover__links {
        gap: 0rem;
        flex-direction: column
    }
}

@media only screen and (max-width:768px) {
    .cover--primary .cover__inner {
        min-height: 16rem
    }

    .cover--primary .cover__image {
        left: 1.5rem;
        right: 1.5rem
    }

    .cover--primary--article .cover__inner {
        min-height: 31rem
    }

    .cover--primary--article .cover__body {
        padding: 2rem 1.5rem
    }

    .cover--primary--full.cover .cover__body {
        width: 100%
    }
}

.cover--homepage .cover__iframe,
.cover--homepage .cover__image,
.cover--homepage .cover__video {
    position: absolute;
    top: 0;
    left: 3rem;
    right: 3rem;
    bottom: 0;
    overflow: hidden
}

.cover--homepage .cover__iframe iframe,
.cover--homepage .cover__iframe img,
.cover--homepage .cover__iframe video,
.cover--homepage .cover__image iframe,
.cover--homepage .cover__image img,
.cover--homepage .cover__image video,
.cover--homepage .cover__video iframe,
.cover--homepage .cover__video img,
.cover--homepage .cover__video video {
    position: relative;
    z-index: 1;
    opacity: .8;
    width: 100%;
    height: 100%
}

.cover--homepage .cover__iframe:before,
.cover--homepage .cover__image:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000;
    z-index: 0
}

.cover--homepage .cover__video.is-layered:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, .2);
    z-index: 2
}

.cover--homepage .cover__body,
.cover--homepage .cover__bottom,
.cover--homepage .cover__top {
    position: relative;
    z-index: 2
}

.cover--homepage .cover__top {
    padding: 14.5rem 0
}

.cover--homepage .cover__bottom {
    padding-bottom: 5rem
}

@media only screen and (max-width:1024px) {
    .cover--homepage .cover__wrapper {
        position: relative
    }

    .cover--homepage .cover__iframe,
    .cover--homepage .cover__image,
    .cover--homepage .cover__video {
        left: 3rem;
        right: 3rem
    }

    .cover--homepage .cover__top {
        padding: 14rem 0 7rem
    }

    .cover--homepage .cover__bottom {
        margin-top: 2.5rem;
        padding-bottom: 0
    }
}

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

    .cover--homepage .cover__iframe,
    .cover--homepage .cover__image,
    .cover--homepage .cover__video {
        left: 1.5rem;
        right: 1.5rem
    }
}

@media (max-width:375px) {
    .cover--homepage .cover__top {
        padding-top: 6rem
    }

    .cover--homepage .cover__iframe,
    .cover--homepage .cover__image,
    .cover--homepage .cover__video {
        left: 1.5rem;
        right: 1.5rem
    }
}

.cover--longread-magazine {
    position: relative;
    min-height: 45vh;
    padding-top: 10rem;
    padding-bottom: 10rem
}

@media only screen and (max-width:768px) {
    .cover--longread-magazine {
        padding-top: 5rem;
        padding-bottom: 0;
        min-height: 0
    }
}

.cover--longread-magazine .cover__image {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.cover--longread-magazine .cover__image:after {
    content: '';
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    opacity: .6;
    background-image: linear-gradient(180deg, #25af74 0, #fb0 75%)
}

.cover--longread-magazine .cover__inner {
    position: relative;
    z-index: 2;
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column
}

.cover--longread-magazine .cover__body {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: auto;
    margin-bottom: auto;
    width: 100%;
    color: #fff
}

@media only screen and (max-width:768px) {
    .cover--longread-magazine .cover__body {
        margin-left: 0;
        margin-right: 0
    }
}

.cover--longread-magazine .cover__teasing {
    margin-top: 9rem
}

@media only screen and (max-width:768px) {
    .cover--longread-magazine .cover__teasing {
        margin-top: 4rem
    }
}

.cover--longread-magazine .cover__bottom {
    position: absolute;
    bottom: 30px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 10
}

@media only screen and (max-width:768px) {
    .cover--longread-magazine .cover__bottom {
        position: relative;
        margin-top: 4rem
    }
}

.cover--longread-magazine .cover__goto {
    appearance: none;
    background: 0 0;
    margin: 0;
    padding: 0;
    border-radius: 0;
    border: 0;
    cursor: pointer;
    outline: 0
}

.cover--longread-magazine.fundation .main-logo {
    height: 5.8rem;
    margin: 0 0 4.8rem
}

@media only screen and (max-width:768px) {
    .cover--longread-magazine.fundation .main-logo {
        height: 5rem;
        margin: 0 0 4.2rem
    }
}

.cover--longread-magazine.fundation .cover__image:after {
    background: linear-gradient(180deg, #0b2845 -20.31%, rgba(11, 40, 69, .38) 75.31%)
}

.cover--longread-magazine.fundation .cover__teasing {
    margin-top: 3.2rem
}

@media only screen and (max-width:768px) {
    .cover--longread-magazine.fundation .cover__teasing {
        margin-top: 6rem
    }
}

.cover--magazine {
    background: #2a568f
}

.cover--magazine .cover__inner {
    color: #fff;
    padding-top: 7.2rem;
    padding-bottom: 16.8rem
}

.cover--magazine .cover__title {
    margin-bottom: 1.5rem
}

.cover--magazine .cover__gotos {
    margin-top: 4.8rem
}

.cover--primary .cover__inner {
    min-height: 38rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.cover--primary .cover__image {
    position: absolute;
    top: 0;
    left: 3rem;
    right: 3rem;
    bottom: 0
}

.cover--primary .cover__image:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000;
    z-index: 0
}

.cover--primary .cover__image img {
    position: relative;
    z-index: 1;
    opacity: .8;
    max-width: 100%;
    max-height: 100%
}

.cover--primary .cover__body {
    position: relative;
    z-index: 2
}

.cover--primary .cover__btn {
    margin-top: 3rem
}

.cover--primary--article .cover__inner {
    min-height: 50rem
}

.cover--primary--full.cover .cover__image {
    left: 0;
    right: 0
}

.cover--primary--full.cover .cover__inner {
    min-height: 40rem;
    width: 100%
}

.cover--primary--full.cover .cover__btn {
    display: inline-block
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .cover--primary {
        padding-top: 7rem
    }

    .cover--primary .cover__inner {
        min-height: 30rem;
        padding-top: 4rem;
        padding-bottom: 4rem
    }
}

@media only screen and (max-width:768px) {
    .cover--primary {
        padding-top: 0
    }
}

@media only screen and (max-width:768px) {
    .cover--primary .cover__inner {
        min-height: 16rem
    }

    .cover--primary .cover__image {
        left: 1.5rem;
        right: 1.5rem
    }

    .cover--primary--article .cover__inner {
        min-height: 31rem
    }

    .cover--primary--article .cover__body {
        padding: 2rem 1.5rem
    }

    .cover--primary--full.cover .cover__body {
        width: 100%
    }
}

.cover--rse .cover__image:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, 0) 100%), linear-gradient(0deg, rgba(0, 0, 0, .4), rgba(0, 0, 0, .4))
}

.cover--rse .cover__image img {
    position: relative;
    z-index: 1;
    opacity: 1
}

.cover--rse .cover__inner {
    min-height: 48rem
}

.cover--rse .cover__title {
    position: relative;
    z-index: 3;
    font-size: 8rem;
    letter-spacing: 0;
    line-height: 100%;
    max-width: 70rem
}

@media only screen and (max-width:1024px) {
    .cover--rse .cover__inner {
        min-height: 31rem
    }

    .cover--rse .cover__title {
        font-size: 3.6rem;
        text-align: center;
        word-wrap: break-word
    }

    .cover--rse .cover__body {
        width: 90%
    }

    .cover--rse .cover__title {
        margin: 0 auto;
        max-width: 90%
    }

    .cover--rse .cover__image {
        left: 0;
        right: 0
    }
}

@media only screen and (max-width:1024px) {
    .cover--rse .cover__body {
        margin: 0
    }
}

.cover--secondary .cover__inner {
    padding: 8rem 0
}

.cover--secondary .cover__title {
    margin-bottom: 2rem
}

.cover--secondary .cover__body {
    position: relative;
    width: 52.86885245901639%;
    margin: 0 auto
}

.cover--secondary .cover__body a {
    color: #000;
    border-bottom: 2px solid #7b9e38
}

.cover--secondary--big {
    padding-top: 124px;
    padding-bottom: 168px
}

@media only screen and (max-width:1024px) {
    .cover--secondary--big {
        padding-top: 84px;
        padding-bottom: 84px
    }
}

@media only screen and (max-width:768px) {
    .cover--secondary--big {
        padding-top: 34px;
        padding-bottom: 34px
    }
}

.cover--secondary--green {
    background: #7b9e38;
    color: #fff
}

.cover--secondary--green .cover__title {
    margin-bottom: 0
}

.cover--secondary--blue {
    background: #2a568f;
    color: #fff;
    background-image: url(../images/svg/bg-blue.svg);
    background-size: cover;
    background-position: center
}

@media only screen and (max-width:1024px) {
    .cover--secondary .cover__inner {
        padding-top: 11rem
    }
}

@media only screen and (max-width:768px) {
    .cover--secondary .cover__body {
        width: auto;
        margin-left: 3rem;
        margin-right: 3rem
    }

    .cover--secondary .cover__inner {
        padding: 3rem 0 4rem
    }

    .cover--secondary--green .cover__inner {
        padding: 5rem 0 7rem
    }
}

.cover--single-magazine {
    position: relative
}

.cover--single-magazine .cover__image {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.cover--single-magazine .cover__image:after {
    content: '';
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    background-image: linear-gradient(180deg, rgba(42, 86, 143, 0) 0, #2a568f 100%)
}

.cover--single-magazine .cover__inner {
    position: relative;
    padding-top: 27rem;
    z-index: 2
}

@media only screen and (max-width:768px) {
    .cover--single-magazine .cover__inner {
        padding-top: 15rem
    }
}

.cover--single-magazine .cover__body {
    width: 100%;
    margin-bottom: 6.4rem;
    color: #fff
}

@media only screen and (max-width:768px) {
    .cover--single-magazine .cover__body {
        margin-left: 0
    }
}

.cover--single-magazine .cover__title {
    margin-top: 1.6rem
}

.cover--single-magazine .cover__bottom {
    display: flex;
    align-items: center;
    justify-content: center
}

.cover--single-magazine .cover__tags {
    display: flex;
    padding: 1.6rem 8rem;
    background: #fff
}

.cover--single-magazine .cover__tags__item {
    display: inline-flex;
    align-items: center
}

.cover--single-magazine .cover__tags__item .icon {
    margin-right: 1.6rem
}

.cover--single-magazine .cover__tags__item__label {
    margin-top: .3rem
}

.cover--single-magazine .cover__tags__item+.cover__tags__item {
    margin-left: 3rem
}

.cover--single-magazine.cover--single-magazine-fundation {
    background-color: #0b2845
}

.cover--single-magazine.cover--single-magazine-fundation .cover__inner {
    padding: 12rem 0 11rem
}

@media only screen and (max-width:768px) {
    .cover--single-magazine.cover--single-magazine-fundation .cover__inner {
        padding: 6.6rem 0
    }
}

.cover--single-magazine.cover--single-magazine-fundation .cover__body {
    margin: 0
}

.cover--single-magazine.cover--single-magazine-fundation .main-logo {
    height: 5.6rem;
    margin: 0 auto 2rem;
    display: block
}

@media only screen and (max-width:768px) {
    .cover--single-magazine.cover--single-magazine-fundation .main-logo {
        height: 4.2rem;
        margin: 0 auto 2.4rem
    }
}

.cover--single-magazine.cover--single-magazine-fundation .heading-5-fundation {
    font-style: italic
}

.cover--single-magazine.cover--single-magazine-fundation .cover__title {
    margin-top: 1.2rem
}

@media only screen and (max-width:768px) {
    .cover--single-magazine.cover--single-magazine-fundation .cover__title {
        margin-top: .8rem
    }
}

.cover .cover__inner {
    position: relative;
    max-width: 100%;
    width: 144rem;
    margin: 0 auto;
    box-sizing: border-box
}

.cover__body {
    width: 52.86885245901639%;
    margin: 0 auto
}

@media only screen and (max-width:768px) {
    .cover__body {
        margin-left: 3rem;
        margin-right: 3rem
    }
}

.expand--implantation .expand__inner {
    margin-bottom: .1rem;
    position: relative;
    box-sizing: border-box;
    transition: height .5s ease-in-out
}

.expand--implantation .expand__btn {
    position: relative;
    display: block;
    background: #1b4883;
    z-index: 1;
    cursor: pointer;
    outline: 0;
    padding: 2rem;
    transition: background .2s
}

.expand--implantation .expand__btn__left {
    padding-right: 3rem
}

.expand--implantation .expand__btn__right {
    position: absolute;
    top: 2rem;
    right: 2rem
}

.expand--implantation .expand__btn__right .icon {
    transition: transform .3s ease-in-out;
    transform-origin: center center
}

.expand--implantation .expand__btn:hover {
    background: #05254d
}

.expand--implantation .expand__title {
    color: #fff
}

.expand--implantation .expand__content {
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 0;
    color: #fff;
    opacity: 0;
    pointer-events: none;
    will-change: opacity;
    transition: opacity .2s ease-in-out;
    transition-duration: .2s
}

.expand--implantation.is-open .expand__btn .icon {
    transform: rotate(-180deg)
}

.expand--implantation.is-open .expand__content {
    transition-delay: .3s;
    opacity: 1;
    pointer-events: auto
}

@media only screen and (max-width:1024px) {
    .expand--implantation {
        width: 100%
    }
}

.filters--magazine .filters__inner {
    display: flex;
    flex-direction: column;
    position: relative
}

.filters--magazine .filters__title {
    margin-bottom: 2.5rem;
    color: #fff
}

@media only screen and (max-width:1024px) {
    .filters--magazine .filters__title {
        display: none
    }
}

.filters--magazine--horizontal {
    margin-bottom: 1rem;
    width: 100%
}

.filters--magazine--horizontal .filters__inner {
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-end
}

.filters--magazine--horizontal .filters__title {
    margin-right: 6.4rem
}

@media only screen and (max-width:1024px) {
    .filters--magazine--horizontal .filters__inner {
        width: 100%;
        justify-content: flex-start
    }

    .filters--magazine--horizontal .filters__title {
        margin-right: 0
    }
}

.block-fundation.fundation-board {
    margin: 0 0 100px;
    padding: 0 50px
}

@media only screen and (max-width:768px) {
    .block-fundation.fundation-board {
        margin: 0 0 40px;
        padding: 0 16px
    }
}

.block-fundation.fundation-board .fundation-board-highlight {
    margin: 0 0 4rem;
    padding: 100px 0;
    background-color: #e5e2dc
}

@media only screen and (max-width:768px) {
    .block-fundation.fundation-board .fundation-board-highlight {
        margin: 0 0 2.4rem;
        padding: 2.4rem 0
    }
}

@media only screen and (max-width:768px) {
    .block-fundation.fundation-board .fundation-board-highlight .img-container {
        margin: 0 0 2.8rem
    }
}

.block-fundation.fundation-board .fundation-board-highlight .img-container img {
    width: 100%;
    aspect-ratio: 1/1
}

.block-fundation.fundation-board .fundation-board-highlight .text-container {
    flex: 1
}

@media only screen and (max-width:768px) {
    .block-fundation.fundation-board .fundation-board-highlight .text-container {
        margin: 0 0 3rem
    }
}

.block-fundation.fundation-board .fundation-board-highlight .text-container .quote-title {
    font-family: LibreCaslonText, sans-serif;
    font-weight: 700;
    font-size: 3.2rem;
    line-height: 4rem;
    color: #0b2845;
    margin: 0 0 1.8rem
}

@media only screen and (max-width:768px) {
    .block-fundation.fundation-board .fundation-board-highlight .text-container .quote-title {
        font-size: 1.8rem;
        line-height: 2.4rem;
        margin: 0 0 .5rem
    }
}

.block-fundation.fundation-board .fundation-board-highlight .text-container blockquote {
    margin: 0 0 1.2rem
}

@media only screen and (max-width:768px) {
    .block-fundation.fundation-board .fundation-board-highlight .text-container blockquote {
        margin: 0 0 2.4rem
    }
}

.block-fundation.fundation-board .fundation-board-highlight .text-container blockquote p {
    font-size: 2.4rem;
    line-height: 3.2rem
}

@media only screen and (max-width:768px) {
    .block-fundation.fundation-board .fundation-board-highlight .text-container blockquote p {
        font-size: 1.6rem;
        line-height: 2.4rem
    }
}

.block-fundation.fundation-board .fundation-board-highlight .text-container .blockquote-author {
    font-size: 1.8rem;
    line-height: 2.6rem
}

@media only screen and (max-width:768px) {
    .block-fundation.fundation-board .fundation-board-highlight .text-container .blockquote-author {
        font-size: 1.4rem;
        line-height: 2rem
    }
}

.block-fundation.fundation-board .fundation-board-highlight .text-container .blockquote-author .author-name {
    font-weight: 700;
    margin: 0 0 .2rem
}

.block-fundation.fundation-board .swiper-container .swiper-wrapper {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 20px
}

@media only screen and (max-width:1200px) {
    .block-fundation.fundation-board .swiper-container .swiper-wrapper {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media only screen and (max-width:1024px) {
    .block-fundation.fundation-board .swiper-container .swiper-wrapper {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media only screen and (max-width:768px) {
    .block-fundation.fundation-board .swiper-container .swiper-wrapper {
        display: flex;
        grid-template-columns: none
    }
}

.block-fundation.fundation-board .swiper-container .swiper-wrapper .swiper-slide {
    width: 100%
}

@media only screen and (max-width:768px) {
    .block-fundation.fundation-board .swiper-container .swiper-wrapper .swiper-slide {
        max-width: 270px
    }
}

.page-template-tpl-fundation .main {
    overflow: initial
}

.block-fundation .block-title {
    font-family: LibreCaslonText, sans-serif;
    font-weight: 400;
    font-size: 4rem;
    line-height: 4.8rem;
    color: #0b2845;
    margin: 0 0 42px;
    scroll-margin-top: 14rem
}

@media only screen and (max-width:768px) {
    .block-fundation .block-title {
        font-size: 2.4rem;
        line-height: 3.2rem;
        margin: 0 0 20px
    }
}

.block-fundation .block-title.big {
    font-size: 6.4rem;
    line-height: 7.2rem
}

@media only screen and (max-width:768px) {
    .block-fundation .block-title.big {
        font-size: 2.4rem;
        line-height: 3.2rem;
        margin: 0 0 16px
    }
}

.block-fundation p {
    font-size: 2.2rem;
    line-height: 1.45
}

@media only screen and (max-width:768px) {
    .block-fundation p {
        font-size: 1.4rem;
        line-height: 2.2rem
    }
}

.block-fundation p.big {
    font-size: 2.4rem;
    line-height: 1.33
}

.block-fundation p+p {
    margin: 1.6rem 0 0
}

.block-fundation .tile.news .text-container,
.block-fundation .tile.project .text-container {
    display: flex;
    gap: 10px 0;
    flex-direction: column
}

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

    .block-fundation .tile.news .text-container,
    .block-fundation .tile.project .text-container {
        gap: 5px 0
    }
}

.block-fundation .tile.news {
    display: flex;
    gap: 28px 0;
    flex-direction: column
}

@media only screen and (max-width:768px) {
    .block-fundation .tile.news {
        gap: 16px 0
    }
}

.block-fundation .tile.news .img-container {
    overflow: hidden;
    aspect-ratio: 108/139
}

.block-fundation .tile.news .img-container img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.block-fundation .tile.news .text-container {
    display: flex;
    gap: 10px 0;
    flex-direction: column
}

@media only screen and (max-width:768px) {
    .block-fundation .tile.news .text-container {
        gap: 7px 0
    }
}

.block-fundation .tile.news .text-container .location {
    font-family: LibreCaslonText, sans-serif;
    font-style: italic;
    font-size: 1.6rem;
    line-height: 2.4rem;
    color: #0b2845
}

@media only screen and (max-width:768px) {
    .block-fundation .tile.news .text-container .location {
        font-size: 1.4rem;
        line-height: 2.2rem
    }
}

.block-fundation .tile.news .text-container .tile-title {
    font-family: Fedra, sans-serif;
    font-weight: 500;
    font-size: 2rem;
    line-height: 2.4rem;
    color: #0b2845
}

@media only screen and (max-width:768px) {
    .block-fundation .tile.news .text-container .tile-title {
        font-size: 1.6rem;
        line-height: 1.8rem
    }
}

.block-fundation .tile.news.highlight {
    flex-direction: row;
    gap: 0 5.5rem;
    justify-content: space-between;
    padding: 0 0 4rem
}

@media only screen and (max-width:768px) {
    .block-fundation .tile.news.highlight {
        flex-direction: column;
        gap: 1.6rem 0;
        padding: 0 0 2.4rem
    }
}

.block-fundation .tile.news.highlight .img-container {
    flex: 1;
    aspect-ratio: 193/128
}

@media only screen and (max-width:768px) {
    .block-fundation .tile.news.highlight .img-container {
        flex: 0 1 50%;
        padding: 0
    }
}

.block-fundation .tile.news.highlight .text-container {
    flex: 1
}

@media only screen and (max-width:768px) {
    .block-fundation .tile.news.highlight .text-container {
        flex: 0 1 50%
    }
}

.block-fundation .tile.news.highlight .text-container .location {
    font-size: 1.8rem;
    line-height: 2.6rem;
    margin: 0
}

@media only screen and (max-width:768px) {
    .block-fundation .tile.news.highlight .text-container .location {
        font-size: 1.6rem;
        line-height: 2.4rem
    }
}

.block-fundation .tile.news.highlight .text-container .tile-title {
    font-size: 3.2rem;
    line-height: 3.8rem;
    margin: 0 0 .8rem
}

@media only screen and (max-width:768px) {
    .block-fundation .tile.news.highlight .text-container .tile-title {
        font-size: 2.4rem;
        line-height: 2.8rem;
        margin: 0 0 .4rem
    }
}

.block-fundation .tile.project {
    display: flex;
    gap: 8.5rem 0;
    justify-content: space-between;
    flex-direction: column;
    padding: 3.3rem 2.4rem 2.4rem;
    background-color: #7b9e38
}

@media only screen and (max-width:768px) {
    .block-fundation .tile.project {
        gap: 4rem 0;
        padding: 2rem 1.2rem 1.2rem
    }
}

.block-fundation .tile.project .text-container .location {
    font-family: LibreCaslonText, sans-serif;
    font-style: italic;
    font-size: 1.6rem;
    line-height: 2.4rem;
    color: #fff
}

@media only screen and (max-width:768px) {
    .block-fundation .tile.project .text-container .location {
        font-size: 1.4rem;
        line-height: 2.2rem
    }
}

.block-fundation .tile.project .text-container .tile-title {
    font-family: LibreCaslonText, sans-serif;
    font-weight: 400;
    font-size: 2rem;
    line-height: 2.4rem;
    color: #fff
}

@media only screen and (max-width:768px) {
    .block-fundation .tile.project .text-container .tile-title {
        font-size: 1.8rem;
        line-height: 2.2rem
    }
}

.block-fundation .tile.project .text-container p {
    color: #fff
}

.block-fundation .tile.project .img-container {
    overflow: hidden;
    aspect-ratio: 193/128
}

.block-fundation .tile.project .img-container img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.block-fundation .tile.project.highlight {
    flex-direction: row;
    gap: 0 5.5rem;
    justify-content: space-between;
    padding: 4rem
}

@media only screen and (max-width:768px) {
    .block-fundation .tile.project.highlight {
        flex-direction: column;
        gap: 1.6rem 0;
        padding: 2.4rem 1.6rem
    }
}

.block-fundation .tile.project.highlight .img-container {
    flex: 1;
    padding: 0 0 0 50px
}

@media only screen and (max-width:768px) {
    .block-fundation .tile.project.highlight .img-container {
        flex: 0 1 50%;
        padding: 0
    }
}

.block-fundation .tile.project.highlight .text-container {
    flex: 1
}

@media only screen and (max-width:768px) {
    .block-fundation .tile.project.highlight .text-container {
        flex: 0 1 50%
    }
}

.block-fundation .tile.project.highlight .text-container .location {
    font-size: 1.8rem;
    line-height: 2.6rem;
    margin: 0
}

@media only screen and (max-width:768px) {
    .block-fundation .tile.project.highlight .text-container .location {
        font-size: 1.6rem;
        line-height: 2.4rem
    }
}

.block-fundation .tile.project.highlight .text-container .tile-title {
    font-family: Fedra, sans-serif;
    font-weight: 400;
    font-size: 3.2rem;
    line-height: 3.8rem;
    margin: 0 0 .8rem
}

@media only screen and (max-width:768px) {
    .block-fundation .tile.project.highlight .text-container .tile-title {
        font-size: 2.4rem;
        line-height: 2.8rem;
        margin: 0 0 .4rem
    }
}

.block-fundation .tile.board {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 2.4rem 0;
    border-top: 1px solid #cecdca;
    padding: 3.2rem 0 0
}

@media only screen and (max-width:768px) {
    .block-fundation .tile.board {
        gap: 1rem 0;
        padding: 1.6rem 0 0
    }
}

.block-fundation .tile.board .img-container {
    overflow: hidden;
    aspect-ratio: 160/107
}

.block-fundation .tile.board .img-container img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.block-fundation .tile.board .text-container {
    display: flex;
    flex-direction: column;
    font-size: 1.8rem;
    line-height: 2.6rem
}

@media only screen and (max-width:768px) {
    .block-fundation .tile.board .text-container {
        font-size: 1.4rem;
        line-height: 2rem
    }
}

.block-fundation .tile.board .text-container .board-name {
    font-weight: 700
}

.block-fundation .carousel-container {
    position: relative
}

.block-fundation .swiper-button-next,
.block-fundation .swiper-button-prev {
    width: 6rem;
    aspect-ratio: 1/1;
    border-radius: 100%;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    z-index: 1;
    cursor: pointer
}

.block-fundation .swiper-button-next svg,
.block-fundation .swiper-button-prev svg {
    height: .9rem
}

.block-fundation .swiper-button-next svg path,
.block-fundation .swiper-button-prev svg path {
    fill: #000
}

.block-fundation .swiper-button-next.swiper-button-disabled,
.block-fundation .swiper-button-prev.swiper-button-disabled {
    display: none
}

.block-fundation .swiper-button-prev {
    left: 0;
    transform: translate(-50%, -50%)
}

.block-fundation .swiper-button-next {
    right: 0;
    transform: translate(50%, -50%)
}

.block-fundation.fundation-hero {
    background: center/cover no-repeat;
    position: relative
}

.block-fundation.fundation-hero::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(255, 255, 255, .5) 19.5%, rgba(255, 255, 255, 0) 43%)
}

.block-fundation.fundation-hero .fundation-hero-content {
    height: 100vh;
    max-height: 400px;
    text-align: center;
    display: flex;
    gap: 40px 0;
    flex-direction: column;
    align-items: center;
    padding: 80px 0;
    position: relative;
    z-index: 1;
    box-sizing: content-box
}

@media only screen and (max-width:768px) {
    .block-fundation.fundation-hero .fundation-hero-content {
        max-height: 56.4rem;
        padding: 0 16px
    }
}

.block-fundation.fundation-hero .fundation-hero-content .main-logo {
    width: 100%;
    max-width: 60rem
}

.block-fundation.fundation-hero .fundation-hero-content p {
    color: #084776
}

.block-fundation.fundation-hero .fundation-hero-content .block-title {
    font-size: 2.4rem;
    line-height: 2.6rem;
    margin: 0 0 20px 0
}

@media only screen and (max-width:768px) {
    .block-fundation.fundation-hero .fundation-hero-content .block-title {
        font-size: 1.6rem;
        line-height: 1.8rem
    }
}

.block-fundation.fundation-highlight,
.block-fundation.fundation-partners {
    margin: 0 0 100px;
    padding: 0 50px
}

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

    .block-fundation.fundation-highlight,
    .block-fundation.fundation-partners {
        margin: 0 0 40px;
        padding: 0 16px
    }
}

.block-fundation.fundation-highlight .block-container,
.block-fundation.fundation-partners .block-container {
    background-color: #e5e2dc
}

.block-fundation.fundation-highlight .block-container .block-content,
.block-fundation.fundation-partners .block-container .block-content {
    padding: 4.8rem 0;
    margin: 0 8.333333333333334%;
    display: flex;
    gap: 0 5.5rem;
    align-items: center
}

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

    .block-fundation.fundation-highlight .block-container .block-content,
    .block-fundation.fundation-partners .block-container .block-content {
        margin: 0;
        padding: 3.2rem 2.4rem
    }
}

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

    .block-fundation.fundation-highlight .block-container .block-content,
    .block-fundation.fundation-partners .block-container .block-content {
        padding: 2.4rem 1.6rem;
        gap: 1.6rem 0;
        flex-direction: column;
        align-items: flex-start
    }
}

.block-fundation.fundation-highlight .block-container .block-content .text-container,
.block-fundation.fundation-partners .block-container .block-content .text-container {
    flex: 0 0 65%
}

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

    .block-fundation.fundation-highlight .block-container .block-content .text-container,
    .block-fundation.fundation-partners .block-container .block-content .text-container {
        flex: 1
    }
}

.block-fundation.fundation-highlight .block-container .block-content .text-container .block-title,
.block-fundation.fundation-partners .block-container .block-content .text-container .block-title {
    margin: 0 0 1.5rem
}

.block-fundation.fundation-highlight .block-container .block-content .text-container p,
.block-fundation.fundation-partners .block-container .block-content .text-container p {
    font-size: 2.4rem;
    color: #0b2845
}

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

    .block-fundation.fundation-highlight .block-container .block-content .text-container p,
    .block-fundation.fundation-partners .block-container .block-content .text-container p {
        font-size: 1.6rem
    }
}

.block-fundation.fundation-highlight .block-container .block-content .btn-container,
.block-fundation.fundation-highlight .block-container .block-content .logo-container,
.block-fundation.fundation-partners .block-container .block-content .btn-container,
.block-fundation.fundation-partners .block-container .block-content .logo-container {
    flex: 1;
    display: flex;
    justify-content: flex-end
}

.block-fundation.fundation-highlight .block-container .block-content .logo-container,
.block-fundation.fundation-partners .block-container .block-content .logo-container {
    max-width: none
}

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

    .block-fundation.fundation-highlight .block-container .block-content .logo-container,
    .block-fundation.fundation-partners .block-container .block-content .logo-container {
        max-width: 110px
    }
}

.block-fundation.fundation-nav {
    background-color: #fff;
    border-bottom: 1px solid #d7d7d7;
    display: flex;
    justify-content: center;
    position: sticky;
    top: 0;
    left: 0;
    z-index: 9001
}

.block-fundation.fundation-nav .fundation-nav-list {
    display: flex;
    align-items: center;
    overflow-x: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.block-fundation.fundation-nav .fundation-nav-list::-webkit-scrollbar {
    display: none
}

.block-fundation.fundation-nav .subnav-item button {
    font-family: Fedra, sans-serif;
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 6.8rem;
    color: #0b2845;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0;
    padding: 0 2.8rem;
    background-color: transparent;
    cursor: pointer;
    white-space: nowrap;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    transition: border-bottom-color .2s ease
}

@media only screen and (max-width:768px) {
    .block-fundation.fundation-nav .subnav-item button {
        font-size: 1.4rem;
        line-height: 4rem;
        padding: 0 2.4rem
    }
}

.block-fundation.fundation-nav .subnav-item button.active,
.block-fundation.fundation-nav .subnav-item button:active,
.block-fundation.fundation-nav .subnav-item button:focus,
.block-fundation.fundation-nav .subnav-item button:hover {
    border-bottom-color: #7b9e38
}

.block-fundation.fundation-news {
    margin: 0 0 100px;
    padding: 0 50px
}

@media only screen and (max-width:768px) {
    .block-fundation.fundation-news {
        margin: 0 0 40px;
        padding: 0 20px
    }
}

.block-fundation.fundation-news .swiper-container {
    overflow: hidden
}

.block-fundation.fundation-news .swiper-container .swiper-wrapper .swiper-slide {
    width: 100%
}

@media only screen and (max-width:768px) {
    .block-fundation.fundation-news .swiper-container .swiper-wrapper .swiper-slide {
        max-width: 198px
    }
}

.block-fundation.fundation-projects {
    margin: 0 0 100px
}

@media only screen and (max-width:768px) {
    .block-fundation.fundation-projects {
        margin: 0 0 40px
    }
}

.block-fundation.fundation-projects .fundation-projects-bottom,
.block-fundation.fundation-projects .fundation-projects-top {
    position: relative;
    z-index: 1
}

.block-fundation.fundation-projects .fundation-projects-top {
    position: relative;
    margin: 0 0 100px;
    padding: 100px 50px 0
}

@media only screen and (max-width:768px) {
    .block-fundation.fundation-projects .fundation-projects-top {
        margin: 0 0 40px;
        padding: 30px 16px 0
    }
}

.block-fundation.fundation-projects .fundation-projects-top::before {
    content: '';
    height: calc(100% - 140px);
    max-height: 860px;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: -1
}

@media only screen and (max-width:768px) {
    .block-fundation.fundation-projects .fundation-projects-top::before {
        height: calc(100% - 24px);
        max-height: 452px
    }
}

.block-fundation.fundation-projects .fundation-projects-top .block-title {
    color: #fff;
    margin: 0 0 3.2rem
}

@media only screen and (max-width:768px) {
    .block-fundation.fundation-projects .fundation-projects-top .block-title {
        margin: 0 0 1.6rem
    }
}

.block-fundation.fundation-projects .fundation-projects-top p {
    font-size: 2.2rem;
    line-height: 3.2rem;
    color: #fff;
    margin: 0 0 3rem
}

@media only screen and (max-width:768px) {
    .block-fundation.fundation-projects .fundation-projects-top p {
        font-size: 1.6rem
    }
}

.block-fundation.fundation-projects .fundation-projects-top .img-container {
    overflow: hidden;
    aspect-ratio: 67/32
}

.block-fundation.fundation-projects .fundation-projects-top .img-container img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.block-fundation.fundation-projects .fundation-projects-bottom {
    padding: 0 50px
}

@media only screen and (max-width:768px) {
    .block-fundation.fundation-projects .fundation-projects-bottom {
        padding: 0 16px
    }
}

.block-fundation.fundation-projects .fundation-projects-bottom .swiper-container {
    overflow: hidden
}

.block-fundation.fundation-projects .fundation-projects-bottom .swiper-container .swiper-wrapper .swiper-slide {
    width: 100%
}

@media only screen and (max-width:768px) {
    .block-fundation.fundation-projects .fundation-projects-bottom .swiper-container .swiper-wrapper .swiper-slide {
        max-width: 270px
    }
}

.block-fundation.fundation-projects.green .fundation-projects-top::before,
.block-fundation.fundation-projects.green .tile {
    background-color: #7b9e38
}

.block-fundation.fundation-projects.blue .fundation-projects-top::before,
.block-fundation.fundation-projects.blue .tile {
    background-color: #0b2845
}

.block-fundation.fundation-text-image {
    margin: 0 0 100px;
    padding: 0 50px;
    display: flex;
    gap: 0 4.4rem;
    align-items: stretch
}

@media only screen and (max-width:768px) {
    .block-fundation.fundation-text-image {
        margin: 0 0 40px;
        padding: 0 16px;
        gap: 2.5rem 0;
        flex-direction: column-reverse
    }
}

.block-fundation.fundation-text-image .text-container {
    flex: 0 0 56%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center
}

@media only screen and (max-width:768px) {
    .block-fundation.fundation-text-image .text-container p {
        font-size: 1.4rem;
        line-height: 2.2rem
    }
}

.block-fundation.fundation-text-image .text-container .btn {
    margin: 4.2rem 0 0
}

.block-fundation.fundation-text-image .img-container {
    flex: 1;
    overflow: hidden;
    aspect-ratio: 1/1
}

.block-fundation.fundation-text-image .img-container img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.block-fundation.fundation-text-image.invert {
    flex-direction: row-reverse
}

@media only screen and (max-width:768px) {
    .block-fundation.fundation-text-image.invert {
        flex-direction: column
    }
}

.block-fundation.fundation-video {
    margin: 0 0 100px;
    padding: 100px 50px 0
}

@media only screen and (max-width:768px) {
    .block-fundation.fundation-video {
        margin: 0 0 40px;
        padding: 50px 20px 0
    }
}

.block-fundation.fundation-video .video {
    padding: 8.5rem 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #0b2845
}

@media only screen and (max-width:768px) {
    .block-fundation.fundation-video .video {
        padding: 0
    }
}

.block-fundation.fundation-video .video .video__inner {
    width: 75%
}

@media only screen and (max-width:768px) {
    .block-fundation.fundation-video .video .video__inner {
        width: 100%
    }
}

.grid--half {
    grid-template-columns: 1fr 1fr 1fr
}

@media only screen and (max-width:768px) {
    .grid--half {
        grid-template-columns: 1fr 1fr
    }
}

@media only screen and (max-width:768px) {
    .panel--magazine-articles .grid--half {
        grid-template-columns: 1fr
    }
}

.grid--second {
    grid-template-columns: 1fr 1fr
}

.grid.grid--tertiary {
    grid-template-columns: 1fr 1fr 1fr 1fr
}

@media only screen and (max-width:1024px) {
    .grid.grid--tertiary {
        grid-template-columns: 1fr 1fr;
        grid-row-gap: 3rem
    }
}

@media only screen and (max-width:768px) {
    .grid.grid--tertiary {
        grid-row-gap: 3rem
    }
}

.grid {
    display: grid;
    grid-row-gap: 3rem;
    grid-column-gap: 3rem
}

.grid__item {
    display: flex;
    flex-flow: row wrap;
    flex: 1;
    overflow: hidden
}

.grid--4 {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-row-gap: 6rem
}

.grid--3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-column-gap: 3rem
}

@media only screen and (max-width:1024px) {
    .grid.grid--4 {
        grid-template-columns: 1fr 1fr;
        grid-row-gap: 3rem
    }

    .grid .grid__item {
        grid-column: span 1
    }
}

@media only screen and (max-width:768px) {
    .grid {
        grid-row-gap: 1.5rem;
        grid-column-gap: 1.5rem
    }

    .grid--4 {
        grid-row-gap: 3rem
    }

    .grid--3 {
        grid-template-columns: repeat(1, minmax(0, 1fr));
        grid-row-gap: 1.5rem
    }
}

.u-bg-blue {
    background: #2a568f
}

.u-bg-white {
    background: #fff
}

.hp-section--careers.panel--careers {
    background: #fff
}

.hp-section--careers.panel--careers .panel__inner {
    display: flex;
    margin-right: 0;
    color: #fff;
    background: #2a568f;
}

.hp-section--careers.panel--careers .panel__left {
    padding-top: 8rem;
    padding-left: 5rem;
    width: 52.55639097744361%
}

.hp-section--careers.panel--careers .panel__right {
    margin-top: -12rem;
    padding-left: 3rem;
    width: 47.443609022556394%;
    box-sizing: border-box
}

@media only screen and (max-width:1024px) {
    .hp-section--careers.panel--careers .btn-group {
        flex-direction: column;
        align-items: flex-start
    }

    .hp-section--careers.panel--careers .btn-group .btn+.link {
        margin-top: 3rem;
        margin-left: 0
    }
}

@media only screen and (max-width:768px) {
    .hp-section--careers.panel--careers .panel__inner {
        display: block
    }

    .hp-section--careers.panel--careers .panel__left,
    .hp-section--careers.panel--careers .panel__right {
        width: auto
    }

    .hp-section--careers.panel--careers.panel--careers .panel__inner {
        margin: 0
    }

    .hp-section--careers.panel--careers.panel--careers .panel__right {
        margin-top: 0;
        padding-left: 0;
        margin-left: -3rem;
        margin-right: -3rem
    }

    .hp-section--careers.panel--careers.panel--careers .panel__left {
        padding-right: 11rem
    }

    .hp-section--careers.panel--careers .btn-group {
        align-items: center
    }

    .hp-section--careers.panel--careers .btn-group .btn+.link {
        margin-top: 0
    }
}

@media only screen and (max-width:768px) {
    .hp-section--careers.panel--careers.panel--careers .panel__left {
        padding-right: 2rem;
        padding-left: 2rem;
        padding-top: 3rem
    }
}

.hp-section--implantations {
    background: #2a568f
}

.hp-section--implantations .panel__body {
    z-index: 3
}

.keyfigures--grid {
    position: relative;
    z-index: 1
}

.keyfigures--grid .keyfigures__inner--4 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr !important
}

.keyfigures--grid .keyfigures__inner {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: auto auto;
    row-gap: 4rem
}

.keyfigures--grid .keyfigure__item {
    padding: 0 2rem;
    color: #fff;
    border-left: .1rem solid #fff
}

.keyfigures--grid .keyfigure__item img {
    width: 48px;
    height: 48px
}

.keyfigures--grid .keyfigure__item:nth-child(even) {
    border-left: .1rem solid #fff
}

.keyfigures--grid .keyfigure__item .keyfigure__number {
    margin-bottom: 1.5rem
}

.keyfigures--grid--square .keyfigures__inner {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem
}

.keyfigures--grid--square .box__inner {
    padding: 3rem 4rem
}

.keyfigures--grid--square .box__teasing {
    margin-top: 3rem
}

.keyfigures--grid--square .box--keyfigure--custom .box__teasing {
    margin-top: .8rem
}

@media only screen and (max-width:1024px) {
    .keyfigures--grid .keyfigure__item {
        padding: 0 3rem
    }
}

@media only screen and (max-width:768px) {
    .keyfigures--grid .keyfigures__inner {
        display: block;
        padding: 0 3rem
    }

    .keyfigures--grid .keyfigure__item {
        padding: 0 0 0 2rem;
        margin: 4rem 0;
        text-align: left;
        color: #000
    }

    .keyfigures--grid .keyfigure__item:first-of-type {
        margin-top: 0 !important
    }

    .keyfigures--grid .keyfigure__item .keyfigure__number {
        margin-bottom: 0;
        text-align: left
    }

    .keyfigures--grid .keyfigure__item .keyfigure__label {
        color: #fff;
        text-align: left
    }

    .keyfigures--grid--square .keyfigures__inner {
        padding: 0
    }

    .keyfigures--grid--square .keyfigures__inner .box__inner {
        padding: 4rem 4rem 2rem 4rem
    }
}

.list--anchors {
    padding-top: 3rem;
    padding-right: 5rem
}

.list--anchors .list__item+.list__item {
    margin-top: 1.5rem
}

.list--anchors .list__item.is-active a {
    color: #7b9e38
}

.list--anchors .list__item a {
    display: inline-block;
    color: rgba(0, 0, 0, .5)
}

.list--anchors .list__item a:hover {
    color: #000
}

.list--box-implantation .list__item {
    display: block
}

.list--box-implantation .list__item+.list__item {
    margin-top: .6rem
}

.list--careers .list__item {
    width: 100%;
    border-top: .2rem dotted #7b7b7b
}

.list--careers .list__item:last-child {
    border-bottom: .2rem dotted #7b7b7b
}

.list--careers .list__item__inner {
    padding: 3rem 0;
    display: flex;
    flex: 1;
    transition: color .2s
}

.list--careers .list__item__inner:hover .list__item__title {
    opacity: .4
}

.list--careers .list__item__left {
    color: #fff
}

.list--careers .list__item__title {
    margin-bottom: .8rem
}

.list--careers .list__item__metas {
    display: flex
}

.list--careers .list__item__meta:before {
    margin-left: 1rem;
    margin-right: 1rem
}

.list--careers .list__item__right {
    padding-left: 3rem;
    margin-left: auto;
    margin-top: auto;
    margin-bottom: auto;
    text-align: right
}

.list--careers .list__item__date {
    display: flex;
    color: #fff
}

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

    .list--careers .list__item__inner,
    .list--careers .list__item__meta,
    .list--careers .list__item__metas {
        display: block
    }

    .list--careers .list__item__title {
        margin-bottom: 1.5rem
    }

    .list--careers .list__item__inner {
        padding: 2rem 0
    }

    .list--careers .list__item__meta {
        margin-bottom: .5rem
    }

    .list--careers .list__item__meta:before {
        content: none
    }

    .list--careers .list__item__right {
        padding-left: 0;
        width: auto;
        text-align: left
    }
}

.list--dropdown {
    position: absolute;
    top: 100%;
    left: -.1rem;
    right: -.1rem;
    background: #fff;
    border: .1rem solid #d8d8d8;
    box-sizing: border-box;
    opacity: 0;
    visibility: hidden;
    transition: opacity .2s, visibility .2s;
    z-index: 4
}

.list--dropdown .list__item {
    padding: .6rem 1.6rem;
    border-bottom: .1rem solid #d8d8d8;
    transition: color .2s, background .2s
}

.list--dropdown .list__item .list__link {
    color: #7b7b7b
}

.list--dropdown .list__item.is-active,
.list--dropdown .list__item:hover {
    background: #d8d8d8
}

.list--dropdown.is-visible {
    opacity: 1;
    visibility: visible
}

.list--filters {
    margin-top: 3rem;
    transition: opacity .2s, visibility .2s;
    z-index: 3
}

.list--filters .list__item {
    margin-bottom: 1rem;
    display: flex;
    align-items: center
}

.list--filters .list__item:before {
    content: '';
    display: inline-block;
    float: left;
    margin-left: -2rem;
    margin-right: 1.5rem;
    width: .4rem;
    height: 1.8rem;
    background: #7b9e38;
    opacity: 0;
    transition: opacity .2s ease-out
}

.list--filters .list__item__link {
    width: 100%
}

.list--filters .list__item.is-active .list__item__link {
    color: #7b9e38
}

.list--filters .list__item.is-active:before {
    opacity: 1
}

.list--filters .list__item__link {
    color: #000;
    transition: color .2s
}

.list--filters .list__item:hover .list__item__link {
    color: #7b9e38
}

@media only screen and (max-width:1024px) {
    .list--filters {
        position: absolute;
        left: 0;
        right: 0;
        top: 100%;
        margin-top: 0;
        background: #fff;
        z-index: 4;
        border-top: .1rem solid #d8d8d8;
        opacity: 0;
        visibility: hidden
    }

    .list--filters .list__item {
        position: relative;
        margin-bottom: 0;
        padding: 1.2rem 1.8rem
    }

    .list--filters .list__item:before {
        position: absolute;
        left: 0;
        margin: 0;
        height: 70%
    }

    .list--filters .list__item:last-of-type {
        border-bottom: 0
    }

    .list--filters.is-visible {
        visibility: visible;
        opacity: 1
    }
}

.list--magazine-filters {
    transition: opacity .2s, visibility .2s;
    z-index: 3;
    display: flex;
    flex-direction: column;
    box-sizing: border-box
}

@media only screen and (max-width:768px) {
    .list--magazine-filters {
        display: none
    }
}

.list--magazine-filters .list__item {
    position: relative;
    display: inline-flex;
    align-items: center
}

.list--magazine-filters .list__item:before {
    content: '';
    position: absolute;
    top: .4rem;
    bottom: .4rem;
    left: -1.6rem;
    width: .4rem;
    background: #fff;
    opacity: 0;
    transition: opacity .2s ease-out
}

.list--magazine-filters .list__item__link {
    width: 100%
}

.list--magazine-filters .list__item+.list__item {
    margin-top: 1rem
}

.list--magazine-filters .list__item .icon {
    margin-right: .8rem
}

.list--magazine-filters .list__item.is-active .list__item__link {
    font-weight: 700
}

.list--magazine-filters .list__item.is-active:before {
    opacity: 1
}

.list--magazine-filters .list__item__link {
    transition: opacity .2s ease
}

.list--magazine-filters .list__item:hover .list__item__link {
    color: $white;
    opacity: .8
}

.list--magazine-filters--horizontal {
    flex-direction: row;
    align-items: center
}

.list--magazine-filters--horizontal .list__item {
    padding-bottom: 4rem
}

.list--magazine-filters--horizontal .list__item:before {
    bottom: 2rem;
    left: auto;
    top: auto;
    width: 100%;
    height: .5rem
}

.list--magazine-filters--horizontal .list__item+.list__item {
    margin-top: 0;
    margin-left: 6.4rem
}

.list--magazine-filters--min .list__item {
    padding-bottom: 4rem
}

@media only screen and (max-width:1024px) {
    .list--magazine-filters {
        position: absolute;
        left: 0;
        right: 0;
        top: 100%;
        width: 100%;
        margin-top: 0;
        background: #fff;
        z-index: 4;
        border-top: .1rem solid #d8d8d8;
        opacity: 0;
        visibility: hidden;
        box-sizing: border-box
    }

    .list--magazine-filters .list__item {
        position: relative;
        display: block;
        width: 100%;
        margin-bottom: 0;
        padding: 1.2rem 1.8rem;
        box-sizing: border-box
    }

    .list--magazine-filters .list__item+.list__item {
        margin-left: 0;
        margin-top: 0
    }

    .list--magazine-filters .list__item:before {
        position: absolute;
        left: 0;
        margin: 0;
        height: 70%
    }

    .list--magazine-filters .list__item:last-of-type {
        border-bottom: 0
    }

    .list--magazine-filters.is-visible {
        visibility: visible;
        opacity: 1
    }
}

.list--magazine-filters--responsive {
    background: #fff;
    width: 100%;
    border: none;
    padding: 2rem 5% 2rem 1rem;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: none
}

.list--magazine-filters--responsive::-ms-expand {
    display: none
}

.list--magazine-filters--responsive__wrapper {
    display: none;
    position: relative;
    width: 100%;
    box-sizing: border-box
}

.list--magazine-filters--responsive__wrapper .icon {
    position: absolute;
    right: 5%;
    top: 50%;
    transform: translateY(-50%)
}

@media only screen and (max-width:1024px) {
    .list--magazine-filters--responsive__wrapper {
        display: block;
        width: 100%
    }
}

.list--magazine-questions .list__item {
    transition: opacity .2s ease
}

.list--magazine-questions .list__item:hover {
    opacity: .8
}

.list--magazine-questions .list__item__inner {
    display: flex;
    flex-direction: column;
    padding: 2.6rem 30% 3.2rem 0;
    color: #000;
    border-bottom: .1rem solid #d8d8d8
}

.list--magazine-questions .list__item__top {
    margin-bottom: .8rem
}

.list--magazine-questions .list__item__meta {
    display: inline-flex
}

.list--magazine-questions .list__item__meta+.list__item__meta {
    margin-left: .8rem
}

.list--magazine-questions .list__item__meta__item {
    position: relative
}

.list--magazine-questions .list__item__meta__item--biomasse:before,
.list--magazine-questions .list__item__meta__item--solaire:before {
    display: inline-flex;
    content: '';
    height: .8rem;
    width: .8rem;
    border-radius: 50%;
    background: 0 0;
    margin-right: .8rem
}

.list--magazine-questions .list__item__meta__item--solaire:before {
    background: #dfb000
}

.list--magazine-questions .list__item__meta__item--biomasse:before {
    background: #7b9e38
}

.list--magazine-questions .list__item:first-child .list__item__inner {
    padding-top: 0
}

.list--map-items {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-row-gap: 1rem;
    grid-column-gap: 1rem
}

.list--map-items .list__item a {
    color: #fff
}

.list--map-items .list__item a:hover {
    text-decoration: underline
}

.list--search .list__item {
    padding: 3rem 0;
    border-bottom: .1rem solid #d8d8d8;
    transition-property: all;
    transition-duration: .2s;
    transition-timing-function: ease-in-out;
    box-sizing: border-box
}

.list--search .list__item__inner {
    padding-right: 10rem
}

.list--search .list__item__top {
    margin-bottom: 1rem
}

.list--search .list__item__date {
    color: #7b7b7b
}

.list--search .list__item .tag,
.list--search .list__item__date,
.list--search .list__item__type {
    margin-right: 2rem
}

.list--search .list__item .tag {
    display: inline-block
}

.list--search .list__item__title+.list__item__description {
    margin-top: 1.25rem
}

.list--search .list__item__link {
    color: #000;
    transition: color .2s
}

.list--search .list__item__link:hover {
    color: #7b9e38
}

.list--search .list__item.is-filtered {
    position: absolute;
    opacity: 0;
    transform: translateY(3rem);
    pointer-events: none
}

@media only screen and (max-width:768px) {
    .list--search .list__item {
        padding: 1.6rem 0
    }

    .list--search .list__item__inner {
        padding-right: 0
    }

    .list--search .list__item__title {
        margin-bottom: .75rem
    }
}

.a-la-une {
    margin: 60px 0;
    position: relative
}

.a-la-une__inner {
    background-color: #fff;
    max-width: 1250px;
    margin: 0 auto;
    padding-top: 64px;
    padding-bottom: 80px
}

.a-la-une .cell-title {
    margin-bottom: 64px
}

.a-la-une .cell-list {
    width: 100%;
    display: block
}

.a-la-une .cell-btn {
    margin-top: 30px
}

.a-la-une__row {
    padding: 24px 0;
    border-bottom: 1px solid #d8d8d8;
    display: flex;
    justify-content: space-between;
    align-items: center
}

@media only screen and (max-width:768px) {
    .a-la-une__row {
        flex-flow: column;
        align-items: flex-start
    }
}

.a-la-une__row.is-hidden {
    display: none
}

.a-la-une__row:hover .collapse-list__item__content__row__left {
    text-decoration: underline
}

.a-la-une__row:last-child {
    border-bottom: 0
}

.a-la-une__row__left {
    color: #000;
    max-width: 698px
}

@media only screen and (max-width:768px) {
    .a-la-une__row__left {
        margin-bottom: 10px;
        align-items: flex-start
    }
}

.a-la-une__row__right {
    display: flex;
    flex-flow: column;
    opacity: .5;
    color: #000;
    align-items: flex-end
}

@media only screen and (max-width:768px) {
    .a-la-une__row__right {
        align-items: flex-start
    }
}

.a-la-une__row__right .date {
    margin-bottom: 4px
}

.a-la-une__row__right .details {
    font-size: 12px
}

.collapse-list {
    padding-bottom: 104px
}

.collapse-list .row-item {
    margin-bottom: 24px
}

.collapse-list .row-item:last-child {
    margin-bottom: 0
}

@media only screen and (max-width:1024px) {
    .collapse-list .col-item {
        width: 100% !important
    }
}

.collapse-list__item {
    width: 100%;
    background-color: #fff
}

.collapse-list__item.is-open .arrow {
    transform: rotate(-180deg)
}

.collapse-list__item.is-open .collapse-list__item__content {
    display: block
}

.collapse-list__item__top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 32px 48px;
    cursor: pointer
}

@media only screen and (max-width:768px) {
    .collapse-list__item__top {
        padding: 12px 28px;
        flex-flow: column;
        align-items: flex-start
    }
}

.collapse-list__item__top:hover .collapse-list__item__top__left {
    color: #7b9e38
}

.collapse-list__item__top__left {
    transition: all 250ms;
    font-size: 1.7rem;
    font-weight: 400
}

.collapse-list__item__top__right {
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 300
}

@media only screen and (max-width:768px) {
    .collapse-list__item__top__right {
        width: 100%;
        justify-content: space-between;
        margin-top: -2px
    }
}

.collapse-list__item__top .arrow {
    width: 40px;
    height: 40px;
    background-image: url(../images/svg/icon-carret-down.svg);
    background-size: cover;
    background-position: center;
    margin-left: 32px;
    transition: all 250ms
}

.collapse-list__item__content {
    display: none
}

.collapse-list__item__content__years {
    display: inline-flex;
    margin: 0 42px;
    border-bottom: 1px solid #d8d8d8
}

@media only screen and (max-width:768px) {
    .collapse-list__item__content__years {
        flex-flow: column;
        margin: 0 22px
    }
}

.collapse-list__item__content__years li {
    padding-bottom: 11px;
    margin: 0 16px;
    font-size: 14px;
    font-weight: 300;
    position: relative;
    cursor: pointer
}

@media only screen and (max-width:768px) {
    .collapse-list__item__content__years li {
        margin: 10px 0
    }
}

.collapse-list__item__content__years li:hover {
    color: #7b9e38
}

.collapse-list__item__content__years li:first-child {
    margin-left: 0
}

.collapse-list__item__content__years li.current {
    font-weight: 700;
    color: #7b9e38
}

.collapse-list__item__content__years li.current:after {
    content: "";
    width: 100%;
    height: 4px;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #7b9e38
}

.collapse-list__item__content__row {
    margin: 0 48px;
    padding: 24px 0;
    border-bottom: 1px solid #d8d8d8;
    display: flex;
    justify-content: space-between;
    align-items: center
}

@media only screen and (max-width:768px) {
    .collapse-list__item__content__row {
        margin: 0 28px;
        flex-flow: column;
        align-items: flex-start
    }
}

.collapse-list__item__content__row.is-hidden {
    display: none
}

.collapse-list__item__content__row:hover .collapse-list__item__content__row__left {
    text-decoration: underline
}

.collapse-list__item__content__row:last-child {
    border-bottom: 0
}

.collapse-list__item__content__row__left {
    color: #000
}

@media only screen and (max-width:768px) {
    .collapse-list__item__content__row__left {
        margin-bottom: 10px;
        align-items: flex-start
    }
}

.collapse-list__item__content__row__right {
    display: flex;
    flex-flow: column;
    opacity: .5;
    color: #000;
    align-items: flex-end
}

@media only screen and (max-width:768px) {
    .collapse-list__item__content__row__right {
        align-items: flex-start
    }
}

.collapse-list__item__content__row__right .date {
    margin-bottom: 4px
}

.collapse-list__item__content__row__right .details {
    font-size: 12px
}

.contact-keyfigures {
    margin-bottom: 60px;
    color: #fff
}

@media (max-width:767px) {
    .contact-keyfigures .row-item {
        justify-content: center
    }
}

.contact-keyfigures .col-left {
    padding-right: 0
}

@media screen and (max-width:1200px) {
    .contact-keyfigures .col-left {
        width: 100% !important
    }
}

@media (max-width:767px) {
    .contact-keyfigures .col-left {
        padding-left: 0;
        display: block
    }
}

.contact-keyfigures .col-right {
    padding-left: 0;
    background-color: #fff
}

@media screen and (max-width:1200px) {
    .contact-keyfigures .col-right {
        width: 100% !important
    }
}

@media (max-width:767px) {
    .contact-keyfigures .col-right {
        padding-left: 1.5rem
    }
}

.contact-keyfigures__figures {
    width: 100%;
    background-image: url(../images/svg/bg_contact-keyfigures.svg);
    display: flex;
    flex-direction: column;
    align-items: center
}

@media (max-width:767px) {
    .contact-keyfigures__figures {
        flex-flow: column;
        justify-content: center
    }
}

.contact-keyfigures__figures__left {
    width: 50%;
    flex: 0 0 50%;
    color: #fff;
    text-align: center
}

@media (max-width:767px) {
    .contact-keyfigures__figures__left {
        width: 100%;
        flex: 0 0 100%;
        border-bottom: 1px solid #fff;
        padding-bottom: 15px
    }
}

.contact-keyfigures__figures__left__type {
    font-family: Fedra, sans-serif;
    text-transform: uppercase;
    font-size: 1.2rem;
    letter-spacing: .08rem
}

.contact-keyfigures__figures__left__number {
    font-weight: 700;
    font-size: 6.2rem;
    line-height: 6.2rem;
    margin-top: 10px;
    margin-bottom: 10px
}

@media only screen and (max-width:1024px) {
    .contact-keyfigures__figures__left__number {
        font-size: 5.2rem
    }
}

@media only screen and (max-width:768px) {
    .contact-keyfigures__figures__left__number {
        font-size: 4.2rem
    }
}

.contact-keyfigures__figures__left__percent {
    font-weight: 500
}

.contact-keyfigures__figures__right {
    width: 50%;
    flex: 0 0 50%;
    border-left: 1px solid #fff
}

@media (max-width:767px) {
    .contact-keyfigures__figures__right {
        width: 100%;
        flex: 0 0 100%;
        border-left: 0
    }
}

.contact-keyfigures__figures__right__top {
    padding-left: 39px;
    padding-bottom: 15px;
    border-bottom: 1px solid #fff
}

@media (max-width:767px) {
    .contact-keyfigures__figures__right__top {
        padding-left: 0;
        text-align: center;
        padding-top: 49px
    }
}

.contact-keyfigures__figures__right__bottom {
    padding-left: 39px;
    padding-top: 15px
}

@media (max-width:767px) {
    .contact-keyfigures__figures__right__bottom {
        padding-left: 0;
        text-align: center
    }
}

.contact-keyfigures__figures.inline {
    flex-direction: row;
    padding: 50px 0
}

.contact-keyfigures__figures.inline .contact-keyfigures__figures:not(:last-child) {
    border-right: 1px solid #fff
}

.contact-keyfigures__figures.inline .contact-keyfigures__figures .block-inner {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center
}

.contact-keyfigures__number {
    margin-top: 0;
    font-weight: 700;
    font-size: 6.2rem;
    line-height: 6.2rem;
    margin-bottom: -4px
}

@media only screen and (max-width:1024px) {
    .contact-keyfigures__number {
        font-size: 5.2rem
    }
}

@media only screen and (max-width:768px) {
    .contact-keyfigures__number {
        font-size: 4.2rem
    }
}

.contact-keyfigures__contact {
    padding-left: 70px;
    padding-top: 22px;
    padding-right: 40px
}

@media screen and (max-width:1200px) {
    .contact-keyfigures__contact {
        padding-bottom: 32px
    }
}

@media (max-width:767px) {
    .contact-keyfigures__contact {
        padding: 25px
    }
}

.contact-keyfigures__contact__bottom {
    display: flex
}

@media (max-width:767px) {
    .contact-keyfigures__contact__bottom {
        flex-flow: column;
        align-items: center
    }
}

.contact-keyfigures__contact__bottom__left {
    width: 120px;
    flex-shrink: 0
}

.contact-keyfigures__contact__bottom__left img {
    width: 100%;
    height: auto
}

@media (max-width:767px) {
    .contact-keyfigures__contact__bottom__left {
        margin-bottom: 15px
    }
}

.contact-keyfigures__contact__bottom__right {
    padding-left: 38px
}

.contact-keyfigures__contact__bottom__right .name {
    display: block;
    font-weight: 700
}

.contact-keyfigures__contact__bottom__right .status {
    display: block;
    margin-bottom: 24px
}

.contact-keyfigures__contact__bottom__right .email {
    display: inline-block;
    margin-bottom: 16px;
    color: #000;
    text-decoration: underline
}

@media (max-width:767px) {
    .contact-keyfigures__contact__bottom__right .phone {
        display: block
    }
}

.contact-keyfigures__contact__title {
    margin-bottom: 48px
}

@media (max-width:767px) {
    .contact-keyfigures__contact__title {
        text-align: center
    }
}

.pr0 {
    padding-right: 0
}

.pl0 {
    padding-left: 0
}

.banner-contact {
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 7rem 0;
    background-color: #fff
}

.banner-contact__disclaimer {
    margin-top: 4rem
}

.banner-contact p {
    font-family: Fedra, sans-serif;
    font-weight: 500;
    font-size: 2.4rem;
    line-height: 3rem;
    text-align: center
}

.banner-contact p a {
    color: #000;
    border-bottom: 3px solid #7b9e38
}

.banner-contact .rte p {
    margin-top: 1.4rem;
    font-size: 1.2rem;
    line-height: 1.4rem;
    text-align: left;
    font-family: Helvetica, sans-serif;
    font-weight: 400
}

.banner-contact .rte p:first-child {
    margin-top: 0
}

.list-actionnaires {
    padding-bottom: 104px
}

.list-actionnaires__wrap .row {
    margin-bottom: 42px
}

.list-actionnaires__wrap .row .col-content,
.list-actionnaires__wrap .row .col-img {
    padding: 0
}

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

    .list-actionnaires__wrap .row .col-content,
    .list-actionnaires__wrap .row .col-img {
        width: 100% !important
    }
}

.list-actionnaires__wrap .row .col-img {
    text-align: center
}

.list-actionnaires__wrap .row .col-img img {
    width: 100%
}

@media only screen and (max-width:768px) {
    .list-actionnaires__wrap .row .col-img img {
        max-width: 400px;
        margin: 0 auto
    }
}

.list-actionnaires__wrap .row:last-child {
    margin-bottom: 0
}

.list-actionnaires__wrap .col-content {
    background-color: #fff
}

.list-actionnaires__wrap__content {
    display: flex;
    height: 100%;
    align-items: center
}

@media only screen and (max-width:768px) {
    .list-actionnaires__wrap__content {
        flex-wrap: wrap;
        padding: 15px;
        height: auto
    }
}

.list-actionnaires__wrap__content__left {
    padding-left: 30px;
    width: 179px;
    flex-grow: 0
}

@media only screen and (max-width:1024px) {
    .list-actionnaires__wrap__content__left {
        padding-left: 10px
    }
}

@media only screen and (max-width:768px) {
    .list-actionnaires__wrap__content__left {
        width: 100%
    }
}

.list-actionnaires__wrap__content__right {
    padding-left: 32px;
    max-width: 386px;
    flex-grow: 0
}

@media only screen and (max-width:1024px) {
    .list-actionnaires__wrap__content__right {
        padding-left: 15px;
        padding-right: 5px
    }
}

@media only screen and (max-width:768px) {
    .list-actionnaires__wrap__content__right {
        width: 100%;
        max-width: 100%;
        margin-top: 30px
    }
}

.list-actionnaires__wrap__content__title {
    margin-bottom: 60px
}

@media only screen and (max-width:768px) {
    .list-actionnaires__wrap__content__title {
        margin-bottom: 30px
    }
}

.list-analysts {
    margin-bottom: 104px;
    position: relative;
    padding-bottom: 50px
}

.list-analysts:before {
    content: "";
    position: absolute;
    top: 80px;
    left: 0;
    width: 100%;
    z-index: 0;
    background-image: url(../images/svg/bg-blue.svg);
    background-size: cover;
    background-position: center;
    height: calc(100% - 20px)
}

.list-analysts__wrap {
    position: relative;
    z-index: 1
}

.list-analysts__wrap__content {
    background-color: #fff;
    padding: 48px 104px;
    width: 100%
}

@media only screen and (max-width:768px) {
    .list-analysts__wrap__content {
        padding: 25px
    }
}

.list-analysts__wrap__content__list {
    display: flex;
    flex-wrap: wrap;
    margin-top: 48px
}

.list-analysts__wrap__content__list__item {
    width: 33.333%;
    flex: 0 0 33.333%;
    margin-bottom: 32px
}

.list-analysts__wrap__content__list__item:nth-last-child(-n+3) {
    margin-bottom: 0
}

@media only screen and (max-width:768px) {
    .list-analysts__wrap__content__list__item {
        width: 50%;
        flex: 0 0 50%
    }

    .list-analysts__wrap__content__list__item:nth-last-child(-n+3) {
        margin-bottom: 32px
    }

    .list-analysts__wrap__content__list__item:nth-last-child(-n+2) {
        margin-bottom: 0
    }
}

@media (max-width:767px) {
    .list-analysts__wrap__content__list__item {
        width: 100%;
        flex: 0 0 100%
    }

    .list-analysts__wrap__content__list__item:nth-last-child(-n+3) {
        margin-bottom: 32px
    }

    .list-analysts__wrap__content__list__item:nth-last-child(-n+1) {
        margin-bottom: 0
    }
}

.slider-events .glide__slides {
    align-items: stretch
}

.slider-events .glide__slide {
    height: auto
}

.slider-events .col-top {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.slider-events__arrows {
    display: flex;
    align-items: center
}

.slider-events__arrows .left,
.slider-events__arrows .right {
    width: 60px;
    height: 60px;
    cursor: pointer;
    background-image: url(../images/svg/arrow-slider.svg);
    background-position: center;
    background-size: cover
}

.slider-events__arrows .left {
    transform: rotate(-180deg);
    margin-right: 16px
}

.nav--column {
    position: relative;
    padding-left: 2.5rem
}

.nav--column .nav__implantation__item {
    position: relative
}

.nav--column .nav__implantation__item:after {
    content: '\203A';
    position: absolute;
    right: -1.5rem;
    top: 50%;
    transform: translateY(-50%);
    font-family: Fedra, sans-serif;
    font-weight: 700;
    font-size: 1.6rem
}

.nav--column .nav__item {
    margin-bottom: 1rem;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    position: relative
}

.nav--column .nav__item.is-hovered .nav__item__sub {
    display: block
}

.nav--column .nav__item:before {
    content: '';
    position: absolute;
    top: -.5rem;
    left: -2.5rem;
    width: .5rem;
    background: #7b9e38;
    height: calc(100% + 1rem)
}

.nav--column .nav__item__sub {
    white-space: nowrap;
    position: absolute;
    top: 0;
    left: calc(100% + 100px);
    display: none
}

.nav--column .nav__item__sub.nav__item__sub--1 {
    top: -36px
}

.nav--column .nav__item__sub.nav__item__sub--2 {
    top: -72px
}

.nav--column .nav__item__sub.nav__item__sub--3 {
    top: -108px
}

.nav--column .nav__item__sub.nav__item__sub--4 {
    top: -144px
}

.nav--column .nav__item__sub--alt {
    left: calc(100% + 100px)
}

@media only screen and (max-width:1024px) {
    .nav--column .nav__item__sub {
        position: static;
        white-space: normal;
        width: 100%;
        display: block
    }
}

@media only screen and (min-width:768px) {
    .nav--column .nav__item__sub .nav__link--secondary {
        font-size: 1.8rem;
        line-height: 2.6rem;
        margin-bottom: .4rem
    }
}

.nav--column .nav__item__sub .nav__link--secondary {
    margin-bottom: 1.5rem
}

.nav--column .nav__item__sub .nav__column--secondary {
    margin-left: 0
}

.nav--column .nav__item__sub .nav__column--secondary+.nav__column--secondary {
    margin-left: 0
}

.nav--column .nav__item__sub .nav__column--secondary:first-of-type li:before {
    display: none
}

.nav--column a.nav__link:hover {
    color: #7b9e38
}

.nav--column .nav__link {
    color: #000;
    transition: color .1s ease-in
}

.nav--column .nav__link.is-active {
    color: #7b9e38
}

.nav--column .nav__column--secondary {
    display: flex;
    flex-direction: row;
    align-items: center
}

.nav--column .nav__column--secondary+.nav__column--secondary {
    margin-left: 1rem
}

.nav--column .nav__column--secondary:first-of-type li {
    display: flex;
    flex-direction: row;
    align-items: center
}

.nav--column .nav__column--secondary:first-of-type li:before {
    margin-left: 1rem;
    margin-right: 1rem;
    content: '\203A'
}

@media only screen and (max-width:1024px) {
    .nav--column {
        padding-left: 0
    }

    .nav--column:before {
        content: none
    }

    .nav--column .nav__item {
        margin-bottom: 2rem
    }

    .nav--column .nav__implantation__item:after {
        content: none
    }
}

@media only screen and (max-width:768px) {
    .nav--column .nav__item {
        flex-direction: column
    }

    .nav--column .nav__column--secondary {
        padding: 1rem 0;
        border-bottom: 1px solid #d8d8d8
    }

    .nav--column .nav__column--secondary+.nav__column--secondary {
        margin-left: 0
    }

    .nav--column .nav__column--secondary li:first-child:before {
        content: '';
        padding: 0;
        margin-left: 0;
        margin-right: 0
    }
}

.nav--primary {
    display: flex
}

.nav--primary .nav__item {
    position: relative;
    display: inline-block;
    padding: 3.6rem 0;
    color: #000
}

.nav--primary .nav__item+.nav__item {
    margin-left: 4rem
}

.nav--primary .nav__item:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: .8rem;
    background: #7b9e38;
    opacity: 0;
    transition: opacity .2s
}

.nav--primary .nav__item.is-active:after,
.nav--primary .nav__item:hover:after {
    opacity: 1
}

.nav--primary .nav__item--search {
    width: 2rem
}

.nav--primary .nav__item--search .nav__item__icon {
    position: absolute;
    transition: opacity .2s, visibility .2s
}

.nav--primary .nav__item--search .nav__item__icon--close {
    opacity: 0;
    visibility: hidden
}

.nav--primary .nav__item--search.is-active .nav__item__icon--close {
    opacity: 1;
    visibility: visible
}

.nav--primary .nav__item--search.is-active .nav__item__icon--search {
    opacity: 0;
    visibility: hidden
}

.nav--primary .nav__item.is-hover:after {
    opacity: 1
}

@media only screen and (max-width:1024px) {
    .nav--primary {
        display: block
    }

    .nav--primary a.nav__item:hover {
        color: #7b9e38
    }

    .nav--primary .nav__item {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 1.5rem 0;
        transition: color .2s
    }

    .nav--primary .nav__item:after {
        content: none
    }

    .nav--primary .nav__item+.nav__item {
        margin-left: 0
    }
}

.nav--secondary {
    display: flex;
    align-self: center
}

.nav--secondary .nav__item {
    color: #000;
    transition: color .2s
}

.nav--secondary .nav__item+.nav__item:before {
    content: '\2022';
    margin-left: 1rem;
    margin-right: 1rem
}

.nav--secondary .nav__item:hover span {
    text-decoration: underline
}

.nav--secondary .nav__item.is-active {
    color: #7b9e38
}

@media only screen and (max-width:768px) {
    .nav--secondary {
        flex-direction: column
    }

    .nav--secondary .nav__item {
        margin-bottom: 2.8rem
    }

    .nav--secondary .nav__item+.nav__item:before {
        content: none
    }
}

.nav--tertiary {
    display: flex;
    gap: 32px
}

.nav--tertiary a.nav__item:hover {
    color: #7b9e38
}

.nav--tertiary .nav__item {
    color: #0b2845;
    transition: color .2s;
    font-size: 1.3rem;
    line-height: 1.3rem
}

.nav--tertiary .nav__item.is-copyright:hover {
    color: #000
}

.nav--tertiary .nav__item.is-active {
    color: #7b9e38
}

.panel--article .panel__inner {
    padding-left: 10rem;
    margin-right: -1rem
}

.panel--article .panel__body {
    display: flex;
    align-items: flex-start
}

.panel--article .panel__left,
.panel--article .panel__right {
    box-sizing: border-box;
    width: 49.107142857142854%
}

.panel--article .panel__left {
    margin-right: 3rem
}

.panel--article .panel__top {
    margin-bottom: 4rem
}

.panel--article p {
    margin-bottom: 3rem
}

.panel--article p:last-of-type {
    margin-bottom: 0
}

.panel--article--primary .panel__inner {
    margin-right: 0;
    padding-top: 7rem;
    padding-right: 10rem;
    padding-bottom: 7rem;
    background: #fff;
    margin-right: -11rem
}

.panel--article--primary .panel__top {
    margin-bottom: 6rem
}

.panel--article--primary .panel__left,
.panel--article--primary .panel__right {
    width: 48.67256637168141%
}

.panel--article--reversed .panel__body {
    flex-direction: row-reverse
}

.panel--article--reversed .panel__left {
    margin-right: 0;
    margin-left: 3rem
}

@media only screen and (max-width:1024px) {
    .panel--article .panel__body {
        flex-direction: column
    }

    .panel--article .panel__left {
        margin: 0;
        width: 100%
    }

    .panel--article .panel__right {
        width: 100%;
        margin-top: 3rem
    }
}

@media only screen and (max-width:768px) {
    .panel--article .panel__inner {
        padding: 3rem 3rem 0;
        margin-left: -1.5rem;
        margin-right: -1.5rem
    }

    .panel--article .panel__top {
        margin-bottom: 2.5rem
    }

    .panel--article p {
        margin-bottom: 3rem
    }

    .panel--article--primary .panel__inner {
        padding-bottom: 4rem
    }
}

.panel--chiffres .panel__right {
    padding-top: 6rem;
    padding-bottom: 3rem
}

.panel--chiffres .keyfigures--grid .keyfigure__item {
    padding: 0 2rem;
    color: #fff;
    border-left: .1rem solid #fff
}

.panel--chiffres .keyfigures--grid .keyfigure__item .border-green {
    border-left: .1rem solid #7b9e38
}

.panel--chiffres.panel--chiffres--light .keyfigures--grid .keyfigure__item {
    border-left: .1rem solid #7b9e38
}

.panel--chiffres.panel--chiffres--light .keyfigures--grid .keyfigure__item:nth-child(even) {
    border-left: .1rem solid #7b9e38
}

@media only screen and (max-width:768px) {
    .panel--chiffres .panel__left {
        position: static;
        padding: 2rem 3rem 3rem
    }
}

.panel--keyfigures .panel__inner {
    position: relative;
    display: flex
}

.panel--keyfigures .panel__left,
.panel--keyfigures .panel__right {
    box-sizing: border-box
}

.panel--keyfigures .panel__left {
    position: absolute;
    padding: 4rem 6rem;
    background: #fff;
    width: 31.353383458646615%;
    z-index: 1
}

.panel--keyfigures .panel__right {
    width: 76.54135338345864%;
    margin-left: 23.458646616541355%;
    margin-top: 6rem;
    padding-left: 11.12781954887218%;
    padding-right: 11rem;
    padding-top: 6rem;
    padding-bottom: 3rem;
    background: #7b9e38
}

.panel--keyfigures--grid .panel__inner {
    display: grid;
    grid-column-gap: 3rem
}

.panel--keyfigures--grid-4 .panel__inner {
    grid-template-columns: 1fr 1fr 1fr 1fr
}

.panel--keyfigures--grid-3 .panel__inner {
    grid-template-columns: 1fr 1fr 1fr
}

@media only screen and (max-width:1024px) {
    .panel--keyfigures .panel__inner {
        display: block
    }

    .panel--keyfigures--grid .panel__inner {
        display: grid
    }

    .panel--keyfigures--grid-3 .panel__inner,
    .panel--keyfigures--grid-4 .panel__inner {
        grid-template-columns: 1fr 1fr;
        grid-row-gap: 3rem
    }

    .panel--keyfigures .panel__left {
        position: static;
        width: 100%
    }

    .panel--keyfigures .panel__right {
        width: 100%;
        margin-left: 0;
        margin-top: 0
    }
}

@media only screen and (max-width:768px) {
    .panel--keyfigures .panel__inner {
        display: block;
        margin-left: -1.5rem;
        margin-right: -1.5rem
    }

    .panel--keyfigures .panel__left,
    .panel--keyfigures .panel__right {
        width: auto
    }

    .panel--keyfigures .panel__left {
        position: static;
        padding: 2rem 3rem 3rem
    }

    .panel--keyfigures .panel__right {
        margin: 0;
        padding: 0
    }

    .panel--keyfigures--grid-3 .panel__inner,
    .panel--keyfigures--grid-4 .panel__inner {
        margin-left: 0;
        margin-right: 0
    }
}

.panel--careers .panel__title {
    text-align: center
}

@media only screen and (max-width:768px) {
    .panel--careers .panel__inner {
        margin-left: -1.5rem;
        margin-right: -1.5rem
    }

    .panel--careers .panel__left {
        padding: 0 9.5rem
    }

    .panel--careers .btn--primary {
        margin-bottom: 2rem
    }
}

.panel--carousel .panel__carousel {
    position: relative;
    width: 68%
}

.panel--carousel .panel__carousel:before {
    content: '';
    position: absolute;
    right: 100%;
    width: 9999rem;
    height: 100%;
    background: #f5f5f5;
    z-index: 3
}

@media only screen and (max-width:1024px) {
    .panel--carousel .panel__carousel {
        width: 100%;
        padding-bottom: 12rem
    }
}

@media only screen and (max-width:1024px) {
    .panel--events .grid {
        grid-template-columns: 1fr 1fr
    }
}

@media only screen and (max-width:768px) {
    .panel--events .grid {
        display: block
    }

    .panel--events .grid__item {
        margin-bottom: 1.5rem
    }
}

.panel--exergue .panel__inner {
    position: relative;
    display: flex;
    padding-top: 8rem;
    padding-bottom: 5.6rem;
    padding-left: 9.31899641577061%;
    background: #2a568f
}

.panel--exergue .panel__inner:after,
.panel--exergue .panel__inner:before {
    position: absolute;
    content: '';
    top: 0;
    bottom: 0;
    width: 999rem;
    background: #2a568f
}

.panel--exergue .panel__inner:after {
    left: 100%
}

.panel--exergue .panel__inner:before {
    right: 100%;
    display: none
}

.panel--exergue .panel__left,
.panel--exergue .panel__right {
    width: 48.51485148514851%
}

.panel--exergue .panel__left {
    margin-right: 3rem
}

.panel--exergue .panel__left .panel__title {
    margin-bottom: 3.2rem
}

.panel--exergue .panel__right {
    display: flex;
    flex-direction: column
}

.panel--exergue .panel__right .panel__img {
    width: 100%
}

@media only screen and (max-width:768px) {
    .panel--exergue .panel__inner {
        flex-direction: column;
        padding-top: 4rem;
        padding-bottom: 4rem;
        padding-left: 0
    }

    .panel--exergue .panel__inner:before {
        display: inherit
    }

    .panel--exergue .panel__left,
    .panel--exergue .panel__right {
        width: 100%
    }

    .panel--exergue .panel__left .panel__title {
        margin-bottom: 2.4rem
    }

    .panel--exergue .panel__right {
        margin-top: 3.2rem
    }
}

.panel--finance .panel__body {
    display: flex;
    margin-left: 1.5rem;
    margin-right: 1.5rem
}

.panel--finance .panel__left {
    width: 31.557377049180328%
}

.panel--finance .panel__right {
    box-sizing: border-box;
    width: 63.52459016393443%;
    margin-left: 3rem
}

@media only screen and (max-width:1024px) {
    .panel--finance .panel__body {
        flex-direction: column
    }

    .panel--finance .panel__left {
        width: 50%;
        margin-bottom: 3rem
    }

    .panel--finance .panel__right {
        margin-left: 0;
        width: auto
    }
}

@media only screen and (max-width:768px) {
    .panel--finance .panel__left {
        width: auto;
        margin-bottom: 0
    }
}

.panel--green .panel__inner {
    padding: 7rem 0;
    background-size: cover;
    background-position: center center
}

.panel--green .panel__body {
    display: flex;
    gap: 0 5.4rem;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 2
}

.panel--green .panel__body .btn {
    display: inline-flex
}

.panel--magazine-articles .panel__inner {
    padding-bottom: 6.4rem;
    background: #fff
}

.panel--magazine-articles .panel__inner>.row:first-of-type {
    background: #2a568f;
    padding: 2rem 2rem 0 2rem
}

@media only screen and (max-width:1024px) {
    .panel--magazine-articles .panel__inner>.row:first-of-type {
        padding: 2rem
    }
}

.panel--magazine-articles .panel__inner>.row:first-of-type .list--magazine-filters .list__item:before {
    background: #fff
}

.panel--magazine-articles .panel__inner>.row:first-of-type .list--magazine-filters .list__item.is-active .list__item__link {
    color: #fff
}

.panel--magazine-articles .panel__inner>.row:first-of-type .list--magazine-filters .list__item__link {
    color: #fff
}

.panel--magazine-articles .panel__inner>.row:first-of-type .list--magazine-filters .list__item:hover .list__item__link {
    color: #fff
}

.panel--magazine-articles .panel__inner>.row:nth-of-type(2) {
    background: #f5f5f5;
    padding: 0 2rem 0 2rem
}

.panel--magazine-articles .panel__inner>.row:nth-of-type(2) .list--magazine-filters .list__item:before {
    background: #2a568f
}

.panel--magazine-articles .panel__inner>.row:nth-of-type(2) .list--magazine-filters .list__item.is-active .list__item__link {
    color: #2a568f
}

.panel--magazine-articles .panel__inner>.row:nth-of-type(2) .list--magazine-filters .list__item__link {
    color: #000
}

.panel--magazine-articles .panel__inner>.row:nth-of-type(2) .list--magazine-filters .list__item:hover .list__item__link {
    color: #2a568f
}

.panel--magazine-articles .panel__inner>.row:nth-of-type(3) {
    background: #f5f5f5;
    padding-bottom: 4rem
}

.panel--magazine-articles .panel__subtop,
.panel--magazine-articles .panel__top {
    display: flex;
    align-items: flex-start;
    border-bottom: .1rem solid #d8d8d8;
    color: #fff
}

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

    .panel--magazine-articles .panel__subtop,
    .panel--magazine-articles .panel__top {
        border-bottom: none
    }
}

.panel--magazine-articles .panel__top__right {
    margin-left: 18rem
}

@media only screen and (max-width:1200px) {
    .panel--magazine-articles .panel__top__right {
        margin-left: 6rem
    }
}

@media only screen and (max-width:1024px) {
    .panel--magazine-articles .panel__top__right {
        padding-left: 0;
        margin-left: 0;
        width: 100%
    }

    .panel--magazine-articles .panel__top__right .filters__title {
        display: none
    }

    .panel--magazine-articles .panel__top__right .list--magazine-filters--responsive {
        border: 1px solid #d8d8d8
    }
}

@media only screen and (max-width:1024px) {
    .panel--magazine-articles .panel__top__left {
        margin-bottom: 4rem
    }
}

.panel--magazine-articles .panel__subtop {
    padding: 2.4rem 0 0 0;
    justify-content: center
}

@media only screen and (max-width:1024px) {
    .panel--magazine-articles .panel__subtop {
        padding: 2.4rem 0
    }
}

.panel--magazine-articles .panel__subtop .list--magazine-filters--responsive {
    border: 1px solid #d8d8d8
}

.panel--magazine-articles .panel__body {
    padding-top: 6.4rem
}

.panel--magazine-articles .panel__bottom {
    padding-top: 8rem
}

.panel--magazine-articles .panel__bottom .link {
    cursor: pointer
}

@media only screen and (max-width:1024px) {
    .panel--magazine-articles .panel__top {
        flex-direction: column
    }
}

.panel--magazine-highlight .panel__inner {
    position: relative;
    padding-top: 8rem;
    padding-bottom: 8rem
}

.panel--magazine-highlight .row {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch
}

.panel--magazine-highlight .row>.cell-6 {
    display: flex
}

.panel--magazine-highlight .row>.cell-6 .box--mag-article--big {
    width: 100%
}

@media only screen and (max-width:768px) {
    .panel--magazine-highlight .panel__inner {
        padding-top: 4rem;
        padding-bottom: 4rem
    }

    .panel--magazine-highlight .row {
        display: block
    }

    .panel--magazine-highlight .row>.cell-6 {
        display: block
    }
}

.panel--magazine-questions .panel__inner {
    padding-top: 8rem;
    padding-bottom: 8rem;
    background: #fff
}

@media only screen and (max-width:1024px) {
    .panel--magazine-questions .panel__inner {
        padding-top: 6.4rem;
        padding-bottom: 6.4rem
    }
}

.panel--magazine-questions .panel__top {
    display: flex;
    justify-content: center
}

.panel--magazine-questions .panel__body {
    display: flex;
    padding-top: 8rem
}

@media only screen and (max-width:1024px) {
    .panel--magazine-questions .panel__body {
        flex-direction: column;
        padding-top: 2rem
    }
}

.panel--magazine-questions .panel__body__left {
    width: 22.950819672131146%
}

@media only screen and (max-width:1024px) {
    .panel--magazine-questions .panel__body__left {
        width: 100%
    }
}

.panel--magazine-questions .panel__body__left__inner {
    position: relative;
    padding: 3.2rem 0 4rem;
    background: #2a568f
}

.panel--magazine-questions .panel__body__left__inner a {
    text-decoration: none;
    color: #fff;
}

@media only screen and (max-width:1024px) {
    .panel--magazine-questions .panel__body__left__inner {
        background: 0 0
    }
}

.panel--magazine-questions .panel__body__left__inner:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    width: 999rem;
    right: 100%;
    background: inherit
}

@media only screen and (max-width:1024px) {
    .panel--magazine-questions .panel__body__left__inner:before {
        display: none
    }
}

.panel--magazine-questions .panel__body__right {
    margin-left: 11.147540983606557%;
    width: 65.90163934426229%
}

@media only screen and (max-width:1024px) {
    .panel--magazine-questions .panel__body__right {
        width: 100%;
        margin-left: 0
    }
}

.panel--magazine-questions .panel__bottom {
    padding-top: 8rem
}

.panel--magazine-questions .panel__bottom .link {
    cursor: pointer
}

.panel--presse .panel__inner {
    display: flex;
    flex-direction: row;
    flex-flow: row nowrap
}

.panel--presse .panel__left {
    margin-top: 8rem;
    padding: 8rem 0;
    width: 92.36111111111111%;
    background: #fff
}

.panel--presse .panel__left__inner {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-left: 8.270676691729323%;
    margin-right: 47.067669172932334%
}

.panel--presse .panel__right {
    width: 41.66666666666667%;
    margin-bottom: 8rem;
    margin-left: -34.02777777777778%;
    box-sizing: border-box
}

.panel--presse .panel__right__inner {
    padding: 8rem 10rem 9rem;
    background: #2a568f;
    color: #fff
}

@media only screen and (max-width:1024px) {
    .panel--presse .grid--half {
        grid-template-columns: 1fr 1fr
    }

    .panel--presse .panel__right {
        width: 50%
    }

    .panel--presse .panel__right__inner {
        padding: 8rem
    }
}

@media only screen and (max-width:768px) {
    .panel--presse .panel__inner {
        display: block
    }

    .panel--presse .panel__left,
    .panel--presse .panel__right {
        width: 100%;
        margin: 0
    }

    .panel--presse .panel__left {
        padding: 3rem 0 4rem;
        margin: 0
    }

    .panel--presse .panel__left__inner,
    .panel--presse .panel__right__inner {
        margin-left: 3rem;
        margin-right: 3rem
    }

    .panel--presse .panel__right {
        background: #2a568f
    }

    .panel--presse .panel__right__inner {
        padding: 3rem 0
    }
}

.panel--pushs-implantations .panel__pushs {
    max-width: 100%;
    width: 144rem;
    margin: 0 auto;
    display: flex;
    height: 49.5rem
}

.panel--pushs-implantations .panel__pushs__left,
.panel--pushs-implantations .panel__pushs__right {
    display: flex;
    justify-content: center;
    align-items: center;
    background-size: cover
}

.panel--pushs-implantations .panel__pushs__left {
    width: 34.375%;
    background: url(../images/panels/panel-push-implantations.png) no-repeat center center
}

.panel--pushs-implantations .panel__pushs__right {
    width: 65.625%
}

@media only screen and (max-width:1024px) {
    .panel--pushs-implantations .panel__pushs__left {
        width: 50%
    }

    .panel--pushs-implantations .panel__pushs__right {
        width: 50%
    }
}

@media only screen and (max-width:768px) {
    .panel--pushs-implantations .panel__pushs {
        height: auto;
        flex-direction: column
    }

    .panel--pushs-implantations .panel__pushs__left,
    .panel--pushs-implantations .panel__pushs__right {
        width: 100%;
        height: 37.5rem;
        padding: 0 3rem;
        box-sizing: border-box;
        background-size: cover;
        background-position: center
    }
}

.panel--ressources-publications .grid--half {
    display: block
}

.panel--ressources-publications.column {
    margin: 7rem 0
}

.panel--ressources .panel__no-results {
    opacity: 0;
    pointer-events: none;
    transition-property: opacity;
    transition-delay: 0;
    transition-duration: .2s
}

.panel--ressources .panel__no-results.is-visible {
    opacity: 1;
    pointer-events: all;
    transition-delay: .2s
}

.panel--ressources .grid--ressources .grid__item {
    position: absolute;
    transform: translateY(50%) translateX(5%);
    opacity: 0;
    pointer-events: none;
    transition-property: opacity, position, transform;
    transition-delay: 0, 0, .2s;
    transition-duration: .2s
}

.panel--ressources .grid--ressources .grid__item.is-visible {
    position: relative;
    pointer-events: all;
    opacity: 1;
    transform: none
}

@media only screen and (max-width:768px) {
    .panel--ressources .grid {
        grid-template-columns: 1fr 1fr
    }

    .panel--ressources .panel__inner .grid:first-of-type {
        display: block
    }

    .panel--ressources .panel__inner .grid__item {
        margin-bottom: 1.5rem
    }

    .panel--ressources .panel__inner .grid__item:last-of-type {
        margin-bottom: 0
    }
}

.panel--rse .panel__inner {
    position: relative;
    text-align: center;
    padding: 7rem 0;
    background-size: cover;
    background-position: center center
}

.panel--rse .panel__inner:after {
    content: '';
    background: rgba(0, 0, 0, .2);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.panel--rse .panel__body {
    position: relative;
    z-index: 2
}

.panel--rse .panel__body .btn {
    display: inline-flex
}

.panel--search {
    background: #f5f5f5
}

.panel--search .panel__search {
    position: relative;
    margin-top: -4rem;
    width: 100%
}

.panel--search .panel__search__input {
    width: 100%;
    padding: 2.8rem 8.2rem 2.8rem 3rem;
    background: #fff;
    border: none;
    border-radius: .3rem
}

.panel--search .panel__search__icon {
    position: absolute;
    top: 50%;
    right: 3rem;
    transform: translateY(-50%);
    pointer-events: none
}

.panel--search .panel__search__icon .icon {
    width: 2.2rem;
    height: 2.2rem
}

.panel--search .panel__results__indication {
    color: #7b7b7b;
    padding-bottom: 2.5rem;
    border-bottom: .1rem solid #d8d8d8
}

.panel--search .panel__results__none {
    margin-top: 4rem
}

.panel--search .panel__results__none p {
    margin-bottom: 2rem
}

.panel--search .panel__filters {
    padding: 3.6rem 7.5rem 4rem 11rem;
    background: #fff
}

.panel--search .panel__body {
    display: flex
}

.panel--search .panel__left {
    width: 27.083333333333332%
}

.panel--search .panel__right {
    margin-left: 9.375%;
    width: 55.76388888888889%
}

@media only screen and (max-width:1024px) {
    .panel--search .panel__search__input {
        padding: 2rem 8.2rem 2rem 3rem
    }

    .panel--search .panel__body {
        display: block
    }

    .panel--search .panel__left,
    .panel--search .panel__right {
        width: auto;
        padding-left: 3rem;
        padding-right: 3rem;
        margin-left: 0
    }

    .panel--search .panel__filters {
        position: relative;
        margin-left: 0;
        padding: 0
    }

    .panel--search .panel__filters__top {
        padding: 1.5rem 1.6rem;
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    .panel--search .panel__results {
        margin-top: 3rem
    }
}

.panel--trombi-carousel {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding-bottom: 0;
    z-index: 8
}

.panel--trombi-carousel .panel__inner {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5)
}

.panel--trombi-carousel .panel__wrapper {
    position: relative;
    height: 100vh
}

.panel--trombi-carousel .panel__close {
    position: absolute;
    right: 2rem;
    top: 2rem
}

.panel--trombi-carousel .panel__boxes {
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.panel--trombi-carousel .panel__control--next,
.panel--trombi-carousel .panel__control--prev {
    position: absolute;
    left: -3rem
}

.push-document {
    position: relative;
    padding: 6.4rem 0
}

.push-document .row {
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

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

    .push-document .col-left,
    .push-document .col-right {
        width: 100% !important
    }
}

@media only screen and (max-width:768px) {
    .push-document .col-left {
        margin-bottom: 25px
    }
}

.push-document__bg {
    position: absolute;
    top: 0;
    left: 11rem;
    height: 100%;
    width: 100%;
    background-color: #3f6643
}

@media only screen and (max-width:768px) {
    .push-document__bg {
        left: 0
    }
}

.push-document__inner {
    color: #fff
}

.push-document__inner__left {
    max-width: 632px
}

.push-document__inner__title {
    margin-bottom: 2.2rem;
    font-size: 3.1rem;
    line-height: 3.4rem;
    font-weight: 700;
    font-family: Fedra, sans-serif
}

@media only screen and (max-width:768px) {
    .push-document__inner__title {
        font-size: 2rem;
        line-height: 2.4rem
    }
}

.push-document__inner .rte {
    font-size: 2rem;
    line-height: 2.8rem;
    margin-bottom: 2.4rem
}

.push-document__inner__document {
    position: relative
}

@media only screen and (max-width:768px) {
    .push-document__inner__document {
        max-width: 240px;
        margin: 0 auto
    }
}

.push-document__inner__document img {
    max-width: 282px
}

@media only screen and (max-width:1024px) {
    .push-document__inner__document img {
        max-width: 100%
    }
}

.push-document__inner__document .btn {
    position: absolute;
    left: 106px;
    top: 60%;
    white-space: nowrap;
    transform: translateY(-50%)
}

@media only screen and (max-width:1024px) {
    .push-document__inner__document .btn {
        left: 15px
    }
}

.push-document.column {
    margin: 7rem 0
}

@media only screen and (min-width:1025px) {
    .push-document.column .push-document__bg {
        left: 16%
    }
}

.push-form-flexible .article__block__inner {
    padding-right: 0
}

.push-form-flexible .nf-form-content nf-fields-wrap nf-field:last-child,
.push-form-flexible .nf-form-content nf-fields-wrap nf-field:nth-last-child(2) {
    grid-column: span 2
}

.push-form-flexible .nf-form-content nf-fields-wrap nf-field:last-child {
    justify-self: start
}

/* correctif pour hcaptcha fantome */
.push-form .h-captcha::before,
.push-form .h-captcha:before,
.push-form-flexible .h-captcha::before,
.push-form-flexible .h-captcha:before {
    content: none !important;
    display: none !important
}
/* fin du correctif */

.push-form {
    margin: 8rem 0
}

.push-form__title {
    color: #7b9e38;
    margin-bottom: 4rem
}

.push-form__subhead {
    margin-bottom: 4rem
}

.push-form__form {
    padding: 8rem 11rem 9rem;
    background-color: #fff
}

@media only screen and (max-width:1024px) {
    .push-form__form {
        padding: 5rem
    }
}

@media only screen and (max-width:768px) {
    .push-form__form {
        padding: 3rem
    }
}

.push-form .nf-form-content nf-fields-wrap nf-field:nth-child(6n) {
    grid-column: span 2
}

.push-form .nf-form-content nf-fields-wrap nf-field:last-child {
    justify-self: start
}

.push-imgs-links {
    margin: 8rem 0
}

@media only screen and (max-width:1024px) {
    .push-imgs-links .row>[class*=cell] {
        width: 100% !important
    }
}

.push-imgs-links__title {
    color: #7b9e38;
    margin-bottom: 4rem
}

.push-imgs-links a.push-imgs-links__item {
    display: block !important;
    text-align: center;
    color: #222;
    font-weight: 700;
    font-size: 2.4rem;
    line-height: 3rem;
    font-family: Fedra, sans-serif
}

@media only screen and (max-width:1024px) {
    .push-imgs-links a.push-imgs-links__item {
        font-size: 1.8rem;
        line-height: 2.2rem
    }
}

.push-imgs-links a.push-imgs-links__item img {
    width: 100%;
    height: auto;
    margin-bottom: 3.2rem
}

@media only screen and (max-width:768px) {
    .push-imgs-links__item {
        margin-bottom: 30px
    }

    .push-imgs-links__item:last-child {
        margin-bottom: 0
    }
}

.push-imgs-links__link {
    margin-top: 4rem;
    text-align: center
}

.block_energies a.push-imgs-links__item img {
    height: 258px !important;
    object-fit: cover
}

.push--magazine {
    position: relative;
    background: #2a568f;
    z-index: 4
}

.push--magazine:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-size: cover;
    opacity: .8;
    background-image: url(../images/panels/panel-background-topo-dark-blue.svg)
}

.push--magazine .push__inner {
    padding-top: 6.4rem;
    padding-bottom: 6.4rem;
    color: #fff
}

.push--magazine .push__top {
    margin-bottom: 1.6rem
}

.push--magazine .push__body {
    margin-bottom: 4rem
}

.push--multiple .push__inner {
    border-top: .1rem solid #d8d8d8;
    border-bottom: .1rem solid #d8d8d8;
    padding-top: 1.6rem;
    padding-bottom: 3.2rem
}

.push--multiple .push__list .list__item {
    position: relative;
    padding-left: 1.6rem
}

.push--multiple .push__list .list__item:before {
    content: '\2022';
    position: absolute;
    top: -.1rem;
    left: 0
}

.push--multiple .push__title {
    display: block;
    color: #000;
    margin-top: .8rem;
    transition: color .2s ease-in-out
}

.push--multiple .push__title:hover {
    color: #7b9e38
}

.push--simple .push__inner {
    border-top: .1rem solid #d8d8d8;
    border-bottom: .1rem solid #d8d8d8;
    padding-top: 1.6rem;
    padding-bottom: 3.2rem
}

.push--simple .push__title {
    display: block;
    color: #000;
    margin-top: .8rem;
    transition: color .2s ease-in-out
}

.push--simple .push__title:hover {
    color: #7b9e38
}

.push-two-blocks {
    margin-top: 8rem
}

@media only screen and (max-width:768px) {
    .push-two-blocks .col-item {
        margin-bottom: 24px
    }

    .push-two-blocks .col-item:last-child {
        margin-bottom: 0
    }
}

.push-two-blocks .row {
    padding-left: 2rem;
    padding-right: 2rem
}

.push-two-blocks__item {
    width: 100%;
    min-height: 420px;
    box-sizing: border-box;
    background-color: #3f6643;
    padding: 96px 32px;
    padding-right: 74px;
    background-size: cover;
    background-position: center
}

.push-two-blocks__item__title {
    color: #fff;
    font-size: 3.6rem;
    line-height: 4.5rem;
    margin-bottom: 3.2rem;
    font-weight: 700;
    font-family: Fedra, sans-serif
}

.lr-author,
.lr-quote {
    position: relative
}

.lr-author__background,
.lr-quote__background {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-size: cover;
    background-position: center center;
    opacity: .8;
    z-index: 0
}

.lr-author__bottom,
.lr-author__text,
.lr-quote__bottom,
.lr-quote__text {
    color: #fff
}

.lr-author__text,
.lr-quote__text {
    text-align: left
}

.article-fundation-template-tpl-fundation-article .lr-author__text,
.article-fundation-template-tpl-fundation-article .lr-quote__text,
.article-fundation-template-tpl-fundation-longread .lr-author__text,
.article-fundation-template-tpl-fundation-longread .lr-quote__text {
    text-align: center
}

.lr-author__bottom,
.lr-quote__bottom {
    display: flex;
    align-items: center;
    margin-left: auto;
    margin-right: auto
}

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

    .lr-author__bottom,
    .lr-quote__bottom {
        max-width: 100%
    }
}

.lr-author__bottom__left,
.lr-quote__bottom__left {
    border-radius: 100%;
    overflow: hidden;
    flex-shrink: 0
}

.lr-author.lr-author--simple,
.lr-author.lr-quote--simple,
.lr-quote.lr-author--simple,
.lr-quote.lr-quote--simple {
    background: 0 0
}

.lr-author.lr-author--simple .lr-author__text,
.lr-author.lr-author--simple .lr-quote__text,
.lr-author.lr-quote--simple .lr-author__text,
.lr-author.lr-quote--simple .lr-quote__text,
.lr-quote.lr-author--simple .lr-author__text,
.lr-quote.lr-author--simple .lr-quote__text,
.lr-quote.lr-quote--simple .lr-author__text,
.lr-quote.lr-quote--simple .lr-quote__text {
    color: #7b9e38
}

.lr-author.lr-author--simple .lr-author__text:after,
.lr-author.lr-author--simple .lr-author__text:before,
.lr-author.lr-author--simple .lr-quote__text:after,
.lr-author.lr-author--simple .lr-quote__text:before,
.lr-author.lr-quote--simple .lr-author__text:after,
.lr-author.lr-quote--simple .lr-author__text:before,
.lr-author.lr-quote--simple .lr-quote__text:after,
.lr-author.lr-quote--simple .lr-quote__text:before,
.lr-quote.lr-author--simple .lr-author__text:after,
.lr-quote.lr-author--simple .lr-author__text:before,
.lr-quote.lr-author--simple .lr-quote__text:after,
.lr-quote.lr-author--simple .lr-quote__text:before,
.lr-quote.lr-quote--simple .lr-author__text:after,
.lr-quote.lr-quote--simple .lr-author__text:before,
.lr-quote.lr-quote--simple .lr-quote__text:after,
.lr-quote.lr-quote--simple .lr-quote__text:before {
    position: relative;
    display: inline-flex;
    content: '';
    height: 1.9rem;
    width: 2rem;
    background-size: cover
}

.lr-author.lr-author--simple .lr-author__text:before,
.lr-author.lr-author--simple .lr-quote__text:before,
.lr-author.lr-quote--simple .lr-author__text:before,
.lr-author.lr-quote--simple .lr-quote__text:before,
.lr-quote.lr-author--simple .lr-author__text:before,
.lr-quote.lr-author--simple .lr-quote__text:before,
.lr-quote.lr-quote--simple .lr-author__text:before,
.lr-quote.lr-quote--simple .lr-quote__text:before {
    top: -.8rem;
    margin-right: .8rem;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjIxIiBoZWlnaHQ9IjE5IiB2aWV3Qm94PSIwIDAgMjEgMTkiPiAgPHBhdGggZmlsbD0iIzcxQTAxRCIgZD0iTTguMjQxMDQzNDgsLTMuMTA4NjI0NDdlLTEzIEw4LjI0MTA0MzQ4LDMuODI4IEM2Ljc3MTcxMDE0LDQuMzMwNjY2NjcgNS43NjYzNzY4MSw1LjA3NSA1LjIyNTA0MzQ4LDYuMDYxIEM0LjY4MzcxMDE0LDcuMDQ3IDQuNDEzMDQzNDgsOC4yNTUzMzMzMyA0LjQxMzA0MzQ4LDkuNjg2IEw0LjQxMzA0MzQ4LDkuNjg2IEw4LjI0MTA0MzQ4LDkuNjg2IEw4LjI0MTA0MzQ4LDE4LjYxOCBMMC4wMDUwNDM0NzgyNiwxOC42MTggTDAuMDA1MDQzNDc4MjYsOS43NDQgQy0wLjAzMzYyMzE4ODQsOC40NjggMC4xNTAwNDM0NzgsNy4yNjkzMzMzMyAwLjU1NjA0MzQ3OCw2LjE0OCBDMC45NjIwNDM0NzgsNS4wMjY2NjY2NyAxLjUzMjM3NjgxLDQuMDQwNjY2NjcgMi4yNjcwNDM0OCwzLjE5IEMzLjAwMTcxMDE0LDIuMzM5MzMzMzMgMy44ODEzNzY4MSwxLjYzMzY2NjY3IDQuOTA2MDQzNDgsMS4wNzMgQzUuOTMwNzEwMTQsMC41MTIzMzMzMzMgNy4wNDIzNzY4MSwwLjE1NDY2NjY2NyA4LjI0MTA0MzQ4LC0zLjEwODYyNDQ3ZS0xMyBMOC4yNDEwNDM0OCwtMy4xMDg2MjQ0N2UtMTMgWiBNMjAuMjQxMDQzNSwtMy4xMDg2MjQ0N2UtMTMgTDIwLjI0MTA0MzUsMy44MjggQzE4Ljc3MTcxMDEsNC4zMzA2NjY2NyAxNy43NjYzNzY4LDUuMDc1IDE3LjIyNTA0MzUsNi4wNjEgQzE2LjY4MzcxMDEsNy4wNDcgMTYuNDEzMDQzNSw4LjI1NTMzMzMzIDE2LjQxMzA0MzUsOS42ODYgTDE2LjQxMzA0MzUsOS42ODYgTDIwLjI0MTA0MzUsOS42ODYgTDIwLjI0MTA0MzUsMTguNjE4IEwxMi4wMDUwNDM1LDE4LjYxOCBMMTIuMDA1MDQzNSw5Ljc0NCBDMTEuOTY2Mzc2OCw4LjQ2OCAxMi4xNTAwNDM1LDcuMjY5MzMzMzMgMTIuNTU2MDQzNSw2LjE0OCBDMTIuOTYyMDQzNSw1LjAyNjY2NjY3IDEzLjUzMjM3NjgsNC4wNDA2NjY2NyAxNC4yNjcwNDM1LDMuMTkgQzE1LjAwMTcxMDEsMi4zMzkzMzMzMyAxNS44ODEzNzY4LDEuNjMzNjY2NjcgMTYuOTA2MDQzNSwxLjA3MyBDMTcuOTMwNzEwMSwwLjUxMjMzMzMzMyAxOS4wNDIzNzY4LDAuMTU0NjY2NjY3IDIwLjI0MTA0MzUsLTMuMTA4NjI0NDdlLTEzIEwyMC4yNDEwNDM1LC0zLjEwODYyNDQ3ZS0xMyBaIi8+PC9zdmc+) no-repeat center center
}

.lr-author.lr-author--simple .lr-author__text:after,
.lr-author.lr-author--simple .lr-quote__text:after,
.lr-author.lr-quote--simple .lr-author__text:after,
.lr-author.lr-quote--simple .lr-quote__text:after,
.lr-quote.lr-author--simple .lr-author__text:after,
.lr-quote.lr-author--simple .lr-quote__text:after,
.lr-quote.lr-quote--simple .lr-author__text:after,
.lr-quote.lr-quote--simple .lr-quote__text:after {
    bottom: -.8rem;
    margin-left: .8rem;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjIxIiBoZWlnaHQ9IjE5IiB2aWV3Qm94PSIwIDAgMjEgMTkiPiAgPHBhdGggZmlsbD0iIzcxQTAxRCIgZD0iTTQ4OS4yNDEwNDMsMTMzIEw0ODkuMjQxMDQzLDEzNi44MjggQzQ4Ny43NzE3MSwxMzcuMzMwNjY3IDQ4Ni43NjYzNzcsMTM4LjA3NSA0ODYuMjI1MDQzLDEzOS4wNjEgQzQ4NS42ODM3MSwxNDAuMDQ3IDQ4NS40MTMwNDMsMTQxLjI1NTMzMyA0ODUuNDEzMDQzLDE0Mi42ODYgTDQ4NS40MTMwNDMsMTQyLjY4NiBMNDg5LjI0MTA0MywxNDIuNjg2IEw0ODkuMjQxMDQzLDE1MS42MTggTDQ4MS4wMDUwNDMsMTUxLjYxOCBMNDgxLjAwNTA0MywxNDIuNzQ0IEM0ODAuOTY2Mzc3LDE0MS40NjggNDgxLjE1MDA0MywxNDAuMjY5MzMzIDQ4MS41NTYwNDMsMTM5LjE0OCBDNDgxLjk2MjA0MywxMzguMDI2NjY3IDQ4Mi41MzIzNzcsMTM3LjA0MDY2NyA0ODMuMjY3MDQzLDEzNi4xOSBDNDg0LjAwMTcxLDEzNS4zMzkzMzMgNDg0Ljg4MTM3NywxMzQuNjMzNjY3IDQ4NS45MDYwNDMsMTM0LjA3MyBDNDg2LjkzMDcxLDEzMy41MTIzMzMgNDg4LjA0MjM3NywxMzMuMTU0NjY3IDQ4OS4yNDEwNDMsMTMzIEw0ODkuMjQxMDQzLDEzMyBaIE01MDEuMjQxMDQzLDEzMyBMNTAxLjI0MTA0MywxMzYuODI4IEM0OTkuNzcxNzEsMTM3LjMzMDY2NyA0OTguNzY2Mzc3LDEzOC4wNzUgNDk4LjIyNTA0MywxMzkuMDYxIEM0OTcuNjgzNzEsMTQwLjA0NyA0OTcuNDEzMDQzLDE0MS4yNTUzMzMgNDk3LjQxMzA0MywxNDIuNjg2IEw0OTcuNDEzMDQzLDE0Mi42ODYgTDUwMS4yNDEwNDMsMTQyLjY4NiBMNTAxLjI0MTA0MywxNTEuNjE4IEw0OTMuMDA1MDQzLDE1MS42MTggTDQ5My4wMDUwNDMsMTQyLjc0NCBDNDkyLjk2NjM3NywxNDEuNDY4IDQ5My4xNTAwNDMsMTQwLjI2OTMzMyA0OTMuNTU2MDQzLDEzOS4xNDggQzQ5My45NjIwNDMsMTM4LjAyNjY2NyA0OTQuNTMyMzc3LDEzNy4wNDA2NjcgNDk1LjI2NzA0MywxMzYuMTkgQzQ5Ni4wMDE3MSwxMzUuMzM5MzMzIDQ5Ni44ODEzNzcsMTM0LjYzMzY2NyA0OTcuOTA2MDQzLDEzNC4wNzMgQzQ5OC45MzA3MSwxMzMuNTEyMzMzIDUwMC4wNDIzNzcsMTMzLjE1NDY2NyA1MDEuMjQxMDQzLDEzMyBMNTAxLjI0MTA0MywxMzMgWiIgdHJhbnNmb3JtPSJyb3RhdGUoLTE4MCAyNTAuNjIgNzUuODA5KSIvPjwvc3ZnPg==) no-repeat center center
}

.lr-quote {
    background: #000
}

.lr-quote__bottom {
    max-width: 65%;
    margin-top: 6rem
}

@media only screen and (max-width:768px) {
    .lr-quote__bottom {
        max-width: 100%
    }
}

.lr-quote__inner {
    padding-top: 10.4rem;
    padding-bottom: 10.4rem
}

.lr-quote__bottom,
.lr-quote__text {
    color: #fff
}

.lr-quote__bottom__left {
    width: 10.4rem;
    height: 10.4rem;
    margin-right: 4rem
}

.lr-author__inner {
    padding-top: 2.4rem;
    padding-bottom: 2.4rem
}

.lr-author__bottom,
.lr-author__text {
    color: #000
}

.lr-author__bottom {
    background: #f5f5f5;
    padding: 2.4rem 4rem
}

@media only screen and (max-width:768px) {
    .lr-author__bottom {
        padding: 1.2rem 2rem
    }
}

.lr-author__bottom__left {
    width: 13.2rem;
    height: 13.2rem;
    margin-right: 3.2rem
}

@media only screen and (max-width:768px) {
    .lr-author__bottom__left {
        width: 6.6rem;
        height: 6.6rem;
        margin-right: 1.6rem
    }
}

.quote.quote--portrait {
    padding-top: 0;
    padding-right: 4rem;
    text-align: left
}

.quote.quote--portrait:after {
    transform: translate(0, 0);
    left: auto;
    top: -2rem;
    right: -2rem;
    color: #fff;
    opacity: .5
}

.quote__legend,
.quote__title {
    color: #fff
}

.quote {
    position: relative;
    padding-top: 3rem;
    text-align: center
}

.quote:after {
    transform: translateX(-50%);
    content: '\201D';
    position: absolute;
    left: 50%;
    top: 0;
    color: rgba(211, 219, 185, .5);
    z-index: 0
}

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

.quote__legend {
    display: block;
    margin-top: 2rem
}

.subfooter--social {
    max-width: 100%;
    width: 144rem;
    margin: 0 auto;
    background: #f5f5f5
}

.subfooter--social .subfooter__inner {
    padding: 6rem 0 9rem
}

.subfooter--social .subfooter__mobile {
    display: flex;
    align-items: center;
    justify-content: space-around
}

@media only screen and (max-width:1024px) {
    .cell-social {
        margin-bottom: 30px
    }
}

@media only screen and (max-width:768px) {
    .subfooter--social .subfooter__inner {
        padding: 6rem 0 8rem
    }
}

@media only screen and (max-width:1024px) and (max-width:768px) {
    .box__inner {
        margin-bottom: 1.5rem
    }

    :last-of-type .box__inner {
        margin-bottom: 0
    }

    --custom .box__type {
        margin-top: -1.5rem
    }

    .box--keyfigure {
        margin-bottom: 2rem
    }
}