.weight--hairline {
    font-weight: 100
}

.weight--thin {
    font-weight: 200
}

.weight--light {
    font-weight: 300
}

.weight--normal {
    font-weight: 400
}

.weight--medium {
    font-weight: 500
}

.weight--semibold {
    font-weight: 600
}

.weight--bold {
    font-weight: 700
}

.weight--extrabold {
    font-weight: 800
}

.weight--black {
    font-weight: 900
}



.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
}

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
}

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

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

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

body,
h1,
h3,
p,
ul {
    margin: 0;
    padding: 0;
    font-weight: inherit
}

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

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

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

.btn,
.btn--premium {
    -webkit-text-decoration: none !important;
    text-decoration: none !important
}

.btn,
.btn--premium {
    border-radius: .3rem;
    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__arrow,
.icon__email,
.icon__facebook,
.icon__favorites,
.icon__home,
.icon__information,
.icon__link,
.icon__linkedin,
.icon__messenger,
.icon__nav-connexion,
.icon__nav-en-continu,
.icon__premium,
.icon__reading-time,
.icon__search,
.icon__twitter,
.icon__whatsapp,
.lmd-dropdown__close {
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    flex-shrink: 0;
    height: 2rem;
    width: 2rem
}

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

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

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

@media (min-width:320px) {
    [class*=" grid-"] {
        display: grid;
        grid-auto-flow: dense
    }
}

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

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

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

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

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

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

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

    @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
        }
    }

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

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

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

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

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

.main {
    background-color: #fff
}

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

.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: 66.4rem
    }
}

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

.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 (min-width:1024px) {
    .main--free .zone--article {
        padding: 3.2rem
    }
}

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

.btn,
.btn--premium {
    -webkit-text-decoration: none !important;
    text-decoration: none !important
}

.btn,
.btn--premium {
    border-radius: .3rem;
    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__arrow,
.icon__email,
.icon__facebook,
.icon__favorites,
.icon__home,
.icon__information,
.icon__link,
.icon__linkedin,
.icon__messenger,
.icon__nav-connexion,
.icon__nav-en-continu,
.icon__premium,
.icon__reading-time,
.icon__search,
.icon__twitter,
.icon__whatsapp,
.lmd-dropdown__close {
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    flex-shrink: 0;
    height: 2rem;
    width: 2rem
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.icon__link {
    background-image: url("e011eede04dacd4eef8eeda347ce05a9fc771727.svg");
    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__messenger {
    background-image: url("f83de799aba364eac9d6d4de45a2a5224422780d.svg")
}

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

.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
}

.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
}

.lmd-btn {
    align-items: center;
    border: 0;
    border-radius: .3rem;
    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.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--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--premium {
    background-color: #ffc700;
    color: #2a303b
}

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

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

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

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

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

.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--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
}

.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
}

.lmd-btn {
    align-items: center;
    border: 0;
    border-radius: .3rem;
    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.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--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--premium {
    background-color: #ffc700;
    color: #2a303b
}

.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
}

.lmd-btn {
    align-items: center;
    border: 0;
    border-radius: .3rem;
    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.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--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--premium {
    background-color: #ffc700;
    color: #2a303b
}

.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;
    display: none
}

.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.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__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
}

