.sr-only {
    border: 0 !important;
    clip: rect(1px, 1px, 1px, 1px) !important;
    -webkit-clip-path: inset(50%) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    white-space: nowrap !important
}

.article__wrapper--premium {
    max-width: 650px;
}

.article--single .article__header {
    max-width: 850px;
}

.seo-only {
    display: none
}

html {
    box-sizing: border-box;
    color: #383f4e;
    font-size: 62.5%;
    -webkit-font-smoothing: antialiased
}

html {
    font-family: "Helvetica Neue", Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded html {
    font-family: "Helvetica Neue", Helvetica, Arial, Roboto, sans-serif
}

body {
    font-size: 16px;
    overflow-x: hidden
}

@media(min-width: 1024px) {
    body {
        background-color: #f5f6f8
    }
}

body.bg--lighter {
    background-color: #fcfcfd
}

body.bg--white {
    background-color: #fff
}

@media print {
    body {
        font-size: 9pt;
        background-color: #fff
    }
}

body.is-locked {
    overflow: hidden;
    position: relative
}

body:not(.js-dom-ready) * {
    transition: none !important
}

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

body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ol,
ul {
    margin: 0;
    padding: 0;
    font-weight: inherit
}

img {
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    max-width: 100%;
    height: auto
}

img.lzld--loading:not([data-was-processed=true]) {
    width: 100%;
    height: 100%;
    display: block;
    background-image: url("b0f6c2f0332c98f5038d26564cdbfd5a64548eac.svg");
    background-size: contain;
    background-repeat: no-repeat
}

img:not([src]) {
    visibility: hidden
}

a {
    color: inherit;
    font-family: inherit;
    -webkit-text-decoration: none;
    text-decoration: none
}

sup,
sub {
    line-height: 0
}

.btn--premium,
.btn--base,
.btn--question-live,
.btn--send-testimony,
.btn {
    -webkit-text-decoration: none !important;
    text-decoration: none !important
}

.btn--premium,
.btn--base,
.btn--question-live,
.btn--send-testimony,
.btn {
    border-radius: .3rem;
    cursor: pointer;
    display: inline-block;
    font-size: inherit;
    font-weight: inherit;
    line-height: normal;
    padding: .8rem 1.6rem
}

.meta__icon-container,
.meta__link {
    width: 3.2rem;
    height: 3.2rem;
    background-color: rgba(0, 0, 0, 0);
    display: flex;
    align-items: center;
    justify-content: center;
    border: .1rem solid #d5d8dc;
    border-radius: 25rem
}

.icon,
.lmd-dropdown__close,
.bizdev-poster-logo--memorable,
.bizdev-poster-logo--jeux,
.bizdev-poster-logo--ateliers,
.bizdev-poster__lmd-logo,
.bizdev-list__link-arrow,
.message__dropdown-trigger:after,
.button--subscribed:before,
.icon__twitter,
.icon__email,
.icon__facebook,
.icon__messenger,
.icon__telegram,
.icon__whatsapp,
.icon__linkedin,
.icon__success,
.icon__link,
.icon__arrow-light,
.icon__arrow,
.icon__orange-money,
.icon__information,
.icon__favorites,
.icon__favorites-toparticles,
.icon__powered-qwant,
.icon__nav-connexion,
.icon__nav-my-account,
.icon__avatar,
.icon__nav-en-continu,
.icon__cross,
.icon__premium,
.icon__calendar,
.icon__search,
.icon__home,
.icon__reading-time,
.icon__clock,
.icon__user,
.icon__arrow-right {
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    flex-shrink: 0;
    height: 2rem;
    width: 2rem
}

.icon--full {
    height: 100%;
    width: 100%
}

.icon--outside {
    float: left;
    margin-top: 6px
}

.icon--outside-simple {
    float: left
}

.icon--outside-nl {
    float: left;
    margin-top: .1rem
}

@media(min-width: 768px) {
    .icon--outside-nl {
        margin-top: .2rem
    }
}

.logo,
.icon__qwant,
.logo__lemonde {
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    display: inline-block
}

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

.icon__label-live,
.icon__label-live-hero,
.icon__label-alert {
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    flex-shrink: 0
}

@media(min-width: 320px) {

    [class*=" grid-"],
    [class^=grid-] {
        display: grid;
        grid-auto-flow: dense
    }

    [class*=" grid-"].has-gutter,
    [class^=grid-].has-gutter {
        grid-gap: 1rem
    }

    [class*=" grid-"].has-gutter-l,
    [class^=grid-].has-gutter-l {
        grid-gap: 2rem
    }

    [class*=" grid-"].has-gutter-xl,
    [class^=grid-].has-gutter-xl {
        grid-gap: 4rem
    }

    [class*=" grid-"].has-gutter-live,
    [class^=grid-].has-gutter-live {
        grid-gap: 5.8rem
    }
}

@media(min-width: 320px) {

    .autogrid,
    .grid {
        display: grid;
        grid-auto-flow: column;
        grid-auto-columns: 1fr
    }

    .autogrid.has-gutter,
    .grid.has-gutter {
        grid-column-gap: 1rem
    }

    .autogrid.has-gutter-l,
    .grid.has-gutter-l {
        grid-column-gap: 2rem
    }

    .autogrid.has-gutter-xl,
    .grid.has-gutter-xl {
        grid-column-gap: 4rem
    }

    .autogrid.has-gutter-live,
    .grid.has-gutter-live {
        grid-column-gap: 5.8rem
    }
}

[class*=grid-2] {
    grid-template-columns: repeat(2, 1fr)
}

[class*=grid-template-row-2] {
    grid-template-rows: repeat(2, auto)
}

[class*=grid-3] {
    grid-template-columns: repeat(3, 1fr)
}

[class*=grid-template-row-3] {
    grid-template-rows: repeat(3, auto)
}

[class*=grid-4] {
    grid-template-columns: repeat(4, 1fr)
}

[class*=grid-template-row-4] {
    grid-template-rows: repeat(4, auto)
}

[class*=grid-5] {
    grid-template-columns: repeat(5, 1fr)
}

[class*=grid-template-row-5] {
    grid-template-rows: repeat(5, auto)
}

[class*=grid-6] {
    grid-template-columns: repeat(6, 1fr)
}

[class*=grid-template-row-6] {
    grid-template-rows: repeat(6, auto)
}

[class*=grid-7] {
    grid-template-columns: repeat(7, 1fr)
}

[class*=grid-template-row-7] {
    grid-template-rows: repeat(7, auto)
}

[class*=grid-8] {
    grid-template-columns: repeat(8, 1fr)
}

[class*=grid-template-row-8] {
    grid-template-rows: repeat(8, auto)
}

[class*=grid-9] {
    grid-template-columns: repeat(9, 1fr)
}

[class*=grid-template-row-9] {
    grid-template-rows: repeat(9, auto)
}

[class*=grid-10] {
    grid-template-columns: repeat(10, 1fr)
}

[class*=grid-template-row-10] {
    grid-template-rows: repeat(10, auto)
}

[class*=grid-11] {
    grid-template-columns: repeat(11, 1fr)
}

[class*=grid-template-row-11] {
    grid-template-rows: repeat(11, auto)
}

[class*=grid-12] {
    grid-template-columns: repeat(12, 1fr)
}

[class*=grid-template-row-12] {
    grid-template-rows: repeat(12, auto)
}

[class*=col-1] {
    grid-column: auto/span 1
}

[class*=row-1] {
    grid-row: auto/span 1
}

[class*=col-2] {
    grid-column: auto/span 2
}

[class*=row-2] {
    grid-row: auto/span 2
}

[class*=col-3] {
    grid-column: auto/span 3
}

[class*=row-3] {
    grid-row: auto/span 3
}

[class*=col-4] {
    grid-column: auto/span 4
}

[class*=row-4] {
    grid-row: auto/span 4
}

[class*=col-5] {
    grid-column: auto/span 5
}

[class*=row-5] {
    grid-row: auto/span 5
}

[class*=col-6] {
    grid-column: auto/span 6
}

[class*=row-6] {
    grid-row: auto/span 6
}

[class*=col-7] {
    grid-column: auto/span 7
}

[class*=row-7] {
    grid-row: auto/span 7
}

[class*=col-8] {
    grid-column: auto/span 8
}

[class*=row-8] {
    grid-row: auto/span 8
}

[class*=col-9] {
    grid-column: auto/span 9
}

[class*=row-9] {
    grid-row: auto/span 9
}

[class*=col-10] {
    grid-column: auto/span 10
}

[class*=row-10] {
    grid-row: auto/span 10
}

[class*=col-11] {
    grid-column: auto/span 11
}

[class*=row-11] {
    grid-row: auto/span 11
}

[class*=col-12] {
    grid-column: auto/span 12
}

[class*=row-12] {
    grid-row: auto/span 12
}

@media(min-width: 320px) {
    [class*=grid-][class*=-small-1] {
        grid-template-columns: repeat(1, 1fr)
    }

    [class*=col-][class*=-small-1] {
        grid-column: auto/span 1
    }

    [class*=grid-][class*=-small-2] {
        grid-template-columns: repeat(2, 1fr)
    }

    [class*=col-][class*=-small-2] {
        grid-column: auto/span 2
    }

    [class*=grid-][class*=-small-3] {
        grid-template-columns: repeat(3, 1fr)
    }

    [class*=col-][class*=-small-3] {
        grid-column: auto/span 3
    }

    [class*=grid-][class*=-small-4] {
        grid-template-columns: repeat(4, 1fr)
    }

    [class*=col-][class*=-small-4] {
        grid-column: auto/span 4
    }

    [class*=-small-all] {
        grid-column: 1/-1
    }
}

@media(min-width: 768px) {
    [class*=grid-][class*=-l-1] {
        grid-template-columns: repeat(1, 1fr)
    }

    [class*=col-][class*=-l-1] {
        grid-column: auto/span 1
    }

    [class*=grid-][class*=-l-2] {
        grid-template-columns: repeat(2, 1fr)
    }

    [class*=col-][class*=-l-2] {
        grid-column: auto/span 2
    }

    [class*=grid-][class*=-l-3] {
        grid-template-columns: repeat(3, 1fr)
    }

    [class*=col-][class*=-l-3] {
        grid-column: auto/span 3
    }

    [class*=grid-][class*=-l-4] {
        grid-template-columns: repeat(4, 1fr)
    }

    [class*=col-][class*=-l-4] {
        grid-column: auto/span 4
    }

    [class*=-small-all] {
        grid-column: 1/-1
    }
}

.item-first {
    order: -1
}

.item-last {
    order: 1
}

.grid-offset {
    visibility: hidden
}

.col-all {
    grid-column: 1/-1
}

.row-all {
    grid-row: 1/-1
}

@supports not (display: grid) {
    @media(min-width: 1024px) {
        .old__zone {
            position: relative
        }

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

    .old__river {
        margin-bottom: 4rem
    }

    @media(min-width: 1024px) {
        .old__river {
            width: 55rem;
            float: left
        }
    }

    @media(min-width: 1024px) {
        .old__page-date-container {
            width: 55rem;
            float: left
        }
    }

    @media(min-width: 1024px) {
        .old__river-cta {
            width: 55rem;
            float: left;
            clear: both
        }
    }

    @media(min-width: 1024px) {
        .old__aside-page {
            float: right;
            width: 31.6rem
        }
    }

    @media(min-width: 1024px) {
        .old__page-heading-sitemap:after {
            content: "";
            display: table;
            clear: both
        }
    }

    @media(min-width: 1024px) {
        .old__area-live {
            clear: both;
            flex-wrap: wrap
        }

        .old__area-live .old__bd-bloc {
            flex: 1
        }
    }

    @media(min-width: 1024px) {
        .old__services {
            width: 100%
        }
    }

    @media(min-width: 1024px) {
        .old__area-title {
            display: block
        }
    }

    @media(min-width: 1024px) {
        .old__friend-wide {
            clear: both
        }
    }

    @media(min-width: 1024px) {
        .old__area-main {
            width: 42rem;
            margin-right: 2.4rem
        }
    }

    @media(min-width: 1024px) {
        .old__article-related-container {
            flex-wrap: wrap
        }
    }

    @media(min-width: 1024px) {
        .old__area-main-wide {
            width: 64.2rem;
            margin-right: 2.4rem
        }

        .old__area-main-wide .old__article-related-main {
            max-width: 19.8rem;
            width: 100%
        }
    }

    .old__related-featured {
        width: 100%;
        display: flex;
        justify-content: space-between
    }

    .old__article-related-main {
        max-width: 16.2rem
    }

    .old__bd-bloc {
        width: 29rem
    }

    .old__bd-bloc:first-of-type,
    .old__bd-bloc:not(:last-of-type) {
        margin-right: 3.2rem
    }

    @media(min-width: 1024px) {
        .old__live:after {
            content: "";
            display: table;
            clear: both
        }

        .old__live .old__area--section {
            clear: both
        }

        .old__live .old__area--section .old__bd-bloc {
            float: left
        }
    }

    @media(min-width: 1024px) {
        .old__area {
            float: left
        }
    }

    @media(min-width: 1024px) {
        .old__area--headlines {
            width: 19.8rem
        }
    }

    @media(min-width: 1024px) {
        .old__area--runner {
            clear: both
        }
    }

    @media(min-width: 1024px) {
        .old__area--featured {
            margin-left: 2.6rem;
            width: 30rem;
            position: absolute;
            right: 1.6rem
        }
    }

    @media(min-width: 1024px) {
        .old__area--river {
            width: 64.6rem;
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between
        }
    }

    .old__area--section {
        width: 100%
    }

    @media(min-width: 1024px) {
        .old__area--section .old__area-title:after {
            content: "";
            display: table;
            clear: both
        }
    }

    .old__area--videos {
        width: 100%
    }

    @media(min-width: 1024px) {
        .old__area--videos .old__video-main {
            float: left;
            width: 63.6rem;
            margin-right: 2.8rem
        }
    }

    @media(min-width: 1024px) {
        .old__area--videos .old__video-list {
            float: left;
            width: 30.4rem
        }
    }

    .old__article-square {
        margin-top: 3.2rem
    }

    @media(min-width: 1024px) {
        .old__article-square {
            float: left;
            width: 30.4rem
        }

        .old__article-square:first-of-type,
        .old__article-square:not(:last-of-type) {
            margin-right: 2.8rem
        }
    }

    .old__article-square.teaser {
        margin-top: 0
    }

    .old__bd-bloc-services {
        display: flex
    }

    @media(min-width: 1024px) {
        .old__testimony-river {
            width: 30.9rem
        }

        .old__testimony-river:after {
            content: "";
            display: table;
            clear: both
        }
    }

    @media(min-width: 1024px) {
        .old__friend-river:after {
            content: "";
            display: table;
            clear: both
        }
    }

    .old__services-block {
        float: left;
        width: 30.4rem;
        margin-top: 0
    }

    .old__footer {
        clear: both
    }

    @media(min-width: 1024px) {
        .old__paywall-articles:after {
            content: "";
            display: table;
            clear: both
        }

        .old__paywall-articles .old__article-paywall {
            float: left;
            width: 29rem
        }

        .old__paywall-articles .old__article-paywall:first-of-type,
        .old__paywall-articles .old__article-paywall:not(:last-of-type) {
            margin-right: 2.4rem
        }
    }

    @media(min-width: 1024px) {
        .paywall--longform .old__paywall-articles:after {
            content: "";
            display: table;
            clear: both
        }

        .paywall--longform .old__paywall-articles .old__article-paywall {
            width: 25rem
        }
    }

    @media(min-width: 1024px) {
        .old__paywall-articles-title {
            margin-bottom: 2.4rem
        }
    }

    @media(min-width: 1024px) {
        .paywall .old__paywall-option {
            float: left;
            margin-right: 2.4rem
        }

        .paywall .old__paywall-option:after {
            content: "";
            display: table;
            clear: both
        }

        .paywall .old__paywall-option:last-of-type {
            margin-right: 0
        }
    }

    @media(min-width: 768px) {
        .paywall .old__paywall-container {
            display: flex
        }
    }

    .paywall .old__paywall-more-desc {
        float: left;
        margin-left: 1.2rem
    }

    @media(min-width: 1024px) {
        .old__subscribtion:after {
            content: "";
            display: table;
            clear: both
        }
    }

    @media(min-width: 1024px) {

        .old__top-article-4,
        .old__top-article-7,
        .area .article--top:nth-child(4),
        .area .article--top:nth-child(7) {
            padding-top: 2.4rem
        }
    }

    @media(min-width: 1024px) {

        .old__top-article-1,
        .old__top-article-2,
        .old__top-article-3,
        .area .article--top:nth-child(1),
        .area .article--top:nth-child(2),
        .area .article--top:nth-child(3) {
            padding-top: 0
        }
    }

    @media(min-width: 1024px) {

        .old__top-article-3,
        .old__top-article-6,
        .old__top-article-9,
        .area .article--top:nth-child(3),
        .area .article--top:nth-child(6),
        .area .article--top:nth-child(9) {
            border-bottom: .1rem solid #d5d8dc
        }
    }

    @media(min-width: 1024px) {
        .old__header.sticky .old__header-logo {
            top: 1.4rem
        }
    }

    @media(min-width: 1024px) {
        .old__header.sticky .old__header-actions-right {
            top: .8rem
        }
    }

    @media(min-width: 1024px) {
        .old__nav-services .old__nav-services-left-container {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between
        }
    }

    @media(min-width: 1024px) {
        .old__nav-services .old__nav-services-left-item {
            width: 22.5rem
        }
    }

    @media(min-width: 1024px) {
        .old__nav-content-list .old__nav-content-list-container {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between
        }
    }

    @media(min-width: 1024px) {
        .old__nav-content-list .old__nav-content-list-item {
            width: 23.5rem
        }
    }

    .old__area-featured-wide {
        top: 3.2rem
    }

    @media(min-width: 1024px) {
        .old__article-runner:not(:last-child) {
            margin-right: 2.6rem
        }
    }

    @media(min-width: 1024px) {
        .old__article-runner {
            float: left;
            width: 19.8rem
        }
    }

    @media(min-width: 1024px) {
        .old__article-river {
            width: 30.9rem
        }
    }

    @media(min-width: 1024px) {
        .old__top-article {
            width: 30.1rem
        }
    }

    @media(min-width: 1024px) {
        .old__article-related-default {
            display: flex;
            justify-content: space-between
        }
    }

    @media(min-width: 1024px) {
        .old__article-related-default-item {
            width: 19.8rem
        }
    }

    @media(min-width: 1024px) {
        .old__article-list-grid {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between
        }
    }

    @media(min-width: 1024px) {
        .old__article-content-single {
            width: 55.6rem;
            float: left;
            margin-right: 6.4rem
        }
    }

    .old__article-footer {
        float: left;
        width: 55.6rem
    }

    .old__friend-siblings {
        width: 55.6rem
    }

    @media(min-width: 1024px) {
        .old__article-siblings-container {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between
        }
    }

    @media(min-width: 1024px) {
        .old__article-siblings {
            width: 25.4rem
        }
    }

    @media(min-width: 1024px) {
        .old__article-siblings-wide {
            width: 39.5rem
        }
    }

    @media(min-width: 1024px) {
        .article--single .old__aside {
            float: right;
            display: block;
            width: 31.6rem
        }
    }

    .article--single .old__area--section {
        clear: both
    }

    @media(min-width: 1024px) {
        .article--single .old__area--section .old__bd-bloc {
            float: left
        }
    }

    .old__teaser-list {
        display: flex;
        flex-wrap: wrap
    }

    @media(min-width: 768px) {
        .old__teaser-list {
            justify-content: space-between
        }
    }

    .old__teaser-highlight {
        display: flex;
        flex-direction: column;
        max-width: 16.3rem;
        width: 100%
    }

    @media(min-width: 768px) {
        .old__teaser-highlight {
            max-width: 25rem
        }
    }

    @media(min-width: 1024px) {
        .main--abo .old__river {
            width: 77.2rem
        }
    }

    .main--abo .old__article-siblings {
        width: 100%;
        clear: both
    }

    @media(min-width: 1200px) {
        .main--abo .old__area-main {
            width: 53.6rem;
            margin-right: 3.2rem
        }

        .main--abo .old__area--headlines {
            width: 25.2rem
        }

        .main--abo .old__area--featured {
            right: 3.2rem
        }

        .main--abo .old__area--river {
            width: 82rem
        }

        .main--abo .old__testimony-river {
            width: 39.4rem
        }

        .main--abo .old__area-title {
            width: 15.6rem;
            float: left;
            margin-right: 3.2rem
        }

        .main--abo .old__article-square,
        .main--abo .old__bd-bloc {
            width: 29rem;
            margin-top: 0
        }

        .main--abo .old__article-square:first-of-type,
        .main--abo .old__article-square:not(:last-of-type),
        .main--abo .old__bd-bloc:first-of-type,
        .main--abo .old__bd-bloc:not(:last-of-type) {
            margin-right: 3.2rem
        }

        .main--abo .old__services-block {
            width: 30rem
        }

        .main--abo .old__services-block .old__bd-bloc {
            margin-right: 0
        }

        .main--abo .old__area--videos .old__video-main {
            width: 63.2rem
        }

        .main--abo .old__area--videos .old__video-list {
            width: 30rem
        }

        .main--abo .old__article-related-default {
            display: flex;
            justify-content: space-between
        }

        .main--abo .old__area-main .old__article-related-default-item {
            width: 25.2rem
        }

        .main--abo .old__article-runner {
            width: 25.2rem
        }

        .main--abo .old__article-runner:not(:last-child) {
            margin-right: 3.2rem
        }

        .main--abo .old__article-river {
            width: 39.4rem
        }

        .main--abo .old__area-main-wide {
            width: 82rem
        }

        .main--abo .old__area-main-wide .old__article-related-main {
            max-width: 25.2rem
        }

        .main--abo .old__article-content-single {
            width: 66.4rem
        }

        .main--abo .old__article-footer {
            width: 66.4rem
        }

        .main--abo .old__article-siblings {
            width: 100%
        }
    }

    @media(min-width: 1024px) {
        .zone--float .area--section.old__area-live {
            display: flex
        }
    }

    @media(min-width: 1024px) {
        .zone--page .area--section.old__area-live {
            display: flex
        }
    }
}

.zone {
    margin: 0 auto;
    background-color: #fff
}

@media(min-width: 1024px) {
    .zone {
        max-width: 115.2rem
    }
}

@media(min-width: 1200px) {
    .zone {
        margin: 0 auto
    }
}

.zone--hidden {
    display: none
}

@media(min-width: 1024px) {
    .zone--hidden {
        display: grid
    }
}

.zone--footer {
    background-color: #2a303b
}

.area {
    padding-top: 2.4rem;
    border-top: .1rem solid #d5d8dc
}

.area__links-home {
    padding: 2.4rem 0;
    border-top: solid 1px #d5d8dc
}

@media(min-width: 1024px) {
    .area__links-home {
        grid-column: 1/4;
        padding: 3.2rem 0
    }
}

.area__link-home {
    display: inline-block;
    position: relative;
    -webkit-text-decoration: underline;
    text-decoration: underline;
    font-size: 1.6rem;
    font-weight: 500;
    cursor: pointer;
    text-align: left;
    margin-right: 2.4rem;
    margin-bottom: 2.4rem
}

.area__link-home {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .area__link-home {
    letter-spacing: .314px
}

html:not(.fonts-loaded) .area__link-home>* {
    letter-spacing: .314px
}

html.fonts-loaded .area__link-home {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

@media(min-width: 1024px) {
    .area__link-home {
        margin-bottom: 0
    }
}

.area__link-home:last-child {
    margin-right: 0;
    margin-bottom: 0
}

.area__link-home:after {
    content: " ";
    background-image: url("");
    width: 1.1rem;
    height: .7rem;
    margin-left: .8rem;
    display: inline-block
}

.main {
    background-color: #fff
}

@media(min-width: 1024px) {
    .main {
        background-color: #f5f6f8
    }
}

@media print {
    .main {
        background-color: #fff
    }
}

.main .zone {
    margin: 0 1.6rem
}

@media(min-width: 576px) {
    .main .zone {
        margin: 0 3.2rem
    }
}

@media(min-width: 768px) {
    .main .zone {
        margin: 0 auto;
        max-width: 44.4rem
    }
}

@media(min-width: 1024px) {
    .main--abo {
        background-color: #fff
    }
}

@media(min-width: 1200px) {
    .main--abo {
        background-color: #f5f6f8
    }
}

@media print {
    .main--abo {
        background-color: #fff
    }
}

@media(min-width: 1024px) {
    .main--abo .zone {
        max-width: 121.6rem;
        padding-left: 3.2rem;
        padding-right: 3.2rem;
        padding-bottom: 4rem
    }
}

@media(min-width: 1200px) {
    .main--abo .zone {
        margin: 0 auto
    }
}

@media(min-width: 1024px) {
    .main--free .zone {
        max-width: 63rem;
        padding-bottom: 4rem;
        margin: 0 auto;
        padding-left: 1.6rem;
        padding-right: 1.6rem
    }
}

.main--dark-mode {
    background-color: #181a1e
}

.zone--article {
    /*    padding-top: 3.2rem;*/
    padding-bottom: 4rem
}

@media(min-width: 1024px) {
    .zone--article {
        /*        display: grid;*/
        grid-template-columns: 1fr 31.6rem;
        grid-column-gap: 6.4rem;
        grid-template-rows: auto auto auto
    }
}

@media(max-width: 767px) {
    .zone--article.zone--article-offer {
        padding-top: 1.2rem
    }
}

.zone--article.zone--reactions-aec {
    grid-template-columns: 2fr
}

.main--dark-mode .zone--article.zone--reactions-aec {
    background-color: #181a1e;
    box-shadow: none
}

@media(min-width: 1024px) {
    .zone--article-premium {
        grid-template-rows: auto 2.2rem auto auto
    }
}

@media(min-width: 1024px) {
    .zone--article-premium .article__content {
        grid-row: 3
    }
}

@media(min-width: 1024px) {
    .zone--article-premium .article__special-container {
        grid-row: 3
    }
}

@media(min-width: 1024px) {
    .zone--article-premium .article__content-special {
        grid-row: 4
    }
}

.zone--article-premium .aside__article .friend:first-child {
    margin-top: 0
}

@media(min-width: 1024px) {
    .zone--article-premium .aside__iso {
        grid-row: 2/4
    }
}

@media(min-width: 1024px) {
    .zone--article-premium .services {
        grid-row: 4
    }
}

@media(min-width: 1024px) {
    .zone--article-premium.zone--article-special {
        grid-template-rows: auto 2.2rem auto auto auto
    }
}

@media(min-width: 1024px) {
    .zone--article-premium.zone--article-special .article__footer-single {
        grid-row: 5
    }
}

@media(min-width: 1024px) {
    .zone--article-premium.zone--article-special .services {
        grid-row: 6
    }
}

@media(min-width: 1024px) {

    .zone--article-premium.zone--article-special .aside__article,
    .zone--article-premium.zone--article-special .aside__iso {
        grid-row: 4/6
    }
}

@media(min-width: 1024px) {
    .zone--article-special {
        grid-template-rows: auto auto auto auto
    }
}

@media(min-width: 1024px) {
    .zone--sticky .meta__social {
        position: relative;
        top: auto;
        z-index: 5;
        margin-top: 2.4rem
    }
}

@media(min-width: 480px) {
    .main .zone--article-opinion {
        margin: 0 3.2rem
    }
}

@media(min-width: 576px) {
    .main .zone--article-opinion {
        margin: 0 5.2rem
    }
}

@media(min-width: 768px) {
    .main .zone--article-opinion {
        max-width: 66.4rem;
        margin: 0 auto
    }
}

@media(min-width: 1024px) {
    .main .zone--article-opinion {
        max-width: 100rem
    }
}

.main .zone--article-portfolio {
    margin: 0;
    max-width: 100%
}

@media(min-width: 769px) {
    .main .zone--article-portfolio {
        margin: 0 auto;
        max-width: 66.4rem
    }
}

@media(min-width: 1024px) {
    .main .zone--article-portfolio {
        max-width: 100rem
    }
}

.main--abo .zone--article {
    padding-left: 0;
    padding-right: 0
}

@media(min-width: 768px) {
    .main--abo .zone--article {
        margin: 0 auto 3.2rem;
        max-width: 66.4rem
    }
}

@media(min-width: 1024px) {
    .main--abo .zone--article {
        padding-left: 3.2rem;
        padding-right: 3.2rem;
        max-width: 110.8rem;
        box-shadow: none;
        padding-top: 3.2rem
    }
}

@media(min-width: 1200px) {
    .main--abo .zone--article {
        margin-top: 3.2rem
    }
}

@media print {
    .main--abo .zone--article {
        background-color: #fff;
        display: block;
        width: 664px;
        box-shadow: 0 0;
        position: relative;
        overflow: visible;
        padding: 1.5cm
    }
}

.main--abo .aside__article {
    grid-template-rows: auto auto
}

@media(min-width: 1024px) {
    .main--abo .article__title--opinion {
        max-width: 66.4rem;
        margin-right: 10rem
    }
}

@media(min-width: 1200px) {
    .main--abo .article__title--wirecutter {
        max-width: 66.4rem;
        margin-right: 10rem
    }
}

@media(min-width: 1200px) {
    .main--abo .article__desc--opinion {
        max-width: 66.4rem;
        margin-right: 10rem
    }
}

@media(min-width: 1200px) {
    .main--abo .article__status--opinion {
        max-width: 66.4rem;
        margin-right: 10rem
    }
}

@media(min-width: 1200px) {
    .main--abo .article--single .article__header .meta__publisher--opinion {
        max-width: 66.4rem;
        margin-right: 10rem
    }
}

@media(min-width: 1024px) {
    .main--abo .article__extra--related {
        bottom: .4rem;
        left: .4rem
    }
}

@media(min-width: 1024px) {

    .main--abo .article__extra--related .icon__portfolio,
    .main--abo .article__extra--related .icon__video,
    .main--abo .article__extra--related .icon__multimedia {
        width: 3rem;
        height: 3rem
    }
}

.main--abo .article__content {
    max-width: 66.4rem
}

@media(min-width: 1024px) {
    .main--abo .article__special-container--multimedia {
        margin: 0 auto;
        max-width: 100rem;
        width: 100%
    }
}

@media(min-width: 1024px) {
    .main--abo .portfolio__media {
        height: auto
    }
}

@media(min-width: 1024px) {
    .main--abo .portfolio__media-wrapper {
        height: 69.6rem
    }
}

@media(min-width: 1200px) {
    .main--abo .memorable__container {
        display: flex
    }
}

@media(min-width: 1200px) {
    .main--abo .memorable.light .memorable__container {
        display: block
    }
}

@media(min-width: 1200px) {
    .main--abo .memorable__cta {
        margin-left: 2rem
    }
}

@media(min-width: 1024px) {
    .main--free .zone--article {
        padding: 3.2rem
    }
}

@media print {
    .main--free .zone--article {
        background-color: #fff;
        display: block;
        width: 664px;
        box-shadow: 0 0;
        position: relative;
        overflow: visible;
        padding: 1.5cm
    }
}

.main--free .zone--privacy {
    grid-template-columns: none
}

.main--free .article__restricted {
    display: flex;
    height: 100rem
}

@media(min-width: 1024px) {
    .main--free .article__restricted {
        display: block
    }
}

@media(min-width: 1024px) {
    .main--free .article__title--wirecutter {
        width: calc(100% - 27.6rem)
    }
}

@media(min-width: 1024px) {
    .main--free .article__content {
        /*        max-width: 55.6rem*/
    }
}

@media(min-width: 1024px) {
    .main--free .article__special-container--multimedia {
        margin: 0 -3.2rem
    }
}

@font-face {
    font-family: "Barlow";
    font-style: normal;
    font-display: swap;
    font-weight: 400;
    src: url("");
    src: local("Barlow Regular"), local("Barlow-Regular"), url("") format("embedded-opentype"), url("") format("woff2"), url("") format("woff"), url("") format("truetype"), url("") format("svg")
}

@font-face {
    font-family: "Barlow";
    font-style: normal;
    font-display: swap;
    font-weight: 700;
    src: url("");
    src: local("Barlow Bold"), local("Barlow-Bold"), url("") format("embedded-opentype"), url("") format("woff2"), url("") format("woff"), url("") format("truetype"), url("") format("svg")
}

.btn--premium,
.btn--base,
.btn--question-live,
.btn--send-testimony,
.btn {
    -webkit-text-decoration: none !important;
    text-decoration: none !important
}

.btn--premium,
.btn--base,
.btn--question-live,
.btn--send-testimony,
.btn {
    border-radius: .3rem;
    cursor: pointer;
    display: inline-block;
    font-size: inherit;
    font-weight: inherit;
    line-height: normal;
    padding: .8rem 1.6rem
}

.meta__icon-container,
.meta__link {
    width: 3.2rem;
    height: 3.2rem;
    background-color: rgba(0, 0, 0, 0);
    display: flex;
    align-items: center;
    justify-content: center;
    border: .1rem solid #d5d8dc;
    border-radius: 25rem
}

.icon,
.lmd-dropdown__close,
.bizdev-poster-logo--memorable,
.bizdev-poster-logo--jeux,
.bizdev-poster-logo--ateliers,
.bizdev-poster__lmd-logo,
.bizdev-list__link-arrow,
.message__dropdown-trigger:after,
.button--subscribed:before,
.icon__twitter,
.icon__email,
.icon__facebook,
.icon__messenger,
.icon__telegram,
.icon__whatsapp,
.icon__linkedin,
.icon__success,
.icon__link,
.icon__arrow-light,
.icon__arrow,
.icon__arrow-right,
.icon__user,
.icon__clock,
.icon__reading-time,
.icon__home,
.icon__search,
.icon__calendar,
.icon__premium,
.icon__cross,
.icon__nav-en-continu,
.icon__avatar,
.icon__nav-my-account,
.icon__nav-connexion,
.icon__powered-qwant,
.icon__favorites,
.icon__favorites-toparticles,
.icon__information,
.icon__orange-money {
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    flex-shrink: 0;
    height: 2rem;
    width: 2rem
}

.icon--full {
    height: 100%;
    width: 100%
}

.icon--outside {
    float: left;
    margin-top: 6px
}

.icon--outside-simple {
    float: left
}

.icon--outside-nl {
    float: left;
    margin-top: .1rem
}

@media(min-width: 768px) {
    .icon--outside-nl {
        margin-top: .2rem
    }
}

.logo,
.logo__lemonde,
.icon__qwant {
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    display: inline-block
}

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

.icon__label-alert,
.icon__label-live,
.icon__label-live-hero {
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    flex-shrink: 0
}

.icon__arrow-right {
    background-image: url("");
    height: 1.8rem;
    width: 1.8rem
}

.icon__arrow-right--focus {
    background-image: url("")
}

.icon__arrow-right--disabled {
    background-image: url("")
}

.icon__user {
    background-image: url("")
}

.icon__clock {
    background-image: url("");
    width: 1.8rem;
    height: 1.8rem
}

.icon__reading-time {
    background-image: url("983c9737074dbe828d024d0aff3adffa6c81cedd.svg");
    width: 1.2rem;
    height: 2.4rem;
    margin-left: .8rem;
    margin-right: .8rem
}

.icon__home {
    background-image: url("d12d73d7ae9f56e3c713313844a7e62f190d4c93.svg");
    width: 2.4rem;
    height: 2.4rem
}

.icon__search {
    background-image: url("")
}

.icon__calendar {
    margin-right: 1rem;
    margin-top: .1rem;
    width: 1.5rem;
    height: 1.5rem;
    vertical-align: top;
    background-image: url("")
}

.icon__warning-blue {
    background-repeat: no-repeat;
    padding-left: 65px;
    min-height: 50px;
    background-image: url("")
}

.icon__invalide {
    background-repeat: no-repeat;
    padding-left: 65px;
    min-height: 50px;
    background-image: url("")
}

.icon__warning {
    background-repeat: no-repeat;
    padding-left: 65px;
    min-height: 50px;
    background-image: url("")
}

.icon__premium {
    background-image: url("c5642fc8b492564aa263cdc7d759919a1d435f23.svg");
    height: 1.8rem;
    width: 2.6rem;
    vertical-align: sub
}

.icon__cross {
    background: url("")
}

.icon__label-alert {
    background-image: url("");
    width: 4.5rem;
    height: 1.7rem
}

.icon__label-live,
.icon__label-live-hero {
    background-image: url("");
    width: 4.5rem;
    height: 1.7rem;
    vertical-align: sub
}

.icon__label-live--xl,
.icon__label-live-hero--xl {
    height: 2.3rem;
    width: 6rem
}

.icon__label-live-hero {
    background-image: url("")
}

.icon__label-live-hero--title {
    width: 6rem;
    height: 2.8rem
}

@media(min-width: 1024px) {
    .icon__label-live-hero--title {
        width: 7.2rem
    }
}

.icon__nav-en-continu {
    width: 2.4rem;
    height: 2.4rem;
    background-image: url("6030af79a93f052ddc857fd7ab2b6b31bd56f203.svg")
}

.icon__avatar {
    background-image: url("")
}

.logo__lemonde {
    background-image: url("4c2db730d13c922f5b35146adf4fbaf5e0a65dc7.svg");
    height: 3rem;
    width: 13.8rem
}

.logo__lemonde--survey {
    background-image: url("");
    width: 2.2rem;
    height: 1.8rem
}

@media(min-width: 768px) {
    .logo__lemonde--survey {
        width: 9.8rem;
        height: 3rem;
        background-image: url("")
    }
}

.icon__nav-my-account {
    width: 2.4rem;
    height: 2.4rem;
    background-image: url("")
}

.icon__nav-connexion {
    width: 2.4rem;
    height: 2.4rem;
    background-image: url("8160ab67888b08890b74763bc1d3dd782e6723b8.svg")
}

.icon__qwant {
    background-image: url("");
    width: 1.8rem;
    height: 1.8rem;
    position: absolute;
    top: 8px;
    left: 6px
}

.icon__powered-qwant {
    background-image: url("");
    width: 5rem;
    height: 1.5rem;
    margin-top: 1.6rem
}

.icon__favorites,
.icon__favorites-toparticles {
    background-image: url("ab7f3d78baa44158648e18c74ddec1b8742c559c.svg");
    height: 1.1rem;
    width: 1.1rem
}

.icon__favorites-toparticles {
    background-image: url("")
}

.meta__favorites-saved .icon__favorites,
.meta__favorites-saved .icon__favorites-toparticles {
    background-image: url("")
}

.icon__information {
    background-image: url("cb84bdafb8b00fced300ae1046becedb18ff44da.svg");
    width: 2rem;
    height: 2rem
}

@media(min-width: 768px) {
    .icon__information {
        width: 2.8rem;
        height: 2.8rem
    }
}

.icon__orange-money {
    background-image: url("");
    height: 3.2rem;
    width: 9rem
}

.icon__reading-time--opinion {
    background-image: url("");
    width: 1.4rem;
    height: 1.4rem
}

.icon__arrow {
    background-image: url("935a05b15b60f9cedb0d671c700e4fa9a06c8771.svg")
}

.icon__arrow.ui-collapse--shown {
    background-image: url("")
}

.icon__arrow-light {
    background-image: url("")
}

.icon__link {
    background-image: url("e011eede04dacd4eef8eeda347ce05a9fc771727.svg");
    width: 1.6rem;
    height: 1.6rem
}

.icon__success {
    background-image: url("");
    width: 1.6rem;
    height: 1.6rem
}

.icon__linkedin {
    background-image: url("627eec8b7d953da339462f3f04959a81bf4007f8.svg");
    width: 1.6rem;
    height: 1.6rem;
    position: relative
}

.icon__whatsapp {
    background-image: url("423658f73b14f7eb2648df382af66efe70db8ec6.svg");
    width: 2.4rem;
    height: 2.4rem
}

.icon__whatsapp--afrique {
    width: 3rem;
    height: 3rem
}

.icon__telegram {
    background-image: url("");
    width: 2.4rem;
    height: 2.4rem
}

.icon__instagram--afrique {
    width: 3rem;
    height: 3rem;
    background-size: 75%
}

.icon__messenger {
    background-image: url("f83de799aba364eac9d6d4de45a2a5224422780d.svg")
}

.icon__facebook {
    background-image: url("c4843bb998f244b97c23b6993504093a2a88ce03.svg");
    width: 2.4rem;
    height: 2.4rem
}

.icon__facebook--afrique {
    width: 3rem;
    height: 3rem
}

.icon__facebook--footer {
    background-image: url("f0049ad0aa8eff691131a7d397ea3245e877f5b2.svg")
}

.icon__facebook--footer:hover {
    background-image: url("f0049ad0aa8eff691131a7d397ea3245e877f5b2.svg")
}

.icon__email {
    background-image: url("eb4f05820838237233c1a6230ca000a69b861e38.svg");
    width: 2.4rem;
    height: 2.4rem
}

.icon__twitter {
    background-image: url("486f9b4af5372dbdfe9f18112f7b5cf744f30e0c.svg");
    width: 2.4rem;
    height: 2.4rem
}

.icon__twitter--afrique {
    width: 3rem;
    height: 3rem
}

.icon__twitter--footer {
    background-image: url("bd386a4524fe11aa855c940d7c4b15e97bc8a125.svg")
}

.icon__twitter--footer:hover {
    background-image: url("68aff74a0ff7ed2035fa2e1867db099d14da0273.svg")
}

.sr-only {
    border: 0 !important;
    clip: rect(1px, 1px, 1px, 1px) !important;
    -webkit-clip-path: inset(50%) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    white-space: nowrap !important
}

.seo-only {
    display: none
}

.lmd-btn {
    align-items: center;
    border: 0;
    border-radius: .3rem;
    cursor: pointer;
    display: flex;
    flex-shrink: 0;
    font-weight: 500;
    height: 3rem;
    justify-content: center;
    line-height: 1;
    max-width: 100%;
    text-align: center
}

.lmd-btn {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .lmd-btn {
    letter-spacing: .314px
}

html:not(.fonts-loaded) .lmd-btn>* {
    letter-spacing: .314px
}

html.fonts-loaded .lmd-btn {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.lmd-btn--s {
    font-size: 1.2rem;
    padding: .9rem 1.6rem .7rem
}

.lmd-btn--m {
    font-size: 1.4rem;
    padding: .8rem 1.6rem .5rem
}

.lmd-btn--l {
    font-size: 1.6rem;
    height: 4.2rem;
    padding: 1rem 2.4rem
}

.lmd-btn--fullwidth {
    width: 100%
}

.lmd-btn--primary {
    background-color: #026b9c;
    color: #fff
}

.lmd-btn--primary:hover {
    background-color: #005b85
}

.lmd-btn--white {
    background-color: #fff;
    border: .1rem solid #bdc1c8;
    color: #2a303b
}

.lmd-btn--white:hover {
    background-color: #f5f6f8;
    border-color: #bdc1c8
}

.lmd-btn--premium {
    background-color: #ffc700;
    color: #2a303b
}

.lmd-btn--premium:hover {
    background-color: #eab002
}

.lmd-btn--black {
    background-color: #2a303b;
    color: #fff
}

.lmd-btn--black:hover {
    background-color: #454f5f
}

.lmd-btn--blue {
    background-color: #01364f;
    color: #fff
}

.lmd-btn--blue:hover {
    background-color: #01364f
}

.lmd-btn-services {
    align-items: center;
    border: .1rem solid #d5d8dc;
    border-radius: 1.4rem;
    color: #2a303b;
    display: inline-flex;
    flex-shrink: 0;
    font-size: 1.3rem;
    font-weight: 600;
    line-height: 1;
    justify-content: center;
    padding: .4rem 1.2rem
}

.lmd-btn-services {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .lmd-btn-services {
    letter-spacing: .314px
}

html:not(.fonts-loaded) .lmd-btn-services>* {
    letter-spacing: .314px
}

html.fonts-loaded .lmd-btn-services {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.lmd-btn-services:hover {
    background-color: #f5f6f8
}

.lmd-btn-services:active {
    border-color: #d5d8dc;
    background-color: #d5d8dc
}

.lmd-btn-rub {
    align-items: center;
    border: .1rem solid #d5d8dc;
    border-radius: .3rem;
    color: #383f4e;
    display: inline-flex;
    flex-shrink: 0;
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 1;
    justify-content: center;
    padding: 1.2rem 1.2rem 1rem;
    letter-spacing: .01rem
}

.lmd-btn-rub {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .lmd-btn-rub {
    letter-spacing: .314px
}

html:not(.fonts-loaded) .lmd-btn-rub>* {
    letter-spacing: .314px
}

html.fonts-loaded .lmd-btn-rub {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.lmd-btn-rub:hover {
    background-color: rgba(42, 48, 59, .03)
}

.btn__verification {
    position: absolute;
    cursor: pointer;
    margin-left: -40px;
    margin-top: 1.3rem;
    white-space: nowrap;
    background-repeat: no-repeat;
    border: 0;
    outline: 0;
    background: center center no-repeat
}

.btn__verification--topic {
    right: .6rem;
    top: 2.4rem;
    margin-left: 0;
    top: 3.2rem
}

.btn__satisfaction-survey {
    align-items: center;
    border-radius: .1875rem;
    cursor: pointer;
    display: flex;
    font-size: 1.4rem;
    font-weight: 500;
    justify-content: center;
    padding: .6875rem .9375rem .5625rem;
    -webkit-text-decoration: none;
    text-decoration: none;
    transition: all .2s ease-in-out 0s;
    -webkit-user-select: none;
    user-select: none;
    background-color: #52816e;
    color: #fff;
    border: 0px
}

.btn__satisfaction-survey {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .btn__satisfaction-survey {
    letter-spacing: .314px
}

html:not(.fonts-loaded) .btn__satisfaction-survey>* {
    letter-spacing: .314px
}

html.fonts-loaded .btn__satisfaction-survey {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

@media(min-width: 1024px) {
    .btn__satisfaction-survey {
        font-size: 1rem
    }
}

.btn__satisfaction-survey:hover {
    background-color: rgba(82, 129, 110, .8);
    border-color: #0053fa
}

.btn__form-live {
    transition: all .2s linear;
    color: #fff;
    background: #2a303b
}

.btn__form-live:disabled {
    background-color: #fff;
    color: #a2a9ae
}

.btn__form-search {
    padding: .7rem 1.6rem
}

.btn__form-search {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .btn__form-search {
    letter-spacing: .314px
}

html:not(.fonts-loaded) .btn__form-search>* {
    letter-spacing: .314px
}

html.fonts-loaded .btn__form-search {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.btn__post-live {
    padding: 1.2rem;
    font-size: 1.6rem;
    text-align: center;
    font-weight: bold;
    border: .1rem solid #e9edf0;
    border-radius: .4rem;
    color: #fff;
    background: #2a303b;
    cursor: pointer
}

.btn__post-live {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .btn__post-live {
    letter-spacing: .314px
}

html:not(.fonts-loaded) .btn__post-live>* {
    letter-spacing: .314px
}

html.fonts-loaded .btn__post-live {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.btn__post-live--old {
    margin-bottom: 4rem
}

.btn__post-live--new {
    margin-bottom: 2rem
}

.btn__post-live--hidden {
    display: none
}

.btn__old-post-live {
    padding: 1.2rem;
    font-size: 1.6rem;
    text-align: center;
    font-weight: bold;
    border: .1rem solid #e9edf0;
    border-radius: .4rem;
    color: #fff;
    background: #2a303b;
    margin-bottom: 4rem;
    cursor: pointer
}

.btn__old-post-live {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .btn__old-post-live {
    letter-spacing: .314px
}

html:not(.fonts-loaded) .btn__old-post-live>* {
    letter-spacing: .314px
}

html.fonts-loaded .btn__old-post-live {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

@media(min-width: 1024px) {
    .btn__old-post-live {
        margin: 0;
        margin-bottom: 4rem
    }
}

.btn--send-testimony {
    font-size: 1.6rem;
    border: .1rem solid #ddd;
    display: inline-block;
    justify-content: center;
    margin-bottom: 4rem;
    margin-top: 2.4rem;
    width: 100%;
    height: auto;
    min-height: 4.2rem;
    cursor: pointer
}

.btn--send-testimony {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .btn--send-testimony {
    letter-spacing: .314px
}

html:not(.fonts-loaded) .btn--send-testimony>* {
    letter-spacing: .314px
}

html.fonts-loaded .btn--send-testimony {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.btn--question-live {
    font-size: 1.6rem;
    background-color: #fff;
    border: .1rem solid #ddd;
    display: inline-block;
    justify-content: center;
    margin: 2.4rem auto;
    width: 100%;
    cursor: pointer
}

.btn--question-live {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .btn--question-live {
    letter-spacing: .314px
}

html:not(.fonts-loaded) .btn--question-live>* {
    letter-spacing: .314px
}

html.fonts-loaded .btn--question-live {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

@media(min-width: 768px) {
    .btn--question-live {
        margin: 2.4rem auto
    }
}

@media(min-width: 1024px) {
    .btn--question-live {
        display: none
    }
}

.btn--base {
    background-color: #fff;
    border: 1px solid #bdc1c8
}

.btn--base:hover {
    background-color: #f5f6f8
}

.btn--premium {
    background-color: #ffc700;
    padding: .5rem 1.5rem
}

@media(min-width: 320px) {
    .btn--premium {
        padding: .8rem 1.6rem
    }
}

.btn--premium:hover {
    background-color: #eab002
}

.btn--blue {
    background-color: #026b9c;
    border: 0;
    color: #fff
}

.btn--blue:hover {
    background-color: #005b85;
    border-color: #005b85
}

.button {
    border-radius: .4rem;
    display: inline-block;
    font-weight: 600
}

.button {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .button {
    letter-spacing: .314px
}

html:not(.fonts-loaded) .button>* {
    letter-spacing: .314px
}

html.fonts-loaded .button {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.button:hover {
    cursor: pointer
}

.button--orange {
    background-color: #f98f38;
    color: #fff;
    font-size: 1.6rem;
    font-weight: 600;
    width: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0
}

.button--orange:hover {
    background-color: #fe8520
}

.button--orange:focus {
    outline: 0
}

.button--subscribe {
    font-size: 1.6rem;
    line-height: 1.25;
    letter-spacing: .011rem;
    background-color: #ffc700;
    color: #2a303b;
    height: 4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 28rem;
    width: 100%;
    margin: 0 auto
}

.button--subscribe:hover {
    background-color: #eab002
}

.button--dark {
    background-color: #2a303b;
    color: #fff;
    font-size: 1.6rem;
    font-weight: 500;
    width: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    border: .1rem solid #2a303b
}

.button--alert {
    background-color: #026b9c;
    color: #fff;
    font-size: 1.6rem;
    font-weight: 500;
    width: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    border: .1rem solid #fff;
    border-radius: .3rem;
    margin-top: 1.6rem;
    height: 4rem
}

@media(min-width: 1024px) {
    .button--alert:hover {
        background-color: #005b85
    }
}

.button--blue {
    background-color: #026b9c;
    color: #fff;
    font-size: 1.6rem;
    font-weight: 500;
    width: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0
}

.button--blue:hover {
    background-color: #005b85;
    border-color: #005b85
}

.button--subscribed {
    font-weight: 500;
    font-size: 1.4rem;
    border: 0;
    display: flex;
    align-items: center;
    color: #383f4e;
    background-color: #e8eaee
}

.button--subscribed:hover {
    cursor: default
}

.button--subscribed:before {
    content: " ";
    display: inline-block;
    background-image: url("");
    height: 1.8rem;
    width: 1.8rem
}

.button--lightblue {
    background-color: #007ac8;
    color: #fff;
    font-size: 1.6rem;
    font-weight: 500;
    width: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0
}

.button--lightblue:hover {
    background-color: #026b9c
}

.button--border-grey {
    background-color: #fff;
    color: #007ac8;
    font-size: 1.6rem;
    font-weight: 500;
    width: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    border: .1rem solid #a4a9b4;
    border-radius: .4rem
}

.button--white {
    background-color: #fff;
    color: #026b9c;
    font-size: 1.6rem;
    font-weight: 500;
    width: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0
}

.button--empty {
    background-color: rgba(0, 0, 0, 0);
    border: .1rem solid #d5d8dc;
    border-radius: .3rem;
    color: #383f4e;
    font-size: 1.6rem;
    font-weight: 500;
    width: 100%;
    height: 4rem;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 1.6rem
}

@media(min-width: 1024px) {
    .button--empty:hover {
        background-color: #fff
    }
}

.button--void {
    color: #2a303b;
    width: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    border: .1rem solid #d5d8dc;
    font-weight: 500;
    -webkit-text-decoration: none;
    text-decoration: none
}

.button--void:hover {
    background-color: #2a303b;
    border-color: #2a303b;
    color: #fff
}

.button--month {
    font-size: 1.2rem;
    letter-spacing: .01rem;
    font-weight: 500;
    line-height: 1.5;
    color: #2a303b;
    transition: background-color .15s ease, color .15s ease;
    border: .1rem solid #d5d8dc;
    border-radius: .4rem;
    padding: .8rem 1.2rem;
    width: 9rem;
    justify-content: center;
    max-width: 9rem
}

.button--month:hover {
    color: #fff;
    background-color: #026b9c;
    border: .1rem solid #026b9c
}

.button--year {
    font-size: 1.2rem;
    letter-spacing: .01rem;
    font-weight: 500;
    line-height: 1.5;
    color: #2a303b;
    transition: background-color .15s ease, color .15s ease;
    border: .1rem solid #d5d8dc;
    border-radius: .4rem;
    padding: .8rem 1.2rem;
    width: 5.5rem;
    justify-content: center;
    max-width: 5.5rem
}

.button--year:hover {
    color: #fff;
    background-color: #026b9c;
    border: .1rem solid #026b9c
}

.button--day {
    font-size: 1.2rem;
    letter-spacing: .01rem;
    font-weight: 500;
    line-height: 1.5;
    color: #2a303b;
    transition: background-color .15s ease, color .15s ease;
    border: .1rem solid #d5d8dc;
    border-radius: .4rem;
    padding: .8rem 1.2rem;
    width: 4rem;
    justify-content: center;
    max-width: 4rem
}

.button--day:hover {
    color: #fff;
    background-color: #026b9c;
    border: .1rem solid #026b9c
}

.button--focus {
    color: #fff;
    background-color: #026b9c;
    border: .1rem solid #026b9c
}

.button--page {
    align-items: center;
    border: .1rem solid #d5d8dc;
    border-radius: .3rem;
    color: #383f4e;
    display: inline-flex;
    flex-shrink: 0;
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 1;
    justify-content: center;
    padding: 1.2rem 1.2rem 1rem;
    letter-spacing: .01rem
}

.button--page {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .button--page {
    letter-spacing: .314px
}

html:not(.fonts-loaded) .button--page>* {
    letter-spacing: .314px
}

html.fonts-loaded .button--page {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.button--page:hover {
    background-color: rgba(42, 48, 59, .03)
}

.button--water {
    background-color: #31cbbc;
    color: #fff;
    font-size: 1.5rem;
    font-weight: 500;
    width: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0
}

.sr-only {
    border: 0 !important;
    clip: rect(1px, 1px, 1px, 1px) !important;
    -webkit-clip-path: inset(50%) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    white-space: nowrap !important
}

.seo-only {
    display: none
}

.lmd-btn {
    align-items: center;
    border: 0;
    border-radius: .3rem;
    cursor: pointer;
    display: flex;
    flex-shrink: 0;
    font-weight: 500;
    height: 3rem;
    justify-content: center;
    line-height: 1;
    max-width: 100%;
    text-align: center
}

.lmd-btn {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .lmd-btn {
    letter-spacing: .314px
}

html:not(.fonts-loaded) .lmd-btn>* {
    letter-spacing: .314px
}

html.fonts-loaded .lmd-btn {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.lmd-btn--s {
    font-size: 1.2rem;
    padding: .9rem 1.6rem .7rem
}

.lmd-btn--m {
    font-size: 1.4rem;
    padding: .8rem 1.6rem .5rem
}

.lmd-btn--l {
    font-size: 1.6rem;
    height: 4.2rem;
    padding: 1rem 2.4rem
}

.lmd-btn--fullwidth {
    width: 100%
}

.lmd-btn--primary {
    background-color: #026b9c;
    color: #fff
}

.lmd-btn--primary:hover {
    background-color: #005b85
}

.lmd-btn--white {
    background-color: #fff;
    border: .1rem solid #bdc1c8;
    color: #2a303b
}

.lmd-btn--white:hover {
    background-color: #f5f6f8;
    border-color: #bdc1c8
}

.lmd-btn--premium {
    background-color: #ffc700;
    color: #2a303b
}

.lmd-btn--premium:hover {
    background-color: #eab002
}

.lmd-btn--black {
    background-color: #2a303b;
    color: #fff
}

.lmd-btn--black:hover {
    background-color: #454f5f
}

.lmd-btn--blue {
    background-color: #01364f;
    color: #fff
}

.lmd-btn--blue:hover {
    background-color: #01364f
}

.lmd-btn-services {
    align-items: center;
    border: .1rem solid #d5d8dc;
    border-radius: 1.4rem;
    color: #2a303b;
    display: inline-flex;
    flex-shrink: 0;
    font-size: 1.3rem;
    font-weight: 600;
    line-height: 1;
    justify-content: center;
    padding: .4rem 1.2rem
}

.lmd-btn-services {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .lmd-btn-services {
    letter-spacing: .314px
}

html:not(.fonts-loaded) .lmd-btn-services>* {
    letter-spacing: .314px
}

html.fonts-loaded .lmd-btn-services {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.lmd-btn-services:hover {
    background-color: #f5f6f8
}

.lmd-btn-services:active {
    border-color: #d5d8dc;
    background-color: #d5d8dc
}

.lmd-btn-rub {
    align-items: center;
    border: .1rem solid #d5d8dc;
    border-radius: .3rem;
    color: #383f4e;
    display: inline-flex;
    flex-shrink: 0;
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 1;
    justify-content: center;
    padding: 1.2rem 1.2rem 1rem;
    letter-spacing: .01rem
}

.lmd-btn-rub {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .lmd-btn-rub {
    letter-spacing: .314px
}

html:not(.fonts-loaded) .lmd-btn-rub>* {
    letter-spacing: .314px
}

html.fonts-loaded .lmd-btn-rub {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.lmd-btn-rub:hover {
    background-color: rgba(42, 48, 59, .03)
}

.lmd-input-select__input:disabled .icon__arrow-dropdown,
.paywall-04__icon-paypal,
.paywall-04__icon-cb,
.top-banner__close-btn,
.top-banner__icon-cb {
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    flex-shrink: 0
}

.message--supportus {
    border-top: .1rem solid #a4a9b4;
    display: flex;
    margin: 2rem 0;
    padding-top: 2.4rem;
    -webkit-text-decoration: none;
    text-decoration: none;
    flex-direction: column
}

@media(min-width: 768px) {
    .message--supportus {
        flex-direction: row;
        border-bottom: .1rem solid #a4a9b4;
        margin: 0 0 -0.1rem;
        padding-bottom: 2.4rem;
        grid-column: 1/span 3
    }
}

.message--supportus .message__title {
    color: #026b9c;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1.25;
    width: 100%
}

.message--supportus .message__title {
    font-family: Georgia, Droid-serif, serif
}

html:not(.fonts-loaded) .message--supportus .message__title {
    letter-spacing: -0.645px
}

html:not(.fonts-loaded) .message--supportus .message__title>* {
    letter-spacing: -0.645px
}

html.fonts-loaded .message--supportus .message__title {
    font-family: "The Antiqua B standard", Georgia, Droid-serif, serif
}

@supports(font-variation-settings: normal) {
    html.fonts-loaded .message--supportus .message__title {
        font-family: "The Antiqua B", Georgia, Droid-serif, serif
    }
}

@media(min-width: 768px) {
    .message--supportus .message__title {
        width: auto
    }
}

.message--supportus .message__action {
    margin-top: .8rem;
    color: #2a303b;
    font-size: 1.4rem;
    font-weight: 500;
    margin-left: auto;
    -webkit-text-decoration: underline;
    text-decoration: underline;
    width: 100%
}

.message--supportus .message__action {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .message--supportus .message__action {
    letter-spacing: .314px
}

html:not(.fonts-loaded) .message--supportus .message__action>* {
    letter-spacing: .314px
}

html.fonts-loaded .message--supportus .message__action {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

@media(min-width: 768px) {
    .message--supportus .message__action {
        width: auto;
        margin-top: 0
    }
}

.message--cookie {
    align-items: flex-start;
    background-color: #eff0f3;
    display: flex;
    flex-wrap: nowrap;
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 1000;
    padding: 1.6rem
}

@media(min-width: 1024px) {
    .message--cookie {
        padding: 2rem
    }
}

.message--cookie p {
    color: #717b8e;
    font-size: 1.3rem;
    line-height: 1.38;
    margin-right: 1.6rem
}

.message--cookie p {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .message--cookie p {
    letter-spacing: .314px
}

html:not(.fonts-loaded) .message--cookie p>* {
    letter-spacing: .314px
}

html.fonts-loaded .message--cookie p {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.message--cookie p a {
    -webkit-text-decoration: underline;
    text-decoration: underline;
    color: #026b9c
}

@media(min-width: 1024px) {
    .message--cookie p {
        max-width: 80rem
    }
}

.message--cookie .icon__cross {
    cursor: pointer;
    flex-shrink: 0;
    border: none;
    padding: 0;
    outline: inherit;
    height: 1.5rem;
    width: 1.5rem;
    background: url("")
}

.message--cookie.is-closed {
    display: none
}

.message--engagement {
    align-items: center;
    background-color: #ffc700;
    display: none;
    font-size: 1.5rem;
    font-weight: 500;
    height: 5.2rem;
    line-height: 2.2rem;
    letter-spacing: .02rem;
    position: fixed;
    top: 5.8rem;
    width: 100%;
    z-index: 6
}

@media(min-width: 1024px) {
    .message--engagement {
        font-size: 1.6rem
    }

    .message--engagement.message--shown {
        display: flex
    }
}

.message--engagement .message__wrapper {
    padding: 0
}

.message--engagement .message__cross {
    align-self: center;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block
}

.message--engagement .message__link {
    font-weight: 400;
    font-size: 1.4rem;
    margin-left: 1.2rem
}

.message--engagement+.main {
    margin-top: 4rem
}

.message--blue {
    background-color: #eaf9ff
}

.message--blue .message__content {
    color: #005b85
}

.message--blue .message__cross {
    background-image: url("")
}

.message--blue s {
    color: #7698a7;
    font-weight: 400
}

.message--yellow {
    background-color: #fff6d3
}

.message--yellow .message__content {
    color: #01364f
}

.message--yellow .message__cross {
    background-image: url("")
}

.message--yellow s {
    color: #7698a7;
    font-weight: 400
}

.message--article-gsc {
    display: none
}

.message--article-gsc.message--shown {
    display: flex;
    position: sticky;
    top: 6rem;
    width: 100%;
    z-index: 5;
    background-color: #ebf9ff;
    border-bottom: .05rem solid #82c8e8
}

.message--article-gsc.message--shown .message__content {
    padding: 0;
    color: #026b9c;
    font-size: 1.5rem
}

.message--article-gsc.message--shown+.main {
    margin-top: 4rem
}

.message--article-gsc.message--shown .message__emphasis {
    font-weight: 600
}

.message--article-gsc.message--shown .message__close {
    align-self: flex-start;
    margin-top: 1.6rem
}

.message--article-gsc.message--shown.gscBanner-contextualNav--mobile {
    top: 6rem
}

.message--article-gsc.message--shown.gscBanner-contextualNav {
    top: 11.6rem
}

.message--article-gsc.message--shown .message__cross--article-gsc {
    background: url("")
}

@media(min-width: 768px) {
    .message--article-gsc.message--shown .message__close {
        align-self: initial;
        margin-top: 0
    }
}

@media(min-width: 1024px) {
    .message--article-gsc.message--shown {
        top: 5.8rem
    }

    .message--article-gsc.message--shown .message__wrapper {
        padding: 1.8rem 1.6rem 1.5rem;
        align-items: center
    }

    .message--article-gsc.message--shown.gscBanner-contextualNav {
        top: 5.8rem
    }

    .message--article-gsc.message--shown.gscBanner-bigAd {
        position: absolute;
        left: 0;
        top: 13rem
    }

    .message--article-gsc.message--shown.gscBanner-bigAd.gscBanner-contextualNav {
        top: 18.8rem
    }

    .message--article-gsc.message--shown.gscBanner-bigAd--sticky.gscBanner-contextualNav {
        position: fixed;
        top: 5.8rem
    }
}

@media(min-width: 1200px) {
    .message--article-gsc.message--shown {
        top: 5.8rem
    }

    .message--article-gsc.message--shown .message__content {
        font-size: 1.6rem
    }
}

.message--partner-nyt {
    display: none
}

@media(min-width: 1024px) {
    .message--partner-nyt.message--shown {
        background-color: #000;
        color: #fff;
        display: flex;
        position: fixed;
        top: 5.8rem;
        height: 4.4rem;
        width: 100%;
        z-index: 5
    }
}

.message--partner-nyt.message--shown+.main {
    margin-top: 4rem
}

.message__btn-container {
    margin-top: 1.6rem;
    display: flex
}

@media(min-width: 1024px) {
    .message__btn-container {
        margin-top: 0
    }
}

.message__btn-container .button {
    font-size: 1.4rem;
    height: 3rem
}

.message__btn-container .button:hover {
    cursor: pointer
}

.message__btn-container .button--white {
    width: 9.9rem;
    margin-left: 1.2rem
}

.message__btn-container .button--void {
    background-color: rgba(0, 0, 0, 0);
    width: auto;
    color: #717b8e;
    border: 0;
    -webkit-text-decoration: underline;
    text-decoration: underline
}

@media(min-width: 1024px) {
    .message__btn-container .button--void {
        width: 18.6rem
    }
}

.message__cross {
    cursor: pointer;
    flex-shrink: 0;
    border: none;
    padding: 0;
    outline: inherit;
    height: 1.5rem;
    width: 1.5rem;
    background: url("")
}

.message__cross--survey {
    background: url("");
    margin-left: 1.6rem
}

@media(min-width: 768px) {
    .message__cross--survey {
        margin-left: 0;
        top: 1.6rem;
        position: absolute;
        right: 1.6rem
    }
}

.message__cross--partner-nyt {
    background-image: url("");
    align-self: center
}

.message__cross--engagement,
.message__cross--partner-nyt {
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block
}

.message__cross:focus {
    outline: 0
}

.message__cookie-content {
    max-width: 28rem
}

@media(min-width: 360px) {
    .message__cookie-content {
        max-width: 100%
    }
}

@media(min-width: 1024px) {
    .message__cookie-content {
        display: flex;
        padding-right: 3.2rem
    }
}

.message__close {
    font-weight: 500;
    font-size: 1.3rem;
    background: rgba(0, 0, 0, 0);
    border: 0;
    -webkit-text-decoration: underline;
    text-decoration: underline;
    cursor: pointer;
    display: flex;
    align-items: center;
    padding: 0;
    margin-right: 1.2rem
}

.message__close {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .message__close {
    letter-spacing: .314px
}

html:not(.fonts-loaded) .message__close>* {
    letter-spacing: .314px
}

html.fonts-loaded .message__close {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.message__close:focus {
    outline: 0
}

.message__close--partner-nyt {
    position: absolute;
    top: 1.6rem;
    right: 1.6rem
}

.message__cookie-wrapper {
    margin: 0 auto;
    max-width: 115.2rem;
    display: flex
}

.message__headline {
    font-size: 1.6rem;
    line-height: 1.25;
    font-weight: 600
}

.message__illustration {
    display: none
}

@media(min-width: 768px) {
    .message__illustration {
        display: block;
        flex: 1;
        margin-left: -9rem;
        text-align: center;
        padding: .8rem 0
    }
}

.message__content {
    color: #2a303b;
    flex: 1;
    padding: 2rem
}

.message__content {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .message__content {
    letter-spacing: .314px
}

html:not(.fonts-loaded) .message__content>* {
    letter-spacing: .314px
}

html.fonts-loaded .message__content {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

@media(min-width: 768px) {
    .message__content {
        padding: 0
    }
}

@media(min-width: 1024px) {
    .message__content--partner-nyt {
        color: #fff;
        display: flex;
        align-items: center;
        flex-direction: row
    }
}

.message__content--sitemap {
    margin-top: 3.2rem;
    font-size: 1.6rem;
    line-height: 1
}

.message__content--paywall {
    align-content: center;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column
}

@media(min-width: 768px) {
    .message__content--paywall {
        flex-direction: row
    }
}

.message__link {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.message__link--sitemap {
    display: inline-flex;
    margin-top: 1.6rem;
    padding: .4rem 1.2rem;
    -webkit-text-decoration: none;
    text-decoration: none;
    width: auto
}

.message__link--sitemap {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .message__link--sitemap {
    letter-spacing: .314px
}

html:not(.fonts-loaded) .message__link--sitemap>* {
    letter-spacing: .314px
}

html.fonts-loaded .message__link--sitemap {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

@media(min-width: 360px) {
    .message__link--sitemap {
        padding: .4rem 2rem
    }
}

.message__link--paywall {
    color: #026b9c
}

@media(min-width: 1024px) {
    .message__link--partner-nyt {
        font-weight: 500;
        font-size: 1.6rem;
        line-height: 2.1rem;
        margin-left: 1.6rem;
        -webkit-text-decoration: none;
        text-decoration: none
    }

    .message__link--partner-nyt {
        font-family: "Trebuchet MS", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
    }

    html:not(.fonts-loaded) .message__link--partner-nyt {
        letter-spacing: -1.607px
    }

    html:not(.fonts-loaded) .message__link--partner-nyt>* {
        letter-spacing: -1.607px
    }

    html.fonts-loaded .message__link--partner-nyt {
        font-family: "Marr Sans Condensed", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
    }

    html:not(.fonts-loading) .message__link--partner-nyt {
        letter-spacing: .05rem
    }

    .message__link--partner-nyt:after {
        content: "";
        background: url("");
        width: 2.4rem;
        height: 1.6rem;
        display: inline-block
    }
}

.message__cta {
    font-size: 1.3rem;
    line-height: 1.38;
    margin-top: .4rem
}

.message__cta--register {
    font-size: 1.6rem;
    line-height: 1.25;
    margin-bottom: .8rem;
    margin-top: 0
}

@media(min-width: 768px) {
    .message__cta--register {
        max-width: 34.3rem
    }
}

.message__cta--paywall {
    align-items: center;
    background-color: #ffc700;
    border-radius: .4rem;
    color: #2a303b;
    display: flex;
    font-size: 1.6rem;
    font-weight: 500;
    height: 4rem;
    justify-content: center;
    line-height: 1.25;
    margin-top: 2rem;
    margin: 0 auto;
    max-width: 28rem;
    max-width: 34.3rem;
    width: 100%
}

.message__cta--paywall {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .message__cta--paywall {
    letter-spacing: .314px
}

html:not(.fonts-loaded) .message__cta--paywall>* {
    letter-spacing: .314px
}

html.fonts-loaded .message__cta--paywall {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.message__cta--paywall:hover {
    background-color: #eab002
}

@media(min-width: 768px) {
    .message__cta--paywall {
        margin: .8rem 0 0;
        max-width: 22.9rem
    }
}

@media(min-width: 1024px) {
    .message__cta--partner-nyt {
        font-size: 1.5rem;
        font-weight: 400;
        line-height: 1.9rem;
        margin-left: 1.6rem
    }
}

.message__wrapper {
    margin: 0 auto;
    max-width: 115.2rem;
    padding: .8rem 1.6rem;
    display: flex
}

@media(min-width: 360px) {
    .message__wrapper {
        padding: 1.6rem
    }
}

@media(min-width: 1024px) {
    .message__wrapper {
        padding: 1.6rem 1.6rem 2.4rem
    }
}

@media(min-width: 1200px) {
    .message__wrapper {
        padding: 1.6rem 0 2.4rem
    }
}

.message__wrapper--partner-nyt {
    padding: 0
}

@media(max-width: 1023px) {
    .message__wrapper--partner-nyt {
        margin: 0
    }
}

.message__wrapper-register {
    display: flex;
    flex-direction: column;
    padding: 0;
    position: relative
}

@media(min-width: 576px) {
    .message__wrapper-register {
        padding: 0 1.6rem
    }
}

@media(min-width: 768px) {
    .message__wrapper-register {
        margin: 0 auto;
        max-width: 66.4rem;
        padding: 0
    }
}

@media(min-width: 1024px) {
    .message__wrapper-register {
        flex-direction: row;
        max-width: 100rem;
        padding: 0 1.6rem
    }
}

.message__wrapper-teaser {
    position: relative;
    color: #2a303b;
    background-color: #fff6d3;
    font-style: normal;
    font-weight: normal;
    font-size: 1.6rem;
    line-height: 1.6rem;
    text-align: center;
    width: 100%;
    padding: 1.2rem 0 1.2rem;
    height: auto;
    display: flex;
    flex-direction: column
}

.message__wrapper-teaser {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .message__wrapper-teaser {
    letter-spacing: .314px
}

html:not(.fonts-loaded) .message__wrapper-teaser>* {
    letter-spacing: .314px
}

html.fonts-loaded .message__wrapper-teaser {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.message__wrapper-teaser-hide {
    display: none
}

.message__wrapper-paywall {
    position: relative;
    color: #2a303b;
    font-style: normal;
    font-weight: normal;
    font-size: 1.6rem;
    line-height: 1.6rem;
    text-align: center;
    display: flex;
    max-height: 30rem;
    transition: max-height 1s
}

.message__wrapper-paywall {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .message__wrapper-paywall {
    letter-spacing: .314px
}

html:not(.fonts-loaded) .message__wrapper-paywall>* {
    letter-spacing: .314px
}

html.fonts-loaded .message__wrapper-paywall {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

@media(min-width: 768px) {
    .message__wrapper-paywall {
        margin: 0 auto;
        max-width: 65rem;
        text-align: left
    }
}

.message__wrapper-paywall-hide {
    max-height: 0;
    -webkit-appearance: none;
    appearance: none;
    visibility: hidden
}

.message__cookie-accept:hover {
    background-color: #f5f6f8
}

.message__sitemap {
    text-align: center
}

.message__sitemap:before {
    content: " ";
    border-top: .3rem solid #2a303b;
    display: block
}

@media(min-width: 1024px) {
    .message__sitemap {
        grid-column: 1
    }
}

.message__sitemap--hidden {
    display: none
}

@media(min-width: 1024px) {
    .message__logo--partner-nyt {
        background: url("");
        width: 14.2rem;
        height: 2rem;
        margin: 0 1.6rem 0 0;
        position: relative;
        display: block
    }

    .message__logo--partner-nyt:after {
        content: " ";
        width: .1rem;
        background-color: #bdc1c8;
        height: 1.8rem;
        display: block;
        margin: 0 .8rem;
        position: absolute;
        top: 0;
        right: -2.4rem
    }
}

.message__offre {
    display: none
}

@media(min-width: 1024px) {
    .message__offre {
        display: block;
        margin-bottom: 3.2rem
    }

    .message__offre--text {
        padding: 1.6rem 1.2rem 1.6rem
    }
}

.message__offre--text-white {
    color: #fff
}

.message__offre--yellow {
    background-color: #ffc700
}

.message__offre--yellow .message__offre-title:after {
    background-color: #2a303b
}

.message__offre--yellow .message__offre-description {
    color: #2a303b
}

.message__offre--violet-memorable {
    background-color: #3e388c
}

.message__offre--violet-memorable p,
.message__offre--violet-memorable .message__offre-more {
    color: #fff
}

.message__offre--logo-memorable {
    background: url("");
    width: 19.5rem;
    height: 2.2rem;
    margin: auto
}

.message__offre--divider {
    height: 2px;
    width: 40px;
    background: #fff;
    margin: 1.2rem auto .8rem
}

.message__offre--blue {
    background-color: #036487
}

.message__offre--arrow {
    font-size: 1.3rem
}

.message__offre--rotation-yellow {
    background-color: #ffc700;
    padding: 1.4rem 2rem .9rem
}

.message__offre--rotation-yellow .message__offre-rotation-description--bold-italic {
    font-weight: 600;
    font-style: italic
}

.message__offre--rotation-yellow .message__offre-rotation-description--bold {
    font-weight: 600
}

.message__offre-jeux {
    color: #383f4e;
    background-color: rgba(233, 243, 247, .5);
    border-top: .1rem solid #e9f3f7;
    border-bottom: .1rem solid #e9f3f7;
    margin-bottom: 2.2rem
}

.message__offre-jeux {
    font-family: "Trebuchet MS", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loaded) .message__offre-jeux {
    letter-spacing: -1.607px
}

html:not(.fonts-loaded) .message__offre-jeux>* {
    letter-spacing: -1.607px
}

html.fonts-loaded .message__offre-jeux {
    font-family: "Marr Sans Condensed", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loading) .message__offre-jeux {
    letter-spacing: .05rem
}

.message__offre-jeux-link {
    display: block;
    padding: 1.6rem
}

.message__offre-jeux-subtitle {
    font-size: 1.4rem;
    line-height: 1rem;
    color: #005b85;
    margin-bottom: 1.1rem
}

.message__offre-jeux-subtitle::after {
    content: "";
    display: block;
    height: .1rem;
    width: 1.5rem;
    margin-top: .5rem;
    background-color: #005b85
}

.message__offre-jeux-title {
    font-weight: 600;
    font-size: 1.5rem;
    line-height: 2.1rem;
    text-transform: uppercase;
    margin-bottom: .2rem
}

.message__offre-jeux-title {
    font-family: "Trebuchet MS", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loaded) .message__offre-jeux-title {
    letter-spacing: -1.607px
}

html:not(.fonts-loaded) .message__offre-jeux-title>* {
    letter-spacing: -1.607px
}

html.fonts-loaded .message__offre-jeux-title {
    font-family: "Marr Sans Condensed", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loading) .message__offre-jeux-title {
    letter-spacing: .05rem
}

.message__offre-jeux-title-abo {
    color: #fff
}

.message__offre-jeux-description {
    font-size: 1.5rem;
    line-height: 2.1rem;
    margin-bottom: .8rem
}

.message__offre-jeux-description {
    font-family: Georgia, Droid-serif, serif
}

html:not(.fonts-loaded) .message__offre-jeux-description {
    letter-spacing: -0.645px
}

html:not(.fonts-loaded) .message__offre-jeux-description>* {
    letter-spacing: -0.645px
}

html.fonts-loaded .message__offre-jeux-description {
    font-family: "The Antiqua B standard", Georgia, Droid-serif, serif
}

@supports(font-variation-settings: normal) {
    html.fonts-loaded .message__offre-jeux-description {
        font-family: "The Antiqua B", Georgia, Droid-serif, serif
    }
}

.message__offre-jeux-wrap {
    display: flex;
    align-items: center
}

.message__offre-jeux-wrap::after {
    content: "";
    background-image: url("");
    display: inline-block;
    width: 1.2rem;
    height: 1.2rem;
    margin-left: .5rem
}

.message__offre-jeux--user-abo .message__offre-jeux-wrap::after {
    background-image: url("")
}

.message__offre-jeux-more {
    font-size: 1.5rem;
    line-height: 1.8rem;
    border-bottom: solid .1rem #383f4e
}

.message__offre-jeux--user-abo .message__offre-jeux-more {
    color: #fff;
    border-bottom: solid .1rem #fff
}

.message__offre-jeux-icon {
    height: 1rem;
    width: 1.2rem
}

.message__offre-jeux--user-free {
    background-color: #ffc700
}

.message__offre-jeux--user-free .message__offre-title:after {
    background-color: #2a303b
}

.message__offre-jeux--user-free .message__offre-description {
    color: #2a303b
}

.message__offre-jeux--user-abo {
    background-color: #026b9c;
    color: #fff
}

@media(min-width: 1024px) {
    .message__offre-kicker {
        font-weight: normal;
        color: #2a303b;
        font-size: 1.3rem;
        letter-spacing: .13rem;
        line-height: 1.15;
        text-align: center;
        text-transform: uppercase
    }

    .message__offre-kicker {
        font-family: "Trebuchet MS", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
    }

    html:not(.fonts-loaded) .message__offre-kicker {
        letter-spacing: -1.607px
    }

    html:not(.fonts-loaded) .message__offre-kicker>* {
        letter-spacing: -1.607px
    }

    html.fonts-loaded .message__offre-kicker {
        font-family: "Marr Sans Condensed", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
    }

    html:not(.fonts-loading) .message__offre-kicker {
        letter-spacing: .05rem
    }
}

@media(min-width: 1024px) {
    .message__offre-rotation-title {
        font-size: 1.8rem;
        line-height: 1.25;
        color: #2a303b;
        font-weight: bold;
        margin-top: .4rem
    }

    .message__offre-rotation-title {
        font-family: Georgia, Droid-serif, serif
    }

    html:not(.fonts-loaded) .message__offre-rotation-title {
        letter-spacing: -0.645px
    }

    html:not(.fonts-loaded) .message__offre-rotation-title>* {
        letter-spacing: -0.645px
    }

    html.fonts-loaded .message__offre-rotation-title {
        font-family: "The Antiqua B standard", Georgia, Droid-serif, serif
    }

    @supports(font-variation-settings: normal) {
        html.fonts-loaded .message__offre-rotation-title {
            font-family: "The Antiqua B", Georgia, Droid-serif, serif
        }
    }
}

.message__offre-description-container {
    display: flex;
    height: 6rem;
    align-items: center;
    margin-top: .8rem
}

@media(min-width: 1024px) {
    .message__offre-rotation-description {
        color: #2a303b;
        font-size: 1.5rem;
        line-height: 1.33
    }

    .message__offre-rotation-description {
        font-family: Arial, Roboto, sans-serif
    }

    html:not(.fonts-loaded) .message__offre-rotation-description {
        letter-spacing: .314px
    }

    html:not(.fonts-loaded) .message__offre-rotation-description>* {
        letter-spacing: .314px
    }

    html.fonts-loaded .message__offre-rotation-description {
        font-family: "Marr Sans", Arial, Roboto, sans-serif
    }
}

.message__marque {
    font-style: italic
}

.message__marque--upper {
    font-style: normal
}

@media(min-width: 1024px) {
    .message__offre-title {
        font-size: 1.6rem;
        line-height: 1.25;
        color: #2a303b;
        font-weight: bold;
        text-align: left
    }

    .message__offre-title {
        font-family: Georgia, Droid-serif, serif
    }

    html:not(.fonts-loaded) .message__offre-title {
        letter-spacing: -0.645px
    }

    html:not(.fonts-loaded) .message__offre-title>* {
        letter-spacing: -0.645px
    }

    html.fonts-loaded .message__offre-title {
        font-family: "The Antiqua B standard", Georgia, Droid-serif, serif
    }

    @supports(font-variation-settings: normal) {
        html.fonts-loaded .message__offre-title {
            font-family: "The Antiqua B", Georgia, Droid-serif, serif
        }
    }

    .message__offre-title--white {
        color: #fff
    }

    .message__offre-title--white:after {
        background-color: #fff
    }
}

.message__offre-title--upper {
    font-size: 1.6rem;
    color: #2a303b;
    font-weight: bold;
    letter-spacing: .08rem;
    text-transform: uppercase
}

.message__offre-title--upper {
    font-family: "Trebuchet MS", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loaded) .message__offre-title--upper {
    letter-spacing: -1.607px
}

html:not(.fonts-loaded) .message__offre-title--upper>* {
    letter-spacing: -1.607px
}

html.fonts-loaded .message__offre-title--upper {
    font-family: "Marr Sans Condensed", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loading) .message__offre-title--upper {
    letter-spacing: .05rem
}

@media(min-width: 1024px) {
    .message__offre-description {
        color: #454f5f;
        font-size: 1.5rem;
        line-height: 1.33;
        margin-top: .4rem
    }

    .message__offre-description {
        font-family: Georgia, Droid-serif, serif
    }

    html:not(.fonts-loaded) .message__offre-description {
        letter-spacing: -0.645px
    }

    html:not(.fonts-loaded) .message__offre-description>* {
        letter-spacing: -0.645px
    }

    html.fonts-loaded .message__offre-description {
        font-family: "The Antiqua B standard", Georgia, Droid-serif, serif
    }

    @supports(font-variation-settings: normal) {
        html.fonts-loaded .message__offre-description {
            font-family: "The Antiqua B", Georgia, Droid-serif, serif
        }
    }

    .message__offre-description--white {
        color: #fff
    }
}

.message__offre-description--upper {
    margin-top: 0
}

@media(min-width: 1024px) {
    .message__offre-more {
        color: #2a303b;
        -webkit-text-decoration: underline;
        text-decoration: underline;
        font-size: 1.3rem;
        font-weight: 500;
        padding-top: .4rem;
        display: inline-block
    }

    .message__offre-more {
        font-family: Arial, Roboto, sans-serif
    }

    html:not(.fonts-loaded) .message__offre-more {
        letter-spacing: .314px
    }

    html:not(.fonts-loaded) .message__offre-more>* {
        letter-spacing: .314px
    }

    html.fonts-loaded .message__offre-more {
        font-family: "Marr Sans", Arial, Roboto, sans-serif
    }

    .message__offre-more--white {
        color: #fff
    }

    .message__offre-more--full-white {
        color: #036487;
        background: #fff;
        -webkit-text-decoration: none;
        text-decoration: none;
        line-height: 1;
        display: inline-block;
        padding: .7rem .8rem .7rem;
        border-radius: .3rem;
        margin-top: 1rem
    }
}

.message__offre-more-container {
    display: flex;
    justify-content: flex-end
}

@media(min-width: 1024px) {
    .message__offre-link {
        display: block
    }
}

.message__survey {
    position: fixed;
    width: 100%;
    bottom: 0;
    background-color: #2c2946;
    display: none;
    z-index: 6;
    padding: 1.6rem
}

@media(min-width: 768px) {
    .message__survey {
        width: 24rem;
        bottom: 1.6rem;
        right: 1.6rem;
        border-radius: .4rem
    }
}

.message__survey--visible {
    display: flex;
    align-items: center
}

@media(min-width: 768px) {
    .message__survey--visible {
        display: block
    }
}

.message__survey-description {
    color: #fff;
    font-size: 1.4rem;
    line-height: 1.4;
    margin-right: .8rem
}

.message__survey-description {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .message__survey-description {
    letter-spacing: .314px
}

html:not(.fonts-loaded) .message__survey-description>* {
    letter-spacing: .314px
}

html.fonts-loaded .message__survey-description {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

@media(min-width: 768px) {
    .message__survey-description {
        margin-right: 0;
        font-size: 1.5rem
    }
}

.message__cta-survey {
    height: 4.2rem;
    max-width: 9.9rem
}

@media(min-width: 768px) {
    .message__cta-survey {
        margin-top: 1.6rem;
        max-width: 100%
    }
}

.message__cta-text-mobile {
    padding: 0 1.2rem
}

@media(min-width: 768px) {
    .message__cta-text-mobile {
        display: none
    }
}

.message__cta-text-desktop {
    display: none
}

@media(min-width: 768px) {
    .message__cta-text-desktop {
        display: inline
    }
}

.message__actions {
    align-items: center;
    display: flex;
    margin-left: auto;
    justify-content: flex-end;
    width: 30rem
}

@media(min-width: 360px) {
    .message__actions {
        width: 20rem
    }
}

@media(min-width: 768px) {
    .message__actions {
        display: block;
        margin-left: 0;
        width: auto
    }
}

.message__survey-logo {
    width: 2.2rem;
    margin-right: .8rem
}

@media(min-width: 768px) {
    .message__survey-logo {
        margin-right: 0;
        width: auto
    }
}

.message--register {
    position: sticky;
    background-color: #fff6d3;
    border-top: .1rem solid #eab002;
    width: 100%;
    max-width: none;
    max-width: initial;
    grid-template-columns: initial;
    height: auto;
    z-index: 15;
    bottom: 0;
    padding: 1.6rem
}

@media(min-width: 768px) {
    .message--register {
        margin-right: 0;
        padding: 2.4rem 1.6rem
    }
}

.message--register-hide {
    display: none
}

.message--paywall {
    position: sticky;
    background-color: #fcfcfd;
    width: 100%;
    height: auto;
    z-index: 2147483647;
    bottom: 0
}

.message--paywall-hide {
    display: none
}

.message--blockscroll {
    position: relative;
    height: 100%;
    overflow: hidden
}

.message--shorten {
    height: 2000px;
    overflow: hidden
}

.message--teaser {
    position: sticky;
    background-color: #fff6d3;
    width: 100%;
    height: auto;
    z-index: 15;
    bottom: 0;
    padding: 1.6rem
}

.message--teaser-hide {
    display: none
}

.message--hidden {
    display: none
}

.message__headline {
    color: #000;
    font-size: 2rem;
    line-height: 1.2;
    font-weight: normal;
    text-align: center
}

.message__headline {
    font-family: Georgia, Droid-serif, serif
}

html:not(.fonts-loaded) .message__headline {
    letter-spacing: -0.645px
}

html:not(.fonts-loaded) .message__headline>* {
    letter-spacing: -0.645px
}

html.fonts-loaded .message__headline {
    font-family: "The Antiqua B standard", Georgia, Droid-serif, serif
}

@supports(font-variation-settings: normal) {
    html.fonts-loaded .message__headline {
        font-family: "The Antiqua B", Georgia, Droid-serif, serif
    }
}

@media(min-width: 360px) {
    .message__headline {
        font-size: 2.4rem;
        line-height: 1.16
    }
}

.message__headline-paywall {
    font-size: 2.8rem;
    line-height: 1;
    font-weight: 500;
    margin-bottom: 1.2rem
}

.message__headline-paywall {
    font-family: Georgia, Droid-serif, serif
}

html:not(.fonts-loaded) .message__headline-paywall {
    letter-spacing: -0.645px
}

html:not(.fonts-loaded) .message__headline-paywall>* {
    letter-spacing: -0.645px
}

html.fonts-loaded .message__headline-paywall {
    font-family: "The Antiqua B standard", Georgia, Droid-serif, serif
}

@supports(font-variation-settings: normal) {
    html.fonts-loaded .message__headline-paywall {
        font-family: "The Antiqua B", Georgia, Droid-serif, serif
    }
}

@media(min-width: 768px) {
    .message__headline-paywall {
        line-height: 1.2;
        margin: 0
    }
}

.message__headline-teaser {
    padding: 0 3rem;
    margin-bottom: .8rem;
    font-size: 1.6rem;
    line-height: 1.25;
    font-weight: 500
}

@media(min-width: 768px) {
    .message__headline-teaser {
        margin-bottom: .2rem
    }
}

.message__headline-teaser--logo {
    margin-left: -2.3rem
}

@media(min-width: 768px) {
    .message__headline-teaser--logo {
        margin-left: 0
    }
}

.message__description-bordered {
    border-top: .1rem solid #d5d8dc;
    padding-bottom: .8rem;
    padding-top: 1.2rem
}

@media(min-width: 768px) {
    .message__description-bordered {
        border-top: none;
        padding-top: 0
    }
}

.message__description-dropdown {
    color: #000;
    display: none;
    height: 15rem;
    -webkit-mask-image: linear-gradient(#fff 0%, #fff 11rem, transparent);
    mask-image: linear-gradient(#fff 0%, #fff 11rem, transparent);
    mask-mode: luminance;
    -webkit-mask-repeat: repeat-x;
    mask-repeat: repeat-x;
    overflow-y: scroll
}

.message__description-dropdown {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .message__description-dropdown {
    letter-spacing: .314px
}

html:not(.fonts-loaded) .message__description-dropdown>* {
    letter-spacing: .314px
}

html.fonts-loaded .message__description-dropdown {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

@media(min-width: 360px) {
    .message__description-dropdown {
        height: auto;
        -webkit-mask-image: none;
        mask-image: none;
        overflow: auto
    }
}

.message__description-dropdown.ui-collapse--shown {
    display: block;
    padding-bottom: 2.4rem
}

.message__paragraph {
    line-height: 1.375;
    font-size: 1.6rem
}

.message__paragraph:not(:first-of-type) {
    margin-top: 1.2rem
}

.message__paragraph--extra {
    line-height: 1.375;
    font-size: 1.6rem;
    margin-top: .8rem
}

.message__paragraph__strong {
    font-size: 1.5rem;
    font-weight: 600;
    padding-bottom: 6rem
}

@media(min-width: 360px) {
    .message__paragraph__strong {
        padding-bottom: 0
    }
}

.message__paragraph__bold {
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 1
}

.message__paragraph__mobile {
    font-size: 1.6rem;
    line-height: 1.375
}

@media(min-width: 768px) {
    .message__paragraph__mobile {
        display: none
    }
}

.message__paragraph__desktop {
    font-size: 1.6rem
}

@media(max-width: 768px) {
    .message__paragraph__desktop {
        display: none
    }
}

.message__paragraph--register {
    font-size: 1.4rem;
    line-height: 2rem
}

.message__paragraph--register:not(:first-of-type) {
    margin-top: 0
}

.message__paragraph--register:not(:last-child) {
    margin-bottom: 1.6rem
}

@media(min-width: 1024px) {
    .message--fragment-de-france {
        margin-bottom: 3.2rem
    }
}

.message__link {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.message__link--fragment-de-france {
    align-items: flex-start;
    background-color: #f4f9fb;
    display: flex;
    justify-content: space-between;
    padding: 1.6rem 0;
    position: relative;
    -webkit-text-decoration: none;
    text-decoration: none
}

.message__link--fragment-de-france>* {
    z-index: 1
}

.message__link--fragment-de-france:before {
    background-color: #f4f9fb;
    content: "";
    display: block;
    height: calc(100% + .4rem);
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate3d(-50%, -50%, 0);
    width: 100vw;
    z-index: 0
}

@media(min-width: 576px) {
    .message__link--fragment-de-france {
        padding: 1.6rem
    }

    .message__link--fragment-de-france:before {
        width: 100%
    }
}

@media(min-width: 1024px) {
    .message__link--fragment-de-france:before {
        content: none
    }
}

.message__overlay {
    z-index: 2147483646 !important
}

@media(min-width: 1024px) {
    .message__details {
        margin-right: .8rem;
        max-width: 58.7rem
    }
}

.message__actions-wrapper {
    flex-shrink: 0
}

@media(min-width: 1024px) {
    .message__actions-wrapper {
        align-self: flex-start;
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin-left: auto;
        margin-top: 2rem;
        width: 24rem
    }
}

.message__actions-wrapper.ui-collapse--shown {
    justify-content: flex-start
}

.message__headline--register {
    font-size: 1.8rem;
    font-weight: 600;
    margin-bottom: 1.6rem;
    text-align: left
}

.message__headline--register {
    font-family: "Trebuchet MS", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loaded) .message__headline--register {
    letter-spacing: -1.607px
}

html:not(.fonts-loaded) .message__headline--register>* {
    letter-spacing: -1.607px
}

html.fonts-loaded .message__headline--register {
    font-family: "Marr Sans Condensed", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loading) .message__headline--register {
    letter-spacing: .05rem
}

@media(min-width: 1024px) {
    .message__headline--register {
        font-size: 2.4rem;
        margin-bottom: 2rem
    }
}

.message__dropdown-trigger {
    align-items: center;
    background-color: rgba(0, 0, 0, 0);
    border: 0;
    color: #026b9c;
    cursor: pointer;
    display: flex;
    font-size: 1.4rem;
    margin: 0;
    margin-bottom: 2rem;
    padding: 0;
    position: relative;
    text-align: left
}

.message__dropdown-trigger {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .message__dropdown-trigger {
    letter-spacing: .314px
}

html:not(.fonts-loaded) .message__dropdown-trigger>* {
    letter-spacing: .314px
}

html.fonts-loaded .message__dropdown-trigger {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.message__dropdown-trigger:focus {
    outline: 0
}

.message__dropdown-trigger:after {
    background-image: url("8c6adaf57d3404a09c9ecf0280f8cbd81bec64b3.svg");
    content: "";
    display: flex;
    height: 1.8rem;
    position: absolute;
    right: -2.8rem;
    top: .2rem;
    transform: rotate(90deg);
    width: 1.8rem
}

.message__dropdown-trigger.ui-collapse--shown:after {
    transform: rotate(-90deg)
}

.message__dropdown-trigger.ui-collapse--shown__dropdown-trigger-hide-msg {
    display: none
}

.message__dropdown-trigger.ui-collapse--shown__dropdown-trigger-show-msg {
    display: inline
}

.message__cmp-wrapper {
    font-size: 1.4rem;
    text-align: center
}

.message__cmp-link {
    cursor: pointer;
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.message__link--register {
    color: #026b9c
}

.message__title {
    color: #026b9c;
    font-size: 1.3rem;
    font-weight: 400;
    line-height: 1.5rem;
    letter-spacing: .13rem;
    margin-bottom: .4rem;
    text-transform: uppercase
}

.message__title {
    font-family: "Trebuchet MS", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loaded) .message__title {
    letter-spacing: -1.607px
}

html:not(.fonts-loaded) .message__title>* {
    letter-spacing: -1.607px
}

html.fonts-loaded .message__title {
    font-family: "Marr Sans Condensed", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loading) .message__title {
    letter-spacing: .05rem
}

.message__description {
    color: #2a303b;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.8rem;
    margin-bottom: .8rem;
    margin-top: 1.2rem
}

.message__description {
    font-family: Georgia, Droid-serif, serif
}

html:not(.fonts-loaded) .message__description {
    letter-spacing: -0.645px
}

html:not(.fonts-loaded) .message__description>* {
    letter-spacing: -0.645px
}

html.fonts-loaded .message__description {
    font-family: "The Antiqua B standard", Georgia, Droid-serif, serif
}

@supports(font-variation-settings: normal) {
    html.fonts-loaded .message__description {
        font-family: "The Antiqua B", Georgia, Droid-serif, serif
    }
}

.message__more {
    align-items: center;
    color: #2a303b;
    display: flex;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1.8rem
}

.message__more {
    font-family: "Trebuchet MS", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loaded) .message__more {
    letter-spacing: -1.607px
}

html:not(.fonts-loaded) .message__more>* {
    letter-spacing: -1.607px
}

html.fonts-loaded .message__more {
    font-family: "Marr Sans Condensed", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loading) .message__more {
    letter-spacing: .05rem
}

.message__more::after {
    content: "";
    background-image: url("");
    display: inline-block;
    height: 1.2rem;
    margin-left: .4rem;
    width: 1.2rem
}

.message__more-text {
    letter-spacing: .02rem;
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.message__image {
    height: auto;
    flex-shrink: 0;
    margin-left: 2rem;
    width: 11rem
}

@media(min-width: 576px) {
    .message__image {
        width: 75%
    }
}

@media(min-width: 1024px) {
    .message__image {
        margin-left: .8rem
    }
}

.top-banner {
    align-items: flex-start;
    background-color: #fffbeb;
    display: none;
    justify-content: center;
    padding: 1.6rem;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10
}

.top-banner {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .top-banner {
    letter-spacing: .314px
}

html:not(.fonts-loaded) .top-banner>* {
    letter-spacing: .314px
}

html.fonts-loaded .top-banner {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.top-banner--important {
    background-color: #ffede9
}

.top-banner--reminder-on {
    display: flex
}

.top-banner__container {
    align-items: center;
    color: #2a303b;
    display: flex;
    flex-direction: column;
    font-size: 1.4rem;
    justify-content: flex-start;
    line-height: 1.9rem;
    max-width: 80rem;
    text-align: center
}

@media(min-width: 360px) {
    .top-banner__container {
        font-size: 1.6rem;
        line-height: 2.2rem
    }
}

.top-banner__close-btn {
    background-image: url("");
    cursor: pointer;
    height: 2.4rem;
    margin-bottom: .8rem;
    margin-left: auto;
    width: 2.4rem
}

@media(min-width: 1024px) {
    .top-banner__close-btn {
        position: absolute;
        right: 4.8rem;
        top: 1.6rem
    }
}

.top-banner__title {
    align-items: center;
    display: flex;
    font-weight: 600;
    justify-content: flex-start;
    margin-bottom: .8rem
}

.top-banner__icon-cb {
    background-image: url("");
    height: 1.5rem;
    margin-right: .8rem;
    width: 2.05rem
}

.top-banner__text {
    margin-bottom: .8rem
}

.top-banner__cta {
    align-items: center;
    border: 0;
    border-radius: .3rem;
    cursor: pointer;
    display: flex;
    flex-shrink: 0;
    font-weight: 500;
    height: 3rem;
    justify-content: center;
    line-height: 1;
    max-width: 100%;
    text-align: center;
    font-size: 1.2rem;
    padding: .9rem 1.6rem .7rem;
    background-color: #ffc700;
    color: #2a303b;
    margin-bottom: .8rem
}

.top-banner__cta {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .top-banner__cta {
    letter-spacing: .314px
}

html:not(.fonts-loaded) .top-banner__cta>* {
    letter-spacing: .314px
}

html.fonts-loaded .top-banner__cta {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.top-banner__cta:hover {
    background-color: #eab002
}

@media(min-width: 360px) {
    .top-banner__cta {
        font-size: 1.6rem;
        height: 4.2rem;
        padding: 1rem 2.4rem
    }
}

.top-banner__helper {
    font-size: 1.4rem
}

.sr-only {
    border: 0 !important;
    clip: rect(1px, 1px, 1px, 1px) !important;
    -webkit-clip-path: inset(50%) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    white-space: nowrap !important
}

.seo-only {
    display: none
}

.lmd-btn {
    align-items: center;
    border: 0;
    border-radius: .3rem;
    cursor: pointer;
    display: flex;
    flex-shrink: 0;
    font-weight: 500;
    height: 3rem;
    justify-content: center;
    line-height: 1;
    max-width: 100%;
    text-align: center
}

.lmd-btn {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .lmd-btn {
    letter-spacing: .314px
}

html:not(.fonts-loaded) .lmd-btn>* {
    letter-spacing: .314px
}

html.fonts-loaded .lmd-btn {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.lmd-btn--s {
    font-size: 1.2rem;
    padding: .9rem 1.6rem .7rem
}

.lmd-btn--m {
    font-size: 1.4rem;
    padding: .8rem 1.6rem .5rem
}

.lmd-btn--l {
    font-size: 1.6rem;
    height: 4.2rem;
    padding: 1rem 2.4rem
}

.lmd-btn--fullwidth {
    width: 100%
}

.lmd-btn--primary {
    background-color: #026b9c;
    color: #fff
}

.lmd-btn--primary:hover {
    background-color: #005b85
}

.lmd-btn--white {
    background-color: #fff;
    border: .1rem solid #bdc1c8;
    color: #2a303b
}

.lmd-btn--white:hover {
    background-color: #f5f6f8;
    border-color: #bdc1c8
}

.lmd-btn--premium {
    background-color: #ffc700;
    color: #2a303b
}

.lmd-btn--premium:hover {
    background-color: #eab002
}

.lmd-btn--black {
    background-color: #2a303b;
    color: #fff
}

.lmd-btn--black:hover {
    background-color: #454f5f
}

.lmd-btn--blue {
    background-color: #01364f;
    color: #fff
}

.lmd-btn--blue:hover {
    background-color: #01364f
}

.lmd-btn-services {
    align-items: center;
    border: .1rem solid #d5d8dc;
    border-radius: 1.4rem;
    color: #2a303b;
    display: inline-flex;
    flex-shrink: 0;
    font-size: 1.3rem;
    font-weight: 600;
    line-height: 1;
    justify-content: center;
    padding: .4rem 1.2rem
}

.lmd-btn-services {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .lmd-btn-services {
    letter-spacing: .314px
}

html:not(.fonts-loaded) .lmd-btn-services>* {
    letter-spacing: .314px
}

html.fonts-loaded .lmd-btn-services {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.lmd-btn-services:hover {
    background-color: #f5f6f8
}

.lmd-btn-services:active {
    border-color: #d5d8dc;
    background-color: #d5d8dc
}

.lmd-btn-rub {
    align-items: center;
    border: .1rem solid #d5d8dc;
    border-radius: .3rem;
    color: #383f4e;
    display: inline-flex;
    flex-shrink: 0;
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 1;
    justify-content: center;
    padding: 1.2rem 1.2rem 1rem;
    letter-spacing: .01rem
}

.lmd-btn-rub {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .lmd-btn-rub {
    letter-spacing: .314px
}

html:not(.fonts-loaded) .lmd-btn-rub>* {
    letter-spacing: .314px
}

html.fonts-loaded .lmd-btn-rub {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.lmd-btn-rub:hover {
    background-color: rgba(42, 48, 59, .03)
}

.picto,
.comment__icon-user-edit,
.comment__input-result--error:after,
.comment__input-result--valid:after {
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    flex-shrink: 0;
    height: 2rem;
    width: 2rem
}

@media(min-width: 768px) {
    .comments__paywall {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        margin-top: 3.2rem
    }
}

.main--dark-mode .comments__paywall {
    color: rgba(255, 255, 255, .85)
}

.comments__action {
    display: flex;
    align-items: center
}

.comments__action-forward {
    cursor: pointer;
    height: 3rem;
    background-color: #2a303b;
    border-radius: .3rem;
    border: 0;
    font-weight: 500;
    color: #fff;
    font-size: 1.6rem;
    font-family: inherit;
    margin-left: auto;
    justify-content: center;
    padding: 0 1.6rem
}

.comments__action-forward:focus {
    outline: 0
}

.main--dark-mode .comments__action-forward {
    background-color: rgba(255, 255, 255, .85);
    color: #181a1e
}

.comments__action-back {
    font-size: 1.5rem;
    color: #2a303b;
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.comments__header {
    display: none;
    border-top: .3rem solid #383f4e;
    margin-top: 3rem;
    padding-top: 2.4rem
}

.main--dark-mode .comments__header {
    border-top-color: rgba(255, 255, 255, .85)
}

.comments__header--show {
    display: flex
}

.comments__title {
    font-weight: 600;
    color: #383f4e;
    font-size: 2.4rem
}

.main--dark-mode .comments__title {
    color: rgba(255, 255, 255, .85)
}

.comments__sort {
    color: #666e80;
    font-size: 1.3rem;
    line-height: 1.53;
    margin-left: auto;
    border: 0;
    background: rgba(0, 0, 0, 0);
    cursor: pointer;
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.comments__base-icon {
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 2.5rem;
    height: 2.5rem;
    background-image: url("");
    margin-right: .4rem
}

.comments__base-icon--m {
    width: 4rem;
    height: 4rem;
    margin-right: .8rem
}

.comments__river {
    margin-top: 2.4rem;
    display: none
}

.comments__river--show {
    display: block
}

.comments__container {
    display: none
}

.comments__container--show {
    display: block
}

.comments__none {
    margin-top: 2.4rem;
    font-size: 1.8rem;
    color: #383f4e
}

.main--dark-mode .comments__none {
    color: rgba(255, 255, 255, .85)
}

.comments__show {
    border: .1rem solid #bdc1c8;
    padding: .8rem 3.2rem;
    border-radius: .3rem;
    display: inline-block;
    width: auto;
    color: #383f4e
}

.comments__show:hover {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.comments__show--empty {
    border: 0;
    padding: 0;
    border-radius: 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.comments__show--none {
    border: 0;
    padding: 0;
    border-radius: 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    color: #666e80
}

.comments__show--none:hover {
    -webkit-text-decoration: none;
    text-decoration: none
}

.comments__shared {
    border: solid 1px #e2e4e9;
    border-top: solid 4px #ffc700;
    padding: 5.2rem 9.4rem;
    text-align: left;
    margin-top: 2.4rem
}

@media(min-width: 1024px) {
    .comments__shared {
        margin-top: 3rem;
        text-align: center
    }
}

.comments__shared-intro {
    font-size: 1.6rem;
    font-weight: 600
}

.comments__cta {
    background-color: #fff6d3;
    padding: 3.2rem;
    margin-top: 2rem;
    margin-bottom: 2rem;
    font-size: 1.6rem;
    text-align: center
}

.main--dark-mode .comments__cta {
    background-color: #f5f6f8
}

@media(min-width: 1024px) {
    .comments__cta {
        margin-top: 3rem;
        text-align: left;
        display: flex;
        padding: 2.4rem
    }
}

.comments__cta-content {
    display: flex;
    flex-direction: column
}

@media(min-width: 1024px) {
    .comments__cta-content {
        padding-right: 6rem;
        padding-left: 0;
        max-width: 32.8rem
    }
}

.comments__cta-intro {
    font-weight: 600;
    font-size: 1.8rem;
    line-height: 1.35
}

.comments__cta-pic {
    font-weight: 600;
    font-size: 1.8rem;
    margin-bottom: 1rem
}

@media(min-width: 1024px) {
    .comments__cta-pic {
        margin: auto;
        padding-right: 2.2rem
    }
}

.comments__cta-login {
    font-size: 1.5rem;
    font-weight: 400;
    margin-top: 1.4rem;
    color: #2a303b
}

.comments__cta-login-link {
    border-bottom: .1rem solid #2a303b
}

.comments__cta-desc {
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1.33;
    margin-top: .8rem
}

.comments__cta-link {
    margin-top: 2.4rem;
    max-width: 14.4rem;
    display: inline-block;
    color: #013;
    background-color: #ffc700;
    font-weight: 500;
    border-radius: .3rem;
    padding: 1rem 2rem;
    text-align: center;
    line-height: 1.25;
    height: 4.2rem;
    font-size: 1.6rem;
    letter-spacing: .011rem
}

@media(min-width: 1024px) {
    .comments__cta-link {
        margin: 3.2rem 0 0
    }
}

.comments__emphasis {
    color: #ffc700
}

.comments__tooltip {
    cursor: pointer
}

.comments__box-lock-link {
    border-bottom: .1rem solid #a4a9b4
}

.comments__box-lock-container {
    height: 13.2rem;
    background-color: #f5f6f8;
    display: flex;
    padding: 2.4rem;
    margin-top: -0.1rem
}

@media(min-width: 768px) {
    .comments__box-lock-container {
        height: 9rem
    }
}

.comments__box-lock-text {
    font-size: 1.5rem;
    text-align: center;
    align-self: center;
    font-weight: 500
}

.comments__active,
.comments__blocked-btn {
    align-items: center;
    border: 0;
    border-radius: .3rem;
    cursor: pointer;
    display: flex;
    flex-shrink: 0;
    font-weight: 500;
    height: 3rem;
    justify-content: center;
    line-height: 1;
    max-width: 100%;
    text-align: center;
    font-size: 1.6rem;
    height: 4.2rem;
    padding: 1rem 2.4rem;
    background-color: #fff;
    border: .1rem solid #bdc1c8;
    color: #2a303b
}

.comments__active,
.comments__blocked-btn {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .comments__active,
html:not(.fonts-loaded) .comments__blocked-btn {
    letter-spacing: .314px
}

html:not(.fonts-loaded) .comments__active>*,
html:not(.fonts-loaded) .comments__blocked-btn>* {
    letter-spacing: .314px
}

html.fonts-loaded .comments__active,
html.fonts-loaded .comments__blocked-btn {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.comments__active:hover,
.comments__blocked-btn:hover {
    background-color: #f5f6f8;
    border-color: #bdc1c8
}

.paywall__comments--show+.comments__active,
.paywall__comments--show+.comments__blocked-btn {
    border: .1rem solid #bdc1c8;
    color: #2a303b;
    opacity: .5
}

.paywall__comments--show+.comments__active:hover,
.paywall__comments--show+.comments__blocked-btn:hover {
    cursor: default
}

.comments__blocked {
    position: relative
}

.comments__blocked-btn {
    border: .1rem solid #bdc1c8;
    color: #2a303b;
    opacity: .5
}

.comments__blocked-box {
    align-items: flex-start;
    background-color: #fff;
    border-radius: .3rem;
    bottom: calc(100% + 1.2rem);
    box-shadow: 0px 0px 56px 8px rgba(0, 0, 0, .2), inset 0px 0px 1px rgba(0, 0, 0, .2);
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    left: 0;
    opacity: 0;
    padding: 1.2rem;
    position: absolute;
    right: 0;
    visibility: hidden;
    width: 100%
}

.comments__blocked-box:after {
    border-bottom: 1rem solid #fff;
    border-left: .7rem solid rgba(0, 0, 0, 0);
    border-right: .7rem solid rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    left: 50%;
    position: absolute;
    transform: rotate(180deg);
    transition: opacity 100ms;
    top: calc(100% - .1rem)
}

@media(min-width: 1024px) {
    .comments__blocked-box:after {
        left: 5rem
    }
}

@media(min-width: 1024px) {
    .comments__blocked-box {
        width: 30rem
    }
}

.comments__blocked-box--show {
    display: flex;
    opacity: 1;
    visibility: visible
}

.comments__blocked-msg {
    color: #383f4e;
    font-size: 1.3rem;
    font-weight: 500;
    line-height: 1.8rem;
    margin-bottom: .2rem
}

.comments__blocked-msg {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .comments__blocked-msg {
    letter-spacing: .314px
}

html:not(.fonts-loaded) .comments__blocked-msg>* {
    letter-spacing: .314px
}

html.fonts-loaded .comments__blocked-msg {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.comments__blocked-cta {
    color: #717b8e;
    cursor: pointer;
    font-size: 1.3rem;
    font-weight: 400;
    line-height: 1.8rem
}

.comments__blocked-cta {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .comments__blocked-cta {
    letter-spacing: .314px
}

html:not(.fonts-loaded) .comments__blocked-cta>* {
    letter-spacing: .314px
}

html.fonts-loaded .comments__blocked-cta {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.comment {
    padding-bottom: 2.4rem;
    border-bottom: .1rem solid #e8eaee
}

.comment:not(:first-of-type) {
    margin-top: 2.4rem
}

.comment__header {
    display: flex;
    align-items: center
}

.comment__pinned {
    margin-left: auto;
    display: flex;
    color: #2a303b;
    font-size: 1.1rem;
    text-transform: uppercase;
    align-items: center
}

.comment__author {
    color: #2a303b;
    font-size: 1.5rem;
    font-weight: 600
}

.main--dark-mode .comment__author {
    color: rgba(255, 255, 255, .85)
}

.comment__date {
    text-transform: uppercase;
    color: #666e80;
    font-size: 1.1rem;
    margin-left: .8rem;
    align-self: flex-end
}

.main--dark-mode .comment__date {
    color: rgba(255, 255, 255, .85)
}

.comment__content {
    margin-top: 1.2rem;
    line-height: 1.53;
    color: #2a303b;
    font-size: 1.5rem
}

.main--dark-mode .comment__content {
    color: rgba(255, 255, 255, .85)
}

.comment__footer {
    display: flex;
    margin-top: 2rem
}

.main--dark-mode .comment__footer {
    color: rgba(255, 255, 255, .85)
}

.comment__admin {
    font-size: 1.3rem;
    margin-top: .8rem
}

.comment__admin+.comment__content {
    margin-top: .4rem
}

.comment__view-more {
    font-size: 1.2rem;
    color: #383f4e;
    font-weight: 500;
    border: .1rem solid #bdc1c8;
    background: rgba(0, 0, 0, 0);
    cursor: pointer;
    padding: .8rem 2rem;
    border-radius: .3rem;
    margin-right: 2rem
}

.main--dark-mode .comment__view-more {
    color: #181a1e;
    background-color: rgba(255, 255, 255, .85);
    border: 0
}

.comment__view-more:focus {
    outline: 0
}

.comment__view-more:hover {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.comment__answer {
    font-size: 1.2rem;
    color: #383f4e;
    font-weight: 500;
    background: rgba(0, 0, 0, 0);
    border: 0;
    cursor: pointer;
    padding: 0
}

.main--dark-mode .comment__answer {
    color: rgba(255, 255, 255, .85)
}

.comment__answer:focus {
    outline: 0
}

.comment__answer:hover {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.comment__report {
    margin-left: auto;
    color: #666e80;
    font-size: 1.2rem;
    align-self: center;
    font-weight: 500
}

.main--dark-mode .comment__report {
    color: rgba(255, 255, 255, .85)
}

.comment__report:hover {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.comment__children {
    border-left: .3rem solid #e8eaee;
    border-bottom: .3rem solid #e8eaee;
    margin-left: 10%;
    opacity: 0;
    transform: scaleY(0);
    transition: transform .2s ease, opacity .1s ease;
    transform-origin: 50% 0;
    z-index: -1;
    position: absolute
}

.comment__children--show {
    opacity: 1;
    position: relative;
    transform: scaleY(1);
    z-index: 2;
    margin-top: 2.4rem
}

.comment__children--hide {
    display: none
}

.comment__children .comment {
    margin-left: 2.8rem
}

.comment__children .comment:last-child {
    border-bottom: 0
}

.comment__box-link {
    color: #383f4e;
    border-bottom: .1rem solid #a4a9b4
}

.comment__box-link:hover {
    border-bottom: .1rem solid #0070b2
}

.main--dark-mode .comment__box-link {
    color: rgba(255, 255, 255, .85);
    border-bottom: .1rem solid rgba(255, 255, 255, .85)
}

.main--dark-mode .comment__box-link:hover {
    border-bottom: .1rem solid #a4a9b4
}

.comment__box-header {
    display: flex;
    align-items: baseline;
    border-top: .3rem solid #383f4e;
    padding-top: 2.4rem;
    margin-top: 2.4rem;
    position: relative
}

.main--dark-mode .comment__box-header {
    border-top-color: rgba(255, 255, 255, .85)
}

.comment__box-title {
    color: #383f4e;
    font-weight: 600;
    font-size: 2.4rem;
    line-height: 1
}

.main--dark-mode .comment__box-title {
    color: rgba(255, 255, 255, .85)
}

.comment__box-ethics {
    margin-left: auto;
    -webkit-text-decoration: underline;
    text-decoration: underline;
    color: #2a303b;
    font-size: 1.3rem
}

.comment__box-content {
    color: #2a303b
}

.main--dark-mode .comment__box-content {
    color: rgba(255, 255, 255, .85)
}

.comment__box-info {
    margin-top: 2.4rem;
    font-size: 1.5rem
}

.comment__box-list {
    list-style: inside;
    margin-top: 2.4rem;
    font-size: 1.4rem
}

.comment__box-item {
    margin-top: .8rem
}

.comment__box-container {
    display: none
}

.comment__box-container--show {
    display: block
}

.comment__counter-contrib {
    font-weight: normal;
    font-size: 1.3rem;
    color: #666e80
}

.comment__counter-contrib--red {
    color: red
}

.main--dark-mode .comment__counter-contrib {
    color: rgba(255, 255, 255, .85)
}

.comment__label {
    display: flex;
    width: 100%;
    font-weight: 600;
    font-size: 1.5rem;
    color: #2a303b
}

.main--dark-mode .comment__label {
    color: rgba(255, 255, 255, .85)
}

@media(min-width: 1024px) {
    .comment__label {
        width: 80%
    }
}

.comment__label--inline {
    display: inline;
    font-weight: 400
}

.comment__label--form {
    width: 100%;
    display: flex;
    justify-content: space-between
}

.comment__label--hide {
    display: none
}

.comment__login-info-container {
    margin-bottom: 1.6rem
}

.comment__login-info {
    margin-top: 1.6rem;
    font-size: 1.3rem;
    display: inline-block;
    font-style: italic;
    color: #666e80
}

.main--dark-mode .comment__login-info {
    color: rgba(255, 255, 255, .85)
}

.comment__login-info--hide {
    display: none
}

.comment__name {
    width: 100%;
    border: .1rem solid #bdc1c8;
    border-radius: .3rem;
    height: 4rem;
    font-size: 1.6rem;
    font-weight: 600;
    padding-left: 1.6rem;
    padding-right: 3rem
}

.comment__name::placeholder {
    font-weight: normal
}

.comment__error-message {
    display: none
}

.comment__error-message--show {
    color: #be1514;
    display: inline-block;
    margin-top: 1rem;
    font-size: 1.5rem;
    width: 100%
}

.main--dark-mode .comment__error-message--show {
    color: rgba(255, 255, 255, .85)
}

.comment__name-container {
    margin-top: 1.4rem;
    display: flex;
    align-items: center;
    flex-direction: column
}

@media(min-width: 1024px) {
    .comment__name-container {
        flex-direction: row
    }
}

.comment__input-result {
    width: 100%;
    position: relative;
    margin-top: 1.6rem
}

@media(min-width: 1024px) {
    .comment__input-result {
        margin-top: 0
    }
}

.comment__input-result--valid:after {
    background-image: url("");
    display: block;
    content: " ";
    position: absolute;
    z-index: 10;
    right: .5rem;
    top: 50%;
    transform: translateY(-50%)
}

.comment__input-result--valid .comment__name {
    border-color: #3a9200
}

.comment__input-result--error:after {
    background-image: url("");
    display: block;
    content: " ";
    position: absolute;
    z-index: 10;
    right: .5rem;
    top: 50%;
    transform: translateY(-50%)
}

.comment__input-result--error .comment__name {
    border-color: #be1514
}

.comment__rework-title {
    font-weight: 600;
    font-size: 2rem
}

.comment__rework-rules {
    position: relative;
    display: inline-flex
}

.comment__rework-info {
    font-size: 1.4rem
}

@media(min-width: 768px) {
    .comment__rework-content {
        width: 77%
    }
}

.comment__rework-rules-link:before {
    content: "|";
    display: inline;
    padding: 0 1rem
}

@media(min-width: 1024px) {
    .comment__rework-rules-link:before {
        padding: 0 .4rem
    }
}

.comment__rework-trigger-arrow {
    margin-left: auto;
    margin-right: .8rem;
    -webkit-text-decoration: underline;
    text-decoration: underline;
    font-size: 1.3rem;
    color: #2a303b;
    position: relative;
    font-weight: 500
}

.comment__rework-trigger-arrow:after {
    content: " ";
    border: solid #383f4e;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 2px;
    position: absolute;
    top: 38%;
    transform: rotate(-49deg)
}

@media(min-width: 768px) {
    .comment__icon-rework-lemonde {
        background-image: url("");
        width: 10rem;
        height: 10rem;
        background-repeat: no-repeat
    }
}

.comment__rules-container {
    background-color: #f5f6f8;
    padding: 1.6rem;
    margin-top: 2rem;
    clear: both
}

.main--dark-mode .comment__rules-container {
    background-color: #181a1e
}

.comment__rules-container--hide {
    display: none
}

.comment__rework-container {
    background-color: #ffede9;
    padding: 1.6rem;
    margin-top: 2rem;
    display: flex;
    justify-content: space-between
}

.comment__rule-trigger {
    background: rgba(0, 0, 0, 0);
    border: 0;
    padding: 0;
    color: #2a303b;
    font-size: 1.4rem;
    position: relative;
    display: flex;
    width: 100%;
    cursor: pointer;
    text-align: left
}

.comment__rule-trigger:hover {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.comment__rule-trigger:focus {
    outline: 0
}

.comment__rule-trigger--opened .comment__rule-trigger-arrow:after {
    border-width: .2rem 0 0 .2rem;
    top: 1rem
}

.main--dark-mode .comment__rule-trigger {
    color: rgba(255, 255, 255, .85)
}

.comment__rule-trigger-arrow {
    margin-left: auto;
    margin-right: 1.4rem;
    -webkit-text-decoration: underline;
    text-decoration: underline;
    font-size: 1.3rem;
    color: #2a303b
}

.comment__rule-trigger-arrow:after {
    content: " ";
    border: solid #383f4e;
    border-width: 0 .2rem .2rem 0;
    display: inline-block;
    padding: .3rem;
    position: absolute;
    top: .6rem;
    right: 0;
    transform: rotate(45deg) translateY(-50%)
}

.main--dark-mode .comment__rule-trigger-arrow:after {
    border-color: rgba(255, 255, 255, .85)
}

.comment__rule-trigger-arrow--hide {
    display: none
}

.comment__rule-trigger-arrow--checkbox {
    position: relative;
    cursor: pointer
}

.comment__rule-trigger-arrow--checkbox:after {
    margin-right: -1.1rem
}

.main--dark-mode .comment__rule-trigger-arrow {
    color: rgba(255, 255, 255, .85)
}

.comment__consent-more--hide {
    display: none
}

.comment__rules {
    opacity: 0;
    transform: scaleY(0);
    transition: transform .2s ease, opacity .1s ease;
    transform-origin: 50% 0;
    z-index: -1;
    position: absolute
}

.comment__rules--show {
    opacity: 1;
    position: relative;
    transform: scaleY(1);
    z-index: 2
}

.main--dark-mode .comment__rules {
    color: rgba(255, 255, 255, .85)
}

.comment__rules-question {
    margin-top: 2.4rem;
    font-size: 1.4rem
}

.comment__rules-answer {
    font-size: 1.4rem
}

.comment__rules-item {
    display: flex;
    flex-direction: column;
    list-style: none
}

.comment__consent-container {
    margin-top: 1.6rem;
    font-size: 1.3rem
}

.comment__consent-container--hide {
    display: none
}

.main--dark-mode .comment__consent-container {
    color: rgba(255, 255, 255, .85)
}

.comment__text {
    width: 100%;
    height: 22.6rem;
    resize: none;
    border: .1rem solid #bdc1c8;
    border-radius: .3rem;
    margin-top: .8rem;
    padding: 1.6rem;
    font-size: 1.5rem;
    font-family: inherit
}

.main--dark-mode .comment__text {
    background-color: rgba(255, 255, 255, .85)
}

.comment__text-container {
    margin-top: 1.6rem;
    display: none;
    position: relative
}

.comment__cancel {
    margin-left: auto;
    border: 0;
    background: rgba(0, 0, 0, 0);
    cursor: pointer;
    color: #2a303b;
    font-size: 1.6rem
}

.main--dark-mode .comment__cancel {
    color: rgba(255, 255, 255, .85)
}

.comment__cancel:focus {
    outline: 0
}

.comment__cancel:hover {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.comment__cancel--hide {
    display: none
}

.comment__submit {
    cursor: pointer;
    -webkit-appearance: none;
    height: 4rem;
    background-color: #2a303b;
    border-radius: .3rem;
    border: .1rem solid #bdc1c8;
    font-weight: 500;
    color: #fff;
    font-size: 1.6rem;
    margin-top: 2.4rem;
    display: flex;
    margin-left: auto;
    width: 100%;
    justify-content: center
}

.main--dark-mode .comment__submit {
    background-color: rgba(255, 255, 255, .85);
    color: #181a1e;
    border: 0
}

.comment__submit:focus {
    outline: 0
}

.comment__submit:disabled {
    background: rgba(0, 0, 0, 0);
    color: #383f4e
}

.comment__submit--hide {
    display: none
}

.comment__submit--center {
    margin: auto
}

.comment__user-heading {
    flex-basis: 100%
}

@media(min-width: 768px) {
    .comment__user-heading {
        flex-basis: auto
    }
}

.comment__user-wrap {
    position: relative
}

.comment__user-label {
    font-size: 1.5rem;
    color: #2a303b;
    display: flex;
    flex-wrap: wrap
}

.main--dark-mode .comment__user-label {
    color: rgba(255, 255, 255, .85)
}

.comment__user-name {
    font-weight: 600;
    position: relative
}

@media(min-width: 768px) {
    .comment__user-name {
        margin: 0 .4rem
    }
}

.comment__user-container {
    margin-bottom: 1.6rem
}

@media(min-width: 768px) {
    .comment__user-container {
        display: flex;
        margin-top: 2.4rem
    }
}

.comment__button-edit {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

@media(min-width: 768px) {
    .comment__button-edit {
        display: none;
        -webkit-text-decoration: none;
        text-decoration: none
    }
}

.comment__button-edit:hover {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.comment__button-edit:focus {
    outline: 0
}

.comment__button-edit--show {
    display: block
}

.comment__icon-user-edit {
    display: none;
    content: " ";
    background-image: url("");
    cursor: pointer
}

@media(min-width: 768px) {
    .comment__icon-user-edit {
        display: inline-block;
        height: auto
    }
}

.main--dark-mode .comment__icon-user-edit {
    background-image: url("")
}

.comment__user-edit {
    background: 0;
    border: 0;
    cursor: pointer;
    font-size: 1.2rem;
    color: #2a303b
}

.main--dark-mode .comment__user-edit {
    color: rgba(255, 255, 255, .85)
}

.comment__success {
    width: 100%;
    display: flex;
    flex-direction: column;
    height: 100%;
    background-color: red;
    position: absolute;
    background-color: #fff;
    top: -0.6rem;
    opacity: 0;
    z-index: -1;
    transition: .5s opacity ease;
    padding-top: 2.6rem
}

@media(min-width: 1024px) {
    .comment__success {
        width: 66.4rem
    }
}

.comment__success--show {
    opacity: 1;
    z-index: 2
}

.comment__success--aec {
    width: 100%;
    text-align: center
}

.comment__success-content {
    font-size: 1.5rem;
    color: #2a303b;
    display: flex;
    flex-direction: column;
    align-items: center
}

.comment__success-content--error {
    color: #be1514
}

.comment__success-first {
    font-weight: 600
}

.comment__warn-first {
    font-weight: 600
}

.comment__warn-text {
    font-size: 1.5rem;
    color: #2a303b;
    margin-top: 1.6rem
}

.comment__toxicity {
    z-index: -1;
    position: absolute;
    transition: .5s opacity ease;
    display: flex;
    flex-direction: column;
    align-items: center
}

.comment__toxicity--show {
    position: relative;
    opacity: 1;
    z-index: 2
}

.comment__toxicity--aec {
    margin-top: 0
}

.comment__indicator {
    margin-right: auto;
    margin-left: .4rem
}

.comment__form {
    margin-top: 2.4rem;
    padding: 0 0 4rem
}

.comment__form--open .comment__name-container {
    display: none
}

.comment__form--open .comment__text-container {
    margin-top: 0;
    display: block
}

.comment__form--open .comment__form-action {
    margin-top: 1.6rem;
    display: flex
}

.comment__form--open .comment__submit {
    width: auto;
    margin-top: 0;
    margin-left: 1.6rem;
    padding: 0 1.6rem
}

.comment--open {
    border-bottom: 0
}

.pagination {
    margin: 3rem 0
}

.pagination__list {
    display: inline-flex;
    width: 100%;
    justify-content: center
}

.pagination__item {
    list-style: none;
    font-size: 1.4rem;
    line-height: 1
}

.pagination__item:not(:last-child) {
    margin-right: 1.6rem
}

.pagination__item--active {
    color: #2a303b;
    font-weight: 600
}

.pagination__item--ellipsis::before {
    content: "…"
}

.pagination__link {
    color: #666e80
}

.pagination__link:hover {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.circle {
    display: flex;
    transform: translateZ(1px);
    width: 3rem;
    margin-left: auto;
    margin-top: 1.6rem
}

.circle__elem {
    display: block;
    width: 30px;
    height: 30px;
    margin: 0 auto;
    border-radius: 50%;
    background: #2a303b;
    animation: circle 2.4s cubic-bezier(0, 0.2, 0.8, 1) infinite
}

.main--dark-mode .circle__elem {
    background: rgba(255, 255, 255, .85)
}

.circle--hide {
    display: none
}

@keyframes circle {

    0%,
    100% {
        animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5)
    }

    0% {
        transform: rotateY(0deg)
    }

    25% {
        transform: rotateY(1800deg);
        animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1)
    }

    100% {
        transform: rotateY(3600deg)
    }
}

.capping {
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, .9);
    position: fixed;
    top: 0;
    z-index: 5;
    overflow-y: visible;
    overflow-x: hidden;
    visibility: hidden;
    opacity: 0;
    transition: opacity .2s ease-in-out;
    display: none
}

.capping--visible {
    visibility: visible;
    opacity: 1;
    display: block
}

.capping__wrapper {
    max-width: 26rem;
    width: 100%;
    margin: 0 auto 2.4rem;
    position: absolute;
    top: 14rem;
    left: 50%;
    transform: translateX(-50%);
    border-radius: .4rem
}

.capping__wrapper {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .capping__wrapper {
    letter-spacing: .314px
}

html:not(.fonts-loaded) .capping__wrapper>* {
    letter-spacing: .314px
}

html.fonts-loaded .capping__wrapper {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

@media(min-width: 360px) {
    .capping__wrapper {
        max-width: 31.5rem
    }
}

@media(min-width: 768px) {
    .capping__wrapper {
        max-width: 50rem;
        max-width: 48.8rem;
        margin-bottom: 10rem;
        top: 20rem
    }
}

.capping__wrapper--visible {
    background-color: #fff
}

.capping__picture {
    display: none;
    background: url("urn:scrapbook:download:error:https://bawer.pro/dist/assets/img/capping/capping-mobile.svg") no-repeat;
    width: 158px;
    height: 78px;
    margin: 4rem auto;
    opacity: 0;
    transition: opacity .8s cubic-bezier(0.215, 0.61, 0.355, 1)
}

@media(min-width: 360px) {
    .capping__picture {
        display: block
    }
}

@media(min-width: 768px) {
    .capping__picture {
        margin: 3.2rem auto;
        background: url("urn:scrapbook:download:error:https://bawer.pro/dist/assets/img/capping/capping-tablet.svg") no-repeat;
        width: 230px;
        height: 114px
    }
}

@media(min-width: 1024px) {
    .capping__picture {
        background: url("urn:scrapbook:download:error:https://bawer.pro/dist/assets/img/capping/capping-desktop.svg") no-repeat;
        width: 287px;
        height: 109px
    }
}

.capping__media {
    display: block;
    margin: 0 auto;
    max-height: 10rem
}

.capping__header {
    background-color: #fff6d3;
    opacity: 0;
    transition: transform .4s cubic-bezier(0.215, 0.61, 0.355, 1), opacity .1s cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translateY(-0.8rem);
    position: relative;
    z-index: 5;
    display: flex;
    align-items: center;
    flex-direction: column;
    border-radius: .4rem;
    padding: 1.6rem 3.2rem 2.4rem;
    font-size: 1.6rem;
    line-height: 1.25;
    color: #6c3d04
}

@media(min-width: 768px) {
    .capping__header {
        flex-direction: row;
        font-size: 1.6rem;
        line-height: normal;
        padding: 0 3.2rem;
        line-height: 4
    }
}

.capping__header--visible {
    opacity: 1;
    transform: translateY(0)
}

.capping__notice {
    font-weight: 500;
    margin-top: .4rem;
    text-align: center
}

@media(min-width: 768px) {
    .capping__notice {
        text-align: left;
        margin-top: 0;
        margin-left: 1.6rem
    }
}

.capping__content {
    background-color: #fff;
    opacity: 0;
    transition: transform .4s cubic-bezier(0.215, 0.61, 0.355, 1), opacity .1s cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: scaleY(0);
    transform-origin: 50% 0%;
    text-align: center;
    padding: 2.4rem 2rem;
    position: relative;
    top: -0.4rem
}

@media(min-width: 360px) {
    .capping__content {
        padding: 2.4rem 3.6rem
    }
}

.capping__content--visible {
    opacity: 1;
    transform: scaleY(1)
}

.capping__content--visible .capping__picture {
    opacity: 1
}

.capping__title {
    font-size: 1.8rem;
    line-height: normal;
    font-weight: 700
}

.capping__title {
    font-family: Georgia, Droid-serif, serif
}

html:not(.fonts-loaded) .capping__title {
    letter-spacing: -0.645px
}

html:not(.fonts-loaded) .capping__title>* {
    letter-spacing: -0.645px
}

html.fonts-loaded .capping__title {
    font-family: "The Antiqua B standard", Georgia, Droid-serif, serif
}

@supports(font-variation-settings: normal) {
    html.fonts-loaded .capping__title {
        font-family: "The Antiqua B", Georgia, Droid-serif, serif
    }
}

@media(min-width: 768px) {
    .capping__title {
        margin: 0 auto;
        max-width: 32rem;
        width: 100%
    }
}

.capping__cta {
    width: 100%;
    height: 4rem;
    margin-top: 1.2rem
}

@media(min-width: 360px) {
    .capping__cta {
        margin-top: 0
    }
}

@media(min-width: 768px) {
    .capping__cta {
        margin: 0 auto;
        max-width: 32rem
    }
}

.capping__cta--next {
    margin-top: 1.6rem;
    margin-bottom: 1.2rem
}

.capping__cta-text {
    font-size: 1.6rem;
    line-height: 1.375;
    color: #717b8e;
    margin-top: .8rem
}

@media(min-width: 768px) {
    .capping__cta-text {
        line-height: normal;
        margin-top: 1.6rem
    }
}

.capping__faq {
    display: none;
    margin-bottom: 50px
}

@media(min-width: 1024px) {
    .capping__faq {
        margin-bottom: 170px
    }
}

.capping__faq.ui-collapse--shown {
    display: block;
    padding-bottom: 3.2rem;
    list-style: none
}

.capping__bottom {
    margin: 0 2rem;
    opacity: 0
}

.capping__bottom:before {
    content: " ";
    display: block;
    width: 100%;
    height: .1rem;
    background-color: #d8d8d8
}

.capping__bottom--visible {
    opacity: 1
}

.capping__trigger {
    margin: 0;
    padding: 0;
    border: 0;
    background: rgba(0, 0, 0, 0);
    color: #007ac8;
    cursor: pointer;
    font-weight: 500;
    font-family: inherit;
    font-size: 1.6rem;
    line-height: 1.375;
    padding: .8rem 0 2.4rem;
    text-align: left;
    display: flex;
    width: 100%
}

@media(min-width: 360px) {
    .capping__trigger {
        line-height: normal
    }
}

.capping__trigger:hover {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.capping__trigger:after {
    content: " ";
    position: relative;
    background-repeat: no-repeat;
    align-self: center;
    height: 1.4rem;
    width: 1.4rem;
    margin-left: auto;
    background-image: url("c74763b8d68f6ddade90521b93535248ec914610.svg")
}

.capping__trigger:focus {
    outline: 0
}

.capping__trigger.ui-collapse--shown {
    padding-bottom: 0
}

.capping__trigger.ui-collapse--shown:after {
    transform: rotate(-180deg)
}

.capping__item:first-child {
    margin-top: 1.6rem
}

.capping__item:not(:first-child) {
    margin-top: 3.2rem
}

.capping__question {
    font-size: 1.6rem;
    line-height: 1.375;
    font-weight: 600
}

.capping__answer {
    font-size: 1.6rem;
    line-height: 1.375;
    margin-top: 1.6rem
}

.capping__answer+.capping__answer {
    margin-top: 0
}

.capping__answer-line {
    margin-top: 1.6rem;
    display: block
}

.capping__link {
    margin: 0;
    padding: 0;
    border: 0;
    background: rgba(0, 0, 0, 0);
    color: #007ac8;
    cursor: pointer;
    font-weight: 500;
    font-family: inherit;
    font-size: 1.6rem
}

.capping__link:hover {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.capping__link:focus {
    outline: 0
}

.capping--body {
    overflow: hidden
}

.sr-only {
    border: 0 !important;
    clip: rect(1px, 1px, 1px, 1px) !important;
    -webkit-clip-path: inset(50%) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    white-space: nowrap !important
}

.seo-only {
    display: none
}

.lmd-btn {
    align-items: center;
    border: 0;
    border-radius: .3rem;
    cursor: pointer;
    display: flex;
    flex-shrink: 0;
    font-weight: 500;
    height: 3rem;
    justify-content: center;
    line-height: 1;
    max-width: 100%;
    text-align: center
}

.lmd-btn {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .lmd-btn {
    letter-spacing: .314px
}

html:not(.fonts-loaded) .lmd-btn>* {
    letter-spacing: .314px
}

html.fonts-loaded .lmd-btn {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.lmd-btn--s {
    font-size: 1.2rem;
    padding: .9rem 1.6rem .7rem
}

.lmd-btn--m {
    font-size: 1.4rem;
    padding: .8rem 1.6rem .5rem
}

.lmd-btn--l {
    font-size: 1.6rem;
    height: 4.2rem;
    padding: 1rem 2.4rem
}

.lmd-btn--fullwidth {
    width: 100%
}

.lmd-btn--primary {
    background-color: #026b9c;
    color: #fff
}

.lmd-btn--primary:hover {
    background-color: #005b85
}

.lmd-btn--white {
    background-color: #fff;
    border: .1rem solid #bdc1c8;
    color: #2a303b
}

.lmd-btn--white:hover {
    background-color: #f5f6f8;
    border-color: #bdc1c8
}

.lmd-btn--premium {
    background-color: #ffc700;
    color: #2a303b
}

.lmd-btn--premium:hover {
    background-color: #eab002
}

.lmd-btn--black {
    background-color: #2a303b;
    color: #fff
}

.lmd-btn--black:hover {
    background-color: #454f5f
}

.lmd-btn--blue {
    background-color: #01364f;
    color: #fff
}

.lmd-btn--blue:hover {
    background-color: #01364f
}

.lmd-btn-services {
    align-items: center;
    border: .1rem solid #d5d8dc;
    border-radius: 1.4rem;
    color: #2a303b;
    display: inline-flex;
    flex-shrink: 0;
    font-size: 1.3rem;
    font-weight: 600;
    line-height: 1;
    justify-content: center;
    padding: .4rem 1.2rem
}

.lmd-btn-services {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .lmd-btn-services {
    letter-spacing: .314px
}

html:not(.fonts-loaded) .lmd-btn-services>* {
    letter-spacing: .314px
}

html.fonts-loaded .lmd-btn-services {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.lmd-btn-services:hover {
    background-color: #f5f6f8
}

.lmd-btn-services:active {
    border-color: #d5d8dc;
    background-color: #d5d8dc
}

.lmd-btn-rub {
    align-items: center;
    border: .1rem solid #d5d8dc;
    border-radius: .3rem;
    color: #383f4e;
    display: inline-flex;
    flex-shrink: 0;
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 1;
    justify-content: center;
    padding: 1.2rem 1.2rem 1rem;
    letter-spacing: .01rem
}

.lmd-btn-rub {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .lmd-btn-rub {
    letter-spacing: .314px
}

html:not(.fonts-loaded) .lmd-btn-rub>* {
    letter-spacing: .314px
}

html.fonts-loaded .lmd-btn-rub {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.lmd-btn-rub:hover {
    background-color: rgba(42, 48, 59, .03)
}

.lmd-link:hover {
    -webkit-text-decoration: underline;
    text-decoration: underline;
    text-decoration-thickness: .06em;
    text-underline-offset: .2em
}

.lmd-link-reverse {
    -webkit-text-decoration: underline;
    text-decoration: underline;
    text-decoration-thickness: .06em;
    text-underline-offset: .2em
}

.lmd-link-reverse:hover {
    opacity: .8;
    -webkit-text-decoration: none;
    text-decoration: none
}

.lmd-link-nav:hover {
    color: #026b9c
}

.lmd-link-blue {
    color: #026b9c;
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.lmd-link-blue:hover {
    color: #005b85
}

.lmd-link-opacity:hover {
    opacity: .8
}

.bd__bloc--image a {
    width: 100%;
    display: block
}

.bd__bloc--image img {
    display: block;
    margin: 0 auto;
    width: 100%
}

.bd-memorable__container {
    padding-top: 100%;
    position: relative;
    width: 100%
}

.bd-memorable__link {
    background-color: #fcfcfd;
    border: .2rem solid #d5d8dc;
    bottom: 0;
    color: #3e388c;
    display: flex;
    flex-direction: column;
    height: 100%;
    left: 0;
    padding: .8rem;
    position: absolute;
    width: 100%
}

.bd-memorable__link {
    font-family: "Trebuchet MS", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loaded) .bd-memorable__link {
    letter-spacing: -1.607px
}

html:not(.fonts-loaded) .bd-memorable__link>* {
    letter-spacing: -1.607px
}

html.fonts-loaded .bd-memorable__link {
    font-family: "Marr Sans Condensed", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loading) .bd-memorable__link {
    letter-spacing: .05rem
}

.bd-memorable__title {
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 2.16rem;
    text-align: center
}

.bd-memorable__subtitle {
    font-size: 1.2rem;
    line-height: 1.4rem;
    margin-bottom: .8rem;
    text-align: center
}

.bd-memorable__subtitle {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .bd-memorable__subtitle {
    letter-spacing: .314px
}

html:not(.fonts-loaded) .bd-memorable__subtitle>* {
    letter-spacing: .314px
}

html.fonts-loaded .bd-memorable__subtitle {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.bd-memorable__image-container {
    font-size: 0;
    margin-bottom: 1.2rem;
    position: relative
}

.bd-memorable__image {
    width: 100%
}

.bd-memorable__image-caption {
    background-color: #3e388c;
    bottom: 0;
    color: #fff;
    display: inline-block;
    font-size: 1.3rem;
    left: 50%;
    line-height: 1.6rem;
    padding: .4rem .8rem;
    position: absolute;
    text-transform: uppercase;
    transform: translate3d(-50%, 50%, 0)
}

.bd-memorable__subject {
    color: #383f4e;
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 2rem;
    margin-bottom: auto;
    margin-top: auto;
    text-align: center
}

.bd-memorable__test-link {
    font-size: 1.8rem;
    line-height: 2.1rem;
    text-align: center
}

.bd-memorable__icon-arrow {
    background: url("") center no-repeat;
    display: inline-block;
    flex-shrink: 0;
    height: 1rem;
    margin-left: .4rem;
    width: 1rem
}

.bizdev-list {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    height: auto;
    justify-content: flex-start;
    width: 100%
}

.bizdev-list__header {
    align-items: baseline;
    display: flex;
    justify-content: flex-start;
    margin-bottom: .8rem;
    width: 100%
}

.bizdev-list__header--multiline {
    align-items: flex-start;
    flex-direction: column
}

.bizdev-list__header-title {
    color: #666e80;
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 1;
    margin-right: .4rem
}

.bizdev-list__header-title {
    font-family: "Helvetica Neue", Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .bizdev-list__header-title {
    font-family: "Helvetica Neue", Helvetica, Arial, Roboto, sans-serif
}

.bizdev-list__header-partner {
    color: #8b92a1;
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 1
}

.bizdev-list__header-partner {
    font-family: "Helvetica Neue", Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .bizdev-list__header-partner {
    font-family: "Helvetica Neue", Helvetica, Arial, Roboto, sans-serif
}

.bizdev-list__content {
    border: .1rem solid #d5d8dc;
    border-radius: .4rem;
    padding: 0 1.2rem;
    width: 100%
}

.bizdev-list[data-partner=cuponation] {
    order: -1
}

.bizdev-list__code {
    align-items: center;
    display: flex;
    height: 3.2rem;
    justify-content: flex-start;
    padding: .4rem 0
}

.bizdev-list__code:not(:last-of-type) {
    border-bottom: .1rem solid #e8eaee
}

.bizdev-list__code:hover .bizdev-list__code-text {
    -webkit-text-decoration: underline;
    text-decoration: underline;
    text-decoration-thickness: .06em;
    text-underline-offset: .2em
}

.bizdev-list__code-text {
    align-items: center;
    color: #666e80;
    display: flex;
    justify-content: flex-start;
    flex-shrink: 0;
    font-size: 1.2rem;
    font-weight: 300;
    line-height: 1;
    margin-right: auto
}

.bizdev-list__code-text {
    font-family: "Helvetica Neue", Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .bizdev-list__code-text {
    font-family: "Helvetica Neue", Helvetica, Arial, Roboto, sans-serif
}

.bizdev-list__code-bold {
    color: #565e70;
    display: inline-block;
    flex-shrink: 0;
    font-weight: 500;
    line-height: 1
}

.bizdev-list__code-bold {
    font-family: "Helvetica Neue", Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .bizdev-list__code-bold {
    font-family: "Helvetica Neue", Helvetica, Arial, Roboto, sans-serif
}

.bizdev-list__code-logo {
    flex-shrink: 1;
    height: auto;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    width: 6rem
}

.bizdev-list__link-to-all {
    align-items: center;
    color: #666e80;
    display: flex;
    justify-content: flex-start;
    flex-shrink: 0;
    font-size: 1.3rem;
    font-weight: 700;
    gap: .4rem;
    height: 3.2rem;
    line-height: 1;
    padding: .4rem 0
}

.bizdev-list__link-to-all {
    font-family: "Helvetica Neue", Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .bizdev-list__link-to-all {
    font-family: "Helvetica Neue", Helvetica, Arial, Roboto, sans-serif
}

.bizdev-list__link-to-all:hover {
    -webkit-text-decoration: underline;
    text-decoration: underline;
    text-decoration-thickness: .06em;
    text-underline-offset: .2em
}

.bizdev-list__link-arrow {
    background-image: url("");
    height: 1.2rem;
    width: 1.2rem
}

.bizdev-poster {
    align-items: center;
    border: .1rem solid #d5d8dc;
    border-radius: .4rem;
    display: flex;
    flex-direction: column;
    height: auto;
    justify-content: center;
    padding: 1.2rem;
    width: 100%
}

.bizdev-poster:hover .bizdev-poster__btn {
    background-color: #f5f6f8;
    border-color: #bdc1c8
}

.bizdev-poster__header {
    align-items: center;
    display: flex;
    justify-content: flex-start;
    margin-bottom: 1.2rem
}

.bizdev-poster__lmd-logo {
    background-image: url("");
    height: 1.5rem;
    margin-right: .4rem;
    width: 7.2rem
}

.bizdev-poster__image {
    border-radius: .2rem;
    height: 9rem;
    margin-bottom: 1.2rem;
    width: 9rem
}

.bizdev-poster__title {
    color: #2a303b;
    font-weight: 600;
    font-size: 1.7rem;
    line-height: 1.8rem;
    margin-bottom: .4rem;
    text-align: center
}

.bizdev-poster__title {
    font-family: "Trebuchet MS", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loaded) .bizdev-poster__title {
    letter-spacing: -1.607px
}

html:not(.fonts-loaded) .bizdev-poster__title>* {
    letter-spacing: -1.607px
}

html.fonts-loaded .bizdev-poster__title {
    font-family: "Marr Sans Condensed", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loading) .bizdev-poster__title {
    letter-spacing: .05rem
}

.bizdev-poster__description {
    color: #565e70;
    font-size: 1.4rem;
    line-height: 1.8rem;
    margin-bottom: 1.2rem;
    text-align: center
}

.bizdev-poster__description {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .bizdev-poster__description {
    letter-spacing: .314px
}

html:not(.fonts-loaded) .bizdev-poster__description>* {
    letter-spacing: .314px
}

html.fonts-loaded .bizdev-poster__description {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.bizdev-poster__btn {
    align-items: center;
    border-radius: 4rem;
    cursor: pointer;
    display: flex;
    flex-shrink: 0;
    font-weight: 400;
    justify-content: center;
    line-height: 1;
    max-width: 100%;
    text-align: center;
    background-color: #fff;
    border: .1rem solid #bdc1c8;
    color: #2a303b;
    font-size: 1.3rem;
    height: 2.6rem;
    padding: .6rem 1.2rem;
    font-weight: 600
}

.bizdev-poster__btn {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .bizdev-poster__btn {
    letter-spacing: .314px
}

html:not(.fonts-loaded) .bizdev-poster__btn>* {
    letter-spacing: .314px
}

html.fonts-loaded .bizdev-poster__btn {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.bizdev-poster__btn--disabled {
    opacity: .3;
    pointer-events: none
}

.bizdev-poster__btn:hover {
    background-color: #f5f6f8;
    border-color: #bdc1c8
}

.bizdev-poster-logo--ateliers {
    background-image: url("");
    height: 2rem;
    width: 6rem
}

.bizdev-poster-logo--jeux {
    background-image: url("");
    height: 1.1rem;
    width: 4.9rem
}

.bizdev-poster-logo--memorable {
    background-image: url("");
    height: 1.8rem;
    width: 9.2rem
}

.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;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform-style: preserve-3d;
    touch-action: pan-Y;
    overflow: hidden;
    margin: 0;
    padding: 0;
    white-space: nowrap;
    display: flex;
    flex-wrap: nowrap;
    will-change: transform
}

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

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

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

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

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

.glide--rtl {
    direction: rtl
}

.glide__slide--active .portfolio__caption {
    opacity: 1
}

.portfolio:not(:first-child) {
    margin-top: 2.4rem
}

.portfolio__figure {
    position: relative;
    margin: 0;
    width: 100%;
    height: auto
}

@media(min-width: 1024px) {
    .portfolio__figure--fs {
        height: 100vh
    }
}

.portfolio__media {
    max-height: 100%;
    max-width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 100%;
    z-index: 2
}

@media(min-width: 1024px) {
    .portfolio__media {
        height: 62.4rem
    }
}

@media(min-width: 1024px) {
    .portfolio__media--fs {
        height: auto;
        margin: auto
    }
}

.portfolio__media--vertical {
    width: auto
}

.portfolio__media--wide {
    height: auto;
    margin: auto;
    width: auto
}

.portfolio__media-wrapper {
    position: relative;
    padding-top: 66.66%;
    background-color: #2a303b;
    width: 100%;
    top: 0
}

@media(min-width: 1024px) {
    .portfolio__media-wrapper {
        height: 62.4rem
    }
}

.portfolio__media-wrapper:before {
    content: " ";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    background-color: #565e70;
    width: 3rem;
    height: 3rem;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    animation: circle 7s cubic-bezier(0, 0.2, 0.8, 1) infinite
}

.portfolio__media-wrapper--loaded:before {
    display: none
}

.portfolio__wide-container {
    position: fixed;
    background-color: #2a303b;
    width: 100%;
    height: 100%;
    z-index: 20;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.portfolio__controls {
    display: flex;
    position: absolute;
    right: 1.6rem;
    z-index: 4;
    justify-content: space-between;
    width: 7.6rem;
    opacity: 1;
    transition: opacity .15s ease
}

.portfolio__controls--hide {
    opacity: 0
}

@media(min-width: 768px) {
    .portfolio__controls {
        width: 9.6rem;
        right: 2rem
    }
}

.portfolio__pagination {
    position: absolute;
    top: 1.6rem;
    left: 1.6rem;
    z-index: 4;
    font-size: 1.6rem;
    letter-spacing: .089rem;
    color: #717b8e;
    background-color: #2a303b;
    padding: 0 .8rem;
    border-radius: 1.6rem
}

.portfolio__pagination {
    font-family: "Trebuchet MS", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loaded) .portfolio__pagination {
    letter-spacing: -1.607px
}

html:not(.fonts-loaded) .portfolio__pagination>* {
    letter-spacing: -1.607px
}

html.fonts-loaded .portfolio__pagination {
    font-family: "Marr Sans Condensed", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loading) .portfolio__pagination {
    letter-spacing: .05rem
}

@media(min-width: 768px) {
    .portfolio__pagination {
        top: 2rem;
        left: 2rem;
        padding: 0 1.2rem
    }
}

.portfolio__is-full {
    overflow: hidden;
    height: 100vh
}

.portfolio__fs .glide__slide--active .portfolio__caption {
    transition: opacity .15s ease, transform .15s ease;
    background-color: rgba(42, 48, 59, .68)
}

.portfolio__fs .glide__track {
    height: calc(100vh - 10.4rem)
}

@media(min-width: 768px) {
    .portfolio__fs .glide__track {
        height: 100vh
    }
}

@media(max-width: 812px)and (orientation: landscape) {
    .portfolio__fs .glide__track {
        height: 100%
    }
}

.portfolio__fs .portfolio__caption {
    position: absolute;
    width: 100%;
    background-color: rgba(42, 48, 59, .68);
    bottom: 0;
    padding: 2rem 5rem 1.2rem 2rem;
    color: #fff;
    opacity: 0;
    margin: 0;
    z-index: -1;
    max-width: 100%
}

@media(min-width: 1024px) {
    .portfolio__fs .portfolio__caption {
        padding: 2rem
    }
}

.portfolio__fs .portfolio__caption--show {
    opacity: 1;
    z-index: 2
}

.portfolio__fs .portfolio__figure {
    height: calc(100vh - 10.4rem)
}

@media(min-width: 1024px) {
    .portfolio__fs .portfolio__figure {
        height: 100vh;
        width: calc(100vw - 8rem)
    }
}

@media(max-width: 812px)and (orientation: landscape) {
    .portfolio__fs .portfolio__figure {
        height: 100vh
    }
}

.portfolio__fs .portfolio__media {
    height: auto;
    max-height: 100vh
}

.portfolio__fs .portfolio__media--vertical {
    height: auto
}

@media(min-width: 768px) {
    .portfolio__fs .portfolio__media--vertical {
        height: 100vh
    }
}

@media(max-width: 812px)and (orientation: landscape) {
    .portfolio__fs .portfolio__media--vertical {
        height: 100vh
    }
}

.portfolio__fs .portfolio__media-wrapper {
    background-color: rgba(0, 0, 0, 0);
    top: 50%;
    transform: translateY(-50%)
}

@media(max-width: 812px)and (orientation: landscape) {
    .portfolio__fs .portfolio__media-wrapper--landscape {
        top: 0;
        transform: none
    }
}

.portfolio__fs .portfolio__media-wrapper--portrait {
    height: calc(100vh - 10.4rem)
}

@media(min-width: 1024px) {
    .portfolio__fs .portfolio__media-wrapper--portrait {
        top: 0;
        transform: none;
        height: 100%
    }
}

@media(max-width: 812px)and (orientation: landscape) {
    .portfolio__fs .portfolio__media-wrapper--portrait {
        height: auto;
        top: 0;
        transform: none
    }
}

.portfolio__fs .portfolio__media-wrapper--loaded:before {
    display: block
}

.portfolio__fs .portfolio__media-wrapper--loaded-fs:before {
    display: none
}

.portfolio__fs .portfolio__fs-close {
    position: absolute;
    top: 1.6rem;
    z-index: 21;
    right: 1.6rem
}

@media(min-width: 1024px) {
    .portfolio__fs .portfolio__fs-close {
        top: 2rem;
        right: 2rem
    }
}

.portfolio__fs .portfolio__fs-legend {
    position: absolute;
    bottom: 1.2rem;
    right: 1.2rem;
    top: auto;
    z-index: 21
}

@media(min-width: 1024px) {
    .portfolio__fs .portfolio__fs-legend {
        bottom: 2rem;
        z-index: 21;
        right: 2rem
    }
}

.portfolio__fs .portfolio__fs-legend--hide {
    display: none
}

.portfolio__fs .portfolio__controls {
    display: none;
    width: 3.2rem
}

@media(min-width: 1024px) {
    .portfolio__fs .portfolio__controls {
        width: 4rem;
        display: flex;
        flex-direction: column;
        top: auto;
        height: 9.6rem;
        bottom: 10rem;
        z-index: 21
    }
}

.portfolio__fs .portfolio__pagination {
    top: 1.6rem;
    left: 1.6rem;
    z-index: 21
}

@media(max-width: 812px)and (orientation: landscape) {
    .portfolio__fs .portfolio__indicator--max:before {
        margin: 0 .4rem
    }
}

.portfolio__fs-actions {
    display: none
}

@media(min-width: 1024px) {
    .portfolio__fs-actions {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        height: 100vh;
        width: 8rem;
        z-index: 20;
        background-color: #2a303b
    }
}

@media(max-width: 812px)and (orientation: landscape) {
    .portfolio__fs-actions {
        width: 5.3rem;
        z-index: 20;
        background-color: #2a303b
    }
}

.portfolio__fs-slides {
    position: relative;
    width: 100%;
    height: calc(100vh - 10.4rem);
    top: 5.2rem;
    z-index: 2
}

@media(max-width: 812px)and (orientation: landscape) {
    .portfolio__fs-slides {
        top: 0;
        height: 100%
    }
}

@media(min-width: 768px) {
    .portfolio__fs-slides {
        height: 100vh
    }
}

@media(min-width: 1024px) {
    .portfolio__fs-slides {
        top: 0
    }
}

.portfolio__fs-slides--active .portfolio__media {
    width: auto;
    margin: 0 auto
}

.portfolio__fs-slides--active .portfolio__media--wide {
    margin: auto
}

.portfolio__fs-slides--active .portfolio__media--wide-long {
    height: auto
}

.portfolio__fs-open-container {
    position: absolute;
    right: 1.6rem;
    top: 1.6rem;
    z-index: 4
}

@media(min-width: 768px) {
    .portfolio__fs-open-container {
        right: 2rem;
        top: 2rem
    }
}

.portfolio__fs-legend {
    position: absolute;
    top: 5rem
}

.portfolio__indicator-container {
    display: flex
}

.portfolio__indicator {
    display: inherit
}

@media(min-width: 768px) {
    .portfolio__indicator {
        line-height: 2
    }
}

.portfolio__indicator--index {
    color: #fff
}

.portfolio__indicator--max:before {
    content: " ";
    align-self: center;
    width: 1.2rem;
    height: .1rem;
    background-color: #717b8e;
    margin: 0 .4rem
}

@media(min-width: 768px) {
    .portfolio__indicator--max:before {
        margin: 0 .8rem
    }
}

.portfolio__caption {
    color: #666e80;
    font-size: 1.4rem;
    line-height: 1.42;
    margin: 1.2rem 1.6rem 0;
    opacity: 0;
    transition: opacity .15s ease
}

.portfolio__caption {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .portfolio__caption {
    letter-spacing: .314px
}

html:not(.fonts-loaded) .portfolio__caption>* {
    letter-spacing: .314px
}

html.fonts-loaded .portfolio__caption {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

@media(min-width: 576px) {
    .portfolio__caption {
        margin: 1.2rem 3.2rem 0
    }
}

@media(min-width: 768px) {
    .portfolio__caption {
        margin: 1.2rem auto;
        max-width: 66.4rem
    }
}

@media(min-width: 1024px) {
    .portfolio__caption {
        max-width: 100%
    }
}

.portfolio__caption--show {
    opacity: 1;
    z-index: 1
}

.portfolio__title {
    font-weight: 600
}

.portfolio__icons {
    width: 3.2rem;
    height: 3.2rem;
    background-color: #454f5f;
    border-radius: 5rem;
    border: 0;
    transition: opacity .15s ease;
    display: flex;
    justify-content: center;
    align-items: center
}

.portfolio__icons:hover {
    cursor: pointer;
    opacity: .9
}

.portfolio__icons:focus {
    outline: 0
}

@media(min-width: 768px) {
    .portfolio__icons {
        width: 4rem;
        height: 4rem
    }
}

.portfolio__icons--actions {
    background-color: #fff
}

.portfolio__arrow {
    opacity: 1;
    transition: opacity .15s ease
}

.portfolio__arrow--off {
    opacity: .5
}

.portfolio__arrow--off:hover {
    cursor: auto;
    opacity: .5
}

.portfolio--off {
    display: none
}

.page__link--campaigns:hover {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.page__heading {
    border-bottom: .3rem solid #383f4e;
    padding-bottom: 3.2rem;
    padding-top: 4rem
}

@media(max-width: 1023px) {
    .page__heading {
        margin-bottom: 3.2rem
    }
}

@media(min-width: 768px) {
    .page__heading {
        padding-top: 5.2rem
    }
}

@media(min-width: 1024px) {
    .page__heading {
        display: grid;
        grid-column: 1/span 2;
        padding-top: 4rem
    }
}

.page__heading--sitemap {
    margin-bottom: 2.4rem
}

@media(min-width: 768px) {
    .page__heading--sitemap {
        margin-bottom: 3.2rem
    }
}

@media(min-width: 1024px) {
    .page__heading--sitemap {
        margin-bottom: 4rem;
        grid-row: 1
    }
}

.page__heading--en-continu {
    margin-bottom: 4rem
}

@media(min-width: 768px) {
    .page__heading--en-continu {
        margin-bottom: 5.6rem
    }
}

@media(min-width: 1024px) {
    .page__heading--en-continu {
        margin-bottom: 4rem
    }
}

.page__heading--favorites {
    border-bottom: 0;
    padding-top: 0;
    margin-bottom: 2.8rem
}

@media(min-width: 1024px) {
    .page__heading--favorites {
        grid-row: 1
    }
}

.page__heading--marginless {
    margin-bottom: 0
}

.page__heading--more {
    display: block
}

.page__heading--authors {
    padding-top: 4.8rem;
    padding-bottom: 4.4rem
}

@media(min-width: 1024px) {
    .page__heading--authors {
        padding-top: 6.4rem;
        padding-bottom: 5.6rem
    }
}

.page__heading--search {
    border-bottom: .3rem solid #383f4e;
    padding-bottom: 2.4rem
}

.page__heading--campaigns {
    z-index: 5;
    background-color: #fff;
    border-bottom: 0;
    padding: 2rem 1.6rem 0
}

@media(min-width: 576px) {
    .page__heading--campaigns {
        padding: 2rem 3.2rem 0
    }
}

@media(min-width: 1024px) {
    .page__heading--campaigns {
        padding: 4.4rem 0 0;
        z-index: 6
    }

    .page__heading--campaigns .page__title {
        font-size: 3.2rem
    }
}

.page__heading--campaigns-single {
    z-index: 5;
    background-color: #fff;
    border-bottom: 0;
    padding: 2rem 1.6rem 2rem
}

@media(min-width: 576px) {
    .page__heading--campaigns-single {
        grid-column: 1/span 2;
        grid-row: 1;
        padding: 2rem 3.2rem 2rem
    }
}

@media(min-width: 768px) {
    .page__heading--campaigns-single {
        padding-bottom: 1.2rem
    }
}

@media(min-width: 1024px) {
    .page__heading--campaigns-single {
        padding: 0;
        z-index: 4
    }
}

.page__heading--sticky {
    position: fixed;
    top: 5.8rem;
    left: 0;
    width: 100%
}

@media(max-width: 1024px) {
    .page__heading--sticky {
        padding: 2rem 1.6rem 1rem
    }
}

@media(min-width: 1024px) {
    .page__heading--sticky {
        position: static
    }
}

@media(min-width: 1024px) {
    .page__heading--sticky-js {
        position: fixed;
        top: 5.8rem;
        left: 0;
        width: 100%;
        padding: 1.2rem 0
    }
}

.page__heading--sticky-js .page__title {
    font-size: 1.8rem
}

.page__heading--sticky-js+.page__subtitle {
    padding-top: 20rem
}

.page__heading--election {
    padding-top: 2rem;
    padding-bottom: 1.2rem;
    border-bottom: 0
}

@media(min-width: 768px) {
    .page__heading--election {
        padding-top: 4rem;
        padding-bottom: 2.4rem;
        border-bottom: .3rem solid #383f4e
    }
}

.page__heading--election .breadcrumb {
    align-items: flex-end
}

.page__heading--election .breadcrumb:not(.breadcrumb__logo):before {
    content: "";
    display: inline-block;
    width: 1.7rem;
    height: 2.6rem;
    background: url("") center no-repeat;
    margin-right: .8rem;
    margin-left: .2rem
}

.page__campaigns-title {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    font-size: 1.5rem;
    font-family: inherit;
    font-weight: 400;
    color: #383f4e
}

.page__campaigns-title {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .page__campaigns-title {
    letter-spacing: .314px
}

html:not(.fonts-loaded) .page__campaigns-title>* {
    letter-spacing: .314px
}

html.fonts-loaded .page__campaigns-title {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

@media(min-width: 768px) {
    .page__campaigns-title {
        margin: 0 auto;
        max-width: 66.4rem;
        width: 100%
    }
}

@media(min-width: 1024px) {
    .page__campaigns-title {
        max-width: 100rem
    }
}

.page__button {
    display: inline-flex;
    flex: 0 0 auto;
    line-height: 1.4
}

.page__button-sitemap {
    display: inline-flex;
    flex: 0 0 auto;
    margin-bottom: 1.2rem;
    margin-right: 1.2rem
}

.page__search--election {
    background-color: #192853;
    border-bottom: none
}

@media(max-width: 1023px) {
    .page__search--election {
        margin-left: -5.2rem;
        margin-right: -5.2rem;
        padding: 1.2rem 1.6rem;
        position: relative
    }

    .page__search--election:before {
        background-color: #192853;
        content: "";
        display: inline-block;
        height: 100%;
        left: calc(50% - .1rem);
        position: absolute;
        top: 0;
        transform: translateX(-50vw);
        width: calc(100vw + .1rem)
    }
}

@media(max-width: 767px) {
    .page__search--election {
        margin-left: -1.6rem;
        margin-right: -1.6rem
    }
}

@media(min-width: 768px) {
    .page__search--election {
        padding: 1.2rem 5.2rem
    }
}

@media(min-width: 1024px) {
    .page__search--election {
        padding: 5.2rem 3.2rem 3.2rem;
        margin: 0 -3.2rem
    }
}

.page__search--election .breadcrumb {
    align-items: flex-end
}

.page__search--election .breadcrumb:not(.breadcrumb__logo):before {
    content: "";
    display: inline-block;
    width: 1.7rem;
    height: 2.6rem;
    background: url("") center no-repeat;
    margin-right: .8rem;
    margin-left: .2rem
}

.page__title {
    font-size: 2.8rem;
    line-height: 1;
    letter-spacing: .106rem;
    font-weight: 700;
    text-transform: uppercase
}

.page__title {
    font-family: "Trebuchet MS", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loaded) .page__title {
    letter-spacing: -1.607px
}

html:not(.fonts-loaded) .page__title>* {
    letter-spacing: -1.607px
}

html.fonts-loaded .page__title {
    font-family: "Marr Sans Condensed", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loading) .page__title {
    letter-spacing: .05rem
}

@media(min-width: 768px) {
    .page__title {
        font-size: 4rem
    }
}

.page__title--archives {
    text-transform: none
}

.page__title--logo {
    display: flex
}

.page__title--campaigns {
    font-size: 1.8rem;
    padding-bottom: 0;
    font-weight: 600;
    letter-spacing: normal;
    text-transform: none;
    margin: 0 .8rem .8rem 0;
    color: #2a303b
}

.page__title--election {
    font-size: 2.8rem;
    font-weight: 700;
    color: #2a303b;
    line-height: 1.2
}

.page__title--election {
    font-family: Georgia, Droid-serif, serif
}

html:not(.fonts-loaded) .page__title--election {
    letter-spacing: -0.645px
}

html:not(.fonts-loaded) .page__title--election>* {
    letter-spacing: -0.645px
}

html.fonts-loaded .page__title--election {
    font-family: "The Antiqua B standard", Georgia, Droid-serif, serif
}

@supports(font-variation-settings: normal) {
    html.fonts-loaded .page__title--election {
        font-family: "The Antiqua B", Georgia, Droid-serif, serif
    }
}

@media(min-width: 1024px) {
    .page__title--election {
        font-size: 4.6rem;
        font-weight: 800
    }
}

.page__title--election-home {
    font-size: 3.8rem;
    font-weight: 700;
    margin-top: 4rem;
    padding-bottom: 2.4rem;
    border-bottom: .3rem solid #383f4e
}

.page__title--election-home {
    font-family: "Trebuchet MS", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loaded) .page__title--election-home {
    letter-spacing: -1.607px
}

html:not(.fonts-loaded) .page__title--election-home>* {
    letter-spacing: -1.607px
}

html.fonts-loaded .page__title--election-home {
    font-family: "Marr Sans Condensed", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loading) .page__title--election-home {
    letter-spacing: .05rem
}

@media(min-width: 1024px) {
    .page__title--election-home {
        margin-top: 5.2rem
    }
}

.page__title--election-wrapper {
    margin-top: 4rem
}

@media(min-width: 1024px) {
    .page__title--election-wrapper {
        margin-top: 4rem;
        min-height: 15rem
    }
}

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

.page__date {
    border-bottom: .1rem solid #d5d8dc;
    margin-bottom: 2.4rem;
    padding-bottom: 1rem
}

.page__date--day {
    margin-bottom: 1.6rem;
    border-bottom: 0
}

.page__date-title {
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 1.2rem;
    letter-spacing: .08rem
}

.page__date-title {
    font-family: "Trebuchet MS", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loaded) .page__date-title {
    letter-spacing: -1.607px
}

html:not(.fonts-loaded) .page__date-title>* {
    letter-spacing: -1.607px
}

html.fonts-loaded .page__date-title {
    font-family: "Marr Sans Condensed", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loading) .page__date-title {
    letter-spacing: .05rem
}

@media(min-width: 1024px) {
    .page__date-container {
        grid-column: 1;
        grid-row: 2
    }
}

.page__date-container .page__subtitle {
    margin-top: 0
}

.page__subtitle {
    font-size: 1.5rem;
    line-height: 2rem;
    margin-top: 1.2rem
}

.page__subtitle {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .page__subtitle {
    letter-spacing: .314px
}

html:not(.fonts-loaded) .page__subtitle>* {
    letter-spacing: .314px
}

html.fonts-loaded .page__subtitle {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

@media(min-width: 768px) {
    .page__subtitle {
        font-size: 1.6rem;
        line-height: 2.2rem
    }
}

@media(min-width: 1024px) {
    .page__subtitle {
        padding-right: 8rem
    }
}

.page__subtitle--search-motor {
    margin-top: 0
}

.page__subtitle--link,
.page__subtitle a {
    color: #383f4e;
    border-bottom: .1rem solid #a4a9b4
}

.page__subtitle--link:hover,
.page__subtitle a:hover {
    border-bottom: .1rem solid #0070b2
}

.page__subtitle--blog {
    margin-top: 0
}

@media(min-width: 1024px) {
    .page__subtitle--blog {
        float: right;
        width: calc(100% - 28rem)
    }
}

.page__subtitle--campaigns {
    font-size: 1.6rem;
    line-height: 1.5;
    padding-top: 6.6rem
}

@media(min-width: 768px) {
    .page__subtitle--campaigns {
        font-size: 1.7rem;
        line-height: 1.52
    }
}

@media(min-width: 1024px) {
    .page__subtitle--campaigns {
        padding-top: 0;
        font-size: 1.6rem;
        line-height: 1.625;
        width: 85%
    }
}

.page__subtitle--sb {
    font-weight: 600
}

.page__actions-container {
    display: flex;
    flex: 0 0 auto;
    margin-top: 1.6rem;
    position: relative
}

@media(min-width: 768px) {
    .page__actions-container {
        margin-top: 2.4rem
    }
}

.page__actions-container--more {
    overflow: hidden
}

.page__actions-container--more .page__actions {
    flex-wrap: nowrap
}

.page__actions-container--search {
    margin-top: 1.6rem
}

.page__actions-container:after {
    content: " ";
    position: absolute;
    height: 3.6rem;
    display: block;
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0.65), #fff);
    width: 4rem;
    filter: blur(0.2rem);
    right: -0.2rem;
    top: 0
}

.page__actions-container--archives {
    margin-bottom: 2.4rem
}

.page__actions {
    display: flex;
    gap: 1.2rem;
    overflow: hidden
}

@media(min-width: 1024px) {
    .page__actions {
        flex-wrap: wrap
    }
}

.page__actions--search {
    display: block
}

.page__actions--archives {
    overflow-x: auto;
    padding-right: 4rem
}

.page__view-more {
    font-size: 1.2rem;
    font-weight: 600;
    width: 8rem;
    flex: 0 0 auto;
    align-self: center;
    justify-content: center;
    text-align: center;
    float: right;
    margin-top: 1.6rem;
    padding-top: .8rem;
    cursor: pointer
}

.page__view-more {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .page__view-more {
    letter-spacing: .314px
}

html:not(.fonts-loaded) .page__view-more>* {
    letter-spacing: .314px
}

html.fonts-loaded .page__view-more {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.page__view-more:before {
    content: "Voir plus"
}

@media(min-width: 1024px) {
    .page__view-more {
        display: none
    }
}

.page__view-more--trigger {
    position: absolute;
    left: -9999px
}

.page__view-more--trigger:checked+.page__view-more:before {
    content: "Voir moins"
}

.page__view-more--trigger:checked+.page__view-more+.page__actions-container::after {
    display: none
}

.page__view-more--trigger:checked+.page__view-more+.page__actions-container .page__actions {
    flex-wrap: wrap
}

.page__view-more--trigger:checked+.page__view-more+.page__actions-container .page__button {
    flex-shrink: 1
}

.page__view-more--trigger:checked+.page__view-more+.page__actions-container .page__view-more {
    display: none
}

.page__view-more--trigger:not(:checked)+.page__actions-container {
    overflow: visible
}

@media(min-width: 768px) {
    .page__view-more--section {
        padding-top: 1.6rem
    }
}

@media(min-width: 1024px) {
    .page__view-more--show {
        display: flex
    }
}

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

.page__float--campaigns {
    border-top: .3rem solid #383f4e;
    padding-top: 0;
    margin-top: 3.2rem
}

@media(min-width: 1024px) {
    .page__content {
        float: left;
        width: 55.7rem
    }
}

@media(min-width: 1024px) {
    .page__side-content {
        float: right;
        width: 31.7rem;
        padding-top: 4rem
    }
}

.page__friends {
    padding: 2rem 0 4rem 0
}

@media(min-width: 1024px) {
    .page__friends {
        border-top: .4rem solid #2a303b
    }
}

.page__games-intro {
    grid-column: 1/span 2
}

.page__games-title {
    font-size: 2.4rem;
    line-height: 1.2;
    font-weight: 700;
    color: #2a303b
}

.page__games-title {
    font-family: "Trebuchet MS", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loaded) .page__games-title {
    letter-spacing: -1.607px
}

html:not(.fonts-loaded) .page__games-title>* {
    letter-spacing: -1.607px
}

html.fonts-loaded .page__games-title {
    font-family: "Marr Sans Condensed", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loading) .page__games-title {
    letter-spacing: .05rem
}

.page__games-desc {
    font-size: 1.6rem;
    line-height: 1.31;
    margin-top: 1.6rem
}

.page__games-desc {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .page__games-desc {
    letter-spacing: .314px
}

html:not(.fonts-loaded) .page__games-desc>* {
    letter-spacing: .314px
}

html.fonts-loaded .page__games-desc {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.page__games-desc--footer {
    margin-top: 0
}

.page__games-container--footer {
    margin-top: 1.6rem
}

.page__games-container--free {
    display: flex;
    align-items: center;
    flex-direction: column
}

@media(min-width: 768px) {
    .page__games-container--free {
        flex-direction: row
    }
}

.page__games-cta {
    max-width: 23.7rem;
    align-self: flex-start;
    font-size: 1.5rem;
    margin: 1.6rem 0 0
}

@media(min-width: 768px) {
    .page__games-cta {
        margin: 0;
        align-self: center
    }
}

.page__logo {
    margin-left: .8rem;
    max-height: 4.5rem;
    max-width: 16rem
}

@media(min-width: 768px) {
    .page__logo {
        max-height: 5rem;
        max-width: 18rem
    }
}

.page__logo--article {
    max-height: 4rem;
    max-width: 13rem
}

@media(min-width: 768px) {
    .page__logo--article {
        max-height: 4.5rem;
        max-width: 14rem
    }
}

.page__info-hover {
    display: none;
    background-color: #fff;
    width: 28rem;
    position: absolute;
    z-index: 11;
    border: .1rem solid #e2e4e9;
    padding: 1.2rem;
    top: 3.3rem;
    right: 0;
    line-height: 1.53;
    box-shadow: 0rem .6rem 1.1rem 0 rgba(102, 110, 128, .15)
}

@media(min-width: 768px) {
    .page__info-hover {
        width: 32rem
    }
}

.page__info-text {
    text-align: center;
    font-size: 1.3rem;
    font-weight: 400;
    line-height: normal;
    background-color: #fff;
    color: #666e80
}

.page__info-text {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .page__info-text {
    letter-spacing: .314px
}

html:not(.fonts-loaded) .page__info-text>* {
    letter-spacing: .314px
}

html.fonts-loaded .page__info-text {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.page__info {
    cursor: pointer;
    position: relative;
    margin-left: auto
}

.page__info:hover .page__info-hover {
    display: block
}

.page__info--position {
    margin-left: .8rem
}

.page__info--footer {
    display: flex;
    align-items: center
}

.page__info-separator {
    background-color: #e8eaee;
    height: .3rem;
    width: 100%
}

.page__follow {
    display: flex;
    align-items: center;
    margin-top: 2.4rem
}

.page__follow-text {
    margin-right: .8rem;
    color: #666e80;
    font-size: 1.4rem;
    letter-spacing: .02rem;
    line-height: 1.42
}

.page__follow-text {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .page__follow-text {
    letter-spacing: .314px
}

html:not(.fonts-loaded) .page__follow-text>* {
    letter-spacing: .314px
}

html.fonts-loaded .page__follow-text {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.page__follow-item:not(:last-of-type) {
    margin-right: .8rem
}

.page__follow-link {
    display: flex;
    width: 3.2rem;
    height: 3.2rem;
    align-items: center;
    justify-content: center;
    border: .1rem solid #d5d8dc;
    border-radius: 10rem
}

.page__follow-list {
    display: flex;
    list-style: none
}

.page--campaigns .teaser__title {
    font-weight: 700;
    font-size: 1.6rem
}

.page--campaigns .teaser__title {
    font-family: Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .page--campaigns .teaser__title {
    font-family: "Barlow", Helvetica, Arial, Roboto, sans-serif
}

@media(min-width: 1024px) {
    .page--campaigns .teaser__title {
        font-size: 1.8rem
    }
}

.page--campaigns .teaser__desc {
    font-weight: 400
}

.page--campaigns .teaser__desc {
    font-family: Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .page--campaigns .teaser__desc {
    font-family: "Barlow", Helvetica, Arial, Roboto, sans-serif
}

.page--campaigns .article__paragraph {
    font-family: Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .page--campaigns .article__paragraph {
    font-family: "Barlow", Helvetica, Arial, Roboto, sans-serif
}

.page--campaigns .article__title {
    font-family: Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .page--campaigns .article__title {
    font-family: "Barlow", Helvetica, Arial, Roboto, sans-serif
}

.page--campaigns .article__sub-title,
.page--campaigns .article__ordered-list li h2,
.article__ordered-list li .page--campaigns h2,
.page--campaigns .article__unordered-list li h2,
.article__unordered-list li .page--campaigns h2 {
    font-family: Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .page--campaigns .article__sub-title,
html.fonts-loaded .page--campaigns .article__ordered-list li h2,
.article__ordered-list li html.fonts-loaded .page--campaigns h2,
html.fonts-loaded .page--campaigns .article__unordered-list li h2,
.article__unordered-list li html.fonts-loaded .page--campaigns h2 {
    font-family: "Barlow", Helvetica, Arial, Roboto, sans-serif
}

.page--campaigns .article__legend {
    font-family: Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .page--campaigns .article__legend {
    font-family: "Barlow", Helvetica, Arial, Roboto, sans-serif
}

.page--campaigns .article__portfolio-container {
    margin-top: 2.4rem
}

@media(min-width: 1024px) {

    .page--campaigns .article__video-container-main,
    .page--campaigns .article__portfolio-container {
        grid-row: 3;
        grid-column: 1/span 2
    }
}

.page--campaigns .river .teaser__desc {
    font-size: 1.5rem
}

.page--campaigns .page__title {
    font-weight: 700
}

.page--campaigns .page__title {
    font-family: Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .page--campaigns .page__title {
    font-family: "Barlow", Helvetica, Arial, Roboto, sans-serif
}

.page--campaigns .page__subtitle {
    font-weight: 400
}

.page--campaigns .page__subtitle {
    font-family: Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .page--campaigns .page__subtitle {
    font-family: "Barlow", Helvetica, Arial, Roboto, sans-serif
}

.page--campaigns .page__info--footer {
    margin-top: 2rem
}

.page__campaigns-img-wrapper {
    display: flex;
    align-items: center;
    margin-bottom: .8rem
}

.page__campaigns-partner {
    margin-left: .4rem;
    font-weight: 700
}

.page__rub-podcast .page__side-content {
    padding-top: 0
}

.page__rub-podcast .river--solo {
    margin-top: 0;
    padding-top: 0;
    border: none
}

.page__rub-podcast .page__heading {
    border: 0;
    padding-bottom: 2.4rem;
    padding-top: 3.2rem
}

.page__rub-podcast .page__heading .breadcrumb {
    margin-bottom: 0
}

.page__rub-podcast .services {
    border-top: .2rem solid #2a303b;
    padding-top: 3.2rem
}

.page__home-podcast .fw_most_read_podcasts_recommendations-article:last-child {
    border-bottom: none;
    padding-bottom: 0
}

.page__home-podcast .fw_most_read_podcasts_recommendations-articles-button {
    display: none
}

.sr-only {
    border: 0 !important;
    clip: rect(1px, 1px, 1px, 1px) !important;
    -webkit-clip-path: inset(50%) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    white-space: nowrap !important
}

.seo-only {
    display: none
}

.lmd-btn {
    align-items: center;
    border: 0;
    border-radius: .3rem;
    cursor: pointer;
    display: flex;
    flex-shrink: 0;
    font-weight: 500;
    height: 3rem;
    justify-content: center;
    line-height: 1;
    max-width: 100%;
    text-align: center
}

.lmd-btn {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .lmd-btn {
    letter-spacing: .314px
}

html:not(.fonts-loaded) .lmd-btn>* {
    letter-spacing: .314px
}

html.fonts-loaded .lmd-btn {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.lmd-btn--s {
    font-size: 1.2rem;
    padding: .9rem 1.6rem .7rem
}

.lmd-btn--m {
    font-size: 1.4rem;
    padding: .8rem 1.6rem .5rem
}

.lmd-btn--l {
    font-size: 1.6rem;
    height: 4.2rem;
    padding: 1rem 2.4rem
}

.lmd-btn--fullwidth {
    width: 100%
}

.lmd-btn--primary {
    background-color: #026b9c;
    color: #fff
}

.lmd-btn--primary:hover {
    background-color: #005b85
}

.lmd-btn--white {
    background-color: #fff;
    border: .1rem solid #bdc1c8;
    color: #2a303b
}

.lmd-btn--white:hover {
    background-color: #f5f6f8;
    border-color: #bdc1c8
}

.lmd-btn--premium {
    background-color: #ffc700;
    color: #2a303b
}

.lmd-btn--premium:hover {
    background-color: #eab002
}

.lmd-btn--black {
    background-color: #2a303b;
    color: #fff
}

.lmd-btn--black:hover {
    background-color: #454f5f
}

.lmd-btn--blue {
    background-color: #01364f;
    color: #fff
}

.lmd-btn--blue:hover {
    background-color: #01364f
}

.lmd-btn-services {
    align-items: center;
    border: .1rem solid #d5d8dc;
    border-radius: 1.4rem;
    color: #2a303b;
    display: inline-flex;
    flex-shrink: 0;
    font-size: 1.3rem;
    font-weight: 600;
    line-height: 1;
    justify-content: center;
    padding: .4rem 1.2rem
}

.lmd-btn-services {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .lmd-btn-services {
    letter-spacing: .314px
}

html:not(.fonts-loaded) .lmd-btn-services>* {
    letter-spacing: .314px
}

html.fonts-loaded .lmd-btn-services {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.lmd-btn-services:hover {
    background-color: #f5f6f8
}

.lmd-btn-services:active {
    border-color: #d5d8dc;
    background-color: #d5d8dc
}

.lmd-btn-rub {
    align-items: center;
    border: .1rem solid #d5d8dc;
    border-radius: .3rem;
    color: #383f4e;
    display: inline-flex;
    flex-shrink: 0;
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 1;
    justify-content: center;
    padding: 1.2rem 1.2rem 1rem;
    letter-spacing: .01rem
}

.lmd-btn-rub {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .lmd-btn-rub {
    letter-spacing: .314px
}

html:not(.fonts-loaded) .lmd-btn-rub>* {
    letter-spacing: .314px
}

html.fonts-loaded .lmd-btn-rub {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.lmd-btn-rub:hover {
    background-color: rgba(42, 48, 59, .03)
}

.lmd-link:hover {
    -webkit-text-decoration: underline;
    text-decoration: underline;
    text-decoration-thickness: .06em;
    text-underline-offset: .2em
}

.lmd-link-reverse {
    -webkit-text-decoration: underline;
    text-decoration: underline;
    text-decoration-thickness: .06em;
    text-underline-offset: .2em
}

.lmd-link-reverse:hover {
    opacity: .8;
    -webkit-text-decoration: none;
    text-decoration: none
}

.lmd-link-nav:hover {
    color: #026b9c
}

.lmd-link-blue {
    color: #026b9c;
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.lmd-link-blue:hover {
    color: #005b85
}

.lmd-link-opacity:hover {
    opacity: .8
}

.article {
    margin: 2.4rem 0;
    padding-top: 2.4rem;
    border-top: .1rem solid #d5d8dc
}

.article picture {
    display: block;
    padding-top: 66.66%
}

.article picture.bi__media {
    padding-top: 0
}

.article picture img {
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 1
}

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

.article:nth-of-type(1) {
    border-top: 0;
    margin-top: 0;
    padding-top: 0
}

@media(min-width: 1024px) {
    .article:nth-of-type(1).article--featured {
        border-top: .1rem solid rgba(0, 0, 0, .09)
    }
}

.article__sactisfaction-survey {
    -webkit-tap-highlight-color: rgba(0, 83, 250, .3)
}

.article__sactisfaction-survey--container {
    display: flex;
    justify-content: center;
    padding: 1.5rem 2rem;
    margin-top: 2rem;
    background-color: #fcfcfd;
    border: 1px solid #e8eaee;
    border-radius: .1875rem
}

@media(min-width: 1024px) {
    .article__sactisfaction-survey--container {
        padding-top: 1rem;
        padding-bottom: 1rem
    }
}

.article__sactisfaction-survey--wrapper {
    font-size: 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: center;
    text-align: center;
    justify-content: center
}

.article__sactisfaction-survey--wrapper {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .article__sactisfaction-survey--wrapper {
    letter-spacing: .314px
}

html:not(.fonts-loaded) .article__sactisfaction-survey--wrapper>* {
    letter-spacing: .314px
}

html.fonts-loaded .article__sactisfaction-survey--wrapper {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

@media(min-width: 768px) {
    .article__sactisfaction-survey--wrapper {
        flex-direction: row
    }
}

@media(max-width: 576px) {
    .article__sactisfaction-survey--wrapper {
        width: 27rem
    }
}

@media(min-width: 1024px) {
    .article__content-special {
        grid-row: 3
    }
}

@media print {
    .article__content-special {
        display: none
    }
}

.article__byline {
    color: #717b8e;
    font-size: 1.3rem;
    line-height: 1.5rem
}

.article__byline {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .article__byline {
    letter-spacing: .314px
}

html:not(.fonts-loaded) .article__byline>* {
    letter-spacing: .314px
}

html.fonts-loaded .article__byline {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.article__desc {
    display: none;
    margin: 1.6rem 0;
    color: #2a303b;
    font-size: 1.5rem;
    line-height: 1.34
}

.article__desc {
    font-family: Georgia, Droid-serif, serif
}

html:not(.fonts-loaded) .article__desc {
    letter-spacing: -0.645px
}

html:not(.fonts-loaded) .article__desc>* {
    letter-spacing: -0.645px
}

html.fonts-loaded .article__desc {
    font-family: "The Antiqua B standard", Georgia, Droid-serif, serif
}

@supports(font-variation-settings: normal) {
    html.fonts-loaded .article__desc {
        font-family: "The Antiqua B", Georgia, Droid-serif, serif
    }
}

.article__copyright {
    font-size: 1rem;
    line-height: 1.7;
    letter-spacing: .01rem;
    position: absolute;
    right: .8rem;
    bottom: .8rem;
    color: #fff;
    text-transform: uppercase;
    z-index: 4
}

.article__copyright {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .article__copyright {
    letter-spacing: .314px
}

html:not(.fonts-loaded) .article__copyright>* {
    letter-spacing: .314px
}

html.fonts-loaded .article__copyright {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.article__mention {
    font-style: normal;
    font-weight: 400;
    font-size: 1.2rem;
    line-height: 1.6rem;
    color: #666e80;
    margin-top: 8px
}

.article__mention {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .article__mention {
    letter-spacing: .314px
}

html:not(.fonts-loaded) .article__mention>* {
    letter-spacing: .314px
}

html.fonts-loaded .article__mention {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.article__extra {
    align-items: center
}

.article__extra {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .article__extra {
    letter-spacing: .314px
}

html:not(.fonts-loaded) .article__extra>* {
    letter-spacing: .314px
}

html.fonts-loaded .article__extra {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.article__extra--embed {
    margin-left: 0;
    font-size: 1.1rem;
    font-weight: 600;
    position: absolute;
    display: flex;
    bottom: .8rem;
    color: #fff;
    left: .8rem;
    z-index: 4
}

.article__extra--embed>:first-child {
    margin-right: .8rem
}

.article__extra--related {
    display: none
}

@media(min-width: 1024px) {
    .article__extra--related {
        align-items: center;
        bottom: .8rem;
        left: .8rem;
        display: flex
    }
}

.article__extra--related .icon__portfolio,
.article__extra--related .icon__video,
.article__extra--related .icon__multimedia {
    width: 3rem;
    height: 3rem
}

@media(min-width: 1024px) {

    .article__extra--related .icon__portfolio,
    .article__extra--related .icon__video,
    .article__extra--related .icon__multimedia {
        width: 4rem;
        height: 4rem
    }
}

.article__extra--inline {
    align-items: center;
    font-weight: 400;
    display: inline-flex;
    font-size: 1.2rem;
    color: #383f4e
}

.article__extra--inline {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .article__extra--inline {
    letter-spacing: .314px
}

html:not(.fonts-loaded) .article__extra--inline>* {
    letter-spacing: .314px
}

html.fonts-loaded .article__extra--inline {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.article__extra--featured {
    bottom: auto;
    top: -5.2rem;
    left: 0
}

.article__extra--podcast-inline {
    display: inline
}

.article__extra--podcast {
    left: 1.2rem;
    bottom: 1.2rem
}

@media(min-width: 1200px) {
    .article__extra--podcast {
        bottom: .2rem
    }
}

@media(min-width: 1024px)and (max-width: 1199px) {
    .article__extra--podcast {
        bottom: 3.2rem
    }
}

.article__info {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .article__info {
    letter-spacing: .314px
}

html:not(.fonts-loaded) .article__info>* {
    letter-spacing: .314px
}

html.fonts-loaded .article__info {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.article__media-container {
    position: relative
}

.article__media-credit {
    color: #717b8e;
    font-size: .8rem;
    font-weight: 400;
    line-height: 1;
    margin-bottom: 1.6rem;
    margin-top: .4rem;
    text-align: right;
    text-transform: uppercase;
    width: 100%
}

.article__media-credit {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .article__media-credit {
    letter-spacing: .314px
}

html:not(.fonts-loaded) .article__media-credit>* {
    letter-spacing: .314px
}

html.fonts-loaded .article__media-credit {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.article__media-credit--une {
    font-size: 1rem
}

@media(max-width: 575px) {
    .article__media-credit--municipale {
        margin-left: 1.6rem;
        margin-right: 1.6rem
    }
}

@media(max-width: 1023px) {
    .article__media-credit--only-desktop {
        display: none
    }
}

@media(max-width: 479px) {
    .article .video-container--with-deny-msg:not(.video-container--sticky) {
        height: auto;
        padding: 1.6rem
    }

    .article .video-container--with-deny-msg:not(.video-container--sticky) .article__video-deny-msg {
        position: relative
    }

    .article .video-container--with-deny-msg:not(.video-container--sticky) .article__video-deny {
        position: relative
    }
}

.article__video-container {
    position: relative;
    background-color: #2a303b;
    z-index: 4;
    clear: both
}

.article__video-container iframe,
.article__video-container .js_player {
    width: 100%;
    position: absolute;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 5
}

@media print {
    .article__video-container {
        display: none
    }
}

.article__video-container--ratio {
    padding-top: 56.25%
}

.article__video-container--ratio .js_player:empty:not(iframe) {
    padding-top: 56.25%
}

.article__video-container--vertical {
    padding-bottom: 100%;
    position: relative
}

.article__video-container--vertical .js_player:empty:not(iframe) {
    padding-top: 100%
}

.article__video-container--vertical .dailymotion-player-root {
    padding-bottom: 0 !important;
    position: absolute !important
}

.article__video-container--vertical .dailymotion-player-root {
    bottom: 0;
    left: 50%;
    transform: translate3d(-50%, 0, 0);
    top: 0;
    width: 56%
}

.article__video-deny-msg {
    align-items: center;
    bottom: 0;
    color: #fff;
    display: flex;
    flex-direction: column;
    font-size: 1.6rem;
    justify-content: center;
    line-height: 2.2rem;
    padding: 0 1.2rem;
    position: absolute;
    text-align: center;
    top: 0
}

@media(min-width: 480px) {
    .article__video-deny-msg {
        font-size: 1.6rem;
        line-height: 2.2rem;
        padding: 0 4rem
    }
}

.article__video-deny-btn {
    align-items: center;
    border: 0;
    border-radius: .3rem;
    cursor: pointer;
    display: flex;
    flex-shrink: 0;
    font-weight: 500;
    height: 3rem;
    justify-content: center;
    line-height: 1;
    max-width: 100%;
    text-align: center;
    background-color: #026b9c;
    color: #fff;
    font-size: 1.6rem;
    height: 4.2rem;
    padding: 1rem 2.4rem;
    margin-top: 1.2rem
}

.article__video-deny-btn {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .article__video-deny-btn {
    letter-spacing: .314px
}

html:not(.fonts-loaded) .article__video-deny-btn>* {
    letter-spacing: .314px
}

html.fonts-loaded .article__video-deny-btn {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.article__video-deny-btn:hover {
    background-color: #005b85
}

@media(min-width: 480px) {
    .article__video-deny-btn {
        margin-top: 2rem
    }
}

.article__media {
    display: block;
    float: right;
    font-size: 0;
    margin-left: 1.6rem;
    max-width: 11.4rem
}

@media(min-width: 1024px) {
    .article__media--with-credit {
        margin-bottom: 0 !important
    }
}

.article__title {
    color: #2a303b;
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 1.25
}

.article__title {
    font-family: Georgia, Droid-serif, serif
}

html:not(.fonts-loaded) .article__title {
    letter-spacing: -0.645px
}

html:not(.fonts-loaded) .article__title>* {
    letter-spacing: -0.645px
}

html.fonts-loaded .article__title {
    font-family: "The Antiqua B standard", Georgia, Droid-serif, serif
}

@supports(font-variation-settings: normal) {
    html.fonts-loaded .article__title {
        font-family: "The Antiqua B", Georgia, Droid-serif, serif
    }
}

.article__title--inline {
    display: inline
}

.article a:hover .article__title {
    -webkit-text-decoration: underline;
    text-decoration: underline;
    text-decoration-thickness: .06em;
    text-underline-offset: .2em
}

.article__kicker {
    color: #2a303b;
    font-size: 1.3rem;
    font-weight: 500;
    letter-spacing: .13rem;
    line-height: 1.15;
    margin-bottom: .8rem;
    text-transform: uppercase
}

.article__kicker {
    font-family: "Trebuchet MS", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loaded) .article__kicker {
    letter-spacing: -1.607px
}

html:not(.fonts-loaded) .article__kicker>* {
    letter-spacing: -1.607px
}

html.fonts-loaded .article__kicker {
    font-family: "Marr Sans Condensed", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loading) .article__kicker {
    letter-spacing: .05rem
}

.article__type {
    color: #717b8e;
    font-size: 1.3rem;
    font-weight: 500;
    letter-spacing: .13rem;
    margin-top: 1.2rem;
    text-transform: uppercase
}

.article__type {
    font-family: "Trebuchet MS", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loaded) .article__type {
    letter-spacing: -1.607px
}

html:not(.fonts-loaded) .article__type>* {
    letter-spacing: -1.607px
}

html.fonts-loaded .article__type {
    font-family: "Marr Sans Condensed", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loading) .article__type {
    letter-spacing: .05rem
}

.article__author {
    align-items: center;
    display: flex;
    max-width: 70%
}

.article__author:not(:last-child) {
    margin-bottom: .4rem
}

@media(min-width: 768px) {
    .article__author {
        max-width: 28rem
    }
}

.article__author--posts {
    max-width: 100%
}

.article__author-picture {
    background-color: #e8eaee;
    background-image: url("");
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 50%;
    flex-shrink: 0;
    height: 5rem;
    margin-right: 1.2rem;
    width: 5rem
}

.article__author-picture--no-pp {
    background-position-y: .6rem
}

.article__author-picture--posts {
    width: 6.2rem;
    height: 6.2rem;
    margin-right: 1.6rem
}

@media(min-width: 1024px) {
    .article__author-picture--posts {
        width: 7.8rem;
        height: 7.8rem;
        margin-right: 2.4rem
    }
}

.article__author-identity--posts {
    font-size: 2.9rem;
    font-weight: 600;
    color: #2a303b;
    display: inline;
    line-height: 1
}

.article__author-identity--posts {
    font-family: "Trebuchet MS", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loaded) .article__author-identity--posts {
    letter-spacing: -1.607px
}

html:not(.fonts-loaded) .article__author-identity--posts>* {
    letter-spacing: -1.607px
}

html.fonts-loaded .article__author-identity--posts {
    font-family: "Marr Sans Condensed", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loading) .article__author-identity--posts {
    letter-spacing: .05rem
}

@media(min-width: 1024px) {
    .article__author-identity--posts {
        font-weight: bold;
        font-size: 3.8rem
    }
}

.article__author-job--posts {
    line-height: 1.42;
    letter-spacing: .02rem;
    font-size: 1.4rem;
    margin-top: .4rem;
    font-weight: 600;
    color: #2a303b
}

.article__author-job--posts {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .article__author-job--posts {
    letter-spacing: .314px
}

html:not(.fonts-loaded) .article__author-job--posts>* {
    letter-spacing: .314px
}

html.fonts-loaded .article__author-job--posts {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.article__author-description--posts {
    height: 6.2rem;
    display: flex;
    align-items: center
}

@media(min-width: 1024px) {
    .article__author-description--posts {
        height: 7.8rem
    }
}

.article__author-name {
    color: #2a303b;
    font-size: 1.5rem;
    font-weight: 500
}

.article__author-name {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .article__author-name {
    letter-spacing: .314px
}

html:not(.fonts-loaded) .article__author-name>* {
    letter-spacing: .314px
}

html.fonts-loaded .article__author-name {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.article__author-desc {
    color: #717b8e;
    font-size: 1.3rem;
    line-height: 1.25
}

.article__author-desc {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .article__author-desc {
    letter-spacing: .314px
}

html:not(.fonts-loaded) .article__author-desc>* {
    letter-spacing: .314px
}

html.fonts-loaded .article__author-desc {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.article__related {
    margin: 0 0 4rem;
    font-weight: 500;
    font-size: 1.5rem;
    line-height: 1.33
}

.article__related {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .article__related {
    letter-spacing: .314px
}

html:not(.fonts-loaded) .article__related>* {
    letter-spacing: .314px
}

html.fonts-loaded .article__related {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

@media(min-width: 768px) {
    .article__related {
        font-size: 1.4rem;
        line-height: 1.29;
        margin: 2.4rem 0 2rem
    }
}

.article__related li {
    list-style: none;
    margin-bottom: 1.2rem
}

@media(min-width: 1024px) {
    .article__related li {
        margin-bottom: 0
    }
}

.article__related li a:hover {
    -webkit-text-decoration: underline;
    text-decoration: underline;
    text-decoration-thickness: .06em;
    text-underline-offset: .2em
}

.article__related-featured {
    display: grid;
    grid-template-columns: 16.2rem 16.2rem 16.2rem;
    grid-column-gap: 1.2rem;
    overflow-x: scroll;
    padding-right: 1.6rem
}

@media(min-width: 576px) {
    .article__related-featured {
        grid-template-columns: 1fr 1fr 1fr
    }
}

@media(min-width: 768px) {
    .article__related-featured {
        overflow-x: visible;
        margin-right: 0;
        padding-right: 0;
        grid-column-gap: 2.4rem
    }
}

.article__related-featured .article {
    border-top: 0;
    padding-top: 0
}

.article__related-featured .article__media {
    float: none
}

.article--nav:hover .article__title {
    -webkit-text-decoration: underline;
    text-decoration: underline;
    text-decoration-thickness: .06em;
    text-underline-offset: .2em
}

.article--nav .article__kicker {
    margin-top: 1.6rem
}

.article--nav .article__media {
    max-width: 100%;
    float: none;
    margin-left: 0
}

@media(min-width: 768px) {
    .article--nav .article__author {
        margin-top: .8rem
    }
}

.article--nav .article__author-name {
    font-size: 1.3rem;
    line-height: 1.25
}

.article--featured {
    background: #fff;
    border-bottom: .2rem solid #383f4e;
    margin-top: 0;
    overflow: hidden;
    padding-bottom: 1.6rem;
    position: relative;
    text-align: center
}

@media(min-width: 1024px) {
    .article--featured {
        border-top: 0;
        padding-top: 0;
        border-bottom: 0;
        margin-bottom: 0;
        border: .1rem solid rgba(0, 0, 0, .09)
    }
}

.article--featured a {
    align-items: stretch;
    display: inline-flex;
    flex-direction: column;
    justify-content: flex-start;
    padding: 0 2rem;
    height: 100%;
    width: 100%
}

.article--featured .icon__premium {
    width: 2.4rem;
    height: 1.6rem;
    top: 1.2rem;
    position: relative
}

.article--featured .article__byline {
    margin-top: .4rem
}

@media(min-width: 768px) {
    .article--featured .article__desc {
        display: block;
        margin-bottom: 0
    }
}

.article--featured .article__footer-info {
    color: #717b8e;
    font-size: 1.3rem;
    margin-top: 1.6rem
}

@media(min-width: 768px) {
    .article--featured .article__footer-info {
        margin-top: 0
    }
}

@media(min-width: 1024px) {
    .article--featured .article__footer-info {
        margin-top: 1.6rem
    }
}

.article--featured .article__media-container {
    margin-left: -2rem;
    margin-right: -2rem;
    padding-top: 66.66%
}

.article--featured .article__media {
    display: block;
    float: none;
    margin: 0 -2rem 0;
    max-width: 100%;
    z-index: 1;
    top: 0;
    padding-top: 66.66%;
    position: absolute;
    margin-left: 0;
    width: 100%;
    overflow: hidden
}

.article--featured .article__media:before {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1));
    bottom: 0;
    content: " ";
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 2
}

.article--featured .article__media img {
    display: block;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: none;
    max-width: initial;
    width: 100%
}

.article--featured .article__title {
    margin: 1.2rem 0 1.6rem;
    position: relative;
    top: 1.2rem
}

.article--featured .article__type {
    color: #2a303b;
    font-size: 1.3rem;
    letter-spacing: .13rem;
    margin-top: 0;
    font-weight: 500
}

.article--featured .article__wrapper {
    background: #fff;
    display: block;
    flex-grow: 1;
    line-height: 1.25;
    padding-top: 1.1rem;
    position: relative;
    text-align: center;
    top: -0.5rem;
    z-index: 2
}

.article--related {
    margin-top: 0;
    padding-top: 2.4rem
}

.article--related .article__title {
    color: #2a303b;
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1.25;
    margin-bottom: 0
}

.article--related .article__title {
    font-family: Georgia, Droid-serif, serif
}

html:not(.fonts-loaded) .article--related .article__title {
    letter-spacing: -0.645px
}

html:not(.fonts-loaded) .article--related .article__title>* {
    letter-spacing: -0.645px
}

html.fonts-loaded .article--related .article__title {
    font-family: "The Antiqua B standard", Georgia, Droid-serif, serif
}

@supports(font-variation-settings: normal) {
    html.fonts-loaded .article--related .article__title {
        font-family: "The Antiqua B", Georgia, Droid-serif, serif
    }
}

.article--related .article__media-container {
    display: block;
    float: none;
    font-size: 0;
    margin: 0 0 .8rem 0;
    width: 100%
}

@media(min-width: 1024px) {
    .article--related .article__media-container {
        width: 11.4rem;
        margin: 0 0 .4rem .8rem;
        float: right
    }
}

.article--toast__container {
    position: fixed;
    z-index: 9999;
    bottom: -4.4rem;
    right: 0;
    width: 100%
}

.article--toast__container .article--toast {
    position: relative;
    width: 100%;
    background-color: #fff;
    padding: .8rem 0 1.4rem;
    margin-bottom: 4.4rem;
    opacity: 0;
    visibility: hidden;
    transition: all .3s ease-in-out
}

.article--toast__container .article--toast__text {
    color: rgba(255, 255, 255, .87);
    margin: .5rem 0 0 0;
    font-size: 1.4rem;
    line-height: 1.7rem;
    text-align: center
}

.article--toast__container .article--toast__text {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .article--toast__container .article--toast__text {
    letter-spacing: .314px
}

html:not(.fonts-loaded) .article--toast__container .article--toast__text>* {
    letter-spacing: .314px
}

html.fonts-loaded .article--toast__container .article--toast__text {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.article--toast__container .article--toast-active {
    opacity: 1;
    visibility: visible
}

.article--toast__container .article--toast-success {
    background-color: rgba(0, 0, 0, .85)
}

.article__gift-modal {
    bottom: 0;
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    width: 100vw;
    z-index: 9999
}

@media screen and (min-width: 768px) {
    .article__gift-modal {
        height: 100vh
    }
}

.article__gift-modal--opened {
    display: block
}

.article__gift-modal__overlay {
    background-color: #2a303c;
    content: "";
    height: calc(100vh - 6rem);
    left: 0;
    opacity: .6;
    position: absolute;
    top: 6rem;
    width: 100vw;
    z-index: -1
}

@media screen and (min-width: 768px) {
    .article__gift-modal__overlay {
        height: 100vh;
        top: 0
    }
}

.article__gift-modal__content {
    align-items: center;
    background: #fff;
    border-radius: 0;
    border-top: .1rem solid #e8eaee;
    display: flex;
    flex-direction: column;
    left: 0;
    max-height: 80vh;
    padding: 3.2rem 1.6rem;
    position: absolute;
    bottom: 0;
    width: 100%
}

.article__gift-modal__content {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .article__gift-modal__content {
    letter-spacing: .314px
}

html:not(.fonts-loaded) .article__gift-modal__content>* {
    letter-spacing: .314px
}

html.fonts-loaded .article__gift-modal__content {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

@media screen and (min-width: 768px) {
    .article__gift-modal__content {
        border-top: 0;
        border-radius: .4rem;
        left: 50%;
        padding: 3.2rem 8rem;
        top: 50%;
        transform: translate3d(-50%, -50%, 0);
        width: 57.2rem;
        bottom: auto
    }
}

.article__gift-modal__title {
    font-size: 2.4rem;
    font-weight: 600;
    line-height: 2.8rem;
    margin-bottom: .8rem;
    text-align: center
}

.article__gift-modal__title {
    font-family: "Trebuchet MS", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loaded) .article__gift-modal__title {
    letter-spacing: -1.607px
}

html:not(.fonts-loaded) .article__gift-modal__title>* {
    letter-spacing: -1.607px
}

html.fonts-loaded .article__gift-modal__title {
    font-family: "Marr Sans Condensed", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loading) .article__gift-modal__title {
    letter-spacing: .05rem
}

.article__gift-modal__text {
    text-align: center;
    font-size: 1.6rem;
    line-height: 2rem;
    margin-bottom: 2.4rem
}

.article__gift-modal__text--no-margin {
    margin: 0
}

.article__gift-modal__text b {
    font-weight: 500
}

.article__gift-modal__link {
    -webkit-text-decoration: underline;
    text-decoration: underline;
    text-decoration-thickness: .06em;
    text-underline-offset: .2em;
    color: #0070b2
}

.article__gift-modal__link:hover {
    opacity: .8;
    -webkit-text-decoration: none;
    text-decoration: none
}

.article__gift-modal .btn {
    border: 0;
    font-weight: 500;
    width: 100%;
    text-align: center
}

.article__gift-modal .btn:not(:last-child) {
    margin-bottom: .8rem
}

@media screen and (min-width: 1024px) {
    .article__gift-modal .btn {
        width: 100%
    }
}

.article__gift-modal__discover-btn {
    align-items: center;
    border: 0;
    border-radius: .3rem;
    cursor: pointer;
    display: flex;
    flex-shrink: 0;
    font-weight: 500;
    height: 3rem;
    justify-content: center;
    line-height: 1;
    max-width: 100%;
    text-align: center;
    font-size: 1.2rem;
    padding: .9rem 1.6rem .7rem;
    background-color: #ffc700;
    color: #2a303b;
    width: 100%
}

.article__gift-modal__discover-btn {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .article__gift-modal__discover-btn {
    letter-spacing: .314px
}

html:not(.fonts-loaded) .article__gift-modal__discover-btn>* {
    letter-spacing: .314px
}

html.fonts-loaded .article__gift-modal__discover-btn {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.article__gift-modal__discover-btn:hover {
    background-color: #eab002
}

.article__gift-modal__button {
    align-items: center;
    border: 0;
    border-radius: .3rem;
    cursor: pointer;
    display: flex;
    flex-shrink: 0;
    font-weight: 500;
    height: 3rem;
    justify-content: center;
    line-height: 1;
    max-width: 100%;
    text-align: center;
    font-size: 1.6rem;
    height: 4.2rem;
    padding: 1rem 2.4rem;
    background-color: #026b9c;
    color: #fff;
    width: 100%
}

.article__gift-modal__button {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .article__gift-modal__button {
    letter-spacing: .314px
}

html:not(.fonts-loaded) .article__gift-modal__button>* {
    letter-spacing: .314px
}

html.fonts-loaded .article__gift-modal__button {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.article__gift-modal__button:hover {
    background-color: #005b85
}

.article__gift-modal__button:not(:last-child) {
    margin-bottom: .8rem
}

.restricted-podcast {
    position: relative;
    display: flex;
    background-color: #2a303b;
    padding: 1.6rem;
    color: #fff;
    font-family: "Marr Sans", Helvetica, Arial, Roboto, sans-serif;
    margin: 0 -1.6rem 0
}

@media(min-width: 360px) {
    .restricted-podcast {
        margin: 0 auto
    }
}

@media(min-width: 576px) {
    .restricted-podcast {
        padding: 2.6rem 3rem 2.5rem 2.6rem;
        margin: auto
    }
}

.restricted-podcast__content {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center
}

@media(min-width: 576px) {
    .restricted-podcast__content {
        align-items: flex-start;
        text-align: left;
        margin-left: 19.4rem
    }
}

.restricted-podcast__icon {
    width: 16.2rem;
    height: 16.2rem;
    margin: 0 0 1.6rem;
    background-image: url("");
    background-repeat: no-repeat;
    background-size: contain
}

@media(min-width: 576px) {
    .restricted-podcast__icon {
        position: absolute;
        left: 2.6rem;
        width: 16.8rem;
        height: 16.8rem;
        margin: 0
    }
}

.restricted-podcast__headline {
    font-size: 1.6rem;
    line-height: 2.2rem;
    font-weight: 500;
    margin: 0 1.1rem .8rem
}

@media(min-width: 360px) {
    .restricted-podcast__headline {
        margin: 0 2.25rem .8rem
    }
}

@media(min-width: 576px) {
    .restricted-podcast__headline {
        margin: 0 0 1.6rem
    }
}

.restricted-podcast__summary {
    font-size: 1.6rem;
    line-height: 2.2rem;
    margin-bottom: 1.6rem
}

@media(min-width: 576px) {
    .restricted-podcast__summary {
        margin-bottom: 1.5rem
    }
}

.restricted-podcast__login {
    font-size: 1.4rem;
    line-height: 2.2rem;
    margin-top: .8rem
}

.restricted-podcast__cta {
    width: 100%
}

@media(min-width: 576px) {
    .restricted-podcast__cta {
        position: static;
        position: initial;
        margin: 0;
        width: 14.6rem
    }
}

.restricted-podcast a {
    border-bottom: none !important
}

.restricted-podcast .button--subscribe {
    order: initial;
    max-width: 100%
}

.restricted-podcast--light {
    background-color: #fff6d3;
    color: #2a303b
}

.product-node {
    border-top: solid .1rem #e8eaee;
    border-bottom: solid .1rem #e8eaee;
    padding: 1.2rem 0 1.5rem;
    margin-top: 2rem;
    text-align: center
}

.product-node {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .product-node {
    letter-spacing: .314px
}

html:not(.fonts-loaded) .product-node>* {
    letter-spacing: .314px
}

html.fonts-loaded .product-node {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

@media(min-width: 1024px) {
    .product-node {
        display: flex;
        flex-flow: row nowrap;
        align-items: center;
        text-align: left
    }
}

@media(min-width: 1024px) {
    .product-node-wrap {
        margin-right: 4.4rem
    }
}

.product-node-title {
    color: #2a303b;
    font-size: 1.8rem;
    line-height: 1.2;
    font-weight: 600
}

.product-node-dropdown {
    position: relative;
    display: inline-block;
    margin-top: 1rem
}

@media(min-width: 1024px) {
    .product-node-dropdown {
        display: block;
        margin-top: 0
    }
}

.product-node-dropdown-label {
    background: #026b9c;
    color: #fff;
    font-size: 1.5rem;
    font-weight: 500;
    white-space: nowrap;
    padding: .8rem 3rem .8rem 1.4rem;
    border-radius: .3rem;
    position: relative;
    cursor: pointer
}

.product-node-dropdown-label:after {
    content: " ";
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("");
    position: absolute;
    width: 1rem;
    height: 1rem;
    right: 1.2rem;
    top: 50%;
    transform: translateY(-50%)
}

.product-node-dropdown-label.ui-collapse--shown {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.product-node-dropdown-label.ui-collapse--shown:after {
    transform: translateY(-50%) rotate(180deg)
}

.product-node-list {
    position: absolute;
    background: #fff;
    display: none;
    flex-flow: column;
    font-size: 1.6rem;
    font-weight: 500;
    box-shadow: 0 4px 4px 4px rgba(0, 0, 0, .1);
    min-width: 25rem;
    list-style: none
}

.product-node-list.ui-collapse--shown {
    display: flex;
    z-index: 2
}

.product-node-link {
    font-size: 1.3rem;
    white-space: nowrap;
    -webkit-text-decoration: underline;
    text-decoration: underline;
    border-bottom: 0;
    display: inline-block;
    padding: .9rem 1.6rem 1rem;
    text-align: left
}

.product-node-link:last-child {
    margin-bottom: 0
}

.product-node-link:visited,
.product-node-link:hover {
    color: #026b9c
}

.product-node-link--single {
    display: inline-block;
    margin-left: auto;
    margin-top: 1rem;
    background: #026b9c;
    color: #fff;
    font-size: 1.5rem;
    font-weight: 500;
    white-space: nowrap;
    padding: .8rem 1.4rem;
    border-radius: .3rem
}

@media(min-width: 1024px) {
    .product-node-link--single {
        margin-top: 0
    }
}

.product-node-desc {
    font-size: 1.4rem;
    line-height: 1.6;
    color: #717b8e;
    margin-top: .6rem
}

@media(min-width: 1024px) {
    .product-node-desc {
        margin-top: 0
    }
}

.product-node-offer {
    font-size: 1.2rem;
    font-style: italic;
    color: #8b92a1;
    margin-top: .4rem
}

.product-node-offer {
    font-family: Georgia, Droid-serif, serif
}

html:not(.fonts-loaded) .product-node-offer {
    letter-spacing: -0.645px
}

html:not(.fonts-loaded) .product-node-offer>* {
    letter-spacing: -0.645px
}

html.fonts-loaded .product-node-offer {
    font-family: "The Antiqua B standard", Georgia, Droid-serif, serif
}

@supports(font-variation-settings: normal) {
    html.fonts-loaded .product-node-offer {
        font-family: "The Antiqua B", Georgia, Droid-serif, serif
    }
}

@media(min-width: 1024px) {
    .product-node-offer {
        margin-top: .2rem
    }
}

.product-node-offer-title {
    border-bottom: 0;
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.product-node-offer-link {
    color: inherit
}

.podcast-gdpr__warning {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: #333 url("") no-repeat;
    background-size: contain;
    color: #fff;
    font-size: 1.5rem;
    line-height: normal;
    line-height: initial;
    height: 290px;
    margin: 0 -2.4rem
}

.podcast-gdpr__warning {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .podcast-gdpr__warning {
    letter-spacing: .314px
}

html:not(.fonts-loaded) .podcast-gdpr__warning>* {
    letter-spacing: .314px
}

html.fonts-loaded .podcast-gdpr__warning {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

@media(min-width: 768px) {
    .podcast-gdpr__warning {
        background: #333 url("") no-repeat;
        height: 235px;
        margin: 0
    }
}

.podcast-gdpr__message {
    background: #333;
    width: 100%;
    padding: 1rem 1.6rem
}

@media(min-width: 768px) {
    .podcast-gdpr__message {
        padding: 1.6rem 2.4rem
    }
}

.podcast-gdpr__accept {
    background-color: #0070b2;
    border-width: 0;
    border-radius: .3rem;
    color: #fff;
    cursor: pointer;
    padding: 1rem 2rem;
    margin: 2rem auto 0;
    font-size: 1.5rem;
    display: block
}

.lmd-link:hover {
    -webkit-text-decoration: underline;
    text-decoration: underline;
    text-decoration-thickness: .06em;
    text-underline-offset: .2em
}

.lmd-link-reverse {
    -webkit-text-decoration: underline;
    text-decoration: underline;
    text-decoration-thickness: .06em;
    text-underline-offset: .2em
}

.lmd-link-reverse:hover {
    opacity: .8;
    -webkit-text-decoration: none;
    text-decoration: none
}

.lmd-link-nav:hover {
    color: #026b9c
}

.lmd-link-blue {
    color: #026b9c;
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.lmd-link-blue:hover {
    color: #005b85
}

.lmd-link-opacity:hover {
    opacity: .8
}

@media print {
    .article__footer-single {
        display: none
    }
}

.article__footer-single--portfolio {
    margin: 0 1.6rem
}

@media(min-width: 576px) {
    .article__footer-single--portfolio {
        margin: 0 3.2rem
    }
}

@media(min-width: 768px) {
    .article__footer-single--portfolio {
        margin: 0 auto;
        max-width: 66.4rem
    }
}

@media(min-width: 1024px) {
    .article__footer-single--portfolio {
        margin: 0;
        max-width: 100%;
        grid-row: 4
    }
}

@media(min-width: 1024px) {
    .article__footer-single--video {
        grid-row: 4
    }
}

@media(min-width: 1024px) {
    .article__footer-single--wirecutter {
        grid-row: 4
    }
}

@media(min-width: 1024px) {
    .article__footer-single--multimedia {
        grid-row: 4
    }
}

.article__footer {
    display: flex;
    margin-top: 1.2rem
}

.article__footer a {
    display: flex
}

.article__footer .article__author:before {
    content: "|";
    color: #bdc1c8;
    padding-left: .4rem;
    padding-right: .4rem
}

.article__footer .article__author:not(:last-child) {
    margin-bottom: 0;
    align-self: center
}

.article__footer .article__author-name {
    font-size: 1.3rem;
    line-height: 1.15;
    color: #717b8e;
    font-weight: normal;
    align-self: center
}

.article__footer .article__type {
    margin-top: 0;
    align-self: center
}

.article__question {
    font-size: 1.7rem;
    line-height: 1.52;
    font-weight: 700;
    margin-top: 2.4rem
}

.article__question {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .article__question {
    letter-spacing: .314px
}

html:not(.fonts-loaded) .article__question>* {
    letter-spacing: .314px
}

html.fonts-loaded .article__question {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

@media(min-width: 768px) {
    .article__question {
        font-size: 1.8rem;
        line-height: 1.55
    }
}

.article__question a {
    -webkit-text-decoration: underline;
    text-decoration: underline;
    text-decoration-thickness: .06em;
    text-underline-offset: .2em
}

.article__question a:hover {
    opacity: .8;
    -webkit-text-decoration: none;
    text-decoration: none
}

.article__fact {
    color: #383f4e;
    text-transform: uppercase;
    display: inline-block;
    font-weight: 600;
    font-size: 1.8rem;
    letter-spacing: .03rem;
    line-height: 1;
    position: relative;
    z-index: 2;
    margin-left: .4rem;
    margin-top: 2rem
}

.article__fact {
    font-family: "Trebuchet MS", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loaded) .article__fact {
    letter-spacing: -1.607px
}

html:not(.fonts-loaded) .article__fact>* {
    letter-spacing: -1.607px
}

html.fonts-loaded .article__fact {
    font-family: "Marr Sans Condensed", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loading) .article__fact {
    letter-spacing: .05rem
}

.article__fact:after {
    content: " ";
    display: block;
    position: absolute;
    width: calc(100% + 0.8rem);
    height: .9rem;
    z-index: -1;
    bottom: -0.2rem;
    left: -0.4rem
}

.article__fact--true:after {
    background-color: #bcfec5
}

.article__fact--false:after {
    background-color: #fab4b4
}

.article__fact--neutral:after {
    background-color: #ffe38f
}

.article__fact a {
    -webkit-text-decoration: underline;
    text-decoration: underline;
    text-decoration-thickness: .06em;
    text-underline-offset: .2em
}

.article__fact a:hover {
    opacity: .8;
    -webkit-text-decoration: none;
    text-decoration: none
}

.article__ordered-list,
.article__unordered-list {
    list-style: none;
    margin-top: 2.4rem;
    clear: both;
    width: 100%;
    margin-left: .8rem
}

@media(min-width: 1024px) {

    .article__ordered-list,
    .article__unordered-list {
        padding-left: 2rem;
        margin-left: 1.6rem
    }
}

.article__ordered-list li,
.article__unordered-list li {
    display: block;
    margin-bottom: 1.6rem;
    line-height: 1.52;
    font-size: 1.7rem;
    color: #383f4e;
    position: relative;
    padding-left: 2.8rem
}

@media(min-width: 1024px) {

    .article__ordered-list li,
    .article__unordered-list li {
        padding-left: .8rem;
        font-size: 1.8rem
    }
}

.article__ordered-list li:before,
.article__unordered-list li:before {
    font-weight: 600;
    color: #8b92a1;
    display: block;
    position: absolute;
    left: 0
}

@media(min-width: 1024px) {

    .article__ordered-list li:before,
    .article__unordered-list li:before {
        left: -2rem
    }
}

.article__ordered-list li:last-child,
.article__unordered-list li:last-child {
    margin-bottom: 0
}

@media print {

    .article__ordered-list li,
    .article__unordered-list li {
        font-size: 9pt;
        line-height: 2;
        margin-bottom: .8rem;
        margin-top: 1.6rem
    }
}

.article__ordered-list li h2,
.article__unordered-list li h2 {
    display: inline
}

.article__ordered-list li a,
.article__unordered-list li a {
    -webkit-text-decoration: underline;
    text-decoration: underline;
    text-decoration-thickness: .06em;
    text-underline-offset: .2em
}

.article__ordered-list li a:hover,
.article__unordered-list li a:hover {
    opacity: .8;
    -webkit-text-decoration: none;
    text-decoration: none
}

.article__ordered-list {
    counter-reset: li
}

.article__ordered-list li {
    counter-increment: li
}

.article__ordered-list li:before {
    content: counter(li) "."
}

.article__ordered-list li:before {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .article__ordered-list li:before {
    letter-spacing: .314px
}

html:not(.fonts-loaded) .article__ordered-list li:before>* {
    letter-spacing: .314px
}

html.fonts-loaded .article__ordered-list li:before {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.article__ordered-list+p {
    clear: both
}

.article__unordered-list li:before {
    content: "•";
    font-size: 2.4rem;
    line-height: 1
}

.article__unordered-list li:before {
    font-family: Georgia, Droid-serif, serif
}

html:not(.fonts-loaded) .article__unordered-list li:before {
    letter-spacing: -0.645px
}

html:not(.fonts-loaded) .article__unordered-list li:before>* {
    letter-spacing: -0.645px
}

html.fonts-loaded .article__unordered-list li:before {
    font-family: "The Antiqua B standard", Georgia, Droid-serif, serif
}

@supports(font-variation-settings: normal) {
    html.fonts-loaded .article__unordered-list li:before {
        font-family: "The Antiqua B", Georgia, Droid-serif, serif
    }
}

.article__unordered-list+p {
    clear: both
}

.article__sub-title,
.article__ordered-list li h2,
.article__unordered-list li h2 {
    font-size: 2.2rem;
    font-weight: 600;
    margin-top: 2.4rem;
    color: #2a303b;
    line-height: 1.18
}

.article__sub-title,
.article__ordered-list li h2,
.article__unordered-list li h2 {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .article__sub-title,
html:not(.fonts-loaded) .article__ordered-list li h2,
.article__ordered-list li html:not(.fonts-loaded) h2,
html:not(.fonts-loaded) .article__unordered-list li h2,
.article__unordered-list li html:not(.fonts-loaded) h2 {
    letter-spacing: .314px
}

html:not(.fonts-loaded) .article__sub-title>*,
html:not(.fonts-loaded) .article__ordered-list li h2>*,
.article__ordered-list li html:not(.fonts-loaded) h2>*,
html:not(.fonts-loaded) .article__unordered-list li h2>*,
.article__unordered-list li html:not(.fonts-loaded) h2>* {
    letter-spacing: .314px
}

html.fonts-loaded .article__sub-title,
html.fonts-loaded .article__ordered-list li h2,
.article__ordered-list li html.fonts-loaded h2,
html.fonts-loaded .article__unordered-list li h2,
.article__unordered-list li html.fonts-loaded h2 {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

@media(min-width: 1024px) {

    .article__sub-title,
    .article__ordered-list li h2,
    .article__unordered-list li h2 {
        line-height: 1.2
    }
}

@media print {

    .article__sub-title,
    .article__ordered-list li h2,
    .article__unordered-list li h2 {
        font-size: 12pt;
        margin-top: 1.6rem
    }
}

.article__sub-title a,
.article__ordered-list li h2 a,
.article__unordered-list li h2 a {
    -webkit-text-decoration: underline;
    text-decoration: underline;
    text-decoration-thickness: .06em;
    text-underline-offset: .2em
}

.article__sub-title a:hover,
.article__ordered-list li h2 a:hover,
.article__unordered-list li h2 a:hover {
    opacity: .8;
    -webkit-text-decoration: none;
    text-decoration: none
}

.article__comments {
    margin-top: 2.4rem;
    grid-column: 1
}

@media print {
    .article__comments {
        display: none
    }
}

.article__siblings {
    margin-top: 4.4rem;
    grid-column: 1
}

.article__siblings:before {
    content: " ";
    display: block;
    height: .3rem;
    background-color: #383f4e;
    width: 100%
}

.article__siblings-title {
    font-size: 2.4rem;
    line-height: 1.25;
    letter-spacing: .022rem;
    color: #383f4e;
    font-weight: 600;
    margin-top: 2.4rem;
    margin-bottom: 4.8rem
}

.article__siblings-title {
    font-family: "Trebuchet MS", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loaded) .article__siblings-title {
    letter-spacing: -1.607px
}

html:not(.fonts-loaded) .article__siblings-title>* {
    letter-spacing: -1.607px
}

html.fonts-loaded .article__siblings-title {
    font-family: "Marr Sans Condensed", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loading) .article__siblings-title {
    letter-spacing: .05rem
}

@media(min-width: 768px) {
    .article__siblings-title {
        margin-bottom: 5.6rem
    }
}

.article__author-container {
    font-size: 1.5rem
}

.article__chapter-title {
    display: list-item;
    font-weight: 700;
    font-size: 2.2rem;
    list-style-type: disc;
    margin-left: 2.4rem;
    margin-top: 2.4rem
}

.article__chapter-title a {
    -webkit-text-decoration: underline;
    text-decoration: underline;
    text-decoration-thickness: .06em;
    text-underline-offset: .2em
}

.article__chapter-title a:hover {
    opacity: .8;
    -webkit-text-decoration: none;
    text-decoration: none
}

.article__paragraph {
    margin-top: 2rem;
    color: #383f4e;
    font-size: 1.3rem;
    font-weight: 500;
    line-height: 1.52
}

@media(min-width: 768px) {
    .article__paragraph {
        font-size: 1.3rem;
        line-height: 1.55
    }
}

@media print {
    .article__paragraph {
        font-size: 9pt;
        margin-top: 1.6rem
    }
}

.article__paragraph a {
    -webkit-text-decoration: underline;
    text-decoration: underline;
    text-decoration-thickness: .06em;
    text-underline-offset: .2em
}

.article__paragraph a:hover {
    opacity: .8;
    -webkit-text-decoration: none;
    text-decoration: none
}

.article__content {
    padding-top: 2.4rem
}

.article__content {
    font-family: Georgia, Droid-serif, serif
}

html:not(.fonts-loaded) .article__content {
    letter-spacing: -0.645px
}

html:not(.fonts-loaded) .article__content>* {
    letter-spacing: -0.645px
}

html.fonts-loaded .article__content {
    font-family: "The Antiqua B standard", Georgia, Droid-serif, serif
}

@supports(font-variation-settings: normal) {
    html.fonts-loaded .article__content {
        font-family: "The Antiqua B", Georgia, Droid-serif, serif
    }
}

@media(min-width: 1024px) {
    .article__content {
        padding-top: 3.2rem
    }
}

.article__content>:first-child {
    margin-top: 0
}

.article__content--restricted,
.article__content--restricted-media {

    position: relative;
    z-index: 2
}

@media(min-width: 768px) {

    .article__content--restricted,
    .article__content--restricted-media {}
}

.article__content--restricted-media {}

.article__content sup {
    line-height: 0
}

.article__content .multimedia-embed a:not(.lmd-link-nostyle):not(.inread__link),
.article__content .catcher a:not(.lmd-link-nostyle):not(.inread__link),
.article__content .article__catchphrase a:not(.lmd-link-nostyle):not(.inread__link) {
    -webkit-text-decoration: underline;
    text-decoration: underline;
    text-decoration-thickness: .06em;
    text-underline-offset: .2em
}

.article__content .multimedia-embed a:not(.lmd-link-nostyle):not(.inread__link):hover,
.article__content .catcher a:not(.lmd-link-nostyle):not(.inread__link):hover,
.article__content .article__catchphrase a:not(.lmd-link-nostyle):not(.inread__link):hover {
    opacity: .8;
    -webkit-text-decoration: none;
    text-decoration: none
}

.article__content .article__cite {
    color: #717b8e;
    font-style: italic;
    display: block;
    max-width: 100%;
    margin-top: 2rem;
    font-size: 1.6rem;
    line-height: 1.53
}

@media(min-width: 576px) {
    .article__content .article__cite {
        max-width: 80%
    }
}

@media(min-width: 1024px) {
    .article__content .article__cite {
        font-size: 1.8rem;
        line-height: 1.6
    }
}

.article__content .article__cite a {
    -webkit-text-decoration: underline;
    text-decoration: underline;
    text-decoration-thickness: .06em;
    text-underline-offset: .2em
}

.article__content .article__cite a:hover {
    opacity: .8;
    -webkit-text-decoration: none;
    text-decoration: none
}

.article__content .article__cite em,
.article__content .article__cite i {
    font-style: normal
}

.article--content .article__content .product__title a {
    color: #3374ff
}

.article--content .article__content .product__title a:hover {
    -webkit-text-decoration: underline;
    text-decoration: underline;
    text-decoration-thickness: .06em;
    text-underline-offset: .2em
}

.article--content .article__content a[data-type=huit-affiliate] {
    color: #3374ff
}

.article--content a.meta__link-sub {
    border-bottom: 0
}

.article--content a.meta__link-sub:hover {
    border-bottom: 0
}

.article__author-link:hover {
    -webkit-text-decoration: underline;
    text-decoration: underline;
    text-decoration-thickness: .06em;
    text-underline-offset: .2em
}

.article__reactions {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 1.6rem;
    margin-top: 2.4rem;
    position: relative;
    z-index: 2
}

.article__reactions {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .article__reactions {
    letter-spacing: .314px
}

html:not(.fonts-loaded) .article__reactions>* {
    letter-spacing: .314px
}

html.fonts-loaded .article__reactions {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

@media(max-width: 768px) {

    .article__reactions .comments__active,
    .article__reactions .comments__blocked-btn {
        flex-grow: 1;
        margin-right: 2.4rem
    }

    .article__reactions .meta__link--full {
        background: none
    }

    .article__reactions .meta__link--full:hover {
        border-color: rgba(0, 0, 0, 0)
    }

    .article__reactions .icon__description {
        display: none
    }

    .article__reactions .meta__sub.ui-collapse--shown {
        left: auto;
        left: initial;
        transform: none;
        right: 0
    }

    .article__reactions .meta__sub.ui-collapse--shown:after,
    .article__reactions .meta__sub.ui-collapse--shown:before {
        content: none
    }
}

@media(min-width: 768px)and (max-width: 1023px) {
    .article__reactions .meta__social--gift .lmd-dropdown__content {
        left: auto;
        left: initial
    }
}

.article__reactions .meta__social {
    margin-top: 0
}

.article__reactions .meta__text {
    display: inline-flex
}

.article__reactions .meta__text--share {
    margin-left: 0
}

@media(min-width: 1024px) {
    .article__reactions .meta__text--share {
        margin-left: .8rem
    }
}

@media(min-width: 360px) {
    .article__reactions .meta .meta__icon--favorite:after {
        display: inline-flex
    }
}

@media print {
    .article__reactions {
        display: none
    }
}

.block-archives-recirculation {
    background-color: #2a303c;
    padding: 2.4rem
}

.block-archives-recirculation__title {
    color: #fff;
    font-size: 2.4rem;
    font-weight: 600;
    letter-spacing: .05rem;
    line-height: 2rem;
    margin-bottom: 2.4rem
}

.block-archives-recirculation__title {
    font-family: "Trebuchet MS", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loaded) .block-archives-recirculation__title {
    letter-spacing: -1.607px
}

html:not(.fonts-loaded) .block-archives-recirculation__title>* {
    letter-spacing: -1.607px
}

html.fonts-loaded .block-archives-recirculation__title {
    font-family: "Marr Sans Condensed", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loading) .block-archives-recirculation__title {
    letter-spacing: .05rem
}

.main--free .article--restricted {
    overflow: hidden
}

.lmd-link:hover {
    -webkit-text-decoration: underline;
    text-decoration: underline;
    text-decoration-thickness: .06em;
    text-underline-offset: .2em
}

.lmd-link-reverse {
    -webkit-text-decoration: underline;
    text-decoration: underline;
    text-decoration-thickness: .06em;
    text-underline-offset: .2em
}

.lmd-link-reverse:hover {
    opacity: .8;
    -webkit-text-decoration: none;
    text-decoration: none
}

.lmd-link-nav:hover {
    color: #026b9c
}

.lmd-link-blue {
    color: #026b9c;
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.lmd-link-blue:hover {
    color: #005b85
}

.lmd-link-opacity:hover {
    opacity: .8
}

.article__iframe {
    border: 0;
    width: 100%
}

@media(min-width: 1024px) {
    .article__iframe {
        grid-row: 2;
        grid-column: 1/span 2
    }
}

@media(min-width: 1024px) {
    .article__iframe--bizdev {
        grid-row: 3;
        margin-top: 4rem
    }
}

.article__special-container {
    position: relative
}

@media print {
    .article__special-container {
        display: none
    }
}

@media(min-width: 1024px) {
    .article__special-container {
        grid-row: 2;
        grid-column: 1/span 2
    }
}

.article__special-container--video {
    background-color: #2a303b;
    margin: 0 -1.6rem 1.6rem;
    z-index: 4
}

@media(min-width: 576px) {
    .article__special-container--video {
        margin: 0 -3.2rem 1.6rem
    }
}

@media(min-width: 768px) {
    .article__special-container--video {
        margin: 3.6rem -5.2rem 1.6rem
    }
}

@media(min-width: 769px) {
    .article__special-container--video {
        margin: 2.8rem 0 1.6rem
    }
}

.article__special-container--video .js_player {
    width: 100%;
    position: absolute;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 5
}

.article__special-container--portfolio {
    transition: opacity .4s ease
}

.article--single {
    margin-bottom: 0
}

.article--single h1 {
    font-size: 2.8rem
}

@media(min-width: 1024px) {
    .article--single h1 {
        font-size: 3.8rem
    }
}

.article--single .friend+.article__sub-title,
.article--single .article__ordered-list li .friend+h2,
.article__ordered-list li .article--single .friend+h2,
.article--single .article__unordered-list li .friend+h2,
.article__unordered-list li .article--single .friend+h2 {
    margin-top: 3.2rem
}

.article--single .article__restricted {
    position: relative;
    z-index: 1
}

.article--single .author {
    grid-column: 1;
    margin-top: 2rem
}

.article--single .author:before {
    display: none
}

.article--single .author__detail {
    display: inline
}

.article--single .author__desc {
    color: #383f4e;
    margin-left: .4rem
}

.article--single .catcher .catcher--inline .catcher__title,
.article--single .catcher .catcher--inline .catcher__desc {
    font-size: 1.6rem;
    font-weight: 500
}

.article--single .catcher .catcher--inline .catcher__title,
.article--single .catcher .catcher--inline .catcher__desc {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .article--single .catcher .catcher--inline .catcher__title,
html:not(.fonts-loaded) .article--single .catcher .catcher--inline .catcher__desc {
    letter-spacing: .314px
}

html:not(.fonts-loaded) .article--single .catcher .catcher--inline .catcher__title>*,
html:not(.fonts-loaded) .article--single .catcher .catcher--inline .catcher__desc>* {
    letter-spacing: .314px
}

html.fonts-loaded .article--single .catcher .catcher--inline .catcher__title,
html.fonts-loaded .article--single .catcher .catcher--inline .catcher__desc {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.article--single .catcher__desc {
    margin-bottom: 3.2rem
}

.article--single .catcher__desc p {
    font-size: 1.6rem;
    font-weight: 400
}

.article--single .catcher .article__sub-title,
.article--single .catcher .article__ordered-list li h2,
.article__ordered-list li .article--single .catcher h2,
.article--single .catcher .article__unordered-list li h2,
.article__unordered-list li .article--single .catcher h2 {
    font-size: 1.8rem
}

.article--single .catcher .article__unordered-list,
.article--single .catcher .article__ordered-list {
    padding-left: 0;
    padding-right: 0;
    margin-left: 0
}

@media(min-width: 768px) {

    .article--single .catcher .article__unordered-list,
    .article--single .catcher .article__ordered-list {
        padding-left: 1.6rem;
        padding-right: 1.6rem
    }
}

@media(min-width: 1024px) {

    .article--single .catcher .article__unordered-list,
    .article--single .catcher .article__ordered-list {
        margin-left: 2.4rem
    }
}

.article--single .catcher .article__unordered-list li,
.article--single .catcher .article__ordered-list li {
    font-size: 1.6rem;
    letter-spacing: 0
}

.article--single .page__title--campaigns {
    font-size: 1.8rem
}

.article--single .article__header {
    position: relative;
    padding-bottom: 2rem
}

.article--single .article__header:after {
    content: " ";
    display: block;
    width: 4rem;
    height: .1rem;
    background-color: #d5d8dc;
    position: absolute;
    bottom: 0
}

@media(min-width: 576px) {
    .article--single .article__header {
        padding-bottom: 2.4rem;
        grid-column: 1/span 2;
        grid-row: 1;
        padding: 7px;

    }
}

.article--single .article__header .article__header-wrap {
    position: relative
}

@media(min-width: 1024px) {
    .article--single .article__header .article__heading {
        /*        max-width: 85%*/
    }
}

.article--single .article__header .more .meta__author-trigger:after {
    transform: rotate(-90deg);
    margin-left: .2rem;
    margin-top: .5rem
}

.article--single .article__header .author__desc--header {
    color: #717b8e;
    font-size: 1.4rem
}

.article--single .article__header .meta__date--header {
    color: #717b8e;
    font-size: 1.2rem
}

.article--single .article__header .meta__date--header {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .article--single .article__header .meta__date--header {
    letter-spacing: .314px
}

html:not(.fonts-loaded) .article--single .article__header .meta__date--header>* {
    letter-spacing: .314px
}

html.fonts-loaded .article--single .article__header .meta__date--header {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.article--single .article__header .meta__date-reading {
    margin-top: 1.6rem;
    display: inline-block;
    align-items: center;
    flex-wrap: wrap
}

.article--single .article__header .meta__author-trigger {
    height: 2.4rem;
    width: 2.4rem;
    background-color: #eff0f3;
    border-radius: 5rem;
    cursor: pointer;
    position: relative;
    margin-left: auto
}

@media(min-width: 768px) {
    .article--single .article__header .meta__author-trigger {
        margin-left: 0
    }
}

.article--single .article__header .meta__author-trigger:after {
    content: " ";
    background-image: url("");
    transform: rotate(90deg);
    height: 1.8rem;
    width: 1.8rem;
    display: block;
    margin-left: .4rem;
    margin-top: .2rem
}

.article--single .article__header .meta__author--header {
    display: block;
    width: 31rem
}

@media(min-width: 768px) {
    .article--single .article__header .meta__author--header {
        width: 62.4rem
    }
}

.article--single .article__header .meta__author--header:after {
    display: none
}

.article--single .article__header .meta__publisher {
    margin-left: 0;
    display: block
}

@media(min-width: 1024px) {
    .article--single .article__header .meta__publisher {
        max-width: 85%
    }
}

@media print {
    .article--single .article__header .meta__publisher {
        font-size: 7.5pt
    }
}

.article--single .article__header .meta__publisher--opinion {
    align-items: center
}

@media(min-width: 1024px) {
    .article--single .article__header .meta__publisher--opinion {
        max-width: none;
        float: right;
        width: calc(100% - 25.6rem)
    }
}

@media(min-width: 1024px) {
    .article--single .article__header .meta__publisher--wirecutter {
        width: calc(100% - 27.6rem)
    }
}

.article--single .article__header .meta__publisher--header {
    display: flex
}

.article--single .article__header .meta__reading-time {
    float: left
}

@media(min-width: 768px) {
    .article--single .article__header .meta__reading-time {
        float: none
    }
}

@media print {
    .article--single .article__header .meta__reading-time {
        font-size: 7.5pt;
        display: none
    }
}

.article--single .article__header .meta__reading-time--opinion {
    margin-top: 0;
    display: inline;
    float: none
}

.article--single .article__header .meta__reading-time--opinion:before {
    content: "|";
    display: inline;
    padding-left: .4rem;
    color: #bdc1c8
}

.article--single .article__header .meta__reading-time--opinion .icon__reading-time {
    vertical-align: text-top;
    margin: .2rem .4rem 0 .4rem
}

@media(min-width: 1024px) {
    .article--single .article__header .meta__reading-time--wirecutter {
        float: right;
        width: calc(100% - 27.6rem)
    }

    .article--single .article__header .meta__reading-time--wirecutter:after {
        content: " ";
        display: block;
        position: absolute;
        width: 4rem;
        height: .1rem;
        background-color: #d5d8dc;
        margin: 3.2rem 0 0
    }
}

.article--single .article__header .meta__reading-time--header {
    float: none;
    margin-top: 0;
    display: inline-flex
}

.article--single .article__header .meta__reading-time--header:before {
    content: " ";
    color: #d5d8dc;
    content: "•";
    padding-right: .4rem;
    display: inline-block;
    line-height: 1
}

.article--single .article__header .meta__reading-time--header:before {
    font-family: Georgia, Droid-serif, serif
}

html:not(.fonts-loaded) .article--single .article__header .meta__reading-time--header:before {
    letter-spacing: -0.645px
}

html:not(.fonts-loaded) .article--single .article__header .meta__reading-time--header:before>* {
    letter-spacing: -0.645px
}

html.fonts-loaded .article--single .article__header .meta__reading-time--header:before {
    font-family: "The Antiqua B standard", Georgia, Droid-serif, serif
}

@supports(font-variation-settings: normal) {
    html.fonts-loaded .article--single .article__header .meta__reading-time--header:before {
        font-family: "The Antiqua B", Georgia, Droid-serif, serif
    }
}

.article--single .article__header .meta__social {
    clear: both;
    padding-top: 1.2rem;
    margin-top: 1.2rem;
    justify-content: flex-start;
    gap: 1.2rem;
    position: relative
}

@media print {
    .article--single .article__header .meta__social {
        display: none
    }
}

@media(min-width: 768px) {
    .article--single .article__header .meta__social {
        z-index: 4
    }
}

.article--single .article__header .meta__social--opinion {
    position: relative;
    top: 1.6rem
}

@media(min-width: 1024px) {
    .article--single .article__header .meta__social--opinion {
        width: calc(100% - 25.6rem);
        margin-left: auto
    }
}

@media(min-width: 1200px) {
    .article--single .article__header .meta__social--opinion {
        width: calc(100% - 27.6rem)
    }
}

.article--single .article__header--opinion {
    margin: 0 1.6rem
}

@media(min-width: 576px) {
    .article--single .article__header--opinion {
        margin: 0 3.2rem
    }
}

@media(min-width: 768px) {
    .article--single .article__header--opinion {
        margin: 0 auto;
        max-width: 66.4rem
    }
}

@media(min-width: 1024px) {
    .article--single .article__header--opinion {
        margin: 0;
        max-width: 100%
    }
}

.article--single .article__header--opinion:after {
    display: none
}

@media(min-width: 1024px) {
    .article--single .article__header--privacy {
        max-width: 85%
    }
}

.article--single .article__header--wirecutter {
    position: relative;
    margin: 0
}

.article--single .article__header--wirecutter:after {
    content: " ";
    display: block;
    width: 4rem;
    height: .1rem;
    background-color: #d5d8dc;
    margin-top: 2.5rem
}

@media(min-width: 1024px) {
    .article--single .article__header--wirecutter:after {
        display: none
    }
}

.article--single .article__header-special--video:after {
    display: none
}

@media(min-width: 576px) {
    .article--single .article__header-special--video:after {
        display: block
    }
}

.article--single .article__header-special--portfolio {
    margin: 0 1.6rem
}

.article--single .article__header-special--portfolio:after {
    display: none
}

@media(min-width: 576px) {
    .article--single .article__header-special--portfolio {
        margin: 0 3.2rem
    }
}

@media(min-width: 768px) {
    .article--single .article__header-special--portfolio {
        margin: 0 auto 3.6rem;
        max-width: 66.4rem
    }

    .article--single .article__header-special--portfolio:after {
        display: block
    }
}

@media(min-width: 769px) {
    .article--single .article__header-special--portfolio {
        margin: 0 auto;
        max-width: 66.4rem
    }
}

@media(min-width: 1024px) {
    .article--single .article__header-special--portfolio {
        max-width: 100%;
        width: 100%
    }
}

.article--single .article__extra {
    text-transform: uppercase;
    letter-spacing: normal;
    font-size: 1.3rem;
    letter-spacing: .13rem;
    font-weight: 500
}

.article--single .article__extra {
    font-family: "Trebuchet MS", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loaded) .article--single .article__extra {
    letter-spacing: -1.607px
}

html:not(.fonts-loaded) .article--single .article__extra>* {
    letter-spacing: -1.607px
}

html.fonts-loaded .article--single .article__extra {
    font-family: "Marr Sans Condensed", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loading) .article--single .article__extra {
    letter-spacing: .05rem
}

.article--single .article__extra:after {
    content: "|";
    color: #d5d8dc;
    display: block;
    margin-left: .8rem;
    margin-right: .8rem
}

.article--single .article__content-special--portfolio {
    margin: 0 1.6rem;
    padding-top: 3.2rem
}

@media(min-width: 576px) {
    .article--single .article__content-special--portfolio {
        margin: 0 3.2rem
    }
}

@media(min-width: 768px) {
    .article--single .article__content-special--portfolio {
        margin: 0 auto;
        max-width: 66.4rem
    }
}

@media(min-width: 1024px) {
    .article--single .article__content-special--portfolio {
        margin: 0;
        max-width: 100%;
        padding-top: 4rem
    }
}

@media print {
    .article--single .article__content {
        padding-top: 0
    }
}

.article--single .article__content--comments {
    padding-top: 0;
    overflow: hidden
}

.article--single .article__content--comments>:first-child {
    margin-top: 2.4rem
}

.article--single .article__content--comments .comment__header {
    margin-top: 0;
    line-height: 1
}

.article--single .article__content--comments .comment__author {
    line-height: 1.53
}

.article--single .article__content--comments .comment__author {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .article--single .article__content--comments .comment__author {
    letter-spacing: .314px
}

html:not(.fonts-loaded) .article--single .article__content--comments .comment__author>* {
    letter-spacing: .314px
}

html.fonts-loaded .article--single .article__content--comments .comment__author {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.article--single .article__content--comments .comment__date {
    line-height: 2
}

.article--single .article__content--comments .comment__date {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .article--single .article__content--comments .comment__date {
    letter-spacing: .314px
}

html:not(.fonts-loaded) .article--single .article__content--comments .comment__date>* {
    letter-spacing: .314px
}

html.fonts-loaded .article--single .article__content--comments .comment__date {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.article--single .article__content--comments .comment__pinned {
    line-height: 1.8;
    letter-spacing: .042rem
}

.article--single .article__content--comments .comment__pinned {
    font-family: "Trebuchet MS", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loaded) .article--single .article__content--comments .comment__pinned {
    letter-spacing: -1.607px
}

html:not(.fonts-loaded) .article--single .article__content--comments .comment__pinned>* {
    letter-spacing: -1.607px
}

html.fonts-loaded .article--single .article__content--comments .comment__pinned {
    font-family: "Marr Sans Condensed", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loading) .article--single .article__content--comments .comment__pinned {
    letter-spacing: .05rem
}

.article--single .article__content--comments .comment__content {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .article--single .article__content--comments .comment__content {
    letter-spacing: .314px
}

html:not(.fonts-loaded) .article--single .article__content--comments .comment__content>* {
    letter-spacing: .314px
}

html.fonts-loaded .article--single .article__content--comments .comment__content {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.article--single .article__content--comments .comment__view-more {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .article--single .article__content--comments .comment__view-more {
    letter-spacing: .314px
}

html:not(.fonts-loaded) .article--single .article__content--comments .comment__view-more>* {
    letter-spacing: .314px
}

html.fonts-loaded .article--single .article__content--comments .comment__view-more {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.article--single .article__content--comments .comment__answer {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .article--single .article__content--comments .comment__answer {
    letter-spacing: .314px
}

html:not(.fonts-loaded) .article--single .article__content--comments .comment__answer>* {
    letter-spacing: .314px
}

html.fonts-loaded .article--single .article__content--comments .comment__answer {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.article--single .article__content--comments .comment__report {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .article--single .article__content--comments .comment__report {
    letter-spacing: .314px
}

html:not(.fonts-loaded) .article--single .article__content--comments .comment__report>* {
    letter-spacing: .314px
}

html.fonts-loaded .article--single .article__content--comments .comment__report {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.article--single .article__content--comments .comment__box {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .article--single .article__content--comments .comment__box {
    letter-spacing: .314px
}

html:not(.fonts-loaded) .article--single .article__content--comments .comment__box>* {
    letter-spacing: .314px
}

html.fonts-loaded .article--single .article__content--comments .comment__box {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.article--single .article__content--comments .comment__name {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .article--single .article__content--comments .comment__name {
    letter-spacing: .314px
}

html:not(.fonts-loaded) .article--single .article__content--comments .comment__name>* {
    letter-spacing: .314px
}

html.fonts-loaded .article--single .article__content--comments .comment__name {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.article--single .article__content--comments .comment__rule-trigger {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .article--single .article__content--comments .comment__rule-trigger {
    letter-spacing: .314px
}

html:not(.fonts-loaded) .article--single .article__content--comments .comment__rule-trigger>* {
    letter-spacing: .314px
}

html.fonts-loaded .article--single .article__content--comments .comment__rule-trigger {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.article--single .article__content--comments .comment__box-title {
    letter-spacing: .022rem
}

.article--single .article__content--comments .comment__box-title {
    font-family: "Trebuchet MS", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loaded) .article--single .article__content--comments .comment__box-title {
    letter-spacing: -1.607px
}

html:not(.fonts-loaded) .article--single .article__content--comments .comment__box-title>* {
    letter-spacing: -1.607px
}

html.fonts-loaded .article--single .article__content--comments .comment__box-title {
    font-family: "Marr Sans Condensed", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loading) .article--single .article__content--comments .comment__box-title {
    letter-spacing: .05rem
}

.article--single .article__content--comments .comment__submit {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .article--single .article__content--comments .comment__submit {
    letter-spacing: .314px
}

html:not(.fonts-loaded) .article--single .article__content--comments .comment__submit>* {
    letter-spacing: .314px
}

html.fonts-loaded .article--single .article__content--comments .comment__submit {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.article--single .article__content--comments .comment__user-label {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .article--single .article__content--comments .comment__user-label {
    letter-spacing: .314px
}

html:not(.fonts-loaded) .article--single .article__content--comments .comment__user-label>* {
    letter-spacing: .314px
}

html.fonts-loaded .article--single .article__content--comments .comment__user-label {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.article--single .article__content--comments .comment__user-edit {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .article--single .article__content--comments .comment__user-edit {
    letter-spacing: .314px
}

html:not(.fonts-loaded) .article--single .article__content--comments .comment__user-edit>* {
    letter-spacing: .314px
}

html.fonts-loaded .article--single .article__content--comments .comment__user-edit {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.article--single .article__content--comments .comment__toxicity {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .article--single .article__content--comments .comment__toxicity {
    letter-spacing: .314px
}

html:not(.fonts-loaded) .article--single .article__content--comments .comment__toxicity>* {
    letter-spacing: .314px
}

html.fonts-loaded .article--single .article__content--comments .comment__toxicity {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.article--single .article__content--comments .comment__success {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .article--single .article__content--comments .comment__success {
    letter-spacing: .314px
}

html:not(.fonts-loaded) .article--single .article__content--comments .comment__success>* {
    letter-spacing: .314px
}

html.fonts-loaded .article--single .article__content--comments .comment__success {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.article--single .article__content--comments .comment__admin {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .article--single .article__content--comments .comment__admin {
    letter-spacing: .314px
}

html:not(.fonts-loaded) .article--single .article__content--comments .comment__admin>* {
    letter-spacing: .314px
}

html.fonts-loaded .article--single .article__content--comments .comment__admin {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.article--single .article__content--comments .comment__cancel {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .article--single .article__content--comments .comment__cancel {
    letter-spacing: .314px
}

html:not(.fonts-loaded) .article--single .article__content--comments .comment__cancel>* {
    letter-spacing: .314px
}

html.fonts-loaded .article--single .article__content--comments .comment__cancel {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.article--single .article__content--comments .comment__rework-container {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .article--single .article__content--comments .comment__rework-container {
    letter-spacing: .314px
}

html:not(.fonts-loaded) .article--single .article__content--comments .comment__rework-container>* {
    letter-spacing: .314px
}

html.fonts-loaded .article--single .article__content--comments .comment__rework-container {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.article--single .article__content--comments .comments__title {
    letter-spacing: .022rem
}

.article--single .article__content--comments .comments__title {
    font-family: "Trebuchet MS", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loaded) .article--single .article__content--comments .comments__title {
    letter-spacing: -1.607px
}

html:not(.fonts-loaded) .article--single .article__content--comments .comments__title>* {
    letter-spacing: -1.607px
}

html.fonts-loaded .article--single .article__content--comments .comments__title {
    font-family: "Marr Sans Condensed", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loading) .article--single .article__content--comments .comments__title {
    letter-spacing: .05rem
}

.article--single .article__content--comments .comments__sort {
    letter-spacing: .019rem
}

.article--single .article__content--comments .comments__sort {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .article--single .article__content--comments .comments__sort {
    letter-spacing: .314px
}

html:not(.fonts-loaded) .article--single .article__content--comments .comments__sort>* {
    letter-spacing: .314px
}

html.fonts-loaded .article--single .article__content--comments .comments__sort {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.article--single .article__content--comments .comments__action {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .article--single .article__content--comments .comments__action {
    letter-spacing: .314px
}

html:not(.fonts-loaded) .article--single .article__content--comments .comments__action>* {
    letter-spacing: .314px
}

html.fonts-loaded .article--single .article__content--comments .comments__action {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.article--single .article__content--comments .comments__action-forward {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .article--single .article__content--comments .comments__action-forward {
    letter-spacing: .314px
}

html:not(.fonts-loaded) .article--single .article__content--comments .comments__action-forward>* {
    letter-spacing: .314px
}

html.fonts-loaded .article--single .article__content--comments .comments__action-forward {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.article--single .article__content--comments .comments__cta {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .article--single .article__content--comments .comments__cta {
    letter-spacing: .314px
}

html:not(.fonts-loaded) .article--single .article__content--comments .comments__cta>* {
    letter-spacing: .314px
}

html.fonts-loaded .article--single .article__content--comments .comments__cta {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.article--single .article__content--comments .comments__none {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .article--single .article__content--comments .comments__none {
    letter-spacing: .314px
}

html:not(.fonts-loaded) .article--single .article__content--comments .comments__none>* {
    letter-spacing: .314px
}

html.fonts-loaded .article--single .article__content--comments .comments__none {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.article--single .article__content--comments .comments__box-lock-text {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .article--single .article__content--comments .comments__box-lock-text {
    letter-spacing: .314px
}

html:not(.fonts-loaded) .article--single .article__content--comments .comments__box-lock-text>* {
    letter-spacing: .314px
}

html.fonts-loaded .article--single .article__content--comments .comments__box-lock-text {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.article--single .article__content--comments .pagination {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .article--single .article__content--comments .pagination {
    letter-spacing: .314px
}

html:not(.fonts-loaded) .article--single .article__content--comments .pagination>* {
    letter-spacing: .314px
}

html.fonts-loaded .article--single .article__content--comments .pagination {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

@media(min-width: 1024px) {
    .article--single .article__content--campaign {
        grid-column: 1;
        grid-row: 3
    }
}

@media(min-width: 1024px) {
    .article--single .article__content--media-campaign {
        grid-column: 1;
        grid-row: 4
    }
}

.article--single .article__content--clean .dfp__inread {
    padding: 0;
    background-color: rgba(0, 0, 0, 0)
}

.article--single .article__content--clean .dfp__inread:before {
    display: none
}

.article--single .article__video-container {
    background-color: #2a303b;
    margin-top: 2.4rem;
    clear: both;
    z-index: 4
}

@media print {
    .article--single .article__video-container {
        display: none
    }
}

.article--single .article__kicker {
    font-size: 1.7rem;
    color: #026b9c;
    margin-bottom: 0
}

.article--single .article__sub-nav {
    display: flex;
    height: 5rem;
    align-items: center;
    margin-bottom: 1.2rem
}

@media(min-width: 1024px) {
    .article--single .article__sub-nav {
        margin-bottom: 0
    }
}

.article--single .article__title {
    font-size: 2.6rem;
    line-height: 1.25;
    font-weight: 700;
    margin-top: 1.2rem
}

@media(min-width: 576px) {
    .article--single .article__title {
        font-size: 2.8rem;
        line-height: 1.14
    }
}

@media(min-width: 768px) {
    .article--single .article__title {
        font-size: 3.4rem;
        line-height: 1.11;
        font-weight: 500
    }
}

@media(min-width: 1024px) {
    .article--single .article__title {
        font-size: 3.8rem
    }
}

.article--single .article__title--wirecutter {
    font-weight: 800;
    margin-top: 2rem
}

@media(min-width: 1024px) {
    .article--single .article__title--wirecutter {
        float: right;
        width: calc(100% - 27.6rem);
        line-height: 1.26
    }
}

.article--single .article__title--opinion {
    font-weight: 800;
    margin-top: 2rem
}

@media(min-width: 1024px) {
    .article--single .article__title--opinion {
        float: right;
        width: calc(100% - 25.6rem);
        margin-top: 4rem;
        line-height: 1.26
    }
}

@media print {
    .article--single .article__title {
        font-size: 15pt
    }
}

.article--single .article__title--campaign {
    font-size: 2.6rem;
    font-weight: 700;
    padding-top: 6.6rem
}

@media(min-width: 768px) {
    .article--single .article__title--campaign {
        font-size: 3.4rem;
        padding-top: 3.6rem
    }
}

@media(min-width: 1024px) {
    .article--single .article__title--campaign {
        font-size: 3.8rem;
        padding-top: 0;
        width: 85%
    }
}

.article--single .article__title--campaign:before {
    content: " ";
    display: block;
    width: 3.8rem;
    height: .4rem;
    background-color: #2a303b;
    margin-bottom: 2rem
}

@media(min-width: 768px) {
    .article--single .article__title--campaign:before {
        margin-bottom: 2.4rem
    }
}

@media(min-width: 1024px) {
    .article--single .article__title--campaign:before {
        margin-bottom: 2.8rem
    }
}

.article--single .article__desc {
    line-height: 1.5;
    display: block;
    font-size: 1.6rem;
    letter-spacing: .02rem;
    font-weight: 500;
    margin-top: .8rem;
    margin-bottom: 0
}

.article--single .article__desc {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .article--single .article__desc {
    letter-spacing: .314px
}

html:not(.fonts-loaded) .article--single .article__desc>* {
    letter-spacing: .314px
}

html.fonts-loaded .article--single .article__desc {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

@media(min-width: 576px) {
    .article--single .article__desc {
        font-size: 1.7rem;
        line-height: 1.41;
        letter-spacing: .021rem
    }
}

@media(min-width: 768px) {
    .article--single .article__desc {
        font-size: 1.8rem;
        line-height: 1.33;
        letter-spacing: .022rem
    }
}

@media(min-width: 1024px) {
    .article--single .article__desc {
        font-size: 1.8rem;
        line-height: 1.44;
        letter-spacing: .009rem
    }
}

@media print {
    .article--single .article__desc {
        font-size: 9pt
    }
}

.article--single .article__desc--opinion {
    margin-top: 2rem
}

@media(min-width: 1024px) {
    .article--single .article__desc--opinion {
        margin-top: 1.6rem;
        float: right;
        width: calc(100% - 25.6rem)
    }
}

@media(min-width: 1024px) {
    .article--single .article__desc--wirecutter {
        width: calc(100% - 27.6rem)
    }
}

.article--single .article__desc--campaign {
    letter-spacing: .008rem;
    font-size: 1.6rem;
    line-height: 1.375;
    font-weight: 400
}

.article--single .article__desc--campaign {
    font-family: Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .article--single .article__desc--campaign {
    font-family: "Barlow", Helvetica, Arial, Roboto, sans-serif
}

@media(min-width: 768px) {
    .article--single .article__desc--campaign {
        letter-spacing: .009rem;
        font-size: 1.8rem;
        line-height: 1.55
    }
}

@media(min-width: 1024px) {
    .article--single .article__desc--campaign {
        width: 85%
    }
}

.article--single .article__status {
    display: flex;
    align-items: center;
    font-size: 1.4rem;
    letter-spacing: .02rem;
    color: #717b8e;
    margin-top: 2.4rem
}

.article--single .article__status {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .article--single .article__status {
    letter-spacing: .314px
}

html:not(.fonts-loaded) .article--single .article__status>* {
    letter-spacing: .314px
}

html.fonts-loaded .article--single .article__status {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

@media(min-width: 1024px) {
    .article--single .article__status {
        margin-top: 3.4rem
    }
}

@media print {
    .article--single .article__status {
        margin-top: 1.6rem;
        font-size: 9pt
    }
}

@media print {
    .article--single .article__status .icon__premium {
        display: none
    }
}

@media(min-width: 1024px) {
    .article--single .article__status {
        grid-row: 2;
        grid-column: 1
    }
}

.article--single .article__status--opinion {
    position: relative;
    margin-top: 2.4rem;
    padding-top: 2.4rem
}

@media(min-width: 1024px) {
    .article--single .article__status--opinion {
        float: right;
        width: calc(100% - 25.6rem)
    }
}

.article--single .article__status+.article__special-container--portfolio {
    margin-top: 2.8rem
}

@media(min-width: 1024px) {
    .article--single .article__status+.article__wrapper--premium {
        margin-top: 2.4rem
    }
}

.article--single .article__media {
    float: none;
    margin-left: 0;
    max-width: 100%;
    margin-bottom: 0;
    position: relative;
    padding-top: 0
}

.article--single .article__media img {
    position: relative
}

.article--single .article__siblings-container {
    margin-top: 2.4rem;
    margin-bottom: 4rem
}

.article--single .article__siblings-container .friend--wide {
    border-top: .1rem solid #a4a9b4
}

.article--single .article__siblings-container .article__title {
    line-height: 1.26;
    font-size: 1.5rem;
    font-weight: 600;
    margin-top: 0
}

@media(min-width: 768px) {
    .article--single .article__siblings-container .article__title {
        font-size: 1.8rem
    }
}

.article--single .article__siblings-container .article__desc {
    display: none
}

.article--single .article__siblings-container .article__desc {
    font-family: Georgia, Droid-serif, serif
}

html:not(.fonts-loaded) .article--single .article__siblings-container .article__desc {
    letter-spacing: -0.645px
}

html:not(.fonts-loaded) .article--single .article__siblings-container .article__desc>* {
    letter-spacing: -0.645px
}

html.fonts-loaded .article--single .article__siblings-container .article__desc {
    font-family: "The Antiqua B standard", Georgia, Droid-serif, serif
}

@supports(font-variation-settings: normal) {
    html.fonts-loaded .article--single .article__siblings-container .article__desc {
        font-family: "The Antiqua B", Georgia, Droid-serif, serif
    }
}

@media(min-width: 768px) {
    .article--single .article__siblings-container .article__desc {
        display: block;
        font-weight: 400;
        font-size: 1.5rem;
        line-height: 1.33
    }
}

.article--single .article__siblings-container .article__media-container {
    width: 11.4rem;
    margin: 0 0 .4rem 3.2rem;
    float: right
}

.article--single .article__digiteka {
    position: relative;
    z-index: 2
}

.article--single .article__authors {
    margin-top: 2.4rem
}

.article--single .article__authors:before {
    content: " ";
    display: block;
    background-color: #2a303b;
    width: 4rem;
    height: .4rem;
    margin: 0 0 2rem
}

@media(min-width: 1024px) {
    .article--single .article__authors {
        width: 24rem;
        float: left;
        margin-top: 3.2rem
    }
}

.article--single .article__authors-wirecutter {
    margin-top: 2.4rem;
    background-color: #f5f6f8;
    padding: 1.6rem
}

@media(min-width: 1024px) {
    .article--single .article__authors-wirecutter {
        width: 24rem;
        float: left;
        margin-top: 3.2rem
    }
}

.article--single .article__opinion-type {
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: .11rem;
    font-size: 1.8rem;
    line-height: 1;
    margin-bottom: 2.4rem
}

.article--single .article__opinion-type {
    font-family: "Trebuchet MS", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loaded) .article--single .article__opinion-type {
    letter-spacing: -1.607px
}

html:not(.fonts-loaded) .article--single .article__opinion-type>* {
    letter-spacing: -1.607px
}

html.fonts-loaded .article--single .article__opinion-type {
    font-family: "Marr Sans Condensed", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loading) .article--single .article__opinion-type {
    letter-spacing: .05rem
}

@media(min-width: 1024px) {
    .article--single .article__opinion-type {
        font-size: 2.2rem
    }
}

.article--single .article__author {
    display: flex;
    max-width: 100%;
    margin-top: 1.6rem
}

.article--single .article__author {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .article--single .article__author {
    letter-spacing: .314px
}

html:not(.fonts-loaded) .article--single .article__author>* {
    letter-spacing: .314px
}

html.fonts-loaded .article--single .article__author {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.article--single .article__author:first-of-type {
    margin-top: 0
}

.article--single .article__author--link:hover .article__author-identity {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.article--single .article__author-picture {
    margin-right: 1.6rem
}

.article--single .article__author-description {
    align-self: center
}

.article--single .article__author-description--no-pp {
    margin-left: 6.6rem
}

.article--single .article__author-identity {
    font-size: 1.6rem;
    line-height: 1;
    font-weight: 600;
    color: #2a303b
}

.article--single .article__author-identity {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .article--single .article__author-identity {
    letter-spacing: .314px
}

html:not(.fonts-loaded) .article--single .article__author-identity>* {
    letter-spacing: .314px
}

html.fonts-loaded .article--single .article__author-identity {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.article--single .article__author-job {
    font-size: 1.4rem;
    margin-top: .4rem;
    line-height: 1.29;
    letter-spacing: .02rem
}

.article--single .article__inner {
    font-size: 5.2rem;
    font-weight: bold;
    color: #2a303b;
    float: left;
    margin-right: 1.6rem;
    text-transform: uppercase;
    margin-top: -2.4rem;
    line-height: 1.8
}

.article--single .article__inner {
    font-family: "Trebuchet MS", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loaded) .article--single .article__inner {
    letter-spacing: -1.607px
}

html:not(.fonts-loaded) .article--single .article__inner>* {
    letter-spacing: -1.607px
}

html.fonts-loaded .article--single .article__inner {
    font-family: "Marr Sans Condensed", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loading) .article--single .article__inner {
    letter-spacing: .05rem
}

@media(min-width: 1024px) {
    .article--single .article__inner {
        font-size: 6.2rem;
        margin-top: -0.8rem;
        line-height: normal
    }
}

.article--single .article__inner:after {
    content: " ";
    display: block;
    background-color: #2a303b;
    height: .8rem;
    margin-top: -0.8rem
}

@media(min-width: 1024px) {
    .article--single .article__inner:after {
        margin-top: 0
    }
}

.article--single .article__inner+p {
    margin-top: 0
}

.article--single .article__section {
    color: #2a303b
}

.article--single .article__section:hover {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

@media(min-width: 1024px) {
    .article--single .article__heading--campaign {
        grid-column: 1/span 2;
        grid-row: 2;
        position: relative
    }
}

.article--iso footer .friend {
    border-top: 0
}

@media(min-width: 1024px) {
    .article--iso .article {
        border-top: 0;
        padding-top: 0
    }
}

@media(min-width: 1024px) {
    .article--iso .article--related {
        border-bottom: .1rem solid #eff0f3;
        padding-bottom: 2.4rem
    }
}

@media(min-width: 1024px) {
    .article--iso .article--wide {
        grid-column: 1/span 2;
        max-width: 39.5rem;
        margin: 0 auto 2.4rem;
        border-bottom: 0
    }

    .article--iso .article--wide .article__wrapper {
        margin: 0 2rem;
        text-align: center
    }
}

.article--iso .article__siblings {
    margin-top: 2.4rem
}

.article--iso .article__siblings--iso .article__siblings-title {
    display: block;
    grid-column: 1/span 2
}

@media(min-width: 1024px) {
    .article--iso .article__siblings--iso .article__siblings-container {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-column-gap: 1.6rem;
        margin: 0 1.6rem
    }

    .article--iso .article__siblings--iso .article__siblings-container .friend {
        grid-column: 1/span 2;
        margin-bottom: 2.4rem
    }

    .article--iso .article__siblings--iso .article__siblings-container .article__media-container {
        width: 100%;
        float: none;
        margin: 0 0 1.6rem
    }
}

.article--aec {
    margin: 0 1.6rem;
    padding-top: 3.2rem;
    padding-bottom: 4rem
}

@media(min-width: 576px) {
    .article--aec {
        margin: 0 3.2rem
    }
}

@media(min-width: 1024px) {
    .article--aec .zone--article {
        padding: 3.2rem
    }
}

@media(min-width: 1024px) {
    .article__wrapper {}
}

@media(min-width: 1024px) {
    .article__wrapper--premium {}
}

@media(min-width: 1024px) {
    .article__wrapper--special {}
}

@media(min-width: 1024px) {
    .article__wrapper--special.article__wrapper--premium {}
}

@media(min-width: 1024px) {
    .article__wrapper--wirecutter {}
}

.article__wrapper article {
    position: relative;
    z-index: 2
}

.article__wrapper footer {
    position: relative;
    z-index: 1
}

.dfp__sticky {
    align-items: flex-start;
    display: none;
    flex-grow: 1;
    pointer-events: none;
    width: inherit;
    top: 8rem;
    position: sticky
}

@media(min-width: 1024px) {
    .dfp__sticky {
        display: flex;
        pointer-events: auto
    }
}

.dfp__slot>div {
    text-align: center
}

.dfp__slot--pave {
    margin-bottom: 2.4rem;
    text-align: center
}

.dfp__slot--pave:before {
    content: "La suite après cette publicité";
    font-size: .9rem;
    letter-spacing: .09rem;
    color: #717b8e;
    line-height: normal;
    text-transform: uppercase;
    display: block;
    margin-bottom: .8rem;
    padding-top: 2rem
}

.dfp__slot--pave:before {
    font-family: "Helvetica Neue", Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .dfp__slot--pave:before {
    font-family: "Helvetica Neue", Helvetica, Arial, Roboto, sans-serif
}

@media(min-width: 768px) {
    .dfp__slot--pave:before {
        display: none
    }
}

@media(min-width: 1024px) {
    .dfp__slot--pave {
        margin-bottom: 0
    }
}

.dfp__slot--pave-elections {
    background-color: #f5f6f8;
    padding-bottom: 2.4rem;
    margin-bottom: 1.2rem
}

.dfp__slot--habillage {
    display: none
}

@media(min-width: 1024px) {
    .dfp__slot--habillage {
        display: block
    }
}

.dfp__slot--banniere,
.dfp__slot--banniere-roll {
    display: none;
    margin: 4rem -1.6rem;
    text-align: center
}

@media(min-width: 1024px) {

    .dfp__slot--banniere,
    .dfp__slot--banniere-roll {
        display: block;
        margin: 4rem auto
    }
}

@media print {

    .dfp__slot--banniere,
    .dfp__slot--banniere-roll {
        display: none
    }
}

.dfp__slot--banniere-haute.dfp-loading,
.dfp__slot--banniere-roll-haute.dfp-loading {
    height: 17rem !important;
    visibility: visible !important
}

.dfp__slot--banniere-haute.dfp-loading,
.dfp__slot--banniere-roll-haute.dfp-loading {
    position: relative
}

.dfp__slot--banniere-haute.dfp-loading .loader,
.dfp__slot--banniere-roll-haute.dfp-loading .loader {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 5rem;
    height: 5rem;
    margin: -2.5rem 0 0 -2.5rem;
    background-color: #d5d8dc;
    border-radius: 100%;
    animation: dfpLoader 1s infinite ease-in-out
}

@keyframes dfpLoader {
    0% {
        transform: scale(0)
    }

    100% {
        transform: scale(1);
        opacity: 0
    }
}

@media(min-width: 1024px) {
    .dfp__slot--banniere-roll {
        margin: 1.2rem auto 3.2rem auto
    }
}

@media(min-width: 1024px) {
    .dfp__slot--banniere-roll:before {
        text-align: center;
        content: "Publicité";
        font-size: .9rem;
        letter-spacing: .09rem;
        color: #717b8e;
        line-height: normal;
        text-transform: uppercase;
        display: block;
        margin-bottom: .8rem;
        font-weight: 500
    }

    .dfp__slot--banniere-roll:before {
        font-family: "Helvetica Neue", Helvetica, Arial, Roboto, sans-serif
    }

    html.fonts-loaded .dfp__slot--banniere-roll:before {
        font-family: "Helvetica Neue", Helvetica, Arial, Roboto, sans-serif
    }
}

.dfp__slot--desktop {
    display: none
}

@media(min-width: 1024px) {
    .dfp__slot--desktop {
        display: block
    }
}

.dfp__slot--mobile {
    display: block
}

@media(min-width: 1024px) {
    .dfp__slot--mobile {
        display: none
    }
}

.dfp__slot[data-format=banniere_sticky_live_sport] {
    position: sticky;
    bottom: 0px;
    text-align: center;
    margin: 0 auto;
    z-index: 10
}

.dfp__slot[data-format=banniere_sticky_live_sport]>div {
    margin: auto
}

.dfp__inread {
    background-color: #eef1f5;
    margin: 3.2rem -1.6rem;
    padding: 0 2rem 2rem;
    clear: both;
    display: flex;
    flex-direction: column;
    align-items: center
}

.dfp__inread:before {
    color: rgba(0, 0, 0, .5);
    content: "La suite après cette publicité";
    font-size: 1rem;
    text-transform: uppercase;
    text-align: center;
    display: block;
    line-height: 3.2
}

.dfp__inread:before {
    font-family: "Helvetica Neue", Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .dfp__inread:before {
    font-family: "Helvetica Neue", Helvetica, Arial, Roboto, sans-serif
}

@media(min-width: 768px) {
    .dfp__inread {
        margin: 3.2rem 0
    }
}

.dfp__inread--no-message {
    padding: 2rem 0
}

.dfp__inread--no-message:before {
    display: none
}

@media(min-width: 1024px) {
    .dfp__inread--no-message:before {
        display: block
    }
}

.dfp-unloaded {
    visibility: hidden !important;
    height: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    padding: 0 !important
}

.dfp-unloaded:before {
    display: none
}

.flag-live__border {
    height: 100%;
    position: absolute;
    top: 0;
    width: .6rem
}

@media(max-width: 1023px) {
    .flag-live__border {
        left: 0
    }
}

@media(min-width: 1024px) {
    .flag-live__border {
        left: -3.2rem
    }
}

.flag-live__border__label {
    color: #2a303b;
    font-size: 1.6rem;
    font-weight: 600;
    margin-left: 1.6rem;
    text-transform: uppercase
}

.flag-live__border__label {
    font-family: "Trebuchet MS", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loaded) .flag-live__border__label {
    letter-spacing: -1.607px
}

html:not(.fonts-loaded) .flag-live__border__label>* {
    letter-spacing: -1.607px
}

html.fonts-loaded .flag-live__border__label {
    font-family: "Marr Sans Condensed", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loading) .flag-live__border__label {
    letter-spacing: .05rem
}

.flag-live-cartridge {
    align-items: center;
    display: inline-flex;
    float: left;
    font-style: normal;
    font-weight: normal;
    position: relative;
    vertical-align: middle
}

.flag-live-cartridge {
    font-family: "Trebuchet MS", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loaded) .flag-live-cartridge {
    letter-spacing: -1.607px
}

html:not(.fonts-loaded) .flag-live-cartridge>* {
    letter-spacing: -1.607px
}

html.fonts-loaded .flag-live-cartridge {
    font-family: "Marr Sans Condensed", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loading) .flag-live-cartridge {
    letter-spacing: .05rem
}

.flag-live-cartridge::before {
    background-color: #be1514;
    border-radius: 1.2rem;
    content: "";
    display: inline-block;
    height: .6rem;
    margin-right: .8rem;
    width: .6rem
}

.flag-live-cartridge--off::before {
    content: normal;
    content: initial
}

.flag-live-cartridge--no-float {
    float: none
}

.flag-live-cartridge--placement-une,
.flag-live-cartridge--placement-highlight {
    top: .2rem
}

@media(min-width: 768px) {

    .flag-live-cartridge--placement-une,
    .flag-live-cartridge--placement-highlight {
        top: .6rem
    }
}

@media(min-width: 1024px) {
    .flag-live-cartridge--placement-encontinu {
        order: 2
    }
}

.flag-live-cartridge--placement-municipale {
    background-color: #fa3b3b;
    border-radius: .3rem;
    height: 2.4rem;
    padding: .8rem
}

.flag-live-cartridge--placement-municipale::before {
    background-color: #fff
}

.flag-live-cartridge--placement-municipale.flag-live-cartridge--off {
    background-color: #717b8e
}

.flag-live-cartridge--encontinu {
    top: 0
}

.flag-live-cartridge--placement-flux {
    top: .2rem
}

.flag-live-cartridge__label {
    letter-spacing: .06em;
    text-transform: uppercase
}

.flag-live-cartridge__label--flux,
.flag-live-cartridge__label--encontinu {
    font-size: 1.4rem;
    line-height: 1.68rem;
    margin-right: .8rem
}

.flag-live-cartridge__label--une {
    font-size: 1.6rem;
    line-height: 1.92rem;
    margin-right: 1.2rem
}

.flag-live-cartridge__label--highlight {
    font-size: 1.8rem;
    line-height: 2.16rem;
    margin-right: 1.2rem
}

.flag-live-cartridge__label--municipale {
    font-size: 1.3rem;
    letter-spacing: .1rem;
    line-height: 2.4rem
}

.flag-live-cartridge__label--municipale {
    font-family: "Trebuchet MS", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loaded) .flag-live-cartridge__label--municipale {
    letter-spacing: -1.607px
}

html:not(.fonts-loaded) .flag-live-cartridge__label--municipale>* {
    letter-spacing: -1.607px
}

html.fonts-loaded .flag-live-cartridge__label--municipale {
    font-family: "Marr Sans Condensed", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loading) .flag-live-cartridge__label--municipale {
    letter-spacing: .05rem
}

@media(min-width: 768px) {
    .flag-live-cartridge__label--municipale {
        font-size: 1.7rem;
        line-height: 1.9rem
    }
}

.flag-live-cartridge__label--theme-normal {
    color: #2a303b
}

.flag-live-cartridge__label--theme-normal--actus-sport {
    color: #be1514
}

.flag-live-cartridge__label--theme-normal--off {
    color: #717b8e
}

.flag-live-cartridge__label--theme-en-continu {
    color: #fcfcfd
}

.flag-live-cartridge__label--theme-en-continu--off {
    color: #e2e4e9
}

.flag-live-cartridge__label--theme-en-continu {
    color: #717b8e
}

@media(min-width: 1024px) {
    .flag-live-cartridge__label--theme-en-continu {
        color: #fcfcfd
    }
}

.flag-live-cartridge__label--theme-en-continu--off {
    color: #717b8e
}

@media(min-width: 1024px) {
    .flag-live-cartridge__label--theme-en-continu--off {
        color: #fcfcfd
    }
}

.flag-live-cartridge__label--theme-municipale {
    color: #fff
}

.flag-live-cartridge__label--theme-municipale--off {
    color: rgba(255, 255, 255, .8)
}

.lmd-link:hover {
    -webkit-text-decoration: underline;
    text-decoration: underline;
    text-decoration-thickness: .06em;
    text-underline-offset: .2em
}

.lmd-link-reverse {
    -webkit-text-decoration: underline;
    text-decoration: underline;
    text-decoration-thickness: .06em;
    text-underline-offset: .2em
}

.lmd-link-reverse:hover {
    opacity: .8;
    -webkit-text-decoration: none;
    text-decoration: none
}

.lmd-link-nav:hover {
    color: #026b9c
}

.lmd-link-blue {
    color: #026b9c;
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.lmd-link-blue:hover {
    color: #005b85
}

.lmd-link-opacity:hover {
    opacity: .8
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.Nav__item a {
    transition: all .2s cubic-bezier(0.215, 0.61, 0.355, 1)
}

.Nav__container--default a:after,
.Burger__right-arrow:after {
    content: " ";
    background-image: url("19ad1d2d1cb241e479e126d97b1c32316dd360eb.svg");
    position: absolute;
    width: .5rem;
    height: 1rem;
    right: 0;
    top: 50%;
    transform: translateY(-50%)
}

.footer__title--category:after,
.footer__title--category.ui-collapse--shown:after,
.Nav__mobile .Nav__item:nth-child(n+3):not(.Nav__item-en-continu):not(.Nav__item-search):not(.Nav__search)>a.js-dropdown-burger-open:after,
.Nav__mobile .Nav__item:nth-child(n+3):not(.Nav__item-en-continu):not(.Nav__item-search):not(.Nav__search)>a.js-dropdown-burger:after {
    content: " ";
    position: absolute;
    width: 1rem;
    height: 1rem;
    right: 0;
    top: 50%;
    transform: translateY(-50%)
}

#Header {
    align-items: center;
    background-color: #fcfcfd;
    position: fixed;
    transition: top .2s cubic-bezier(0.215, 0.61, 0.355, 1), opacity .4s ease;
    top: 0;
    width: 100%;
    z-index: 7
}

@media print {
    #Header {
        display: none
    }
}

@media(min-width: 1024px) {
    #Header {
        background-color: #fff;
        position: relative
    }
}

@media(min-width: 1024px) {
    #Header.header__contextual {
        z-index: 6
    }

    #Header.header__contextual.sticky {
        z-index: 7
    }

    #Header.header__contextual.sticky .center {
        margin-left: 5.6rem
    }
}

@media(min-width: 1024px)and (min-width: 1024px)and (max-width: 1200px) {
    #Header.header__contextual.sticky .Header__logo {
        left: 1.5rem
    }
}

@media(min-width: 1024px) {
    #Header.header__contextual.sticky .Header__logo a:after {
        display: none
    }
}

@media(min-width: 1200px) {
    #Header.header__contextual .center {
        margin-left: 0
    }
}

#Header .AdsBanner {
    align-items: center;
    background-color: #f5f6f8;
    display: flex;
    justify-content: center;
    padding: 1.6rem 0;
    width: 100%
}

#Header.sticky .Header__actions .Header__offer {
    display: none
}

@media(min-width: 1024px) {
    #Header.sticky .left {
        display: none;
        width: 0px
    }

    #Header.sticky .center {
        top: 1.3rem;
        width: 11.7rem;
        height: 2.6rem;
        position: fixed
    }
}

@media screen and (min-width: 1024px)and (-ms-high-contrast: active),
screen and (min-width: 1024px)and (-ms-high-contrast: none) {
    #Header.sticky .center {
        top: 2rem
    }
}

@media(min-width: 1024px) {
    #Header.sticky .Header__actions {
        margin-top: 0
    }

    #Header.sticky .Header__logo {
        position: absolute;
        top: .6rem;
        left: 2rem
    }
}

@media(min-width: 1024px)and (min-width: 1200px) {
    #Header.sticky .Header__logo {
        left: 0
    }
}

@media(min-width: 1024px) {
    #Header.sticky .Header__logo a {
        width: 12rem;
        height: 2.6rem
    }
}

@media(min-width: 1024px)and (min-width: 1200px) {
    #Header.sticky .Header__logo a {
        width: 10.5rem;
        height: 2.4rem
    }
}

@media(min-width: 1024px)and (min-width: 1024px)and (max-width: 1199px) {
    #Header.sticky .Header__logo a {
        width: 9.1rem;
        height: 2rem
    }
}

@media(min-width: 1024px) {
    #Header.sticky .Header__logo a:after {
        content: " ";
        width: .1rem;
        height: 2rem;
        display: block;
        margin-left: 1.6rem
    }
}

@media(min-width: 1024px)and (min-width: 1200px) {
    #Header.sticky .Header__logo a:after {
        margin-left: 2.4rem
    }
}

@media(min-width: 1024px)and (min-width: 1024px) {
    #Header.sticky .Header__logo a:after {
        background-color: #e2e4e9
    }
}

@media(min-width: 1024px) {
    #Header.sticky .right {
        position: fixed;
        top: 1rem;
        height: 5.6rem;
        width: auto;
        right: calc(50% - 115.2rem / 2)
    }
}

@media(min-width: 1024px)and (min-width: 1024px)and (max-width: 1199px) {
    #Header.sticky .right {
        right: 0
    }
}

@media screen and (min-width: 1024px)and (-ms-high-contrast: active),
screen and (min-width: 1024px)and (-ms-high-contrast: none) {
    #Header.sticky .right {
        top: 1rem
    }
}

@media(min-width: 1024px)and (min-width: 1024px)and (max-width: 1199px) {
    #Header.sticky .right .Header__actions {
        margin-right: 2.4rem
    }
}

@media(min-width: 1024px)and (min-width: 1200px) {
    #Header.sticky .right .Header__actions {
        position: absolute;
        left: -16.4rem
    }
}

@media(min-width: 1024px) {
    #Header.sticky .right .Header__actions>a:first-child:after {
        margin: 0 1.6rem 0 1.3rem
    }

    #Header.sticky .right .Header__actions>a:first-child:before {
        content: " ";
        display: block;
        margin: 0 .8rem
    }

    #Header.sticky .right .login-info {
        display: none
    }

    #Header.sticky .right .User__name {
        margin-top: 1rem
    }

    #Header.sticky .right .User__name--inscrit {
        margin-top: .5rem
    }

    #Header.sticky .right .User__name--abonne .login-info {
        display: block;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        max-width: 9.8rem
    }
}

@media(min-width: 1024px)and (min-width: 1024px)and (max-width: 1199px) {
    #Header.sticky .right .User__name--abonne .login-info {
        display: none
    }
}

@media(min-width: 1024px) {
    #Header.sticky .right .btn--premium {
        font-size: 1.3rem;
        padding: .7rem 1.5rem
    }
}

#Header .center {
    align-self: center;
    display: flex
}

@media(min-width: 1024px) {
    #Header .center--home {
        align-self: flex-start
    }
}

#Header .left {
    justify-content: flex-start;
    width: 5.6rem
}

@media(min-width: 1024px) {
    #Header .left {
        width: 100%;
        padding-left: 4.8rem;
        align-self: flex-end
    }
}

@media(min-width: 1200px) {
    #Header .left {
        padding-left: 0
    }
}

#Header .right {
    justify-content: flex-end;
    margin-left: auto
}

@media(min-width: 1200px) {
    #Header .right {
        padding-right: 0
    }
}

@media(min-width: 1024px) {
    #Header .right {
        align-self: flex-end;
        width: 100%
    }
}

#Header .right .btn--premium {
    border: .1rem solid #ffc700;
    font-size: 1.3rem;
    display: flex;
    align-self: center
}

@media(min-width: 1024px) {
    #Header .right .btn--premium {
        font-size: 1.4rem
    }
}

#Header .Header {
    border-bottom: .1rem solid #eff0f3;
    background-color: #fff;
    display: flex;
    flex-direction: row;
    align-items: center;
    height: auto;
    position: relative;
    max-width: 115.2rem;
    margin: 0 auto
}

@media(max-width: 1199px)and (min-width: 1024px) {
    #Header .Header {
        padding-right: 4.8rem
    }
}

@media(max-width: 1023px) {
    #Header .Header {
        height: 6rem;
        padding: 1.5rem 1.2rem 1.5rem 0
    }
}

@media(min-width: 1024px) {
    #Header .Header {
        border-bottom: 0
    }
}

@media(max-width: 1023px) {
    #Header .Header--mobile {
        border-bottom: 0;
        background-color: #fcfcfd
    }
}

@media(min-width: 1024px) {
    #Header .Header {
        height: 13.2rem;
        transition: height .4s ease-in-out
    }
}

@media(min-width: 1024px) {
    #Header .Header--home {
        height: 9.6rem;
        transition: height .4s ease-in-out;
        padding-top: 0
    }
}

@media(min-width: 1024px) {
    #Header .Header--no-expanded {
        height: 0
    }
}

#Header .Header .wrapper {
    height: 6rem;
    padding: 1.2rem 0;
    background-color: #fff
}

@media(min-width: 1024px) {
    #Header .Header .wrapper {
        height: 100%;
        padding: 0
    }
}

#Header .Header__jelec {
    align-items: center;
    align-self: flex-end;
    background-image: url("5ae3d59a5e2fc681b2d4f77ff75184ce94495296.svg");
    background-repeat: no-repeat;
    color: #717b8e;
    display: none;
    flex-direction: column;
    font-size: 1.3rem;
    font-weight: 500;
    height: 5.4rem;
    line-height: 1.1;
    -webkit-text-decoration: none;
    text-decoration: none;
    background-size: contain;
    background-position: center;
    width: 8rem;
    border: .1rem solid #eff0f3;
    padding-left: 7rem
}

#Header .Header__jelec {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) #Header .Header__jelec {
    letter-spacing: .314px
}

html:not(.fonts-loaded) #Header .Header__jelec>* {
    letter-spacing: .314px
}

html.fonts-loaded #Header .Header__jelec {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

@media(min-width: 1024px) {
    #Header .Header__jelec {
        display: flex
    }
}

#Header .Header__jelec img {
    margin-right: 2rem
}

#Header .Header__jelec p {
    margin-left: 9rem;
    height: 5.4rem;
    line-height: 1.6rem;
    padding-top: 1rem
}

#Header .Header__jelec:hover p {
    -webkit-text-decoration: underline;
    text-decoration: underline;
    text-decoration-thickness: .06em;
    text-underline-offset: .2em
}

html[lang=en] #Header .Header__englishdate--text {
    color: #000;
    display: none;
    font-size: 1.3rem;
    height: 5.4rem;
    line-height: 2rem;
    min-width: 20rem
}

html[lang=en] #Header .Header__englishdate--text {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) html[lang=en] #Header .Header__englishdate--text {
    letter-spacing: .314px
}

html:not(.fonts-loaded) html[lang=en] #Header .Header__englishdate--text>* {
    letter-spacing: .314px
}

html.fonts-loaded html[lang=en] #Header .Header__englishdate--text {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

html[lang=en] #Header .Header__englishdate--text .date {
    font-weight: 500
}

@media(min-width: 1024px) {
    html[lang=en] #Header .Header__englishdate--text {
        display: block
    }
}

#Header .Header__logo {
    margin-bottom: 0;
    padding-left: 0
}

@media(min-width: 1024px) {
    #Header .Header__logo {
        align-self: center;
        padding-left: 0
    }
}

#Header .Header__logo a {
    align-items: center;
    display: flex;
    width: 8.9rem;
    height: 2rem;
    justify-content: center
}

@media(min-width: 360px) {
    #Header .Header__logo a {
        width: 9.9rem;
        height: 2.3rem
    }
}

@media(min-width: 768px) {
    #Header .Header__logo a {
        height: 3rem;
        width: 13.8rem
    }
}

@media(min-width: 1024px) {
    #Header .Header__logo a {
        height: 6.1rem;
        width: 29rem
    }
}

#Header .Header__actions {
    align-self: center;
    align-items: center;
    font-size: 1.2rem;
    justify-content: flex-end;
    font-weight: 500;
    display: flex
}

#Header .Header__actions {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) #Header .Header__actions {
    letter-spacing: .314px
}

html:not(.fonts-loaded) #Header .Header__actions>* {
    letter-spacing: .314px
}

html.fonts-loaded #Header .Header__actions {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

@media(min-width: 360px) {
    #Header .Header__actions {
        font-size: 1.3rem
    }
}

@media(min-width: 1024px) {
    #Header .Header__actions {
        font-size: 1.4rem;
        margin-bottom: 2.8rem
    }
}

#Header .Header__actions .login-info {
    display: none
}

@media(min-width: 576px) {
    #Header .Header__actions .login-info {
        display: block;
        margin-left: .8rem
    }
}

@media(min-width: 1024px) {
    #Header .Header__actions .login-info {
        display: none
    }
}

@media(min-width: 1200px) {
    #Header .Header__actions .login-info {
        display: block
    }
}

@media(min-width: 576px) {
    #Header .Header__actions .login-name {
        text-transform: capitalize
    }
}

#Header .Header__actions .Header__connexion {
    -webkit-text-decoration: none;
    text-decoration: none;
    align-self: center;
    display: flex;
    padding: .8rem 0
}

#Header .Header__actions .Header__connexion:hover .icon__nav-connexion {
    background-image: url("37c9a48aa81ce95b245e927e51bc6222d02a8556.svg")
}

#Header .Header__actions .Header__connexion:hover .login-info {
    color: #026b9c
}

#Header .Header__actions .Header__connexion span {
    align-self: center
}

#Header .Header__actions .Header__connexion--hide {
    display: none
}

#Header .Header__actions .Header__connexion:after {
    content: " ";
    background-color: #e2e4e9;
    width: .1rem;
    height: auto;
    display: block;
    margin: 0 1.6rem 0 .8rem
}

@media(min-width: 576px) {
    #Header .Header__actions .Header__connexion:after {
        margin: 0 1.6rem
    }
}

@media(max-width: 767px) {
    #Header .Header__actions .Header__offer {
        display: none
    }
}

@media(min-width: 1024px) {
    #Header .Header__actions--off {
        margin-top: 3.2rem
    }
}

#Header .Header__actions--off a {
    padding: .8rem
}

@media(min-width: 1024px) {
    #Header .Header__actions--off a {
        padding: .8rem 1.6rem
    }
}

#Header .Header__actions--off a:first-child {
    padding: .8rem 0
}

@media(min-width: 1024px) {
    #Header .Header__actions--off a:first-child {
        padding: .8rem 1.6rem
    }
}

#Header .Tabs {
    display: flex;
    height: 5.5rem
}

@media(min-width: 1024px) {
    #Header .Tabs {
        display: none
    }
}

#Header .Tabs__tab {
    align-items: center;
    background-color: #fff;
    color: #026b9c;
    cursor: pointer;
    display: flex;
    font-weight: 500;
    justify-content: center;
    position: relative;
    width: 100%
}

#Header .Tabs__tab {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) #Header .Tabs__tab {
    letter-spacing: .314px
}

html:not(.fonts-loaded) #Header .Tabs__tab>* {
    letter-spacing: .314px
}

html.fonts-loaded #Header .Tabs__tab {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

#Header .Tabs__tab:after {
    background-color: #d5d8dc;
    content: "";
    display: block;
    height: .3rem;
    left: 0;
    position: absolute;
    top: 100%;
    width: 100%
}

#Header .Tabs__tab:hover:after,
#Header .Tabs__tab.js-is-active:after {
    background-color: #026b9c
}

#Header .Tabs__tab .icon__clock {
    margin-left: .8rem
}

.Header__offer {
    align-self: center;
    align-items: center;
    border-radius: .3rem;
    color: #026b9c;
    display: flex;
    font-size: 1.4rem;
    font-weight: 500;
    -webkit-text-decoration: none;
    text-decoration: none;
    margin-right: 1.6rem
}

.Header__offer {
    font-family: "Trebuchet MS", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loaded) .Header__offer {
    letter-spacing: -1.607px
}

html:not(.fonts-loaded) .Header__offer>* {
    letter-spacing: -1.607px
}

html.fonts-loaded .Header__offer {
    font-family: "Marr Sans Condensed", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loading) .Header__offer {
    letter-spacing: .05rem
}

.Header__offer--home {
    padding: .7rem 1.6rem
}

.Header__offer--home {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .Header__offer--home {
    letter-spacing: .314px
}

html:not(.fonts-loaded) .Header__offer--home>* {
    letter-spacing: .314px
}

html.fonts-loaded .Header__offer--home {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

@media(min-width: 768px) {
    .Header__offer--home {
        background: #eff0f3
    }

    .Header__offer--home:hover {
        background: #e2e4e9
    }
}

@media(min-width: 1024px) {
    .Header__offer--home.Header__offer--free {
        display: none
    }
}

@media(min-width: 1200px) {
    .Header__offer--home.Header__offer--free {
        display: flex
    }
}

.Header__offer--home.Header__offer--free .icon__nav-connexion-offer {
    display: none
}

.Header__offer--home.Header__offer--free~.Header__connexion {
    order: -1
}

.Header__offer--home.Header__offer--free~.Header__connexion .login-info {
    display: none !important
}

.Header__offer--home.Header__offer--free-abo .icon__nav-connexion-offer {
    display: none !important
}

@media(min-width: 1024px)and (max-width: 1199px) {
    .Header__offer--home.Header__offer--free-abo {
        display: none
    }
}

@media(max-width: 767px) {
    .Header__offer--home.Header__offer--paid-abo .icon__nav-connexion-offer {
        display: none
    }
}

@media(max-width: 767px) {
    .Header__offer--article {
        display: flex;
        justify-content: flex-end;
        margin-bottom: 1.2rem;
        margin-right: 1.2rem;
        text-transform: uppercase
    }

    .Header__offer--article:after {
        background-image: url("");
        content: "";
        display: inline-block;
        height: .7rem;
        width: 1.1rem
    }
}

@media(min-width: 768px) {
    .Header__offer--article {
        display: none
    }
}

.Header__offer--article .Header__offer-text {
    margin-right: .8rem
}

@media(min-width: 1024px) {
    .Header__nav-container {
        height: 5.8rem
    }
}

.Burger {
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-content: center;
    width: 5.6rem;
    background: rgba(0, 0, 0, 0);
    border: 0
}

@media(min-width: 1024px) {
    .Burger {
        display: none
    }
}

.Burger__icon {
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    display: flex;
    flex-shrink: 0;
    height: 2.4rem;
    width: 2.4rem;
    background-image: url("103b8657037cdadbef9040904ae7476c8908017f.svg");
    align-self: center
}

.Burger__right-arrow:after {
    display: none
}

@media(max-width: 1023px) {
    .Burger.js-is-open .Burger__icon {
        background-image: url("65e574cc1bded5a6f0dcd17f45b195be7d322913.svg")
    }
}

@media(max-width: 1023px) {
    .Burger.js-is-open .Burger-contextual__content {
        display: none
    }
}

@media(min-width: 1024px) {
    .Burger.js-is-open .Burger-contextual__content {
        display: block
    }
}

.Burger-contextual__display,
.Burger__display {
    overflow: hidden;
    height: 100vh
}

.Burger-contextual__display .page__heading--sticky,
.Burger__display .page__heading--sticky {
    z-index: 5
}

.Burger-contextual__content {
    position: absolute;
    top: 1.6rem
}

@media(min-width: 1024px) {
    .Burger-contextual__content {
        display: none
    }
}

.Burger-contextual__content .js-nav-burger {
    position: absolute;
    right: 0;
    top: -0.2rem;
    display: block;
    width: auto
}

.Burger-contextual__content .js-nav-burger.js-is-open {
    left: .8rem;
    top: 2.4rem
}

.Burger-contextual__content.js-is-open {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    height: 7.6rem;
    width: 32rem;
    align-items: center;
    transition: left .4s cubic-bezier(0.215, 0.61, 0.355, 1);
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    z-index: 9
}

@media(min-width: 1024px) {
    .Burger-contextual__content.js-is-open {
        position: fixed;
        top: 0;
        height: 100%;
        left: 0;
        z-index: 16
    }
}

.Burger-contextual__content.js-is-open .Burger-contextual__content-header {
    background-color: #fcfcfd;
    height: 6.6rem;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.Burger-contextual__content.js-is-open .logo__lemonde {
    display: block;
    width: 10.5rem;
    height: 2.4rem;
    margin-left: 2rem
}

.Burger-contextual__content .logo__lemonde {
    display: none
}

.Burger-contextual__icon {
    display: none
}

@media(min-width: 1024px) {
    .Burger-contextual__icon {
        display: flex;
        z-index: 7
    }

    .Burger-contextual__icon .icon__close {
        background-image: url("65e574cc1bded5a6f0dcd17f45b195be7d322913.svg")
    }

    .Burger-contextual__icon .Nav__mobile--contextual.js-burger-is-open {
        left: 0;
        position: fixed;
        top: 6rem
    }
}

.sr-only {
    border: 0 !important;
    clip: rect(1px, 1px, 1px, 1px) !important;
    -webkit-clip-path: inset(50%) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    white-space: nowrap !important
}

.seo-only {
    display: none
}

.lmd-btn {
    align-items: center;
    border: 0;
    border-radius: .3rem;
    cursor: pointer;
    display: flex;
    flex-shrink: 0;
    font-weight: 500;
    height: 3rem;
    justify-content: center;
    line-height: 1;
    max-width: 100%;
    text-align: center
}

.lmd-btn {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .lmd-btn {
    letter-spacing: .314px
}

html:not(.fonts-loaded) .lmd-btn>* {
    letter-spacing: .314px
}

html.fonts-loaded .lmd-btn {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.lmd-btn--s {
    font-size: 1.2rem;
    padding: .9rem 1.6rem .7rem
}

.lmd-btn--m {
    font-size: 1.4rem;
    padding: .8rem 1.6rem .5rem
}

.lmd-btn--l {
    font-size: 1.6rem;
    height: 4.2rem;
    padding: 1rem 2.4rem
}

.lmd-btn--fullwidth {
    width: 100%
}

.lmd-btn--primary {
    background-color: #026b9c;
    color: #fff
}

.lmd-btn--primary:hover {
    background-color: #005b85
}

.lmd-btn--white {
    background-color: #fff;
    border: .1rem solid #bdc1c8;
    color: #2a303b
}

.lmd-btn--white:hover {
    background-color: #f5f6f8;
    border-color: #bdc1c8
}

.lmd-btn--premium {
    background-color: #ffc700;
    color: #2a303b
}

.lmd-btn--premium:hover {
    background-color: #eab002
}

.lmd-btn--black {
    background-color: #2a303b;
    color: #fff
}

.lmd-btn--black:hover {
    background-color: #454f5f
}

.lmd-btn--blue {
    background-color: #01364f;
    color: #fff
}

.lmd-btn--blue:hover {
    background-color: #01364f
}

.lmd-btn-services {
    align-items: center;
    border: .1rem solid #d5d8dc;
    border-radius: 1.4rem;
    color: #2a303b;
    display: inline-flex;
    flex-shrink: 0;
    font-size: 1.3rem;
    font-weight: 600;
    line-height: 1;
    justify-content: center;
    padding: .4rem 1.2rem
}

.lmd-btn-services {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .lmd-btn-services {
    letter-spacing: .314px
}

html:not(.fonts-loaded) .lmd-btn-services>* {
    letter-spacing: .314px
}

html.fonts-loaded .lmd-btn-services {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.lmd-btn-services:hover {
    background-color: #f5f6f8
}

.lmd-btn-services:active {
    border-color: #d5d8dc;
    background-color: #d5d8dc
}

.lmd-btn-rub {
    align-items: center;
    border: .1rem solid #d5d8dc;
    border-radius: .3rem;
    color: #383f4e;
    display: inline-flex;
    flex-shrink: 0;
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 1;
    justify-content: center;
    padding: 1.2rem 1.2rem 1rem;
    letter-spacing: .01rem
}

.lmd-btn-rub {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .lmd-btn-rub {
    letter-spacing: .314px
}

html:not(.fonts-loaded) .lmd-btn-rub>* {
    letter-spacing: .314px
}

html.fonts-loaded .lmd-btn-rub {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.lmd-btn-rub:hover {
    background-color: rgba(42, 48, 59, .03)
}

.lmd-link:hover {
    -webkit-text-decoration: underline;
    text-decoration: underline;
    text-decoration-thickness: .06em;
    text-underline-offset: .2em
}

.lmd-link-reverse {
    -webkit-text-decoration: underline;
    text-decoration: underline;
    text-decoration-thickness: .06em;
    text-underline-offset: .2em
}

.lmd-link-reverse:hover {
    opacity: .8;
    -webkit-text-decoration: none;
    text-decoration: none
}

.lmd-link-nav:hover {
    color: #026b9c
}

.lmd-link-blue {
    color: #026b9c;
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.lmd-link-blue:hover {
    color: #005b85
}

.lmd-link-opacity:hover {
    opacity: .8
}

.Nav {
    align-items: center;
    background-color: #fff;
    color: #000b15;
    height: auto;
    padding-top: 6rem;
    position: relative;
    width: 100%;
    z-index: 6
}

@media print {
    .Nav {
        display: none
    }
}

@media(min-width: 1024px) {
    .Nav {
        border-top: .4rem solid #026b9c;
        border-bottom: .1rem solid #eff0f3;
        box-shadow: 0 .4rem .4rem 0 rgba(0, 0, 0, .04);
        height: 5.8rem;
        padding-top: 0
    }
}

@media(min-width: 1024px) {
    .Nav.on-scroll {
        opacity: 0;
        position: fixed
    }

    .Nav.on-scroll #nav-markup .Nav__item:nth-child(n+3):not(.Nav__item-en-continu):not(.Nav__item-search) {
        padding: 0
    }

    .Nav.on-scroll .Nav__mobile--contextual .Nav__item:not(.Nav__item--contextual-header):nth-child(2) a,
    .Nav.on-scroll .Nav__mobile--contextual .Nav__item:not(.Nav__item--contextual-header):nth-child(n+4):not(.Nav__item-search)>a {
        padding-left: 0;
        padding-right: 0;
        margin-right: 0
    }

    .Nav.on-scroll .Nav__item--active:not(.Nav__item--contextual-header).Nav__item-home:before {
        width: 4rem
    }

    .Nav.on-scroll .Nav__item:not(.Nav__item--contextual-header).Nav__item-search {
        display: none
    }

    .Nav.on-scroll .Nav__item:not(.Nav__item--contextual-header).Nav__item-home a {
        margin-right: 0
    }

    .Nav.on-scroll .Nav__item:not(.Nav__item--contextual-header):nth-child(n+3):not(.Nav__item-en-continu):not(.Nav__item-search)>a {
        padding: 1.6rem .6rem;
        line-height: inherit
    }
}

@media(min-width: 1200px) {

    .Nav.on-scroll .Nav__item--active:not(.Nav__item--contextual-header).Nav__item-home:before,
    .Nav.on-scroll .Nav__item--active:not(.Nav__item--contextual-header).Nav__item-en-continu:before {
        width: 5.6rem
    }

    .Nav.on-scroll .Nav__item:not(.Nav__item--contextual-header).Nav__item-search {
        padding-left: .8rem
    }

    .Nav.on-scroll .Nav__item:not(.Nav__item--contextual-header).Nav__item-home a {
        padding: 1.6rem;
        margin-right: .8rem
    }

    .Nav.on-scroll .Nav__item:not(.Nav__item--contextual-header):nth-child(n+3):not(.Nav__item-en-continu):not(.Nav__item-search)>a {
        padding: 1.6rem 1.2rem
    }
}

@media screen and (min-width: 1200px)and (-ms-high-contrast: active),
screen and (min-width: 1200px)and (-ms-high-contrast: none) {
    .Nav.on-scroll .Nav__item:not(.Nav__item--contextual-header):nth-child(n+3):not(.Nav__item-en-continu):not(.Nav__item-search)>a {
        padding: 1.6rem 1.6rem
    }
}

.Nav--contextual {
    z-index: 5
}

@media(min-width: 1024px) {
    .Nav--contextual {
        padding-top: 0
    }
}

@media(max-width: 1023px) {
    .Nav--contextual .Nav--with-contextual-nav.wrapper {
        height: 0
    }
}

@media(min-width: 1024px) {
    .Nav--contextual.Nav--free {
        padding-top: 0
    }
}

@media(max-height: 729px)and (max-width: 1023px) {
    .Nav--contextual.Nav--free #nav-markup-contextual {
        position: static;
        top: 0
    }
}

.Nav--square:after {
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0.65), rgb(255, 255, 255));
    display: block;
    content: " ";
    filter: blur(0.2rem);
    height: 4.8rem;
    right: 0;
    pointer-events: none;
    position: absolute;
    top: 6rem;
    width: 3.5rem
}

@media(min-width: 1024px) {
    .Nav--square:after {
        display: none
    }
}

.Nav--page:after {
    display: none
}

@media(min-width: 1024px) {
    .Nav--sticky.on-scroll {
        opacity: 1;
        z-index: 6
    }
}

@media(min-width: 1024px) {
    .Nav--sticky {
        top: 0;
        transition: opacity .5s cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    .Nav--sticky>li.Nav__item-home {
        padding-left: .4rem
    }
}

@media(min-width: 1025px) {
    .Nav--sticky>li:nth-child(2) {
        padding-left: .8rem
    }
}

@media(min-width: 1024px)and (max-width: 1199px) {
    .Nav--sticky #nav-markup {
        padding-left: 11rem;
        padding-right: 17rem;
        justify-content: space-between
    }

    .Nav--sticky #nav-markup.nav__main--abonne {
        padding-left: 13rem;
        padding-right: 8rem
    }

    .Nav--sticky .Nav__mobile--contextual.js-burger-is-open #nav-markup {
        padding-left: 0;
        max-width: 85rem
    }
}

@media(min-width: 1024px) {
    .Nav--sticky .Nav__mobile--contextual.js-burger-is-open #nav-markup .Nav__item:nth-child(n+4):not(.Nav__item-search) {
        padding: 0 1.6rem;
        justify-content: center
    }
}

@media(min-width: 1200px) {
    .Nav--sticky #nav-markup {
        padding-left: 15.4rem;
        padding-right: 18.5rem;
        justify-content: space-between
    }

    .Nav--sticky .Nav__mobile--contextual.js-burger-is-open #nav-markup {
        padding-left: 0;
        justify-content: center
    }
}

@media(min-width: 1024px) {
    .Nav--sticky .Nav__item-home {
        display: none
    }
}

@media not all and (-webkit-min-device-pixel-ratio: 0),
not all and (min-resolution: 0.001dpcm) {
    @supports(-webkit-appearance: none) {
        @media(min-width: 1024px) {
            .Nav--sticky .Nav__item--active.Nav__item-home:before {
                top: auto;
                bottom: .6rem
            }
        }
    }
}

.Nav .wrapper {
    display: flex;
    height: 100%;
    margin: 0 auto;
    max-width: 115.2rem;
    width: 100%;
    padding: 0;
    overflow-y: hidden;
    overflow-x: scroll
}

.Nav .wrapper>ul {
    white-space: nowrap;
    display: flex
}

@media(min-width: 576px) {
    .Nav .wrapper {
        overflow-x: hidden
    }

    .Nav .wrapper>ul {
        white-space: normal
    }
}

@media(min-width: 1024px) {
    .Nav .wrapper {
        overflow-x: hidden;
        padding: 0 1.6rem
    }
}

@media(min-width: 1200px) {
    .Nav .wrapper {
        padding: 0
    }
}

.Nav ul {
    list-style: none
}

.Nav__item {
    align-items: center;
    display: flex;
    height: 100%;
    flex-shrink: 0;
    font-size: 1.6rem;
    font-weight: 500;
    -webkit-text-decoration: none;
    text-decoration: none
}

.Nav__item {
    font-family: "Trebuchet MS", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loaded) .Nav__item {
    letter-spacing: -1.607px
}

html:not(.fonts-loaded) .Nav__item>* {
    letter-spacing: -1.607px
}

html.fonts-loaded .Nav__item {
    font-family: "Marr Sans Condensed", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loading) .Nav__item {
    letter-spacing: .05rem
}

@media(min-width: 1200px) {
    .Nav__item {
        padding: 0;
        font-size: 1.7rem
    }
}

.Nav__item>a {
    transition: hover .2s cubic-bezier(0.215, 0.61, 0.355, 1);
    text-transform: uppercase
}

.Nav__item>a:not(.Nav__search) {
    padding: 1.6rem .8rem
}

@media(min-width: 1024px) {
    .Nav__item>a:not(.Nav__search) {
        padding: 1.6rem 1rem
    }
}

@media(min-width: 1200px) {
    .Nav__item>a:not(.Nav__search) {
        padding: 1.6rem 2rem
    }
}

.Nav__item>a[class*=logo] {
    text-transform: none;
    text-transform: initial
}

.Nav__item a {
    color: #2a303b;
    display: inherit;
    position: relative;
    -webkit-text-decoration: none;
    text-decoration: none
}

.Nav__item a:hover {
    color: #026b9c
}

.Nav__item a:hover .icon__home {
    background-image: url("2ed23f26d0129b0059995f4c514ed10da93d5875.svg")
}

.Nav__item--contextual-header {
    font-size: 1.6rem;
    color: #383f4e;
    font-weight: 400
}

@media(min-width: 1024px) {
    .Nav__item--contextual-header {
        color: #565e70
    }
}

.Nav__item--contextual-header.contextual-home {
    border: none;
    color: #2a303b;
    font-size: 1.6rem;
    font-weight: 600;
    position: relative
}

@media(min-width: 1024px) {
    .Nav__item--contextual-header.contextual-home {
        color: #383f4e;
        font-weight: 600
    }
}

.Nav__item--contextual-header.contextual-home:after {
    content: " ";
    width: .1rem;
    background-color: #e2e4e9;
    height: 1.8rem;
    display: block;
    margin: 0 .8rem
}

.Nav__item--contextual-header.Nav__item.Nav__item-search {
    display: flex
}

.Nav__item--contextual-header>a.nav__contextual-header-link {
    padding: .8rem .6rem .6rem;
    text-transform: none
}

.Nav__item--contextual-header>a.nav__contextual-header-link:nth-child(n+3):not(:last-child)>a:after {
    display: none
}

.Nav__item--contextual-header>a.nav__contextual-header-link .icon__election-presidential {
    align-self: center;
    margin-right: .6rem
}

.Nav__item--contextual-header>a.Nav__link {
    display: inline-block;
    height: 100%;
    max-height: 100%;
    padding: .8rem;
    padding-left: 0
}

.Nav__item--contextual-header .Nav__link-img {
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    width: auto
}

.Nav__item--droppable>a:after {
    content: "";
    display: block;
    align-self: center;
    background-image: url("dda888cb0fbce30daaeacfc1f382bbd2a9bcadd6.svg");
    background-repeat: no-repeat;
    height: 1.4rem;
    margin-left: .4rem;
    position: relative;
    transform: none;
    width: 1.4rem
}

.Nav__item.Nav__item-home {
    padding: 0;
    border-right: .1rem solid #eff0f3
}

@media(min-width: 1024px) {
    .Nav__item.Nav__item-home {
        border-right: none
    }
}

.Nav__item.Nav__item-home a {
    padding: 1.6rem
}

.Nav__item.Nav__item-en-continu {
    padding: 0;
    border-right: .1rem solid #eff0f3
}

.Nav__item.Nav__item-en-continu a {
    padding: 1.6rem
}

.Nav__item.Nav__item-en-continu a:after {
    display: none
}

@media(min-width: 1024px) {
    .Nav__item.Nav__item-en-continu {
        display: none;
        border-right: none
    }
}

.Nav__item.Nav__item-search {
    padding: 1.6rem 1.6rem 1.6rem
}

.Nav__item.Nav__item-search .Nav__search {
    width: 1.6rem;
    height: 100%;
    flex-direction: column;
    align-self: center;
    justify-content: center
}

.Nav__item.Nav__item-search .Nav__search .sr-only {
    width: 1.6rem;
    height: 1.6rem
}

@media(min-width: 1024px) {
    .Nav__item--extended:before {
        display: none;
        border-right: none
    }
}

.Nav__item-actualites a:after {
    display: block
}

.Nav__item--active.Nav__item-home,
.Nav__item--active.Nav__item-en-continu {
    border-bottom: 0
}

.Nav__item--active.Nav__item-home:before,
.Nav__item--active.Nav__item-en-continu:before {
    content: " ";
    background-color: #026b9c;
    height: .4rem;
    left: auto;
    top: 0;
    position: absolute;
    width: 5.6rem
}

@media(min-width: 1024px) {

    .Nav__item--active.Nav__item-home:before,
    .Nav__item--active.Nav__item-en-continu:before {
        height: .4rem;
        top: calc(100% - .3rem);
        left: auto
    }
}

.Nav__item--active:nth-child(n+3):not(.Nav__item-en-continu):not(.Nav__item-search) {
    background-color: #f5f6f8
}

.Nav__item--active:nth-child(n+3):not(.Nav__item-en-continu):not(.Nav__item-search)>a {
    color: #2a303b
}

@media(min-width: 1024px) {
    .Nav__item--active:nth-child(n+3):not(.Nav__item-en-continu):not(.Nav__item-search)>a {
        color: #026b9c
    }
}

.Nav__item--active:nth-child(n+3):not(.Nav__item-en-continu):not(.Nav__item-search)>a:after {
    transform: rotate(-180deg)
}

@media(min-width: 1024px) {
    .Nav__item--mobile {
        display: none
    }
}

.Nav__item .js-dropdown-close {
    text-align: right
}

.Nav__sub-item {
    background-color: #f5f6f8;
    width: 100%;
    position: absolute;
    z-index: 5;
    top: 11.6rem;
    left: 0;
    transform: scaleY(0);
    padding: 3.6rem 2rem
}

@media(min-width: 1024px) {
    .Nav__sub-item {
        top: 5.3rem;
        padding: 5.2rem 2rem
    }
}

@media(max-width: 566px) {
    .Nav__sub-item a.Nav__sub-title--long {
        line-height: 1.6rem;
        padding: 1rem 0
    }
}

@media(min-width: 567px)and (max-width: 1023px) {
    .Nav__sub-item a.Nav__sub-title--long {
        line-height: 2.4rem;
        padding: 1.2rem 0
    }
}

.Nav__sub-item .wrapper {
    overflow-y: scroll;
    height: calc(100vh - 15rem)
}

@media(min-width: 768px) {
    .Nav__sub-item .wrapper {
        overflow-y: visible;
        height: auto
    }
}

@media(min-width: 1024px) {
    .Nav__sub-item .wrapper {
        padding: 0
    }
}

.Nav__sub-item-actualites span {
    margin-bottom: 2rem;
    display: block
}

.Nav__sub-item-actualites .Nav__container--left {
    display: none
}

@media(min-width: 576px) {
    .Nav__sub-item-actualites .Nav__container--left {
        display: block
    }

    .Nav__sub-item-actualites .Nav__container--left li {
        display: inline;
        float: left;
        margin-right: 1.2rem;
        margin-bottom: 1.2rem
    }

    .Nav__sub-item-actualites .Nav__container--left a {
        align-items: center;
        border: .1rem solid #d5d8dc;
        border-radius: .3rem;
        color: #383f4e;
        display: inline-flex;
        flex-shrink: 0;
        font-size: 1.2rem;
        font-weight: 500;
        line-height: 1;
        justify-content: center;
        padding: 1.2rem 1.2rem 1rem;
        letter-spacing: .01rem
    }

    .Nav__sub-item-actualites .Nav__container--left a {
        font-family: Arial, Roboto, sans-serif
    }

    html:not(.fonts-loaded) .Nav__sub-item-actualites .Nav__container--left a {
        letter-spacing: .314px
    }

    html:not(.fonts-loaded) .Nav__sub-item-actualites .Nav__container--left a>* {
        letter-spacing: .314px
    }

    html.fonts-loaded .Nav__sub-item-actualites .Nav__container--left a {
        font-family: "Marr Sans", Arial, Roboto, sans-serif
    }

    .Nav__sub-item-actualites .Nav__container--left a:hover {
        background-color: rgba(42, 48, 59, .03)
    }
}

.Nav__sub-item-actualites .Nav__container--right {
    display: block
}

@media(min-width: 768px) {
    .Nav__sub-item-actualites .Nav__container--right {
        width: 100%
    }
}

.Nav__sub-item.js-desktop-open {
    transform: scaleY(1);
    opacity: 1;
    transform-origin: 50% 0;
    transition: height .4s ease-in-out, transform .1s ease, opacity .2s ease-in-out
}

.Nav__sub-item.js-desktop-open a {
    z-index: 0
}

.Nav__container {
    display: none
}

@media(min-width: 1024px) {
    .Nav__container {
        padding: 3.2rem 2rem
    }
}

.Nav__container ul {
    display: block
}

.Nav__container .Nav__sub-title {
    font-size: 1.8rem
}

.Nav__container li {
    text-transform: none
}

.Nav__container li a {
    font-size: 1.3rem
}

@media(max-width: 575px) {
    .Nav__container li a {
        white-space: normal
    }
}

.Nav__container span:not([class*=flag-live-cartridge]) {
    font-size: 1.8rem;
    font-weight: 500;
    text-transform: uppercase
}

@media(min-width: 576px) {
    .Nav__container span:not([class*=flag-live-cartridge]) {
        font-size: 2.2rem;
        font-weight: 500
    }
}

@media(min-width: 576px) {
    .Nav__container {
        display: block;
        padding: 0
    }

    .Nav__container li {
        width: auto
    }

    .Nav__container li .Nav__sub-title {
        font-size: 2.2rem
    }

    .Nav__container li a {
        font-size: 1.9rem
    }
}

@media(min-width: 1024px) {
    .Nav__container li a {
        line-height: 2.2rem;
        padding: 1rem 0
    }
}

.Nav__container--mobile {
    width: 100%;
    display: block
}

@media(min-width: 1024px) {
    .Nav__container--mobile {
        width: auto
    }
}

@media(min-width: 1024px) {
    .Nav__container--desktop {
        display: block
    }
}

.Nav__container--left {
    width: 100%
}

@media(min-width: 576px) {
    .Nav__container--left {
        width: 36rem;
        padding-right: 1.6rem
    }
}

@media(min-width: 1024px) {
    .Nav__container--left {
        width: 43rem
    }
}

.Nav__container--right {
    display: none
}

@media(min-width: 576px) {
    .Nav__container--right {
        display: block
    }
}

@media(min-width: 1024px) {
    .Nav__container--right {
        width: auto
    }
}

.Nav__container--default+.Nav__container--right {
    max-width: calc(100% - 27.2rem);
    width: 100%
}

@media(min-width: 1024px) {
    .Nav__container--default+.Nav__container--right {
        max-width: calc(100% - 21rem)
    }
}

@media(min-width: 1024px) {
    .Nav__container--default {
        width: 21rem;
        padding-right: 0
    }
}

.Nav__container--default li {
    break-inside: avoid-column;
    border-top: .1rem solid #e2e4e9
}

.Nav__container--default li:first-child {
    border-top: 0
}

.Nav__container--default li:first-child a {
    text-transform: uppercase;
    font-weight: 500
}

@media(min-width: 1024px) {
    .Nav__container--default li {
        max-width: 27.2rem
    }
}

@media(min-width: 1024px) {
    .Nav__container--default li.nav-item--has-logo {
        margin-top: 1.6rem
    }
}

.Nav__container--default a {
    padding: .8rem 0;
    position: relative
}

.Nav__content--list a {
    padding: 1.2rem 0;
    position: relative
}

.Nav__content--list ul {
    column-count: 2;
    column-gap: 2rem;
    column-width: 10rem
}

@media(min-width: 360px) {
    .Nav__content--list ul {
        column-count: 2;
        column-gap: 4.9rem;
        column-width: 14rem
    }
}

@media(min-width: 1024px) {
    .Nav__content--list ul {
        column-gap: normal;
        column-count: auto;
        column-width: 21rem
    }
}

@media(min-width: 1200px) {
    .Nav__content--list ul {
        column-width: 24.3rem
    }
}

.Nav__content--list li {
    break-inside: avoid-column;
    border-top: .1rem solid #e2e4e9
}

@media(min-width: 1024px) {
    .Nav__content--list li {
        margin-right: 3.2rem
    }
}

.Nav__content--media .article__author__desc {
    font-weight: 400
}

.Nav__content--media .article__title {
    font-size: 1.4rem;
    line-height: 1.29;
    letter-spacing: normal;
    text-align: left
}

.Nav__content--column {
    display: flex;
    width: 100%;
    flex-direction: column
}

@media(min-width: 767px) {
    .Nav__content--column {
        flex-direction: row
    }
}

.Nav__content--column ul {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .Nav__content--column ul {
    letter-spacing: .314px
}

html:not(.fonts-loaded) .Nav__content--column ul>* {
    letter-spacing: .314px
}

html.fonts-loaded .Nav__content--column ul {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.Nav__content--column li {
    color: #a4a9b4;
    margin-bottom: 1.4rem;
    line-height: 1.2
}

.Nav__content--column li a {
    display: inline;
    font-weight: 500;
    letter-spacing: normal;
    color: #2a303b
}

@media(min-width: 576px) {
    .Nav__content--column li a {
        font-size: 1.3rem
    }
}

.Nav__content--column>div {
    padding: 0;
    width: 100%
}

@media(min-width: 576px) {
    .Nav__content--column>div {
        padding: 0 .8rem 0 1.2rem
    }
}

@media(min-width: 1024px) {
    .Nav__content--column>div {
        width: 50%
    }
}

@media(min-width: 1024px) {
    .Nav__content--column>div {
        padding: 0 6rem 0 2.4rem
    }
}

.Nav__content--column>div:first-child {
    margin-bottom: 3.2rem
}

@media(min-width: 768px) {
    .Nav__content--column>div:first-child {
        border-right: .1rem solid #d5d8dc
    }
}

@media(min-width: 768px) {
    .Nav__content--column>div:first-child {
        margin-bottom: 0
    }
}

.Nav__content--column>div:first-child ul {
    list-style-position: inside;
    list-style-type: disc
}

@media(min-width: 768px) {
    .Nav__content--column>div:first-child ul {
        padding: 1.2rem 0
    }
}

@media(min-width: 1024px) {
    .Nav__content--column>div:first-child ul {
        padding: .8rem 0
    }
}

.Nav__content--column>div:nth-child(2) ul:nth-child(2) {
    border-bottom: .1rem solid #d5d8dc;
    padding: .8rem 0
}

.Nav__content--column>div:nth-child(2) ul:nth-child(3) {
    padding: .8rem 0 1.2rem
}

.Nav__content--column span {
    line-height: 1.25;
    text-transform: none;
    margin-bottom: 2rem
}

@media(min-width: 1024px) {
    .Nav__content--column span {
        line-height: 1.6
    }
}

@media(min-width: 576px) {
    .Nav__content-wrapper {
        flex-wrap: wrap;
        justify-content: space-between;
        align-content: center;
        display: flex;
        padding-left: 6.4rem
    }

    .Nav__content-wrapper .article {
        display: block;
        width: calc(50% - 1.6rem);
        max-width: none;
        margin: 0 0 1.6rem;
        padding-top: 0;
        border: none
    }
}

@media(min-width: 1024px) {
    .Nav__content-wrapper {
        flex-wrap: nowrap
    }

    .Nav__content-wrapper .article {
        max-width: 18rem;
        width: 100%;
        display: block;
        border-bottom: 0;
        margin: 0;
        padding-top: 0;
        border-top: 0
    }

    .Nav__content-wrapper .article:not(.Nav__item-search) {
        margin: 0 3.2rem 0 0
    }
}

.Nav__content-wrapper .article__author {
    flex-direction: column;
    align-items: flex-start
}

.Nav .js-burger-to-show {
    display: none;
    font-size: 1.6rem;
    line-height: 1.88
}

.Nav .js-burger-is-open {
    left: 0;
    position: fixed;
    top: 6rem
}

.Nav__mobile {
    transition: left .2s cubic-bezier(0.215, 0.61, 0.355, 1);
    position: absolute;
    top: 0;
    background-color: #fcfcfd;
    z-index: 50;
    width: 100vw;
    height: calc(100vh - 6rem);
    overflow-y: scroll;
    left: -100vw
}

@media(min-width: 1024px) {
    .Nav__mobile {
        display: none
    }
}

@media(max-width: 1023px) {
    .Nav__mobile .hide-in-mobile {
        display: none
    }
}

.Nav__mobile.js-burger-hide {
    height: 0
}

.Nav__mobile .js-burger-to-show {
    display: flex
}

.Nav__mobile .js-dropdown {
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 1.88;
    font-style: normal
}

.Nav__mobile .Nav__container--right {
    display: none
}

.Nav__mobile .Nav__container--mobile span {
    display: none
}

.Nav__mobile .Nav__sub-item-actualites .Nav__container--left {
    display: none
}

.Nav__mobile .Nav__sub-item-actualites .Nav__container--right {
    display: block
}

.Nav__mobile .Nav__container--left {
    width: 100%
}

.Nav__mobile .Nav__item {
    border-right: 0;
    height: 6rem;
    padding: 0 1.6rem;
    border-bottom: .1rem solid #e2e4e9
}

.Nav__mobile .Nav__item--hide {
    border-bottom: 0;
    height: 0
}

.Nav__mobile .Nav__item.Nav__item-search {
    display: none
}

.Nav__mobile .Nav__item .icon__nav-my-account,
.Nav__mobile .Nav__item .icon__home,
.Nav__mobile .Nav__item .icon__nav-en-continu {
    margin-right: 1.6rem;
    display: flex;
    align-self: center
}

.Nav__mobile .Nav__item .Burger__right-arrow:after {
    display: inline-block;
    visibility: visible
}

.Nav__mobile .Nav__item-en-continu a:after {
    content: " ";
    background-image: url("19ad1d2d1cb241e479e126d97b1c32316dd360eb.svg");
    position: absolute;
    width: .5rem;
    height: 1rem;
    right: 0;
    top: 50%;
    transform: translateY(-50%)
}

.Nav__mobile .Nav__item:nth-child(n+3):not(.Nav__item-en-continu):not(.Nav__item-search) {
    background-color: #fff;
    flex-direction: column
}

.Nav__mobile .Nav__item:nth-child(n+3):not(.Nav__item-en-continu):not(.Nav__item-search).Nav__item--active {
    background-color: #f5f6f8
}

.Nav__mobile .Nav__item:nth-child(n+3):not(.Nav__item-en-continu):not(.Nav__item-search):not(.Nav__search)>a.js-dropdown-burger:after {
    background-image: url("")
}

.Nav__mobile .Nav__item:nth-child(n+3):not(.Nav__item-en-continu):not(.Nav__item-search):not(.Nav__search)>a.js-dropdown-burger-open:after {
    background-image: url("")
}

.Nav__mobile .Nav__item:nth-child(n+3):not(.Nav__item-en-continu):not(.Nav__item-search)>a,
.Nav__mobile .Nav__item .Nav__container a {
    line-height: 3.8
}

.Nav__mobile .Nav__item.Nav__item--active:nth-child(n+3):not(.Nav__item-en-continu):not(.Nav__item-search) {
    height: auto
}

.Nav__mobile .Nav__item .Nav__sub-item {
    top: 0;
    display: none;
    padding: 0
}

.Nav__mobile .Nav__item .Nav__sub-item .wrapper {
    overflow-y: visible;
    height: auto
}

.Nav__mobile .Nav__item .Nav__sub-item.js-desktop-open {
    display: block
}

.Nav__mobile .Nav__item .Nav__sub-item.js-desktop-open li a {
    visibility: visible
}

.Nav__mobile .Nav__item .Nav__sub-item.js-burger-open {
    position: relative;
    z-index: 1
}

.Nav__mobile .Nav__item .Nav__sub-item.js-burger-open .Nav__container {
    padding: 0
}

.Nav__mobile .Nav__item .Nav__container ul {
    padding-left: 5.2rem
}

.Nav__mobile .Nav__item .Nav__container li,
.Nav__mobile .Nav__item .Nav__container li.nav-item--has-logo {
    border-top: 0;
    list-style: none
}

.Nav__mobile .Nav__item .Nav__container li.Nav__item-search,
.Nav__mobile .Nav__item .Nav__container li.nav-item--has-logo.Nav__item-search {
    border-bottom: 0
}

.Nav__mobile .Nav__item .Nav__container a {
    font-size: 1.6rem;
    font-weight: 500;
    font-style: normal
}

.Nav__mobile .Nav__item .Nav__container a:after {
    display: none
}

.Nav__mobile .Nav__item .Nav__container--default ul {
    column-count: 1
}

.Nav__mobile .Nav__item .Nav__content--column>div ul {
    border-bottom: 0;
    padding-bottom: 0
}

.Nav__mobile .Nav__item .Nav__content--column li:last-child {
    border-bottom: 0
}

.Nav__mobile .Nav__item .Nav__content--column>div {
    margin-top: 2.4rem
}

.Nav__mobile .Nav__item .Nav__content--column>div:first-child {
    margin-bottom: 0
}

.Nav__mobile .Nav__item .Nav__content--column>div:last-child {
    padding-bottom: 12rem
}

.Nav__mobile .Nav__item .Nav__content--column a {
    font-size: 1.6rem
}

.Nav__mobile .Nav__item .Nav__content--column a {
    font-family: "Trebuchet MS", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loaded) .Nav__mobile .Nav__item .Nav__content--column a {
    letter-spacing: -1.607px
}

html:not(.fonts-loaded) .Nav__mobile .Nav__item .Nav__content--column a>* {
    letter-spacing: -1.607px
}

html.fonts-loaded .Nav__mobile .Nav__item .Nav__content--column a {
    font-family: "Marr Sans Condensed", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loading) .Nav__mobile .Nav__item .Nav__content--column a {
    letter-spacing: .05rem
}

.Nav__mobile .Nav__item .Nav__content--list ul {
    column-count: 1
}

.Nav__mobile .Nav__item .Nav__content--list ul li a {
    visibility: hidden
}

.Nav__mobile .Nav__item .Nav__sub-item-actualites span {
    margin-bottom: 0
}

.Nav__mobile .Nav__item a {
    padding: 0;
    position: relative;
    width: 100%
}

.Nav__mobile .Nav__item--active:before {
    display: none
}

@media(min-width: 1024px) {
    .Nav__mobile--contextual {
        display: block;
        max-width: 320px;
        margin-top: 7.2rem;
        position: static;
        position: initial
    }
}

.Nav__mobile--contextual #nav-markup,
.Nav__mobile--contextual #nav-markup-contextual {
    padding-right: 0;
    overflow-x: hidden
}

.Nav__mobile--contextual #nav-markup .nav-item--has-logo,
.Nav__mobile--contextual #nav-markup-contextual .nav-item--has-logo {
    margin-top: 0
}

.Nav__mobile--contextual .Nav__item-home,
.Nav__mobile--contextual .Nav__item-en-continu {
    display: flex
}

.Nav__mobile--contextual .Nav__item-home a {
    padding-left: 0
}

.Nav__mobile--contextual .Nav__sub-item-services .wrapper-list-link {
    grid-auto-columns: auto;
    grid-auto-flow: row
}

.Nav__sub-item-services {
    padding: 0 0 2.4rem 1.6rem
}

.Nav__sub-item-services.js-burger-open {
    margin-bottom: 3.6rem;
    display: block
}

.Nav__sub-item-services .sub-item-wrapper {
    height: 100%;
    max-width: 115.2rem;
    margin: 0 auto;
    overflow-y: scroll;
    height: calc(100vh - 15rem);
    gap: 0 4rem
}

@media(min-width: 769px) {
    .Nav__sub-item-services .sub-item-wrapper {
        overflow-y: visible;
        height: auto
    }
}

.Nav__sub-item-services p {
    font-size: 2.2rem;
    font-weight: 500;
    text-transform: uppercase;
    padding: 3.2rem 0 .8rem;
    border-bottom: .1rem solid #d5d8dc
}

@media(min-width: 769px) {
    .Nav__sub-item-services p {
        font-size: 1.8rem
    }
}

.Nav__sub-item-services .wrapper-list-link {
    padding-right: 1.6rem;
    padding-top: 1.6rem;
    padding-bottom: 1.6rem;
    border-bottom: .1rem solid #d5d8dc
}

.Nav__sub-item-services .wrapper-list-link:last-child {
    padding-bottom: .8rem;
    border-bottom: none
}

@media(min-width: 769px) {
    .Nav__sub-item-services .wrapper-list-link {
        grid-auto-columns: auto;
        grid-auto-flow: column dense;
        gap: 0 2rem
    }
}

.Nav__sub-item-services .wrapper-list-link li {
    list-style: none;
    padding: 1.6rem 0 .8rem 0
}

@media(max-width: 768px) {
    .Nav__sub-item-services .wrapper-list-link li {
        border-bottom: .1rem solid #e8eaee
    }
}

@media(min-width: 769px) {
    .Nav__sub-item-services .wrapper-list-link li {
        padding: .8rem 0
    }
}

.Nav__sub-item-services .wrapper-list-link li:last-child {
    border-bottom: none;
    padding-bottom: 0
}

.Nav__sub-item-services .wrapper-list-link li:nth-child(n) a,
.Nav__sub-item-services .wrapper-list-link li a {
    font-size: 1.3rem;
    font-weight: 500;
    line-height: 1.6rem;
    position: relative
}

.Nav__sub-item-services .wrapper-list-link li:nth-child(n) a,
.Nav__sub-item-services .wrapper-list-link li a {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .Nav__sub-item-services .wrapper-list-link li:nth-child(n) a,
html:not(.fonts-loaded) .Nav__sub-item-services .wrapper-list-link li a {
    letter-spacing: .314px
}

html:not(.fonts-loaded) .Nav__sub-item-services .wrapper-list-link li:nth-child(n) a>*,
html:not(.fonts-loaded) .Nav__sub-item-services .wrapper-list-link li a>* {
    letter-spacing: .314px
}

html.fonts-loaded .Nav__sub-item-services .wrapper-list-link li:nth-child(n) a,
html.fonts-loaded .Nav__sub-item-services .wrapper-list-link li a {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

@media(max-width: 768px) {

    .Nav__sub-item-services .wrapper-list-link li:nth-child(n) a:after,
    .Nav__sub-item-services .wrapper-list-link li a:after {
        content: " ";
        background-image: url("dda888cb0fbce30daaeacfc1f382bbd2a9bcadd6.svg");
        position: absolute;
        width: 1.4rem;
        height: 1.4rem;
        right: 0;
        top: 0;
        transform: rotate(-90deg)
    }
}

.Nav__sub-item-services .wrapper-list-link-cookie {
    border-top: .1rem solid #d5d8dc;
    margin-top: 3.2rem
}

#nav-desktop .Nav__item-home,
#nav-desktop .Nav__item-en-continu {
    position: relative
}

@media(min-width: 768px) {
    #nav-desktop {
        position: static
    }
}

@media(max-width: 1023px) {
    #nav-desktop .Nav__item:last-child:not(.Nav__item--contextual-header) {
        margin-right: 2.4rem
    }
}

#nav-desktop.Nav--hidden {
    display: none
}

@media(min-width: 1024px) {
    #nav-desktop.Nav--hidden {
        display: flex
    }
}

#nav-desktop .nav__main--hide {
    display: none
}

#nav-desktop .Nav__mobile--contextual.js-burger-is-open .nav__main--hide {
    display: block
}

#nav-markup,
#nav-markup-contextual {
    overflow-x: auto;
    overflow-y: hidden;
    position: static;
    width: 100%;
    border-bottom: .1rem solid #eff0f3
}

@media(min-width: 1024px) {

    #nav-markup,
    #nav-markup-contextual {
        overflow: hidden;
        border-bottom: none
    }
}

#nav-markup {
    justify-content: space-between
}

@media(max-width: 1023px) {
    #nav-markup-contextual {
        background-color: #fff;
        height: 5.6rem;
        padding-left: 1.6rem;
        position: fixed;
        top: 6rem
    }
}

@media(min-width: 1024px) {
    #nav-markup-contextual {
        justify-content: center;
        margin-left: -5rem
    }
}

@media(max-width: 1023px) {
    .main--with-contextual-nav {
        margin-top: -1rem
    }
}

.User {
    position: relative;
    align-items: center;
    color: #2a303b;
    display: flex;
    font-size: 1.3rem;
    font-weight: 500
}

.User {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .User {
    letter-spacing: .314px
}

html:not(.fonts-loaded) .User>* {
    letter-spacing: .314px
}

html.fonts-loaded .User {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.User__arrow {
    position: relative;
    background-repeat: no-repeat;
    align-self: center;
    height: 1.4rem;
    width: 1.4rem;
    margin-left: .4rem;
    background-image: url("dda888cb0fbce30daaeacfc1f382bbd2a9bcadd6.svg")
}

.User__arrow--up {
    transform: rotate(-180deg)
}

.User__avatar {
    background-color: #a4a9b4;
    border-radius: 50%;
    color: #fff;
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.2rem;
    text-align: center;
    padding-top: .4rem;
    width: 2rem;
    height: 2rem;
    -webkit-text-decoration: none;
    text-decoration: none
}

.User__avatar {
    font-family: "Trebuchet MS", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loaded) .User__avatar {
    letter-spacing: -1.607px
}

html:not(.fonts-loaded) .User__avatar>* {
    letter-spacing: -1.607px
}

html.fonts-loaded .User__avatar {
    font-family: "Marr Sans Condensed", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loading) .User__avatar {
    letter-spacing: .05rem
}

.User__avatar--abonne {
    color: #2a303b;
    background-color: #ffe38f
}

.User__avatar:hover {
    -webkit-text-decoration: none;
    text-decoration: none
}

.User__name {
    align-items: center;
    cursor: pointer;
    display: flex;
    font-size: 1.3rem
}

.User__name--abonne:after {
    display: none
}

.User__name:after {
    background-color: #e8eaee;
    content: " ";
    height: 3rem;
    margin: 0 1.6rem;
    width: .1rem
}

.User__name.js-trigger-connexion .User__avatar {
    margin-right: 0
}

.User__name.js-trigger-connexion .User__arrow {
    margin-left: 0
}

@media(min-width: 768px) {
    .User__name.js-trigger-connexion .User__arrow {
        margin-left: .8rem
    }
}

.User__name.js-trigger-connexion:after {
    margin: 0 .8rem 0 .4rem
}

@media(min-width: 360px) {
    .User__name.js-trigger-connexion:after {
        margin: 0 .8rem
    }
}

@media(min-width: 768px) {
    .User__name.js-trigger-connexion:after {
        margin: 0 1.6rem
    }
}

.User>a:not(.lmd-btn) {
    -webkit-text-decoration: none;
    text-decoration: none;
    font-size: 1.4rem
}

.User>a:not(.lmd-btn):hover {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.AccountMenu {
    flex-direction: column;
    display: flex;
    text-transform: none
}

.AccountMenu__type {
    font-weight: 500;
    font-size: 1.6rem;
    letter-spacing: .05rem;
    display: flex;
    line-height: 1
}

.AccountMenu__type :first-child {
    align-self: center
}

.AccountMenu__email {
    font-size: 1.2rem;
    letter-spacing: .04rem;
    color: #666e80;
    font-weight: 400
}

.AccountMenu__email {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .AccountMenu__email {
    letter-spacing: .314px
}

html:not(.fonts-loaded) .AccountMenu__email>* {
    letter-spacing: .314px
}

html.fonts-loaded .AccountMenu__email {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.Connexion {
    position: absolute;
    background-color: #fff;
    right: -0.8rem;
    width: 100vw;
    font-size: 1.3rem;
    line-height: 3;
    font-weight: 500;
    border: .1rem solid #eff0f3;
    box-shadow: 0 .1rem .2rem .2rem rgba(0, 0, 0, .04);
    transition: transform .2s cubic-bezier(0.215, 0.61, 0.355, 1), opacity .5s ease;
    visibility: hidden;
    opacity: 0;
    transform: translateY(-100%)
}

@media(min-width: 576px) {
    .Connexion {
        width: 25rem
    }
}

.Connexion--abonne .Connexion__special div:hover {
    opacity: 1
}

@media(min-width: 768px) {
    .Connexion--non-abonne {
        right: 13rem
    }
}

.Connexion--open {
    visibility: visible;
    opacity: 1;
    top: 3.8rem;
    border-top: 0;
    transform: translateY(0)
}

@media(min-width: 576px) {
    .Connexion--open {
        width: 32rem
    }
}

@media(min-width: 1024px) {
    .Connexion--open {
        overflow-y: auto;
        overflow-x: hidden;
        max-height: calc(100vh - 12.5rem)
    }
}

@media(max-width: 1023px) {
    .Connexion--open {
        overflow-y: auto;
        overflow-x: hidden;
        max-height: calc(100vh - 6.2rem)
    }
}

.Connexion__wrap {
    display: flex;
    flex-flow: row nowrap;
    background: #f1f5f8
}

.Connexion__label--mea {
    font-style: italic
}

@media(min-width: 1024px) {
    .Connexion--sticky.on-scroll {
        z-index: 6
    }
}

@media(min-width: 1024px) {
    .Connexion--sticky {
        top: 0;
        animation-name: fadeIn;
        animation-fill-mode: forwards;
        animation-duration: .3s;
        animation-iteration-count: 1;
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    .Connexion--sticky>li:nth-child(2) {
        padding-left: .4rem
    }
}

@media(min-width: 1025px) {
    .Connexion--sticky>li:nth-child(2) {
        padding-left: .8rem
    }
}

@media(min-width: 1024px)and (max-width: 1199px) {
    .Connexion--sticky #nav-markup {
        padding-left: 10rem;
        max-width: 85rem
    }
}

@media(min-width: 1200px) {
    .Connexion--sticky #nav-markup {
        padding-left: 10.2rem;
        justify-content: start
    }
}

.Connexion__label-wrap {
    line-height: 1.4;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    flex: 1
}

@media(min-width: 768px) {
    .Connexion__label-wrap {
        flex-flow: column nowrap;
        justify-content: flex-start
    }
}

.Connexion__label-wrap--column {
    flex-flow: column
}

.Connexion__label-wrap .Connexion__label-more {
    display: block;
    font-weight: normal
}

.Connexion ul {
    list-style-type: none
}

.Connexion a {
    display: flex
}

.Connexion a:hover {
    background-color: #f5f6f8
}

.Connexion a div {
    padding: 0 1.2rem;
    display: flex;
    align-items: center;
    width: 100%
}

.Connexion a.Connexion__link {
    height: 4.4rem
}

@media(min-width: 768px) {
    .Connexion a.Connexion__link {
        margin: .7rem 0
    }
}

.Connexion a.Connexion__link-off {
    cursor: default
}

.Connexion a.Connexion__link-off .Connexion__label,
.Connexion a.Connexion__link-off .Connexion__icon {
    opacity: .25
}

.Connexion a.Connexion__link-advantages {
    border-top: solid .1rem #e2e4e9;
    margin-bottom: 0
}

.Connexion a.Connexion__journal .Connexion__label-wrap {
    display: block
}

.Connexion a.Connexion:hover {
    background-color: rgba(0, 0, 0, 0)
}

.Connexion__account {
    padding: 0 1.2rem;
    height: 6rem;
    display: flex
}

.Connexion__account:hover {
    background-color: #f5f6f8
}

.Connexion__account a {
    align-self: center
}

.Connexion__account .User__avatar {
    align-self: center;
    margin-right: .8rem
}

.Connexion__newsletter {
    padding: 1.2rem 0;
    border-top: .1rem solid #e2e4e9
}

@media(min-width: 1024px) {
    .Connexion__newsletter {
        padding: 0
    }
}

.Connexion__icon {
    margin-right: .4rem
}

.Connexion__icon-exclu {
    display: inline-block;
    padding: .1rem .5rem;
    align-self: flex-start;
    color: #ffc700;
    background-color: #f5f6f8;
    font-size: 1.1rem;
    text-transform: uppercase
}

.Connexion__icon-exclu {
    font-family: "Trebuchet MS", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loaded) .Connexion__icon-exclu {
    letter-spacing: -1.607px
}

html:not(.fonts-loaded) .Connexion__icon-exclu>* {
    letter-spacing: -1.607px
}

html.fonts-loaded .Connexion__icon-exclu {
    font-family: "Marr Sans Condensed", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loading) .Connexion__icon-exclu {
    letter-spacing: .05rem
}

.Connexion__icon-exclu--off {
    background: rgba(0, 0, 0, 0);
    border: solid .1rem #e2e4e9;
    color: #8b92a1
}

.Connexion__icon-exclu--on {
    background: #ffc700;
    border: solid .1rem #ffc700;
    color: inherit
}

.Connexion__links {
    border-top: .1rem solid #e2e4e9
}

@media(max-width: 1024px) {
    .Connexion__links {
        padding-top: .7rem
    }
}

.Connexion__share {
    background: #f1f5f8;
    color: #0088df
}

.Connexion__share a.Connexion__link {
    padding: 1.4rem 0;
    display: inline-block
}

.Connexion__share a.Connexion__link-off {
    color: #a4a9b4;
    padding: 1rem 0
}

.Connexion__share a.Connexion__link-off .icon__nav-connexion-share {
    background-image: url("")
}

.Connexion__share a.Connexion__link-off .Connexion__label {
    opacity: 1
}

.Connexion__help {
    border-top: .1rem solid #e2e4e9;
    border-right: .1rem solid #e2e4e9;
    flex: 1
}

.Connexion__help div {
    justify-content: center
}

.Connexion__logout {
    border-top: .1rem solid #e2e4e9
}

@media(max-width: 1024px) {
    .Connexion__logout {
        flex: 1
    }
}

.Connexion__logout div {
    justify-content: center
}

.Connexion__item--non-abonne-btn {
    padding: .8rem 1.2rem 1.2rem
}

.Connexion__item--non-abonne-btn a {
    justify-content: center
}

.Connexion__item--non-abonne-btn a:hover {
    background-color: #ffae00
}

.Connexion__special {
    position: relative
}

.Connexion__special p {
    position: absolute;
    top: 0;
    width: 100%;
    left: -25rem;
    opacity: 0;
    padding-left: 1.2rem;
    padding-right: 1.2rem
}

.Connexion__special p .icon__nav-fleche {
    margin-left: .8rem
}

.Connexion__special p span:last-child {
    margin-left: .8rem;
    font-weight: 600
}

.Connexion__special:hover p {
    left: 0;
    opacity: 1
}

.Connexion__special:hover div {
    opacity: 0
}

.Connexion .AccountMenu__type {
    font-size: 1.3rem;
    letter-spacing: normal;
    line-height: normal
}

.Connexion .AccountMenu__type span:first-child {
    margin-left: .8rem
}

.Connexion .AccountMenu__email {
    line-height: 1.5
}

.lmi-lang-switcher {
    display: none;
    width: 100%
}

@media(min-width: 1024px) {
    .lmi-lang-switcher {
        align-items: center;
        display: flex;
        justify-content: center;
        height: 4.6rem
    }
}

.lmi-lang-switcher__lang {
    color: #bdc1c8;
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 1;
    text-transform: uppercase
}

.lmi-lang-switcher__lang {
    font-family: "Trebuchet MS", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loaded) .lmi-lang-switcher__lang {
    letter-spacing: -1.607px
}

html:not(.fonts-loaded) .lmi-lang-switcher__lang>* {
    letter-spacing: -1.607px
}

html.fonts-loaded .lmi-lang-switcher__lang {
    font-family: "Marr Sans Condensed", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loading) .lmi-lang-switcher__lang {
    letter-spacing: .05rem
}

.lmi-lang-switcher__lang:hover {
    color: #026b9c
}

.lmi-lang-switcher__lang--active,
.lmi-lang-switcher__lang--active:hover {
    color: #2a303b;
    cursor: default
}

.lmi-lang-switcher__lang:not(:last-child) {
    margin-right: .8rem
}

.lmi-lang-switcher__separator {
    background-color: #d5d8dc;
    height: 35%;
    width: .1rem
}

.lmi-lang-switcher__separator:not(:last-child) {
    margin-right: .8rem
}

.lmi-mobile-lang-switcher {
    background-color: #eff0f3;
    border-bottom: .1rem solid #e2e4e9;
    display: none;
    padding: 1.6rem
}

.lmi-mobile-lang-switcher__title {
    color: #717b8e;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 1.8rem;
    margin-bottom: 1.2rem
}

.lmi-mobile-lang-switcher__lang {
    align-items: center;
    color: #717b8e;
    display: inline-flex;
    font-size: 1.6rem;
    justify-content: flex-start;
    transition: color 100ms
}

.lmi-mobile-lang-switcher__lang {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .lmi-mobile-lang-switcher__lang {
    letter-spacing: .314px
}

html:not(.fonts-loaded) .lmi-mobile-lang-switcher__lang>* {
    letter-spacing: .314px
}

html.fonts-loaded .lmi-mobile-lang-switcher__lang {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.lmi-mobile-lang-switcher__lang:not(:last-child) {
    margin-right: 3.2rem
}

.lmi-mobile-lang-switcher__lang--active {
    color: #2a303b
}

.lmi-mobile-lang-switcher__lang--active .lmi-mobile-lang-switcher__checkbox:after {
    background-color: #2a303b
}

.lmi-mobile-lang-switcher__lang:hover {
    color: #026b9c
}

.lmi-mobile-lang-switcher__lang:hover .lmi-mobile-lang-switcher__checkbox:after {
    background-color: #026b9c
}

.lmi-mobile-lang-switcher__checkbox {
    align-items: center;
    background-color: #fff;
    border: .1rem solid #2a303b;
    border-radius: 50%;
    display: flex;
    height: 1.6rem;
    justify-content: center;
    margin-right: .8rem;
    width: 1.6rem
}

.lmi-mobile-lang-switcher__checkbox:after {
    background-color: #fff;
    border-radius: 50%;
    content: "";
    display: inline-block;
    height: .6rem;
    transition: background-color 100ms;
    width: .6rem
}

#Header.sticky .lmi-lang-switcher {
    display: none
}

.js-burger-is-open .lmi-mobile-lang-switcher {
    display: block
}

.overlay {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .6);
    position: fixed;
    z-index: 4;
    top: 0;
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
    transition: opacity .2s ease-in-out
}

.overlay--visible {
    visibility: visible;
    opacity: 1
}

.overlay--account {
    top: 5.5rem;
    z-index: 4
}

.overlay--live {
    margin: -1.7rem;
    display: none
}

@media(min-width: 768px) {
    .overlay--live {
        margin: -5.7rem
    }
}

.overlay-live--show {
    opacity: 1;
    visibility: visible
}

.body {
    overflow-x: hidden
}

@media(min-width: 768px) {
    .body {
        overflow-x: visible
    }
}

@media(min-width: 1024px) {
    .body--premium-banner .Nav:not(.on-scroll) {
        margin-top: 0 !important
    }
}

@media(max-width: 1023px) {

    .body--premium-banner #Header .center,
    .body--premium-banner #Header .right {
        margin-top: 0 !important
    }
}

@media(min-width: 1024px) {

    .body--premium-banner #Header:not(.sticky) .center,
    .body--premium-banner #Header:not(.sticky) .right {
        margin-top: 0 !important
    }
}

.podcast-thread__section[data-header-gradient=lheure-du-monde] {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.0001) 82.81%, rgba(0, 0, 0, 0.14) 100%), #3025bf
}

.podcast-thread__section[data-header-gradient=le-gout-de-m] {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.0001) 56.77%, rgba(0, 0, 0, 0.14) 100%), #362a82
}

.podcast-thread__section[data-header-gradient="13-novembre-le-temps-du-proces"] {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.0001) 56.77%, rgba(0, 0, 0, 0.14) 100%), #822f2a
}

.podcast-thread__section[data-header-gradient=podcast-chaleur-humaine] {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.0001) 56.77%, rgba(0, 0, 0, 0.14) 100%), #54295b
}

.podcast-thread__section[data-header-gradient=s-aimer-comme-on-se-quitte-le-podcast] {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.0001) 56.77%, rgba(0, 0, 0, 0.14) 100%), #461680
}

.podcast-thread__section[data-header-gradient=default] {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.0001) 56.77%, rgba(0, 0, 0, 0.14) 100%), #026b9c
}

.podcast-thread__section[data-header-bg=lheure-du-monde] {
    background-color: #3025bf
}

.podcast-thread__section[data-header-bg=le-gout-de-m] {
    background-color: #362a82
}

.podcast-thread__section[data-header-bg="13-novembre-le-temps-du-proces"] {
    background-color: #822f2a
}

.podcast-thread__section[data-header-bg=podcast-chaleur-humaine] {
    background-color: #54295b
}

.podcast-thread__section[data-header-bg=s-aimer-comme-on-se-quitte-le-podcast] {
    background-color: #461680
}

.podcast-thread__section[data-header-bg=default] {
    background-color: #026b9c
}

.podcast {
    background-color: #252525;
    margin: 4rem -1.6rem 0;
    position: relative
}

@media(min-width: 576px) {
    .podcast {
        margin: 4rem -3.2rem 0
    }
}

@media(min-width: 768px) {
    .podcast {
        margin: 0
    }
}

@media(max-width: 767px) {
    .podcast-thread {
        margin-left: -1.6rem;
        margin-right: -1.6rem
    }
}

.podcast-thread.top-space {
    margin-top: 4rem
}

.podcast-thread__section {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: #026b9c;
    color: #fff;
    width: 100%;
    height: auto;
    min-height: 26.4rem;
    padding: 2.4rem 2.4rem 6.4rem 1.6rem;
    border-top: .4rem solid rgba(0, 0, 0, .15)
}

@media(min-width: 768px) {
    .podcast-thread__section {
        padding: 2.4rem 2.4rem 6.4rem 2.4rem
    }
}

@media(min-width: 1024px) {
    .podcast-thread__section {
        padding-top: 3.2rem
    }
}

@media(min-width: 1200px) {
    .podcast-thread__section.isAbo {
        padding-left: 3.2rem
    }
}

.podcast-thread__section-header {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.podcast-thread__section-title {
    font-weight: 700;
    font-size: 2.2rem;
    line-height: 2.4rem;
    letter-spacing: .06rem
}

.podcast-thread__section-title {
    font-family: "Trebuchet MS", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loaded) .podcast-thread__section-title {
    letter-spacing: -1.607px
}

html:not(.fonts-loaded) .podcast-thread__section-title>* {
    letter-spacing: -1.607px
}

html.fonts-loaded .podcast-thread__section-title {
    font-family: "Marr Sans Condensed", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loading) .podcast-thread__section-title {
    letter-spacing: .05rem
}

@media(min-width: 768px) {
    .podcast-thread__section-title {
        font-size: 2.9rem;
        line-height: 2.8rem
    }
}

.podcast-thread__section-content {
    display: flex;
    padding-top: 1.6rem;
    padding-bottom: 1.6rem
}

@media(max-width: 767px) {
    .podcast-thread__section--river .podcast-thread__section-content {
        flex-direction: row-reverse;
        justify-content: space-between
    }
}

@media(min-width: 1024px) {
    .podcast-thread__section-content {
        padding-top: .8rem
    }
}

.podcast-thread__section-desc {
    font-size: 1.6rem;
    line-height: 2.2rem;
    letter-spacing: .01rem;
    font-weight: normal;
    max-width: calc(100% - 12rem)
}

.podcast-thread__section-desc {
    font-family: Georgia, Droid-serif, serif
}

html:not(.fonts-loaded) .podcast-thread__section-desc {
    letter-spacing: -0.645px
}

html:not(.fonts-loaded) .podcast-thread__section-desc>* {
    letter-spacing: -0.645px
}

html.fonts-loaded .podcast-thread__section-desc {
    font-family: "The Antiqua B standard", Georgia, Droid-serif, serif
}

@supports(font-variation-settings: normal) {
    html.fonts-loaded .podcast-thread__section-desc {
        font-family: "The Antiqua B", Georgia, Droid-serif, serif
    }
}

.podcast-thread__section-link {
    position: relative;
    display: block
}

.podcast-thread__section-more.button-small {
    min-width: 8rem
}

@media(min-width: 1024px) {
    .podcast-thread__section-more.button-small {
        display: none
    }
}

.podcast-thread__section-img {
    flex: 0 0 auto;
    margin: 0;
    width: 8.8rem;
    height: 8.8rem;
    margin-right: 1.6rem
}

.podcast-thread__section--river .podcast-thread__section-img {
    margin-right: 0
}

@media(min-width: 768px) {
    .podcast-thread__section-img {
        width: 8rem;
        height: 8rem
    }

    .podcast-thread__section--river .podcast-thread__section-img {
        position: absolute;
        top: 0;
        right: 0;
        width: 12rem;
        height: 12rem;
        margin: 0
    }
}

@media(min-width: 1024px) {
    .podcast-thread__section-img {
        position: absolute;
        top: 0;
        right: 0;
        width: 12rem;
        height: 12rem;
        margin: 0
    }
}

.podcast-thread__section-footer {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.podcast-thread__section-parts {
    color: #fcfcfd;
    font-size: 1.3rem;
    font-weight: 400;
    line-height: 1.5rem;
    letter-spacing: .07rem;
    opacity: .7;
    text-transform: uppercase
}

.podcast-thread__section-parts {
    font-family: "Trebuchet MS", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loaded) .podcast-thread__section-parts {
    letter-spacing: -1.607px
}

html:not(.fonts-loaded) .podcast-thread__section-parts>* {
    letter-spacing: -1.607px
}

html.fonts-loaded .podcast-thread__section-parts {
    font-family: "Marr Sans Condensed", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loading) .podcast-thread__section-parts {
    letter-spacing: .05rem
}

@media(min-width: 1024px) {
    .podcast-thread__section-parts {
        font-weight: 500
    }
}

@media(min-width: 1024px) {
    .podcast-thread[data-sublink=lheure-du-monde] .carousel__card:nth-child(n+6) {
        display: none
    }

    .podcast-thread:not([data-sublink=lheure-du-monde]) .carousel__card:nth-child(n+4) {
        display: none
    }
}

.podcast-snippet {
    position: relative;
    margin-bottom: 3.2rem
}

@media(min-width: 768px) {
    .podcast-snippet {
        margin: 0 0 5.6rem 0
    }
}

@media(min-width: 768px) {
    .podcast-snippet.acast {
        margin-bottom: 8rem
    }
}

@media(min-width: 768px) {
    .podcast-snippet.spotify {
        margin-bottom: 12rem
    }
}

.podcast-snippet__section {
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 6rem;
    min-height: auto;
    padding: 0 0 0 1.6rem
}

@media(min-width: 768px) {
    .podcast-snippet__section {
        align-items: flex-start;
        height: 23.2rem;
        padding: 2rem 0 0 3.2rem;
        border-top: 0
    }
}

.podcast-snippet__section-link {
    background-color: #252525;
    text-align: center;
    width: 100%;
    border-bottom: .1rem solid rgba(255, 255, 255, .1);
    padding-bottom: 1.6rem;
    margin-bottom: 1.6rem
}

@media(min-width: 768px) {
    .podcast-snippet__section-link {
        background-color: rgba(0, 0, 0, 0);
        position: absolute;
        top: 2rem;
        right: 2rem;
        width: auto;
        border-bottom: 0;
        padding-bottom: 0;
        margin-bottom: 0
    }
}

.podcast-snippet__section-link[href=""] {
    display: none
}

.podcast-snippet__section-link .button-small {
    min-width: 15rem
}

@media(max-width: 767px) {

    .podcast-snippet__spotify,
    .podcast-snippet__acast {
        margin: 0
    }
}

@media(min-width: 768px) {

    .podcast-snippet__spotify,
    .podcast-snippet__acast {
        position: absolute;
        left: 3.2rem;
        right: 0;
        top: 6.4rem;
        background: none
    }
}

.podcast-snippet__spotify .podcast-snippet__content,
.podcast-snippet__acast .podcast-snippet__content {
    background-color: #252525
}

.podcast-snippet__content {
    position: relative;
    padding: 0;
    width: auto
}

.podcast-snippet__title {
    font-size: 1.6rem;
    font-weight: 600;
    color: #fff;
    opacity: 1;
    line-height: 1.8rem;
    letter-spacing: .03rem;
    text-transform: uppercase;
    margin: 0
}

.podcast-snippet__title {
    font-family: "Trebuchet MS", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loaded) .podcast-snippet__title {
    letter-spacing: -1.607px
}

html:not(.fonts-loaded) .podcast-snippet__title>* {
    letter-spacing: -1.607px
}

html.fonts-loaded .podcast-snippet__title {
    font-family: "Marr Sans Condensed", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loading) .podcast-snippet__title {
    letter-spacing: .05rem
}

@media(min-width: 768px) {
    .podcast-snippet__title {
        font-size: 1.9rem;
        letter-spacing: .05rem;
        line-height: 2.4rem
    }
}

.podcast-snippet__bottom {
    color: #d5d8dc;
    font-size: 1.4rem;
    align-items: center;
    font-weight: 500;
    background-color: #252525;
    width: auto;
    padding: 1.6rem 0;
    margin: 0;
    flex-wrap: wrap;
    display: none
}

.podcast-snippet__bottom {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .podcast-snippet__bottom {
    letter-spacing: .314px
}

html:not(.fonts-loaded) .podcast-snippet__bottom>* {
    letter-spacing: .314px
}

html.fonts-loaded .podcast-snippet__bottom {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

@media(min-width: 768px) {
    .podcast-snippet__bottom {
        margin-left: 3.2rem;
        padding-top: 4rem
    }
}

.podcast-snippet__bottom p {
    font-size: 1.2rem;
    line-height: 1.4rem;
    padding: 0 0 .8rem 0;
    margin: 0 1.6rem
}

@media(min-width: 768px) {
    .podcast-snippet__bottom p {
        font-size: 1.4rem;
        line-height: 2.8rem;
        padding: 0 .8rem 0 0;
        margin: 0 0 0 1.6rem
    }
}

.podcast-snippet__links {
    all: unset;
    display: flex;
    flex-wrap: wrap;
    margin-left: 1.6rem
}

@media(min-width: 768px) {
    .podcast-snippet__links {
        margin-left: 0
    }
}

.podcast-snippet__links a {
    border: .1rem solid rgba(255, 255, 255, .3) !important
}

.podcast-snippet__links a {
    color: rgba(255, 255, 255, .8);
    font-size: 1.2rem;
    border-radius: 3rem;
    height: 3rem;
    align-items: center;
    justify-content: center;
    -webkit-text-decoration: none;
    text-decoration: none;
    width: auto;
    padding: 0 1.2rem;
    margin-bottom: .8rem;
    display: none
}

.podcast-snippet__links a:not([href=""]) {
    display: flex
}

.podcast-snippet__links a:not(:last-of-type) {
    margin-right: .8rem
}

.podcast-snippet__links a {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .podcast-snippet__links a {
    letter-spacing: .314px
}

html:not(.fonts-loaded) .podcast-snippet__links a>* {
    letter-spacing: .314px
}

html.fonts-loaded .podcast-snippet__links a {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.podcast-snippet__links a:hover {
    border: .1rem solid #bdc1c8 !important
}

.podcast-snippet__links a:hover {
    color: #fff
}

.podcast-snippet__links a span {
    display: inline;
    margin-left: .8rem
}

@media(min-width: 768px) {
    .podcast-snippet__links a {
        margin-bottom: 0
    }
}

.podcast--spotify .podcast__content {
    margin-bottom: 3.2rem
}

.podcast__top {
    background-color: #026b9c;
    display: inline-flex;
    position: absolute;
    left: 2.4rem;
    top: -1.6rem;
    height: 3.2rem;
    align-items: center
}

.podcast__top {
    font-family: "Trebuchet MS", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loaded) .podcast__top {
    letter-spacing: -1.607px
}

html:not(.fonts-loaded) .podcast__top>* {
    letter-spacing: -1.607px
}

html.fonts-loaded .podcast__top {
    font-family: "Marr Sans Condensed", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loading) .podcast__top {
    letter-spacing: .05rem
}

.podcast__top p {
    text-transform: uppercase;
    color: #fff;
    font-size: 1.6rem;
    padding: 0 1.2rem
}

.podcast__content {
    margin: 1.6rem .8rem 0;
    position: relative;
    padding-top: 3.2rem
}

.podcast__bottom {
    position: relative;
    top: 1.6rem;
    margin: 0 2.4rem 5rem;
    padding-bottom: 3.2rem;
    color: #d5d8dc;
    font-size: 1.4rem;
    align-items: center;
    font-weight: 500;
    display: none
}

.podcast__bottom {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .podcast__bottom {
    letter-spacing: .314px
}

html:not(.fonts-loaded) .podcast__bottom>* {
    letter-spacing: .314px
}

html.fonts-loaded .podcast__bottom {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.podcast__bottom--show {
    display: block
}

@media(min-width: 768px) {
    .podcast__bottom--show {
        display: flex
    }
}

.podcast__bottom p {
    margin-top: 0;
    margin-right: 1.6rem;
    font-size: 1.4rem
}

.podcast__main {
    position: relative
}

@media(min-width: 1024px) {
    .podcast__main {
        grid-column: 1/3;
        grid-row: 2;
        display: flex;
        align-items: flex-start
    }
}

.podcast__main:hover .podcast__main-title {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.podcast__main-title {
    color: #2a303b;
    font-size: 1.6rem;
    line-height: 1.25;
    font-weight: 700;
    padding-bottom: 2.4rem
}

.podcast__main-title {
    font-family: Georgia, Droid-serif, serif
}

html:not(.fonts-loaded) .podcast__main-title {
    letter-spacing: -0.645px
}

html:not(.fonts-loaded) .podcast__main-title>* {
    letter-spacing: -0.645px
}

html.fonts-loaded .podcast__main-title {
    font-family: "The Antiqua B standard", Georgia, Droid-serif, serif
}

@supports(font-variation-settings: normal) {
    html.fonts-loaded .podcast__main-title {
        font-family: "The Antiqua B", Georgia, Droid-serif, serif
    }
}

@media(min-width: 1024px) {
    .podcast__main-title {
        padding-bottom: 0;
        font-size: 2.4rem
    }
}

.podcast__main-media {
    width: 100%;
    height: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%
}

@media(min-width: 1024px)and (max-width: 1199px) {
    .podcast__main-media {
        height: 95%;
        width: auto
    }
}

@media(min-width: 1200px) {
    .podcast__main-media {
        position: relative
    }
}

.podcast__media-container {
    flex: 1;
    position: relative;
    padding-top: 66.66%;
    margin-bottom: 1.6rem
}

@media(min-width: 1024px) {
    .podcast__media-container {
        margin-bottom: 0;
        margin-right: 1.6rem;
        padding-top: 0;
        padding-top: initial;
        height: 30.1333rem
    }
}

@media(min-width: 1200px) {
    .podcast__media-container {
        height: 100%
    }

    .podcast__media-container .podcast__picture {
        display: flex
    }
}

.podcast__main-content {
    flex: 1
}

@media(min-width: 1024px) {
    .podcast__main-content {
        margin-left: 1.6rem
    }
}

.podcast__main-desc {
    display: none
}

@media(min-width: 1024px) {
    .podcast__main-desc {
        display: block;
        margin-top: 1.6rem;
        font-size: 1.5rem;
        line-height: 1.33;
        color: #454f5f
    }

    .podcast__main-desc {
        font-family: Georgia, Droid-serif, serif
    }

    html:not(.fonts-loaded) .podcast__main-desc {
        letter-spacing: -0.645px
    }

    html:not(.fonts-loaded) .podcast__main-desc>* {
        letter-spacing: -0.645px
    }

    html.fonts-loaded .podcast__main-desc {
        font-family: "The Antiqua B standard", Georgia, Droid-serif, serif
    }

    @supports(font-variation-settings: normal) {
        html.fonts-loaded .podcast__main-desc {
            font-family: "The Antiqua B", Georgia, Droid-serif, serif
        }
    }
}

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

@media(min-width: 1200px) {
    .podcast__links {
        flex-wrap: nowrap
    }
}

.podcast__links a {
    border-radius: .3rem;
    border: .1rem solid #bdc1c8;
    color: #fff;
    width: 3.6rem;
    height: 3.6rem;
    display: none;
    align-items: center;
    justify-content: center;
    -webkit-text-decoration: none;
    text-decoration: none;
    width: auto;
    padding: 0 1.6rem;
    margin-bottom: 1.6rem
}

.podcast__links a:not([href=""]) {
    display: flex
}

.podcast__links a:not(:last-of-type) {
    margin-right: 1.6rem
}

.podcast__links a:hover {
    border-bottom: .1rem solid #bdc1c8
}

.podcast__links a span {
    display: inline;
    color: #fff;
    margin-left: .8rem
}

.button-small {
    font-weight: 600;
    font-size: 1.3rem;
    color: #fff;
    line-height: 1.6rem;
    display: inline-block;
    text-align: center;
    width: auto;
    border: 1px solid rgba(255, 255, 255, .3);
    border-radius: 1.3rem;
    padding: .5rem 1.2rem;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.button-small {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .button-small {
    letter-spacing: .314px
}

html:not(.fonts-loaded) .button-small>* {
    letter-spacing: .314px
}

html.fonts-loaded .button-small {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.podcast-thread__section--river .button-small {
    display: none
}

.lmd-link:hover {
    -webkit-text-decoration: underline;
    text-decoration: underline;
    text-decoration-thickness: .06em;
    text-underline-offset: .2em
}

.lmd-link-reverse {
    -webkit-text-decoration: underline;
    text-decoration: underline;
    text-decoration-thickness: .06em;
    text-underline-offset: .2em
}

.lmd-link-reverse:hover {
    opacity: .8;
    -webkit-text-decoration: none;
    text-decoration: none
}

.lmd-link-nav:hover {
    color: #026b9c
}

.lmd-link-blue {
    color: #026b9c;
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.lmd-link-blue:hover {
    color: #005b85
}

.lmd-link-opacity:hover {
    opacity: .8
}

.footer {
    position: relative;
    z-index: 4;
    -webkit-font-smoothing: antialiased;
    background-color: #2a303b;
    color: #e8eaee;
    padding: 4rem 1.6rem
}

@media print {
    .footer {
        display: none
    }
}

.footer--free .zone--footer {
    max-width: 100rem
}

.footer--abo .zone--footer {
    max-width: 121.6rem
}

.footer--multimedia {
    padding-top: 1.6rem
}

.footer .zone {
    margin: 0 auto
}

.footer {
    font-family: "Helvetica Neue", Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .footer {
    font-family: "Helvetica Neue", Helvetica, Arial, Roboto, sans-serif
}

@media(min-width: 768px) {
    .footer {
        padding-left: 3.2rem;
        padding-right: 3.2rem
    }
}

@media(min-width: 1024px) {
    .footer {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media(min-width: 1200px) {
    .footer {
        padding-left: 0;
        padding-right: 0
    }
}

@media(min-width: 768px) {
    .footer__top {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-column-gap: 2.4rem;
        column-gap: 2.4rem
    }

    .zone--footer-partner .footer__top {
        grid-template-columns: repeat(4, 1fr)
    }
}

@media(min-width: 1024px) {
    html[lang=fr] .footer__top {
        grid-template-columns: repeat(4, 1fr);
        column-gap: normal;
        column-gap: initial
    }

    html[lang=en] .footer__top {
        grid-template-columns: 2fr 1fr;
        margin-left: 10rem
    }
}

@media(min-width: 768px) {
    .footer__top>.footer__category {
        margin-right: 2.4rem
    }
}

@media(min-width: 1024px) {
    .footer__top>.footer__category {
        margin-right: 2.4rem
    }
}

.footer__category {
    line-height: 1;
    padding: 1.6rem 0;
    border-bottom: .1rem solid #a4a9b4
}

@media(min-width: 768px) {
    .footer__category {
        width: 33.3336%;
        border-bottom: 0;
        padding: 0 0 2.4rem 0
    }
}

@media(min-width: 768px) {
    .footer__category-container {
        display: flex;
        flex-flow: column wrap;
        grid-column: 1/span 3;
        max-height: 50rem
    }

    html[lang=en] .footer__category-container {
        max-height: 40rem
    }

    .zone--footer-partner .footer__category-container {
        max-height: 35rem
    }
}

@media(min-width: 1024px) {
    html[lang=en] .footer__category-container {
        grid-column: 1/span 1;
        grid-row: 1/3;
        max-height: 45rem
    }
}

.footer__category-checkbox {
    position: absolute;
    left: -1000rem;
    opacity: 0
}

.footer__category-checkbox:checked~.footer__category-label:after {
    background-image: url("9dea0c338971e021aa8e0fae7320add8f298f836.svg")
}

.footer__category-checkbox:checked~.footer__links {
    height: auto;
    padding-top: .8rem
}

.footer__category-label {
    position: relative;
    display: block;
    cursor: pointer
}

@media(min-width: 768px) {
    .footer__category-label {
        pointer-events: none
    }
}

.footer__category-label:after {
    content: " ";
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    height: 1rem;
    width: 1rem;
    background-image: url("f925c550b498e5feb3d2a9dd83042f7ae97c9132.svg");
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block
}

@media(min-width: 768px) {
    .footer__category-label:after {
        display: none
    }
}

.footer__category-title {
    font-family: "Marr Sans Condensed", Helvetica, Arial, Roboto, sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 1.4rem;
    letter-spacing: .1rem;
    color: #fff;
    padding: 0;
    margin: 0
}

@media(min-width: 768px) {
    .footer__category-title {
        padding-bottom: .8rem
    }
}

.footer__category-legales {
    display: none
}

.footer__category-sites {
    border-bottom: 0
}

@media(min-width: 768px) {
    .zone--footer-partner .footer__category-services {
        order: 1
    }

    .zone--footer-partner .footer__category-codes {
        order: 2
    }

    .zone--footer-partner .footer__category-partners {
        order: 3
    }

    .zone--footer-partner .footer__category-guides {
        order: 4
    }

    .zone--footer-partner .footer__category-international {
        order: 5
    }

    .zone--footer-partner .footer__category-legales {
        display: block;
        order: 6
    }

    .zone--footer-partner .footer__category-sites {
        display: none
    }
}

.footer__links {
    height: 0;
    font-size: 1.3rem;
    line-height: 1.3;
    list-style: none;
    position: relative;
    overflow: hidden;
    padding-left: 0;
    margin: 0
}

@media(min-width: 768px) {
    .footer__links {
        display: block;
        height: auto
    }
}

.footer__links.ui-collapse--shown {
    height: auto;
    display: block
}

.footer__links--list {
    padding-top: 0;
    height: auto;
    display: block
}

@media(min-width: 576px) {
    .footer__mandatory .footer__links--list {
        text-align: center
    }
}

.footer__links--social {
    list-style: none;
    display: flex;
    height: auto;
    width: 50%;
    flex-direction: column;
    padding-top: 0
}

.footer__links--social:first-of-type .footer__bullet--social:first-of-type {
    margin-left: 0
}

.footer__links--social>.footer__bullet:before {
    display: none
}

@media(min-width: 768px) {
    .footer__links--social {
        flex-direction: row;
        align-items: center;
        width: auto
    }
}

.footer__links--apps {
    height: auto;
    list-style: none;
    padding-top: 0;
    display: flex;
    align-self: center
}

.footer__links--apps>.footer__bullet:before {
    display: none
}

@media(min-width: 768px) {
    .footer__middle {
        display: grid;
        grid-template-columns: 1fr 2fr;
        grid-column-gap: 2.4rem;
        column-gap: 2.4rem;
        grid-column: 1/-1;
        border-top: .1rem solid #a4a9b4
    }
}

@media(min-width: 1024px) {
    .footer__middle {
        grid-template-columns: initial;
        grid-column: unset;
        margin-top: 0;
        border-top: 0
    }
}

.zone--footer-partner .footer__middle {
    display: none
}

@media(min-width: 768px) {
    .footer__middle>.footer__cta {
        border-top: 0
    }

    .footer__middle>.footer__cta:not(:last-of-type) {
        margin-right: 2.4rem
    }
}

@media(min-width: 1024px) {
    .footer__middle>.footer__cta {
        border-top: .1rem solid #a4a9b4
    }

    .footer__middle>.footer__cta:not(:last-of-type) {
        margin-right: 0
    }
}

.footer__middle-multimedia {
    width: 100%
}

@media(min-width: 768px) {
    .footer__middle-multimedia>.footer__cta {
        width: 100%
    }
}

.footer__links-multimedia {
    display: flex;
    justify-content: center
}

@media(max-width: 767px) {
    .footer__links-multimedia {
        flex-direction: column
    }
}

.footer__bullet-multimedia {
    margin-left: 1rem;
    font-size: 1.2rem
}

.footer__bullet {
    line-height: 1.6;
    position: relative
}

.footer__bullet:before {
    display: block;
    position: absolute;
    left: 0;
    content: "•";
    line-height: 1;
    top: 50%;
    transform: translateY(-50%)
}

@media(min-width: 1024px) {
    .footer__bullet {
        padding-bottom: .4rem
    }
}

.footer__bullet>.footer__link {
    padding-left: .8rem
}

.footer__bullet>.footer__link--apps {
    padding-left: 0;
    align-self: center
}

@media(min-width: 576px) {
    .footer__mandatory .footer__bullet {
        display: inline-block;
        padding: .4rem 0
    }

    .footer__mandatory .footer__bullet:not(:last-of-type) {
        padding-right: 2.4rem
    }
}

.footer__bullet--social {
    line-height: 2.4
}

@media(min-width: 768px) {
    .footer__bullet--social {
        height: 100%;
        margin-left: 1.2rem
    }
}

@media(min-width: 1024px) {
    .footer__bullet--social {
        margin-left: 3.2rem;
        line-height: 1
    }
}

.footer__bullet--apps {
    display: flex;
    align-self: center
}

.footer__bullet--apps:first-of-type:after {
    content: "|";
    display: block;
    margin-left: .4rem;
    margin-right: .4rem
}

.footer__icon {
    width: 2.9rem;
    height: 1.8rem
}

.footer__icon.icon__mail {
    align-self: flex-start
}

.footer__link {
    display: inline-flex;
    width: 100%;
    align-items: flex-end;
    line-height: 1.23;
    color: #e8eaee;
    -webkit-text-decoration: none;
    text-decoration: none
}

.footer__link:hover {
    -webkit-text-decoration: underline;
    text-decoration: underline;
    text-decoration-thickness: .06em;
    text-underline-offset: .2em
}

.footer__link--cta {
    margin-top: 1.6rem
}

.footer__link--list {
    margin-top: 0
}

html[lang=en] .footer__subscribe-link {
    display: block;
    margin: .8rem 0;
    max-width: 20rem
}

.footer__subscribe-button {
    color: #fff;
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 1.6rem;
    width: 9rem;
    height: 3rem
}

.footer__subscribe-button:hover {
    color: #383f4e
}

.footer__cta {
    border-top: .1rem solid #a4a9b4;
    padding: 2.4rem 0;
    font-size: 1.3rem;
    line-height: 1.3
}

@media(min-width: 768px) {
    .footer__cta:first-of-type {
        border-top: 0
    }
}

@media(min-width: 1024px) {
    .footer__cta:first-of-type {
        padding-top: 0
    }
}

.footer__mandatory {
    padding: 2.4rem 0;
    border-top: .1rem solid #a4a9b4
}

@media(min-width: 576px) {
    .footer__mandatory {
        padding: 2.8rem 0
    }
}

.zone--footer-partner .footer__mandatory {
    display: none
}

.footer__bottom {
    border-top: .1rem solid #a4a9b4;
    padding-top: 2.4rem
}

@media(min-width: 1024px) {
    .footer__bottom .footer__title {
        margin-right: 3.2rem
    }
}

@media(min-width: 1024px) {
    .footer__bottom {
        display: flex;
        justify-content: center;
        align-items: center
    }
}

.footer__social {
    margin-top: 1.6rem;
    display: flex
}

.footer__social .footer__link {
    padding-left: 0
}

@media(min-width: 768px) {
    .footer__social .footer__link {
        align-items: center;
        height: 100%
    }
}

@media(min-width: 1024px) {
    .footer__social {
        margin-top: 0
    }
}

.footer__title {
    font-family: "Marr Sans Condensed", Helvetica, Arial, Roboto, sans-serif;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.4rem;
    line-height: 1.28;
    position: relative;
    margin: 0
}

html[lang=en] .footer__title {
    display: flex;
    align-items: center
}

.footer__title--category {
    background: rgba(0, 0, 0, 0);
    border: 0;
    margin: 0;
    padding: 0;
    width: 100%;
    display: inline-block;
    text-align: left;
    cursor: pointer;
    line-height: 1
}

.footer__title--category:focus {
    outline: 0
}

.footer__title--category.ui-collapse--shown:after {
    height: .2rem;
    background-image: url("9dea0c338971e021aa8e0fae7320add8f298f836.svg")
}

@media(min-width: 768px) {
    .footer__title--category.ui-collapse--shown:after {
        display: none
    }
}

.footer__title--category:after {
    background-image: url("f925c550b498e5feb3d2a9dd83042f7ae97c9132.svg")
}

@media(min-width: 768px) {
    .footer__title--category:after {
        display: none
    }
}

@media(min-width: 1024px) {
    .footer__title--category {
        cursor: default
    }
}

.footer__apps {
    display: flex;
    margin-top: 1.6rem
}

.sr-only {
    border: 0 !important;
    clip: rect(1px, 1px, 1px, 1px) !important;
    -webkit-clip-path: inset(50%) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    white-space: nowrap !important
}

.seo-only {
    display: none
}

.lmd-btn {
    align-items: center;
    border: 0;
    border-radius: .3rem;
    cursor: pointer;
    display: flex;
    flex-shrink: 0;
    font-weight: 500;
    height: 3rem;
    justify-content: center;
    line-height: 1;
    max-width: 100%;
    text-align: center
}

.lmd-btn {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .lmd-btn {
    letter-spacing: .314px
}

html:not(.fonts-loaded) .lmd-btn>* {
    letter-spacing: .314px
}

html.fonts-loaded .lmd-btn {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.lmd-btn--s {
    font-size: 1.2rem;
    padding: .9rem 1.6rem .7rem
}

.lmd-btn--m {
    font-size: 1.4rem;
    padding: .8rem 1.6rem .5rem
}

.lmd-btn--l {
    font-size: 1.6rem;
    height: 4.2rem;
    padding: 1rem 2.4rem
}

.lmd-btn--fullwidth {
    width: 100%
}

.lmd-btn--primary {
    background-color: #026b9c;
    color: #fff
}

.lmd-btn--primary:hover {
    background-color: #005b85
}

.lmd-btn--white {
    background-color: #fff;
    border: .1rem solid #bdc1c8;
    color: #2a303b
}

.lmd-btn--white:hover {
    background-color: #f5f6f8;
    border-color: #bdc1c8
}

.lmd-btn--premium {
    background-color: #ffc700;
    color: #2a303b
}

.lmd-btn--premium:hover {
    background-color: #eab002
}

.lmd-btn--black {
    background-color: #2a303b;
    color: #fff
}

.lmd-btn--black:hover {
    background-color: #454f5f
}

.lmd-btn--blue {
    background-color: #01364f;
    color: #fff
}

.lmd-btn--blue:hover {
    background-color: #01364f
}

.lmd-btn-services {
    align-items: center;
    border: .1rem solid #d5d8dc;
    border-radius: 1.4rem;
    color: #2a303b;
    display: inline-flex;
    flex-shrink: 0;
    font-size: 1.3rem;
    font-weight: 600;
    line-height: 1;
    justify-content: center;
    padding: .4rem 1.2rem
}

.lmd-btn-services {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .lmd-btn-services {
    letter-spacing: .314px
}

html:not(.fonts-loaded) .lmd-btn-services>* {
    letter-spacing: .314px
}

html.fonts-loaded .lmd-btn-services {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.lmd-btn-services:hover {
    background-color: #f5f6f8
}

.lmd-btn-services:active {
    border-color: #d5d8dc;
    background-color: #d5d8dc
}

.lmd-btn-rub {
    align-items: center;
    border: .1rem solid #d5d8dc;
    border-radius: .3rem;
    color: #383f4e;
    display: inline-flex;
    flex-shrink: 0;
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 1;
    justify-content: center;
    padding: 1.2rem 1.2rem 1rem;
    letter-spacing: .01rem
}

.lmd-btn-rub {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .lmd-btn-rub {
    letter-spacing: .314px
}

html:not(.fonts-loaded) .lmd-btn-rub>* {
    letter-spacing: .314px
}

html.fonts-loaded .lmd-btn-rub {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.lmd-btn-rub:hover {
    background-color: rgba(42, 48, 59, .03)
}

.lmd-input-select__input:disabled .icon__arrow-dropdown,
.top-banner__close-btn,
.top-banner__icon-cb,
.paywall-04__icon-cb,
.paywall-04__icon-paypal {
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    flex-shrink: 0
}

.paywall {
    background-color: #f5f6f8;
    height: auto;
    left: 0;
    position: relative;
    width: 100%;
    z-index: 2
}

.paywall--en .paywall__content {
    padding: 1.6rem
}

.paywall--en .paywall__login {
    line-height: 2.4rem;
    margin-bottom: 0
}

.paywall__header {
    text-align: center
}

@media(min-width: 768px) {
    .paywall__header {
        order: 1
    }
}

.paywall__content {
    background-color: #ffebcc;
    color: #2a303b;
    margin-bottom: 1.2rem;
    margin-left: 50%;
    padding: 1.2rem;
    position: relative;
    transition: height .3s ease;
    transform: translate3d(-50%, 0, 0);
    width: 100vw
}

@media(min-width: 768px) {
    .paywall__content {
        height: 20rem;
        display: flex;
        flex-direction: column;
        margin-left: 0;
        transform: none;
        width: 100%
    }
}

.paywall__content--extend {
    height: 35rem
}

@media(min-width: 768px) {
    .paywall__content--extend {
        height: 18.8rem
    }
}

.paywall__content--orange-money {
    height: auto;
    padding: 1.2rem 3.2rem 1.2rem
}

.paywall__content--lmi {
    height: 20rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 2.4rem;
    padding: 1.6rem
}

.paywall__content--lmi .paywall__header--lmi {
    order: 1
}

.paywall__content--lmi .paywall__next {
    max-width: 25rem;
    margin: 0 auto
}

@media(min-width: 576px) {
    .paywall__content--lmi .paywall__next {
        max-width: none
    }
}

.paywall__content--lmi .paywall__text-wrap,
.paywall__content--lmi .paywall__text-wrap--desktop {
    display: block
}

.paywall__content--lmi .paywall__subscribtion {
    margin-top: 0;
    margin-top: initial;
    width: 100%;
    max-width: none;
    max-width: initial;
    order: 3
}

@media(min-width: 576px) {
    .paywall__content--lmi .paywall__subscribtion {
        max-width: 28rem
    }
}

.paywall__content--integral {
    justify-content: center
}

.paywall__comments {
    display: none;
    position: absolute;
    bottom: 86.4%;
    width: 100%;
    background-color: #fff6d3;
    color: #2a303b;
    padding: 1.6rem;
    border-radius: .2rem;
    border: .1rem solid #f3ecce;
    flex-direction: column;
    z-index: 99
}

.paywall__comments:before {
    content: "";
    position: absolute;
    display: block;
    width: 0;
    left: 50%;
    transform: translateX(-50%);
    top: 100%;
    border: 11px solid rgba(0, 0, 0, 0);
    border-top-color: #f3ecce
}

.paywall__comments:after {
    content: "";
    position: absolute;
    display: block;
    width: 0;
    left: 50%;
    transform: translateX(-50%);
    top: 100%;
    border: 10px solid rgba(0, 0, 0, 0);
    border-top-color: #fff6d3
}

@media(min-width: 768px) {
    .paywall__comments {
        max-width: 66.6rem;
        margin-left: 0;
        width: 100%;
        padding: 1.4rem 0
    }

    .paywall__comments:after {
        left: 5.5rem
    }

    .paywall__comments:before {
        left: 5.5rem
    }
}

@media(min-width: 768px)and (max-width: 1024px) {
    .paywall__comments:after {
        border-width: 1rem
    }

    .paywall__comments:before {
        border-width: 1.1rem
    }
}

@media(min-width: 1024px) {
    .paywall__comments {
        bottom: 80%
    }

    .paywall__comments:after {
        border-width: .7rem
    }

    .paywall__comments:before {
        border-width: .8rem
    }
}

.paywall__comments--show {
    display: flex
}

.paywall__comments-header {
    display: flex;
    flex-direction: column;
    justify-content: flex-start
}

@media(min-width: 768px) {
    .paywall__comments-header {
        margin-left: 2.4rem
    }
}

.paywall__comments-btn {
    margin-top: .8rem;
    display: flex
}

@media(min-width: 768px) {
    .paywall__comments-btn {
        margin: .8rem 2.4rem 0
    }
}

.paywall__comments-subscribe a {
    border-bottom: none;
    font-size: 1.2rem;
    font-weight: 500
}

.paywall__comments-login {
    color: #565e70;
    font-size: 1.2rem;
    line-height: 1.67;
    align-self: center;
    margin-left: 1.6rem
}

.paywall__comments-title {
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 1.3
}

.paywall__comments-title {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .paywall__comments-title {
    letter-spacing: .314px
}

html:not(.fonts-loaded) .paywall__comments-title>* {
    letter-spacing: .314px
}

html.fonts-loaded .paywall__comments-title {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.paywall__comments-subtitle {
    font-size: 1.3rem
}

.paywall__comments-subtitle {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .paywall__comments-subtitle {
    letter-spacing: .314px
}

html:not(.fonts-loaded) .paywall__comments-subtitle>* {
    letter-spacing: .314px
}

html.fonts-loaded .paywall__comments-subtitle {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.paywall__comments-close {
    position: absolute;
    top: 0;
    right: .4rem;
    width: 2.4rem;
    height: 2.4rem;
    text-align: center;
    cursor: pointer
}

.paywall__comments-close:before {
    content: "×";
    font-size: 2.6rem;
    display: block;
    margin-top: -0.6rem
}

@media(min-width: 1024px) {
    .paywall__comments-close {
        width: 1rem;
        height: 1rem;
        top: 0;
        right: 1.1rem
    }
}

.paywall__next {
    font-size: 2rem;
    font-weight: 600;
    line-height: 2.4rem;
    margin-bottom: .4rem
}

.paywall__next {
    font-family: "Trebuchet MS", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loaded) .paywall__next {
    letter-spacing: -1.607px
}

html:not(.fonts-loaded) .paywall__next>* {
    letter-spacing: -1.607px
}

html.fonts-loaded .paywall__next {
    font-family: "Marr Sans Condensed", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loading) .paywall__next {
    letter-spacing: .05rem
}

@media(min-width: 768px) {
    .paywall__next {
        font-size: 2.4rem;
        margin-right: .4rem;
        margin-bottom: 0
    }
}

@media(min-width: 1024px) {
    .paywall__next--favorites {
        font-size: 1.6rem
    }
}

.paywall__next--only-desktop {
    display: none
}

@media(min-width: 768px) {
    .paywall__next--only-desktop {
        display: block
    }
}

.paywall__next--only-mobile {
    display: block
}

@media(min-width: 768px) {
    .paywall__next--only-mobile {
        display: none
    }
}

.paywall__login {
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.4rem;
    margin-top: .8rem;
    text-align: center;
    -webkit-text-decoration: underline;
    text-decoration: underline;
    order: 4
}

.paywall__login {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .paywall__login {
    letter-spacing: .314px
}

html:not(.fonts-loaded) .paywall__login>* {
    letter-spacing: .314px
}

html.fonts-loaded .paywall__login {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

@media(max-width: 767px) {
    .paywall__login {
        margin: 0 0 1.6rem
    }
}

.paywall__login--only-desktop {
    display: none
}

@media(min-width: 768px) {
    .paywall__login--only-desktop {
        display: block
    }
}

.paywall__login--only-mobile {
    display: block
}

@media(min-width: 768px) {
    .paywall__login--only-mobile {
        display: none
    }
}

.paywall__login-link {
    color: #026b9c;
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.paywall__container {
    background-color: #fff;
    max-width: 100rem;
    margin: 0 auto;
    padding: 0 1.6rem;
    position: relative
}

@media(min-width: 1024px) {
    .paywall__container {
        padding-bottom: 15rem
    }
}

.paywall__container--no-gradient:before {
    display: none
}

.paywall__subscribtion-orange-money,
.paywall__subscribtion {
    flex-shrink: 0;
    margin-bottom: .8rem;
    text-align: center;
    width: 30rem
}

@media(min-width: 768px) {

    .paywall__subscribtion-orange-money,
    .paywall__subscribtion {
        margin-bottom: 0;
        margin-top: auto;
        order: 3
    }
}

.paywall__subscribtion-orange-money--favorites,
.paywall__subscribtion--favorites {
    margin-bottom: 2.2rem
}

.paywall__title {
    font-size: 2.4rem;
    font-weight: 600;
    line-height: 2.6rem;
    margin: 0 auto .8rem;
    max-width: 42rem;
    text-align: center
}

.paywall__title {
    font-family: "Trebuchet MS", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loaded) .paywall__title {
    letter-spacing: -1.607px
}

html:not(.fonts-loaded) .paywall__title>* {
    letter-spacing: -1.607px
}

html.fonts-loaded .paywall__title {
    font-family: "Marr Sans Condensed", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loading) .paywall__title {
    letter-spacing: .05rem
}

.paywall__title--integral {
    max-width: none
}

.paywall__message {
    font-size: 1.6rem;
    line-height: 2.1rem;
    margin: 0 auto .8rem;
    text-align: center
}

.paywall__message {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .paywall__message {
    letter-spacing: .314px
}

html:not(.fonts-loaded) .paywall__message>* {
    letter-spacing: .314px
}

html.fonts-loaded .paywall__message {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

@media(min-width: 1024px) {
    .paywall__message {
        font-size: 1.8rem;
        line-height: 2.4rem;
        margin-bottom: 1.2rem
    }
}

.paywall__subscription-btn {
    align-items: center;
    border: 0;
    border-radius: .3rem;
    cursor: pointer;
    display: flex;
    flex-shrink: 0;
    font-weight: 500;
    height: 3rem;
    justify-content: center;
    line-height: 1;
    max-width: 100%;
    text-align: center;
    background-color: #ffc700;
    color: #2a303b;
    font-size: 1.4rem;
    padding: .8rem 1.6rem .5rem;
    margin-bottom: .4rem;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 30rem
}

.paywall__subscription-btn {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .paywall__subscription-btn {
    letter-spacing: .314px
}

html:not(.fonts-loaded) .paywall__subscription-btn>* {
    letter-spacing: .314px
}

html.fonts-loaded .paywall__subscription-btn {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.paywall__subscription-btn:hover {
    background-color: #eab002
}

@media(min-width: 1024px) {
    .paywall__subscription-btn {
        font-size: 1.6rem;
        height: 4.2rem;
        padding: 1rem 2.4rem
    }
}

.paywall__option-container {
    opacity: 0;
    position: absolute;
    transform: scaleY(0);
    transform-origin: 50% 0;
    transition: transform .2s ease, opacity .1s ease;
    width: 100%;
    z-index: -1;
    margin-top: 1.2rem
}

@media(min-width: 768px) {
    .paywall__option-container {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-column-gap: 2.4rem;
        opacity: 1;
        order: 2;
        position: relative;
        transform: scaleY(1);
        z-index: 1
    }
}

@media(min-width: 1024px) {
    .paywall__option-container {
        grid-column-gap: 4.4rem;
        margin-bottom: 1.2rem
    }
}

.paywall__option-container--extend {
    position: relative;
    opacity: 1;
    transform: scaleY(1);
    z-index: 2
}

.paywall__option-container--single-column {
    grid-template-columns: 1fr
}

.paywall__option-container--single-column .paywall__option {
    justify-content: center;
    max-width: 100%;
    width: 100%
}

.paywall__option-container--lmi {
    order: 2;
    text-align: center;
    margin: .8rem 0 1.2rem
}

@media(min-width: 768px) {
    .paywall__option-container--lmi {
        margin: .8rem 0 1.6rem
    }
}

.paywall__option {
    align-items: baseline;
    display: flex;
    margin: 0 auto;
    max-width: 30rem
}

.paywall__option {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .paywall__option {
    letter-spacing: .314px
}

html:not(.fonts-loaded) .paywall__option>* {
    letter-spacing: .314px
}

html.fonts-loaded .paywall__option {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.paywall__option:not(:last-child) {
    margin-bottom: 1.6rem
}

@media(min-width: 768px) {
    .paywall__option:not(:last-child) {
        margin-bottom: 0
    }
}

.paywall__option--comments {
    max-width: 100%
}

.paywall__option--full-width {
    justify-content: center;
    max-width: 100%;
    width: 100%
}

.paywall__option--lmi {
    max-width: none;
    display: block
}

@media(min-width: 768px) {
    .paywall__option--lmi {
        max-width: 50rem
    }
}

@media(min-width: 768px)and (max-width: 1024px) {
    .paywall__option-quickfix {
        display: none
    }
}

.paywall__option-icon {
    background-image: url("");
    margin-right: .4rem;
    height: 1.2rem;
    width: 1.2rem
}

.paywall__option-icon-orange {
    margin-left: .4rem
}

@media(max-width: 768px) {
    .paywall__option-icon-orange {
        margin-top: .4rem
    }
}

.paywall__option-desc {
    font-size: 1.6rem;
    line-height: 2rem
}

.paywall__option-desc strong {
    font-weight: 500
}

.paywall__option-desc--orange-money {
    align-items: center;
    display: flex;
    justify-content: flex-start
}

.paywall__option-desc--orange-money strong {
    align-items: center;
    display: inline-flex;
    font-weight: 500;
    justify-content: flex-start
}

.paywall__more {
    align-items: center;
    background: none;
    border: 0;
    cursor: pointer;
    display: flex;
    height: 2.3rem;
    justify-content: center;
    margin: 0 auto;
    width: 15rem;
    z-index: 2
}

.paywall__more:focus {
    margin-bottom: 1.6rem;
    outline: 0
}

@media(min-width: 768px) {
    .paywall__more {
        display: none
    }
}

.paywall__more-desc {
    font-size: 1.6rem;
    line-height: 2.4rem;
    margin-right: 1.2rem
}

.paywall__more-desc {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .paywall__more-desc {
    letter-spacing: .314px
}

html:not(.fonts-loaded) .paywall__more-desc>* {
    letter-spacing: .314px
}

html.fonts-loaded .paywall__more-desc {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.paywall__more-icon {
    align-items: center;
    background-image: url("");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    height: 1.4rem;
    justify-content: center;
    transform: rotate(90deg);
    width: 1.4rem
}

.paywall__more-icon--extend {
    transform: rotate(-90deg)
}

.paywall__articles {
    margin-top: 4rem
}

@media(min-width: 768px) {
    .paywall__articles {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-template-rows: auto auto;
        grid-column: 1/span 3;
        grid-column-gap: 2.4rem;
        grid-row-gap: 2.4rem
    }
}

.paywall__articles .article {
    border-top: 0
}

.paywall__articles .article--featured {
    margin-top: 4.8rem;
    padding-top: 0
}

@media(min-width: 768px) {
    .paywall__articles .article--featured {
        margin-top: 0;
        grid-row: 2
    }
}

.paywall__articles .article--featured .article__desc {
    display: none
}

.paywall__articles .article--related {
    margin-top: 0;
    margin-bottom: 0;
    border-top: .1rem solid #a4a9b4
}

@media(min-width: 768px) {
    .paywall__articles .article--related {
        padding-top: 0;
        border-top: 0
    }
}

.paywall__articles .article--related:first-of-type {
    margin-top: 2.4rem;
    border-top: 0
}

@media(min-width: 768px) {
    .paywall__articles .article--related:first-of-type {
        margin-top: 0
    }
}

.paywall__articles .article--related:not(:last-child) {
    padding-bottom: 2.4rem;
    padding-top: 2.4rem
}

@media(min-width: 768px) {
    .paywall__articles .article--related:not(:last-child) {
        padding-top: 0
    }
}

.paywall__articles .article--related .article__title {
    font-size: 1.6rem;
    margin-top: 0
}

.paywall__articles .article--related .article__title {
    font-family: Georgia, Droid-serif, serif
}

html:not(.fonts-loaded) .paywall__articles .article--related .article__title {
    letter-spacing: -0.645px
}

html:not(.fonts-loaded) .paywall__articles .article--related .article__title>* {
    letter-spacing: -0.645px
}

html.fonts-loaded .paywall__articles .article--related .article__title {
    font-family: "The Antiqua B standard", Georgia, Droid-serif, serif
}

@supports(font-variation-settings: normal) {
    html.fonts-loaded .paywall__articles .article--related .article__title {
        font-family: "The Antiqua B", Georgia, Droid-serif, serif
    }
}

@media(min-width: 1024px) {
    .paywall__articles .article--related .article__title {
        margin-top: 1.2rem
    }
}

.paywall__articles .article--related .article__media {
    position: relative;
    float: none;
    margin-left: 0;
    max-width: 100%;
    margin-bottom: 0;
    overflow: hidden
}

.paywall__articles .article--related .article__media img {
    display: block;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: none;
    max-width: initial;
    width: auto
}

.paywall__articles .article--related .article__media-container {
    position: relative;
    float: right;
    width: 11.4rem;
    margin-bottom: .4rem;
    margin-left: 1.6rem
}

@media(min-width: 1024px) {
    .paywall__articles .article--related .article__media-container {
        float: none;
        max-width: 100%;
        margin-left: 0;
        margin-bottom: 0;
        width: 100%
    }
}

.paywall__articles-title {
    grid-column: 1/span 3;
    grid-row: 1;
    font-weight: 800;
    font-size: 2.4rem;
    letter-spacing: .003rem;
    line-height: 1.29
}

.paywall__articles-title {
    font-family: Georgia, Droid-serif, serif
}

html:not(.fonts-loaded) .paywall__articles-title {
    letter-spacing: -0.645px
}

html:not(.fonts-loaded) .paywall__articles-title>* {
    letter-spacing: -0.645px
}

html.fonts-loaded .paywall__articles-title {
    font-family: "The Antiqua B standard", Georgia, Droid-serif, serif
}

@supports(font-variation-settings: normal) {
    html.fonts-loaded .paywall__articles-title {
        font-family: "The Antiqua B", Georgia, Droid-serif, serif
    }
}

@media(min-width: 360px) {
    .paywall__articles-title {
        font-size: 2.7rem
    }
}

.paywall--abo,
.paywall--free {
    background-color: #fcfcfd
}

.paywall--abo .paywall__header,
.paywall--free .paywall__header {
    display: none
}

.paywall--abo:before,
.paywall--free:before {
    display: none
}

.paywall--abo .paywall__title,
.paywall--abo .paywall__option,
.paywall--abo .paywall__more,
.paywall--abo .paywall__subscribtion {
    display: none
}

.paywall--abo .paywall__content {
    border: 0;
    display: none;
    height: 0
}

.paywall--free .paywall__title,
.paywall--free .paywall__option,
.paywall--free .paywall__more,
.paywall--free .paywall__subscribtion {
    display: none
}

.paywall--free .paywall__content {
    border: 0;
    display: none;
    height: 0
}

.paywall--longform {
    background-color: #fff
}

.paywall--longform .article__reactions {
    margin: 0 auto 1.6rem;
    padding: 2.4rem .8rem 0
}

@media(min-width: 700px) {
    .paywall--longform .article__reactions {
        max-width: 75rem
    }
}

@media(min-width: 768px) {
    .paywall--longform .article__reactions {
        max-width: 62rem;
        padding: 2.4rem 2.4rem 0
    }
}

@media(min-width: 1024px) {
    .paywall--longform .article__reactions {
        padding: 2.4rem 0 0;
        max-width: 63rem
    }
}

@media(min-width: 768px) {
    .paywall--longform .paywall__container {
        padding: 0 0 15rem;
        margin: 0 auto
    }
}

.paywall--longform .paywall__container:before {
    display: none
}

@media print {
    .paywall {
        display: none
    }
}

.paywall #article_recos_paywall_1,
.paywall #article_recos_paywall_2 {
    padding: 0 1.6rem
}

.paywall-04 {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    margin-bottom: 2.8rem;
    position: relative;
    box-shadow: 0 -1rem 5rem rgba(42, 48, 60, .14);
    -webkit-clip-path: polygon(0 -5rem, 100% -5rem, 100% 100%, 0% 100%);
    clip-path: polygon(0 -5rem, 100% -5rem, 100% 100%, 0% 100%);
    transform: translate3d(-1.6rem, 0, 0);
    width: calc(100% + 3.2rem)
}

.paywall--longform .paywall-04 {
    transform: translate3d(-1.6rem, 0, 0);
    width: calc(100% + 3.2rem)
}

@media(min-width: 1024px) {
    .paywall--longform .paywall-04 {
        transform: none;
        width: 100%
    }
}

.paywall--free .paywall-04 {
    display: none
}

.paywall-04__header {
    align-items: center;
    background-color: #dde6f1;
    color: #454f5f;
    display: flex;
    font-size: 1.3rem;
    height: 3rem;
    justify-content: center;
    padding: .8rem 1.6rem;
    white-space: nowrap;
    width: 100%
}

.paywall-04__header {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .paywall-04__header {
    letter-spacing: .314px
}

html:not(.fonts-loaded) .paywall-04__header>* {
    letter-spacing: .314px
}

html.fonts-loaded .paywall-04__header {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

@media(min-width: 576px) {
    .paywall-04__header {
        font-size: 1.4rem;
        white-space: pre-wrap
    }
}

.paywall-04__header .lmd-link-reverse {
    font-weight: 500;
    margin-left: .4rem
}

.paywall-04__content {
    align-items: center;
    background-color: #f0f5ff;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding: 2rem;
    width: 100%
}

.paywall-04__content {
    font-family: Georgia, Droid-serif, serif
}

html:not(.fonts-loaded) .paywall-04__content {
    letter-spacing: -0.645px
}

html:not(.fonts-loaded) .paywall-04__content>* {
    letter-spacing: -0.645px
}

html.fonts-loaded .paywall-04__content {
    font-family: "The Antiqua B standard", Georgia, Droid-serif, serif
}

@supports(font-variation-settings: normal) {
    html.fonts-loaded .paywall-04__content {
        font-family: "The Antiqua B", Georgia, Droid-serif, serif
    }
}

@media(min-width: 576px) {
    .paywall-04__content {
        padding: 2rem 5rem
    }
}

.paywall-04__text {
    color: #01364f;
    font-size: 2.4rem;
    font-weight: 500;
    letter-spacing: .02rem;
    line-height: 3.1rem;
    margin-bottom: 1.6rem;
    max-width: 47rem;
    text-align: center
}

@media(min-width: 576px) {
    .paywall-04__text {
        font-size: 3rem;
        line-height: 3.6rem
    }
}

.paywall-04__text b {
    font-weight: 700
}

.paywall-04__text strike {
    color: #7698a7
}

.paywall-04__cta {
    margin-bottom: .8rem;
    width: 22rem
}

.paywall-04__payement-methods {
    align-items: center;
    color: #2a303b;
    display: flex;
    font-size: 1rem;
    justify-content: center
}

.paywall-04__payement-methods {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .paywall-04__payement-methods {
    letter-spacing: .314px
}

html:not(.fonts-loaded) .paywall-04__payement-methods>* {
    letter-spacing: .314px
}

html.fonts-loaded .paywall-04__payement-methods {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.paywall-04__payement-methods-spacer {
    background-color: #01364f;
    display: block;
    height: 1rem;
    margin: 0 .4rem;
    width: .1rem
}

.paywall-04__icon-cb {
    background-image: url("");
    height: .8rem;
    margin-right: .4rem;
    width: 1.1rem
}

.paywall-04__icon-paypal {
    background-image: url("");
    height: 1rem;
    width: 3.5rem
}

.paywall-04--yellow {
    box-shadow: 0 -2rem 10rem rgba(42, 48, 60, .24);
    -webkit-clip-path: polygon(0 -12rem, 100% -12rem, 100% 100%, 0% 100%);
    clip-path: polygon(0 -12rem, 100% -12rem, 100% 100%, 0% 100%)
}

.paywall-04--yellow .paywall-04__header {
    background-color: #ffe38f
}

.paywall-04--yellow .paywall-04__content {
    background-color: #fff6d3
}

.paywall-04--yellow .paywall-04__text {
    color: #2a303b
}

.paywall-04--yellow .paywall-04__text strike {
    color: #8b92a1
}

.paywall-04--yellow .paywall-04__payement-methods {
    color: #666e80
}

.paywall-04--yellow .paywall-04__icon-cb {
    background-image: url("")
}

.lmd-link:hover {
    -webkit-text-decoration: underline;
    text-decoration: underline;
    text-decoration-thickness: .06em;
    text-underline-offset: .2em
}

.lmd-link-reverse {
    -webkit-text-decoration: underline;
    text-decoration: underline;
    text-decoration-thickness: .06em;
    text-underline-offset: .2em
}

.lmd-link-reverse:hover {
    opacity: .8;
    -webkit-text-decoration: none;
    text-decoration: none
}

.lmd-link-nav:hover {
    color: #026b9c
}

.lmd-link-blue {
    color: #026b9c;
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.lmd-link-blue:hover {
    color: #005b85
}

.lmd-link-opacity:hover {
    opacity: .8
}

@media(min-width: 1024px) {
    .dropdown__bloc {
        margin-bottom: 4.4rem
    }
}

@media(min-width: 1024px) {
    .dropdown__bloc-live {
        border: .1rem solid #be1514
    }
}

.dropdown__checkbox {
    display: none
}

.dropdown__checkbox-live:checked~.dropdown__content-live {
    display: block
}

@media(min-width: 1024px) {
    .dropdown__checkbox-live:checked~.dropdown__content-live {
        border-top: .1rem solid #be1514;
        padding: 0 2.4rem 2.4rem
    }
}

.dropdown__checkbox-live:checked~.dropdown__label-live--fact:after {
    background-image: url("");
    transform: rotate(180deg)
}

@media(min-width: 1024px) {
    .dropdown__checkbox-live:checked~.dropdown__label-live--fact:after {
        background-image: url("")
    }
}

@media(max-width: 1023px) {
    .dropdown__checkbox-live:checked~.dropdown__label-live--fact-btm:after {
        background-image: url("");
        transform: rotate(180deg)
    }
}

@media(max-width: 1023px) {
    .dropdown__checkbox-live:checked~.dropdown__label-live--fact-btm:before {
        content: "Masquer"
    }
}

@media(max-width: 1023px) {
    .dropdown__checkbox-live:checked~.dropdown__label-live--fact {
        border-bottom: .1rem solid #e8eaee;
        margin-bottom: .8rem
    }
}

@media(max-width: 1023px) {
    .dropdown__checkbox-live:checked~.dropdown__label-live--fact:before {
        content: "Masquer";
        color: #2a303b;
        text-transform: none
    }
}

@media(min-width: 1024px) {
    .dropdown__checkbox-live:checked~.dropdown__label-live--fact:before {
        content: "Les faits essentiels"
    }
}

.dropdown__checkbox-live:checked~.dropdown__label-live--fact .dropdown__label-live--length {
    display: none
}

.dropdown__checkbox-live:checked~.title__sirius-live--all-live {
    display: block
}

.dropdown__label-live {
    cursor: pointer;
    display: block;
    position: relative
}

.dropdown__label-live--fact {
    color: #be1514;
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 2.1rem;
    text-transform: uppercase
}

.dropdown__label-live--fact {
    font-family: "Trebuchet MS", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loaded) .dropdown__label-live--fact {
    letter-spacing: -1.607px
}

html:not(.fonts-loaded) .dropdown__label-live--fact>* {
    letter-spacing: -1.607px
}

html.fonts-loaded .dropdown__label-live--fact {
    font-family: "Marr Sans Condensed", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loading) .dropdown__label-live--fact {
    letter-spacing: .05rem
}

@media(max-width: 1023px) {
    .dropdown__label-live--fact {
        text-align: center;
        padding: 1.6rem 0
    }
}

@media(min-width: 1024px) {
    .dropdown__label-live--fact {
        padding: 2.4rem 1.6rem;
        text-align: left
    }
}

.dropdown__label-live--fact:before {
    content: "Afficher les faits essentiels "
}

.dropdown__label-live--fact-btm {
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 2.1rem;
    color: #717b8e;
    padding: 1.6rem 0;
    text-align: center
}

.dropdown__label-live--fact-btm:before {
    content: "Naviguer dans le live"
}

.dropdown__label-live.arrow-red {
    position: relative
}

.dropdown__label-live.arrow-red:after {
    background-image: url("")
}

.dropdown__label-live.arrow-grey {
    position: relative
}

.dropdown__label-live.arrow-grey:after {
    background-image: url("")
}

.dropdown__label-live:after {
    content: "";
    background-repeat: no-repeat;
    height: 1.4rem;
    width: 1.4rem;
    margin-left: 1rem;
    position: absolute;
    top: 2rem
}

@media(min-width: 1024px) {
    .dropdown__label-live:after {
        top: 2.8rem;
        right: 2.1rem
    }
}

.dropdown__content-live {
    display: none
}

@media(min-width: 1024px) {
    .dropdown__content-live .article__unordered-list li:before {
        color: #be1514
    }
}

.dropdown__content-live li {
    cursor: pointer
}

.dropdown__select-container {
    position: relative;
    margin-top: 1.6rem
}

.dropdown__select-container select {
    outline: none;
    background: #fff;
    -webkit-appearance: none;
    appearance: none;
    margin: 0;
    display: block;
    width: 100%;
    color: #2a303b
}

.dropdown__select-container select::-ms-expand {
    display: none
}

.dropdown__select-container:after {
    content: " ";
    position: absolute;
    right: 1.2rem;
    top: 2rem;
    background-image: url("");
    height: 1.4rem;
    width: 1.4rem;
    cursor: pointer;
    pointer-events: none;
    display: block
}

.dropdown__selectbox {
    font-size: 1.6rem;
    background-color: #fff;
    border: .1rem solid #bdc1c8;
    height: 5rem;
    border-radius: .3rem;
    padding-left: 1.2rem;
    position: relative;
    display: flex;
    cursor: pointer;
    line-height: 2
}

.dropdown__selectbox {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .dropdown__selectbox {
    letter-spacing: .314px
}

html:not(.fonts-loaded) .dropdown__selectbox>* {
    letter-spacing: .314px
}

html.fonts-loaded .dropdown__selectbox {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.dropdown__selectbox:focus {
    outline: 0
}

.dropdown__select-container--hidden {
    display: none
}

.meta {
    display: flex;
    list-style: none
}

.meta {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .meta {
    letter-spacing: .314px
}

html:not(.fonts-loaded) .meta>* {
    letter-spacing: .314px
}

html.fonts-loaded .meta {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.meta__publisher {
    margin-top: 1.6rem;
    line-height: 1.42;
    font-size: 1.4rem;
    color: #717b8e;
    letter-spacing: .02rem
}

@media(min-width: 576px) {
    .meta__publisher {
        letter-spacing: .019rem
    }
}

@media(min-width: 768px) {
    .meta__publisher {
        letter-spacing: .02rem
    }
}

@media(min-width: 1024px) {
    .meta__publisher--free {
        display: none
    }
}

@media(min-width: 768px) {
    .meta__publisher--premium {
        display: none
    }
}

@media(min-width: 1024px) {
    .meta__publisher--wirecutter {
        width: calc(100% - 27.6rem)
    }
}

.meta__text {
    letter-spacing: .02rem;
    line-height: 1.42;
    color: #666e80;
    font-size: 1.4rem;
    display: none
}

.meta__text {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .meta__text {
    letter-spacing: .314px
}

html:not(.fonts-loaded) .meta__text>* {
    letter-spacing: .314px
}

html.fonts-loaded .meta__text {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

@media(min-width: 1024px) {
    .meta__text {
        display: inline-flex
    }
}

.meta__text--share {
    margin: 0 .8rem
}

.meta__text--favorite {
    margin-right: .8rem
}

.meta__author:after {
    color: #d5d8dc;
    content: "•";
    padding: 0 .4rem 0 .8rem;
    display: inline-block;
    line-height: 1
}

.meta__author:after {
    font-family: "Helvetica Neue", Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .meta__author:after {
    font-family: "Helvetica Neue", Helvetica, Arial, Roboto, sans-serif
}

.meta__author--page:after {
    display: none
}

.meta__author--page:before {
    color: #d5d8dc;
    content: "•";
    padding: 0 .8rem;
    display: inline-block;
    line-height: 1
}

.meta__author--page:before {
    font-family: "Helvetica Neue", Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .meta__author--page:before {
    font-family: "Helvetica Neue", Helvetica, Arial, Roboto, sans-serif
}

.meta__author--no-after:after {
    display: none
}

.meta__icon {
    font-size: 1.4rem;
    position: relative
}

.meta__icon--live {
    margin-left: 1.3rem
}

.meta__icon--live-l {
    display: none
}

@media(min-width: 1024px) {
    .meta__icon--live-l {
        display: block
    }
}

.meta__icon--no-border {
    border: none
}

.meta__icon--favorite {
    display: flex
}

.meta__icon--mobile {
    display: inline-flex
}

@media(min-width: 1024px) {
    .meta__icon--mobile {
        display: none
    }
}

.meta__icon--desktop {
    display: none
}

@media(min-width: 1024px) {
    .meta__icon--desktop {
        display: inline-flex
    }
}

.meta__link {
    cursor: pointer
}

@media(min-width: 1024px) {
    .meta__link:hover {
        background-color: #eff0f3;
        border-color: #eff0f3
    }

    .meta__link:hover+.meta__icon-desc {
        display: flex;
        justify-content: center
    }

    .meta__link.lmd-dropdown-toggler--opened {
        background-color: #eff0f3;
        border-color: #eff0f3
    }
}

.meta__link:focus {
    outline: 0
}

.meta__link--no-border {
    border: 0
}

.meta__link--extend {
    width: 3.2rem;
    height: 3.2rem;
    background-size: auto;
    display: flex
}

.meta__link--full {
    background-color: #e8eaee;
    border: .1rem solid rgba(0, 0, 0, 0);
    gap: .8rem;
    padding: 0 1rem;
    width: auto
}

@media(min-width: 768px) {
    .meta__link--full {
        background-color: #fff;
        border-color: #d5d8dc
    }
}

.meta__link--full .icon__description {
    color: #2a303b;
    font-size: 1.2rem
}

.meta__link--full .icon__description {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .meta__link--full .icon__description {
    letter-spacing: .314px
}

html:not(.fonts-loaded) .meta__link--full .icon__description>* {
    letter-spacing: .314px
}

html.fonts-loaded .meta__link--full .icon__description {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.meta__link--full:hover {
    background-color: #eff0f3;
    border: .1rem solid #d5d8dc
}

.meta__link--full:hover+.meta__icon-desc {
    display: none
}

.meta__link--full .icon__gift {
    margin-bottom: .2rem
}

.meta__link--light {
    border: 0
}

.meta__link--light:hover {
    background-color: #eff0f3
}

.meta__link--gift {
    background-size: 1.8rem;
    display: flex;
    height: 3.2rem;
    position: relative
}

.meta__link-sub {
    display: flex;
    align-items: center;
    width: 100%;
    background: rgba(0, 0, 0, 0);
    cursor: pointer;
    border: 0;
    padding: 0
}

.meta__link-sub {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .meta__link-sub {
    letter-spacing: .314px
}

html:not(.fonts-loaded) .meta__link-sub>* {
    letter-spacing: .314px
}

html.fonts-loaded .meta__link-sub {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.meta__link-sub:focus {
    outline: 0
}

.meta__link-sub .meta__icon-container:hover {
    background-color: #eff0f3;
    border-color: #d5d8dc
}

.meta__icon-container {
    cursor: pointer;
    margin-right: 1.2rem
}

.meta__icon-container--succes {
    border-color: #008266
}

.meta__label-sub {
    color: #383f4e;
    font-size: 1.4rem
}

.meta__label-sub--succes {
    color: #008266
}

.meta__icon-link {
    display: block;
    cursor: pointer;
    width: 2.4rem;
    height: 2.4rem;
    border: none;
    padding-left: 0;
    padding-right: 0;
    background-color: #fff
}

.meta__icon-link:focus {
    outline: 0
}

.meta__icon-link-popin {
    display: none;
    position: absolute;
    z-index: 11;
    right: 1.4rem;
    top: 3.5rem
}

.meta__icon-link-popin:after,
.meta__icon-link-popin:before {
    bottom: 100%;
    margin-bottom: -3rem;
    left: 100%;
    border: solid rgba(0, 0, 0, 0);
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.meta__icon-link-popin:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #fff;
    border-width: 1rem;
    margin-left: -1rem
}

.meta__icon-link-popin:before {
    border-color: rgba(233, 237, 240, 0);
    border-bottom-color: #e9edf0;
    border-width: 1.1rem;
    margin-left: -1.1rem
}

.meta__icon-list {
    display: none;
    position: absolute;
    top: 3.2rem
}

.meta__icon-list--show {
    display: block
}

.meta__social {
    align-items: center;
    height: 3.2rem;
    margin-top: 2.4rem;
    gap: 1.2rem
}

.meta__social--live {
    display: inline-flex;
    justify-content: center;
    margin-top: 0;
    font-size: 0;
    height: auto;
    align-items: center
}

.meta__social--live li:last-child:not(.meta__icon--live) {
    margin-left: 1.6rem
}

.meta__social--live-sirius {
    position: absolute;
    right: 2.4rem;
    top: -1.3rem
}

@media(min-width: 1024px) {
    .meta__social--live-sirius {
        top: 3.2rem
    }
}

.meta__social--live-sirius .meta__social {
    margin-top: 0
}

.meta__social--live-sirius .meta__sub.ui-collapse--shown {
    padding-top: 0
}

.meta__social--live-sirius .meta__icon-sub:first-of-type {
    padding: 0
}

.meta__social--live-sirius-post .meta__social {
    margin-top: 0
}

.meta__social--live-sirius-post .meta__sub.ui-collapse--shown {
    padding-top: 0
}

.meta__social--live-sirius-post .meta__icon-sub:first-of-type {
    padding: 0
}

.meta__social--testimony {
    margin-top: 0
}

.meta__social--election-presidential {
    position: absolute;
    right: 1.6rem;
    top: 2.4rem
}

@media(min-width: 1024px) {
    .meta__social--election-presidential {
        right: 2.4rem;
        top: 4rem
    }
}

@media(max-width: 1023px) {
    .meta__social--election-presidential--breadcrumb-area {
        top: 8.8rem
    }
}

.meta__social--election-presidential .meta__social {
    margin-top: 0
}

.meta__social--election-presidential .meta__sub.ui-collapse--shown {
    padding-top: 0
}

.meta__social--election-presidential .meta__icon-sub:first-of-type {
    padding: 0
}

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

.meta__testimony {
    display: none
}

@media(min-width: 768px) {
    .meta__testimony {
        display: inline-flex
    }
}

.meta__reading-time {
    display: flex;
    align-items: center;
    line-height: 1.42;
    font-size: 1.2rem;
    color: #717b8e;
    margin-top: 1.6rem;
    letter-spacing: .02rem
}

.meta__reading-time {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .meta__reading-time {
    letter-spacing: .314px
}

html:not(.fonts-loaded) .meta__reading-time>* {
    letter-spacing: .314px
}

html.fonts-loaded .meta__reading-time {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

@media(min-width: 576px) {
    .meta__reading-time {
        letter-spacing: .019rem
    }
}

@media(min-width: 768px) {
    .meta__reading-time {
        letter-spacing: .02rem
    }
}

.meta__reading-time--longform {
    justify-content: center;
    margin-top: .8rem
}

@media print {
    .meta__reading-time .icon__reading-time {
        display: none
    }
}

.ar_num {
    border: 3px solid rgb(33 150 183);
    color: rgb(33 150 183);
    border-radius: 50%;
    width: 20px !important;
    height: 20px !important;
    align-items: center;
    justify-content: center;
    display: flex;
    min-width: 20px !important;
/*    padding-top: 3px;*/
font-size: 15px;
}

.meta__article-en-fr-url {
    align-items: center;
    color: #717b8e;
    display: inline-flex;
    line-height: 1.42;
    float: none;
    font-size: 1.4rem;
    letter-spacing: .02rem;
    /* margin-top: 1.6rem */
}

.meta__article-en-fr-url {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .meta__article-en-fr-url {
    letter-spacing: .314px
}

html:not(.fonts-loaded) .meta__article-en-fr-url>* {
    letter-spacing: .314px
}

html.fonts-loaded .meta__article-en-fr-url {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.meta__article-en-fr-url:before {
    color: #d5d8dc;
    content: "•";
    line-height: 1
}

.meta__article-en-fr-url:before {
    font-family: Georgia, Droid-serif, serif
}

html:not(.fonts-loaded) .meta__article-en-fr-url:before {
    letter-spacing: -0.645px
}

html:not(.fonts-loaded) .meta__article-en-fr-url:before>* {
    letter-spacing: -0.645px
}

html.fonts-loaded .meta__article-en-fr-url:before {
    font-family: "The Antiqua B standard", Georgia, Droid-serif, serif
}

@supports(font-variation-settings: normal) {
    html.fonts-loaded .meta__article-en-fr-url:before {
        font-family: "The Antiqua B", Georgia, Droid-serif, serif
    }
}

@media print {
    .meta__article-en-fr-url {
        display: none
    }
}

.meta__article-en-fr-url-link {
    -webkit-text-decoration: underline;
    text-decoration: underline;
    text-decoration-thickness: .06em;
    text-underline-offset: .2em;
    margin-left: .4rem
}

.meta__article-en-fr-url-link:hover {
    opacity: .8;
    -webkit-text-decoration: none;
    text-decoration: none
}

.meta__article-en-fr-url--longform {
    margin-top: 0
}

.meta__article-en-fr-url--longform:before {
    content: ""
}

.meta__authors {
    color: rgba(0, 0, 0, .8);
    font-size: 1.6rem;
    text-align: center;
    margin-top: 2.8rem;
    display: inline-block
}

.meta__authors {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .meta__authors {
    letter-spacing: .314px
}

html:not(.fonts-loaded) .meta__authors>* {
    letter-spacing: .314px
}

html.fonts-loaded .meta__authors {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.meta__authors--longform {
    margin-top: 2.8rem;
    margin-bottom: 1.6rem
}

.meta__icon-desc {
    display: none;
    background-color: #2a303b;
    border-radius: .3rem;
    color: #fff;
    font-size: 1.4rem;
    font-weight: normal;
    line-height: 1.8rem;
    height: 2.6rem;
    width: 16rem;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: -6.2rem;
    top: calc(100% + 1.2rem);
    z-index: 1
}

.meta__icon-desc {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .meta__icon-desc {
    letter-spacing: .314px
}

html:not(.fonts-loaded) .meta__icon-desc>* {
    letter-spacing: .314px
}

html.fonts-loaded .meta__icon-desc {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.meta__icon-desc--email {
    right: -8.4rem
}

.meta__icon-desc--more {
    right: -0.4rem
}

.meta__icon-desc--messenger {
    right: -4.4rem
}

.meta__icon-desc--facebook {
    right: -12.4rem
}

.meta__picto {
    align-items: baseline
}

.meta__picto:before {
    color: #d5d8dc;
    content: "•";
    padding: 0 .8rem;
    line-height: 1
}

.meta__picto:before {
    font-family: "Helvetica Neue", Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .meta__picto:before {
    font-family: "Helvetica Neue", Helvetica, Arial, Roboto, sans-serif
}

.meta__picto--single:before {
    display: none
}

.meta__sub {
    display: none
}

.meta__sub.ui-collapse--shown {
    position: absolute;
    display: flex;
    background-color: #fff;
    list-style: none;
    top: calc(100% + 1.2rem);
    left: 4.3rem;
    transform: translate3d(-50%, 0, 0);
    width: auto;
    padding: .8rem 4.8rem .8rem 1.6rem;
    border: .1rem solid #d5d8dc;
    z-index: 3;
    gap: .8rem;
    border-radius: .3rem;
    box-shadow: 0 0 .7rem .5rem rgba(213, 216, 220, .7);
    flex-wrap: wrap
}

@media(min-width: 1024px) {
    .meta__sub.ui-collapse--shown {
        left: 1.5rem;
        flex-wrap: nowrap
    }
}

.meta__sub.ui-collapse--shown::before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 .5rem .8rem .5rem;
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #fff rgba(0, 0, 0, 0);
    position: absolute;
    left: 50%;
    transform: translate3d(-50%, 0, 0);
    top: -0.7rem;
    z-index: 2
}

.meta__sub.ui-collapse--shown::after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 .6rem 1rem .6rem;
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #d5d8dc rgba(0, 0, 0, 0);
    position: absolute;
    left: 50%;
    transform: translate3d(-50%, 0, 0);
    top: -1rem;
    z-index: 1
}

.meta__icon-sub {
    color: #666e80;
    flex: 1 0 auto
}

.meta__icon-sub .meta__icon-container {
    margin: 0
}

@media(min-width: 768px) {
    .meta__icon-sub:last-of-type {
        margin-left: 1.6rem
    }
}

.meta__icon-sub:last-of-type .meta__icon-container {
    margin-right: .8rem
}

.meta--page {
    font-weight: normal;
    display: inline-block;
    margin-top: .8rem;
    font-size: 1.2rem;
    line-height: 1.6;
    color: #666e80
}

.meta--page {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .meta--page {
    letter-spacing: .314px
}

html:not(.fonts-loaded) .meta--page>* {
    letter-spacing: .314px
}

html.fonts-loaded .meta--page {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.meta--page:after {
    content: "";
    display: table;
    clear: both
}

.meta--inline {
    display: inline;
    margin-left: 0
}

.meta--desktop {
    display: none
}

@media(min-width: 1024px) {
    .meta--desktop {
        display: flex;
        align-items: center
    }
}

.meta--last-desktop {
    margin-right: .8rem
}

.meta--last-desktop:last-child {
    margin-right: 0
}

.meta--mobile {
    display: flex;
    position: relative
}

@media(min-width: 1024px) {
    .meta--mobile {
        display: none
    }
}

.meta--campaign {
    margin-left: 0
}

.meta__gift {
    align-items: center;
    display: flex;
    position: relative
}

.meta__gift-text:not(:last-child) {
    margin-bottom: 1.2rem
}

.meta__gift-text strong {
    font-weight: 500
}

.meta__gift-text-link {
    color: #026b9c;
    display: inline-block
}

.meta__gift-text-link:hover {
    color: #005b85
}

.meta__gift-link {
    align-items: center;
    border-radius: .3rem;
    border: .1rem solid #d5d8dc;
    color: #383f4e;
    display: flex;
    height: 4.8rem;
    font-size: 1.3rem;
    font-weight: 500;
    margin-bottom: .8rem;
    padding: .8rem;
    padding-left: calc(3.2rem + 1.6rem);
    position: relative;
    white-space: nowrap;
    width: 100%
}

.meta__gift-link {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .meta__gift-link {
    letter-spacing: .314px
}

html:not(.fonts-loaded) .meta__gift-link>* {
    letter-spacing: .314px
}

html.fonts-loaded .meta__gift-link {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.meta__gift-link:before {
    background-image: url("");
    background-position: center;
    border: .1rem solid #bdc1c8;
    border-radius: 50%;
    content: "";
    display: block;
    flex-shrink: 0;
    height: 3.2rem;
    left: .8rem;
    margin-right: .8rem;
    position: absolute;
    width: 3.2rem
}

.meta__gift-link--success:before {
    background-image: url("")
}

.meta__gift-link-input {
    border: 0;
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    outline: 0
}

.meta__gift-link-copy {
    color: #026b9c;
    cursor: pointer;
    display: inline-block;
    margin-left: auto
}

.meta__gift-link-copy:hover {
    color: #005b85
}

.share-popin--show .meta__icon-link-popin {
    display: block
}

.lmd-dropdown-gift-article~.meta__icon--dropdown .meta__sub.ui-collapse--shown {
    left: -2.4rem
}

.lmd-dropdown-gift-article~.meta__icon--dropdown .meta__sub.ui-collapse--shown::before,
.lmd-dropdown-gift-article~.meta__icon--dropdown .meta__sub.ui-collapse--shown::after {
    left: 60%
}

@media(min-width: 768px) {
    .lmd-dropdown-gift-article~.meta__icon--dropdown .meta__sub.ui-collapse--shown {
        left: 1.5rem
    }

    .lmd-dropdown-gift-article~.meta__icon--dropdown .meta__sub.ui-collapse--shown::before,
    .lmd-dropdown-gift-article~.meta__icon--dropdown .meta__sub.ui-collapse--shown::after {
        left: 50%
    }
}

.lmd-link:hover {
    -webkit-text-decoration: underline;
    text-decoration: underline;
    text-decoration-thickness: .06em;
    text-underline-offset: .2em
}

.lmd-link-reverse {
    -webkit-text-decoration: underline;
    text-decoration: underline;
    text-decoration-thickness: .06em;
    text-underline-offset: .2em
}

.lmd-link-reverse:hover {
    opacity: .8;
    -webkit-text-decoration: none;
    text-decoration: none
}

.lmd-link-nav:hover {
    color: #026b9c
}

.lmd-link-blue {
    color: #026b9c;
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.lmd-link-blue:hover {
    color: #005b85
}

.lmd-link-opacity:hover {
    opacity: .8
}

.catcher {
    border-top: .4rem solid #383f4e;
    border-bottom: .1rem solid #d5d8dc;
    margin-bottom: 3.2rem;
    margin-top: 2.4rem;
    display: block
}

@media(min-width: 576px) {
    .catcher {
        display: inline-block
    }
}

.catcher--beige {
    background-color: #fff3e8
}

.catcher--beige-dark {
    background-color: #fff5e0
}

.catcher__accordion-btn {
    border-top: .1rem solid rgba(42, 48, 59, .15);
    cursor: pointer;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 2.4rem;
    padding-bottom: 2.4rem;
    padding-right: calc(2rem + 2rem);
    padding-top: 1.6rem;
    position: relative;
    width: 100%
}

.catcher__accordion-btn--last {
    padding-bottom: 0
}

.catcher__accordion-btn:before {
    background-image: url("");
    content: "";
    display: inline-block;
    height: 2rem;
    position: absolute;
    right: .8rem;
    top: 1.6rem;
    transform: rotate(90deg);
    width: 2rem
}

.catcher__accordion-btn.ui-collapse--shown {
    padding-bottom: 1.2rem
}

.catcher__accordion-btn.ui-collapse--shown:before {
    background-image: url("");
    transform: rotate(-90deg)
}

.catcher__accordion-content {
    display: none
}

.catcher__accordion-content.ui-collapse--shown {
    display: block
}

.catcher__container {
    max-height: 381px;
    height: auto;
    overflow: hidden;
    transition: height .35s ease, opacity .35s ease
}

@media(min-width: 1024px) {
    .catcher__container {
        max-height: 316px
    }
}

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

.catcher__title {
    font-size: 2.2rem;
    font-weight: 800;
    line-height: 1.25;
    display: block
}

.catcher__title {
    font-family: Georgia, Droid-serif, serif
}

html:not(.fonts-loaded) .catcher__title {
    letter-spacing: -0.645px
}

html:not(.fonts-loaded) .catcher__title>* {
    letter-spacing: -0.645px
}

html.fonts-loaded .catcher__title {
    font-family: "The Antiqua B standard", Georgia, Droid-serif, serif
}

@supports(font-variation-settings: normal) {
    html.fonts-loaded .catcher__title {
        font-family: "The Antiqua B", Georgia, Droid-serif, serif
    }
}

@media(min-width: 769px) {
    .catcher__title {
        font-size: 2.4rem
    }
}

.catcher__label {
    float: left;
    margin-left: 1.6rem
}

.catcher__label a {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.catcher__pilcrow:before {
    content: "¶";
    display: inline-block;
    position: absolute;
    color: #383f4e;
    left: 0;
    top: 0
}

.catcher__pilcrow:before {
    font-family: Georgia, Droid-serif, serif
}

html:not(.fonts-loaded) .catcher__pilcrow:before {
    letter-spacing: -0.645px
}

html:not(.fonts-loaded) .catcher__pilcrow:before>* {
    letter-spacing: -0.645px
}

html.fonts-loaded .catcher__pilcrow:before {
    font-family: "The Antiqua B standard", Georgia, Droid-serif, serif
}

@supports(font-variation-settings: normal) {
    html.fonts-loaded .catcher__pilcrow:before {
        font-family: "The Antiqua B", Georgia, Droid-serif, serif
    }
}

.catcher__desc {
    margin-bottom: 2.4rem;
    margin-top: 2rem;
    display: block
}

.catcher__desc {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .catcher__desc {
    letter-spacing: .314px
}

html:not(.fonts-loaded) .catcher__desc>* {
    letter-spacing: .314px
}

html.fonts-loaded .catcher__desc {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

@media(min-width: 1024px) {
    .catcher__desc {
        margin-bottom: 3.2rem
    }
}

.catcher__desc--list {
    list-style: none;
    margin-bottom: 0
}

.catcher__desc--small {
    font-size: 1.4rem;
    line-height: 1.42;
    color: #8b92a1
}

.catcher__desc li {
    margin-bottom: 1.2rem
}

.catcher__desc a {
    cursor: pointer
}

.catcher__view-more-trigger {
    display: none
}

.catcher__view-more {
    width: 100%;
    height: 44px;
    padding: 1rem;
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0;
    display: flex;
    justify-content: center;
    cursor: pointer
}

.catcher__view-more:before {
    content: "";
    background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.9), #ffffff);
    position: absolute;
    height: 100px;
    top: -100px;
    left: 0;
    width: 100%
}

.catcher__view-more--open {
    display: flex
}

.catcher__view-more--close {
    display: none
}

.catcher__view-more--open,
.catcher__view-more--close {
    font-size: 1.4rem;
    font-style: normal;
    color: #2a303b;
    font-weight: 600;
    position: relative;
    align-items: center
}

.catcher__view-more--open,
.catcher__view-more--close {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .catcher__view-more--open,
html:not(.fonts-loaded) .catcher__view-more--close {
    letter-spacing: .314px
}

html:not(.fonts-loaded) .catcher__view-more--open>*,
html:not(.fonts-loaded) .catcher__view-more--close>* {
    letter-spacing: .314px
}

html.fonts-loaded .catcher__view-more--open,
html.fonts-loaded .catcher__view-more--close {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.catcher__view-more--open:after,
.catcher__view-more--close:after {
    content: "";
    height: 2rem;
    width: 2rem;
    background-repeat: no-repeat;
    background-image: url("");
    transform: rotate(90deg);
    margin-left: 1.125rem
}

.catcher__view-more-trigger:checked~.catcher__container,
.catcher__view-more-trigger:checked~.catcher-election__container {
    height: 100%;
    max-height: 100%;
    overflow: visible
}

.catcher__view-more-trigger:checked~.catcher-election__container {
    display: inherit;
    padding-bottom: 3rem
}

.catcher__view-more-trigger:checked~.catcher__view-more:before {
    display: none
}

.catcher__view-more-trigger:checked~.catcher__view-more .catcher__view-more--open {
    display: none
}

.catcher__view-more-trigger:checked~.catcher__view-more .catcher__view-more--close {
    display: flex
}

.catcher__view-more-trigger:checked~.catcher__view-more .catcher__view-more--close:after {
    transform: rotate(-90deg)
}

.catcher__image-container {
    position: relative;
    top: -0.3rem;
    float: left;
    width: 8.6rem;
    margin-right: 2.4rem;
    margin-top: 8px
}

@media(min-width: 768px) {
    .catcher__image-container {
        margin-top: 0
    }
}

.catcher__image-container .catcher__picture {
    padding-top: 100%
}

.catcher__image-podcast {
    position: absolute;
    z-index: 5;
    bottom: .4rem;
    left: .4rem;
    height: 3.2rem;
    width: 3.2rem;
    background: url("");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.catcher--last {
    margin-bottom: 0;
    position: relative;
    padding: 2.4rem 1.6rem 4.5rem 1.6rem;
    border-radius: .8rem;
    border: 1px solid #d5d8dc;
    overflow: hidden
}

@media(min-width: 768px) {
    .catcher--last {
        padding: 3.2rem 3.2rem 4.5rem
    }
}

.catcher--wide {
    width: 100%
}

.catcher--inline {
    display: inline
}

.catcher--inline,
.catcher--reference,
.catcher--favoris {
    border: 0;
    margin-top: 1.6rem;
    margin-bottom: 0;
    width: 100%;
    clear: both
}

@media print {

    .catcher--inline,
    .catcher--reference,
    .catcher--favoris {
        margin-top: 1.6rem
    }
}

.catcher--inline:before,
.catcher--favoris:before {
    content: "";
    display: block;
    margin-top: 2.4rem
}

.catcher--inline-podcast,
.catcher--favoris-podcast {
    display: inline-block;
    margin-top: 3.5rem
}

.catcher--inline-podcast:before,
.catcher--favoris-podcast:before {
    content: normal;
    content: initial
}

.catcher--inline .catcher__title,
.catcher--favoris .catcher__title {
    display: inline;
    margin-top: 0;
    margin-bottom: 0;
    line-height: 1.41;
    letter-spacing: normal;
    font-size: 1.7rem
}

.catcher--inline .catcher__title,
.catcher--favoris .catcher__title {
    font-family: Georgia, Droid-serif, serif
}

html:not(.fonts-loaded) .catcher--inline .catcher__title,
html:not(.fonts-loaded) .catcher--favoris .catcher__title {
    letter-spacing: -0.645px
}

html:not(.fonts-loaded) .catcher--inline .catcher__title>*,
html:not(.fonts-loaded) .catcher--favoris .catcher__title>* {
    letter-spacing: -0.645px
}

html.fonts-loaded .catcher--inline .catcher__title,
html.fonts-loaded .catcher--favoris .catcher__title {
    font-family: "The Antiqua B standard", Georgia, Droid-serif, serif
}

@supports(font-variation-settings: normal) {

    html.fonts-loaded .catcher--inline .catcher__title,
    html.fonts-loaded .catcher--favoris .catcher__title {
        font-family: "The Antiqua B", Georgia, Droid-serif, serif
    }
}

@media(min-width: 768px) {

    .catcher--inline .catcher__title,
    .catcher--favoris .catcher__title {
        font-size: 1.8rem
    }
}

.catcher--inline .catcher__title:after,
.catcher--favoris .catcher__title:after {
    content: "|";
    display: inline-block;
    color: #d5d8dc;
    margin-left: .8rem;
    margin-right: .8rem
}

.catcher--inline .catcher__title--hide,
.catcher--favoris .catcher__title--hide {
    margin-right: .4rem
}

.catcher--inline .catcher__title--hide:after,
.catcher--favoris .catcher__title--hide:after {
    display: none
}

@media print {

    .catcher--inline .catcher__title,
    .catcher--favoris .catcher__title {
        font-size: 9pt
    }
}

.catcher--inline .catcher__desc,
.catcher--favoris .catcher__desc {
    display: inline;
    color: #026b9c;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 1.7rem;
    line-height: 1.41;
    letter-spacing: -0.01rem;
    font-weight: 600
}

.catcher--inline .catcher__desc,
.catcher--favoris .catcher__desc {
    font-family: Georgia, Droid-serif, serif
}

html:not(.fonts-loaded) .catcher--inline .catcher__desc,
html:not(.fonts-loaded) .catcher--favoris .catcher__desc {
    letter-spacing: -0.645px
}

html:not(.fonts-loaded) .catcher--inline .catcher__desc>*,
html:not(.fonts-loaded) .catcher--favoris .catcher__desc>* {
    letter-spacing: -0.645px
}

html.fonts-loaded .catcher--inline .catcher__desc,
html.fonts-loaded .catcher--favoris .catcher__desc {
    font-family: "The Antiqua B standard", Georgia, Droid-serif, serif
}

@supports(font-variation-settings: normal) {

    html.fonts-loaded .catcher--inline .catcher__desc,
    html.fonts-loaded .catcher--favoris .catcher__desc {
        font-family: "The Antiqua B", Georgia, Droid-serif, serif
    }
}

@media(min-width: 768px) {

    .catcher--inline .catcher__desc,
    .catcher--favoris .catcher__desc {
        font-size: 1.8rem
    }
}

.catcher--inline .catcher__desc a,
.catcher--favoris .catcher__desc a {
    -webkit-text-decoration: underline;
    text-decoration: underline;
    text-decoration-thickness: .06em;
    text-underline-offset: .2em;
    border-bottom: 0;
    color: inherit;
    font-weight: inherit;
    letter-spacing: inherit
}

.catcher--inline .catcher__desc a:hover,
.catcher--favoris .catcher__desc a:hover {
    opacity: .8;
    -webkit-text-decoration: none;
    text-decoration: none
}

@media print {

    .catcher--inline .catcher__desc,
    .catcher--favoris .catcher__desc {
        font-size: 9pt
    }
}

.catcher--reference {
    display: flex;
    width: 100%;
    padding-left: .8rem
}

@media(min-width: 576px) {
    .catcher--reference {
        width: 80%
    }
}

.catcher--reference .catcher__desc {
    color: #666e80;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 1.5rem;
    line-height: 1.43;
    font-weight: 400;
    position: relative
}

@media(min-width: 1024px) {
    .catcher--reference .catcher__desc {
        line-height: 1.5;
        font-size: 1.6rem
    }
}

.catcher--reference .catcher__desc sup {
    line-height: 1
}

.catcher--reference .catcher__desc a {
    color: inherit;
    font-weight: inherit;
    letter-spacing: inherit;
    border: none
}

@media print {
    .catcher--reference .catcher__label {
        font-size: 9pt
    }
}

.catcher-election {
    color: #2a303b;
    padding: 2.4rem 1.6rem;
    margin: 2.4rem 0;
    display: block;
    position: relative
}

.catcher-election:after {
    content: "";
    display: table;
    clear: both
}

.catcher-election {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .catcher-election {
    letter-spacing: .314px
}

html:not(.fonts-loaded) .catcher-election>* {
    letter-spacing: .314px
}

html.fonts-loaded .catcher-election {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.catcher-election .catcher__container {
    padding-bottom: 2.4rem
}

.catcher-election__container {
    max-height: 233px;
    height: auto;
    overflow: hidden;
    transition: height .35s ease, opacity .35s ease
}

@media(min-width: 768px) {
    .catcher-election__container {
        max-height: 210px
    }
}

.catcher-election__title {
    font-weight: 600;
    font-size: 2rem;
    line-height: 2.4rem;
    margin-bottom: 2.4rem
}

.catcher-election__subtitle {
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 1.9rem;
    margin: 2.4rem 0 1.6rem
}

.catcher-election__paragraph {
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 2.4rem;
    margin-bottom: 2.4rem
}

.catcher-election__paragraph--space-small {
    margin-bottom: 1rem
}

.catcher-election__paragraph--last {
    margin-bottom: 0
}

.catcher-election__link {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.catcher-election__list-item {
    list-style: none;
    position: relative;
    margin-left: 2.4rem
}

.catcher-election__list-item:before {
    content: "·";
    color: #666e80;
    display: inline;
    font-size: 5rem;
    margin-right: .8rem;
    position: absolute;
    top: -2.75rem;
    left: -2rem
}

.catcher-election__list-item:before {
    font-family: Georgia, Droid-serif, serif
}

html:not(.fonts-loaded) .catcher-election__list-item:before {
    letter-spacing: -0.645px
}

html:not(.fonts-loaded) .catcher-election__list-item:before>* {
    letter-spacing: -0.645px
}

html.fonts-loaded .catcher-election__list-item:before {
    font-family: "The Antiqua B standard", Georgia, Droid-serif, serif
}

@supports(font-variation-settings: normal) {
    html.fonts-loaded .catcher-election__list-item:before {
        font-family: "The Antiqua B", Georgia, Droid-serif, serif
    }
}

.catcher-election__view-more-canton {
    border-top: .1rem solid rgba(3, 4, 5, .1)
}

.catcher-election__view-more-canton:before {
    display: none
}

.catcher-election .catcher__view-more:before {
    background-image: linear-gradient(rgba(255, 243, 232, 0), rgba(255, 243, 232, 0.9), #fff3e8)
}

.catcher--favoris {
    display: flex
}

.catcher--favoris .catcher__favorite {
    flex-shrink: 0;
    margin-left: 1.6rem
}

.article__catchphrase {
    width: 70%;
    margin: 0;
    margin-top: 2.4rem
}

.article__catchphrase {
    font-family: "Trebuchet MS", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loaded) .article__catchphrase {
    letter-spacing: -1.607px
}

html:not(.fonts-loaded) .article__catchphrase>* {
    letter-spacing: -1.607px
}

html.fonts-loaded .article__catchphrase {
    font-family: "Marr Sans Condensed", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loading) .article__catchphrase {
    letter-spacing: .05rem
}

@media(min-width: 576px) {
    .article__catchphrase {
        float: left;
        padding-bottom: 1.6rem;
        padding-right: 4rem;
        margin-top: 2rem;
        width: 20rem
    }
}

@media(min-width: 768px) {
    .article__catchphrase {
        width: 24rem
    }
}

.article__catchphrase:before {
    content: " ";
    display: block;
    width: 3.2rem;
    height: .4rem;
    background-color: #026b9c;
    margin-right: .8rem;
    margin-top: .4rem
}

.article__catchphrase .article__quote {
    margin-bottom: 0;
    font-size: 2.4rem;
    line-height: 1.33;
    font-weight: 600;
    margin-top: 1.6rem;
    color: #026b9c
}

@media print {
    .article__catchphrase .article__quote {
        font-size: 12pt
    }
}

.article__catchphrase+p {
    margin-top: 2.4rem
}

@media print {
    .article__catchphrase+p {
        margin-top: 1.6rem
    }
}

@media print {
    .article__catchphrase {
        float: none;
        width: 70%;
        margin: 0;
        margin-top: 1.6rem
    }
}

figure {
    margin: 0;
    margin-bottom: 0;
    clear: both;
    margin-left: -2.4rem;
    margin-right: -2.4rem;
    margin-top: 2.4rem
}

@media(min-width: 768px) {
    figure {
        margin-left: 0;
        margin-right: 0
    }
}

@media print {
    figure {
        margin-left: 0;
        margin-right: 0;
        margin-top: 1.6rem
    }
}

figcaption {
    background-color: rgba(0, 0, 0, 0);
    margin-top: .8rem
}

figcaption.article__legend {
    color: #717b8e;
    font-size: 1.4rem;
    line-height: 1.42
}

figcaption.article__legend {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) figcaption.article__legend {
    letter-spacing: .314px
}

html:not(.fonts-loaded) figcaption.article__legend>* {
    letter-spacing: .314px
}

html.fonts-loaded figcaption.article__legend {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

@media(min-width: 768px) {
    figcaption.article__legend {
        padding-left: 0;
        padding-right: 0
    }
}

@media print {
    figcaption.article__legend {
        padding-left: 0;
        padding-right: 0
    }
}

figcaption.article__legend .article__credit {
    font-size: 1.2rem;
    color: #a2a9ae
}

.author {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .author {
    letter-spacing: .314px
}

html:not(.fonts-loaded) .author>* {
    letter-spacing: .314px
}

html.fonts-loaded .author {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.author:before {
    content: " ";
    display: block;
    width: 6rem;
    height: .4rem;
    background-color: #383f4e;
    margin-bottom: 2.4rem
}

.author__name {
    font-weight: 600;
    font-size: 1.5rem;
    color: #383f4e
}

.author__desc {
    color: #717b8e;
    font-size: 1.5rem
}

.author__detail {
    display: flex;
    flex-direction: column;
    letter-spacing: .02rem
}

.author__live {
    text-align: left;
    color: #8b92a1;
    font-size: 1.6rem;
    line-height: 2.1rem
}

.author__live {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .author__live {
    letter-spacing: .314px
}

html:not(.fonts-loaded) .author__live>* {
    letter-spacing: .314px
}

html.fonts-loaded .author__live {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.twitter-tweet {
    clear: both;
    margin: 0 auto;
    padding-top: 2rem
}

.multimedia-embed {
    margin-top: 2rem;
    overflow-x: hidden;
    clear: both
}

.multimedia-embed iframe {
    max-width: 100%
}

.multimedia-embed--podcast {
    margin-left: -1.6rem;
    margin-right: -1.6rem
}

@media(min-width: 576px) {
    .multimedia-embed--podcast {
        margin-left: -3.2rem;
        margin-right: -3.2rem
    }
}

@media(min-width: 768px) {
    .multimedia-embed--podcast {
        margin-left: 0;
        margin-right: 0
    }
}

@media(prefers-color-scheme: dark) {
    .multimedia-embed[data-color-mode] [data-widget=mlemag-insta] {
        background-color: #2a303b;
        color: #fff
    }
}

.video-embed {
    position: relative;
    padding-top: 56.25%
}

.video-embed iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.aside__article,
.aside__footer {
    display: none
}

.aside__article .friend,
.aside__footer .friend {
    display: block;
    border-top: 0
}

@media(min-width: 1024px) {

    .aside__article .friend,
    .aside__footer .friend {
        grid-column: 1;
        height: 100%
    }
}

.aside__article .friend:nth-child(2),
.aside__footer .friend:nth-child(2) {
    grid-row: 2/3
}

.aside__article .friend:nth-child(3),
.aside__footer .friend:nth-child(3) {
    grid-row: 3/4
}

.aside__article .friend__sticky,
.aside__footer .friend__sticky {
    position: sticky;
    top: 7rem
}

@media(min-width: 1024px) {
    .aside__article {
        grid-column: 2;
        grid-row: 2;
        display: grid;
        grid-template-rows: auto auto auto;
        grid-template-columns: auto;
        grid-row-gap: 4rem
    }
}

@media(min-width: 1024px) {
    .aside__article--sticky {
        position: sticky;
        top: 2rem
    }
}

.aside__article .friend:first-child {
    margin-top: 2.4rem;
    grid-row: 1/2
}

@media(min-width: 1024px) {
    .aside__footer {
        grid-column: 2;
        grid-row: 3;
        display: grid;
        grid-template-rows: auto;
        grid-template-columns: auto;
        padding-top: 15.3rem
    }
}

.aside__iso {
    display: none
}

@media(min-width: 1024px) {
    .aside__iso {
        display: block;
        padding-top: 2.4rem;
        margin-bottom: 4rem;
        grid-row: 2/3;
        grid-column: 2
    }
}

@media print {
    .aside__iso {
        display: none
    }
}

@media(min-width: 1024px) {
    .aside__iso .friend {
        border-top: 0
    }

    .aside__iso .friend:not(:first-child) {
        margin-top: 4.8rem
    }
}

.aside--favorites {
    padding-top: 0
}

.aside__campaign {
    display: none
}

@media(min-width: 1024px) {
    .aside__campaign {
        display: block;
        padding-top: 2.4rem;
        margin-bottom: 4rem;
        grid-row: 3/4;
        grid-column: 2
    }
}

@media print {
    .aside__campaign {
        display: none
    }
}

@media(min-width: 1024px) {
    .aside__campaign .friend {
        border-top: 0
    }

    .aside__campaign .friend:not(:first-child) {
        margin-top: 4.8rem
    }
}

@media(min-width: 1024px) {
    .aside__campaign--media {
        grid-row: 4;
        grid-column: 2
    }
}

.aside__special--portfolio {
    padding-top: 3.2rem
}

@media(min-width: 1024px) {
    .aside__special--portfolio {
        padding-top: 4rem;
        grid-row: 3/4
    }
}

.aside__special--m-le-mag {
    margin-bottom: 2.4rem
}

@media(min-width: 1024px) {
    .aside__special--video {
        grid-row: 3/4
    }
}

@media(min-width: 1024px) {
    .aside__special--multimedia {
        grid-row: 3/4
    }
}

.aside__special--decodeur {
    border-top: .3rem solid #2a303b;
    padding: 0 2rem 2rem 0;
    color: #2a303b;
    display: none;
    background-color: #f5f6f8;
    padding: 0 2rem 2rem 2rem;
    margin-bottom: 4rem
}

.aside__special--decodeur {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .aside__special--decodeur {
    letter-spacing: .314px
}

html:not(.fonts-loaded) .aside__special--decodeur>* {
    letter-spacing: .314px
}

html.fonts-loaded .aside__special--decodeur {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

@media(min-width: 1024px) {
    .aside__special--decodeur {
        margin-bottom: 3.2rem
    }
}

@media(min-width: 1024px) {
    .aside__special--decodeur {
        display: block;
        margin-bottom: 3.2rem
    }
}

.aside__special--afrique {
    border-top: .3rem solid #2a303b;
    padding: 0 2rem 2rem 0;
    color: #2a303b;
    padding: 0 2rem 4rem 0
}

.aside__special--afrique {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .aside__special--afrique {
    letter-spacing: .314px
}

html:not(.fonts-loaded) .aside__special--afrique>* {
    letter-spacing: .314px
}

html.fonts-loaded .aside__special--afrique {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

@media(min-width: 1024px) {
    .aside__special--afrique {
        margin-bottom: 3.2rem
    }
}

@media(min-width: 1024px) {
    .aside__special--afrique {
        padding: 0 2rem 2rem 0
    }
}

.aside__page {
    display: none
}

@media(min-width: 1024px) {
    .aside__page {
        grid-column: 2;
        grid-row: 2;
        display: block
    }

    .aside__page .friend {
        margin-bottom: 4rem
    }
}

@media(min-width: 1024px) {
    .aside__page--sitemap {
        grid-column: 2;
        grid-row: 2/4
    }
}

.aside__title {
    font-size: 2.4rem;
    letter-spacing: .046rem;
    line-height: 1.2;
    font-weight: 700;
    color: #2a303b
}

.aside__title {
    font-family: "Trebuchet MS", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loaded) .aside__title {
    letter-spacing: -1.607px
}

html:not(.fonts-loaded) .aside__title>* {
    letter-spacing: -1.607px
}

html.fonts-loaded .aside__title {
    font-family: "Marr Sans Condensed", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loading) .aside__title {
    letter-spacing: .05rem
}

.aside__special-list {
    list-style: none;
    display: flex;
    margin-top: 2.4rem
}

@media(min-width: 1024px) {
    .aside__special-list {
        margin-top: 1.2rem
    }
}

.aside__special-list--afrique {
    flex-direction: column;
    margin-top: 1.2rem
}

@media(min-width: 768px) {
    .aside__special-list--afrique {
        flex-direction: row;
        justify-content: space-between
    }
}

@media(min-width: 1024px) {
    .aside__special-list--afrique {
        flex-direction: column;
        justify-content: flex-start
    }
}

.aside__special-list--decodeur {
    display: inline-block
}

.aside__special-item--decodeur {
    font-size: 1.8rem;
    font-weight: 500
}

.aside__special-item--decodeur {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .aside__special-item--decodeur {
    letter-spacing: .314px
}

html:not(.fonts-loaded) .aside__special-item--decodeur>* {
    letter-spacing: .314px
}

html.fonts-loaded .aside__special-item--decodeur {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.aside__special-item--decodeur:before {
    content: "";
    background-image: url("");
    display: inline-block;
    width: 1.2rem;
    height: 1rem;
    margin-right: .8rem
}

.aside__special-item--afrique:not(:last-of-type) {
    margin-bottom: 1.2rem
}

.aside__special-link--decodeur {
    color: #026b9c
}

.aside__special-link--decodeur:hover {
    border-bottom: .1rem solid #0070b2
}

.aside__special-title {
    font-size: 2.4rem;
    letter-spacing: .046rem;
    line-height: 1.2;
    font-weight: 700;
    margin-top: 2.4rem
}

.aside__special-title {
    font-family: "Trebuchet MS", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loaded) .aside__special-title {
    letter-spacing: -1.607px
}

html:not(.fonts-loaded) .aside__special-title>* {
    letter-spacing: -1.607px
}

html.fonts-loaded .aside__special-title {
    font-family: "Marr Sans Condensed", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loading) .aside__special-title {
    letter-spacing: .05rem
}

@media(min-width: 1024px) {
    .aside__special-title--decodeur {
        font-size: 2.3rem
    }
}

.aside__special-link--m-le-mag {
    margin-top: 1.6rem;
    display: flex
}

.aside__special-link--afrique {
    display: flex
}

.aside__logo-detail {
    display: flex;
    flex-direction: column;
    line-height: 1;
    justify-content: center;
    margin-left: 1.2rem
}

.aside__logo-detail--afrique {
    font-weight: 600
}

.aside__logo-detail--first {
    width: 100%;
    font-weight: 600;
    margin-top: .6rem
}

.aside__logo-detail--second {
    margin-top: .4rem
}

.aside--campaigns {
    display: none;
    padding-top: 2rem
}

@media(min-width: 1024px) {
    .aside--campaigns {
        display: block
    }
}

.aside--election {
    display: flex;
    flex-direction: column
}

@media(min-width: 1024px) {
    .aside--election-top {
        margin-top: -4rem
    }
}

@media(min-width: 1024px) {
    .aside--election .aside__page--sitemap {
        order: 3
    }
}

.aside--election .friend {
    border: none;
    z-index: 0
}

.lmd-link:hover {
    -webkit-text-decoration: underline;
    text-decoration: underline;
    text-decoration-thickness: .06em;
    text-underline-offset: .2em
}

.lmd-link-reverse {
    -webkit-text-decoration: underline;
    text-decoration: underline;
    text-decoration-thickness: .06em;
    text-underline-offset: .2em
}

.lmd-link-reverse:hover {
    opacity: .8;
    -webkit-text-decoration: none;
    text-decoration: none
}

.lmd-link-nav:hover {
    color: #026b9c
}

.lmd-link-blue {
    color: #026b9c;
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.lmd-link-blue:hover {
    color: #005b85
}

.lmd-link-opacity:hover {
    opacity: .8
}

.breadcrumb {
    font-size: 1.6rem;
    color: #717b8e;
    display: flex;
    align-items: center;
    text-transform: uppercase;
    list-style: none;
    font-weight: 500;
    letter-spacing: .1rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-bottom: 1.6rem
}

.breadcrumb {
    font-family: "Trebuchet MS", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loaded) .breadcrumb {
    letter-spacing: -1.607px
}

html:not(.fonts-loaded) .breadcrumb>* {
    letter-spacing: -1.607px
}

html.fonts-loaded .breadcrumb {
    font-family: "Marr Sans Condensed", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loading) .breadcrumb {
    letter-spacing: .05rem
}

.breadcrumb--longform {
    justify-content: center;
    margin-bottom: .8rem
}

.article__header .breadcrumb {
    flex-wrap: wrap
}

.breadcrumb__election {
    align-items: flex-end
}

@media(min-width: 1024px) {
    .breadcrumb__election-wrapper {
        position: absolute;
        top: 0;
        left: 0;
        padding: 1.2rem 3.2rem
    }

    .breadcrumb__election-wrapper .breadcrumb {
        color: #fff
    }
}

.breadcrumb__election-wrapper .breadcrumb__child {
    margin-top: .6rem
}

@media(min-width: 768px) {
    .breadcrumb__election-wrapper .breadcrumb__child {
        padding-left: .4rem
    }
}

@media(min-width: 1024px) {
    .breadcrumb__election-wrapper .breadcrumb__child {
        padding-left: .8rem;
        padding-right: 0
    }
}

.breadcrumb__election-wrapper .breadcrumb__child:before {
    content: "•";
    align-self: center;
    color: #bdc1c8;
    padding-right: .4rem
}

.breadcrumb__election-wrapper .breadcrumb__child:before {
    font-family: Georgia, Droid-serif, serif
}

html:not(.fonts-loaded) .breadcrumb__election-wrapper .breadcrumb__child:before {
    letter-spacing: -0.645px
}

html:not(.fonts-loaded) .breadcrumb__election-wrapper .breadcrumb__child:before>* {
    letter-spacing: -0.645px
}

html.fonts-loaded .breadcrumb__election-wrapper .breadcrumb__child:before {
    font-family: "The Antiqua B standard", Georgia, Droid-serif, serif
}

@supports(font-variation-settings: normal) {
    html.fonts-loaded .breadcrumb__election-wrapper .breadcrumb__child:before {
        font-family: "The Antiqua B", Georgia, Droid-serif, serif
    }
}

@media(min-width: 1024px) {
    .breadcrumb__election-wrapper .breadcrumb__child:before {
        padding-right: .8rem
    }
}

@media(max-width: 1024px) {
    .breadcrumb__election-wrapper .breadcrumb__parent {
        align-items: center;
        display: flex;
        justify-content: flex-start
    }

    .breadcrumb__election-wrapper .breadcrumb__back-arrow {
        background-image: url("");
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        display: inline-block;
        height: 1.6rem;
        right: .8rem;
        top: 1.6rem;
        transform: rotate(180deg);
        width: 2.5rem
    }
}

.breadcrumb__parent {
    display: flex;
    line-height: 1.6rem
}

.breadcrumb__parent--after::after {
    content: "•";
    align-self: center;
    color: #bdc1c8;
    padding: 0 .8rem
}

.breadcrumb__parent--after::after {
    font-family: Georgia, Droid-serif, serif
}

html:not(.fonts-loaded) .breadcrumb__parent--after::after {
    letter-spacing: -0.645px
}

html:not(.fonts-loaded) .breadcrumb__parent--after::after>* {
    letter-spacing: -0.645px
}

html.fonts-loaded .breadcrumb__parent--after::after {
    font-family: "The Antiqua B standard", Georgia, Droid-serif, serif
}

@supports(font-variation-settings: normal) {
    html.fonts-loaded .breadcrumb__parent--after::after {
        font-family: "The Antiqua B", Georgia, Droid-serif, serif
    }
}

.breadcrumb__parent a:hover {
    color: #026b9c
}

.breadcrumb__child {
    display: none
}

.breadcrumb__child:before {
    content: "•";
    align-self: center;
    color: #bdc1c8;
    padding-right: .4rem
}

.breadcrumb__child:before {
    font-family: Georgia, Droid-serif, serif
}

html:not(.fonts-loaded) .breadcrumb__child:before {
    letter-spacing: -0.645px
}

html:not(.fonts-loaded) .breadcrumb__child:before>* {
    letter-spacing: -0.645px
}

html.fonts-loaded .breadcrumb__child:before {
    font-family: "The Antiqua B standard", Georgia, Droid-serif, serif
}

@supports(font-variation-settings: normal) {
    html.fonts-loaded .breadcrumb__child:before {
        font-family: "The Antiqua B", Georgia, Droid-serif, serif
    }
}

.article__header .breadcrumb__child {
    display: flex;
    flex-wrap: nowrap;
    padding-left: .4rem
}

@media(min-width: 768px) {
    .breadcrumb__child {
        display: flex;
        flex-wrap: nowrap;
        padding-left: .4rem
    }

    .breadcrumb__child--election {
        align-self: flex-end
    }
}

@media(min-width: 1024px) {
    .breadcrumb__child {
        padding-left: .8rem;
        padding-right: .8rem
    }
}

.breadcrumb__child--article {
    line-height: 1.6rem
}

.breadcrumb__child--article a:hover {
    color: #026b9c
}

.breadcrumb__child a:hover {
    color: #026b9c
}

.lmd-link:hover {
    -webkit-text-decoration: underline;
    text-decoration: underline;
    text-decoration-thickness: .06em;
    text-underline-offset: .2em
}

.lmd-link-reverse {
    -webkit-text-decoration: underline;
    text-decoration: underline;
    text-decoration-thickness: .06em;
    text-underline-offset: .2em
}

.lmd-link-reverse:hover {
    opacity: .8;
    -webkit-text-decoration: none;
    text-decoration: none
}

.lmd-link-nav:hover {
    color: #026b9c
}

.lmd-link-blue {
    color: #026b9c;
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.lmd-link-blue:hover {
    color: #005b85
}

.lmd-link-opacity:hover {
    opacity: .8
}

@media(min-width: 1024px) {
    .insert {
        color: #2a303b;
        background-color: #f5f6f8;
        border-top: .4rem solid #2a303b;
        padding: 0 2rem 2rem 2rem
    }

    .insert__title,
    .insert__date {
        font-family: "Trebuchet MS", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
    }

    html:not(.fonts-loaded) .insert__title,
    html:not(.fonts-loaded) .insert__date {
        letter-spacing: -1.607px
    }

    html:not(.fonts-loaded) .insert__title>*,
    html:not(.fonts-loaded) .insert__date>* {
        letter-spacing: -1.607px
    }

    html.fonts-loaded .insert__title,
    html.fonts-loaded .insert__date {
        font-family: "Marr Sans Condensed", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
    }

    html:not(.fonts-loading) .insert__title,
    html:not(.fonts-loading) .insert__date {
        letter-spacing: .05rem
    }
}

@media(min-width: 1024px) {
    .insert__title {
        font-size: 2.8rem;
        letter-spacing: .054rem;
        line-height: 1.4;
        font-weight: 700;
        margin-top: 2.4rem
    }
}

.insert__title--wirecutter {
    font-size: 1.5rem;
    letter-spacing: .075rem;
    font-weight: 500;
    line-height: 1.2;
    display: inline-flex;
    align-items: center
}

@media(min-width: 1024px) {
    .insert__date {
        font-size: 1.5rem;
        letter-spacing: .075rem;
        line-height: normal
    }
}

.insert__media {
    display: none
}

@media(min-width: 1024px) {
    .insert__media {
        margin-top: 2.4rem;
        display: block;
        border: .1rem solid #eff0f3;
        box-shadow: 0 .4rem .4rem 0 rgba(0, 0, 0, .04)
    }
}

@media(min-width: 1024px) {
    .insert__media--article {
        margin-top: 0;
        flex: 0 0 9.9rem;
        align-self: flex-start;
        margin-left: 1.6rem;
        margin-bottom: .4rem
    }
}

@media(min-width: 1024px) {
    .insert__action {
        margin-top: 1.6rem;
        height: 4.8rem
    }

    .insert__action:first-child {
        margin-top: 2.4rem
    }
}

.insert__action--archives {
    font-size: 1.5rem
}

@media(min-width: 1024px) {
    .insert__list {
        list-style: none
    }

    .insert__list li:not(:last-child) {
        border-bottom: .1rem solid #d5d8dc
    }
}

@media(min-width: 1024px) {
    .insert__list--wirecutter {
        font-family: Georgia, Droid-serif, serif
    }

    html:not(.fonts-loaded) .insert__list--wirecutter {
        letter-spacing: -0.645px
    }

    html:not(.fonts-loaded) .insert__list--wirecutter>* {
        letter-spacing: -0.645px
    }

    html.fonts-loaded .insert__list--wirecutter {
        font-family: "The Antiqua B standard", Georgia, Droid-serif, serif
    }

    @supports(font-variation-settings: normal) {
        html.fonts-loaded .insert__list--wirecutter {
            font-family: "The Antiqua B", Georgia, Droid-serif, serif
        }
    }
}

@media(min-width: 1024px) {
    .insert__link {
        font-size: 1.8rem;
        letter-spacing: -0.02rem;
        line-height: 1.33;
        display: flex
    }

    .insert__link:hover {
        -webkit-text-decoration: underline;
        text-decoration: underline;
        text-decoration-thickness: .06em;
        text-underline-offset: .2em
    }
}

@media(min-width: 1024px) {
    .insert__link--media {
        font-size: 1.7rem;
        letter-spacing: -0.019rem
    }
}

.insert__item {
    display: flex
}

@media(min-width: 1024px) {
    .insert__item:not(:last-child) {
        padding: 2.4rem 0
    }
}

.insert__item--inline:before {
    content: "•";
    font-size: 3.4rem;
    line-height: 1;
    vertical-align: text-top;
    margin-right: 1.2rem
}

@media(min-width: 1024px) {
    .insert__item:last-child {
        padding-top: 2.4rem
    }
}

@media(min-width: 1024px) {
    .insert__teaser {
        display: flex;
        padding: 2.4rem 0
    }
}

.insert__teaser:hover .insert__subtitle {
    -webkit-text-decoration: underline;
    text-decoration: underline;
    text-decoration-thickness: .06em;
    text-underline-offset: .2em
}

.insert__teaser-wirecutter {
    line-height: 1.3
}

@media(min-width: 1024px) {
    .insert__teaser-wirecutter {
        font-size: 1.8rem;
        padding-top: .8rem
    }
}

.insert__teaser-wirecutter:hover .insert__subtitle {
    -webkit-text-decoration: underline;
    text-decoration: underline;
    text-decoration-thickness: .06em;
    text-underline-offset: .2em
}

@media(min-width: 1024px) {
    .insert__subtitle {
        display: flex;
        font-size: 1.8rem;
        line-height: 1.3;
        letter-spacing: -0.002rem;
        color: #2a303b;
        padding-left: 1.6rem
    }

    .insert__subtitle {
        font-family: Georgia, Droid-serif, serif
    }

    html:not(.fonts-loaded) .insert__subtitle {
        letter-spacing: -0.645px
    }

    html:not(.fonts-loaded) .insert__subtitle>* {
        letter-spacing: -0.645px
    }

    html.fonts-loaded .insert__subtitle {
        font-family: "The Antiqua B standard", Georgia, Droid-serif, serif
    }

    @supports(font-variation-settings: normal) {
        html.fonts-loaded .insert__subtitle {
            font-family: "The Antiqua B", Georgia, Droid-serif, serif
        }
    }
}

.insert .icon__1,
.insert .icon__2,
.insert .icon__3 {
    width: 2rem;
    height: 2rem;
    display: block;
    margin-top: .4rem
}

.insert--wirecutter {
    background-color: #fff;
    border-top: .3rem solid #3374ff;
    border-left: .1rem solid #d5d8dc;
    border-right: .1rem solid #d5d8dc;
    border-bottom: .1rem solid #d5d8dc;
    margin-top: 2rem;
    margin-bottom: 4rem
}

.friend {
    border-top: .1rem solid #d5d8dc;
    position: relative;
    z-index: 1
}

.friend__container {
    height: 150rem
}

.friend--sticky {
    position: sticky;
    top: 8rem
}

.friend__list {
    list-style: none;
    margin-top: 2.4rem;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 1.6rem
}

@media(min-width: 768px) {
    .friend__list {
        grid-template-columns: 1fr 1fr 1fr 1fr
    }
}

@media(min-width: 1024px) {
    .friend__list {
        grid-template-columns: 1fr
    }
}

.friend__media {
    height: 5rem;
    -o-object-fit: contain;
    object-fit: contain;
    width: 10rem
}

@media(min-width: 1024px) {
    .friend__media {
        margin-right: 2rem
    }
}

.friend__item {
    display: flex;
    flex-direction: column;
    align-items: center
}

@media(min-width: 1024px) {
    .friend__item {
        flex-direction: row
    }
}

.friend__message {
    font-size: 1.6rem;
    line-height: 1.31;
    margin-top: 1.6rem
}

.friend__message {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .friend__message {
    letter-spacing: .314px
}

html:not(.fonts-loaded) .friend__message>* {
    letter-spacing: .314px
}

html.fonts-loaded .friend__message {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

@media(min-width: 1024px) {
    .friend__message {
        margin-top: 0
    }
}

.friend__message--link:hover {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.friend--mobile {
    display: block;
    margin-left: -1.6rem;
    margin-right: -1.6rem;
    text-align: center;
    background-color: #f5f6f8;
    border-top: 0
}

@media(min-width: 576px) {
    .friend--mobile {
        margin: 0
    }
}

@media(min-width: 1024px) {
    .friend--mobile {
        display: none
    }
}

.friend--wirecutter {
    display: none;
    margin-bottom: 4rem;
    margin-top: 2rem
}

@media(min-width: 1024px) {
    .friend--wirecutter {
        display: block
    }
}

.friend--wirecutter li {
    display: flex;
    padding: 1.2rem 0 2rem
}

.friend--wirecutter li {
    font-family: Georgia, Droid-serif, serif
}

html:not(.fonts-loaded) .friend--wirecutter li {
    letter-spacing: -0.645px
}

html:not(.fonts-loaded) .friend--wirecutter li>* {
    letter-spacing: -0.645px
}

html.fonts-loaded .friend--wirecutter li {
    font-family: "The Antiqua B standard", Georgia, Droid-serif, serif
}

@supports(font-variation-settings: normal) {
    html.fonts-loaded .friend--wirecutter li {
        font-family: "The Antiqua B", Georgia, Droid-serif, serif
    }
}

.friend--wirecutter li:before {
    content: "•";
    font-size: 3.4rem;
    line-height: 1;
    vertical-align: text-top;
    margin-right: 1.2rem
}

.friend--section {
    border-top: none
}

.friend--river {
    display: block;
    margin-left: -1.6rem;
    margin-right: -1.6rem;
    background-color: #f5f6f8;
    border-top: 0
}

@media(min-width: 576px) {
    .friend--river {
        margin: 0
    }
}

.friend--mobile+.teaser,
.friend--river+.teaser {
    border-top: 0
}

.friend--mobile+.message {
    margin-top: 0;
    border-top: 0
}

@media(min-width: 768px) {
    .friend--mobile+.message {
        border-top: .1rem solid #d5d8dc
    }
}

.friend--wide {
    display: none;
    grid-column: 1/span 3;
    border-top: 0
}

@media(min-width: 1024px) {
    .friend--wide {
        border-top: .1rem solid #d5d8dc;
        display: block
    }
}

.friend--dfp {
    border-top: 0;
    padding-bottom: 4rem
}

.friend--dfp+.area {
    padding-top: 3.2rem;
    border-top: 0
}

@media(min-width: 768px) {
    .friend--dfp+.area {
        border-top: .1rem solid #d5d8dc;
        padding-top: 2.4rem
    }
}

.friend--around {
    background-color: #eff0f3;
    text-align: center;
    text-transform: uppercase;
    font-size: 1rem;
    padding: 0 .8rem .8rem .8rem
}

.friend--around:before {
    content: "Publicité";
    padding-top: .4rem;
    padding-bottom: .4rem;
    display: block;
    width: 100%;
    color: #666e80
}

.friend--inread {
    display: none
}

@media(min-width: 1024px) {
    .friend--inread {
        display: block;
        padding: 0 1.6rem 1.6rem 1.6rem
    }
}

.friend--paywall {
    margin-top: 4rem;
    border-top: 0
}

@media(min-width: 768px) {
    .friend--paywall {
        grid-column: 1/span 3
    }
}

.friend--paywall:first-of-type {
    margin-top: 0
}

.friend--around {
    background-color: #eff0f3;
    text-align: center;
    text-transform: uppercase;
    font-size: 1rem;
    padding: 0 .8rem .8rem .8rem
}

.friend--around:before {
    content: "Publicité";
    padding-top: .4rem;
    padding-bottom: .4rem;
    display: block;
    width: 100%;
    color: #666e80
}

@media(min-width: 1024px) {
    .friend--abo {
        border-color: rgba(0, 0, 0, 0)
    }
}

@media(min-width: 576px) {

    .friend .bizdev-poster,
    .friend .bizdev-list {
        width: 100%
    }
}

.predict {
    height: 25rem;
    display: flex;
    flex-flow: row nowrap;
    margin-top: 4.8rem
}

.predict__illustration {
    width: 12rem;
    background: #2a303b;
    background-repeat: no-repeat;
    background-size: cover
}

.predict__illustration-podcast {
    background: url("")
}

.predict__illustration-international {
    background: url("")
}

.predict__illustration-newsletter {
    background: url("")
}

.predict__illustration-video {
    background: url("")
}

.predict__content {
    flex: 1 0 0;
    padding: .8rem 1.6rem;
    background: #fff;
    display: flex;
    flex-flow: column
}

.predict__text {
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 1.25;
    margin-bottom: .8rem
}

.predict__text {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .predict__text {
    letter-spacing: .314px
}

html:not(.fonts-loaded) .predict__text>* {
    letter-spacing: .314px
}

html.fonts-loaded .predict__text {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.predict__text:last-of-type {
    margin-bottom: 0;
    border-bottom: solid .1rem #026b9c;
    padding-bottom: 1.6rem
}

.predict__button {
    font-weight: 500;
    letter-spacing: .18rem;
    font-size: 1.4rem;
    color: #fff;
    display: inline-block;
    width: 100%;
    background-color: #026b9c;
    padding: 1.1rem 0 1rem;
    border-radius: .3rem;
    text-align: center;
    margin-top: auto
}

.predict__button {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .predict__button {
    letter-spacing: .314px
}

html:not(.fonts-loaded) .predict__button>* {
    letter-spacing: .314px
}

html.fonts-loaded .predict__button {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.forecast__abandonnistes {
    padding: 2.4rem 1.6rem 0;
    display: flex;
    flex-flow: column;
    align-items: center
}

.forecast__abandonnistes {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .forecast__abandonnistes {
    letter-spacing: .314px
}

html:not(.fonts-loaded) .forecast__abandonnistes>* {
    letter-spacing: .314px
}

html.fonts-loaded .forecast__abandonnistes {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

@media(min-width: 768px) {
    .forecast__abandonnistes {
        max-width: 66.4rem;
        margin: 0 auto;
        padding: 2.4rem 0 0
    }
}

@media(min-width: 1024px) {
    .forecast__abandonnistes {
        display: none
    }
}

.forecast__abandonnistes .abandonnistes__checkbox {
    position: absolute;
    opacity: 0;
    left: -1000rem
}

.forecast__abandonnistes .abandonnistes__checkbox:checked {
    border: none;
    outline: none;
    background-color: red
}

.forecast__abandonnistes .abandonnistes__checkbox:checked~.abandonnistes__avantages {
    display: block
}

.forecast__abandonnistes .abandonnistes__checkbox:checked~.abandonnistes__more .abandonnistes__more-button--more {
    display: none
}

.forecast__abandonnistes .abandonnistes__checkbox:checked~.abandonnistes__more .abandonnistes__more-button--less {
    display: block
}

.forecast__abandonnistes .abandonnistes__title {
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.17;
    text-align: center;
    margin-bottom: 2rem;
    order: 1
}

@media(min-width: 1024px) {
    .forecast__abandonnistes .abandonnistes__title {
        font-size: 2.4rem
    }
}

.forecast__abandonnistes .abandonnistes__title--nowrap {
    white-space: nowrap
}

.forecast__abandonnistes .abandonnistes__avantages {
    list-style: none;
    margin: 2rem 0;
    display: none;
    order: 3
}

@media(min-width: 1024px) {
    .forecast__abandonnistes .abandonnistes__avantages {
        margin: 0 0 2rem;
        text-align: center;
        display: block;
        order: 2
    }
}

.forecast__abandonnistes .abandonnistes__avantages-item {
    margin-bottom: 1.8rem;
    padding-left: 4rem;
    position: relative
}

@media(min-width: 1024px) {
    .forecast__abandonnistes .abandonnistes__avantages-item {
        padding-left: 0
    }
}

.forecast__abandonnistes .abandonnistes__avantages-item:before {
    display: inline-block;
    content: " ";
    background-image: url("");
    background-size: cover;
    background-repeat: no-repeat;
    margin-right: .8rem;
    height: 2.4rem;
    width: 2.4rem;
    vertical-align: text-bottom;
    position: absolute;
    left: .2rem
}

@media(min-width: 1024px) {
    .forecast__abandonnistes .abandonnistes__avantages-item:before {
        position: static;
        position: initial
    }
}

.forecast__abandonnistes .abandonnistes__avantages-item:last-child {
    margin-bottom: 0
}

.forecast__abandonnistes .abandonnistes__avantages-item--account-four:before {
    height: 2.2rem;
    width: 3rem;
    background-image: url("");
    left: 0
}

.forecast__abandonnistes .abandonnistes__avantages-item--account-two:before {
    height: 2.2rem;
    width: 1.9rem;
    background-image: url("");
    left: .6rem
}

.forecast__abandonnistes .abandonnistes__cta {
    display: inline-block;
    max-width: 100%;
    width: 100%;
    font-weight: 500;
    padding: .7rem 0 .8rem;
    background-color: #ffc700;
    border-radius: .3rem;
    text-align: center;
    order: 2
}

@media(min-width: 768px) {
    .forecast__abandonnistes .abandonnistes__cta {
        max-width: 35.2rem
    }
}

@media(min-width: 1024px) {
    .forecast__abandonnistes .abandonnistes__cta {
        order: 3
    }
}

.forecast__abandonnistes .abandonnistes__more {
    position: relative;
    width: 100%;
    height: .4rem;
    background-color: #ffc700;
    margin-top: 2.2rem;
    order: 4;
    z-index: 1
}

@media(min-width: 1024px) {
    .forecast__abandonnistes .abandonnistes__more {
        display: none
    }
}

.forecast__abandonnistes .abandonnistes__more-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    white-space: nowrap;
    background: #fff;
    padding: 0 1rem;
    font-weight: 500;
    cursor: pointer
}

.forecast__abandonnistes .abandonnistes__more-button--less {
    display: none
}

.forecast__abandonnistes .abandonnistes__more-button .abandonnistes__icon {
    display: inline-block;
    height: .5rem;
    width: .8rem;
    background-size: cover;
    vertical-align: middle;
    margin-left: .4rem
}

.forecast__abandonnistes .abandonnistes__more-button .abandonnistes__icon.icon--more {
    background-image: url("")
}

.forecast__abandonnistes .abandonnistes__more-button .abandonnistes__icon.icon--less {
    background-image: url("")
}

.forecast__abandonnistes--space {
    padding-bottom: 2.4rem
}

.forecast .predict {
    height: 25rem;
    display: flex;
    flex-flow: row nowrap;
    margin-top: 4.8rem
}

.forecast .predict__illustration {
    width: 12rem;
    background: #2a303b;
    background-repeat: no-repeat;
    background-size: cover
}

.forecast .predict__illustration-podcast {
    background: url("")
}

.forecast .predict__illustration-international {
    background: url("")
}

.forecast .predict__illustration-newsletter {
    background: url("")
}

.forecast .predict__illustration-video {
    background: url("")
}

.forecast .predict__content {
    flex: 1 0 0;
    padding: .8rem 1.6rem;
    background: #fff;
    display: flex;
    flex-flow: column
}

.forecast .predict__text {
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 1.25;
    margin-bottom: .8rem
}

.forecast .predict__text {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .forecast .predict__text {
    letter-spacing: .314px
}

html:not(.fonts-loaded) .forecast .predict__text>* {
    letter-spacing: .314px
}

html.fonts-loaded .forecast .predict__text {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.forecast .predict__text:last-of-type {
    margin-bottom: 0;
    border-bottom: solid .1rem #026b9c;
    padding-bottom: 1.6rem
}

.forecast .predict__button {
    font-weight: 500;
    letter-spacing: .18rem;
    font-size: 1.4rem;
    color: #fff;
    display: inline-block;
    width: 100%;
    background-color: #026b9c;
    padding: 1.1rem 0 1rem;
    border-radius: .3rem;
    text-align: center;
    margin-top: auto
}

.forecast .predict__button {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .forecast .predict__button {
    letter-spacing: .314px
}

html:not(.fonts-loaded) .forecast .predict__button>* {
    letter-spacing: .314px
}

html.fonts-loaded .forecast .predict__button {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.privacy__block-gray {
    border: .1rem solid #ccc;
    background: #eee;
    padding: 0 1.6rem;
    margin: 1.6rem 0
}

.privacy__block-gray p {
    margin: 1.5rem 0
}

.privacy__table {
    border-collapse: collapse;
    margin-top: 2rem
}

.privacy__table p {
    margin: 1.5rem 0
}

.sr-only {
    border: 0 !important;
    clip: rect(1px, 1px, 1px, 1px) !important;
    -webkit-clip-path: inset(50%) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    white-space: nowrap !important
}

.seo-only {
    display: none
}

.lmd-btn {
    align-items: center;
    border: 0;
    border-radius: .3rem;
    cursor: pointer;
    display: flex;
    flex-shrink: 0;
    font-weight: 500;
    height: 3rem;
    justify-content: center;
    line-height: 1;
    max-width: 100%;
    text-align: center
}

.lmd-btn {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .lmd-btn {
    letter-spacing: .314px
}

html:not(.fonts-loaded) .lmd-btn>* {
    letter-spacing: .314px
}

html.fonts-loaded .lmd-btn {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.lmd-btn--s {
    font-size: 1.2rem;
    padding: .9rem 1.6rem .7rem
}

.lmd-btn--m {
    font-size: 1.4rem;
    padding: .8rem 1.6rem .5rem
}

.lmd-btn--l {
    font-size: 1.6rem;
    height: 4.2rem;
    padding: 1rem 2.4rem
}

.lmd-btn--fullwidth {
    width: 100%
}

.lmd-btn--primary {
    background-color: #026b9c;
    color: #fff
}

.lmd-btn--primary:hover {
    background-color: #005b85
}

.lmd-btn--white {
    background-color: #fff;
    border: .1rem solid #bdc1c8;
    color: #2a303b
}

.lmd-btn--white:hover {
    background-color: #f5f6f8;
    border-color: #bdc1c8
}

.lmd-btn--premium {
    background-color: #ffc700;
    color: #2a303b
}

.lmd-btn--premium:hover {
    background-color: #eab002
}

.lmd-btn--black {
    background-color: #2a303b;
    color: #fff
}

.lmd-btn--black:hover {
    background-color: #454f5f
}

.lmd-btn--blue {
    background-color: #01364f;
    color: #fff
}

.lmd-btn--blue:hover {
    background-color: #01364f
}

.lmd-btn-services {
    align-items: center;
    border: .1rem solid #d5d8dc;
    border-radius: 1.4rem;
    color: #2a303b;
    display: inline-flex;
    flex-shrink: 0;
    font-size: 1.3rem;
    font-weight: 600;
    line-height: 1;
    justify-content: center;
    padding: .4rem 1.2rem
}

.lmd-btn-services {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .lmd-btn-services {
    letter-spacing: .314px
}

html:not(.fonts-loaded) .lmd-btn-services>* {
    letter-spacing: .314px
}

html.fonts-loaded .lmd-btn-services {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.lmd-btn-services:hover {
    background-color: #f5f6f8
}

.lmd-btn-services:active {
    border-color: #d5d8dc;
    background-color: #d5d8dc
}

.lmd-btn-rub {
    align-items: center;
    border: .1rem solid #d5d8dc;
    border-radius: .3rem;
    color: #383f4e;
    display: inline-flex;
    flex-shrink: 0;
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 1;
    justify-content: center;
    padding: 1.2rem 1.2rem 1rem;
    letter-spacing: .01rem
}

.lmd-btn-rub {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .lmd-btn-rub {
    letter-spacing: .314px
}

html:not(.fonts-loaded) .lmd-btn-rub>* {
    letter-spacing: .314px
}

html.fonts-loaded .lmd-btn-rub {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.lmd-btn-rub:hover {
    background-color: rgba(42, 48, 59, .03)
}

.lmd-link:hover {
    -webkit-text-decoration: underline;
    text-decoration: underline;
    text-decoration-thickness: .06em;
    text-underline-offset: .2em
}

.lmd-link-reverse {
    -webkit-text-decoration: underline;
    text-decoration: underline;
    text-decoration-thickness: .06em;
    text-underline-offset: .2em
}

.lmd-link-reverse:hover {
    opacity: .8;
    -webkit-text-decoration: none;
    text-decoration: none
}

.lmd-link-nav:hover {
    color: #026b9c
}

.lmd-link-blue {
    color: #026b9c;
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.lmd-link-blue:hover {
    color: #005b85
}

.lmd-link-opacity:hover {
    opacity: .8
}

.lmd-u-hide {
    display: none !important
}

@media(max-width: 767px) {
    .lmd-u-hide-mobile {
        display: none !important
    }
}

@media(min-width: 768px) {
    .lmd-u-hide-desktop {
        display: none !important
    }
}

@media(max-width: 1023px) {
    .lmd-u-hide-tablet {
        display: none !important
    }
}

@media(max-width: 479px) {
    .lmd-u-hide-smallmobile {
        display: none !important
    }
}

@media(max-width: 359px) {
    .lmd-u-hide-xs {
        display: none !important
    }
}

@media(max-width: 575px) {
    .lmd-u-hide-s {
        display: none !important
    }
}

@media(min-width: 576px) {
    .lmd-u-hide-over-s {
        display: none !important
    }
}

@media(max-width: 767px) {
    .lmd-u-only-desktop {
        display: none
    }
}

.lmd-u-lock-scroll {
    overflow: hidden !important
}

.sticky .lmd-u-hide-sticky {
    display: none !important
}

.services {
    border-top: .2rem solid #2a303b;
    padding-top: 2.4rem
}

.services:not(:last-child) {
    margin-bottom: 4rem
}

.services--footer {
    grid-column: 1/span 2;
    margin-top: 4rem
}

.services__title {
    color: #666e80;
    font-size: 2.2rem;
    font-weight: 800;
    letter-spacing: normal;
    line-height: 1.3;
    margin-bottom: 0;
    -webkit-text-decoration: none;
    text-decoration: none
}

.services__title {
    font-family: "Helvetica Neue", Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .services__title {
    font-family: "Helvetica Neue", Helvetica, Arial, Roboto, sans-serif
}

.services__link {
    display: block;
    margin-bottom: 1.6rem
}

.services__content {
    -ms-overflow-style: none;
    scrollbar-width: none;
    column-gap: 1.6rem;
    display: inline-grid;
    grid-auto-columns: 29rem;
    grid-template-rows: 1fr;
    grid-auto-flow: column;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    padding-left: 1.6rem;
    padding-right: 3.2rem;
    transform: translate3d(-1.6rem, 0, 0);
    width: 100vw
}

.services__content::-webkit-scrollbar {
    width: 0 !important
}

.services__content::-webkit-scrollbar {
    display: none
}

@media(min-width: 576px) {
    .services__content {
        padding-left: 3.2rem;
        padding-right: 4.8rem;
        transform: translate3d(-3.2rem, 0, 0)
    }
}

@media(min-width: 768px) {
    .services__content {
        padding: 0;
        transform: none;
        width: 100%
    }
}

@media(min-width: 1024px) {
    .services__content {
        grid-auto-columns: 1fr
    }
}

.services--generic .services__content {
    align-items: flex-start;
    display: flex;
    justify-content: flex-start;
    width: 100%
}

.services-inread {
    border: 1px solid #79c4df;
    border-radius: 2px;
    display: inline-flex;
    font-weight: 400;
    margin: 3.2rem .8rem 2.4rem .8rem;
    max-width: 62rem;
    position: relative
}

.services-inread {
    font-family: "Trebuchet MS", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loaded) .services-inread {
    letter-spacing: -1.607px
}

html:not(.fonts-loaded) .services-inread>* {
    letter-spacing: -1.607px
}

html.fonts-loaded .services-inread {
    font-family: "Marr Sans Condensed", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loading) .services-inread {
    letter-spacing: .05rem
}

@media(min-width: 576px) {
    .services-inread {
        margin-left: 2.4rem;
        margin-right: 2.4rem
    }
}

.services-inread--abo {
    border: 1px solid #ffc877
}

.services-inread--abo .services-inread__cta,
.services-inread--abo .inread__cta {
    color: #005b85
}

.services-inread--grey {
    border: 1px solid #e2e4e9
}

.services-inread--grey .services-inread__cta,
.services-inread--grey .inread__cta {
    color: #005b85
}

.services-inread__headline {
    position: absolute;
    top: -1.2rem;
    left: 1.6rem;
    display: inline-block;
    background-color: #fff;
    font-size: 1.2rem;
    line-height: 2.1rem;
    padding: 0 .8rem
}

.services-inread__link {
    display: grid;
    font-size: 1.5rem;
    grid-auto-columns: auto;
    grid-template-columns: 1fr;
    line-height: 2.1rem;
    padding: 1.6rem 2.4rem;
    width: 100%
}

.services-inread__link:hover .services-inread__cta {
    -webkit-text-decoration: underline;
    text-decoration: underline;
    text-decoration-thickness: .06em;
    text-underline-offset: .2em
}

.services-inread__title {
    font-weight: 600;
    text-transform: uppercase
}

.services-inread__desc {
    font-weight: 400
}

.services-inread__desc {
    font-family: Georgia, Droid-serif, serif
}

html:not(.fonts-loaded) .services-inread__desc {
    letter-spacing: -0.645px
}

html:not(.fonts-loaded) .services-inread__desc>* {
    letter-spacing: -0.645px
}

html.fonts-loaded .services-inread__desc {
    font-family: "The Antiqua B standard", Georgia, Droid-serif, serif
}

@supports(font-variation-settings: normal) {
    html.fonts-loaded .services-inread__desc {
        font-family: "The Antiqua B", Georgia, Droid-serif, serif
    }
}

@media(min-width: 1024px) {
    .services-inread__desc {
        margin-right: 4.8rem
    }
}

.services-inread__desc span {
    display: block
}

@media(min-width: 576px) {
    .services-inread__desc span {
        display: inline-block
    }
}

.services-inread__cta {
    font-weight: 400;
    color: #036487;
    letter-spacing: .02rem;
    margin-top: .8rem
}

.services-inread__cta::after {
    content: "";
    background-image: url("");
    display: inline-block;
    width: 1rem;
    height: 1rem;
    margin-left: .4rem
}

@media(min-width: 1024px) {
    .services-inread__cta {
        grid-column: 2;
        grid-row: 1/3;
        align-self: center;
        margin-top: 0;
        text-align: right
    }
}

.inread {
    font-family: "Marr Sans", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif;
    position: relative;
    width: 100%;
    max-width: none;
    font-weight: 400;
    margin: 3.2rem 0;
    border: 1px solid #e2e4e9;
    border-radius: 2px;
    clear: both
}

[data-color-mode=dark] .inread {
    border: 1px solid rgba(255, 255, 255, .1)
}

.inread--partner {
    margin-top: .8rem
}

.inread--partner .inread__headline {
    font-family: "Helvetica Neue", Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .inread--partner .inread__headline {
    font-family: "Helvetica Neue", Helvetica, Arial, Roboto, sans-serif
}

.inread--abo {
    border: 1px solid #ffc877
}

.inread--abo .inread__cta {
    color: #005b85
}

.inread__headline {
    font-family: "Marr Sans Cond", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif;
    position: absolute;
    top: -0.9rem;
    left: 1.6rem;
    background-color: #fff;
    font-size: 1.4rem;
    line-height: 2.1rem;
    font-weight: 500;
    color: #383f4e;
    padding: 0 .8rem
}

[data-color-mode=dark] .inread__headline {
    color: rgba(255, 255, 255, .85);
    background-color: #181a1e
}

.inread--partner .inread__headline {
    color: #717b8e;
    line-height: 1.6rem
}

.article--longform .inread__headline {
    background-color: #fcfcfd
}

.inread__headline-logo {
    position: absolute;
    top: -1.8rem;
    left: 1.6rem;
    background: no-repeat center #fff;
    height: 2.8rem;
    padding: 0
}

[data-color-mode=dark] .inread__headline-logo {
    background-color: #181a1e
}

.inread__headline-logo--memorable {
    background-image: url("");
    background-size: 15.3rem;
    width: 16.9rem
}

[data-color-mode=dark] .inread__headline-logo--memorable {
    background-image: url("")
}

.inread__headline-logo--ateliers {
    background-image: url("");
    background-size: 12.3rem;
    width: 13.9rem
}

[data-color-mode=dark] .inread__headline-logo--ateliers {
    background-image: url("")
}

.inread__headline-logo--jeux {
    background-image: url("");
    background-size: 11.4rem;
    width: 13rem
}

[data-color-mode=dark] .inread__headline-logo--jeux {
    background-image: url("")
}

.inread__headline-logo--boutique {
    background-image: url("");
    background-size: 11.8rem;
    width: 13.4rem
}

[data-color-mode=dark] .inread__headline-logo--boutique {
    background-image: url("")
}

.article--longform .inread__headline-logo {
    background-color: #fcfcfd
}

.inread__link {
    display: grid;
    font-size: 1.5rem;
    grid-auto-columns: auto;
    grid-template-columns: 1fr;
    line-height: 2.1rem;
    padding: 1.6rem 2.4rem;
    width: 100%;
    -webkit-text-decoration: none;
    text-decoration: none
}

.inread__title {
    font-weight: 600;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 2.2rem;
    text-transform: none
}

[data-color-mode=dark] .inread__title {
    color: rgba(255, 255, 255, .85)
}

.inread__desc {
    font-size: 1.5rem;
    font-weight: 400;
    color: #565e70;
    margin-right: 1.6rem
}

[data-color-mode=dark] .inread__desc {
    color: rgba(255, 255, 255, .7)
}

.inread__cta {
    font-family: "Marr Sans Condensed", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif;
    font-size: 1.5rem;
    line-height: 2.1rem;
    font-weight: 500;
    color: #2a303b;
    letter-spacing: .02rem;
    -webkit-text-decoration: none;
    text-decoration: none;
    margin-top: .8rem
}

[data-color-mode=dark] .inread__cta {
    color: rgba(255, 255, 255, .9)
}

.inread__cta::after {
    content: "";
    background-image: url("");
    display: inline-block;
    width: 1.2rem;
    height: 1rem;
    margin-left: .8rem
}

[data-color-mode=dark] .inread__cta::after {
    background-image: url("")
}

@media(min-width: 768px) {
    .inread__cta {
        grid-column: 2;
        grid-row: 1/3;
        align-self: center;
        margin-top: 0;
        text-align: right
    }
}

.inread__link:hover .inread__cta {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.inread--partner .inread__link:hover .inread__cta {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.inread--partner .inread__cta {
    font-size: 1.4rem;
    line-height: 1.7rem;
    color: #005b85;
    -webkit-text-decoration: none;
    text-decoration: none
}

.inread--partner .inread__cta {
    font-family: "Helvetica Neue", Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .inread--partner .inread__cta {
    font-family: "Helvetica Neue", Helvetica, Arial, Roboto, sans-serif
}

[data-color-mode=dark] .inread--partner .inread__cta {
    color: #a3e6ff;
    font-weight: 400
}

.inread--partner .inread__cta::after {
    content: "";
    background-image: url("")
}

[data-color-mode=dark] .inread--partner .inread__cta::after {
    background-image: url("")
}

.inread--NL .inread__cta {
    color: #005b85
}

[data-color-mode=dark] .inread--NL .inread__cta {
    color: #a3e6ff;
    font-weight: 400
}

.inread--NL .inread__cta::after {
    content: "";
    background-image: url("")
}

[data-color-mode=dark] .inread--NL .inread__cta::after {
    background-image: url("")
}

.picto,
.comment__input-result--valid:after,
.comment__input-result--error:after,
.comment__icon-user-edit {
    align-items: center
}

.picto,
.comment__input-result--valid:after,
.comment__input-result--error:after,
.comment__icon-user-edit {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .picto,
html:not(.fonts-loaded) .comment__input-result--valid:after,
html:not(.fonts-loaded) .comment__input-result--error:after,
html:not(.fonts-loaded) .comment__icon-user-edit {
    letter-spacing: .314px
}

html:not(.fonts-loaded) .picto>*,
html:not(.fonts-loaded) .comment__input-result--valid:after>*,
html:not(.fonts-loaded) .comment__input-result--error:after>*,
html:not(.fonts-loaded) .comment__icon-user-edit>* {
    letter-spacing: .314px
}

html.fonts-loaded .picto,
html.fonts-loaded .comment__input-result--valid:after,
html.fonts-loaded .comment__input-result--error:after,
html.fonts-loaded .comment__icon-user-edit {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.picto--embed {
    display: none;
    margin-left: 0;
    font-size: 1.1rem;
    font-weight: 600;
    position: absolute;
    bottom: .8rem;
    color: #fff;
    left: .8rem;
    z-index: 4;
    width: auto
}

.picto--embed>:first-child {
    margin-right: .8rem
}

.picto--embed-podcast {
    display: flex;
    position: absolute;
    left: .8rem;
    bottom: .8rem
}

@media(min-width: 768px) {
    .picto--embed {
        display: flex
    }
}

.picto--embed-premium {
    bottom: 1.2rem
}

.picto--inline {
    align-items: center;
    font-weight: 400;
    display: inline-flex;
    font-size: 1.2rem;
    color: #666e80;
    line-height: 1.6;
    width: auto
}

.picto--inline {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .picto--inline {
    letter-spacing: .314px
}

html:not(.fonts-loaded) .picto--inline>* {
    letter-spacing: .314px
}

html.fonts-loaded .picto--inline {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

@media(min-width: 768px) {
    .picto--inline {
        display: none
    }
}

@media(min-width: 768px) {
    .picto--inline-free {
        display: inline-flex
    }
}

@media(min-width: 1024px) {
    .picto--inline-free {
        display: none
    }
}

.picto--featured {
    bottom: auto;
    top: -5.2rem;
    left: 0
}

.picto--show {
    display: inline-flex
}

.teaser {
    display: block
}

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

.teaser__title {
    color: #2a303b;
    font-size: 1.5rem;
    font-weight: 800;
    line-height: 1.25;
    display: inline
}

.teaser__title {
    font-family: Georgia, Droid-serif, serif
}

html:not(.fonts-loaded) .teaser__title {
    letter-spacing: -0.645px
}

html:not(.fonts-loaded) .teaser__title>* {
    letter-spacing: -0.645px
}

html.fonts-loaded .teaser__title {
    font-family: "The Antiqua B standard", Georgia, Droid-serif, serif
}

@supports(font-variation-settings: normal) {
    html.fonts-loaded .teaser__title {
        font-family: "The Antiqua B", Georgia, Droid-serif, serif
    }
}

@media(min-width: 768px) {
    .teaser__title {
        font-size: 1.6rem
    }
}

.teaser__title--blog {
    margin-top: .4rem;
    font-style: italic
}

.teaser__title--inline {
    display: inline
}

.teaser:hover .teaser__type {
    -webkit-text-decoration: none;
    text-decoration: none
}

.teaser__figure {
    position: relative;
    margin: 0;
    padding: 0
}

.teaser__figure--shadow:before {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1));
    bottom: 0;
    content: " ";
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 2
}

.teaser__picture {
    display: block
}

.teaser__picture--3-2 {
    padding-top: 66.66%
}

.teaser__picture--1-1 {
    padding-top: 100%
}

.teaser__picture--16-9 {
    padding-top: 56.25%
}

.teaser__media {
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 1
}

.teaser__desc {
    display: none;
    margin: .8rem 0 1.6rem;
    color: #2a303b;
    font-size: 1.4rem;
    line-height: 1.5;
    font-weight: normal
}

.teaser__desc {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .teaser__desc {
    letter-spacing: .314px
}

html:not(.fonts-loaded) .teaser__desc>* {
    letter-spacing: .314px
}

html.fonts-loaded .teaser__desc {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.teaser__desc:hover {
    -webkit-text-decoration: none;
    text-decoration: none
}

.teaser__type {
    color: #717b8e;
    font-size: 1.3rem;
    font-weight: 500;
    letter-spacing: .13rem;
    margin-top: 1.2rem;
    text-transform: uppercase
}

.teaser__type {
    font-family: "Trebuchet MS", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loaded) .teaser__type {
    letter-spacing: -1.607px
}

html:not(.fonts-loaded) .teaser__type>* {
    letter-spacing: -1.607px
}

html.fonts-loaded .teaser__type {
    font-family: "Marr Sans Condensed", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loading) .teaser__type {
    letter-spacing: .05rem
}

.teaser__kicker {
    display: block;
    color: #717b8e;
    font-size: 1.3rem;
    font-weight: 500;
    letter-spacing: .13rem;
    line-height: 1.15;
    text-transform: uppercase;
    padding-bottom: .8rem
}

.teaser__kicker {
    font-family: "Trebuchet MS", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loaded) .teaser__kicker {
    letter-spacing: -1.607px
}

html:not(.fonts-loaded) .teaser__kicker>* {
    letter-spacing: -1.607px
}

html.fonts-loaded .teaser__kicker {
    font-family: "Marr Sans Condensed", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loading) .teaser__kicker {
    letter-spacing: .05rem
}

.teaser__list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 1.6rem;
    margin: 2.4rem 0 2rem;
    padding-bottom: 4rem;
    border-bottom: .3rem solid #e8eaee
}

@media(min-width: 768px) {
    .teaser__list {
        grid-gap: 3.2rem;
        margin: 2.4rem 0 1.6rem
    }
}

@media(min-width: 1024px) {
    .teaser__list {
        margin-top: 4rem
    }
}

.teaser__list--friend {
    border-bottom: 0;
    margin-bottom: 0
}

.teaser__list--search {
    padding-bottom: 1.6rem
}

.teaser__list--campaigns {
    margin-top: 3.2rem
}

@media(min-width: 768px) {
    .teaser__list--campaigns {
        margin-top: 4rem
    }
}

.teaser--darkMode .teaser__title {
    color: rgba(255, 255, 255, .85)
}

.teaser--darkMode .meta__date {
    color: rgba(255, 255, 255, .65)
}

.teaser--darkMode .meta__author {
    color: rgba(255, 255, 255, .65)
}

.lmd-link:hover {
    -webkit-text-decoration: underline;
    text-decoration: underline;
    text-decoration-thickness: .06em;
    text-underline-offset: .2em
}

.lmd-link-reverse {
    -webkit-text-decoration: underline;
    text-decoration: underline;
    text-decoration-thickness: .06em;
    text-underline-offset: .2em
}

.lmd-link-reverse:hover {
    opacity: .8;
    -webkit-text-decoration: none;
    text-decoration: none
}

.lmd-link-nav:hover {
    color: #026b9c
}

.lmd-link-blue {
    color: #026b9c;
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.lmd-link-blue:hover {
    color: #005b85
}

.lmd-link-opacity:hover {
    opacity: .8
}

.teaser--hide-element {
    overflow: hidden;
    opacity: 0;
    height: 0;
    transition: height 200ms ease-in-out, opacity 350ms ease-in-out
}

.teaser__heading {
    display: block;
    margin-bottom: .8rem
}

.teaser--inline-picture {
    margin: 0 0 2.4rem;
    padding-top: 2.4rem;
    border-top: .1rem solid #d5d8dc;
    height: auto;
    position: relative
}

.teaser--inline-picture:first-of-type {
    border-top: 0
}

.teaser--inline-picture .icon__premium {
    width: 2.4rem;
    height: 1.6rem;
    vertical-align: baseline
}

.teaser--inline-picture .teaser__icon {
    display: block
}

.teaser--inline-picture .teaser__figure {
    float: right;
    width: 11.4rem;
    margin-left: 1.6rem;
    margin-bottom: .4rem
}

@media(min-width: 768px) {
    .teaser--inline-picture .teaser__figure {
        margin-left: 2.4rem
    }
}

@media(min-width: 1200px) {
    .teaser--inline-picture .teaser__figure {
        width: 9rem
    }
}

.teaser--inline-picture .teaser__figure--page {
    overflow: hidden;
    width: 11rem;
    height: 7.7rem
}

@media(min-width: 768px) {
    .teaser--inline-picture .teaser__figure--page {
        width: 16rem;
        height: 11.2rem
    }
}

.teaser--inline-picture .teaser__figure--page img {
    max-width: none;
    width: auto;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

@media(min-width: 1024px) {
    .teaser--inline-picture .teaser__figure--home {
        width: 11rem
    }
}

.teaser--inline-picture .teaser__picture {
    margin: 0;
    float: none;
    max-width: 100%
}

.teaser--inline-picture .teaser__title {
    font-size: 1.5rem;
    line-height: 1.27
}

@media(min-width: 768px) {
    .teaser--inline-picture .teaser__title {
        font-weight: 800;
        font-size: 1.8rem;
        line-height: 1.33
    }
}

.teaser--inline-picture .teaser__title--free {
    letter-spacing: -0.2px
}

@media(min-width: 1024px) {
    .teaser--inline-picture .teaser__title--free {
        font-size: 1.6rem;
        line-height: 1.29
    }
}

@media(min-width: 768px) {
    .teaser--inline-picture .teaser__title--home {
        font-size: 1.6rem;
        line-height: 1.27
    }
}

.teaser--inline-picture .teaser__desc {
    margin: .8rem 0 0
}

@media(min-width: 576px) {
    .teaser--inline-picture .teaser__desc {
        display: block
    }
}

.teaser--inline-picture .teaser__link {
    display: block;
    position: relative;
    line-height: 0px;
    z-index: 3
}

.teaser--inline-picture .teaser__link:hover .teaser__title {
    -webkit-text-decoration: underline;
    text-decoration: underline;
    text-decoration-thickness: .06em;
    text-underline-offset: .2em
}

.teaser--inline-picture .teaser__type {
    display: none
}

@media(min-width: 1024px) {
    .teaser--inline-picture .teaser__type {
        display: block
    }
}

.teaser--hidden {
    opacity: 0
}

.teaser h2+section {
    border-top: 0
}

.wirecutter__call-image {
    padding: 2.4rem 0 .8rem
}

@media(min-width: 768px) {
    .wirecutter__call-image {
        margin-top: 0
    }
}

@media(min-width: 1024px) {
    .wirecutter__call-image {
        grid-row: 2;
        grid-column: 1/span 2
    }
}

.wirecutter__text-logo {
    margin-right: .8rem
}

.wirecutter__header-logo {
    display: flex;
    font-size: 1.6rem;
    align-items: center;
    font-weight: 600
}

.wirecutter__header-logo {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .wirecutter__header-logo {
    letter-spacing: .314px
}

html:not(.fonts-loaded) .wirecutter__header-logo>* {
    letter-spacing: .314px
}

html.fonts-loaded .wirecutter__header-logo {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.wirecutter__header-text {
    font-size: 1.4rem;
    color: #666e80;
    margin-top: 1.2rem;
    line-height: 1.45
}

.wirecutter__header-text {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .wirecutter__header-text {
    letter-spacing: .314px
}

html:not(.fonts-loaded) .wirecutter__header-text>* {
    letter-spacing: .314px
}

html.fonts-loaded .wirecutter__header-text {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.wirecutter__img-legend {
    color: #8b92a1;
    font-size: 1.4rem
}

.wirecutter__link {
    cursor: pointer;
    border-bottom: .1rem solid #a4a9b4
}

.wirecutter__link:hover {
    border-bottom: .1rem solid #0070b2
}

.product {
    border-bottom: .1rem solid #d5d8dc;
    border-top: .1rem solid #d5d8dc;
    display: flex;
    margin: 4rem 0;
    padding: 4rem 0 2.4rem;
    position: relative
}

@media(min-width: 768px) {
    .product {
        border-left: .1rem solid #d5d8dc;
        border-right: .1rem solid #d5d8dc;
        padding: 4rem 2.4rem 2.4rem
    }
}

.product--summary {
    flex: 0 0 22.6rem;
    display: block;
    padding: 1.6rem;
    margin: 1.6rem 0 0;
    border-left: 0;
    border-right: .1rem solid #d5d8dc
}

.product--summary:first-of-type {
    border: .2rem solid #3374ff
}

.product--summary:first-of-type .product__number {
    background-color: #3374ff;
    color: #fff
}

@media(min-width: 1024px) {
    .product--summary:first-of-type {
        margin: 0
    }
}

@media(min-width: 768px) {
    .product--summary {
        flex: 0 0 25.6rem
    }
}

@media(min-width: 1024px) {
    .product--summary {
        border-left: .1rem solid #d5d8dc
    }
}

.product:first-of-type {
    border-bottom: .2rem solid #3374ff;
    border-top: .2rem solid #3374ff
}

.product:first-of-type>.product__number {
    border: .2rem solid #3374ff
}

@media(min-width: 768px) {
    .product:first-of-type {
        border-left: .2rem solid #3374ff;
        border-right: .2rem solid #3374ff
    }
}

.product__container {
    margin-top: 1.2rem
}

@media(min-width: 1024px) {
    .product__container {
        margin-top: 0
    }
}

.product__number {
    align-items: center;
    background-color: #fff;
    border: .2rem solid #3374ff;
    display: flex;
    font-size: 1.6rem;
    font-weight: 600;
    height: 3.2rem;
    left: -0.8rem;
    letter-spacing: .09rem;
    padding: .4rem .8rem;
    position: absolute;
    text-transform: uppercase;
    top: -1.6rem
}

.product__number {
    font-family: "Trebuchet MS", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loaded) .product__number {
    letter-spacing: -1.607px
}

html:not(.fonts-loaded) .product__number>* {
    letter-spacing: -1.607px
}

html.fonts-loaded .product__number {
    font-family: "Marr Sans Condensed", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loading) .product__number {
    letter-spacing: .05rem
}

@media(min-width: 768px) {
    .product__number {
        left: -1.6rem;
        padding: .8rem 1.2rem
    }
}

.product__number--summary {
    left: 50%;
    transform: translateX(-50%);
    width: auto;
    white-space: nowrap;
    z-index: 1;
    height: 2.6rem;
    padding: 0 .8rem;
    font-size: 1.4rem
}

@media(min-width: 1024px) {
    .product__number--summary {
        left: 0;
        transform: none;
        top: -0.1rem
    }
}

.product__content {
    position: relative;
    width: 100%
}

@media(min-width: 768px) {
    .product__content {
        display: flex
    }
}

@media(min-width: 768px) {
    .product__content--summary {
        display: block
    }
}

@media(min-width: 1024px) {
    .product__content--summary {
        display: flex;
        padding-top: 1.6rem
    }
}

.product__picture {
    float: right;
    margin-left: .8rem;
    min-width: 11rem;
    width: 30%
}

@media(min-width: 576px) {
    .product__picture {
        margin-left: 2rem;
        width: 35%
    }
}

@media(min-width: 768px) {
    .product__picture {
        float: none;
        margin-left: 0;
        flex: 0 0 26rem
    }
}

@media(min-width: 1024px) {
    .product__picture {
        flex: 0 0 18rem;
        margin-right: 2.4rem
    }
}

.product__picture--summary {
    float: none;
    width: 100%;
    margin-left: 0
}

@media(min-width: 1024px) {
    .product__picture--summary {
        flex: 0 0 15rem
    }
}

.product__title {
    color: #3374ff;
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 1.35;
    margin-bottom: .8rem
}

.product__title {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .product__title {
    letter-spacing: .314px
}

html:not(.fonts-loaded) .product__title>* {
    letter-spacing: .314px
}

html.fonts-loaded .product__title {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

@media(min-width: 768px) {
    .product__title {
        font-size: 2.4rem
    }
}

.product__title a {
    -webkit-text-decoration: none;
    text-decoration: none
}

.product__title a:hover {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.product__title--summary {
    font-size: 1.8rem;
    line-height: 1.44
}

@media(min-width: 768px) {
    .product__title--summary {
        font-size: 1.8rem
    }
}

@media(min-width: 1024px) {
    .product__title--summary {
        font-weight: 700
    }
}

.product__subtitle {
    color: #383f4e;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.35;
    margin-bottom: .8rem
}

.product__subtitle {
    font-family: "Helvetica Neue", Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .product__subtitle {
    font-family: "Helvetica Neue", Helvetica, Arial, Roboto, sans-serif
}

@media(min-width: 768px) {
    .product__subtitle {
        font-size: 1.6rem
    }
}

.product__subtitle a {
    -webkit-text-decoration: none;
    text-decoration: none
}

.product__subtitle a:hover {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.product__subtitle--summary {
    font-size: 1.5rem;
    line-height: 1.33
}

@media(min-width: 768px) {
    .product__subtitle--summary {
        font-size: 1.5rem
    }
}

.product__description {
    color: #383f4e;
    font-size: 1.5rem;
    line-height: 1.5;
    margin-bottom: 1.2rem
}

.product__description {
    font-family: "Helvetica Neue", Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .product__description {
    font-family: "Helvetica Neue", Helvetica, Arial, Roboto, sans-serif
}

@media(min-width: 768px) {
    .product__description {
        margin-bottom: 2rem
    }
}

.product__link-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

@media(min-width: 1024px) {
    .product__link-container {
        display: block
    }
}

.product__link {
    background-color: #3374ff;
    border-radius: .2rem;
    display: inline-block;
    color: #fcfcfd;
    font-size: 1.5rem;
    font-weight: 700;
    padding: .8rem 1.6rem;
    -webkit-text-decoration: none;
    text-decoration: none;
    white-space: nowrap
}

.product__link:not(:last-child) {
    margin-bottom: .8rem
}

.product__link {
    font-family: "Helvetica Neue", Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .product__link {
    font-family: "Helvetica Neue", Helvetica, Arial, Roboto, sans-serif
}

.product__link--summary {
    background-color: rgba(0, 0, 0, 0);
    padding: 0;
    color: #3374ff;
    border: 0;
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.product__link--summary:not(:last-child) {
    margin-bottom: 0
}

@media(min-width: 1024px) {
    .product__link--summary:not(:last-child):after {
        content: "|";
        margin-left: .4rem
    }
}

.product__disclaimer {
    color: #8b92a1;
    font-size: 1.3rem;
    margin-top: 1.6rem
}

.product__disclaimer {
    font-family: "Helvetica Neue", Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .product__disclaimer {
    font-family: "Helvetica Neue", Helvetica, Arial, Roboto, sans-serif
}

.product__disclaimer--summary {
    margin-top: 1.2rem
}

@media(min-width: 1024px) {
    .product__disclaimer--summary {
        margin-top: .4rem
    }
}

.product__summary {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    position: relative;
    margin-top: 3.2rem
}

@media(min-width: 1024px) {
    .product__summary {
        flex-direction: column;
        display: block
    }
}

.product__gradient-container {
    position: absolute;
    width: 3.5rem;
    right: 0;
    top: 0;
    height: 45rem
}

.product__gradient {
    position: fixed;
    height: 100%;
    display: block;
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0.65), #fff);
    width: 3.5rem;
    filter: blur(0.2rem)
}

.product__price {
    display: none
}

@media(min-width: 768px) {
    .product__price {
        display: inline
    }
}

.product__headline {
    font-weight: 600;
    font-size: 2.2rem;
    line-height: 1.36;
    margin-top: 3.2rem;
    color: #2a303b
}

.product__headline {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .product__headline {
    letter-spacing: .314px
}

html:not(.fonts-loaded) .product__headline>* {
    letter-spacing: .314px
}

html.fonts-loaded .product__headline {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.product__media-link {
    display: block;
    height: 11.5rem
}

@media(min-width: 1024px) {
    .product__media-link {
        height: auto
    }
}

.product__media {
    max-height: 11.5rem;
    margin: auto;
    display: block
}

@media(min-width: 1024px) {
    .product__media {
        max-height: none
    }
}

#wirecutter .services--generic {
    grid-row: auto
}

#wirecutter .aside .bizdev {
    display: none
}

@media(min-width: 1024px) {
    #wirecutter .aside .bizdev {
        display: flex
    }
}

.multimediaNav {
    width: 100%;
    height: 35px;
    background-color: #fff;
    border-bottom: .1rem solid #e2e4e9;
    display: flex;
    align-items: center
}

.multimediaNav__logo {
    float: left;
    min-width: 9rem;
    max-width: 9rem;
    height: 2rem;
    margin: 0 1.6rem
}

.multimediaNav__title {
    display: none;
    float: left;
    margin: 0 1.6rem 0 0;
    border-left: 1px solid #e2e4e9;
    padding-left: 1.6rem;
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 1.26;
    color: #2a303b;
    text-overflow: ellipsis;
    overflow: hidden
}

.multimediaNav__title {
    font-family: "Trebuchet MS", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loaded) .multimediaNav__title {
    letter-spacing: -1.607px
}

html:not(.fonts-loaded) .multimediaNav__title>* {
    letter-spacing: -1.607px
}

html.fonts-loaded .multimediaNav__title {
    font-family: "Marr Sans Condensed", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loading) .multimediaNav__title {
    letter-spacing: .05rem
}

@media(min-width: 768px) {
    .multimediaNav__title {
        display: block
    }
}

.multimediaNav__shares {
    float: right;
    margin-top: 0
}

.multimediaNav--sticky {
    position: fixed;
    z-index: 100000;
    top: 0;
    left: 0;
    right: 0
}

@media screen and (-ms-high-contrast: active)and (min-width: 1024px),
screen and (-ms-high-contrast: none)and (min-width: 1024px) {
    .old__zone {
        position: relative
    }

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

@media screen and (-ms-high-contrast: active),
screen and (-ms-high-contrast: none) {
    .old__river {
        margin-bottom: 4rem
    }
}

@media screen and (-ms-high-contrast: active)and (min-width: 1024px),
screen and (-ms-high-contrast: none)and (min-width: 1024px) {
    .old__river {
        width: 55rem;
        float: left
    }
}

@media screen and (-ms-high-contrast: active)and (min-width: 1024px),
screen and (-ms-high-contrast: none)and (min-width: 1024px) {
    .old__page-date-container {
        width: 55rem;
        float: left
    }
}

@media screen and (-ms-high-contrast: active)and (min-width: 1024px),
screen and (-ms-high-contrast: none)and (min-width: 1024px) {
    .old__river-cta {
        width: 55rem;
        float: left;
        clear: both
    }
}

@media screen and (-ms-high-contrast: active)and (min-width: 1024px),
screen and (-ms-high-contrast: none)and (min-width: 1024px) {
    .old__aside-page {
        float: right;
        width: 31.6rem
    }
}

@media screen and (-ms-high-contrast: active)and (min-width: 1024px),
screen and (-ms-high-contrast: none)and (min-width: 1024px) {
    .old__page-heading-sitemap:after {
        content: "";
        display: table;
        clear: both
    }
}

@media screen and (-ms-high-contrast: active)and (min-width: 1024px),
screen and (-ms-high-contrast: none)and (min-width: 1024px) {
    .old__area-live {
        clear: both;
        flex-wrap: wrap
    }

    .old__area-live .old__bd-bloc {
        flex: 1
    }
}

@media screen and (-ms-high-contrast: active)and (min-width: 1024px),
screen and (-ms-high-contrast: none)and (min-width: 1024px) {
    .old__services {
        width: 100%
    }
}

@media screen and (-ms-high-contrast: active)and (min-width: 1024px),
screen and (-ms-high-contrast: none)and (min-width: 1024px) {
    .old__area-title {
        display: block
    }
}

@media screen and (-ms-high-contrast: active)and (min-width: 1024px),
screen and (-ms-high-contrast: none)and (min-width: 1024px) {
    .old__friend-wide {
        clear: both
    }
}

@media screen and (-ms-high-contrast: active)and (min-width: 1024px),
screen and (-ms-high-contrast: none)and (min-width: 1024px) {
    .old__area-main {
        width: 42rem;
        margin-right: 2.4rem
    }
}

@media screen and (-ms-high-contrast: active)and (min-width: 1024px),
screen and (-ms-high-contrast: none)and (min-width: 1024px) {
    .old__article-related-container {
        flex-wrap: wrap
    }
}

@media screen and (-ms-high-contrast: active)and (min-width: 1024px),
screen and (-ms-high-contrast: none)and (min-width: 1024px) {
    .old__area-main-wide {
        width: 64.2rem;
        margin-right: 2.4rem
    }

    .old__area-main-wide .old__article-related-main {
        max-width: 19.8rem;
        width: 100%
    }
}

@media screen and (-ms-high-contrast: active),
screen and (-ms-high-contrast: none) {
    .old__related-featured {
        width: 100%;
        display: flex;
        justify-content: space-between
    }

    .old__article-related-main {
        max-width: 16.2rem
    }

    .old__bd-bloc {
        width: 29rem
    }

    .old__bd-bloc:first-of-type,
    .old__bd-bloc:not(:last-of-type) {
        margin-right: 3.2rem
    }
}

@media screen and (-ms-high-contrast: active)and (min-width: 1024px),
screen and (-ms-high-contrast: none)and (min-width: 1024px) {
    .old__live:after {
        content: "";
        display: table;
        clear: both
    }

    .old__live .old__area--section {
        clear: both
    }

    .old__live .old__area--section .old__bd-bloc {
        float: left
    }
}

@media screen and (-ms-high-contrast: active)and (min-width: 1024px),
screen and (-ms-high-contrast: none)and (min-width: 1024px) {
    .old__area {
        float: left
    }
}

@media screen and (-ms-high-contrast: active)and (min-width: 1024px),
screen and (-ms-high-contrast: none)and (min-width: 1024px) {
    .old__area--headlines {
        width: 19.8rem
    }
}

@media screen and (-ms-high-contrast: active)and (min-width: 1024px),
screen and (-ms-high-contrast: none)and (min-width: 1024px) {
    .old__area--runner {
        clear: both
    }
}

@media screen and (-ms-high-contrast: active)and (min-width: 1024px),
screen and (-ms-high-contrast: none)and (min-width: 1024px) {
    .old__area--featured {
        margin-left: 2.6rem;
        width: 30rem;
        position: absolute;
        right: 1.6rem
    }
}

@media screen and (-ms-high-contrast: active)and (min-width: 1024px),
screen and (-ms-high-contrast: none)and (min-width: 1024px) {
    .old__area--river {
        width: 64.6rem;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between
    }
}

@media screen and (-ms-high-contrast: active),
screen and (-ms-high-contrast: none) {
    .old__area--section {
        width: 100%
    }
}

@media screen and (-ms-high-contrast: active)and (min-width: 1024px),
screen and (-ms-high-contrast: none)and (min-width: 1024px) {
    .old__area--section .old__area-title:after {
        content: "";
        display: table;
        clear: both
    }
}

@media screen and (-ms-high-contrast: active),
screen and (-ms-high-contrast: none) {
    .old__area--videos {
        width: 100%
    }
}

@media screen and (-ms-high-contrast: active)and (min-width: 1024px),
screen and (-ms-high-contrast: none)and (min-width: 1024px) {
    .old__area--videos .old__video-main {
        float: left;
        width: 63.6rem;
        margin-right: 2.8rem
    }
}

@media screen and (-ms-high-contrast: active)and (min-width: 1024px),
screen and (-ms-high-contrast: none)and (min-width: 1024px) {
    .old__area--videos .old__video-list {
        float: left;
        width: 30.4rem
    }
}

@media screen and (-ms-high-contrast: active),
screen and (-ms-high-contrast: none) {
    .old__article-square {
        margin-top: 3.2rem
    }
}

@media screen and (-ms-high-contrast: active)and (min-width: 1024px),
screen and (-ms-high-contrast: none)and (min-width: 1024px) {
    .old__article-square {
        float: left;
        width: 30.4rem
    }

    .old__article-square:first-of-type,
    .old__article-square:not(:last-of-type) {
        margin-right: 2.8rem
    }
}

@media screen and (-ms-high-contrast: active),
screen and (-ms-high-contrast: none) {
    .old__article-square.teaser {
        margin-top: 0
    }

    .old__bd-bloc-services {
        display: flex
    }
}

@media screen and (-ms-high-contrast: active)and (min-width: 1024px),
screen and (-ms-high-contrast: none)and (min-width: 1024px) {
    .old__testimony-river {
        width: 30.9rem
    }

    .old__testimony-river:after {
        content: "";
        display: table;
        clear: both
    }
}

@media screen and (-ms-high-contrast: active)and (min-width: 1024px),
screen and (-ms-high-contrast: none)and (min-width: 1024px) {
    .old__friend-river:after {
        content: "";
        display: table;
        clear: both
    }
}

@media screen and (-ms-high-contrast: active),
screen and (-ms-high-contrast: none) {
    .old__services-block {
        float: left;
        width: 30.4rem;
        margin-top: 0
    }

    .old__footer {
        clear: both
    }
}

@media screen and (-ms-high-contrast: active)and (min-width: 1024px),
screen and (-ms-high-contrast: none)and (min-width: 1024px) {
    .old__paywall-articles:after {
        content: "";
        display: table;
        clear: both
    }

    .old__paywall-articles .old__article-paywall {
        float: left;
        width: 29rem
    }

    .old__paywall-articles .old__article-paywall:first-of-type,
    .old__paywall-articles .old__article-paywall:not(:last-of-type) {
        margin-right: 2.4rem
    }
}

@media screen and (-ms-high-contrast: active)and (min-width: 1024px),
screen and (-ms-high-contrast: none)and (min-width: 1024px) {
    .paywall--longform .old__paywall-articles:after {
        content: "";
        display: table;
        clear: both
    }

    .paywall--longform .old__paywall-articles .old__article-paywall {
        width: 25rem
    }
}

@media screen and (-ms-high-contrast: active)and (min-width: 1024px),
screen and (-ms-high-contrast: none)and (min-width: 1024px) {
    .old__paywall-articles-title {
        margin-bottom: 2.4rem
    }
}

@media screen and (-ms-high-contrast: active)and (min-width: 1024px),
screen and (-ms-high-contrast: none)and (min-width: 1024px) {
    .paywall .old__paywall-option {
        float: left;
        margin-right: 2.4rem
    }

    .paywall .old__paywall-option:after {
        content: "";
        display: table;
        clear: both
    }

    .paywall .old__paywall-option:last-of-type {
        margin-right: 0
    }
}

@media screen and (-ms-high-contrast: active)and (min-width: 768px),
screen and (-ms-high-contrast: none)and (min-width: 768px) {
    .paywall .old__paywall-container {
        display: flex
    }
}

@media screen and (-ms-high-contrast: active),
screen and (-ms-high-contrast: none) {
    .paywall .old__paywall-more-desc {
        float: left;
        margin-left: 1.2rem
    }
}

@media screen and (-ms-high-contrast: active)and (min-width: 1024px),
screen and (-ms-high-contrast: none)and (min-width: 1024px) {
    .old__subscribtion:after {
        content: "";
        display: table;
        clear: both
    }
}

@media screen and (-ms-high-contrast: active)and (min-width: 1024px),
screen and (-ms-high-contrast: none)and (min-width: 1024px) {

    .old__top-article-4,
    .old__top-article-7,
    .area .article--top:nth-child(4),
    .area .article--top:nth-child(7) {
        padding-top: 2.4rem
    }
}

@media screen and (-ms-high-contrast: active)and (min-width: 1024px),
screen and (-ms-high-contrast: none)and (min-width: 1024px) {

    .old__top-article-1,
    .old__top-article-2,
    .old__top-article-3,
    .area .article--top:nth-child(1),
    .area .article--top:nth-child(2),
    .area .article--top:nth-child(3) {
        padding-top: 0
    }
}

@media screen and (-ms-high-contrast: active)and (min-width: 1024px),
screen and (-ms-high-contrast: none)and (min-width: 1024px) {

    .old__top-article-3,
    .old__top-article-6,
    .old__top-article-9,
    .area .article--top:nth-child(3),
    .area .article--top:nth-child(6),
    .area .article--top:nth-child(9) {
        border-bottom: .1rem solid #d5d8dc
    }
}

@media screen and (-ms-high-contrast: active)and (min-width: 1024px),
screen and (-ms-high-contrast: none)and (min-width: 1024px) {
    .old__header.sticky .old__header-logo {
        top: 1.4rem
    }
}

@media screen and (-ms-high-contrast: active)and (min-width: 1024px),
screen and (-ms-high-contrast: none)and (min-width: 1024px) {
    .old__header.sticky .old__header-actions-right {
        top: .8rem
    }
}

@media screen and (-ms-high-contrast: active)and (min-width: 1024px),
screen and (-ms-high-contrast: none)and (min-width: 1024px) {
    .old__nav-services .old__nav-services-left-container {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between
    }
}

@media screen and (-ms-high-contrast: active)and (min-width: 1024px),
screen and (-ms-high-contrast: none)and (min-width: 1024px) {
    .old__nav-services .old__nav-services-left-item {
        width: 22.5rem
    }
}

@media screen and (-ms-high-contrast: active)and (min-width: 1024px),
screen and (-ms-high-contrast: none)and (min-width: 1024px) {
    .old__nav-content-list .old__nav-content-list-container {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between
    }
}

@media screen and (-ms-high-contrast: active)and (min-width: 1024px),
screen and (-ms-high-contrast: none)and (min-width: 1024px) {
    .old__nav-content-list .old__nav-content-list-item {
        width: 23.5rem
    }
}

@media screen and (-ms-high-contrast: active),
screen and (-ms-high-contrast: none) {
    .old__area-featured-wide {
        top: 3.2rem
    }
}

@media screen and (-ms-high-contrast: active)and (min-width: 1024px),
screen and (-ms-high-contrast: none)and (min-width: 1024px) {
    .old__article-runner:not(:last-child) {
        margin-right: 2.6rem
    }
}

@media screen and (-ms-high-contrast: active)and (min-width: 1024px),
screen and (-ms-high-contrast: none)and (min-width: 1024px) {
    .old__article-runner {
        float: left;
        width: 19.8rem
    }
}

@media screen and (-ms-high-contrast: active)and (min-width: 1024px),
screen and (-ms-high-contrast: none)and (min-width: 1024px) {
    .old__article-river {
        width: 30.9rem
    }
}

@media screen and (-ms-high-contrast: active)and (min-width: 1024px),
screen and (-ms-high-contrast: none)and (min-width: 1024px) {
    .old__top-article {
        width: 30.1rem
    }
}

@media screen and (-ms-high-contrast: active)and (min-width: 1024px),
screen and (-ms-high-contrast: none)and (min-width: 1024px) {
    .old__article-related-default {
        display: flex;
        justify-content: space-between
    }
}

@media screen and (-ms-high-contrast: active)and (min-width: 1024px),
screen and (-ms-high-contrast: none)and (min-width: 1024px) {
    .old__article-related-default-item {
        width: 19.8rem
    }
}

@media screen and (-ms-high-contrast: active)and (min-width: 1024px),
screen and (-ms-high-contrast: none)and (min-width: 1024px) {
    .old__article-list-grid {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between
    }
}

@media screen and (-ms-high-contrast: active)and (min-width: 1024px),
screen and (-ms-high-contrast: none)and (min-width: 1024px) {
    .old__article-content-single {
        width: 55.6rem;
        float: left;
        margin-right: 6.4rem
    }
}

@media screen and (-ms-high-contrast: active),
screen and (-ms-high-contrast: none) {
    .old__article-footer {
        float: left;
        width: 55.6rem
    }

    .old__friend-siblings {
        width: 55.6rem
    }
}

@media screen and (-ms-high-contrast: active)and (min-width: 1024px),
screen and (-ms-high-contrast: none)and (min-width: 1024px) {
    .old__article-siblings-container {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between
    }
}

@media screen and (-ms-high-contrast: active)and (min-width: 1024px),
screen and (-ms-high-contrast: none)and (min-width: 1024px) {
    .old__article-siblings {
        width: 25.4rem
    }
}

@media screen and (-ms-high-contrast: active)and (min-width: 1024px),
screen and (-ms-high-contrast: none)and (min-width: 1024px) {
    .old__article-siblings-wide {
        width: 39.5rem
    }
}

@media screen and (-ms-high-contrast: active)and (min-width: 1024px),
screen and (-ms-high-contrast: none)and (min-width: 1024px) {
    .article--single .old__aside {
        float: right;
        display: block;
        width: 31.6rem
    }
}

@media screen and (-ms-high-contrast: active),
screen and (-ms-high-contrast: none) {
    .article--single .old__area--section {
        clear: both
    }
}

@media screen and (-ms-high-contrast: active)and (min-width: 1024px),
screen and (-ms-high-contrast: none)and (min-width: 1024px) {
    .article--single .old__area--section .old__bd-bloc {
        float: left
    }
}

@media screen and (-ms-high-contrast: active),
screen and (-ms-high-contrast: none) {
    .old__teaser-list {
        display: flex;
        flex-wrap: wrap
    }
}

@media screen and (-ms-high-contrast: active)and (min-width: 768px),
screen and (-ms-high-contrast: none)and (min-width: 768px) {
    .old__teaser-list {
        justify-content: space-between
    }
}

@media screen and (-ms-high-contrast: active),
screen and (-ms-high-contrast: none) {
    .old__teaser-highlight {
        display: flex;
        flex-direction: column;
        max-width: 16.3rem;
        width: 100%
    }
}

@media screen and (-ms-high-contrast: active)and (min-width: 768px),
screen and (-ms-high-contrast: none)and (min-width: 768px) {
    .old__teaser-highlight {
        max-width: 25rem
    }
}

@media screen and (-ms-high-contrast: active)and (min-width: 1024px),
screen and (-ms-high-contrast: none)and (min-width: 1024px) {
    .main--abo .old__river {
        width: 77.2rem
    }
}

@media screen and (-ms-high-contrast: active),
screen and (-ms-high-contrast: none) {
    .main--abo .old__article-siblings {
        width: 100%;
        clear: both
    }
}

@media screen and (-ms-high-contrast: active)and (min-width: 1200px),
screen and (-ms-high-contrast: none)and (min-width: 1200px) {
    .main--abo .old__area-main {
        width: 53.6rem;
        margin-right: 3.2rem
    }

    .main--abo .old__area--headlines {
        width: 25.2rem
    }

    .main--abo .old__area--featured {
        right: 3.2rem
    }

    .main--abo .old__area--river {
        width: 82rem
    }

    .main--abo .old__testimony-river {
        width: 39.4rem
    }

    .main--abo .old__area-title {
        width: 15.6rem;
        float: left;
        margin-right: 3.2rem
    }

    .main--abo .old__article-square,
    .main--abo .old__bd-bloc {
        width: 29rem;
        margin-top: 0
    }

    .main--abo .old__article-square:first-of-type,
    .main--abo .old__article-square:not(:last-of-type),
    .main--abo .old__bd-bloc:first-of-type,
    .main--abo .old__bd-bloc:not(:last-of-type) {
        margin-right: 3.2rem
    }

    .main--abo .old__services-block {
        width: 30rem
    }

    .main--abo .old__services-block .old__bd-bloc {
        margin-right: 0
    }

    .main--abo .old__area--videos .old__video-main {
        width: 63.2rem
    }

    .main--abo .old__area--videos .old__video-list {
        width: 30rem
    }

    .main--abo .old__article-related-default {
        display: flex;
        justify-content: space-between
    }

    .main--abo .old__area-main .old__article-related-default-item {
        width: 25.2rem
    }

    .main--abo .old__article-runner {
        width: 25.2rem
    }

    .main--abo .old__article-runner:not(:last-child) {
        margin-right: 3.2rem
    }

    .main--abo .old__article-river {
        width: 39.4rem
    }

    .main--abo .old__area-main-wide {
        width: 82rem
    }

    .main--abo .old__area-main-wide .old__article-related-main {
        max-width: 25.2rem
    }

    .main--abo .old__article-content-single {
        width: 66.4rem
    }

    .main--abo .old__article-footer {
        width: 66.4rem
    }

    .main--abo .old__article-siblings {
        width: 100%
    }
}

@media screen and (-ms-high-contrast: active)and (min-width: 1024px),
screen and (-ms-high-contrast: none)and (min-width: 1024px) {
    .zone--float .area--section.old__area-live {
        display: flex
    }
}

@media screen and (-ms-high-contrast: active)and (min-width: 1024px),
screen and (-ms-high-contrast: none)and (min-width: 1024px) {
    .zone--page .area--section.old__area-live {
        display: flex
    }
}

@media screen and (-ms-high-contrast: active),
screen and (-ms-high-contrast: none) {

    .icon,
    .lmd-dropdown__close,
    .icon__arrow-right,
    .icon__user,
    .icon__clock,
    .icon__reading-time,
    .icon__home,
    .icon__search,
    .icon__calendar,
    .icon__premium,
    .icon__cross,
    .icon__nav-en-continu,
    .icon__avatar,
    .icon__nav-my-account,
    .icon__nav-connexion,
    .icon__powered-qwant,
    .icon__favorites,
    .icon__favorites-toparticles,
    .icon__information,
    .icon__orange-money,
    .icon__arrow,
    .icon__arrow-light,
    .icon__link,
    .icon__success,
    .icon__linkedin,
    .icon__whatsapp,
    .icon__telegram,
    .icon__messenger,
    .icon__facebook,
    .icon__email,
    .icon__twitter,
    .button--subscribed:before,
    .message__dropdown-trigger:after,
    .bizdev-list__link-arrow,
    .bizdev-poster__lmd-logo,
    .bizdev-poster-logo--ateliers,
    .bizdev-poster-logo--jeux,
    .bizdev-poster-logo--memorable {
        background-size: auto
    }

    .icon__label-alert,
    .icon__label-live,
    .icon__label-live-hero {
        background-size: auto
    }
}

@media screen and (-ms-high-contrast: active)and (min-width: 1024px),
screen and (-ms-high-contrast: none)and (min-width: 1024px) {
    #nav-markup {
        overflow: hidden
    }
}

@media screen and (-ms-high-contrast: active),
screen and (-ms-high-contrast: none) {
    .old__area-top {
        width: 100%
    }
}

@media screen and (-ms-high-contrast: active)and (min-width: 1024px),
screen and (-ms-high-contrast: none)and (min-width: 1024px) {
    .old__header.sticky .old__header-logo {
        top: 0
    }
}

@media screen and (-ms-high-contrast: active)and (min-width: 1024px),
screen and (-ms-high-contrast: none)and (min-width: 1024px) {
    .old__header.sticky .old__header-actions-right {
        top: 0
    }
}

.sr-only {
    border: 0 !important;
    clip: rect(1px, 1px, 1px, 1px) !important;
    -webkit-clip-path: inset(50%) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    white-space: nowrap !important
}

.seo-only {
    display: none
}

.lmd-btn {
    align-items: center;
    border: 0;
    border-radius: .3rem;
    cursor: pointer;
    display: flex;
    flex-shrink: 0;
    font-weight: 500;
    height: 3rem;
    justify-content: center;
    line-height: 1;
    max-width: 100%;
    text-align: center
}

.lmd-btn {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .lmd-btn {
    letter-spacing: .314px
}

html:not(.fonts-loaded) .lmd-btn>* {
    letter-spacing: .314px
}

html.fonts-loaded .lmd-btn {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.lmd-btn--s {
    font-size: 1.2rem;
    padding: .9rem 1.6rem .7rem
}

.lmd-btn--m {
    font-size: 1.4rem;
    padding: .8rem 1.6rem .5rem
}

.lmd-btn--l {
    font-size: 1.6rem;
    height: 4.2rem;
    padding: 1rem 2.4rem
}

.lmd-btn--fullwidth {
    width: 100%
}

.lmd-btn--primary {
    background-color: #026b9c;
    color: #fff
}

.lmd-btn--primary:hover {
    background-color: #005b85
}

.lmd-btn--white {
    background-color: #fff;
    border: .1rem solid #bdc1c8;
    color: #2a303b
}

.lmd-btn--white:hover {
    background-color: #f5f6f8;
    border-color: #bdc1c8
}

.lmd-btn--premium {
    background-color: #ffc700;
    color: #2a303b
}

.lmd-btn--premium:hover {
    background-color: #eab002
}

.lmd-btn--black {
    background-color: #2a303b;
    color: #fff
}

.lmd-btn--black:hover {
    background-color: #454f5f
}

.lmd-btn--blue {
    background-color: #01364f;
    color: #fff
}

.lmd-btn--blue:hover {
    background-color: #01364f
}

.lmd-btn-services {
    align-items: center;
    border: .1rem solid #d5d8dc;
    border-radius: 1.4rem;
    color: #2a303b;
    display: inline-flex;
    flex-shrink: 0;
    font-size: 1.3rem;
    font-weight: 600;
    line-height: 1;
    justify-content: center;
    padding: .4rem 1.2rem
}

.lmd-btn-services {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .lmd-btn-services {
    letter-spacing: .314px
}

html:not(.fonts-loaded) .lmd-btn-services>* {
    letter-spacing: .314px
}

html.fonts-loaded .lmd-btn-services {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.lmd-btn-services:hover {
    background-color: #f5f6f8
}

.lmd-btn-services:active {
    border-color: #d5d8dc;
    background-color: #d5d8dc
}

.lmd-btn-rub {
    align-items: center;
    border: .1rem solid #d5d8dc;
    border-radius: .3rem;
    color: #383f4e;
    display: inline-flex;
    flex-shrink: 0;
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 1;
    justify-content: center;
    padding: 1.2rem 1.2rem 1rem;
    letter-spacing: .01rem
}

.lmd-btn-rub {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .lmd-btn-rub {
    letter-spacing: .314px
}

html:not(.fonts-loaded) .lmd-btn-rub>* {
    letter-spacing: .314px
}

html.fonts-loaded .lmd-btn-rub {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.lmd-btn-rub:hover {
    background-color: rgba(42, 48, 59, .03)
}

.sr-only {
    border: 0 !important;
    clip: rect(1px, 1px, 1px, 1px) !important;
    -webkit-clip-path: inset(50%) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    white-space: nowrap !important
}

.seo-only {
    display: none
}

.lmd-input-select__input:disabled .icon__arrow-dropdown,
.top-banner__close-btn,
.top-banner__icon-cb,
.paywall-04__icon-cb,
.paywall-04__icon-paypal {
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    flex-shrink: 0
}

.lmd-dropdown {
    position: relative
}

.lmd-dropdown__content {
    background-color: #fff;
    border: .1rem solid #e2e4e9;
    bottom: 0;
    display: none;
    left: 0;
    min-width: 20rem;
    padding: 1.6rem;
    position: fixed;
    right: 0;
    text-align: left;
    width: 100%;
    z-index: 9999
}

@media(min-width: 768px) {
    .lmd-dropdown__content {
        bottom: auto;
        bottom: initial;
        border-radius: .3rem;
        position: absolute;
        top: calc(100% + 1.2rem);
        width: 34rem
    }
}

.lmd-dropdown__content--opened {
    display: block
}

.lmd-dropdown__content--top-articles {
    left: auto
}

.lmd-dropdown__overlay {
    background-color: rgba(0, 0, 0, .4);
    bottom: 0;
    display: none;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 9998
}

.lmd-dropdown__overlay--opened {
    display: block
}

@media(min-width: 768px) {
    .lmd-dropdown__overlay--opened {
        display: none
    }
}

.lmd-dropdown__close {
    background-image: url("0d7f1bc7147ec8648dabd94671a584e66c4c5f16.svg");
    background-size: 1rem;
    background-color: #fff;
    cursor: pointer;
    display: block;
    height: 2.4rem;
    margin-bottom: .8rem;
    margin-left: auto;
    width: 2.4rem;
    border: .1rem solid #bdc1c8;
    border-radius: 50%
}

.lmd-dropdown__close:hover {
    background-color: #eff0f3;
    border: none
}

@media(min-width: 768px) {
    .lmd-dropdown__close {
        margin-bottom: 1.6rem
    }
}

.lmd-dropdown-favorite {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .lmd-dropdown-favorite {
    letter-spacing: .314px
}

html:not(.fonts-loaded) .lmd-dropdown-favorite>* {
    letter-spacing: .314px
}

html.fonts-loaded .lmd-dropdown-favorite {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.lmd-dropdown-favorite__text {
    font-size: 1.8rem;
    line-height: 2.4rem
}

@media(min-width: 768px) {
    .lmd-dropdown-favorite__text {
        font-size: 1.6rem;
        line-height: 2.1rem
    }
}

.lmd-dropdown-favorite__text:not(:last-child) {
    margin-bottom: 1.2rem
}

.lmd-dropdown-favorite .lmd-btn {
    margin-bottom: .8rem
}

.lmd-dropdown-favorite .lmd-link {
    border-bottom: none
}

.lmd-dropdown-favorite__text-login {
    font-size: 1.6rem;
    line-height: 2.4rem
}

@media(min-width: 768px) {
    .lmd-dropdown-favorite__text-login {
        font-size: 1.4rem;
        line-height: 2rem
    }
}

.lmd-dropdown-gift-article__text {
    font-size: 1.5rem;
    line-height: 1.9rem
}

.lmd-dropdown-gift-article__text:not(:last-child) {
    margin-bottom: 1.6rem
}

.lmd-dropdown-gift-article__text--small {
    font-size: 1.4rem;
    line-height: 1.8rem
}

.lmd-dropdown-gift-article__copy-link {
    align-items: center;
    border-radius: .3rem;
    border: .1rem solid #2a303b;
    color: #383f4e;
    cursor: pointer;
    display: flex;
    height: 4.8rem;
    font-size: 1.4rem;
    line-height: 1.8rem;
    margin-bottom: .8rem;
    padding: .8rem;
    position: relative;
    white-space: nowrap;
    width: 100%
}

.lmd-dropdown-gift-article__copy-link {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .lmd-dropdown-gift-article__copy-link {
    letter-spacing: .314px
}

html:not(.fonts-loaded) .lmd-dropdown-gift-article__copy-link>* {
    letter-spacing: .314px
}

html.fonts-loaded .lmd-dropdown-gift-article__copy-link {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.lmd-dropdown-gift-article__copy-link:before {
    background-image: url("");
    background-position: center;
    border: .1rem solid #2a303b;
    border-radius: 50%;
    content: "";
    display: block;
    flex-shrink: 0;
    height: 3.2rem;
    margin-right: .8rem;
    width: 3.2rem
}

.lmd-dropdown-gift-article__copy-link--copied {
    border-color: #2c6c00;
    background-color: rgba(188, 254, 197, .5);
    color: #2c6c00
}

.lmd-dropdown-gift-article__copy-link--copied:before {
    background-image: url("");
    border-color: #2c6c00
}

.lmd-dropdown-gift-article__copy-link--failed {
    border-color: #7d0707;
    background-color: rgba(255, 250, 250, .5);
    color: #7d0707
}

.lmd-dropdown-gift-article__copy-link--failed:before {
    background-image: url("");
    background-size: 50%;
    background-repeat: no-repeat;
    border-color: #7d0707
}

.lmd-dropdown-gift-article__footer {
    border-top: .1rem solid #e8eaee;
    margin-top: 1.6rem;
    padding-top: 1.6rem;
    width: 100%
}

.lmd-dropdown-gift-article__faq-link {
    align-items: center;
    color: #026b9c;
    cursor: pointer;
    display: inline-flex;
    font-size: 1.4rem;
    line-height: 1.8rem
}

.lmd-dropdown-gift-article__faq-link:after {
    background-image: url("8c6adaf57d3404a09c9ecf0280f8cbd81bec64b3.svg");
    content: "";
    display: block;
    height: 1.8rem;
    margin-left: 1.2rem;
    width: 1.8rem
}

.lmd-dropdown-gift-article__faq-link:hover {
    color: #005b85
}

.lmd-dropdown-gift-article__faq-link:hover:after {
    background-image: url("")
}

.sr-only {
    border: 0 !important;
    clip: rect(1px, 1px, 1px, 1px) !important;
    -webkit-clip-path: inset(50%) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    white-space: nowrap !important
}

.seo-only {
    display: none
}

.lmd-input-select {
    align-items: center;
    display: flex;
    height: 4.8rem;
    justify-content: center;
    position: relative;
    width: 100%
}

.lmd-input-select__input {
    -webkit-appearance: none;
    appearance: none;
    background-color: rgba(0, 0, 0, 0);
    border: .1rem solid #d5d8dc;
    border-radius: .2rem;
    color: #2a303b;
    cursor: pointer;
    font-size: 1.6rem;
    line-height: 2;
    height: 4.8rem;
    outline: 0;
    overflow: hidden;
    position: relative;
    text-overflow: ellipsis;
    padding: .4rem 4.7rem .4rem 1.4rem;
    width: 100%;
    z-index: 1
}

.lmd-input-select__input {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .lmd-input-select__input {
    letter-spacing: .314px
}

html:not(.fonts-loaded) .lmd-input-select__input>* {
    letter-spacing: .314px
}

html.fonts-loaded .lmd-input-select__input {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

@-moz-document url-prefix() {
    .lmd-input-select__input {
        padding-left: 1rem
    }
}

.lmd-input-select__input--with-placeholder {
    line-height: 4rem;
    padding-top: 1.2rem
}

.lmd-input-select__input:hover {
    border-color: #026b9c;
    color: #2a303b
}

.lmd-input-select__input:hover~.lmd-input-select__placeholder {
    color: #666e80
}

.lmd-input-select__input:disabled {
    background-color: #f5f6f8;
    border-color: #2a303b;
    color: #bdc1c8
}

.lmd-input-select__input:disabled .icon__arrow-dropdown {
    background-image: url("");
    height: .5rem;
    width: .8rem
}

.lmd-input-select__input:disabled~.lmd-input-select__placeholder {
    color: #bdc1c8
}

.lmd-input-select__placeholder {
    color: #8b92a1;
    font-size: 1.1rem;
    left: 1.6rem;
    pointer-events: none;
    position: absolute;
    top: .8rem;
    overflow: hidden;
    text-overflow: ellipsis;
    width: calc(100% - 3.2rem - 3.1rem);
    white-space: nowrap;
    z-index: 0
}

.lmd-input-select__placeholder {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .lmd-input-select__placeholder {
    letter-spacing: .314px
}

html:not(.fonts-loaded) .lmd-input-select__placeholder>* {
    letter-spacing: .314px
}

html.fonts-loaded .lmd-input-select__placeholder {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.lmd-input-select__icon-container {
    align-items: center;
    border-left: .1rem solid #d5d8dc;
    display: flex;
    height: calc(100% - 2.4rem);
    justify-content: flex-end;
    padding-right: .6rem;
    position: absolute;
    pointer-events: none;
    right: 1.6rem;
    width: 3.1rem
}

.lmd-input-checkbox {
    align-items: center;
    background-color: rgba(0, 0, 0, 0);
    border: .1rem solid #d5d8dc;
    border-radius: .2rem;
    cursor: pointer;
    display: flex;
    font-size: 1.6rem;
    height: 4.8rem;
    justify-content: flex-start;
    line-height: 1;
    padding: 1.6rem;
    position: relative;
    width: 100%
}

.lmd-input-checkbox {
    font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .lmd-input-checkbox {
    letter-spacing: .314px
}

html:not(.fonts-loaded) .lmd-input-checkbox>* {
    letter-spacing: .314px
}

html.fonts-loaded .lmd-input-checkbox {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.lmd-input-checkbox:hover {
    border-color: #026b9c;
    color: #2a303b
}

.lmd-input-checkbox__title {
    color: #8b92a1;
    margin-right: 1.6rem
}

.lmd-input-checkbox__checkbox {
    border: .1rem solid #8b92a1;
    border-radius: .2rem;
    height: 1.6rem;
    margin-left: auto;
    width: 1.6rem
}

.lmd-input-checkbox__checkbox--error {
    border-color: #f62120
}

.lmd-input-checkbox__input {
    display: none
}

.lmd-input-checkbox__input:checked~.lmd-input-checkbox__title {
    color: #2a303b
}

.lmd-input-checkbox__input:checked~.lmd-input-checkbox__checkbox {
    background: #2a303b;
    border-color: #2a303b
}

.lmd-input-checkbox__input:checked~.lmd-input-checkbox__checkbox:before {
    background-image: url("");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    content: "";
    display: block;
    height: 100%;
    width: 100%
}

.lmd-link:hover {
    -webkit-text-decoration: underline;
    text-decoration: underline;
    text-decoration-thickness: .06em;
    text-underline-offset: .2em
}

.lmd-link-reverse {
    -webkit-text-decoration: underline;
    text-decoration: underline;
    text-decoration-thickness: .06em;
    text-underline-offset: .2em
}

.lmd-link-reverse:hover {
    opacity: .8;
    -webkit-text-decoration: none;
    text-decoration: none
}

.lmd-link-nav:hover {
    color: #026b9c
}

.lmd-link-blue {
    color: #026b9c;
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.lmd-link-blue:hover {
    color: #005b85
}

.lmd-link-opacity:hover {
    opacity: .8
}

.lmd-typo--medium {
    font-weight: 500
}

.lmd-typo--semibold {
    font-weight: 600
}

.lmd-typo--bold {
    font-weight: 700
}

.lmd-typo--center {
    text-align: center
}

.lmd-typo--right {
    text-align: right
}

.lmd-u-hide {
    display: none !important
}

@media(max-width: 767px) {
    .lmd-u-hide-mobile {
        display: none !important
    }
}

@media(min-width: 768px) {
    .lmd-u-hide-desktop {
        display: none !important
    }
}

@media(max-width: 1023px) {
    .lmd-u-hide-tablet {
        display: none !important
    }
}

@media(max-width: 479px) {
    .lmd-u-hide-smallmobile {
        display: none !important
    }
}

@media(max-width: 359px) {
    .lmd-u-hide-xs {
        display: none !important
    }
}

@media(max-width: 575px) {
    .lmd-u-hide-s {
        display: none !important
    }
}

@media(min-width: 576px) {
    .lmd-u-hide-over-s {
        display: none !important
    }
}

@media(max-width: 767px) {
    .lmd-u-only-desktop {
        display: none
    }
}

.lmd-u-lock-scroll {
    overflow: hidden !important
}

.sticky .lmd-u-hide-sticky {
    display: none !important
}

html {
    scroll-behavior: smooth;
  }