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

html {
    box-sizing: border-box;
    color: #383f4e;
    font-size: 62.5%;
    line-height: 1.6;
    -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
}

@media(min-width:1200px) {
    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
    }
}

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

body,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
p,
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("data:image/svg+xml;charset=utf-8,%3Csvg height='200' width='300' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h300v200H0z' fill='%23eff0f3'/%3E%3Cg opacity='.087'%3E%3Cpath d='M197.2 73.192c-4.323 2.547-5.76 5.984-5.76 11.298v42.405c0 2.665.334 3.874 1.771 4.655l1.44.778 3.98-2.334 1.332 2.665-13.832 8.308-4.754-3.217c-2.108-1.439-2.997-3.212-2.997-6.646V93.237c0-7.084 2.22-10.854 5.317-13.175l1.771-1.328-13.054-7.645-5.863 3.541v55.147c0 4.65-.663 5.316-4.762 7.418 0 0-3.204 1.553-7.62 3.878h-.888V79.95c0-2.987-.337-3.656-1.995-4.983l-4.642-3.764-5.646 3.208v31.673c0 5.533-.882 9.52-5.308 12.285l-11.06 6.978-1.113-1.88c3.434-2.662 4.206-6.43 4.206-10.857V80.28c0-4.763-.658-6.643-5.642-5.756-1.878.327-4.755.773-6.526.993-7.304 1-10.404-4.206-5.424-10.738 0 0 1.22-1.661 4.316-5.652l2.44 1.666-1.776 2.547c-2.321 3.327-.441 5.097 3.323 3.763a314.21 314.21 0 007.63-2.991c10.506-4.094 14.381 2.66 14.934 6.648l13.059-7.862 11.274 8.633L179.27 62.9l10.734 6.092c3.648 2.098 5.42 1.214 7.965-.117l2.103-1.105 1.657 2.77zm-68.259 67.88c-1.105-3.105-4.311-6.314-10.067-6.534-5.424-.111-13.168 1.996-19.58 6.87l-1.221-1.553c4.65-5.097 15.491-13.287 26.883-13.4 5.978 0 10.18 1.995 13.168 5.207l4.981-2.771 1.439 2.882z' fill='%23000'/%3E%3Cg fill='%232a303b'%3E%3Cpath d='M172.427 73.587l-1.348.897 8.979 5.3c.336-.452.672-.788 1.008-1.124zM177.433 83.915c-1.788 2.435-2.91 5.984-2.91 11.084v37.03c0 3.323 1.342 6.318 3.92 8.09l3.92 2.665 1.458-.887-3.584-2.442c-2.914-1.996-4.149-4.658-4.149-8.76l-.11-37.912c0-3.438.449-6.433 1.455-8.868M151.106 142.447v.28zm-4.473-68.515l-1.726.883 2.643 1.988c1.835 1.33 2.064 1.33 2.064 4.312v61.67h.92c.226-.115.572-.338.572-.338v-62.77c0-1.77-.224-2.21-1.028-2.981 0-.111-2.067-1.663-3.445-2.764M105.473 67.046c-3.831 5.46-1.526 10.328 4.1 10.328.29 0 .59-.013.897-.039-2.022-.543-3.717-1.736-4.677-3.465-1.062-1.951-1.167-4.33-.32-6.824M123.371 76.342c-.29 0-.614.039-.968.102h-.224c1.327 1.218 1.553 1.655 1.553 5.53v32.219c0 2.102-.226 4.097-.776 5.87 1.663-1.773 2.322-4.209 2.322-7.974v-32.33c0-2.69-.656-3.418-1.907-3.417M118.694 136.587c-.676 0-1.347 0-2.025.108 4.711.678 7.41 3.157 8.302 6.09l1.685-1.022-.112-.334c-.336-1.13-2.022-4.734-7.85-4.842'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat
}

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

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

.btn,
.btn--base,
.btn--premium,
.btn--question-live,
.btn--send-testimony {
    border-radius: .3rem;
    cursor: pointer;
    display: inline-block;
    font-size: inherit;
    font-weight: inherit;
    line-height: normal;
    padding: .8rem 1.6rem;
    text-decoration: none!important;
    transition: background-color .3s
}

.User__avatar,
.area--runner .article__extra--embed .icon__podcast,
.button--subscribed:before,
.election__alert-result--confirmation:before,
.election__search-container:after,
.election__special-city:before,
.icon,
.icon__arrow-right,
.icon__avatar,
.icon__calendar,
.icon__clock,
.icon__cross,
.icon__favorites,
.icon__home,
.icon__information,
.icon__nav-connexion,
.icon__nav-en-continu,
.icon__nav-my-account,
.icon__powered-qwant,
.icon__premium,
.icon__reading-time,
.icon__search,
.icon__share-facebook,
.icon__share-twitter,
.icon__user,
.icon__verification-search,
.icon__verification-search-grey,
.message__dropdown-trigger:after {
    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
    }
}

.icon__decodex,
.icon__qwant,
.logo,
.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-alert,
.icon__label-live,
.icon__label-live-hero {
    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) {
        .area .article--top:nth-child(4),
        .area .article--top:nth-child(7),
        .old__top-article-4,
        .old__top-article-7 {
            padding-top: 2.4rem
        }
    }
    @media(min-width:1024px) {
        .area .article--top:nth-child(1),
        .area .article--top:nth-child(2),
        .area .article--top:nth-child(3),
        .old__top-article-1,
        .old__top-article-2,
        .old__top-article-3 {
            padding-top: 0
        }
    }
    @media(min-width:1024px) {
        .area .article--top:nth-child(3),
        .area .article--top:nth-child(6),
        .area .article--top:nth-child(9),
        .old__top-article-3,
        .old__top-article-6,
        .old__top-article-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__meta-social {
            top: 0;
            right: 0;
            position: absolute
        }
        .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;
    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: Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .area__link-home {
    font-family: "Marr Sans", Helvetica, 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("data:image/svg+xml;charset=utf-8,%3Csvg width='11' height='7' xmlns='http://www.w3.org/2000/svg' fill='%23333'%3E%3Cpath d='M0 2.93v1.14h8.26l-2.09 2.1L7 7l3.5-3.5L7 0l-.83.83 2.09 2.1z' fill-rule='evenodd'/%3E%3C/svg%3E");
    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: 66.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 {
        padding-left: 3.2rem;
        padding-right: 3.2rem;
        max-width: 121.6rem
    }
}

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

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

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

@media(min-width:1024px) {
    .zone .article__related {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-column-gap: 2.4rem
    }
}

.zone--marker {
    padding: 1rem 0 1rem 0;
    border: 0;
    position: relative;
    z-index: 1
}

@media(min-width:1024px) {
    .zone--marker {
        padding: 2rem;
        box-shadow: 0 .3rem #f5f6f8 inset, .15rem 0 #f5f6f8 inset, -.15rem 0 #f5f6f8 inset
    }
}

.zone--marker-wrap {
    position: relative
}

.zone--marker-wrap:after {
    content: "";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    height: .1rem;
    left: 12rem;
    right: 1rem;
    background-color: #d5d8dc;
    z-index: 0
}

@media(min-width:1024px) {
    .zone--marker-wrap:after {
        left: 15rem;
        right: 2rem
    }
}

.zone--marker .marker__media {
    max-width: 10rem;
    display: block;
    background-color: #fff;
    position: relative;
    z-index: 1
}

.zone--marker+.zone--homepage {
    padding-top: 0
}

@media(min-width:1024px) {
    .zone--marker+.zone--homepage {
        box-shadow: 0 0 #f5f6f8 inset, .15rem 0 #f5f6f8 inset, -.15rem 0 #f5f6f8 inset
    }
}

@media(max-width:1024px) {
    .zone--municipale {
        display: flex;
        flex-direction: column
    }
    .zone--municipale .area--featured,
    .zone--municipale .area--main {
        order: 0
    }
    .zone--municipale .area--runner {
        order: 0
    }
    .zone--municipale .area--widget {
        margin-top: -2rem
    }
    .zone--municipale .area--featured {
        border-top: .1rem solid #192853;
        border-bottom: .1rem solid #192853
    }
}

@media(min-width:1024px) {
    .zone--municipale .area--widget {
        border: .1rem solid #d5d8dc;
        padding: 1.5rem 1.7rem 0;
        margin-bottom: 4rem
    }
}

.zone--event .article--main picture,
.zone--highlight .article--main picture {
    padding-top: 66.66%
}

@media(min-width:576px) {
    .zone--event .article--main picture,
    .zone--highlight .article--main picture {
        padding-top: 50%
    }
}

.zone--event .article--related picture,
.zone--highlight .article--related picture {
    padding-top: 66.66%
}

.zone--event .article--related .article__title,
.zone--highlight .article--related .article__title {
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1.33
}

.zone--event .article--related .article__title,
.zone--highlight .article--related .article__title {
    font-family: Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .zone--event .article--related .article__title,
html.fonts-loaded .zone--highlight .article--related .article__title {
    font-family: "Marr Sans", Helvetica, Arial, Roboto, sans-serif
}

@media(min-width:1024px) {
    .zone--event .article--related .article__title,
    .zone--highlight .article--related .article__title {
        font-size: 1.6rem;
        line-height: 1.25
    }
}

@media(min-width:1024px) {
    .zone--event .area--main,
    .zone--highlight .area--main {
        grid-column: 1/span 3;
        order: 1
    }
}

.zone--event .area--featured,
.zone--highlight .area--featured {
    grid-row: 1/4
}

@media(min-width:1024px) {
    .zone--highlight .article__related {
        grid-template-columns: 1fr 1fr 1fr
    }
}

@media(min-width:1024px) {
    .zone--event .article__related {
        grid-template-columns: 1fr 1fr 1fr;
        margin-bottom: 3.2rem
    }
}

.zone--event .article__related-featured {
    grid-column: 1/span 3
}

.zone--event .article__related-featured__related:nth-child(2) {
    padding-right: 1.6rem
}

.zone--homepage {
    padding-top: 3.2rem
}

@media(min-width:1024px) {
    .zone--homepage {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 30rem;
        grid-template-rows: auto auto auto;
        grid-column-gap: 2.4rem;
        box-shadow: 0 .2rem #f5f6f8 inset, .15rem 0 #f5f6f8 inset, -.15rem 0 #f5f6f8 inset
    }
}

.zone--sectionroll {
    padding-top: 0
}

@media(min-width:1024px) {
    .zone--sectionroll {
        box-shadow: .15rem 0 #f5f6f8 inset, -.15rem 0 #f5f6f8 inset
    }
}

@media(min-width:1024px) {
    .zone--friendship {
        box-shadow: .15rem 0 #f5f6f8 inset, -.15rem 0 #f5f6f8 inset;
        padding-bottom: 1rem
    }
}

@media(min-width:1024px) {
    .zone--friendship .area {
        border-top: .1rem solid #d5d8dc;
        padding-top: 2.4rem;
        margin-bottom: 0;
        margin-top: 3.2rem
    }
}

@media(min-width:1024px) {
    .zone--friendship .area--section .area__title {
        margin-bottom: 2rem
    }
    .zone--friendship .area--section .area__title:hover {
        text-decoration: none;
        cursor: default
    }
}

@media(min-width:1024px) {
    .zone--friendship .bd__bloc--inline {
        padding-top: 0
    }
    .zone--friendship .bd__bloc--inline:first-of-type {
        padding-top: 0
    }
}

.zone--banniere {
    padding-top: 4rem
}

.area__title--selection {
    padding-bottom: 2.4rem
}

@media(min-width:1024px) {
    .area__title--selection {
        padding-bottom: 0
    }
}

.area--main {
    padding-top: 0;
    border-top: 0
}

@media(min-width:1024px) {
    .area--main {
        grid-column: 1/span 2;
        order: 1
    }
}

.area--headlines {
    border-bottom: .1rem solid #d5d8dc
}

@media(min-width:768px) {
    .area--headlines {
        border-bottom: 0
    }
}

@media(min-width:1024px) {
    .area--headlines {
        grid-column: 3/4;
        order: 2;
        padding-top: 0;
        border-top: 0
    }
}

@media(min-width:1024px) {
    .area--runner {
        grid-column: 1/4;
        grid-row: 2/auto;
        order: 3;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-column-gap: 3.2rem
    }
}

.area--runner .article__extra--embed {
    bottom: 1rem;
    left: 1rem
}

.area--runner .article__extra--embed .icon__podcast {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='40' height='40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_d)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M20 38c9.941 0 18-8.059 18-18S29.941 2 20 2 2 10.059 2 20s8.059 18 18 18zm-3.652-24.348a3.652 3.652 0 017.304 0v.313h-3.391v1.566h3.391v1.565h-3.391v1.565h3.391v2.295a3.652 3.652 0 01-7.304 0v-7.304zm8.87 6.835c.432 0 .782.35.782.783a6.001 6.001 0 01-5.283 5.957v1.98h2.451c.46 0 .832.336.832.75 0 .38-.313.694-.719.744l-.113.006h-6.336c-.46 0-.832-.335-.832-.75 0-.38.313-.693.719-.743l.113-.007h2.385V27.22A6.001 6.001 0 0114 21.269a.783.783 0 011.565 0 4.435 4.435 0 108.87 0c0-.432.35-.782.782-.782z' fill='%23fff' fill-opacity='.95'/%3E%3C/g%3E%3Cg filter='url(%23filter1_i)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M20 10a3.652 3.652 0 00-3.652 3.652v7.304a3.652 3.652 0 007.304 0v-2.295h-3.391v-1.565h3.391V15.53h-3.391v-1.565h3.391v-.313A3.652 3.652 0 0020 10zm6 11.27a.783.783 0 00-1.565 0 4.435 4.435 0 11-8.87 0 .783.783 0 00-1.565 0 6.001 6.001 0 005.217 5.949v1.988h-2.385l-.113.007c-.406.05-.719.364-.719.743 0 .415.372.75.832.75h6.336l.113-.006c.406-.05.719-.364.719-.744 0-.414-.372-.75-.832-.75h-2.45v-1.98A6.001 6.001 0 0026 21.27z' fill='%23000' fill-opacity='.5'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d' x='1' y='1.5' width='38' height='38' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3E%3CfeOffset dy='.5'/%3E%3CfeGaussianBlur stdDeviation='.5'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0'/%3E%3CfeBlend in2='BackgroundImageFix' result='effect1_dropShadow'/%3E%3CfeBlend in='SourceGraphic' in2='effect1_dropShadow' result='shape'/%3E%3C/filter%3E%3Cfilter id='filter1_i' x='14' y='10' width='12' height='21.707' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='1'/%3E%3CfeGaussianBlur stdDeviation='1.5'/%3E%3CfeComposite in2='hardAlpha' operator='arithmetic' k2='-1' k3='1'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0'/%3E%3CfeBlend in2='shape' result='effect1_innerShadow'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
    height: 3rem;
    width: 3rem
}

@media(min-width:1024px) {
    .area--runner .article__extra--embed .icon__podcast {
        height: 4rem;
        width: 4rem
    }
}

@media(max-width:1024px) {
    .area--runner-slider {
        display: grid;
        grid-template-columns: repeat(3, 14rem);
        grid-column-gap: 2.4rem;
        overflow-x: scroll;
        padding-right: 1.6rem
    }
}

@media(min-width:1024px) {
    .area--runner-municipale {
        grid-column: 1/4;
        grid-row: 4/auto;
        order: 3;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-column-gap: 3.2rem
    }
}

.area--featured {
    padding-top: 4rem
}

@media(min-width:1024px) {
    .area--featured {
        grid-row: 1/4;
        grid-column: 4/5;
        order: 4;
        border-top: 0;
        padding-top: 0
    }
}

.area--featured .article--featured {
    margin-bottom: 3.2rem
}

.area--river {
    padding-top: 4rem
}

@media(min-width:1024px) {
    .area--river {
        grid-row: 3/auto;
        grid-column: 1/4;
        order: 6;
        border-top: 0;
        padding-top: 0;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-column-gap: 3.2rem
    }
}

.area--river .friend--mobile+.article {
    border: 0;
    margin-top: 0
}

@media(min-width:1024px) {
    .area--river .friend--mobile+.article {
        border-top: .1rem solid #d5d8dc
    }
}

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

@media(min-width:1024px) {
    .area--river .article--testimony {
        padding-bottom: 2.4rem
    }
}

.area--river .article--testimony:nth-of-type(1) {
    padding-top: 2.4rem;
    border-top: .1rem solid #d5d8dc;
    margin-top: 0
}

.area--river .article--testimony+.article {
    margin-top: 0
}

@media(min-width:1024px) {
    .area--river-double {
        grid-template-columns: repeat(2, 1fr)
    }
    .area--river-double .bd__content--inline {
        grid-column: 1/3
    }
    .area--river-double .friend--wide {
        grid-column: 1/span 2
    }
    .area--river-double .message--supportus {
        grid-column: 1/span 2
    }
}

.area--river-municipale {
    padding-top: 4rem
}

@media(min-width:1024px) {
    .area--river-municipale {
        grid-row: 5/auto;
        grid-column: 1/4;
        order: 6;
        border-top: 0;
        padding-top: 0;
        display: grid;
        grid-column-gap: 3.2rem
    }
}

.area--section {
    border-top: .2rem solid #2a303b;
    padding-top: 2.8rem
}

.area--section:not(:last-of-type) {
    margin-bottom: 4rem
}

@media(min-width:1024px) {
    .area--section {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-template-rows: auto auto;
        grid-column-gap: 3.2rem;
        padding-top: 3.2rem
    }
}

@media(min-width:1024px) {
    .area--section>:first-child {
        grid-row: 1/2;
        grid-column: 1/span 3
    }
}

.area--section .article {
    margin-top: 0;
    border-top: 0;
    padding-top: 0;
    grid-row: 2/3
}

.area--section .article--opinion {
    margin-top: 2.4rem
}

@media(min-width:1024px) {
    .area--section .article--opinion {
        margin-top: 0
    }
}

.area--section .article--featured {
    border-bottom: .1rem solid #d5d8dc
}

@media(min-width:1024px) {
    .area--section .article--featured {
        border-bottom: .1rem solid rgba(0, 0, 0, .09)
    }
}

.area--section .article--featured:not(:last-child) {
    margin-bottom: 5.4rem
}

@media(min-width:768px) {
    .area--section .article--featured:not(:last-child) {
        margin-bottom: 0
    }
}

.area--section .icon__premium {
    width: 2.4rem;
    height: 1.6rem;
    margin-top: .2rem
}

.area--section .icon__premium.icon--outside {
    margin-top: .6rem
}

.area--section .area__title {
    color: #2a303b;
    font-size: 2.2rem;
    font-weight: 800;
    line-height: 1.3;
    margin-bottom: 1.6rem;
    text-decoration: none
}

.area--section .area__title {
    font-family: Georgia, Droid-serif, serif
}

html.fonts-loaded .area--section .area__title {
    font-family: "The Antiqua B", Georgia, Droid-serif, serif
}

.area--section .area__title a:hover,
.area--section .area__title h4:hover {
    text-decoration: underline;
    cursor: pointer
}

.area--section .area__title--bd {
    color: #8b92a1
}

@media(min-width:1024px) {
    .area--top-article {
        grid-template-columns: auto auto;
        grid-template-rows: auto auto;
        grid-column-gap: 3.2rem
    }
}

@media(min-width:1024px) {
    .area--top-article>:first-child {
        grid-row: 1/2;
        grid-column: 1/span 2
    }
}

@media(min-width:1024px) {
    .area--top-article>:last-child {
        grid-row: 2/3;
        grid-column: 1/span 2
    }
}

@media(min-width:1024px) {
    .area--videos {
        grid-template-columns: 1fr 1fr 1fr;
        grid-template-rows: auto auto;
        grid-column-gap: 3.2rem
    }
}

@media(min-width:1024px) {
    .area--videos>:first-child {
        grid-row: 1/2;
        grid-column: 1/span 3
    }
}

.area--videos .article {
    margin-top: 0;
    border-top: 0;
    padding-top: 0;
    grid-row: 2/3
}

.area--videos .area__title {
    font-size: 2.2rem;
    font-weight: 800;
    line-height: 1.3;
    margin-bottom: 1.6rem;
    text-decoration: none
}

.area--videos .area__title {
    font-family: Georgia, Droid-serif, serif
}

html.fonts-loaded .area--videos .area__title {
    font-family: "The Antiqua B", Georgia, Droid-serif, serif
}

.area--ops {
    display: none
}

@media(min-width:1024px) {
    .area--ops {
        padding-top: 1.6rem;
        grid-template-rows: auto auto auto;
        display: grid;
        grid-column-gap: 3.2rem
    }
}

.area--ops .area__title {
    color: #8b92a1;
    font-size: 1.6rem;
    display: flex;
    margin-bottom: 1.6rem;
    align-items: center
}

.area--ops .area__title {
    font-family: "Helvetica Neue", Helvetica, Arial, Roboto, sans-serif
}

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

.area--ops .area__title .infos-ops {
    margin-left: .8rem
}

@media(min-width:1200px) {
    .main--abo .podcast__main {
        grid-column: 2/4;
        grid-row: 1
    }
}

@media(min-width:1200px) {
    .main--abo .services--home {
        grid-template-columns: 18.5rem 1fr 1fr 1fr;
        grid-template-rows: auto;
        padding-top: 4rem
    }
    .main--abo .services--home .services__link {
        grid-column: 1/2
    }
    .main--abo .services--home .bd__bloc--services {
        grid-column: 2/5
    }
}

@media(min-width:1024px) {
    .main--abo .area--main .article--related .article__title {
        font-size: 1.5rem
    }
    .main--abo .area--main .article--related .article__media-container {
        width: 9rem
    }
    .main--abo .area--river,
    .main--abo .area--runner {
        grid-column-gap: 2.4rem
    }
    .main--abo .area--river .article__media-container {
        width: 11rem
    }
}

@media(min-width:1200px) {
    .main--abo .area--main .article--related .article__title {
        font-size: 1.4rem;
        line-height: 1.29
    }
    .main--abo .area--main .article--related .article__media-container {
        width: 7.5rem
    }
    .main--abo .area .article--main .article__title {
        font-size: 3.2rem;
        line-height: 1.13
    }
    .main--abo .area .article--related .article__media {
        max-width: 9rem
    }
    .main--abo .area .article__related,
    .main--abo .area .article__related-featured {
        grid-column-gap: 3.2rem
    }
    .main--abo .area .article--river .main--abo .area .article__title {
        line-height: 1.25;
        font-size: 1.6rem
    }
    .main--abo .area .article--river .main--abo .area .article__media-container {
        max-width: 9rem
    }
    .main--abo .area--river,
    .main--abo .area--runner {
        grid-column-gap: 3.2rem
    }
    .main--abo .area .logo__guides-d-achat,
    .main--abo .area .logo__selection {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='274' height='31' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.42 30.6c2.6 0 5.1-1.4 6.3-4.4h.1l.6 3.7h3.4V15.3h-8.4v4.8h2.7v.9c0 2.6-1 4.2-2.6 4.2-2.3 0-3.7-2.7-3.7-7.5V14c0-5.2.9-7.9 3.2-7.9 1.7 0 2.6 1.6 2.6 4.6l6-1.3c-.6-5.2-3.5-8.7-8.9-8.7C4.62.7.92 5.9.92 14.4v3c0 7.7 3.4 13.2 9.5 13.2zm24.2-.1c6.7 0 9.6-3 9.6-8.4V1.4h-5.8v19.2c0 2.7-.7 4-2.9 4-2.1 0-3-1.2-3-3.9V1.4h-7.4v20.4c0 5.3 3.3 8.7 9.5 8.7zm21.9-.5V1.4h-7.2V30h7.2zm15 0c6.9 0 10-4.1 10-12.7V14c0-8.5-3.1-12.6-10-12.6h-9.8V30h9.8zm-1-5.1h-1.6V6.5h1.6c2.3 0 3.2 2 3.2 7.5v3.3c0 5.5-.8 7.6-3.2 7.6zm31.1 5.1v-5.1h-8.6v-6.7h6.3V13h-6.3V6.5h7.8V1.4h-15V30h15.8zm11.7.6c6.6 0 9.7-3.7 9.7-9.3 0-5.3-3.3-7-8.4-9.6-2.5-1.2-3.5-2.2-3.5-3.8 0-1.5.9-2.4 2.4-2.5 2 0 2.9 1.5 3.4 4.3l5.4-1.6c-.6-4.1-2.6-7.5-8.9-7.5-5.7 0-9.1 3.3-9.1 8.4 0 4 1.6 7.2 6.9 9.7 3.3 1.6 4.8 2.2 4.8 4.3 0 1.8-1.1 2.7-2.8 2.7-2.3 0-3.8-1.3-4.3-4.8l-5.4 1.4c1.1 6.1 4.6 8.3 9.8 8.3zm29.5-.6c6.9 0 10-4.1 10-12.7V14c0-8.5-3.1-12.6-10-12.6h-9.9V30h9.9zm-1.1-5.1h-1.6V6.5h1.6c2.3 0 3.2 2 3.2 7.5v3.3c.1 5.5-.7 7.6-3.2 7.6zm14.5-11.6l6-4.7V1.4h-6v5.7h2.9v.5l-2.9 2.1v3.6zm13.4 16.7l1-4.9h6.4l.9 4.9h7.3l-6.7-28.6h-8.5l-6.8 28.6h6.4zm6.3-10.5h-4.2l1.2-5.5 1-5.4h.2l.8 5.4 1 5.5zm21.7 11.1c5.9 0 9-3.7 9.5-10.5l-6.2-.9c-.1 4.3-.9 6-2.9 6-2.3 0-3.4-3-3.4-7.6v-3.2c0-5.4 1-8.3 3.3-8.3 1.6 0 2.9 1.3 2.8 6l6.2-1.2c-.5-7-3.5-10.2-9.3-10.2-7.1 0-10.8 5.1-10.8 13.7v2.5c.1 8.9 3.7 13.7 10.8 13.7zm20.7-.6V18.3h5V30h7.2V1.4h-7.2v11.3h-5V1.4h-7.2V30h7.2zm21.8 0l1-4.9h6.4l.9 4.9h7.3l-6.7-28.6h-8.5l-6.7 28.6h6.3zm6.4-10.5h-4.2l1.1-5.4 1-5.4h.2l.9 5.4 1 5.4zm21.9 10.5V6.8h5.5V1.4h-18.4v5.4h5.5V30h7.4z' fill='%232A303B'/%3E%3C/svg%3E");
        height: 1.7rem;
        width: 15.4rem
    }
    .main--abo .area--section {
        grid-template-columns: 18.5rem 1fr 1fr 1fr;
        grid-template-rows: auto;
        padding-top: 4rem
    }
    .main--abo .area--section>:first-child {
        grid-column: 1/2
    }
    .main--abo .area--section .article {
        grid-row: 1/2
    }
    .main--abo .area--services {
        grid-template-columns: 18.5rem 1fr
    }
    .main--abo .area--videos {
        grid-template-columns: 18.5rem 1fr 1fr 1fr;
        grid-template-rows: auto
    }
    .main--abo .area--videos>:first-child {
        grid-column: 1/2
    }
    .main--abo .area--videos .article--video-main {
        grid-row: 1/2;
        grid-column: 2/span 2
    }
    .main--abo .area--videos .article__video-list {
        grid-row: 1/2
    }
    .main--abo .area--top-article {
        grid-template-columns: 18.5rem auto;
        grid-template-rows: auto
    }
    .main--abo .area--top-article>:first-child {
        grid-column: 1/2
    }
    .main--abo .area--top-article>:last-child {
        grid-column: 2/3;
        grid-row: 1/2
    }
    .main--abo .area--top-article .article {
        grid-row: 1/2
    }
    .main--abo .area--ops>:first-child {
        flex-direction: column;
        align-items: flex-start
    }
    .main--abo .area--ops>:first-child .infos-ops {
        margin-top: .4rem;
        margin-left: 0
    }
    .main--abo .area--ops .ops__content {
        grid-row: 1/2
    }
    .main--abo .area--ops .ops__footer {
        grid-column: 1/span 4
    }
}

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

@media(min-width:1200px) {
    .main--abo .zone--homepage {
        grid-template-columns: 1fr 1fr 1fr 30rem;
        grid-template-rows: auto auto auto;
        grid-column-gap: 3.2rem;
        margin-top: 3.2rem;
        box-shadow: 0 .2rem #f5f6f8 inset, .15rem 0 #f5f6f8 inset, -.15rem 0 #f5f6f8 inset
    }
}

.main--abo .zone--marker+.zone--homepage {
    margin-top: 0;
    padding-top: 0
}

@media(min-width:1024px) {
    .main--abo .zone--marker+.zone--homepage {
        box-shadow: 0 0 #f5f6f8 inset, .15rem 0 #f5f6f8 inset, -.15rem 0 #f5f6f8 inset
    }
}

@media(min-width:1024px) {
    .main--abo .zone--friendship {
        box-shadow: none
    }
}

@media(min-width:1200px) {
    .main--abo .zone--friendship {
        box-shadow: .15rem 0 #f5f6f8 inset, -.15rem 0 #f5f6f8 inset
    }
}

.main--abo .zone--sectionroll {
    margin-top: 4rem
}

@media(min-width:1024px) {
    .main--abo .zone--sectionroll {
        margin-top: 0;
        margin-bottom: 3.2rem;
        box-shadow: none
    }
}

@media(min-width:1200px) {
    .main--abo .zone--sectionroll {
        box-shadow: .15rem 0 #f5f6f8 inset, -.15rem 0 #f5f6f8 inset
    }
}

@media(min-width:1200px) {
    .main--abo .zone--event .area--main .article--related .article__title {
        font-size: 1.6rem;
        line-height: 1.25
    }
}

@media(min-width:1200px) {
    .main--abo .logo__elections-americaines-de-2020 {
        width: 16.8rem;
        height: 1.7rem
    }
}

@media(min-width:1024px) {
    .main--free .area--river,
    .main--free .area--runner {
        grid-column-gap: 2.4rem
    }
    .main--free .area--main .article--related .article__title {
        font-size: 1.4rem;
        line-height: 1.29
    }
    .main--free .area--main .article--related .article__media-container {
        width: 7.5rem
    }
    .main--free .area--river-municipale .article__media-container {
        width: 7.5rem
    }
    .main--free .area--river-smaller .article__media-container {
        width: 7.5rem
    }
}

.main--free .zone--sectionroll {
    margin-top: 4rem
}

@media(min-width:1024px) {
    .main--free .zone--sectionroll {
        margin-top: 0;
        margin-bottom: 3.2rem;
        margin-bottom: 0
    }
}

@media(min-width:1024px) {
    .main--free .zone--homepage {
        padding-top: 2.4rem
    }
}

@media(min-width:1024px) {
    .main--free .zone--marker {
        margin-top: 0;
        padding: 2.4rem 1.6rem 0
    }
    .main--free .zone--marker+.zone--homepage {
        box-shadow: 0 0 #f5f6f8 inset, .15rem 0 #f5f6f8 inset, -.15rem 0 #f5f6f8 inset
    }
}

.main--free .zone--digiteka {
    padding-top: 0
}

.main--free .article--river .main--free .article__title {
    font-size: 1.6rem;
    line-height: 1.29;
    letter-spacing: -.2px
}

.main--free .article--river .main--free .article__media-container {
    width: 9rem
}

.teaser--blog {
    display: flex;
    flex-direction: column;
    padding-top: 2rem;
    margin-top: 2rem;
    border-top: .1rem solid #d5d8dc
}

.teaser--blog:first-of-type {
    border: 0;
    margin: 0;
    padding: 0
}

.teaser--blog:hover .teaser__title {
    text-decoration: underline
}

@media(min-width:1024px) {
    .teaser--blog {
        border: 0;
        margin: 0;
        padding: 0
    }
}

.teaser--blog .teaser__media-container {
    padding-top: 66.66%;
    display: block;
    position: relative;
    border: .1rem solid #e2e4e9
}

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

.teaser--blog .teaser__kicker {
    color: #2a303b;
    letter-spacing: .13rem;
    font-size: 1.3rem;
    line-height: 1.15;
    font-weight: 500;
    text-transform: uppercase;
    margin-top: 1.2rem
}

.teaser--blog .teaser__kicker {
    font-family: DINCondensed-Bold, "Roboto Condensed", "Arial Narrow", sans-serif
}

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

.teaser--blog .teaser__title {
    color: #2a303b;
    font-weight: 700;
    font-size: 1.6rem;
    line-height: 1.25;
    margin-top: .8rem
}

.teaser--blog .teaser__title {
    font-family: Georgia, Droid-serif, serif
}

html.fonts-loaded .teaser--blog .teaser__title {
    font-family: "The Antiqua B", Georgia, Droid-serif, serif
}

.icon__arrow-right {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='%23666e80'%3E%3Cpath fill-rule='evenodd' d='M8 6.063L9.063 5l5.312 5.313-5.313 5.312L8 14.562l4.217-4.25z'/%3E%3C/svg%3E");
    height: 1.8rem;
    width: 1.8rem
}

.icon__arrow-right--focus {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='%232A303B'%3E%3Cpath fill-rule='evenodd' d='M8 6.063L9.063 5l5.312 5.313-5.313 5.312L8 14.562l4.217-4.25z'/%3E%3C/svg%3E")
}

.icon__arrow-right--disabled {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='%23D5D8DC'%3E%3Cpath fill-rule='evenodd' d='M8 6.063L9.063 5l5.312 5.313-5.313 5.312L8 14.562l4.217-4.25z'/%3E%3C/svg%3E")
}

.icon__user {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='21'%3E%3Cpath fill='%23fff' d='M16.94 18.18c-.04.06-.1.1-.16.14A9.946 9.946 0 0110 20.99c-2.62 0-5-1.02-6.78-2.67a1.07 1.07 0 01-.16-.14A9.983 9.983 0 010 11C0 5.49 4.49 1 10 1s10 4.49 10 10c0 2.82-1.18 5.37-3.06 7.18zM1.25 11c0 2.05.71 3.93 1.89 5.42.54-1.75 2.09-3.12 4.19-3.75a4.559 4.559 0 01-1.89-3.69A4.57 4.57 0 0110 4.42c2.52 0 4.56 2.04 4.56 4.56 0 1.52-.75 2.86-1.89 3.69 2.1.63 3.65 2 4.19 3.75A8.698 8.698 0 0018.75 11c0-4.82-3.92-8.75-8.75-8.75-4.82 0-8.75 3.93-8.75 8.75zM10 12.29c1.83 0 3.31-1.48 3.31-3.31A3.32 3.32 0 0010 5.67c-1.83 0-3.31 1.48-3.31 3.31A3.32 3.32 0 0010 12.29zm0 7.46c2.23 0 4.26-.85 5.81-2.22-.19-2.29-2.62-3.99-5.81-3.99-3.19 0-5.62 1.7-5.81 3.99A8.703 8.703 0 0010 19.75z'/%3E%3C/svg%3E")
}

.icon__clock {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg height='18' width='18' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' d='M2.233 2.312A9 9 0 111.5 14.948l1.063-1.064A7.5 7.5 0 103.23 3.433l.36.412 2.456 2.5H0V0l2.233 2.312zM8.61 5.365v3.76l3.077 1.88-.62 1.067-3.802-2.285V5.365z'/%3E%3Cmask id='b' fill='%23fff'%3E%3Cuse fill-rule='evenodd' xlink:href='%23a'/%3E%3C/mask%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cuse fill='%232a303b' xlink:href='%23a'/%3E%3Cg fill='%230070b2' mask='url(%23b)'%3E%3Cpath d='M-4-3h24v24H-4z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    width: 1.8rem;
    height: 1.8rem
}

.icon__reading-time {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg height='24' width='12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 17.688c.853 0 1.637-.213 2.352-.64a4.657 4.657 0 001.68-1.696A4.592 4.592 0 0010.656 13c0-.853-.208-1.637-.624-2.352a4.696 4.696 0 00-1.68-1.68A4.592 4.592 0 006 8.344c-.853 0-1.637.208-2.352.624a4.696 4.696 0 00-1.68 1.68A4.592 4.592 0 001.344 13c0 .853.208 1.637.624 2.352s.976 1.28 1.68 1.696c.715.427 1.499.64 2.352.64zm4.688-8.4a6.03 6.03 0 01.96 1.712c.235.64.352 1.307.352 2a5.875 5.875 0 01-.816 3.024 5.99 5.99 0 01-2.16 2.16A5.875 5.875 0 016 19a5.875 5.875 0 01-3.024-.816 5.99 5.99 0 01-2.16-2.16A5.875 5.875 0 010 13c0-1.088.272-2.096.816-3.024a5.99 5.99 0 012.16-2.16A5.875 5.875 0 016 7a5.76 5.76 0 012.016.368c.619.235 1.195.56 1.728.976l.944-.976c.299.245.613.56.944.944zm-5.344 4.4v-4h1.312v4zM8 5v1.344H4V5z' fill='%23717b8e' fill-rule='evenodd'/%3E%3C/svg%3E");
    width: 1.2rem;
    height: 2.4rem;
    margin-right: .8rem
}

.icon__home {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 4l8 7.77-1.505 1.46L12 6.926 5.505 13.23 4 11.769 12 4zM6.287 19v-4.983L12 8.615l5.713 5.402V19H13.63v-4.529h-3.262V19H6.286z' fill='%232A303B' fill-rule='evenodd'/%3E%3C/svg%3E");
    width: 2.4rem;
    height: 2.4rem
}

.icon__search {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg height='15' width='16' xmlns='http://www.w3.org/2000/svg' fill='%23000b15'%3E%3Cpath d='M15.471 13.408l-2.817-2.824c-.025-.025-.058-.035-.086-.057a6.532 6.532 0 001.334-3.957A6.572 6.572 0 007.33 0a6.571 6.571 0 100 13.141c1.49 0 2.86-.502 3.963-1.338.023.028.033.062.06.088l2.818 2.823c.372.373.964.382 1.323.021.36-.36.35-.955-.022-1.327zm-8.156-2.166a4.687 4.687 0 114.687-4.686 4.686 4.686 0 01-4.687 4.686z' fill-rule='evenodd'/%3E%3C/svg%3E")
}

.icon__calendar {
    margin-right: 1rem;
    margin-top: .1rem;
    width: 1.5rem;
    height: 1.5rem;
    vertical-align: top;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='15' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform='translate(1 1)' stroke='%23383F4E' fill='none' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect stroke-width='1.7' y='1.387' width='12.48' height='12.48' rx='1.5'/%3E%3Cpath d='M9.013 0v2.773M3.467 0v2.773' stroke-width='1.5'/%3E%3Cpath d='M0 5.547h11.5' stroke-width='1.7'/%3E%3C/g%3E%3C/svg%3E")
}

.icon__warning-blue {
    background-repeat: no-repeat;
    padding-left: 65px;
    min-height: 50px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg height='50' width='50' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd' transform='translate(1 1)'%3E%3Cpath d='M22.248 29.594L21 16.88V11h5.195v5.88l-1.23 12.714zm-1.043 6.46V31.25h4.802v4.804z' fill='%23129af0'/%3E%3Ccircle cx='24' cy='24' r='24' stroke='%23129af0'/%3E%3C/g%3E%3C/svg%3E")
}

.icon__invalide {
    background-repeat: no-repeat;
    padding-left: 65px;
    min-height: 50px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='52' height='52'%3E%3Cg fill='%23d50303' fill-rule='evenodd'%3E%3Cpath d='M21.05 26.226l-7.554-7.555 5.175-5.174 7.556 7.555 7.496-7.495 5.037 5.037-7.498 7.496 7.575 7.575-5.174 5.174-7.575-7.575-7.496 7.497-5.037-5.038'/%3E%3Cpath d='M26 51.5c14.083 0 25.5-11.417 25.5-25.5S40.083.5 26 .5.5 11.917.5 26 11.917 51.5 26 51.5zm0-3C13.574 48.5 3.5 38.426 3.5 26S13.574 3.5 26 3.5 48.5 13.574 48.5 26 38.426 48.5 26 48.5z'/%3E%3C/g%3E%3C/svg%3E")
}

.icon__warning {
    background-repeat: no-repeat;
    padding-left: 65px;
    min-height: 50px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg height='50' width='50' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd' transform='translate(1 1)'%3E%3Cpath d='M22.248 29.594L21 16.88V11h5.195v5.88l-1.23 12.714zm-1.043 6.46V31.25h4.802v4.804z' fill='%23f6a623'/%3E%3Ccircle cx='24' cy='24' r='24' stroke='%23f6a623'/%3E%3C/g%3E%3C/svg%3E")
}

.icon__premium {
    background-image: url("../img/abonnement.PNG");
    height: 1.8rem;
    width: 2.6rem;
    vertical-align: sub
}

.icon__cross {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M16 1.46L14.54 0 8 6.54 1.46 0 0 1.46 6.54 8 0 14.54 1.46 16 8 9.46 14.54 16 16 14.54 9.46 8 16 1.46z'/%3E%3C/svg%3E")
}

.icon__label-alert {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg height='17' width='45' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Crect fill='%23be1514' height='17' rx='2' width='37'/%3E%3Cpath d='M7.22 6.942l-.638 2.873h1.846L7.83 6.942l-.273-1.469h-.052zM9.103 13l-.429-2.015H6.322L5.88 13H4.606l2.236-9.36H8.39L10.587 13zm2.537 0V3.354h1.352V13zm5.07-6.006c-.688 0-.961.741-.987 2.015h1.937c0-1.391-.3-2.015-.95-2.015zM19 10.881c-.182 1.274-.832 2.249-2.21 2.249-1.586 0-2.496-1.313-2.496-3.25v-.585c.012-1.742.857-3.25 2.43-3.25 1.521 0 2.314 1.222 2.314 3.445 0 .091-.013.273-.013.273h-3.302v.117c0 1.378.286 2.301 1.183 2.301.728 0 1.027-.663 1.144-1.599zM20.3 13V6.175h1.21l.077 1.443h.052c.247-1.053.702-1.573 1.248-1.573.182 0 .338.065.43.13v1.404a1.112 1.112 0 00-.443-.091c-.65 0-1.222.728-1.222 1.95V13zm6.28 0c-.441 0-.805-.052-1.052-.169-.455-.195-.663-.559-.663-1.391V7.189h-.871V6.175h.884V4.108h1.339v2.067H27.4v1.014h-1.183v4.043c0 .299.039.546.26.663.13.078.299.104.494.104h.52V13zm4.279-6.006c-.69 0-.963.741-.989 2.015h1.937c0-1.391-.298-2.015-.948-2.015zm2.287 3.887c-.182 1.274-.832 2.249-2.21 2.249-1.586 0-2.496-1.313-2.496-3.25v-.585c.013-1.742.858-3.25 2.431-3.25 1.521 0 2.314 1.222 2.314 3.445 0 .091-.013.273-.013.273h-3.301v.117c0 1.378.286 2.301 1.183 2.301.728 0 1.027-.663 1.144-1.599z' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E");
    width: 4.5rem;
    height: 1.7rem
}

.icon__label-live,
.icon__label-live-hero {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg height='17' width='45' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Crect fill='%23be1514' height='17' rx='2' width='37'/%3E%3Cpath d='M8 12.594V4h1.728v7.165h2.593v1.429zm5.95 0V4h1.728v8.594zm5.241.024L17.247 4h1.848l.925 4.705.264 1.62h.036l.276-1.62L21.544 4h1.512l-1.944 8.618zm5.374-.024V4h4.225v1.284h-2.496v2.353h2.04v1.272h-2.04v2.4h2.736v1.285z' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E");
    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("data:image/svg+xml;charset=utf-8,%3Csvg height='24' width='52' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Crect fill='%23be1514' height='24' rx='2' width='52'/%3E%3Cpath d='M13 16.972V7h2.006v8.315h3.008v1.657zm7.384 0V7h2.005v9.972zm6.561.028L24.69 7h2.145l1.072 5.46.307 1.88h.042l.32-1.88 1.1-5.46h1.755l-2.256 10zm6.716-.028V7h4.902v1.49h-2.897v2.73h2.368v1.476h-2.368v2.786h3.176v1.49z' fill='%23fff' fill-rule='nonzero'/%3E%3C/g%3E%3C/svg%3E")
}

.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("data:image/svg+xml;charset=utf-8,%3Csvg height='24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.233 5.312A9 9 0 115.5 17.948l1.063-1.064A7.5 7.5 0 107.23 6.433l.36.412 2.456 2.5H4V3zm6.377 3.053v3.76l3.077 1.88-.62 1.067-3.802-2.285V8.365z' fill='%232a303b' fill-rule='evenodd'/%3E%3C/svg%3E")
}

.icon__avatar {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd' opacity='.35'%3E%3Ccircle fill='%238B92A1' cx='8' cy='8' r='8'/%3E%3Cpath d='M8.205 8.755c-1.638 0-2.965-1.92-2.965-3.557a2.965 2.965 0 115.93 0c0 1.637-1.328 3.557-2.965 3.557zM2.48 12.312c.253-.794.82-1.401 1.702-1.823.881-.422 2.178-.665 3.889-.73 1.607.016 2.903.259 3.888.73.986.471 1.553 1.079 1.702 1.823-1.458 1.62-3.322 2.43-5.59 2.43-2.269 0-4.132-.81-5.59-2.43z' fill='%23FAFBFC'/%3E%3C/g%3E%3C/svg%3E")
}

.logo__lemonde {
    background-image: url("../img/logo.png");
    height: 3rem;
    width: 13.8rem
}

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

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


.User__avatar,
.icon__nav-my-account {
    width: 2.4rem;
    height: 2.4rem;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg' fill='%232A303B'%3E%3Cpath d='M12 21a9 9 0 110-18 9 9 0 010 18zm0-2.2a6.195 6.195 0 003.146-.85 6.61 6.61 0 002.354-2.17c-.015-.567-.36-1.09-1.034-1.567-.587-.403-1.335-.73-2.244-.984-.821-.224-1.566-.336-2.233-.336s-1.412.112-2.233.336c-.91.253-1.65.581-2.222.984-.675.478-1.02 1-1.034 1.566a6.61 6.61 0 002.354 2.17A6.262 6.262 0 0012 18.8zm0-12.1a2.62 2.62 0 00-1.364.38 2.814 2.814 0 00-1.012 1.03c-.25.432-.374.895-.374 1.387s.125.954.374 1.387c.25.433.587.776 1.012 1.03.425.253.88.38 1.364.38a2.62 2.62 0 001.364-.38 2.814 2.814 0 001.012-1.03c.25-.433.374-.895.374-1.387s-.125-.955-.374-1.387a2.814 2.814 0 00-1.012-1.03A2.62 2.62 0 0012 6.7z' fill-rule='evenodd'/%3E%3C/svg%3E")
}

.icon__nav-connexion {
    width: 2.4rem;
    height: 2.4rem;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg height='24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%232a303b' fill-rule='evenodd'%3E%3Cpath d='M7.049 6.601l-1.061-1.06A9 9 0 115.5 17.948l1.063-1.064A7.5 7.5 0 107.05 6.601z'/%3E%3Cpath d='M3.865 10.794V7.5L8 11.5l-4.135 4v-3.206H-1v-1.5zM12.5 18a5.632 5.632 0 002.86-.773 6.01 6.01 0 002.14-1.973c-.013-.515-.327-.99-.94-1.424-.533-.366-1.213-.664-2.04-.895-.747-.203-1.423-.305-2.03-.305s-1.283.102-2.03.305c-.827.23-1.5.529-2.02.895-.613.434-.927.909-.94 1.424a6.01 6.01 0 002.14 1.973c.907.515 1.86.773 2.86.773zm0-11c-.44 0-.853.115-1.24.346-.387.23-.693.542-.92.935-.227.394-.34.814-.34 1.262 0 .447.113.867.34 1.26.227.394.533.706.92.936a2.387 2.387 0 002.48 0c.387-.23.693-.542.92-.935.227-.394.34-.814.34-1.261 0-.448-.113-.868-.34-1.262a2.558 2.558 0 00-.92-.935c-.387-.23-.8-.346-1.24-.346z'/%3E%3C/g%3E%3C/svg%3E")
}

.icon__verification-search {
    width: 2.4rem;
    height: 2.4rem;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg height='20' width='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.727 16.84l-.12-.122-4.823-4.82a7.903 7.903 0 001.07-3.923A7.928 7.928 0 007.977 0h-.053A7.928 7.928 0 000 7.873a7.928 7.928 0 007.876 7.977h.052a7.89 7.89 0 003.992-1.08l4.817 4.817.122.12a.93.93 0 001.317 0l1.55-1.55a.932.932 0 000-1.318zm-11.84-3.012a5.91 5.91 0 01-5.865-5.942c.02-3.233 2.67-5.866 5.903-5.866h.04a5.864 5.864 0 014.164 1.757 5.866 5.866 0 011.7 4.185 5.868 5.868 0 01-1.74 4.15 5.87 5.87 0 01-4.162 1.716z' fill='%231f0d67' fill-rule='evenodd'/%3E%3C/svg%3E")
}

.icon__verification-search-grey {
    width: 1.8rem;
    height: 2.4rem;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='14' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.788 11.78l-.085-.084h.001l-3.37-3.37A5.539 5.539 0 005.576.011h-.038A5.54 5.54 0 000 5.514a5.54 5.54 0 005.505 5.575h.036c1.017 0 1.97-.276 2.79-.755l3.367 3.367.085.084a.65.65 0 00.921 0l1.084-1.083a.653.653 0 000-.922zM5.513 9.676a4.131 4.131 0 01-4.1-4.153 4.138 4.138 0 014.126-4.1h.028a4.097 4.097 0 012.91 1.228 4.098 4.098 0 011.19 2.925A4.1 4.1 0 018.45 8.477a4.102 4.102 0 01-2.908 1.199h-.028z' fill='%239BA2A3' fill-rule='evenodd'/%3E%3C/svg%3E")
}

.icon__qwant {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='21' height='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3ClinearGradient x1='0%25' y1='50%25' y2='50%25' id='a'%3E%3Cstop stop-color='%23FFDA12' offset='0%25'/%3E%3Cstop stop-color='%23EFE333' offset='100%25'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg fill='none'%3E%3Cpath d='M16.202 19.198c.092.192.185.476.383.589.147.06.306.08.463.06h2.871a.47.47 0 00.417-.689c-.179-.343-.364-.68-.543-1.025L18.69 16.05a1.055 1.055 0 01-.14-.305s-.039-.066.014-.244c.053-.133.721-1.449.76-1.581.272-.84 3.573-8.798-5.794-9.611a6.667 6.667 0 012.203 2.117 6.553 6.553 0 01.007 7.037 6.487 6.487 0 01-1.178 1.376.688.688 0 00-.244.304.458.458 0 00.02.338l1.865 3.717z' fill='%234BA2EA'/%3E%3Cpath d='M.221 8.8c1.508-1.025 3.03-1.091 3.506.324a.297.297 0 00-.007.073 6.538 6.538 0 007.415 7.236c.145-.02.284-.046.43-.072a.863.863 0 01.317-.027c.166 2.024-6.184 2.553-10.113-2.289C.796 12.848.327 10.434.22 8.8' fill='%23FF3B4A'/%3E%3Cpath d='M19.833 12.895c-.16.507-.36 1-.602 1.475l-.152.29c-.073.133-.152.272-.232.404a2.4 2.4 0 00-.284.47l.007-.027c.053-.132.1-.266.139-.403a8.7 8.7 0 00-5.18-10.789c-.033-.02-.06-.033-.092-.052.251.132-1.19-3.5 1.806-3.03.125.066.25.139.377.212a9.615 9.615 0 013.982 4.703c.428 1.11.656 2.288.674 3.479a10.106 10.106 0 01-.443 3.268z' fill='%2365CEE7'/%3E%3Cpath d='M16.043 2.708a1.772 1.772 0 01-2.606 1.554 6.647 6.647 0 00-2.646-.82 6.429 6.429 0 00-3.367.602A6.584 6.584 0 004.93 6.101a6.653 6.653 0 00-1.17 2.772C.539 4.93 7.153-1.42 14.575.969c.125.033.257.072.383.112.093.046.192.093.285.145h.006c.496.33.795.886.794 1.482z' fill='%2387C966'/%3E%3Cpath d='M14.918 1.061a2.03 2.03 0 00-.343-.092 8.647 8.647 0 00-1.72-.285c-.172-.013-.344-.013-.523-.013A8.622 8.622 0 003.76 8.873a.519.519 0 00-.013.092l-.02.153a1.769 1.769 0 01-1.74 1.442h-.053a1.764 1.764 0 01-1.7-1.991 9.797 9.797 0 01.887-3.01 9.464 9.464 0 012.004-2.778A10.168 10.168 0 015.955.869 10.045 10.045 0 019.297.036a11.772 11.772 0 011.991.013c.466.04.927.113 1.383.218a10.12 10.12 0 012.248.794z' fill='url(%23a)'/%3E%3Cpath d='M13.338 19.185c-.093.265-.364.31-.609.37a9.84 9.84 0 01-.88.172c-.535.08-1.078.113-1.614.14a8.998 8.998 0 01-1.686-.107 11.224 11.224 0 01-1.74-.396 9.542 9.542 0 01-3.671-2.17 9.38 9.38 0 01-1.442-1.746A9.7 9.7 0 01.4 12.332a11.333 11.333 0 01-.186-3.505V8.8a8.555 8.555 0 007.918 8.05c.231.02.463.026.701.026a8.592 8.592 0 003.043-.549.458.458 0 01.33.271c.219.43.437.86.649 1.297.006.013.013.033.02.046.112.219.218.444.33.662.1.185.212.364.133.582z' fill='%23AF27CC'/%3E%3C/g%3E%3C/svg%3E");
    width: 1.8rem;
    height: 2.4rem;
    position: absolute;
    top: 4px;
    left: 6px
}

.icon__powered-qwant {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='143' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Ctext font-family='MarrSans-Regular, Marr Sans' font-size='13' fill='%23C8CBD3' transform='translate(-1)'%3E%3Ctspan x='0' y='15'%3EPowered by%3C/tspan%3E%3C/text%3E%3Cpath d='M142.683 15.506v.014a.298.298 0 01-.194.272 4.818 4.818 0 01-.916.304l-.083.02a6.843 6.843 0 01-1.569.169 3.835 3.835 0 01-2.892-.999 4.251 4.251 0 01-.946-3.048v-4.37h-1.777a.309.309 0 01-.246-.31V5.831a.307.307 0 01.31-.31h1.713v-2.53a.305.305 0 01.311-.298h2.218c.16.004.293.126.311.286v2.554h2.944a.312.312 0 01.31.298v1.751a.309.309 0 01-.285.298h-2.982v3.865c-.05.544.078 1.09.363 1.556.325.341.789.514 1.258.467.487.001.97-.087 1.426-.26.01 0 .021-.001.032-.005a.295.295 0 00.046-.02.167.167 0 01.078-.013c.075 0 .148.027.204.077.057.051.095.12.107.195l.22 1.738v.025c0 .014 0 .014.04 0z' fill='%2311100E' fill-rule='nonzero'/%3E%3Cpath d='M110.809 5.78a.216.216 0 01-.014.091l-1.086 3.27-2.132 6.412-.062.187a.319.319 0 01-.286.182h-2.14a.318.318 0 01-.284-.182l-1.5-4.388-.796-2.33-.52 1.59-1.684 5.141v.013a.303.303 0 01-.273.168h-2.1a.296.296 0 01-.286-.194L95.47 9.157 94.352 5.78a.315.315 0 01.311-.312h2.335c.112.011.21.08.26.182l.988 3.729.865 3.26.88-2.83 1.286-4.146c.05-.115.16-.19.285-.195h1.945a.321.321 0 01.286.182l2.27 7.003 1.395-5.168.485-1.796a.307.307 0 01.298-.22h2.256c.17.002.309.14.312.31zm10.724-.31h-2.114a.32.32 0 00-.311.259v.013l-.026 1.076a3.409 3.409 0 00-1.035-1.04 3.877 3.877 0 00-.353-.205 4.205 4.205 0 00-1.945-.44c-.1 0-.199.002-.297.008a4.57 4.57 0 00-2.296.757 5.19 5.19 0 00-1.777 2.035 5.997 5.997 0 00-.558 1.83 7.008 7.008 0 00-.065.959v.22a6.23 6.23 0 00.636 2.697l.022.043a4.69 4.69 0 001.715 1.902 4.58 4.58 0 002.478.675c.296 0 .592-.021.885-.067a4.09 4.09 0 00.84-.219 3.584 3.584 0 001.75-1.387l.026 1.063a.32.32 0 00.311.273h2.114a.316.316 0 00.311-.312V5.78a.316.316 0 00-.311-.31zm-3.139 7.391a2.604 2.604 0 01-1.996.843 3.44 3.44 0 01-.337-.017 2.575 2.575 0 01-1.66-.826 3.058 3.058 0 01-.778-1.932l-.006-.053a3.309 3.309 0 01.021-.675 3.01 3.01 0 01.75-1.671l.022-.024a2.613 2.613 0 011.988-.82 2.5 2.5 0 01.622.063 2.56 2.56 0 011.44.846c.49.582.744 1.327.713 2.088a3.83 3.83 0 01-.088.84c-.104.5-.343.963-.69 1.338zm15.03-3.268v6.03a.307.307 0 01-.311.311h-2.244a.32.32 0 01-.298-.22v-5.602c0-1.56-.567-2.376-1.703-2.446a2.735 2.735 0 00-.164-.005c-.61-.032-1.2.222-1.595.687a2.414 2.414 0 00-.442.889c-.09.345-.133.7-.128 1.056v5.408a.307.307 0 01-.299.22h-2.243a.316.316 0 01-.311-.31V5.78a.316.316 0 01.311-.312h2.126a.32.32 0 01.312.273l.026 1.037c.293-.515.73-.935 1.257-1.206a4.21 4.21 0 011.907-.415c.498-.007.994.068 1.468.223.529.176.999.494 1.359.919a4.919 4.919 0 01.972 3.293z' fill='%231D1E1C' fill-rule='nonzero'/%3E%3Cpath d='M87.79 15.667c-.078.219-.3.254-.499.304a8.064 8.064 0 01-.719.14c-.438.062-.88.1-1.323.113a7.717 7.717 0 01-1.38-.086 8.42 8.42 0 01-1.42-.326 7.964 7.964 0 01-2.356-1.22 7.666 7.666 0 01-1.83-1.977 7.995 7.995 0 01-1.062-2.543 9.287 9.287 0 01-.153-2.861l.002-.021c.088 1.33.654 3.012 2.868 4.925 2.294 1.983 5.9 1.517 6.676 1.228a.394.394 0 01.27.217c.18.351.354.705.531 1.057l.019.037.271.54a.58.58 0 01.105.473' fill='%23AF27CC' fill-rule='nonzero'/%3E%3Cpath d='M77.052 7.186a1.504 1.504 0 011.542-1.229 1.4 1.4 0 011.318 1.555 5.352 5.352 0 006.073 5.915 5.01 5.01 0 00.35-.06.65.65 0 01.259-.024 7.118 7.118 0 01-3.065.424 6.995 6.995 0 01-6.48-6.578' fill='%23FF3B4A' fill-rule='nonzero'/%3E%3Cpath d='M85.23 0c-.253 0-.506.01-.758.03a8.077 8.077 0 00-5.047 2.243 7.856 7.856 0 00-1.64 2.27 8.042 8.042 0 00-.723 2.458 1.456 1.456 0 001.391 1.627l.045.001c.696 0 1.293-.495 1.422-1.178v-.002l.018-.126V7.32l.012-.078a6.507 6.507 0 012.415-4.539C85.075.286 88.993.831 89.082.866a8.266 8.266 0 00-1.847-.65A9.403 9.403 0 0085.24 0h-.011z'/%3E%3Cpath d='M85.23 0c-.253 0-.506.01-.758.03a8.077 8.077 0 00-5.047 2.243 7.856 7.856 0 00-1.64 2.27 8.042 8.042 0 00-.723 2.458 1.456 1.456 0 001.391 1.627l.045.001c.696 0 1.293-.495 1.422-1.178v-.002l.018-.126V7.32l.012-.078a6.507 6.507 0 012.415-4.539C85.075.286 88.993.831 89.082.866a8.266 8.266 0 00-1.847-.65A9.403 9.403 0 0085.24 0h-.011z' fill='%23FFE600' fill-rule='nonzero'/%3E%3Cpath d='M93.104 10.534a7.983 7.983 0 01-.812 1.771c-.09.12-.168.247-.233.382.257-1.213.299-2.461.123-3.688-.373-2.2-2.954-4.987-4.238-5.476l-.075-.044a1.506 1.506 0 01-.583-1.947c.225-.536 1-.835 2.063-.53a7.74 7.74 0 012.181 1.742 7.908 7.908 0 011.386 2.274c.35.909.538 1.872.555 2.845a8.169 8.169 0 01-.367 2.67' fill='%2365CEE7' fill-rule='nonzero'/%3E%3Cpath d='M90.004 2.21a1.446 1.446 0 01-2.134 1.27 5.472 5.472 0 00-2.164-.67 5.35 5.35 0 00-3.915 1.23 5.34 5.34 0 00-1.84 3.204A7.045 7.045 0 0187.392.558a6.97 6.97 0 011.406.23h.002c.105.029.21.06.312.093.078.038.156.078.233.12l.003.001c.408.266.655.72.655 1.208' fill='%2387C966' fill-rule='nonzero'/%3E%3Cpath d='M90.135 15.682c.078.156.152.389.311.48.12.051.252.069.381.052h2.348a.385.385 0 00.342-.56l-.445-.837-.907-1.703a.881.881 0 01-.113-.25s-.033-.052.013-.197a7.108 7.108 0 00-4.12-9.144 5.342 5.342 0 011.807 7.483 5.408 5.408 0 01-.963 1.124.566.566 0 00-.202.247.395.395 0 00.013.277l1.535 3.028z' fill='%234BA2EA' fill-rule='nonzero'/%3E%3C/g%3E%3C/svg%3E");
    width: 12.4rem;
    height: 2.4rem;
    margin-top: .8rem
}

.icon__favorites {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' fill='%23383f4e'%3E%3Cpath d='M12 16.9l-5.3 3.2 1.4-6-4.6-4 6.1-.6L12 3.9l2.4 5.6 6.1.6-4.6 4 1.4 6z'/%3E%3C/svg%3E");
    width: 2.4rem;
    height: 2.4rem
}

@media(min-width:1024px) {
    .icon__favorites:hover {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' fill='%23ffc700'%3E%3Cpath d='M12 16.9l-5.3 3.2 1.4-6-4.6-4 6.1-.6L12 3.9l2.4 5.6 6.1.6-4.6 4 1.4 6z'/%3E%3C/svg%3E")
    }
}

.icon__share-facebook {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg height='24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 9.96h1.5V8.454c0-.664.017-1.69.483-2.325C11.475 5.457 12.15 5 13.311 5 15.203 5 16 5.278 16 5.278l-.374 2.298S15 7.39 14.417 7.39c-.583 0-1.106.215-1.106.819V9.96h2.392l-.166 2.243H13.31V20H10.5v-7.796H9z' fill-rule='evenodd'/%3E%3C/svg%3E");
    width: 2.4rem;
    height: 2.4rem
}

.icon__share-facebook:hover {
    opacity: .4
}

.icon__share-twitter {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg height='24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.385 6c-1.7 0-3.077 1.47-3.077 3.281 0 .259.027.509.08.749-2.558-.138-4.826-1.443-6.344-3.428a3.436 3.436 0 00-.416 1.65c0 1.137.543 2.143 1.369 2.73a2.915 2.915 0 01-1.394-.41v.041c0 1.59 1.06 2.917 2.468 3.218a2.88 2.88 0 01-1.39.055c.392 1.305 1.528 2.254 2.875 2.28A5.936 5.936 0 015 17.526 8.315 8.315 0 009.718 19c5.66 0 8.756-5.001 8.756-9.337 0-.143-.003-.284-.01-.425A6.503 6.503 0 0020 7.539a5.831 5.831 0 01-1.767.516 3.262 3.262 0 001.353-1.815 5.949 5.949 0 01-1.954.797A2.99 2.99 0 0015.385 6' fill-rule='evenodd'/%3E%3C/svg%3E");
    width: 2.4rem;
    height: 2.4rem
}

.icon__share-twitter:hover {
    opacity: .4
}

.icon__information {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='28' height='28' xmlns='http://www.w3.org/2000/svg' fill='%236C3D04'%3E%3Cpath d='M14 25.667c6.443 0 11.667-5.224 11.667-11.667S20.443 2.333 14 2.333 2.333 7.557 2.333 14 7.557 25.667 14 25.667zM14 28C6.268 28 0 21.732 0 14S6.268 0 14 0s14 6.268 14 14-6.268 14-14 14z'/%3E%3Cpath d='M13 23v-3h3v3zm0-5V6h3v12z'/%3E%3C/svg%3E");
    width: 2rem;
    height: 2rem
}

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

.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__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: Helvetica, Arial, Roboto, sans-serif
}

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

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

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

html.fonts-loaded .btn__post-live {
    font-family: "Marr Sans", Helvetica, 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: 700;
    border: .1rem solid #e9edf0;
    border-radius: .4rem;
    color: #fff;
    background: #2a303b;
    margin-bottom: 4rem;
    cursor: pointer
}

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

html.fonts-loaded .btn__old-post-live {
    font-family: "Marr Sans", Helvetica, 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: Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .btn--send-testimony {
    font-family: "Marr Sans", Helvetica, 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: Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .btn--question-live {
    font-family: "Marr Sans", Helvetica, 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
}

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

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

html.fonts-loaded .button {
    font-family: "Marr Sans", Helvetica, 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("data:image/svg+xml;charset=utf-8,%3Csvg height='24' width='24' xmlns='http://www.w3.org/2000/svg' fill='%232a303b'%3E%3Cpath d='M18.937 6L20.4 7.48 10.2 18.75 4 12.48 5.463 11l4.737 4.816z'/%3E%3C/svg%3E");
    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: transparent;
    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;
    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--gray {
    color: #fff;
    background-color: #026b9c;
    border: .1rem solid #026b9c
}

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

.button--page {
    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
}

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

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

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

@media(min-width:768px) {
    .message--supportus {
        flex-direction: row;
        border-bottom: .1rem solid #a4a9b4;
        margin: 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.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;
    text-decoration: underline;
    width: 100%
}

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

html.fonts-loaded .message--supportus .message__action {
    font-family: "Marr Sans", Helvetica, 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: Helvetica, Arial, Roboto, sans-serif
}

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

.message--cookie p a {
    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("data:image/svg+xml;charset=utf-8,%3Csvg height='15' width='15' xmlns='http://www.w3.org/2000/svg' fill='%23717b8e'%3E%3Cpath d='M5.656 7.07L0 1.414 1.414 0 7.07 5.656 12.726 0l1.414 1.414L8.484 7.07l5.656 5.656-1.414 1.414L7.07 8.484 1.414 14.14 0 12.726z' fill-rule='evenodd'/%3E%3C/svg%3E")
}

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

.message--engagement {
    display: none
}

@media(min-width:1024px) {
    .message--engagement.message--shown {
        display: flex;
        position: fixed;
        height: 4.4rem;
        width: 100%;
        z-index: 5;
        background-color: #ffc700
    }
    .message--engagement.message--shown+.main {
        margin-top: 4rem
    }
}

.message--reminder {
    position: fixed;
    background-color: #ffede9;
    top: 0;
    z-index: 10;
    width: 100%;
    display: none
}

.message--reminder .message__content {
    color: #c20006
}

@media(min-width:1024px) {
    .message--reminder {
        padding: 0 3.2rem
    }
}

.message--reminder-expired {
    background-color: #ed6253
}

.message--reminder-expired .message__content {
    color: snow
}

.message--reminder-on {
    display: block
}

.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: transparent;
    width: auto;
    color: #717b8e;
    border: 0;
    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("data:image/svg+xml;charset=utf-8,%3Csvg height='15' width='15' xmlns='http://www.w3.org/2000/svg' fill='%23717b8e'%3E%3Cpath d='M5.656 7.07L0 1.414 1.414 0 7.07 5.656 12.726 0l1.414 1.414L8.484 7.07l5.656 5.656-1.414 1.414L7.07 8.484 1.414 14.14 0 12.726z' fill-rule='evenodd'/%3E%3C/svg%3E")
}

.message__cross--survey {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg height='15' width='15' xmlns='http://www.w3.org/2000/svg' fill='%23c0bfc7'%3E%3Cpath d='M5.656 7.07L0 1.414 1.414 0 7.07 5.656 12.726 0l1.414 1.414L8.484 7.07l5.656 5.656-1.414 1.414L7.07 8.484 1.414 14.14 0 12.726z' fill-rule='evenodd'/%3E%3C/svg%3E");
    margin-left: 1.6rem
}

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

.message__cross--engagement {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg height='24' width='24' xmlns='http://www.w3.org/2000/svg' fill='%232a303b'%3E%3Cpath d='M10.656 12.07L5 6.414 6.414 5l5.656 5.656L17.726 5l1.414 1.414-5.656 5.656 5.656 5.656-1.414 1.414-5.656-5.656-5.656 5.656L5 17.726z' fill-rule='evenodd'/%3E%3C/svg%3E");
    align-self: center
}

.message__cross--reminder {
    position: fixed;
    top: 2rem;
    right: 1.8rem;
    height: 1.2rem;
    width: 1.2rem;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg height='15' width='15' xmlns='http://www.w3.org/2000/svg' fill='%23be1514'%3E%3Cpath d='M5.656 7.07L0 1.414 1.414 0 7.07 5.656 12.726 0l1.414 1.414L8.484 7.07l5.656 5.656-1.414 1.414L7.07 8.484 1.414 14.14 0 12.726z' fill-rule='evenodd'/%3E%3C/svg%3E")
}

@media(min-width:1024px) {
    .message__cross--reminder {
        right: 3.6rem
    }
}

.message__cross--reminder-expired {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg height='15' width='15' xmlns='http://www.w3.org/2000/svg' fill='snow'%3E%3Cpath d='M5.656 7.07L0 1.414 1.414 0 7.07 5.656 12.726 0l1.414 1.414L8.484 7.07l5.656 5.656-1.414 1.414L7.07 8.484 1.414 14.14 0 12.726z' fill-rule='evenodd'/%3E%3C/svg%3E")
}

.message__cross--engagement,
.message__cross--reminder {
    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: 0 0;
    border: 0;
    text-decoration: underline;
    cursor: pointer;
    display: flex;
    align-items: center;
    padding: 0;
    margin-right: 1.2rem
}

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

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

.message__close:focus {
    outline: 0
}

.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;
        padding-right: 4rem
    }
}

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

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

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

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

.message__content--engagement {
    color: #2a303b
}

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

.message__content--paywall {
    margin-top: 3.5rem
}

.message__cb {
    line-height: 1.5;
    font-size: 1.5rem
}

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

.message__cb a {
    text-decoration: underline
}

.message__cb-icon {
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='21' height='15' xmlns='http://www.w3.org/2000/svg' fill='%23be1514'%3E%3Cpath d='M17.967 0H3.033c-1.735 0-2.8 1.631-2.8 2.8v9.513a2.624 2.624 0 002.621 2.62h15.292a2.624 2.624 0 002.62-2.62V2.728C20.767 1.3 19.433 0 17.967 0zM3.033.933h14.934c.942 0 1.866.89 1.866 1.795v.539H1.167V2.8c0-.633.659-1.867 1.866-1.867zM18.146 14H2.854a1.69 1.69 0 01-1.687-1.687v-7.18h18.666v7.18A1.69 1.69 0 0118.146 14z'/%3E%3Cpath d='M17.267 10.99h-2.334c-.513 0-.933.315-.933.7 0 .385.42.7.933.7h2.334c.513 0 .933-.315.933-.7 0-.385-.42-.7-.933-.7'/%3E%3C/svg%3E");
    height: 1.7rem;
    width: 2.3rem;
    position: relative;
    top: 3px;
    margin-right: .7rem
}

@media(min-width:1024px) {
    .message__cb-icon {
        top: 2px
    }
}

.message__cb-icon--expired {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='21' height='15' xmlns='http://www.w3.org/2000/svg' fill='snow'%3E%3Cpath d='M17.967 0H3.033c-1.735 0-2.8 1.631-2.8 2.8v9.513a2.624 2.624 0 002.621 2.62h15.292a2.624 2.624 0 002.62-2.62V2.728C20.767 1.3 19.433 0 17.967 0zM3.033.933h14.934c.942 0 1.866.89 1.866 1.795v.539H1.167V2.8c0-.633.659-1.867 1.866-1.867zM18.146 14H2.854a1.69 1.69 0 01-1.687-1.687v-7.18h18.666v7.18A1.69 1.69 0 0118.146 14z'/%3E%3Cpath d='M17.267 10.99h-2.334c-.513 0-.933.315-.933.7 0 .385.42.7.933.7h2.334c.513 0 .933-.315.933-.7 0-.385-.42-.7-.933-.7'/%3E%3C/svg%3E")
}

.message__cb--expired {
    font-weight: 500
}

.message__link {
    text-decoration: underline
}

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

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

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

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

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

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

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

.message__cta--engagement {
    font-size: 1.6rem;
    font-weight: 600;
    letter-spacing: .011rem;
    line-height: 2.75
}

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

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

.message__cta--paywall {
    border-radius: .4rem;
    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;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 1.25;
    margin-top: 2rem;
    max-width: 34.3rem
}

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

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

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

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

.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--engagement {
    padding: 0
}

.message__wrapper--reminder {
    max-width: 121.6rem;
    padding: 1.2rem 0 1.4rem;
    margin: 0 5.6rem 0 1.8rem
}

@media(min-width:1024px) {
    .message__wrapper--reminder {
        margin: 0 auto
    }
}

.message__wrapper-register {
    position: relative
}

@media(min-width:768px) {
    .message__wrapper-register {
        margin: 0 auto;
        max-width: 55rem;
        text-align: center
    }
}

.message__wrapper-teaser {
    position: relative;
    color: #2a303b;
    background-color: #fff6d3;
    font-style: normal;
    font-weight: 400;
    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: Helvetica, Arial, Roboto, sans-serif
}

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

.message__wrapper-teaser-hide {
    display: none
}

.message__wrapper-paywall {
    position: relative;
    color: #2a303b;
    font-style: normal;
    font-weight: 400;
    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: Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .message__wrapper-paywall {
    font-family: "Marr Sans", Helvetica, 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;
    -moz-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
}

.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 .message__offre-more,
.message__offre--violet-memorable p {
    color: #fff
}

.message__offre--logo-memorable {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg height='22' width='195' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cmask id='a' fill='%23fff'%3E%3Cpath d='M.078.63c.613.231 1.085.833 1.226 1.253l.354-.21V1.65h.024C1.612 1.326 1.044.582.408.582.266.582.172.606.078.63z' fill-rule='evenodd'/%3E%3C/mask%3E%3Cmask id='b' fill='%23fff'%3E%3Cpath d='M.678.15L.584.198v5.522c0 .464.26.952.612 1.184L3.58 8.457l.307-.186L1.528 6.74c-.284-.185-.614-.532-.614-1.182V.01z' fill-rule='evenodd'/%3E%3C/mask%3E%3Cmask id='c' fill='%23fff'%3E%3Cpath d='M.306.617c.967.164 1.791.697 2.098 1.37l.377-.232C2.427 1.035 1.58.595.59.595.494.617.399.617.306.617z' fill-rule='evenodd'/%3E%3C/mask%3E%3Cmask id='d' fill='%23fff'%3E%3Cpath d='M.59.564l1.888 1.092c.07-.093.142-.162.212-.232L.875.38z' fill-rule='evenodd'/%3E%3C/mask%3E%3Cmask id='e' fill='%23fff'%3E%3Cpath d='M.569.336H.52C.804.59.852.683.852 1.495v6.753c0 .44-.048.858-.165 1.23.354-.372.495-.882.495-1.671V1.03c0-.564-.14-.717-.407-.717-.062 0-.131.009-.206.022z' fill-rule='evenodd'/%3E%3C/mask%3E%3Cmask id='f' fill='%23fff'%3E%3Cpath d='M.569.336H.52C.804.59.852.683.852 1.495v6.753c0 .44-.048.858-.165 1.23.354-.372.495-.882.495-1.671V1.03c0-.564-.14-.717-.407-.717C.712.314.644.323.57.336z' fill-rule='evenodd'/%3E%3C/mask%3E%3Cmask id='g' fill='%23fff'%3E%3Cpath d='M.013.04c.99.14 1.557.65 1.744 1.254l.354-.21-.023-.069C2.017.782 1.663.04.438.018c-.142 0-.283 0-.425.021z' fill-rule='evenodd'/%3E%3C/mask%3E%3Cg fill-rule='evenodd'%3E%3Cpath d='M100.068 15.53h-1.527V6.261h2.822l1.022 4.504.285 1.411h.039l.284-1.41 1.01-4.505h2.692v9.267h-1.734V8.436h-.052l-.362 1.553-1.36 5.54h-1.423l-1.307-5.54-.35-1.553h-.039zm12.89-10.02l.841-1.76h1.67l-1.334 1.76zm-1.618.751h4.556v1.386h-2.692v2.537h2.2v1.372h-2.2v2.588h2.95v1.385h-4.814zm10.52 9.268h-1.526V6.262h2.821l1.023 4.504.285 1.411h.038l.285-1.41 1.01-4.505h2.692v9.267h-1.734V8.436h-.052l-.362 1.553-1.36 5.54h-1.423l-1.307-5.54-.35-1.553h-.04zM137.365 11.633v-1.32c0-1.98-.467-2.809-1.281-2.809-.816 0-1.282.829-1.282 2.81v1.32c0 1.824.466 2.653 1.282 2.653.828 0 1.28-.816 1.28-2.654m-4.555-.35v-.776c0-2.834 1.178-4.453 3.275-4.453 2.135 0 3.262 1.619 3.262 4.453v.777c0 2.847-1.166 4.453-3.262 4.453-2.11 0-3.275-1.593-3.275-4.453m13.38-.945c.803 0 1.179-.401 1.179-1.424 0-1.01-.35-1.294-1.087-1.294h-.738v2.718zm-2.51 5.19V6.261h2.964c1.865 0 2.68.842 2.68 2.511 0 1.256-.583 2.098-1.605 2.46l.013.117c.53.298.841.957 1.048 2.045.246 1.255.389 1.644.647 1.928v.207h-2.019c-.18-.297-.298-.776-.388-1.359-.104-.595-.207-1.307-.31-1.786-.104-.57-.22-.737-.622-.737h-.544v3.882zm11.803-3.287h1.592l-.466-2.317-.272-1.606h-.065l-.297 1.606-.492 2.317zm1.89 1.475h-2.214l-.389 1.812h-1.643l2.214-9.293h2.123l2.174 9.293h-1.903zm8.877.48c.79 0 1.088-.402 1.088-1.373 0-.906-.338-1.346-1.101-1.346h-.7v2.718h.713zm-.169-4.053c.778 0 1.05-.426 1.05-1.346 0-.88-.285-1.203-1.024-1.203h-.57v2.55zm-2.407-3.883h2.848c1.812 0 2.537.673 2.537 2.343 0 1.114-.557 1.89-1.36 2.084v.04c1.088.232 1.619.905 1.619 2.174 0 1.527-.648 2.628-2.666 2.628h-2.978zm9.874 0h1.864v7.728h2.796v1.54h-4.66zm8.774 0h4.557v1.386h-2.693v2.537h2.2v1.372h-2.2v2.589h2.951v1.384h-4.815zM10.094 3.95c-.07-.324-.638-1.067-1.274-1.067-.142 0-.236.024-.33.048.613.231 1.084.833 1.226 1.252l.354-.209V3.95z'/%3E%3Cpath d='M-8.412 16.459h83.47V-1.653h-83.47z' mask='url(%23a)' transform='translate(8.412 2.3)'/%3E%3Cpath d='M14.24 18.336l-2.359-1.532c-.283-.184-.613-.532-.613-1.181v-5.548l-.237.14-.094.046v5.523c0 .464.259.95.612 1.184l2.384 1.553.307-.185z'/%3E%3Cpath d='M-10.353 8.694h83.47V-9.417h-83.47z' mask='url(%23b)' transform='translate(10.353 10.064)'/%3E%3Cpath d='M4.198 12.767c.046-.951-.164-2.112-.377-3.226-.212-1.136-.402-2.298-.378-3.317.024-.626.142-1.23.4-1.786-.447.672-.73 1.438-.754 2.25-.07 1.972.896 4.546.801 6.544-.022.301-.046.602-.069.812l.047-.048c.189-.255.306-.649.33-1.229M7.31 18.29c-.353-.72-1.201-1.16-2.192-1.16-.095.022-.19.022-.283.022.967.164 1.792.697 2.099 1.37z'/%3E%3Cpath d='M-4.53 2.223h83.471v-18.11h-83.47z' mask='url(%23c)' transform='translate(4.53 16.535)'/%3E%3Cpath d='M38.067 5.25l-1.888-1.092.284-.185 1.816 1.045c-.07.07-.142.138-.212.232'/%3E%3Cpath d='M-35.588 15.164h83.47v-18.11h-83.47z' mask='url(%23d)' transform='translate(35.588 3.594)'/%3E%3Cpath d='M-2.644 4.891h8.57v-7.747h-8.57z' mask='url(%23d)' transform='translate(35.588 3.594)'/%3E%3Cpath d='M38.538 18.476l-.825-.557c-.543-.372-.826-.998-.826-1.694v-7.75c0-1.068.237-1.811.613-2.321-.211.51-.306 1.137-.306 1.856l.023 7.935c0 .859.26 1.416.873 1.834l.755.511zm-6.697-.07s-.071.046-.118.07h-.189V5.529c0-.627-.046-.627-.424-.906l-.543-.418.356-.185c.282.231.707.557.707.58.165.163.21.255.21.626v13.202zm-5.92-4.687c.118-.372.166-.79.166-1.23V5.736c0-.812-.048-.904-.331-1.16h.048c.4-.07.613 0 .613.696v6.776c0 .79-.14 1.299-.495 1.671'/%3E%3Cpath d='M-25.235 14.517h83.47v-18.11h-83.47z' mask='url(%23e)' transform='translate(25.235 4.24)'/%3E%3Cpath d='M-2.715 12.713h7.131V-2.92h-7.131z' mask='url(%23f)' transform='translate(25.235 4.24)'/%3E%3Cpath d='M26.346 18.476c-.188-.604-.755-1.115-1.745-1.254.142-.022.283-.022.425-.022 1.225.022 1.58.765 1.65.997l.024.07z'/%3E%3Cpath d='M-24.588 1.576h83.47v-18.11h-83.47z' mask='url(%23g)' transform='translate(24.588 17.182)'/%3E%3Cpath d='M-3.223 4.53h8.57v-7.747h-8.57z' mask='url(%23g)' transform='translate(24.588 17.182)'/%3E%3Cg%3E%3Cpath d='M61.248 18.313l-.707-.417c-.637-.373-.967-.951-.967-1.834V9.774c0-.371-.023-.347-.166-.464 0 0-.495-.394-.825-.65l-.353.187.683.51c.378.278.331.3.331.858v6.102c0 .835.353 1.415.848 1.695l.85.464.306-.163zm-6.604.116V8.985l-.306-.348-.377.21.353.394v9.235h.19c.046-.024.117-.047.117-.047h.023zm-7.47-.07l-2.712-1.601c-.544-.325-.755-.719-.755-1.416V10.1l-.236.116-.095.045v5.337c0 .627.282 1.09.779 1.37l2.71 1.555zm1.462-2.97V10.1c0-.278-.093-.372-.307-.488l-1.109-.65v.349l.638.348c.471.254.471.301.471.79l-.022 4.756.329.186zm21.498-9.56V5.76c0-.65-.4-1.322-1.015-1.67-.235-.14-.447-.256-.447-.256l-.282.186.164.091c.8.442 1.251 1 1.251 1.903l.329-.185zm8.588 12.507l-2.382-1.532c-.283-.184-.614-.532-.614-1.181v-5.548l-.236.14-.095.046v5.452c0 .604.238 1.022.638 1.277l2.358 1.531.33-.185zm-10.05 0l-2.548-1.578c-.611-.37-.73-.719-.73-1.394v-4.987l-.19.094-.14.069v4.942c0 .79.26 1.138.66 1.393l2.641 1.646.307-.185zm11.343-8.237l-.801-.905.024.603.423.51zm-9.786 5.244V7.987l-.424.21v6.936z'/%3E%3Cpath d='M52.669 15.203l-.213-.51-.825.417V8.823c0-.324-.117-.58-.447-.767L48.14 6.27 43.211 9.1v.674l1.015-.58v6.15c0 .555.14.765.496.974l2.994 1.74zm11.692 1.324l-.235-.535-.874.489-.304-.186c-.33-.186-.402-.42-.402-.975V8.66c0-.534-.117-.765-.449-.997l-1.816-1.347-2.806 1.579-1.486-1.579-2.972 1.787.402.463 1.013-.601.73.811v9.236h.19a606.82 606.82 0 011.557-.673c.566-.233.731-.418.731-1.068V8.566l.968-.555 1.132.882c.306.255.353.464.353.857l.023 6.313c0 .695.213 1.09.684 1.368l.991.581 2.57-1.485zm-15.207-.348l-.14.023-1.936-1.114c-.328-.186-.4-.395-.4-.813l.024-6.102.14-.047 1.864 1.068c.377.21.448.394.448.789zm21.5 0l-.142.023-1.675-1.069c-.329-.208-.447-.37-.447-.787V8.429l2.098-1.255.165.094zm3.49-.952l-.212-.534-.85.44V5.295c0-1.438-.66-2.366-1.744-3.015l-1.062-.65-3.325 1.9.66.304 1.086-.58.706.394a2.46 2.46 0 011.25 2.111v.371l-5.707 3.248v.628l.967-.51v5.894c0 .508.14.72.47.927l2.831 1.74zm9.173-5.522L80.133 6.27 75.204 9.1v.65l1.014-.556v6.429c0 .37.141.602.378.764l2.618 1.67 3.702-2.11-.282-.651-1.935 1.021-1.745-1.184c-.237-.162-.26-.278-.26-.58v-2.087zm-2.5.51l-2.122 1.3V8.125l.213-.115zm-53.622 7.82c-.236-.651-.919-1.323-2.146-1.37-1.156-.023-2.807.418-4.174 1.44l-.26-.326c.99-1.067 3.302-2.783 5.73-2.807 1.275 0 2.171.418 2.808 1.09l1.062-.58.306.603-3.326 1.95zM41.747 3.81c-.922.533-1.229 1.253-1.229 2.367v8.885c0 .558.072.813.378.976l.307.163.849-.489.283.559-2.948 1.74-1.014-.673c-.449-.302-.638-.673-.638-1.394V8.01c0-1.485.473-2.275 1.133-2.761l.378-.279-2.783-1.602-1.25.742v11.557c0 .974-.142 1.113-1.016 1.554 0 0-.682.326-1.623.812h-.19V5.226c0-.626-.072-.766-.426-1.044l-.989-.789-1.203.673v6.637c0 1.159-.189 1.994-1.132 2.574l-2.358 1.462-.237-.394c.732-.557.896-1.347.896-2.275V5.296c0-.998-.14-1.393-1.203-1.207-.4.07-1.013.162-1.39.209-1.558.209-2.218-.882-1.156-2.25 0 0 .26-.349.92-1.185l.52.349-.38.533c-.494.698-.093 1.07.71.79.377-.14 1.107-.418 1.626-.628 2.24-.857 3.066.558 3.184 1.393l2.783-1.647 2.404 1.809 2.971-1.809 2.288 1.276c.778.44 1.156.255 1.699-.024l.448-.231.353.58-.965.557z'/%3E%3Cpath d='M22.242 2.558c-.188.534-.165 1.044.071 1.462.213.37.59.627 1.039.742-1.393.116-2.005-.975-1.11-2.204m-6.567 7.54l-.802-.904.024.603.424.51z'/%3E%3Cpath d='M10.611 16.25l-.282-.558-.73.463c-.542-.65-1.415-1.415-3.49-1.415-2.193-.024-4.882 1.693-6.109 3.179l.213.278c1.674-1.091 3.396-1.577 4.905-1.577 1.227 0 2.24.58 2.664 1.438l2.83-1.809zM12.877 3.53c-.425-.65-1.556-1.855-3.798-1.855-2.687-.023-5.045 2.042-5.14 4.548-.071 1.996.896 4.571.801 6.567-.046.673-.189 1.16-.471 1.53l.282.327 1.652-1.184c.802-.582 1.25-1.3 1.226-2.552-.024-1.555-.755-3.946-.755-5.778 0-1.579.614-2.762 2.005-2.762.944 0 1.698.95 1.815 1.485.049.255 0 .371-.235.534l-.66.44v.72l3.278-2.02zm6.076 6.174l-3.16-3.435-4.93 2.83v.65l1.014-.556v6.428c0 .37.142.603.377.766l2.618 1.67 3.704-2.112-.307-.65-1.934 1.02-1.745-1.183c-.213-.138-.236-.278-.236-.58v-2.088l4.599-2.76zm-2.477.51l-2.122 1.3V8.126l.188-.115zm74.598 11.138h103.529V.647H91.073zm.647-.647h102.235V1.294H91.72v19.412z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    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: DINCondensed-Bold, "Roboto Condensed", "Arial Narrow", sans-serif
}

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

.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: DINCondensed-Bold, "Roboto Condensed", "Arial Narrow", sans-serif
}

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

.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.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("data:image/svg+xml;charset=utf-8,%3Csvg fill='none' height='12' width='12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath clip-rule='evenodd' d='M6.154 1l-.974.974 3.208 3.234H1V6.6h7.32L5.18 9.766l.974.974 4.87-4.87z' fill='%232a303c' fill-rule='evenodd'/%3E%3C/svg%3E");
    display: inline-block;
    width: 1.2rem;
    height: 1.2rem;
    margin-left: .5rem
}

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

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

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

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

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

@media(min-width:1024px) {
    .message__offre-kicker {
        font-weight: 400;
        color: #2a303b;
        font-size: 1.3rem;
        letter-spacing: .13rem;
        line-height: 1.15;
        text-align: center;
        text-transform: uppercase
    }
    .message__offre-kicker {
        font-family: DINCondensed-Bold, "Roboto Condensed", "Arial Narrow", sans-serif
    }
    html.fonts-loaded .message__offre-kicker {
        font-family: "Marr Sans Condensed", DINCondensed-Bold, "Roboto Condensed", "Arial Narrow", sans-serif
    }
}

@media(min-width:1024px) {
    .message__offre-rotation-title {
        font-size: 1.8rem;
        line-height: 1.25;
        color: #2a303b;
        font-weight: 700;
        margin-top: .4rem
    }
    .message__offre-rotation-title {
        font-family: Georgia, Droid-serif, serif
    }
    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: Helvetica, Arial, Roboto, sans-serif
    }
    html.fonts-loaded .message__offre-rotation-description {
        font-family: "Marr Sans", Helvetica, 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: 700;
        text-align: left
    }
    .message__offre-title {
        font-family: Georgia, Droid-serif, serif
    }
    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: 700;
    letter-spacing: .08rem;
    text-transform: uppercase
}

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

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

@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.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;
        text-decoration: underline;
        font-size: 1.3rem;
        font-weight: 500;
        padding-top: .4rem;
        display: inline-block
    }
    .message__offre-more {
        font-family: Helvetica, Arial, Roboto, sans-serif
    }
    html.fonts-loaded .message__offre-more {
        font-family: "Marr Sans", Helvetica, Arial, Roboto, sans-serif
    }
    .message__offre-more--white {
        color: #fff
    }
    .message__offre-more--full-white {
        color: #036487;
        background: #fff;
        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: Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .message__survey-description {
    font-family: "Marr Sans", Helvetica, 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 {
    margin-left: auto;
    display: flex;
    align-items: center;
    width: 30rem;
    justify-content: flex-end
}

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

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

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

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

.message--register {
    position: -webkit-sticky;
    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
}

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

.message--paywall {
    position: -webkit-sticky;
    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: -webkit-sticky;
    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: 400;
    text-align: center
}

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

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.14;
    font-weight: 500;
    margin-bottom: 1.2rem
}

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

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

@media(min-width:768px) {
    .message__headline-paywall {
        font-size: 3.2rem;
        line-height: 1.2;
        margin-bottom: 1.6rem
    }
}

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

@media(min-width:768px) {
    .message__description-bordered {
        border-top: none;
        padding-top: 0
    }
}

.message__description-dropdown {
    display: none;
    color: #000;
    height: 15rem;
    overflow-y: scroll
}

.message__description-dropdown {
    font-family: Helvetica, Arial, Roboto, sans-serif
}

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

@media(min-width:360px) {
    .message__description-dropdown {
        height: auto;
        overflow: auto
    }
}

.message__description-dropdown.ui-collapse--shown {
    display: block;
    margin-top: 1.2rem;
    position: relative
}

.message__description-dropdown.ui-collapse--shown:after {
    background-image: linear-gradient(rgba(255, 246, 211, 0), rgba(255, 246, 211, .9), #fff6d3);
    height: 6rem;
    bottom: 7.6rem;
    position: fixed;
    left: 0;
    content: " ";
    width: 100%
}

@media(min-width:360px) {
    .message__description-dropdown.ui-collapse--shown:after {
        display: none
    }
}

.message__dropdown-trigger {
    display: flex;
    background-color: transparent;
    border: 0;
    cursor: pointer;
    align-items: center;
    margin-top: 1.2rem;
    font-size: 1.4rem;
    color: #026b9c;
    padding-left: 0
}

.message__dropdown-trigger {
    font-family: Helvetica, Arial, Roboto, sans-serif
}

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

@media(min-width:768px) {
    .message__dropdown-trigger {
        margin-left: auto;
        margin-right: auto
    }
}

.message__dropdown-trigger:focus {
    outline: 0
}

.message__dropdown-trigger:after {
    content: " ";
    display: flex;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='%23a4a9b4'%3E%3Cpath fill-rule='evenodd' d='M8 6.063L9.063 5l5.312 5.313-5.313 5.312L8 14.562l4.217-4.25z'/%3E%3C/svg%3E");
    height: 1.8rem;
    width: 1.8rem;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    position: absolute;
    right: 1.6rem
}

@media(min-width:768px) {
    .message__dropdown-trigger:after {
        position: static;
        right: auto
    }
}

.message__dropdown-trigger.ui-collapse--shown:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='%232a303b'%3E%3Cpath fill-rule='evenodd' d='M8 6.063L9.063 5l5.312 5.313-5.313 5.312L8 14.562l4.217-4.25z'/%3E%3C/svg%3E");
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.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 {
    line-height: 1.375
}

@media(min-width:768px) {
    .message__paragraph__mobile {
        display: none
    }
}

@media(max-width:768px) {
    .message__paragraph__desktop {
        display: none
    }
}

.message__link {
    text-decoration: underline
}

.message__cmp-link {
    font-size: 1.6rem;
    text-decoration: underline;
    background: 0 0;
    cursor: pointer;
    border: 0;
    padding: 0
}

.message__cmp-link {
    font-family: Helvetica, Arial, Roboto, sans-serif
}

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

.message__cmp-link:focus {
    outline: 0
}

.message__overlay {
    z-index: 2147483646!important
}

.bd__header {
    display: flex;
    border-bottom: .1rem solid #383f4e;
    margin-bottom: 1.6rem
}

@media(min-width:768px) {
    .bd__header {
        flex-direction: column
    }
}

@media(min-width:1024px) {
    .bd__header {
        flex-direction: row
    }
}

.bd__header span:nth-child(1) {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 1.5rem;
    color: #383f4e
}

.bd__header span:nth-child(1) {
    font-family: DINCondensed-Bold, "Roboto Condensed", "Arial Narrow", sans-serif
}

html.fonts-loaded .bd__header span:nth-child(1) {
    font-family: "Marr Sans Condensed", DINCondensed-Bold, "Roboto Condensed", "Arial Narrow", sans-serif
}

.bd__header span:nth-child(2) {
    margin-left: auto;
    font-size: 1.2rem;
    color: #717b8e;
    align-self: flex-end
}

.bd__header span:nth-child(2) {
    font-family: "Helvetica Neue", Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .bd__header span:nth-child(2) {
    font-family: "Helvetica Neue", Helvetica, Arial, Roboto, sans-serif
}

@media(min-width:768px) {
    .bd__header span:nth-child(2) {
        margin-right: auto;
        margin-left: 0
    }
}

@media(min-width:1024px) {
    .bd__header span:nth-child(2) {
        margin-right: 0;
        margin-left: auto
    }
}

.bd__header--blue {
    border-bottom: 0;
    background-color: #383f4e;
    align-items: center;
    height: 3.2rem;
    margin-bottom: 0
}

.bd__header--blue span:nth-child(1) {
    color: #eff0f3;
    padding-left: 1.2rem
}

.bd__header--blue span:nth-child(2) {
    align-self: center;
    padding-right: 1.2rem;
    color: #bdc1c8
}

.bd__bloc {
    display: none;
    margin-bottom: 3.2rem
}

@media(min-width:768px) {
    .bd__bloc {
        display: block;
        grid-row: 2
    }
}

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

.bd__bloc--visible-mobile {
    display: block
}

.bd__bloc--inline {
    padding-top: 2.8rem
}

.bd__bloc--inline p {
    margin-bottom: .8rem;
    color: #717b8e;
    letter-spacing: .05rem;
    font-size: 1.5rem;
    text-transform: uppercase;
    font-weight: 400
}

.bd__bloc--inline p {
    font-family: DINCondensed-Bold, "Roboto Condensed", "Arial Narrow", sans-serif
}

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

.bd__bloc--inline strong {
    font-weight: 500
}

.bd__bloc--inline ul {
    list-style: none
}

.bd__bloc--inline li {
    line-height: 1.23;
    position: relative
}

.bd__bloc--inline li:before {
    font-weight: 600;
    display: block;
    position: absolute;
    content: "\2022";
    line-height: 1
}

.bd__bloc--inline li:not(:last-child) {
    margin-bottom: .8rem
}

.bd__bloc--inline a {
    text-decoration: none;
    font-size: 1.3rem;
    letter-spacing: normal;
    font-weight: 400;
    color: #383f4e;
    display: block;
    padding-left: 1.2rem
}

.bd__bloc--inline a:hover {
    text-decoration: underline
}

.bd__bloc--image a {
    width: 100%;
    display: block
}

.bd__bloc--image img {
    display: block;
    margin: 0 auto;
    width: 100%
}

@media(min-width:1024px) {
    .bd__bloc--services {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-template-rows: auto auto;
        grid-column-gap: 3.2rem;
        grid-column: 1/4
    }
}

.bd__bloc--background-gray {
    background-color: #f5f6f8
}

.bd__bloc--wirecutter {
    display: none
}

@media(min-width:1024px) {
    .bd__bloc--wirecutter {
        display: block
    }
}

.bd__content {
    font-size: 1.3rem;
    color: #2a303b
}

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

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

@media(min-width:768px) {
    .bd__content--duo {
        grid-template-columns: 1fr 1fr;
        grid-column-gap: 2.4rem
    }
}

@media(min-width:768px) {
    .bd__content--trio {
        grid-template-columns: 1fr 1fr 1fr;
        grid-column-gap: 2.4rem
    }
}

.bd__content--inline {
    grid-column: 1/4
}

@media(min-width:768px) {
    .bd__content--inline {
        display: grid
    }
}

.bd__content--feed {
    background-color: #f5f6f8;
    padding: 3.2rem 1.6rem 1.6rem;
    height: 26.8rem
}

.bd__content--feed {
    font-family: "Helvetica Neue", Helvetica, Arial, Roboto, sans-serif
}

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

.bd__content--classic ul {
    padding-left: 1.2rem
}

.bd__content--classic ul li {
    margin-bottom: 1.2rem;
    font-size: 1.3rem;
    line-height: 1.23
}

.bd__content--classic a {
    text-decoration: none
}

.bd__content--classic a:hover {
    text-decoration: underline
}

.bd__content--classic-wirecutter {
    margin-top: 1.2rem
}

.bd__content--classic-wirecutter ul {
    padding-left: 3.2rem
}

.bd__content--classic-wirecutter ul li {
    margin-bottom: 1.2rem;
    font-size: 1.3rem;
    line-height: 1.23
}

.bd__content--classic-wirecutter a {
    text-decoration: none
}

.bd__content--classic-wirecutter a:hover {
    text-decoration: underline
}

.bd__content--extend a {
    display: flex;
    text-decoration: none
}

.bd__content--extend a:hover {
    text-decoration: underline
}

.bd__content--extend ul {
    list-style: none
}

.bd__content--extend ul li {
    margin-bottom: 1.2rem
}

.bd__content--extend img {
    display: block;
    width: 8rem;
    height: auto;
    margin-right: 1.2rem;
    align-self: flex-start
}

.bd__btn {
    color: #fff;
    background-color: #383f4e;
    width: 100%;
    justify-content: center;
    font-weight: 700;
    border-radius: .3rem;
    padding-top: .8rem;
    padding-bottom: .8rem;
    display: flex;
    text-decoration: none;
    font-size: 1.4rem
}

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

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

.bd__btn:hover {
    text-decoration: underline
}

.bd__btn--wirecutter {
    width: 18.6rem
}

.bd__live-container {
    display: none;
    margin: 0 1.6rem 0 1.6rem
}

@media(min-width:768px) {
    .bd__live-container {
        margin: 0 3.8rem 0 3.8rem
    }
}

@media(min-width:1024px) {
    .bd__live-container {
        display: block;
        margin: 0 3.2rem 0 3.2rem
    }
}

.bd__wrapper {
    display: flex;
    justify-content: space-between
}

.bd__link {
    margin-right: 1.6rem;
    width: 100%;
    max-width: 12rem
}

.bd__illustration {
    align-self: center
}

.bd__title {
    font-weight: 700;
    font-size: 1.3rem;
    line-height: 1.3;
    color: #383f4e
}

.bd__title:hover {
    text-decoration: underline
}

.bd__source {
    font-size: 1.1rem;
    line-height: 1.45;
    margin-top: .8rem;
    color: #717b8e
}

.bd__bet {
    margin: 2rem 0 1.6rem;
    text-align: center;
    font-size: 1.5rem
}

.bd__price {
    font-size: 2rem;
    font-weight: 700
}

.bd__footer--wirecutter {
    display: flex;
    justify-content: center;
    padding-bottom: 1.6rem
}

.bd__bloc .bd-memorable__container {
    padding-top: 100%;
    position: relative;
    width: 100%
}

.bd__bloc .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__bloc .bd-memorable__link {
    font-family: DINCondensed-Bold, "Roboto Condensed", "Arial Narrow", sans-serif
}

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

.bd__bloc .bd-memorable__title {
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 2.16rem;
    text-align: center
}

.bd__bloc .bd-memorable__subtitle {
    font-size: 1.2rem;
    line-height: 1.4rem;
    margin-bottom: .8rem;
    text-align: center
}

.bd__bloc .bd-memorable__subtitle {
    font-family: Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .bd__bloc .bd-memorable__subtitle {
    font-family: "Marr Sans", Helvetica, Arial, Roboto, sans-serif
}

.bd__bloc .bd-memorable__image-container {
    font-size: 0;
    margin-bottom: 1.2rem;
    position: relative
}

.bd__bloc .bd-memorable__image {
    width: 100%
}

.bd__bloc .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;
    -webkit-transform: translate3d(-50%, 50%, 0);
    transform: translate3d(-50%, 50%, 0)
}

.bd__bloc .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__bloc .bd-memorable__test-link {
    font-size: 1.8rem;
    line-height: 2.1rem;
    text-align: center
}

.bd__bloc .bd-memorable__icon-arrow {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='10' fill='%233e388c' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.524 1l1.08-1L10 5l-5.397 5-1.08-1 4.285-4-4.284-4z'/%3E%3Cpath d='M0 5.75V4.321h8.866V5.75z'/%3E%3C/svg%3E") center no-repeat;
    display: inline-block;
    flex-shrink: 0;
    height: 1rem;
    margin-left: .4rem;
    width: 1rem
}

.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__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: Helvetica, Arial, Roboto, sans-serif
}

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

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

.article__extra {
    align-items: center
}

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

html.fonts-loaded .article__extra {
    font-family: "Marr Sans", Helvetica, 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__multimedia,
.article__extra--related .icon__portfolio,
.article__extra--related .icon__video {
    width: 3rem;
    height: 3rem
}

@media(min-width:1024px) {
    .article__extra--related .icon__multimedia,
    .article__extra--related .icon__portfolio,
    .article__extra--related .icon__video {
        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: Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .article__extra--inline {
    font-family: "Marr Sans", Helvetica, 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
}

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

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

.article__media-container {
    position: relative
}

.article__video-container {
    position: relative;
    padding-top: 56.25%;
    background-color: #2a303b;
    z-index: 4;
    clear: both
}

.article__video-container .js_player,
.article__video-container iframe {
    width: 100%;
    position: absolute;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 5
}

@media print {
    .article__video-container {
        display: none
    }
}

.article__video-deny-msg {
    position: absolute;
    top: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
    color: #fff;
    text-align: center;
    line-height: normal;
    line-height: initial;
    padding: 0 1.2rem
}

@media(min-width:480px) {
    .article__video-deny-msg {
        font-size: 1.5rem;
        padding: 0 4rem
    }
}

.article__video-deny-btn {
    display: inline-block;
    background-color: #005b85;
    font-size: 1.3rem;
    border: 0;
    border-radius: .3rem;
    color: #fff;
    cursor: pointer;
    padding: 1.2rem 2rem;
    margin-top: 1.2rem
}

@media(min-width:480px) {
    .article__video-deny-btn {
        font-size: 1.5rem;
        margin-top: 2rem
    }
}

.article__media {
    display: block;
    float: right;
    font-size: 0;
    margin-bottom: .4rem;
    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", Georgia, Droid-serif, serif
}

.article__title--inline {
    display: inline
}

.article a:hover .article__title {
    text-decoration: underline
}

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

.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: DINCondensed-Bold, "Roboto Condensed", "Arial Narrow", sans-serif
}

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

.article__author {
    align-items: flex-start;
    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("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd' opacity='.35'%3E%3Ccircle fill='%238B92A1' cx='8' cy='8' r='8'/%3E%3Cpath d='M8.205 8.755c-1.638 0-2.965-1.92-2.965-3.557a2.965 2.965 0 115.93 0c0 1.637-1.328 3.557-2.965 3.557zM2.48 12.312c.253-.794.82-1.401 1.702-1.823.881-.422 2.178-.665 3.889-.73 1.607.016 2.903.259 3.888.73.986.471 1.553 1.079 1.702 1.823-1.458 1.62-3.322 2.43-5.59 2.43-2.269 0-4.132-.81-5.59-2.43z' fill='%23FAFBFC'/%3E%3C/g%3E%3C/svg%3E");
    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: DINCondensed-Bold, "Roboto Condensed", "Arial Narrow", sans-serif
}

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

@media(min-width:1024px) {
    .article__author-identity--posts {
        font-weight: 700;
        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: Helvetica, Arial, Roboto, sans-serif
}

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

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

.article__author-desc {
    color: #717b8e;
    font-size: 1.3rem;
    line-height: 1.25
}

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

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

html.fonts-loaded .article__related {
    font-family: "Marr Sans", Helvetica, 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-position: inside;
    list-style: none;
    margin-bottom: 1.2rem
}

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

.article__related li a:hover {
    text-decoration: underline
}

.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 {
    text-decoration: underline
}

.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 {
    text-align: center;
    background: #fff;
    position: relative;
    margin-top: 0;
    border-bottom: .2rem solid #383f4e
}

@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 {
    display: block;
    padding: 0 2rem 0;
    height: 100%
}

.article--featured>:first-child {
    margin-top: 2.5rem
}

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

.article--featured .article__info {
    color: #717b8e;
    font-size: 1.3rem;
    letter-spacing: .01rem;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 3;
    height: 4rem;
    bottom: 0
}

@media(min-width:768px) {
    .article--featured .article__info {
        height: auto;
        bottom: 1.6rem
    }
}

.article--featured .article__media-container {
    margin-left: -2rem;
    margin-right: -2rem;
    padding-top: 66.66%
}

.article--featured .article__media-container:before {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(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 {
    display: block;
    float: none;
    margin: -2.5rem -2rem 0;
    max-width: 100%;
    z-index: 1;
    top: 0;
    padding-top: 66.66%;
    position: absolute;
    margin-left: 0;
    width: 100%
}

.article--featured .article__media img {
    display: block
}

.article--featured .article__media:after {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, .1));
    bottom: 0;
    content: " ";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 1
}

.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;
    padding: 1.1rem 0 4rem;
    position: relative;
    text-align: center;
    z-index: 2;
    display: block;
    top: -2.5rem;
    line-height: 1.25
}

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

.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(../../../dist/assets/img/logos/podcast-gout-de-m.png);
    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: Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .product-node {
    font-family: "Marr Sans", Helvetica, 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("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24' height='24' fill='%23fff'%3E%3Cdefs%3E%3Cpath id='a' d='M8.944 15L8 14.045 12 10l4 4.045-.944.955L12 11.893z'/%3E%3C/defs%3E%3Cuse fill='%23FFF' fill-rule='evenodd' transform='rotate(180 12 12.5)' xlink:href='%23a'/%3E%3C/svg%3E");
    position: absolute;
    width: 1rem;
    height: 1rem;
    right: 1.2rem;
    top: 50%;
    -webkit-transform: translateY(-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 {
    -webkit-transform: translateY(-50%) rotate(180deg);
    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;
    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:hover,
.product-node-link:visited {
    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.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;
    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(../../../dist/assets/img/bg-podcast-mobile.png) 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: Helvetica, Arial, Roboto, sans-serif
}

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

@media(min-width:768px) {
    .podcast-gdpr__warning {
        background: #333 url(../../../dist/assets/img/bg-podcast.png) 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
}

.article__desc {
    color: #454f5f
}

.article__list {
    padding: 0
}

@media(min-width:1024px) {
    .article__list .article--testimony {
        border-top: 0;
        padding-top: 0
    }
}

.article__list .article--list:first-child {
    border-top: .1rem solid #d5d8dc;
    padding-top: 2.4rem
}

@media(min-width:1024px) {
    .article__list .article--list:first-child {
        border-top: 0;
        padding-top: 0
    }
}

.article__list .article__title {
    font-size: 1.5rem
}

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

.article__list .article--testimony:last-child {
    border-bottom: .1rem solid #d5d8dc;
    padding-bottom: 2.4rem
}

@media(min-width:1024px) {
    .article__list .article--testimony:last-child {
        border-bottom: 0;
        padding-bottom: 0;
        margin-bottom: 0
    }
}

.article__list:last-of-type .article--list:last-of-type {
    border-bottom: .1rem solid #d5d8dc;
    padding-bottom: 2.4rem
}

@media(min-width:1024px) {
    .article__list:last-of-type .article--list:last-of-type {
        border-bottom: 0;
        padding-bottom: 0
    }
}

@media(min-width:1024px) {
    .article__list-grid {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-template-rows: auto auto auto;
        grid-auto-flow: column;
        grid-column-gap: 3.2rem
    }
}

@media(min-width:1024px) {
    .article__video-list {
        grid-row: 2/3
    }
}

.article__video-list .article {
    position: relative;
    display: flex;
    border-top: .1rem solid #d5d8dc;
    padding-top: 2.4rem;
    padding-bottom: 2.4rem;
    margin-bottom: 0
}

@media(min-width:1024px) {
    .article__video-list .article {
        border-top: 0;
        padding-top: 0;
        padding-bottom: 0;
        margin-bottom: 2.4rem
    }
}

.article__video-list .article:hover .article__title {
    text-decoration: underline
}

.article__video-list .article:last-child {
    border-bottom: .1rem solid #d5d8dc
}

@media(min-width:1024px) {
    .article__video-list .article:last-child {
        margin-bottom: 0;
        border-bottom: 0
    }
}

.article__video-list .article__media {
    float: none;
    margin-left: 0;
    width: 12.8rem;
    max-width: 100%;
    margin-bottom: 0
}

.article__video-list .article__media:before {
    content: " ";
    background-image: linear-gradient(rgba(0, 0, 0, .3), rgba(0, 0, 0, .3)), radial-gradient(circle at 50%, at 50%, rgba(0, 0, 0, 0), rgba(0, 0, 0, .6));
    background-image: linear-gradient(rgba(0, 0, 0, .3), rgba(0, 0, 0, .3)), radial-gradient(circle at 50% 50%, rgba(0, 0, 0, 0), rgba(0, 0, 0, .6));
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 2
}

.article__video-list .article__media-container {
    margin-right: 1.2rem;
    width: 12.8rem;
    align-self: flex-start;
    flex: 0 0 12.8rem
}

.article__video-list .article__extra--embed {
    left: .8rem;
    bottom: .8rem
}

.article__video-list .article__extra--embed>:first-child {
    margin-right: .4rem
}

.article--list {
    display: inline-block;
    width: 100%;
    padding-top: 0
}

.article--list:last-child {
    margin-bottom: 0
}

.article--list:not(:last-child) {
    padding-bottom: 2.4rem;
    border-bottom: .1rem solid #d5d8dc
}

.article--main {
    margin-bottom: 0
}

@media(min-width:768px) {
    .article--main {
        margin: 0
    }
}

.article--main .icon__premium {
    vertical-align: baseline;
    vertical-align: initial
}

.article--main .icon__label-live {
    vertical-align: middle
}

.article--main .article__desc {
    color: #2a303b;
    display: block;
    font-size: 1.7rem;
    line-height: 1.29
}

.article--main .article__desc {
    font-family: Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .article--main .article__desc {
    font-family: "Marr Sans", Helvetica, Arial, Roboto, sans-serif
}

@media(min-width:768px) {
    .article--main .article__desc {
        font-size: 1.6rem;
        line-height: 1.25
    }
}

@media(min-width:1200px) {
    .article--main .article__desc {
        font-size: 1.7rem;
        line-height: 1.41;
        letter-spacing: -.02rem
    }
}

.article--main .article__title {
    margin-bottom: 1.6rem;
    font-size: 2.1rem;
    font-weight: 800;
    line-height: 1.19
}

@media(min-width:768px) {
    .article--main .article__title {
        font-size: 2.8rem;
        line-height: 1.14
    }
}

.article--main .article__media-container {
    margin-left: -1.6rem;
    margin-right: -1.6rem
}

@media(min-width:576px) {
    .article--main .article__media-container {
        margin-left: 0;
        margin-right: 0
    }
}

.article--main .article__media {
    float: none;
    margin-top: 0;
    margin-left: 0;
    margin-bottom: 0;
    max-width: calc(100% + 2 * 1.6rem)
}

@media(min-width:768px) {
    .article--main .article__media {
        margin: 0;
        max-width: none;
        max-width: initial;
        width: 100%
    }
}

.article--main .article__related .icon__premium {
    vertical-align: sub
}

.article--main .article__related-featured .article__media-container {
    margin: 0 0 .8rem
}

@media(min-width:1024px) {
    .article--main .article__related-featured .article__media-container {
        margin: 0 0 .4rem .8rem
    }
}

@media(min-width:768px) {
    .article--headlines:first-child {
        border-top: 0;
        margin-top: 0;
        padding-top: 0
    }
}

.article--headlines .article__media-container {
    float: right;
    width: 11.4rem;
    margin-left: 1.2rem;
    margin-bottom: .4rem
}

@media(min-width:1024px) {
    .article--headlines .article__media-container {
        float: none;
        width: 100%;
        margin-left: 0;
        margin-bottom: 0
    }
}

.article--headlines .article__media {
    margin: 0;
    float: none;
    max-width: 100%
}

@media(min-width:1024px) {
    .article--headlines .article__media {
        margin: 0 0 1.6rem
    }
}

.article--headlines .article__title {
    line-height: 1.25;
    font-size: 1.6rem;
    font-weight: 800
}

@media(min-width:576px) {
    .article--headlines .article__title {
        font-size: 1.8rem;
        line-height: 1.22
    }
}

@media(min-width:1024px) {
    .article--runner {
        margin-top: 0;
        padding-top: 0;
        border-top: 0
    }
}

.article--runner .icon__premium {
    margin-top: .1rem
}

.article--runner .article__desc {
    color: #454f5f;
    margin-bottom: 0
}

@media(min-width:768px) {
    .article--runner .article__desc {
        display: block;
        margin-top: 1.2rem
    }
}

.article--runner .article__media-container {
    float: right;
    width: 11.4rem;
    margin-left: 1.2rem;
    margin-bottom: .4rem
}

@media(min-width:1024px) {
    .article--runner .article__media-container {
        float: none;
        width: 100%;
        margin-left: 0;
        margin-bottom: 0
    }
}

.article--runner .article__media-container--shadow:before {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, .1));
    bottom: 0;
    content: " ";
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 2
}

.article--runner .article__media {
    margin: 0;
    float: none;
    max-width: 100%
}

@media(min-width:1024px) {
    .article--runner .article__media {
        margin: 0 0 1.6rem
    }
}

.article--runner .article__title {
    font-weight: 700;
    font-size: 1.5rem;
    line-height: 1.27
}

@media(min-width:1024px) {
    .article--runner .article__title {
        font-size: 1.6rem;
        line-height: 1.25
    }
}

@media(max-width:1024px) {
    .article--runner-slide {
        margin: 0 0 2.4rem 0;
        padding: 0
    }
    .article--runner-slide .article__media-container {
        float: none;
        width: 100%;
        margin: 0 0 1.1rem
    }
}

.article--river .icon__premium {
    margin-top: .2rem
}

@media(min-width:768px) {
    .article--river {
        margin: 0 0 2.4rem
    }
}

.article--river picture {
    position: relative
}

@media(min-width:1024px) {
    .article--river:nth-of-type(-n+2) {
        padding-top: 2.4rem;
        border-top: 0
    }
}

.article--river .icon__premium {
    width: 2.4rem;
    height: 1.6rem
}

.article--river .article__media-container {
    display: block;
    float: right;
    font-size: 0;
    margin-bottom: .4rem;
    margin-left: 1.2rem;
    width: 11.4rem
}

.article--river .article__media {
    float: none;
    margin-bottom: 0;
    margin-left: 0
}

.article--testimony {
    display: block;
    border-bottom: .1rem solid #d5d8dc;
    padding-bottom: 2.4rem;
    text-decoration: none
}

.article--testimony .article__title {
    color: #be1514;
    font-size: 1.6rem;
    font-weight: 600;
    letter-spacing: .11rem;
    line-height: 1;
    margin-bottom: .8rem;
    text-transform: uppercase
}

.article--testimony .article__title {
    font-family: DINCondensed-Bold, "Roboto Condensed", "Arial Narrow", sans-serif
}

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

.article--testimony .article__desc {
    color: #2a303b;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1.25;
    margin-bottom: .8rem;
    display: block
}

.article--testimony .article__desc {
    font-family: Georgia, Droid-serif, serif
}

html.fonts-loaded .article--testimony .article__desc {
    font-family: "The Antiqua B", Georgia, Droid-serif, serif
}

.article--testimony .article__link {
    color: #2a303b;
    font-size: 1.4rem;
    font-weight: 500;
    text-decoration: underline
}

.article--testimony .article__link {
    font-family: Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .article--testimony .article__link {
    font-family: "Marr Sans", Helvetica, Arial, Roboto, sans-serif
}

.article--testimony .article__link .icon__arrow-right {
    height: 1.6rem;
    position: relative;
    top: .3rem;
    width: 1.6rem
}

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

@media(min-width:1024px) {
    .article--opinion {
        border-bottom: 0;
        padding-bottom: 0
    }
}

.article--opinion:last-child {
    border-bottom: 0
}

.article--opinion .icon__premium {
    vertical-align: middle
}

.article--opinion .article__type {
    color: #2a303b;
    letter-spacing: .13rem;
    margin-bottom: .8rem;
    margin-top: 0;
    text-transform: uppercase
}

.article--opinion .article__type {
    font-family: DINCondensed-Bold, "Roboto Condensed", "Arial Narrow", sans-serif
}

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

@media(min-width:480px) {
    .article--opinion .article__type {
        font-size: 1.3rem
    }
}

.article--opinion .article__title {
    color: #2a303b;
    font-size: 2.4rem;
    font-weight: 500;
    line-height: 1.17;
    margin-bottom: 1.2rem;
    max-width: 100%
}

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

html.fonts-loaded .article--opinion .article__title {
    font-family: "The Antiqua B", Georgia, Droid-serif, serif
}

@media(min-width:576px) {
    .article--opinion .article__title {
        max-width: 80%
    }
}

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

.article--opinion .article__title .icon__label-alert,
.article--opinion .article__title .icon__label-live {
    margin-right: .4rem
}

.article--opinion .article__author-name {
    line-height: 1.34
}

.article--first-roll:first-of-type {
    margin-top: 1.6rem
}

@media(min-width:1024px) {
    .article--first-roll:first-of-type {
        margin-top: 0
    }
}

.article--first-roll .article__media {
    float: none;
    margin-left: 0;
    max-width: 100%;
    margin-bottom: 1.6rem
}

.article--top {
    display: flex;
    padding-top: 2.4rem;
    padding-bottom: 2.4rem;
    border-bottom: .1rem solid #d5d8dc
}

.article--top span {
    margin-right: 1.6rem
}

@media(min-width:1024px) {
    .article--top:nth-child(1),
    .article--top:nth-child(4),
    .article--top:nth-child(7) {
        padding-top: 0
    }
    .article--top:nth-child(3),
    .article--top:nth-child(6),
    .article--top:nth-child(9) {
        border-bottom: 0
    }
}

.article--top .article__title {
    font-weight: 500;
    font-size: 1.5rem;
    line-height: 1.2;
    letter-spacing: normal
}

@media(min-width:1024px) {
    .article--top .article__title {
        font-size: 1.8rem;
        line-height: 1.33;
        letter-spacing: -.02rem;
        font-weight: 400
    }
}

@media(min-width:1024px) {
    .article--video-main {
        grid-row: 2/3;
        grid-column: 1/span 2
    }
}

.article--video-main:hover .article__title {
    text-decoration: underline
}

.article--video-main .article__title {
    margin-top: 1.6rem;
    font-size: 1.5rem
}

@media(min-width:1024px) {
    .article--video-main .article__title {
        font-size: 1.6rem
    }
}

.article--video-main .article__media {
    float: none;
    max-width: 100%;
    margin-left: 0;
    margin-bottom: 1.6rem
}

.article--video .article__title {
    font-size: 1.5rem;
    line-height: 1.2
}

@media(min-width:1024px) {
    .article--video .article__title {
        font-size: 1.6rem;
        line-height: 1.29
    }
}

.election__sub-city-item:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='%23a4a9b4'%3E%3Cpath d='M3.944 4.5L3 5.455 7 9.5l4-4.045-.944-.955L7 7.607z' fill-rule='evenodd'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    content: "";
    display: inline-block;
    height: 1.4rem;
    margin-right: .4rem;
    position: relative;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    width: 1.4rem
}

.election__color {
    margin-left: 1.2rem;
    position: relative
}

.election__color:before {
    content: "";
    display: block;
    height: 100%;
    left: -1.2rem;
    position: absolute;
    width: .4rem
}

.election__logo-regionale {
    align-items: flex-end;
    display: flex
}

.election__breadcrumb {
    margin-left: 1rem
}

.election__result-desc {
    display: inline-block;
    margin-top: 1.6rem
}

.election__flag {
    background-color: #383f4e;
    color: #fff;
    font-size: 1.7rem;
    font-weight: 500;
    letter-spacing: .1rem;
    padding: .4rem .8rem;
    text-transform: uppercase
}

.election__flag {
    font-family: DINCondensed-Bold, "Roboto Condensed", "Arial Narrow", sans-serif
}

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

.election__liste-candidats {
    margin-top: 2.4rem
}

.election__distance {
    font-size: 6.4rem;
    line-height: 1;
    margin-top: 2.4rem
}

.election__distance {
    font-family: DINCondensed-Bold, "Roboto Condensed", "Arial Narrow", sans-serif
}

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

.election__distance-label {
    color: #2a303b;
    font-size: 1.5rem;
    line-height: 1.4;
    margin-top: .8rem
}

.election__distance-label {
    font-family: Georgia, Droid-serif, serif
}

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

.election__distance-unit {
    font-size: 4.4rem
}

.election__nombre-habitants {
    color: #2a303b;
    display: flex;
    font-size: 1.7rem;
    font-weight: 700;
    margin: 2rem 0 0
}

.election__nombre-habitants {
    font-family: Georgia, Droid-serif, serif
}

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

.election__category {
    background-color: #026b9c;
    color: #fff;
    display: inline-block;
    font-size: 1.7rem;
    letter-spacing: .106rem;
    margin-top: 1.6rem;
    padding: 0 .8rem;
    text-transform: uppercase
}

.election__category {
    font-family: DINCondensed-Bold, "Roboto Condensed", "Arial Narrow", sans-serif
}

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

.election__snippet {
    border-top: .3rem solid #e8eaee;
    margin-top: 3.2rem
}

.election__snippet--simple {
    border: 0;
    margin: 0;
    padding: 0
}

.election__dropdown-container {
    cursor: pointer;
    margin-top: 1.6rem;
    position: relative
}

.election__dropdown-container select.election__dropdown {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff;
    color: #2a303b;
    display: block;
    margin: 0;
    outline: 0;
    width: 100%
}

.election__dropdown-container select.election__dropdown::-ms-expand {
    display: none
}

.election__dropdown-container:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='%23383f4e'%3E%3Cpath d='M3.944 4.5L3 5.455 7 9.5l4-4.045-.944-.955L7 7.607z' fill-rule='evenodd'/%3E%3C/svg%3E");
    content: " ";
    cursor: pointer;
    display: block;
    height: 1.4rem;
    pointer-events: none;
    position: absolute;
    right: 1.2rem;
    top: 2rem;
    width: 1.4rem
}

.election__dropdown {
    background-color: #fff;
    border: .1rem solid #bdc1c8;
    border-radius: .3rem;
    cursor: pointer;
    display: flex;
    font-size: 1.6rem;
    height: 5rem;
    line-height: 2;
    padding-left: 1.2rem;
    position: relative
}

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

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

.election__dropdown:focus {
    outline: 0
}

.election__nuance {
    color: #717b8e;
    margin-right: .4rem
}

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

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

.election__candidat-container {
    border-bottom: solid .1rem #d5d8dc;
    padding-bottom: 2.4rem
}

.election__candidat-container {
    font-family: Helvetica, Arial, Roboto, sans-serif
}

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

.election__candidat-container .election__view-more {
    margin-top: 0
}

.election__candidat-container:last-of-type {
    border-bottom: none
}

.election__candidat-list {
    list-style: none;
    margin-top: 1.6rem
}

@media(min-width:1024px) {
    .election__candidat-list {
        -webkit-columns: 2;
        -moz-columns: 2;
        columns: 2
    }
}

.election__candidat {
    align-items: center;
    color: #8b92a1;
    display: flex;
    line-height: 1.8
}

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

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

.election__candidat-list-container {
    display: none;
    flex: 1 100%;
    order: 2
}

@media(min-width:768px) {
    .election__candidat-list-container {
        order: 3
    }
}

.election__candidat-list-container.ui-collapse--shown {
    display: block
}

.election__participation {
    border-bottom: .1rem solid #eff0f3;
    margin: 2.4rem 0;
    padding: .8rem 0
}

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

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

.election__participation--wrapped {
    border-top: .1rem solid #eff0f3
}

.election__participation-item {
    list-style: none
}

.election__participation-item.registered-nb {
    margin-bottom: 1.2rem
}

.election__majo {
    background: #2a303b;
    color: #fff;
    display: inline-block;
    font-size: 1.4rem;
    font-weight: 500;
    margin-bottom: .9rem;
    margin-top: 2.4rem;
    padding: .4rem .8rem;
    text-transform: uppercase
}

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

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

.election__sign {
    align-self: center;
    border-radius: .3rem;
    display: inline-block;
    flex-shrink: 0;
    font-size: 1.4rem;
    font-weight: 400;
    letter-spacing: .02rem;
    line-height: 1.6;
    padding: 0 .4rem
}

.election__sign {
    font-family: DINCondensed-Bold, "Roboto Condensed", "Arial Narrow", sans-serif
}

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

.election__sign:not(:last-child) {
    margin-right: .8rem
}

.election__sign--left {
    margin-right: .8rem
}

.election__sign--align-top {
    align-self: flex-start
}

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

@media(max-width:576px) {
    .election__sign--right {
        margin-right: -1.2rem
    }
}

.election__sign--dark {
    background-color: #454f5f;
    color: #fff
}

.election__sign--light {
    background-color: #fff;
    border: .1rem solid #717b8e;
    color: #717b8e
}

.election__timeline {
    color: #2a303b;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 2.2rem
}

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

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

@media(min-width:1024px) {
    .election__timeline {
        font-size: 1.6rem;
        margin-bottom: 2.4rem;
        order: 2
    }
}

.election__timeline-title {
    font-size: 2rem;
    font-weight: 600;
    line-height: 2.8rem;
    margin-bottom: .8rem
}

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

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

.election__timeline-container {
    list-style: none;
    margin: 0;
    overflow: hidden;
    padding: 2.4rem 0 0 4.4rem;
    position: relative
}

.election__timeline-container:before {
    border-left-color: #a3e6ff;
    border-left-style: dashed;
    border-left-width: .1rem;
    content: "";
    height: 100%;
    position: absolute;
    top: 2.4rem;
    left: 2.1rem
}

.election__timeline-item {
    margin-bottom: .8rem;
    position: relative
}

.election__timeline-item.complete:before {
    background-color: #a3e6ff;
    content: "";
    height: 8rem;
    left: -2.3rem;
    position: absolute;
    top: -7.3rem;
    width: .1rem
}

.election__timeline-item.complete:first-child:before {
    content: "";
    display: none
}

.election__timeline-item .bullet {
    background-color: #fff;
    border: .1rem solid #a3e6ff;
    border-radius: 50%;
    height: 1.2rem;
    left: -2.8rem;
    position: absolute;
    top: .5rem;
    width: 1.2rem
}

.election__timeline-item .bullet.active {
    background-color: #a3e6ff
}

.election__zipcode {
    font-size: 1.6rem;
    font-weight: 500;
    letter-spacing: .09rem
}

.election__zipcode {
    font-family: DINCondensed-Bold, "Roboto Condensed", "Arial Narrow", sans-serif
}

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

.election__city-introduction {
    font-family: Helvetica, Arial, Roboto, sans-serif
}

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

.election__text {
    color: #2a303b;
    font-size: 1.6rem;
    font-weight: 400
}

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

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

.election__text--fusion {
    font-size: 1.4rem;
    letter-spacing: .018;
    line-height: 1.4286
}

.election__text--grey {
    color: #454f5f
}

.election__text--medium {
    font-weight: 500;
    letter-spacing: .02rem;
    line-height: 1.375
}

.election__text--large {
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 1.375
}

@media(min-width:1024px) {
    .election__text--large {
        font-size: 1.8rem;
        font-weight: 400
    }
}

.election__text--underlined {
    text-decoration: underline
}

.election__city-info-list {
    border: .1rem solid #e2e4e9;
    border-radius: .6rem;
    color: #2a303b;
    font-size: 1.6rem;
    list-style: none;
    margin: 3.2rem 0;
    padding: 2.4rem 1.6rem
}

.election__city-info-list {
    font-family: Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .election__city-info-list {
    font-family: "Marr Sans", Helvetica, Arial, Roboto, sans-serif
}

@media(min-width:768px) {
    .election__city-info-list {
        margin: 3.2rem 0
    }
}

@media(min-width:1024px) {
    .election__city-info-list {
        border: none;
        border-radius: none;
        margin-bottom: 0;
        padding: 0 0 1.6rem 0
    }
}

.election__city-info-item {
    letter-spacing: .02rem;
    line-height: 2.2rem;
    margin-bottom: 1rem;
    margin-left: 3.2rem;
    position: relative
}

.election__city-info-item:last-child {
    margin-bottom: 0
}

.election__city-info-item:before {
    content: "";
    left: -3.5rem;
    position: absolute;
    top: .3rem
}

.election__city-info-item.icon-ellipse:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='19' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='9.5' cy='10.31' r='9' stroke='%23717B8E' stroke-dasharray='2 2'/%3E%3C/svg%3E");
    content: "";
    height: 2rem;
    width: 1.9rem
}

.election__city-info-item.icon-intercommunal:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 21'%3E%3Cpath fill='%23A4A9B4' fill-rule='evenodd' d='M16.17 10.23c.27-.77 1-1.3 1.85-1.3a1.97 1.97 0 11-1.85 2.63h-2.86c-.09.44-.25.85-.5 1.2l2.05 2a1.96 1.96 0 11-.56 3.17c-.6-.6-.74-1.5-.4-2.22l-2-2.01c-.36.23-.78.41-1.21.5v2.9c.77.27 1.3 1 1.3 1.85a1.97 1.97 0 01-3.95 0c0-.85.55-1.58 1.32-1.85v-2.86a3.1 3.1 0 01-1.21-.5l-2.02 2.01a1.97 1.97 0 01-3.18 2.22 1.96 1.96 0 010-2.78c.6-.6 1.5-.75 2.23-.4l2.01-2a3.43 3.43 0 01-.5-1.2H3.83a1.97 1.97 0 110-1.33h2.84c.09-.44.25-.86.5-1.21L5.16 7.04a2 2 0 01-2.23-.4 1.96 1.96 0 112.79-2.78c.6.6.75 1.5.4 2.22l2 2.02c.36-.23.78-.42 1.21-.5V4.73A1.96 1.96 0 0110 .91c1.1 0 1.98.9 1.98 1.98 0 .85-.55 1.57-1.31 1.84V7.6c.43.08.85.25 1.2.5l2-2.04a1.97 1.97 0 013.18-2.22c.77.77.77 2.01 0 2.78-.6.6-1.5.75-2.23.4l-2.01 2c.23.36.41.78.5 1.21h2.86zm-8.08.67c0 1.05.85 1.9 1.91 1.9A1.9 1.9 0 1010 9a1.9 1.9 0 00-1.91 1.9z' clip-rule='evenodd'/%3E%3C/svg%3E");
    content: "";
    height: 2rem;
    width: 1.9rem
}

.election__city-info-item.icon-location:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 17'%3E%3Cpath fill='%23A4A9B4' fill-rule='evenodd' d='M10 8a2.8 2.8 0 01-2.8-2.8c0-1.5 1.3-2.7 2.8-2.7 1.5 0 2.8 1.2 2.8 2.7C12.8 6.7 11.5 8 10 8zm0-8a5.2 5.2 0 00-5.2 5.2c0 3.6 3 7.3 5.2 10 2.1-2.7 5.2-6.4 5.2-10C15.2 2.4 12.9 0 10 0z' clip-rule='evenodd'/%3E%3Cpath fill='%23A4A9B4' fill-rule='evenodd' d='M17.5 11.1l-3-.7-.9 1.2c3.4.4 5.1 1.3 5.1 1.8s-2.4 1.8-8 2a33 33 0 01-7.3-.8c-1.5-.5-2.1-1-2.1-1.2 0-.5 1.7-1.4 5-1.8a27 27 0 01-.7-1.2l-3 .7C1 11.7 0 12.4 0 13.4c0 1 1.1 1.8 3.2 2.4 1.8.5 4.3.8 6.8.8s5-.3 6.8-.8c2.1-.6 3.2-1.4 3.2-2.4s-.8-1.7-2.5-2.3z' clip-rule='evenodd'/%3E%3C/svg%3E");
    content: "";
    height: 1.7rem;
    width: 2rem
}

.election__city-info-item.icon-mayor:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 24'%3E%3Cpath fill='%23A4A9B4' fill-rule='evenodd' d='M18.45 20.57v1.12H20v1.95H0v-1.95h1.55v-1.15h1.06v-6.7h-2v-1.87h.97a8.09 8.09 0 017.47-7.55V0h4.42l-.97 1.27.97 1.27h-3.25v1.91A8.1 8.1 0 0117.69 12h1v1.86h-1.3v6.71h1.06zm-13.68 0H6.6v-6.71H4.77v6.71zm6.12 0H8.76v-6.71h2.13v6.71zm2.17 0h2.14v-6.71h-2.14v6.71z' clip-rule='evenodd'/%3E%3C/svg%3E");
    content: "";
    height: 2.4rem;
    top: -.4rem;
    width: 2rem
}

.election__city-info-item.icon-population:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 16'%3E%3Cpath fill='%23a4a9b4' fill-rule='evenodd' d='M12.94 2.37a3.46 3.46 0 10-6 3.45 3.46 3.46 0 006-3.45zM3.9 14.42c0-3.48 2.7-6.3 6.04-6.3a6.18 6.18 0 016.04 6.3c0 .42-.04.84-.12 1.26H4.02a6.57 6.57 0 01-.12-1.26zm9.78-8.76v.01zm0 0a2.7 2.7 0 10-.47-3.95 4.04 4.04 0 01.47 3.96zm-1.56 2.25a4.62 4.62 0 013.14-1.24 4.85 4.85 0 014.64 5.93h-3.56a6.83 6.83 0 00-4.22-4.7zm-4.77.17c.16-.08.33-.14.5-.2a4.62 4.62 0 00-3.11-1.21A4.85 4.85 0 000 11.6c0 .33.03.67.1 1h3.44a6.86 6.86 0 013.8-4.53zM6.24 5.73a2.7 2.7 0 11.5-4.1 4.04 4.04 0 00-.5 4.1z' clip-rule='evenodd'/%3E%3C/svg%3E");
    content: "";
    height: 1.6rem;
    width: 2rem
}

.election__cities-around {
    border-top: .3rem solid #2a303b;
    margin-top: 3.2rem;
    order: 2;
    padding-top: 1.6rem
}

.election__cities-around {
    font-family: Helvetica, Arial, Roboto, sans-serif
}

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

@media(min-width:1024px) {
    .election__cities-around {
        border-bottom: .1rem solid #e8eaee;
        border-left: .1rem solid #e8eaee;
        border-right: .1rem solid #e8eaee;
        margin-top: 0;
        order: 1;
        padding: 1.6rem
    }
}

.election__bloc-aside {
    border: none
}

@media(min-width:1024px) {
    .election__bloc-aside {
        border-bottom: .1rem solid #e8eaee;
        border-left: .1rem solid #e8eaee;
        border-right: .1rem solid #e8eaee;
        border-top: .3rem solid #2a303b;
        margin-top: 0;
        padding: 1.6rem
    }
    .election__bloc-aside--margin-top {
        margin-top: 4rem
    }
}

.election__side-cities {
    -webkit-columns: 2;
    -moz-columns: 2;
    columns: 2;
    margin-top: 1.2rem
}

@media(min-width:1024px) {
    .election__side-cities {
        -webkit-columns: 1;
        -moz-columns: 1;
        columns: 1
    }
}

.election__notule-container {
    margin: 4rem 0
}

.election__notule {
    font-size: 1.7rem;
    line-height: 2.4rem;
    margin-bottom: 2rem
}

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

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

@media(min-width:1024px) {
    .election__notule {
        font-size: 1.8rem;
        line-height: 2.8rem
    }
}

.election__notule sup {
    vertical-align: unset
}

.election__title-bloc-aside {
    display: none
}

@media(min-width:1024px) {
    .election__title-bloc-aside {
        display: block;
        font-size: 2.8rem;
        font-weight: 700;
        line-height: 2rem;
        margin-bottom: 2.4rem
    }
    .election__title-bloc-aside {
        font-family: DINCondensed-Bold, "Roboto Condensed", "Arial Narrow", sans-serif
    }
    html.fonts-loaded .election__title-bloc-aside {
        font-family: "Marr Sans Condensed", DINCondensed-Bold, "Roboto Condensed", "Arial Narrow", sans-serif
    }
}

.election__title-second {
    font-size: 2rem;
    font-weight: 600;
    line-height: 2.8rem;
    margin: 2.4rem 0;
    position: relative
}

.election__title-second {
    font-family: Helvetica, Arial, Roboto, sans-serif
}

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

.election__title-second:first-letter {
    text-transform: capitalize
}

@media(min-width:1024px) {
    .election__title-second {
        font-size: 2rem
    }
}

.election__title-second.election__graph-element--more {
    display: none
}

.election__title-second.election__graph-element--more.ui-collapse--shown {
    display: flex
}

.election__title-second--simple {
    margin-top: 0
}

.election__title-third {
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1.125;
    margin-top: 1.2rem
}

.election__title-third {
    font-family: Georgia, Droid-serif, serif
}

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

.election__title-third--ast,
.election__title-third--last {
    border-top: .1rem solid #e8eaee;
    padding-top: 1.2rem
}

.election__title-fourth {
    font-size: 1.7rem;
    font-weight: 700;
    margin: 3.2rem 0 0
}

.election__title-fourth {
    font-family: Georgia, Droid-serif, serif
}

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

.election__title-fourth.no-space {
    margin: 0;
    padding-top: 1.2rem
}

@media(min-width:1024px) {
    .election__page-float-aside.page__side-content {
        padding-top: 0
    }
}

.election__bloc-separator {
    border-bottom: .1rem solid #e2e4e9;
    padding-bottom: 2.4rem
}

.election__bloc-separator--top-bold {
    border-top: .3rem solid #2a303b;
    padding-top: 1.6rem
}

.election__btn-more-results {
    margin-top: 0
}

.election__info-bloc {
    background-color: #f5f6f8;
    padding: 1.6rem 1.6rem 2.4rem;
    margin-top: 2.4rem
}

.election__info-bloc-title {
    color: #717b8e;
    font-size: 1.3rem;
    letter-spacing: .13rem;
    line-height: 1.5rem;
    margin-bottom: .6rem;
    text-transform: uppercase
}

.election__info-bloc-title {
    font-family: DINCondensed-Bold, "Roboto Condensed", "Arial Narrow", sans-serif
}

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

@media(min-width:1024px) {
    .election__info-bloc-title {
        font-size: 1.5rem
    }
}

.election__info-bloc-text {
    color: #2a303b;
    font-size: 1.4rem;
    line-height: 1.8rem
}

.election__info-bloc-text {
    font-family: Georgia, Droid-serif, serif
}

html.fonts-loaded .election__info-bloc-text {
    font-family: "The Antiqua B", Georgia, Droid-serif, serif
}

@media(min-width:1024px) {
    .election__info-bloc-text {
        font-size: 1.5rem;
        line-height: 1.9rem
    }
}

.election__info-bloc-link {
    text-decoration: underline
}

.election__alert {
    background-color: #f5f6f8;
    margin: 3.2rem -1.6rem 0;
    padding: 1.6rem
}

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

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

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

@media(min-width:1024px) {
    .election__alert {
        margin: 2.4rem 0 2.4rem;
        order: 1
    }
}

.election__alert-result--confirmation {
    color: #383f4e;
    font-size: 1.6rem;
    line-height: 1.4
}

.election__alert-result--confirmation {
    font-family: Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .election__alert-result--confirmation {
    font-family: "Marr Sans", Helvetica, Arial, Roboto, sans-serif
}

.election__alert-result--confirmation:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg height='24' width='24' xmlns='http://www.w3.org/2000/svg' fill='%23383f4e'%3E%3Cpath d='M18.937 6L20.4 7.48 10.2 18.75 4 12.48 5.463 11l4.737 4.816z'/%3E%3C/svg%3E");
    content: "";
    display: inline-block;
    height: 1.8rem;
    margin-right: .4rem;
    position: relative;
    top: .4rem;
    width: 1.8rem
}

.election__alert-result--error {
    color: #383f4e;
    display: none;
    font-size: 1.6rem;
    line-height: 1.4;
    margin-bottom: .8rem
}

.election__alert-result--error {
    font-family: Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .election__alert-result--error {
    font-family: "Marr Sans", Helvetica, Arial, Roboto, sans-serif
}

.election__alert-result--show {
    display: inline-block
}

.election__alert-info {
    color: #383f4e;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 2.1rem
}

.election__alert-container {
    margin-top: 1.6rem;
    position: relative;
    width: 100%
}

.election__alert-container .button--void {
    background-color: transparent;
    border-radius: .3rem;
    color: #383f4e;
    font-size: 1.6rem;
    font-weight: 500;
    height: 4rem;
    margin-top: 1.6rem
}

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

.election__alert-input {
    background-color: transparent;
    border: .1rem solid #bdc1c8;
    border-radius: .3rem;
    font-size: 1.5rem;
    height: 4.4rem;
    padding-left: 1.2rem;
    padding-right: 4rem;
    width: 100%
}

.election__alert-input {
    font-family: Helvetica, Arial, Roboto, sans-serif
}

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

.election__alert-input::-webkit-input-placeholder {
    color: #666e80
}

.election__alert-input::-moz-placeholder {
    color: #666e80
}

.election__alert-input:-ms-input-placeholder {
    color: #666e80
}

.election__alert-input::-ms-input-placeholder {
    color: #666e80
}

.election__alert-input::placeholder {
    color: #666e80
}

.election__alert-input:focus {
    outline: 0
}

.election__intro-container {
    line-height: 2.2rem;
    margin: 1.6rem 0
}

.election__intro-container {
    font-family: Helvetica, Arial, Roboto, sans-serif
}

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

@media(min-width:1024px) {
    .election__intro-container {
        font-size: 1.8rem;
        margin: 1.8rem 0 3rem
    }
}

.election__search-container {
    margin: 0 auto;
    position: relative;
    width: 100%
}

.election__search-container:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg height='15' width='16' xmlns='http://www.w3.org/2000/svg' fill='%23000b15'%3E%3Cpath d='M15.471 13.408l-2.817-2.824c-.025-.025-.058-.035-.086-.057a6.532 6.532 0 001.334-3.957A6.572 6.572 0 007.33 0a6.571 6.571 0 100 13.141c1.49 0 2.86-.502 3.963-1.338.023.028.033.062.06.088l2.818 2.823c.372.373.964.382 1.323.021.36-.36.35-.955-.022-1.327zm-8.156-2.166a4.687 4.687 0 114.687-4.686 4.686 4.686 0 01-4.687 4.686z' fill-rule='evenodd'/%3E%3C/svg%3E");
    content: "";
    display: block;
    height: 1.6rem;
    position: absolute;
    right: 1.2rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 1.6rem
}

.election__search {
    position: relative
}

.election__search--header .election__city-input {
    border-color: #eff0f3;
    border-left: 0;
    border-radius: 0;
    border-right: 0
}

@media(min-width:1024px) {
    .election__search--header .election__city-input {
        border: .1rem solid #bdc1c8;
        border-radius: .3rem
    }
}

@media(min-width:1024px) {
    .election__search--header {
        position: relative
    }
}

.election__search--depth {
    z-index: 4
}

.election__search-label {
    color: #fff;
    display: block;
    font-weight: 500;
    line-height: 2.2rem;
    margin-bottom: .8rem
}

.election__search-label {
    font-family: Helvetica, Arial, Roboto, sans-serif
}

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

@media(min-width:1024px) {
    .election__search-label {
        display: none;
        margin-bottom: 1.6rem
    }
}

@media(max-width:1023px) {
    .election__content-wrapper {
        margin-top: 13.4rem
    }
}

.election__city-result {
    background-color: #fff;
    border-bottom: .1rem solid #bdc1c8;
    border-bottom-left-radius: .3rem;
    border-bottom-right-radius: .3rem;
    border-left: .1rem solid #bdc1c8;
    border-right: .1rem solid #bdc1c8;
    box-shadow: 0 .4rem .4rem 0 rgba(0, 0, 0, .04);
    display: none;
    flex-direction: column;
    font-size: 1.6rem;
    left: 0;
    max-height: 25rem;
    overflow-x: hidden;
    overflow-y: scroll;
    position: absolute;
    top: 8.5rem;
    width: 100%;
    z-index: 4
}

.election__city-result {
    font-family: Helvetica, Arial, Roboto, sans-serif
}

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

.election__city-result--show {
    display: flex
}

@media(min-width:768px) {
    .election__city-result {
        top: 8.7rem
    }
}

@media(min-width:1024px) {
    .election__city-result {
        top: 5.4rem
    }
}

.election__city-result-link {
    color: #2a303b;
    line-height: 3;
    padding: 0 1.2rem
}

.election__city-result-link:not(:first-of-type) {
    border-top: .1rem solid #e8eaee
}

.election__city-result-link:hover {
    background-color: #026b9c;
    color: #fff
}

.election__city-result-none {
    color: #2a303b;
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 3;
    padding: 0 1.2rem
}

.election__city-input {
    border: .2rem solid #bdc1c8;
    border-radius: .3rem;
    color: #2a303b;
    font-size: 1.6rem;
    line-height: 3;
    padding-left: 1.2rem;
    padding-right: 4rem;
    width: 100%
}

.election__city-input {
    font-family: Helvetica, Arial, Roboto, sans-serif
}

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

.election__city-input::-webkit-input-placeholder {
    color: #666e80;
    font-size: 1.6rem
}

.election__city-input::-moz-placeholder {
    color: #666e80;
    font-size: 1.6rem
}

.election__city-input:-ms-input-placeholder {
    color: #666e80;
    font-size: 1.6rem
}

.election__city-input::-ms-input-placeholder {
    color: #666e80;
    font-size: 1.6rem
}

.election__city-input::placeholder {
    color: #666e80;
    font-size: 1.6rem
}

.election__city-input--active,
.election__city-input:focus {
    border: .2rem solid #fff;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    outline: 0
}

.election__accordion {
    margin-top: 2rem
}

.election__cities {
    border-bottom: .1rem solid #e8eaee;
    display: flex;
    flex-direction: column
}

.election__special-city {
    align-items: center;
    align-self: center;
    background: 0 0;
    border: 0;
    color: #2a303b;
    cursor: pointer;
    display: flex;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 4;
    padding: 0;
    position: relative;
    width: 100%
}

.election__special-city {
    font-family: Georgia, Droid-serif, serif
}

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

.election__special-city.ui-collapse--shown {
    color: #026b9c
}

.election__special-city:focus {
    outline: 0
}

.election__special-city:before {
    background-repeat: no-repeat;
    content: "";
    display: block;
    height: 5rem;
    margin: .4rem;
    width: 5rem
}

.election__special-city:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='10' xmlns='http://www.w3.org/2000/svg' fill='%23717B8E'%3E%3Cpath d='M4 4V0h2v4h4v2H6v4H4V6H0V4h4z' fill-rule='evenodd'/%3E%3C/svg%3E");
    content: "";
    height: 1rem;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 1rem
}

.election__special-city:hover {
    color: #026b9c
}

.election__special-city:hover:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='10' xmlns='http://www.w3.org/2000/svg' fill='%23026b9c'%3E%3Cpath d='M4 4V0h2v4h4v2H6v4H4V6H0V4h4z' fill-rule='evenodd'/%3E%3C/svg%3E")
}

.election__special-city.ui-collapse--shown:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='2' xmlns='http://www.w3.org/2000/svg' fill='%23717B8E'%3E%3Cpath d='M0 0h10v2H0z' fill-rule='evenodd'/%3E%3C/svg%3E");
    height: .2rem
}

.election__special-city.ui-collapse--shown:hover:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='2' xmlns='http://www.w3.org/2000/svg' fill='%23026b9c'%3E%3Cpath d='M0 0h10v2H0z' fill-rule='evenodd'/%3E%3C/svg%3E");
    height: .2rem
}

.election__special-city--marseille:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='44' height='50' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill='%23666e80'%3E%3Cdefs%3E%3Cpath id='a' d='M0 .044h42.196v44.18H0z'/%3E%3Cpath id='c' d='M.076.04h4.322v1.896H.076z'/%3E%3C/defs%3E%3Cg fill-rule='evenodd'%3E%3Cg transform='translate(0 .07)'%3E%3Cmask id='b' fill='%23fff'%3E%3Cuse xlink:href='%23a'/%3E%3C/mask%3E%3Cpath d='M15.671 31.548h.212l.297-1.187-.106-.19-.509-.234s-.127-.614-.19-.742c-.064-.127-.424-.19-.424-.19l.487-.615s-.635-.508-.953-.635c-.318-.128-.424-.255-.424-.255s-.043-.657-.19-.826c-.15-.17-1.378-1.06-1.505-1.144-.127-.085-.996-.255-1.102-.34-.106-.084-.106-.402.233-.508l.339-.106-.021-.466s.699-.636.826-.763-.063-.508-.063-.508-.022-.36.02-.551c.043-.191.446-.488.806-.234.36.255.381.551 1.038.488.657-.064.996-.17.996-.17l.424-.614-1.632.296-.19-.042-.509-.614.16-.191h.285s.027-.55-.021-.837c-.048-.286.08-.89.175-1.24.095-.35.222-.921.19-1.064h-.556s.143-1.208.016-1.32c-.127-.11-.667-.19-.667-.19s.683-.636.762-.684c.08-.047-.27-.524-.27-.524s-.047.54-.715.715l.27-.46s-.508-.271-.73-.652c-.223-.382-.462-.62-.446-.795.016-.175.064-.35-.127-.477-.19-.127-.655-.429-.655-.429l1.116.111s-.35-.317-.35-.445c0 0-1.176-.063-1.271-.127-.095-.063-.095-.19.175-.206.27-.016.35 0 .35 0s-.334-.477-.334-.668H9.95s-1.526-1.224-1.557-1.287c-.032-.064.127-.254.365-.095a222.79 222.79 0 011.526 1.048l.477-.174-.557-.461.27-.35S9.252 9.611 8.918 9.42a42.25 42.25 0 00-.842-.46v-.366h-.493v.445l-.572-.016s-.413-.493-.636-.525c-.222-.031-.556-.016-.286-.206.27-.191.445-.318.445-.318s-.921-.652-1.35-.763c-.43-.111-1.574-.159-2.273 0-.7.16-.985.525-1.208.779-.222.254-.954.604-.954.604s.128-.35.128-.461c0-.111-.43-.35-.477-.525C.35 7.434.017 6.464.002 6.194c-.016-.27.095-1.335.349-1.478.254-.143.54-.334.54-.572 0-.239.223-.334-.095-.509-.318-.174-.477-.413-.365-.54.11-.127.174-.286-.016-.413l-.191-.127 1.383-1.097h.937l.604-.842s1.08.588 1.144.81c.064.223 0 .986 0 .986s.334-.096.54-.143c.207-.048.477-.16.557.11.08.271.318.652.731.78.413.127.715.62.715 1.08 0 .461-.159.588-.016.763.143.175.334.318.54.207.207-.112.684-.874.907-.874.222 0 .54.254.683.206.143-.047.683-.667.683-.667l.032-.54s.7-.032.938.095.11.19.524.254c.413.064 1.017 0 1.303.064.286.063.398.031.398.031s-.302-.445-.493-.778c-.19-.334-.366-.859-.223-.986s.636-.492.763-.508c.128-.016.461-.048.461-.048s.382-.556.54-.556c.16 0 .493-.064.668-.111a3.37 3.37 0 00.636-.27c.127-.08.413-.096.715.095.302.19.508.588.62.73.11.144.159.16.127.24-.032.079-.27.158-.286.254-.016.095.143.333.175.476.031.143.11.366-.16.509-.27.143-.35.302-.35.302l.63.572s-.152.477-.359.572c-.206.095-.477.207-.477.207s.843.429.954.445c.111.016.222-.096.493-.255.27-.159.572-.206.969-.302.397-.095.7-.159.7-.159l.412-.286 1.145-.016.62-.54s.762 0 1.144.111c0 0 .286-.556 1.303-1.112S26.144.98 26.304.79c.158-.191.333-.747.333-.747s1.208.46 1.494.953c.286.493 2.098 3.862 2.24 4.291v.779s.589.906.573 1.08c-.016.175-.223.668-.572 1.081-.35.413-1.224 1.24-1.51 2.368-.286 1.129-.366 1.32-.207 1.43.16.112.78.668.97 1.097.19.43 1.271 1.764 1.51 2.13.238.365.985 1.064.969 1.303-.016.238.143.508.381.73.239.223.255.24.604.303.35.063.572.143.859.111.286-.032.73-.381 1.032-.365.302.015 1.685-.016 1.796 0 .111.015.27-.604.509-.573.238.032.779.08.874-.016.095-.095.238-.254.381-.286.143-.031.7-.588.7-.588l1.366.223s-.127.54-.19.779c-.064.238.11.683.35.715.238.032 1.112.254 1.112.254s-.382.62-.461.842c-.08.223.064.334.111.572.048.239 0 .859 0 .859l.668.842-.731.858-.048.35-.7.08-.81 1.302s-.89-.35-.97-.19c-.079.159-.27 1.494-.27 1.494s-.89-.286-.937-.16c-.048.128.032 1.876.032 1.876s.73.651.683 1.43l.7.223s-.287.747-.16 1.255c.127.509 1.224 3.512 1.16 4.1-.063.588-.11.668-.11.668l1.128.572s-.334.938-.461.954c-.127.015-2.035-.16-2.178-.16-.143 0-.524.557-.524.557l-.048 1.446s.906 1.097.938 1.144c.032.048-.254.143-.19.239.063.095 1.128 1.144 1.128 1.144s-.461 1.383-.668 1.621a1.858 1.858 0 01-.429.365l-.143 1.908s-.334-.239-.064-1.16l-.572.794-1.382-.556 1.033.922-.795.19-.922-.747.048-.54s-.445-.238-.509-.127c-.063.111-.079.334-.079.334l-1.367-.938-.89.493s-.46-.35-.604-.43c-.143-.079-.81-.127-.81-.127s-.064-.54-.175-.572c-.111-.031-.604.096-.604.096l-1.001-.763-.254.429-1.383-.032-.826-.604s.604.7.604.795c0 .095-.128.365-.048.413.08.048 1.367 1.049 1.367 1.049s-.509.318-.652.286c-.143-.032-.795-.874-.795-.874l-.476.27s-.588-.715-.78-.715c0 0-.19.286-.698.063-.509-.222-.572-.429-.572-.508l-1.764-.095s1.096.89 1.128.953c.032.064-.016.413-.016.413s-1.287-.747-1.542-.858c-.254-.111-.842-.222-1-.334-.16-.11-.541-.667-.541-.667l-.55.032-.483-.493-.477.43s-.54-.255-.81-.16c-.27.096-.573.064-.716.127-.143.064-.286.35-.588.43-.302.079-.842.158-.842.158s-.286-.254-.381-.159c-.096.096-.557.366-1.16.477-.604.112-1.367.366-1.51.207-.143-.16-.255-.43-.255-.43s-.397.112-.556.192c-.159.079-1.446-.922-1.7-.97-.254-.048-.525.095-.525.095s-.715-.206-.651-.445c.063-.238.365-.588.365-.588l.366.16s-.127-1.67.048-2.035c.174-.365.54-1.573.794-1.669.254-.095.509.096.81-.11.303-.208 1.145-1.304 1.145-1.304l-.016-.985s.667 0 .763-.016c.095-.016.334-.255-.032-.366l-.254-.095s.905.016 1.144-.032c.238-.048.413-.35.318-.731-.096-.381-.223-1.06-.223-1.06' mask='url(%23b)'/%3E%3C/g%3E%3Cpath d='M6.454 23.873v.413l1.112-.206s-.572.222-.556.46c.016.239-.111.461-.222.334a6.51 6.51 0 00-.334-.334s-.08.461-.397.684c-.318.222-.525 0-.668-.064-.143-.063-.46.003-.524.16-.064.158-.509.778-.509.778s1.017.175 1.144.302.064.413-.175.429c-.238.016-1.223.397-1.335.508-.11.112-.381 1.018-.381 1.018h-.381L1.94 29.944l-.667-1.272s.938-.683 1.271-.73c.334-.048.604-.032.604-.382s.318-.334.493-.43c.175-.094.334-.619.524-.825.191-.207-.016-.811-.016-.811s-.588.397-.81.35c-.223-.048-1.065-.366-1.065-.366s.668-.413.938-.43l1.366-.078s-.635-.143-.778-.318c-.143-.175-.16-.398-.16-.398l2.162.096.016-.477h.636zm1.25 1.473s-.042.381.085.402l.614-.402h-.699zm.742 15.511l.741.678s.996.02 1.081 0c.085-.022 0-.551 0-.551s-.678-.191-.996-.233c-.318-.043-.826.106-.826.106m5.106 2.881l.382.7 1.631.678-1.44-1.378zm3.56 2.141l.276.487.91.636.51-.212-1.25-.911z'/%3E%3Cg transform='translate(15.49 48.02)'%3E%3Cmask id='d' fill='%23fff'%3E%3Cuse xlink:href='%23c'/%3E%3C/mask%3E%3Cpath d='M.076.359s.275 1.102 1.546.72v.382s1.06.445 1.547.466c.488.02 1.23 0 1.23 0s-.043-.784-.297-.89C3.847.93 3.275.91 2.872.592 2.47.274 2.45.465 2.238.443c-.212-.02-.34.043-.615-.402 0 0-.741.402-1.546.318' mask='url(%23d)'/%3E%3C/g%3E%3Cpath d='M9.632 3.944l.149.869.572.466-.106.763h1.102s-.34.699-.255 1.017c.085.318.276.36.827.339l.741 1.865s-.762 0-1.165.339-.424.826-.17 1.229l.255.402-.694.752m8.042-7.707l.937 1.17s-.233.318-.636.276c-.402-.042-.975.004-.975.004L16.71 8.542h-.551l-.085-.577-.509.471s.297.382.551.509c.255.127.636.275.636.275l-.615.424.446.487-.128 1.399-1.674.678s.128.593.149.89c.02.297-.233.403-.149 1.25.085.848.927 1.918.927 1.918m-3.74-3.279l.334-.376.466.188.17.829s.381.381.763 1.08c.381.7 1.398 2.416 1.398 2.416l.106.424h-.318l1.166 2.818-.551.742.36.72' stroke='%23FFF' stroke-width='.5'/%3E%3Cpath d='M22.25 3.547s.414 2.982.414 3.067c0 .085-.318.614-.318.614s.36.551.424.975c.063.424.106.763.106.763l-.625.7.434.677-.72.7.233.593s-.7 1.95-.911 2.204c-.212.254-.89.868-.89.868l-.085 1.06-.848.614-.296.837s-.233.202-.7.18c-.466-.02-1.207-.211-1.547-.656-.339-.445-.593-.7-.741-.678-.148.02-.863.321-1.205.85' stroke='%23FFF' stroke-width='.5'/%3E%3Cpath d='M31.25 15.48s-.243 1.067-.894 1.21c-.652.143-1.097.159-1.32 0-.222-.16-.826-.795-.826-.795l-1.112.683s-.413-.159-.525-.667c-.11-.509-.286-.604-.286-.604s-1.366.493-1.589.525c-.222.031-.27.333-.334.365-.063.032-.333.05-.429-.142-.095-.192-.413.126-.508.126-.096 0-.302.016-.461.302-.159.286.08.472-.461.736-.54.265-.906.456-1.033.345-.127-.112-.24-.604-.374-.509-.135.096-.23.461-.357.413-.127-.047-.381-.222-.588-.317-.207-.096-.795-.165-.985.068 0 0-.021.498-.064.731-.042.234-.127.573-.318.742-.19.17-.89.7-1.674 1.293-.784.593-1.06.381-1.06.381m-.614 2.077s.329.333.233.588c-.095.254-.651.54-.365 1.366.286.827.588.97.588 1.447 0 .476-.27 1.24-.19 2.352l-.9-.194M32.69 17.534s.177 2.191.113 2.223c-.063.032-.397.063-.19.318.206.254.397.35.381.588-.016.238-.038.35-.448.318-.41-.032-.76.079-1.189-.16-.43-.238-.652-.333-1.065-.349-.413-.016-.381.302-.429.445-.048.143-1.192.334-1.287.397-.095.064-.159.318-.7.588-.54.27-.73.302-.73.302V21.6l-.604-.016-.7.54-1.16-.031s-.254.302-.27.509c-.016.206.143.365.16.572.015.206.015 1.064.015 1.064s1.287-.397 1.43-.317c.143.08.397.476.397.476l.811-.206.413.7-.365.19s1.064.97 1.24 1.033c.174.063 1.875.175 1.875.175s-.05 2.656.013 2.767c.012.02.235.35.429.443.832.402 2.863 1.186 2.863 1.186l4.752-2.616' stroke='%23FFF' stroke-width='.5'/%3E%3Cpath d='M18.786 18.692s.413.858.43 1.033c.015.175.238.497.126.678-.11.18-.556.323-.746.387-.191.063-.461.81-.525.937l-.238.477-2.162.827m6.157-5.497s.055.554 0 .76c-.054.207-.16.493.012.51.172.015.236 0 .236.206s.063.508-.08.731c-.142.222-.635 1.224-.635 1.224s.524-.08.572.063c.048.143-.08.413-.127.525-.048.11.016.397.016.397s1.139.381 1.054.493c-.085.11-.069.429-.069.429' stroke='%23FFF' stroke-width='.5'/%3E%3Cpath d='M18.328 21.148s.553-.009.84-.088c.286-.08.476.127.794.238.318.112.318-.016.35.255.032.27-.062.308.272.308h1.221m-3.972.343s.572.064.588.382c.016.318 0 1.144 0 1.144l.504.667v.414s-.393-.032-.965.143c-.572.174-.795.302-1.113.365-.317.064-.206.35-.953.302m8.677-2.447s-.795.031-1.097-.08c-.301-.111-.556-.286-1.08-.222-.525.063-1.08.135-1.097.306-.016.17.096.457-.095.6-.19.143-1.136.137-1.136.137l-.485.45-.656.032' stroke='%23FFF' stroke-width='.5'/%3E%3Cpath d='M18.546 24.828l1.591 1.254s.19.445 0 .953c-.19.51-.286.62-.286.62l.46.35s-.285.302-.444.302h-.572l.779 2.05-.318.095.46.843s-.828.047-.787.365c.04.318.327 1.256.327 1.256s-.286.62-.636.906c-.35.286-.588.413-.381.572.206.159.35.254.317.556-.031.302-.082.556-.51.858-.427.302-1.73 1.478-1.73 1.478s.227.048.296 1.43c.07 1.383.07 2.766.07 2.766' stroke='%23FFF' stroke-width='.5'/%3E%3Cpath d='M20.221 26.596s.324.106.483.053c.159-.053.269-.191.394-.053s.263.19.263.19l.76-.328.596.763-.596.572.278.318s.689-.021 1.77.339c1.08.36 2.743.244 3.114.328.371.085 2.268.827 2.268.827l1.279-.106' stroke='%23FFF' stroke-width='.5'/%3E%3C/g%3E%3C/svg%3E")
}

.election__special-city--marseille:hover:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='44' height='50' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill='%23026b9c'%3E%3Cdefs%3E%3Cpath id='a' d='M0 .044h42.196v44.18H0z'/%3E%3Cpath id='c' d='M.076.04h4.322v1.896H.076z'/%3E%3C/defs%3E%3Cg fill-rule='evenodd'%3E%3Cg transform='translate(0 .07)'%3E%3Cmask id='b' fill='%23fff'%3E%3Cuse xlink:href='%23a'/%3E%3C/mask%3E%3Cpath d='M15.671 31.548h.212l.297-1.187-.106-.19-.509-.234s-.127-.614-.19-.742c-.064-.127-.424-.19-.424-.19l.487-.615s-.635-.508-.953-.635c-.318-.128-.424-.255-.424-.255s-.043-.657-.19-.826c-.15-.17-1.378-1.06-1.505-1.144-.127-.085-.996-.255-1.102-.34-.106-.084-.106-.402.233-.508l.339-.106-.021-.466s.699-.636.826-.763-.063-.508-.063-.508-.022-.36.02-.551c.043-.191.446-.488.806-.234.36.255.381.551 1.038.488.657-.064.996-.17.996-.17l.424-.614-1.632.296-.19-.042-.509-.614.16-.191h.285s.027-.55-.021-.837c-.048-.286.08-.89.175-1.24.095-.35.222-.921.19-1.064h-.556s.143-1.208.016-1.32c-.127-.11-.667-.19-.667-.19s.683-.636.762-.684c.08-.047-.27-.524-.27-.524s-.047.54-.715.715l.27-.46s-.508-.271-.73-.652c-.223-.382-.462-.62-.446-.795.016-.175.064-.35-.127-.477-.19-.127-.655-.429-.655-.429l1.116.111s-.35-.317-.35-.445c0 0-1.176-.063-1.271-.127-.095-.063-.095-.19.175-.206.27-.016.35 0 .35 0s-.334-.477-.334-.668H9.95s-1.526-1.224-1.557-1.287c-.032-.064.127-.254.365-.095a222.79 222.79 0 011.526 1.048l.477-.174-.557-.461.27-.35S9.252 9.611 8.918 9.42a42.25 42.25 0 00-.842-.46v-.366h-.493v.445l-.572-.016s-.413-.493-.636-.525c-.222-.031-.556-.016-.286-.206.27-.191.445-.318.445-.318s-.921-.652-1.35-.763c-.43-.111-1.574-.159-2.273 0-.7.16-.985.525-1.208.779-.222.254-.954.604-.954.604s.128-.35.128-.461c0-.111-.43-.35-.477-.525C.35 7.434.017 6.464.002 6.194c-.016-.27.095-1.335.349-1.478.254-.143.54-.334.54-.572 0-.239.223-.334-.095-.509-.318-.174-.477-.413-.365-.54.11-.127.174-.286-.016-.413l-.191-.127 1.383-1.097h.937l.604-.842s1.08.588 1.144.81c.064.223 0 .986 0 .986s.334-.096.54-.143c.207-.048.477-.16.557.11.08.271.318.652.731.78.413.127.715.62.715 1.08 0 .461-.159.588-.016.763.143.175.334.318.54.207.207-.112.684-.874.907-.874.222 0 .54.254.683.206.143-.047.683-.667.683-.667l.032-.54s.7-.032.938.095.11.19.524.254c.413.064 1.017 0 1.303.064.286.063.398.031.398.031s-.302-.445-.493-.778c-.19-.334-.366-.859-.223-.986s.636-.492.763-.508c.128-.016.461-.048.461-.048s.382-.556.54-.556c.16 0 .493-.064.668-.111a3.37 3.37 0 00.636-.27c.127-.08.413-.096.715.095.302.19.508.588.62.73.11.144.159.16.127.24-.032.079-.27.158-.286.254-.016.095.143.333.175.476.031.143.11.366-.16.509-.27.143-.35.302-.35.302l.63.572s-.152.477-.359.572c-.206.095-.477.207-.477.207s.843.429.954.445c.111.016.222-.096.493-.255.27-.159.572-.206.969-.302.397-.095.7-.159.7-.159l.412-.286 1.145-.016.62-.54s.762 0 1.144.111c0 0 .286-.556 1.303-1.112S26.144.98 26.304.79c.158-.191.333-.747.333-.747s1.208.46 1.494.953c.286.493 2.098 3.862 2.24 4.291v.779s.589.906.573 1.08c-.016.175-.223.668-.572 1.081-.35.413-1.224 1.24-1.51 2.368-.286 1.129-.366 1.32-.207 1.43.16.112.78.668.97 1.097.19.43 1.271 1.764 1.51 2.13.238.365.985 1.064.969 1.303-.016.238.143.508.381.73.239.223.255.24.604.303.35.063.572.143.859.111.286-.032.73-.381 1.032-.365.302.015 1.685-.016 1.796 0 .111.015.27-.604.509-.573.238.032.779.08.874-.016.095-.095.238-.254.381-.286.143-.031.7-.588.7-.588l1.366.223s-.127.54-.19.779c-.064.238.11.683.35.715.238.032 1.112.254 1.112.254s-.382.62-.461.842c-.08.223.064.334.111.572.048.239 0 .859 0 .859l.668.842-.731.858-.048.35-.7.08-.81 1.302s-.89-.35-.97-.19c-.079.159-.27 1.494-.27 1.494s-.89-.286-.937-.16c-.048.128.032 1.876.032 1.876s.73.651.683 1.43l.7.223s-.287.747-.16 1.255c.127.509 1.224 3.512 1.16 4.1-.063.588-.11.668-.11.668l1.128.572s-.334.938-.461.954c-.127.015-2.035-.16-2.178-.16-.143 0-.524.557-.524.557l-.048 1.446s.906 1.097.938 1.144c.032.048-.254.143-.19.239.063.095 1.128 1.144 1.128 1.144s-.461 1.383-.668 1.621a1.858 1.858 0 01-.429.365l-.143 1.908s-.334-.239-.064-1.16l-.572.794-1.382-.556 1.033.922-.795.19-.922-.747.048-.54s-.445-.238-.509-.127c-.063.111-.079.334-.079.334l-1.367-.938-.89.493s-.46-.35-.604-.43c-.143-.079-.81-.127-.81-.127s-.064-.54-.175-.572c-.111-.031-.604.096-.604.096l-1.001-.763-.254.429-1.383-.032-.826-.604s.604.7.604.795c0 .095-.128.365-.048.413.08.048 1.367 1.049 1.367 1.049s-.509.318-.652.286c-.143-.032-.795-.874-.795-.874l-.476.27s-.588-.715-.78-.715c0 0-.19.286-.698.063-.509-.222-.572-.429-.572-.508l-1.764-.095s1.096.89 1.128.953c.032.064-.016.413-.016.413s-1.287-.747-1.542-.858c-.254-.111-.842-.222-1-.334-.16-.11-.541-.667-.541-.667l-.55.032-.483-.493-.477.43s-.54-.255-.81-.16c-.27.096-.573.064-.716.127-.143.064-.286.35-.588.43-.302.079-.842.158-.842.158s-.286-.254-.381-.159c-.096.096-.557.366-1.16.477-.604.112-1.367.366-1.51.207-.143-.16-.255-.43-.255-.43s-.397.112-.556.192c-.159.079-1.446-.922-1.7-.97-.254-.048-.525.095-.525.095s-.715-.206-.651-.445c.063-.238.365-.588.365-.588l.366.16s-.127-1.67.048-2.035c.174-.365.54-1.573.794-1.669.254-.095.509.096.81-.11.303-.208 1.145-1.304 1.145-1.304l-.016-.985s.667 0 .763-.016c.095-.016.334-.255-.032-.366l-.254-.095s.905.016 1.144-.032c.238-.048.413-.35.318-.731-.096-.381-.223-1.06-.223-1.06' mask='url(%23b)'/%3E%3C/g%3E%3Cpath d='M6.454 23.873v.413l1.112-.206s-.572.222-.556.46c.016.239-.111.461-.222.334a6.51 6.51 0 00-.334-.334s-.08.461-.397.684c-.318.222-.525 0-.668-.064-.143-.063-.46.003-.524.16-.064.158-.509.778-.509.778s1.017.175 1.144.302.064.413-.175.429c-.238.016-1.223.397-1.335.508-.11.112-.381 1.018-.381 1.018h-.381L1.94 29.944l-.667-1.272s.938-.683 1.271-.73c.334-.048.604-.032.604-.382s.318-.334.493-.43c.175-.094.334-.619.524-.825.191-.207-.016-.811-.016-.811s-.588.397-.81.35c-.223-.048-1.065-.366-1.065-.366s.668-.413.938-.43l1.366-.078s-.635-.143-.778-.318c-.143-.175-.16-.398-.16-.398l2.162.096.016-.477h.636zm1.25 1.473s-.042.381.085.402l.614-.402h-.699zm.742 15.511l.741.678s.996.02 1.081 0c.085-.022 0-.551 0-.551s-.678-.191-.996-.233c-.318-.043-.826.106-.826.106m5.106 2.881l.382.7 1.631.678-1.44-1.378zm3.56 2.141l.276.487.91.636.51-.212-1.25-.911z'/%3E%3Cg transform='translate(15.49 48.02)'%3E%3Cmask id='d' fill='%23fff'%3E%3Cuse xlink:href='%23c'/%3E%3C/mask%3E%3Cpath d='M.076.359s.275 1.102 1.546.72v.382s1.06.445 1.547.466c.488.02 1.23 0 1.23 0s-.043-.784-.297-.89C3.847.93 3.275.91 2.872.592 2.47.274 2.45.465 2.238.443c-.212-.02-.34.043-.615-.402 0 0-.741.402-1.546.318' mask='url(%23d)'/%3E%3C/g%3E%3Cpath d='M9.632 3.944l.149.869.572.466-.106.763h1.102s-.34.699-.255 1.017c.085.318.276.36.827.339l.741 1.865s-.762 0-1.165.339-.424.826-.17 1.229l.255.402-.694.752m8.042-7.707l.937 1.17s-.233.318-.636.276c-.402-.042-.975.004-.975.004L16.71 8.542h-.551l-.085-.577-.509.471s.297.382.551.509c.255.127.636.275.636.275l-.615.424.446.487-.128 1.399-1.674.678s.128.593.149.89c.02.297-.233.403-.149 1.25.085.848.927 1.918.927 1.918m-3.74-3.279l.334-.376.466.188.17.829s.381.381.763 1.08c.381.7 1.398 2.416 1.398 2.416l.106.424h-.318l1.166 2.818-.551.742.36.72' stroke='%23FFF' stroke-width='.5'/%3E%3Cpath d='M22.25 3.547s.414 2.982.414 3.067c0 .085-.318.614-.318.614s.36.551.424.975c.063.424.106.763.106.763l-.625.7.434.677-.72.7.233.593s-.7 1.95-.911 2.204c-.212.254-.89.868-.89.868l-.085 1.06-.848.614-.296.837s-.233.202-.7.18c-.466-.02-1.207-.211-1.547-.656-.339-.445-.593-.7-.741-.678-.148.02-.863.321-1.205.85' stroke='%23FFF' stroke-width='.5'/%3E%3Cpath d='M31.25 15.48s-.243 1.067-.894 1.21c-.652.143-1.097.159-1.32 0-.222-.16-.826-.795-.826-.795l-1.112.683s-.413-.159-.525-.667c-.11-.509-.286-.604-.286-.604s-1.366.493-1.589.525c-.222.031-.27.333-.334.365-.063.032-.333.05-.429-.142-.095-.192-.413.126-.508.126-.096 0-.302.016-.461.302-.159.286.08.472-.461.736-.54.265-.906.456-1.033.345-.127-.112-.24-.604-.374-.509-.135.096-.23.461-.357.413-.127-.047-.381-.222-.588-.317-.207-.096-.795-.165-.985.068 0 0-.021.498-.064.731-.042.234-.127.573-.318.742-.19.17-.89.7-1.674 1.293-.784.593-1.06.381-1.06.381m-.614 2.077s.329.333.233.588c-.095.254-.651.54-.365 1.366.286.827.588.97.588 1.447 0 .476-.27 1.24-.19 2.352l-.9-.194M32.69 17.534s.177 2.191.113 2.223c-.063.032-.397.063-.19.318.206.254.397.35.381.588-.016.238-.038.35-.448.318-.41-.032-.76.079-1.189-.16-.43-.238-.652-.333-1.065-.349-.413-.016-.381.302-.429.445-.048.143-1.192.334-1.287.397-.095.064-.159.318-.7.588-.54.27-.73.302-.73.302V21.6l-.604-.016-.7.54-1.16-.031s-.254.302-.27.509c-.016.206.143.365.16.572.015.206.015 1.064.015 1.064s1.287-.397 1.43-.317c.143.08.397.476.397.476l.811-.206.413.7-.365.19s1.064.97 1.24 1.033c.174.063 1.875.175 1.875.175s-.05 2.656.013 2.767c.012.02.235.35.429.443.832.402 2.863 1.186 2.863 1.186l4.752-2.616' stroke='%23FFF' stroke-width='.5'/%3E%3Cpath d='M18.786 18.692s.413.858.43 1.033c.015.175.238.497.126.678-.11.18-.556.323-.746.387-.191.063-.461.81-.525.937l-.238.477-2.162.827m6.157-5.497s.055.554 0 .76c-.054.207-.16.493.012.51.172.015.236 0 .236.206s.063.508-.08.731c-.142.222-.635 1.224-.635 1.224s.524-.08.572.063c.048.143-.08.413-.127.525-.048.11.016.397.016.397s1.139.381 1.054.493c-.085.11-.069.429-.069.429' stroke='%23FFF' stroke-width='.5'/%3E%3Cpath d='M18.328 21.148s.553-.009.84-.088c.286-.08.476.127.794.238.318.112.318-.016.35.255.032.27-.062.308.272.308h1.221m-3.972.343s.572.064.588.382c.016.318 0 1.144 0 1.144l.504.667v.414s-.393-.032-.965.143c-.572.174-.795.302-1.113.365-.317.064-.206.35-.953.302m8.677-2.447s-.795.031-1.097-.08c-.301-.111-.556-.286-1.08-.222-.525.063-1.08.135-1.097.306-.016.17.096.457-.095.6-.19.143-1.136.137-1.136.137l-.485.45-.656.032' stroke='%23FFF' stroke-width='.5'/%3E%3Cpath d='M18.546 24.828l1.591 1.254s.19.445 0 .953c-.19.51-.286.62-.286.62l.46.35s-.285.302-.444.302h-.572l.779 2.05-.318.095.46.843s-.828.047-.787.365c.04.318.327 1.256.327 1.256s-.286.62-.636.906c-.35.286-.588.413-.381.572.206.159.35.254.317.556-.031.302-.082.556-.51.858-.427.302-1.73 1.478-1.73 1.478s.227.048.296 1.43c.07 1.383.07 2.766.07 2.766' stroke='%23FFF' stroke-width='.5'/%3E%3Cpath d='M20.221 26.596s.324.106.483.053c.159-.053.269-.191.394-.053s.263.19.263.19l.76-.328.596.763-.596.572.278.318s.689-.021 1.77.339c1.08.36 2.743.244 3.114.328.371.085 2.268.827 2.268.827l1.279-.106' stroke='%23FFF' stroke-width='.5'/%3E%3C/g%3E%3C/svg%3E")
}

.election__special-city--marseille.ui-collapse--shown:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='44' height='50' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill='%23026b9c'%3E%3Cdefs%3E%3Cpath id='a' d='M0 .044h42.196v44.18H0z'/%3E%3Cpath id='c' d='M.076.04h4.322v1.896H.076z'/%3E%3C/defs%3E%3Cg fill-rule='evenodd'%3E%3Cg transform='translate(0 .07)'%3E%3Cmask id='b' fill='%23fff'%3E%3Cuse xlink:href='%23a'/%3E%3C/mask%3E%3Cpath d='M15.671 31.548h.212l.297-1.187-.106-.19-.509-.234s-.127-.614-.19-.742c-.064-.127-.424-.19-.424-.19l.487-.615s-.635-.508-.953-.635c-.318-.128-.424-.255-.424-.255s-.043-.657-.19-.826c-.15-.17-1.378-1.06-1.505-1.144-.127-.085-.996-.255-1.102-.34-.106-.084-.106-.402.233-.508l.339-.106-.021-.466s.699-.636.826-.763-.063-.508-.063-.508-.022-.36.02-.551c.043-.191.446-.488.806-.234.36.255.381.551 1.038.488.657-.064.996-.17.996-.17l.424-.614-1.632.296-.19-.042-.509-.614.16-.191h.285s.027-.55-.021-.837c-.048-.286.08-.89.175-1.24.095-.35.222-.921.19-1.064h-.556s.143-1.208.016-1.32c-.127-.11-.667-.19-.667-.19s.683-.636.762-.684c.08-.047-.27-.524-.27-.524s-.047.54-.715.715l.27-.46s-.508-.271-.73-.652c-.223-.382-.462-.62-.446-.795.016-.175.064-.35-.127-.477-.19-.127-.655-.429-.655-.429l1.116.111s-.35-.317-.35-.445c0 0-1.176-.063-1.271-.127-.095-.063-.095-.19.175-.206.27-.016.35 0 .35 0s-.334-.477-.334-.668H9.95s-1.526-1.224-1.557-1.287c-.032-.064.127-.254.365-.095a222.79 222.79 0 011.526 1.048l.477-.174-.557-.461.27-.35S9.252 9.611 8.918 9.42a42.25 42.25 0 00-.842-.46v-.366h-.493v.445l-.572-.016s-.413-.493-.636-.525c-.222-.031-.556-.016-.286-.206.27-.191.445-.318.445-.318s-.921-.652-1.35-.763c-.43-.111-1.574-.159-2.273 0-.7.16-.985.525-1.208.779-.222.254-.954.604-.954.604s.128-.35.128-.461c0-.111-.43-.35-.477-.525C.35 7.434.017 6.464.002 6.194c-.016-.27.095-1.335.349-1.478.254-.143.54-.334.54-.572 0-.239.223-.334-.095-.509-.318-.174-.477-.413-.365-.54.11-.127.174-.286-.016-.413l-.191-.127 1.383-1.097h.937l.604-.842s1.08.588 1.144.81c.064.223 0 .986 0 .986s.334-.096.54-.143c.207-.048.477-.16.557.11.08.271.318.652.731.78.413.127.715.62.715 1.08 0 .461-.159.588-.016.763.143.175.334.318.54.207.207-.112.684-.874.907-.874.222 0 .54.254.683.206.143-.047.683-.667.683-.667l.032-.54s.7-.032.938.095.11.19.524.254c.413.064 1.017 0 1.303.064.286.063.398.031.398.031s-.302-.445-.493-.778c-.19-.334-.366-.859-.223-.986s.636-.492.763-.508c.128-.016.461-.048.461-.048s.382-.556.54-.556c.16 0 .493-.064.668-.111a3.37 3.37 0 00.636-.27c.127-.08.413-.096.715.095.302.19.508.588.62.73.11.144.159.16.127.24-.032.079-.27.158-.286.254-.016.095.143.333.175.476.031.143.11.366-.16.509-.27.143-.35.302-.35.302l.63.572s-.152.477-.359.572c-.206.095-.477.207-.477.207s.843.429.954.445c.111.016.222-.096.493-.255.27-.159.572-.206.969-.302.397-.095.7-.159.7-.159l.412-.286 1.145-.016.62-.54s.762 0 1.144.111c0 0 .286-.556 1.303-1.112S26.144.98 26.304.79c.158-.191.333-.747.333-.747s1.208.46 1.494.953c.286.493 2.098 3.862 2.24 4.291v.779s.589.906.573 1.08c-.016.175-.223.668-.572 1.081-.35.413-1.224 1.24-1.51 2.368-.286 1.129-.366 1.32-.207 1.43.16.112.78.668.97 1.097.19.43 1.271 1.764 1.51 2.13.238.365.985 1.064.969 1.303-.016.238.143.508.381.73.239.223.255.24.604.303.35.063.572.143.859.111.286-.032.73-.381 1.032-.365.302.015 1.685-.016 1.796 0 .111.015.27-.604.509-.573.238.032.779.08.874-.016.095-.095.238-.254.381-.286.143-.031.7-.588.7-.588l1.366.223s-.127.54-.19.779c-.064.238.11.683.35.715.238.032 1.112.254 1.112.254s-.382.62-.461.842c-.08.223.064.334.111.572.048.239 0 .859 0 .859l.668.842-.731.858-.048.35-.7.08-.81 1.302s-.89-.35-.97-.19c-.079.159-.27 1.494-.27 1.494s-.89-.286-.937-.16c-.048.128.032 1.876.032 1.876s.73.651.683 1.43l.7.223s-.287.747-.16 1.255c.127.509 1.224 3.512 1.16 4.1-.063.588-.11.668-.11.668l1.128.572s-.334.938-.461.954c-.127.015-2.035-.16-2.178-.16-.143 0-.524.557-.524.557l-.048 1.446s.906 1.097.938 1.144c.032.048-.254.143-.19.239.063.095 1.128 1.144 1.128 1.144s-.461 1.383-.668 1.621a1.858 1.858 0 01-.429.365l-.143 1.908s-.334-.239-.064-1.16l-.572.794-1.382-.556 1.033.922-.795.19-.922-.747.048-.54s-.445-.238-.509-.127c-.063.111-.079.334-.079.334l-1.367-.938-.89.493s-.46-.35-.604-.43c-.143-.079-.81-.127-.81-.127s-.064-.54-.175-.572c-.111-.031-.604.096-.604.096l-1.001-.763-.254.429-1.383-.032-.826-.604s.604.7.604.795c0 .095-.128.365-.048.413.08.048 1.367 1.049 1.367 1.049s-.509.318-.652.286c-.143-.032-.795-.874-.795-.874l-.476.27s-.588-.715-.78-.715c0 0-.19.286-.698.063-.509-.222-.572-.429-.572-.508l-1.764-.095s1.096.89 1.128.953c.032.064-.016.413-.016.413s-1.287-.747-1.542-.858c-.254-.111-.842-.222-1-.334-.16-.11-.541-.667-.541-.667l-.55.032-.483-.493-.477.43s-.54-.255-.81-.16c-.27.096-.573.064-.716.127-.143.064-.286.35-.588.43-.302.079-.842.158-.842.158s-.286-.254-.381-.159c-.096.096-.557.366-1.16.477-.604.112-1.367.366-1.51.207-.143-.16-.255-.43-.255-.43s-.397.112-.556.192c-.159.079-1.446-.922-1.7-.97-.254-.048-.525.095-.525.095s-.715-.206-.651-.445c.063-.238.365-.588.365-.588l.366.16s-.127-1.67.048-2.035c.174-.365.54-1.573.794-1.669.254-.095.509.096.81-.11.303-.208 1.145-1.304 1.145-1.304l-.016-.985s.667 0 .763-.016c.095-.016.334-.255-.032-.366l-.254-.095s.905.016 1.144-.032c.238-.048.413-.35.318-.731-.096-.381-.223-1.06-.223-1.06' mask='url(%23b)'/%3E%3C/g%3E%3Cpath d='M6.454 23.873v.413l1.112-.206s-.572.222-.556.46c.016.239-.111.461-.222.334a6.51 6.51 0 00-.334-.334s-.08.461-.397.684c-.318.222-.525 0-.668-.064-.143-.063-.46.003-.524.16-.064.158-.509.778-.509.778s1.017.175 1.144.302.064.413-.175.429c-.238.016-1.223.397-1.335.508-.11.112-.381 1.018-.381 1.018h-.381L1.94 29.944l-.667-1.272s.938-.683 1.271-.73c.334-.048.604-.032.604-.382s.318-.334.493-.43c.175-.094.334-.619.524-.825.191-.207-.016-.811-.016-.811s-.588.397-.81.35c-.223-.048-1.065-.366-1.065-.366s.668-.413.938-.43l1.366-.078s-.635-.143-.778-.318c-.143-.175-.16-.398-.16-.398l2.162.096.016-.477h.636zm1.25 1.473s-.042.381.085.402l.614-.402h-.699zm.742 15.511l.741.678s.996.02 1.081 0c.085-.022 0-.551 0-.551s-.678-.191-.996-.233c-.318-.043-.826.106-.826.106m5.106 2.881l.382.7 1.631.678-1.44-1.378zm3.56 2.141l.276.487.91.636.51-.212-1.25-.911z'/%3E%3Cg transform='translate(15.49 48.02)'%3E%3Cmask id='d' fill='%23fff'%3E%3Cuse xlink:href='%23c'/%3E%3C/mask%3E%3Cpath d='M.076.359s.275 1.102 1.546.72v.382s1.06.445 1.547.466c.488.02 1.23 0 1.23 0s-.043-.784-.297-.89C3.847.93 3.275.91 2.872.592 2.47.274 2.45.465 2.238.443c-.212-.02-.34.043-.615-.402 0 0-.741.402-1.546.318' mask='url(%23d)'/%3E%3C/g%3E%3Cpath d='M9.632 3.944l.149.869.572.466-.106.763h1.102s-.34.699-.255 1.017c.085.318.276.36.827.339l.741 1.865s-.762 0-1.165.339-.424.826-.17 1.229l.255.402-.694.752m8.042-7.707l.937 1.17s-.233.318-.636.276c-.402-.042-.975.004-.975.004L16.71 8.542h-.551l-.085-.577-.509.471s.297.382.551.509c.255.127.636.275.636.275l-.615.424.446.487-.128 1.399-1.674.678s.128.593.149.89c.02.297-.233.403-.149 1.25.085.848.927 1.918.927 1.918m-3.74-3.279l.334-.376.466.188.17.829s.381.381.763 1.08c.381.7 1.398 2.416 1.398 2.416l.106.424h-.318l1.166 2.818-.551.742.36.72' stroke='%23FFF' stroke-width='.5'/%3E%3Cpath d='M22.25 3.547s.414 2.982.414 3.067c0 .085-.318.614-.318.614s.36.551.424.975c.063.424.106.763.106.763l-.625.7.434.677-.72.7.233.593s-.7 1.95-.911 2.204c-.212.254-.89.868-.89.868l-.085 1.06-.848.614-.296.837s-.233.202-.7.18c-.466-.02-1.207-.211-1.547-.656-.339-.445-.593-.7-.741-.678-.148.02-.863.321-1.205.85' stroke='%23FFF' stroke-width='.5'/%3E%3Cpath d='M31.25 15.48s-.243 1.067-.894 1.21c-.652.143-1.097.159-1.32 0-.222-.16-.826-.795-.826-.795l-1.112.683s-.413-.159-.525-.667c-.11-.509-.286-.604-.286-.604s-1.366.493-1.589.525c-.222.031-.27.333-.334.365-.063.032-.333.05-.429-.142-.095-.192-.413.126-.508.126-.096 0-.302.016-.461.302-.159.286.08.472-.461.736-.54.265-.906.456-1.033.345-.127-.112-.24-.604-.374-.509-.135.096-.23.461-.357.413-.127-.047-.381-.222-.588-.317-.207-.096-.795-.165-.985.068 0 0-.021.498-.064.731-.042.234-.127.573-.318.742-.19.17-.89.7-1.674 1.293-.784.593-1.06.381-1.06.381m-.614 2.077s.329.333.233.588c-.095.254-.651.54-.365 1.366.286.827.588.97.588 1.447 0 .476-.27 1.24-.19 2.352l-.9-.194M32.69 17.534s.177 2.191.113 2.223c-.063.032-.397.063-.19.318.206.254.397.35.381.588-.016.238-.038.35-.448.318-.41-.032-.76.079-1.189-.16-.43-.238-.652-.333-1.065-.349-.413-.016-.381.302-.429.445-.048.143-1.192.334-1.287.397-.095.064-.159.318-.7.588-.54.27-.73.302-.73.302V21.6l-.604-.016-.7.54-1.16-.031s-.254.302-.27.509c-.016.206.143.365.16.572.015.206.015 1.064.015 1.064s1.287-.397 1.43-.317c.143.08.397.476.397.476l.811-.206.413.7-.365.19s1.064.97 1.24 1.033c.174.063 1.875.175 1.875.175s-.05 2.656.013 2.767c.012.02.235.35.429.443.832.402 2.863 1.186 2.863 1.186l4.752-2.616' stroke='%23FFF' stroke-width='.5'/%3E%3Cpath d='M18.786 18.692s.413.858.43 1.033c.015.175.238.497.126.678-.11.18-.556.323-.746.387-.191.063-.461.81-.525.937l-.238.477-2.162.827m6.157-5.497s.055.554 0 .76c-.054.207-.16.493.012.51.172.015.236 0 .236.206s.063.508-.08.731c-.142.222-.635 1.224-.635 1.224s.524-.08.572.063c.048.143-.08.413-.127.525-.048.11.016.397.016.397s1.139.381 1.054.493c-.085.11-.069.429-.069.429' stroke='%23FFF' stroke-width='.5'/%3E%3Cpath d='M18.328 21.148s.553-.009.84-.088c.286-.08.476.127.794.238.318.112.318-.016.35.255.032.27-.062.308.272.308h1.221m-3.972.343s.572.064.588.382c.016.318 0 1.144 0 1.144l.504.667v.414s-.393-.032-.965.143c-.572.174-.795.302-1.113.365-.317.064-.206.35-.953.302m8.677-2.447s-.795.031-1.097-.08c-.301-.111-.556-.286-1.08-.222-.525.063-1.08.135-1.097.306-.016.17.096.457-.095.6-.19.143-1.136.137-1.136.137l-.485.45-.656.032' stroke='%23FFF' stroke-width='.5'/%3E%3Cpath d='M18.546 24.828l1.591 1.254s.19.445 0 .953c-.19.51-.286.62-.286.62l.46.35s-.285.302-.444.302h-.572l.779 2.05-.318.095.46.843s-.828.047-.787.365c.04.318.327 1.256.327 1.256s-.286.62-.636.906c-.35.286-.588.413-.381.572.206.159.35.254.317.556-.031.302-.082.556-.51.858-.427.302-1.73 1.478-1.73 1.478s.227.048.296 1.43c.07 1.383.07 2.766.07 2.766' stroke='%23FFF' stroke-width='.5'/%3E%3Cpath d='M20.221 26.596s.324.106.483.053c.159-.053.269-.191.394-.053s.263.19.263.19l.76-.328.596.763-.596.572.278.318s.689-.021 1.77.339c1.08.36 2.743.244 3.114.328.371.085 2.268.827 2.268.827l1.279-.106' stroke='%23FFF' stroke-width='.5'/%3E%3C/g%3E%3C/svg%3E")
}

.election__special-city--lyon:before,
.election__special-city--yon:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='44' height='50' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill='%23666e80'%3E%3Cdefs%3E%3Cpath id='a' d='M0 .033h43.551v49.8H0z'/%3E%3C/defs%3E%3Cg fill-rule='evenodd'%3E%3Cg transform='translate(0 .05)'%3E%3Cmask id='b' fill='%23fff'%3E%3Cuse xlink:href='%23a'/%3E%3C/mask%3E%3Cpath d='M8.103 16.02l-1.154-1.652-.42-1.324.405-2.384-2.072.608-.546-.889L6.42 8.634l.966.655 1.511-.203-.234-.872h1.995l1.792 1.558.265-1.699s1.651-.95 1.776-1.153c.125-.202 1.371-2.181 1.62-2.649.25-.467.561-1.293.561-1.293l1.138.11-.218-1.278 1.137.17L20.755.735l.826 1.247.903-1.948.624 2.275.794.125L22.61 4.77l-3.88 1.917-2.477 2.508 1.23 1.075.328 1.574 2.976 1.2 1.979-.312 1.667 1.683 1.76-2.4L28 10.786l2.51.046-.577 6.95.825.171s.483 1.169.702 1.356c.218.187 1.698 1.371 1.76 1.527.063.156.935 2.088 1.091 2.197.156.109 1.792 1.683 1.792 1.683l-.125 1.496s1.683.405 2.493.467c.81.062 3.475.125 3.475.125l1.605.607s-.577 2.992-.67 3.21c-.093.218-3.272 8.399-3.272 8.399l.25 4.191s-2.276-.358-2.478-.452a1776.18 1776.18 0 00-5.984-2.508l-1.09-1.932-2.12.576.28 5.298-5.858.093s.172 2.82.39 3.444c.218.623.623 1.807.623 1.807l-1.044.297s-.732-.78-1.184-.998c-.452-.218-2.556-1.309-2.634-1.418-.077-.109-1.106-1.122-1.106-1.122l-.935-2.15s-.436-2.695-.56-3.132c-.125-.436-.53-2.025-.67-2.244-.141-.218-.827-1.153-.858-1.355-.03-.203-.343-2.026-.405-2.634-.062-.607.218-3.022.218-3.022l1.496-2.431-1.153-.343-.483.78-3.91-1.684S7.868 29.11 7.76 29.218c-.11.109-3.6 2.322-3.6 2.322s-1.667-1.45-1.745-1.496c-.078-.047-.452.14-.452.14L0 28.408l.452-1.122 3.1-.686v-1.122l1.091-1.153.468-2.54 1.37-1.87s.562-2.555.64-2.726c.078-.172.982-1.169.982-1.169' mask='url(%23b)'/%3E%3C/g%3E%3Cpath d='M16.252 9.246l-.997 1.09-2.338 4.535.14 2.119s1.029 1.09 2.198 3.21l-.484 1.636h-1.854l.405 2.025.624.686-2.68-.92-1.699-1.526-4.456-.265m19.321-7.37l-1.122 3.319v4.362l10.454-.076m-10.454.076l-.467 3.366s9.209 4.379 12.485 6.084c2.014 1.05 6.133 2.71 6.133 2.71' stroke='%23FFF' stroke-width='.5'/%3E%3Cpath d='M15.94 29.377l1.262-1.15s1.146-2.34 1.52-2.948c.373-.607 1.332-2.126 1.332-2.126l.187-1.637-1.52-1.566s-2.298.585-2.47.561c-.17-.023-.997-.311-.997-.311l-1.053-1.723 3.75-1.331 3.825-.483 1.534 1.122m6.794 11.219s-.203 2.196-.436 2.976a11.37 11.37 0 01-.592 1.511l-2.416 1.153s.374.904.296 1.247c-.077.342-.841 4.643-.841 4.643l.592 3.737m-3.864-18.758s-1.995 4.044-2.205 4.44c-.21.398-2.618 4.172-2.688 4.354-.07.181-1.426 3.337-1.426 3.337l-.366 3.42m4.082-19.548l3.07-.319' stroke='%23FFF' stroke-width='.5'/%3E%3C/g%3E%3C/svg%3E")
}

.election__special-city--lyon:hover:before,
.election__special-city--yon:hover:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='44' height='50' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill='%23026b9c'%3E%3Cdefs%3E%3Cpath id='a' d='M0 .033h43.551v49.8H0z'/%3E%3C/defs%3E%3Cg fill-rule='evenodd'%3E%3Cg transform='translate(0 .05)'%3E%3Cmask id='b' fill='%23fff'%3E%3Cuse xlink:href='%23a'/%3E%3C/mask%3E%3Cpath d='M8.103 16.02l-1.154-1.652-.42-1.324.405-2.384-2.072.608-.546-.889L6.42 8.634l.966.655 1.511-.203-.234-.872h1.995l1.792 1.558.265-1.699s1.651-.95 1.776-1.153c.125-.202 1.371-2.181 1.62-2.649.25-.467.561-1.293.561-1.293l1.138.11-.218-1.278 1.137.17L20.755.735l.826 1.247.903-1.948.624 2.275.794.125L22.61 4.77l-3.88 1.917-2.477 2.508 1.23 1.075.328 1.574 2.976 1.2 1.979-.312 1.667 1.683 1.76-2.4L28 10.786l2.51.046-.577 6.95.825.171s.483 1.169.702 1.356c.218.187 1.698 1.371 1.76 1.527.063.156.935 2.088 1.091 2.197.156.109 1.792 1.683 1.792 1.683l-.125 1.496s1.683.405 2.493.467c.81.062 3.475.125 3.475.125l1.605.607s-.577 2.992-.67 3.21c-.093.218-3.272 8.399-3.272 8.399l.25 4.191s-2.276-.358-2.478-.452a1776.18 1776.18 0 00-5.984-2.508l-1.09-1.932-2.12.576.28 5.298-5.858.093s.172 2.82.39 3.444c.218.623.623 1.807.623 1.807l-1.044.297s-.732-.78-1.184-.998c-.452-.218-2.556-1.309-2.634-1.418-.077-.109-1.106-1.122-1.106-1.122l-.935-2.15s-.436-2.695-.56-3.132c-.125-.436-.53-2.025-.67-2.244-.141-.218-.827-1.153-.858-1.355-.03-.203-.343-2.026-.405-2.634-.062-.607.218-3.022.218-3.022l1.496-2.431-1.153-.343-.483.78-3.91-1.684S7.868 29.11 7.76 29.218c-.11.109-3.6 2.322-3.6 2.322s-1.667-1.45-1.745-1.496c-.078-.047-.452.14-.452.14L0 28.408l.452-1.122 3.1-.686v-1.122l1.091-1.153.468-2.54 1.37-1.87s.562-2.555.64-2.726c.078-.172.982-1.169.982-1.169' mask='url(%23b)'/%3E%3C/g%3E%3Cpath d='M16.252 9.246l-.997 1.09-2.338 4.535.14 2.119s1.029 1.09 2.198 3.21l-.484 1.636h-1.854l.405 2.025.624.686-2.68-.92-1.699-1.526-4.456-.265m19.321-7.37l-1.122 3.319v4.362l10.454-.076m-10.454.076l-.467 3.366s9.209 4.379 12.485 6.084c2.014 1.05 6.133 2.71 6.133 2.71' stroke='%23FFF' stroke-width='.5'/%3E%3Cpath d='M15.94 29.377l1.262-1.15s1.146-2.34 1.52-2.948c.373-.607 1.332-2.126 1.332-2.126l.187-1.637-1.52-1.566s-2.298.585-2.47.561c-.17-.023-.997-.311-.997-.311l-1.053-1.723 3.75-1.331 3.825-.483 1.534 1.122m6.794 11.219s-.203 2.196-.436 2.976a11.37 11.37 0 01-.592 1.511l-2.416 1.153s.374.904.296 1.247c-.077.342-.841 4.643-.841 4.643l.592 3.737m-3.864-18.758s-1.995 4.044-2.205 4.44c-.21.398-2.618 4.172-2.688 4.354-.07.181-1.426 3.337-1.426 3.337l-.366 3.42m4.082-19.548l3.07-.319' stroke='%23FFF' stroke-width='.5'/%3E%3C/g%3E%3C/svg%3E")
}

.election__special-city--lyon.ui-collapse--shown:before,
.election__special-city--yon.ui-collapse--shown:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='44' height='50' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill='%23026b9c'%3E%3Cdefs%3E%3Cpath id='a' d='M0 .033h43.551v49.8H0z'/%3E%3C/defs%3E%3Cg fill-rule='evenodd'%3E%3Cg transform='translate(0 .05)'%3E%3Cmask id='b' fill='%23fff'%3E%3Cuse xlink:href='%23a'/%3E%3C/mask%3E%3Cpath d='M8.103 16.02l-1.154-1.652-.42-1.324.405-2.384-2.072.608-.546-.889L6.42 8.634l.966.655 1.511-.203-.234-.872h1.995l1.792 1.558.265-1.699s1.651-.95 1.776-1.153c.125-.202 1.371-2.181 1.62-2.649.25-.467.561-1.293.561-1.293l1.138.11-.218-1.278 1.137.17L20.755.735l.826 1.247.903-1.948.624 2.275.794.125L22.61 4.77l-3.88 1.917-2.477 2.508 1.23 1.075.328 1.574 2.976 1.2 1.979-.312 1.667 1.683 1.76-2.4L28 10.786l2.51.046-.577 6.95.825.171s.483 1.169.702 1.356c.218.187 1.698 1.371 1.76 1.527.063.156.935 2.088 1.091 2.197.156.109 1.792 1.683 1.792 1.683l-.125 1.496s1.683.405 2.493.467c.81.062 3.475.125 3.475.125l1.605.607s-.577 2.992-.67 3.21c-.093.218-3.272 8.399-3.272 8.399l.25 4.191s-2.276-.358-2.478-.452a1776.18 1776.18 0 00-5.984-2.508l-1.09-1.932-2.12.576.28 5.298-5.858.093s.172 2.82.39 3.444c.218.623.623 1.807.623 1.807l-1.044.297s-.732-.78-1.184-.998c-.452-.218-2.556-1.309-2.634-1.418-.077-.109-1.106-1.122-1.106-1.122l-.935-2.15s-.436-2.695-.56-3.132c-.125-.436-.53-2.025-.67-2.244-.141-.218-.827-1.153-.858-1.355-.03-.203-.343-2.026-.405-2.634-.062-.607.218-3.022.218-3.022l1.496-2.431-1.153-.343-.483.78-3.91-1.684S7.868 29.11 7.76 29.218c-.11.109-3.6 2.322-3.6 2.322s-1.667-1.45-1.745-1.496c-.078-.047-.452.14-.452.14L0 28.408l.452-1.122 3.1-.686v-1.122l1.091-1.153.468-2.54 1.37-1.87s.562-2.555.64-2.726c.078-.172.982-1.169.982-1.169' mask='url(%23b)'/%3E%3C/g%3E%3Cpath d='M16.252 9.246l-.997 1.09-2.338 4.535.14 2.119s1.029 1.09 2.198 3.21l-.484 1.636h-1.854l.405 2.025.624.686-2.68-.92-1.699-1.526-4.456-.265m19.321-7.37l-1.122 3.319v4.362l10.454-.076m-10.454.076l-.467 3.366s9.209 4.379 12.485 6.084c2.014 1.05 6.133 2.71 6.133 2.71' stroke='%23FFF' stroke-width='.5'/%3E%3Cpath d='M15.94 29.377l1.262-1.15s1.146-2.34 1.52-2.948c.373-.607 1.332-2.126 1.332-2.126l.187-1.637-1.52-1.566s-2.298.585-2.47.561c-.17-.023-.997-.311-.997-.311l-1.053-1.723 3.75-1.331 3.825-.483 1.534 1.122m6.794 11.219s-.203 2.196-.436 2.976a11.37 11.37 0 01-.592 1.511l-2.416 1.153s.374.904.296 1.247c-.077.342-.841 4.643-.841 4.643l.592 3.737m-3.864-18.758s-1.995 4.044-2.205 4.44c-.21.398-2.618 4.172-2.688 4.354-.07.181-1.426 3.337-1.426 3.337l-.366 3.42m4.082-19.548l3.07-.319' stroke='%23FFF' stroke-width='.5'/%3E%3C/g%3E%3C/svg%3E")
}

.election__special-city--paris:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='44' height='50' xmlns='http://www.w3.org/2000/svg' fill='%23666e80'%3E%3Cg fill-rule='evenodd'%3E%3Cpath d='M7.576 18.133c.188.015.72-.235.72-.235l.22-1.597 2.723-2.489.407.33s2.05-1.691 2.63-2.145c.579-.454 3.803-2.176 3.803-2.176s1.597-.157 2.583-.22c.986-.062 7.216-.234 7.999-.234.782 0 3.772-.172 4.304-.25.532-.079.689 0 .955.078s.923.25 1.096.329c.172.078 1.94 1.408 1.94 1.408s.486 2.974.533 3.444c.047.47 0 1.127 0 1.127l.61.955 1.832.876s.219.047 1.064 2.567c0 0-.016 3.147.344 6.152.36 3.005.345 3.6.157 4.414-.188.814-.673 3.506-.751 3.679-.079.172-.267.39-.267.39-.998.833-1.739 1.381-2.222 1.644-.726.395-1.706.61-1.988.799-.282.188-.799.657-1.409.892s-.923.36-1.346.783c-.423.422-.673.532-2.004 1.205-1.33.673-2.606 1.284-2.606 1.284h-2.058l-.783-.877-1.376 1.033s-1.05.016-3.555-.407l-.015-.548s-7.592-2.457-9.36-3.193c-.862-.344-1.206-.454-1.362-.454 0 0 .125-.14-.141-.329-.266-.188-2.176-1.362-2.176-1.362l-1.518 1.816-1.3-.031-.031-1.346.657-.532-.641-.627-1.19.314-1.706-.33-1.93-1.845-.402-1.796.402-.612h1.07c2.785-5.974 4.25-9.148 4.397-9.52.148-.373.568-.847 1.262-1.423.16-.638.304-.952.429-.941z'/%3E%3Cpath d='M4.054 34.6s2.677-4.086 3.475-5.182c.798-1.095 2.176-2.942 2.598-3.318.184-.163 1.03-1.029 1.19-1.268.282-.423.344-.563.767-.689.423-.125 1.221-.579 1.644-.579.422 0 1.111-.094 2.034-.11.924-.015 1.816-.062 1.957 0 .14.063 3.35 1.566 3.506 1.66.157.094.689.235.83.282.14.047.313.015.58.281.265.266 1.267 1.378 1.455 1.472.188.094 3.02 1.299 3.334 1.487.313.188 1.19.939 1.409 1.22.219.282.47.439.234 1.034-.234.595-.547 1.346-.75 1.455-.204.11-2.38 1.175-2.38 1.175s-2.301-.36-4.508-1.425c-2.207-1.064-4.101-2.3-4.101-2.3l-.799.312-.767-.72-.767.329-4.298-4.186' stroke='%23FFF' stroke-width='.5'/%3E%3Cpath d='M19.18 30.91l-.757 1.475-.594-.439s-.368 1.065-.497 1.23c-.13.163-2.395 2.77-2.524 2.97l-1.04 1.746m9.732-4.98s-.24 2.173-.177 3.112c.062.94.176 2.99.176 2.99l.622.954-.078 1.331m5.103-10.669s.563.15 1.174.98c.61.83 3.537 4.32 3.537 4.32l1.457 1.719M8.296 17.898s1.698.808 1.986.99c.288.182 1.72.957 1.808 1.021.088.065.863 1.39 1.52 3.665' stroke='%23FFF' stroke-width='.5'/%3E%3Cpath d='M12.09 19.91l.78-1.773s2.56-.951 2.771-.951c.212 0 .904-.06 1.221-.153.317-.094 2.982-.927 2.982-.927' stroke='%23FFF' stroke-width='.5'/%3E%3Cpath d='M20.557 9.609l-1.042 4.97c-.035.165.329 1.245.329 1.386 0 .14.047 3.862 0 3.944-.047.082-.153 1.127-.27 1.433-.117.305-1.212 2.412-1.212 2.412' stroke='%23FFF' stroke-width='.5'/%3E%3Cpath d='M19.844 16.106s.094.176.599-.306c0 0 2.172.882 2.512.881.34 0 2.418-.622 2.583-.646.164-.023 2.77-.152 3.263-.152.493 0 1.198.047 1.257.117.058.07.305.493.317.587.011.094-.094 1.867-.094 1.867l1.502 2.042' stroke='%23FFF' stroke-width='.5'/%3E%3Cpath d='M30.445 9.297s.023 2.711-.082 3.017c-.106.305-.705 2.465-.799 2.676-.093.212-.527.896-.527.896m-9.463 5.456s3.322-.951 3.451-.951c.13 0 5.659 1.772 5.659 1.772l.916 1.591s.387 2.612.457 3.129c.07.516-.246 2.125-.305 2.336-.058.211-.105.446-.246.54-.141.094-.54.258-.54.258M40.308 18.032s-1.868.832-1.962.903c-.094.07-3.147.2-3.229.223a104.46 104.46 0 00-3.616 1.503c-1.033.47-2.817 1.502-2.817 1.502m12.918 7.691s-5.804-.8-7.6-1.187c-1.796-.387-1.4-.305-3.934-1.127' stroke='%23FFF' stroke-width='.5'/%3E%3Cpath d='M32.116 20.39s.407 1.08.63 1.41c.223.328 1.633 2.042 1.75 2.289.117.246.78 1.585.818 1.678.038.094.637.306.743.423.105.117 1.338 1.925 1.373 2.043.035.117 0 1.016 0 1.016m-17.262-8.077s.498.65.639.71c.14.058 3.345 1.115 3.463 1.232.117.118.258.528.258.528h1.162' stroke='%23FFF' stroke-width='.5'/%3E%3Cpath d='M26.487 21.462s-1.254 3.378-1.43 3.871c-.177.493-.282.94-.47 1.21s-.497.606-.497.606l-1.922 5.276m-4.84-2.631s2.598-1.608 2.763-1.75c.164-.14.786-1.408.833-1.572.047-.165.376-.705.41-.869.036-.164 0-.438 0-.438' stroke='%23FFF' stroke-width='.5'/%3E%3Cpath d='M25.487 24.16s1.589.592 1.683.66c.093.067 1.62 1.24 1.772 1.323.153.082.728.243 1.045.245M25.394 16.07s.026.552.062.834c.035.282-.07.624-.176 1.128-.106.504-.2.88-.247 1.372-.047.494-.068 1.577-.068 1.577' stroke='%23FFF' stroke-width='.5'/%3E%3C/g%3E%3C/svg%3E")
}

.election__special-city--paris:hover:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='44' height='50' xmlns='http://www.w3.org/2000/svg' fill='%23026b9c'%3E%3Cg fill-rule='evenodd'%3E%3Cpath d='M7.576 18.133c.188.015.72-.235.72-.235l.22-1.597 2.723-2.489.407.33s2.05-1.691 2.63-2.145c.579-.454 3.803-2.176 3.803-2.176s1.597-.157 2.583-.22c.986-.062 7.216-.234 7.999-.234.782 0 3.772-.172 4.304-.25.532-.079.689 0 .955.078s.923.25 1.096.329c.172.078 1.94 1.408 1.94 1.408s.486 2.974.533 3.444c.047.47 0 1.127 0 1.127l.61.955 1.832.876s.219.047 1.064 2.567c0 0-.016 3.147.344 6.152.36 3.005.345 3.6.157 4.414-.188.814-.673 3.506-.751 3.679-.079.172-.267.39-.267.39-.998.833-1.739 1.381-2.222 1.644-.726.395-1.706.61-1.988.799-.282.188-.799.657-1.409.892s-.923.36-1.346.783c-.423.422-.673.532-2.004 1.205-1.33.673-2.606 1.284-2.606 1.284h-2.058l-.783-.877-1.376 1.033s-1.05.016-3.555-.407l-.015-.548s-7.592-2.457-9.36-3.193c-.862-.344-1.206-.454-1.362-.454 0 0 .125-.14-.141-.329-.266-.188-2.176-1.362-2.176-1.362l-1.518 1.816-1.3-.031-.031-1.346.657-.532-.641-.627-1.19.314-1.706-.33-1.93-1.845-.402-1.796.402-.612h1.07c2.785-5.974 4.25-9.148 4.397-9.52.148-.373.568-.847 1.262-1.423.16-.638.304-.952.429-.941z'/%3E%3Cpath d='M4.054 34.6s2.677-4.086 3.475-5.182c.798-1.095 2.176-2.942 2.598-3.318.184-.163 1.03-1.029 1.19-1.268.282-.423.344-.563.767-.689.423-.125 1.221-.579 1.644-.579.422 0 1.111-.094 2.034-.11.924-.015 1.816-.062 1.957 0 .14.063 3.35 1.566 3.506 1.66.157.094.689.235.83.282.14.047.313.015.58.281.265.266 1.267 1.378 1.455 1.472.188.094 3.02 1.299 3.334 1.487.313.188 1.19.939 1.409 1.22.219.282.47.439.234 1.034-.234.595-.547 1.346-.75 1.455-.204.11-2.38 1.175-2.38 1.175s-2.301-.36-4.508-1.425c-2.207-1.064-4.101-2.3-4.101-2.3l-.799.312-.767-.72-.767.329-4.298-4.186' stroke='%23FFF' stroke-width='.5'/%3E%3Cpath d='M19.18 30.91l-.757 1.475-.594-.439s-.368 1.065-.497 1.23c-.13.163-2.395 2.77-2.524 2.97l-1.04 1.746m9.732-4.98s-.24 2.173-.177 3.112c.062.94.176 2.99.176 2.99l.622.954-.078 1.331m5.103-10.669s.563.15 1.174.98c.61.83 3.537 4.32 3.537 4.32l1.457 1.719M8.296 17.898s1.698.808 1.986.99c.288.182 1.72.957 1.808 1.021.088.065.863 1.39 1.52 3.665' stroke='%23FFF' stroke-width='.5'/%3E%3Cpath d='M12.09 19.91l.78-1.773s2.56-.951 2.771-.951c.212 0 .904-.06 1.221-.153.317-.094 2.982-.927 2.982-.927' stroke='%23FFF' stroke-width='.5'/%3E%3Cpath d='M20.557 9.609l-1.042 4.97c-.035.165.329 1.245.329 1.386 0 .14.047 3.862 0 3.944-.047.082-.153 1.127-.27 1.433-.117.305-1.212 2.412-1.212 2.412' stroke='%23FFF' stroke-width='.5'/%3E%3Cpath d='M19.844 16.106s.094.176.599-.306c0 0 2.172.882 2.512.881.34 0 2.418-.622 2.583-.646.164-.023 2.77-.152 3.263-.152.493 0 1.198.047 1.257.117.058.07.305.493.317.587.011.094-.094 1.867-.094 1.867l1.502 2.042' stroke='%23FFF' stroke-width='.5'/%3E%3Cpath d='M30.445 9.297s.023 2.711-.082 3.017c-.106.305-.705 2.465-.799 2.676-.093.212-.527.896-.527.896m-9.463 5.456s3.322-.951 3.451-.951c.13 0 5.659 1.772 5.659 1.772l.916 1.591s.387 2.612.457 3.129c.07.516-.246 2.125-.305 2.336-.058.211-.105.446-.246.54-.141.094-.54.258-.54.258M40.308 18.032s-1.868.832-1.962.903c-.094.07-3.147.2-3.229.223a104.46 104.46 0 00-3.616 1.503c-1.033.47-2.817 1.502-2.817 1.502m12.918 7.691s-5.804-.8-7.6-1.187c-1.796-.387-1.4-.305-3.934-1.127' stroke='%23FFF' stroke-width='.5'/%3E%3Cpath d='M32.116 20.39s.407 1.08.63 1.41c.223.328 1.633 2.042 1.75 2.289.117.246.78 1.585.818 1.678.038.094.637.306.743.423.105.117 1.338 1.925 1.373 2.043.035.117 0 1.016 0 1.016m-17.262-8.077s.498.65.639.71c.14.058 3.345 1.115 3.463 1.232.117.118.258.528.258.528h1.162' stroke='%23FFF' stroke-width='.5'/%3E%3Cpath d='M26.487 21.462s-1.254 3.378-1.43 3.871c-.177.493-.282.94-.47 1.21s-.497.606-.497.606l-1.922 5.276m-4.84-2.631s2.598-1.608 2.763-1.75c.164-.14.786-1.408.833-1.572.047-.165.376-.705.41-.869.036-.164 0-.438 0-.438' stroke='%23FFF' stroke-width='.5'/%3E%3Cpath d='M25.487 24.16s1.589.592 1.683.66c.093.067 1.62 1.24 1.772 1.323.153.082.728.243 1.045.245M25.394 16.07s.026.552.062.834c.035.282-.07.624-.176 1.128-.106.504-.2.88-.247 1.372-.047.494-.068 1.577-.068 1.577' stroke='%23FFF' stroke-width='.5'/%3E%3C/g%3E%3C/svg%3E")
}

.election__special-city--paris.ui-collapse--shown:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='44' height='50' xmlns='http://www.w3.org/2000/svg' fill='%23026b9c'%3E%3Cg fill-rule='evenodd'%3E%3Cpath d='M7.576 18.133c.188.015.72-.235.72-.235l.22-1.597 2.723-2.489.407.33s2.05-1.691 2.63-2.145c.579-.454 3.803-2.176 3.803-2.176s1.597-.157 2.583-.22c.986-.062 7.216-.234 7.999-.234.782 0 3.772-.172 4.304-.25.532-.079.689 0 .955.078s.923.25 1.096.329c.172.078 1.94 1.408 1.94 1.408s.486 2.974.533 3.444c.047.47 0 1.127 0 1.127l.61.955 1.832.876s.219.047 1.064 2.567c0 0-.016 3.147.344 6.152.36 3.005.345 3.6.157 4.414-.188.814-.673 3.506-.751 3.679-.079.172-.267.39-.267.39-.998.833-1.739 1.381-2.222 1.644-.726.395-1.706.61-1.988.799-.282.188-.799.657-1.409.892s-.923.36-1.346.783c-.423.422-.673.532-2.004 1.205-1.33.673-2.606 1.284-2.606 1.284h-2.058l-.783-.877-1.376 1.033s-1.05.016-3.555-.407l-.015-.548s-7.592-2.457-9.36-3.193c-.862-.344-1.206-.454-1.362-.454 0 0 .125-.14-.141-.329-.266-.188-2.176-1.362-2.176-1.362l-1.518 1.816-1.3-.031-.031-1.346.657-.532-.641-.627-1.19.314-1.706-.33-1.93-1.845-.402-1.796.402-.612h1.07c2.785-5.974 4.25-9.148 4.397-9.52.148-.373.568-.847 1.262-1.423.16-.638.304-.952.429-.941z'/%3E%3Cpath d='M4.054 34.6s2.677-4.086 3.475-5.182c.798-1.095 2.176-2.942 2.598-3.318.184-.163 1.03-1.029 1.19-1.268.282-.423.344-.563.767-.689.423-.125 1.221-.579 1.644-.579.422 0 1.111-.094 2.034-.11.924-.015 1.816-.062 1.957 0 .14.063 3.35 1.566 3.506 1.66.157.094.689.235.83.282.14.047.313.015.58.281.265.266 1.267 1.378 1.455 1.472.188.094 3.02 1.299 3.334 1.487.313.188 1.19.939 1.409 1.22.219.282.47.439.234 1.034-.234.595-.547 1.346-.75 1.455-.204.11-2.38 1.175-2.38 1.175s-2.301-.36-4.508-1.425c-2.207-1.064-4.101-2.3-4.101-2.3l-.799.312-.767-.72-.767.329-4.298-4.186' stroke='%23FFF' stroke-width='.5'/%3E%3Cpath d='M19.18 30.91l-.757 1.475-.594-.439s-.368 1.065-.497 1.23c-.13.163-2.395 2.77-2.524 2.97l-1.04 1.746m9.732-4.98s-.24 2.173-.177 3.112c.062.94.176 2.99.176 2.99l.622.954-.078 1.331m5.103-10.669s.563.15 1.174.98c.61.83 3.537 4.32 3.537 4.32l1.457 1.719M8.296 17.898s1.698.808 1.986.99c.288.182 1.72.957 1.808 1.021.088.065.863 1.39 1.52 3.665' stroke='%23FFF' stroke-width='.5'/%3E%3Cpath d='M12.09 19.91l.78-1.773s2.56-.951 2.771-.951c.212 0 .904-.06 1.221-.153.317-.094 2.982-.927 2.982-.927' stroke='%23FFF' stroke-width='.5'/%3E%3Cpath d='M20.557 9.609l-1.042 4.97c-.035.165.329 1.245.329 1.386 0 .14.047 3.862 0 3.944-.047.082-.153 1.127-.27 1.433-.117.305-1.212 2.412-1.212 2.412' stroke='%23FFF' stroke-width='.5'/%3E%3Cpath d='M19.844 16.106s.094.176.599-.306c0 0 2.172.882 2.512.881.34 0 2.418-.622 2.583-.646.164-.023 2.77-.152 3.263-.152.493 0 1.198.047 1.257.117.058.07.305.493.317.587.011.094-.094 1.867-.094 1.867l1.502 2.042' stroke='%23FFF' stroke-width='.5'/%3E%3Cpath d='M30.445 9.297s.023 2.711-.082 3.017c-.106.305-.705 2.465-.799 2.676-.093.212-.527.896-.527.896m-9.463 5.456s3.322-.951 3.451-.951c.13 0 5.659 1.772 5.659 1.772l.916 1.591s.387 2.612.457 3.129c.07.516-.246 2.125-.305 2.336-.058.211-.105.446-.246.54-.141.094-.54.258-.54.258M40.308 18.032s-1.868.832-1.962.903c-.094.07-3.147.2-3.229.223a104.46 104.46 0 00-3.616 1.503c-1.033.47-2.817 1.502-2.817 1.502m12.918 7.691s-5.804-.8-7.6-1.187c-1.796-.387-1.4-.305-3.934-1.127' stroke='%23FFF' stroke-width='.5'/%3E%3Cpath d='M32.116 20.39s.407 1.08.63 1.41c.223.328 1.633 2.042 1.75 2.289.117.246.78 1.585.818 1.678.038.094.637.306.743.423.105.117 1.338 1.925 1.373 2.043.035.117 0 1.016 0 1.016m-17.262-8.077s.498.65.639.71c.14.058 3.345 1.115 3.463 1.232.117.118.258.528.258.528h1.162' stroke='%23FFF' stroke-width='.5'/%3E%3Cpath d='M26.487 21.462s-1.254 3.378-1.43 3.871c-.177.493-.282.94-.47 1.21s-.497.606-.497.606l-1.922 5.276m-4.84-2.631s2.598-1.608 2.763-1.75c.164-.14.786-1.408.833-1.572.047-.165.376-.705.41-.869.036-.164 0-.438 0-.438' stroke='%23FFF' stroke-width='.5'/%3E%3Cpath d='M25.487 24.16s1.589.592 1.683.66c.093.067 1.62 1.24 1.772 1.323.153.082.728.243 1.045.245M25.394 16.07s.026.552.062.834c.035.282-.07.624-.176 1.128-.106.504-.2.88-.247 1.372-.047.494-.068 1.577-.068 1.577' stroke='%23FFF' stroke-width='.5'/%3E%3C/g%3E%3C/svg%3E")
}

.election__sub-city-list {
    -webkit-columns: 2;
    -moz-columns: 2;
    columns: 2;
    list-style: none;
    margin-left: .4rem
}

@media(min-width:768px) {
    .election__sub-city-list {
        -webkit-columns: 3;
        -moz-columns: 3;
        columns: 3
    }
}

.election__sub-city-list-wrap {
    display: none
}

.election__sub-city-list-wrap.ui-collapse--shown {
    display: block
}

.election__more-city {
    -webkit-columns: 2;
    -moz-columns: 2;
    columns: 2;
    list-style: none;
    margin-left: .4rem;
    margin-top: 2.4rem
}

@media(min-width:768px) {
    .election__more-city {
        -webkit-columns: 3;
        -moz-columns: 3;
        columns: 3
    }
}

.election__more-city .election__sub-city-item {
    display: none
}

.election__more-city .election__sub-city-item--show {
    display: flex
}

.election__more-city .election__sub-city-item--show+.election__sub-city-item {
    display: flex
}

.election__more-city .election__sub-city-link {
    border-bottom: 0
}

.election__more-city .election__sub-city-link:hover {
    border-bottom: 0;
    text-decoration: underline
}

.election__more-city--show .election__sub-city-item {
    display: flex
}

.election__more-city--canton {
    -webkit-columns: 1;
    -moz-columns: 1;
    columns: 1;
    margin-top: 1.6rem
}

@media(min-width:768px) {
    .election__more-city--canton {
        -webkit-columns: 2;
        -moz-columns: 2;
        columns: 2
    }
}

.election__more-city-second {
    -webkit-columns: 2;
    -moz-columns: 2;
    columns: 2;
    display: none;
    list-style: none;
    margin-left: .4rem
}

@media(min-width:768px) {
    .election__more-city-second {
        -webkit-columns: 3;
        -moz-columns: 3;
        columns: 3
    }
}

.election__more-city-second.ui-collapse--shown {
    display: block
}

.election__sub-city-item {
    align-items: baseline;
    display: flex;
    margin-bottom: .8rem
}

.election__sub-city-link {
    border-bottom: .1rem solid transparent;
    color: #2a303b;
    font-size: 1.6rem;
    line-height: 1.375;
    text-decoration: none
}

.election__sub-city-link {
    font-family: Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .election__sub-city-link {
    font-family: "Marr Sans", Helvetica, Arial, Roboto, sans-serif
}

.election__sub-city-link .sup {
    font-size: 1.1rem
}

.election__sub-city-link:hover {
    color: #026b9c;
    border-bottom: .1rem solid #026b9c
}

.election__sub-city-all {
    align-items: center;
    background: 0 0;
    border: 0;
    color: #026b9c;
    cursor: pointer;
    display: inline-block;
    font-size: 1.6rem;
    font-weight: 600;
    margin: 2rem 0 2.4rem;
    padding: 0 0 0 .8rem;
    position: relative;
    text-align: left;
    text-decoration: underline
}

.election__sub-city-all {
    font-family: Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .election__sub-city-all {
    font-family: "Marr Sans", Helvetica, Arial, Roboto, sans-serif
}

.election__sub-city-all:focus {
    outline: 0
}

.election__sub-city-all:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='11' height='7' xmlns='http://www.w3.org/2000/svg' fill='%23026b9c'%3E%3Cpath d='M0 2.93v1.14h8.26l-2.09 2.1L7 7l3.5-3.5L7 0l-.83.83 2.09 2.1z' fill-rule='evenodd'/%3E%3C/svg%3E");
    content: "";
    display: inline-block;
    height: .7rem;
    margin-left: .8rem;
    width: 1.1rem
}

.election__view-more {
    background: 0 0;
    border: 0;
    color: #026b9c;
    cursor: pointer;
    font-size: 1.6rem;
    font-weight: 600;
    margin-top: 3.2rem;
    padding: 0 0 0 2rem;
    position: relative;
    text-align: left;
    text-decoration: underline
}

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

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

.election__view-more:focus {
    outline: 0
}

.election__view-more.ui-collapse--shown:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='2' xmlns='http://www.w3.org/2000/svg' fill='%23026b9c'%3E%3Cpath d='M0 0h10v2H0z' fill-rule='evenodd'/%3E%3C/svg%3E");
    height: .2rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.election__view-more:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='10' xmlns='http://www.w3.org/2000/svg' fill='%23026b9c'%3E%3Cpath d='M4 4V0h2v4h4v2H6v4H4V6H0V4h4z' fill-rule='evenodd'/%3E%3C/svg%3E");
    content: "";
    height: 1rem;
    left: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 1rem
}

.election__view-more--side {
    align-items: center;
    display: flex;
    padding-left: 0
}

.election__view-more--side:before {
    display: none
}

.election__view-more--side:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='11' height='7' xmlns='http://www.w3.org/2000/svg' fill='%23026b9c'%3E%3Cpath d='M0 2.93v1.14h8.26l-2.09 2.1L7 7l3.5-3.5L7 0l-.83.83 2.09 2.1z' fill-rule='evenodd'/%3E%3C/svg%3E");
    content: "";
    display: inline-block;
    height: .7rem;
    margin-left: .8rem;
    padding-right: 10px;
    width: 1.1rem
}

.election__view-more--results {
    display: block;
    margin-top: 2.4rem
}

.election__view-more--simple {
    margin-top: 1.6rem;
    order: 3;
    text-align: left
}

@media(min-width:768px) {
    .election__view-more--simple {
        order: 2
    }
}

@media(min-width:1024px) {
    .election__view-more--results {
        margin-top: 1.6rem
    }
}

.election__collapse-more {
    background: 0 0;
    border: 0;
    cursor: pointer;
    height: 4rem;
    position: absolute;
    right: 0;
    top: 0;
    width: 4rem;
    z-index: 1
}

.election__collapse-more:focus {
    outline: 0
}

.election__collapse-more.ui-collapse--shown:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='%23bdc1c8'%3E%3Cpath fill-rule='evenodd' d='M8 6.063L9.063 5l5.312 5.313-5.313 5.312L8 14.562l4.217-4.25z'/%3E%3C/svg%3E");
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.election__collapse-more:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='%23bdc1c8'%3E%3Cpath fill-rule='evenodd' d='M8 6.063L9.063 5l5.312 5.313-5.313 5.312L8 14.562l4.217-4.25z'/%3E%3C/svg%3E");
    content: "";
    height: 2rem;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    width: 2rem
}

.election__collapse-more--dark {
    top: 1.6rem
}

.election__collapse-more--dark:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='%232a303b'%3E%3Cpath fill-rule='evenodd' d='M8 6.063L9.063 5l5.312 5.313-5.313 5.312L8 14.562l4.217-4.25z'/%3E%3C/svg%3E");
    content: ""
}

.election__collapse-more--dark.ui-collapse--shown:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='%232a303b'%3E%3Cpath fill-rule='evenodd' d='M8 6.063L9.063 5l5.312 5.313-5.313 5.312L8 14.562l4.217-4.25z'/%3E%3C/svg%3E")
}

.election__highlight {
    font-weight: 700
}

.election__notice {
    border: .1rem solid #d5d8dc;
    border-radius: .3rem;
    box-shadow: 0 .2rem .3rem rgba(0, 0, 0, .0677721);
    margin-top: 3.2rem;
    padding: 1.2rem 1.6rem 1.6rem;
    position: relative
}

.election__notice-title {
    background-color: #383f4e;
    color: #fff;
    display: flex;
    flex-direction: row;
    font-size: 1.7rem;
    font-weight: 400;
    left: 1.6rem;
    letter-spacing: .106rem;
    padding: 0 .8rem;
    position: absolute;
    text-transform: uppercase;
    top: -1.7rem
}

.election__notice-title {
    font-family: DINCondensed-Bold, "Roboto Condensed", "Arial Narrow", sans-serif
}

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

.election__notice-list {
    list-style: none
}

.election__notice-type {
    color: #717b8e;
    font-size: 1.3rem;
    font-weight: 400;
    letter-spacing: .13rem;
    line-height: 1.5rem;
    margin-bottom: .8rem;
    text-transform: uppercase
}

.election__notice-type {
    font-family: DINCondensed-Bold, "Roboto Condensed", "Arial Narrow", sans-serif
}

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

.election__notice-item {
    padding-top: 1.2rem
}

.election__notice-item:not(:first-of-type) {
    border-top: .1rem solid #e2e4e9
}

.election__notice-item:not(:last-of-type) {
    padding-bottom: 1.2rem
}

.election__notice-link {
    color: #2a303b;
    font-size: 1.6rem;
    font-weight: 800;
    line-height: 1.31
}

.election__notice-link {
    font-family: Georgia, Droid-serif, serif
}

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

.election__notice-link:hover {
    text-decoration: underline
}

.election__cadre {
    margin: 3.2rem 0 3rem;
    position: relative;
    z-index: 1
}

.election__cadre {
    font-family: DINCondensed-Bold, "Roboto Condensed", "Arial Narrow", sans-serif
}

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

.election__cadre:before {
    background-color: #3b3585;
    content: " ";
    display: block;
    height: calc(50% + 1.6rem);
    left: -1.6rem;
    position: absolute;
    top: 0;
    width: 100vw;
    z-index: -1
}

@media(min-width:576px) {
    .election__cadre:before {
        left: 0;
        width: 100%
    }
}

.election__cadre-data {
    color: #3b3585;
    font-weight: 700;
    position: relative;
    white-space: nowrap;
    z-index: 1
}

.election__cadre-data:before {
    background-color: #ffe38f;
    bottom: 0;
    content: "";
    height: .8rem;
    position: absolute;
    width: 100%;
    z-index: -1
}

.election__cadre-data--arge:before,
.election__cadre-data--large:before {
    bottom: .6rem;
    height: 1.6rem;
    left: -.4rem;
    width: calc(100% + 1rem)
}

.election__link {
    color: #026b9c;
    text-decoration: underline
}

.election__credit {
    color: #666e80;
    font-size: 1.4rem;
    line-height: 1.11;
    margin-top: .8rem
}

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

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

@media(min-width:576px) {
    .election__credit {
        margin-left: 1.6rem
    }
}

.election__credit--simple {
    margin-left: 0
}

.election__credit--separated {
    border-top: .1rem solid #e2e4e9;
    margin-top: 2rem;
    padding-top: 1.2rem
}

.election__cadre-text {
    background-color: #fff;
    border: .1rem solid #e2e4e9;
    font-size: 2rem;
    letter-spacing: .53px;
    line-height: 1.25;
    padding: 1.6rem;
    position: relative;
    top: 1.6rem
}

@media(min-width:576px) {
    .election__cadre-text {
        margin: 0 1.6rem
    }
}

.election__cadre-nowrap {
    white-space: nowrap
}

.election__snippet-void {
    color: #666e80;
    font-size: 1.5rem
}

.election__snippet-void {
    font-family: Helvetica, Arial, Roboto, sans-serif
}

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

.election__snippet-container {
    margin-top: 2.4rem
}

.election__snippet-container--small {
    margin-top: 2.4rem
}

.clear-float {
    clear: both;
    float: none
}

.js-animate {
    transition: opacity 1.4s ease;
    z-index: -1
}

.js-animate--position {
    position: relative;
    z-index: 2
}

.js-animate--hide .js-animate {
    opacity: 0;
    position: absolute
}

.outbrain-block {
    margin-top: 3.2rem
}

.is-desktop {
    display: none
}

@media(min-width:1024px) {
    .is-desktop {
        display: inline;
        margin: 0 .5rem
    }
}

.show-in-mobile {
    display: inline
}

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

.show-in-desktop {
    display: none
}

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

.dfp__sticky {
    align-items: flex-start;
    display: none;
    flex-grow: 1;
    pointer-events: none;
    width: inherit;
    top: 8rem;
    position: -webkit-sticky;
    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
}

.dfp__slot--pave:before {
    content: "La suite apr\E8s cette publicit\E9";
    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--habillage {
    display: none
}

@media(min-width:1024px) {
    .dfp__slot--habillage {
        display: block
    }
}

.dfp__slot--banniere,
.dfp__slot--banniere-roll {
    display: none;
    margin: 2.4rem;
    text-align: center
}

@media(min-width:1024px) {
    .dfp__slot--banniere,
    .dfp__slot--banniere-roll {
        display: block;
        margin: 4rem 0
    }
}

@media print {
    .dfp__slot--banniere,
    .dfp__slot--banniere-roll {
        display: none
    }
}

.dfp__slot--banniere-haute.dfp-loading,
.dfp__slot--banniere-roll-haute.dfp-loading {
    position: relative;
    height: 17rem!important;
    visibility: visible!important
}

.dfp__slot--banniere-haute.dfp-loading .loader,
.dfp__slot--banniere-roll-haute.dfp-loading .loader {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 5rem;
    height: 5rem;
    margin: -2.5rem 0 0 -2.5rem;
    background-color: #d5d8dc;
    border-radius: 100%;
    -webkit-animation: dfpLoader 1s infinite ease-in-out;
    animation: dfpLoader 1s infinite ease-in-out
}

@-webkit-keyframes dfpLoader {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }
}

@keyframes dfpLoader {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }
}

@media(min-width:1024px) {
    .dfp__slot--banniere-roll {
        margin-top: 1.2rem;
        margin-bottom: 3.2rem
    }
}

@media(min-width:1024px) {
    .dfp__slot--banniere-roll:before {
        text-align: center;
        content: "Publicit\E9";
        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__inread {
    background-color: #eef1f5;
    margin: 3.2rem -1.6rem;
    padding: 0 2rem 2rem;
    clear: both;
    text-align: center
}

.dfp__inread:before {
    color: rgba(0, 0, 0, .5);
    content: "La suite apr\E8s cette publicit\E9";
    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: DINCondensed-Bold, "Roboto Condensed", "Arial Narrow", sans-serif
}

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

.flag-live-cartridge {
    align-items: center;
    display: inline-flex;
    float: left;
    font-style: normal;
    font-weight: 400;
    position: relative;
    vertical-align: middle
}

.flag-live-cartridge {
    font-family: DINCondensed-Bold, "Roboto Condensed", "Arial Narrow", sans-serif
}

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

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

.flag-live-cartridge--no-float {
    float: none
}

.flag-live-cartridge--placement-highlight,
.flag-live-cartridge--placement-une {
    top: .2rem
}

@media(min-width:768px) {
    .flag-live-cartridge--placement-highlight,
    .flag-live-cartridge--placement-une {
        top: .6rem
    }
}

@media(min-width:1024px) {
    .flag-live-cartridge--placement-encontinu {
        order: 2
    }
}

.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--encontinu,
.flag-live-cartridge__label--flux {
    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--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
    }
}

.ops {
    margin: 2rem auto 1.6rem auto
}

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

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

.ops--inline {
    padding-left: 1.6rem;
    padding-right: 1.6rem;
    border-top: 0;
    padding-top: 2rem;
    padding-bottom: 2rem;
    background-color: #eff0f3
}

.ops__footer {
    margin-top: 1.6rem;
    margin-bottom: 4rem;
    text-align: right;
    grid-row: 3/4;
    grid-column: 1/span 3
}

.ops__footer p {
    font-weight: 700;
    font-size: 1.4rem;
    line-height: 1.36;
    text-transform: uppercase;
    color: #8b92a1
}

.ops__title {
    display: flex;
    font-size: 1.6rem;
    color: #8b92a1;
    flex-direction: row;
    position: relative
}

@media(min-width:1200px) {
    .ops__title {
        flex-direction: column;
        width: 10rem;
        margin-right: 8.9rem
    }
    .ops__title>p {
        margin-bottom: .8rem
    }
}

.ops__content {
    grid-row: 2/3
}

.ops__content .ops__header>span:nth-child(1) {
    font-size: 1.4rem;
    font-weight: 500;
    text-transform: none;
    line-height: normal;
    line-height: initial;
    color: #666e80;
    background-color: transparent;
    padding: 0
}

.ops__content .ops__header>span:nth-child(1) a {
    text-decoration: none;
    margin-left: .4rem
}

.ops__content .ops__header>span:nth-child(1) a:hover {
    text-decoration: underline
}

.ops__content .ops__body {
    position: relative
}

.ops__content .ops__body a {
    flex-direction: column;
    align-items: flex-start;
    display: block
}

.ops__content .ops__body a img {
    max-width: 100%;
    margin-right: 0;
    margin-bottom: 1.2rem
}

.ops__content .ops__body a img:not(.loaded) {
    max-width: 0
}

.ops__content .ops__body a span:nth-child(3) {
    display: inline-block;
    margin-top: .8rem;
    line-height: 1.54;
    font-size: 1.3rem;
    font-weight: 400
}

.ops__header {
    display: flex;
    align-items: center;
    margin-bottom: 1.2rem;
    height: 3rem
}

.ops__header span {
    display: flex;
    align-items: center
}

.ops__header span img {
    margin-left: .5rem;
    width: auto;
    height: auto;
    max-height: 3rem;
    max-width: 14rem
}

.ops__header>span:nth-child(1) {
    font-size: 1.1rem;
    font-weight: 700;
    text-transform: uppercase;
    color: #fcfcfd;
    background-color: #a4a9b4;
    padding: .4rem 1.2rem 0 1.2rem
}

.ops__header>span:nth-child(2) {
    margin-left: auto;
    font-size: 1.1rem;
    color: #666e80
}

.ops__header>span:nth-child(2) a {
    text-decoration: none;
    margin-left: .4rem
}

.ops__header>span:nth-child(2) a:hover {
    text-decoration: underline
}

.ops__byline {
    font-size: 1.2rem;
    font-weight: 400;
    width: auto
}

@media(min-width:1024px) {
    .ops__byline {
        font-size: 1.4rem
    }
}

.ops__body a {
    display: flex;
    align-items: center;
    text-decoration: none
}

.ops__body a img {
    width: 100%;
    max-width: 11.3rem;
    height: auto;
    margin-right: 1.7rem
}

.ops__body a span {
    font-size: 1.5rem;
    line-height: 1.27;
    font-weight: 700
}

.infos-ops {
    cursor: pointer
}

.infos-ops:hover .infos-ops-hover {
    display: block
}

.infos-ops-hover {
    display: none;
    background-color: #fff;
    width: 22rem;
    position: absolute;
    z-index: 2;
    border: 1px solid #d5d8dc;
    padding: 1.2rem;
    top: 3.3rem;
    left: -10.1rem
}

.infos-ops-hover:before {
    content: "";
    position: absolute;
    display: inline-block;
    height: 1rem;
    width: 1rem;
    border: 1rem solid transparent;
    border-bottom: 1rem solid #bdc1c8;
    top: -2rem;
    left: 9.9rem
}

.infos-ops-hover:after {
    content: "";
    position: absolute;
    display: inline-block;
    height: .9rem;
    width: .9rem;
    border: .9rem solid transparent;
    border-bottom: .9rem solid #fff;
    top: -1.8rem;
    left: 10rem
}

.infos-ops-hover p {
    font-size: 1.3rem;
    font-weight: 500;
    line-height: normal;
    background-color: #fff
}

.Nav__item a {
    transition: all .2s cubic-bezier(.215, .61, .355, 1)
}

.Burger__right-arrow:after,
.Nav__container--default a:after {
    content: " ";
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='5' height='10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M.319 10a.32.32 0 01-.123-.024A.332.332 0 010 9.668c0-.092.03-.17.091-.235l4.162-4.467L.155.576A.338.338 0 01.064.338c0-.094.03-.174.09-.24A.293.293 0 01.379 0C.466 0 .54.033.601.098L4.91 4.73c.06.065.091.144.091.235s-.03.17-.091.234L.537 9.902a.297.297 0 01-.104.074.298.298 0 01-.114.024z' fill='%232A303B' fill-rule='evenodd'/%3E%3C/svg%3E");
    position: absolute;
    width: .5rem;
    height: 1rem;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.Nav__mobile .Nav__item:nth-child(n+4):not(:last-child)>a.js-dropdown-burger-open:after,
.Nav__mobile .Nav__item:nth-child(n+4):not(:last-child)>a.js-dropdown-burger:after,
.footer__title--category.ui-collapse--shown:after,
.footer__title--category:after {
    content: " ";
    position: absolute;
    width: 1rem;
    height: 1rem;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.Burger {
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-content: center;
    width: 5.6rem;
    background: 0 0;
    border: 0
}

.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("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 18h18v-2H3v2zM3 8h18V6H3v2zm0 5h18v-2H3v2z' fill='%232A303B' fill-rule='evenodd'/%3E%3C/svg%3E");
    align-self: center
}

@media(min-width:1024px) {
    .Burger {
        display: none
    }
}

.Burger__right-arrow:after {
    display: none
}

.Burger.js-is-open .Burger__icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.657 12.071L5 6.414 6.414 5l5.657 5.657L17.728 5l1.414 1.414-5.657 5.657 5.657 5.657-1.414 1.414-5.657-5.657-5.657 5.657L5 17.728l5.657-5.657z' fill='%232A303B' fill-rule='evenodd'/%3E%3C/svg%3E")
}

.Burger__display {
    overflow: hidden;
    height: 100vh
}

.Burger__display .page__heading--sticky {
    z-index: 5
}

.User {
    position: relative;
    align-items: center;
    color: #2a303b;
    display: flex;
    font-size: 1.3rem;
    font-weight: 500
}

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

html.fonts-loaded .User {
    font-family: "Marr Sans", Helvetica, 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("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='%23A4A9B4'%3E%3Cpath d='M3.944 4.5L3 5.455 7 9.5l4-4.045-.944-.955L7 7.607z' fill-rule='evenodd'/%3E%3C/svg%3E")
}

.User__arrow--up {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.User__avatar {
    margin-right: .4rem
}

.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 {
    text-decoration: none;
    font-size: 1.4rem
}

.User>a:hover {
    text-decoration: underline
}

#Header {
    align-items: center;
    background-color: #fcfcfd;
    position: fixed;
    z-index: 7;
    width: 100%;
    transition: top .2s cubic-bezier(.215, .61, .355, 1), opacity .4s ease, visibility .2s ease-in-out;
    top: 0
}

@media print {
    #Header {
        display: none
    }
}

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

#Header .wrapper {
    display: flex;
    height: 100%;
    margin: 0 auto;
    max-width: 115.2rem;
    width: 100%;
    padding: 0
}

@media(min-width:1024px) {
    #Header .wrapper {
        padding: 0 1.6rem
    }
}

#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 {
        top: -13rem;
        height: 5.8rem
    }
    #Header.sticky .left {
        display: none;
        width: 0
    }
    #Header.sticky .center {
        top: 1.6rem;
        width: 11.7rem;
        height: 2.6rem;
        position: fixed
    }
}

@media(min-width:1024px)and (min-width:1025px) {
    #Header.sticky .center {
        top: .4rem;
        width: 11.4rem;
        height: 5.3rem
    }
}

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

@media(min-width:1024px) {
    #Header.sticky .Header__logo {
        position: absolute;
        left: .8rem
    }
}

@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:1025px) {
    #Header.sticky .Header__logo a {
        width: 11.2rem;
        height: 2.3rem
    }
}

@media(min-width:1024px) {
    #Header.sticky .Header__logo a:after {
        content: " ";
        width: .1rem;
        background-color: #e2e4e9;
        height: 2rem;
        display: block;
        margin-left: .8rem
    }
}

@media(min-width:1024px)and (min-width:1025px) {
    #Header.sticky .Header__logo a:after {
        margin-left: .8rem
    }
}

@media(min-width:1024px) {
    #Header.sticky .right {
        position: fixed;
        top: .4rem;
        height: 5.3rem;
        width: auto;
        right: calc(50% - 115.2rem / 2)
    }
}

@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) {
    #Header.sticky .right .Header__actions {
        position: absolute;
        left: -21rem
    }
}

@media(min-width:1024px)and (min-width:1025px) {
    #Header.sticky .right .Header__actions {
        left: -20rem
    }
}

@media(min-width:1024px)and (min-width:1200px) {
    #Header.sticky .right .Header__actions {
        left: -14rem
    }
}

@media(min-width:1024px) {
    #Header.sticky .right .Header__actions.Header__actions--on {
        left: -20rem
    }
}

@media(min-width:1024px)and (min-width:1200px) {
    #Header.sticky .right .Header__actions.Header__actions--on {
        left: -14rem
    }
}

@media(min-width:1024px) {
    #Header.sticky .right .Header__actions .User__avatar:before {
        content: " ";
        width: .1rem;
        height: 2.4rem;
        background-color: #e2e4e9;
        display: block;
        margin-left: -.4rem
    }
}

@media(min-width:1024px) {
    #Header.sticky .right .Header__actions>a:first-child:after {
        margin: 0 .8rem
    }
    #Header.sticky .right .Header__actions>a:first-child:before {
        content: " ";
        width: .1rem;
        height: auto;
        background-color: #e2e4e9;
        display: block;
        margin: 0 .8rem
    }
}

@media(min-width:1024px) {
    #Header.sticky .right .login-info {
        display: none
    }
}

@media(min-width:1024px) {
    #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) {
    #Header.sticky .right .btn--premium {
        font-size: 1.3rem;
        padding: .7rem 1.5rem
    }
}

#Header .center,
#Header .left,
#Header .right {
    display: flex;
    height: 100%;
    position: relative
}

#Header .left {
    justify-content: flex-start;
    width: 5.6rem
}

@media(min-width:1024px) {
    #Header .left {
        width: 100%
    }
}

@media(min-width:1024px) {
    #Header .left {
        padding-left: 1.6rem
    }
}

@media(min-width:1200px) {
    #Header .left {
        padding-left: 0
    }
}

#Header .center {
    flex-direction: column;
    align-self: center;
    justify-content: center
}

@media(min-width:1024px) {
    #Header .center {
        flex-direction: row;
        width: 100%
    }
}

#Header .right {
    justify-content: flex-end;
    margin-left: auto;
    padding-right: 1.6rem
}

@media(min-width:1200px) {
    #Header .right {
        padding-right: 0
    }
}

@media(min-width:1024px) {
    #Header .right {
        flex-direction: row;
        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: column;
    height: auto;
    position: relative
}

#Header .Header--mobile {
    border-bottom: 0;
    background-color: #fcfcfd
}

@media(min-width:1024px) {
    #Header .Header {
        height: 13rem;
        transition: height .4s ease-in-out
    }
}

#Header .Header .wrapper {
    height: 6rem;
    padding: 1.2rem 0
}

@media(min-width:1024px) {
    #Header .Header .wrapper {
        height: 100%;
        padding: 0
    }
}

#Header .Header__jelec {
    align-items: center;
    align-self: flex-end;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg height='206' width='276' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='a' fill='%23fff'%3E%3Cpath d='M0 .328v26.484h30.017V.328z' fill-rule='evenodd'/%3E%3C/mask%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h276v206H0z' fill='%23fff'/%3E%3Cg opacity='.898'%3E%3Cpath d='M87.986 19.294c-.111-.52-1.01-1.712-2.017-1.712-.225 0-.374.038-.523.077.97.372 1.718 1.336 1.943 2.008l.56-.335v-.038h.037zm6.566 23.062l-3.736-2.455c-.449-.296-.971-.854-.971-1.895v-8.893l-.374.225-.149.074v8.853c0 .745.41 1.526.97 1.897l3.775 2.492zM78.648 33.43c.074-1.525-.26-3.385-.596-5.172-.336-1.821-.637-3.683-.6-5.317.039-1.003.225-1.97.636-2.863-.71 1.077-1.157 2.304-1.195 3.607-.112 3.161 1.42 7.289 1.269 10.49-.037.483-.074.966-.11 1.301l.073-.075c.3-.41.487-1.04.523-1.97m4.93 8.853c-.56-1.154-1.903-1.86-3.472-1.86-.15.036-.3.036-.449.036 1.532.262 2.838 1.117 3.325 2.195zm13.248-13.131l-1.271-1.45.038.966.671.819zm35.463-7.774l-2.989-1.75.449-.296 2.876 1.675c-.112.111-.224.222-.336.371m.747 21.203l-1.307-.894c-.86-.595-1.307-1.6-1.307-2.715V26.547c0-1.711.374-2.902.97-3.719-.335.817-.485 1.822-.485 2.976l.037 12.72c0 1.377.411 2.27 1.383 2.94l1.195.82-.486.297zm-10.607-.113s-.112.075-.186.113h-.3V21.825c0-1.004-.074-1.004-.67-1.452l-.86-.669.561-.297c.448.37 1.12.893 1.12.93.262.26.335.408.335 1.004v21.163-.036zm-15.203-25.405c-.298.856-.26 1.674.112 2.344.338.594.934 1.004 1.646 1.19-2.205.185-3.175-1.562-1.758-3.534m5.828 17.892c.186-.596.262-1.266.262-1.972V22.158c0-1.302-.076-1.449-.524-1.858h.075c.635-.112.971 0 .971 1.114v10.862c0 1.265-.223 2.083-.784 2.679m.671 7.626c-.297-.968-1.195-1.787-2.763-2.01.225-.036.449-.036.674-.036 1.94.036 2.501 1.226 2.613 1.599l.038.11zm55.278-.261l-1.119-.669c-1.009-.597-1.532-1.525-1.532-2.94v-10.08c0-.595-.036-.557-.262-.744 0 0-.784-.632-1.307-1.042l-.56.3 1.083.816c.598.446.524.483.524 1.377v9.782c0 1.34.56 2.269 1.343 2.718l1.345.743.485-.261zm-10.459.184V27.366l-.485-.557-.597.336.56.631v14.805h.3c.074-.038.186-.077.186-.077zm-11.831-.11l-4.296-2.568c-.86-.52-1.194-1.151-1.194-2.268v-8.406l-.374.186-.15.074v8.555c0 1.005.447 1.747 1.233 2.196l4.294 2.491.487-.26zm2.316-4.76v-8.482c0-.447-.148-.597-.486-.782l-1.756-1.04v.557l1.01.557c.746.409.746.484.746 1.267l-.036 7.624zm34.048-15.326v-.112c0-1.042-.634-2.12-1.608-2.678-.372-.224-.707-.41-.707-.41l-.447.299.26.147c1.268.708 1.981 1.6 1.981 3.05l.521-.296zm13.6 20.048l-3.772-2.455c-.447-.296-.971-.854-.971-1.895v-8.893l-.374.225-.15.074v8.74c0 .968.375 1.639 1.009 2.048l3.735 2.454zm-15.915 0l-4.036-2.53c-.969-.593-1.157-1.152-1.157-2.233v-7.995l-.299.15-.224.11v7.923c0 1.266.412 1.824 1.046 2.233l4.183 2.64.487-.298zm17.965-13.204l-1.27-1.45.038.966.67.819zm-15.5 8.406V25.765l-.67.337v11.12z' fill='%238f98a9'/%3E%3Cg fill='%231a171b'%3E%3Cpath d='M16.806 23.69l-.447-.893-1.156.742c-.859-1.043-2.242-2.27-5.528-2.27-3.474-.036-7.733 2.716-9.675 5.097l.337.446c2.65-1.749 5.379-2.528 7.769-2.528 1.943 0 3.548.93 4.22 2.305zm3.588-20.388C19.721 2.261 17.929.328 14.38.328 10.123.29 6.389 3.6 6.239 7.618c-.114 3.2 1.418 7.329 1.268 10.528-.073 1.08-.3 1.86-.746 2.454l.447.523 2.616-1.898c1.27-.933 1.98-2.084 1.942-4.092-.038-2.493-1.196-6.324-1.196-9.262 0-2.53.972-4.427 3.175-4.427 1.495 0 2.69 1.524 2.876 2.38.076.408 0 .595-.373.855l-1.045.709V6.54l5.191-3.238zm9.623 9.896l-5.005-5.505-7.808 4.537v1.041l1.607-.89v10.304c0 .593.224.966.597 1.227l4.147 2.677 5.865-3.386-.486-1.041-3.063 1.637-2.764-1.898c-.336-.221-.374-.445-.374-.93v-3.347zm-3.923.819l-3.36 2.082v-5.431l.298-.185 3.062 3.534z' mask='url(%23a)' transform='translate(72 15.321)'/%3E%3Cpath d='M115.071 41.873c-.373-1.043-1.455-2.12-3.399-2.195-1.831-.037-4.446.67-6.61 2.308l-.413-.522c1.57-1.712 5.23-4.463 9.076-4.501 2.02 0 3.438.67 4.447 1.749l1.682-.93.485.967-5.268 3.124zm23.047-22.803c-1.46.856-1.945 2.01-1.945 3.796V37.11c0 .896.113 1.302.598 1.565l.486.26 1.344-.783.45.895-4.67 2.79-1.606-1.08c-.712-.483-1.011-1.079-1.011-2.233v-12.72c0-2.38.749-3.646 1.795-4.426l.598-.446-4.408-2.568-1.98 1.19v18.525c0 1.562-.224 1.785-1.608 2.492 0 0-1.08.521-2.572 1.302h-.3V21.341c0-1.004-.113-1.228-.674-1.674l-1.567-1.264-1.906 1.077v10.64c0 1.859-.298 3.198-1.792 4.127l-3.734 2.344-.376-.631c1.16-.895 1.42-2.16 1.42-3.648v-10.86c0-1.6-.222-2.232-1.905-1.934-.634.11-1.605.26-2.203.334-2.466.336-3.513-1.413-1.831-3.607 0 0 .411-.559 1.456-1.899l.824.56-.6.855c-.783 1.118-.148 1.712 1.123 1.264a107.08 107.08 0 002.576-1.005c3.547-1.375 4.855.894 5.042 2.234l4.409-2.641 3.807 2.9 4.705-2.9 3.625 2.046c1.232.705 1.83.408 2.69-.04l.71-.37.559.93-1.53.891zm17.298 18.265l-.337-.818-1.307.668v-10.08c0-.518-.185-.928-.708-1.228l-4.82-2.863-7.807 4.537v1.08l1.608-.93v9.857c0 .892.221 1.228.784 1.562l4.743 2.79 7.844-4.575zm18.519 2.12l-.373-.856-1.384.783-.483-.298c-.523-.298-.636-.672-.636-1.563V26.845c0-.856-.186-1.226-.71-1.599l-2.877-2.158-4.445 2.53-2.352-2.53-4.707 2.865.636.742 1.605-.964 1.157 1.3v14.807h.3c1.868-.822 2.465-1.08 2.465-1.08.896-.374 1.159-.67 1.159-1.71V26.694l1.532-.891 1.793 1.414c.484.408.558.743.558 1.375l.038 10.119c0 1.114.337 1.747 1.083 2.194l1.57.932zm-24.085-.557l-.223.038-3.065-1.787c-.52-.298-.635-.632-.635-1.303l.039-9.782.223-.075 2.952 1.712c.596.335.709.633.709 1.264v9.933zm34.05 0l-.225.038-2.652-1.714c-.521-.334-.708-.595-.708-1.262v-9.486l3.323-2.01.261.149zm5.527-1.525l-.335-.856-1.346.705v-15.77c0-2.306-1.045-3.793-2.763-4.835l-1.68-1.043-5.268 3.05 1.045.484 1.72-.929 1.119.631c1.196.67 1.98 2.011 1.98 3.386v.594l-9.039 5.207v1.006l1.531-.819v9.45c0 .815.224 1.152.747 1.486l4.482 2.79 7.807-4.537zm14.53-8.853l-5.044-5.506-7.806 4.537v1.042l1.606-.892v10.305c0 .594.224.966.597 1.227l4.147 2.678 5.863-3.386-.446-1.042-3.064 1.637-2.764-1.898c-.375-.26-.41-.445-.41-.929v-3.348zm-3.96.818l-3.362 2.083v-5.432l.337-.185z'/%3E%3C/g%3E%3C/g%3E%3Cpath d='M24 52h228v3H24z' fill='%2336819f'/%3E%3Cpath d='M30 35h26v2H30zm-3-3h29v2H27zm1-3h28v2H28zm3-3h25v2H31z' fill='%23e2e4e9'/%3E%3Cpath d='M24 65h160v8H24zm0 13h110v8H24z' fill='%23bdc1c8' opacity='.585'/%3E%3Cpath d='M24 109h23v3H24zm0-7h38v3H24zm0-6h38v3H24z' fill='%23e2e4e9'/%3E%3Cpath d='M24 132h38v3H24z' fill='%2336819f' opacity='.55'/%3E%3Cpath d='M24 158h38v3H24zm0-6h38v3H24zm0-6h38v3H24zm0-6h38v3H24zm0 57h38v3H24zm0-6h38v3H24zm0-6h38v3H24zm0-6h38v3H24z' fill='%23e2e4e9'/%3E%3Cpath d='M24 172h18v3H24z' fill='%2336819f' fill-opacity='.55'/%3E%3Cpath d='M214 156h38v3h-38zm0-6h38v3h-38zm0-6h38v3h-38zm0-6h38v3h-38zm0 62h38v3h-38zm0-6h38v3h-38zm0-6h38v3h-38zm0-6h38v3h-38z' fill='%23e2e4e9'/%3E%3Cpath d='M214 175h18v3h-18zm0-44h18v3h-18zm0-61h18v3h-18z' fill='%2336819f' fill-opacity='.55'/%3E%3Cpath d='M214 114h27v3h-27zm0-6h38v3h-38zm0-6h38v3h-38zm0-6h38v3h-38zm0-6h38v3h-38zm0-6h38v3h-38zm0-6h38v3h-38zM72 96h38v3H72zm0 6h38v3H72zm0 6h38v3H72zm49 0h15.41v3H121zm0-6h38v3h-38zm0-6h38v3h-38zm45 12h28v3h-28zm0-6h38v3h-38zm0-6h38v3h-38z' fill='%23e2e4e9'/%3E%3Cpath d='M72.735 130.194h132v77h-132z' fill='%2336819f'/%3E%3Cg fill='%23fff'%3E%3Cpath d='M122 141h65v6h-65zm0 11h65v6h-65zm0 10h45v6h-45z' fill-opacity='.36'/%3E%3Cpath d='M90 185h30v3H90zm0 7h30v3H90zm0 7h25v3H90zm38-14h30v3h-30zm0 7h30v3h-30zm0 7h30v3h-30z' opacity='.175'/%3E%3Cpath d='M104.576 142.326l2.706 2.43c-3.348 3.486-3.256 5.046-1.697 6.926 2.156 2.477.734 6.834-3.348 6.834-5.32 0-7.567-8.622 2.34-16.19zm-11.42 0l2.706 2.43c-3.348 3.486-3.256 5.046-1.697 6.926 2.156 2.477.734 6.834-3.348 6.834-5.32 0-7.568-8.622 2.339-16.19zm89.497 39.619c5.32 0 7.568 8.622-2.293 16.236l-2.706-2.477c3.302-3.486 3.21-5.045 1.651-6.925-2.11-2.477-.688-6.834 3.348-6.834zm-11.42 0c5.32 0 7.567 8.622-2.34 16.236l-2.66-2.477c3.303-3.486 3.211-5.045 1.652-6.925-2.11-2.477-.688-6.834 3.348-6.834z' opacity='.786'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    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;
    text-decoration: none;
    background-size: contain;
    background-position: center;
    width: 8rem;
    border: .1rem solid #eff0f3;
    padding-left: 7rem
}

#Header .Header__jelec {
    font-family: Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded #Header .Header__jelec {
    font-family: "Marr Sans", Helvetica, 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 {
    text-decoration: underline
}

#Header .Header__logo {
    align-self: flex-start;
    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.8rem;
        width: 29rem
    }
}

#Header .Header__actions {
    align-self: center;
    font-size: 1.2rem;
    justify-content: center;
    font-weight: 500;
    display: flex
}

#Header .Header__actions {
    font-family: Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded #Header .Header__actions {
    font-family: "Marr Sans", Helvetica, 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-top: 3.2rem
    }
}

#Header .Header__actions .login-info {
    display: none
}

@media(min-width:576px) {
    #Header .Header__actions .login-info {
        display: block
    }
}

#Header .Header__actions .login-info:hover {
    text-decoration: underline
}

#Header .Header__actions .Header__connexion {
    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: " ";
    width: .1rem;
    height: auto;
    background-color: #e2e4e9;
    display: block;
    margin: 0 1.6rem 0 .8rem
}

@media(min-width:576px) {
    #Header .Header__actions .Header__connexion:after {
        margin: 0 1.6rem
    }
}

#Header .Header__actions .Header__connexion:after:hover {
    text-decoration: underline
}

#Header .Header__actions .Header__offer {
    display: none
}

@media(min-width:768px) {
    #Header .Header__actions .Header__offer {
        text-decoration: none;
        align-self: center;
        display: flex;
        padding: .8rem 0;
        color: #026b9c;
        background: #e8eaee;
        border-radius: .3rem;
        padding: .4rem 1rem .4rem .6rem;
        margin-right: .8rem
    }
    #Header .Header__actions .Header__offer:hover {
        background: #e2e4e9
    }
    #Header .Header__actions .Header__offer span {
        align-self: center
    }
}

@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: Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded #Header .Tabs__tab {
    font-family: "Marr Sans", Helvetica, 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.js-is-active:after,
#Header .Tabs__tab:hover:after {
    background-color: #026b9c
}

#Header .Tabs__tab .icon__clock {
    margin-left: .8rem
}

#nav-markup {
    overflow-x: scroll;
    overflow-y: hidden;
    position: static;
    width: 100%
}

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

body {
    overflow-x: hidden
}

@media(min-width:768px) {
    body {
        overflow-x: visible
    }
}

#nav-desktop .Nav__item:nth-child(2),
#nav-desktop .Nav__item:nth-child(3) {
    position: relative
}

@media(min-width:768px) {
    #nav-desktop {
        position: static
    }
}

#nav-desktop.Nav--hidden {
    display: none
}

@media(min-width:1024px) {
    #nav-desktop.Nav--hidden {
        display: flex
    }
}

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

@media print {
    .Nav {
        display: none
    }
}

@media(min-width:1024px) {
    .Nav {
        padding-top: 0
    }
}

@media(min-width:1024px) {
    .Nav.on-scroll {
        opacity: 0;
        position: fixed;
        z-index: -1
    }
}

@media(min-width:1024px) {
    .Nav.on-scroll .Nav__item:last-child {
        padding-left: .8rem
    }
    .Nav.on-scroll .Nav__item--active:nth-child(2):before {
        width: 4rem
    }
    .Nav.on-scroll .Nav__item:nth-child(2) a {
        margin-right: 0;
        padding: .8rem
    }
    .Nav.on-scroll .Nav__item:nth-child(n+4):not(:last-child) {
        padding: 0
    }
    .Nav.on-scroll .Nav__item:nth-child(n+4):not(:last-child)>a {
        letter-spacing: .05rem;
        padding: 1.6rem .6rem
    }
}

@media(min-width:1200px) {
    .Nav.on-scroll .Nav__item:last-child {
        padding-left: .8rem
    }
    .Nav.on-scroll .Nav__item--active:nth-child(2):before,
    .Nav.on-scroll .Nav__item--active:nth-child(3):before {
        width: 5.6rem
    }
    .Nav.on-scroll .Nav__item:nth-child(2) a {
        padding: 1.6rem;
        margin-right: .8rem
    }
    .Nav.on-scroll .Nav__item:nth-child(n+4):not(:last-child) {
        padding: 0
    }
    .Nav.on-scroll .Nav__item:nth-child(n+4):not(:last-child)>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:nth-child(n+4):not(:last-child)>a {
        padding: 1.6rem 1.6rem
    }
}

.Nav--square:after {
    content: " ";
    position: absolute;
    height: 4.8rem;
    display: block;
    background-image: linear-gradient(to right, rgba(255, 255, 255, .65), #fff);
    width: 3.5rem;
    -webkit-filter: blur(.2rem);
    filter: blur(.2rem);
    right: 0;
    top: 6rem
}

@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(.215, .61, .355, 1)
    }
    .Nav--sticky #nav-markup {
        padding-left: 11.2rem
    }
}

@media(min-width:1024px)and (min-width:1200px) {
    .Nav--sticky #nav-markup {
        padding-left: 13.2rem
    }
}

@media(min-width:1024px) {
    .Nav--sticky>li:nth-child(2) {
        padding-left: .4rem
    }
}

@media(min-width:1025px) {
    .Nav--sticky>li:nth-child(2) {
        padding-left: .8rem
    }
}

@media not all and (min-resolution:0.001dpcm) {
    @supports(-webkit-appearance: none) {
        @media(min-width: 1024px) {
            .Nav--sticky .Nav__item--home {
                position: relative;
                height: 5.9rem
            }
        }
    }
}

@media not all and (min-resolution:0.001dpcm) {
    @supports(-webkit-appearance: none) {
        @media(min-width: 1024px) {
            .Nav--sticky .Nav__item--active:nth-child(2):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
    }
}

@media(min-width:1024px) {
    .Nav {
        box-shadow: 0 .4rem .4rem 0 rgba(0, 0, 0, .04);
        border-top: .4rem solid #026b9c;
        height: 5.8rem;
        border-bottom: .1rem solid #eff0f3
    }
}

.Nav ul {
    list-style: none
}

.Nav__item {
    align-items: center;
    display: flex;
    height: 100%;
    flex-shrink: 0;
    font-size: 1.4rem;
    font-weight: 500;
    text-decoration: none;
    border-bottom: .1rem solid #eff0f3
}

.Nav__item {
    font-family: 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
}

@media(min-width:1024px) {
    .Nav__item {
        padding: 0;
        font-size: 1.7rem;
        border-bottom: 0
    }
}

.Nav__item>a {
    transition: hover .2s cubic-bezier(.215, .61, .355, 1);
    text-transform: uppercase;
    letter-spacing: .06rem
}

.Nav__item>a:not(:last-child) {
    padding: 1.6rem 1.2rem
}

@media(min-width:1024px) {
    .Nav__item>a:not(:last-child) {
        padding: 1.6rem 2rem
    }
}

@media(min-width:1200px) {
    .Nav__item>a:not(:last-child) {
        padding: 1.6rem 3.2rem
    }
}

.Nav__item a {
    text-decoration: none;
    display: inherit;
    color: #2a303b;
    position: relative
}

.Nav__item a:hover {
    color: #026b9c
}

.Nav__item:nth-child(n+3):not(:last-child)>a:after {
    position: relative;
    content: " ";
    background-repeat: no-repeat;
    align-self: center;
    height: 1.4rem;
    width: 1.4rem;
    margin-left: .4rem;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='%23A4A9B4'%3E%3Cpath d='M3.944 4.5L3 5.455 7 9.5l4-4.045-.944-.955L7 7.607z' fill-rule='evenodd'/%3E%3C/svg%3E");
    -webkit-transform: none;
    transform: none
}

.Nav__item:last-child {
    padding-right: 4rem
}

@media(min-width:768px) {
    .Nav__item:last-child {
        padding: 1.6rem
    }
}

.Nav__item:last-child a {
    width: 1.6rem;
    height: 100%;
    flex-direction: column;
    align-self: center;
    justify-content: center
}

.Nav__item:last-child span {
    width: 1.6rem;
    height: 1.6rem
}

.Nav__item:nth-child(2) {
    padding: 0;
    border-right: .1rem solid #eff0f3
}

@media(min-width:1024px) {
    .Nav__item:nth-child(2) {
        border-right: none
    }
}

.Nav__item:nth-child(2) a {
    padding: 1.6rem
}

@media(min-width:1024px) {
    .Nav__item:nth-child(2) a {
        margin-right: 1.6rem
    }
}

@media(min-width:1024px) {
    .Nav__item--extended:before {
        display: none
    }
}

.Nav__item:nth-child(3) {
    padding: 0;
    border-right: .1rem solid #eff0f3
}

.Nav__item:nth-child(3) a {
    padding: 1.6rem
}

.Nav__item:nth-child(3) a:after {
    display: none
}

@media(min-width:1024px) {
    .Nav__item:nth-child(3) {
        display: none;
        border-right: none
    }
}

.Nav__item:nth-child(4) a:after {
    display: block
}

.Nav__item--active:nth-child(2),
.Nav__item--active:nth-child(3) {
    border-bottom: 0
}

.Nav__item--active:nth-child(2):before,
.Nav__item--active:nth-child(3):before {
    background-color: #026b9c;
    content: " ";
    height: .4rem;
    left: auto;
    top: 0;
    position: absolute;
    width: 5.6rem
}

@media(min-width:1024px) {
    .Nav__item--active:nth-child(2):before,
    .Nav__item--active:nth-child(3):before {
        height: .4rem;
        top: calc(100% - .3rem);
        left: auto
    }
}

.Nav__item--active:nth-child(n+4):not(:last-child) {
    background-color: #f5f6f8
}

.Nav__item--active:nth-child(n+4):not(:last-child)>a {
    color: #2a303b
}

@media(min-width:1024px) {
    .Nav__item--active:nth-child(n+4):not(:last-child)>a {
        color: #026b9c
    }
}

.Nav__item--active:nth-child(n+4):not(:last-child)>a:after {
    -webkit-transform: rotate(-180deg);
    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;
    visibility: hidden;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    padding: 3.6rem 2rem
}

@media(min-width:1024px) {
    .Nav__sub-item {
        top: 5.3rem;
        z-index: -1;
        padding: 5.2rem 2rem
    }
}

.Nav__sub-item a {
    z-index: -1;
    visibility: hidden
}

.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 {
        color: #2a303b;
        font-size: 1.2rem;
        font-weight: 500;
        letter-spacing: .01rem;
        border-radius: .4rem;
        border: .1rem solid #d5d8dc;
        padding: .8rem 1.2rem
    }
    .Nav__sub-item--actualites .Nav__container--left a {
        font-family: Helvetica, Arial, Roboto, sans-serif
    }
    html.fonts-loaded .Nav__sub-item--actualites .Nav__container--left a {
        font-family: "Marr Sans", Helvetica, Arial, Roboto, sans-serif
    }
    .Nav__sub-item--actualites .Nav__container--left a:hover {
        color: #fff;
        background-color: #026b9c;
        border: .1rem solid #026b9c
    }
}

.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 {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    visibility: visible;
    opacity: 1;
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    transition: height .4s ease-in-out, opacity .2s ease-in-out, -webkit-transform .1s ease;
    transition: height .4s ease-in-out, transform .1s ease, opacity .2s ease-in-out;
    transition: height .4s ease-in-out, transform .1s ease, opacity .2s ease-in-out, -webkit-transform .1s ease
}

.Nav__sub-item.js-desktop-open a {
    z-index: 0;
    visibility: visible
}

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

.Nav__container span:not([class*=flag-live-cartridge]) {
    font-size: 1.8rem;
    letter-spacing: .06rem;
    font-weight: 500;
    text-transform: uppercase
}

@media(min-width:576px) {
    .Nav__container span:not([class*=flag-live-cartridge]) {
        font-size: 2.2rem;
        letter-spacing: .07rem;
        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;
        letter-spacing: .08rem
    }
}

.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 ul {
    -webkit-columns: 14rem;
    -moz-columns: 14rem;
    columns: 14rem;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    grid-column-gap: 4.8rem;
    -webkit-column-gap: 4.8rem;
    -moz-column-gap: 4.8rem;
    column-gap: 4.8rem
}

@media(min-width:360px) {
    .Nav__container--default ul {
        -webkit-columns: 12rem;
        -moz-columns: 12rem;
        columns: 12rem;
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        grid-column-gap: 4.8rem;
        -webkit-column-gap: 4.8rem;
        -moz-column-gap: 4.8rem;
        column-gap: 4.8rem
    }
}

@media(min-width:1024px) {
    .Nav__container--default ul {
        -webkit-columns: 27.2rem;
        -moz-columns: 27.2rem;
        columns: 27.2rem;
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
        grid-column-gap: normal;
        -webkit-column-gap: normal;
        -moz-column-gap: normal;
        column-gap: normal
    }
}

.Nav__container--default li {
    -webkit-column-break-inside: avoid;
    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;
    letter-spacing: .07rem
}

@media(min-width:1024px) {
    .Nav__container--default li {
        max-width: 27.2rem
    }
}

.Nav__container--default a {
    padding: .8rem 0;
    position: relative;
    letter-spacing: .06rem
}

.Nav__search {
    align-items: center;
    display: flex;
    height: 1.5rem;
    justify-content: center;
    width: 1.5rem
}

.Nav__content--list a {
    padding: 1.2rem 0;
    position: relative
}

.Nav__content--list ul {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    grid-column-gap: 2rem;
    -webkit-column-gap: 2rem;
    -moz-column-gap: 2rem;
    column-gap: 2rem;
    -webkit-column-width: 10rem;
    -moz-column-width: 10rem;
    column-width: 10rem
}

@media(min-width:360px) {
    .Nav__content--list ul {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        grid-column-gap: 4.9rem;
        -webkit-column-gap: 4.9rem;
        -moz-column-gap: 4.9rem;
        column-gap: 4.9rem;
        -webkit-column-width: 14rem;
        -moz-column-width: 14rem;
        column-width: 14rem
    }
}

@media(min-width:1024px) {
    .Nav__content--list ul {
        grid-column-gap: normal;
        -webkit-column-gap: normal;
        -moz-column-gap: normal;
        column-gap: normal;
        -webkit-column-count: auto;
        -moz-column-count: auto;
        column-count: auto;
        -webkit-column-width: 21rem;
        -moz-column-width: 21rem;
        column-width: 21rem
    }
}

@media(min-width:1200px) {
    .Nav__content--list ul {
        -webkit-column-width: 24.3rem;
        -moz-column-width: 24.3rem;
        column-width: 24.3rem
    }
}

.Nav__content--list li {
    -webkit-column-break-inside: avoid;
    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: Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .Nav__content--column ul {
    font-family: "Marr Sans", Helvetica, 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;
    letter-spacing: .03rem;
    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-bottom: 1.6rem
    }
}

@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(:last-child) {
        margin: 0 3.2rem 0 0
    }
}

.Nav__content-wrapper .article__author {
    flex-direction: column
}

.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(.215, .61, .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
    }
}

.Nav__mobile #nav-markup {
    padding-right: 0;
    overflow-x: hidden
}

.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;
    letter-spacing: .08rem;
    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:last-child {
    display: none
}

.Nav__mobile .Nav__item .User__avatar,
.Nav__mobile .Nav__item .icon__home,
.Nav__mobile .Nav__item .icon__nav-en-continu,
.Nav__mobile .Nav__item .icon__nav-my-account {
    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:nth-child(3) a:after {
    content: " ";
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='5' height='10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M.319 10a.32.32 0 01-.123-.024A.332.332 0 010 9.668c0-.092.03-.17.091-.235l4.162-4.467L.155.576A.338.338 0 01.064.338c0-.094.03-.174.09-.24A.293.293 0 01.379 0C.466 0 .54.033.601.098L4.91 4.73c.06.065.091.144.091.235s-.03.17-.091.234L.537 9.902a.297.297 0 01-.104.074.298.298 0 01-.114.024z' fill='%232A303B' fill-rule='evenodd'/%3E%3C/svg%3E");
    position: absolute;
    width: .5rem;
    height: 1rem;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.Nav__mobile .Nav__item:nth-child(n+4) {
    background-color: #fff;
    flex-direction: column
}

.Nav__mobile .Nav__item:nth-child(n+4).Nav__item--active {
    background-color: #f5f6f8
}

.Nav__mobile .Nav__item:nth-child(n+4) a {
    line-height: 3.8
}

.Nav__mobile .Nav__item:nth-child(n+4):not(:last-child)>a.js-dropdown-burger:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='10' xmlns='http://www.w3.org/2000/svg' fill='%23717B8E'%3E%3Cpath d='M4 4V0h2v4h4v2H6v4H4V6H0V4h4z' fill-rule='evenodd'/%3E%3C/svg%3E")
}

.Nav__mobile .Nav__item:nth-child(n+4):not(:last-child)>a.js-dropdown-burger-open:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='2' xmlns='http://www.w3.org/2000/svg' fill='%23717B8E'%3E%3Cpath d='M0 0h10v2H0z' fill-rule='evenodd'/%3E%3C/svg%3E")
}

.Nav__mobile .Nav__item.Nav__item--active:nth-child(n+4) {
    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
}

.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 {
    border-top: 0
}

.Nav__mobile .Nav__item .Nav__container li:last-child {
    border-bottom: 0
}

.Nav__mobile .Nav__item .Nav__container a {
    font-size: 1.6rem;
    font-weight: 500;
    letter-spacing: .05rem;
    font-style: normal
}

.Nav__mobile .Nav__item .Nav__container a:after {
    display: none
}

.Nav__mobile .Nav__item .Nav__container--default ul {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    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: DINCondensed-Bold, "Roboto Condensed", "Arial Narrow", sans-serif
}

html.fonts-loaded .Nav__mobile .Nav__item .Nav__content--column a {
    font-family: "Marr Sans Condensed", DINCondensed-Bold, "Roboto Condensed", "Arial Narrow", sans-serif
}

.Nav__mobile .Nav__item .Nav__content--list ul {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    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
}

.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: visibility .1s ease, opacity .2s ease-in-out
}

.overlay--visible {
    visibility: visible;
    opacity: 1
}

.overlay--account {
    top: 5.5rem;
    z-index: 4
}

.overlay--live {
    margin: -1.7rem
}

@media(min-width:768px) {
    .overlay--live {
        margin: -5.7rem
    }
}

@media(min-width:1024px) {
    .overlay--live {
        opacity: 0;
        z-index: -1
    }
}

.overlay-live--show {
    opacity: 1;
    visibility: visible
}

.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: Helvetica, Arial, Roboto, sans-serif
}

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

.Connexion {
    position: absolute;
    background-color: #fff;
    right: -1.6rem;
    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: opacity .5s ease, visibility .2s ease-in-out, -webkit-transform .2s cubic-bezier(.215, .61, .355, 1);
    transition: transform .2s cubic-bezier(.215, .61, .355, 1), opacity .5s ease, visibility .2s ease-in-out;
    transition: transform .2s cubic-bezier(.215, .61, .355, 1), opacity .5s ease, visibility .2s ease-in-out, -webkit-transform .2s cubic-bezier(.215, .61, .355, 1);
    visibility: visible;
    opacity: 0;
    -webkit-transform: translateY(-100%);
    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: 4.3rem;
    border-top: 0;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

@media(min-width:576px) {
    .Connexion--open {
        width: 30rem
    }
}

.Connexion__wrap {
    display: flex;
    flex-flow: row nowrap;
    background: #f1f5f8
}

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

.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__icon,
.Connexion a.Connexion__link-off .Connexion__label {
    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: transparent
}

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

.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: DINCondensed-Bold, "Roboto Condensed", "Arial Narrow", sans-serif
}

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

.Connexion__icon-exclu--off {
    background: 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("data:image/svg+xml;charset=utf-8,%3Csvg width='44' height='44' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h44v44H0z'/%3E%3Cpath d='M21.231 21.65c.3 0 .584.06.843.16.521.2.942.576 1.163 1.049l.06.145a1.8 1.8 0 01.113.627v5.419H13v-5.42c0-1.091.978-1.98 2.179-1.98zm-.133.91l-.094.145-.08.154h-3.968l.072-.14-.072.14h-1.777c-.469 0-.85.346-.85.772v4.21h7.751v-4.21l-.006-.097c-.053-.38-.41-.675-.843-.675h-.307c.049-.105.107-.205.174-.3zM30.075 18l-.001 3.335h3.336v1.33l-3.336-.001V26h-1.329v-3.336H25.41v-1.329h3.335V18h1.33zm-11.87-4a4.03 4.03 0 011.892.478h-.002c.412.218.777.496 1.071.831l.142.172-.184.06.184-.06c.427.557.68 1.23.68 1.959 0 .727-.253 1.401-.68 1.958a2.388 2.388 0 01-.835-.429l-.138-.12c.264.252.598.441.973.549a3.697 3.697 0 01-1.212 1.003 3.702 3.702 0 01-1.21-1.003l.019.026c.313.4.723.728 1.192.977a4.03 4.03 0 01-1.892.478c-2.086 0-3.783-1.543-3.783-3.44 0-1.896 1.697-3.439 3.783-3.439zm0 1.376c-1.252 0-2.27.926-2.27 2.063 0 1.138 1.018 2.064 2.27 2.064.238 0 .465-.043.68-.105l.001.001a2.272 2.272 0 001.21-.823l.096-.144c.18-.295.283-.633.283-.992 0-.42-.14-.81-.378-1.137l-.113-.141a2.302 2.302 0 00-1.098-.681v-.001a2.757 2.757 0 00-.505-.096z' fill='%23a4a9b4'/%3E%3C/g%3E%3C/svg%3E")
}

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

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

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

@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;
    letter-spacing: .07rem;
    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;
        letter-spacing: .06rem
    }
}

.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: 50% auto;
        grid-auto-flow: column dense
    }
}

.Nav__sub-item--services .wrapper-list-link li {
    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: Helvetica, 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", Helvetica, 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("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='%23A4A9B4'%3E%3Cpath d='M3.944 4.5L3 5.455 7 9.5l4-4.045-.944-.955L7 7.607z' fill-rule='evenodd'/%3E%3C/svg%3E");
        position: absolute;
        width: 1.4rem;
        height: 1.4rem;
        right: 0;
        top: 0;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }
}

.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: DINCondensed-Bold, "Roboto Condensed", "Arial Narrow", sans-serif
}

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

@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: 400;
    max-width: calc(100% - 12rem)
}

.podcast-thread__section-desc {
    font-family: Georgia, Droid-serif, serif
}

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: DINCondensed-Bold, "Roboto Condensed", "Arial Narrow", sans-serif
}

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

@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-left: -1.6rem;
    margin-right: -1.6rem;
    margin-bottom: 3.2rem
}

@media(min-width:576px) {
    .podcast-snippet {
        margin-left: -3.2rem;
        margin-right: -3.2rem;
        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: transparent;
        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__acast,
    .podcast-snippet__spotify {
        margin: 0
    }
}

@media(min-width:768px) {
    .podcast-snippet__acast,
    .podcast-snippet__spotify {
        position: absolute;
        left: 3.2rem;
        right: 0;
        top: 6.4rem;
        background: 0 0
    }
}

.podcast-snippet__acast .podcast-snippet__content,
.podcast-snippet__spotify .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: DINCondensed-Bold, "Roboto Condensed", "Arial Narrow", sans-serif
}

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

@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: Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .podcast-snippet__bottom {
    font-family: "Marr Sans", Helvetica, 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 {
    color: rgba(255, 255, 255, .8);
    font-size: 1.2rem;
    border-radius: 3rem;
    border: .1rem solid rgba(255, 255, 255, .3)!important;
    height: 3rem;
    align-items: center;
    justify-content: center;
    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: Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .podcast-snippet__links a {
    font-family: "Marr Sans", Helvetica, Arial, Roboto, sans-serif
}

.podcast-snippet__links a:hover {
    color: #fff;
    border: .1rem solid #bdc1c8!important
}

.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: DINCondensed-Bold, "Roboto Condensed", "Arial Narrow", sans-serif
}

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

.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: Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .podcast__bottom {
    font-family: "Marr Sans", Helvetica, 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 {
    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.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%
}

.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: unset;
        height: 30.1333rem
    }
}

.podcast__main-content {
    flex: 1;
    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.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;
    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: transparent
}

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

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

.podcast-thread__section--river .button-small {
    display: none
}

.podcast-area {
    grid-column: 1/-1;
    border-top: .1rem solid #d5d8dc
}

@media(min-width:1024px) {
    .podcast-area {
        border-bottom: .1rem solid #d5d8dc
    }
}

.podcast-area__empty {
    border-top: 0
}

.podcast-area__link {
    display: flex;
    align-items: center;
    padding: 2.5rem 0;
    color: #2a303b
}

.podcast-area__content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-grow: 1
}

.podcast-area__img {
    flex: 0 0 auto;
    margin-right: 1.2rem
}

.podcast-area__header {
    display: none
}

@media(min-width:768px) {
    .podcast-area__header {
        display: flex;
        align-items: center
    }
}

.podcast-area__section {
    font-size: 1.3rem;
    font-weight: 500;
    letter-spacing: .1rem;
    text-transform: uppercase
}

.podcast-area__section {
    font-family: DINCondensed-Bold, "Roboto Condensed", "Arial Narrow", sans-serif
}

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

.podcast-area__title {
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 2rem
}

.podcast-area__title {
    font-family: Georgia, Droid-serif, serif
}

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

@media(max-width:767px) {
    .podcast-area__title::after {
        content: "Podcast";
        width: .9rem;
        height: 1.4rem;
        font-size: 1.2rem;
        font-weight: 400;
        background: url("data:image/svg+xml;charset=utf-8,%3Csvg fill='none' height='14' width='10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath clip-rule='evenodd' d='M5 0a2.333 2.333 0 00-2.333 2.333v4.084a2.333 2.333 0 004.666 0v-.584H5V4.667h2.333V3.5H5V2.333h2.333A2.333 2.333 0 005 0zm4.083 6.95a.533.533 0 10-1.065 0 3.018 3.018 0 01-6.036 0 .533.533 0 10-1.065 0 4.084 4.084 0 003.55 4.048v1.835H2.984l-.074.006a.572.572 0 00-.472.578c0 .322.245.583.546.583h4.159l.074-.005a.572.572 0 00.471-.578c0-.322-.244-.584-.545-.584H5.634v-1.85a4.084 4.084 0 003.45-4.034z' fill='%23383f4e' fill-rule='evenodd'/%3E%3C/svg%3E") no-repeat;
        padding-left: 1.3rem;
        margin-left: .8rem
    }
    .podcast-area__title::after {
        font-family: Helvetica, Arial, Roboto, sans-serif
    }
    html.fonts-loaded .podcast-area__title::after {
        font-family: "Marr Sans", Helvetica, Arial, Roboto, sans-serif
    }
}

@media(min-width:768px) {
    .podcast-area__btn {
        display: flex;
        align-items: center;
        justify-content: center;
        min-width: 20rem;
        border: 1px solid #d4d8dc;
        border-radius: 3px;
        margin: 0 2.4rem
    }
    .podcast-area__btn-txt {
        display: flex;
        align-items: center;
        font-size: 1.4rem;
        font-weight: 600;
        padding: 1rem 3rem
    }
    .podcast-area__btn-txt {
        font-family: Helvetica, Arial, Roboto, sans-serif
    }
    html.fonts-loaded .podcast-area__btn-txt {
        font-family: "Marr Sans", Helvetica, Arial, Roboto, sans-serif
    }
    .podcast-area__btn-txt::before {
        content: "";
        display: inline-block;
        width: .9rem;
        height: 1.4rem;
        background: url("data:image/svg+xml;charset=utf-8,%3Csvg fill='none' height='14' width='10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath clip-rule='evenodd' d='M5 0a2.333 2.333 0 00-2.333 2.333v4.084a2.333 2.333 0 004.666 0v-.584H5V4.667h2.333V3.5H5V2.333h2.333A2.333 2.333 0 005 0zm4.083 6.95a.533.533 0 10-1.065 0 3.018 3.018 0 01-6.036 0 .533.533 0 10-1.065 0 4.084 4.084 0 003.55 4.048v1.835H2.984l-.074.006a.572.572 0 00-.472.578c0 .322.245.583.546.583h4.159l.074-.005a.572.572 0 00.471-.578c0-.322-.244-.584-.545-.584H5.634v-1.85a4.084 4.084 0 003.45-4.034z' fill='%23383f4e' fill-rule='evenodd'/%3E%3C/svg%3E") center no-repeat;
        margin-right: .8rem
    }
}

.podcast-area__date {
    font-size: 1.4rem;
    font-weight: 400;
    color: #717b8e
}

.podcast-area__date {
    font-family: Helvetica, Arial, Roboto, sans-serif
}

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

.podcast-area__date::before {
    content: "|";
    margin: 0 .8rem
}

.podcast-area__btn {
    display: none
}

@media(min-width:768px) {
    .podcast-area__btn {
        display: flex;
        align-items: center;
        justify-content: center;
        min-width: 20rem;
        border: 1px solid #d4d8dc;
        border-radius: 3px;
        margin: 0 2.4rem
    }
    .podcast-area__btn-txt {
        display: flex;
        align-items: center;
        font-size: 1.4rem;
        font-weight: 600;
        padding: 1rem 3rem
    }
    .podcast-area__btn-txt {
        font-family: Helvetica, Arial, Roboto, sans-serif
    }
    html.fonts-loaded .podcast-area__btn-txt {
        font-family: "Marr Sans", Helvetica, Arial, Roboto, sans-serif
    }
    .podcast-area__btn-txt::before {
        content: "";
        display: inline-block;
        width: .9rem;
        height: 1.4rem;
        background: url("data:image/svg+xml;charset=utf-8,%3Csvg fill='none' height='14' width='10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath clip-rule='evenodd' d='M5 0a2.333 2.333 0 00-2.333 2.333v4.084a2.333 2.333 0 004.666 0v-.584H5V4.667h2.333V3.5H5V2.333h2.333A2.333 2.333 0 005 0zm4.083 6.95a.533.533 0 10-1.065 0 3.018 3.018 0 01-6.036 0 .533.533 0 10-1.065 0 4.084 4.084 0 003.55 4.048v1.835H2.984l-.074.006a.572.572 0 00-.472.578c0 .322.245.583.546.583h4.159l.074-.005a.572.572 0 00.471-.578c0-.322-.244-.584-.545-.584H5.634v-1.85a4.084 4.084 0 003.45-4.034z' fill='%23383f4e' fill-rule='evenodd'/%3E%3C/svg%3E") center no-repeat;
        margin-right: .8rem
    }
    .podcast-area__btn:hover {
        background-color: #f5f6f8
    }
}

@media(min-width:1024px) {
    #en-continu.en-continu--hide {
        display: none
    }
}

.en-continu {
    width: 100%
}

@media(min-width:1024px) {
    .en-continu {
        background-color: #036487
    }
}

.en-continu.js-is-hide {
    display: none
}

@media(min-width:1024px) {
    .en-continu.js-is-hide {
        display: block;
        opacity: 1;
        transition: all .2s cubic-bezier(.215, .61, .355, 1)
    }
}

.en-continu .Live {
    align-items: center;
    background-color: #fcfcfd;
    display: flex;
    height: auto;
    width: 100%
}

@media(min-width:1024px) {
    .en-continu .Live {
        background-color: #eff0f3;
        padding: 2.4rem 0 0
    }
}

.en-continu .Live__continu {
    display: flex;
    align-items: center
}

.en-continu .Live__continu .icon__clock {
    margin-left: .8rem
}

@media(min-width:1024px) {
    .en-continu .Live {
        padding: 0
    }
}

.en-continu .Live__left {
    align-items: flex-start;
    color: rgba(3, 100, 135, .93);
    display: none;
    flex: 1;
    flex-shrink: 0;
    font-size: 1.8rem;
    font-weight: 500;
    height: 100%;
    justify-content: flex-end;
    letter-spacing: .03rem;
    min-width: 12rem;
    padding-left: 1.6rem;
    pointer-events: none;
    text-align: right;
    padding-top: .2rem
}

.en-continu .Live__left {
    font-family: DINCondensed-Bold, "Roboto Condensed", "Arial Narrow", sans-serif
}

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

@media(min-width:1024px) {
    .en-continu .Live__left {
        display: flex;
        justify-content: flex-start;
        pointer-events: auto;
        min-height: 7.5rem
    }
}

@media(min-width:1200px) {
    .en-continu .Live__left {
        padding-right: 2rem;
        padding-left: 0;
        justify-content: flex-end;
        display: flex
    }
}

.en-continu .Live__center {
    display: flex;
    flex-direction: column;
    height: 100%;
    margin: 0 auto;
    max-width: 115.2rem;
    width: 100%;
    overflow: hidden
}

@media(min-width:1024px) {
    .en-continu .Live__center {
        padding: 2rem 0;
        flex-direction: row
    }
}

.en-continu .Live__right {
    display: none;
    flex: 1;
    flex-shrink: 0;
    font-size: 1.3rem;
    font-weight: 500;
    height: 100%;
    min-width: 12rem;
    padding-left: 2rem;
    pointer-events: none;
    text-align: left;
    min-height: 8rem;
    padding-bottom: 0
}

@media(min-width:1024px) {
    .en-continu .Live__right {
        align-self: flex-end;
        display: flex;
        pointer-events: auto
    }
}

.en-continu .Live__right a {
    text-decoration: none;
    display: flex
}

.en-continu .Live__right a span {
    text-decoration: underline
}

.en-continu .Live__more {
    align-items: center;
    display: flex;
    justify-content: center;
    margin: 3.2rem auto;
    max-width: 576px
}

@media(min-width:1024px) {
    .en-continu .Live__more {
        display: none;
        pointer-events: none
    }
}

.en-continu .Live__more a {
    display: flex
}

.en-continu .Live .New {
    align-items: flex-start;
    border-bottom: 1px solid #d5d8dc;
    display: flex;
    font-size: 1.6rem;
    font-weight: 500;
    flex-direction: row;
    line-height: 1.35;
    margin: 0 auto;
    min-height: 6rem;
    padding: 3.2rem 1.6rem;
    width: 100%
}

.en-continu .Live .New {
    font-family: Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .en-continu .Live .New {
    font-family: "Marr Sans", Helvetica, Arial, Roboto, sans-serif
}

.en-continu .Live .New a {
    text-decoration: none;
    display: flex;
    width: 100%;
    align-items: center
}

@media(min-width:1024px) {
    .en-continu .Live .New a {
        display: block
    }
}

.en-continu .Live .New:hover .New__content {
    text-decoration: underline
}

@media(min-width:1024px) {
    .en-continu .Live .New {
        border-bottom: 0;
        flex-direction: column;
        min-height: auto;
        padding: 0 0 2rem 0;
        width: 25%
    }
    .en-continu .Live .New:not(:last-child) {
        border-right: .1rem solid #d5d8dc
    }
    .en-continu .Live .New:not(:last-child):not(:first-child) {
        padding: 0 1.6rem
    }
    .en-continu .Live .New:first-child {
        padding-right: 1.6rem
    }
    .en-continu .Live .New:last-child {
        display: none;
        padding-left: 1.6rem;
        pointer-events: none
    }
}

@media(min-width:1024px)and (min-width:1352px) {
    .en-continu .Live .New:last-child:last-child {
        display: flex;
        pointer-events: auto
    }
}

@media(min-width:1352px) {
    .en-continu .Live .New {
        width: 20%
    }
}

.en-continu .Live .New__header {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    justify-content: center;
    margin-right: 1.6rem;
    width: 5rem
}

@media(min-width:576px) {
    .en-continu .Live .New__header {
        margin-right: 2rem
    }
}

@media(min-width:1024px) {
    .en-continu .Live .New__header {
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        margin-bottom: .4rem;
        margin-right: 0;
        width: 100%
    }
}

.en-continu .Live .New__time {
    color: #717b8e;
    font-size: 1.2rem;
    font-weight: 500;
    letter-spacing: .03rem;
    line-height: 1.42;
    order: 1;
    position: relative;
    top: .2rem
}

@media(min-width:576px) {
    .en-continu .Live .New__time {
        font-size: 1.4rem;
        height: auto;
        width: auto;
        margin-right: .8rem
    }
}

@media(min-width:1024px) {
    .en-continu .Live .New__time {
        font-size: 1.2rem;
        order: 0;
        top: 0
    }
}

.en-continu .Live .New__nature {
    align-items: center;
    background-color: #cb2626;
    border-radius: .2rem;
    color: #fff;
    display: flex;
    height: 1.5rem;
    font-weight: 600;
    font-size: 1.2rem;
    justify-content: center;
    padding: 0 .4rem
}

.en-continu .Live .New__nature {
    font-family: DINCondensed-Bold, "Roboto Condensed", "Arial Narrow", sans-serif
}

html.fonts-loaded .en-continu .Live .New__nature {
    font-family: "Marr Sans Condensed", DINCondensed-Bold, "Roboto Condensed", "Arial Narrow", sans-serif
}

.en-continu .Live .New__nature--live {
    letter-spacing: .09rem;
    text-transform: uppercase
}

.en-continu .Live .New__nature:nth-child(2) {
    margin-bottom: .4rem
}

@media(min-width:1024px) {
    .en-continu .Live .New__nature:nth-child(2) {
        margin-left: .8rem;
        margin-bottom: 0
    }
}

.en-continu .Live .New__content {
    color: #2a303b;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 1.25;
    max-width: 100%;
    margin-right: 1.6rem;
    width: 100%
}

@media(min-width:1024px) {
    .en-continu .Live .New__content {
        font-size: 1.3rem;
        margin-right: 0
    }
}

.en-continu .Live .New__content .icon__label-alert {
    margin-right: .4rem
}

.en-continu .Live .New__img {
    height: 6rem;
    flex-shrink: 0;
    width: 6rem
}

@media(min-width:576px) {
    .en-continu .Live .New__img {
        height: auto;
        width: 11rem
    }
}

@media(min-width:1024px) {
    .en-continu .Live .New__img {
        display: none;
        pointer-events: none
    }
}

.en-continu .Live .New__img picture {
    display: block;
    padding-top: 100%;
    position: relative;
    width: 100%
}

@media(min-width:576px) {
    .en-continu .Live .New__img picture {
        padding-top: 66.66%
    }
}

.en-continu .Live .New__img picture img {
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.en-continu .Live .seeMore {
    color: #2a303b;
    font-size: 1.3rem;
    font-weight: 500;
    text-decoration: underline
}

.en-continu .Live .seeMore {
    font-family: Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .en-continu .Live .seeMore {
    font-family: "Marr Sans", Helvetica, Arial, Roboto, sans-serif
}

@media(min-width:1024px) {
    .en-continu .Live--extended {
        background-color: #036487;
        max-width: 115.2rem;
        margin: 0 auto;
        align-items: flex-end
    }
}

.en-continu .Live--extended .Live__center {
    max-width: 100%
}

@media(min-width:1024px) {
    .en-continu .Live--extended .Live__center {
        height: 100%;
        padding: 2rem 0 0
    }
}

.en-continu .Live--extended .Live__left {
    display: none
}

@media(min-width:1024px) {
    .en-continu .Live--extended .Live__right {
        align-self: flex-start;
        padding-top: 2rem;
        justify-content: center;
        padding-left: 0
    }
    .en-continu .Live--extended .Live__right .icon__arrow-right {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='%23FFF'%3E%3Cpath fill-rule='evenodd' d='M8 6.063L9.063 5l5.312 5.313-5.313 5.312L8 14.562l4.217-4.25z'/%3E%3C/svg%3E")
    }
}

@media(min-width:1024px) {
    .en-continu .Live--extended .New {
        display: flex;
        padding-bottom: 0;
        position: relative
    }
    .en-continu .Live--extended .New:not(:last-child) {
        border: 0
    }
    .en-continu .Live--extended .New:not(:last-child):not(:first-child) {
        padding: 0
    }
    @-webkit-keyframes displayLiveNews {
        0% {
            -webkit-transform: translateY(.7rem);
            transform: translateY(.7rem);
            opacity: 0;
            position: absolute
        }
        100% {
            -webkit-transform: translateY(0);
            transform: translateY(0);
            opacity: 1;
            position: relative
        }
    }
    @keyframes displayLiveNews {
        0% {
            -webkit-transform: translateY(.7rem);
            transform: translateY(.7rem);
            opacity: 0;
            position: absolute
        }
        100% {
            -webkit-transform: translateY(0);
            transform: translateY(0);
            opacity: 1;
            position: relative
        }
    }
    .en-continu .Live--extended .New a {
        display: block;
        height: 100%;
        padding: 0 1.6rem 2rem;
        border-right: .1rem solid #024771
    }
    .en-continu .Live--extended .New--1 a {
        -webkit-animation: displayLiveNews 80ms ease-in-out both;
        animation: displayLiveNews 80ms ease-in-out both;
        -webkit-animation-delay: .4s;
        animation-delay: .4s
    }
    .en-continu .Live--extended .New--2 a {
        -webkit-animation: displayLiveNews 508ms ease-in-out both;
        animation: displayLiveNews 508ms ease-in-out both;
        -webkit-animation-delay: .5s;
        animation-delay: .5s
    }
    .en-continu .Live--extended .New--3 a {
        -webkit-animation: displayLiveNews 560ms ease-in-out both;
        animation: displayLiveNews 560ms ease-in-out both;
        -webkit-animation-delay: 580ms;
        animation-delay: 580ms
    }
    .en-continu .Live--extended .New--4 a {
        -webkit-animation: displayLiveNews 160ms ease-in-out both;
        animation: displayLiveNews 160ms ease-in-out both;
        -webkit-animation-delay: 1.06s;
        animation-delay: 1.06s
    }
    .en-continu .Live--extended .New--5 a {
        -webkit-animation: displayLiveNews 160ms ease-in-out both;
        animation: displayLiveNews 160ms ease-in-out both;
        -webkit-animation-delay: 1.16s;
        animation-delay: 1.16s
    }
}

@media(min-width:1024px) {
    .en-continu .Live--extended .New__time {
        color: #79c4df
    }
}

@media(min-width:1024px) {
    .en-continu .Live--extended .New__content {
        color: #fff
    }
}

@media(min-width:1024px) {
    .en-continu .Live--extended .seeMore {
        color: #fff
    }
}

.footer {
    position: relative;
    z-index: 4;
    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__main {
        display: flex;
        flex-direction: column
    }
}

@media(min-width:1024px) {
    .footer__main {
        flex-direction: row
    }
}

@media(min-width:768px) {
    .footer__top {
        display: flex
    }
}

@media(min-width:1024px) {
    .footer__top {
        width: 75%
    }
}

@media(min-width:768px) {
    .footer__top>.footer__category {
        width: 33.3336%;
        margin-right: 2.4rem
    }
}

@media(min-width:1024px) {
    .footer__top>.footer__category {
        width: 33.3336%;
        margin-right: 2.4rem
    }
}

.footer__category {
    line-height: 1;
    padding: 1.6rem 0;
    border-bottom: .1rem solid #a4a9b4
}

@media(min-width:768px) {
    .footer__category {
        border-bottom: 0;
        padding: 0
    }
}

@media(min-width:768px) {
    .footer__category:not(:first-of-type) {
        padding-top: 2.4rem
    }
}

.footer__category--last {
    border-bottom: 0
}

@media(min-width:768px) {
    .footer__category-container {
        width: 33.3336%
    }
    .footer__category-container:not(:last-of-type) {
        margin-right: 2.4rem
    }
}

@media(min-width:1024px) {
    .footer__category-container {
        width: 33.3336%;
        margin-right: 2.4rem
    }
}

.footer__links {
    height: 0;
    display: none;
    font-size: 1.3rem;
    line-height: 1.3;
    padding-top: .8rem;
    list-style: none;
    position: relative
}

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

.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;
        width: auto
    }
}

.footer__links--apps {
    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 {
        border-top: .1rem solid #a4a9b4;
        display: flex;
        margin-top: 2.4rem
    }
}

@media(min-width:1024px) {
    .footer__middle {
        width: 25%;
        flex-direction: column;
        margin-top: 0;
        border-top: 0
    }
}

@media(min-width:768px) {
    .footer__middle>.footer__cta {
        width: 33.3336%;
        border-top: 0
    }
    .footer__middle>.footer__cta:not(:last-of-type) {
        margin-right: 2.4rem
    }
}

@media(min-width:1024px) {
    .footer__middle>.footer__cta {
        width: 100%;
        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
}

.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: "\2022";
    line-height: 1;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.footer__bullet>.footer__link {
    padding-left: .8rem
}

.footer__bullet>.footer__link--apps {
    padding-left: 0;
    align-self: center
}

.footer__bullet--social {
    line-height: 2.4
}

@media(min-width:768px) {
    .footer__bullet--social {
        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 {
    line-height: 1.23;
    display: inline-flex;
    width: 100%;
    align-items: flex-end
}

.footer__link:hover {
    text-decoration: underline
}

.footer__link--cta {
    margin-top: 1.6rem
}

.footer__link--list {
    margin-top: 0
}

.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:768px) {
    .footer__cta--container {
        width: 33.3336%;
        margin-right: 2.4rem
    }
}

@media(min-width:1024px) {
    .footer__cta--container {
        width: 100%
    }
    .footer__cta--container:not(:last-of-type) {
        margin-right: 0
    }
    .footer__cta--container .footer__cta:first-of-type {
        padding-top: 0
    }
}

.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:1024px) {
    .footer__social {
        margin-top: 0
    }
}

.footer__title {
    color: #fff;
    text-transform: uppercase;
    font-size: 1.4rem;
    line-height: 1.28;
    position: relative
}

.footer__title {
    font-family: DINCondensed-Bold, "Roboto Condensed", "Arial Narrow", sans-serif
}

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

.footer__title--category {
    background: 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("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='2' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath d='M0 0h10v2H0z' fill-rule='evenodd'/%3E%3C/svg%3E")
}

@media(min-width:768px) {
    .footer__title--category.ui-collapse--shown:after {
        display: none
    }
}

.footer__title--category:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='10' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath d='M4 4V0h2v4h4v2H6v4H4V6H0V4h4z' fill-rule='evenodd'/%3E%3C/svg%3E")
}

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

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

.friend__container {
    height: 150rem
}

.friend--sticky {
    position: -webkit-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 {
    width: 100%;
    height: 5rem;
    max-width: 10rem
}

@media(min-width:1024px) {
    .friend__media {
        flex: 0 0 10rem;
        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;
    padding-top: 1.6rem
}

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

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

@media(min-width:1024px) {
    .friend__message {
        padding-top: 0
    }
}

.friend__link:hover {
    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.fonts-loaded .friend--wirecutter li {
    font-family: "The Antiqua B", Georgia, Droid-serif, serif
}

.friend--wirecutter li:before {
    content: "\2022";
    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\E9";
    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\E9";
    padding-top: .4rem;
    padding-bottom: .4rem;
    display: block;
    width: 100%;
    color: #666e80
}

.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(../../../dist/assets/img/friends/sections/predict/predict-podcast.svg)
}

.predict__illustration-international {
    background: url(../../../dist/assets/img/friends/sections/predict/predict-international.svg)
}

.predict__illustration-newsletter {
    background: url(../../../dist/assets/img/friends/sections/predict/predict-newsletter.png)
}

.predict__illustration-video {
    background: url(../../../dist/assets/img/friends/sections/predict/predict-video.svg)
}

.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: Helvetica, Arial, Roboto, sans-serif
}

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

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

.forecast__abandonnistes {
    padding: 2.4rem 1.6rem 0;
    display: flex;
    flex-flow: column;
    align-items: center
}

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

html.fonts-loaded .forecast__abandonnistes {
    font-family: "Marr Sans", Helvetica, 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: 0;
    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("data:image/svg+xml;charset=utf-8,%3Csvg height='24' width='24' xmlns='http://www.w3.org/2000/svg' fill='%232a303b'%3E%3Cpath d='M18.937 6L20.4 7.48 10.2 18.75 4 12.48 5.463 11l4.737 4.816z'/%3E%3C/svg%3E");
    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("data:image/svg+xml;charset=utf-8,%3Csvg width='30' height='22' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill='%232a303b'%3E%3Cdefs%3E%3Cpath d='M27.622 16.122A2.883 2.883 0 0130.5 19v7.878h-5v.082H11.743v-1.755H13.5v-6.122l-.006-.122c-.061-.561-.538-1-1.116-1h-.406c.053-.125.114-.245.183-.36l-.098.176-.086.184H6.728c.025-.058.05-.114.079-.17l-.079.17H4.379c-.619 0-1.122.504-1.122 1.122v6.122h8.486v1.756H1.5v-7.878a2.882 2.882 0 012.879-2.878h10.243a2.86 2.86 0 00-1.13.231l.213-.08a2.84 2.84 0 01.917-.151h2.757c.072 0 .144.002.215.008l.21.025a2.694 2.694 0 00-.425-.034h1.584a2.86 2.86 0 01.66-.083zM18.5 25.206v-6.122c0-.619-.503-1.122-1.122-1.122H15.03a2.81 2.81 0 00-.086-.184l.086.184c.146.345.228.724.228 1.122v6.122H18.5zm9.122-7.327h-2.395l.08.186c.122.317.193.659.193 1.018v6.04h3.243V19c0-.618-.503-1.122-1.12-1.122zm-5 .082h-2.593l.08.212c.096.286.148.593.148.91v6.04h3.486v-6.04c0-.617-.503-1.121-1.121-1.121zm1-12.961c2.757 0 5 2.243 5 5s-2.243 5-5 5c-.884 0-1.702-.25-2.423-.654a5.42 5.42 0 00.87-.656l.192-.191a5.22 5.22 0 01-1.063.847l-.23.133a4.91 4.91 0 01-2.346.605A4.952 4.952 0 0116 14.322a5.793 5.793 0 01-.222-.146l.222.146a4.946 4.946 0 01-2.621.762 4.946 4.946 0 01-2.5-.695l-.225.124a4.9 4.9 0 01-2.275.57c-2.757 0-5-2.242-5-5 0-2.756 2.243-5 5-5 .915 0 1.762.266 2.5.696l.25-.138a4.9 4.9 0 012.25-.558A4.95 4.95 0 0116 5.845l.223.146A5.306 5.306 0 0116 5.845a4.946 4.946 0 012.622-.762c.884 0 1.701.25 2.424.654A4.942 4.942 0 0123.622 5zM9.392 7.08l-.114.157a2.974 2.974 0 00-.9-.153c-1.653 0-3 1.346-3 3s1.347 3 3 3c.316 0 .615-.063.9-.153.312.449.701.837 1.142 1.158l-.216-.166a4.85 4.85 0 01-.926-.992 3 3 0 001.6-1.195l.112-.182a2.977 2.977 0 00-.111-3.123l-.132-.183a3.014 3.014 0 00-1.469-1.012c.037-.052.074-.104.113-.155zm9.23.003c-.387 0-.755.08-1.095.214l.141.222c.45.75.71 1.628.71 2.564a4.966 4.966 0 01-1.005 3.003l-.166.206c.114-.134.222-.275.32-.422.34.134.708.214 1.095.214.335 0 .653-.068.954-.17.107.147.221.288.344.422l-.178-.206-.166-.217a3.005 3.005 0 001.571-1.223v.001c.26-.407.428-.88.466-1.388l.009-.22c0-.627-.195-1.207-.525-1.69l-.136-.181a3.009 3.009 0 00-1.492-.992l-.205-.055a2.735 2.735 0 00-.642-.082zm-5.244 0a2.98 2.98 0 00-.899.153 4.96 4.96 0 010 5.695 3.144 3.144 0 01-.216-.078l-.209-.092c.137.066.279.123.425.17l.173.05c.233.062.474.103.727.103.387 0 .754-.08 1.094-.214l.193-.085A3.013 3.013 0 0016 11.513l.095-.187c.177-.38.283-.797.283-1.243 0-.52-.145-1.002-.378-1.428.135-.245.3-.47.494-.668l-.14.153c-.135.158-.253.33-.354.514a3 3 0 00-1.527-1.357l-.207-.073c-.28-.09-.577-.14-.888-.14zM23.622 7c-.335 0-.653.068-.954.17a4.958 4.958 0 01.106 5.694l.205.055c.207.05.42.081.643.081 1.654 0 3-1.346 3-3s-1.346-3-3-3z' id='a'/%3E%3C/defs%3E%3Cg transform='translate(-1 -5)' fill='none' fill-rule='evenodd'%3E%3Cmask id='b' fill='%23fff'%3E%3Cuse xlink:href='%23a'/%3E%3C/mask%3E%3Cuse fill='%23000' xlink:href='%23a'/%3E%3Cpath fill='%232a303b' mask='url(%23b)' d='M0 0h32v32H0z'/%3E%3Cpath fill='%23FFF' mask='url(%23b)' d='M0 0h32v32H0z'/%3E%3Cpath fill='%232a303b' mask='url(%23b)' d='M0 0h32v32H0z'/%3E%3C/g%3E%3C/svg%3E");
    left: 0
}

.forecast__abandonnistes .abandonnistes__avantages-item--account-two:before {
    height: 2.2rem;
    width: 1.9rem;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='19' height='22' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill='%232a303b'%3E%3Cdefs%3E%3Cpath d='M19.529 17.878l.08.211c.096.287.148.593.148.911v6.12l3.243.002V19c0-.618-.503-1.122-1.122-1.122l-2.35-.001h.001zM17.878 5c2.757 0 5 2.243 5 5s-2.243 5-5 5a4.942 4.942 0 01-2.5-.695l-.233-.144a5.378 5.378 0 01-.225-.156l.225.156.233.144a4.946 4.946 0 01-2.5.695c-2.757 0-5-2.243-5-5s2.243-5 5-5c.915 0 1.762.265 2.5.695l.25-.137A4.9 4.9 0 0117.878 5zm-5 2c-1.654 0-3 1.346-3 3s1.346 3 3 3c.315 0 .614-.063.9-.153.208.3.45.572.72.815l-.197-.188a4.744 4.744 0 01-.523-.627 3 3 0 001.6-1.195l.112-.182a2.977 2.977 0 00-.112-3.123l-.131-.182a3.014 3.014 0 00-1.47-1.012l-.216-.062A2.759 2.759 0 0012.878 7zm3.578-.474c.191.193.366.402.523.627l-.001-.001a4.96 4.96 0 01.893 2.585l.007.263a4.964 4.964 0 01-.899 2.847c.287.09.584.153.899.153 1.655 0 3-1.346 3-3s-1.345-3-3-3a2.98 2.98 0 00-.899.153 4.696 4.696 0 00-.337-.429zM8.879 17.878c-.62 0-1.122.504-1.122 1.122v6.122H18V19c0-.618-.503-1.122-1.122-1.122zm7.999-1.756c.462 0 .9.11 1.287.304l-.168-.078a2.862 2.862 0 00-1.119-.226h5A2.882 2.882 0 0124.756 19v7.878l-5-.001.001.001H6V19a2.882 2.882 0 012.879-2.878z' id='a'/%3E%3C/defs%3E%3Cg transform='translate(-6 -5)' fill='none' fill-rule='evenodd'%3E%3Cmask id='b' fill='%23fff'%3E%3Cuse xlink:href='%23a'/%3E%3C/mask%3E%3Cuse fill='%23000' xlink:href='%23a'/%3E%3Cpath fill='%232a303b' mask='url(%23b)' d='M0 0h32v32H0z'/%3E%3Cpath fill='%23FFF' mask='url(%23b)' d='M0 0h32v32H0z'/%3E%3Cpath fill='%232a303b' mask='url(%23b)' d='M0 0h32v32H0z'/%3E%3C/g%3E%3C/svg%3E");
    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
}

@media(min-width:1024px) {
    .forecast__abandonnistes .abandonnistes__more {
        display: none
    }
}

.forecast__abandonnistes .abandonnistes__more-button {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -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("data:image/svg+xml;charset=utf-8,%3Csvg width='8' height='5' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M.944 0L0 .955 4 5 8 .955 7.056 0 4 3.107z' fill='%23A4A9B4' fill-rule='evenodd'/%3E%3C/svg%3E")
}

.forecast__abandonnistes .abandonnistes__more-button .abandonnistes__icon.icon--less {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='8' height='5' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M.944 5L0 4.045 4 0l4 4.045L7.056 5 4 1.893z' fill='%23A4A9B4' fill-rule='evenodd'/%3E%3C/svg%3E")
}

.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(../../../dist/assets/img/friends/sections/predict/predict-podcast.svg)
}

.forecast .predict__illustration-international {
    background: url(../../../dist/assets/img/friends/sections/predict/predict-international.svg)
}

.forecast .predict__illustration-newsletter {
    background: url(../../../dist/assets/img/friends/sections/predict/predict-newsletter.png)
}

.forecast .predict__illustration-video {
    background: url(../../../dist/assets/img/friends/sections/predict/predict-video.svg)
}

.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: Helvetica, Arial, Roboto, sans-serif
}

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

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

@media(min-width:1024px) {
    .services {
        border-top: .2rem solid #2a303b
    }
}

.services__title {
    font-size: 2.4rem;
    font-weight: 600;
    letter-spacing: .022rem;
    color: #383f4e;
    line-height: 1
}

.services__title {
    font-family: DINCondensed-Bold, "Roboto Condensed", "Arial Narrow", sans-serif
}

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

.services__title--grey {
    font-size: 2.2rem;
    font-weight: 800;
    line-height: 1.3;
    margin-bottom: 0;
    letter-spacing: normal;
    text-decoration: none;
    color: #8b92a1
}

.services__title--grey {
    font-family: Georgia, Droid-serif, serif
}

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

@media(min-width:1024px) {
    .services--grid {
        grid-column: 1/span 2
    }
}

.services-inread {
    position: relative;
    display: inline-block;
    font-weight: 400;
    margin: 3.2rem .8rem 2.4rem .8rem;
    border: 1px solid #79c4df;
    border-radius: 2px
}

.services-inread {
    font-family: DINCondensed-Bold, "Roboto Condensed", "Arial Narrow", sans-serif
}

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

@media(min-width:576px) {
    .services-inread {
        margin-left: 4rem;
        margin-right: 4rem
    }
}

.services-inread--abo {
    border: 1px solid #ffc877
}

.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;
    line-height: 2.1rem;
    padding: 1.6rem 2.4rem
}

.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.fonts-loaded .services-inread__desc {
    font-family: "The Antiqua B", Georgia, Droid-serif, serif
}

@media(min-width:1024px) {
    .services-inread__desc {
        padding-right: 2.4rem
    }
}

.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("data:image/svg+xml;charset=utf-8,%3Csvg fill='%23036487' height='10' width='10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath clip-rule='evenodd' d='M3.18.974L4.154 0l4.87 4.87-4.87 4.87-.974-.974L7.045 4.87z' fill-rule='evenodd'/%3E%3Cpath d='M0 5.602V4.209h8v1.393z'/%3E%3C/svg%3E");
    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
    }
}

.services--home {
    border-top: .2rem solid #2a303b;
    padding-top: 2.8rem
}

.services--home:not(:last-of-type) {
    margin-bottom: 4rem
}

@media(min-width:1024px) {
    .services--home {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-template-rows: auto auto;
        grid-column-gap: 3.2rem;
        padding-top: 3.2rem
    }
}

@media(min-width:1024px) {
    .services--home .services__link {
        grid-row: 1/2;
        grid-column: 1/span 3
    }
}

.services--home .services__title {
    margin-bottom: 1.6rem
}

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

@media screen and (-ms-high-contrast:active),
screen and (-ms-high-contrast:none) {
    .old__article-related-main {
        max-width: 16.2rem
    }
}

@media screen and (-ms-high-contrast:active),
screen and (-ms-high-contrast:none) {
    .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
    }
}

@media screen and (-ms-high-contrast:active),
screen and (-ms-high-contrast:none) {
    .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
    }
}

@media screen and (-ms-high-contrast:active),
screen and (-ms-high-contrast:none) {
    .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) {
    .area .article--top:nth-child(4),
    .area .article--top:nth-child(7),
    .old__top-article-4,
    .old__top-article-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) {
    .area .article--top:nth-child(1),
    .area .article--top:nth-child(2),
    .area .article--top:nth-child(3),
    .old__top-article-1,
    .old__top-article-2,
    .old__top-article-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) {
    .area .article--top:nth-child(3),
    .area .article--top:nth-child(6),
    .area .article--top:nth-child(9),
    .old__top-article-3,
    .old__top-article-6,
    .old__top-article-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
    }
}

@media screen and (-ms-high-contrast:active),
screen and (-ms-high-contrast:none) {
    .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__meta-social {
        top: 0;
        right: 0;
        position: absolute
    }
    .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) {
    .User__avatar,
    .area--runner .article__extra--embed .icon__podcast,
    .button--subscribed:before,
    .election__alert-result--confirmation:before,
    .election__search-container:after,
    .election__special-city:before,
    .icon,
    .icon__arrow-right,
    .icon__avatar,
    .icon__calendar,
    .icon__clock,
    .icon__cross,
    .icon__favorites,
    .icon__home,
    .icon__information,
    .icon__nav-connexion,
    .icon__nav-en-continu,
    .icon__nav-my-account,
    .icon__powered-qwant,
    .icon__premium,
    .icon__reading-time,
    .icon__search,
    .icon__share-facebook,
    .icon__share-twitter,
    .icon__user,
    .icon__verification-search,
    .icon__verification-search-grey,
    .message__dropdown-trigger:after {
        background-size: auto
    }
}

@media screen and (-ms-high-contrast:active),
screen and (-ms-high-contrast:none) {
    .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
    }
}


/*# sourceMappingURL=home.css.map*/