@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__header {
    background-color: #fff6d3;
    opacity: 0;
    transform: translateY(-.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__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;
    transform: scaleY(0);
    transform-origin: 50% 0%;
    text-align: center;
    padding: 2.4rem 2rem;
    position: relative;
    top: -.4rem
}

@media (min-width:360px) {
    .capping__content {
        padding: 2.4rem 3.6rem
    }
}

.capping__title {
    font-size: 1.8rem;
    line-height: normal;
    font-weight: 700
}

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

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__bottom {
    margin: 0 2rem;
    opacity: 0
}

.capping__bottom:before {
    content: " ";
    display: block;
    width: 100%;
    height: .1rem;
    background-color: #d8d8d8
}

.capping__trigger {
    margin: 0;
    padding: 0;
    border: 0;
    background: rgba(0, 0, 0, 0);
    color: #007ac8;
    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: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__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__link {
    margin: 0;
    padding: 0;
    border: 0;
    background: rgba(0, 0, 0, 0);
    color: #007ac8;
    font-weight: 500;
    font-family: inherit;
    font-size: 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
}

.lmd-btn {
    align-items: center;
    border: 0;
    border-radius: .3rem;
    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.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--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--premium {
    background-color: #ffc700;
    color: #2a303b
}

.lmd-link-blue {
    color: #026b9c;
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.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
}

.lmd-btn {
    align-items: center;
    border: 0;
    border-radius: .3rem;
    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.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--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--premium {
    background-color: #ffc700;
    color: #2a303b
}

.lmd-link-blue {
    color: #026b9c;
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.article {
    margin: 2.4rem 0;
    padding-top: 2.4rem;
    border-top: .1rem solid #d5d8dc
}

.article picture {
    display: block;
    padding-top: 66.66%
}

.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
}

.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.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__extra {
    align-items: center
}

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

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__media-container {
    position: relative
}

.article__media {
    display: block;
    float: right;
    font-size: 0;
    margin-left: 1.6rem;
    max-width: 11.4rem
}

.article__title {
    color: #2a303b;
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 1.25
}

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

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__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.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__author {
    align-items: center;
    display: flex;
    max-width: 70%
}

@media (min-width:768px) {
    .article__author {
        max-width: 28rem
    }
}

.article__author-name {
    color: #2a303b;
    font-size: 1.5rem;
    font-weight: 500
}

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

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.fonts-loaded .article__author-desc {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.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
}

.lmd-link-blue {
    color: #026b9c;
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.article__content {
    padding-top: 2.4rem
}

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

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 .catcher 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 a.meta__link-sub {
    border-bottom: 0
}

.lmd-link-blue {
    color: #026b9c;
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.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 .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
    }
}

.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 .meta__date--header {
    color: #717b8e;
    font-size: 1.4rem
}

.article--single .article__header .meta__date--header {
    font-family: Arial, Roboto, sans-serif
}

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__publisher {
    margin-left: 0;
    display: block
}

@media (min-width:1024px) {
    .article--single .article__header .meta__publisher {
        max-width: 85%
    }
}

.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
    }
}

.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.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 (min-width:768px) {
    .article--single .article__header .meta__social {
        z-index: 4
    }
}

.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__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.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
    }
}

.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
}

@media (min-width:1024px) {
    .article__wrapper {}
}

.article__wrapper article {
    position: relative;
    z-index: 2
}

.lmd-link-blue {
    color: #026b9c;
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.Burger__right-arrow:after,
.Nav__container--default a:after {
    content: " ";
    background-image: url("19ad1d2d1cb241e479e126d97b1c32316dd360eb.svg");
    position: absolute;
    width: .5rem;
    height: 1rem;
    right: 0;
    top: 50%;
    transform: translateY(-50%)
}

#Header {
    align-items: center;
    background-color: #fcfcfd;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 7
}

@media (min-width:1024px) {
    #Header {
        background-color: #fff;
        position: relative
    }
}

#Header .center {
    align-self: center;
    display: flex
}

#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 .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 (min-width:1024px) {
    #Header .Header {
        height: 13.2rem
    }
}

#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.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 p {
    margin-left: 9rem;
    height: 5.4rem;
    line-height: 1.6rem;
    padding-top: 1rem
}

#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.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
    }
}

#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 span {
    align-self: center
}

#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 (min-width:1024px) {
    .Header__nav-container {
        height: 5.8rem
    }
}

.Burger {
    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
}

.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
}

.lmd-btn {
    align-items: center;
    border: 0;
    border-radius: .3rem;
    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.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--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--premium {
    background-color: #ffc700;
    color: #2a303b
}

.lmd-link-blue {
    color: #026b9c;
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.Nav {
    align-items: center;
    background-color: #fff;
    color: #000b15;
    height: auto;
    padding-top: 6rem;
    position: relative;
    width: 100%;
    z-index: 6
}

@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
    }
}

.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.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 {
    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 {
    color: #2a303b;
    display: inherit;
    position: relative;
    -webkit-text-decoration: none;
    text-decoration: none
}

.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__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
    }
}

