.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%;
  -webkit-font-smoothing: antialiased
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

sup,
sub {
  line-height: 0
}

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

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

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

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

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

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

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

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

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

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

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

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

@media(min-width: 320px) {

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

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

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

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

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

@media(min-width: 320px) {

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.item-first {
  order: -1
}

.item-last {
  order: 1
}

.grid-offset {
  visibility: hidden
}

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

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

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

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

  .old__river {
    margin-bottom: 4rem
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .old__bd-bloc {
    width: 29rem
  }

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

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

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

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

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

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

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

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

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

  .old__area--section {
    width: 100%
  }

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

  .old__area--videos {
    width: 100%
  }

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

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

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

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

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

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

  .old__bd-bloc-services {
    display: flex
  }

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

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

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

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

  .old__footer {
    clear: both
  }

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

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

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

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

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

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

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

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

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

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

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

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

  @media(min-width: 1024px) {

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

  @media(min-width: 1024px) {

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

  @media(min-width: 1024px) {

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .old__friend-siblings {
    width: 55.6rem
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.zone--hidden {
  display: none
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.main {
  background-color: #fff
}

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

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

.main .zone {
  margin: 0 1.6rem
}

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

@media(min-width: 768px) {
  .main .zone {
    margin: 0 auto;
    max-width: 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 {
    max-width: 121.6rem;
    padding-left: 3.2rem;
    padding-right: 3.2rem;
    padding-bottom: 4rem
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media(min-width: 1024px) {

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media(min-width: 1024px) {

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.icon__cross {
  background: url("")
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.seo-only {
  display: none
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.button:hover {
  cursor: pointer
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.seo-only {
  display: none
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.message__cross:focus {
  outline: 0
}

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

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

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

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

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

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

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

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

.message__close:focus {
  outline: 0
}

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

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

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

.message__illustration {
  display: none
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.message__wrapper-teaser-hide {
  display: none
}

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

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

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

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

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

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

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

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

.message__sitemap {
  text-align: center
}

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

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

.message__sitemap--hidden {
  display: none
}

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

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

.message__offre {
  display: none
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.message__marque {
  font-style: italic
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.message__cta-text-desktop {
  display: none
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.message--hidden {
  display: none
}

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

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

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

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

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

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

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

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

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

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

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

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

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

@media(min-width: 768px) {
  .message__headline-paywall {
    line-height: 1.2;
    margin: 0
  }
}

.message__headline-teaser {
  padding: 0 3rem;
  margin-bottom: .8rem;
  font-size: 1.6rem;
  line-height: 1.25;
  font-weight: 500
}

@media(min-width: 768px) {
  .message__headline-teaser {
    margin-bottom: .2rem
  }
}

.message__headline-teaser--logo {
  margin-left: -2.3rem
}

@media(min-width: 768px) {
  .message__headline-teaser--logo {
    margin-left: 0
  }
}

.message__description-bordered {
  border-top: .1rem solid #d5d8dc;
  padding-bottom: .8rem;
  padding-top: 1.2rem
}

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

.message__description-dropdown {
  color: #000;
  display: none;
  height: 15rem;
  -webkit-mask-image: linear-gradient(#fff 0%, #fff 11rem, transparent);
  mask-image: linear-gradient(#fff 0%, #fff 11rem, transparent);
  mask-mode: luminance;
  -webkit-mask-repeat: repeat-x;
  mask-repeat: repeat-x;
  overflow-y: scroll
}

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

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

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

html.fonts-loaded .message__description-dropdown {
  font-family: "Marr Sans", Arial, Roboto, sans-serif
}

@media(min-width: 360px) {
  .message__description-dropdown {
    height: auto;
    -webkit-mask-image: none;
    mask-image: none;
    overflow: auto
  }
}

.message__description-dropdown.ui-collapse--shown {
  display: block;
  padding-bottom: 2.4rem
}

.message__paragraph {
  line-height: 1.375;
  font-size: 1.6rem
}

.message__paragraph:not(:first-of-type) {
  margin-top: 1.2rem
}

.message__paragraph--extra {
  line-height: 1.375;
  font-size: 1.6rem;
  margin-top: .8rem
}

.message__paragraph__strong {
  font-size: 1.5rem;
  font-weight: 600;
  padding-bottom: 6rem
}

@media(min-width: 360px) {
  .message__paragraph__strong {
    padding-bottom: 0
  }
}

.message__paragraph__bold {
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 1
}

.message__paragraph__mobile {
  font-size: 1.6rem;
  line-height: 1.375
}

@media(min-width: 768px) {
  .message__paragraph__mobile {
    display: none
  }
}

.message__paragraph__desktop {
  font-size: 1.6rem
}

@media(max-width: 768px) {
  .message__paragraph__desktop {
    display: none
  }
}

.message__paragraph--register {
  font-size: 1.4rem;
  line-height: 2rem
}

.message__paragraph--register:not(:first-of-type) {
  margin-top: 0
}

.message__paragraph--register:not(:last-child) {
  margin-bottom: 1.6rem
}

@media(min-width: 1024px) {
  .message--fragment-de-france {
    margin-bottom: 3.2rem
  }
}

.message__link {
  -webkit-text-decoration: underline;
  text-decoration: underline
}

.message__link--fragment-de-france {
  align-items: flex-start;
  background-color: #f4f9fb;
  display: flex;
  justify-content: space-between;
  padding: 1.6rem 0;
  position: relative;
  -webkit-text-decoration: none;
  text-decoration: none
}

.message__link--fragment-de-france>* {
  z-index: 1
}

.message__link--fragment-de-france:before {
  background-color: #f4f9fb;
  content: "";
  display: block;
  height: calc(100% + .4rem);
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate3d(-50%, -50%, 0);
  width: 100vw;
  z-index: 0
}

@media(min-width: 576px) {
  .message__link--fragment-de-france {
    padding: 1.6rem
  }

  .message__link--fragment-de-france:before {
    width: 100%
  }
}

@media(min-width: 1024px) {
  .message__link--fragment-de-france:before {
    content: none
  }
}

.message__overlay {
  z-index: 2147483646 !important
}

@media(min-width: 1024px) {
  .message__details {
    margin-right: .8rem;
    max-width: 58.7rem
  }
}

.message__actions-wrapper {
  flex-shrink: 0
}

@media(min-width: 1024px) {
  .message__actions-wrapper {
    align-self: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-left: auto;
    margin-top: 2rem;
    width: 24rem
  }
}

.message__actions-wrapper.ui-collapse--shown {
  justify-content: flex-start
}

.message__headline--register {
  font-size: 1.8rem;
  font-weight: 600;
  margin-bottom: 1.6rem;
  text-align: left
}

.message__headline--register {
  font-family: "Trebuchet MS", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loaded) .message__headline--register {
  letter-spacing: -1.607px
}

html:not(.fonts-loaded) .message__headline--register>* {
  letter-spacing: -1.607px
}

html.fonts-loaded .message__headline--register {
  font-family: "Marr Sans Condensed", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loading) .message__headline--register {
  letter-spacing: .05rem
}

@media(min-width: 1024px) {
  .message__headline--register {
    font-size: 2.4rem;
    margin-bottom: 2rem
  }
}

.message__dropdown-trigger {
  align-items: center;
  background-color: rgba(0, 0, 0, 0);
  border: 0;
  color: #026b9c;
  cursor: pointer;
  display: flex;
  font-size: 1.4rem;
  margin: 0;
  margin-bottom: 2rem;
  padding: 0;
  position: relative;
  text-align: left
}

.message__dropdown-trigger {
  font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .message__dropdown-trigger {
  letter-spacing: .314px
}

html:not(.fonts-loaded) .message__dropdown-trigger>* {
  letter-spacing: .314px
}

html.fonts-loaded .message__dropdown-trigger {
  font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.message__dropdown-trigger:focus {
  outline: 0
}

.message__dropdown-trigger:after {
  background-image: url("8c6adaf57d3404a09c9ecf0280f8cbd81bec64b3.svg");
  content: "";
  display: flex;
  height: 1.8rem;
  position: absolute;
  right: -2.8rem;
  top: .2rem;
  transform: rotate(90deg);
  width: 1.8rem
}

.message__dropdown-trigger.ui-collapse--shown:after {
  transform: rotate(-90deg)
}

.message__dropdown-trigger.ui-collapse--shown__dropdown-trigger-hide-msg {
  display: none
}

.message__dropdown-trigger.ui-collapse--shown__dropdown-trigger-show-msg {
  display: inline
}

.message__cmp-wrapper {
  font-size: 1.4rem;
  text-align: center
}

.message__cmp-link {
  cursor: pointer;
  -webkit-text-decoration: underline;
  text-decoration: underline
}

.message__link--register {
  color: #026b9c
}

.message__title {
  color: #026b9c;
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 1.5rem;
  letter-spacing: .13rem;
  margin-bottom: .4rem;
  text-transform: uppercase
}

.message__title {
  font-family: "Trebuchet MS", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loaded) .message__title {
  letter-spacing: -1.607px
}

html:not(.fonts-loaded) .message__title>* {
  letter-spacing: -1.607px
}

html.fonts-loaded .message__title {
  font-family: "Marr Sans Condensed", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loading) .message__title {
  letter-spacing: .05rem
}

.message__description {
  color: #2a303b;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.8rem;
  margin-bottom: .8rem;
  margin-top: 1.2rem
}

.message__description {
  font-family: Georgia, Droid-serif, serif
}

html:not(.fonts-loaded) .message__description {
  letter-spacing: -0.645px
}

html:not(.fonts-loaded) .message__description>* {
  letter-spacing: -0.645px
}

html.fonts-loaded .message__description {
  font-family: "The Antiqua B standard", Georgia, Droid-serif, serif
}

@supports(font-variation-settings: normal) {
  html.fonts-loaded .message__description {
    font-family: "The Antiqua B", Georgia, Droid-serif, serif
  }
}

.message__more {
  align-items: center;
  color: #2a303b;
  display: flex;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.8rem
}

.message__more {
  font-family: "Trebuchet MS", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loaded) .message__more {
  letter-spacing: -1.607px
}

html:not(.fonts-loaded) .message__more>* {
  letter-spacing: -1.607px
}

html.fonts-loaded .message__more {
  font-family: "Marr Sans Condensed", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loading) .message__more {
  letter-spacing: .05rem
}

.message__more::after {
  content: "";
  background-image: url("");
  display: inline-block;
  height: 1.2rem;
  margin-left: .4rem;
  width: 1.2rem
}

.message__more-text {
  letter-spacing: .02rem;
  -webkit-text-decoration: underline;
  text-decoration: underline
}

.message__image {
  height: auto;
  flex-shrink: 0;
  margin-left: 2rem;
  width: 11rem
}

@media(min-width: 576px) {
  .message__image {
    width: 75%
  }
}

@media(min-width: 1024px) {
  .message__image {
    margin-left: .8rem
  }
}

.top-banner {
  align-items: flex-start;
  background-color: #fffbeb;
  display: none;
  justify-content: center;
  padding: 1.6rem;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 10
}

.top-banner {
  font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .top-banner {
  letter-spacing: .314px
}

html:not(.fonts-loaded) .top-banner>* {
  letter-spacing: .314px
}

html.fonts-loaded .top-banner {
  font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.top-banner--important {
  background-color: #ffede9
}

.top-banner--reminder-on {
  display: flex
}

.top-banner__container {
  align-items: center;
  color: #2a303b;
  display: flex;
  flex-direction: column;
  font-size: 1.4rem;
  justify-content: flex-start;
  line-height: 1.9rem;
  max-width: 80rem;
  text-align: center
}

@media(min-width: 360px) {
  .top-banner__container {
    font-size: 1.6rem;
    line-height: 2.2rem
  }
}

.top-banner__close-btn {
  background-image: url("");
  cursor: pointer;
  height: 2.4rem;
  margin-bottom: .8rem;
  margin-left: auto;
  width: 2.4rem
}

@media(min-width: 1024px) {
  .top-banner__close-btn {
    position: absolute;
    right: 4.8rem;
    top: 1.6rem
  }
}

.top-banner__title {
  align-items: center;
  display: flex;
  font-weight: 600;
  justify-content: flex-start;
  margin-bottom: .8rem
}

.top-banner__icon-cb {
  background-image: url("");
  height: 1.5rem;
  margin-right: .8rem;
  width: 2.05rem
}

.top-banner__text {
  margin-bottom: .8rem
}

.top-banner__cta {
  align-items: center;
  border: 0;
  border-radius: .3rem;
  cursor: pointer;
  display: flex;
  flex-shrink: 0;
  font-weight: 500;
  height: 3rem;
  justify-content: center;
  line-height: 1;
  max-width: 100%;
  text-align: center;
  font-size: 1.2rem;
  padding: .9rem 1.6rem .7rem;
  background-color: #ffc700;
  color: #2a303b;
  margin-bottom: .8rem
}

.top-banner__cta {
  font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .top-banner__cta {
  letter-spacing: .314px
}

html:not(.fonts-loaded) .top-banner__cta>* {
  letter-spacing: .314px
}

html.fonts-loaded .top-banner__cta {
  font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.top-banner__cta:hover {
  background-color: #eab002
}

@media(min-width: 360px) {
  .top-banner__cta {
    font-size: 1.6rem;
    height: 4.2rem;
    padding: 1rem 2.4rem
  }
}

.top-banner__helper {
  font-size: 1.4rem
}

.sr-only {
  border: 0 !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important
}

.seo-only {
  display: none
}

.lmd-btn {
  align-items: center;
  border: 0;
  border-radius: .3rem;
  cursor: pointer;
  display: flex;
  flex-shrink: 0;
  font-weight: 500;
  height: 3rem;
  justify-content: center;
  line-height: 1;
  max-width: 100%;
  text-align: center
}

.lmd-btn {
  font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .lmd-btn {
  letter-spacing: .314px
}

html:not(.fonts-loaded) .lmd-btn>* {
  letter-spacing: .314px
}

html.fonts-loaded .lmd-btn {
  font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.lmd-btn--s {
  font-size: 1.2rem;
  padding: .9rem 1.6rem .7rem
}

.lmd-btn--m {
  font-size: 1.4rem;
  padding: .8rem 1.6rem .5rem
}

.lmd-btn--l {
  font-size: 1.6rem;
  height: 4.2rem;
  padding: 1rem 2.4rem
}

.lmd-btn--fullwidth {
  width: 100%
}

.lmd-btn--primary {
  background-color: #026b9c;
  color: #fff
}

.lmd-btn--primary:hover {
  background-color: #005b85
}

.lmd-btn--white {
  background-color: #fff;
  border: .1rem solid #bdc1c8;
  color: #2a303b
}

.lmd-btn--white:hover {
  background-color: #f5f6f8;
  border-color: #bdc1c8
}

.lmd-btn--premium {
  background-color: #ffc700;
  color: #2a303b
}

.lmd-btn--premium:hover {
  background-color: #eab002
}

.lmd-btn--black {
  background-color: #2a303b;
  color: #fff
}

.lmd-btn--black:hover {
  background-color: #454f5f
}

.lmd-btn--blue {
  background-color: #01364f;
  color: #fff
}

.lmd-btn--blue:hover {
  background-color: #01364f
}

.lmd-btn-services {
  align-items: center;
  border: .1rem solid #d5d8dc;
  border-radius: 1.4rem;
  color: #2a303b;
  display: inline-flex;
  flex-shrink: 0;
  font-size: 1.3rem;
  font-weight: 600;
  line-height: 1;
  justify-content: center;
  padding: .4rem 1.2rem
}

.lmd-btn-services {
  font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .lmd-btn-services {
  letter-spacing: .314px
}

html:not(.fonts-loaded) .lmd-btn-services>* {
  letter-spacing: .314px
}

html.fonts-loaded .lmd-btn-services {
  font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.lmd-btn-services:hover {
  background-color: #f5f6f8
}

.lmd-btn-services:active {
  border-color: #d5d8dc;
  background-color: #d5d8dc
}

.lmd-btn-rub {
  align-items: center;
  border: .1rem solid #d5d8dc;
  border-radius: .3rem;
  color: #383f4e;
  display: inline-flex;
  flex-shrink: 0;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1;
  justify-content: center;
  padding: 1.2rem 1.2rem 1rem;
  letter-spacing: .01rem
}

.lmd-btn-rub {
  font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .lmd-btn-rub {
  letter-spacing: .314px
}

html:not(.fonts-loaded) .lmd-btn-rub>* {
  letter-spacing: .314px
}

html.fonts-loaded .lmd-btn-rub {
  font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.lmd-btn-rub:hover {
  background-color: rgba(42, 48, 59, .03)
}

.picto,
.comment__icon-user-edit,
.comment__input-result--error:after,
.comment__input-result--valid:after {
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  flex-shrink: 0;
  height: 2rem;
  width: 2rem
}

@media(min-width: 768px) {
  .comments__paywall {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    margin-top: 3.2rem
  }
}

.main--dark-mode .comments__paywall {
  color: rgba(255, 255, 255, .85)
}

.comments__action {
  display: flex;
  align-items: center
}

.comments__action-forward {
  cursor: pointer;
  height: 3rem;
  background-color: #2a303b;
  border-radius: .3rem;
  border: 0;
  font-weight: 500;
  color: #fff;
  font-size: 1.6rem;
  font-family: inherit;
  margin-left: auto;
  justify-content: center;
  padding: 0 1.6rem
}

.comments__action-forward:focus {
  outline: 0
}

.main--dark-mode .comments__action-forward {
  background-color: rgba(255, 255, 255, .85);
  color: #181a1e
}

.comments__action-back {
  font-size: 1.5rem;
  color: #2a303b;
  -webkit-text-decoration: underline;
  text-decoration: underline
}

.comments__header {
  display: none;
  border-top: .3rem solid #383f4e;
  margin-top: 3rem;
  padding-top: 2.4rem
}

.main--dark-mode .comments__header {
  border-top-color: rgba(255, 255, 255, .85)
}

.comments__header--show {
  display: flex
}

.comments__title {
  font-weight: 600;
  color: #383f4e;
  font-size: 2.4rem
}

.main--dark-mode .comments__title {
  color: rgba(255, 255, 255, .85)
}

.comments__sort {
  color: #666e80;
  font-size: 1.3rem;
  line-height: 1.53;
  margin-left: auto;
  border: 0;
  background: rgba(0, 0, 0, 0);
  cursor: pointer;
  -webkit-text-decoration: underline;
  text-decoration: underline
}

.comments__base-icon {
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 2.5rem;
  height: 2.5rem;
  background-image: url("");
  margin-right: .4rem
}

.comments__base-icon--m {
  width: 4rem;
  height: 4rem;
  margin-right: .8rem
}

.comments__river {
  margin-top: 2.4rem;
  display: none
}

.comments__river--show {
  display: block
}

.comments__container {
  display: none
}

.comments__container--show {
  display: block
}

.comments__none {
  margin-top: 2.4rem;
  font-size: 1.8rem;
  color: #383f4e
}

.main--dark-mode .comments__none {
  color: rgba(255, 255, 255, .85)
}

.comments__show {
  border: .1rem solid #bdc1c8;
  padding: .8rem 3.2rem;
  border-radius: .3rem;
  display: inline-block;
  width: auto;
  color: #383f4e
}

.comments__show:hover {
  -webkit-text-decoration: underline;
  text-decoration: underline
}

.comments__show--empty {
  border: 0;
  padding: 0;
  border-radius: 0;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  -webkit-text-decoration: underline;
  text-decoration: underline
}

.comments__show--none {
  border: 0;
  padding: 0;
  border-radius: 0;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  color: #666e80
}

.comments__show--none:hover {
  -webkit-text-decoration: none;
  text-decoration: none
}

.comments__shared {
  border: solid 1px #e2e4e9;
  border-top: solid 4px #ffc700;
  padding: 5.2rem 9.4rem;
  text-align: left;
  margin-top: 2.4rem
}

@media(min-width: 1024px) {
  .comments__shared {
    margin-top: 3rem;
    text-align: center
  }
}

.comments__shared-intro {
  font-size: 1.6rem;
  font-weight: 600
}

.comments__cta {
  background-color: #fff6d3;
  padding: 3.2rem;
  margin-top: 2rem;
  margin-bottom: 2rem;
  font-size: 1.6rem;
  text-align: center
}

.main--dark-mode .comments__cta {
  background-color: #f5f6f8
}

@media(min-width: 1024px) {
  .comments__cta {
    margin-top: 3rem;
    text-align: left;
    display: flex;
    padding: 2.4rem
  }
}

.comments__cta-content {
  display: flex;
  flex-direction: column
}

@media(min-width: 1024px) {
  .comments__cta-content {
    padding-right: 6rem;
    padding-left: 0;
    max-width: 32.8rem
  }
}

.comments__cta-intro {
  font-weight: 600;
  font-size: 1.8rem;
  line-height: 1.35
}

.comments__cta-pic {
  font-weight: 600;
  font-size: 1.8rem;
  margin-bottom: 1rem
}

@media(min-width: 1024px) {
  .comments__cta-pic {
    margin: auto;
    padding-right: 2.2rem
  }
}

.comments__cta-login {
  font-size: 1.5rem;
  font-weight: 400;
  margin-top: 1.4rem;
  color: #2a303b
}

.comments__cta-login-link {
  border-bottom: .1rem solid #2a303b
}

.comments__cta-desc {
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.33;
  margin-top: .8rem
}

.comments__cta-link {
  margin-top: 2.4rem;
  max-width: 14.4rem;
  display: inline-block;
  color: #013;
  background-color: #ffc700;
  font-weight: 500;
  border-radius: .3rem;
  padding: 1rem 2rem;
  text-align: center;
  line-height: 1.25;
  height: 4.2rem;
  font-size: 1.6rem;
  letter-spacing: .011rem
}

@media(min-width: 1024px) {
  .comments__cta-link {
    margin: 3.2rem 0 0
  }
}

.comments__emphasis {
  color: #ffc700
}

.comments__tooltip {
  cursor: pointer
}

.comments__box-lock-link {
  border-bottom: .1rem solid #a4a9b4
}

.comments__box-lock-container {
  height: 13.2rem;
  background-color: #f5f6f8;
  display: flex;
  padding: 2.4rem;
  margin-top: -0.1rem
}

@media(min-width: 768px) {
  .comments__box-lock-container {
    height: 9rem
  }
}

.comments__box-lock-text {
  font-size: 1.5rem;
  text-align: center;
  align-self: center;
  font-weight: 500
}

.comments__active,
.comments__blocked-btn {
  align-items: center;
  border: 0;
  border-radius: .3rem;
  cursor: pointer;
  display: flex;
  flex-shrink: 0;
  font-weight: 500;
  height: 3rem;
  justify-content: center;
  line-height: 1;
  max-width: 100%;
  text-align: center;
  font-size: 1.6rem;
  height: 4.2rem;
  padding: 1rem 2.4rem;
  background-color: #fff;
  border: .1rem solid #bdc1c8;
  color: #2a303b
}

.comments__active,
.comments__blocked-btn {
  font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .comments__active,
html:not(.fonts-loaded) .comments__blocked-btn {
  letter-spacing: .314px
}

html:not(.fonts-loaded) .comments__active>*,
html:not(.fonts-loaded) .comments__blocked-btn>* {
  letter-spacing: .314px
}

html.fonts-loaded .comments__active,
html.fonts-loaded .comments__blocked-btn {
  font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.comments__active:hover,
.comments__blocked-btn:hover {
  background-color: #f5f6f8;
  border-color: #bdc1c8
}

.paywall__comments--show+.comments__active,
.paywall__comments--show+.comments__blocked-btn {
  border: .1rem solid #bdc1c8;
  color: #2a303b;
  opacity: .5
}

.paywall__comments--show+.comments__active:hover,
.paywall__comments--show+.comments__blocked-btn:hover {
  cursor: default
}

.comments__blocked {
  position: relative
}

.comments__blocked-btn {
  border: .1rem solid #bdc1c8;
  color: #2a303b;
  opacity: .5
}

.comments__blocked-box {
  align-items: flex-start;
  background-color: #fff;
  border-radius: .3rem;
  bottom: calc(100% + 1.2rem);
  box-shadow: 0px 0px 56px 8px rgba(0, 0, 0, .2), inset 0px 0px 1px rgba(0, 0, 0, .2);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  left: 0;
  opacity: 0;
  padding: 1.2rem;
  position: absolute;
  right: 0;
  visibility: hidden;
  width: 100%
}

.comments__blocked-box:after {
  border-bottom: 1rem solid #fff;
  border-left: .7rem solid rgba(0, 0, 0, 0);
  border-right: .7rem solid rgba(0, 0, 0, 0);
  content: "";
  display: inline-block;
  left: 50%;
  position: absolute;
  transform: rotate(180deg);
  transition: opacity 100ms;
  top: calc(100% - .1rem)
}

@media(min-width: 1024px) {
  .comments__blocked-box:after {
    left: 5rem
  }
}

@media(min-width: 1024px) {
  .comments__blocked-box {
    width: 30rem
  }
}

.comments__blocked-box--show {
  display: flex;
  opacity: 1;
  visibility: visible
}

.comments__blocked-msg {
  color: #383f4e;
  font-size: 1.3rem;
  font-weight: 500;
  line-height: 1.8rem;
  margin-bottom: .2rem
}

.comments__blocked-msg {
  font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .comments__blocked-msg {
  letter-spacing: .314px
}

html:not(.fonts-loaded) .comments__blocked-msg>* {
  letter-spacing: .314px
}

html.fonts-loaded .comments__blocked-msg {
  font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.comments__blocked-cta {
  color: #717b8e;
  cursor: pointer;
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 1.8rem
}

.comments__blocked-cta {
  font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .comments__blocked-cta {
  letter-spacing: .314px
}

html:not(.fonts-loaded) .comments__blocked-cta>* {
  letter-spacing: .314px
}

html.fonts-loaded .comments__blocked-cta {
  font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.comment {
  padding-bottom: 2.4rem;
  border-bottom: .1rem solid #e8eaee
}

.comment:not(:first-of-type) {
  margin-top: 2.4rem
}

.comment__header {
  display: flex;
  align-items: center
}

.comment__pinned {
  margin-left: auto;
  display: flex;
  color: #2a303b;
  font-size: 1.1rem;
  text-transform: uppercase;
  align-items: center
}

.comment__author {
  color: #2a303b;
  font-size: 1.5rem;
  font-weight: 600
}

.main--dark-mode .comment__author {
  color: rgba(255, 255, 255, .85)
}

.comment__date {
  text-transform: uppercase;
  color: #666e80;
  font-size: 1.1rem;
  margin-left: .8rem;
  align-self: flex-end
}

.main--dark-mode .comment__date {
  color: rgba(255, 255, 255, .85)
}

.comment__content {
  margin-top: 1.2rem;
  line-height: 1.53;
  color: #2a303b;
  font-size: 1.5rem
}

.main--dark-mode .comment__content {
  color: rgba(255, 255, 255, .85)
}

.comment__footer {
  display: flex;
  margin-top: 2rem
}

.main--dark-mode .comment__footer {
  color: rgba(255, 255, 255, .85)
}

.comment__admin {
  font-size: 1.3rem;
  margin-top: .8rem
}

.comment__admin+.comment__content {
  margin-top: .4rem
}

.comment__view-more {
  font-size: 1.2rem;
  color: #383f4e;
  font-weight: 500;
  border: .1rem solid #bdc1c8;
  background: rgba(0, 0, 0, 0);
  cursor: pointer;
  padding: .8rem 2rem;
  border-radius: .3rem;
  margin-right: 2rem
}

.main--dark-mode .comment__view-more {
  color: #181a1e;
  background-color: rgba(255, 255, 255, .85);
  border: 0
}

.comment__view-more:focus {
  outline: 0
}

.comment__view-more:hover {
  -webkit-text-decoration: underline;
  text-decoration: underline
}

.comment__answer {
  font-size: 1.2rem;
  color: #383f4e;
  font-weight: 500;
  background: rgba(0, 0, 0, 0);
  border: 0;
  cursor: pointer;
  padding: 0
}

.main--dark-mode .comment__answer {
  color: rgba(255, 255, 255, .85)
}

.comment__answer:focus {
  outline: 0
}

.comment__answer:hover {
  -webkit-text-decoration: underline;
  text-decoration: underline
}

.comment__report {
  margin-left: auto;
  color: #666e80;
  font-size: 1.2rem;
  align-self: center;
  font-weight: 500
}

.main--dark-mode .comment__report {
  color: rgba(255, 255, 255, .85)
}

.comment__report:hover {
  -webkit-text-decoration: underline;
  text-decoration: underline
}

.comment__children {
  border-left: .3rem solid #e8eaee;
  border-bottom: .3rem solid #e8eaee;
  margin-left: 10%;
  opacity: 0;
  transform: scaleY(0);
  transition: transform .2s ease, opacity .1s ease;
  transform-origin: 50% 0;
  z-index: -1;
  position: absolute
}

.comment__children--show {
  opacity: 1;
  position: relative;
  transform: scaleY(1);
  z-index: 2;
  margin-top: 2.4rem
}

.comment__children--hide {
  display: none
}

.comment__children .comment {
  margin-left: 2.8rem
}

.comment__children .comment:last-child {
  border-bottom: 0
}

.comment__box-link {
  color: #383f4e;
  border-bottom: .1rem solid #a4a9b4
}

.comment__box-link:hover {
  border-bottom: .1rem solid #0070b2
}

.main--dark-mode .comment__box-link {
  color: rgba(255, 255, 255, .85);
  border-bottom: .1rem solid rgba(255, 255, 255, .85)
}

.main--dark-mode .comment__box-link:hover {
  border-bottom: .1rem solid #a4a9b4
}

.comment__box-header {
  display: flex;
  align-items: baseline;
  border-top: .3rem solid #383f4e;
  padding-top: 2.4rem;
  margin-top: 2.4rem;
  position: relative
}

.main--dark-mode .comment__box-header {
  border-top-color: rgba(255, 255, 255, .85)
}

.comment__box-title {
  color: #383f4e;
  font-weight: 600;
  font-size: 2.4rem;
  line-height: 1
}

.main--dark-mode .comment__box-title {
  color: rgba(255, 255, 255, .85)
}

.comment__box-ethics {
  margin-left: auto;
  -webkit-text-decoration: underline;
  text-decoration: underline;
  color: #2a303b;
  font-size: 1.3rem
}

.comment__box-content {
  color: #2a303b
}

.main--dark-mode .comment__box-content {
  color: rgba(255, 255, 255, .85)
}

.comment__box-info {
  margin-top: 2.4rem;
  font-size: 1.5rem
}

.comment__box-list {
  list-style: inside;
  margin-top: 2.4rem;
  font-size: 1.4rem
}

.comment__box-item {
  margin-top: .8rem
}

.comment__box-container {
  display: none
}

.comment__box-container--show {
  display: block
}

.comment__counter-contrib {
  font-weight: normal;
  font-size: 1.3rem;
  color: #666e80
}

.comment__counter-contrib--red {
  color: red
}

.main--dark-mode .comment__counter-contrib {
  color: rgba(255, 255, 255, .85)
}

.comment__label {
  display: flex;
  width: 100%;
  font-weight: 600;
  font-size: 1.5rem;
  color: #2a303b
}

.main--dark-mode .comment__label {
  color: rgba(255, 255, 255, .85)
}

@media(min-width: 1024px) {
  .comment__label {
    width: 80%
  }
}

.comment__label--inline {
  display: inline;
  font-weight: 400
}

.comment__label--form {
  width: 100%;
  display: flex;
  justify-content: space-between
}

.comment__label--hide {
  display: none
}

.comment__login-info-container {
  margin-bottom: 1.6rem
}

.comment__login-info {
  margin-top: 1.6rem;
  font-size: 1.3rem;
  display: inline-block;
  font-style: italic;
  color: #666e80
}

.main--dark-mode .comment__login-info {
  color: rgba(255, 255, 255, .85)
}

.comment__login-info--hide {
  display: none
}

.comment__name {
  width: 100%;
  border: .1rem solid #bdc1c8;
  border-radius: .3rem;
  height: 4rem;
  font-size: 1.6rem;
  font-weight: 600;
  padding-left: 1.6rem;
  padding-right: 3rem
}

.comment__name::placeholder {
  font-weight: normal
}

.comment__error-message {
  display: none
}

.comment__error-message--show {
  color: #be1514;
  display: inline-block;
  margin-top: 1rem;
  font-size: 1.5rem;
  width: 100%
}

.main--dark-mode .comment__error-message--show {
  color: rgba(255, 255, 255, .85)
}

.comment__name-container {
  margin-top: 1.4rem;
  display: flex;
  align-items: center;
  flex-direction: column
}

@media(min-width: 1024px) {
  .comment__name-container {
    flex-direction: row
  }
}

.comment__input-result {
  width: 100%;
  position: relative;
  margin-top: 1.6rem
}

@media(min-width: 1024px) {
  .comment__input-result {
    margin-top: 0
  }
}

.comment__input-result--valid:after {
  background-image: url("");
  display: block;
  content: " ";
  position: absolute;
  z-index: 10;
  right: .5rem;
  top: 50%;
  transform: translateY(-50%)
}

.comment__input-result--valid .comment__name {
  border-color: #3a9200
}

.comment__input-result--error:after {
  background-image: url("");
  display: block;
  content: " ";
  position: absolute;
  z-index: 10;
  right: .5rem;
  top: 50%;
  transform: translateY(-50%)
}

.comment__input-result--error .comment__name {
  border-color: #be1514
}

.comment__rework-title {
  font-weight: 600;
  font-size: 2rem
}

.comment__rework-rules {
  position: relative;
  display: inline-flex
}

.comment__rework-info {
  font-size: 1.4rem
}

@media(min-width: 768px) {
  .comment__rework-content {
    width: 77%
  }
}

.comment__rework-rules-link:before {
  content: "|";
  display: inline;
  padding: 0 1rem
}

@media(min-width: 1024px) {
  .comment__rework-rules-link:before {
    padding: 0 .4rem
  }
}

.comment__rework-trigger-arrow {
  margin-left: auto;
  margin-right: .8rem;
  -webkit-text-decoration: underline;
  text-decoration: underline;
  font-size: 1.3rem;
  color: #2a303b;
  position: relative;
  font-weight: 500
}

.comment__rework-trigger-arrow:after {
  content: " ";
  border: solid #383f4e;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 2px;
  position: absolute;
  top: 38%;
  transform: rotate(-49deg)
}

@media(min-width: 768px) {
  .comment__icon-rework-lemonde {
    background-image: url("");
    width: 10rem;
    height: 10rem;
    background-repeat: no-repeat
  }
}

.comment__rules-container {
  background-color: #f5f6f8;
  padding: 1.6rem;
  margin-top: 2rem;
  clear: both
}

.main--dark-mode .comment__rules-container {
  background-color: #181a1e
}

.comment__rules-container--hide {
  display: none
}

.comment__rework-container {
  background-color: #ffede9;
  padding: 1.6rem;
  margin-top: 2rem;
  display: flex;
  justify-content: space-between
}

.comment__rule-trigger {
  background: rgba(0, 0, 0, 0);
  border: 0;
  padding: 0;
  color: #2a303b;
  font-size: 1.4rem;
  position: relative;
  display: flex;
  width: 100%;
  cursor: pointer;
  text-align: left
}

.comment__rule-trigger:hover {
  -webkit-text-decoration: underline;
  text-decoration: underline
}

.comment__rule-trigger:focus {
  outline: 0
}

.comment__rule-trigger--opened .comment__rule-trigger-arrow:after {
  border-width: .2rem 0 0 .2rem;
  top: 1rem
}

.main--dark-mode .comment__rule-trigger {
  color: rgba(255, 255, 255, .85)
}

.comment__rule-trigger-arrow {
  margin-left: auto;
  margin-right: 1.4rem;
  -webkit-text-decoration: underline;
  text-decoration: underline;
  font-size: 1.3rem;
  color: #2a303b
}

.comment__rule-trigger-arrow:after {
  content: " ";
  border: solid #383f4e;
  border-width: 0 .2rem .2rem 0;
  display: inline-block;
  padding: .3rem;
  position: absolute;
  top: .6rem;
  right: 0;
  transform: rotate(45deg) translateY(-50%)
}

.main--dark-mode .comment__rule-trigger-arrow:after {
  border-color: rgba(255, 255, 255, .85)
}

.comment__rule-trigger-arrow--hide {
  display: none
}

.comment__rule-trigger-arrow--checkbox {
  position: relative;
  cursor: pointer
}

.comment__rule-trigger-arrow--checkbox:after {
  margin-right: -1.1rem
}

.main--dark-mode .comment__rule-trigger-arrow {
  color: rgba(255, 255, 255, .85)
}

.comment__consent-more--hide {
  display: none
}

.comment__rules {
  opacity: 0;
  transform: scaleY(0);
  transition: transform .2s ease, opacity .1s ease;
  transform-origin: 50% 0;
  z-index: -1;
  position: absolute
}

.comment__rules--show {
  opacity: 1;
  position: relative;
  transform: scaleY(1);
  z-index: 2
}

.main--dark-mode .comment__rules {
  color: rgba(255, 255, 255, .85)
}

.comment__rules-question {
  margin-top: 2.4rem;
  font-size: 1.4rem
}

.comment__rules-answer {
  font-size: 1.4rem
}

.comment__rules-item {
  display: flex;
  flex-direction: column;
  list-style: none
}

.comment__consent-container {
  margin-top: 1.6rem;
  font-size: 1.3rem
}

.comment__consent-container--hide {
  display: none
}

.main--dark-mode .comment__consent-container {
  color: rgba(255, 255, 255, .85)
}

.comment__text {
  width: 100%;
  height: 22.6rem;
  resize: none;
  border: .1rem solid #bdc1c8;
  border-radius: .3rem;
  margin-top: .8rem;
  padding: 1.6rem;
  font-size: 1.5rem;
  font-family: inherit
}

.main--dark-mode .comment__text {
  background-color: rgba(255, 255, 255, .85)
}

.comment__text-container {
  margin-top: 1.6rem;
  display: none;
  position: relative
}

.comment__cancel {
  margin-left: auto;
  border: 0;
  background: rgba(0, 0, 0, 0);
  cursor: pointer;
  color: #2a303b;
  font-size: 1.6rem
}

.main--dark-mode .comment__cancel {
  color: rgba(255, 255, 255, .85)
}

.comment__cancel:focus {
  outline: 0
}

.comment__cancel:hover {
  -webkit-text-decoration: underline;
  text-decoration: underline
}

.comment__cancel--hide {
  display: none
}

.comment__submit {
  cursor: pointer;
  -webkit-appearance: none;
  height: 4rem;
  background-color: #2a303b;
  border-radius: .3rem;
  border: .1rem solid #bdc1c8;
  font-weight: 500;
  color: #fff;
  font-size: 1.6rem;
  margin-top: 2.4rem;
  display: flex;
  margin-left: auto;
  width: 100%;
  justify-content: center
}

.main--dark-mode .comment__submit {
  background-color: rgba(255, 255, 255, .85);
  color: #181a1e;
  border: 0
}

.comment__submit:focus {
  outline: 0
}

.comment__submit:disabled {
  background: rgba(0, 0, 0, 0);
  color: #383f4e
}

.comment__submit--hide {
  display: none
}

.comment__submit--center {
  margin: auto
}

.comment__user-heading {
  flex-basis: 100%
}

@media(min-width: 768px) {
  .comment__user-heading {
    flex-basis: auto
  }
}

.comment__user-wrap {
  position: relative
}

.comment__user-label {
  font-size: 1.5rem;
  color: #2a303b;
  display: flex;
  flex-wrap: wrap
}

.main--dark-mode .comment__user-label {
  color: rgba(255, 255, 255, .85)
}

.comment__user-name {
  font-weight: 600;
  position: relative
}

@media(min-width: 768px) {
  .comment__user-name {
    margin: 0 .4rem
  }
}

.comment__user-container {
  margin-bottom: 1.6rem
}

@media(min-width: 768px) {
  .comment__user-container {
    display: flex;
    margin-top: 2.4rem
  }
}

.comment__button-edit {
  -webkit-text-decoration: underline;
  text-decoration: underline
}

@media(min-width: 768px) {
  .comment__button-edit {
    display: none;
    -webkit-text-decoration: none;
    text-decoration: none
  }
}

.comment__button-edit:hover {
  -webkit-text-decoration: underline;
  text-decoration: underline
}

.comment__button-edit:focus {
  outline: 0
}

.comment__button-edit--show {
  display: block
}

.comment__icon-user-edit {
  display: none;
  content: " ";
  background-image: url("");
  cursor: pointer
}

@media(min-width: 768px) {
  .comment__icon-user-edit {
    display: inline-block;
    height: auto
  }
}

.main--dark-mode .comment__icon-user-edit {
  background-image: url("")
}

.comment__user-edit {
  background: 0;
  border: 0;
  cursor: pointer;
  font-size: 1.2rem;
  color: #2a303b
}

.main--dark-mode .comment__user-edit {
  color: rgba(255, 255, 255, .85)
}

.comment__success {
  width: 100%;
  display: flex;
  flex-direction: column;
  height: 100%;
  background-color: red;
  position: absolute;
  background-color: #fff;
  top: -0.6rem;
  opacity: 0;
  z-index: -1;
  transition: .5s opacity ease;
  padding-top: 2.6rem
}

@media(min-width: 1024px) {
  .comment__success {
    width: 66.4rem
  }
}

.comment__success--show {
  opacity: 1;
  z-index: 2
}

.comment__success--aec {
  width: 100%;
  text-align: center
}

.comment__success-content {
  font-size: 1.5rem;
  color: #2a303b;
  display: flex;
  flex-direction: column;
  align-items: center
}

.comment__success-content--error {
  color: #be1514
}

.comment__success-first {
  font-weight: 600
}

.comment__warn-first {
  font-weight: 600
}

.comment__warn-text {
  font-size: 1.5rem;
  color: #2a303b;
  margin-top: 1.6rem
}

.comment__toxicity {
  z-index: -1;
  position: absolute;
  transition: .5s opacity ease;
  display: flex;
  flex-direction: column;
  align-items: center
}

.comment__toxicity--show {
  position: relative;
  opacity: 1;
  z-index: 2
}

.comment__toxicity--aec {
  margin-top: 0
}

.comment__indicator {
  margin-right: auto;
  margin-left: .4rem
}

.comment__form {
  margin-top: 2.4rem;
  padding: 0 0 4rem
}

.comment__form--open .comment__name-container {
  display: none
}

.comment__form--open .comment__text-container {
  margin-top: 0;
  display: block
}

.comment__form--open .comment__form-action {
  margin-top: 1.6rem;
  display: flex
}

.comment__form--open .comment__submit {
  width: auto;
  margin-top: 0;
  margin-left: 1.6rem;
  padding: 0 1.6rem
}

.comment--open {
  border-bottom: 0
}

.pagination {
  margin: 3rem 0
}

.pagination__list {
  display: inline-flex;
  width: 100%;
  justify-content: center
}

.pagination__item {
  list-style: none;
  font-size: 1.4rem;
  line-height: 1
}

.pagination__item:not(:last-child) {
  margin-right: 1.6rem
}

.pagination__item--active {
  color: #2a303b;
  font-weight: 600
}

.pagination__item--ellipsis::before {
  content: "…"
}

.pagination__link {
  color: #666e80
}

.pagination__link:hover {
  -webkit-text-decoration: underline;
  text-decoration: underline
}

.circle {
  display: flex;
  transform: translateZ(1px);
  width: 3rem;
  margin-left: auto;
  margin-top: 1.6rem
}

.circle__elem {
  display: block;
  width: 30px;
  height: 30px;
  margin: 0 auto;
  border-radius: 50%;
  background: #2a303b;
  animation: circle 2.4s cubic-bezier(0, 0.2, 0.8, 1) infinite
}

.main--dark-mode .circle__elem {
  background: rgba(255, 255, 255, .85)
}

.circle--hide {
  display: none
}

@keyframes circle {

  0%,
  100% {
    animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5)
  }

  0% {
    transform: rotateY(0deg)
  }

  25% {
    transform: rotateY(1800deg);
    animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1)
  }

  100% {
    transform: rotateY(3600deg)
  }
}

.capping {
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, .9);
  position: fixed;
  top: 0;
  z-index: 5;
  overflow-y: visible;
  overflow-x: hidden;
  visibility: hidden;
  opacity: 0;
  transition: opacity .2s ease-in-out;
  display: none
}

.capping--visible {
  visibility: visible;
  opacity: 1;
  display: block
}

.capping__wrapper {
  max-width: 26rem;
  width: 100%;
  margin: 0 auto 2.4rem;
  position: absolute;
  top: 14rem;
  left: 50%;
  transform: translateX(-50%);
  border-radius: .4rem
}

.capping__wrapper {
  font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .capping__wrapper {
  letter-spacing: .314px
}

html:not(.fonts-loaded) .capping__wrapper>* {
  letter-spacing: .314px
}

html.fonts-loaded .capping__wrapper {
  font-family: "Marr Sans", Arial, Roboto, sans-serif
}

@media(min-width: 360px) {
  .capping__wrapper {
    max-width: 31.5rem
  }
}

@media(min-width: 768px) {
  .capping__wrapper {
    max-width: 50rem;
    max-width: 48.8rem;
    margin-bottom: 10rem;
    top: 20rem
  }
}

.capping__wrapper--visible {
  background-color: #fff
}

.capping__picture {
  display: none;
  background: url("urn:scrapbook:download:error:https://bawer.pro/dist/assets/img/capping/capping-mobile.svg") no-repeat;
  width: 158px;
  height: 78px;
  margin: 4rem auto;
  opacity: 0;
  transition: opacity .8s cubic-bezier(0.215, 0.61, 0.355, 1)
}

@media(min-width: 360px) {
  .capping__picture {
    display: block
  }
}

@media(min-width: 768px) {
  .capping__picture {
    margin: 3.2rem auto;
    background: url("urn:scrapbook:download:error:https://bawer.pro/dist/assets/img/capping/capping-tablet.svg") no-repeat;
    width: 230px;
    height: 114px
  }
}

@media(min-width: 1024px) {
  .capping__picture {
    background: url("urn:scrapbook:download:error:https://bawer.pro/dist/assets/img/capping/capping-desktop.svg") no-repeat;
    width: 287px;
    height: 109px
  }
}

.capping__media {
  display: block;
  margin: 0 auto;
  max-height: 10rem
}

.capping__header {
  background-color: #fff6d3;
  opacity: 0;
  transition: transform .4s cubic-bezier(0.215, 0.61, 0.355, 1), opacity .1s cubic-bezier(0.215, 0.61, 0.355, 1);
  transform: translateY(-0.8rem);
  position: relative;
  z-index: 5;
  display: flex;
  align-items: center;
  flex-direction: column;
  border-radius: .4rem;
  padding: 1.6rem 3.2rem 2.4rem;
  font-size: 1.6rem;
  line-height: 1.25;
  color: #6c3d04
}

@media(min-width: 768px) {
  .capping__header {
    flex-direction: row;
    font-size: 1.6rem;
    line-height: normal;
    padding: 0 3.2rem;
    line-height: 4
  }
}

.capping__header--visible {
  opacity: 1;
  transform: translateY(0)
}

.capping__notice {
  font-weight: 500;
  margin-top: .4rem;
  text-align: center
}

@media(min-width: 768px) {
  .capping__notice {
    text-align: left;
    margin-top: 0;
    margin-left: 1.6rem
  }
}

.capping__content {
  background-color: #fff;
  opacity: 0;
  transition: transform .4s cubic-bezier(0.215, 0.61, 0.355, 1), opacity .1s cubic-bezier(0.215, 0.61, 0.355, 1);
  transform: scaleY(0);
  transform-origin: 50% 0%;
  text-align: center;
  padding: 2.4rem 2rem;
  position: relative;
  top: -0.4rem
}

@media(min-width: 360px) {
  .capping__content {
    padding: 2.4rem 3.6rem
  }
}

.capping__content--visible {
  opacity: 1;
  transform: scaleY(1)
}

.capping__content--visible .capping__picture {
  opacity: 1
}

.capping__title {
  font-size: 1.8rem;
  line-height: normal;
  font-weight: 700
}

.capping__title {
  font-family: Georgia, Droid-serif, serif
}

html:not(.fonts-loaded) .capping__title {
  letter-spacing: -0.645px
}

html:not(.fonts-loaded) .capping__title>* {
  letter-spacing: -0.645px
}

html.fonts-loaded .capping__title {
  font-family: "The Antiqua B standard", Georgia, Droid-serif, serif
}

@supports(font-variation-settings: normal) {
  html.fonts-loaded .capping__title {
    font-family: "The Antiqua B", Georgia, Droid-serif, serif
  }
}

@media(min-width: 768px) {
  .capping__title {
    margin: 0 auto;
    max-width: 32rem;
    width: 100%
  }
}

.capping__cta {
  width: 100%;
  height: 4rem;
  margin-top: 1.2rem
}

@media(min-width: 360px) {
  .capping__cta {
    margin-top: 0
  }
}

@media(min-width: 768px) {
  .capping__cta {
    margin: 0 auto;
    max-width: 32rem
  }
}

.capping__cta--next {
  margin-top: 1.6rem;
  margin-bottom: 1.2rem
}

.capping__cta-text {
  font-size: 1.6rem;
  line-height: 1.375;
  color: #717b8e;
  margin-top: .8rem
}

@media(min-width: 768px) {
  .capping__cta-text {
    line-height: normal;
    margin-top: 1.6rem
  }
}

.capping__faq {
  display: none;
  margin-bottom: 50px
}

@media(min-width: 1024px) {
  .capping__faq {
    margin-bottom: 170px
  }
}

.capping__faq.ui-collapse--shown {
  display: block;
  padding-bottom: 3.2rem;
  list-style: none
}

.capping__bottom {
  margin: 0 2rem;
  opacity: 0
}

.capping__bottom:before {
  content: " ";
  display: block;
  width: 100%;
  height: .1rem;
  background-color: #d8d8d8
}

.capping__bottom--visible {
  opacity: 1
}

.capping__trigger {
  margin: 0;
  padding: 0;
  border: 0;
  background: rgba(0, 0, 0, 0);
  color: #007ac8;
  cursor: pointer;
  font-weight: 500;
  font-family: inherit;
  font-size: 1.6rem;
  line-height: 1.375;
  padding: .8rem 0 2.4rem;
  text-align: left;
  display: flex;
  width: 100%
}

@media(min-width: 360px) {
  .capping__trigger {
    line-height: normal
  }
}

.capping__trigger:hover {
  -webkit-text-decoration: underline;
  text-decoration: underline
}

.capping__trigger:after {
  content: " ";
  position: relative;
  background-repeat: no-repeat;
  align-self: center;
  height: 1.4rem;
  width: 1.4rem;
  margin-left: auto;
  background-image: url("c74763b8d68f6ddade90521b93535248ec914610.svg")
}

.capping__trigger:focus {
  outline: 0
}

.capping__trigger.ui-collapse--shown {
  padding-bottom: 0
}

.capping__trigger.ui-collapse--shown:after {
  transform: rotate(-180deg)
}

.capping__item:first-child {
  margin-top: 1.6rem
}

.capping__item:not(:first-child) {
  margin-top: 3.2rem
}

.capping__question {
  font-size: 1.6rem;
  line-height: 1.375;
  font-weight: 600
}

.capping__answer {
  font-size: 1.6rem;
  line-height: 1.375;
  margin-top: 1.6rem
}

.capping__answer+.capping__answer {
  margin-top: 0
}

.capping__answer-line {
  margin-top: 1.6rem;
  display: block
}

.capping__link {
  margin: 0;
  padding: 0;
  border: 0;
  background: rgba(0, 0, 0, 0);
  color: #007ac8;
  cursor: pointer;
  font-weight: 500;
  font-family: inherit;
  font-size: 1.6rem
}

.capping__link:hover {
  -webkit-text-decoration: underline;
  text-decoration: underline
}

.capping__link:focus {
  outline: 0
}

.capping--body {
  overflow: hidden
}

.sr-only {
  border: 0 !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important
}

.seo-only {
  display: none
}

.lmd-btn {
  align-items: center;
  border: 0;
  border-radius: .3rem;
  cursor: pointer;
  display: flex;
  flex-shrink: 0;
  font-weight: 500;
  height: 3rem;
  justify-content: center;
  line-height: 1;
  max-width: 100%;
  text-align: center
}

.lmd-btn {
  font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .lmd-btn {
  letter-spacing: .314px
}

html:not(.fonts-loaded) .lmd-btn>* {
  letter-spacing: .314px
}

html.fonts-loaded .lmd-btn {
  font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.lmd-btn--s {
  font-size: 1.2rem;
  padding: .9rem 1.6rem .7rem
}

.lmd-btn--m {
  font-size: 1.4rem;
  padding: .8rem 1.6rem .5rem
}

.lmd-btn--l {
  font-size: 1.6rem;
  height: 4.2rem;
  padding: 1rem 2.4rem
}

.lmd-btn--fullwidth {
  width: 100%
}

.lmd-btn--primary {
  background-color: #026b9c;
  color: #fff
}

.lmd-btn--primary:hover {
  background-color: #005b85
}

.lmd-btn--white {
  background-color: #fff;
  border: .1rem solid #bdc1c8;
  color: #2a303b
}

.lmd-btn--white:hover {
  background-color: #f5f6f8;
  border-color: #bdc1c8
}

.lmd-btn--premium {
  background-color: #ffc700;
  color: #2a303b
}

.lmd-btn--premium:hover {
  background-color: #eab002
}

.lmd-btn--black {
  background-color: #2a303b;
  color: #fff
}

.lmd-btn--black:hover {
  background-color: #454f5f
}

.lmd-btn--blue {
  background-color: #01364f;
  color: #fff
}

.lmd-btn--blue:hover {
  background-color: #01364f
}

.lmd-btn-services {
  align-items: center;
  border: .1rem solid #d5d8dc;
  border-radius: 1.4rem;
  color: #2a303b;
  display: inline-flex;
  flex-shrink: 0;
  font-size: 1.3rem;
  font-weight: 600;
  line-height: 1;
  justify-content: center;
  padding: .4rem 1.2rem
}

.lmd-btn-services {
  font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .lmd-btn-services {
  letter-spacing: .314px
}

html:not(.fonts-loaded) .lmd-btn-services>* {
  letter-spacing: .314px
}

html.fonts-loaded .lmd-btn-services {
  font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.lmd-btn-services:hover {
  background-color: #f5f6f8
}

.lmd-btn-services:active {
  border-color: #d5d8dc;
  background-color: #d5d8dc
}

.lmd-btn-rub {
  align-items: center;
  border: .1rem solid #d5d8dc;
  border-radius: .3rem;
  color: #383f4e;
  display: inline-flex;
  flex-shrink: 0;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1;
  justify-content: center;
  padding: 1.2rem 1.2rem 1rem;
  letter-spacing: .01rem
}

.lmd-btn-rub {
  font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .lmd-btn-rub {
  letter-spacing: .314px
}

html:not(.fonts-loaded) .lmd-btn-rub>* {
  letter-spacing: .314px
}

html.fonts-loaded .lmd-btn-rub {
  font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.lmd-btn-rub:hover {
  background-color: rgba(42, 48, 59, .03)
}

.lmd-link:hover {
  -webkit-text-decoration: underline;
  text-decoration: underline;
  text-decoration-thickness: .06em;
  text-underline-offset: .2em
}

.lmd-link-reverse {
  -webkit-text-decoration: underline;
  text-decoration: underline;
  text-decoration-thickness: .06em;
  text-underline-offset: .2em
}

.lmd-link-reverse:hover {
  opacity: .8;
  -webkit-text-decoration: none;
  text-decoration: none
}

.lmd-link-nav:hover {
  color: #026b9c
}

.lmd-link-blue {
  color: #026b9c;
  -webkit-text-decoration: underline;
  text-decoration: underline
}

.lmd-link-blue:hover {
  color: #005b85
}

.lmd-link-opacity:hover {
  opacity: .8
}

.bd__bloc--image a {
  width: 100%;
  display: block
}

.bd__bloc--image img {
  display: block;
  margin: 0 auto;
  width: 100%
}

.bd-memorable__container {
  padding-top: 100%;
  position: relative;
  width: 100%
}

.bd-memorable__link {
  background-color: #fcfcfd;
  border: .2rem solid #d5d8dc;
  bottom: 0;
  color: #3e388c;
  display: flex;
  flex-direction: column;
  height: 100%;
  left: 0;
  padding: .8rem;
  position: absolute;
  width: 100%
}

.bd-memorable__link {
  font-family: "Trebuchet MS", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loaded) .bd-memorable__link {
  letter-spacing: -1.607px
}

html:not(.fonts-loaded) .bd-memorable__link>* {
  letter-spacing: -1.607px
}

html.fonts-loaded .bd-memorable__link {
  font-family: "Marr Sans Condensed", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loading) .bd-memorable__link {
  letter-spacing: .05rem
}

.bd-memorable__title {
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 2.16rem;
  text-align: center
}

.bd-memorable__subtitle {
  font-size: 1.2rem;
  line-height: 1.4rem;
  margin-bottom: .8rem;
  text-align: center
}

.bd-memorable__subtitle {
  font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .bd-memorable__subtitle {
  letter-spacing: .314px
}

html:not(.fonts-loaded) .bd-memorable__subtitle>* {
  letter-spacing: .314px
}

html.fonts-loaded .bd-memorable__subtitle {
  font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.bd-memorable__image-container {
  font-size: 0;
  margin-bottom: 1.2rem;
  position: relative
}

.bd-memorable__image {
  width: 100%
}

.bd-memorable__image-caption {
  background-color: #3e388c;
  bottom: 0;
  color: #fff;
  display: inline-block;
  font-size: 1.3rem;
  left: 50%;
  line-height: 1.6rem;
  padding: .4rem .8rem;
  position: absolute;
  text-transform: uppercase;
  transform: translate3d(-50%, 50%, 0)
}

.bd-memorable__subject {
  color: #383f4e;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 2rem;
  margin-bottom: auto;
  margin-top: auto;
  text-align: center
}

.bd-memorable__test-link {
  font-size: 1.8rem;
  line-height: 2.1rem;
  text-align: center
}

.bd-memorable__icon-arrow {
  background: url("") center no-repeat;
  display: inline-block;
  flex-shrink: 0;
  height: 1rem;
  margin-left: .4rem;
  width: 1rem
}

.bizdev-list {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  height: auto;
  justify-content: flex-start;
  width: 100%
}

.bizdev-list__header {
  align-items: baseline;
  display: flex;
  justify-content: flex-start;
  margin-bottom: .8rem;
  width: 100%
}

.bizdev-list__header--multiline {
  align-items: flex-start;
  flex-direction: column
}

.bizdev-list__header-title {
  color: #666e80;
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 1;
  margin-right: .4rem
}

.bizdev-list__header-title {
  font-family: "Helvetica Neue", Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .bizdev-list__header-title {
  font-family: "Helvetica Neue", Helvetica, Arial, Roboto, sans-serif
}

.bizdev-list__header-partner {
  color: #8b92a1;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1
}

.bizdev-list__header-partner {
  font-family: "Helvetica Neue", Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .bizdev-list__header-partner {
  font-family: "Helvetica Neue", Helvetica, Arial, Roboto, sans-serif
}

.bizdev-list__content {
  border: .1rem solid #d5d8dc;
  border-radius: .4rem;
  padding: 0 1.2rem;
  width: 100%
}

.bizdev-list[data-partner=cuponation] {
  order: -1
}

.bizdev-list__code {
  align-items: center;
  display: flex;
  height: 3.2rem;
  justify-content: flex-start;
  padding: .4rem 0
}

.bizdev-list__code:not(:last-of-type) {
  border-bottom: .1rem solid #e8eaee
}

.bizdev-list__code:hover .bizdev-list__code-text {
  -webkit-text-decoration: underline;
  text-decoration: underline;
  text-decoration-thickness: .06em;
  text-underline-offset: .2em
}

.bizdev-list__code-text {
  align-items: center;
  color: #666e80;
  display: flex;
  justify-content: flex-start;
  flex-shrink: 0;
  font-size: 1.2rem;
  font-weight: 300;
  line-height: 1;
  margin-right: auto
}

.bizdev-list__code-text {
  font-family: "Helvetica Neue", Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .bizdev-list__code-text {
  font-family: "Helvetica Neue", Helvetica, Arial, Roboto, sans-serif
}

.bizdev-list__code-bold {
  color: #565e70;
  display: inline-block;
  flex-shrink: 0;
  font-weight: 500;
  line-height: 1
}

.bizdev-list__code-bold {
  font-family: "Helvetica Neue", Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .bizdev-list__code-bold {
  font-family: "Helvetica Neue", Helvetica, Arial, Roboto, sans-serif
}

.bizdev-list__code-logo {
  flex-shrink: 1;
  height: auto;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  width: 6rem
}

.bizdev-list__link-to-all {
  align-items: center;
  color: #666e80;
  display: flex;
  justify-content: flex-start;
  flex-shrink: 0;
  font-size: 1.3rem;
  font-weight: 700;
  gap: .4rem;
  height: 3.2rem;
  line-height: 1;
  padding: .4rem 0
}

.bizdev-list__link-to-all {
  font-family: "Helvetica Neue", Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .bizdev-list__link-to-all {
  font-family: "Helvetica Neue", Helvetica, Arial, Roboto, sans-serif
}

.bizdev-list__link-to-all:hover {
  -webkit-text-decoration: underline;
  text-decoration: underline;
  text-decoration-thickness: .06em;
  text-underline-offset: .2em
}

.bizdev-list__link-arrow {
  background-image: url("");
  height: 1.2rem;
  width: 1.2rem
}

.bizdev-poster {
  align-items: center;
  border: .1rem solid #d5d8dc;
  border-radius: .4rem;
  display: flex;
  flex-direction: column;
  height: auto;
  justify-content: center;
  padding: 1.2rem;
  width: 100%
}

.bizdev-poster:hover .bizdev-poster__btn {
  background-color: #f5f6f8;
  border-color: #bdc1c8
}

.bizdev-poster__header {
  align-items: center;
  display: flex;
  justify-content: flex-start;
  margin-bottom: 1.2rem
}

.bizdev-poster__lmd-logo {
  background-image: url("");
  height: 1.5rem;
  margin-right: .4rem;
  width: 7.2rem
}

.bizdev-poster__image {
  border-radius: .2rem;
  height: 9rem;
  margin-bottom: 1.2rem;
  width: 9rem
}

.bizdev-poster__title {
  color: #2a303b;
  font-weight: 600;
  font-size: 1.7rem;
  line-height: 1.8rem;
  margin-bottom: .4rem;
  text-align: center
}

.bizdev-poster__title {
  font-family: "Trebuchet MS", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loaded) .bizdev-poster__title {
  letter-spacing: -1.607px
}

html:not(.fonts-loaded) .bizdev-poster__title>* {
  letter-spacing: -1.607px
}

html.fonts-loaded .bizdev-poster__title {
  font-family: "Marr Sans Condensed", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loading) .bizdev-poster__title {
  letter-spacing: .05rem
}

.bizdev-poster__description {
  color: #565e70;
  font-size: 1.4rem;
  line-height: 1.8rem;
  margin-bottom: 1.2rem;
  text-align: center
}

.bizdev-poster__description {
  font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .bizdev-poster__description {
  letter-spacing: .314px
}

html:not(.fonts-loaded) .bizdev-poster__description>* {
  letter-spacing: .314px
}

html.fonts-loaded .bizdev-poster__description {
  font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.bizdev-poster__btn {
  align-items: center;
  border-radius: 4rem;
  cursor: pointer;
  display: flex;
  flex-shrink: 0;
  font-weight: 400;
  justify-content: center;
  line-height: 1;
  max-width: 100%;
  text-align: center;
  background-color: #fff;
  border: .1rem solid #bdc1c8;
  color: #2a303b;
  font-size: 1.3rem;
  height: 2.6rem;
  padding: .6rem 1.2rem;
  font-weight: 600
}

.bizdev-poster__btn {
  font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .bizdev-poster__btn {
  letter-spacing: .314px
}

html:not(.fonts-loaded) .bizdev-poster__btn>* {
  letter-spacing: .314px
}

html.fonts-loaded .bizdev-poster__btn {
  font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.bizdev-poster__btn--disabled {
  opacity: .3;
  pointer-events: none
}

.bizdev-poster__btn:hover {
  background-color: #f5f6f8;
  border-color: #bdc1c8
}

.bizdev-poster-logo--ateliers {
  background-image: url("");
  height: 2rem;
  width: 6rem
}

.bizdev-poster-logo--jeux {
  background-image: url("");
  height: 1.1rem;
  width: 4.9rem
}

.bizdev-poster-logo--memorable {
  background-image: url("");
  height: 1.8rem;
  width: 9.2rem
}

.glide {
  position: relative;
  width: 100%;
  box-sizing: border-box
}

.glide * {
  box-sizing: inherit
}

.glide__track {
  overflow: hidden
}

.glide__slides {
  position: relative;
  width: 100%;
  list-style: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform-style: preserve-3d;
  touch-action: pan-Y;
  overflow: hidden;
  margin: 0;
  padding: 0;
  white-space: nowrap;
  display: flex;
  flex-wrap: nowrap;
  will-change: transform
}

.glide__slides--dragging {
  -webkit-user-select: none;
  user-select: none
}

.glide__slide {
  width: 100%;
  height: 100%;
  flex-shrink: 0;
  white-space: normal;
  -webkit-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.glide__slide a {
  -webkit-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
  -moz-user-select: none;
  -ms-user-select: none
}

.glide__arrows {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none
}

.glide__bullets {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none
}

.glide--rtl {
  direction: rtl
}

.glide__slide--active .portfolio__caption {
  opacity: 1
}

.portfolio:not(:first-child) {
  margin-top: 2.4rem
}

.portfolio__figure {
  position: relative;
  margin: 0;
  width: 100%;
  height: auto
}

@media(min-width: 1024px) {
  .portfolio__figure--fs {
    height: 100vh
  }
}

.portfolio__media {
  max-height: 100%;
  max-width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 100%;
  z-index: 2
}

@media(min-width: 1024px) {
  .portfolio__media {
    height: 62.4rem
  }
}

@media(min-width: 1024px) {
  .portfolio__media--fs {
    height: auto;
    margin: auto
  }
}

.portfolio__media--vertical {
  width: auto
}

.portfolio__media--wide {
  height: auto;
  margin: auto;
  width: auto
}

.portfolio__media-wrapper {
  position: relative;
  padding-top: 66.66%;
  background-color: #2a303b;
  width: 100%;
  top: 0
}

@media(min-width: 1024px) {
  .portfolio__media-wrapper {
    height: 62.4rem
  }
}

.portfolio__media-wrapper:before {
  content: " ";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  background-color: #565e70;
  width: 3rem;
  height: 3rem;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  animation: circle 7s cubic-bezier(0, 0.2, 0.8, 1) infinite
}

.portfolio__media-wrapper--loaded:before {
  display: none
}

.portfolio__wide-container {
  position: fixed;
  background-color: #2a303b;
  width: 100%;
  height: 100%;
  z-index: 20;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0
}

.portfolio__controls {
  display: flex;
  position: absolute;
  right: 1.6rem;
  z-index: 4;
  justify-content: space-between;
  width: 7.6rem;
  opacity: 1;
  transition: opacity .15s ease
}

.portfolio__controls--hide {
  opacity: 0
}

@media(min-width: 768px) {
  .portfolio__controls {
    width: 9.6rem;
    right: 2rem
  }
}

.portfolio__pagination {
  position: absolute;
  top: 1.6rem;
  left: 1.6rem;
  z-index: 4;
  font-size: 1.6rem;
  letter-spacing: .089rem;
  color: #717b8e;
  background-color: #2a303b;
  padding: 0 .8rem;
  border-radius: 1.6rem
}

.portfolio__pagination {
  font-family: "Trebuchet MS", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loaded) .portfolio__pagination {
  letter-spacing: -1.607px
}

html:not(.fonts-loaded) .portfolio__pagination>* {
  letter-spacing: -1.607px
}

html.fonts-loaded .portfolio__pagination {
  font-family: "Marr Sans Condensed", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loading) .portfolio__pagination {
  letter-spacing: .05rem
}

@media(min-width: 768px) {
  .portfolio__pagination {
    top: 2rem;
    left: 2rem;
    padding: 0 1.2rem
  }
}

.portfolio__is-full {
  overflow: hidden;
  height: 100vh
}

.portfolio__fs .glide__slide--active .portfolio__caption {
  transition: opacity .15s ease, transform .15s ease;
  background-color: rgba(42, 48, 59, .68)
}

.portfolio__fs .glide__track {
  height: calc(100vh - 10.4rem)
}

@media(min-width: 768px) {
  .portfolio__fs .glide__track {
    height: 100vh
  }
}

@media(max-width: 812px)and (orientation: landscape) {
  .portfolio__fs .glide__track {
    height: 100%
  }
}

.portfolio__fs .portfolio__caption {
  position: absolute;
  width: 100%;
  background-color: rgba(42, 48, 59, .68);
  bottom: 0;
  padding: 2rem 5rem 1.2rem 2rem;
  color: #fff;
  opacity: 0;
  margin: 0;
  z-index: -1;
  max-width: 100%
}

@media(min-width: 1024px) {
  .portfolio__fs .portfolio__caption {
    padding: 2rem
  }
}

.portfolio__fs .portfolio__caption--show {
  opacity: 1;
  z-index: 2
}

.portfolio__fs .portfolio__figure {
  height: calc(100vh - 10.4rem)
}

@media(min-width: 1024px) {
  .portfolio__fs .portfolio__figure {
    height: 100vh;
    width: calc(100vw - 8rem)
  }
}

@media(max-width: 812px)and (orientation: landscape) {
  .portfolio__fs .portfolio__figure {
    height: 100vh
  }
}

.portfolio__fs .portfolio__media {
  height: auto;
  max-height: 100vh
}

.portfolio__fs .portfolio__media--vertical {
  height: auto
}

@media(min-width: 768px) {
  .portfolio__fs .portfolio__media--vertical {
    height: 100vh
  }
}

@media(max-width: 812px)and (orientation: landscape) {
  .portfolio__fs .portfolio__media--vertical {
    height: 100vh
  }
}

.portfolio__fs .portfolio__media-wrapper {
  background-color: rgba(0, 0, 0, 0);
  top: 50%;
  transform: translateY(-50%)
}

@media(max-width: 812px)and (orientation: landscape) {
  .portfolio__fs .portfolio__media-wrapper--landscape {
    top: 0;
    transform: none
  }
}

.portfolio__fs .portfolio__media-wrapper--portrait {
  height: calc(100vh - 10.4rem)
}

@media(min-width: 1024px) {
  .portfolio__fs .portfolio__media-wrapper--portrait {
    top: 0;
    transform: none;
    height: 100%
  }
}

@media(max-width: 812px)and (orientation: landscape) {
  .portfolio__fs .portfolio__media-wrapper--portrait {
    height: auto;
    top: 0;
    transform: none
  }
}

.portfolio__fs .portfolio__media-wrapper--loaded:before {
  display: block
}

.portfolio__fs .portfolio__media-wrapper--loaded-fs:before {
  display: none
}

.portfolio__fs .portfolio__fs-close {
  position: absolute;
  top: 1.6rem;
  z-index: 21;
  right: 1.6rem
}

@media(min-width: 1024px) {
  .portfolio__fs .portfolio__fs-close {
    top: 2rem;
    right: 2rem
  }
}

.portfolio__fs .portfolio__fs-legend {
  position: absolute;
  bottom: 1.2rem;
  right: 1.2rem;
  top: auto;
  z-index: 21
}

@media(min-width: 1024px) {
  .portfolio__fs .portfolio__fs-legend {
    bottom: 2rem;
    z-index: 21;
    right: 2rem
  }
}

.portfolio__fs .portfolio__fs-legend--hide {
  display: none
}

.portfolio__fs .portfolio__controls {
  display: none;
  width: 3.2rem
}

@media(min-width: 1024px) {
  .portfolio__fs .portfolio__controls {
    width: 4rem;
    display: flex;
    flex-direction: column;
    top: auto;
    height: 9.6rem;
    bottom: 10rem;
    z-index: 21
  }
}

.portfolio__fs .portfolio__pagination {
  top: 1.6rem;
  left: 1.6rem;
  z-index: 21
}

@media(max-width: 812px)and (orientation: landscape) {
  .portfolio__fs .portfolio__indicator--max:before {
    margin: 0 .4rem
  }
}

.portfolio__fs-actions {
  display: none
}

@media(min-width: 1024px) {
  .portfolio__fs-actions {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    height: 100vh;
    width: 8rem;
    z-index: 20;
    background-color: #2a303b
  }
}

@media(max-width: 812px)and (orientation: landscape) {
  .portfolio__fs-actions {
    width: 5.3rem;
    z-index: 20;
    background-color: #2a303b
  }
}

.portfolio__fs-slides {
  position: relative;
  width: 100%;
  height: calc(100vh - 10.4rem);
  top: 5.2rem;
  z-index: 2
}

@media(max-width: 812px)and (orientation: landscape) {
  .portfolio__fs-slides {
    top: 0;
    height: 100%
  }
}

@media(min-width: 768px) {
  .portfolio__fs-slides {
    height: 100vh
  }
}

@media(min-width: 1024px) {
  .portfolio__fs-slides {
    top: 0
  }
}

.portfolio__fs-slides--active .portfolio__media {
  width: auto;
  margin: 0 auto
}

.portfolio__fs-slides--active .portfolio__media--wide {
  margin: auto
}

.portfolio__fs-slides--active .portfolio__media--wide-long {
  height: auto
}

.portfolio__fs-open-container {
  position: absolute;
  right: 1.6rem;
  top: 1.6rem;
  z-index: 4
}

@media(min-width: 768px) {
  .portfolio__fs-open-container {
    right: 2rem;
    top: 2rem
  }
}

.portfolio__fs-legend {
  position: absolute;
  top: 5rem
}

.portfolio__indicator-container {
  display: flex
}

.portfolio__indicator {
  display: inherit
}

@media(min-width: 768px) {
  .portfolio__indicator {
    line-height: 2
  }
}

.portfolio__indicator--index {
  color: #fff
}

.portfolio__indicator--max:before {
  content: " ";
  align-self: center;
  width: 1.2rem;
  height: .1rem;
  background-color: #717b8e;
  margin: 0 .4rem
}

@media(min-width: 768px) {
  .portfolio__indicator--max:before {
    margin: 0 .8rem
  }
}

.portfolio__caption {
  color: #666e80;
  font-size: 1.4rem;
  line-height: 1.42;
  margin: 1.2rem 1.6rem 0;
  opacity: 0;
  transition: opacity .15s ease
}

.portfolio__caption {
  font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .portfolio__caption {
  letter-spacing: .314px
}

html:not(.fonts-loaded) .portfolio__caption>* {
  letter-spacing: .314px
}

html.fonts-loaded .portfolio__caption {
  font-family: "Marr Sans", Arial, Roboto, sans-serif
}

@media(min-width: 576px) {
  .portfolio__caption {
    margin: 1.2rem 3.2rem 0
  }
}

@media(min-width: 768px) {
  .portfolio__caption {
    margin: 1.2rem auto;
    max-width: 66.4rem
  }
}

@media(min-width: 1024px) {
  .portfolio__caption {
    max-width: 100%
  }
}

.portfolio__caption--show {
  opacity: 1;
  z-index: 1
}

.portfolio__title {
  font-weight: 600
}

.portfolio__icons {
  width: 3.2rem;
  height: 3.2rem;
  background-color: #454f5f;
  border-radius: 5rem;
  border: 0;
  transition: opacity .15s ease;
  display: flex;
  justify-content: center;
  align-items: center
}

.portfolio__icons:hover {
  cursor: pointer;
  opacity: .9
}

.portfolio__icons:focus {
  outline: 0
}

@media(min-width: 768px) {
  .portfolio__icons {
    width: 4rem;
    height: 4rem
  }
}

.portfolio__icons--actions {
  background-color: #fff
}

.portfolio__arrow {
  opacity: 1;
  transition: opacity .15s ease
}

.portfolio__arrow--off {
  opacity: .5
}

.portfolio__arrow--off:hover {
  cursor: auto;
  opacity: .5
}

.portfolio--off {
  display: none
}

.page__link--campaigns:hover {
  -webkit-text-decoration: underline;
  text-decoration: underline
}

.page__heading {
  border-bottom: .3rem solid #383f4e;
  padding-bottom: 3.2rem;
  padding-top: 4rem
}

@media(max-width: 1023px) {
  .page__heading {
    margin-bottom: 3.2rem
  }
}

@media(min-width: 768px) {
  .page__heading {
    padding-top: 5.2rem
  }
}

@media(min-width: 1024px) {
  .page__heading {
    display: grid;
    grid-column: 1/span 2;
    padding-top: 4rem
  }
}

.page__heading--sitemap {
  margin-bottom: 2.4rem
}

@media(min-width: 768px) {
  .page__heading--sitemap {
    margin-bottom: 3.2rem
  }
}

@media(min-width: 1024px) {
  .page__heading--sitemap {
    margin-bottom: 4rem;
    grid-row: 1
  }
}

.page__heading--en-continu {
  margin-bottom: 4rem
}

@media(min-width: 768px) {
  .page__heading--en-continu {
    margin-bottom: 5.6rem
  }
}

@media(min-width: 1024px) {
  .page__heading--en-continu {
    margin-bottom: 4rem
  }
}

.page__heading--favorites {
  border-bottom: 0;
  padding-top: 0;
  margin-bottom: 2.8rem
}

@media(min-width: 1024px) {
  .page__heading--favorites {
    grid-row: 1
  }
}

.page__heading--marginless {
  margin-bottom: 0
}

.page__heading--more {
  display: block
}

.page__heading--authors {
  padding-top: 4.8rem;
  padding-bottom: 4.4rem
}

@media(min-width: 1024px) {
  .page__heading--authors {
    padding-top: 6.4rem;
    padding-bottom: 5.6rem
  }
}

.page__heading--search {
  border-bottom: .3rem solid #383f4e;
  padding-bottom: 2.4rem
}

.page__heading--campaigns {
  z-index: 5;
  background-color: #fff;
  border-bottom: 0;
  padding: 2rem 1.6rem 0
}

@media(min-width: 576px) {
  .page__heading--campaigns {
    padding: 2rem 3.2rem 0
  }
}

@media(min-width: 1024px) {
  .page__heading--campaigns {
    padding: 4.4rem 0 0;
    z-index: 6
  }

  .page__heading--campaigns .page__title {
    font-size: 3.2rem
  }
}

.page__heading--campaigns-single {
  z-index: 5;
  background-color: #fff;
  border-bottom: 0;
  padding: 2rem 1.6rem 2rem
}

@media(min-width: 576px) {
  .page__heading--campaigns-single {
    grid-column: 1/span 2;
    grid-row: 1;
    padding: 2rem 3.2rem 2rem
  }
}

@media(min-width: 768px) {
  .page__heading--campaigns-single {
    padding-bottom: 1.2rem
  }
}

@media(min-width: 1024px) {
  .page__heading--campaigns-single {
    padding: 0;
    z-index: 4
  }
}

.page__heading--sticky {
  position: fixed;
  top: 5.8rem;
  left: 0;
  width: 100%
}

@media(max-width: 1024px) {
  .page__heading--sticky {
    padding: 2rem 1.6rem 1rem
  }
}

@media(min-width: 1024px) {
  .page__heading--sticky {
    position: static
  }
}

@media(min-width: 1024px) {
  .page__heading--sticky-js {
    position: fixed;
    top: 5.8rem;
    left: 0;
    width: 100%;
    padding: 1.2rem 0
  }
}

.page__heading--sticky-js .page__title {
  font-size: 1.8rem
}

.page__heading--sticky-js+.page__subtitle {
  padding-top: 20rem
}

.page__heading--election {
  padding-top: 2rem;
  padding-bottom: 1.2rem;
  border-bottom: 0
}

@media(min-width: 768px) {
  .page__heading--election {
    padding-top: 4rem;
    padding-bottom: 2.4rem;
    border-bottom: .3rem solid #383f4e
  }
}

.page__heading--election .breadcrumb {
  align-items: flex-end
}

.page__heading--election .breadcrumb:not(.breadcrumb__logo):before {
  content: "";
  display: inline-block;
  width: 1.7rem;
  height: 2.6rem;
  background: url("") center no-repeat;
  margin-right: .8rem;
  margin-left: .2rem
}

.page__campaigns-title {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  font-size: 1.5rem;
  font-family: inherit;
  font-weight: 400;
  color: #383f4e
}

.page__campaigns-title {
  font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .page__campaigns-title {
  letter-spacing: .314px
}

html:not(.fonts-loaded) .page__campaigns-title>* {
  letter-spacing: .314px
}

html.fonts-loaded .page__campaigns-title {
  font-family: "Marr Sans", Arial, Roboto, sans-serif
}

@media(min-width: 768px) {
  .page__campaigns-title {
    margin: 0 auto;
    max-width: 66.4rem;
    width: 100%
  }
}

@media(min-width: 1024px) {
  .page__campaigns-title {
    max-width: 100rem
  }
}

.page__button {
  display: inline-flex;
  flex: 0 0 auto;
  line-height: 1.4
}

.page__button-sitemap {
  display: inline-flex;
  flex: 0 0 auto;
  margin-bottom: 1.2rem;
  margin-right: 1.2rem
}

.page__search--election {
  background-color: #192853;
  border-bottom: none
}

@media(max-width: 1023px) {
  .page__search--election {
    margin-left: -5.2rem;
    margin-right: -5.2rem;
    padding: 1.2rem 1.6rem;
    position: relative
  }

  .page__search--election:before {
    background-color: #192853;
    content: "";
    display: inline-block;
    height: 100%;
    left: calc(50% - .1rem);
    position: absolute;
    top: 0;
    transform: translateX(-50vw);
    width: calc(100vw + .1rem)
  }
}

@media(max-width: 767px) {
  .page__search--election {
    margin-left: -1.6rem;
    margin-right: -1.6rem
  }
}

@media(min-width: 768px) {
  .page__search--election {
    padding: 1.2rem 5.2rem
  }
}

@media(min-width: 1024px) {
  .page__search--election {
    padding: 5.2rem 3.2rem 3.2rem;
    margin: 0 -3.2rem
  }
}

.page__search--election .breadcrumb {
  align-items: flex-end
}

.page__search--election .breadcrumb:not(.breadcrumb__logo):before {
  content: "";
  display: inline-block;
  width: 1.7rem;
  height: 2.6rem;
  background: url("") center no-repeat;
  margin-right: .8rem;
  margin-left: .2rem
}

.page__title {
  font-size: 2.8rem;
  line-height: 1;
  letter-spacing: .106rem;
  font-weight: 700;
  text-transform: uppercase
}

.page__title {
  font-family: "Trebuchet MS", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loaded) .page__title {
  letter-spacing: -1.607px
}

html:not(.fonts-loaded) .page__title>* {
  letter-spacing: -1.607px
}

html.fonts-loaded .page__title {
  font-family: "Marr Sans Condensed", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loading) .page__title {
  letter-spacing: .05rem
}

@media(min-width: 768px) {
  .page__title {
    font-size: 4rem
  }
}

.page__title--archives {
  text-transform: none
}

.page__title--logo {
  display: flex
}

.page__title--campaigns {
  font-size: 1.8rem;
  padding-bottom: 0;
  font-weight: 600;
  letter-spacing: normal;
  text-transform: none;
  margin: 0 .8rem .8rem 0;
  color: #2a303b
}

.page__title--election {
  font-size: 2.8rem;
  font-weight: 700;
  color: #2a303b;
  line-height: 1.2
}

.page__title--election {
  font-family: Georgia, Droid-serif, serif
}

html:not(.fonts-loaded) .page__title--election {
  letter-spacing: -0.645px
}

html:not(.fonts-loaded) .page__title--election>* {
  letter-spacing: -0.645px
}

html.fonts-loaded .page__title--election {
  font-family: "The Antiqua B standard", Georgia, Droid-serif, serif
}

@supports(font-variation-settings: normal) {
  html.fonts-loaded .page__title--election {
    font-family: "The Antiqua B", Georgia, Droid-serif, serif
  }
}

@media(min-width: 1024px) {
  .page__title--election {
    font-size: 4.6rem;
    font-weight: 800
  }
}

.page__title--election-home {
  font-size: 3.8rem;
  font-weight: 700;
  margin-top: 4rem;
  padding-bottom: 2.4rem;
  border-bottom: .3rem solid #383f4e
}

.page__title--election-home {
  font-family: "Trebuchet MS", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loaded) .page__title--election-home {
  letter-spacing: -1.607px
}

html:not(.fonts-loaded) .page__title--election-home>* {
  letter-spacing: -1.607px
}

html.fonts-loaded .page__title--election-home {
  font-family: "Marr Sans Condensed", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loading) .page__title--election-home {
  letter-spacing: .05rem
}

@media(min-width: 1024px) {
  .page__title--election-home {
    margin-top: 5.2rem
  }
}

.page__title--election-wrapper {
  margin-top: 4rem
}

@media(min-width: 1024px) {
  .page__title--election-wrapper {
    margin-top: 4rem;
    min-height: 15rem
  }
}

.page__title-link {
  display: inline-block;
  width: 100%
}

.page__date {
  border-bottom: .1rem solid #d5d8dc;
  margin-bottom: 2.4rem;
  padding-bottom: 1rem
}

.page__date--day {
  margin-bottom: 1.6rem;
  border-bottom: 0
}

.page__date-title {
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 1.2rem;
  letter-spacing: .08rem
}

.page__date-title {
  font-family: "Trebuchet MS", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loaded) .page__date-title {
  letter-spacing: -1.607px
}

html:not(.fonts-loaded) .page__date-title>* {
  letter-spacing: -1.607px
}

html.fonts-loaded .page__date-title {
  font-family: "Marr Sans Condensed", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loading) .page__date-title {
  letter-spacing: .05rem
}

@media(min-width: 1024px) {
  .page__date-container {
    grid-column: 1;
    grid-row: 2
  }
}

.page__date-container .page__subtitle {
  margin-top: 0
}

.page__subtitle {
  font-size: 1.5rem;
  line-height: 2rem;
  margin-top: 1.2rem
}

.page__subtitle {
  font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .page__subtitle {
  letter-spacing: .314px
}

html:not(.fonts-loaded) .page__subtitle>* {
  letter-spacing: .314px
}

html.fonts-loaded .page__subtitle {
  font-family: "Marr Sans", Arial, Roboto, sans-serif
}

@media(min-width: 768px) {
  .page__subtitle {
    font-size: 1.6rem;
    line-height: 2.2rem
  }
}

@media(min-width: 1024px) {
  .page__subtitle {
    padding-right: 8rem
  }
}

.page__subtitle--search-motor {
  margin-top: 0
}

.page__subtitle--link,
.page__subtitle a {
  color: #383f4e;
  border-bottom: .1rem solid #a4a9b4
}

.page__subtitle--link:hover,
.page__subtitle a:hover {
  border-bottom: .1rem solid #0070b2
}

.page__subtitle--blog {
  margin-top: 0
}

@media(min-width: 1024px) {
  .page__subtitle--blog {
    float: right;
    width: calc(100% - 28rem)
  }
}

.page__subtitle--campaigns {
  font-size: 1.6rem;
  line-height: 1.5;
  padding-top: 6.6rem
}

@media(min-width: 768px) {
  .page__subtitle--campaigns {
    font-size: 1.7rem;
    line-height: 1.52
  }
}

@media(min-width: 1024px) {
  .page__subtitle--campaigns {
    padding-top: 0;
    font-size: 1.6rem;
    line-height: 1.625;
    width: 85%
  }
}

.page__subtitle--sb {
  font-weight: 600
}

.page__actions-container {
  display: flex;
  flex: 0 0 auto;
  margin-top: 1.6rem;
  position: relative
}

@media(min-width: 768px) {
  .page__actions-container {
    margin-top: 2.4rem
  }
}

.page__actions-container--more {
  overflow: hidden
}

.page__actions-container--more .page__actions {
  flex-wrap: nowrap
}

.page__actions-container--search {
  margin-top: 1.6rem
}

.page__actions-container:after {
  content: " ";
  position: absolute;
  height: 3.6rem;
  display: block;
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.65), #fff);
  width: 4rem;
  filter: blur(0.2rem);
  right: -0.2rem;
  top: 0
}

.page__actions-container--archives {
  margin-bottom: 2.4rem
}

.page__actions {
  display: flex;
  gap: 1.2rem;
  overflow: hidden
}

@media(min-width: 1024px) {
  .page__actions {
    flex-wrap: wrap
  }
}

.page__actions--search {
  display: block
}

.page__actions--archives {
  overflow-x: auto;
  padding-right: 4rem
}

.page__view-more {
  font-size: 1.2rem;
  font-weight: 600;
  width: 8rem;
  flex: 0 0 auto;
  align-self: center;
  justify-content: center;
  text-align: center;
  float: right;
  margin-top: 1.6rem;
  padding-top: .8rem;
  cursor: pointer
}

.page__view-more {
  font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .page__view-more {
  letter-spacing: .314px
}

html:not(.fonts-loaded) .page__view-more>* {
  letter-spacing: .314px
}

html.fonts-loaded .page__view-more {
  font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.page__view-more:before {
  content: "Voir plus"
}

@media(min-width: 1024px) {
  .page__view-more {
    display: none
  }
}

.page__view-more--trigger {
  position: absolute;
  left: -9999px
}

.page__view-more--trigger:checked+.page__view-more:before {
  content: "Voir moins"
}

.page__view-more--trigger:checked+.page__view-more+.page__actions-container::after {
  display: none
}

.page__view-more--trigger:checked+.page__view-more+.page__actions-container .page__actions {
  flex-wrap: wrap
}

.page__view-more--trigger:checked+.page__view-more+.page__actions-container .page__button {
  flex-shrink: 1
}

.page__view-more--trigger:checked+.page__view-more+.page__actions-container .page__view-more {
  display: none
}

.page__view-more--trigger:not(:checked)+.page__actions-container {
  overflow: visible
}

@media(min-width: 768px) {
  .page__view-more--section {
    padding-top: 1.6rem
  }
}

@media(min-width: 1024px) {
  .page__view-more--show {
    display: flex
  }
}

.page__float:after {
  content: "";
  display: table;
  clear: both
}

.page__float--campaigns {
  border-top: .3rem solid #383f4e;
  padding-top: 0;
  margin-top: 3.2rem
}

@media(min-width: 1024px) {
  .page__content {
    float: left;
    width: 55.7rem
  }
}

@media(min-width: 1024px) {
  .page__side-content {
    float: right;
    width: 31.7rem;
    padding-top: 4rem
  }
}

.page__friends {
  padding: 2rem 0 4rem 0
}

@media(min-width: 1024px) {
  .page__friends {
    border-top: .4rem solid #2a303b
  }
}

.page__games-intro {
  grid-column: 1/span 2
}

.page__games-title {
  font-size: 2.4rem;
  line-height: 1.2;
  font-weight: 700;
  color: #2a303b
}

.page__games-title {
  font-family: "Trebuchet MS", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loaded) .page__games-title {
  letter-spacing: -1.607px
}

html:not(.fonts-loaded) .page__games-title>* {
  letter-spacing: -1.607px
}

html.fonts-loaded .page__games-title {
  font-family: "Marr Sans Condensed", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loading) .page__games-title {
  letter-spacing: .05rem
}

.page__games-desc {
  font-size: 1.6rem;
  line-height: 1.31;
  margin-top: 1.6rem
}

.page__games-desc {
  font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .page__games-desc {
  letter-spacing: .314px
}

html:not(.fonts-loaded) .page__games-desc>* {
  letter-spacing: .314px
}

html.fonts-loaded .page__games-desc {
  font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.page__games-desc--footer {
  margin-top: 0
}

.page__games-container--footer {
  margin-top: 1.6rem
}

.page__games-container--free {
  display: flex;
  align-items: center;
  flex-direction: column
}

@media(min-width: 768px) {
  .page__games-container--free {
    flex-direction: row
  }
}

.page__games-cta {
  max-width: 23.7rem;
  align-self: flex-start;
  font-size: 1.5rem;
  margin: 1.6rem 0 0
}

@media(min-width: 768px) {
  .page__games-cta {
    margin: 0;
    align-self: center
  }
}

.page__logo {
  margin-left: .8rem;
  max-height: 4.5rem;
  max-width: 16rem
}

@media(min-width: 768px) {
  .page__logo {
    max-height: 5rem;
    max-width: 18rem
  }
}

.page__logo--article {
  max-height: 4rem;
  max-width: 13rem
}

@media(min-width: 768px) {
  .page__logo--article {
    max-height: 4.5rem;
    max-width: 14rem
  }
}

.page__info-hover {
  display: none;
  background-color: #fff;
  width: 28rem;
  position: absolute;
  z-index: 11;
  border: .1rem solid #e2e4e9;
  padding: 1.2rem;
  top: 3.3rem;
  right: 0;
  line-height: 1.53;
  box-shadow: 0rem .6rem 1.1rem 0 rgba(102, 110, 128, .15)
}

@media(min-width: 768px) {
  .page__info-hover {
    width: 32rem
  }
}

.page__info-text {
  text-align: center;
  font-size: 1.3rem;
  font-weight: 400;
  line-height: normal;
  background-color: #fff;
  color: #666e80
}

.page__info-text {
  font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .page__info-text {
  letter-spacing: .314px
}

html:not(.fonts-loaded) .page__info-text>* {
  letter-spacing: .314px
}

html.fonts-loaded .page__info-text {
  font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.page__info {
  cursor: pointer;
  position: relative;
  margin-left: auto
}

.page__info:hover .page__info-hover {
  display: block
}

.page__info--position {
  margin-left: .8rem
}

.page__info--footer {
  display: flex;
  align-items: center
}

.page__info-separator {
  background-color: #e8eaee;
  height: .3rem;
  width: 100%
}

.page__follow {
  display: flex;
  align-items: center;
  margin-top: 2.4rem
}

.page__follow-text {
  margin-right: .8rem;
  color: #666e80;
  font-size: 1.4rem;
  letter-spacing: .02rem;
  line-height: 1.42
}

.page__follow-text {
  font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .page__follow-text {
  letter-spacing: .314px
}

html:not(.fonts-loaded) .page__follow-text>* {
  letter-spacing: .314px
}

html.fonts-loaded .page__follow-text {
  font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.page__follow-item:not(:last-of-type) {
  margin-right: .8rem
}

.page__follow-link {
  display: flex;
  width: 3.2rem;
  height: 3.2rem;
  align-items: center;
  justify-content: center;
  border: .1rem solid #d5d8dc;
  border-radius: 10rem
}

.page__follow-list {
  display: flex;
  list-style: none
}

.page--campaigns .teaser__title {
  font-weight: 700;
  font-size: 1.6rem
}

.page--campaigns .teaser__title {
  font-family: Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .page--campaigns .teaser__title {
  font-family: "Barlow", Helvetica, Arial, Roboto, sans-serif
}

@media(min-width: 1024px) {
  .page--campaigns .teaser__title {
    font-size: 1.8rem
  }
}

.page--campaigns .teaser__desc {
  font-weight: 400
}

.page--campaigns .teaser__desc {
  font-family: Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .page--campaigns .teaser__desc {
  font-family: "Barlow", Helvetica, Arial, Roboto, sans-serif
}

.page--campaigns .article__paragraph {
  font-family: Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .page--campaigns .article__paragraph {
  font-family: "Barlow", Helvetica, Arial, Roboto, sans-serif
}

.page--campaigns .article__title {
  font-family: Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .page--campaigns .article__title {
  font-family: "Barlow", Helvetica, Arial, Roboto, sans-serif
}

.page--campaigns .article__sub-title,
.page--campaigns .article__ordered-list li h2,
.article__ordered-list li .page--campaigns h2,
.page--campaigns .article__unordered-list li h2,
.article__unordered-list li .page--campaigns h2 {
  font-family: Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .page--campaigns .article__sub-title,
html.fonts-loaded .page--campaigns .article__ordered-list li h2,
.article__ordered-list li html.fonts-loaded .page--campaigns h2,
html.fonts-loaded .page--campaigns .article__unordered-list li h2,
.article__unordered-list li html.fonts-loaded .page--campaigns h2 {
  font-family: "Barlow", Helvetica, Arial, Roboto, sans-serif
}

.page--campaigns .article__legend {
  font-family: Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .page--campaigns .article__legend {
  font-family: "Barlow", Helvetica, Arial, Roboto, sans-serif
}

.page--campaigns .article__portfolio-container {
  margin-top: 2.4rem
}

@media(min-width: 1024px) {

  .page--campaigns .article__video-container-main,
  .page--campaigns .article__portfolio-container {
    grid-row: 3;
    grid-column: 1/span 2
  }
}

.page--campaigns .river .teaser__desc {
  font-size: 1.5rem
}

.page--campaigns .page__title {
  font-weight: 700
}

.page--campaigns .page__title {
  font-family: Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .page--campaigns .page__title {
  font-family: "Barlow", Helvetica, Arial, Roboto, sans-serif
}

.page--campaigns .page__subtitle {
  font-weight: 400
}

.page--campaigns .page__subtitle {
  font-family: Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .page--campaigns .page__subtitle {
  font-family: "Barlow", Helvetica, Arial, Roboto, sans-serif
}

.page--campaigns .page__info--footer {
  margin-top: 2rem
}

.page__campaigns-img-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: .8rem
}

.page__campaigns-partner {
  margin-left: .4rem;
  font-weight: 700
}

.page__rub-podcast .page__side-content {
  padding-top: 0
}

.page__rub-podcast .river--solo {
  margin-top: 0;
  padding-top: 0;
  border: none
}

.page__rub-podcast .page__heading {
  border: 0;
  padding-bottom: 2.4rem;
  padding-top: 3.2rem
}

.page__rub-podcast .page__heading .breadcrumb {
  margin-bottom: 0
}

.page__rub-podcast .services {
  border-top: .2rem solid #2a303b;
  padding-top: 3.2rem
}

.page__home-podcast .fw_most_read_podcasts_recommendations-article:last-child {
  border-bottom: none;
  padding-bottom: 0
}

.page__home-podcast .fw_most_read_podcasts_recommendations-articles-button {
  display: none
}

.sr-only {
  border: 0 !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important
}

.seo-only {
  display: none
}

.lmd-btn {
  align-items: center;
  border: 0;
  border-radius: .3rem;
  cursor: pointer;
  display: flex;
  flex-shrink: 0;
  font-weight: 500;
  height: 3rem;
  justify-content: center;
  line-height: 1;
  max-width: 100%;
  text-align: center
}

.lmd-btn {
  font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .lmd-btn {
  letter-spacing: .314px
}

html:not(.fonts-loaded) .lmd-btn>* {
  letter-spacing: .314px
}

html.fonts-loaded .lmd-btn {
  font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.lmd-btn--s {
  font-size: 1.2rem;
  padding: .9rem 1.6rem .7rem
}

.lmd-btn--m {
  font-size: 1.4rem;
  padding: .8rem 1.6rem .5rem
}

.lmd-btn--l {
  font-size: 1.6rem;
  height: 4.2rem;
  padding: 1rem 2.4rem
}

.lmd-btn--fullwidth {
  width: 100%
}

.lmd-btn--primary {
  background-color: #026b9c;
  color: #fff
}

.lmd-btn--primary:hover {
  background-color: #005b85
}

.lmd-btn--white {
  background-color: #fff;
  border: .1rem solid #bdc1c8;
  color: #2a303b
}

.lmd-btn--white:hover {
  background-color: #f5f6f8;
  border-color: #bdc1c8
}

.lmd-btn--premium {
  background-color: #ffc700;
  color: #2a303b
}

.lmd-btn--premium:hover {
  background-color: #eab002
}

.lmd-btn--black {
  background-color: #2a303b;
  color: #fff
}

.lmd-btn--black:hover {
  background-color: #454f5f
}

.lmd-btn--blue {
  background-color: #01364f;
  color: #fff
}

.lmd-btn--blue:hover {
  background-color: #01364f
}

.lmd-btn-services {
  align-items: center;
  border: .1rem solid #d5d8dc;
  border-radius: 1.4rem;
  color: #2a303b;
  display: inline-flex;
  flex-shrink: 0;
  font-size: 1.3rem;
  font-weight: 600;
  line-height: 1;
  justify-content: center;
  padding: .4rem 1.2rem
}

.lmd-btn-services {
  font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .lmd-btn-services {
  letter-spacing: .314px
}

html:not(.fonts-loaded) .lmd-btn-services>* {
  letter-spacing: .314px
}

html.fonts-loaded .lmd-btn-services {
  font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.lmd-btn-services:hover {
  background-color: #f5f6f8
}

.lmd-btn-services:active {
  border-color: #d5d8dc;
  background-color: #d5d8dc
}

.lmd-btn-rub {
  align-items: center;
  border: .1rem solid #d5d8dc;
  border-radius: .3rem;
  color: #383f4e;
  display: inline-flex;
  flex-shrink: 0;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1;
  justify-content: center;
  padding: 1.2rem 1.2rem 1rem;
  letter-spacing: .01rem
}

.lmd-btn-rub {
  font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .lmd-btn-rub {
  letter-spacing: .314px
}

html:not(.fonts-loaded) .lmd-btn-rub>* {
  letter-spacing: .314px
}

html.fonts-loaded .lmd-btn-rub {
  font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.lmd-btn-rub:hover {
  background-color: rgba(42, 48, 59, .03)
}

.lmd-link:hover {
  -webkit-text-decoration: underline;
  text-decoration: underline;
  text-decoration-thickness: .06em;
  text-underline-offset: .2em
}

.lmd-link-reverse {
  -webkit-text-decoration: underline;
  text-decoration: underline;
  text-decoration-thickness: .06em;
  text-underline-offset: .2em
}

.lmd-link-reverse:hover {
  opacity: .8;
  -webkit-text-decoration: none;
  text-decoration: none
}

.lmd-link-nav:hover {
  color: #026b9c
}

.lmd-link-blue {
  color: #026b9c;
  -webkit-text-decoration: underline;
  text-decoration: underline
}

.lmd-link-blue:hover {
  color: #005b85
}

.lmd-link-opacity:hover {
  opacity: .8
}

.article {
  margin: 2.4rem 0;
  padding-top: 2.4rem;
  border-top: .1rem solid #d5d8dc
}

.article picture {
  display: block;
  padding-top: 66.66%
}

.article picture.bi__media {
  padding-top: 0
}

.article picture img {
  bottom: 0;
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 1
}

.article:after {
  content: "";
  display: table;
  clear: both
}

.article:nth-of-type(1) {
  border-top: 0;
  margin-top: 0;
  padding-top: 0
}

@media(min-width: 1024px) {
  .article:nth-of-type(1).article--featured {
    border-top: .1rem solid rgba(0, 0, 0, .09)
  }
}

.article__sactisfaction-survey {
  -webkit-tap-highlight-color: rgba(0, 83, 250, .3)
}

.article__sactisfaction-survey--container {
  display: flex;
  justify-content: center;
  padding: 1.5rem 2rem;
  margin-top: 2rem;
  background-color: #fcfcfd;
  border: 1px solid #e8eaee;
  border-radius: .1875rem
}

@media(min-width: 1024px) {
  .article__sactisfaction-survey--container {
    padding-top: 1rem;
    padding-bottom: 1rem
  }
}

.article__sactisfaction-survey--wrapper {
  font-size: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: center;
  text-align: center;
  justify-content: center
}

.article__sactisfaction-survey--wrapper {
  font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .article__sactisfaction-survey--wrapper {
  letter-spacing: .314px
}

html:not(.fonts-loaded) .article__sactisfaction-survey--wrapper>* {
  letter-spacing: .314px
}

html.fonts-loaded .article__sactisfaction-survey--wrapper {
  font-family: "Marr Sans", Arial, Roboto, sans-serif
}

@media(min-width: 768px) {
  .article__sactisfaction-survey--wrapper {
    flex-direction: row
  }
}

@media(max-width: 576px) {
  .article__sactisfaction-survey--wrapper {
    width: 27rem
  }
}

@media(min-width: 1024px) {
  .article__content-special {
    grid-row: 3
  }
}

@media print {
  .article__content-special {
    display: none
  }
}

.article__byline {
  color: #717b8e;
  font-size: 1.3rem;
  line-height: 1.5rem
}

.article__byline {
  font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .article__byline {
  letter-spacing: .314px
}

html:not(.fonts-loaded) .article__byline>* {
  letter-spacing: .314px
}

html.fonts-loaded .article__byline {
  font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.article__desc {
  display: none;
  margin: 1.6rem 0;
  color: #2a303b;
  font-size: 1.5rem;
  line-height: 1.34
}

.article__desc {
  font-family: Georgia, Droid-serif, serif
}

html:not(.fonts-loaded) .article__desc {
  letter-spacing: -0.645px
}

html:not(.fonts-loaded) .article__desc>* {
  letter-spacing: -0.645px
}

html.fonts-loaded .article__desc {
  font-family: "The Antiqua B standard", Georgia, Droid-serif, serif
}

@supports(font-variation-settings: normal) {
  html.fonts-loaded .article__desc {
    font-family: "The Antiqua B", Georgia, Droid-serif, serif
  }
}

.article__copyright {
  font-size: 1rem;
  line-height: 1.7;
  letter-spacing: .01rem;
  position: absolute;
  right: .8rem;
  bottom: .8rem;
  color: #fff;
  text-transform: uppercase;
  z-index: 4
}

.article__copyright {
  font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .article__copyright {
  letter-spacing: .314px
}

html:not(.fonts-loaded) .article__copyright>* {
  letter-spacing: .314px
}

html.fonts-loaded .article__copyright {
  font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.article__mention {
  font-style: normal;
  font-weight: 400;
  font-size: 1.2rem;
  line-height: 1.6rem;
  color: #666e80;
  margin-top: 8px
}

.article__mention {
  font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .article__mention {
  letter-spacing: .314px
}

html:not(.fonts-loaded) .article__mention>* {
  letter-spacing: .314px
}

html.fonts-loaded .article__mention {
  font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.article__extra {
  align-items: center
}

.article__extra {
  font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .article__extra {
  letter-spacing: .314px
}

html:not(.fonts-loaded) .article__extra>* {
  letter-spacing: .314px
}

html.fonts-loaded .article__extra {
  font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.article__extra--embed {
  margin-left: 0;
  font-size: 1.1rem;
  font-weight: 600;
  position: absolute;
  display: flex;
  bottom: .8rem;
  color: #fff;
  left: .8rem;
  z-index: 4
}

.article__extra--embed>:first-child {
  margin-right: .8rem
}

.article__extra--related {
  display: none
}

@media(min-width: 1024px) {
  .article__extra--related {
    align-items: center;
    bottom: .8rem;
    left: .8rem;
    display: flex
  }
}

.article__extra--related .icon__portfolio,
.article__extra--related .icon__video,
.article__extra--related .icon__multimedia {
  width: 3rem;
  height: 3rem
}

@media(min-width: 1024px) {

  .article__extra--related .icon__portfolio,
  .article__extra--related .icon__video,
  .article__extra--related .icon__multimedia {
    width: 4rem;
    height: 4rem
  }
}

.article__extra--inline {
  align-items: center;
  font-weight: 400;
  display: inline-flex;
  font-size: 1.2rem;
  color: #383f4e
}

.article__extra--inline {
  font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .article__extra--inline {
  letter-spacing: .314px
}

html:not(.fonts-loaded) .article__extra--inline>* {
  letter-spacing: .314px
}

html.fonts-loaded .article__extra--inline {
  font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.article__extra--featured {
  bottom: auto;
  top: -5.2rem;
  left: 0
}

.article__extra--podcast-inline {
  display: inline
}

.article__extra--podcast {
  left: 1.2rem;
  bottom: 1.2rem
}

@media(min-width: 1200px) {
  .article__extra--podcast {
    bottom: .2rem
  }
}

@media(min-width: 1024px)and (max-width: 1199px) {
  .article__extra--podcast {
    bottom: 3.2rem
  }
}

.article__info {
  font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .article__info {
  letter-spacing: .314px
}

html:not(.fonts-loaded) .article__info>* {
  letter-spacing: .314px
}

html.fonts-loaded .article__info {
  font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.article__media-container {
  position: relative
}

.article__media-credit {
  color: #717b8e;
  font-size: .8rem;
  font-weight: 400;
  line-height: 1;
  margin-bottom: 1.6rem;
  margin-top: .4rem;
  text-align: right;
  text-transform: uppercase;
  width: 100%
}

.article__media-credit {
  font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .article__media-credit {
  letter-spacing: .314px
}

html:not(.fonts-loaded) .article__media-credit>* {
  letter-spacing: .314px
}

html.fonts-loaded .article__media-credit {
  font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.article__media-credit--une {
  font-size: 1rem
}

@media(max-width: 575px) {
  .article__media-credit--municipale {
    margin-left: 1.6rem;
    margin-right: 1.6rem
  }
}

@media(max-width: 1023px) {
  .article__media-credit--only-desktop {
    display: none
  }
}

@media(max-width: 479px) {
  .article .video-container--with-deny-msg:not(.video-container--sticky) {
    height: auto;
    padding: 1.6rem
  }

  .article .video-container--with-deny-msg:not(.video-container--sticky) .article__video-deny-msg {
    position: relative
  }

  .article .video-container--with-deny-msg:not(.video-container--sticky) .article__video-deny {
    position: relative
  }
}

.article__video-container {
  position: relative;
  background-color: #2a303b;
  z-index: 4;
  clear: both
}

.article__video-container iframe,
.article__video-container .js_player {
  width: 100%;
  position: absolute;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 5
}

@media print {
  .article__video-container {
    display: none
  }
}

.article__video-container--ratio {
  padding-top: 56.25%
}

.article__video-container--ratio .js_player:empty:not(iframe) {
  padding-top: 56.25%
}

.article__video-container--vertical {
  padding-bottom: 100%;
  position: relative
}

.article__video-container--vertical .js_player:empty:not(iframe) {
  padding-top: 100%
}

.article__video-container--vertical .dailymotion-player-root {
  padding-bottom: 0 !important;
  position: absolute !important
}

.article__video-container--vertical .dailymotion-player-root {
  bottom: 0;
  left: 50%;
  transform: translate3d(-50%, 0, 0);
  top: 0;
  width: 56%
}

.article__video-deny-msg {
  align-items: center;
  bottom: 0;
  color: #fff;
  display: flex;
  flex-direction: column;
  font-size: 1.6rem;
  justify-content: center;
  line-height: 2.2rem;
  padding: 0 1.2rem;
  position: absolute;
  text-align: center;
  top: 0
}

@media(min-width: 480px) {
  .article__video-deny-msg {
    font-size: 1.6rem;
    line-height: 2.2rem;
    padding: 0 4rem
  }
}

.article__video-deny-btn {
  align-items: center;
  border: 0;
  border-radius: .3rem;
  cursor: pointer;
  display: flex;
  flex-shrink: 0;
  font-weight: 500;
  height: 3rem;
  justify-content: center;
  line-height: 1;
  max-width: 100%;
  text-align: center;
  background-color: #026b9c;
  color: #fff;
  font-size: 1.6rem;
  height: 4.2rem;
  padding: 1rem 2.4rem;
  margin-top: 1.2rem
}

.article__video-deny-btn {
  font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .article__video-deny-btn {
  letter-spacing: .314px
}

html:not(.fonts-loaded) .article__video-deny-btn>* {
  letter-spacing: .314px
}

html.fonts-loaded .article__video-deny-btn {
  font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.article__video-deny-btn:hover {
  background-color: #005b85
}

@media(min-width: 480px) {
  .article__video-deny-btn {
    margin-top: 2rem
  }
}

.article__media {
  display: block;
  float: right;
  font-size: 0;
  margin-left: 1.6rem;
  max-width: 11.4rem
}

@media(min-width: 1024px) {
  .article__media--with-credit {
    margin-bottom: 0 !important
  }
}

.article__title {
  color: #2a303b;
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 1.25
}

.article__title {
  font-family: Georgia, Droid-serif, serif
}

html:not(.fonts-loaded) .article__title {
  letter-spacing: -0.645px
}

html:not(.fonts-loaded) .article__title>* {
  letter-spacing: -0.645px
}

html.fonts-loaded .article__title {
  font-family: "The Antiqua B standard", Georgia, Droid-serif, serif
}

@supports(font-variation-settings: normal) {
  html.fonts-loaded .article__title {
    font-family: "The Antiqua B", Georgia, Droid-serif, serif
  }
}

.article__title--inline {
  display: inline
}

.article a:hover .article__title {
  -webkit-text-decoration: underline;
  text-decoration: underline;
  text-decoration-thickness: .06em;
  text-underline-offset: .2em
}

.article__kicker {
  color: #2a303b;
  font-size: 1.3rem;
  font-weight: 500;
  letter-spacing: .13rem;
  line-height: 1.15;
  margin-bottom: .8rem;
  text-transform: uppercase
}

.article__kicker {
  font-family: "Trebuchet MS", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loaded) .article__kicker {
  letter-spacing: -1.607px
}

html:not(.fonts-loaded) .article__kicker>* {
  letter-spacing: -1.607px
}

html.fonts-loaded .article__kicker {
  font-family: "Marr Sans Condensed", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loading) .article__kicker {
  letter-spacing: .05rem
}

.article__type {
  color: #717b8e;
  font-size: 1.3rem;
  font-weight: 500;
  letter-spacing: .13rem;
  margin-top: 1.2rem;
  text-transform: uppercase
}

.article__type {
  font-family: "Trebuchet MS", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loaded) .article__type {
  letter-spacing: -1.607px
}

html:not(.fonts-loaded) .article__type>* {
  letter-spacing: -1.607px
}

html.fonts-loaded .article__type {
  font-family: "Marr Sans Condensed", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loading) .article__type {
  letter-spacing: .05rem
}

.article__author {
  align-items: center;
  display: flex;
  max-width: 70%
}

.article__author:not(:last-child) {
  margin-bottom: .4rem
}

@media(min-width: 768px) {
  .article__author {
    max-width: 28rem
  }
}

.article__author--posts {
  max-width: 100%
}

.article__author-picture {
  background-color: #e8eaee;
  background-image: url("");
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 50%;
  flex-shrink: 0;
  height: 5rem;
  margin-right: 1.2rem;
  width: 5rem
}

.article__author-picture--no-pp {
  background-position-y: .6rem
}

.article__author-picture--posts {
  width: 6.2rem;
  height: 6.2rem;
  margin-right: 1.6rem
}

@media(min-width: 1024px) {
  .article__author-picture--posts {
    width: 7.8rem;
    height: 7.8rem;
    margin-right: 2.4rem
  }
}

.article__author-identity--posts {
  font-size: 2.9rem;
  font-weight: 600;
  color: #2a303b;
  display: inline;
  line-height: 1
}

.article__author-identity--posts {
  font-family: "Trebuchet MS", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loaded) .article__author-identity--posts {
  letter-spacing: -1.607px
}

html:not(.fonts-loaded) .article__author-identity--posts>* {
  letter-spacing: -1.607px
}

html.fonts-loaded .article__author-identity--posts {
  font-family: "Marr Sans Condensed", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loading) .article__author-identity--posts {
  letter-spacing: .05rem
}

@media(min-width: 1024px) {
  .article__author-identity--posts {
    font-weight: bold;
    font-size: 3.8rem
  }
}

.article__author-job--posts {
  line-height: 1.42;
  letter-spacing: .02rem;
  font-size: 1.4rem;
  margin-top: .4rem;
  font-weight: 600;
  color: #2a303b
}

.article__author-job--posts {
  font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .article__author-job--posts {
  letter-spacing: .314px
}

html:not(.fonts-loaded) .article__author-job--posts>* {
  letter-spacing: .314px
}

html.fonts-loaded .article__author-job--posts {
  font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.article__author-description--posts {
  height: 6.2rem;
  display: flex;
  align-items: center
}

@media(min-width: 1024px) {
  .article__author-description--posts {
    height: 7.8rem
  }
}

.article__author-name {
  color: #2a303b;
  font-size: 1.5rem;
  font-weight: 500
}

.article__author-name {
  font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .article__author-name {
  letter-spacing: .314px
}

html:not(.fonts-loaded) .article__author-name>* {
  letter-spacing: .314px
}

html.fonts-loaded .article__author-name {
  font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.article__author-desc {
  color: #717b8e;
  font-size: 1.3rem;
  line-height: 1.25
}

.article__author-desc {
  font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .article__author-desc {
  letter-spacing: .314px
}

html:not(.fonts-loaded) .article__author-desc>* {
  letter-spacing: .314px
}

html.fonts-loaded .article__author-desc {
  font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.article__related {
  margin: 0 0 4rem;
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 1.33
}

.article__related {
  font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .article__related {
  letter-spacing: .314px
}

html:not(.fonts-loaded) .article__related>* {
  letter-spacing: .314px
}

html.fonts-loaded .article__related {
  font-family: "Marr Sans", Arial, Roboto, sans-serif
}

@media(min-width: 768px) {
  .article__related {
    font-size: 1.4rem;
    line-height: 1.29;
    margin: 2.4rem 0 2rem
  }
}

.article__related li {
  list-style: none;
  margin-bottom: 1.2rem
}

@media(min-width: 1024px) {
  .article__related li {
    margin-bottom: 0
  }
}

.article__related li a:hover {
  -webkit-text-decoration: underline;
  text-decoration: underline;
  text-decoration-thickness: .06em;
  text-underline-offset: .2em
}

.article__related-featured {
  display: grid;
  grid-template-columns: 16.2rem 16.2rem 16.2rem;
  grid-column-gap: 1.2rem;
  overflow-x: scroll;
  padding-right: 1.6rem
}

@media(min-width: 576px) {
  .article__related-featured {
    grid-template-columns: 1fr 1fr 1fr
  }
}

@media(min-width: 768px) {
  .article__related-featured {
    overflow-x: visible;
    margin-right: 0;
    padding-right: 0;
    grid-column-gap: 2.4rem
  }
}

.article__related-featured .article {
  border-top: 0;
  padding-top: 0
}

.article__related-featured .article__media {
  float: none
}

.article--nav:hover .article__title {
  -webkit-text-decoration: underline;
  text-decoration: underline;
  text-decoration-thickness: .06em;
  text-underline-offset: .2em
}

.article--nav .article__kicker {
  margin-top: 1.6rem
}

.article--nav .article__media {
  max-width: 100%;
  float: none;
  margin-left: 0
}

@media(min-width: 768px) {
  .article--nav .article__author {
    margin-top: .8rem
  }
}

.article--nav .article__author-name {
  font-size: 1.3rem;
  line-height: 1.25
}

.article--featured {
  background: #fff;
  border-bottom: .2rem solid #383f4e;
  margin-top: 0;
  overflow: hidden;
  padding-bottom: 1.6rem;
  position: relative;
  text-align: center
}

@media(min-width: 1024px) {
  .article--featured {
    border-top: 0;
    padding-top: 0;
    border-bottom: 0;
    margin-bottom: 0;
    border: .1rem solid rgba(0, 0, 0, .09)
  }
}

.article--featured a {
  align-items: stretch;
  display: inline-flex;
  flex-direction: column;
  justify-content: flex-start;
  padding: 0 2rem;
  height: 100%;
  width: 100%
}

.article--featured .icon__premium {
  width: 2.4rem;
  height: 1.6rem;
  top: 1.2rem;
  position: relative
}

.article--featured .article__byline {
  margin-top: .4rem
}

@media(min-width: 768px) {
  .article--featured .article__desc {
    display: block;
    margin-bottom: 0
  }
}

.article--featured .article__footer-info {
  color: #717b8e;
  font-size: 1.3rem;
  margin-top: 1.6rem
}

@media(min-width: 768px) {
  .article--featured .article__footer-info {
    margin-top: 0
  }
}

@media(min-width: 1024px) {
  .article--featured .article__footer-info {
    margin-top: 1.6rem
  }
}

.article--featured .article__media-container {
  margin-left: -2rem;
  margin-right: -2rem;
  padding-top: 66.66%
}

.article--featured .article__media {
  display: block;
  float: none;
  margin: 0 -2rem 0;
  max-width: 100%;
  z-index: 1;
  top: 0;
  padding-top: 66.66%;
  position: absolute;
  margin-left: 0;
  width: 100%;
  overflow: hidden
}

.article--featured .article__media:before {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1));
  bottom: 0;
  content: " ";
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 2
}

.article--featured .article__media img {
  display: block;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: none;
  max-width: initial;
  width: 100%
}

.article--featured .article__title {
  margin: 1.2rem 0 1.6rem;
  position: relative;
  top: 1.2rem
}

.article--featured .article__type {
  color: #2a303b;
  font-size: 1.3rem;
  letter-spacing: .13rem;
  margin-top: 0;
  font-weight: 500
}

.article--featured .article__wrapper {
  background: #fff;
  display: block;
  flex-grow: 1;
  line-height: 1.25;
  padding-top: 1.1rem;
  position: relative;
  text-align: center;
  top: -0.5rem;
  z-index: 2
}

.article--related {
  margin-top: 0;
  padding-top: 2.4rem
}

.article--related .article__title {
  color: #2a303b;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.25;
  margin-bottom: 0
}

.article--related .article__title {
  font-family: Georgia, Droid-serif, serif
}

html:not(.fonts-loaded) .article--related .article__title {
  letter-spacing: -0.645px
}

html:not(.fonts-loaded) .article--related .article__title>* {
  letter-spacing: -0.645px
}

html.fonts-loaded .article--related .article__title {
  font-family: "The Antiqua B standard", Georgia, Droid-serif, serif
}

@supports(font-variation-settings: normal) {
  html.fonts-loaded .article--related .article__title {
    font-family: "The Antiqua B", Georgia, Droid-serif, serif
  }
}

.article--related .article__media-container {
  display: block;
  float: none;
  font-size: 0;
  margin: 0 0 .8rem 0;
  width: 100%
}

@media(min-width: 1024px) {
  .article--related .article__media-container {
    width: 11.4rem;
    margin: 0 0 .4rem .8rem;
    float: right
  }
}

.article--toast__container {
  position: fixed;
  z-index: 9999;
  bottom: -4.4rem;
  right: 0;
  width: 100%
}

.article--toast__container .article--toast {
  position: relative;
  width: 100%;
  background-color: #fff;
  padding: .8rem 0 1.4rem;
  margin-bottom: 4.4rem;
  opacity: 0;
  visibility: hidden;
  transition: all .3s ease-in-out
}

.article--toast__container .article--toast__text {
  color: rgba(255, 255, 255, .87);
  margin: .5rem 0 0 0;
  font-size: 1.4rem;
  line-height: 1.7rem;
  text-align: center
}

.article--toast__container .article--toast__text {
  font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .article--toast__container .article--toast__text {
  letter-spacing: .314px
}

html:not(.fonts-loaded) .article--toast__container .article--toast__text>* {
  letter-spacing: .314px
}

html.fonts-loaded .article--toast__container .article--toast__text {
  font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.article--toast__container .article--toast-active {
  opacity: 1;
  visibility: visible
}

.article--toast__container .article--toast-success {
  background-color: rgba(0, 0, 0, .85)
}

.article__gift-modal {
  bottom: 0;
  display: none;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  width: 100vw;
  z-index: 9999
}

@media screen and (min-width: 768px) {
  .article__gift-modal {
    height: 100vh
  }
}

.article__gift-modal--opened {
  display: block
}

.article__gift-modal__overlay {
  background-color: #2a303c;
  content: "";
  height: calc(100vh - 6rem);
  left: 0;
  opacity: .6;
  position: absolute;
  top: 6rem;
  width: 100vw;
  z-index: -1
}

@media screen and (min-width: 768px) {
  .article__gift-modal__overlay {
    height: 100vh;
    top: 0
  }
}

.article__gift-modal__content {
  align-items: center;
  background: #fff;
  border-radius: 0;
  border-top: .1rem solid #e8eaee;
  display: flex;
  flex-direction: column;
  left: 0;
  max-height: 80vh;
  padding: 3.2rem 1.6rem;
  position: absolute;
  bottom: 0;
  width: 100%
}

.article__gift-modal__content {
  font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .article__gift-modal__content {
  letter-spacing: .314px
}

html:not(.fonts-loaded) .article__gift-modal__content>* {
  letter-spacing: .314px
}

html.fonts-loaded .article__gift-modal__content {
  font-family: "Marr Sans", Arial, Roboto, sans-serif
}

@media screen and (min-width: 768px) {
  .article__gift-modal__content {
    border-top: 0;
    border-radius: .4rem;
    left: 50%;
    padding: 3.2rem 8rem;
    top: 50%;
    transform: translate3d(-50%, -50%, 0);
    width: 57.2rem;
    bottom: auto
  }
}

.article__gift-modal__title {
  font-size: 2.4rem;
  font-weight: 600;
  line-height: 2.8rem;
  margin-bottom: .8rem;
  text-align: center
}

.article__gift-modal__title {
  font-family: "Trebuchet MS", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loaded) .article__gift-modal__title {
  letter-spacing: -1.607px
}

html:not(.fonts-loaded) .article__gift-modal__title>* {
  letter-spacing: -1.607px
}

html.fonts-loaded .article__gift-modal__title {
  font-family: "Marr Sans Condensed", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loading) .article__gift-modal__title {
  letter-spacing: .05rem
}

.article__gift-modal__text {
  text-align: center;
  font-size: 1.6rem;
  line-height: 2rem;
  margin-bottom: 2.4rem
}

.article__gift-modal__text--no-margin {
  margin: 0
}

.article__gift-modal__text b {
  font-weight: 500
}

.article__gift-modal__link {
  -webkit-text-decoration: underline;
  text-decoration: underline;
  text-decoration-thickness: .06em;
  text-underline-offset: .2em;
  color: #0070b2
}

.article__gift-modal__link:hover {
  opacity: .8;
  -webkit-text-decoration: none;
  text-decoration: none
}

.article__gift-modal .btn {
  border: 0;
  font-weight: 500;
  width: 100%;
  text-align: center
}

.article__gift-modal .btn:not(:last-child) {
  margin-bottom: .8rem
}

@media screen and (min-width: 1024px) {
  .article__gift-modal .btn {
    width: 100%
  }
}

.article__gift-modal__discover-btn {
  align-items: center;
  border: 0;
  border-radius: .3rem;
  cursor: pointer;
  display: flex;
  flex-shrink: 0;
  font-weight: 500;
  height: 3rem;
  justify-content: center;
  line-height: 1;
  max-width: 100%;
  text-align: center;
  font-size: 1.2rem;
  padding: .9rem 1.6rem .7rem;
  background-color: #ffc700;
  color: #2a303b;
  width: 100%
}

.article__gift-modal__discover-btn {
  font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .article__gift-modal__discover-btn {
  letter-spacing: .314px
}

html:not(.fonts-loaded) .article__gift-modal__discover-btn>* {
  letter-spacing: .314px
}

html.fonts-loaded .article__gift-modal__discover-btn {
  font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.article__gift-modal__discover-btn:hover {
  background-color: #eab002
}

.article__gift-modal__button {
  align-items: center;
  border: 0;
  border-radius: .3rem;
  cursor: pointer;
  display: flex;
  flex-shrink: 0;
  font-weight: 500;
  height: 3rem;
  justify-content: center;
  line-height: 1;
  max-width: 100%;
  text-align: center;
  font-size: 1.6rem;
  height: 4.2rem;
  padding: 1rem 2.4rem;
  background-color: #026b9c;
  color: #fff;
  width: 100%
}

.article__gift-modal__button {
  font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .article__gift-modal__button {
  letter-spacing: .314px
}

html:not(.fonts-loaded) .article__gift-modal__button>* {
  letter-spacing: .314px
}

html.fonts-loaded .article__gift-modal__button {
  font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.article__gift-modal__button:hover {
  background-color: #005b85
}

.article__gift-modal__button:not(:last-child) {
  margin-bottom: .8rem
}

.restricted-podcast {
  position: relative;
  display: flex;
  background-color: #2a303b;
  padding: 1.6rem;
  color: #fff;
  font-family: "Marr Sans", Helvetica, Arial, Roboto, sans-serif;
  margin: 0 -1.6rem 0
}

@media(min-width: 360px) {
  .restricted-podcast {
    margin: 0 auto
  }
}

@media(min-width: 576px) {
  .restricted-podcast {
    padding: 2.6rem 3rem 2.5rem 2.6rem;
    margin: auto
  }
}

.restricted-podcast__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center
}

@media(min-width: 576px) {
  .restricted-podcast__content {
    align-items: flex-start;
    text-align: left;
    margin-left: 19.4rem
  }
}

.restricted-podcast__icon {
  width: 16.2rem;
  height: 16.2rem;
  margin: 0 0 1.6rem;
  background-image: url("");
  background-repeat: no-repeat;
  background-size: contain
}

@media(min-width: 576px) {
  .restricted-podcast__icon {
    position: absolute;
    left: 2.6rem;
    width: 16.8rem;
    height: 16.8rem;
    margin: 0
  }
}

.restricted-podcast__headline {
  font-size: 1.6rem;
  line-height: 2.2rem;
  font-weight: 500;
  margin: 0 1.1rem .8rem
}

@media(min-width: 360px) {
  .restricted-podcast__headline {
    margin: 0 2.25rem .8rem
  }
}

@media(min-width: 576px) {
  .restricted-podcast__headline {
    margin: 0 0 1.6rem
  }
}

.restricted-podcast__summary {
  font-size: 1.6rem;
  line-height: 2.2rem;
  margin-bottom: 1.6rem
}

@media(min-width: 576px) {
  .restricted-podcast__summary {
    margin-bottom: 1.5rem
  }
}

.restricted-podcast__login {
  font-size: 1.4rem;
  line-height: 2.2rem;
  margin-top: .8rem
}

.restricted-podcast__cta {
  width: 100%
}

@media(min-width: 576px) {
  .restricted-podcast__cta {
    position: static;
    position: initial;
    margin: 0;
    width: 14.6rem
  }
}

.restricted-podcast a {
  border-bottom: none !important
}

.restricted-podcast .button--subscribe {
  order: initial;
  max-width: 100%
}

.restricted-podcast--light {
  background-color: #fff6d3;
  color: #2a303b
}

.product-node {
  border-top: solid .1rem #e8eaee;
  border-bottom: solid .1rem #e8eaee;
  padding: 1.2rem 0 1.5rem;
  margin-top: 2rem;
  text-align: center
}

.product-node {
  font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .product-node {
  letter-spacing: .314px
}

html:not(.fonts-loaded) .product-node>* {
  letter-spacing: .314px
}

html.fonts-loaded .product-node {
  font-family: "Marr Sans", Arial, Roboto, sans-serif
}

@media(min-width: 1024px) {
  .product-node {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    text-align: left
  }
}

@media(min-width: 1024px) {
  .product-node-wrap {
    margin-right: 4.4rem
  }
}

.product-node-title {
  color: #2a303b;
  font-size: 1.8rem;
  line-height: 1.2;
  font-weight: 600
}

.product-node-dropdown {
  position: relative;
  display: inline-block;
  margin-top: 1rem
}

@media(min-width: 1024px) {
  .product-node-dropdown {
    display: block;
    margin-top: 0
  }
}

.product-node-dropdown-label {
  background: #026b9c;
  color: #fff;
  font-size: 1.5rem;
  font-weight: 500;
  white-space: nowrap;
  padding: .8rem 3rem .8rem 1.4rem;
  border-radius: .3rem;
  position: relative;
  cursor: pointer
}

.product-node-dropdown-label:after {
  content: " ";
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("");
  position: absolute;
  width: 1rem;
  height: 1rem;
  right: 1.2rem;
  top: 50%;
  transform: translateY(-50%)
}

.product-node-dropdown-label.ui-collapse--shown {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0
}

.product-node-dropdown-label.ui-collapse--shown:after {
  transform: translateY(-50%) rotate(180deg)
}

.product-node-list {
  position: absolute;
  background: #fff;
  display: none;
  flex-flow: column;
  font-size: 1.6rem;
  font-weight: 500;
  box-shadow: 0 4px 4px 4px rgba(0, 0, 0, .1);
  min-width: 25rem;
  list-style: none
}

.product-node-list.ui-collapse--shown {
  display: flex;
  z-index: 2
}

.product-node-link {
  font-size: 1.3rem;
  white-space: nowrap;
  -webkit-text-decoration: underline;
  text-decoration: underline;
  border-bottom: 0;
  display: inline-block;
  padding: .9rem 1.6rem 1rem;
  text-align: left
}

.product-node-link:last-child {
  margin-bottom: 0
}

.product-node-link:visited,
.product-node-link:hover {
  color: #026b9c
}

.product-node-link--single {
  display: inline-block;
  margin-left: auto;
  margin-top: 1rem;
  background: #026b9c;
  color: #fff;
  font-size: 1.5rem;
  font-weight: 500;
  white-space: nowrap;
  padding: .8rem 1.4rem;
  border-radius: .3rem
}

@media(min-width: 1024px) {
  .product-node-link--single {
    margin-top: 0
  }
}

.product-node-desc {
  font-size: 1.4rem;
  line-height: 1.6;
  color: #717b8e;
  margin-top: .6rem
}

@media(min-width: 1024px) {
  .product-node-desc {
    margin-top: 0
  }
}

.product-node-offer {
  font-size: 1.2rem;
  font-style: italic;
  color: #8b92a1;
  margin-top: .4rem
}

.product-node-offer {
  font-family: Georgia, Droid-serif, serif
}

html:not(.fonts-loaded) .product-node-offer {
  letter-spacing: -0.645px
}

html:not(.fonts-loaded) .product-node-offer>* {
  letter-spacing: -0.645px
}

html.fonts-loaded .product-node-offer {
  font-family: "The Antiqua B standard", Georgia, Droid-serif, serif
}

@supports(font-variation-settings: normal) {
  html.fonts-loaded .product-node-offer {
    font-family: "The Antiqua B", Georgia, Droid-serif, serif
  }
}

@media(min-width: 1024px) {
  .product-node-offer {
    margin-top: .2rem
  }
}

.product-node-offer-title {
  border-bottom: 0;
  -webkit-text-decoration: underline;
  text-decoration: underline
}

.product-node-offer-link {
  color: inherit
}

.podcast-gdpr__warning {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: #333 url("") no-repeat;
  background-size: contain;
  color: #fff;
  font-size: 1.5rem;
  line-height: normal;
  line-height: initial;
  height: 290px;
  margin: 0 -2.4rem
}

.podcast-gdpr__warning {
  font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .podcast-gdpr__warning {
  letter-spacing: .314px
}

html:not(.fonts-loaded) .podcast-gdpr__warning>* {
  letter-spacing: .314px
}

html.fonts-loaded .podcast-gdpr__warning {
  font-family: "Marr Sans", Arial, Roboto, sans-serif
}

@media(min-width: 768px) {
  .podcast-gdpr__warning {
    background: #333 url("") no-repeat;
    height: 235px;
    margin: 0
  }
}

.podcast-gdpr__message {
  background: #333;
  width: 100%;
  padding: 1rem 1.6rem
}

@media(min-width: 768px) {
  .podcast-gdpr__message {
    padding: 1.6rem 2.4rem
  }
}

.podcast-gdpr__accept {
  background-color: #0070b2;
  border-width: 0;
  border-radius: .3rem;
  color: #fff;
  cursor: pointer;
  padding: 1rem 2rem;
  margin: 2rem auto 0;
  font-size: 1.5rem;
  display: block
}

.lmd-link:hover {
  -webkit-text-decoration: underline;
  text-decoration: underline;
  text-decoration-thickness: .06em;
  text-underline-offset: .2em
}

.lmd-link-reverse {
  -webkit-text-decoration: underline;
  text-decoration: underline;
  text-decoration-thickness: .06em;
  text-underline-offset: .2em
}

.lmd-link-reverse:hover {
  opacity: .8;
  -webkit-text-decoration: none;
  text-decoration: none
}

.lmd-link-nav:hover {
  color: #026b9c
}

.lmd-link-blue {
  color: #026b9c;
  -webkit-text-decoration: underline;
  text-decoration: underline
}

.lmd-link-blue:hover {
  color: #005b85
}

.lmd-link-opacity:hover {
  opacity: .8
}

@media print {
  .article__footer-single {
    display: none
  }
}

.article__footer-single--portfolio {
  margin: 0 1.6rem
}

@media(min-width: 576px) {
  .article__footer-single--portfolio {
    margin: 0 3.2rem
  }
}

@media(min-width: 768px) {
  .article__footer-single--portfolio {
    margin: 0 auto;
    max-width: 66.4rem
  }
}

@media(min-width: 1024px) {
  .article__footer-single--portfolio {
    margin: 0;
    max-width: 100%;
    grid-row: 4
  }
}

@media(min-width: 1024px) {
  .article__footer-single--video {
    grid-row: 4
  }
}

@media(min-width: 1024px) {
  .article__footer-single--wirecutter {
    grid-row: 4
  }
}

@media(min-width: 1024px) {
  .article__footer-single--multimedia {
    grid-row: 4
  }
}

.article__footer {
  display: flex;
  margin-top: 1.2rem
}

.article__footer a {
  display: flex
}

.article__footer .article__author:before {
  content: "|";
  color: #bdc1c8;
  padding-left: .4rem;
  padding-right: .4rem
}

.article__footer .article__author:not(:last-child) {
  margin-bottom: 0;
  align-self: center
}

.article__footer .article__author-name {
  font-size: 1.3rem;
  line-height: 1.15;
  color: #717b8e;
  font-weight: normal;
  align-self: center
}

.article__footer .article__type {
  margin-top: 0;
  align-self: center
}

.article__question {
  font-size: 1.7rem;
  line-height: 1.52;
  font-weight: 700;
  margin-top: 2.4rem
}

.article__question {
  font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .article__question {
  letter-spacing: .314px
}

html:not(.fonts-loaded) .article__question>* {
  letter-spacing: .314px
}

html.fonts-loaded .article__question {
  font-family: "Marr Sans", Arial, Roboto, sans-serif
}

@media(min-width: 768px) {
  .article__question {
    font-size: 1.8rem;
    line-height: 1.55
  }
}

.article__question a {
  -webkit-text-decoration: underline;
  text-decoration: underline;
  text-decoration-thickness: .06em;
  text-underline-offset: .2em
}

.article__question a:hover {
  opacity: .8;
  -webkit-text-decoration: none;
  text-decoration: none
}

.article__fact {
  color: #383f4e;
  text-transform: uppercase;
  display: inline-block;
  font-weight: 600;
  font-size: 1.8rem;
  letter-spacing: .03rem;
  line-height: 1;
  position: relative;
  z-index: 2;
  margin-left: .4rem;
  margin-top: 2rem
}

.article__fact {
  font-family: "Trebuchet MS", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loaded) .article__fact {
  letter-spacing: -1.607px
}

html:not(.fonts-loaded) .article__fact>* {
  letter-spacing: -1.607px
}

html.fonts-loaded .article__fact {
  font-family: "Marr Sans Condensed", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loading) .article__fact {
  letter-spacing: .05rem
}

.article__fact:after {
  content: " ";
  display: block;
  position: absolute;
  width: calc(100% + 0.8rem);
  height: .9rem;
  z-index: -1;
  bottom: -0.2rem;
  left: -0.4rem
}

.article__fact--true:after {
  background-color: #bcfec5
}

.article__fact--false:after {
  background-color: #fab4b4
}

.article__fact--neutral:after {
  background-color: #ffe38f
}

.article__fact a {
  -webkit-text-decoration: underline;
  text-decoration: underline;
  text-decoration-thickness: .06em;
  text-underline-offset: .2em
}

.article__fact a:hover {
  opacity: .8;
  -webkit-text-decoration: none;
  text-decoration: none
}

.article__ordered-list,
.article__unordered-list {
  list-style: none;
  margin-top: 2.4rem;
  clear: both;
  width: 100%;
  margin-left: .8rem
}

@media(min-width: 1024px) {

  .article__ordered-list,
  .article__unordered-list {
    padding-left: 2rem;
    margin-left: 1.6rem
  }
}

.article__ordered-list li,
.article__unordered-list li {
  display: block;
  margin-bottom: 1.6rem;
  line-height: 1.52;
  font-size: 1.7rem;
  color: #383f4e;
  position: relative;
  padding-left: 2.8rem
}

@media(min-width: 1024px) {

  .article__ordered-list li,
  .article__unordered-list li {
    padding-left: .8rem;
    font-size: 1.8rem
  }
}

.article__ordered-list li:before,
.article__unordered-list li:before {
  font-weight: 600;
  color: #8b92a1;
  display: block;
  position: absolute;
  left: 0
}

@media(min-width: 1024px) {

  .article__ordered-list li:before,
  .article__unordered-list li:before {
    left: -2rem
  }
}

.article__ordered-list li:last-child,
.article__unordered-list li:last-child {
  margin-bottom: 0
}

@media print {

  .article__ordered-list li,
  .article__unordered-list li {
    font-size: 9pt;
    line-height: 2;
    margin-bottom: .8rem;
    margin-top: 1.6rem
  }
}

.article__ordered-list li h2,
.article__unordered-list li h2 {
  display: inline
}

.article__ordered-list li a,
.article__unordered-list li a {
  -webkit-text-decoration: underline;
  text-decoration: underline;
  text-decoration-thickness: .06em;
  text-underline-offset: .2em
}

.article__ordered-list li a:hover,
.article__unordered-list li a:hover {
  opacity: .8;
  -webkit-text-decoration: none;
  text-decoration: none
}

.article__ordered-list {
  counter-reset: li
}

.article__ordered-list li {
  counter-increment: li
}

.article__ordered-list li:before {
  content: counter(li) "."
}

.article__ordered-list li:before {
  font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .article__ordered-list li:before {
  letter-spacing: .314px
}

html:not(.fonts-loaded) .article__ordered-list li:before>* {
  letter-spacing: .314px
}

html.fonts-loaded .article__ordered-list li:before {
  font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.article__ordered-list+p {
  clear: both
}

.article__unordered-list li:before {
  content: "•";
  font-size: 2.4rem;
  line-height: 1
}

.article__unordered-list li:before {
  font-family: Georgia, Droid-serif, serif
}

html:not(.fonts-loaded) .article__unordered-list li:before {
  letter-spacing: -0.645px
}

html:not(.fonts-loaded) .article__unordered-list li:before>* {
  letter-spacing: -0.645px
}

html.fonts-loaded .article__unordered-list li:before {
  font-family: "The Antiqua B standard", Georgia, Droid-serif, serif
}

@supports(font-variation-settings: normal) {
  html.fonts-loaded .article__unordered-list li:before {
    font-family: "The Antiqua B", Georgia, Droid-serif, serif
  }
}

.article__unordered-list+p {
  clear: both
}

.article__sub-title,
.article__ordered-list li h2,
.article__unordered-list li h2 {
  font-size: 2.2rem;
  font-weight: 600;
  margin-top: 2.4rem;
  color: #2a303b;
  line-height: 1.18
}

.article__sub-title,
.article__ordered-list li h2,
.article__unordered-list li h2 {
  font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .article__sub-title,
html:not(.fonts-loaded) .article__ordered-list li h2,
.article__ordered-list li html:not(.fonts-loaded) h2,
html:not(.fonts-loaded) .article__unordered-list li h2,
.article__unordered-list li html:not(.fonts-loaded) h2 {
  letter-spacing: .314px
}

html:not(.fonts-loaded) .article__sub-title>*,
html:not(.fonts-loaded) .article__ordered-list li h2>*,
.article__ordered-list li html:not(.fonts-loaded) h2>*,
html:not(.fonts-loaded) .article__unordered-list li h2>*,
.article__unordered-list li html:not(.fonts-loaded) h2>* {
  letter-spacing: .314px
}

html.fonts-loaded .article__sub-title,
html.fonts-loaded .article__ordered-list li h2,
.article__ordered-list li html.fonts-loaded h2,
html.fonts-loaded .article__unordered-list li h2,
.article__unordered-list li html.fonts-loaded h2 {
  font-family: "Marr Sans", Arial, Roboto, sans-serif
}

@media(min-width: 1024px) {

  .article__sub-title,
  .article__ordered-list li h2,
  .article__unordered-list li h2 {
    line-height: 1.2
  }
}

@media print {

  .article__sub-title,
  .article__ordered-list li h2,
  .article__unordered-list li h2 {
    font-size: 12pt;
    margin-top: 1.6rem
  }
}

.article__sub-title a,
.article__ordered-list li h2 a,
.article__unordered-list li h2 a {
  -webkit-text-decoration: underline;
  text-decoration: underline;
  text-decoration-thickness: .06em;
  text-underline-offset: .2em
}

.article__sub-title a:hover,
.article__ordered-list li h2 a:hover,
.article__unordered-list li h2 a:hover {
  opacity: .8;
  -webkit-text-decoration: none;
  text-decoration: none
}

.article__comments {
  margin-top: 2.4rem;
  grid-column: 1
}

@media print {
  .article__comments {
    display: none
  }
}

.article__siblings {
  margin-top: 4.4rem;
  grid-column: 1
}

.article__siblings:before {
  content: " ";
  display: block;
  height: .3rem;
  background-color: #383f4e;
  width: 100%
}

.article__siblings-title {
  font-size: 2.4rem;
  line-height: 1.25;
  letter-spacing: .022rem;
  color: #383f4e;
  font-weight: 600;
  margin-top: 2.4rem;
  margin-bottom: 4.8rem
}

.article__siblings-title {
  font-family: "Trebuchet MS", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loaded) .article__siblings-title {
  letter-spacing: -1.607px
}

html:not(.fonts-loaded) .article__siblings-title>* {
  letter-spacing: -1.607px
}

html.fonts-loaded .article__siblings-title {
  font-family: "Marr Sans Condensed", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loading) .article__siblings-title {
  letter-spacing: .05rem
}

@media(min-width: 768px) {
  .article__siblings-title {
    margin-bottom: 5.6rem
  }
}

.article__author-container {
  font-size: 1.5rem
}

.article__chapter-title {
  display: list-item;
  font-weight: 700;
  font-size: 2.2rem;
  list-style-type: disc;
  margin-left: 2.4rem;
  margin-top: 2.4rem
}

.article__chapter-title a {
  -webkit-text-decoration: underline;
  text-decoration: underline;
  text-decoration-thickness: .06em;
  text-underline-offset: .2em
}

.article__chapter-title a:hover {
  opacity: .8;
  -webkit-text-decoration: none;
  text-decoration: none
}

.article__paragraph {
  margin-top: 2rem;
  color: #383f4e;
  font-size: 1.7rem;
  font-weight: 500;
  line-height: 1.52
}

@media(min-width: 768px) {
  .article__paragraph {
    font-size: 1.8rem;
    line-height: 1.55
  }
}

@media print {
  .article__paragraph {
    font-size: 9pt;
    margin-top: 1.6rem
  }
}

.article__paragraph a {
  -webkit-text-decoration: underline;
  text-decoration: underline;
  text-decoration-thickness: .06em;
  text-underline-offset: .2em
}

.article__paragraph a:hover {
  opacity: .8;
  -webkit-text-decoration: none;
  text-decoration: none
}

.article__content {
  padding-top: 2.4rem
}

.article__content {
  font-family: Georgia, Droid-serif, serif
}

html:not(.fonts-loaded) .article__content {
  letter-spacing: -0.645px
}

html:not(.fonts-loaded) .article__content>* {
  letter-spacing: -0.645px
}

html.fonts-loaded .article__content {
  font-family: "The Antiqua B standard", Georgia, Droid-serif, serif
}

@supports(font-variation-settings: normal) {
  html.fonts-loaded .article__content {
    font-family: "The Antiqua B", Georgia, Droid-serif, serif
  }
}

@media(min-width: 1024px) {
  .article__content {
    padding-top: 3.2rem
  }
}

.article__content>:first-child {
  margin-top: 0
}

.article__content--restricted,
.article__content--restricted-media {

  position: relative;
  z-index: 2
}

@media(min-width: 768px) {

  .article__content--restricted,
  .article__content--restricted-media {}
}

.article__content--restricted-media {}

.article__content sup {
  line-height: 0
}

.article__content .multimedia-embed a:not(.lmd-link-nostyle):not(.inread__link),
.article__content .catcher a:not(.lmd-link-nostyle):not(.inread__link),
.article__content .article__catchphrase a:not(.lmd-link-nostyle):not(.inread__link) {
  -webkit-text-decoration: underline;
  text-decoration: underline;
  text-decoration-thickness: .06em;
  text-underline-offset: .2em
}

.article__content .multimedia-embed a:not(.lmd-link-nostyle):not(.inread__link):hover,
.article__content .catcher a:not(.lmd-link-nostyle):not(.inread__link):hover,
.article__content .article__catchphrase a:not(.lmd-link-nostyle):not(.inread__link):hover {
  opacity: .8;
  -webkit-text-decoration: none;
  text-decoration: none
}

.article__content .article__cite {
  color: #717b8e;
  font-style: italic;
  display: block;
  max-width: 100%;
  margin-top: 2rem;
  font-size: 1.6rem;
  line-height: 1.53
}

@media(min-width: 576px) {
  .article__content .article__cite {
    max-width: 80%
  }
}

@media(min-width: 1024px) {
  .article__content .article__cite {
    font-size: 1.8rem;
    line-height: 1.6
  }
}

.article__content .article__cite a {
  -webkit-text-decoration: underline;
  text-decoration: underline;
  text-decoration-thickness: .06em;
  text-underline-offset: .2em
}

.article__content .article__cite a:hover {
  opacity: .8;
  -webkit-text-decoration: none;
  text-decoration: none
}

.article__content .article__cite em,
.article__content .article__cite i {
  font-style: normal
}

.article--content .article__content .product__title a {
  color: #3374ff
}

.article--content .article__content .product__title a:hover {
  -webkit-text-decoration: underline;
  text-decoration: underline;
  text-decoration-thickness: .06em;
  text-underline-offset: .2em
}

.article--content .article__content a[data-type=huit-affiliate] {
  color: #3374ff
}

.article--content a.meta__link-sub {
  border-bottom: 0
}

.article--content a.meta__link-sub:hover {
  border-bottom: 0
}

.article__author-link:hover {
  -webkit-text-decoration: underline;
  text-decoration: underline;
  text-decoration-thickness: .06em;
  text-underline-offset: .2em
}

.article__reactions {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 1.6rem;
  margin-top: 2.4rem;
  position: relative;
  z-index: 2
}

.article__reactions {
  font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .article__reactions {
  letter-spacing: .314px
}

html:not(.fonts-loaded) .article__reactions>* {
  letter-spacing: .314px
}

html.fonts-loaded .article__reactions {
  font-family: "Marr Sans", Arial, Roboto, sans-serif
}

@media(max-width: 768px) {

  .article__reactions .comments__active,
  .article__reactions .comments__blocked-btn {
    flex-grow: 1;
    margin-right: 2.4rem
  }

  .article__reactions .meta__link--full {
    background: none
  }

  .article__reactions .meta__link--full:hover {
    border-color: rgba(0, 0, 0, 0)
  }

  .article__reactions .icon__description {
    display: none
  }

  .article__reactions .meta__sub.ui-collapse--shown {
    left: auto;
    left: initial;
    transform: none;
    right: 0
  }

  .article__reactions .meta__sub.ui-collapse--shown:after,
  .article__reactions .meta__sub.ui-collapse--shown:before {
    content: none
  }
}

@media(min-width: 768px)and (max-width: 1023px) {
  .article__reactions .meta__social--gift .lmd-dropdown__content {
    left: auto;
    left: initial
  }
}

.article__reactions .meta__social {
  margin-top: 0
}

.article__reactions .meta__text {
  display: inline-flex
}

.article__reactions .meta__text--share {
  margin-left: 0
}

@media(min-width: 1024px) {
  .article__reactions .meta__text--share {
    margin-left: .8rem
  }
}

@media(min-width: 360px) {
  .article__reactions .meta .meta__icon--favorite:after {
    display: inline-flex
  }
}

@media print {
  .article__reactions {
    display: none
  }
}

.block-archives-recirculation {
  background-color: #2a303c;
  padding: 2.4rem
}

.block-archives-recirculation__title {
  color: #fff;
  font-size: 2.4rem;
  font-weight: 600;
  letter-spacing: .05rem;
  line-height: 2rem;
  margin-bottom: 2.4rem
}

.block-archives-recirculation__title {
  font-family: "Trebuchet MS", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loaded) .block-archives-recirculation__title {
  letter-spacing: -1.607px
}

html:not(.fonts-loaded) .block-archives-recirculation__title>* {
  letter-spacing: -1.607px
}

html.fonts-loaded .block-archives-recirculation__title {
  font-family: "Marr Sans Condensed", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loading) .block-archives-recirculation__title {
  letter-spacing: .05rem
}

.main--free .article--restricted {
  overflow: hidden
}

.lmd-link:hover {
  -webkit-text-decoration: underline;
  text-decoration: underline;
  text-decoration-thickness: .06em;
  text-underline-offset: .2em
}

.lmd-link-reverse {
  -webkit-text-decoration: underline;
  text-decoration: underline;
  text-decoration-thickness: .06em;
  text-underline-offset: .2em
}

.lmd-link-reverse:hover {
  opacity: .8;
  -webkit-text-decoration: none;
  text-decoration: none
}

.lmd-link-nav:hover {
  color: #026b9c
}

.lmd-link-blue {
  color: #026b9c;
  -webkit-text-decoration: underline;
  text-decoration: underline
}

.lmd-link-blue:hover {
  color: #005b85
}

.lmd-link-opacity:hover {
  opacity: .8
}

.article__iframe {
  border: 0;
  width: 100%
}

@media(min-width: 1024px) {
  .article__iframe {
    grid-row: 2;
    grid-column: 1/span 2
  }
}

@media(min-width: 1024px) {
  .article__iframe--bizdev {
    grid-row: 3;
    margin-top: 4rem
  }
}

.article__special-container {
  position: relative
}

@media print {
  .article__special-container {
    display: none
  }
}

@media(min-width: 1024px) {
  .article__special-container {
    grid-row: 2;
    grid-column: 1/span 2
  }
}

.article__special-container--video {
  background-color: #2a303b;
  margin: 0 -1.6rem 1.6rem;
  z-index: 4
}

@media(min-width: 576px) {
  .article__special-container--video {
    margin: 0 -3.2rem 1.6rem
  }
}

@media(min-width: 768px) {
  .article__special-container--video {
    margin: 3.6rem -5.2rem 1.6rem
  }
}

@media(min-width: 769px) {
  .article__special-container--video {
    margin: 2.8rem 0 1.6rem
  }
}

.article__special-container--video .js_player {
  width: 100%;
  position: absolute;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 5
}

.article__special-container--portfolio {
  transition: opacity .4s ease
}

.article--single {
  margin-bottom: 0
}

.article--single h1 {
  font-size: 2.8rem
}

@media(min-width: 1024px) {
  .article--single h1 {
    font-size: 3.8rem
  }
}

.article--single .friend+.article__sub-title,
.article--single .article__ordered-list li .friend+h2,
.article__ordered-list li .article--single .friend+h2,
.article--single .article__unordered-list li .friend+h2,
.article__unordered-list li .article--single .friend+h2 {
  margin-top: 3.2rem
}

.article--single .article__restricted {
  position: relative;
  z-index: 1
}

.article--single .author {
  grid-column: 1;
  margin-top: 2rem
}

.article--single .author:before {
  display: none
}

.article--single .author__detail {
  display: inline
}

.article--single .author__desc {
  color: #383f4e;
  margin-left: .4rem
}

.article--single .catcher .catcher--inline .catcher__title,
.article--single .catcher .catcher--inline .catcher__desc {
  font-size: 1.6rem;
  font-weight: 500
}

.article--single .catcher .catcher--inline .catcher__title,
.article--single .catcher .catcher--inline .catcher__desc {
  font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .article--single .catcher .catcher--inline .catcher__title,
html:not(.fonts-loaded) .article--single .catcher .catcher--inline .catcher__desc {
  letter-spacing: .314px
}

html:not(.fonts-loaded) .article--single .catcher .catcher--inline .catcher__title>*,
html:not(.fonts-loaded) .article--single .catcher .catcher--inline .catcher__desc>* {
  letter-spacing: .314px
}

html.fonts-loaded .article--single .catcher .catcher--inline .catcher__title,
html.fonts-loaded .article--single .catcher .catcher--inline .catcher__desc {
  font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.article--single .catcher__desc {
  margin-bottom: 3.2rem
}

.article--single .catcher__desc p {
  font-size: 1.6rem;
  font-weight: 400
}

.article--single .catcher .article__sub-title,
.article--single .catcher .article__ordered-list li h2,
.article__ordered-list li .article--single .catcher h2,
.article--single .catcher .article__unordered-list li h2,
.article__unordered-list li .article--single .catcher h2 {
  font-size: 1.8rem
}

.article--single .catcher .article__unordered-list,
.article--single .catcher .article__ordered-list {
  padding-left: 0;
  padding-right: 0;
  margin-left: 0
}

@media(min-width: 768px) {

  .article--single .catcher .article__unordered-list,
  .article--single .catcher .article__ordered-list {
    padding-left: 1.6rem;
    padding-right: 1.6rem
  }
}

@media(min-width: 1024px) {

  .article--single .catcher .article__unordered-list,
  .article--single .catcher .article__ordered-list {
    margin-left: 2.4rem
  }
}

.article--single .catcher .article__unordered-list li,
.article--single .catcher .article__ordered-list li {
  font-size: 1.6rem;
  letter-spacing: 0
}

.article--single .page__title--campaigns {
  font-size: 1.8rem
}

.article--single .article__header {
  position: relative;
  padding-bottom: 2rem
}

.article--single .article__header:after {
  content: " ";
  display: block;
  width: 4rem;
  height: .1rem;
  background-color: #d5d8dc;
  position: absolute;
  bottom: 0
}

@media(min-width: 576px) {
  .article--single .article__header {
    padding-bottom: 2.4rem;
    grid-column: 1/span 2;
    grid-row: 1
  }
}

.article--single .article__header .article__header-wrap {
  position: relative
}

@media(min-width: 1024px) {
  .article--single .article__header .article__heading {
    max-width: 85%
  }
}

.article--single .article__header .more .meta__author-trigger:after {
  transform: rotate(-90deg);
  margin-left: .2rem;
  margin-top: .5rem
}

.article--single .article__header .author__desc--header {
  color: #717b8e;
  font-size: 1.4rem
}

.article--single .article__header .meta__date--header {
  color: #717b8e;
  font-size: 1.4rem
}

.article--single .article__header .meta__date--header {
  font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .article--single .article__header .meta__date--header {
  letter-spacing: .314px
}

html:not(.fonts-loaded) .article--single .article__header .meta__date--header>* {
  letter-spacing: .314px
}

html.fonts-loaded .article--single .article__header .meta__date--header {
  font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.article--single .article__header .meta__date-reading {
  margin-top: 1.6rem;
  display: inline-block;
  align-items: center;
  flex-wrap: wrap
}

.article--single .article__header .meta__author-trigger {
  height: 2.4rem;
  width: 2.4rem;
  background-color: #eff0f3;
  border-radius: 5rem;
  cursor: pointer;
  position: relative;
  margin-left: auto
}

@media(min-width: 768px) {
  .article--single .article__header .meta__author-trigger {
    margin-left: 0
  }
}

.article--single .article__header .meta__author-trigger:after {
  content: " ";
  background-image: url("");
  transform: rotate(90deg);
  height: 1.8rem;
  width: 1.8rem;
  display: block;
  margin-left: .4rem;
  margin-top: .2rem
}

.article--single .article__header .meta__author--header {
  display: block;
  width: 31rem
}

@media(min-width: 768px) {
  .article--single .article__header .meta__author--header {
    width: 62.4rem
  }
}

.article--single .article__header .meta__author--header:after {
  display: none
}

.article--single .article__header .meta__publisher {
  margin-left: 0;
  display: block
}

@media(min-width: 1024px) {
  .article--single .article__header .meta__publisher {
    max-width: 85%
  }
}

@media print {
  .article--single .article__header .meta__publisher {
    font-size: 7.5pt
  }
}

.article--single .article__header .meta__publisher--opinion {
  align-items: center
}

@media(min-width: 1024px) {
  .article--single .article__header .meta__publisher--opinion {
    max-width: none;
    float: right;
    width: calc(100% - 25.6rem)
  }
}

@media(min-width: 1024px) {
  .article--single .article__header .meta__publisher--wirecutter {
    width: calc(100% - 27.6rem)
  }
}

.article--single .article__header .meta__publisher--header {
  display: flex
}

.article--single .article__header .meta__reading-time {
  float: left
}

@media(min-width: 768px) {
  .article--single .article__header .meta__reading-time {
    float: none
  }
}

@media print {
  .article--single .article__header .meta__reading-time {
    font-size: 7.5pt;
    display: none
  }
}

.article--single .article__header .meta__reading-time--opinion {
  margin-top: 0;
  display: inline;
  float: none
}

.article--single .article__header .meta__reading-time--opinion:before {
  content: "|";
  display: inline;
  padding-left: .4rem;
  color: #bdc1c8
}

.article--single .article__header .meta__reading-time--opinion .icon__reading-time {
  vertical-align: text-top;
  margin: .2rem .4rem 0 .4rem
}

@media(min-width: 1024px) {
  .article--single .article__header .meta__reading-time--wirecutter {
    float: right;
    width: calc(100% - 27.6rem)
  }

  .article--single .article__header .meta__reading-time--wirecutter:after {
    content: " ";
    display: block;
    position: absolute;
    width: 4rem;
    height: .1rem;
    background-color: #d5d8dc;
    margin: 3.2rem 0 0
  }
}

.article--single .article__header .meta__reading-time--header {
  float: none;
  margin-top: 0;
  display: inline-flex
}

.article--single .article__header .meta__reading-time--header:before {
  content: " ";
  color: #d5d8dc;
  content: "•";
  padding-right: .4rem;
  display: inline-block;
  line-height: 1
}

.article--single .article__header .meta__reading-time--header:before {
  font-family: Georgia, Droid-serif, serif
}

html:not(.fonts-loaded) .article--single .article__header .meta__reading-time--header:before {
  letter-spacing: -0.645px
}

html:not(.fonts-loaded) .article--single .article__header .meta__reading-time--header:before>* {
  letter-spacing: -0.645px
}

html.fonts-loaded .article--single .article__header .meta__reading-time--header:before {
  font-family: "The Antiqua B standard", Georgia, Droid-serif, serif
}

@supports(font-variation-settings: normal) {
  html.fonts-loaded .article--single .article__header .meta__reading-time--header:before {
    font-family: "The Antiqua B", Georgia, Droid-serif, serif
  }
}

.article--single .article__header .meta__social {
  clear: both;
  padding-top: 1.2rem;
  margin-top: 1.2rem;
  justify-content: flex-start;
  gap: 1.2rem;
  position: relative
}

@media print {
  .article--single .article__header .meta__social {
    display: none
  }
}

@media(min-width: 768px) {
  .article--single .article__header .meta__social {
    z-index: 4
  }
}

.article--single .article__header .meta__social--opinion {
  position: relative;
  top: 1.6rem
}

@media(min-width: 1024px) {
  .article--single .article__header .meta__social--opinion {
    width: calc(100% - 25.6rem);
    margin-left: auto
  }
}

@media(min-width: 1200px) {
  .article--single .article__header .meta__social--opinion {
    width: calc(100% - 27.6rem)
  }
}

.article--single .article__header--opinion {
  margin: 0 1.6rem
}

@media(min-width: 576px) {
  .article--single .article__header--opinion {
    margin: 0 3.2rem
  }
}

@media(min-width: 768px) {
  .article--single .article__header--opinion {
    margin: 0 auto;
    max-width: 66.4rem
  }
}

@media(min-width: 1024px) {
  .article--single .article__header--opinion {
    margin: 0;
    max-width: 100%
  }
}

.article--single .article__header--opinion:after {
  display: none
}

@media(min-width: 1024px) {
  .article--single .article__header--privacy {
    max-width: 85%
  }
}

.article--single .article__header--wirecutter {
  position: relative;
  margin: 0
}

.article--single .article__header--wirecutter:after {
  content: " ";
  display: block;
  width: 4rem;
  height: .1rem;
  background-color: #d5d8dc;
  margin-top: 2.5rem
}

@media(min-width: 1024px) {
  .article--single .article__header--wirecutter:after {
    display: none
  }
}

.article--single .article__header-special--video:after {
  display: none
}

@media(min-width: 576px) {
  .article--single .article__header-special--video:after {
    display: block
  }
}

.article--single .article__header-special--portfolio {
  margin: 0 1.6rem
}

.article--single .article__header-special--portfolio:after {
  display: none
}

@media(min-width: 576px) {
  .article--single .article__header-special--portfolio {
    margin: 0 3.2rem
  }
}

@media(min-width: 768px) {
  .article--single .article__header-special--portfolio {
    margin: 0 auto 3.6rem;
    max-width: 66.4rem
  }

  .article--single .article__header-special--portfolio:after {
    display: block
  }
}

@media(min-width: 769px) {
  .article--single .article__header-special--portfolio {
    margin: 0 auto;
    max-width: 66.4rem
  }
}

@media(min-width: 1024px) {
  .article--single .article__header-special--portfolio {
    max-width: 100%;
    width: 100%
  }
}

.article--single .article__extra {
  text-transform: uppercase;
  letter-spacing: normal;
  font-size: 1.3rem;
  letter-spacing: .13rem;
  font-weight: 500
}

.article--single .article__extra {
  font-family: "Trebuchet MS", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loaded) .article--single .article__extra {
  letter-spacing: -1.607px
}

html:not(.fonts-loaded) .article--single .article__extra>* {
  letter-spacing: -1.607px
}

html.fonts-loaded .article--single .article__extra {
  font-family: "Marr Sans Condensed", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loading) .article--single .article__extra {
  letter-spacing: .05rem
}

.article--single .article__extra:after {
  content: "|";
  color: #d5d8dc;
  display: block;
  margin-left: .8rem;
  margin-right: .8rem
}

.article--single .article__content-special--portfolio {
  margin: 0 1.6rem;
  padding-top: 3.2rem
}

@media(min-width: 576px) {
  .article--single .article__content-special--portfolio {
    margin: 0 3.2rem
  }
}

@media(min-width: 768px) {
  .article--single .article__content-special--portfolio {
    margin: 0 auto;
    max-width: 66.4rem
  }
}

@media(min-width: 1024px) {
  .article--single .article__content-special--portfolio {
    margin: 0;
    max-width: 100%;
    padding-top: 4rem
  }
}

@media print {
  .article--single .article__content {
    padding-top: 0
  }
}

.article--single .article__content--comments {
  padding-top: 0;
  overflow: hidden
}

.article--single .article__content--comments>:first-child {
  margin-top: 2.4rem
}

.article--single .article__content--comments .comment__header {
  margin-top: 0;
  line-height: 1
}

.article--single .article__content--comments .comment__author {
  line-height: 1.53
}

.article--single .article__content--comments .comment__author {
  font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .article--single .article__content--comments .comment__author {
  letter-spacing: .314px
}

html:not(.fonts-loaded) .article--single .article__content--comments .comment__author>* {
  letter-spacing: .314px
}

html.fonts-loaded .article--single .article__content--comments .comment__author {
  font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.article--single .article__content--comments .comment__date {
  line-height: 2
}

.article--single .article__content--comments .comment__date {
  font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .article--single .article__content--comments .comment__date {
  letter-spacing: .314px
}

html:not(.fonts-loaded) .article--single .article__content--comments .comment__date>* {
  letter-spacing: .314px
}

html.fonts-loaded .article--single .article__content--comments .comment__date {
  font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.article--single .article__content--comments .comment__pinned {
  line-height: 1.8;
  letter-spacing: .042rem
}

.article--single .article__content--comments .comment__pinned {
  font-family: "Trebuchet MS", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loaded) .article--single .article__content--comments .comment__pinned {
  letter-spacing: -1.607px
}

html:not(.fonts-loaded) .article--single .article__content--comments .comment__pinned>* {
  letter-spacing: -1.607px
}

html.fonts-loaded .article--single .article__content--comments .comment__pinned {
  font-family: "Marr Sans Condensed", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loading) .article--single .article__content--comments .comment__pinned {
  letter-spacing: .05rem
}

.article--single .article__content--comments .comment__content {
  font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .article--single .article__content--comments .comment__content {
  letter-spacing: .314px
}

html:not(.fonts-loaded) .article--single .article__content--comments .comment__content>* {
  letter-spacing: .314px
}

html.fonts-loaded .article--single .article__content--comments .comment__content {
  font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.article--single .article__content--comments .comment__view-more {
  font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .article--single .article__content--comments .comment__view-more {
  letter-spacing: .314px
}

html:not(.fonts-loaded) .article--single .article__content--comments .comment__view-more>* {
  letter-spacing: .314px
}

html.fonts-loaded .article--single .article__content--comments .comment__view-more {
  font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.article--single .article__content--comments .comment__answer {
  font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .article--single .article__content--comments .comment__answer {
  letter-spacing: .314px
}

html:not(.fonts-loaded) .article--single .article__content--comments .comment__answer>* {
  letter-spacing: .314px
}

html.fonts-loaded .article--single .article__content--comments .comment__answer {
  font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.article--single .article__content--comments .comment__report {
  font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .article--single .article__content--comments .comment__report {
  letter-spacing: .314px
}

html:not(.fonts-loaded) .article--single .article__content--comments .comment__report>* {
  letter-spacing: .314px
}

html.fonts-loaded .article--single .article__content--comments .comment__report {
  font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.article--single .article__content--comments .comment__box {
  font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .article--single .article__content--comments .comment__box {
  letter-spacing: .314px
}

html:not(.fonts-loaded) .article--single .article__content--comments .comment__box>* {
  letter-spacing: .314px
}

html.fonts-loaded .article--single .article__content--comments .comment__box {
  font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.article--single .article__content--comments .comment__name {
  font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .article--single .article__content--comments .comment__name {
  letter-spacing: .314px
}

html:not(.fonts-loaded) .article--single .article__content--comments .comment__name>* {
  letter-spacing: .314px
}

html.fonts-loaded .article--single .article__content--comments .comment__name {
  font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.article--single .article__content--comments .comment__rule-trigger {
  font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .article--single .article__content--comments .comment__rule-trigger {
  letter-spacing: .314px
}

html:not(.fonts-loaded) .article--single .article__content--comments .comment__rule-trigger>* {
  letter-spacing: .314px
}

html.fonts-loaded .article--single .article__content--comments .comment__rule-trigger {
  font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.article--single .article__content--comments .comment__box-title {
  letter-spacing: .022rem
}

.article--single .article__content--comments .comment__box-title {
  font-family: "Trebuchet MS", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loaded) .article--single .article__content--comments .comment__box-title {
  letter-spacing: -1.607px
}

html:not(.fonts-loaded) .article--single .article__content--comments .comment__box-title>* {
  letter-spacing: -1.607px
}

html.fonts-loaded .article--single .article__content--comments .comment__box-title {
  font-family: "Marr Sans Condensed", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loading) .article--single .article__content--comments .comment__box-title {
  letter-spacing: .05rem
}

.article--single .article__content--comments .comment__submit {
  font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .article--single .article__content--comments .comment__submit {
  letter-spacing: .314px
}

html:not(.fonts-loaded) .article--single .article__content--comments .comment__submit>* {
  letter-spacing: .314px
}

html.fonts-loaded .article--single .article__content--comments .comment__submit {
  font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.article--single .article__content--comments .comment__user-label {
  font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .article--single .article__content--comments .comment__user-label {
  letter-spacing: .314px
}

html:not(.fonts-loaded) .article--single .article__content--comments .comment__user-label>* {
  letter-spacing: .314px
}

html.fonts-loaded .article--single .article__content--comments .comment__user-label {
  font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.article--single .article__content--comments .comment__user-edit {
  font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .article--single .article__content--comments .comment__user-edit {
  letter-spacing: .314px
}

html:not(.fonts-loaded) .article--single .article__content--comments .comment__user-edit>* {
  letter-spacing: .314px
}

html.fonts-loaded .article--single .article__content--comments .comment__user-edit {
  font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.article--single .article__content--comments .comment__toxicity {
  font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .article--single .article__content--comments .comment__toxicity {
  letter-spacing: .314px
}

html:not(.fonts-loaded) .article--single .article__content--comments .comment__toxicity>* {
  letter-spacing: .314px
}

html.fonts-loaded .article--single .article__content--comments .comment__toxicity {
  font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.article--single .article__content--comments .comment__success {
  font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .article--single .article__content--comments .comment__success {
  letter-spacing: .314px
}

html:not(.fonts-loaded) .article--single .article__content--comments .comment__success>* {
  letter-spacing: .314px
}

html.fonts-loaded .article--single .article__content--comments .comment__success {
  font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.article--single .article__content--comments .comment__admin {
  font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .article--single .article__content--comments .comment__admin {
  letter-spacing: .314px
}

html:not(.fonts-loaded) .article--single .article__content--comments .comment__admin>* {
  letter-spacing: .314px
}

html.fonts-loaded .article--single .article__content--comments .comment__admin {
  font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.article--single .article__content--comments .comment__cancel {
  font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .article--single .article__content--comments .comment__cancel {
  letter-spacing: .314px
}

html:not(.fonts-loaded) .article--single .article__content--comments .comment__cancel>* {
  letter-spacing: .314px
}

html.fonts-loaded .article--single .article__content--comments .comment__cancel {
  font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.article--single .article__content--comments .comment__rework-container {
  font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .article--single .article__content--comments .comment__rework-container {
  letter-spacing: .314px
}

html:not(.fonts-loaded) .article--single .article__content--comments .comment__rework-container>* {
  letter-spacing: .314px
}

html.fonts-loaded .article--single .article__content--comments .comment__rework-container {
  font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.article--single .article__content--comments .comments__title {
  letter-spacing: .022rem
}

.article--single .article__content--comments .comments__title {
  font-family: "Trebuchet MS", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loaded) .article--single .article__content--comments .comments__title {
  letter-spacing: -1.607px
}

html:not(.fonts-loaded) .article--single .article__content--comments .comments__title>* {
  letter-spacing: -1.607px
}

html.fonts-loaded .article--single .article__content--comments .comments__title {
  font-family: "Marr Sans Condensed", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loading) .article--single .article__content--comments .comments__title {
  letter-spacing: .05rem
}

.article--single .article__content--comments .comments__sort {
  letter-spacing: .019rem
}

.article--single .article__content--comments .comments__sort {
  font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .article--single .article__content--comments .comments__sort {
  letter-spacing: .314px
}

html:not(.fonts-loaded) .article--single .article__content--comments .comments__sort>* {
  letter-spacing: .314px
}

html.fonts-loaded .article--single .article__content--comments .comments__sort {
  font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.article--single .article__content--comments .comments__action {
  font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .article--single .article__content--comments .comments__action {
  letter-spacing: .314px
}

html:not(.fonts-loaded) .article--single .article__content--comments .comments__action>* {
  letter-spacing: .314px
}

html.fonts-loaded .article--single .article__content--comments .comments__action {
  font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.article--single .article__content--comments .comments__action-forward {
  font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .article--single .article__content--comments .comments__action-forward {
  letter-spacing: .314px
}

html:not(.fonts-loaded) .article--single .article__content--comments .comments__action-forward>* {
  letter-spacing: .314px
}

html.fonts-loaded .article--single .article__content--comments .comments__action-forward {
  font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.article--single .article__content--comments .comments__cta {
  font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .article--single .article__content--comments .comments__cta {
  letter-spacing: .314px
}

html:not(.fonts-loaded) .article--single .article__content--comments .comments__cta>* {
  letter-spacing: .314px
}

html.fonts-loaded .article--single .article__content--comments .comments__cta {
  font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.article--single .article__content--comments .comments__none {
  font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .article--single .article__content--comments .comments__none {
  letter-spacing: .314px
}

html:not(.fonts-loaded) .article--single .article__content--comments .comments__none>* {
  letter-spacing: .314px
}

html.fonts-loaded .article--single .article__content--comments .comments__none {
  font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.article--single .article__content--comments .comments__box-lock-text {
  font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .article--single .article__content--comments .comments__box-lock-text {
  letter-spacing: .314px
}

html:not(.fonts-loaded) .article--single .article__content--comments .comments__box-lock-text>* {
  letter-spacing: .314px
}

html.fonts-loaded .article--single .article__content--comments .comments__box-lock-text {
  font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.article--single .article__content--comments .pagination {
  font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .article--single .article__content--comments .pagination {
  letter-spacing: .314px
}

html:not(.fonts-loaded) .article--single .article__content--comments .pagination>* {
  letter-spacing: .314px
}

html.fonts-loaded .article--single .article__content--comments .pagination {
  font-family: "Marr Sans", Arial, Roboto, sans-serif
}

@media(min-width: 1024px) {
  .article--single .article__content--campaign {
    grid-column: 1;
    grid-row: 3
  }
}

@media(min-width: 1024px) {
  .article--single .article__content--media-campaign {
    grid-column: 1;
    grid-row: 4
  }
}

.article--single .article__content--clean .dfp__inread {
  padding: 0;
  background-color: rgba(0, 0, 0, 0)
}

.article--single .article__content--clean .dfp__inread:before {
  display: none
}

.article--single .article__video-container {
  background-color: #2a303b;
  margin-top: 2.4rem;
  clear: both;
  z-index: 4
}

@media print {
  .article--single .article__video-container {
    display: none
  }
}

.article--single .article__kicker {
  font-size: 1.7rem;
  color: #026b9c;
  margin-bottom: 0
}

.article--single .article__sub-nav {
  display: flex;
  height: 5rem;
  align-items: center;
  margin-bottom: 1.2rem
}

@media(min-width: 1024px) {
  .article--single .article__sub-nav {
    margin-bottom: 0
  }
}

.article--single .article__title {
  font-size: 2.6rem;
  line-height: 1.25;
  font-weight: 700;
  margin-top: 1.2rem
}

@media(min-width: 576px) {
  .article--single .article__title {
    font-size: 2.8rem;
    line-height: 1.14
  }
}

@media(min-width: 768px) {
  .article--single .article__title {
    font-size: 3.4rem;
    line-height: 1.11;
    font-weight: 500
  }
}

@media(min-width: 1024px) {
  .article--single .article__title {
    font-size: 3.8rem
  }
}

.article--single .article__title--wirecutter {
  font-weight: 800;
  margin-top: 2rem
}

@media(min-width: 1024px) {
  .article--single .article__title--wirecutter {
    float: right;
    width: calc(100% - 27.6rem);
    line-height: 1.26
  }
}

.article--single .article__title--opinion {
  font-weight: 800;
  margin-top: 2rem
}

@media(min-width: 1024px) {
  .article--single .article__title--opinion {
    float: right;
    width: calc(100% - 25.6rem);
    margin-top: 4rem;
    line-height: 1.26
  }
}

@media print {
  .article--single .article__title {
    font-size: 15pt
  }
}

.article--single .article__title--campaign {
  font-size: 2.6rem;
  font-weight: 700;
  padding-top: 6.6rem
}

@media(min-width: 768px) {
  .article--single .article__title--campaign {
    font-size: 3.4rem;
    padding-top: 3.6rem
  }
}

@media(min-width: 1024px) {
  .article--single .article__title--campaign {
    font-size: 3.8rem;
    padding-top: 0;
    width: 85%
  }
}

.article--single .article__title--campaign:before {
  content: " ";
  display: block;
  width: 3.8rem;
  height: .4rem;
  background-color: #2a303b;
  margin-bottom: 2rem
}

@media(min-width: 768px) {
  .article--single .article__title--campaign:before {
    margin-bottom: 2.4rem
  }
}

@media(min-width: 1024px) {
  .article--single .article__title--campaign:before {
    margin-bottom: 2.8rem
  }
}

.article--single .article__desc {
  line-height: 1.5;
  display: block;
  font-size: 1.6rem;
  letter-spacing: .02rem;
  font-weight: 500;
  margin-top: .8rem;
  margin-bottom: 0
}

.article--single .article__desc {
  font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .article--single .article__desc {
  letter-spacing: .314px
}

html:not(.fonts-loaded) .article--single .article__desc>* {
  letter-spacing: .314px
}

html.fonts-loaded .article--single .article__desc {
  font-family: "Marr Sans", Arial, Roboto, sans-serif
}

@media(min-width: 576px) {
  .article--single .article__desc {
    font-size: 1.7rem;
    line-height: 1.41;
    letter-spacing: .021rem
  }
}

@media(min-width: 768px) {
  .article--single .article__desc {
    font-size: 1.8rem;
    line-height: 1.33;
    letter-spacing: .022rem
  }
}

@media(min-width: 1024px) {
  .article--single .article__desc {
    font-size: 1.8rem;
    line-height: 1.44;
    letter-spacing: .009rem
  }
}

@media print {
  .article--single .article__desc {
    font-size: 9pt
  }
}

.article--single .article__desc--opinion {
  margin-top: 2rem
}

@media(min-width: 1024px) {
  .article--single .article__desc--opinion {
    margin-top: 1.6rem;
    float: right;
    width: calc(100% - 25.6rem)
  }
}

@media(min-width: 1024px) {
  .article--single .article__desc--wirecutter {
    width: calc(100% - 27.6rem)
  }
}

.article--single .article__desc--campaign {
  letter-spacing: .008rem;
  font-size: 1.6rem;
  line-height: 1.375;
  font-weight: 400
}

.article--single .article__desc--campaign {
  font-family: Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .article--single .article__desc--campaign {
  font-family: "Barlow", Helvetica, Arial, Roboto, sans-serif
}

@media(min-width: 768px) {
  .article--single .article__desc--campaign {
    letter-spacing: .009rem;
    font-size: 1.8rem;
    line-height: 1.55
  }
}

@media(min-width: 1024px) {
  .article--single .article__desc--campaign {
    width: 85%
  }
}

.article--single .article__status {
  display: flex;
  align-items: center;
  font-size: 1.4rem;
  letter-spacing: .02rem;
  color: #717b8e;
  margin-top: 2.4rem
}

.article--single .article__status {
  font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .article--single .article__status {
  letter-spacing: .314px
}

html:not(.fonts-loaded) .article--single .article__status>* {
  letter-spacing: .314px
}

html.fonts-loaded .article--single .article__status {
  font-family: "Marr Sans", Arial, Roboto, sans-serif
}

@media(min-width: 1024px) {
  .article--single .article__status {
    margin-top: 3.4rem
  }
}

@media print {
  .article--single .article__status {
    margin-top: 1.6rem;
    font-size: 9pt
  }
}

@media print {
  .article--single .article__status .icon__premium {
    display: none
  }
}

@media(min-width: 1024px) {
  .article--single .article__status {
    grid-row: 2;
    grid-column: 1
  }
}

.article--single .article__status--opinion {
  position: relative;
  margin-top: 2.4rem;
  padding-top: 2.4rem
}

@media(min-width: 1024px) {
  .article--single .article__status--opinion {
    float: right;
    width: calc(100% - 25.6rem)
  }
}

.article--single .article__status+.article__special-container--portfolio {
  margin-top: 2.8rem
}

@media(min-width: 1024px) {
  .article--single .article__status+.article__wrapper--premium {
    margin-top: 2.4rem
  }
}

.article--single .article__media {
  float: none;
  margin-left: 0;
  max-width: 100%;
  margin-bottom: 0;
  position: relative;
  padding-top: 0
}

.article--single .article__media img {
  position: relative
}

.article--single .article__siblings-container {
  margin-top: 2.4rem;
  margin-bottom: 4rem
}

.article--single .article__siblings-container .friend--wide {
  border-top: .1rem solid #a4a9b4
}

.article--single .article__siblings-container .article__title {
  line-height: 1.26;
  font-size: 1.5rem;
  font-weight: 600;
  margin-top: 0
}

@media(min-width: 768px) {
  .article--single .article__siblings-container .article__title {
    font-size: 1.8rem
  }
}

.article--single .article__siblings-container .article__desc {
  display: none
}

.article--single .article__siblings-container .article__desc {
  font-family: Georgia, Droid-serif, serif
}

html:not(.fonts-loaded) .article--single .article__siblings-container .article__desc {
  letter-spacing: -0.645px
}

html:not(.fonts-loaded) .article--single .article__siblings-container .article__desc>* {
  letter-spacing: -0.645px
}

html.fonts-loaded .article--single .article__siblings-container .article__desc {
  font-family: "The Antiqua B standard", Georgia, Droid-serif, serif
}

@supports(font-variation-settings: normal) {
  html.fonts-loaded .article--single .article__siblings-container .article__desc {
    font-family: "The Antiqua B", Georgia, Droid-serif, serif
  }
}

@media(min-width: 768px) {
  .article--single .article__siblings-container .article__desc {
    display: block;
    font-weight: 400;
    font-size: 1.5rem;
    line-height: 1.33
  }
}

.article--single .article__siblings-container .article__media-container {
  width: 11.4rem;
  margin: 0 0 .4rem 3.2rem;
  float: right
}

.article--single .article__digiteka {
  position: relative;
  z-index: 2
}

.article--single .article__authors {
  margin-top: 2.4rem
}

.article--single .article__authors:before {
  content: " ";
  display: block;
  background-color: #2a303b;
  width: 4rem;
  height: .4rem;
  margin: 0 0 2rem
}

@media(min-width: 1024px) {
  .article--single .article__authors {
    width: 24rem;
    float: left;
    margin-top: 3.2rem
  }
}

.article--single .article__authors-wirecutter {
  margin-top: 2.4rem;
  background-color: #f5f6f8;
  padding: 1.6rem
}

@media(min-width: 1024px) {
  .article--single .article__authors-wirecutter {
    width: 24rem;
    float: left;
    margin-top: 3.2rem
  }
}

.article--single .article__opinion-type {
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: .11rem;
  font-size: 1.8rem;
  line-height: 1;
  margin-bottom: 2.4rem
}

.article--single .article__opinion-type {
  font-family: "Trebuchet MS", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loaded) .article--single .article__opinion-type {
  letter-spacing: -1.607px
}

html:not(.fonts-loaded) .article--single .article__opinion-type>* {
  letter-spacing: -1.607px
}

html.fonts-loaded .article--single .article__opinion-type {
  font-family: "Marr Sans Condensed", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loading) .article--single .article__opinion-type {
  letter-spacing: .05rem
}

@media(min-width: 1024px) {
  .article--single .article__opinion-type {
    font-size: 2.2rem
  }
}

.article--single .article__author {
  display: flex;
  max-width: 100%;
  margin-top: 1.6rem
}

.article--single .article__author {
  font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .article--single .article__author {
  letter-spacing: .314px
}

html:not(.fonts-loaded) .article--single .article__author>* {
  letter-spacing: .314px
}

html.fonts-loaded .article--single .article__author {
  font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.article--single .article__author:first-of-type {
  margin-top: 0
}

.article--single .article__author--link:hover .article__author-identity {
  -webkit-text-decoration: underline;
  text-decoration: underline
}

.article--single .article__author-picture {
  margin-right: 1.6rem
}

.article--single .article__author-description {
  align-self: center
}

.article--single .article__author-description--no-pp {
  margin-left: 6.6rem
}

.article--single .article__author-identity {
  font-size: 1.6rem;
  line-height: 1;
  font-weight: 600;
  color: #2a303b
}

.article--single .article__author-identity {
  font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .article--single .article__author-identity {
  letter-spacing: .314px
}

html:not(.fonts-loaded) .article--single .article__author-identity>* {
  letter-spacing: .314px
}

html.fonts-loaded .article--single .article__author-identity {
  font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.article--single .article__author-job {
  font-size: 1.4rem;
  margin-top: .4rem;
  line-height: 1.29;
  letter-spacing: .02rem
}

.article--single .article__inner {
  font-size: 5.2rem;
  font-weight: bold;
  color: #2a303b;
  float: left;
  margin-right: 1.6rem;
  text-transform: uppercase;
  margin-top: -2.4rem;
  line-height: 1.8
}

.article--single .article__inner {
  font-family: "Trebuchet MS", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loaded) .article--single .article__inner {
  letter-spacing: -1.607px
}

html:not(.fonts-loaded) .article--single .article__inner>* {
  letter-spacing: -1.607px
}

html.fonts-loaded .article--single .article__inner {
  font-family: "Marr Sans Condensed", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loading) .article--single .article__inner {
  letter-spacing: .05rem
}

@media(min-width: 1024px) {
  .article--single .article__inner {
    font-size: 6.2rem;
    margin-top: -0.8rem;
    line-height: normal
  }
}

.article--single .article__inner:after {
  content: " ";
  display: block;
  background-color: #2a303b;
  height: .8rem;
  margin-top: -0.8rem
}

@media(min-width: 1024px) {
  .article--single .article__inner:after {
    margin-top: 0
  }
}

.article--single .article__inner+p {
  margin-top: 0
}

.article--single .article__section {
  color: #2a303b
}

.article--single .article__section:hover {
  -webkit-text-decoration: underline;
  text-decoration: underline
}

@media(min-width: 1024px) {
  .article--single .article__heading--campaign {
    grid-column: 1/span 2;
    grid-row: 2;
    position: relative
  }
}

.article--iso footer .friend {
  border-top: 0
}

@media(min-width: 1024px) {
  .article--iso .article {
    border-top: 0;
    padding-top: 0
  }
}

@media(min-width: 1024px) {
  .article--iso .article--related {
    border-bottom: .1rem solid #eff0f3;
    padding-bottom: 2.4rem
  }
}

@media(min-width: 1024px) {
  .article--iso .article--wide {
    grid-column: 1/span 2;
    max-width: 39.5rem;
    margin: 0 auto 2.4rem;
    border-bottom: 0
  }

  .article--iso .article--wide .article__wrapper {
    margin: 0 2rem;
    text-align: center
  }
}

.article--iso .article__siblings {
  margin-top: 2.4rem
}

.article--iso .article__siblings--iso .article__siblings-title {
  display: block;
  grid-column: 1/span 2
}

@media(min-width: 1024px) {
  .article--iso .article__siblings--iso .article__siblings-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 1.6rem;
    margin: 0 1.6rem
  }

  .article--iso .article__siblings--iso .article__siblings-container .friend {
    grid-column: 1/span 2;
    margin-bottom: 2.4rem
  }

  .article--iso .article__siblings--iso .article__siblings-container .article__media-container {
    width: 100%;
    float: none;
    margin: 0 0 1.6rem
  }
}

.article--aec {
  margin: 0 1.6rem;
  padding-top: 3.2rem;
  padding-bottom: 4rem
}

@media(min-width: 576px) {
  .article--aec {
    margin: 0 3.2rem
  }
}

@media(min-width: 1024px) {
  .article--aec .zone--article {
    padding: 3.2rem
  }
}

@media(min-width: 1024px) {
  .article__wrapper {}
}

@media(min-width: 1024px) {
  .article__wrapper--premium {}
}

@media(min-width: 1024px) {
  .article__wrapper--special {}
}

@media(min-width: 1024px) {
  .article__wrapper--special.article__wrapper--premium {}
}

@media(min-width: 1024px) {
  .article__wrapper--wirecutter {}
}

.article__wrapper article {
  position: relative;
  z-index: 2
}

.article__wrapper footer {
  position: relative;
  z-index: 1
}

.dfp__sticky {
  align-items: flex-start;
  display: none;
  flex-grow: 1;
  pointer-events: none;
  width: inherit;
  top: 8rem;
  position: sticky
}

@media(min-width: 1024px) {
  .dfp__sticky {
    display: flex;
    pointer-events: auto
  }
}

.dfp__slot>div {
  text-align: center
}

.dfp__slot--pave {
  margin-bottom: 2.4rem;
  text-align: center
}

.dfp__slot--pave:before {
  content: "La suite après cette publicité";
  font-size: .9rem;
  letter-spacing: .09rem;
  color: #717b8e;
  line-height: normal;
  text-transform: uppercase;
  display: block;
  margin-bottom: .8rem;
  padding-top: 2rem
}

.dfp__slot--pave:before {
  font-family: "Helvetica Neue", Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .dfp__slot--pave:before {
  font-family: "Helvetica Neue", Helvetica, Arial, Roboto, sans-serif
}

@media(min-width: 768px) {
  .dfp__slot--pave:before {
    display: none
  }
}

@media(min-width: 1024px) {
  .dfp__slot--pave {
    margin-bottom: 0
  }
}

.dfp__slot--pave-elections {
  background-color: #f5f6f8;
  padding-bottom: 2.4rem;
  margin-bottom: 1.2rem
}

.dfp__slot--habillage {
  display: none
}

@media(min-width: 1024px) {
  .dfp__slot--habillage {
    display: block
  }
}

.dfp__slot--banniere,
.dfp__slot--banniere-roll {
  display: none;
  margin: 4rem -1.6rem;
  text-align: center
}

@media(min-width: 1024px) {

  .dfp__slot--banniere,
  .dfp__slot--banniere-roll {
    display: block;
    margin: 4rem auto
  }
}

@media print {

  .dfp__slot--banniere,
  .dfp__slot--banniere-roll {
    display: none
  }
}

.dfp__slot--banniere-haute.dfp-loading,
.dfp__slot--banniere-roll-haute.dfp-loading {
  height: 17rem !important;
  visibility: visible !important
}

.dfp__slot--banniere-haute.dfp-loading,
.dfp__slot--banniere-roll-haute.dfp-loading {
  position: relative
}

.dfp__slot--banniere-haute.dfp-loading .loader,
.dfp__slot--banniere-roll-haute.dfp-loading .loader {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 5rem;
  height: 5rem;
  margin: -2.5rem 0 0 -2.5rem;
  background-color: #d5d8dc;
  border-radius: 100%;
  animation: dfpLoader 1s infinite ease-in-out
}

@keyframes dfpLoader {
  0% {
    transform: scale(0)
  }

  100% {
    transform: scale(1);
    opacity: 0
  }
}

@media(min-width: 1024px) {
  .dfp__slot--banniere-roll {
    margin: 1.2rem auto 3.2rem auto
  }
}

@media(min-width: 1024px) {
  .dfp__slot--banniere-roll:before {
    text-align: center;
    content: "Publicité";
    font-size: .9rem;
    letter-spacing: .09rem;
    color: #717b8e;
    line-height: normal;
    text-transform: uppercase;
    display: block;
    margin-bottom: .8rem;
    font-weight: 500
  }

  .dfp__slot--banniere-roll:before {
    font-family: "Helvetica Neue", Helvetica, Arial, Roboto, sans-serif
  }

  html.fonts-loaded .dfp__slot--banniere-roll:before {
    font-family: "Helvetica Neue", Helvetica, Arial, Roboto, sans-serif
  }
}

.dfp__slot--desktop {
  display: none
}

@media(min-width: 1024px) {
  .dfp__slot--desktop {
    display: block
  }
}

.dfp__slot--mobile {
  display: block
}

@media(min-width: 1024px) {
  .dfp__slot--mobile {
    display: none
  }
}

.dfp__slot[data-format=banniere_sticky_live_sport] {
  position: sticky;
  bottom: 0px;
  text-align: center;
  margin: 0 auto;
  z-index: 10
}

.dfp__slot[data-format=banniere_sticky_live_sport]>div {
  margin: auto
}

.dfp__inread {
  background-color: #eef1f5;
  margin: 3.2rem -1.6rem;
  padding: 0 2rem 2rem;
  clear: both;
  display: flex;
  flex-direction: column;
  align-items: center
}

.dfp__inread:before {
  color: rgba(0, 0, 0, .5);
  content: "La suite après cette publicité";
  font-size: 1rem;
  text-transform: uppercase;
  text-align: center;
  display: block;
  line-height: 3.2
}

.dfp__inread:before {
  font-family: "Helvetica Neue", Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .dfp__inread:before {
  font-family: "Helvetica Neue", Helvetica, Arial, Roboto, sans-serif
}

@media(min-width: 768px) {
  .dfp__inread {
    margin: 3.2rem 0
  }
}

.dfp__inread--no-message {
  padding: 2rem 0
}

.dfp__inread--no-message:before {
  display: none
}

@media(min-width: 1024px) {
  .dfp__inread--no-message:before {
    display: block
  }
}

.dfp-unloaded {
  visibility: hidden !important;
  height: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  padding: 0 !important
}

.dfp-unloaded:before {
  display: none
}

.flag-live__border {
  height: 100%;
  position: absolute;
  top: 0;
  width: .6rem
}

@media(max-width: 1023px) {
  .flag-live__border {
    left: 0
  }
}

@media(min-width: 1024px) {
  .flag-live__border {
    left: -3.2rem
  }
}

.flag-live__border__label {
  color: #2a303b;
  font-size: 1.6rem;
  font-weight: 600;
  margin-left: 1.6rem;
  text-transform: uppercase
}

.flag-live__border__label {
  font-family: "Trebuchet MS", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loaded) .flag-live__border__label {
  letter-spacing: -1.607px
}

html:not(.fonts-loaded) .flag-live__border__label>* {
  letter-spacing: -1.607px
}

html.fonts-loaded .flag-live__border__label {
  font-family: "Marr Sans Condensed", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loading) .flag-live__border__label {
  letter-spacing: .05rem
}

.flag-live-cartridge {
  align-items: center;
  display: inline-flex;
  float: left;
  font-style: normal;
  font-weight: normal;
  position: relative;
  vertical-align: middle
}

.flag-live-cartridge {
  font-family: "Trebuchet MS", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loaded) .flag-live-cartridge {
  letter-spacing: -1.607px
}

html:not(.fonts-loaded) .flag-live-cartridge>* {
  letter-spacing: -1.607px
}

html.fonts-loaded .flag-live-cartridge {
  font-family: "Marr Sans Condensed", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loading) .flag-live-cartridge {
  letter-spacing: .05rem
}

.flag-live-cartridge::before {
  background-color: #be1514;
  border-radius: 1.2rem;
  content: "";
  display: inline-block;
  height: .6rem;
  margin-right: .8rem;
  width: .6rem
}

.flag-live-cartridge--off::before {
  content: normal;
  content: initial
}

.flag-live-cartridge--no-float {
  float: none
}

.flag-live-cartridge--placement-une,
.flag-live-cartridge--placement-highlight {
  top: .2rem
}

@media(min-width: 768px) {

  .flag-live-cartridge--placement-une,
  .flag-live-cartridge--placement-highlight {
    top: .6rem
  }
}

@media(min-width: 1024px) {
  .flag-live-cartridge--placement-encontinu {
    order: 2
  }
}

.flag-live-cartridge--placement-municipale {
  background-color: #fa3b3b;
  border-radius: .3rem;
  height: 2.4rem;
  padding: .8rem
}

.flag-live-cartridge--placement-municipale::before {
  background-color: #fff
}

.flag-live-cartridge--placement-municipale.flag-live-cartridge--off {
  background-color: #717b8e
}

.flag-live-cartridge--encontinu {
  top: 0
}

.flag-live-cartridge--placement-flux {
  top: .2rem
}

.flag-live-cartridge__label {
  letter-spacing: .06em;
  text-transform: uppercase
}

.flag-live-cartridge__label--flux,
.flag-live-cartridge__label--encontinu {
  font-size: 1.4rem;
  line-height: 1.68rem;
  margin-right: .8rem
}

.flag-live-cartridge__label--une {
  font-size: 1.6rem;
  line-height: 1.92rem;
  margin-right: 1.2rem
}

.flag-live-cartridge__label--highlight {
  font-size: 1.8rem;
  line-height: 2.16rem;
  margin-right: 1.2rem
}

.flag-live-cartridge__label--municipale {
  font-size: 1.3rem;
  letter-spacing: .1rem;
  line-height: 2.4rem
}

.flag-live-cartridge__label--municipale {
  font-family: "Trebuchet MS", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loaded) .flag-live-cartridge__label--municipale {
  letter-spacing: -1.607px
}

html:not(.fonts-loaded) .flag-live-cartridge__label--municipale>* {
  letter-spacing: -1.607px
}

html.fonts-loaded .flag-live-cartridge__label--municipale {
  font-family: "Marr Sans Condensed", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loading) .flag-live-cartridge__label--municipale {
  letter-spacing: .05rem
}

@media(min-width: 768px) {
  .flag-live-cartridge__label--municipale {
    font-size: 1.7rem;
    line-height: 1.9rem
  }
}

.flag-live-cartridge__label--theme-normal {
  color: #2a303b
}

.flag-live-cartridge__label--theme-normal--actus-sport {
  color: #be1514
}

.flag-live-cartridge__label--theme-normal--off {
  color: #717b8e
}

.flag-live-cartridge__label--theme-en-continu {
  color: #fcfcfd
}

.flag-live-cartridge__label--theme-en-continu--off {
  color: #e2e4e9
}

.flag-live-cartridge__label--theme-en-continu {
  color: #717b8e
}

@media(min-width: 1024px) {
  .flag-live-cartridge__label--theme-en-continu {
    color: #fcfcfd
  }
}

.flag-live-cartridge__label--theme-en-continu--off {
  color: #717b8e
}

@media(min-width: 1024px) {
  .flag-live-cartridge__label--theme-en-continu--off {
    color: #fcfcfd
  }
}

.flag-live-cartridge__label--theme-municipale {
  color: #fff
}

.flag-live-cartridge__label--theme-municipale--off {
  color: rgba(255, 255, 255, .8)
}

.lmd-link:hover {
  -webkit-text-decoration: underline;
  text-decoration: underline;
  text-decoration-thickness: .06em;
  text-underline-offset: .2em
}

.lmd-link-reverse {
  -webkit-text-decoration: underline;
  text-decoration: underline;
  text-decoration-thickness: .06em;
  text-underline-offset: .2em
}

.lmd-link-reverse:hover {
  opacity: .8;
  -webkit-text-decoration: none;
  text-decoration: none
}

.lmd-link-nav:hover {
  color: #026b9c
}

.lmd-link-blue {
  color: #026b9c;
  -webkit-text-decoration: underline;
  text-decoration: underline
}

.lmd-link-blue:hover {
  color: #005b85
}

.lmd-link-opacity:hover {
  opacity: .8
}

@keyframes fadeIn {
  0% {
    opacity: 0
  }

  100% {
    opacity: 1
  }
}

.Nav__item a {
  transition: all .2s cubic-bezier(0.215, 0.61, 0.355, 1)
}

.Nav__container--default a:after,
.Burger__right-arrow:after {
  content: " ";
  background-image: url("");
  position: absolute;
  width: .5rem;
  height: 1rem;
  right: 0;
  top: 50%;
  transform: translateY(-50%)
}

.footer__title--category:after,
.footer__title--category.ui-collapse--shown:after,
.Nav__mobile .Nav__item:nth-child(n+3):not(.Nav__item-en-continu):not(.Nav__item-search):not(.Nav__search)>a.js-dropdown-burger-open:after,
.Nav__mobile .Nav__item:nth-child(n+3):not(.Nav__item-en-continu):not(.Nav__item-search):not(.Nav__search)>a.js-dropdown-burger:after {
  content: " ";
  position: absolute;
  width: 1rem;
  height: 1rem;
  right: 0;
  top: 50%;
  transform: translateY(-50%)
}

#Header {
  align-items: center;
  background-color: #fcfcfd;
  position: fixed;
  transition: top .2s cubic-bezier(0.215, 0.61, 0.355, 1), opacity .4s ease;
  top: 0;
  width: 100%;
  z-index: 7
}

@media print {
  #Header {
    display: none
  }
}

@media(min-width: 1024px) {
  #Header {
    background-color: #fff;
    position: relative
  }
}

@media(min-width: 1024px) {
  #Header.header__contextual {
    z-index: 6
  }

  #Header.header__contextual.sticky {
    z-index: 7
  }

  #Header.header__contextual.sticky .center {
    margin-left: 5.6rem
  }
}

@media(min-width: 1024px)and (min-width: 1024px)and (max-width: 1200px) {
  #Header.header__contextual.sticky .Header__logo {
    left: 1.5rem
  }
}

@media(min-width: 1024px) {
  #Header.header__contextual.sticky .Header__logo a:after {
    display: none
  }
}

@media(min-width: 1200px) {
  #Header.header__contextual .center {
    margin-left: 0
  }
}

#Header .AdsBanner {
  align-items: center;
  background-color: #f5f6f8;
  display: flex;
  justify-content: center;
  padding: 1.6rem 0;
  width: 100%
}

#Header.sticky .Header__actions .Header__offer {
  display: none
}

@media(min-width: 1024px) {
  #Header.sticky .left {
    display: none;
    width: 0px
  }

  #Header.sticky .center {
    top: 1.3rem;
    width: 11.7rem;
    height: 2.6rem;
    position: fixed
  }
}

@media screen and (min-width: 1024px)and (-ms-high-contrast: active),
screen and (min-width: 1024px)and (-ms-high-contrast: none) {
  #Header.sticky .center {
    top: 2rem
  }
}

@media(min-width: 1024px) {
  #Header.sticky .Header__actions {
    margin-top: 0
  }

  #Header.sticky .Header__logo {
    position: absolute;
    top: .6rem;
    left: 2rem
  }
}

@media(min-width: 1024px)and (min-width: 1200px) {
  #Header.sticky .Header__logo {
    left: 0
  }
}

@media(min-width: 1024px) {
  #Header.sticky .Header__logo a {
    width: 12rem;
    height: 2.6rem
  }
}

@media(min-width: 1024px)and (min-width: 1200px) {
  #Header.sticky .Header__logo a {
    width: 10.5rem;
    height: 2.4rem
  }
}

@media(min-width: 1024px)and (min-width: 1024px)and (max-width: 1199px) {
  #Header.sticky .Header__logo a {
    width: 9.1rem;
    height: 2rem
  }
}

@media(min-width: 1024px) {
  #Header.sticky .Header__logo a:after {
    content: " ";
    width: .1rem;
    height: 2rem;
    display: block;
    margin-left: 1.6rem
  }
}

@media(min-width: 1024px)and (min-width: 1200px) {
  #Header.sticky .Header__logo a:after {
    margin-left: 2.4rem
  }
}

@media(min-width: 1024px)and (min-width: 1024px) {
  #Header.sticky .Header__logo a:after {
    background-color: #e2e4e9
  }
}

@media(min-width: 1024px) {
  #Header.sticky .right {
    position: fixed;
    top: 1rem;
    height: 5.6rem;
    width: auto;
    right: calc(50% - 115.2rem / 2)
  }
}

@media(min-width: 1024px)and (min-width: 1024px)and (max-width: 1199px) {
  #Header.sticky .right {
    right: 0
  }
}

@media screen and (min-width: 1024px)and (-ms-high-contrast: active),
screen and (min-width: 1024px)and (-ms-high-contrast: none) {
  #Header.sticky .right {
    top: 1rem
  }
}

@media(min-width: 1024px)and (min-width: 1024px)and (max-width: 1199px) {
  #Header.sticky .right .Header__actions {
    margin-right: 2.4rem
  }
}

@media(min-width: 1024px)and (min-width: 1200px) {
  #Header.sticky .right .Header__actions {
    position: absolute;
    left: -16.4rem
  }
}

@media(min-width: 1024px) {
  #Header.sticky .right .Header__actions>a:first-child:after {
    margin: 0 1.6rem 0 1.3rem
  }

  #Header.sticky .right .Header__actions>a:first-child:before {
    content: " ";
    display: block;
    margin: 0 .8rem
  }

  #Header.sticky .right .login-info {
    display: none
  }

  #Header.sticky .right .User__name {
    margin-top: 1rem
  }

  #Header.sticky .right .User__name--inscrit {
    margin-top: .5rem
  }

  #Header.sticky .right .User__name--abonne .login-info {
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-width: 9.8rem
  }
}

@media(min-width: 1024px)and (min-width: 1024px)and (max-width: 1199px) {
  #Header.sticky .right .User__name--abonne .login-info {
    display: none
  }
}

@media(min-width: 1024px) {
  #Header.sticky .right .btn--premium {
    font-size: 1.3rem;
    padding: .7rem 1.5rem
  }
}

#Header .center {
  align-self: center;
  display: flex
}

@media(min-width: 1024px) {
  #Header .center--home {
    align-self: flex-start
  }
}

#Header .left {
  justify-content: flex-start;
  width: 5.6rem
}

@media(min-width: 1024px) {
  #Header .left {
    width: 100%;
    padding-left: 4.8rem;
    align-self: flex-end
  }
}

@media(min-width: 1200px) {
  #Header .left {
    padding-left: 0
  }
}

#Header .right {
  justify-content: flex-end;
  margin-left: auto
}

@media(min-width: 1200px) {
  #Header .right {
    padding-right: 0
  }
}

@media(min-width: 1024px) {
  #Header .right {
    align-self: flex-end;
    width: 100%
  }
}

#Header .right .btn--premium {
  border: .1rem solid #ffc700;
  font-size: 1.3rem;
  display: flex;
  align-self: center
}

@media(min-width: 1024px) {
  #Header .right .btn--premium {
    font-size: 1.4rem
  }
}

#Header .Header {
  border-bottom: .1rem solid #eff0f3;
  background-color: #fff;
  display: flex;
  flex-direction: row;
  align-items: center;
  height: auto;
  position: relative;
  max-width: 115.2rem;
  margin: 0 auto
}

@media(max-width: 1199px)and (min-width: 1024px) {
  #Header .Header {
    padding-right: 4.8rem
  }
}

@media(max-width: 1023px) {
  #Header .Header {
    height: 6rem;
    padding: 1.5rem 1.2rem 1.5rem 0
  }
}

@media(min-width: 1024px) {
  #Header .Header {
    border-bottom: 0
  }
}

@media(max-width: 1023px) {
  #Header .Header--mobile {
    border-bottom: 0;
    background-color: #fcfcfd
  }
}

@media(min-width: 1024px) {
  #Header .Header {
    height: 13.2rem;
    transition: height .4s ease-in-out
  }
}

@media(min-width: 1024px) {
  #Header .Header--home {
    height: 9.6rem;
    transition: height .4s ease-in-out;
    padding-top: 0
  }
}

@media(min-width: 1024px) {
  #Header .Header--no-expanded {
    height: 0
  }
}

#Header .Header .wrapper {
  height: 6rem;
  padding: 1.2rem 0;
  background-color: #fff
}

@media(min-width: 1024px) {
  #Header .Header .wrapper {
    height: 100%;
    padding: 0
  }
}

#Header .Header__jelec {
  align-items: center;
  align-self: flex-end;
  background-image: url("");
  background-repeat: no-repeat;
  color: #717b8e;
  display: none;
  flex-direction: column;
  font-size: 1.3rem;
  font-weight: 500;
  height: 5.4rem;
  line-height: 1.1;
  -webkit-text-decoration: none;
  text-decoration: none;
  background-size: contain;
  background-position: center;
  width: 8rem;
  border: .1rem solid #eff0f3;
  padding-left: 7rem
}

#Header .Header__jelec {
  font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) #Header .Header__jelec {
  letter-spacing: .314px
}

html:not(.fonts-loaded) #Header .Header__jelec>* {
  letter-spacing: .314px
}

html.fonts-loaded #Header .Header__jelec {
  font-family: "Marr Sans", Arial, Roboto, sans-serif
}

@media(min-width: 1024px) {
  #Header .Header__jelec {
    display: flex
  }
}

#Header .Header__jelec img {
  margin-right: 2rem
}

#Header .Header__jelec p {
  margin-left: 9rem;
  height: 5.4rem;
  line-height: 1.6rem;
  padding-top: 1rem
}

#Header .Header__jelec:hover p {
  -webkit-text-decoration: underline;
  text-decoration: underline;
  text-decoration-thickness: .06em;
  text-underline-offset: .2em
}

html[lang=en] #Header .Header__englishdate--text {
  color: #000;
  display: none;
  font-size: 1.3rem;
  height: 5.4rem;
  line-height: 2rem;
  min-width: 20rem
}

html[lang=en] #Header .Header__englishdate--text {
  font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) html[lang=en] #Header .Header__englishdate--text {
  letter-spacing: .314px
}

html:not(.fonts-loaded) html[lang=en] #Header .Header__englishdate--text>* {
  letter-spacing: .314px
}

html.fonts-loaded html[lang=en] #Header .Header__englishdate--text {
  font-family: "Marr Sans", Arial, Roboto, sans-serif
}

html[lang=en] #Header .Header__englishdate--text .date {
  font-weight: 500
}

@media(min-width: 1024px) {
  html[lang=en] #Header .Header__englishdate--text {
    display: block
  }
}

#Header .Header__logo {
  margin-bottom: 0;
  padding-left: 0
}

@media(min-width: 1024px) {
  #Header .Header__logo {
    align-self: center;
    padding-left: 0
  }
}

#Header .Header__logo a {
  align-items: center;
  display: flex;
  width: 8.9rem;
  height: 2rem;
  justify-content: center
}

@media(min-width: 360px) {
  #Header .Header__logo a {
    width: 9.9rem;
    height: 2.3rem
  }
}

@media(min-width: 768px) {
  #Header .Header__logo a {
    height: 3rem;
    width: 13.8rem
  }
}

@media(min-width: 1024px) {
  #Header .Header__logo a {
    height: 6.1rem;
    width: 29rem
  }
}

#Header .Header__actions {
  align-self: center;
  align-items: center;
  font-size: 1.2rem;
  justify-content: flex-end;
  font-weight: 500;
  display: flex
}

#Header .Header__actions {
  font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) #Header .Header__actions {
  letter-spacing: .314px
}

html:not(.fonts-loaded) #Header .Header__actions>* {
  letter-spacing: .314px
}

html.fonts-loaded #Header .Header__actions {
  font-family: "Marr Sans", Arial, Roboto, sans-serif
}

@media(min-width: 360px) {
  #Header .Header__actions {
    font-size: 1.3rem
  }
}

@media(min-width: 1024px) {
  #Header .Header__actions {
    font-size: 1.4rem;
    margin-bottom: 2.8rem
  }
}

#Header .Header__actions .login-info {
  display: none
}

@media(min-width: 576px) {
  #Header .Header__actions .login-info {
    display: block;
    margin-left: .8rem
  }
}

@media(min-width: 1024px) {
  #Header .Header__actions .login-info {
    display: none
  }
}

@media(min-width: 1200px) {
  #Header .Header__actions .login-info {
    display: block
  }
}

@media(min-width: 576px) {
  #Header .Header__actions .login-name {
    text-transform: capitalize
  }
}

#Header .Header__actions .Header__connexion {
  -webkit-text-decoration: none;
  text-decoration: none;
  align-self: center;
  display: flex;
  padding: .8rem 0
}

#Header .Header__actions .Header__connexion:hover .icon__nav-connexion {
  background-image: url("")
}

#Header .Header__actions .Header__connexion:hover .login-info {
  color: #026b9c
}

#Header .Header__actions .Header__connexion span {
  align-self: center
}

#Header .Header__actions .Header__connexion--hide {
  display: none
}

#Header .Header__actions .Header__connexion:after {
  content: " ";
  background-color: #e2e4e9;
  width: .1rem;
  height: auto;
  display: block;
  margin: 0 1.6rem 0 .8rem
}

@media(min-width: 576px) {
  #Header .Header__actions .Header__connexion:after {
    margin: 0 1.6rem
  }
}

@media(max-width: 767px) {
  #Header .Header__actions .Header__offer {
    display: none
  }
}

@media(min-width: 1024px) {
  #Header .Header__actions--off {
    margin-top: 3.2rem
  }
}

#Header .Header__actions--off a {
  padding: .8rem
}

@media(min-width: 1024px) {
  #Header .Header__actions--off a {
    padding: .8rem 1.6rem
  }
}

#Header .Header__actions--off a:first-child {
  padding: .8rem 0
}

@media(min-width: 1024px) {
  #Header .Header__actions--off a:first-child {
    padding: .8rem 1.6rem
  }
}

#Header .Tabs {
  display: flex;
  height: 5.5rem
}

@media(min-width: 1024px) {
  #Header .Tabs {
    display: none
  }
}

#Header .Tabs__tab {
  align-items: center;
  background-color: #fff;
  color: #026b9c;
  cursor: pointer;
  display: flex;
  font-weight: 500;
  justify-content: center;
  position: relative;
  width: 100%
}

#Header .Tabs__tab {
  font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) #Header .Tabs__tab {
  letter-spacing: .314px
}

html:not(.fonts-loaded) #Header .Tabs__tab>* {
  letter-spacing: .314px
}

html.fonts-loaded #Header .Tabs__tab {
  font-family: "Marr Sans", Arial, Roboto, sans-serif
}

#Header .Tabs__tab:after {
  background-color: #d5d8dc;
  content: "";
  display: block;
  height: .3rem;
  left: 0;
  position: absolute;
  top: 100%;
  width: 100%
}

#Header .Tabs__tab:hover:after,
#Header .Tabs__tab.js-is-active:after {
  background-color: #026b9c
}

#Header .Tabs__tab .icon__clock {
  margin-left: .8rem
}

.Header__offer {
  align-self: center;
  align-items: center;
  border-radius: .3rem;
  color: #026b9c;
  display: flex;
  font-size: 1.4rem;
  font-weight: 500;
  -webkit-text-decoration: none;
  text-decoration: none;
  margin-right: 1.6rem
}

.Header__offer {
  font-family: "Trebuchet MS", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loaded) .Header__offer {
  letter-spacing: -1.607px
}

html:not(.fonts-loaded) .Header__offer>* {
  letter-spacing: -1.607px
}

html.fonts-loaded .Header__offer {
  font-family: "Marr Sans Condensed", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loading) .Header__offer {
  letter-spacing: .05rem
}

.Header__offer--home {
  padding: .7rem 1.6rem
}

.Header__offer--home {
  font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .Header__offer--home {
  letter-spacing: .314px
}

html:not(.fonts-loaded) .Header__offer--home>* {
  letter-spacing: .314px
}

html.fonts-loaded .Header__offer--home {
  font-family: "Marr Sans", Arial, Roboto, sans-serif
}

@media(min-width: 768px) {
  .Header__offer--home {
    background: #eff0f3
  }

  .Header__offer--home:hover {
    background: #e2e4e9
  }
}

@media(min-width: 1024px) {
  .Header__offer--home.Header__offer--free {
    display: none
  }
}

@media(min-width: 1200px) {
  .Header__offer--home.Header__offer--free {
    display: flex
  }
}

.Header__offer--home.Header__offer--free .icon__nav-connexion-offer {
  display: none
}

.Header__offer--home.Header__offer--free~.Header__connexion {
  order: -1
}

.Header__offer--home.Header__offer--free~.Header__connexion .login-info {
  display: none !important
}

.Header__offer--home.Header__offer--free-abo .icon__nav-connexion-offer {
  display: none !important
}

@media(min-width: 1024px)and (max-width: 1199px) {
  .Header__offer--home.Header__offer--free-abo {
    display: none
  }
}

@media(max-width: 767px) {
  .Header__offer--home.Header__offer--paid-abo .icon__nav-connexion-offer {
    display: none
  }
}

@media(max-width: 767px) {
  .Header__offer--article {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 1.2rem;
    margin-right: 1.2rem;
    text-transform: uppercase
  }

  .Header__offer--article:after {
    background-image: url("");
    content: "";
    display: inline-block;
    height: .7rem;
    width: 1.1rem
  }
}

@media(min-width: 768px) {
  .Header__offer--article {
    display: none
  }
}

.Header__offer--article .Header__offer-text {
  margin-right: .8rem
}

@media(min-width: 1024px) {
  .Header__nav-container {
    height: 5.8rem
  }
}

.Burger {
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-content: center;
  width: 5.6rem;
  background: rgba(0, 0, 0, 0);
  border: 0
}

@media(min-width: 1024px) {
  .Burger {
    display: none
  }
}

.Burger__icon {
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  display: flex;
  flex-shrink: 0;
  height: 2.4rem;
  width: 2.4rem;
  background-image: url("");
  align-self: center
}

.Burger__right-arrow:after {
  display: none
}

@media(max-width: 1023px) {
  .Burger.js-is-open .Burger__icon {
    background-image: url("")
  }
}

@media(max-width: 1023px) {
  .Burger.js-is-open .Burger-contextual__content {
    display: none
  }
}

@media(min-width: 1024px) {
  .Burger.js-is-open .Burger-contextual__content {
    display: block
  }
}

.Burger-contextual__display,
.Burger__display {
  overflow: hidden;
  height: 100vh
}

.Burger-contextual__display .page__heading--sticky,
.Burger__display .page__heading--sticky {
  z-index: 5
}

.Burger-contextual__content {
  position: absolute;
  top: 1.6rem
}

@media(min-width: 1024px) {
  .Burger-contextual__content {
    display: none
  }
}

.Burger-contextual__content .js-nav-burger {
  position: absolute;
  right: 0;
  top: -0.2rem;
  display: block;
  width: auto
}

.Burger-contextual__content .js-nav-burger.js-is-open {
  left: .8rem;
  top: 2.4rem
}

.Burger-contextual__content.js-is-open {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  height: 7.6rem;
  width: 32rem;
  align-items: center;
  transition: left .4s cubic-bezier(0.215, 0.61, 0.355, 1);
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
  z-index: 9
}

@media(min-width: 1024px) {
  .Burger-contextual__content.js-is-open {
    position: fixed;
    top: 0;
    height: 100%;
    left: 0;
    z-index: 16
  }
}

.Burger-contextual__content.js-is-open .Burger-contextual__content-header {
  background-color: #fcfcfd;
  height: 6.6rem;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0
}

.Burger-contextual__content.js-is-open .logo__lemonde {
  display: block;
  width: 10.5rem;
  height: 2.4rem;
  margin-left: 2rem
}

.Burger-contextual__content .logo__lemonde {
  display: none
}

.Burger-contextual__icon {
  display: none
}

@media(min-width: 1024px) {
  .Burger-contextual__icon {
    display: flex;
    z-index: 7
  }

  .Burger-contextual__icon .icon__close {
    background-image: url("")
  }

  .Burger-contextual__icon .Nav__mobile--contextual.js-burger-is-open {
    left: 0;
    position: fixed;
    top: 6rem
  }
}

.sr-only {
  border: 0 !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important
}

.seo-only {
  display: none
}

.lmd-btn {
  align-items: center;
  border: 0;
  border-radius: .3rem;
  cursor: pointer;
  display: flex;
  flex-shrink: 0;
  font-weight: 500;
  height: 3rem;
  justify-content: center;
  line-height: 1;
  max-width: 100%;
  text-align: center
}

.lmd-btn {
  font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .lmd-btn {
  letter-spacing: .314px
}

html:not(.fonts-loaded) .lmd-btn>* {
  letter-spacing: .314px
}

html.fonts-loaded .lmd-btn {
  font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.lmd-btn--s {
  font-size: 1.2rem;
  padding: .9rem 1.6rem .7rem
}

.lmd-btn--m {
  font-size: 1.4rem;
  padding: .8rem 1.6rem .5rem
}

.lmd-btn--l {
  font-size: 1.6rem;
  height: 4.2rem;
  padding: 1rem 2.4rem
}

.lmd-btn--fullwidth {
  width: 100%
}

.lmd-btn--primary {
  background-color: #026b9c;
  color: #fff
}

.lmd-btn--primary:hover {
  background-color: #005b85
}

.lmd-btn--white {
  background-color: #fff;
  border: .1rem solid #bdc1c8;
  color: #2a303b
}

.lmd-btn--white:hover {
  background-color: #f5f6f8;
  border-color: #bdc1c8
}

.lmd-btn--premium {
  background-color: #ffc700;
  color: #2a303b
}

.lmd-btn--premium:hover {
  background-color: #eab002
}

.lmd-btn--black {
  background-color: #2a303b;
  color: #fff
}

.lmd-btn--black:hover {
  background-color: #454f5f
}

.lmd-btn--blue {
  background-color: #01364f;
  color: #fff
}

.lmd-btn--blue:hover {
  background-color: #01364f
}

.lmd-btn-services {
  align-items: center;
  border: .1rem solid #d5d8dc;
  border-radius: 1.4rem;
  color: #2a303b;
  display: inline-flex;
  flex-shrink: 0;
  font-size: 1.3rem;
  font-weight: 600;
  line-height: 1;
  justify-content: center;
  padding: .4rem 1.2rem
}

.lmd-btn-services {
  font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .lmd-btn-services {
  letter-spacing: .314px
}

html:not(.fonts-loaded) .lmd-btn-services>* {
  letter-spacing: .314px
}

html.fonts-loaded .lmd-btn-services {
  font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.lmd-btn-services:hover {
  background-color: #f5f6f8
}

.lmd-btn-services:active {
  border-color: #d5d8dc;
  background-color: #d5d8dc
}

.lmd-btn-rub {
  align-items: center;
  border: .1rem solid #d5d8dc;
  border-radius: .3rem;
  color: #383f4e;
  display: inline-flex;
  flex-shrink: 0;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1;
  justify-content: center;
  padding: 1.2rem 1.2rem 1rem;
  letter-spacing: .01rem
}

.lmd-btn-rub {
  font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .lmd-btn-rub {
  letter-spacing: .314px
}

html:not(.fonts-loaded) .lmd-btn-rub>* {
  letter-spacing: .314px
}

html.fonts-loaded .lmd-btn-rub {
  font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.lmd-btn-rub:hover {
  background-color: rgba(42, 48, 59, .03)
}

.lmd-link:hover {
  -webkit-text-decoration: underline;
  text-decoration: underline;
  text-decoration-thickness: .06em;
  text-underline-offset: .2em
}

.lmd-link-reverse {
  -webkit-text-decoration: underline;
  text-decoration: underline;
  text-decoration-thickness: .06em;
  text-underline-offset: .2em
}

.lmd-link-reverse:hover {
  opacity: .8;
  -webkit-text-decoration: none;
  text-decoration: none
}

.lmd-link-nav:hover {
  color: #026b9c
}

.lmd-link-blue {
  color: #026b9c;
  -webkit-text-decoration: underline;
  text-decoration: underline
}

.lmd-link-blue:hover {
  color: #005b85
}

.lmd-link-opacity:hover {
  opacity: .8
}

.Nav {
  align-items: center;
  background-color: #fff;
  color: #000b15;
  height: auto;
  padding-top: 6rem;
  position: relative;
  width: 100%;
  z-index: 6
}

@media print {
  .Nav {
    display: none
  }
}

@media(min-width: 1024px) {
  .Nav {
/*    border-top: .4rem solid #026b9c;*/
    border-bottom: .1rem solid #eff0f3;
    box-shadow: 0 .4rem .4rem 0 rgba(0, 0, 0, .04);
    height: 5.8rem;
    padding-top: 0
  }
}

@media(min-width: 1024px) {
  .Nav.on-scroll {
    opacity: 0;
    position: fixed
  }

  .Nav.on-scroll #nav-markup .Nav__item:nth-child(n+3):not(.Nav__item-en-continu):not(.Nav__item-search) {
    padding: 0
  }

  .Nav.on-scroll .Nav__mobile--contextual .Nav__item:not(.Nav__item--contextual-header):nth-child(2) a,
  .Nav.on-scroll .Nav__mobile--contextual .Nav__item:not(.Nav__item--contextual-header):nth-child(n+4):not(.Nav__item-search)>a {
    padding-left: 0;
    padding-right: 0;
    margin-right: 0
  }

  .Nav.on-scroll .Nav__item--active:not(.Nav__item--contextual-header).Nav__item-home:before {
    width: 4rem
  }

  .Nav.on-scroll .Nav__item:not(.Nav__item--contextual-header).Nav__item-search {
    display: none
  }

  .Nav.on-scroll .Nav__item:not(.Nav__item--contextual-header).Nav__item-home a {
    margin-right: 0
  }

  .Nav.on-scroll .Nav__item:not(.Nav__item--contextual-header):nth-child(n+3):not(.Nav__item-en-continu):not(.Nav__item-search)>a {
    padding: 1.6rem .6rem;
    line-height: inherit
  }
}

@media(min-width: 1200px) {

  .Nav.on-scroll .Nav__item--active:not(.Nav__item--contextual-header).Nav__item-home:before,
  .Nav.on-scroll .Nav__item--active:not(.Nav__item--contextual-header).Nav__item-en-continu:before {
    width: 5.6rem
  }

  .Nav.on-scroll .Nav__item:not(.Nav__item--contextual-header).Nav__item-search {
    padding-left: .8rem
  }

  .Nav.on-scroll .Nav__item:not(.Nav__item--contextual-header).Nav__item-home a {
    padding: 1.6rem;
    margin-right: .8rem
  }

  .Nav.on-scroll .Nav__item:not(.Nav__item--contextual-header):nth-child(n+3):not(.Nav__item-en-continu):not(.Nav__item-search)>a {
    padding: 1.6rem 1.2rem
  }
}

@media screen and (min-width: 1200px)and (-ms-high-contrast: active),
screen and (min-width: 1200px)and (-ms-high-contrast: none) {
  .Nav.on-scroll .Nav__item:not(.Nav__item--contextual-header):nth-child(n+3):not(.Nav__item-en-continu):not(.Nav__item-search)>a {
    padding: 1.6rem 1.6rem
  }
}

.Nav--contextual {
  z-index: 5
}

@media(min-width: 1024px) {
  .Nav--contextual {
    padding-top: 0
  }
}

@media(max-width: 1023px) {
  .Nav--contextual .Nav--with-contextual-nav.wrapper {
    height: 0
  }
}

@media(min-width: 1024px) {
  .Nav--contextual.Nav--free {
    padding-top: 0
  }
}

@media(max-height: 729px)and (max-width: 1023px) {
  .Nav--contextual.Nav--free #nav-markup-contextual {
    position: static;
    top: 0
  }
}

.Nav--square:after {
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.65), rgb(255, 255, 255));
  display: block;
  content: " ";
  filter: blur(0.2rem);
  height: 4.8rem;
  right: 0;
  pointer-events: none;
  position: absolute;
  top: 6rem;
  width: 3.5rem
}

@media(min-width: 1024px) {
  .Nav--square:after {
    display: none
  }
}

.Nav--page:after {
  display: none
}

@media(min-width: 1024px) {
  .Nav--sticky.on-scroll {
    opacity: 1;
    z-index: 6
  }
}

@media(min-width: 1024px) {
  .Nav--sticky {
    top: 0;
    transition: opacity .5s cubic-bezier(0.215, 0.61, 0.355, 1)
  }

  .Nav--sticky>li.Nav__item-home {
    padding-left: .4rem
  }
}

@media(min-width: 1025px) {
  .Nav--sticky>li:nth-child(2) {
    padding-left: .8rem
  }
}

@media(min-width: 1024px)and (max-width: 1199px) {
  .Nav--sticky #nav-markup {
    padding-left: 11rem;
    padding-right: 17rem;
    justify-content: space-between
  }

  .Nav--sticky #nav-markup.nav__main--abonne {
    padding-left: 13rem;
    padding-right: 8rem
  }

  .Nav--sticky .Nav__mobile--contextual.js-burger-is-open #nav-markup {
    padding-left: 0;
    max-width: 85rem
  }
}

@media(min-width: 1024px) {
  .Nav--sticky .Nav__mobile--contextual.js-burger-is-open #nav-markup .Nav__item:nth-child(n+4):not(.Nav__item-search) {
    padding: 0 1.6rem;
    justify-content: center
  }
}

@media(min-width: 1200px) {
  .Nav--sticky #nav-markup {
    padding-left: 15.4rem;
    padding-right: 18.5rem;
    justify-content: space-between
  }

  .Nav--sticky .Nav__mobile--contextual.js-burger-is-open #nav-markup {
    padding-left: 0;
    justify-content: center
  }
}

@media(min-width: 1024px) {
  .Nav--sticky .Nav__item-home {
    display: none
  }
}

@media not all and (-webkit-min-device-pixel-ratio: 0),
not all and (min-resolution: 0.001dpcm) {
  @supports(-webkit-appearance: none) {
    @media(min-width: 1024px) {
      .Nav--sticky .Nav__item--active.Nav__item-home:before {
        top: auto;
        bottom: .6rem
      }
    }
  }
}

.Nav .wrapper {
  display: flex;
  height: 100%;
  margin: 0 auto;
  max-width: 115.2rem;
  width: 100%;
  padding: 0;
  overflow-y: hidden;
  overflow-x: scroll
}

.Nav .wrapper>ul {
  white-space: nowrap;
  display: flex
}

@media(min-width: 576px) {
  .Nav .wrapper {
    overflow-x: hidden
  }

  .Nav .wrapper>ul {
    white-space: normal
  }
}

@media(min-width: 1024px) {
  .Nav .wrapper {
    overflow-x: hidden;
    padding: 0 1.6rem
  }
}

@media(min-width: 1200px) {
  .Nav .wrapper {
    padding: 0
  }
}

.Nav ul {
  list-style: none
}

.Nav__item {
  align-items: center;
  display: flex;
  height: 100%;
  flex-shrink: 0;
  font-size: 1.6rem;
  font-weight: 500;
  -webkit-text-decoration: none;
  text-decoration: none
}

.Nav__item {
  font-family: "Trebuchet MS", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loaded) .Nav__item {
  letter-spacing: -1.607px
}

html:not(.fonts-loaded) .Nav__item>* {
  letter-spacing: -1.607px
}

html.fonts-loaded .Nav__item {
  font-family: "Marr Sans Condensed", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loading) .Nav__item {
  letter-spacing: .05rem
}

@media(min-width: 1200px) {
  .Nav__item {
    padding: 0;
    font-size: 1.7rem
  }
}

.Nav__item>a {
  transition: hover .2s cubic-bezier(0.215, 0.61, 0.355, 1);
  text-transform: uppercase
}

.Nav__item>a:not(.Nav__search) {
  padding: 1.6rem .8rem
}

@media(min-width: 1024px) {
  .Nav__item>a:not(.Nav__search) {
    padding: 1.6rem 1rem
  }
}

@media(min-width: 1200px) {
  .Nav__item>a:not(.Nav__search) {
    padding: 1.6rem 2rem
  }
}

.Nav__item>a[class*=logo] {
  text-transform: none;
  text-transform: initial
}

.Nav__item a {
  color: #2a303b;
  display: inherit;
  position: relative;
  -webkit-text-decoration: none;
  text-decoration: none
}

.Nav__item a:hover {
  color: #026b9c
}

.Nav__item a:hover .icon__home {
  background-image: url("")
}

.Nav__item--contextual-header {
  font-size: 1.6rem;
  color: #383f4e;
  font-weight: 400
}

@media(min-width: 1024px) {
  .Nav__item--contextual-header {
    color: #565e70
  }
}

.Nav__item--contextual-header.contextual-home {
  border: none;
  color: #2a303b;
  font-size: 1.6rem;
  font-weight: 600;
  position: relative
}

@media(min-width: 1024px) {
  .Nav__item--contextual-header.contextual-home {
    color: #383f4e;
    font-weight: 600
  }
}

.Nav__item--contextual-header.contextual-home:after {
  content: " ";
  width: .1rem;
  background-color: #e2e4e9;
  height: 1.8rem;
  display: block;
  margin: 0 .8rem
}

.Nav__item--contextual-header.Nav__item.Nav__item-search {
  display: flex
}

.Nav__item--contextual-header>a.nav__contextual-header-link {
  padding: .8rem .6rem .6rem;
  text-transform: none
}

.Nav__item--contextual-header>a.nav__contextual-header-link:nth-child(n+3):not(:last-child)>a:after {
  display: none
}

.Nav__item--contextual-header>a.nav__contextual-header-link .icon__election-presidential {
  align-self: center;
  margin-right: .6rem
}

.Nav__item--contextual-header>a.Nav__link {
  display: inline-block;
  height: 100%;
  max-height: 100%;
  padding: .8rem;
  padding-left: 0
}

.Nav__item--contextual-header .Nav__link-img {
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  width: auto
}

.Nav__item--droppable>a:after {
  content: "";
  display: block;
  align-self: center;
  background-image: url("");
  background-repeat: no-repeat;
  height: 1.4rem;
  margin-left: .4rem;
  position: relative;
  transform: none;
  width: 1.4rem
}

.Nav__item.Nav__item-home {
  padding: 0;
  border-right: .1rem solid #eff0f3
}

@media(min-width: 1024px) {
  .Nav__item.Nav__item-home {
    border-right: none
  }
}

.Nav__item.Nav__item-home a {
  padding: 1.6rem
}

.Nav__item.Nav__item-en-continu {
  padding: 0;
  border-right: .1rem solid #eff0f3
}

.Nav__item.Nav__item-en-continu a {
  padding: 1.6rem
}

.Nav__item.Nav__item-en-continu a:after {
  display: none
}

@media(min-width: 1024px) {
  .Nav__item.Nav__item-en-continu {
    display: none;
    border-right: none
  }
}

.Nav__item.Nav__item-search {
  padding: 1.6rem 1.6rem 1.6rem
}

.Nav__item.Nav__item-search .Nav__search {
  width: 1.6rem;
  height: 100%;
  flex-direction: column;
  align-self: center;
  justify-content: center
}

.Nav__item.Nav__item-search .Nav__search .sr-only {
  width: 1.6rem;
  height: 1.6rem
}

@media(min-width: 1024px) {
  .Nav__item--extended:before {
    display: none;
    border-right: none
  }
}

.Nav__item-actualites a:after {
  display: block
}

.Nav__item--active.Nav__item-home,
.Nav__item--active.Nav__item-en-continu {
  border-bottom: 0
}

.Nav__item--active.Nav__item-home:before,
.Nav__item--active.Nav__item-en-continu:before {
  content: " ";
  background-color: #026b9c;
  height: .4rem;
  left: auto;
  top: 0;
  position: absolute;
  width: 5.6rem
}

@media(min-width: 1024px) {

  .Nav__item--active.Nav__item-home:before,
  .Nav__item--active.Nav__item-en-continu:before {
    height: .4rem;
    top: calc(100% - .3rem);
    left: auto
  }
}

.Nav__item--active:nth-child(n+3):not(.Nav__item-en-continu):not(.Nav__item-search) {
  background-color: #f5f6f8
}

.Nav__item--active:nth-child(n+3):not(.Nav__item-en-continu):not(.Nav__item-search)>a {
  color: #2a303b
}

@media(min-width: 1024px) {
  .Nav__item--active:nth-child(n+3):not(.Nav__item-en-continu):not(.Nav__item-search)>a {
    color: #026b9c
  }
}

.Nav__item--active:nth-child(n+3):not(.Nav__item-en-continu):not(.Nav__item-search)>a:after {
  transform: rotate(-180deg)
}

@media(min-width: 1024px) {
  .Nav__item--mobile {
    display: none
  }
}

.Nav__item .js-dropdown-close {
  text-align: right
}

.Nav__sub-item {
  background-color: #f5f6f8;
  width: 100%;
  position: absolute;
  z-index: 5;
  top: 11.6rem;
  left: 0;
  transform: scaleY(0);
  padding: 3.6rem 2rem
}

@media(min-width: 1024px) {
  .Nav__sub-item {
    top: 5.3rem;
    padding: 5.2rem 2rem
  }
}

@media(max-width: 566px) {
  .Nav__sub-item a.Nav__sub-title--long {
    line-height: 1.6rem;
    padding: 1rem 0
  }
}

@media(min-width: 567px)and (max-width: 1023px) {
  .Nav__sub-item a.Nav__sub-title--long {
    line-height: 2.4rem;
    padding: 1.2rem 0
  }
}

.Nav__sub-item .wrapper {
  overflow-y: scroll;
  height: calc(100vh - 15rem)
}

@media(min-width: 768px) {
  .Nav__sub-item .wrapper {
    overflow-y: visible;
    height: auto
  }
}

@media(min-width: 1024px) {
  .Nav__sub-item .wrapper {
    padding: 0
  }
}

.Nav__sub-item-actualites span {
  margin-bottom: 2rem;
  display: block
}

.Nav__sub-item-actualites .Nav__container--left {
  display: none
}

@media(min-width: 576px) {
  .Nav__sub-item-actualites .Nav__container--left {
    display: block
  }

  .Nav__sub-item-actualites .Nav__container--left li {
    display: inline;
    float: left;
    margin-right: 1.2rem;
    margin-bottom: 1.2rem
  }

  .Nav__sub-item-actualites .Nav__container--left a {
    align-items: center;
    border: .1rem solid #d5d8dc;
    border-radius: .3rem;
    color: #383f4e;
    display: inline-flex;
    flex-shrink: 0;
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 1;
    justify-content: center;
    padding: 1.2rem 1.2rem 1rem;
    letter-spacing: .01rem
  }

  .Nav__sub-item-actualites .Nav__container--left a {
    font-family: Arial, Roboto, sans-serif
  }

  html:not(.fonts-loaded) .Nav__sub-item-actualites .Nav__container--left a {
    letter-spacing: .314px
  }

  html:not(.fonts-loaded) .Nav__sub-item-actualites .Nav__container--left a>* {
    letter-spacing: .314px
  }

  html.fonts-loaded .Nav__sub-item-actualites .Nav__container--left a {
    font-family: "Marr Sans", Arial, Roboto, sans-serif
  }

  .Nav__sub-item-actualites .Nav__container--left a:hover {
    background-color: rgba(42, 48, 59, .03)
  }
}

.Nav__sub-item-actualites .Nav__container--right {
  display: block
}

@media(min-width: 768px) {
  .Nav__sub-item-actualites .Nav__container--right {
    width: 100%
  }
}

.Nav__sub-item.js-desktop-open {
  transform: scaleY(1);
  opacity: 1;
  transform-origin: 50% 0;
  transition: height .4s ease-in-out, transform .1s ease, opacity .2s ease-in-out
}

.Nav__sub-item.js-desktop-open a {
  z-index: 0
}

.Nav__container {
  display: none
}

@media(min-width: 1024px) {
  .Nav__container {
    padding: 3.2rem 2rem
  }
}

.Nav__container ul {
  display: block
}

.Nav__container .Nav__sub-title {
  font-size: 1.8rem
}

.Nav__container li {
  text-transform: none
}

.Nav__container li a {
  font-size: 1.3rem
}

@media(max-width: 575px) {
  .Nav__container li a {
    white-space: normal
  }
}

.Nav__container span:not([class*=flag-live-cartridge]) {
  font-size: 1.8rem;
  font-weight: 500;
  text-transform: uppercase
}

@media(min-width: 576px) {
  .Nav__container span:not([class*=flag-live-cartridge]) {
    font-size: 2.2rem;
    font-weight: 500
  }
}

@media(min-width: 576px) {
  .Nav__container {
    display: block;
    padding: 0
  }

  .Nav__container li {
    width: auto
  }

  .Nav__container li .Nav__sub-title {
    font-size: 2.2rem
  }

  .Nav__container li a {
    font-size: 1.9rem
  }
}

@media(min-width: 1024px) {
  .Nav__container li a {
    line-height: 2.2rem;
    padding: 1rem 0
  }
}

.Nav__container--mobile {
  width: 100%;
  display: block
}

@media(min-width: 1024px) {
  .Nav__container--mobile {
    width: auto
  }
}

@media(min-width: 1024px) {
  .Nav__container--desktop {
    display: block
  }
}

.Nav__container--left {
  width: 100%
}

@media(min-width: 576px) {
  .Nav__container--left {
    width: 36rem;
    padding-right: 1.6rem
  }
}

@media(min-width: 1024px) {
  .Nav__container--left {
    width: 43rem
  }
}

.Nav__container--right {
  display: none
}

@media(min-width: 576px) {
  .Nav__container--right {
    display: block
  }
}

@media(min-width: 1024px) {
  .Nav__container--right {
    width: auto
  }
}

.Nav__container--default+.Nav__container--right {
  max-width: calc(100% - 27.2rem);
  width: 100%
}

@media(min-width: 1024px) {
  .Nav__container--default+.Nav__container--right {
    max-width: calc(100% - 21rem)
  }
}

@media(min-width: 1024px) {
  .Nav__container--default {
    width: 21rem;
    padding-right: 0
  }
}

.Nav__container--default li {
  break-inside: avoid-column;
  border-top: .1rem solid #e2e4e9
}

.Nav__container--default li:first-child {
  border-top: 0
}

.Nav__container--default li:first-child a {
  text-transform: uppercase;
  font-weight: 500
}

@media(min-width: 1024px) {
  .Nav__container--default li {
    max-width: 27.2rem
  }
}

@media(min-width: 1024px) {
  .Nav__container--default li.nav-item--has-logo {
    margin-top: 1.6rem
  }
}

.Nav__container--default a {
  padding: .8rem 0;
  position: relative
}

.Nav__content--list a {
  padding: 1.2rem 0;
  position: relative
}

.Nav__content--list ul {
  column-count: 2;
  column-gap: 2rem;
  column-width: 10rem
}

@media(min-width: 360px) {
  .Nav__content--list ul {
    column-count: 2;
    column-gap: 4.9rem;
    column-width: 14rem
  }
}

@media(min-width: 1024px) {
  .Nav__content--list ul {
    column-gap: normal;
    column-count: auto;
    column-width: 21rem
  }
}

@media(min-width: 1200px) {
  .Nav__content--list ul {
    column-width: 24.3rem
  }
}

.Nav__content--list li {
  break-inside: avoid-column;
  border-top: .1rem solid #e2e4e9
}

@media(min-width: 1024px) {
  .Nav__content--list li {
    margin-right: 3.2rem
  }
}

.Nav__content--media .article__author__desc {
  font-weight: 400
}

.Nav__content--media .article__title {
  font-size: 1.4rem;
  line-height: 1.29;
  letter-spacing: normal;
  text-align: left
}

.Nav__content--column {
  display: flex;
  width: 100%;
  flex-direction: column
}

@media(min-width: 767px) {
  .Nav__content--column {
    flex-direction: row
  }
}

.Nav__content--column ul {
  font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .Nav__content--column ul {
  letter-spacing: .314px
}

html:not(.fonts-loaded) .Nav__content--column ul>* {
  letter-spacing: .314px
}

html.fonts-loaded .Nav__content--column ul {
  font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.Nav__content--column li {
  color: #a4a9b4;
  margin-bottom: 1.4rem;
  line-height: 1.2
}

.Nav__content--column li a {
  display: inline;
  font-weight: 500;
  letter-spacing: normal;
  color: #2a303b
}

@media(min-width: 576px) {
  .Nav__content--column li a {
    font-size: 1.3rem
  }
}

.Nav__content--column>div {
  padding: 0;
  width: 100%
}

@media(min-width: 576px) {
  .Nav__content--column>div {
    padding: 0 .8rem 0 1.2rem
  }
}

@media(min-width: 1024px) {
  .Nav__content--column>div {
    width: 50%
  }
}

@media(min-width: 1024px) {
  .Nav__content--column>div {
    padding: 0 6rem 0 2.4rem
  }
}

.Nav__content--column>div:first-child {
  margin-bottom: 3.2rem
}

@media(min-width: 768px) {
  .Nav__content--column>div:first-child {
    border-right: .1rem solid #d5d8dc
  }
}

@media(min-width: 768px) {
  .Nav__content--column>div:first-child {
    margin-bottom: 0
  }
}

.Nav__content--column>div:first-child ul {
  list-style-position: inside;
  list-style-type: disc
}

@media(min-width: 768px) {
  .Nav__content--column>div:first-child ul {
    padding: 1.2rem 0
  }
}

@media(min-width: 1024px) {
  .Nav__content--column>div:first-child ul {
    padding: .8rem 0
  }
}

.Nav__content--column>div:nth-child(2) ul:nth-child(2) {
  border-bottom: .1rem solid #d5d8dc;
  padding: .8rem 0
}

.Nav__content--column>div:nth-child(2) ul:nth-child(3) {
  padding: .8rem 0 1.2rem
}

.Nav__content--column span {
  line-height: 1.25;
  text-transform: none;
  margin-bottom: 2rem
}

@media(min-width: 1024px) {
  .Nav__content--column span {
    line-height: 1.6
  }
}

@media(min-width: 576px) {
  .Nav__content-wrapper {
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: center;
    display: flex;
    padding-left: 6.4rem
  }

  .Nav__content-wrapper .article {
    display: block;
    width: calc(50% - 1.6rem);
    max-width: none;
    margin: 0 0 1.6rem;
    padding-top: 0;
    border: none
  }
}

@media(min-width: 1024px) {
  .Nav__content-wrapper {
    flex-wrap: nowrap
  }

  .Nav__content-wrapper .article {
    max-width: 18rem;
    width: 100%;
    display: block;
    border-bottom: 0;
    margin: 0;
    padding-top: 0;
    border-top: 0
  }

  .Nav__content-wrapper .article:not(.Nav__item-search) {
    margin: 0 3.2rem 0 0
  }
}

.Nav__content-wrapper .article__author {
  flex-direction: column;
  align-items: flex-start
}

.Nav .js-burger-to-show {
  display: none;
  font-size: 1.6rem;
  line-height: 1.88
}

.Nav .js-burger-is-open {
  left: 0;
  position: fixed;
  top: 6rem
}

.Nav__mobile {
  transition: left .2s cubic-bezier(0.215, 0.61, 0.355, 1);
  position: absolute;
  top: 0;
  background-color: #fcfcfd;
  z-index: 50;
  width: 100vw;
  height: calc(100vh - 6rem);
  overflow-y: scroll;
  left: -100vw
}

@media(min-width: 1024px) {
  .Nav__mobile {
    display: none
  }
}

@media(max-width: 1023px) {
  .Nav__mobile .hide-in-mobile {
    display: none
  }
}

.Nav__mobile.js-burger-hide {
  height: 0
}

.Nav__mobile .js-burger-to-show {
  display: flex
}

.Nav__mobile .js-dropdown {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.88;
  font-style: normal
}

.Nav__mobile .Nav__container--right {
  display: none
}

.Nav__mobile .Nav__container--mobile span {
  display: none
}

.Nav__mobile .Nav__sub-item-actualites .Nav__container--left {
  display: none
}

.Nav__mobile .Nav__sub-item-actualites .Nav__container--right {
  display: block
}

.Nav__mobile .Nav__container--left {
  width: 100%
}

.Nav__mobile .Nav__item {
  border-right: 0;
  height: 6rem;
  padding: 0 1.6rem;
  border-bottom: .1rem solid #e2e4e9
}

.Nav__mobile .Nav__item--hide {
  border-bottom: 0;
  height: 0
}

.Nav__mobile .Nav__item.Nav__item-search {
  display: none
}

.Nav__mobile .Nav__item .icon__nav-my-account,
.Nav__mobile .Nav__item .icon__home,
.Nav__mobile .Nav__item .icon__nav-en-continu {
  margin-right: 1.6rem;
  display: flex;
  align-self: center
}

.Nav__mobile .Nav__item .Burger__right-arrow:after {
  display: inline-block;
  visibility: visible
}

.Nav__mobile .Nav__item-en-continu a:after {
  content: " ";
  background-image: url("");
  position: absolute;
  width: .5rem;
  height: 1rem;
  right: 0;
  top: 50%;
  transform: translateY(-50%)
}

.Nav__mobile .Nav__item:nth-child(n+3):not(.Nav__item-en-continu):not(.Nav__item-search) {
  background-color: #fff;
  flex-direction: column
}

.Nav__mobile .Nav__item:nth-child(n+3):not(.Nav__item-en-continu):not(.Nav__item-search).Nav__item--active {
  background-color: #f5f6f8
}

.Nav__mobile .Nav__item:nth-child(n+3):not(.Nav__item-en-continu):not(.Nav__item-search):not(.Nav__search)>a.js-dropdown-burger:after {
  background-image: url("")
}

.Nav__mobile .Nav__item:nth-child(n+3):not(.Nav__item-en-continu):not(.Nav__item-search):not(.Nav__search)>a.js-dropdown-burger-open:after {
  background-image: url("")
}

.Nav__mobile .Nav__item:nth-child(n+3):not(.Nav__item-en-continu):not(.Nav__item-search)>a,
.Nav__mobile .Nav__item .Nav__container a {
  line-height: 3.8
}

.Nav__mobile .Nav__item.Nav__item--active:nth-child(n+3):not(.Nav__item-en-continu):not(.Nav__item-search) {
  height: auto
}

.Nav__mobile .Nav__item .Nav__sub-item {
  top: 0;
  display: none;
  padding: 0
}

.Nav__mobile .Nav__item .Nav__sub-item .wrapper {
  overflow-y: visible;
  height: auto
}

.Nav__mobile .Nav__item .Nav__sub-item.js-desktop-open {
  display: block
}

.Nav__mobile .Nav__item .Nav__sub-item.js-desktop-open li a {
  visibility: visible
}

.Nav__mobile .Nav__item .Nav__sub-item.js-burger-open {
  position: relative;
  z-index: 1
}

.Nav__mobile .Nav__item .Nav__sub-item.js-burger-open .Nav__container {
  padding: 0
}

.Nav__mobile .Nav__item .Nav__container ul {
  padding-left: 5.2rem
}

.Nav__mobile .Nav__item .Nav__container li,
.Nav__mobile .Nav__item .Nav__container li.nav-item--has-logo {
  border-top: 0;
  list-style: none
}

.Nav__mobile .Nav__item .Nav__container li.Nav__item-search,
.Nav__mobile .Nav__item .Nav__container li.nav-item--has-logo.Nav__item-search {
  border-bottom: 0
}

.Nav__mobile .Nav__item .Nav__container a {
  font-size: 1.6rem;
  font-weight: 500;
  font-style: normal
}

.Nav__mobile .Nav__item .Nav__container a:after {
  display: none
}

.Nav__mobile .Nav__item .Nav__container--default ul {
  column-count: 1
}

.Nav__mobile .Nav__item .Nav__content--column>div ul {
  border-bottom: 0;
  padding-bottom: 0
}

.Nav__mobile .Nav__item .Nav__content--column li:last-child {
  border-bottom: 0
}

.Nav__mobile .Nav__item .Nav__content--column>div {
  margin-top: 2.4rem
}

.Nav__mobile .Nav__item .Nav__content--column>div:first-child {
  margin-bottom: 0
}

.Nav__mobile .Nav__item .Nav__content--column>div:last-child {
  padding-bottom: 12rem
}

.Nav__mobile .Nav__item .Nav__content--column a {
  font-size: 1.6rem
}

.Nav__mobile .Nav__item .Nav__content--column a {
  font-family: "Trebuchet MS", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loaded) .Nav__mobile .Nav__item .Nav__content--column a {
  letter-spacing: -1.607px
}

html:not(.fonts-loaded) .Nav__mobile .Nav__item .Nav__content--column a>* {
  letter-spacing: -1.607px
}

html.fonts-loaded .Nav__mobile .Nav__item .Nav__content--column a {
  font-family: "Marr Sans Condensed", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loading) .Nav__mobile .Nav__item .Nav__content--column a {
  letter-spacing: .05rem
}

.Nav__mobile .Nav__item .Nav__content--list ul {
  column-count: 1
}

.Nav__mobile .Nav__item .Nav__content--list ul li a {
  visibility: hidden
}

.Nav__mobile .Nav__item .Nav__sub-item-actualites span {
  margin-bottom: 0
}

.Nav__mobile .Nav__item a {
  padding: 0;
  position: relative;
  width: 100%
}

.Nav__mobile .Nav__item--active:before {
  display: none
}

@media(min-width: 1024px) {
  .Nav__mobile--contextual {
    display: block;
    max-width: 320px;
    margin-top: 7.2rem;
    position: static;
    position: initial
  }
}

.Nav__mobile--contextual #nav-markup,
.Nav__mobile--contextual #nav-markup-contextual {
  padding-right: 0;
  overflow-x: hidden
}

.Nav__mobile--contextual #nav-markup .nav-item--has-logo,
.Nav__mobile--contextual #nav-markup-contextual .nav-item--has-logo {
  margin-top: 0
}

.Nav__mobile--contextual .Nav__item-home,
.Nav__mobile--contextual .Nav__item-en-continu {
  display: flex
}

.Nav__mobile--contextual .Nav__item-home a {
  padding-left: 0
}

.Nav__mobile--contextual .Nav__sub-item-services .wrapper-list-link {
  grid-auto-columns: auto;
  grid-auto-flow: row
}

.Nav__sub-item-services {
  padding: 0 0 2.4rem 1.6rem
}

.Nav__sub-item-services.js-burger-open {
  margin-bottom: 3.6rem;
  display: block
}

.Nav__sub-item-services .sub-item-wrapper {
  height: 100%;
  max-width: 115.2rem;
  margin: 0 auto;
  overflow-y: scroll;
  height: calc(100vh - 15rem);
  gap: 0 4rem
}

@media(min-width: 769px) {
  .Nav__sub-item-services .sub-item-wrapper {
    overflow-y: visible;
    height: auto
  }
}

.Nav__sub-item-services p {
  font-size: 2.2rem;
  font-weight: 500;
  text-transform: uppercase;
  padding: 3.2rem 0 .8rem;
  border-bottom: .1rem solid #d5d8dc
}

@media(min-width: 769px) {
  .Nav__sub-item-services p {
    font-size: 1.8rem
  }
}

.Nav__sub-item-services .wrapper-list-link {
  padding-right: 1.6rem;
  padding-top: 1.6rem;
  padding-bottom: 1.6rem;
  border-bottom: .1rem solid #d5d8dc
}

.Nav__sub-item-services .wrapper-list-link:last-child {
  padding-bottom: .8rem;
  border-bottom: none
}

@media(min-width: 769px) {
  .Nav__sub-item-services .wrapper-list-link {
    grid-auto-columns: auto;
    grid-auto-flow: column dense;
    gap: 0 2rem
  }
}

.Nav__sub-item-services .wrapper-list-link li {
  list-style: none;
  padding: 1.6rem 0 .8rem 0
}

@media(max-width: 768px) {
  .Nav__sub-item-services .wrapper-list-link li {
    border-bottom: .1rem solid #e8eaee
  }
}

@media(min-width: 769px) {
  .Nav__sub-item-services .wrapper-list-link li {
    padding: .8rem 0
  }
}

.Nav__sub-item-services .wrapper-list-link li:last-child {
  border-bottom: none;
  padding-bottom: 0
}

.Nav__sub-item-services .wrapper-list-link li:nth-child(n) a,
.Nav__sub-item-services .wrapper-list-link li a {
  font-size: 1.3rem;
  font-weight: 500;
  line-height: 1.6rem;
  position: relative
}

.Nav__sub-item-services .wrapper-list-link li:nth-child(n) a,
.Nav__sub-item-services .wrapper-list-link li a {
  font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .Nav__sub-item-services .wrapper-list-link li:nth-child(n) a,
html:not(.fonts-loaded) .Nav__sub-item-services .wrapper-list-link li a {
  letter-spacing: .314px
}

html:not(.fonts-loaded) .Nav__sub-item-services .wrapper-list-link li:nth-child(n) a>*,
html:not(.fonts-loaded) .Nav__sub-item-services .wrapper-list-link li a>* {
  letter-spacing: .314px
}

html.fonts-loaded .Nav__sub-item-services .wrapper-list-link li:nth-child(n) a,
html.fonts-loaded .Nav__sub-item-services .wrapper-list-link li a {
  font-family: "Marr Sans", Arial, Roboto, sans-serif
}

@media(max-width: 768px) {

  .Nav__sub-item-services .wrapper-list-link li:nth-child(n) a:after,
  .Nav__sub-item-services .wrapper-list-link li a:after {
    content: " ";
    background-image: url("");
    position: absolute;
    width: 1.4rem;
    height: 1.4rem;
    right: 0;
    top: 0;
    transform: rotate(-90deg)
  }
}

.Nav__sub-item-services .wrapper-list-link-cookie {
  border-top: .1rem solid #d5d8dc;
  margin-top: 3.2rem
}

#nav-desktop .Nav__item-home,
#nav-desktop .Nav__item-en-continu {
  position: relative
}

@media(min-width: 768px) {
  #nav-desktop {
    position: static
  }
}

@media(max-width: 1023px) {
  #nav-desktop .Nav__item:last-child:not(.Nav__item--contextual-header) {
    margin-right: 2.4rem
  }
}

#nav-desktop.Nav--hidden {
  display: none
}

@media(min-width: 1024px) {
  #nav-desktop.Nav--hidden {
    display: flex
  }
}

#nav-desktop .nav__main--hide {
  display: none
}

#nav-desktop .Nav__mobile--contextual.js-burger-is-open .nav__main--hide {
  display: block
}

#nav-markup,
#nav-markup-contextual {
  overflow-x: auto;
  overflow-y: hidden;
  position: static;
  width: 100%;
  border-bottom: .1rem solid #eff0f3
}

@media(min-width: 1024px) {

  #nav-markup,
  #nav-markup-contextual {
    overflow: hidden;
    border-bottom: none
  }
}

#nav-markup {
  justify-content: space-between
}

@media(max-width: 1023px) {
  #nav-markup-contextual {
    background-color: #fff;
    height: 5.6rem;
    padding-left: 1.6rem;
    position: fixed;
    top: 6rem
  }
}

@media(min-width: 1024px) {
  #nav-markup-contextual {
    justify-content: center;
    margin-left: -5rem
  }
}

@media(max-width: 1023px) {
  .main--with-contextual-nav {
    margin-top: .6rem
  }
}

.User {
  position: relative;
  align-items: center;
  color: #2a303b;
  display: flex;
  font-size: 1.3rem;
  font-weight: 500
}

.User {
  font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .User {
  letter-spacing: .314px
}

html:not(.fonts-loaded) .User>* {
  letter-spacing: .314px
}

html.fonts-loaded .User {
  font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.User__arrow {
  position: relative;
  background-repeat: no-repeat;
  align-self: center;
  height: 1.4rem;
  width: 1.4rem;
  margin-left: .4rem;
  background-image: url("")
}

.User__arrow--up {
  transform: rotate(-180deg)
}

.User__avatar {
  background-color: #a4a9b4;
  border-radius: 50%;
  color: #fff;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.2rem;
  text-align: center;
  padding-top: .4rem;
  width: 2rem;
  height: 2rem;
  -webkit-text-decoration: none;
  text-decoration: none
}

.User__avatar {
  font-family: "Trebuchet MS", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loaded) .User__avatar {
  letter-spacing: -1.607px
}

html:not(.fonts-loaded) .User__avatar>* {
  letter-spacing: -1.607px
}

html.fonts-loaded .User__avatar {
  font-family: "Marr Sans Condensed", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loading) .User__avatar {
  letter-spacing: .05rem
}

.User__avatar--abonne {
  color: #2a303b;
  background-color: #ffe38f
}

.User__avatar:hover {
  -webkit-text-decoration: none;
  text-decoration: none
}

.User__name {
  align-items: center;
  cursor: pointer;
  display: flex;
  font-size: 1.3rem
}

.User__name--abonne:after {
  display: none
}

.User__name:after {
  background-color: #e8eaee;
  content: " ";
  height: 3rem;
  margin: 0 1.6rem;
  width: .1rem
}

.User__name.js-trigger-connexion .User__avatar {
  margin-right: 0
}

.User__name.js-trigger-connexion .User__arrow {
  margin-left: 0
}

@media(min-width: 768px) {
  .User__name.js-trigger-connexion .User__arrow {
    margin-left: .8rem
  }
}

.User__name.js-trigger-connexion:after {
  margin: 0 .8rem 0 .4rem
}

@media(min-width: 360px) {
  .User__name.js-trigger-connexion:after {
    margin: 0 .8rem
  }
}

@media(min-width: 768px) {
  .User__name.js-trigger-connexion:after {
    margin: 0 1.6rem
  }
}

.User>a:not(.lmd-btn) {
  -webkit-text-decoration: none;
  text-decoration: none;
  font-size: 1.4rem
}

.User>a:not(.lmd-btn):hover {
  -webkit-text-decoration: underline;
  text-decoration: underline
}

.AccountMenu {
  flex-direction: column;
  display: flex;
  text-transform: none
}

.AccountMenu__type {
  font-weight: 500;
  font-size: 1.6rem;
  letter-spacing: .05rem;
  display: flex;
  line-height: 1
}

.AccountMenu__type :first-child {
  align-self: center
}

.AccountMenu__email {
  font-size: 1.2rem;
  letter-spacing: .04rem;
  color: #666e80;
  font-weight: 400
}

.AccountMenu__email {
  font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .AccountMenu__email {
  letter-spacing: .314px
}

html:not(.fonts-loaded) .AccountMenu__email>* {
  letter-spacing: .314px
}

html.fonts-loaded .AccountMenu__email {
  font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.Connexion {
  position: absolute;
  background-color: #fff;
  right: -0.8rem;
  width: 100vw;
  font-size: 1.3rem;
  line-height: 3;
  font-weight: 500;
  border: .1rem solid #eff0f3;
  box-shadow: 0 .1rem .2rem .2rem rgba(0, 0, 0, .04);
  transition: transform .2s cubic-bezier(0.215, 0.61, 0.355, 1), opacity .5s ease;
  visibility: hidden;
  opacity: 0;
  transform: translateY(-100%)
}

@media(min-width: 576px) {
  .Connexion {
    width: 25rem
  }
}

.Connexion--abonne .Connexion__special div:hover {
  opacity: 1
}

@media(min-width: 768px) {
  .Connexion--non-abonne {
    right: 13rem
  }
}

.Connexion--open {
  visibility: visible;
  opacity: 1;
  top: 3.8rem;
  border-top: 0;
  transform: translateY(0)
}

@media(min-width: 576px) {
  .Connexion--open {
    width: 32rem
  }
}

@media(min-width: 1024px) {
  .Connexion--open {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: calc(100vh - 12.5rem)
  }
}

@media(max-width: 1023px) {
  .Connexion--open {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: calc(100vh - 6.2rem)
  }
}

.Connexion__wrap {
  display: flex;
  flex-flow: row nowrap;
  background: #f1f5f8
}

.Connexion__label--mea {
  font-style: italic
}

@media(min-width: 1024px) {
  .Connexion--sticky.on-scroll {
    z-index: 6
  }
}

@media(min-width: 1024px) {
  .Connexion--sticky {
    top: 0;
    animation-name: fadeIn;
    animation-fill-mode: forwards;
    animation-duration: .3s;
    animation-iteration-count: 1;
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
  }

  .Connexion--sticky>li:nth-child(2) {
    padding-left: .4rem
  }
}

@media(min-width: 1025px) {
  .Connexion--sticky>li:nth-child(2) {
    padding-left: .8rem
  }
}

@media(min-width: 1024px)and (max-width: 1199px) {
  .Connexion--sticky #nav-markup {
    padding-left: 10rem;
    max-width: 85rem
  }
}

@media(min-width: 1200px) {
  .Connexion--sticky #nav-markup {
    padding-left: 10.2rem;
    justify-content: start
  }
}

.Connexion__label-wrap {
  line-height: 1.4;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  flex: 1
}

@media(min-width: 768px) {
  .Connexion__label-wrap {
    flex-flow: column nowrap;
    justify-content: flex-start
  }
}

.Connexion__label-wrap--column {
  flex-flow: column
}

.Connexion__label-wrap .Connexion__label-more {
  display: block;
  font-weight: normal
}

.Connexion ul {
  list-style-type: none
}

.Connexion a {
  display: flex
}

.Connexion a:hover {
  background-color: #f5f6f8
}

.Connexion a div {
  padding: 0 1.2rem;
  display: flex;
  align-items: center;
  width: 100%
}

.Connexion a.Connexion__link {
  height: 4.4rem
}

@media(min-width: 768px) {
  .Connexion a.Connexion__link {
    margin: .7rem 0
  }
}

.Connexion a.Connexion__link-off {
  cursor: default
}

.Connexion a.Connexion__link-off .Connexion__label,
.Connexion a.Connexion__link-off .Connexion__icon {
  opacity: .25
}

.Connexion a.Connexion__link-advantages {
  border-top: solid .1rem #e2e4e9;
  margin-bottom: 0
}

.Connexion a.Connexion__journal .Connexion__label-wrap {
  display: block
}

.Connexion a.Connexion:hover {
  background-color: rgba(0, 0, 0, 0)
}

.Connexion__account {
  padding: 0 1.2rem;
  height: 6rem;
  display: flex
}

.Connexion__account:hover {
  background-color: #f5f6f8
}

.Connexion__account a {
  align-self: center
}

.Connexion__account .User__avatar {
  align-self: center;
  margin-right: .8rem
}

.Connexion__newsletter {
  padding: 1.2rem 0;
  border-top: .1rem solid #e2e4e9
}

@media(min-width: 1024px) {
  .Connexion__newsletter {
    padding: 0
  }
}

.Connexion__icon {
  margin-right: .4rem
}

.Connexion__icon-exclu {
  display: inline-block;
  padding: .1rem .5rem;
  align-self: flex-start;
  color: #ffc700;
  background-color: #f5f6f8;
  font-size: 1.1rem;
  text-transform: uppercase
}

.Connexion__icon-exclu {
  font-family: "Trebuchet MS", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loaded) .Connexion__icon-exclu {
  letter-spacing: -1.607px
}

html:not(.fonts-loaded) .Connexion__icon-exclu>* {
  letter-spacing: -1.607px
}

html.fonts-loaded .Connexion__icon-exclu {
  font-family: "Marr Sans Condensed", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loading) .Connexion__icon-exclu {
  letter-spacing: .05rem
}

.Connexion__icon-exclu--off {
  background: rgba(0, 0, 0, 0);
  border: solid .1rem #e2e4e9;
  color: #8b92a1
}

.Connexion__icon-exclu--on {
  background: #ffc700;
  border: solid .1rem #ffc700;
  color: inherit
}

.Connexion__links {
  border-top: .1rem solid #e2e4e9
}

@media(max-width: 1024px) {
  .Connexion__links {
    padding-top: .7rem
  }
}

.Connexion__share {
  background: #f1f5f8;
  color: #0088df
}

.Connexion__share a.Connexion__link {
  padding: 1.4rem 0;
  display: inline-block
}

.Connexion__share a.Connexion__link-off {
  color: #a4a9b4;
  padding: 1rem 0
}

.Connexion__share a.Connexion__link-off .icon__nav-connexion-share {
  background-image: url("")
}

.Connexion__share a.Connexion__link-off .Connexion__label {
  opacity: 1
}

.Connexion__help {
  border-top: .1rem solid #e2e4e9;
  border-right: .1rem solid #e2e4e9;
  flex: 1
}

.Connexion__help div {
  justify-content: center
}

.Connexion__logout {
  border-top: .1rem solid #e2e4e9
}

@media(max-width: 1024px) {
  .Connexion__logout {
    flex: 1
  }
}

.Connexion__logout div {
  justify-content: center
}

.Connexion__item--non-abonne-btn {
  padding: .8rem 1.2rem 1.2rem
}

.Connexion__item--non-abonne-btn a {
  justify-content: center
}

.Connexion__item--non-abonne-btn a:hover {
  background-color: #ffae00
}

.Connexion__special {
  position: relative
}

.Connexion__special p {
  position: absolute;
  top: 0;
  width: 100%;
  left: -25rem;
  opacity: 0;
  padding-left: 1.2rem;
  padding-right: 1.2rem
}

.Connexion__special p .icon__nav-fleche {
  margin-left: .8rem
}

.Connexion__special p span:last-child {
  margin-left: .8rem;
  font-weight: 600
}

.Connexion__special:hover p {
  left: 0;
  opacity: 1
}

.Connexion__special:hover div {
  opacity: 0
}

.Connexion .AccountMenu__type {
  font-size: 1.3rem;
  letter-spacing: normal;
  line-height: normal
}

.Connexion .AccountMenu__type span:first-child {
  margin-left: .8rem
}

.Connexion .AccountMenu__email {
  line-height: 1.5
}

.lmi-lang-switcher {
  display: none;
  width: 100%
}

@media(min-width: 1024px) {
  .lmi-lang-switcher {
    align-items: center;
    display: flex;
    justify-content: center;
    height: 4.6rem
  }
}

.lmi-lang-switcher__lang {
  color: #bdc1c8;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1;
  text-transform: uppercase
}

.lmi-lang-switcher__lang {
  font-family: "Trebuchet MS", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loaded) .lmi-lang-switcher__lang {
  letter-spacing: -1.607px
}

html:not(.fonts-loaded) .lmi-lang-switcher__lang>* {
  letter-spacing: -1.607px
}

html.fonts-loaded .lmi-lang-switcher__lang {
  font-family: "Marr Sans Condensed", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loading) .lmi-lang-switcher__lang {
  letter-spacing: .05rem
}

.lmi-lang-switcher__lang:hover {
  color: #026b9c
}

.lmi-lang-switcher__lang--active,
.lmi-lang-switcher__lang--active:hover {
  color: #2a303b;
  cursor: default
}

.lmi-lang-switcher__lang:not(:last-child) {
  margin-right: .8rem
}

.lmi-lang-switcher__separator {
  background-color: #d5d8dc;
  height: 35%;
  width: .1rem
}

.lmi-lang-switcher__separator:not(:last-child) {
  margin-right: .8rem
}

.lmi-mobile-lang-switcher {
  background-color: #eff0f3;
  border-bottom: .1rem solid #e2e4e9;
  display: none;
  padding: 1.6rem
}

.lmi-mobile-lang-switcher__title {
  color: #717b8e;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.8rem;
  margin-bottom: 1.2rem
}

.lmi-mobile-lang-switcher__lang {
  align-items: center;
  color: #717b8e;
  display: inline-flex;
  font-size: 1.6rem;
  justify-content: flex-start;
  transition: color 100ms
}

.lmi-mobile-lang-switcher__lang {
  font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .lmi-mobile-lang-switcher__lang {
  letter-spacing: .314px
}

html:not(.fonts-loaded) .lmi-mobile-lang-switcher__lang>* {
  letter-spacing: .314px
}

html.fonts-loaded .lmi-mobile-lang-switcher__lang {
  font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.lmi-mobile-lang-switcher__lang:not(:last-child) {
  margin-right: 3.2rem
}

.lmi-mobile-lang-switcher__lang--active {
  color: #2a303b
}

.lmi-mobile-lang-switcher__lang--active .lmi-mobile-lang-switcher__checkbox:after {
  background-color: #2a303b
}

.lmi-mobile-lang-switcher__lang:hover {
  color: #026b9c
}

.lmi-mobile-lang-switcher__lang:hover .lmi-mobile-lang-switcher__checkbox:after {
  background-color: #026b9c
}

.lmi-mobile-lang-switcher__checkbox {
  align-items: center;
  background-color: #fff;
  border: .1rem solid #2a303b;
  border-radius: 50%;
  display: flex;
  height: 1.6rem;
  justify-content: center;
  margin-right: .8rem;
  width: 1.6rem
}

.lmi-mobile-lang-switcher__checkbox:after {
  background-color: #fff;
  border-radius: 50%;
  content: "";
  display: inline-block;
  height: .6rem;
  transition: background-color 100ms;
  width: .6rem
}

#Header.sticky .lmi-lang-switcher {
  display: none
}

.js-burger-is-open .lmi-mobile-lang-switcher {
  display: block
}

.overlay {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .6);
  position: fixed;
  z-index: 4;
  top: 0;
  overflow: hidden;
  visibility: hidden;
  opacity: 0;
  transition: opacity .2s ease-in-out
}

.overlay--visible {
  visibility: visible;
  opacity: 1
}

.overlay--account {
  top: 5.5rem;
  z-index: 4
}

.overlay--live {
  margin: -1.7rem;
  display: none
}

@media(min-width: 768px) {
  .overlay--live {
    margin: -5.7rem
  }
}

.overlay-live--show {
  opacity: 1;
  visibility: visible
}

.body {
  overflow-x: hidden
}

@media(min-width: 768px) {
  .body {
    overflow-x: visible
  }
}

@media(min-width: 1024px) {
  .body--premium-banner .Nav:not(.on-scroll) {
    margin-top: 0 !important
  }
}

@media(max-width: 1023px) {

  .body--premium-banner #Header .center,
  .body--premium-banner #Header .right {
    margin-top: 0 !important
  }
}

@media(min-width: 1024px) {

  .body--premium-banner #Header:not(.sticky) .center,
  .body--premium-banner #Header:not(.sticky) .right {
    margin-top: 0 !important
  }
}

.podcast-thread__section[data-header-gradient=lheure-du-monde] {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.0001) 82.81%, rgba(0, 0, 0, 0.14) 100%), #3025bf
}

.podcast-thread__section[data-header-gradient=le-gout-de-m] {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.0001) 56.77%, rgba(0, 0, 0, 0.14) 100%), #362a82
}

.podcast-thread__section[data-header-gradient="13-novembre-le-temps-du-proces"] {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.0001) 56.77%, rgba(0, 0, 0, 0.14) 100%), #822f2a
}

.podcast-thread__section[data-header-gradient=podcast-chaleur-humaine] {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.0001) 56.77%, rgba(0, 0, 0, 0.14) 100%), #54295b
}

.podcast-thread__section[data-header-gradient=s-aimer-comme-on-se-quitte-le-podcast] {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.0001) 56.77%, rgba(0, 0, 0, 0.14) 100%), #461680
}

.podcast-thread__section[data-header-gradient=default] {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.0001) 56.77%, rgba(0, 0, 0, 0.14) 100%), #026b9c
}

.podcast-thread__section[data-header-bg=lheure-du-monde] {
  background-color: #3025bf
}

.podcast-thread__section[data-header-bg=le-gout-de-m] {
  background-color: #362a82
}

.podcast-thread__section[data-header-bg="13-novembre-le-temps-du-proces"] {
  background-color: #822f2a
}

.podcast-thread__section[data-header-bg=podcast-chaleur-humaine] {
  background-color: #54295b
}

.podcast-thread__section[data-header-bg=s-aimer-comme-on-se-quitte-le-podcast] {
  background-color: #461680
}

.podcast-thread__section[data-header-bg=default] {
  background-color: #026b9c
}

.podcast {
  background-color: #252525;
  margin: 4rem -1.6rem 0;
  position: relative
}

@media(min-width: 576px) {
  .podcast {
    margin: 4rem -3.2rem 0
  }
}

@media(min-width: 768px) {
  .podcast {
    margin: 0
  }
}

@media(max-width: 767px) {
  .podcast-thread {
    margin-left: -1.6rem;
    margin-right: -1.6rem
  }
}

.podcast-thread.top-space {
  margin-top: 4rem
}

.podcast-thread__section {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background: #026b9c;
  color: #fff;
  width: 100%;
  height: auto;
  min-height: 26.4rem;
  padding: 2.4rem 2.4rem 6.4rem 1.6rem;
  border-top: .4rem solid rgba(0, 0, 0, .15)
}

@media(min-width: 768px) {
  .podcast-thread__section {
    padding: 2.4rem 2.4rem 6.4rem 2.4rem
  }
}

@media(min-width: 1024px) {
  .podcast-thread__section {
    padding-top: 3.2rem
  }
}

@media(min-width: 1200px) {
  .podcast-thread__section.isAbo {
    padding-left: 3.2rem
  }
}

.podcast-thread__section-header {
  display: flex;
  align-items: center;
  justify-content: space-between
}

.podcast-thread__section-title {
  font-weight: 700;
  font-size: 2.2rem;
  line-height: 2.4rem;
  letter-spacing: .06rem
}

.podcast-thread__section-title {
  font-family: "Trebuchet MS", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loaded) .podcast-thread__section-title {
  letter-spacing: -1.607px
}

html:not(.fonts-loaded) .podcast-thread__section-title>* {
  letter-spacing: -1.607px
}

html.fonts-loaded .podcast-thread__section-title {
  font-family: "Marr Sans Condensed", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loading) .podcast-thread__section-title {
  letter-spacing: .05rem
}

@media(min-width: 768px) {
  .podcast-thread__section-title {
    font-size: 2.9rem;
    line-height: 2.8rem
  }
}

.podcast-thread__section-content {
  display: flex;
  padding-top: 1.6rem;
  padding-bottom: 1.6rem
}

@media(max-width: 767px) {
  .podcast-thread__section--river .podcast-thread__section-content {
    flex-direction: row-reverse;
    justify-content: space-between
  }
}

@media(min-width: 1024px) {
  .podcast-thread__section-content {
    padding-top: .8rem
  }
}

.podcast-thread__section-desc {
  font-size: 1.6rem;
  line-height: 2.2rem;
  letter-spacing: .01rem;
  font-weight: normal;
  max-width: calc(100% - 12rem)
}

.podcast-thread__section-desc {
  font-family: Georgia, Droid-serif, serif
}

html:not(.fonts-loaded) .podcast-thread__section-desc {
  letter-spacing: -0.645px
}

html:not(.fonts-loaded) .podcast-thread__section-desc>* {
  letter-spacing: -0.645px
}

html.fonts-loaded .podcast-thread__section-desc {
  font-family: "The Antiqua B standard", Georgia, Droid-serif, serif
}

@supports(font-variation-settings: normal) {
  html.fonts-loaded .podcast-thread__section-desc {
    font-family: "The Antiqua B", Georgia, Droid-serif, serif
  }
}

.podcast-thread__section-link {
  position: relative;
  display: block
}

.podcast-thread__section-more.button-small {
  min-width: 8rem
}

@media(min-width: 1024px) {
  .podcast-thread__section-more.button-small {
    display: none
  }
}

.podcast-thread__section-img {
  flex: 0 0 auto;
  margin: 0;
  width: 8.8rem;
  height: 8.8rem;
  margin-right: 1.6rem
}

.podcast-thread__section--river .podcast-thread__section-img {
  margin-right: 0
}

@media(min-width: 768px) {
  .podcast-thread__section-img {
    width: 8rem;
    height: 8rem
  }

  .podcast-thread__section--river .podcast-thread__section-img {
    position: absolute;
    top: 0;
    right: 0;
    width: 12rem;
    height: 12rem;
    margin: 0
  }
}

@media(min-width: 1024px) {
  .podcast-thread__section-img {
    position: absolute;
    top: 0;
    right: 0;
    width: 12rem;
    height: 12rem;
    margin: 0
  }
}

.podcast-thread__section-footer {
  display: flex;
  align-items: center;
  justify-content: space-between
}

.podcast-thread__section-parts {
  color: #fcfcfd;
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 1.5rem;
  letter-spacing: .07rem;
  opacity: .7;
  text-transform: uppercase
}

.podcast-thread__section-parts {
  font-family: "Trebuchet MS", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loaded) .podcast-thread__section-parts {
  letter-spacing: -1.607px
}

html:not(.fonts-loaded) .podcast-thread__section-parts>* {
  letter-spacing: -1.607px
}

html.fonts-loaded .podcast-thread__section-parts {
  font-family: "Marr Sans Condensed", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loading) .podcast-thread__section-parts {
  letter-spacing: .05rem
}

@media(min-width: 1024px) {
  .podcast-thread__section-parts {
    font-weight: 500
  }
}

@media(min-width: 1024px) {
  .podcast-thread[data-sublink=lheure-du-monde] .carousel__card:nth-child(n+6) {
    display: none
  }

  .podcast-thread:not([data-sublink=lheure-du-monde]) .carousel__card:nth-child(n+4) {
    display: none
  }
}

.podcast-snippet {
  position: relative;
  margin-bottom: 3.2rem
}

@media(min-width: 768px) {
  .podcast-snippet {
    margin: 0 0 5.6rem 0
  }
}

@media(min-width: 768px) {
  .podcast-snippet.acast {
    margin-bottom: 8rem
  }
}

@media(min-width: 768px) {
  .podcast-snippet.spotify {
    margin-bottom: 12rem
  }
}

.podcast-snippet__section {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 6rem;
  min-height: auto;
  padding: 0 0 0 1.6rem
}

@media(min-width: 768px) {
  .podcast-snippet__section {
    align-items: flex-start;
    height: 23.2rem;
    padding: 2rem 0 0 3.2rem;
    border-top: 0
  }
}

.podcast-snippet__section-link {
  background-color: #252525;
  text-align: center;
  width: 100%;
  border-bottom: .1rem solid rgba(255, 255, 255, .1);
  padding-bottom: 1.6rem;
  margin-bottom: 1.6rem
}

@media(min-width: 768px) {
  .podcast-snippet__section-link {
    background-color: rgba(0, 0, 0, 0);
    position: absolute;
    top: 2rem;
    right: 2rem;
    width: auto;
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0
  }
}

.podcast-snippet__section-link[href=""] {
  display: none
}

.podcast-snippet__section-link .button-small {
  min-width: 15rem
}

@media(max-width: 767px) {

  .podcast-snippet__spotify,
  .podcast-snippet__acast {
    margin: 0
  }
}

@media(min-width: 768px) {

  .podcast-snippet__spotify,
  .podcast-snippet__acast {
    position: absolute;
    left: 3.2rem;
    right: 0;
    top: 6.4rem;
    background: none
  }
}

.podcast-snippet__spotify .podcast-snippet__content,
.podcast-snippet__acast .podcast-snippet__content {
  background-color: #252525
}

.podcast-snippet__content {
  position: relative;
  padding: 0;
  width: auto
}

.podcast-snippet__title {
  font-size: 1.6rem;
  font-weight: 600;
  color: #fff;
  opacity: 1;
  line-height: 1.8rem;
  letter-spacing: .03rem;
  text-transform: uppercase;
  margin: 0
}

.podcast-snippet__title {
  font-family: "Trebuchet MS", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loaded) .podcast-snippet__title {
  letter-spacing: -1.607px
}

html:not(.fonts-loaded) .podcast-snippet__title>* {
  letter-spacing: -1.607px
}

html.fonts-loaded .podcast-snippet__title {
  font-family: "Marr Sans Condensed", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loading) .podcast-snippet__title {
  letter-spacing: .05rem
}

@media(min-width: 768px) {
  .podcast-snippet__title {
    font-size: 1.9rem;
    letter-spacing: .05rem;
    line-height: 2.4rem
  }
}

.podcast-snippet__bottom {
  color: #d5d8dc;
  font-size: 1.4rem;
  align-items: center;
  font-weight: 500;
  background-color: #252525;
  width: auto;
  padding: 1.6rem 0;
  margin: 0;
  flex-wrap: wrap;
  display: none
}

.podcast-snippet__bottom {
  font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .podcast-snippet__bottom {
  letter-spacing: .314px
}

html:not(.fonts-loaded) .podcast-snippet__bottom>* {
  letter-spacing: .314px
}

html.fonts-loaded .podcast-snippet__bottom {
  font-family: "Marr Sans", Arial, Roboto, sans-serif
}

@media(min-width: 768px) {
  .podcast-snippet__bottom {
    margin-left: 3.2rem;
    padding-top: 4rem
  }
}

.podcast-snippet__bottom p {
  font-size: 1.2rem;
  line-height: 1.4rem;
  padding: 0 0 .8rem 0;
  margin: 0 1.6rem
}

@media(min-width: 768px) {
  .podcast-snippet__bottom p {
    font-size: 1.4rem;
    line-height: 2.8rem;
    padding: 0 .8rem 0 0;
    margin: 0 0 0 1.6rem
  }
}

.podcast-snippet__links {
  all: unset;
  display: flex;
  flex-wrap: wrap;
  margin-left: 1.6rem
}

@media(min-width: 768px) {
  .podcast-snippet__links {
    margin-left: 0
  }
}

.podcast-snippet__links a {
  border: .1rem solid rgba(255, 255, 255, .3) !important
}

.podcast-snippet__links a {
  color: rgba(255, 255, 255, .8);
  font-size: 1.2rem;
  border-radius: 3rem;
  height: 3rem;
  align-items: center;
  justify-content: center;
  -webkit-text-decoration: none;
  text-decoration: none;
  width: auto;
  padding: 0 1.2rem;
  margin-bottom: .8rem;
  display: none
}

.podcast-snippet__links a:not([href=""]) {
  display: flex
}

.podcast-snippet__links a:not(:last-of-type) {
  margin-right: .8rem
}

.podcast-snippet__links a {
  font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .podcast-snippet__links a {
  letter-spacing: .314px
}

html:not(.fonts-loaded) .podcast-snippet__links a>* {
  letter-spacing: .314px
}

html.fonts-loaded .podcast-snippet__links a {
  font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.podcast-snippet__links a:hover {
  border: .1rem solid #bdc1c8 !important
}

.podcast-snippet__links a:hover {
  color: #fff
}

.podcast-snippet__links a span {
  display: inline;
  margin-left: .8rem
}

@media(min-width: 768px) {
  .podcast-snippet__links a {
    margin-bottom: 0
  }
}

.podcast--spotify .podcast__content {
  margin-bottom: 3.2rem
}

.podcast__top {
  background-color: #026b9c;
  display: inline-flex;
  position: absolute;
  left: 2.4rem;
  top: -1.6rem;
  height: 3.2rem;
  align-items: center
}

.podcast__top {
  font-family: "Trebuchet MS", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loaded) .podcast__top {
  letter-spacing: -1.607px
}

html:not(.fonts-loaded) .podcast__top>* {
  letter-spacing: -1.607px
}

html.fonts-loaded .podcast__top {
  font-family: "Marr Sans Condensed", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loading) .podcast__top {
  letter-spacing: .05rem
}

.podcast__top p {
  text-transform: uppercase;
  color: #fff;
  font-size: 1.6rem;
  padding: 0 1.2rem
}

.podcast__content {
  margin: 1.6rem .8rem 0;
  position: relative;
  padding-top: 3.2rem
}

.podcast__bottom {
  position: relative;
  top: 1.6rem;
  margin: 0 2.4rem 5rem;
  padding-bottom: 3.2rem;
  color: #d5d8dc;
  font-size: 1.4rem;
  align-items: center;
  font-weight: 500;
  display: none
}

.podcast__bottom {
  font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .podcast__bottom {
  letter-spacing: .314px
}

html:not(.fonts-loaded) .podcast__bottom>* {
  letter-spacing: .314px
}

html.fonts-loaded .podcast__bottom {
  font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.podcast__bottom--show {
  display: block
}

@media(min-width: 768px) {
  .podcast__bottom--show {
    display: flex
  }
}

.podcast__bottom p {
  margin-top: 0;
  margin-right: 1.6rem;
  font-size: 1.4rem
}

.podcast__main {
  position: relative
}

@media(min-width: 1024px) {
  .podcast__main {
    grid-column: 1/3;
    grid-row: 2;
    display: flex;
    align-items: flex-start
  }
}

.podcast__main:hover .podcast__main-title {
  -webkit-text-decoration: underline;
  text-decoration: underline
}

.podcast__main-title {
  color: #2a303b;
  font-size: 1.6rem;
  line-height: 1.25;
  font-weight: 700;
  padding-bottom: 2.4rem
}

.podcast__main-title {
  font-family: Georgia, Droid-serif, serif
}

html:not(.fonts-loaded) .podcast__main-title {
  letter-spacing: -0.645px
}

html:not(.fonts-loaded) .podcast__main-title>* {
  letter-spacing: -0.645px
}

html.fonts-loaded .podcast__main-title {
  font-family: "The Antiqua B standard", Georgia, Droid-serif, serif
}

@supports(font-variation-settings: normal) {
  html.fonts-loaded .podcast__main-title {
    font-family: "The Antiqua B", Georgia, Droid-serif, serif
  }
}

@media(min-width: 1024px) {
  .podcast__main-title {
    padding-bottom: 0;
    font-size: 2.4rem
  }
}

.podcast__main-media {
  width: 100%;
  height: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%
}

@media(min-width: 1024px)and (max-width: 1199px) {
  .podcast__main-media {
    height: 95%;
    width: auto
  }
}

@media(min-width: 1200px) {
  .podcast__main-media {
    position: relative
  }
}

.podcast__media-container {
  flex: 1;
  position: relative;
  padding-top: 66.66%;
  margin-bottom: 1.6rem
}

@media(min-width: 1024px) {
  .podcast__media-container {
    margin-bottom: 0;
    margin-right: 1.6rem;
    padding-top: 0;
    padding-top: initial;
    height: 30.1333rem
  }
}

@media(min-width: 1200px) {
  .podcast__media-container {
    height: 100%
  }

  .podcast__media-container .podcast__picture {
    display: flex
  }
}

.podcast__main-content {
  flex: 1
}

@media(min-width: 1024px) {
  .podcast__main-content {
    margin-left: 1.6rem
  }
}

.podcast__main-desc {
  display: none
}

@media(min-width: 1024px) {
  .podcast__main-desc {
    display: block;
    margin-top: 1.6rem;
    font-size: 1.5rem;
    line-height: 1.33;
    color: #454f5f
  }

  .podcast__main-desc {
    font-family: Georgia, Droid-serif, serif
  }

  html:not(.fonts-loaded) .podcast__main-desc {
    letter-spacing: -0.645px
  }

  html:not(.fonts-loaded) .podcast__main-desc>* {
    letter-spacing: -0.645px
  }

  html.fonts-loaded .podcast__main-desc {
    font-family: "The Antiqua B standard", Georgia, Droid-serif, serif
  }

  @supports(font-variation-settings: normal) {
    html.fonts-loaded .podcast__main-desc {
      font-family: "The Antiqua B", Georgia, Droid-serif, serif
    }
  }
}

.podcast__links {
  display: flex;
  flex-wrap: wrap
}

@media(min-width: 1200px) {
  .podcast__links {
    flex-wrap: nowrap
  }
}

.podcast__links a {
  border-radius: .3rem;
  border: .1rem solid #bdc1c8;
  color: #fff;
  width: 3.6rem;
  height: 3.6rem;
  display: none;
  align-items: center;
  justify-content: center;
  -webkit-text-decoration: none;
  text-decoration: none;
  width: auto;
  padding: 0 1.6rem;
  margin-bottom: 1.6rem
}

.podcast__links a:not([href=""]) {
  display: flex
}

.podcast__links a:not(:last-of-type) {
  margin-right: 1.6rem
}

.podcast__links a:hover {
  border-bottom: .1rem solid #bdc1c8
}

.podcast__links a span {
  display: inline;
  color: #fff;
  margin-left: .8rem
}

.button-small {
  font-weight: 600;
  font-size: 1.3rem;
  color: #fff;
  line-height: 1.6rem;
  display: inline-block;
  text-align: center;
  width: auto;
  border: 1px solid rgba(255, 255, 255, .3);
  border-radius: 1.3rem;
  padding: .5rem 1.2rem;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.button-small {
  font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .button-small {
  letter-spacing: .314px
}

html:not(.fonts-loaded) .button-small>* {
  letter-spacing: .314px
}

html.fonts-loaded .button-small {
  font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.podcast-thread__section--river .button-small {
  display: none
}

.lmd-link:hover {
  -webkit-text-decoration: underline;
  text-decoration: underline;
  text-decoration-thickness: .06em;
  text-underline-offset: .2em
}

.lmd-link-reverse {
  -webkit-text-decoration: underline;
  text-decoration: underline;
  text-decoration-thickness: .06em;
  text-underline-offset: .2em
}

.lmd-link-reverse:hover {
  opacity: .8;
  -webkit-text-decoration: none;
  text-decoration: none
}

.lmd-link-nav:hover {
  color: #026b9c
}

.lmd-link-blue {
  color: #026b9c;
  -webkit-text-decoration: underline;
  text-decoration: underline
}

.lmd-link-blue:hover {
  color: #005b85
}

.lmd-link-opacity:hover {
  opacity: .8
}


@media print {
  .footer {
    display: none
  }
}

.footer--free .zone--footer {
  max-width: 100rem
}

.footer--abo .zone--footer {
  max-width: 121.6rem
}

.footer--multimedia {
  padding-top: 1.6rem
}

.footer .zone {
  margin: 0 auto
}

.footer {
  font-family: "Helvetica Neue", Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .footer {
  font-family: "Helvetica Neue", Helvetica, Arial, Roboto, sans-serif
}

@media(min-width: 768px) {
  .footer {
    padding-left: 3.2rem;
    padding-right: 3.2rem
  }
}

@media(min-width: 1024px) {
  .footer {
    padding-left: 2rem;
    padding-right: 2rem
  }
}

@media(min-width: 1200px) {
  .footer {
    padding-left: 0;
    padding-right: 0
  }
}

@media(min-width: 768px) {
  .footer__top {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 2.4rem;
    column-gap: 2.4rem
  }

  .zone--footer-partner .footer__top {
    grid-template-columns: repeat(4, 1fr)
  }
}

@media(min-width: 1024px) {
  html[lang=fr] .footer__top {
    grid-template-columns: repeat(4, 1fr);
    column-gap: normal;
    column-gap: initial
  }

  html[lang=en] .footer__top {
    grid-template-columns: 2fr 1fr;
    margin-left: 10rem
  }
}

@media(min-width: 768px) {
  .footer__top>.footer__category {
    margin-right: 2.4rem
  }
}

@media(min-width: 1024px) {
  .footer__top>.footer__category {
    margin-right: 2.4rem
  }
}

.footer__category {
  line-height: 1;
  padding: 1.6rem 0;
  border-bottom: .1rem solid #a4a9b4
}

@media(min-width: 768px) {
  .footer__category {
    width: 33.3336%;
    border-bottom: 0;
    padding: 0 0 2.4rem 0
  }
}

@media(min-width: 768px) {
  .footer__category-container {
    display: flex;
    flex-flow: column wrap;
    grid-column: 1/span 3;
    max-height: 50rem
  }

  html[lang=en] .footer__category-container {
    max-height: 40rem
  }

  .zone--footer-partner .footer__category-container {
    max-height: 35rem
  }
}

@media(min-width: 1024px) {
  html[lang=en] .footer__category-container {
    grid-column: 1/span 1;
    grid-row: 1/3;
    max-height: 45rem
  }
}

.footer__category-checkbox {
  position: absolute;
  left: -1000rem;
  opacity: 0
}

.footer__category-checkbox:checked~.footer__category-label:after {
  background-image: url("")
}

.footer__category-checkbox:checked~.footer__links {
  height: auto;
  padding-top: .8rem
}

.footer__category-label {
  position: relative;
  display: block;
  cursor: pointer
}

@media(min-width: 768px) {
  .footer__category-label {
    pointer-events: none
  }
}

.footer__category-label:after {
  content: " ";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  height: 1rem;
  width: 1rem;
  background-image: url("");
  background-repeat: no-repeat;
  background-position: center;
  display: inline-block
}

@media(min-width: 768px) {
  .footer__category-label:after {
    display: none
  }
}

.footer__category-title {
  font-family: "Marr Sans Condensed", Helvetica, Arial, Roboto, sans-serif;
  font-weight: 500;
  text-transform: uppercase;
  font-size: 1.4rem;
  letter-spacing: .1rem;
  color: #fff;
  padding: 0;
  margin: 0
}

@media(min-width: 768px) {
  .footer__category-title {
    padding-bottom: .8rem
  }
}

.footer__category-legales {
  display: none
}

.footer__category-sites {
  border-bottom: 0
}

@media(min-width: 768px) {
  .zone--footer-partner .footer__category-services {
    order: 1
  }

  .zone--footer-partner .footer__category-codes {
    order: 2
  }

  .zone--footer-partner .footer__category-partners {
    order: 3
  }

  .zone--footer-partner .footer__category-guides {
    order: 4
  }

  .zone--footer-partner .footer__category-international {
    order: 5
  }

  .zone--footer-partner .footer__category-legales {
    display: block;
    order: 6
  }

  .zone--footer-partner .footer__category-sites {
    display: none
  }
}

.footer__links {
  height: 0;
  font-size: 1.3rem;
  line-height: 1.3;
  list-style: none;
  position: relative;
  overflow: hidden;
  padding-left: 0;
  margin: 0
}

@media(min-width: 768px) {
  .footer__links {
    display: block;
    height: auto
  }
}

.footer__links.ui-collapse--shown {
  height: auto;
  display: block
}

.footer__links--list {
  padding-top: 0;
  height: auto;
  display: block
}

@media(min-width: 576px) {
  .footer__mandatory .footer__links--list {
    text-align: center
  }
}

.footer__links--social {
  list-style: none;
  display: flex;
  height: auto;
  width: 50%;
  flex-direction: column;
  padding-top: 0
}

.footer__links--social:first-of-type .footer__bullet--social:first-of-type {
  margin-left: 0
}

.footer__links--social>.footer__bullet:before {
  display: none
}

@media(min-width: 768px) {
  .footer__links--social {
    flex-direction: row;
    align-items: center;
    width: auto
  }
}

.footer__links--apps {
  height: auto;
  list-style: none;
  padding-top: 0;
  display: flex;
  align-self: center
}

.footer__links--apps>.footer__bullet:before {
  display: none
}

@media(min-width: 768px) {
  .footer__middle {
    display: grid;
    grid-template-columns: 1fr 2fr;
    grid-column-gap: 2.4rem;
    column-gap: 2.4rem;
    grid-column: 1/-1;
    border-top: .1rem solid #a4a9b4
  }
}

@media(min-width: 1024px) {
  .footer__middle {
    grid-template-columns: initial;
    grid-column: unset;
    margin-top: 0;
    border-top: 0
  }
}

.zone--footer-partner .footer__middle {
  display: none
}

@media(min-width: 768px) {
  .footer__middle>.footer__cta {
    border-top: 0
  }

  .footer__middle>.footer__cta:not(:last-of-type) {
    margin-right: 2.4rem
  }
}

@media(min-width: 1024px) {
  .footer__middle>.footer__cta {
    border-top: .1rem solid #a4a9b4
  }

  .footer__middle>.footer__cta:not(:last-of-type) {
    margin-right: 0
  }
}

.footer__middle-multimedia {
  width: 100%
}

@media(min-width: 768px) {
  .footer__middle-multimedia>.footer__cta {
    width: 100%
  }
}

.footer__links-multimedia {
  display: flex;
  justify-content: center
}

@media(max-width: 767px) {
  .footer__links-multimedia {
    flex-direction: column
  }
}

.footer__bullet-multimedia {
  margin-left: 1rem;
  font-size: 1.2rem
}

.footer__bullet {
  line-height: 1.6;
  position: relative
}

.footer__bullet:before {
  display: block;
  position: absolute;
  left: 0;
  content: "•";
  line-height: 1;
  top: 50%;
  transform: translateY(-50%)
}

@media(min-width: 1024px) {
  .footer__bullet {
    padding-bottom: .4rem
  }
}

.footer__bullet>.footer__link {
  padding-left: .8rem
}

.footer__bullet>.footer__link--apps {
  padding-left: 0;
  align-self: center
}

@media(min-width: 576px) {
  .footer__mandatory .footer__bullet {
    display: inline-block;
    padding: .4rem 0
  }

  .footer__mandatory .footer__bullet:not(:last-of-type) {
    padding-right: 2.4rem
  }
}

.footer__bullet--social {
  line-height: 2.4
}

@media(min-width: 768px) {
  .footer__bullet--social {
    height: 100%;
    margin-left: 1.2rem
  }
}

@media(min-width: 1024px) {
  .footer__bullet--social {
    margin-left: 3.2rem;
    line-height: 1
  }
}

.footer__bullet--apps {
  display: flex;
  align-self: center
}

.footer__bullet--apps:first-of-type:after {
  content: "|";
  display: block;
  margin-left: .4rem;
  margin-right: .4rem
}

.footer__icon {
  width: 2.9rem;
  height: 1.8rem
}

.footer__icon.icon__mail {
  align-self: flex-start
}

.footer__link {
  display: inline-flex;
  width: 100%;
  align-items: flex-end;
  line-height: 1.23;
  color: #e8eaee;
  -webkit-text-decoration: none;
  text-decoration: none
}

.footer__link:hover {
  -webkit-text-decoration: underline;
  text-decoration: underline;
  text-decoration-thickness: .06em;
  text-underline-offset: .2em
}

.footer__link--cta {
  margin-top: 1.6rem
}

.footer__link--list {
  margin-top: 0
}

html[lang=en] .footer__subscribe-link {
  display: block;
  margin: .8rem 0;
  max-width: 20rem
}

.footer__subscribe-button {
  color: #fff;
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 1.6rem;
  width: 9rem;
  height: 3rem
}

.footer__subscribe-button:hover {
  color: #383f4e
}

.footer__cta {
  border-top: .1rem solid #a4a9b4;
  padding: 2.4rem 0;
  font-size: 1.3rem;
  line-height: 1.3
}

@media(min-width: 768px) {
  .footer__cta:first-of-type {
    border-top: 0
  }
}

@media(min-width: 1024px) {
  .footer__cta:first-of-type {
    padding-top: 0
  }
}

.footer__mandatory {
  padding: 2.4rem 0;
  border-top: .1rem solid #a4a9b4
}

@media(min-width: 576px) {
  .footer__mandatory {
    padding: 2.8rem 0
  }
}

.zone--footer-partner .footer__mandatory {
  display: none
}

.footer__bottom {
  border-top: .1rem solid #a4a9b4;
  padding-top: 2.4rem
}

@media(min-width: 1024px) {
  .footer__bottom .footer__title {
    margin-right: 3.2rem
  }
}

@media(min-width: 1024px) {
  .footer__bottom {
    display: flex;
    justify-content: center;
    align-items: center
  }
}

.footer__social {
  margin-top: 1.6rem;
  display: flex
}

.footer__social .footer__link {
  padding-left: 0
}

@media(min-width: 768px) {
  .footer__social .footer__link {
    align-items: center;
    height: 100%
  }
}

@media(min-width: 1024px) {
  .footer__social {
    margin-top: 0
  }
}

.footer__title {
  font-family: "Marr Sans Condensed", Helvetica, Arial, Roboto, sans-serif;
  color: #fff;
  text-transform: uppercase;
  font-size: 1.4rem;
  line-height: 1.28;
  position: relative;
  margin: 0
}

html[lang=en] .footer__title {
  display: flex;
  align-items: center
}

.footer__title--category {
  background: rgba(0, 0, 0, 0);
  border: 0;
  margin: 0;
  padding: 0;
  width: 100%;
  display: inline-block;
  text-align: left;
  cursor: pointer;
  line-height: 1
}

.footer__title--category:focus {
  outline: 0
}

.footer__title--category.ui-collapse--shown:after {
  height: .2rem;
  background-image: url("")
}

@media(min-width: 768px) {
  .footer__title--category.ui-collapse--shown:after {
    display: none
  }
}

.footer__title--category:after {
  background-image: url("")
}

@media(min-width: 768px) {
  .footer__title--category:after {
    display: none
  }
}

@media(min-width: 1024px) {
  .footer__title--category {
    cursor: default
  }
}

.footer__apps {
  display: flex;
  margin-top: 1.6rem
}

.sr-only {
  border: 0 !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important
}

.seo-only {
  display: none
}

.lmd-btn {
  align-items: center;
  border: 0;
  border-radius: .3rem;
  cursor: pointer;
  display: flex;
  flex-shrink: 0;
  font-weight: 500;
  height: 3rem;
  justify-content: center;
  line-height: 1;
  max-width: 100%;
  text-align: center
}

.lmd-btn {
  font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .lmd-btn {
  letter-spacing: .314px
}

html:not(.fonts-loaded) .lmd-btn>* {
  letter-spacing: .314px
}

html.fonts-loaded .lmd-btn {
  font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.lmd-btn--s {
  font-size: 1.2rem;
  padding: .9rem 1.6rem .7rem
}

.lmd-btn--m {
  font-size: 1.4rem;
  padding: .8rem 1.6rem .5rem
}

.lmd-btn--l {
  font-size: 1.6rem;
  height: 4.2rem;
  padding: 1rem 2.4rem
}

.lmd-btn--fullwidth {
  width: 100%
}

.lmd-btn--primary {
  background-color: #026b9c;
  color: #fff
}

.lmd-btn--primary:hover {
  background-color: #005b85
}

.lmd-btn--white {
  background-color: #fff;
  border: .1rem solid #bdc1c8;
  color: #2a303b
}

.lmd-btn--white:hover {
  background-color: #f5f6f8;
  border-color: #bdc1c8
}

.lmd-btn--premium {
  background-color: #ffc700;
  color: #2a303b
}

.lmd-btn--premium:hover {
  background-color: #eab002
}

.lmd-btn--black {
  background-color: #2a303b;
  color: #fff
}

.lmd-btn--black:hover {
  background-color: #454f5f
}

.lmd-btn--blue {
  background-color: #01364f;
  color: #fff
}

.lmd-btn--blue:hover {
  background-color: #01364f
}

.lmd-btn-services {
  align-items: center;
  border: .1rem solid #d5d8dc;
  border-radius: 1.4rem;
  color: #2a303b;
  display: inline-flex;
  flex-shrink: 0;
  font-size: 1.3rem;
  font-weight: 600;
  line-height: 1;
  justify-content: center;
  padding: .4rem 1.2rem
}

.lmd-btn-services {
  font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .lmd-btn-services {
  letter-spacing: .314px
}

html:not(.fonts-loaded) .lmd-btn-services>* {
  letter-spacing: .314px
}

html.fonts-loaded .lmd-btn-services {
  font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.lmd-btn-services:hover {
  background-color: #f5f6f8
}

.lmd-btn-services:active {
  border-color: #d5d8dc;
  background-color: #d5d8dc
}

.lmd-btn-rub {
  align-items: center;
  border: .1rem solid #d5d8dc;
  border-radius: .3rem;
  color: #383f4e;
  display: inline-flex;
  flex-shrink: 0;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1;
  justify-content: center;
  padding: 1.2rem 1.2rem 1rem;
  letter-spacing: .01rem
}

.lmd-btn-rub {
  font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .lmd-btn-rub {
  letter-spacing: .314px
}

html:not(.fonts-loaded) .lmd-btn-rub>* {
  letter-spacing: .314px
}

html.fonts-loaded .lmd-btn-rub {
  font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.lmd-btn-rub:hover {
  background-color: rgba(42, 48, 59, .03)
}

.lmd-input-select__input:disabled .icon__arrow-dropdown,
.top-banner__close-btn,
.top-banner__icon-cb,
.paywall-04__icon-cb,
.paywall-04__icon-paypal {
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  flex-shrink: 0
}

.paywall {
  background-color: #f5f6f8;
  height: auto;
  left: 0;
  position: relative;
  width: 100%;
  z-index: 2
}

.paywall--en .paywall__content {
  padding: 1.6rem
}

.paywall--en .paywall__login {
  line-height: 2.4rem;
  margin-bottom: 0
}

.paywall__header {
  text-align: center
}

@media(min-width: 768px) {
  .paywall__header {
    order: 1
  }
}

.paywall__content {
  background-color: #ffebcc;
  color: #2a303b;
  margin-bottom: 1.2rem;
  margin-left: 50%;
  padding: 1.2rem;
  position: relative;
  transition: height .3s ease;
  transform: translate3d(-50%, 0, 0);
  width: 100vw
}

@media(min-width: 768px) {
  .paywall__content {
    height: 20rem;
    display: flex;
    flex-direction: column;
    margin-left: 0;
    transform: none;
    width: 100%
  }
}

.paywall__content--extend {
  height: 35rem
}

@media(min-width: 768px) {
  .paywall__content--extend {
    height: 18.8rem
  }
}

.paywall__content--orange-money {
  height: auto;
  padding: 1.2rem 3.2rem 1.2rem
}

.paywall__content--lmi {
  height: 20rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 2.4rem;
  padding: 1.6rem
}

.paywall__content--lmi .paywall__header--lmi {
  order: 1
}

.paywall__content--lmi .paywall__next {
  max-width: 25rem;
  margin: 0 auto
}

@media(min-width: 576px) {
  .paywall__content--lmi .paywall__next {
    max-width: none
  }
}

.paywall__content--lmi .paywall__text-wrap,
.paywall__content--lmi .paywall__text-wrap--desktop {
  display: block
}

.paywall__content--lmi .paywall__subscribtion {
  margin-top: 0;
  margin-top: initial;
  width: 100%;
  max-width: none;
  max-width: initial;
  order: 3
}

@media(min-width: 576px) {
  .paywall__content--lmi .paywall__subscribtion {
    max-width: 28rem
  }
}

.paywall__content--integral {
  justify-content: center
}

.paywall__comments {
  display: none;
  position: absolute;
  bottom: 86.4%;
  width: 100%;
  background-color: #fff6d3;
  color: #2a303b;
  padding: 1.6rem;
  border-radius: .2rem;
  border: .1rem solid #f3ecce;
  flex-direction: column;
  z-index: 99
}

.paywall__comments:before {
  content: "";
  position: absolute;
  display: block;
  width: 0;
  left: 50%;
  transform: translateX(-50%);
  top: 100%;
  border: 11px solid rgba(0, 0, 0, 0);
  border-top-color: #f3ecce
}

.paywall__comments:after {
  content: "";
  position: absolute;
  display: block;
  width: 0;
  left: 50%;
  transform: translateX(-50%);
  top: 100%;
  border: 10px solid rgba(0, 0, 0, 0);
  border-top-color: #fff6d3
}

@media(min-width: 768px) {
  .paywall__comments {
    max-width: 66.6rem;
    margin-left: 0;
    width: 100%;
    padding: 1.4rem 0
  }

  .paywall__comments:after {
    left: 5.5rem
  }

  .paywall__comments:before {
    left: 5.5rem
  }
}

@media(min-width: 768px)and (max-width: 1024px) {
  .paywall__comments:after {
    border-width: 1rem
  }

  .paywall__comments:before {
    border-width: 1.1rem
  }
}

@media(min-width: 1024px) {
  .paywall__comments {
    bottom: 80%
  }

  .paywall__comments:after {
    border-width: .7rem
  }

  .paywall__comments:before {
    border-width: .8rem
  }
}

.paywall__comments--show {
  display: flex
}

.paywall__comments-header {
  display: flex;
  flex-direction: column;
  justify-content: flex-start
}

@media(min-width: 768px) {
  .paywall__comments-header {
    margin-left: 2.4rem
  }
}

.paywall__comments-btn {
  margin-top: .8rem;
  display: flex
}

@media(min-width: 768px) {
  .paywall__comments-btn {
    margin: .8rem 2.4rem 0
  }
}

.paywall__comments-subscribe a {
  border-bottom: none;
  font-size: 1.2rem;
  font-weight: 500
}

.paywall__comments-login {
  color: #565e70;
  font-size: 1.2rem;
  line-height: 1.67;
  align-self: center;
  margin-left: 1.6rem
}

.paywall__comments-title {
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 1.3
}

.paywall__comments-title {
  font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .paywall__comments-title {
  letter-spacing: .314px
}

html:not(.fonts-loaded) .paywall__comments-title>* {
  letter-spacing: .314px
}

html.fonts-loaded .paywall__comments-title {
  font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.paywall__comments-subtitle {
  font-size: 1.3rem
}

.paywall__comments-subtitle {
  font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .paywall__comments-subtitle {
  letter-spacing: .314px
}

html:not(.fonts-loaded) .paywall__comments-subtitle>* {
  letter-spacing: .314px
}

html.fonts-loaded .paywall__comments-subtitle {
  font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.paywall__comments-close {
  position: absolute;
  top: 0;
  right: .4rem;
  width: 2.4rem;
  height: 2.4rem;
  text-align: center;
  cursor: pointer
}

.paywall__comments-close:before {
  content: "×";
  font-size: 2.6rem;
  display: block;
  margin-top: -0.6rem
}

@media(min-width: 1024px) {
  .paywall__comments-close {
    width: 1rem;
    height: 1rem;
    top: 0;
    right: 1.1rem
  }
}

.paywall__next {
  font-size: 2rem;
  font-weight: 600;
  line-height: 2.4rem;
  margin-bottom: .4rem
}

.paywall__next {
  font-family: "Trebuchet MS", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loaded) .paywall__next {
  letter-spacing: -1.607px
}

html:not(.fonts-loaded) .paywall__next>* {
  letter-spacing: -1.607px
}

html.fonts-loaded .paywall__next {
  font-family: "Marr Sans Condensed", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loading) .paywall__next {
  letter-spacing: .05rem
}

@media(min-width: 768px) {
  .paywall__next {
    font-size: 2.4rem;
    margin-right: .4rem;
    margin-bottom: 0
  }
}

@media(min-width: 1024px) {
  .paywall__next--favorites {
    font-size: 1.6rem
  }
}

.paywall__next--only-desktop {
  display: none
}

@media(min-width: 768px) {
  .paywall__next--only-desktop {
    display: block
  }
}

.paywall__next--only-mobile {
  display: block
}

@media(min-width: 768px) {
  .paywall__next--only-mobile {
    display: none
  }
}

.paywall__login {
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.4rem;
  margin-top: .8rem;
  text-align: center;
  -webkit-text-decoration: underline;
  text-decoration: underline;
  order: 4
}

.paywall__login {
  font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .paywall__login {
  letter-spacing: .314px
}

html:not(.fonts-loaded) .paywall__login>* {
  letter-spacing: .314px
}

html.fonts-loaded .paywall__login {
  font-family: "Marr Sans", Arial, Roboto, sans-serif
}

@media(max-width: 767px) {
  .paywall__login {
    margin: 0 0 1.6rem
  }
}

.paywall__login--only-desktop {
  display: none
}

@media(min-width: 768px) {
  .paywall__login--only-desktop {
    display: block
  }
}

.paywall__login--only-mobile {
  display: block
}

@media(min-width: 768px) {
  .paywall__login--only-mobile {
    display: none
  }
}

.paywall__login-link {
  color: #026b9c;
  -webkit-text-decoration: underline;
  text-decoration: underline
}

.paywall__container {
  background-color: #fff;
  max-width: 100rem;
  margin: 0 auto;
  padding: 0 1.6rem;
  position: relative
}

@media(min-width: 1024px) {
  .paywall__container {
    padding-bottom: 15rem
  }
}

.paywall__container--no-gradient:before {
  display: none
}

.paywall__subscribtion-orange-money,
.paywall__subscribtion {
  flex-shrink: 0;
  margin-bottom: .8rem;
  text-align: center;
  width: 30rem
}

@media(min-width: 768px) {

  .paywall__subscribtion-orange-money,
  .paywall__subscribtion {
    margin-bottom: 0;
    margin-top: auto;
    order: 3
  }
}

.paywall__subscribtion-orange-money--favorites,
.paywall__subscribtion--favorites {
  margin-bottom: 2.2rem
}

.paywall__title {
  font-size: 2.4rem;
  font-weight: 600;
  line-height: 2.6rem;
  margin: 0 auto .8rem;
  max-width: 42rem;
  text-align: center
}

.paywall__title {
  font-family: "Trebuchet MS", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loaded) .paywall__title {
  letter-spacing: -1.607px
}

html:not(.fonts-loaded) .paywall__title>* {
  letter-spacing: -1.607px
}

html.fonts-loaded .paywall__title {
  font-family: "Marr Sans Condensed", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loading) .paywall__title {
  letter-spacing: .05rem
}

.paywall__title--integral {
  max-width: none
}

.paywall__message {
  font-size: 1.6rem;
  line-height: 2.1rem;
  margin: 0 auto .8rem;
  text-align: center
}

.paywall__message {
  font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .paywall__message {
  letter-spacing: .314px
}

html:not(.fonts-loaded) .paywall__message>* {
  letter-spacing: .314px
}

html.fonts-loaded .paywall__message {
  font-family: "Marr Sans", Arial, Roboto, sans-serif
}

@media(min-width: 1024px) {
  .paywall__message {
    font-size: 1.8rem;
    line-height: 2.4rem;
    margin-bottom: 1.2rem
  }
}

.paywall__subscription-btn {
  align-items: center;
  border: 0;
  border-radius: .3rem;
  cursor: pointer;
  display: flex;
  flex-shrink: 0;
  font-weight: 500;
  height: 3rem;
  justify-content: center;
  line-height: 1;
  max-width: 100%;
  text-align: center;
  background-color: #ffc700;
  color: #2a303b;
  font-size: 1.4rem;
  padding: .8rem 1.6rem .5rem;
  margin-bottom: .4rem;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  width: 30rem
}

.paywall__subscription-btn {
  font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .paywall__subscription-btn {
  letter-spacing: .314px
}

html:not(.fonts-loaded) .paywall__subscription-btn>* {
  letter-spacing: .314px
}

html.fonts-loaded .paywall__subscription-btn {
  font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.paywall__subscription-btn:hover {
  background-color: #eab002
}

@media(min-width: 1024px) {
  .paywall__subscription-btn {
    font-size: 1.6rem;
    height: 4.2rem;
    padding: 1rem 2.4rem
  }
}

.paywall__option-container {
  opacity: 0;
  position: absolute;
  transform: scaleY(0);
  transform-origin: 50% 0;
  transition: transform .2s ease, opacity .1s ease;
  width: 100%;
  z-index: -1;
  margin-top: 1.2rem
}

@media(min-width: 768px) {
  .paywall__option-container {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 2.4rem;
    opacity: 1;
    order: 2;
    position: relative;
    transform: scaleY(1);
    z-index: 1
  }
}

@media(min-width: 1024px) {
  .paywall__option-container {
    grid-column-gap: 4.4rem;
    margin-bottom: 1.2rem
  }
}

.paywall__option-container--extend {
  position: relative;
  opacity: 1;
  transform: scaleY(1);
  z-index: 2
}

.paywall__option-container--single-column {
  grid-template-columns: 1fr
}

.paywall__option-container--single-column .paywall__option {
  justify-content: center;
  max-width: 100%;
  width: 100%
}

.paywall__option-container--lmi {
  order: 2;
  text-align: center;
  margin: .8rem 0 1.2rem
}

@media(min-width: 768px) {
  .paywall__option-container--lmi {
    margin: .8rem 0 1.6rem
  }
}

.paywall__option {
  align-items: baseline;
  display: flex;
  margin: 0 auto;
  max-width: 30rem
}

.paywall__option {
  font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .paywall__option {
  letter-spacing: .314px
}

html:not(.fonts-loaded) .paywall__option>* {
  letter-spacing: .314px
}

html.fonts-loaded .paywall__option {
  font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.paywall__option:not(:last-child) {
  margin-bottom: 1.6rem
}

@media(min-width: 768px) {
  .paywall__option:not(:last-child) {
    margin-bottom: 0
  }
}

.paywall__option--comments {
  max-width: 100%
}

.paywall__option--full-width {
  justify-content: center;
  max-width: 100%;
  width: 100%
}

.paywall__option--lmi {
  max-width: none;
  display: block
}

@media(min-width: 768px) {
  .paywall__option--lmi {
    max-width: 50rem
  }
}

@media(min-width: 768px)and (max-width: 1024px) {
  .paywall__option-quickfix {
    display: none
  }
}

.paywall__option-icon {
  background-image: url("");
  margin-right: .4rem;
  height: 1.2rem;
  width: 1.2rem
}

.paywall__option-icon-orange {
  margin-left: .4rem
}

@media(max-width: 768px) {
  .paywall__option-icon-orange {
    margin-top: .4rem
  }
}

.paywall__option-desc {
  font-size: 1.6rem;
  line-height: 2rem
}

.paywall__option-desc strong {
  font-weight: 500
}

.paywall__option-desc--orange-money {
  align-items: center;
  display: flex;
  justify-content: flex-start
}

.paywall__option-desc--orange-money strong {
  align-items: center;
  display: inline-flex;
  font-weight: 500;
  justify-content: flex-start
}

.paywall__more {
  align-items: center;
  background: none;
  border: 0;
  cursor: pointer;
  display: flex;
  height: 2.3rem;
  justify-content: center;
  margin: 0 auto;
  width: 15rem;
  z-index: 2
}

.paywall__more:focus {
  margin-bottom: 1.6rem;
  outline: 0
}

@media(min-width: 768px) {
  .paywall__more {
    display: none
  }
}

.paywall__more-desc {
  font-size: 1.6rem;
  line-height: 2.4rem;
  margin-right: 1.2rem
}

.paywall__more-desc {
  font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .paywall__more-desc {
  letter-spacing: .314px
}

html:not(.fonts-loaded) .paywall__more-desc>* {
  letter-spacing: .314px
}

html.fonts-loaded .paywall__more-desc {
  font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.paywall__more-icon {
  align-items: center;
  background-image: url("");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  height: 1.4rem;
  justify-content: center;
  transform: rotate(90deg);
  width: 1.4rem
}

.paywall__more-icon--extend {
  transform: rotate(-90deg)
}

.paywall__articles {
  margin-top: 4rem
}

@media(min-width: 768px) {
  .paywall__articles {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: auto auto;
    grid-column: 1/span 3;
    grid-column-gap: 2.4rem;
    grid-row-gap: 2.4rem
  }
}

.paywall__articles .article {
  border-top: 0
}

.paywall__articles .article--featured {
  margin-top: 4.8rem;
  padding-top: 0
}

@media(min-width: 768px) {
  .paywall__articles .article--featured {
    margin-top: 0;
    grid-row: 2
  }
}

.paywall__articles .article--featured .article__desc {
  display: none
}

.paywall__articles .article--related {
  margin-top: 0;
  margin-bottom: 0;
  border-top: .1rem solid #a4a9b4
}

@media(min-width: 768px) {
  .paywall__articles .article--related {
    padding-top: 0;
    border-top: 0
  }
}

.paywall__articles .article--related:first-of-type {
  margin-top: 2.4rem;
  border-top: 0
}

@media(min-width: 768px) {
  .paywall__articles .article--related:first-of-type {
    margin-top: 0
  }
}

.paywall__articles .article--related:not(:last-child) {
  padding-bottom: 2.4rem;
  padding-top: 2.4rem
}

@media(min-width: 768px) {
  .paywall__articles .article--related:not(:last-child) {
    padding-top: 0
  }
}

.paywall__articles .article--related .article__title {
  font-size: 1.6rem;
  margin-top: 0
}

.paywall__articles .article--related .article__title {
  font-family: Georgia, Droid-serif, serif
}

html:not(.fonts-loaded) .paywall__articles .article--related .article__title {
  letter-spacing: -0.645px
}

html:not(.fonts-loaded) .paywall__articles .article--related .article__title>* {
  letter-spacing: -0.645px
}

html.fonts-loaded .paywall__articles .article--related .article__title {
  font-family: "The Antiqua B standard", Georgia, Droid-serif, serif
}

@supports(font-variation-settings: normal) {
  html.fonts-loaded .paywall__articles .article--related .article__title {
    font-family: "The Antiqua B", Georgia, Droid-serif, serif
  }
}

@media(min-width: 1024px) {
  .paywall__articles .article--related .article__title {
    margin-top: 1.2rem
  }
}

.paywall__articles .article--related .article__media {
  position: relative;
  float: none;
  margin-left: 0;
  max-width: 100%;
  margin-bottom: 0;
  overflow: hidden
}

.paywall__articles .article--related .article__media img {
  display: block;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: none;
  max-width: initial;
  width: auto
}

.paywall__articles .article--related .article__media-container {
  position: relative;
  float: right;
  width: 11.4rem;
  margin-bottom: .4rem;
  margin-left: 1.6rem
}

@media(min-width: 1024px) {
  .paywall__articles .article--related .article__media-container {
    float: none;
    max-width: 100%;
    margin-left: 0;
    margin-bottom: 0;
    width: 100%
  }
}

.paywall__articles-title {
  grid-column: 1/span 3;
  grid-row: 1;
  font-weight: 800;
  font-size: 2.4rem;
  letter-spacing: .003rem;
  line-height: 1.29
}

.paywall__articles-title {
  font-family: Georgia, Droid-serif, serif
}

html:not(.fonts-loaded) .paywall__articles-title {
  letter-spacing: -0.645px
}

html:not(.fonts-loaded) .paywall__articles-title>* {
  letter-spacing: -0.645px
}

html.fonts-loaded .paywall__articles-title {
  font-family: "The Antiqua B standard", Georgia, Droid-serif, serif
}

@supports(font-variation-settings: normal) {
  html.fonts-loaded .paywall__articles-title {
    font-family: "The Antiqua B", Georgia, Droid-serif, serif
  }
}

@media(min-width: 360px) {
  .paywall__articles-title {
    font-size: 2.7rem
  }
}

.paywall--abo,
.paywall--free {
  background-color: #fcfcfd
}

.paywall--abo .paywall__header,
.paywall--free .paywall__header {
  display: none
}

.paywall--abo:before,
.paywall--free:before {
  display: none
}

.paywall--abo .paywall__title,
.paywall--abo .paywall__option,
.paywall--abo .paywall__more,
.paywall--abo .paywall__subscribtion {
  display: none
}

.paywall--abo .paywall__content {
  border: 0;
  display: none;
  height: 0
}

.paywall--free .paywall__title,
.paywall--free .paywall__option,
.paywall--free .paywall__more,
.paywall--free .paywall__subscribtion {
  display: none
}

.paywall--free .paywall__content {
  border: 0;
  display: none;
  height: 0
}

.paywall--longform {
  background-color: #fff
}

.paywall--longform .article__reactions {
  margin: 0 auto 1.6rem;
  padding: 2.4rem .8rem 0
}

@media(min-width: 700px) {
  .paywall--longform .article__reactions {
    max-width: 75rem
  }
}

@media(min-width: 768px) {
  .paywall--longform .article__reactions {
    max-width: 62rem;
    padding: 2.4rem 2.4rem 0
  }
}

@media(min-width: 1024px) {
  .paywall--longform .article__reactions {
    padding: 2.4rem 0 0;
    max-width: 63rem
  }
}

@media(min-width: 768px) {
  .paywall--longform .paywall__container {
    padding: 0 0 15rem;
    margin: 0 auto
  }
}

.paywall--longform .paywall__container:before {
  display: none
}

@media print {
  .paywall {
    display: none
  }
}

.paywall #article_recos_paywall_1,
.paywall #article_recos_paywall_2 {
  padding: 0 1.6rem
}

.paywall-04 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  margin-bottom: 2.8rem;
  position: relative;
  box-shadow: 0 -1rem 5rem rgba(42, 48, 60, .14);
  -webkit-clip-path: polygon(0 -5rem, 100% -5rem, 100% 100%, 0% 100%);
  clip-path: polygon(0 -5rem, 100% -5rem, 100% 100%, 0% 100%);
  transform: translate3d(-1.6rem, 0, 0);
  width: calc(100% + 3.2rem)
}

.paywall--longform .paywall-04 {
  transform: translate3d(-1.6rem, 0, 0);
  width: calc(100% + 3.2rem)
}

@media(min-width: 1024px) {
  .paywall--longform .paywall-04 {
    transform: none;
    width: 100%
  }
}

.paywall--free .paywall-04 {
  display: none
}

.paywall-04__header {
  align-items: center;
  background-color: #dde6f1;
  color: #454f5f;
  display: flex;
  font-size: 1.3rem;
  height: 3rem;
  justify-content: center;
  padding: .8rem 1.6rem;
  white-space: nowrap;
  width: 100%
}

.paywall-04__header {
  font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .paywall-04__header {
  letter-spacing: .314px
}

html:not(.fonts-loaded) .paywall-04__header>* {
  letter-spacing: .314px
}

html.fonts-loaded .paywall-04__header {
  font-family: "Marr Sans", Arial, Roboto, sans-serif
}

@media(min-width: 576px) {
  .paywall-04__header {
    font-size: 1.4rem;
    white-space: pre-wrap
  }
}

.paywall-04__header .lmd-link-reverse {
  font-weight: 500;
  margin-left: .4rem
}

.paywall-04__content {
  align-items: center;
  background-color: #f0f5ff;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding: 2rem;
  width: 100%
}

.paywall-04__content {
  font-family: Georgia, Droid-serif, serif
}

html:not(.fonts-loaded) .paywall-04__content {
  letter-spacing: -0.645px
}

html:not(.fonts-loaded) .paywall-04__content>* {
  letter-spacing: -0.645px
}

html.fonts-loaded .paywall-04__content {
  font-family: "The Antiqua B standard", Georgia, Droid-serif, serif
}

@supports(font-variation-settings: normal) {
  html.fonts-loaded .paywall-04__content {
    font-family: "The Antiqua B", Georgia, Droid-serif, serif
  }
}

@media(min-width: 576px) {
  .paywall-04__content {
    padding: 2rem 5rem
  }
}

.paywall-04__text {
  color: #01364f;
  font-size: 2.4rem;
  font-weight: 500;
  letter-spacing: .02rem;
  line-height: 3.1rem;
  margin-bottom: 1.6rem;
  max-width: 47rem;
  text-align: center
}

@media(min-width: 576px) {
  .paywall-04__text {
    font-size: 3rem;
    line-height: 3.6rem
  }
}

.paywall-04__text b {
  font-weight: 700
}

.paywall-04__text strike {
  color: #7698a7
}

.paywall-04__cta {
  margin-bottom: .8rem;
  width: 22rem
}

.paywall-04__payement-methods {
  align-items: center;
  color: #2a303b;
  display: flex;
  font-size: 1rem;
  justify-content: center
}

.paywall-04__payement-methods {
  font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .paywall-04__payement-methods {
  letter-spacing: .314px
}

html:not(.fonts-loaded) .paywall-04__payement-methods>* {
  letter-spacing: .314px
}

html.fonts-loaded .paywall-04__payement-methods {
  font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.paywall-04__payement-methods-spacer {
  background-color: #01364f;
  display: block;
  height: 1rem;
  margin: 0 .4rem;
  width: .1rem
}

.paywall-04__icon-cb {
  background-image: url("");
  height: .8rem;
  margin-right: .4rem;
  width: 1.1rem
}

.paywall-04__icon-paypal {
  background-image: url("");
  height: 1rem;
  width: 3.5rem
}

.paywall-04--yellow {
  box-shadow: 0 -2rem 10rem rgba(42, 48, 60, .24);
  -webkit-clip-path: polygon(0 -12rem, 100% -12rem, 100% 100%, 0% 100%);
  clip-path: polygon(0 -12rem, 100% -12rem, 100% 100%, 0% 100%)
}

.paywall-04--yellow .paywall-04__header {
  background-color: #ffe38f
}

.paywall-04--yellow .paywall-04__content {
  background-color: #fff6d3
}

.paywall-04--yellow .paywall-04__text {
  color: #2a303b
}

.paywall-04--yellow .paywall-04__text strike {
  color: #8b92a1
}

.paywall-04--yellow .paywall-04__payement-methods {
  color: #666e80
}

.paywall-04--yellow .paywall-04__icon-cb {
  background-image: url("")
}

.lmd-link:hover {
  -webkit-text-decoration: underline;
  text-decoration: underline;
  text-decoration-thickness: .06em;
  text-underline-offset: .2em
}

.lmd-link-reverse {
  -webkit-text-decoration: underline;
  text-decoration: underline;
  text-decoration-thickness: .06em;
  text-underline-offset: .2em
}

.lmd-link-reverse:hover {
  opacity: .8;
  -webkit-text-decoration: none;
  text-decoration: none
}

.lmd-link-nav:hover {
  color: #026b9c
}

.lmd-link-blue {
  color: #026b9c;
  -webkit-text-decoration: underline;
  text-decoration: underline
}

.lmd-link-blue:hover {
  color: #005b85
}

.lmd-link-opacity:hover {
  opacity: .8
}

@media(min-width: 1024px) {
  .dropdown__bloc {
    margin-bottom: 4.4rem
  }
}

@media(min-width: 1024px) {
  .dropdown__bloc-live {
    border: .1rem solid #be1514
  }
}

.dropdown__checkbox {
  display: none
}

.dropdown__checkbox-live:checked~.dropdown__content-live {
  display: block
}

@media(min-width: 1024px) {
  .dropdown__checkbox-live:checked~.dropdown__content-live {
    border-top: .1rem solid #be1514;
    padding: 0 2.4rem 2.4rem
  }
}

.dropdown__checkbox-live:checked~.dropdown__label-live--fact:after {
  background-image: url("");
  transform: rotate(180deg)
}

@media(min-width: 1024px) {
  .dropdown__checkbox-live:checked~.dropdown__label-live--fact:after {
    background-image: url("")
  }
}

@media(max-width: 1023px) {
  .dropdown__checkbox-live:checked~.dropdown__label-live--fact-btm:after {
    background-image: url("");
    transform: rotate(180deg)
  }
}

@media(max-width: 1023px) {
  .dropdown__checkbox-live:checked~.dropdown__label-live--fact-btm:before {
    content: "Masquer"
  }
}

@media(max-width: 1023px) {
  .dropdown__checkbox-live:checked~.dropdown__label-live--fact {
    border-bottom: .1rem solid #e8eaee;
    margin-bottom: .8rem
  }
}

@media(max-width: 1023px) {
  .dropdown__checkbox-live:checked~.dropdown__label-live--fact:before {
    content: "Masquer";
    color: #2a303b;
    text-transform: none
  }
}

@media(min-width: 1024px) {
  .dropdown__checkbox-live:checked~.dropdown__label-live--fact:before {
    content: "Les faits essentiels"
  }
}

.dropdown__checkbox-live:checked~.dropdown__label-live--fact .dropdown__label-live--length {
  display: none
}

.dropdown__checkbox-live:checked~.title__sirius-live--all-live {
  display: block
}

.dropdown__label-live {
  cursor: pointer;
  display: block;
  position: relative
}

.dropdown__label-live--fact {
  color: #be1514;
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 2.1rem;
  text-transform: uppercase
}

.dropdown__label-live--fact {
  font-family: "Trebuchet MS", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loaded) .dropdown__label-live--fact {
  letter-spacing: -1.607px
}

html:not(.fonts-loaded) .dropdown__label-live--fact>* {
  letter-spacing: -1.607px
}

html.fonts-loaded .dropdown__label-live--fact {
  font-family: "Marr Sans Condensed", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loading) .dropdown__label-live--fact {
  letter-spacing: .05rem
}

@media(max-width: 1023px) {
  .dropdown__label-live--fact {
    text-align: center;
    padding: 1.6rem 0
  }
}

@media(min-width: 1024px) {
  .dropdown__label-live--fact {
    padding: 2.4rem 1.6rem;
    text-align: left
  }
}

.dropdown__label-live--fact:before {
  content: "Afficher les faits essentiels "
}

.dropdown__label-live--fact-btm {
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 2.1rem;
  color: #717b8e;
  padding: 1.6rem 0;
  text-align: center
}

.dropdown__label-live--fact-btm:before {
  content: "Naviguer dans le live"
}

.dropdown__label-live.arrow-red {
  position: relative
}

.dropdown__label-live.arrow-red:after {
  background-image: url("")
}

.dropdown__label-live.arrow-grey {
  position: relative
}

.dropdown__label-live.arrow-grey:after {
  background-image: url("")
}

.dropdown__label-live:after {
  content: "";
  background-repeat: no-repeat;
  height: 1.4rem;
  width: 1.4rem;
  margin-left: 1rem;
  position: absolute;
  top: 2rem
}

@media(min-width: 1024px) {
  .dropdown__label-live:after {
    top: 2.8rem;
    right: 2.1rem
  }
}

.dropdown__content-live {
  display: none
}

@media(min-width: 1024px) {
  .dropdown__content-live .article__unordered-list li:before {
    color: #be1514
  }
}

.dropdown__content-live li {
  cursor: pointer
}

.dropdown__select-container {
  position: relative;
  margin-top: 1.6rem
}

.dropdown__select-container select {
  outline: none;
  background: #fff;
  -webkit-appearance: none;
  appearance: none;
  margin: 0;
  display: block;
  width: 100%;
  color: #2a303b
}

.dropdown__select-container select::-ms-expand {
  display: none
}

.dropdown__select-container:after {
  content: " ";
  position: absolute;
  right: 1.2rem;
  top: 2rem;
  background-image: url("");
  height: 1.4rem;
  width: 1.4rem;
  cursor: pointer;
  pointer-events: none;
  display: block
}

.dropdown__selectbox {
  font-size: 1.6rem;
  background-color: #fff;
  border: .1rem solid #bdc1c8;
  height: 5rem;
  border-radius: .3rem;
  padding-left: 1.2rem;
  position: relative;
  display: flex;
  cursor: pointer;
  line-height: 2
}

.dropdown__selectbox {
  font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .dropdown__selectbox {
  letter-spacing: .314px
}

html:not(.fonts-loaded) .dropdown__selectbox>* {
  letter-spacing: .314px
}

html.fonts-loaded .dropdown__selectbox {
  font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.dropdown__selectbox:focus {
  outline: 0
}

.dropdown__select-container--hidden {
  display: none
}

.meta {
  display: flex;
  list-style: none
}

.meta {
  font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .meta {
  letter-spacing: .314px
}

html:not(.fonts-loaded) .meta>* {
  letter-spacing: .314px
}

html.fonts-loaded .meta {
  font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.meta__publisher {
  margin-top: 1.6rem;
  line-height: 1.42;
  font-size: 1.4rem;
  color: #717b8e;
  letter-spacing: .02rem
}

@media(min-width: 576px) {
  .meta__publisher {
    letter-spacing: .019rem
  }
}

@media(min-width: 768px) {
  .meta__publisher {
    letter-spacing: .02rem
  }
}

@media(min-width: 1024px) {
  .meta__publisher--free {
    display: none
  }
}

@media(min-width: 768px) {
  .meta__publisher--premium {
    display: none
  }
}

@media(min-width: 1024px) {
  .meta__publisher--wirecutter {
    width: calc(100% - 27.6rem)
  }
}

.meta__text {
  letter-spacing: .02rem;
  line-height: 1.42;
  color: #666e80;
  font-size: 1.4rem;
  display: none
}

.meta__text {
  font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .meta__text {
  letter-spacing: .314px
}

html:not(.fonts-loaded) .meta__text>* {
  letter-spacing: .314px
}

html.fonts-loaded .meta__text {
  font-family: "Marr Sans", Arial, Roboto, sans-serif
}

@media(min-width: 1024px) {
  .meta__text {
    display: inline-flex
  }
}

.meta__text--share {
  margin: 0 .8rem
}

.meta__text--favorite {
  margin-right: .8rem
}

.meta__author:after {
  color: #d5d8dc;
  content: "•";
  padding: 0 .4rem 0 .8rem;
  display: inline-block;
  line-height: 1
}

.meta__author:after {
  font-family: "Helvetica Neue", Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .meta__author:after {
  font-family: "Helvetica Neue", Helvetica, Arial, Roboto, sans-serif
}

.meta__author--page:after {
  display: none
}

.meta__author--page:before {
  color: #d5d8dc;
  content: "•";
  padding: 0 .8rem;
  display: inline-block;
  line-height: 1
}

.meta__author--page:before {
  font-family: "Helvetica Neue", Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .meta__author--page:before {
  font-family: "Helvetica Neue", Helvetica, Arial, Roboto, sans-serif
}

.meta__author--no-after:after {
  display: none
}

.meta__icon {
  font-size: 1.4rem;
  position: relative
}

.meta__icon--live {
  margin-left: 1.3rem
}

.meta__icon--live-l {
  display: none
}

@media(min-width: 1024px) {
  .meta__icon--live-l {
    display: block
  }
}

.meta__icon--no-border {
  border: none
}

.meta__icon--favorite {
  display: flex
}

.meta__icon--mobile {
  display: inline-flex
}

@media(min-width: 1024px) {
  .meta__icon--mobile {
    display: none
  }
}

.meta__icon--desktop {
  display: none
}

@media(min-width: 1024px) {
  .meta__icon--desktop {
    display: inline-flex
  }
}

.meta__link {
  cursor: pointer
}

@media(min-width: 1024px) {
  .meta__link:hover {
    background-color: #eff0f3;
    border-color: #eff0f3
  }

  .meta__link:hover+.meta__icon-desc {
    display: flex;
    justify-content: center
  }

  .meta__link.lmd-dropdown-toggler--opened {
    background-color: #eff0f3;
    border-color: #eff0f3
  }
}

.meta__link:focus {
  outline: 0
}

.meta__link--no-border {
  border: 0
}

.meta__link--extend {
  width: 3.2rem;
  height: 3.2rem;
  background-size: auto;
  display: flex
}

.meta__link--full {
  background-color: #e8eaee;
  border: .1rem solid rgba(0, 0, 0, 0);
  gap: .8rem;
  padding: 0 1rem;
  width: auto
}

@media(min-width: 768px) {
  .meta__link--full {
    background-color: #fff;
    border-color: #d5d8dc
  }
}

.meta__link--full .icon__description {
  color: #2a303b;
  font-size: 1.4rem
}

.meta__link--full .icon__description {
  font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .meta__link--full .icon__description {
  letter-spacing: .314px
}

html:not(.fonts-loaded) .meta__link--full .icon__description>* {
  letter-spacing: .314px
}

html.fonts-loaded .meta__link--full .icon__description {
  font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.meta__link--full:hover {
  background-color: #eff0f3;
  border: .1rem solid #d5d8dc
}

.meta__link--full:hover+.meta__icon-desc {
  display: none
}

.meta__link--full .icon__gift {
  margin-bottom: .2rem
}

.meta__link--light {
  border: 0
}

.meta__link--light:hover {
  background-color: #eff0f3
}

.meta__link--gift {
  background-size: 1.8rem;
  display: flex;
  height: 3.2rem;
  position: relative
}

.meta__link-sub {
  display: flex;
  align-items: center;
  width: 100%;
  background: rgba(0, 0, 0, 0);
  cursor: pointer;
  border: 0;
  padding: 0
}

.meta__link-sub {
  font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .meta__link-sub {
  letter-spacing: .314px
}

html:not(.fonts-loaded) .meta__link-sub>* {
  letter-spacing: .314px
}

html.fonts-loaded .meta__link-sub {
  font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.meta__link-sub:focus {
  outline: 0
}

.meta__link-sub .meta__icon-container:hover {
  background-color: #eff0f3;
  border-color: #d5d8dc
}

.meta__icon-container {
  cursor: pointer;
  margin-right: 1.2rem
}

.meta__icon-container--succes {
  border-color: #008266
}

.meta__label-sub {
  color: #383f4e;
  font-size: 1.4rem
}

.meta__label-sub--succes {
  color: #008266
}

.meta__icon-link {
  display: block;
  cursor: pointer;
  width: 2.4rem;
  height: 2.4rem;
  border: none;
  padding-left: 0;
  padding-right: 0;
  background-color: #fff
}

.meta__icon-link:focus {
  outline: 0
}

.meta__icon-link-popin {
  display: none;
  position: absolute;
  z-index: 11;
  right: 1.4rem;
  top: 3.5rem
}

.meta__icon-link-popin:after,
.meta__icon-link-popin:before {
  bottom: 100%;
  margin-bottom: -3rem;
  left: 100%;
  border: solid rgba(0, 0, 0, 0);
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none
}

.meta__icon-link-popin:after {
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #fff;
  border-width: 1rem;
  margin-left: -1rem
}

.meta__icon-link-popin:before {
  border-color: rgba(233, 237, 240, 0);
  border-bottom-color: #e9edf0;
  border-width: 1.1rem;
  margin-left: -1.1rem
}

.meta__icon-list {
  display: none;
  position: absolute;
  top: 3.2rem
}

.meta__icon-list--show {
  display: block
}

.meta__social {
  align-items: center;
  height: 3.2rem;
  margin-top: 2.4rem;
  gap: 1.2rem
}

.meta__social--live {
  display: inline-flex;
  justify-content: center;
  margin-top: 0;
  font-size: 0;
  height: auto;
  align-items: center
}

.meta__social--live li:last-child:not(.meta__icon--live) {
  margin-left: 1.6rem
}

.meta__social--live-sirius {
  position: absolute;
  right: 2.4rem;
  top: -1.3rem
}

@media(min-width: 1024px) {
  .meta__social--live-sirius {
    top: 3.2rem
  }
}

.meta__social--live-sirius .meta__social {
  margin-top: 0
}

.meta__social--live-sirius .meta__sub.ui-collapse--shown {
  padding-top: 0
}

.meta__social--live-sirius .meta__icon-sub:first-of-type {
  padding: 0
}

.meta__social--live-sirius-post .meta__social {
  margin-top: 0
}

.meta__social--live-sirius-post .meta__sub.ui-collapse--shown {
  padding-top: 0
}

.meta__social--live-sirius-post .meta__icon-sub:first-of-type {
  padding: 0
}

.meta__social--testimony {
  margin-top: 0
}

.meta__social--election-presidential {
  position: absolute;
  right: 1.6rem;
  top: 2.4rem
}

@media(min-width: 1024px) {
  .meta__social--election-presidential {
    right: 2.4rem;
    top: 4rem
  }
}

@media(max-width: 1023px) {
  .meta__social--election-presidential--breadcrumb-area {
    top: 8.8rem
  }
}

.meta__social--election-presidential .meta__social {
  margin-top: 0
}

.meta__social--election-presidential .meta__sub.ui-collapse--shown {
  padding-top: 0
}

.meta__social--election-presidential .meta__icon-sub:first-of-type {
  padding: 0
}

.meta__social--lmi {
  margin-left: auto
}

.meta__testimony {
  display: none
}

@media(min-width: 768px) {
  .meta__testimony {
    display: inline-flex
  }
}

.meta__reading-time {
  display: flex;
  align-items: center;
  line-height: 1.42;
  font-size: 1.4rem;
  color: #717b8e;
  margin-top: 1.6rem;
  letter-spacing: .02rem
}

.meta__reading-time {
  font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .meta__reading-time {
  letter-spacing: .314px
}

html:not(.fonts-loaded) .meta__reading-time>* {
  letter-spacing: .314px
}

html.fonts-loaded .meta__reading-time {
  font-family: "Marr Sans", Arial, Roboto, sans-serif
}

@media(min-width: 576px) {
  .meta__reading-time {
    letter-spacing: .019rem
  }
}

@media(min-width: 768px) {
  .meta__reading-time {
    letter-spacing: .02rem
  }
}

.meta__reading-time--longform {
  justify-content: center;
  margin-top: .8rem
}

@media print {
  .meta__reading-time .icon__reading-time {
    display: none
  }
}

.meta__article-en-fr-url {
  align-items: center;
  color: #717b8e;
  display: inline-flex;
  line-height: 1.42;
  float: none;
  font-size: 1.4rem;
  letter-spacing: .02rem;
  margin-top: 1.6rem
}

.meta__article-en-fr-url {
  font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .meta__article-en-fr-url {
  letter-spacing: .314px
}

html:not(.fonts-loaded) .meta__article-en-fr-url>* {
  letter-spacing: .314px
}

html.fonts-loaded .meta__article-en-fr-url {
  font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.meta__article-en-fr-url:before {
  color: #d5d8dc;
  content: "•";
  line-height: 1
}

.meta__article-en-fr-url:before {
  font-family: Georgia, Droid-serif, serif
}

html:not(.fonts-loaded) .meta__article-en-fr-url:before {
  letter-spacing: -0.645px
}

html:not(.fonts-loaded) .meta__article-en-fr-url:before>* {
  letter-spacing: -0.645px
}

html.fonts-loaded .meta__article-en-fr-url:before {
  font-family: "The Antiqua B standard", Georgia, Droid-serif, serif
}

@supports(font-variation-settings: normal) {
  html.fonts-loaded .meta__article-en-fr-url:before {
    font-family: "The Antiqua B", Georgia, Droid-serif, serif
  }
}

@media print {
  .meta__article-en-fr-url {
    display: none
  }
}

.meta__article-en-fr-url-link {
  -webkit-text-decoration: underline;
  text-decoration: underline;
  text-decoration-thickness: .06em;
  text-underline-offset: .2em;
  margin-left: .4rem
}

.meta__article-en-fr-url-link:hover {
  opacity: .8;
  -webkit-text-decoration: none;
  text-decoration: none
}

.meta__article-en-fr-url--longform {
  margin-top: 0
}

.meta__article-en-fr-url--longform:before {
  content: ""
}

.meta__authors {
  color: rgba(0, 0, 0, .8);
  font-size: 1.6rem;
  text-align: center;
  margin-top: 2.8rem;
  display: inline-block
}

.meta__authors {
  font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .meta__authors {
  letter-spacing: .314px
}

html:not(.fonts-loaded) .meta__authors>* {
  letter-spacing: .314px
}

html.fonts-loaded .meta__authors {
  font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.meta__authors--longform {
  margin-top: 2.8rem;
  margin-bottom: 1.6rem
}

.meta__icon-desc {
  display: none;
  background-color: #2a303b;
  border-radius: .3rem;
  color: #fff;
  font-size: 1.4rem;
  font-weight: normal;
  line-height: 1.8rem;
  height: 2.6rem;
  width: 16rem;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: -6.2rem;
  top: calc(100% + 1.2rem);
  z-index: 1
}

.meta__icon-desc {
  font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .meta__icon-desc {
  letter-spacing: .314px
}

html:not(.fonts-loaded) .meta__icon-desc>* {
  letter-spacing: .314px
}

html.fonts-loaded .meta__icon-desc {
  font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.meta__icon-desc--email {
  right: -8.4rem
}

.meta__icon-desc--more {
  right: -0.4rem
}

.meta__icon-desc--messenger {
  right: -4.4rem
}

.meta__icon-desc--facebook {
  right: -12.4rem
}

.meta__picto {
  align-items: baseline
}

.meta__picto:before {
  color: #d5d8dc;
  content: "•";
  padding: 0 .8rem;
  line-height: 1
}

.meta__picto:before {
  font-family: "Helvetica Neue", Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .meta__picto:before {
  font-family: "Helvetica Neue", Helvetica, Arial, Roboto, sans-serif
}

.meta__picto--single:before {
  display: none
}

.meta__sub {
  display: none
}

.meta__sub.ui-collapse--shown {
  position: absolute;
  display: flex;
  background-color: #fff;
  list-style: none;
  top: calc(100% + 1.2rem);
  left: 4.3rem;
  transform: translate3d(-50%, 0, 0);
  width: auto;
  padding: .8rem 4.8rem .8rem 1.6rem;
  border: .1rem solid #d5d8dc;
  z-index: 3;
  gap: .8rem;
  border-radius: .3rem;
  box-shadow: 0 0 .7rem .5rem rgba(213, 216, 220, .7);
  flex-wrap: wrap
}

@media(min-width: 1024px) {
  .meta__sub.ui-collapse--shown {
    left: 1.5rem;
    flex-wrap: nowrap
  }
}

.meta__sub.ui-collapse--shown::before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 .5rem .8rem .5rem;
  border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #fff rgba(0, 0, 0, 0);
  position: absolute;
  left: 50%;
  transform: translate3d(-50%, 0, 0);
  top: -0.7rem;
  z-index: 2
}

.meta__sub.ui-collapse--shown::after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 .6rem 1rem .6rem;
  border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #d5d8dc rgba(0, 0, 0, 0);
  position: absolute;
  left: 50%;
  transform: translate3d(-50%, 0, 0);
  top: -1rem;
  z-index: 1
}

.meta__icon-sub {
  color: #666e80;
  flex: 1 0 auto
}

.meta__icon-sub .meta__icon-container {
  margin: 0
}

@media(min-width: 768px) {
  .meta__icon-sub:last-of-type {
    margin-left: 1.6rem
  }
}

.meta__icon-sub:last-of-type .meta__icon-container {
  margin-right: .8rem
}

.meta--page {
  font-weight: normal;
  display: inline-block;
  margin-top: .8rem;
  font-size: 1.2rem;
  line-height: 1.6;
  color: #666e80
}

.meta--page {
  font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .meta--page {
  letter-spacing: .314px
}

html:not(.fonts-loaded) .meta--page>* {
  letter-spacing: .314px
}

html.fonts-loaded .meta--page {
  font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.meta--page:after {
  content: "";
  display: table;
  clear: both
}

.meta--inline {
  display: inline;
  margin-left: 0
}

.meta--desktop {
  display: none
}

@media(min-width: 1024px) {
  .meta--desktop {
    display: flex;
    align-items: center
  }
}

.meta--last-desktop {
  margin-right: .8rem
}

.meta--last-desktop:last-child {
  margin-right: 0
}

.meta--mobile {
  display: flex;
  position: relative
}

@media(min-width: 1024px) {
  .meta--mobile {
    display: none
  }
}

.meta--campaign {
  margin-left: 0
}

.meta__gift {
  align-items: center;
  display: flex;
  position: relative
}

.meta__gift-text:not(:last-child) {
  margin-bottom: 1.2rem
}

.meta__gift-text strong {
  font-weight: 500
}

.meta__gift-text-link {
  color: #026b9c;
  display: inline-block
}

.meta__gift-text-link:hover {
  color: #005b85
}

.meta__gift-link {
  align-items: center;
  border-radius: .3rem;
  border: .1rem solid #d5d8dc;
  color: #383f4e;
  display: flex;
  height: 4.8rem;
  font-size: 1.3rem;
  font-weight: 500;
  margin-bottom: .8rem;
  padding: .8rem;
  padding-left: calc(3.2rem + 1.6rem);
  position: relative;
  white-space: nowrap;
  width: 100%
}

.meta__gift-link {
  font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .meta__gift-link {
  letter-spacing: .314px
}

html:not(.fonts-loaded) .meta__gift-link>* {
  letter-spacing: .314px
}

html.fonts-loaded .meta__gift-link {
  font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.meta__gift-link:before {
  background-image: url("");
  background-position: center;
  border: .1rem solid #bdc1c8;
  border-radius: 50%;
  content: "";
  display: block;
  flex-shrink: 0;
  height: 3.2rem;
  left: .8rem;
  margin-right: .8rem;
  position: absolute;
  width: 3.2rem
}

.meta__gift-link--success:before {
  background-image: url("")
}

.meta__gift-link-input {
  border: 0;
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  outline: 0
}

.meta__gift-link-copy {
  color: #026b9c;
  cursor: pointer;
  display: inline-block;
  margin-left: auto
}

.meta__gift-link-copy:hover {
  color: #005b85
}

.share-popin--show .meta__icon-link-popin {
  display: block
}

.lmd-dropdown-gift-article~.meta__icon--dropdown .meta__sub.ui-collapse--shown {
  left: -2.4rem
}

.lmd-dropdown-gift-article~.meta__icon--dropdown .meta__sub.ui-collapse--shown::before,
.lmd-dropdown-gift-article~.meta__icon--dropdown .meta__sub.ui-collapse--shown::after {
  left: 60%
}

@media(min-width: 768px) {
  .lmd-dropdown-gift-article~.meta__icon--dropdown .meta__sub.ui-collapse--shown {
    left: 1.5rem
  }

  .lmd-dropdown-gift-article~.meta__icon--dropdown .meta__sub.ui-collapse--shown::before,
  .lmd-dropdown-gift-article~.meta__icon--dropdown .meta__sub.ui-collapse--shown::after {
    left: 50%
  }
}

.lmd-link:hover {
  -webkit-text-decoration: underline;
  text-decoration: underline;
  text-decoration-thickness: .06em;
  text-underline-offset: .2em
}

.lmd-link-reverse {
  -webkit-text-decoration: underline;
  text-decoration: underline;
  text-decoration-thickness: .06em;
  text-underline-offset: .2em
}

.lmd-link-reverse:hover {
  opacity: .8;
  -webkit-text-decoration: none;
  text-decoration: none
}

.lmd-link-nav:hover {
  color: #026b9c
}

.lmd-link-blue {
  color: #026b9c;
  -webkit-text-decoration: underline;
  text-decoration: underline
}

.lmd-link-blue:hover {
  color: #005b85
}

.lmd-link-opacity:hover {
  opacity: .8
}

.catcher {
  border-top: .4rem solid #383f4e;
  border-bottom: .1rem solid #d5d8dc;
  margin-bottom: 3.2rem;
  margin-top: 2.4rem;
  display: block
}

@media(min-width: 576px) {
  .catcher {
    display: inline-block
  }
}

.catcher--beige {
  background-color: #fff3e8
}

.catcher--beige-dark {
  background-color: #fff5e0
}

.catcher__accordion-btn {
  border-top: .1rem solid rgba(42, 48, 59, .15);
  cursor: pointer;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2.4rem;
  padding-bottom: 2.4rem;
  padding-right: calc(2rem + 2rem);
  padding-top: 1.6rem;
  position: relative;
  width: 100%
}

.catcher__accordion-btn--last {
  padding-bottom: 0
}

.catcher__accordion-btn:before {
  background-image: url("");
  content: "";
  display: inline-block;
  height: 2rem;
  position: absolute;
  right: .8rem;
  top: 1.6rem;
  transform: rotate(90deg);
  width: 2rem
}

.catcher__accordion-btn.ui-collapse--shown {
  padding-bottom: 1.2rem
}

.catcher__accordion-btn.ui-collapse--shown:before {
  background-image: url("");
  transform: rotate(-90deg)
}

.catcher__accordion-content {
  display: none
}

.catcher__accordion-content.ui-collapse--shown {
  display: block
}

.catcher__container {
  max-height: 381px;
  height: auto;
  overflow: hidden;
  transition: height .35s ease, opacity .35s ease
}

@media(min-width: 1024px) {
  .catcher__container {
    max-height: 316px
  }
}

.catcher:last-child {
  margin-bottom: 0
}

.catcher__title {
  font-size: 2.2rem;
  font-weight: 800;
  line-height: 1.25;
  display: block
}

.catcher__title {
  font-family: Georgia, Droid-serif, serif
}

html:not(.fonts-loaded) .catcher__title {
  letter-spacing: -0.645px
}

html:not(.fonts-loaded) .catcher__title>* {
  letter-spacing: -0.645px
}

html.fonts-loaded .catcher__title {
  font-family: "The Antiqua B standard", Georgia, Droid-serif, serif
}

@supports(font-variation-settings: normal) {
  html.fonts-loaded .catcher__title {
    font-family: "The Antiqua B", Georgia, Droid-serif, serif
  }
}

@media(min-width: 769px) {
  .catcher__title {
    font-size: 2.4rem
  }
}

.catcher__label {
  float: left;
  margin-left: 1.6rem
}

.catcher__label a {
  -webkit-text-decoration: underline;
  text-decoration: underline
}

.catcher__pilcrow:before {
  content: "¶";
  display: inline-block;
  position: absolute;
  color: #383f4e;
  left: 0;
  top: 0
}

.catcher__pilcrow:before {
  font-family: Georgia, Droid-serif, serif
}

html:not(.fonts-loaded) .catcher__pilcrow:before {
  letter-spacing: -0.645px
}

html:not(.fonts-loaded) .catcher__pilcrow:before>* {
  letter-spacing: -0.645px
}

html.fonts-loaded .catcher__pilcrow:before {
  font-family: "The Antiqua B standard", Georgia, Droid-serif, serif
}

@supports(font-variation-settings: normal) {
  html.fonts-loaded .catcher__pilcrow:before {
    font-family: "The Antiqua B", Georgia, Droid-serif, serif
  }
}

.catcher__desc {
  margin-bottom: 2.4rem;
  margin-top: 2rem;
  display: block
}

.catcher__desc {
  font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .catcher__desc {
  letter-spacing: .314px
}

html:not(.fonts-loaded) .catcher__desc>* {
  letter-spacing: .314px
}

html.fonts-loaded .catcher__desc {
  font-family: "Marr Sans", Arial, Roboto, sans-serif
}

@media(min-width: 1024px) {
  .catcher__desc {
    margin-bottom: 3.2rem
  }
}

.catcher__desc--list {
  list-style: none;
  margin-bottom: 0
}

.catcher__desc--small {
  font-size: 1.4rem;
  line-height: 1.42;
  color: #8b92a1
}

.catcher__desc li {
  margin-bottom: 1.2rem
}

.catcher__desc a {
  cursor: pointer
}

.catcher__view-more-trigger {
  display: none
}

.catcher__view-more {
  width: 100%;
  height: 44px;
  padding: 1rem;
  text-align: center;
  position: absolute;
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: center;
  cursor: pointer
}

.catcher__view-more:before {
  content: "";
  background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.9), #ffffff);
  position: absolute;
  height: 100px;
  top: -100px;
  left: 0;
  width: 100%
}

.catcher__view-more--open {
  display: flex
}

.catcher__view-more--close {
  display: none
}

.catcher__view-more--open,
.catcher__view-more--close {
  font-size: 1.4rem;
  font-style: normal;
  color: #2a303b;
  font-weight: 600;
  position: relative;
  align-items: center
}

.catcher__view-more--open,
.catcher__view-more--close {
  font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .catcher__view-more--open,
html:not(.fonts-loaded) .catcher__view-more--close {
  letter-spacing: .314px
}

html:not(.fonts-loaded) .catcher__view-more--open>*,
html:not(.fonts-loaded) .catcher__view-more--close>* {
  letter-spacing: .314px
}

html.fonts-loaded .catcher__view-more--open,
html.fonts-loaded .catcher__view-more--close {
  font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.catcher__view-more--open:after,
.catcher__view-more--close:after {
  content: "";
  height: 2rem;
  width: 2rem;
  background-repeat: no-repeat;
  background-image: url("");
  transform: rotate(90deg);
  margin-left: 1.125rem
}

.catcher__view-more-trigger:checked~.catcher__container,
.catcher__view-more-trigger:checked~.catcher-election__container {
  height: 100%;
  max-height: 100%;
  overflow: visible
}

.catcher__view-more-trigger:checked~.catcher-election__container {
  display: inherit;
  padding-bottom: 3rem
}

.catcher__view-more-trigger:checked~.catcher__view-more:before {
  display: none
}

.catcher__view-more-trigger:checked~.catcher__view-more .catcher__view-more--open {
  display: none
}

.catcher__view-more-trigger:checked~.catcher__view-more .catcher__view-more--close {
  display: flex
}

.catcher__view-more-trigger:checked~.catcher__view-more .catcher__view-more--close:after {
  transform: rotate(-90deg)
}

.catcher__image-container {
  position: relative;
  top: -0.3rem;
  float: left;
  width: 8.6rem;
  margin-right: 2.4rem;
  margin-top: 8px
}

@media(min-width: 768px) {
  .catcher__image-container {
    margin-top: 0
  }
}

.catcher__image-container .catcher__picture {
  padding-top: 100%
}

.catcher__image-podcast {
  position: absolute;
  z-index: 5;
  bottom: .4rem;
  left: .4rem;
  height: 3.2rem;
  width: 3.2rem;
  background: url("");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain
}

.catcher--last {
  margin-bottom: 0;
  position: relative;
  padding: 2.4rem 1.6rem 4.5rem 1.6rem;
  border-radius: .8rem;
  border: 1px solid #d5d8dc;
  overflow: hidden
}

@media(min-width: 768px) {
  .catcher--last {
    padding: 3.2rem 3.2rem 4.5rem
  }
}

.catcher--wide {
  width: 100%
}

.catcher--inline {
  display: inline
}

.catcher--inline,
.catcher--reference,
.catcher--favoris {
  border: 0;
  margin-top: 1.6rem;
  margin-bottom: 0;
  width: 100%;
  clear: both
}

@media print {

  .catcher--inline,
  .catcher--reference,
  .catcher--favoris {
    margin-top: 1.6rem
  }
}

.catcher--inline:before,
.catcher--favoris:before {
  content: "";
  display: block;
  margin-top: 2.4rem
}

.catcher--inline-podcast,
.catcher--favoris-podcast {
  display: inline-block;
  margin-top: 3.5rem
}

.catcher--inline-podcast:before,
.catcher--favoris-podcast:before {
  content: normal;
  content: initial
}

.catcher--inline .catcher__title,
.catcher--favoris .catcher__title {
  display: inline;
  margin-top: 0;
  margin-bottom: 0;
  line-height: 1.41;
  letter-spacing: normal;
  font-size: 1.7rem
}

.catcher--inline .catcher__title,
.catcher--favoris .catcher__title {
  font-family: Georgia, Droid-serif, serif
}

html:not(.fonts-loaded) .catcher--inline .catcher__title,
html:not(.fonts-loaded) .catcher--favoris .catcher__title {
  letter-spacing: -0.645px
}

html:not(.fonts-loaded) .catcher--inline .catcher__title>*,
html:not(.fonts-loaded) .catcher--favoris .catcher__title>* {
  letter-spacing: -0.645px
}

html.fonts-loaded .catcher--inline .catcher__title,
html.fonts-loaded .catcher--favoris .catcher__title {
  font-family: "The Antiqua B standard", Georgia, Droid-serif, serif
}

@supports(font-variation-settings: normal) {

  html.fonts-loaded .catcher--inline .catcher__title,
  html.fonts-loaded .catcher--favoris .catcher__title {
    font-family: "The Antiqua B", Georgia, Droid-serif, serif
  }
}

@media(min-width: 768px) {

  .catcher--inline .catcher__title,
  .catcher--favoris .catcher__title {
    font-size: 1.8rem
  }
}

.catcher--inline .catcher__title:after,
.catcher--favoris .catcher__title:after {
  content: "|";
  display: inline-block;
  color: #d5d8dc;
  margin-left: .8rem;
  margin-right: .8rem
}

.catcher--inline .catcher__title--hide,
.catcher--favoris .catcher__title--hide {
  margin-right: .4rem
}

.catcher--inline .catcher__title--hide:after,
.catcher--favoris .catcher__title--hide:after {
  display: none
}

@media print {

  .catcher--inline .catcher__title,
  .catcher--favoris .catcher__title {
    font-size: 9pt
  }
}

.catcher--inline .catcher__desc,
.catcher--favoris .catcher__desc {
  display: inline;
  color: #026b9c;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.7rem;
  line-height: 1.41;
  letter-spacing: -0.01rem;
  font-weight: 600
}

.catcher--inline .catcher__desc,
.catcher--favoris .catcher__desc {
  font-family: Georgia, Droid-serif, serif
}

html:not(.fonts-loaded) .catcher--inline .catcher__desc,
html:not(.fonts-loaded) .catcher--favoris .catcher__desc {
  letter-spacing: -0.645px
}

html:not(.fonts-loaded) .catcher--inline .catcher__desc>*,
html:not(.fonts-loaded) .catcher--favoris .catcher__desc>* {
  letter-spacing: -0.645px
}

html.fonts-loaded .catcher--inline .catcher__desc,
html.fonts-loaded .catcher--favoris .catcher__desc {
  font-family: "The Antiqua B standard", Georgia, Droid-serif, serif
}

@supports(font-variation-settings: normal) {

  html.fonts-loaded .catcher--inline .catcher__desc,
  html.fonts-loaded .catcher--favoris .catcher__desc {
    font-family: "The Antiqua B", Georgia, Droid-serif, serif
  }
}

@media(min-width: 768px) {

  .catcher--inline .catcher__desc,
  .catcher--favoris .catcher__desc {
    font-size: 1.8rem
  }
}

.catcher--inline .catcher__desc a,
.catcher--favoris .catcher__desc a {
  -webkit-text-decoration: underline;
  text-decoration: underline;
  text-decoration-thickness: .06em;
  text-underline-offset: .2em;
  border-bottom: 0;
  color: inherit;
  font-weight: inherit;
  letter-spacing: inherit
}

.catcher--inline .catcher__desc a:hover,
.catcher--favoris .catcher__desc a:hover {
  opacity: .8;
  -webkit-text-decoration: none;
  text-decoration: none
}

@media print {

  .catcher--inline .catcher__desc,
  .catcher--favoris .catcher__desc {
    font-size: 9pt
  }
}

.catcher--reference {
  display: flex;
  width: 100%;
  padding-left: .8rem
}

@media(min-width: 576px) {
  .catcher--reference {
    width: 80%
  }
}

.catcher--reference .catcher__desc {
  color: #666e80;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.5rem;
  line-height: 1.43;
  font-weight: 400;
  position: relative
}

@media(min-width: 1024px) {
  .catcher--reference .catcher__desc {
    line-height: 1.5;
    font-size: 1.6rem
  }
}

.catcher--reference .catcher__desc sup {
  line-height: 1
}

.catcher--reference .catcher__desc a {
  color: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
  border: none
}

@media print {
  .catcher--reference .catcher__label {
    font-size: 9pt
  }
}

.catcher-election {
  color: #2a303b;
  padding: 2.4rem 1.6rem;
  margin: 2.4rem 0;
  display: block;
  position: relative
}

.catcher-election:after {
  content: "";
  display: table;
  clear: both
}

.catcher-election {
  font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .catcher-election {
  letter-spacing: .314px
}

html:not(.fonts-loaded) .catcher-election>* {
  letter-spacing: .314px
}

html.fonts-loaded .catcher-election {
  font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.catcher-election .catcher__container {
  padding-bottom: 2.4rem
}

.catcher-election__container {
  max-height: 233px;
  height: auto;
  overflow: hidden;
  transition: height .35s ease, opacity .35s ease
}

@media(min-width: 768px) {
  .catcher-election__container {
    max-height: 210px
  }
}

.catcher-election__title {
  font-weight: 600;
  font-size: 2rem;
  line-height: 2.4rem;
  margin-bottom: 2.4rem
}

.catcher-election__subtitle {
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 1.9rem;
  margin: 2.4rem 0 1.6rem
}

.catcher-election__paragraph {
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 2.4rem;
  margin-bottom: 2.4rem
}

.catcher-election__paragraph--space-small {
  margin-bottom: 1rem
}

.catcher-election__paragraph--last {
  margin-bottom: 0
}

.catcher-election__link {
  -webkit-text-decoration: underline;
  text-decoration: underline
}

.catcher-election__list-item {
  list-style: none;
  position: relative;
  margin-left: 2.4rem
}

.catcher-election__list-item:before {
  content: "·";
  color: #666e80;
  display: inline;
  font-size: 5rem;
  margin-right: .8rem;
  position: absolute;
  top: -2.75rem;
  left: -2rem
}

.catcher-election__list-item:before {
  font-family: Georgia, Droid-serif, serif
}

html:not(.fonts-loaded) .catcher-election__list-item:before {
  letter-spacing: -0.645px
}

html:not(.fonts-loaded) .catcher-election__list-item:before>* {
  letter-spacing: -0.645px
}

html.fonts-loaded .catcher-election__list-item:before {
  font-family: "The Antiqua B standard", Georgia, Droid-serif, serif
}

@supports(font-variation-settings: normal) {
  html.fonts-loaded .catcher-election__list-item:before {
    font-family: "The Antiqua B", Georgia, Droid-serif, serif
  }
}

.catcher-election__view-more-canton {
  border-top: .1rem solid rgba(3, 4, 5, .1)
}

.catcher-election__view-more-canton:before {
  display: none
}

.catcher-election .catcher__view-more:before {
  background-image: linear-gradient(rgba(255, 243, 232, 0), rgba(255, 243, 232, 0.9), #fff3e8)
}

.catcher--favoris {
  display: flex
}

.catcher--favoris .catcher__favorite {
  flex-shrink: 0;
  margin-left: 1.6rem
}

.article__catchphrase {
  width: 70%;
  margin: 0;
  margin-top: 2.4rem
}

.article__catchphrase {
  font-family: "Trebuchet MS", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loaded) .article__catchphrase {
  letter-spacing: -1.607px
}

html:not(.fonts-loaded) .article__catchphrase>* {
  letter-spacing: -1.607px
}

html.fonts-loaded .article__catchphrase {
  font-family: "Marr Sans Condensed", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loading) .article__catchphrase {
  letter-spacing: .05rem
}

@media(min-width: 576px) {
  .article__catchphrase {
    float: left;
    padding-bottom: 1.6rem;
    padding-right: 4rem;
    margin-top: 2rem;
    width: 20rem
  }
}

@media(min-width: 768px) {
  .article__catchphrase {
    width: 24rem
  }
}

.article__catchphrase:before {
  content: " ";
  display: block;
  width: 3.2rem;
  height: .4rem;
  background-color: #026b9c;
  margin-right: .8rem;
  margin-top: .4rem
}

.article__catchphrase .article__quote {
  margin-bottom: 0;
  font-size: 2.4rem;
  line-height: 1.33;
  font-weight: 600;
  margin-top: 1.6rem;
  color: #026b9c
}

@media print {
  .article__catchphrase .article__quote {
    font-size: 12pt
  }
}

.article__catchphrase+p {
  margin-top: 2.4rem
}

@media print {
  .article__catchphrase+p {
    margin-top: 1.6rem
  }
}

@media print {
  .article__catchphrase {
    float: none;
    width: 70%;
    margin: 0;
    margin-top: 1.6rem
  }
}

figure {
  margin: 0;
  margin-bottom: 0;
  clear: both;
  margin-left: -2.4rem;
  margin-right: -2.4rem;
  margin-top: 2.4rem
}

@media(min-width: 768px) {
  figure {
    margin-left: 0;
    margin-right: 0
  }
}

@media print {
  figure {
    margin-left: 0;
    margin-right: 0;
    margin-top: 1.6rem
  }
}

figcaption {
  background-color: rgba(0, 0, 0, 0);
  margin-top: .8rem
}

figcaption.article__legend {
  color: #717b8e;
  font-size: 1.4rem;
  line-height: 1.42
}

figcaption.article__legend {
  font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) figcaption.article__legend {
  letter-spacing: .314px
}

html:not(.fonts-loaded) figcaption.article__legend>* {
  letter-spacing: .314px
}

html.fonts-loaded figcaption.article__legend {
  font-family: "Marr Sans", Arial, Roboto, sans-serif
}

@media(min-width: 768px) {
  figcaption.article__legend {
    padding-left: 0;
    padding-right: 0
  }
}

@media print {
  figcaption.article__legend {
    padding-left: 0;
    padding-right: 0
  }
}

figcaption.article__legend .article__credit {
  font-size: 1.2rem;
  color: #a2a9ae
}

.author {
  font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .author {
  letter-spacing: .314px
}

html:not(.fonts-loaded) .author>* {
  letter-spacing: .314px
}

html.fonts-loaded .author {
  font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.author:before {
  content: " ";
  display: block;
  width: 6rem;
  height: .4rem;
  background-color: #383f4e;
  margin-bottom: 2.4rem
}

.author__name {
  font-weight: 600;
  font-size: 1.5rem;
  color: #383f4e
}

.author__desc {
  color: #717b8e;
  font-size: 1.5rem
}

.author__detail {
  display: flex;
  flex-direction: column;
  letter-spacing: .02rem
}

.author__live {
  text-align: left;
  color: #8b92a1;
  font-size: 1.6rem;
  line-height: 2.1rem
}

.author__live {
  font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .author__live {
  letter-spacing: .314px
}

html:not(.fonts-loaded) .author__live>* {
  letter-spacing: .314px
}

html.fonts-loaded .author__live {
  font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.twitter-tweet {
  clear: both;
  margin: 0 auto;
  padding-top: 2rem
}

.multimedia-embed {
  margin-top: 2rem;
  overflow-x: hidden;
  clear: both
}

.multimedia-embed iframe {
  max-width: 100%
}

.multimedia-embed--podcast {
  margin-left: -1.6rem;
  margin-right: -1.6rem
}

@media(min-width: 576px) {
  .multimedia-embed--podcast {
    margin-left: -3.2rem;
    margin-right: -3.2rem
  }
}

@media(min-width: 768px) {
  .multimedia-embed--podcast {
    margin-left: 0;
    margin-right: 0
  }
}

@media(prefers-color-scheme: dark) {
  .multimedia-embed[data-color-mode] [data-widget=mlemag-insta] {
    background-color: #2a303b;
    color: #fff
  }
}

.video-embed {
  position: relative;
  padding-top: 56.25%
}

.video-embed iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0
}

.aside__article,
.aside__footer {
  display: none
}

.aside__article .friend,
.aside__footer .friend {
  display: block;
  border-top: 0
}

@media(min-width: 1024px) {

  .aside__article .friend,
  .aside__footer .friend {
    grid-column: 1;
    height: 100%
  }
}

.aside__article .friend:nth-child(2),
.aside__footer .friend:nth-child(2) {
  grid-row: 2/3
}

.aside__article .friend:nth-child(3),
.aside__footer .friend:nth-child(3) {
  grid-row: 3/4
}

.aside__article .friend__sticky,
.aside__footer .friend__sticky {
  position: sticky;
  top: 7rem
}

@media(min-width: 1024px) {
  .aside__article {
    grid-column: 2;
    grid-row: 2;
    display: grid;
    grid-template-rows: auto auto auto;
    grid-template-columns: auto;
    grid-row-gap: 4rem
  }
}

@media(min-width: 1024px) {
  .aside__article--sticky {
    position: sticky;
    top: 2rem
  }
}

.aside__article .friend:first-child {
  margin-top: 2.4rem;
  grid-row: 1/2
}

@media(min-width: 1024px) {
  .aside__footer {
    grid-column: 2;
    grid-row: 3;
    display: grid;
    grid-template-rows: auto;
    grid-template-columns: auto;
    padding-top: 15.3rem
  }
}

.aside__iso {
  display: none
}

@media(min-width: 1024px) {
  .aside__iso {
    display: block;
    padding-top: 2.4rem;
    margin-bottom: 4rem;
    grid-row: 2/3;
    grid-column: 2
  }
}

@media print {
  .aside__iso {
    display: none
  }
}

@media(min-width: 1024px) {
  .aside__iso .friend {
    border-top: 0
  }

  .aside__iso .friend:not(:first-child) {
    margin-top: 4.8rem
  }
}

.aside--favorites {
  padding-top: 0
}

.aside__campaign {
  display: none
}

@media(min-width: 1024px) {
  .aside__campaign {
    display: block;
    padding-top: 2.4rem;
    margin-bottom: 4rem;
    grid-row: 3/4;
    grid-column: 2
  }
}

@media print {
  .aside__campaign {
    display: none
  }
}

@media(min-width: 1024px) {
  .aside__campaign .friend {
    border-top: 0
  }

  .aside__campaign .friend:not(:first-child) {
    margin-top: 4.8rem
  }
}

@media(min-width: 1024px) {
  .aside__campaign--media {
    grid-row: 4;
    grid-column: 2
  }
}

.aside__special--portfolio {
  padding-top: 3.2rem
}

@media(min-width: 1024px) {
  .aside__special--portfolio {
    padding-top: 4rem;
    grid-row: 3/4
  }
}

.aside__special--m-le-mag {
  margin-bottom: 2.4rem
}

@media(min-width: 1024px) {
  .aside__special--video {
    grid-row: 3/4
  }
}

@media(min-width: 1024px) {
  .aside__special--multimedia {
    grid-row: 3/4
  }
}

.aside__special--decodeur {
  border-top: .3rem solid #2a303b;
  padding: 0 2rem 2rem 0;
  color: #2a303b;
  display: none;
  background-color: #f5f6f8;
  padding: 0 2rem 2rem 2rem;
  margin-bottom: 4rem
}

.aside__special--decodeur {
  font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .aside__special--decodeur {
  letter-spacing: .314px
}

html:not(.fonts-loaded) .aside__special--decodeur>* {
  letter-spacing: .314px
}

html.fonts-loaded .aside__special--decodeur {
  font-family: "Marr Sans", Arial, Roboto, sans-serif
}

@media(min-width: 1024px) {
  .aside__special--decodeur {
    margin-bottom: 3.2rem
  }
}

@media(min-width: 1024px) {
  .aside__special--decodeur {
    display: block;
    margin-bottom: 3.2rem
  }
}

.aside__special--afrique {
  border-top: .3rem solid #2a303b;
  padding: 0 2rem 2rem 0;
  color: #2a303b;
  padding: 0 2rem 4rem 0
}

.aside__special--afrique {
  font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .aside__special--afrique {
  letter-spacing: .314px
}

html:not(.fonts-loaded) .aside__special--afrique>* {
  letter-spacing: .314px
}

html.fonts-loaded .aside__special--afrique {
  font-family: "Marr Sans", Arial, Roboto, sans-serif
}

@media(min-width: 1024px) {
  .aside__special--afrique {
    margin-bottom: 3.2rem
  }
}

@media(min-width: 1024px) {
  .aside__special--afrique {
    padding: 0 2rem 2rem 0
  }
}

.aside__page {
  display: none
}

@media(min-width: 1024px) {
  .aside__page {
    grid-column: 2;
    grid-row: 2;
    display: block
  }

  .aside__page .friend {
    margin-bottom: 4rem
  }
}

@media(min-width: 1024px) {
  .aside__page--sitemap {
    grid-column: 2;
    grid-row: 2/4
  }
}

.aside__title {
  font-size: 2.4rem;
  letter-spacing: .046rem;
  line-height: 1.2;
  font-weight: 700;
  color: #2a303b
}

.aside__title {
  font-family: "Trebuchet MS", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loaded) .aside__title {
  letter-spacing: -1.607px
}

html:not(.fonts-loaded) .aside__title>* {
  letter-spacing: -1.607px
}

html.fonts-loaded .aside__title {
  font-family: "Marr Sans Condensed", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loading) .aside__title {
  letter-spacing: .05rem
}

.aside__special-list {
  list-style: none;
  display: flex;
  margin-top: 2.4rem
}

@media(min-width: 1024px) {
  .aside__special-list {
    margin-top: 1.2rem
  }
}

.aside__special-list--afrique {
  flex-direction: column;
  margin-top: 1.2rem
}

@media(min-width: 768px) {
  .aside__special-list--afrique {
    flex-direction: row;
    justify-content: space-between
  }
}

@media(min-width: 1024px) {
  .aside__special-list--afrique {
    flex-direction: column;
    justify-content: flex-start
  }
}

.aside__special-list--decodeur {
  display: inline-block
}

.aside__special-item--decodeur {
  font-size: 1.8rem;
  font-weight: 500
}

.aside__special-item--decodeur {
  font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .aside__special-item--decodeur {
  letter-spacing: .314px
}

html:not(.fonts-loaded) .aside__special-item--decodeur>* {
  letter-spacing: .314px
}

html.fonts-loaded .aside__special-item--decodeur {
  font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.aside__special-item--decodeur:before {
  content: "";
  background-image: url("");
  display: inline-block;
  width: 1.2rem;
  height: 1rem;
  margin-right: .8rem
}

.aside__special-item--afrique:not(:last-of-type) {
  margin-bottom: 1.2rem
}

.aside__special-link--decodeur {
  color: #026b9c
}

.aside__special-link--decodeur:hover {
  border-bottom: .1rem solid #0070b2
}

.aside__special-title {
  font-size: 2.4rem;
  letter-spacing: .046rem;
  line-height: 1.2;
  font-weight: 700;
  margin-top: 2.4rem
}

.aside__special-title {
  font-family: "Trebuchet MS", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loaded) .aside__special-title {
  letter-spacing: -1.607px
}

html:not(.fonts-loaded) .aside__special-title>* {
  letter-spacing: -1.607px
}

html.fonts-loaded .aside__special-title {
  font-family: "Marr Sans Condensed", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loading) .aside__special-title {
  letter-spacing: .05rem
}

@media(min-width: 1024px) {
  .aside__special-title--decodeur {
    font-size: 2.3rem
  }
}

.aside__special-link--m-le-mag {
  margin-top: 1.6rem;
  display: flex
}

.aside__special-link--afrique {
  display: flex
}

.aside__logo-detail {
  display: flex;
  flex-direction: column;
  line-height: 1;
  justify-content: center;
  margin-left: 1.2rem
}

.aside__logo-detail--afrique {
  font-weight: 600
}

.aside__logo-detail--first {
  width: 100%;
  font-weight: 600;
  margin-top: .6rem
}

.aside__logo-detail--second {
  margin-top: .4rem
}

.aside--campaigns {
  display: none;
  padding-top: 2rem
}

@media(min-width: 1024px) {
  .aside--campaigns {
    display: block
  }
}

.aside--election {
  display: flex;
  flex-direction: column
}

@media(min-width: 1024px) {
  .aside--election-top {
    margin-top: -4rem
  }
}

@media(min-width: 1024px) {
  .aside--election .aside__page--sitemap {
    order: 3
  }
}

.aside--election .friend {
  border: none;
  z-index: 0
}

.lmd-link:hover {
  -webkit-text-decoration: underline;
  text-decoration: underline;
  text-decoration-thickness: .06em;
  text-underline-offset: .2em
}

.lmd-link-reverse {
  -webkit-text-decoration: underline;
  text-decoration: underline;
  text-decoration-thickness: .06em;
  text-underline-offset: .2em
}

.lmd-link-reverse:hover {
  opacity: .8;
  -webkit-text-decoration: none;
  text-decoration: none
}

.lmd-link-nav:hover {
  color: #026b9c
}

.lmd-link-blue {
  color: #026b9c;
  -webkit-text-decoration: underline;
  text-decoration: underline
}

.lmd-link-blue:hover {
  color: #005b85
}

.lmd-link-opacity:hover {
  opacity: .8
}

.breadcrumb {
  font-size: 1.6rem;
  color: #717b8e;
  display: flex;
  align-items: center;
  text-transform: uppercase;
  list-style: none;
  font-weight: 500;
  letter-spacing: .1rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-bottom: 1.6rem
}

.breadcrumb {
  font-family: "Trebuchet MS", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loaded) .breadcrumb {
  letter-spacing: -1.607px
}

html:not(.fonts-loaded) .breadcrumb>* {
  letter-spacing: -1.607px
}

html.fonts-loaded .breadcrumb {
  font-family: "Marr Sans Condensed", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loading) .breadcrumb {
  letter-spacing: .05rem
}

.breadcrumb--longform {
  justify-content: center;
  margin-bottom: .8rem
}

.article__header .breadcrumb {
  flex-wrap: wrap
}

.breadcrumb__election {
  align-items: flex-end
}

@media(min-width: 1024px) {
  .breadcrumb__election-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    padding: 1.2rem 3.2rem
  }

  .breadcrumb__election-wrapper .breadcrumb {
    color: #fff
  }
}

.breadcrumb__election-wrapper .breadcrumb__child {
  margin-top: .6rem
}

@media(min-width: 768px) {
  .breadcrumb__election-wrapper .breadcrumb__child {
    padding-left: .4rem
  }
}

@media(min-width: 1024px) {
  .breadcrumb__election-wrapper .breadcrumb__child {
    padding-left: .8rem;
    padding-right: 0
  }
}

.breadcrumb__election-wrapper .breadcrumb__child:before {
  content: "•";
  align-self: center;
  color: #bdc1c8;
  padding-right: .4rem
}

.breadcrumb__election-wrapper .breadcrumb__child:before {
  font-family: Georgia, Droid-serif, serif
}

html:not(.fonts-loaded) .breadcrumb__election-wrapper .breadcrumb__child:before {
  letter-spacing: -0.645px
}

html:not(.fonts-loaded) .breadcrumb__election-wrapper .breadcrumb__child:before>* {
  letter-spacing: -0.645px
}

html.fonts-loaded .breadcrumb__election-wrapper .breadcrumb__child:before {
  font-family: "The Antiqua B standard", Georgia, Droid-serif, serif
}

@supports(font-variation-settings: normal) {
  html.fonts-loaded .breadcrumb__election-wrapper .breadcrumb__child:before {
    font-family: "The Antiqua B", Georgia, Droid-serif, serif
  }
}

@media(min-width: 1024px) {
  .breadcrumb__election-wrapper .breadcrumb__child:before {
    padding-right: .8rem
  }
}

@media(max-width: 1024px) {
  .breadcrumb__election-wrapper .breadcrumb__parent {
    align-items: center;
    display: flex;
    justify-content: flex-start
  }

  .breadcrumb__election-wrapper .breadcrumb__back-arrow {
    background-image: url("");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: inline-block;
    height: 1.6rem;
    right: .8rem;
    top: 1.6rem;
    transform: rotate(180deg);
    width: 2.5rem
  }
}

.breadcrumb__parent {
  display: flex;
  line-height: 1.6rem
}

.breadcrumb__parent--after::after {
  content: "•";
  align-self: center;
  color: #bdc1c8;
  padding: 0 .8rem
}

.breadcrumb__parent--after::after {
  font-family: Georgia, Droid-serif, serif
}

html:not(.fonts-loaded) .breadcrumb__parent--after::after {
  letter-spacing: -0.645px
}

html:not(.fonts-loaded) .breadcrumb__parent--after::after>* {
  letter-spacing: -0.645px
}

html.fonts-loaded .breadcrumb__parent--after::after {
  font-family: "The Antiqua B standard", Georgia, Droid-serif, serif
}

@supports(font-variation-settings: normal) {
  html.fonts-loaded .breadcrumb__parent--after::after {
    font-family: "The Antiqua B", Georgia, Droid-serif, serif
  }
}

.breadcrumb__parent a:hover {
  color: #026b9c
}

.breadcrumb__child {
  display: none
}

.breadcrumb__child:before {
  content: "•";
  align-self: center;
  color: #bdc1c8;
  padding-right: .4rem
}

.breadcrumb__child:before {
  font-family: Georgia, Droid-serif, serif
}

html:not(.fonts-loaded) .breadcrumb__child:before {
  letter-spacing: -0.645px
}

html:not(.fonts-loaded) .breadcrumb__child:before>* {
  letter-spacing: -0.645px
}

html.fonts-loaded .breadcrumb__child:before {
  font-family: "The Antiqua B standard", Georgia, Droid-serif, serif
}

@supports(font-variation-settings: normal) {
  html.fonts-loaded .breadcrumb__child:before {
    font-family: "The Antiqua B", Georgia, Droid-serif, serif
  }
}

.article__header .breadcrumb__child {
  display: flex;
  flex-wrap: nowrap;
  padding-left: .4rem
}

@media(min-width: 768px) {
  .breadcrumb__child {
    display: flex;
    flex-wrap: nowrap;
    padding-left: .4rem
  }

  .breadcrumb__child--election {
    align-self: flex-end
  }
}

@media(min-width: 1024px) {
  .breadcrumb__child {
    padding-left: .8rem;
    padding-right: .8rem
  }
}

.breadcrumb__child--article {
  line-height: 1.6rem
}

.breadcrumb__child--article a:hover {
  color: #026b9c
}

.breadcrumb__child a:hover {
  color: #026b9c
}

.lmd-link:hover {
  -webkit-text-decoration: underline;
  text-decoration: underline;
  text-decoration-thickness: .06em;
  text-underline-offset: .2em
}

.lmd-link-reverse {
  -webkit-text-decoration: underline;
  text-decoration: underline;
  text-decoration-thickness: .06em;
  text-underline-offset: .2em
}

.lmd-link-reverse:hover {
  opacity: .8;
  -webkit-text-decoration: none;
  text-decoration: none
}

.lmd-link-nav:hover {
  color: #026b9c
}

.lmd-link-blue {
  color: #026b9c;
  -webkit-text-decoration: underline;
  text-decoration: underline
}

.lmd-link-blue:hover {
  color: #005b85
}

.lmd-link-opacity:hover {
  opacity: .8
}

@media(min-width: 1024px) {
  .insert {
    color: #2a303b;
    background-color: #f5f6f8;
    border-top: .4rem solid #2a303b;
    padding: 0 2rem 2rem 2rem
  }

  .insert__title,
  .insert__date {
    font-family: "Trebuchet MS", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
  }

  html:not(.fonts-loaded) .insert__title,
  html:not(.fonts-loaded) .insert__date {
    letter-spacing: -1.607px
  }

  html:not(.fonts-loaded) .insert__title>*,
  html:not(.fonts-loaded) .insert__date>* {
    letter-spacing: -1.607px
  }

  html.fonts-loaded .insert__title,
  html.fonts-loaded .insert__date {
    font-family: "Marr Sans Condensed", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
  }

  html:not(.fonts-loading) .insert__title,
  html:not(.fonts-loading) .insert__date {
    letter-spacing: .05rem
  }
}

@media(min-width: 1024px) {
  .insert__title {
    font-size: 2.8rem;
    letter-spacing: .054rem;
    line-height: 1.4;
    font-weight: 700;
    margin-top: 2.4rem
  }
}

.insert__title--wirecutter {
  font-size: 1.5rem;
  letter-spacing: .075rem;
  font-weight: 500;
  line-height: 1.2;
  display: inline-flex;
  align-items: center
}

@media(min-width: 1024px) {
  .insert__date {
    font-size: 1.5rem;
    letter-spacing: .075rem;
    line-height: normal
  }
}

.insert__media {
  display: none
}

@media(min-width: 1024px) {
  .insert__media {
    margin-top: 2.4rem;
    display: block;
    border: .1rem solid #eff0f3;
    box-shadow: 0 .4rem .4rem 0 rgba(0, 0, 0, .04)
  }
}

@media(min-width: 1024px) {
  .insert__media--article {
    margin-top: 0;
    flex: 0 0 9.9rem;
    align-self: flex-start;
    margin-left: 1.6rem;
    margin-bottom: .4rem
  }
}

@media(min-width: 1024px) {
  .insert__action {
    margin-top: 1.6rem;
    height: 4.8rem
  }

  .insert__action:first-child {
    margin-top: 2.4rem
  }
}

.insert__action--archives {
  font-size: 1.5rem
}

@media(min-width: 1024px) {
  .insert__list {
    list-style: none
  }

  .insert__list li:not(:last-child) {
    border-bottom: .1rem solid #d5d8dc
  }
}

@media(min-width: 1024px) {
  .insert__list--wirecutter {
    font-family: Georgia, Droid-serif, serif
  }

  html:not(.fonts-loaded) .insert__list--wirecutter {
    letter-spacing: -0.645px
  }

  html:not(.fonts-loaded) .insert__list--wirecutter>* {
    letter-spacing: -0.645px
  }

  html.fonts-loaded .insert__list--wirecutter {
    font-family: "The Antiqua B standard", Georgia, Droid-serif, serif
  }

  @supports(font-variation-settings: normal) {
    html.fonts-loaded .insert__list--wirecutter {
      font-family: "The Antiqua B", Georgia, Droid-serif, serif
    }
  }
}

@media(min-width: 1024px) {
  .insert__link {
    font-size: 1.8rem;
    letter-spacing: -0.02rem;
    line-height: 1.33;
    display: flex
  }

  .insert__link:hover {
    -webkit-text-decoration: underline;
    text-decoration: underline;
    text-decoration-thickness: .06em;
    text-underline-offset: .2em
  }
}

@media(min-width: 1024px) {
  .insert__link--media {
    font-size: 1.7rem;
    letter-spacing: -0.019rem
  }
}

.insert__item {
  display: flex
}

@media(min-width: 1024px) {
  .insert__item:not(:last-child) {
    padding: 2.4rem 0
  }
}

.insert__item--inline:before {
  content: "•";
  font-size: 3.4rem;
  line-height: 1;
  vertical-align: text-top;
  margin-right: 1.2rem
}

@media(min-width: 1024px) {
  .insert__item:last-child {
    padding-top: 2.4rem
  }
}

@media(min-width: 1024px) {
  .insert__teaser {
    display: flex;
    padding: 2.4rem 0
  }
}

.insert__teaser:hover .insert__subtitle {
  -webkit-text-decoration: underline;
  text-decoration: underline;
  text-decoration-thickness: .06em;
  text-underline-offset: .2em
}

.insert__teaser-wirecutter {
  line-height: 1.3
}

@media(min-width: 1024px) {
  .insert__teaser-wirecutter {
    font-size: 1.8rem;
    padding-top: .8rem
  }
}

.insert__teaser-wirecutter:hover .insert__subtitle {
  -webkit-text-decoration: underline;
  text-decoration: underline;
  text-decoration-thickness: .06em;
  text-underline-offset: .2em
}

@media(min-width: 1024px) {
  .insert__subtitle {
    display: flex;
    font-size: 1.8rem;
    line-height: 1.3;
    letter-spacing: -0.002rem;
    color: #2a303b;
    padding-left: 1.6rem
  }

  .insert__subtitle {
    font-family: Georgia, Droid-serif, serif
  }

  html:not(.fonts-loaded) .insert__subtitle {
    letter-spacing: -0.645px
  }

  html:not(.fonts-loaded) .insert__subtitle>* {
    letter-spacing: -0.645px
  }

  html.fonts-loaded .insert__subtitle {
    font-family: "The Antiqua B standard", Georgia, Droid-serif, serif
  }

  @supports(font-variation-settings: normal) {
    html.fonts-loaded .insert__subtitle {
      font-family: "The Antiqua B", Georgia, Droid-serif, serif
    }
  }
}

.insert .icon__1,
.insert .icon__2,
.insert .icon__3 {
  width: 2rem;
  height: 2rem;
  display: block;
  margin-top: .4rem
}

.insert--wirecutter {
  background-color: #fff;
  border-top: .3rem solid #3374ff;
  border-left: .1rem solid #d5d8dc;
  border-right: .1rem solid #d5d8dc;
  border-bottom: .1rem solid #d5d8dc;
  margin-top: 2rem;
  margin-bottom: 4rem
}

.friend {
  border-top: .1rem solid #d5d8dc;
  position: relative;
  z-index: 1
}

.friend__container {
  height: 150rem
}

.friend--sticky {
  position: sticky;
  top: 8rem
}

.friend__list {
  list-style: none;
  margin-top: 2.4rem;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 1.6rem
}

@media(min-width: 768px) {
  .friend__list {
    grid-template-columns: 1fr 1fr 1fr 1fr
  }
}

@media(min-width: 1024px) {
  .friend__list {
    grid-template-columns: 1fr
  }
}

.friend__media {
  height: 5rem;
  -o-object-fit: contain;
  object-fit: contain;
  width: 10rem
}

@media(min-width: 1024px) {
  .friend__media {
    margin-right: 2rem
  }
}

.friend__item {
  display: flex;
  flex-direction: column;
  align-items: center
}

@media(min-width: 1024px) {
  .friend__item {
    flex-direction: row
  }
}

.friend__message {
  font-size: 1.6rem;
  line-height: 1.31;
  margin-top: 1.6rem
}

.friend__message {
  font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .friend__message {
  letter-spacing: .314px
}

html:not(.fonts-loaded) .friend__message>* {
  letter-spacing: .314px
}

html.fonts-loaded .friend__message {
  font-family: "Marr Sans", Arial, Roboto, sans-serif
}

@media(min-width: 1024px) {
  .friend__message {
    margin-top: 0
  }
}

.friend__message--link:hover {
  -webkit-text-decoration: underline;
  text-decoration: underline
}

.friend--mobile {
  display: block;
  margin-left: -1.6rem;
  margin-right: -1.6rem;
  text-align: center;
  background-color: #f5f6f8;
  border-top: 0
}

@media(min-width: 576px) {
  .friend--mobile {
    margin: 0
  }
}

@media(min-width: 1024px) {
  .friend--mobile {
    display: none
  }
}

.friend--wirecutter {
  display: none;
  margin-bottom: 4rem;
  margin-top: 2rem
}

@media(min-width: 1024px) {
  .friend--wirecutter {
    display: block
  }
}

.friend--wirecutter li {
  display: flex;
  padding: 1.2rem 0 2rem
}

.friend--wirecutter li {
  font-family: Georgia, Droid-serif, serif
}

html:not(.fonts-loaded) .friend--wirecutter li {
  letter-spacing: -0.645px
}

html:not(.fonts-loaded) .friend--wirecutter li>* {
  letter-spacing: -0.645px
}

html.fonts-loaded .friend--wirecutter li {
  font-family: "The Antiqua B standard", Georgia, Droid-serif, serif
}

@supports(font-variation-settings: normal) {
  html.fonts-loaded .friend--wirecutter li {
    font-family: "The Antiqua B", Georgia, Droid-serif, serif
  }
}

.friend--wirecutter li:before {
  content: "•";
  font-size: 3.4rem;
  line-height: 1;
  vertical-align: text-top;
  margin-right: 1.2rem
}

.friend--section {
  border-top: none
}

.friend--river {
  display: block;
  margin-left: -1.6rem;
  margin-right: -1.6rem;
  background-color: #f5f6f8;
  border-top: 0
}

@media(min-width: 576px) {
  .friend--river {
    margin: 0
  }
}

.friend--mobile+.teaser,
.friend--river+.teaser {
  border-top: 0
}

.friend--mobile+.message {
  margin-top: 0;
  border-top: 0
}

@media(min-width: 768px) {
  .friend--mobile+.message {
    border-top: .1rem solid #d5d8dc
  }
}

.friend--wide {
  display: none;
  grid-column: 1/span 3;
  border-top: 0
}

@media(min-width: 1024px) {
  .friend--wide {
    border-top: .1rem solid #d5d8dc;
    display: block
  }
}

.friend--dfp {
  border-top: 0;
  padding-bottom: 4rem
}

.friend--dfp+.area {
  padding-top: 3.2rem;
  border-top: 0
}

@media(min-width: 768px) {
  .friend--dfp+.area {
    border-top: .1rem solid #d5d8dc;
    padding-top: 2.4rem
  }
}

.friend--around {
  background-color: #eff0f3;
  text-align: center;
  text-transform: uppercase;
  font-size: 1rem;
  padding: 0 .8rem .8rem .8rem
}

.friend--around:before {
  content: "Publicité";
  padding-top: .4rem;
  padding-bottom: .4rem;
  display: block;
  width: 100%;
  color: #666e80
}

.friend--inread {
  display: none
}

@media(min-width: 1024px) {
  .friend--inread {
    display: block;
    padding: 0 1.6rem 1.6rem 1.6rem
  }
}

.friend--paywall {
  margin-top: 4rem;
  border-top: 0
}

@media(min-width: 768px) {
  .friend--paywall {
    grid-column: 1/span 3
  }
}

.friend--paywall:first-of-type {
  margin-top: 0
}

.friend--around {
  background-color: #eff0f3;
  text-align: center;
  text-transform: uppercase;
  font-size: 1rem;
  padding: 0 .8rem .8rem .8rem
}

.friend--around:before {
  content: "Publicité";
  padding-top: .4rem;
  padding-bottom: .4rem;
  display: block;
  width: 100%;
  color: #666e80
}

@media(min-width: 1024px) {
  .friend--abo {
    border-color: rgba(0, 0, 0, 0)
  }
}

@media(min-width: 576px) {

  .friend .bizdev-poster,
  .friend .bizdev-list {
    width: 100%
  }
}

.predict {
  height: 25rem;
  display: flex;
  flex-flow: row nowrap;
  margin-top: 4.8rem
}

.predict__illustration {
  width: 12rem;
  background: #2a303b;
  background-repeat: no-repeat;
  background-size: cover
}

.predict__illustration-podcast {
  background: url("")
}

.predict__illustration-international {
  background: url("")
}

.predict__illustration-newsletter {
  background: url("")
}

.predict__illustration-video {
  background: url("")
}

.predict__content {
  flex: 1 0 0;
  padding: .8rem 1.6rem;
  background: #fff;
  display: flex;
  flex-flow: column
}

.predict__text {
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 1.25;
  margin-bottom: .8rem
}

.predict__text {
  font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .predict__text {
  letter-spacing: .314px
}

html:not(.fonts-loaded) .predict__text>* {
  letter-spacing: .314px
}

html.fonts-loaded .predict__text {
  font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.predict__text:last-of-type {
  margin-bottom: 0;
  border-bottom: solid .1rem #026b9c;
  padding-bottom: 1.6rem
}

.predict__button {
  font-weight: 500;
  letter-spacing: .18rem;
  font-size: 1.4rem;
  color: #fff;
  display: inline-block;
  width: 100%;
  background-color: #026b9c;
  padding: 1.1rem 0 1rem;
  border-radius: .3rem;
  text-align: center;
  margin-top: auto
}

.predict__button {
  font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .predict__button {
  letter-spacing: .314px
}

html:not(.fonts-loaded) .predict__button>* {
  letter-spacing: .314px
}

html.fonts-loaded .predict__button {
  font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.forecast__abandonnistes {
  padding: 2.4rem 1.6rem 0;
  display: flex;
  flex-flow: column;
  align-items: center
}

.forecast__abandonnistes {
  font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .forecast__abandonnistes {
  letter-spacing: .314px
}

html:not(.fonts-loaded) .forecast__abandonnistes>* {
  letter-spacing: .314px
}

html.fonts-loaded .forecast__abandonnistes {
  font-family: "Marr Sans", Arial, Roboto, sans-serif
}

@media(min-width: 768px) {
  .forecast__abandonnistes {
    max-width: 66.4rem;
    margin: 0 auto;
    padding: 2.4rem 0 0
  }
}

@media(min-width: 1024px) {
  .forecast__abandonnistes {
    display: none
  }
}

.forecast__abandonnistes .abandonnistes__checkbox {
  position: absolute;
  opacity: 0;
  left: -1000rem
}

.forecast__abandonnistes .abandonnistes__checkbox:checked {
  border: none;
  outline: none;
  background-color: red
}

.forecast__abandonnistes .abandonnistes__checkbox:checked~.abandonnistes__avantages {
  display: block
}

.forecast__abandonnistes .abandonnistes__checkbox:checked~.abandonnistes__more .abandonnistes__more-button--more {
  display: none
}

.forecast__abandonnistes .abandonnistes__checkbox:checked~.abandonnistes__more .abandonnistes__more-button--less {
  display: block
}

.forecast__abandonnistes .abandonnistes__title {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.17;
  text-align: center;
  margin-bottom: 2rem;
  order: 1
}

@media(min-width: 1024px) {
  .forecast__abandonnistes .abandonnistes__title {
    font-size: 2.4rem
  }
}

.forecast__abandonnistes .abandonnistes__title--nowrap {
  white-space: nowrap
}

.forecast__abandonnistes .abandonnistes__avantages {
  list-style: none;
  margin: 2rem 0;
  display: none;
  order: 3
}

@media(min-width: 1024px) {
  .forecast__abandonnistes .abandonnistes__avantages {
    margin: 0 0 2rem;
    text-align: center;
    display: block;
    order: 2
  }
}

.forecast__abandonnistes .abandonnistes__avantages-item {
  margin-bottom: 1.8rem;
  padding-left: 4rem;
  position: relative
}

@media(min-width: 1024px) {
  .forecast__abandonnistes .abandonnistes__avantages-item {
    padding-left: 0
  }
}

.forecast__abandonnistes .abandonnistes__avantages-item:before {
  display: inline-block;
  content: " ";
  background-image: url("");
  background-size: cover;
  background-repeat: no-repeat;
  margin-right: .8rem;
  height: 2.4rem;
  width: 2.4rem;
  vertical-align: text-bottom;
  position: absolute;
  left: .2rem
}

@media(min-width: 1024px) {
  .forecast__abandonnistes .abandonnistes__avantages-item:before {
    position: static;
    position: initial
  }
}

.forecast__abandonnistes .abandonnistes__avantages-item:last-child {
  margin-bottom: 0
}

.forecast__abandonnistes .abandonnistes__avantages-item--account-four:before {
  height: 2.2rem;
  width: 3rem;
  background-image: url("");
  left: 0
}

.forecast__abandonnistes .abandonnistes__avantages-item--account-two:before {
  height: 2.2rem;
  width: 1.9rem;
  background-image: url("");
  left: .6rem
}

.forecast__abandonnistes .abandonnistes__cta {
  display: inline-block;
  max-width: 100%;
  width: 100%;
  font-weight: 500;
  padding: .7rem 0 .8rem;
  background-color: #ffc700;
  border-radius: .3rem;
  text-align: center;
  order: 2
}

@media(min-width: 768px) {
  .forecast__abandonnistes .abandonnistes__cta {
    max-width: 35.2rem
  }
}

@media(min-width: 1024px) {
  .forecast__abandonnistes .abandonnistes__cta {
    order: 3
  }
}

.forecast__abandonnistes .abandonnistes__more {
  position: relative;
  width: 100%;
  height: .4rem;
  background-color: #ffc700;
  margin-top: 2.2rem;
  order: 4;
  z-index: 1
}

@media(min-width: 1024px) {
  .forecast__abandonnistes .abandonnistes__more {
    display: none
  }
}

.forecast__abandonnistes .abandonnistes__more-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  white-space: nowrap;
  background: #fff;
  padding: 0 1rem;
  font-weight: 500;
  cursor: pointer
}

.forecast__abandonnistes .abandonnistes__more-button--less {
  display: none
}

.forecast__abandonnistes .abandonnistes__more-button .abandonnistes__icon {
  display: inline-block;
  height: .5rem;
  width: .8rem;
  background-size: cover;
  vertical-align: middle;
  margin-left: .4rem
}

.forecast__abandonnistes .abandonnistes__more-button .abandonnistes__icon.icon--more {
  background-image: url("")
}

.forecast__abandonnistes .abandonnistes__more-button .abandonnistes__icon.icon--less {
  background-image: url("")
}

.forecast__abandonnistes--space {
  padding-bottom: 2.4rem
}

.forecast .predict {
  height: 25rem;
  display: flex;
  flex-flow: row nowrap;
  margin-top: 4.8rem
}

.forecast .predict__illustration {
  width: 12rem;
  background: #2a303b;
  background-repeat: no-repeat;
  background-size: cover
}

.forecast .predict__illustration-podcast {
  background: url("")
}

.forecast .predict__illustration-international {
  background: url("")
}

.forecast .predict__illustration-newsletter {
  background: url("")
}

.forecast .predict__illustration-video {
  background: url("")
}

.forecast .predict__content {
  flex: 1 0 0;
  padding: .8rem 1.6rem;
  background: #fff;
  display: flex;
  flex-flow: column
}

.forecast .predict__text {
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 1.25;
  margin-bottom: .8rem
}

.forecast .predict__text {
  font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .forecast .predict__text {
  letter-spacing: .314px
}

html:not(.fonts-loaded) .forecast .predict__text>* {
  letter-spacing: .314px
}

html.fonts-loaded .forecast .predict__text {
  font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.forecast .predict__text:last-of-type {
  margin-bottom: 0;
  border-bottom: solid .1rem #026b9c;
  padding-bottom: 1.6rem
}

.forecast .predict__button {
  font-weight: 500;
  letter-spacing: .18rem;
  font-size: 1.4rem;
  color: #fff;
  display: inline-block;
  width: 100%;
  background-color: #026b9c;
  padding: 1.1rem 0 1rem;
  border-radius: .3rem;
  text-align: center;
  margin-top: auto
}

.forecast .predict__button {
  font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .forecast .predict__button {
  letter-spacing: .314px
}

html:not(.fonts-loaded) .forecast .predict__button>* {
  letter-spacing: .314px
}

html.fonts-loaded .forecast .predict__button {
  font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.privacy__block-gray {
  border: .1rem solid #ccc;
  background: #eee;
  padding: 0 1.6rem;
  margin: 1.6rem 0
}

.privacy__block-gray p {
  margin: 1.5rem 0
}

.privacy__table {
  border-collapse: collapse;
  margin-top: 2rem
}

.privacy__table p {
  margin: 1.5rem 0
}

.sr-only {
  border: 0 !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important
}

.seo-only {
  display: none
}

.lmd-btn {
  align-items: center;
  border: 0;
  border-radius: .3rem;
  cursor: pointer;
  display: flex;
  flex-shrink: 0;
  font-weight: 500;
  height: 3rem;
  justify-content: center;
  line-height: 1;
  max-width: 100%;
  text-align: center
}

.lmd-btn {
  font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .lmd-btn {
  letter-spacing: .314px
}

html:not(.fonts-loaded) .lmd-btn>* {
  letter-spacing: .314px
}

html.fonts-loaded .lmd-btn {
  font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.lmd-btn--s {
  font-size: 1.2rem;
  padding: .9rem 1.6rem .7rem
}

.lmd-btn--m {
  font-size: 1.4rem;
  padding: .8rem 1.6rem .5rem
}

.lmd-btn--l {
  font-size: 1.6rem;
  height: 4.2rem;
  padding: 1rem 2.4rem
}

.lmd-btn--fullwidth {
  width: 100%
}

.lmd-btn--primary {
  background-color: #026b9c;
  color: #fff
}

.lmd-btn--primary:hover {
  background-color: #005b85
}

.lmd-btn--white {
  background-color: #fff;
  border: .1rem solid #bdc1c8;
  color: #2a303b
}

.lmd-btn--white:hover {
  background-color: #f5f6f8;
  border-color: #bdc1c8
}

.lmd-btn--premium {
  background-color: #ffc700;
  color: #2a303b
}

.lmd-btn--premium:hover {
  background-color: #eab002
}

.lmd-btn--black {
  background-color: #2a303b;
  color: #fff
}

.lmd-btn--black:hover {
  background-color: #454f5f
}

.lmd-btn--blue {
  background-color: #01364f;
  color: #fff
}

.lmd-btn--blue:hover {
  background-color: #01364f
}

.lmd-btn-services {
  align-items: center;
  border: .1rem solid #d5d8dc;
  border-radius: 1.4rem;
  color: #2a303b;
  display: inline-flex;
  flex-shrink: 0;
  font-size: 1.3rem;
  font-weight: 600;
  line-height: 1;
  justify-content: center;
  padding: .4rem 1.2rem
}

.lmd-btn-services {
  font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .lmd-btn-services {
  letter-spacing: .314px
}

html:not(.fonts-loaded) .lmd-btn-services>* {
  letter-spacing: .314px
}

html.fonts-loaded .lmd-btn-services {
  font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.lmd-btn-services:hover {
  background-color: #f5f6f8
}

.lmd-btn-services:active {
  border-color: #d5d8dc;
  background-color: #d5d8dc
}

.lmd-btn-rub {
  align-items: center;
  border: .1rem solid #d5d8dc;
  border-radius: .3rem;
  color: #383f4e;
  display: inline-flex;
  flex-shrink: 0;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1;
  justify-content: center;
  padding: 1.2rem 1.2rem 1rem;
  letter-spacing: .01rem
}

.lmd-btn-rub {
  font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .lmd-btn-rub {
  letter-spacing: .314px
}

html:not(.fonts-loaded) .lmd-btn-rub>* {
  letter-spacing: .314px
}

html.fonts-loaded .lmd-btn-rub {
  font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.lmd-btn-rub:hover {
  background-color: rgba(42, 48, 59, .03)
}

.lmd-link:hover {
  -webkit-text-decoration: underline;
  text-decoration: underline;
  text-decoration-thickness: .06em;
  text-underline-offset: .2em
}

.lmd-link-reverse {
  -webkit-text-decoration: underline;
  text-decoration: underline;
  text-decoration-thickness: .06em;
  text-underline-offset: .2em
}

.lmd-link-reverse:hover {
  opacity: .8;
  -webkit-text-decoration: none;
  text-decoration: none
}

.lmd-link-nav:hover {
  color: #026b9c
}

.lmd-link-blue {
  color: #026b9c;
  -webkit-text-decoration: underline;
  text-decoration: underline
}

.lmd-link-blue:hover {
  color: #005b85
}

.lmd-link-opacity:hover {
  opacity: .8
}

.lmd-u-hide {
  display: none !important
}

@media(max-width: 767px) {
  .lmd-u-hide-mobile {
    display: none !important
  }
}

@media(min-width: 768px) {
  .lmd-u-hide-desktop {
    display: none !important
  }
}

@media(max-width: 1023px) {
  .lmd-u-hide-tablet {
    display: none !important
  }
}

@media(max-width: 479px) {
  .lmd-u-hide-smallmobile {
    display: none !important
  }
}

@media(max-width: 359px) {
  .lmd-u-hide-xs {
    display: none !important
  }
}

@media(max-width: 575px) {
  .lmd-u-hide-s {
    display: none !important
  }
}

@media(min-width: 576px) {
  .lmd-u-hide-over-s {
    display: none !important
  }
}

@media(max-width: 767px) {
  .lmd-u-only-desktop {
    display: none
  }
}

.lmd-u-lock-scroll {
  overflow: hidden !important
}

.sticky .lmd-u-hide-sticky {
  display: none !important
}

.services {
  border-top: .2rem solid #2a303b;
  padding-top: 2.4rem
}

.services:not(:last-child) {
  margin-bottom: 4rem
}

.services--footer {
  grid-column: 1/span 2;
  margin-top: 4rem
}

.services__title {
  color: #666e80;
  font-size: 2.2rem;
  font-weight: 800;
  letter-spacing: normal;
  line-height: 1.3;
  margin-bottom: 0;
  -webkit-text-decoration: none;
  text-decoration: none
}

.services__title {
  font-family: "Helvetica Neue", Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .services__title {
  font-family: "Helvetica Neue", Helvetica, Arial, Roboto, sans-serif
}

.services__link {
  display: block;
  margin-bottom: 1.6rem
}

.services__content {
  -ms-overflow-style: none;
  scrollbar-width: none;
  column-gap: 1.6rem;
  display: inline-grid;
  grid-auto-columns: 29rem;
  grid-template-rows: 1fr;
  grid-auto-flow: column;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  padding-left: 1.6rem;
  padding-right: 3.2rem;
  transform: translate3d(-1.6rem, 0, 0);
  width: 100vw
}

.services__content::-webkit-scrollbar {
  width: 0 !important
}

.services__content::-webkit-scrollbar {
  display: none
}

@media(min-width: 576px) {
  .services__content {
    padding-left: 3.2rem;
    padding-right: 4.8rem;
    transform: translate3d(-3.2rem, 0, 0)
  }
}

@media(min-width: 768px) {
  .services__content {
    padding: 0;
    transform: none;
    width: 100%
  }
}

@media(min-width: 1024px) {
  .services__content {
    grid-auto-columns: 1fr
  }
}

.services--generic .services__content {
  align-items: flex-start;
  display: flex;
  justify-content: flex-start;
  width: 100%
}

.services-inread {
  border: 1px solid #79c4df;
  border-radius: 2px;
  display: inline-flex;
  font-weight: 400;
  margin: 3.2rem .8rem 2.4rem .8rem;
  max-width: 62rem;
  position: relative
}

.services-inread {
  font-family: "Trebuchet MS", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loaded) .services-inread {
  letter-spacing: -1.607px
}

html:not(.fonts-loaded) .services-inread>* {
  letter-spacing: -1.607px
}

html.fonts-loaded .services-inread {
  font-family: "Marr Sans Condensed", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loading) .services-inread {
  letter-spacing: .05rem
}

@media(min-width: 576px) {
  .services-inread {
    margin-left: 2.4rem;
    margin-right: 2.4rem
  }
}

.services-inread--abo {
  border: 1px solid #ffc877
}

.services-inread--abo .services-inread__cta,
.services-inread--abo .inread__cta {
  color: #005b85
}

.services-inread--grey {
  border: 1px solid #e2e4e9
}

.services-inread--grey .services-inread__cta,
.services-inread--grey .inread__cta {
  color: #005b85
}

.services-inread__headline {
  position: absolute;
  top: -1.2rem;
  left: 1.6rem;
  display: inline-block;
  background-color: #fff;
  font-size: 1.2rem;
  line-height: 2.1rem;
  padding: 0 .8rem
}

.services-inread__link {
  display: grid;
  font-size: 1.5rem;
  grid-auto-columns: auto;
  grid-template-columns: 1fr;
  line-height: 2.1rem;
  padding: 1.6rem 2.4rem;
  width: 100%
}

.services-inread__link:hover .services-inread__cta {
  -webkit-text-decoration: underline;
  text-decoration: underline;
  text-decoration-thickness: .06em;
  text-underline-offset: .2em
}

.services-inread__title {
  font-weight: 600;
  text-transform: uppercase
}

.services-inread__desc {
  font-weight: 400
}

.services-inread__desc {
  font-family: Georgia, Droid-serif, serif
}

html:not(.fonts-loaded) .services-inread__desc {
  letter-spacing: -0.645px
}

html:not(.fonts-loaded) .services-inread__desc>* {
  letter-spacing: -0.645px
}

html.fonts-loaded .services-inread__desc {
  font-family: "The Antiqua B standard", Georgia, Droid-serif, serif
}

@supports(font-variation-settings: normal) {
  html.fonts-loaded .services-inread__desc {
    font-family: "The Antiqua B", Georgia, Droid-serif, serif
  }
}

@media(min-width: 1024px) {
  .services-inread__desc {
    margin-right: 4.8rem
  }
}

.services-inread__desc span {
  display: block
}

@media(min-width: 576px) {
  .services-inread__desc span {
    display: inline-block
  }
}

.services-inread__cta {
  font-weight: 400;
  color: #036487;
  letter-spacing: .02rem;
  margin-top: .8rem
}

.services-inread__cta::after {
  content: "";
  background-image: url("");
  display: inline-block;
  width: 1rem;
  height: 1rem;
  margin-left: .4rem
}

@media(min-width: 1024px) {
  .services-inread__cta {
    grid-column: 2;
    grid-row: 1/3;
    align-self: center;
    margin-top: 0;
    text-align: right
  }
}

.inread {
  font-family: "Marr Sans", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif;
  position: relative;
  width: 100%;
  max-width: none;
  font-weight: 400;
  margin: 3.2rem 0;
  border: 1px solid #e2e4e9;
  border-radius: 2px;
  clear: both
}

[data-color-mode=dark] .inread {
  border: 1px solid rgba(255, 255, 255, .1)
}

.inread--partner {
  margin-top: .8rem
}

.inread--partner .inread__headline {
  font-family: "Helvetica Neue", Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .inread--partner .inread__headline {
  font-family: "Helvetica Neue", Helvetica, Arial, Roboto, sans-serif
}

.inread--abo {
  border: 1px solid #ffc877
}

.inread--abo .inread__cta {
  color: #005b85
}

.inread__headline {
  font-family: "Marr Sans Cond", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif;
  position: absolute;
  top: -0.9rem;
  left: 1.6rem;
  background-color: #fff;
  font-size: 1.4rem;
  line-height: 2.1rem;
  font-weight: 500;
  color: #383f4e;
  padding: 0 .8rem
}

[data-color-mode=dark] .inread__headline {
  color: rgba(255, 255, 255, .85);
  background-color: #181a1e
}

.inread--partner .inread__headline {
  color: #717b8e;
  line-height: 1.6rem
}

.article--longform .inread__headline {
  background-color: #fcfcfd
}

.inread__headline-logo {
  position: absolute;
  top: -1.8rem;
  left: 1.6rem;
  background: no-repeat center #fff;
  height: 2.8rem;
  padding: 0
}

[data-color-mode=dark] .inread__headline-logo {
  background-color: #181a1e
}

.inread__headline-logo--memorable {
  background-image: url("");
  background-size: 15.3rem;
  width: 16.9rem
}

[data-color-mode=dark] .inread__headline-logo--memorable {
  background-image: url("")
}

.inread__headline-logo--ateliers {
  background-image: url("");
  background-size: 12.3rem;
  width: 13.9rem
}

[data-color-mode=dark] .inread__headline-logo--ateliers {
  background-image: url("")
}

.inread__headline-logo--jeux {
  background-image: url("");
  background-size: 11.4rem;
  width: 13rem
}

[data-color-mode=dark] .inread__headline-logo--jeux {
  background-image: url("")
}

.inread__headline-logo--boutique {
  background-image: url("");
  background-size: 11.8rem;
  width: 13.4rem
}

[data-color-mode=dark] .inread__headline-logo--boutique {
  background-image: url("")
}

.article--longform .inread__headline-logo {
  background-color: #fcfcfd
}

.inread__link {
  display: grid;
  font-size: 1.5rem;
  grid-auto-columns: auto;
  grid-template-columns: 1fr;
  line-height: 2.1rem;
  padding: 1.6rem 2.4rem;
  width: 100%;
  -webkit-text-decoration: none;
  text-decoration: none
}

.inread__title {
  font-weight: 600;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 2.2rem;
  text-transform: none
}

[data-color-mode=dark] .inread__title {
  color: rgba(255, 255, 255, .85)
}

.inread__desc {
  font-size: 1.5rem;
  font-weight: 400;
  color: #565e70;
  margin-right: 1.6rem
}

[data-color-mode=dark] .inread__desc {
  color: rgba(255, 255, 255, .7)
}

.inread__cta {
  font-family: "Marr Sans Condensed", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif;
  font-size: 1.5rem;
  line-height: 2.1rem;
  font-weight: 500;
  color: #2a303b;
  letter-spacing: .02rem;
  -webkit-text-decoration: none;
  text-decoration: none;
  margin-top: .8rem
}

[data-color-mode=dark] .inread__cta {
  color: rgba(255, 255, 255, .9)
}

.inread__cta::after {
  content: "";
  background-image: url("");
  display: inline-block;
  width: 1.2rem;
  height: 1rem;
  margin-left: .8rem
}

[data-color-mode=dark] .inread__cta::after {
  background-image: url("")
}

@media(min-width: 768px) {
  .inread__cta {
    grid-column: 2;
    grid-row: 1/3;
    align-self: center;
    margin-top: 0;
    text-align: right
  }
}

.inread__link:hover .inread__cta {
  -webkit-text-decoration: underline;
  text-decoration: underline
}

.inread--partner .inread__link:hover .inread__cta {
  -webkit-text-decoration: underline;
  text-decoration: underline
}

.inread--partner .inread__cta {
  font-size: 1.4rem;
  line-height: 1.7rem;
  color: #005b85;
  -webkit-text-decoration: none;
  text-decoration: none
}

.inread--partner .inread__cta {
  font-family: "Helvetica Neue", Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .inread--partner .inread__cta {
  font-family: "Helvetica Neue", Helvetica, Arial, Roboto, sans-serif
}

[data-color-mode=dark] .inread--partner .inread__cta {
  color: #a3e6ff;
  font-weight: 400
}

.inread--partner .inread__cta::after {
  content: "";
  background-image: url("")
}

[data-color-mode=dark] .inread--partner .inread__cta::after {
  background-image: url("")
}

.inread--NL .inread__cta {
  color: #005b85
}

[data-color-mode=dark] .inread--NL .inread__cta {
  color: #a3e6ff;
  font-weight: 400
}

.inread--NL .inread__cta::after {
  content: "";
  background-image: url("")
}

[data-color-mode=dark] .inread--NL .inread__cta::after {
  background-image: url("")
}

.picto,
.comment__input-result--valid:after,
.comment__input-result--error:after,
.comment__icon-user-edit {
  align-items: center
}

.picto,
.comment__input-result--valid:after,
.comment__input-result--error:after,
.comment__icon-user-edit {
  font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .picto,
html:not(.fonts-loaded) .comment__input-result--valid:after,
html:not(.fonts-loaded) .comment__input-result--error:after,
html:not(.fonts-loaded) .comment__icon-user-edit {
  letter-spacing: .314px
}

html:not(.fonts-loaded) .picto>*,
html:not(.fonts-loaded) .comment__input-result--valid:after>*,
html:not(.fonts-loaded) .comment__input-result--error:after>*,
html:not(.fonts-loaded) .comment__icon-user-edit>* {
  letter-spacing: .314px
}

html.fonts-loaded .picto,
html.fonts-loaded .comment__input-result--valid:after,
html.fonts-loaded .comment__input-result--error:after,
html.fonts-loaded .comment__icon-user-edit {
  font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.picto--embed {
  display: none;
  margin-left: 0;
  font-size: 1.1rem;
  font-weight: 600;
  position: absolute;
  bottom: .8rem;
  color: #fff;
  left: .8rem;
  z-index: 4;
  width: auto
}

.picto--embed>:first-child {
  margin-right: .8rem
}

.picto--embed-podcast {
  display: flex;
  position: absolute;
  left: .8rem;
  bottom: .8rem
}

@media(min-width: 768px) {
  .picto--embed {
    display: flex
  }
}

.picto--embed-premium {
  bottom: 1.2rem
}

.picto--inline {
  align-items: center;
  font-weight: 400;
  display: inline-flex;
  font-size: 1.2rem;
  color: #666e80;
  line-height: 1.6;
  width: auto
}

.picto--inline {
  font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .picto--inline {
  letter-spacing: .314px
}

html:not(.fonts-loaded) .picto--inline>* {
  letter-spacing: .314px
}

html.fonts-loaded .picto--inline {
  font-family: "Marr Sans", Arial, Roboto, sans-serif
}

@media(min-width: 768px) {
  .picto--inline {
    display: none
  }
}

@media(min-width: 768px) {
  .picto--inline-free {
    display: inline-flex
  }
}

@media(min-width: 1024px) {
  .picto--inline-free {
    display: none
  }
}

.picto--featured {
  bottom: auto;
  top: -5.2rem;
  left: 0
}

.picto--show {
  display: inline-flex
}

.teaser {
  display: block
}

.teaser:after {
  content: "";
  display: table;
  clear: both
}

.teaser__title {
  color: #2a303b;
  font-size: 1.5rem;
  font-weight: 800;
  line-height: 1.25;
  display: inline
}

.teaser__title {
  font-family: Georgia, Droid-serif, serif
}

html:not(.fonts-loaded) .teaser__title {
  letter-spacing: -0.645px
}

html:not(.fonts-loaded) .teaser__title>* {
  letter-spacing: -0.645px
}

html.fonts-loaded .teaser__title {
  font-family: "The Antiqua B standard", Georgia, Droid-serif, serif
}

@supports(font-variation-settings: normal) {
  html.fonts-loaded .teaser__title {
    font-family: "The Antiqua B", Georgia, Droid-serif, serif
  }
}

@media(min-width: 768px) {
  .teaser__title {
    font-size: 1.6rem
  }
}

.teaser__title--blog {
  margin-top: .4rem;
  font-style: italic
}

.teaser__title--inline {
  display: inline
}

.teaser:hover .teaser__type {
  -webkit-text-decoration: none;
  text-decoration: none
}

.teaser__figure {
  position: relative;
  margin: 0;
  padding: 0
}

.teaser__figure--shadow:before {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1));
  bottom: 0;
  content: " ";
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 2
}

.teaser__picture {
  display: block
}

.teaser__picture--3-2 {
  padding-top: 66.66%
}

.teaser__picture--1-1 {
  padding-top: 100%
}

.teaser__picture--16-9 {
  padding-top: 56.25%
}

.teaser__media {
  bottom: 0;
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 1
}

.teaser__desc {
  display: none;
  margin: .8rem 0 1.6rem;
  color: #2a303b;
  font-size: 1.4rem;
  line-height: 1.5;
  font-weight: normal
}

.teaser__desc {
  font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .teaser__desc {
  letter-spacing: .314px
}

html:not(.fonts-loaded) .teaser__desc>* {
  letter-spacing: .314px
}

html.fonts-loaded .teaser__desc {
  font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.teaser__desc:hover {
  -webkit-text-decoration: none;
  text-decoration: none
}

.teaser__type {
  color: #717b8e;
  font-size: 1.3rem;
  font-weight: 500;
  letter-spacing: .13rem;
  margin-top: 1.2rem;
  text-transform: uppercase
}

.teaser__type {
  font-family: "Trebuchet MS", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loaded) .teaser__type {
  letter-spacing: -1.607px
}

html:not(.fonts-loaded) .teaser__type>* {
  letter-spacing: -1.607px
}

html.fonts-loaded .teaser__type {
  font-family: "Marr Sans Condensed", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loading) .teaser__type {
  letter-spacing: .05rem
}

.teaser__kicker {
  display: block;
  color: #717b8e;
  font-size: 1.3rem;
  font-weight: 500;
  letter-spacing: .13rem;
  line-height: 1.15;
  text-transform: uppercase;
  padding-bottom: .8rem
}

.teaser__kicker {
  font-family: "Trebuchet MS", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loaded) .teaser__kicker {
  letter-spacing: -1.607px
}

html:not(.fonts-loaded) .teaser__kicker>* {
  letter-spacing: -1.607px
}

html.fonts-loaded .teaser__kicker {
  font-family: "Marr Sans Condensed", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loading) .teaser__kicker {
  letter-spacing: .05rem
}

.teaser__list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 1.6rem;
  margin: 2.4rem 0 2rem;
  padding-bottom: 4rem;
  border-bottom: .3rem solid #e8eaee
}

@media(min-width: 768px) {
  .teaser__list {
    grid-gap: 3.2rem;
    margin: 2.4rem 0 1.6rem
  }
}

@media(min-width: 1024px) {
  .teaser__list {
    margin-top: 4rem
  }
}

.teaser__list--friend {
  border-bottom: 0;
  margin-bottom: 0
}

.teaser__list--search {
  padding-bottom: 1.6rem
}

.teaser__list--campaigns {
  margin-top: 3.2rem
}

@media(min-width: 768px) {
  .teaser__list--campaigns {
    margin-top: 4rem
  }
}

.teaser--darkMode .teaser__title {
  color: rgba(255, 255, 255, .85)
}

.teaser--darkMode .meta__date {
  color: rgba(255, 255, 255, .65)
}

.teaser--darkMode .meta__author {
  color: rgba(255, 255, 255, .65)
}

.lmd-link:hover {
  -webkit-text-decoration: underline;
  text-decoration: underline;
  text-decoration-thickness: .06em;
  text-underline-offset: .2em
}

.lmd-link-reverse {
  -webkit-text-decoration: underline;
  text-decoration: underline;
  text-decoration-thickness: .06em;
  text-underline-offset: .2em
}

.lmd-link-reverse:hover {
  opacity: .8;
  -webkit-text-decoration: none;
  text-decoration: none
}

.lmd-link-nav:hover {
  color: #026b9c
}

.lmd-link-blue {
  color: #026b9c;
  -webkit-text-decoration: underline;
  text-decoration: underline
}

.lmd-link-blue:hover {
  color: #005b85
}

.lmd-link-opacity:hover {
  opacity: .8
}

.teaser--hide-element {
  overflow: hidden;
  opacity: 0;
  height: 0;
  transition: height 200ms ease-in-out, opacity 350ms ease-in-out
}

.teaser__heading {
  display: block;
  margin-bottom: .8rem
}

.teaser--inline-picture {
  margin: 0 0 2.4rem;
  padding-top: 2.4rem;
  border-top: .1rem solid #d5d8dc;
  height: auto;
  position: relative
}

.teaser--inline-picture:first-of-type {
  border-top: 0
}

.teaser--inline-picture .icon__premium {
  width: 2.4rem;
  height: 1.6rem;
  vertical-align: baseline
}

.teaser--inline-picture .teaser__icon {
  display: block
}

.teaser--inline-picture .teaser__figure {
  float: right;
  width: 11.4rem;
  margin-left: 1.6rem;
  margin-bottom: .4rem
}

@media(min-width: 768px) {
  .teaser--inline-picture .teaser__figure {
    margin-left: 2.4rem
  }
}

@media(min-width: 1200px) {
  .teaser--inline-picture .teaser__figure {
    width: 9rem
  }
}

.teaser--inline-picture .teaser__figure--page {
  overflow: hidden;
  width: 11rem;
  height: 7.7rem
}

@media(min-width: 768px) {
  .teaser--inline-picture .teaser__figure--page {
    width: 16rem;
    height: 11.2rem
  }
}

.teaser--inline-picture .teaser__figure--page img {
  max-width: none;
  width: auto;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}

@media(min-width: 1024px) {
  .teaser--inline-picture .teaser__figure--home {
    width: 11rem
  }
}

.teaser--inline-picture .teaser__picture {
  margin: 0;
  float: none;
  max-width: 100%
}

.teaser--inline-picture .teaser__title {
  font-size: 1.5rem;
  line-height: 1.27
}

@media(min-width: 768px) {
  .teaser--inline-picture .teaser__title {
    font-weight: 800;
    font-size: 1.8rem;
    line-height: 1.33
  }
}

.teaser--inline-picture .teaser__title--free {
  letter-spacing: -0.2px
}

@media(min-width: 1024px) {
  .teaser--inline-picture .teaser__title--free {
    font-size: 1.6rem;
    line-height: 1.29
  }
}

@media(min-width: 768px) {
  .teaser--inline-picture .teaser__title--home {
    font-size: 1.6rem;
    line-height: 1.27
  }
}

.teaser--inline-picture .teaser__desc {
  margin: .8rem 0 0
}

@media(min-width: 576px) {
  .teaser--inline-picture .teaser__desc {
    display: block
  }
}

.teaser--inline-picture .teaser__link {
  display: block;
  position: relative;
  line-height: 0px;
  z-index: 3
}

.teaser--inline-picture .teaser__link:hover .teaser__title {
  -webkit-text-decoration: underline;
  text-decoration: underline;
  text-decoration-thickness: .06em;
  text-underline-offset: .2em
}

.teaser--inline-picture .teaser__type {
  display: none
}

@media(min-width: 1024px) {
  .teaser--inline-picture .teaser__type {
    display: block
  }
}

.teaser--hidden {
  opacity: 0
}

.teaser h2+section {
  border-top: 0
}

.wirecutter__call-image {
  padding: 2.4rem 0 .8rem
}

@media(min-width: 768px) {
  .wirecutter__call-image {
    margin-top: 0
  }
}

@media(min-width: 1024px) {
  .wirecutter__call-image {
    grid-row: 2;
    grid-column: 1/span 2
  }
}

.wirecutter__text-logo {
  margin-right: .8rem
}

.wirecutter__header-logo {
  display: flex;
  font-size: 1.6rem;
  align-items: center;
  font-weight: 600
}

.wirecutter__header-logo {
  font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .wirecutter__header-logo {
  letter-spacing: .314px
}

html:not(.fonts-loaded) .wirecutter__header-logo>* {
  letter-spacing: .314px
}

html.fonts-loaded .wirecutter__header-logo {
  font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.wirecutter__header-text {
  font-size: 1.4rem;
  color: #666e80;
  margin-top: 1.2rem;
  line-height: 1.45
}

.wirecutter__header-text {
  font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .wirecutter__header-text {
  letter-spacing: .314px
}

html:not(.fonts-loaded) .wirecutter__header-text>* {
  letter-spacing: .314px
}

html.fonts-loaded .wirecutter__header-text {
  font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.wirecutter__img-legend {
  color: #8b92a1;
  font-size: 1.4rem
}

.wirecutter__link {
  cursor: pointer;
  border-bottom: .1rem solid #a4a9b4
}

.wirecutter__link:hover {
  border-bottom: .1rem solid #0070b2
}

.product {
  border-bottom: .1rem solid #d5d8dc;
  border-top: .1rem solid #d5d8dc;
  display: flex;
  margin: 4rem 0;
  padding: 4rem 0 2.4rem;
  position: relative
}

@media(min-width: 768px) {
  .product {
    border-left: .1rem solid #d5d8dc;
    border-right: .1rem solid #d5d8dc;
    padding: 4rem 2.4rem 2.4rem
  }
}

.product--summary {
  flex: 0 0 22.6rem;
  display: block;
  padding: 1.6rem;
  margin: 1.6rem 0 0;
  border-left: 0;
  border-right: .1rem solid #d5d8dc
}

.product--summary:first-of-type {
  border: .2rem solid #3374ff
}

.product--summary:first-of-type .product__number {
  background-color: #3374ff;
  color: #fff
}

@media(min-width: 1024px) {
  .product--summary:first-of-type {
    margin: 0
  }
}

@media(min-width: 768px) {
  .product--summary {
    flex: 0 0 25.6rem
  }
}

@media(min-width: 1024px) {
  .product--summary {
    border-left: .1rem solid #d5d8dc
  }
}

.product:first-of-type {
  border-bottom: .2rem solid #3374ff;
  border-top: .2rem solid #3374ff
}

.product:first-of-type>.product__number {
  border: .2rem solid #3374ff
}

@media(min-width: 768px) {
  .product:first-of-type {
    border-left: .2rem solid #3374ff;
    border-right: .2rem solid #3374ff
  }
}

.product__container {
  margin-top: 1.2rem
}

@media(min-width: 1024px) {
  .product__container {
    margin-top: 0
  }
}

.product__number {
  align-items: center;
  background-color: #fff;
  border: .2rem solid #3374ff;
  display: flex;
  font-size: 1.6rem;
  font-weight: 600;
  height: 3.2rem;
  left: -0.8rem;
  letter-spacing: .09rem;
  padding: .4rem .8rem;
  position: absolute;
  text-transform: uppercase;
  top: -1.6rem
}

.product__number {
  font-family: "Trebuchet MS", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loaded) .product__number {
  letter-spacing: -1.607px
}

html:not(.fonts-loaded) .product__number>* {
  letter-spacing: -1.607px
}

html.fonts-loaded .product__number {
  font-family: "Marr Sans Condensed", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loading) .product__number {
  letter-spacing: .05rem
}

@media(min-width: 768px) {
  .product__number {
    left: -1.6rem;
    padding: .8rem 1.2rem
  }
}

.product__number--summary {
  left: 50%;
  transform: translateX(-50%);
  width: auto;
  white-space: nowrap;
  z-index: 1;
  height: 2.6rem;
  padding: 0 .8rem;
  font-size: 1.4rem
}

@media(min-width: 1024px) {
  .product__number--summary {
    left: 0;
    transform: none;
    top: -0.1rem
  }
}

.product__content {
  position: relative;
  width: 100%
}

@media(min-width: 768px) {
  .product__content {
    display: flex
  }
}

@media(min-width: 768px) {
  .product__content--summary {
    display: block
  }
}

@media(min-width: 1024px) {
  .product__content--summary {
    display: flex;
    padding-top: 1.6rem
  }
}

.product__picture {
  float: right;
  margin-left: .8rem;
  min-width: 11rem;
  width: 30%
}

@media(min-width: 576px) {
  .product__picture {
    margin-left: 2rem;
    width: 35%
  }
}

@media(min-width: 768px) {
  .product__picture {
    float: none;
    margin-left: 0;
    flex: 0 0 26rem
  }
}

@media(min-width: 1024px) {
  .product__picture {
    flex: 0 0 18rem;
    margin-right: 2.4rem
  }
}

.product__picture--summary {
  float: none;
  width: 100%;
  margin-left: 0
}

@media(min-width: 1024px) {
  .product__picture--summary {
    flex: 0 0 15rem
  }
}

.product__title {
  color: #3374ff;
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 1.35;
  margin-bottom: .8rem
}

.product__title {
  font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .product__title {
  letter-spacing: .314px
}

html:not(.fonts-loaded) .product__title>* {
  letter-spacing: .314px
}

html.fonts-loaded .product__title {
  font-family: "Marr Sans", Arial, Roboto, sans-serif
}

@media(min-width: 768px) {
  .product__title {
    font-size: 2.4rem
  }
}

.product__title a {
  -webkit-text-decoration: none;
  text-decoration: none
}

.product__title a:hover {
  -webkit-text-decoration: underline;
  text-decoration: underline
}

.product__title--summary {
  font-size: 1.8rem;
  line-height: 1.44
}

@media(min-width: 768px) {
  .product__title--summary {
    font-size: 1.8rem
  }
}

@media(min-width: 1024px) {
  .product__title--summary {
    font-weight: 700
  }
}

.product__subtitle {
  color: #383f4e;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.35;
  margin-bottom: .8rem
}

.product__subtitle {
  font-family: "Helvetica Neue", Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .product__subtitle {
  font-family: "Helvetica Neue", Helvetica, Arial, Roboto, sans-serif
}

@media(min-width: 768px) {
  .product__subtitle {
    font-size: 1.6rem
  }
}

.product__subtitle a {
  -webkit-text-decoration: none;
  text-decoration: none
}

.product__subtitle a:hover {
  -webkit-text-decoration: underline;
  text-decoration: underline
}

.product__subtitle--summary {
  font-size: 1.5rem;
  line-height: 1.33
}

@media(min-width: 768px) {
  .product__subtitle--summary {
    font-size: 1.5rem
  }
}

.product__description {
  color: #383f4e;
  font-size: 1.5rem;
  line-height: 1.5;
  margin-bottom: 1.2rem
}

.product__description {
  font-family: "Helvetica Neue", Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .product__description {
  font-family: "Helvetica Neue", Helvetica, Arial, Roboto, sans-serif
}

@media(min-width: 768px) {
  .product__description {
    margin-bottom: 2rem
  }
}

.product__link-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start
}

@media(min-width: 1024px) {
  .product__link-container {
    display: block
  }
}

.product__link {
  background-color: #3374ff;
  border-radius: .2rem;
  display: inline-block;
  color: #fcfcfd;
  font-size: 1.5rem;
  font-weight: 700;
  padding: .8rem 1.6rem;
  -webkit-text-decoration: none;
  text-decoration: none;
  white-space: nowrap
}

.product__link:not(:last-child) {
  margin-bottom: .8rem
}

.product__link {
  font-family: "Helvetica Neue", Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .product__link {
  font-family: "Helvetica Neue", Helvetica, Arial, Roboto, sans-serif
}

.product__link--summary {
  background-color: rgba(0, 0, 0, 0);
  padding: 0;
  color: #3374ff;
  border: 0;
  -webkit-text-decoration: underline;
  text-decoration: underline
}

.product__link--summary:not(:last-child) {
  margin-bottom: 0
}

@media(min-width: 1024px) {
  .product__link--summary:not(:last-child):after {
    content: "|";
    margin-left: .4rem
  }
}

.product__disclaimer {
  color: #8b92a1;
  font-size: 1.3rem;
  margin-top: 1.6rem
}

.product__disclaimer {
  font-family: "Helvetica Neue", Helvetica, Arial, Roboto, sans-serif
}

html.fonts-loaded .product__disclaimer {
  font-family: "Helvetica Neue", Helvetica, Arial, Roboto, sans-serif
}

.product__disclaimer--summary {
  margin-top: 1.2rem
}

@media(min-width: 1024px) {
  .product__disclaimer--summary {
    margin-top: .4rem
  }
}

.product__summary {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  position: relative;
  margin-top: 3.2rem
}

@media(min-width: 1024px) {
  .product__summary {
    flex-direction: column;
    display: block
  }
}

.product__gradient-container {
  position: absolute;
  width: 3.5rem;
  right: 0;
  top: 0;
  height: 45rem
}

.product__gradient {
  position: fixed;
  height: 100%;
  display: block;
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.65), #fff);
  width: 3.5rem;
  filter: blur(0.2rem)
}

.product__price {
  display: none
}

@media(min-width: 768px) {
  .product__price {
    display: inline
  }
}

.product__headline {
  font-weight: 600;
  font-size: 2.2rem;
  line-height: 1.36;
  margin-top: 3.2rem;
  color: #2a303b
}

.product__headline {
  font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .product__headline {
  letter-spacing: .314px
}

html:not(.fonts-loaded) .product__headline>* {
  letter-spacing: .314px
}

html.fonts-loaded .product__headline {
  font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.product__media-link {
  display: block;
  height: 11.5rem
}

@media(min-width: 1024px) {
  .product__media-link {
    height: auto
  }
}

.product__media {
  max-height: 11.5rem;
  margin: auto;
  display: block
}

@media(min-width: 1024px) {
  .product__media {
    max-height: none
  }
}

#wirecutter .services--generic {
  grid-row: auto
}

#wirecutter .aside .bizdev {
  display: none
}

@media(min-width: 1024px) {
  #wirecutter .aside .bizdev {
    display: flex
  }
}

.multimediaNav {
  width: 100%;
  height: 35px;
  background-color: #fff;
  border-bottom: .1rem solid #e2e4e9;
  display: flex;
  align-items: center
}

.multimediaNav__logo {
  float: left;
  min-width: 9rem;
  max-width: 9rem;
  height: 2rem;
  margin: 0 1.6rem
}

.multimediaNav__title {
  display: none;
  float: left;
  margin: 0 1.6rem 0 0;
  border-left: 1px solid #e2e4e9;
  padding-left: 1.6rem;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.26;
  color: #2a303b;
  text-overflow: ellipsis;
  overflow: hidden
}

.multimediaNav__title {
  font-family: "Trebuchet MS", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loaded) .multimediaNav__title {
  letter-spacing: -1.607px
}

html:not(.fonts-loaded) .multimediaNav__title>* {
  letter-spacing: -1.607px
}

html.fonts-loaded .multimediaNav__title {
  font-family: "Marr Sans Condensed", "DINCondensed-Bold", "Roboto Condensed", "Arial Narrow", sans-serif
}

html:not(.fonts-loading) .multimediaNav__title {
  letter-spacing: .05rem
}

@media(min-width: 768px) {
  .multimediaNav__title {
    display: block
  }
}

.multimediaNav__shares {
  float: right;
  margin-top: 0
}

.multimediaNav--sticky {
  position: fixed;
  z-index: 100000;
  top: 0;
  left: 0;
  right: 0
}

@media screen and (-ms-high-contrast: active)and (min-width: 1024px),
screen and (-ms-high-contrast: none)and (min-width: 1024px) {
  .old__zone {
    position: relative
  }

  .old__zone:after {
    content: "";
    display: table;
    clear: both
  }
}

@media screen and (-ms-high-contrast: active),
screen and (-ms-high-contrast: none) {
  .old__river {
    margin-bottom: 4rem
  }
}

@media screen and (-ms-high-contrast: active)and (min-width: 1024px),
screen and (-ms-high-contrast: none)and (min-width: 1024px) {
  .old__river {
    width: 55rem;
    float: left
  }
}

@media screen and (-ms-high-contrast: active)and (min-width: 1024px),
screen and (-ms-high-contrast: none)and (min-width: 1024px) {
  .old__page-date-container {
    width: 55rem;
    float: left
  }
}

@media screen and (-ms-high-contrast: active)and (min-width: 1024px),
screen and (-ms-high-contrast: none)and (min-width: 1024px) {
  .old__river-cta {
    width: 55rem;
    float: left;
    clear: both
  }
}

@media screen and (-ms-high-contrast: active)and (min-width: 1024px),
screen and (-ms-high-contrast: none)and (min-width: 1024px) {
  .old__aside-page {
    float: right;
    width: 31.6rem
  }
}

@media screen and (-ms-high-contrast: active)and (min-width: 1024px),
screen and (-ms-high-contrast: none)and (min-width: 1024px) {
  .old__page-heading-sitemap:after {
    content: "";
    display: table;
    clear: both
  }
}

@media screen and (-ms-high-contrast: active)and (min-width: 1024px),
screen and (-ms-high-contrast: none)and (min-width: 1024px) {
  .old__area-live {
    clear: both;
    flex-wrap: wrap
  }

  .old__area-live .old__bd-bloc {
    flex: 1
  }
}

@media screen and (-ms-high-contrast: active)and (min-width: 1024px),
screen and (-ms-high-contrast: none)and (min-width: 1024px) {
  .old__services {
    width: 100%
  }
}

@media screen and (-ms-high-contrast: active)and (min-width: 1024px),
screen and (-ms-high-contrast: none)and (min-width: 1024px) {
  .old__area-title {
    display: block
  }
}

@media screen and (-ms-high-contrast: active)and (min-width: 1024px),
screen and (-ms-high-contrast: none)and (min-width: 1024px) {
  .old__friend-wide {
    clear: both
  }
}

@media screen and (-ms-high-contrast: active)and (min-width: 1024px),
screen and (-ms-high-contrast: none)and (min-width: 1024px) {
  .old__area-main {
    width: 42rem;
    margin-right: 2.4rem
  }
}

@media screen and (-ms-high-contrast: active)and (min-width: 1024px),
screen and (-ms-high-contrast: none)and (min-width: 1024px) {
  .old__article-related-container {
    flex-wrap: wrap
  }
}

@media screen and (-ms-high-contrast: active)and (min-width: 1024px),
screen and (-ms-high-contrast: none)and (min-width: 1024px) {
  .old__area-main-wide {
    width: 64.2rem;
    margin-right: 2.4rem
  }

  .old__area-main-wide .old__article-related-main {
    max-width: 19.8rem;
    width: 100%
  }
}

@media screen and (-ms-high-contrast: active),
screen and (-ms-high-contrast: none) {
  .old__related-featured {
    width: 100%;
    display: flex;
    justify-content: space-between
  }

  .old__article-related-main {
    max-width: 16.2rem
  }

  .old__bd-bloc {
    width: 29rem
  }

  .old__bd-bloc:first-of-type,
  .old__bd-bloc:not(:last-of-type) {
    margin-right: 3.2rem
  }
}

@media screen and (-ms-high-contrast: active)and (min-width: 1024px),
screen and (-ms-high-contrast: none)and (min-width: 1024px) {
  .old__live:after {
    content: "";
    display: table;
    clear: both
  }

  .old__live .old__area--section {
    clear: both
  }

  .old__live .old__area--section .old__bd-bloc {
    float: left
  }
}

@media screen and (-ms-high-contrast: active)and (min-width: 1024px),
screen and (-ms-high-contrast: none)and (min-width: 1024px) {
  .old__area {
    float: left
  }
}

@media screen and (-ms-high-contrast: active)and (min-width: 1024px),
screen and (-ms-high-contrast: none)and (min-width: 1024px) {
  .old__area--headlines {
    width: 19.8rem
  }
}

@media screen and (-ms-high-contrast: active)and (min-width: 1024px),
screen and (-ms-high-contrast: none)and (min-width: 1024px) {
  .old__area--runner {
    clear: both
  }
}

@media screen and (-ms-high-contrast: active)and (min-width: 1024px),
screen and (-ms-high-contrast: none)and (min-width: 1024px) {
  .old__area--featured {
    margin-left: 2.6rem;
    width: 30rem;
    position: absolute;
    right: 1.6rem
  }
}

@media screen and (-ms-high-contrast: active)and (min-width: 1024px),
screen and (-ms-high-contrast: none)and (min-width: 1024px) {
  .old__area--river {
    width: 64.6rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
  }
}

@media screen and (-ms-high-contrast: active),
screen and (-ms-high-contrast: none) {
  .old__area--section {
    width: 100%
  }
}

@media screen and (-ms-high-contrast: active)and (min-width: 1024px),
screen and (-ms-high-contrast: none)and (min-width: 1024px) {
  .old__area--section .old__area-title:after {
    content: "";
    display: table;
    clear: both
  }
}

@media screen and (-ms-high-contrast: active),
screen and (-ms-high-contrast: none) {
  .old__area--videos {
    width: 100%
  }
}

@media screen and (-ms-high-contrast: active)and (min-width: 1024px),
screen and (-ms-high-contrast: none)and (min-width: 1024px) {
  .old__area--videos .old__video-main {
    float: left;
    width: 63.6rem;
    margin-right: 2.8rem
  }
}

@media screen and (-ms-high-contrast: active)and (min-width: 1024px),
screen and (-ms-high-contrast: none)and (min-width: 1024px) {
  .old__area--videos .old__video-list {
    float: left;
    width: 30.4rem
  }
}

@media screen and (-ms-high-contrast: active),
screen and (-ms-high-contrast: none) {
  .old__article-square {
    margin-top: 3.2rem
  }
}

@media screen and (-ms-high-contrast: active)and (min-width: 1024px),
screen and (-ms-high-contrast: none)and (min-width: 1024px) {
  .old__article-square {
    float: left;
    width: 30.4rem
  }

  .old__article-square:first-of-type,
  .old__article-square:not(:last-of-type) {
    margin-right: 2.8rem
  }
}

@media screen and (-ms-high-contrast: active),
screen and (-ms-high-contrast: none) {
  .old__article-square.teaser {
    margin-top: 0
  }

  .old__bd-bloc-services {
    display: flex
  }
}

@media screen and (-ms-high-contrast: active)and (min-width: 1024px),
screen and (-ms-high-contrast: none)and (min-width: 1024px) {
  .old__testimony-river {
    width: 30.9rem
  }

  .old__testimony-river:after {
    content: "";
    display: table;
    clear: both
  }
}

@media screen and (-ms-high-contrast: active)and (min-width: 1024px),
screen and (-ms-high-contrast: none)and (min-width: 1024px) {
  .old__friend-river:after {
    content: "";
    display: table;
    clear: both
  }
}

@media screen and (-ms-high-contrast: active),
screen and (-ms-high-contrast: none) {
  .old__services-block {
    float: left;
    width: 30.4rem;
    margin-top: 0
  }

  .old__footer {
    clear: both
  }
}

@media screen and (-ms-high-contrast: active)and (min-width: 1024px),
screen and (-ms-high-contrast: none)and (min-width: 1024px) {
  .old__paywall-articles:after {
    content: "";
    display: table;
    clear: both
  }

  .old__paywall-articles .old__article-paywall {
    float: left;
    width: 29rem
  }

  .old__paywall-articles .old__article-paywall:first-of-type,
  .old__paywall-articles .old__article-paywall:not(:last-of-type) {
    margin-right: 2.4rem
  }
}

@media screen and (-ms-high-contrast: active)and (min-width: 1024px),
screen and (-ms-high-contrast: none)and (min-width: 1024px) {
  .paywall--longform .old__paywall-articles:after {
    content: "";
    display: table;
    clear: both
  }

  .paywall--longform .old__paywall-articles .old__article-paywall {
    width: 25rem
  }
}

@media screen and (-ms-high-contrast: active)and (min-width: 1024px),
screen and (-ms-high-contrast: none)and (min-width: 1024px) {
  .old__paywall-articles-title {
    margin-bottom: 2.4rem
  }
}

@media screen and (-ms-high-contrast: active)and (min-width: 1024px),
screen and (-ms-high-contrast: none)and (min-width: 1024px) {
  .paywall .old__paywall-option {
    float: left;
    margin-right: 2.4rem
  }

  .paywall .old__paywall-option:after {
    content: "";
    display: table;
    clear: both
  }

  .paywall .old__paywall-option:last-of-type {
    margin-right: 0
  }
}

@media screen and (-ms-high-contrast: active)and (min-width: 768px),
screen and (-ms-high-contrast: none)and (min-width: 768px) {
  .paywall .old__paywall-container {
    display: flex
  }
}

@media screen and (-ms-high-contrast: active),
screen and (-ms-high-contrast: none) {
  .paywall .old__paywall-more-desc {
    float: left;
    margin-left: 1.2rem
  }
}

@media screen and (-ms-high-contrast: active)and (min-width: 1024px),
screen and (-ms-high-contrast: none)and (min-width: 1024px) {
  .old__subscribtion:after {
    content: "";
    display: table;
    clear: both
  }
}

@media screen and (-ms-high-contrast: active)and (min-width: 1024px),
screen and (-ms-high-contrast: none)and (min-width: 1024px) {

  .old__top-article-4,
  .old__top-article-7,
  .area .article--top:nth-child(4),
  .area .article--top:nth-child(7) {
    padding-top: 2.4rem
  }
}

@media screen and (-ms-high-contrast: active)and (min-width: 1024px),
screen and (-ms-high-contrast: none)and (min-width: 1024px) {

  .old__top-article-1,
  .old__top-article-2,
  .old__top-article-3,
  .area .article--top:nth-child(1),
  .area .article--top:nth-child(2),
  .area .article--top:nth-child(3) {
    padding-top: 0
  }
}

@media screen and (-ms-high-contrast: active)and (min-width: 1024px),
screen and (-ms-high-contrast: none)and (min-width: 1024px) {

  .old__top-article-3,
  .old__top-article-6,
  .old__top-article-9,
  .area .article--top:nth-child(3),
  .area .article--top:nth-child(6),
  .area .article--top:nth-child(9) {
    border-bottom: .1rem solid #d5d8dc
  }
}

@media screen and (-ms-high-contrast: active)and (min-width: 1024px),
screen and (-ms-high-contrast: none)and (min-width: 1024px) {
  .old__header.sticky .old__header-logo {
    top: 1.4rem
  }
}

@media screen and (-ms-high-contrast: active)and (min-width: 1024px),
screen and (-ms-high-contrast: none)and (min-width: 1024px) {
  .old__header.sticky .old__header-actions-right {
    top: .8rem
  }
}

@media screen and (-ms-high-contrast: active)and (min-width: 1024px),
screen and (-ms-high-contrast: none)and (min-width: 1024px) {
  .old__nav-services .old__nav-services-left-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
  }
}

@media screen and (-ms-high-contrast: active)and (min-width: 1024px),
screen and (-ms-high-contrast: none)and (min-width: 1024px) {
  .old__nav-services .old__nav-services-left-item {
    width: 22.5rem
  }
}

@media screen and (-ms-high-contrast: active)and (min-width: 1024px),
screen and (-ms-high-contrast: none)and (min-width: 1024px) {
  .old__nav-content-list .old__nav-content-list-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
  }
}

@media screen and (-ms-high-contrast: active)and (min-width: 1024px),
screen and (-ms-high-contrast: none)and (min-width: 1024px) {
  .old__nav-content-list .old__nav-content-list-item {
    width: 23.5rem
  }
}

@media screen and (-ms-high-contrast: active),
screen and (-ms-high-contrast: none) {
  .old__area-featured-wide {
    top: 3.2rem
  }
}

@media screen and (-ms-high-contrast: active)and (min-width: 1024px),
screen and (-ms-high-contrast: none)and (min-width: 1024px) {
  .old__article-runner:not(:last-child) {
    margin-right: 2.6rem
  }
}

@media screen and (-ms-high-contrast: active)and (min-width: 1024px),
screen and (-ms-high-contrast: none)and (min-width: 1024px) {
  .old__article-runner {
    float: left;
    width: 19.8rem
  }
}

@media screen and (-ms-high-contrast: active)and (min-width: 1024px),
screen and (-ms-high-contrast: none)and (min-width: 1024px) {
  .old__article-river {
    width: 30.9rem
  }
}

@media screen and (-ms-high-contrast: active)and (min-width: 1024px),
screen and (-ms-high-contrast: none)and (min-width: 1024px) {
  .old__top-article {
    width: 30.1rem
  }
}

@media screen and (-ms-high-contrast: active)and (min-width: 1024px),
screen and (-ms-high-contrast: none)and (min-width: 1024px) {
  .old__article-related-default {
    display: flex;
    justify-content: space-between
  }
}

@media screen and (-ms-high-contrast: active)and (min-width: 1024px),
screen and (-ms-high-contrast: none)and (min-width: 1024px) {
  .old__article-related-default-item {
    width: 19.8rem
  }
}

@media screen and (-ms-high-contrast: active)and (min-width: 1024px),
screen and (-ms-high-contrast: none)and (min-width: 1024px) {
  .old__article-list-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
  }
}

@media screen and (-ms-high-contrast: active)and (min-width: 1024px),
screen and (-ms-high-contrast: none)and (min-width: 1024px) {
  .old__article-content-single {
    width: 55.6rem;
    float: left;
    margin-right: 6.4rem
  }
}

@media screen and (-ms-high-contrast: active),
screen and (-ms-high-contrast: none) {
  .old__article-footer {
    float: left;
    width: 55.6rem
  }

  .old__friend-siblings {
    width: 55.6rem
  }
}

@media screen and (-ms-high-contrast: active)and (min-width: 1024px),
screen and (-ms-high-contrast: none)and (min-width: 1024px) {
  .old__article-siblings-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
  }
}

@media screen and (-ms-high-contrast: active)and (min-width: 1024px),
screen and (-ms-high-contrast: none)and (min-width: 1024px) {
  .old__article-siblings {
    width: 25.4rem
  }
}

@media screen and (-ms-high-contrast: active)and (min-width: 1024px),
screen and (-ms-high-contrast: none)and (min-width: 1024px) {
  .old__article-siblings-wide {
    width: 39.5rem
  }
}

@media screen and (-ms-high-contrast: active)and (min-width: 1024px),
screen and (-ms-high-contrast: none)and (min-width: 1024px) {
  .article--single .old__aside {
    float: right;
    display: block;
    width: 31.6rem
  }
}

@media screen and (-ms-high-contrast: active),
screen and (-ms-high-contrast: none) {
  .article--single .old__area--section {
    clear: both
  }
}

@media screen and (-ms-high-contrast: active)and (min-width: 1024px),
screen and (-ms-high-contrast: none)and (min-width: 1024px) {
  .article--single .old__area--section .old__bd-bloc {
    float: left
  }
}

@media screen and (-ms-high-contrast: active),
screen and (-ms-high-contrast: none) {
  .old__teaser-list {
    display: flex;
    flex-wrap: wrap
  }
}

@media screen and (-ms-high-contrast: active)and (min-width: 768px),
screen and (-ms-high-contrast: none)and (min-width: 768px) {
  .old__teaser-list {
    justify-content: space-between
  }
}

@media screen and (-ms-high-contrast: active),
screen and (-ms-high-contrast: none) {
  .old__teaser-highlight {
    display: flex;
    flex-direction: column;
    max-width: 16.3rem;
    width: 100%
  }
}

@media screen and (-ms-high-contrast: active)and (min-width: 768px),
screen and (-ms-high-contrast: none)and (min-width: 768px) {
  .old__teaser-highlight {
    max-width: 25rem
  }
}

@media screen and (-ms-high-contrast: active)and (min-width: 1024px),
screen and (-ms-high-contrast: none)and (min-width: 1024px) {
  .main--abo .old__river {
    width: 77.2rem
  }
}

@media screen and (-ms-high-contrast: active),
screen and (-ms-high-contrast: none) {
  .main--abo .old__article-siblings {
    width: 100%;
    clear: both
  }
}

@media screen and (-ms-high-contrast: active)and (min-width: 1200px),
screen and (-ms-high-contrast: none)and (min-width: 1200px) {
  .main--abo .old__area-main {
    width: 53.6rem;
    margin-right: 3.2rem
  }

  .main--abo .old__area--headlines {
    width: 25.2rem
  }

  .main--abo .old__area--featured {
    right: 3.2rem
  }

  .main--abo .old__area--river {
    width: 82rem
  }

  .main--abo .old__testimony-river {
    width: 39.4rem
  }

  .main--abo .old__area-title {
    width: 15.6rem;
    float: left;
    margin-right: 3.2rem
  }

  .main--abo .old__article-square,
  .main--abo .old__bd-bloc {
    width: 29rem;
    margin-top: 0
  }

  .main--abo .old__article-square:first-of-type,
  .main--abo .old__article-square:not(:last-of-type),
  .main--abo .old__bd-bloc:first-of-type,
  .main--abo .old__bd-bloc:not(:last-of-type) {
    margin-right: 3.2rem
  }

  .main--abo .old__services-block {
    width: 30rem
  }

  .main--abo .old__services-block .old__bd-bloc {
    margin-right: 0
  }

  .main--abo .old__area--videos .old__video-main {
    width: 63.2rem
  }

  .main--abo .old__area--videos .old__video-list {
    width: 30rem
  }

  .main--abo .old__article-related-default {
    display: flex;
    justify-content: space-between
  }

  .main--abo .old__area-main .old__article-related-default-item {
    width: 25.2rem
  }

  .main--abo .old__article-runner {
    width: 25.2rem
  }

  .main--abo .old__article-runner:not(:last-child) {
    margin-right: 3.2rem
  }

  .main--abo .old__article-river {
    width: 39.4rem
  }

  .main--abo .old__area-main-wide {
    width: 82rem
  }

  .main--abo .old__area-main-wide .old__article-related-main {
    max-width: 25.2rem
  }

  .main--abo .old__article-content-single {
    width: 66.4rem
  }

  .main--abo .old__article-footer {
    width: 66.4rem
  }

  .main--abo .old__article-siblings {
    width: 100%
  }
}

@media screen and (-ms-high-contrast: active)and (min-width: 1024px),
screen and (-ms-high-contrast: none)and (min-width: 1024px) {
  .zone--float .area--section.old__area-live {
    display: flex
  }
}

@media screen and (-ms-high-contrast: active)and (min-width: 1024px),
screen and (-ms-high-contrast: none)and (min-width: 1024px) {
  .zone--page .area--section.old__area-live {
    display: flex
  }
}

@media screen and (-ms-high-contrast: active),
screen and (-ms-high-contrast: none) {

  .icon,
  .lmd-dropdown__close,
  .icon__arrow-right,
  .icon__user,
  .icon__clock,
  .icon__reading-time,
  .icon__home,
  .icon__search,
  .icon__calendar,
  .icon__premium,
  .icon__cross,
  .icon__nav-en-continu,
  .icon__avatar,
  .icon__nav-my-account,
  .icon__nav-connexion,
  .icon__powered-qwant,
  .icon__favorites,
  .icon__favorites-toparticles,
  .icon__information,
  .icon__orange-money,
  .icon__arrow,
  .icon__arrow-light,
  .icon__link,
  .icon__success,
  .icon__linkedin,
  .icon__whatsapp,
  .icon__telegram,
  .icon__messenger,
  .icon__facebook,
  .icon__email,
  .icon__twitter,
  .button--subscribed:before,
  .message__dropdown-trigger:after,
  .bizdev-list__link-arrow,
  .bizdev-poster__lmd-logo,
  .bizdev-poster-logo--ateliers,
  .bizdev-poster-logo--jeux,
  .bizdev-poster-logo--memorable {
    background-size: auto
  }

  .icon__label-alert,
  .icon__label-live,
  .icon__label-live-hero {
    background-size: auto
  }
}

@media screen and (-ms-high-contrast: active)and (min-width: 1024px),
screen and (-ms-high-contrast: none)and (min-width: 1024px) {
  #nav-markup {
    overflow: hidden
  }
}

@media screen and (-ms-high-contrast: active),
screen and (-ms-high-contrast: none) {
  .old__area-top {
    width: 100%
  }
}

@media screen and (-ms-high-contrast: active)and (min-width: 1024px),
screen and (-ms-high-contrast: none)and (min-width: 1024px) {
  .old__header.sticky .old__header-logo {
    top: 0
  }
}

@media screen and (-ms-high-contrast: active)and (min-width: 1024px),
screen and (-ms-high-contrast: none)and (min-width: 1024px) {
  .old__header.sticky .old__header-actions-right {
    top: 0
  }
}

.sr-only {
  border: 0 !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important
}

.seo-only {
  display: none
}

.lmd-btn {
  align-items: center;
  border: 0;
  border-radius: .3rem;
  cursor: pointer;
  display: flex;
  flex-shrink: 0;
  font-weight: 500;
  height: 3rem;
  justify-content: center;
  line-height: 1;
  max-width: 100%;
  text-align: center
}

.lmd-btn {
  font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .lmd-btn {
  letter-spacing: .314px
}

html:not(.fonts-loaded) .lmd-btn>* {
  letter-spacing: .314px
}

html.fonts-loaded .lmd-btn {
  font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.lmd-btn--s {
  font-size: 1.2rem;
  padding: .9rem 1.6rem .7rem
}

.lmd-btn--m {
  font-size: 1.4rem;
  padding: .8rem 1.6rem .5rem
}

.lmd-btn--l {
  font-size: 1.6rem;
  height: 4.2rem;
  padding: 1rem 2.4rem
}

.lmd-btn--fullwidth {
  width: 100%
}

.lmd-btn--primary {
  background-color: #026b9c;
  color: #fff
}

.lmd-btn--primary:hover {
  background-color: #005b85
}

.lmd-btn--white {
  background-color: #fff;
  border: .1rem solid #bdc1c8;
  color: #2a303b
}

.lmd-btn--white:hover {
  background-color: #f5f6f8;
  border-color: #bdc1c8
}

.lmd-btn--premium {
  background-color: #ffc700;
  color: #2a303b
}

.lmd-btn--premium:hover {
  background-color: #eab002
}

.lmd-btn--black {
  background-color: #2a303b;
  color: #fff
}

.lmd-btn--black:hover {
  background-color: #454f5f
}

.lmd-btn--blue {
  background-color: #01364f;
  color: #fff
}

.lmd-btn--blue:hover {
  background-color: #01364f
}

.lmd-btn-services {
  align-items: center;
  border: .1rem solid #d5d8dc;
  border-radius: 1.4rem;
  color: #2a303b;
  display: inline-flex;
  flex-shrink: 0;
  font-size: 1.3rem;
  font-weight: 600;
  line-height: 1;
  justify-content: center;
  padding: .4rem 1.2rem
}

.lmd-btn-services {
  font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .lmd-btn-services {
  letter-spacing: .314px
}

html:not(.fonts-loaded) .lmd-btn-services>* {
  letter-spacing: .314px
}

html.fonts-loaded .lmd-btn-services {
  font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.lmd-btn-services:hover {
  background-color: #f5f6f8
}

.lmd-btn-services:active {
  border-color: #d5d8dc;
  background-color: #d5d8dc
}

.lmd-btn-rub {
  align-items: center;
  border: .1rem solid #d5d8dc;
  border-radius: .3rem;
  color: #383f4e;
  display: inline-flex;
  flex-shrink: 0;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1;
  justify-content: center;
  padding: 1.2rem 1.2rem 1rem;
  letter-spacing: .01rem
}

.lmd-btn-rub {
  font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .lmd-btn-rub {
  letter-spacing: .314px
}

html:not(.fonts-loaded) .lmd-btn-rub>* {
  letter-spacing: .314px
}

html.fonts-loaded .lmd-btn-rub {
  font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.lmd-btn-rub:hover {
  background-color: rgba(42, 48, 59, .03)
}

.sr-only {
  border: 0 !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important
}

.seo-only {
  display: none
}

.lmd-input-select__input:disabled .icon__arrow-dropdown,
.top-banner__close-btn,
.top-banner__icon-cb,
.paywall-04__icon-cb,
.paywall-04__icon-paypal {
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  flex-shrink: 0
}

.lmd-dropdown {
  position: relative
}

.lmd-dropdown__content {
  background-color: #fff;
  border: .1rem solid #e2e4e9;
  bottom: 0;
  display: none;
  left: 0;
  min-width: 20rem;
  padding: 1.6rem;
  position: fixed;
  right: 0;
  text-align: left;
  width: 100%;
  z-index: 9999
}

@media(min-width: 768px) {
  .lmd-dropdown__content {
    bottom: auto;
    bottom: initial;
    border-radius: .3rem;
    position: absolute;
    top: calc(100% + 1.2rem);
    width: 34rem
  }
}

.lmd-dropdown__content--opened {
  display: block
}

.lmd-dropdown__content--top-articles {
  left: auto
}

.lmd-dropdown__overlay {
  background-color: rgba(0, 0, 0, .4);
  bottom: 0;
  display: none;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 9998
}

.lmd-dropdown__overlay--opened {
  display: block
}

@media(min-width: 768px) {
  .lmd-dropdown__overlay--opened {
    display: none
  }
}

.lmd-dropdown__close {
  background-image: url("0d7f1bc7147ec8648dabd94671a584e66c4c5f16.svg");
  background-size: 1rem;
  background-color: #fff;
  cursor: pointer;
  display: block;
  height: 2.4rem;
  margin-bottom: .8rem;
  margin-left: auto;
  width: 2.4rem;
  border: .1rem solid #bdc1c8;
  border-radius: 50%
}

.lmd-dropdown__close:hover {
  background-color: #eff0f3;
  border: none
}

@media(min-width: 768px) {
  .lmd-dropdown__close {
    margin-bottom: 1.6rem
  }
}

.lmd-dropdown-favorite {
  font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .lmd-dropdown-favorite {
  letter-spacing: .314px
}

html:not(.fonts-loaded) .lmd-dropdown-favorite>* {
  letter-spacing: .314px
}

html.fonts-loaded .lmd-dropdown-favorite {
  font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.lmd-dropdown-favorite__text {
  font-size: 1.8rem;
  line-height: 2.4rem
}

@media(min-width: 768px) {
  .lmd-dropdown-favorite__text {
    font-size: 1.6rem;
    line-height: 2.1rem
  }
}

.lmd-dropdown-favorite__text:not(:last-child) {
  margin-bottom: 1.2rem
}

.lmd-dropdown-favorite .lmd-btn {
  margin-bottom: .8rem
}

.lmd-dropdown-favorite .lmd-link {
  border-bottom: none
}

.lmd-dropdown-favorite__text-login {
  font-size: 1.6rem;
  line-height: 2.4rem
}

@media(min-width: 768px) {
  .lmd-dropdown-favorite__text-login {
    font-size: 1.4rem;
    line-height: 2rem
  }
}

.lmd-dropdown-gift-article__text {
  font-size: 1.5rem;
  line-height: 1.9rem
}

.lmd-dropdown-gift-article__text:not(:last-child) {
  margin-bottom: 1.6rem
}

.lmd-dropdown-gift-article__text--small {
  font-size: 1.4rem;
  line-height: 1.8rem
}

.lmd-dropdown-gift-article__copy-link {
  align-items: center;
  border-radius: .3rem;
  border: .1rem solid #2a303b;
  color: #383f4e;
  cursor: pointer;
  display: flex;
  height: 4.8rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
  margin-bottom: .8rem;
  padding: .8rem;
  position: relative;
  white-space: nowrap;
  width: 100%
}

.lmd-dropdown-gift-article__copy-link {
  font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .lmd-dropdown-gift-article__copy-link {
  letter-spacing: .314px
}

html:not(.fonts-loaded) .lmd-dropdown-gift-article__copy-link>* {
  letter-spacing: .314px
}

html.fonts-loaded .lmd-dropdown-gift-article__copy-link {
  font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.lmd-dropdown-gift-article__copy-link:before {
  background-image: url("");
  background-position: center;
  border: .1rem solid #2a303b;
  border-radius: 50%;
  content: "";
  display: block;
  flex-shrink: 0;
  height: 3.2rem;
  margin-right: .8rem;
  width: 3.2rem
}

.lmd-dropdown-gift-article__copy-link--copied {
  border-color: #2c6c00;
  background-color: rgba(188, 254, 197, .5);
  color: #2c6c00
}

.lmd-dropdown-gift-article__copy-link--copied:before {
  background-image: url("");
  border-color: #2c6c00
}

.lmd-dropdown-gift-article__copy-link--failed {
  border-color: #7d0707;
  background-color: rgba(255, 250, 250, .5);
  color: #7d0707
}

.lmd-dropdown-gift-article__copy-link--failed:before {
  background-image: url("");
  background-size: 50%;
  background-repeat: no-repeat;
  border-color: #7d0707
}

.lmd-dropdown-gift-article__footer {
  border-top: .1rem solid #e8eaee;
  margin-top: 1.6rem;
  padding-top: 1.6rem;
  width: 100%
}

.lmd-dropdown-gift-article__faq-link {
  align-items: center;
  color: #026b9c;
  cursor: pointer;
  display: inline-flex;
  font-size: 1.4rem;
  line-height: 1.8rem
}

.lmd-dropdown-gift-article__faq-link:after {
  background-image: url("8c6adaf57d3404a09c9ecf0280f8cbd81bec64b3.svg");
  content: "";
  display: block;
  height: 1.8rem;
  margin-left: 1.2rem;
  width: 1.8rem
}

.lmd-dropdown-gift-article__faq-link:hover {
  color: #005b85
}

.lmd-dropdown-gift-article__faq-link:hover:after {
  background-image: url("")
}

.sr-only {
  border: 0 !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important
}

.seo-only {
  display: none
}

.lmd-input-select {
  align-items: center;
  display: flex;
  height: 4.8rem;
  justify-content: center;
  position: relative;
  width: 100%
}

.lmd-input-select__input {
  -webkit-appearance: none;
  appearance: none;
  background-color: rgba(0, 0, 0, 0);
  border: .1rem solid #d5d8dc;
  border-radius: .2rem;
  color: #2a303b;
  cursor: pointer;
  font-size: 1.6rem;
  line-height: 2;
  height: 4.8rem;
  outline: 0;
  overflow: hidden;
  position: relative;
  text-overflow: ellipsis;
  padding: .4rem 4.7rem .4rem 1.4rem;
  width: 100%;
  z-index: 1
}

.lmd-input-select__input {
  font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .lmd-input-select__input {
  letter-spacing: .314px
}

html:not(.fonts-loaded) .lmd-input-select__input>* {
  letter-spacing: .314px
}

html.fonts-loaded .lmd-input-select__input {
  font-family: "Marr Sans", Arial, Roboto, sans-serif
}

@-moz-document url-prefix() {
  .lmd-input-select__input {
    padding-left: 1rem
  }
}

.lmd-input-select__input--with-placeholder {
  line-height: 4rem;
  padding-top: 1.2rem
}

.lmd-input-select__input:hover {
  border-color: #026b9c;
  color: #2a303b
}

.lmd-input-select__input:hover~.lmd-input-select__placeholder {
  color: #666e80
}

.lmd-input-select__input:disabled {
  background-color: #f5f6f8;
  border-color: #2a303b;
  color: #bdc1c8
}

.lmd-input-select__input:disabled .icon__arrow-dropdown {
  background-image: url("");
  height: .5rem;
  width: .8rem
}

.lmd-input-select__input:disabled~.lmd-input-select__placeholder {
  color: #bdc1c8
}

.lmd-input-select__placeholder {
  color: #8b92a1;
  font-size: 1.1rem;
  left: 1.6rem;
  pointer-events: none;
  position: absolute;
  top: .8rem;
  overflow: hidden;
  text-overflow: ellipsis;
  width: calc(100% - 3.2rem - 3.1rem);
  white-space: nowrap;
  z-index: 0
}

.lmd-input-select__placeholder {
  font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .lmd-input-select__placeholder {
  letter-spacing: .314px
}

html:not(.fonts-loaded) .lmd-input-select__placeholder>* {
  letter-spacing: .314px
}

html.fonts-loaded .lmd-input-select__placeholder {
  font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.lmd-input-select__icon-container {
  align-items: center;
  border-left: .1rem solid #d5d8dc;
  display: flex;
  height: calc(100% - 2.4rem);
  justify-content: flex-end;
  padding-right: .6rem;
  position: absolute;
  pointer-events: none;
  right: 1.6rem;
  width: 3.1rem
}

.lmd-input-checkbox {
  align-items: center;
  background-color: rgba(0, 0, 0, 0);
  border: .1rem solid #d5d8dc;
  border-radius: .2rem;
  cursor: pointer;
  display: flex;
  font-size: 1.6rem;
  height: 4.8rem;
  justify-content: flex-start;
  line-height: 1;
  padding: 1.6rem;
  position: relative;
  width: 100%
}

.lmd-input-checkbox {
  font-family: Arial, Roboto, sans-serif
}

html:not(.fonts-loaded) .lmd-input-checkbox {
  letter-spacing: .314px
}

html:not(.fonts-loaded) .lmd-input-checkbox>* {
  letter-spacing: .314px
}

html.fonts-loaded .lmd-input-checkbox {
  font-family: "Marr Sans", Arial, Roboto, sans-serif
}

.lmd-input-checkbox:hover {
  border-color: #026b9c;
  color: #2a303b
}

.lmd-input-checkbox__title {
  color: #8b92a1;
  margin-right: 1.6rem
}

.lmd-input-checkbox__checkbox {
  border: .1rem solid #8b92a1;
  border-radius: .2rem;
  height: 1.6rem;
  margin-left: auto;
  width: 1.6rem
}

.lmd-input-checkbox__checkbox--error {
  border-color: #f62120
}

.lmd-input-checkbox__input {
  display: none
}

.lmd-input-checkbox__input:checked~.lmd-input-checkbox__title {
  color: #2a303b
}

.lmd-input-checkbox__input:checked~.lmd-input-checkbox__checkbox {
  background: #2a303b;
  border-color: #2a303b
}

.lmd-input-checkbox__input:checked~.lmd-input-checkbox__checkbox:before {
  background-image: url("");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  content: "";
  display: block;
  height: 100%;
  width: 100%
}

.lmd-link:hover {
  -webkit-text-decoration: underline;
  text-decoration: underline;
  text-decoration-thickness: .06em;
  text-underline-offset: .2em
}

.lmd-link-reverse {
  -webkit-text-decoration: underline;
  text-decoration: underline;
  text-decoration-thickness: .06em;
  text-underline-offset: .2em
}

.lmd-link-reverse:hover {
  opacity: .8;
  -webkit-text-decoration: none;
  text-decoration: none
}

.lmd-link-nav:hover {
  color: #026b9c
}

.lmd-link-blue {
  color: #026b9c;
  -webkit-text-decoration: underline;
  text-decoration: underline
}

.lmd-link-blue:hover {
  color: #005b85
}

.lmd-link-opacity:hover {
  opacity: .8
}

.lmd-typo--medium {
  font-weight: 500
}

.lmd-typo--semibold {
  font-weight: 600
}

.lmd-typo--bold {
  font-weight: 700
}

.lmd-typo--center {
  text-align: center
}

.lmd-typo--right {
  text-align: right
}

.lmd-u-hide {
  display: none !important
}

@media(max-width: 767px) {
  .lmd-u-hide-mobile {
    display: none !important
  }
}

@media(min-width: 768px) {
  .lmd-u-hide-desktop {
    display: none !important
  }
}

@media(max-width: 1023px) {
  .lmd-u-hide-tablet {
    display: none !important
  }
}

@media(max-width: 479px) {
  .lmd-u-hide-smallmobile {
    display: none !important
  }
}

@media(max-width: 359px) {
  .lmd-u-hide-xs {
    display: none !important
  }
}

@media(max-width: 575px) {
  .lmd-u-hide-s {
    display: none !important
  }
}

@media(min-width: 576px) {
  .lmd-u-hide-over-s {
    display: none !important
  }
}

@media(max-width: 767px) {
  .lmd-u-only-desktop {
    display: none
  }
}

.lmd-u-lock-scroll {
  overflow: hidden !important
}

.sticky .lmd-u-hide-sticky {
  display: none !important
}