.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.fonts-loaded .Nav__sub-item-actualites .Nav__container--left a {
        font-family: "Marr Sans", Arial, Roboto, sans-serif
    }
}

.Nav__sub-item-actualites .Nav__container--right {
    display: block
}

@media (min-width:768px) {
    .Nav__sub-item-actualites .Nav__container--right {
        width: 100%
    }
}

.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
    }
}

.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__title {
    font-size: 1.4rem;
    line-height: 1.29;
    letter-spacing: normal;
    text-align: left
}

@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__mobile {
    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
    }
}

.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 a,
.Nav__sub-item-services .wrapper-list-link li:nth-child(n) a {
    font-size: 1.3rem;
    font-weight: 500;
    line-height: 1.6rem;
    position: relative
}

.Nav__sub-item-services .wrapper-list-link li a,
.Nav__sub-item-services .wrapper-list-link li:nth-child(n) a {
    font-family: Arial, Roboto, sans-serif
}

html.fonts-loaded .Nav__sub-item-services .wrapper-list-link li a,
html.fonts-loaded .Nav__sub-item-services .wrapper-list-link li:nth-child(n) a {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

@media (max-width:768px) {

    .Nav__sub-item-services .wrapper-list-link li a:after,
    .Nav__sub-item-services .wrapper-list-link li:nth-child(n) 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-en-continu,
#nav-desktop .Nav__item-home {
    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-markup {
    overflow-x: auto;
    overflow-y: hidden;
    position: static;
    width: 100%;
    border-bottom: .1rem solid #eff0f3
}

@media (min-width:1024px) {
    #nav-markup {
        overflow: hidden;
        border-bottom: none
    }
}

#nav-markup {
    justify-content: space-between
}

@media (max-width:1023px) {
    .main--with-contextual-nav {
        margin-top: 5.6rem
    }
}

.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
}

.lmd-link-blue {
    color: #026b9c;
    -webkit-text-decoration: underline;
    text-decoration: underline
}

@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
    }
}

.footer__category-checkbox {
    position: absolute;
    left: -1000rem;
    opacity: 0
}

.footer__category-label {
    position: relative;
    display: block
}

.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__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__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__link {
    display: inline-flex;
    width: 100%;
    align-items: flex-end;
    line-height: 1.23;
    color: #e8eaee;
    -webkit-text-decoration: none;
    text-decoration: 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
}

.lmd-btn {
    align-items: center;
    border: 0;
    border-radius: .3rem;
    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.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--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--premium {
    background-color: #ffc700;
    color: #2a303b
}

.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 transparent;
    border-top-color: #f3ecce
}

.paywall__comments:after {
    content: "";
    position: absolute;
    display: block;
    width: 0;
    left: 50%;
    transform: translateX(-50%);
    top: 100%;
    border: 10px solid transparent;
    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-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-title {
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 1.3
}

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

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.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
}

.paywall__comments-close:before {
    content: "×";
    font-size: 2.6rem;
    display: block;
    margin-top: -.6rem
}

@media (min-width:1024px) {
    .paywall__comments-close {
        width: 1rem;
        height: 1rem;
        top: 0;
        right: 1.1rem
    }
}

.lmd-link-blue {
    color: #026b9c;
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.meta {
    display: flex;
    list-style: none
}

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

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
    }
}

.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--no-after:after {
    display: none
}

.meta__icon {
    font-size: 1.4rem;
    position: relative
}

.meta__icon--favorite {
    display: flex
}

.meta__link--extend {
    width: 3.2rem;
    height: 3.2rem;
    background-size: auto;
    display: flex
}

.meta__link--full {
    background-color: #e8eaee;
    border: .1rem solid transparent;
    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.4rem
}

.meta__link--full .icon__description {
    font-family: Arial, Roboto, sans-serif
}

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

.meta__link--light {
    border: 0
}

.meta__link-sub {
    display: flex;
    align-items: center;
    width: 100%;
    background: rgba(0, 0, 0, 0);
    border: 0;
    padding: 0
}

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

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

.meta__icon-container {
    margin-right: 1.2rem
}

.meta__label-sub {
    color: #383f4e;
    font-size: 1.4rem
}

.meta__social {
    align-items: center;
    height: 3.2rem;
    margin-top: 2.4rem;
    gap: 1.2rem
}

.meta__reading-time {
    display: flex;
    align-items: center;
    line-height: 1.42;
    font-size: 1.4rem;
    color: #717b8e;
    margin-top: 1.6rem;
    letter-spacing: .02rem
}

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

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__icon-desc {
    display: none;
    background-color: #2a303b;
    border-radius: .3rem;
    color: #fff;
    font-size: 1.4rem;
    font-weight: 400;
    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.fonts-loaded .meta__icon-desc {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.meta__icon-desc--more {
    right: -.4rem
}

.meta__sub {
    display: none
}

.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
}

.lmd-link-blue {
    color: #026b9c;
    -webkit-text-decoration: underline;
    text-decoration: underline
}

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
    }
}

.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 (min-width:1024px) {
    .aside__iso .friend {
        border-top: 0
    }

    .aside__iso .friend:not(:first-child) {
        margin-top: 4.8rem
    }
}

.lmd-link-blue {
    color: #026b9c;
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.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.fonts-loaded .breadcrumb {
    font-family: "Marr Sans Condensed", DINCondensed-Bold, "Roboto Condensed", "Arial Narrow", sans-serif
}

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

.article__header .breadcrumb {
    flex-wrap: wrap
}

.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.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__child--article {
    line-height: 1.6rem
}

.lmd-link-blue {
    color: #026b9c;
    -webkit-text-decoration: underline;
    text-decoration: underline
}

@media (min-width:1024px) {
    .insert {
        color: #2a303b;
        background-color: #f5f6f8;
        border-top: .4rem solid #2a303b;
        padding: 0 2rem 2rem 2rem
    }

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

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

    html:not(.fonts-loading) .insert__date,
    html:not(.fonts-loading) .insert__title {
        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
    }
}

@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)
    }
}

.friend {
    border-top: .1rem solid #d5d8dc;
    position: relative;
    z-index: 1
}

.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
}

.lmd-btn {
    align-items: center;
    border: 0;
    border-radius: .3rem;
    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.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--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--premium {
    background-color: #ffc700;
    color: #2a303b
}

.lmd-link-blue {
    color: #026b9c;
    -webkit-text-decoration: underline;
    text-decoration: underline
}

@media (max-width:767px) {
    .lmd-u-hide-mobile {
        display: none !important
    }
}

.teaser__media {
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 1
}

.lmd-link-blue {
    color: #026b9c;
    -webkit-text-decoration: underline;
    text-decoration: underline
}

@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)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)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)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) {

    .icon__arrow,
    .icon__email,
    .icon__facebook,
    .icon__favorites,
    .icon__home,
    .icon__information,
    .icon__link,
    .icon__linkedin,
    .icon__messenger,
    .icon__nav-connexion,
    .icon__nav-en-continu,
    .icon__premium,
    .icon__reading-time,
    .icon__search,
    .icon__twitter,
    .icon__whatsapp,
    .lmd-dropdown__close {
        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
    }
}

.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
}

.lmd-btn {
    align-items: center;
    border: 0;
    border-radius: .3rem;
    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.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--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--premium {
    background-color: #ffc700;
    color: #2a303b
}

.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
}

.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__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__close {
    background-image: url("0d7f1bc7147ec8648dabd94671a584e66c4c5f16.svg");
    background-size: 1rem;
    background-color: #fff;
    display: block;
    height: 2.4rem;
    margin-bottom: .8rem;
    margin-left: auto;
    width: 2.4rem;
    border: .1rem solid #bdc1c8;
    border-radius: 50%
}

@media (min-width:768px) {
    .lmd-dropdown__close {
        margin-bottom: 1.6rem
    }
}

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

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
    }
}

.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
}

.lmd-link-blue {
    color: #026b9c;
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.lmd-typo--medium {
    font-weight: 500
}

.lmd-typo--center {
    text-align: center
}

@media (max-width:767px) {
    .lmd-u-hide-mobile {
        display: none !important
    }
}

.logo__l-epoque,
.logo__m-le-mag {
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    flex-shrink: 0;
    text-indent: -99999px
}

.icon__facebook,
.icon__podcast,
.icon__twitter {
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    flex-shrink: 0;
    height: 2rem;
    width: 2rem
}

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

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

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

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

.icon__podcast {
    background-image: url("");
    background-color: rgba(0, 0, 0, 0);
    height: 4rem;
    width: 4rem
}

.icon__podcast--small {
    height: 3rem;
    width: 3rem
}

.icon__video--inline {
    background-image: url("");
    height: 1.3rem;
    width: 1.3rem;
    margin-right: .4rem
}

.logo__m-le-mag {
    background-image: url("61210583fd75d4ebe35ee843222d2b3aee5ad1f6.svg");
    height: 2.4rem;
    width: 10.3rem
}

.logo__m-le-mag--nav {
    width: 8rem;
    height: 1.8rem
}

.logo__l-epoque {
    background-image: url("1832287f009d515678f5172865536afb182483f9.svg");
    height: 2.4rem;
    width: 7.8rem
}

.logo__l-epoque,
.logo__m-le-mag {
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    flex-shrink: 0;
    text-indent: -99999px
}

.icon__facebook,
.icon__podcast,
.icon__twitter {
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    flex-shrink: 0;
    height: 2rem;
    width: 2rem
}

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

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

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

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

.icon__podcast {
    background-image: url("");
    background-color: rgba(0, 0, 0, 0);
    height: 4rem;
    width: 4rem
}

.icon__podcast--small {
    height: 3rem;
    width: 3rem
}

.icon__video--inline {
    background-image: url("");
    height: 1.3rem;
    width: 1.3rem;
    margin-right: .4rem
}

.logo__m-le-mag {
    background-image: url("61210583fd75d4ebe35ee843222d2b3aee5ad1f6.svg");
    height: 2.4rem;
    width: 10.3rem
}

.logo__m-le-mag--nav {
    width: 8rem;
    height: 1.8rem
}

.logo__l-epoque {
    background-image: url("1832287f009d515678f5172865536afb182483f9.svg");
    height: 2.4rem;
    width: 7.8rem
}

/*
@font-face {
    font-family: "The Antiqua B";
    src: url("urn:scrapbook:download:error:https://bawer.pro/dist/assets/fonts/variables/the-antiqua-b/TheAntiquaB-LeMonde-Italic.woff2") format("woff2-variations"), url("urn:scrapbook:download:error:https://bawer.pro/dist/assets/fonts/variables/the-antiqua-b/TheAntiquaB-LeMonde-Italic.woff2") format("woff2");
    font-display: swap;
    font-style: italic;
    font-weight: 125 900;
    font-stretch: 25% 150%
}

@font-face {
    font-family: "The Antiqua B standard";
    src: url("");
    src: local("TheAntiquaB_LT_500"), url("") format("embedded-opentype"), url("urn:scrapbook:download:error:https://bawer.pro/dist/assets/fonts/the-antiqua-b/TheAntiquaB_LT_500.woff2") format("woff2"), url("urn:scrapbook:download:error:https://bawer.pro/dist/assets/fonts/the-antiqua-b/TheAntiquaB_LT_500.woff") format("woff"), url("") format("svg");
    font-display: fallback;
    font-style: normal;
    font-weight: 500
}

@font-face {
    font-family: "The Antiqua B standard";
    src: url("");
    src: local("TheAntiquaB_LT_700"), url("") format("embedded-opentype"), url("urn:scrapbook:download:error:https://bawer.pro/dist/assets/fonts/the-antiqua-b/TheAntiquaB_LT_700.woff2") format("woff2"), url("urn:scrapbook:download:error:https://bawer.pro/dist/assets/fonts/the-antiqua-b/TheAntiquaB_LT_700.woff") format("woff"), url("") format("svg");
    font-display: fallback;
    font-style: normal;
    font-weight: 700
}

@font-face {
    font-family: "The Antiqua B standard";
    src: url("");
    src: local("TheAntiquaB_LT_500_italic"), url("") format("embedded-opentype"), url("urn:scrapbook:download:error:https://bawer.pro/dist/assets/fonts/the-antiqua-b/TheAntiquaB_LT_500_italic.woff2") format("woff2"), url("urn:scrapbook:download:error:https://bawer.pro/dist/assets/fonts/the-antiqua-b/TheAntiquaB_LT_500_italic.woff") format("woff"), url("") format("svg");
    font-display: fallback;
    font-style: italic;
    font-weight: 500
}

@font-face {
    font-family: "The Antiqua B standard";
    src: url("");
    src: local("TheAntiquaB_LT_700_i"), url("") format("embedded-opentype"), url("urn:scrapbook:download:error:https://bawer.pro/dist/assets/fonts/the-antiqua-b/TheAntiquaB_LT_700_i.woff2") format("woff2"), url("urn:scrapbook:download:error:https://bawer.pro/dist/assets/fonts/the-antiqua-b/TheAntiquaB_LT_700_i.woff") format("woff"), url("") format("svg");
    font-display: fallback;
    font-style: italic;
    font-weight: 700
}

@font-face {
    font-family: "Marr Sans";
    src: url("");
    src: url("") format("embedded-opentype"), url("urn:scrapbook:download:error:https://bawer.pro/dist/assets/fonts/marr-sans/MarrSans-Semibold-Web.woff2") format("woff2"), url("urn:scrapbook:download:error:https://bawer.pro/dist/assets/fonts/marr-sans/MarrSans-Semibold-Web.woff") format("woff");
    font-display: swap;
    font-style: normal;
    font-weight: 600
}

@font-face {
    font-family: "Marr Sans Condensed";
    src: url("");
    src: url("") format("embedded-opentype"), url("urn:scrapbook:download:error:https://bawer.pro/dist/assets/fonts/marr-sans-cond/MarrSansCondensed-Semibold-Web.woff2") format("woff2"), url("urn:scrapbook:download:error:https://bawer.pro/dist/assets/fonts/marr-sans-cond/MarrSansCondensed-Semibold-Web.woff") format("woff");
    font-display: swap;
    font-style: normal;
    font-weight: 600
}

@font-face {
    font-family: "Marr Sans Condensed";
    src: url("");
    src: url("") format("embedded-opentype"), url("urn:scrapbook:download:error:https://bawer.pro/dist/assets/fonts/marr-sans-cond/MarrSansCondensed-Bold-Web.woff2") format("woff2"), url("urn:scrapbook:download:error:https://bawer.pro/dist/assets/fonts/marr-sans-cond/MarrSansCondensed-Bold-Web.woff") format("woff");
    font-display: swap;
    font-style: normal;
    font-weight: 700
}

@font-face {
    font-family: "The Antiqua B";
    src: url("urn:scrapbook:download:error:https://bawer.pro/dist/assets/fonts/variables/the-antiqua-b/TheAntiquaB-LeMonde-Italic.woff2") format("woff2-variations"), url("urn:scrapbook:download:error:https://bawer.pro/dist/assets/fonts/variables/the-antiqua-b/TheAntiquaB-LeMonde-Italic.woff2") format("woff2");
    font-display: swap;
    font-style: italic;
    font-weight: 125 900;
    font-stretch: 25% 150%
}

@font-face {
    font-family: "The Antiqua B standard";
    src: url("");
    src: local("TheAntiquaB_LT_500"), url("") format("embedded-opentype"), url("urn:scrapbook:download:error:https://bawer.pro/dist/assets/fonts/the-antiqua-b/TheAntiquaB_LT_500.woff2") format("woff2"), url("urn:scrapbook:download:error:https://bawer.pro/dist/assets/fonts/the-antiqua-b/TheAntiquaB_LT_500.woff") format("woff"), url("") format("svg");
    font-display: fallback;
    font-style: normal;
    font-weight: 500
}

@font-face {
    font-family: "The Antiqua B standard";
    src: url("");
    src: local("TheAntiquaB_LT_700"), url("") format("embedded-opentype"), url("urn:scrapbook:download:error:https://bawer.pro/dist/assets/fonts/the-antiqua-b/TheAntiquaB_LT_700.woff2") format("woff2"), url("urn:scrapbook:download:error:https://bawer.pro/dist/assets/fonts/the-antiqua-b/TheAntiquaB_LT_700.woff") format("woff"), url("") format("svg");
    font-display: fallback;
    font-style: normal;
    font-weight: 700
}

@font-face {
    font-family: "The Antiqua B standard";
    src: url("");
    src: local("TheAntiquaB_LT_500_italic"), url("") format("embedded-opentype"), url("urn:scrapbook:download:error:https://bawer.pro/dist/assets/fonts/the-antiqua-b/TheAntiquaB_LT_500_italic.woff2") format("woff2"), url("urn:scrapbook:download:error:https://bawer.pro/dist/assets/fonts/the-antiqua-b/TheAntiquaB_LT_500_italic.woff") format("woff"), url("") format("svg");
    font-display: fallback;
    font-style: italic;
    font-weight: 500
}

@font-face {
    font-family: "The Antiqua B standard";
    src: url("");
    src: local("TheAntiquaB_LT_700_i"), url("") format("embedded-opentype"), url("urn:scrapbook:download:error:https://bawer.pro/dist/assets/fonts/the-antiqua-b/TheAntiquaB_LT_700_i.woff2") format("woff2"), url("urn:scrapbook:download:error:https://bawer.pro/dist/assets/fonts/the-antiqua-b/TheAntiquaB_LT_700_i.woff") format("woff"), url("") format("svg");
    font-display: fallback;
    font-style: italic;
    font-weight: 700
}

@font-face {
    font-family: "Marr Sans";
    src: url("");
    src: url("") format("embedded-opentype"), url("urn:scrapbook:download:error:https://bawer.pro/dist/assets/fonts/marr-sans/MarrSans-Semibold-Web.woff2") format("woff2"), url("urn:scrapbook:download:error:https://bawer.pro/dist/assets/fonts/marr-sans/MarrSans-Semibold-Web.woff") format("woff");
    font-display: swap;
    font-style: normal;
    font-weight: 600
}

@font-face {
    font-family: "Marr Sans Condensed";
    src: url("");
    src: url("") format("embedded-opentype"), url("urn:scrapbook:download:error:https://bawer.pro/dist/assets/fonts/marr-sans-cond/MarrSansCondensed-Semibold-Web.woff2") format("woff2"), url("urn:scrapbook:download:error:https://bawer.pro/dist/assets/fonts/marr-sans-cond/MarrSansCondensed-Semibold-Web.woff") format("woff");
    font-display: swap;
    font-style: normal;
    font-weight: 600
}

@font-face {
    font-family: "Marr Sans Condensed";
    src: url("");
    src: url("") format("embedded-opentype"), url("urn:scrapbook:download:error:https://bawer.pro/dist/assets/fonts/marr-sans-cond/MarrSansCondensed-Bold-Web.woff2") format("woff2"), url("urn:scrapbook:download:error:https://bawer.pro/dist/assets/fonts/marr-sans-cond/MarrSansCondensed-Bold-Web.woff") format("woff");
    font-display: swap;
    font-style: normal;
    font-weight: 700
}*/

/** Common styles across all window sizes. */
.swg-dialog,
.swg-toast {
    box-sizing: border-box;
    background-color: rgba(255, 255, 255, 1) !important;
}

.swg-toast {
    position: fixed !important;
    bottom: 0 !important;
    max-height: 46px !important;
    z-index: 2147483647 !important;
    border: none !important;
}

/**
* Wide desktop screen support, when width is >= 871px and height is >= 641px.
*/
@media (min-width: 871px) and (min-height: 641px) {
    .swg-dialog.swg-wide-dialog {
        width: 870px !important;
        left: -435px !important;
    }
}

/** Tablet/Medium screen support, when width OR height is <= 640px. */
@media (max-width: 640px),
(max-height: 640px) {

    .swg-dialog,
    .swg-toast {
        width: 480px !important;
        left: -240px !important;
        margin-left: calc(100vw - 100vw / 2) !important;
        border-top-left-radius: 8px !important;
        border-top-right-radius: 8px !important;
        box-shadow: rgba(60, 64, 67, 0.3) 0 1px 1px,
            rgba(60, 64, 67, 0.15) 0 1px 4px 1px !important;
    }
}

/** Desktop/Large screen support, when width AND height are >= 641px. */
@media (min-width: 641px) and (min-height: 641px) {
    .swg-dialog {
        width: 630px !important;
        left: -315px !important;
        margin-left: calc(100vw - 100vw / 2) !important;
        background-color: transparent !important;
        border: none !important;
    }

    .swg-toast {
        border-radius: 4px !important;
        bottom: 8px !important;
        box-shadow: 0 3px 1px -2px rgb(0 0 0 / 20%), 0 2px 2px 0 rgb(0 0 0 / 14%),
            0 1px 5px 0 rgb(0 0 0 / 12%) !important;
        left: 8px !important;
    }
}

/** Phone/Small screen support, when width is <= 480px. */
@media (max-width: 480px) {

    .swg-dialog,
    .swg-toast {
        width: 100% !important;
        left: 0 !important;
        right: 0 !important;
        margin-left: 0 !important;
    }
}

/**
* Class applied to content page to disable scrolling.
*/
html>body.swg-disable-scroll {
    height: 100vh !important;
    overflow: hidden !important;
    position: fixed;
    width: 100% !important;
}

html>body.swg-disable-scroll * {
    overflow: hidden !important;
}



.ob-smartfeed-wrapper .OUTBRAIN:not(:first-child):not(.ob-parent-feed) .ob_what {
    display: none;
}

.ob-smartfeed-joker {
    margin-bottom: 20px;
    padding-bottom: 4px;
    padding-top: 0;
}


.ob_sf_loader {
    margin: 25px auto 20px;
    width: 70px;
    text-align: center;
}

.ob_sf_loader>div {
    width: 18px;
    height: 18px;
    background-color: #333;
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
    animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.ob_sf_loader .bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}

.ob_sf_loader .bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {

    0%,
    80%,
    100% {
        -webkit-transform: scale(0)
    }

    40% {
        -webkit-transform: scale(1.0)
    }
}

@keyframes sk-bouncedelay {

    0%,
    80%,
    100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    40% {
        -webkit-transform: scale(1.0);
        transform: scale(1.0);
    }
}



.ob-smartfeed-wrapper .OUTBRAIN:not(:first-child):not(.ob-parent-feed) .ob_what {
    display: none;
}

.ob-smartfeed-joker {
    margin-bottom: 20px;
    padding-bottom: 4px;
    padding-top: 0;
}


.ob_sf_loader {
    margin: 25px auto 20px;
    width: 70px;
    text-align: center;
}

.ob_sf_loader>div {
    width: 18px;
    height: 18px;
    background-color: #333;
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
    animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.ob_sf_loader .bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}

.ob_sf_loader .bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {

    0%,
    80%,
    100% {
        -webkit-transform: scale(0)
    }

    40% {
        -webkit-transform: scale(1.0)
    }
}

@keyframes sk-bouncedelay {

    0%,
    80%,
    100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    40% {
        -webkit-transform: scale(1.0);
        transform: scale(1.0);
    }
}



.ob-smartfeed-wrapper .OUTBRAIN:not(:first-child):not(.ob-parent-feed) .ob_what {
    display: none;
}

.ob-smartfeed-joker {
    margin-bottom: 20px;
    padding-bottom: 4px;
    padding-top: 0;
}


.ob_sf_loader {
    margin: 25px auto 20px;
    width: 70px;
    text-align: center;
}

.ob_sf_loader>div {
    width: 18px;
    height: 18px;
    background-color: #333;
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
    animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.ob_sf_loader .bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}

.ob_sf_loader .bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {

    0%,
    80%,
    100% {
        -webkit-transform: scale(0)
    }

    40% {
        -webkit-transform: scale(1.0)
    }
}

@keyframes sk-bouncedelay {

    0%,
    80%,
    100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    40% {
        -webkit-transform: scale(1.0);
        transform: scale(1.0);
    }
}