.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("../images/b0f6c2f0332c98f5038d26564cdbfd5a64548eac.svg");
  background-size: contain;
  background-repeat: no-repeat;
}

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

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

sup,
sub {
  line-height: 0;
}

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

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

.meta__icon-container,
.meta__link {
  width: 3.2rem;
  height: 2.2rem;
  background-color: rgba(0, 0, 0, 0);
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0.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: 0.1rem;
}

@media (min-width: 768px) {
  .icon--outside-nl {
    margin-top: 0.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: 0.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: 0.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: 0.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: 0.314px;
}

html:not(.fonts-loaded) .area__link-home > * {
  letter-spacing: 0.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("../images/");
  width: 1.1rem;
  height: 0.7rem;
  margin-left: 0.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 1rem;
}

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

@media (min-width: 992px) and (max-width: 1024px) {
  .main--with-contextual-nav {
    /*    margin-top: 5rem !important;*/
  }
}

@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: 63rem;
    padding-bottom: 4rem;
    margin: 0 auto;
    padding-left: 1.6rem;
    padding-right: 1.6rem;
  }
}

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

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

@media (min-width: 1024px) {
  .zone--article {
    display: grid;
    grid-template-columns: 1fr 12.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: 0.4rem;
    left: 0.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: 0.3rem;
  cursor: pointer;
  display: inline-block;
  font-size: inherit;
  /*  font-weight: inherit;*/
  line-height: normal;
  padding: 0.8rem 1.6rem;
}

.meta__icon-container,
.meta__link {
  width: 3.2rem;
  height: 2.2rem;
  background-color: rgba(0, 0, 0, 0);
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0.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: 0.1rem;
}

@media (min-width: 768px) {
  .icon--outside-nl {
    margin-top: 0.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("../images/");
  height: 1.8rem;
  width: 1.8rem;
}

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

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

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

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

.icon__reading-time {
  background-image: url("../images/983c9737074dbe828d024d0aff3adffa6c81cedd.svg");
  width: 1.2rem;
  height: 1.4rem;
  margin-right: 0.5rem;
}

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

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

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

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

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

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

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

.icon__cross {
  background: url("");
}

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

.icon__label-live,
.icon__label-live-hero {
  background-image: url("../images/");
  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("../images/");
}

.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("../images/6030af79a93f052ddc857fd7ab2b6b31bd56f203.svg");
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.seo-only {
  display: none;
}

.lmd-btn {
  align-items: center;
  border: 0;
  border-radius: 0.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: 0.314px;
}

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

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

.lmd-btn--s {
  font-size: 1.2rem;
  padding: 0.9rem 1.6rem 0.7rem;
}

.lmd-btn--m {
  font-size: 0.9rem;
  padding: 0.8rem 1.6rem 0.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: 0.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: 0.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: 0.4rem 1.2rem;
}

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

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

html:not(.fonts-loaded) .lmd-btn-services > * {
  letter-spacing: 0.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: 0.1rem solid #d5d8dc;
  border-radius: 0.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: 0.01rem;
}

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

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

html:not(.fonts-loaded) .lmd-btn-rub > * {
  letter-spacing: 0.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, 0.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: 0.6rem;
  top: 2.4rem;
  margin-left: 0;
  top: 3.2rem;
}

.btn__satisfaction-survey {
  align-items: center;
  border-radius: 0.1875rem;
  cursor: pointer;
  display: flex;
  font-size: 0.9rem;
  font-weight: 500;
  justify-content: center;
  padding: 0.6875rem 0.9375rem 0.5625rem;
  -webkit-text-decoration: none;
  text-decoration: none;
  transition: all 0.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: 0.314px;
}

html:not(.fonts-loaded) .btn__satisfaction-survey > * {
  letter-spacing: 0.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, 0.8);
  border-color: #0053fa;
}

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

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

.btn__form-search {
  padding: 0.7rem 1.6rem;
}

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

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

html:not(.fonts-loaded) .btn__form-search > * {
  letter-spacing: 0.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: 0.1rem solid #e9edf0;
  border-radius: 0.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: 0.314px;
}

html:not(.fonts-loaded) .btn__post-live > * {
  letter-spacing: 0.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: 0.1rem solid #e9edf0;
  border-radius: 0.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: 0.314px;
}

html:not(.fonts-loaded) .btn__old-post-live > * {
  letter-spacing: 0.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: 0.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: 0.314px;
}

html:not(.fonts-loaded) .btn--send-testimony > * {
  letter-spacing: 0.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: 0.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: 0.314px;
}

html:not(.fonts-loaded) .btn--question-live > * {
  letter-spacing: 0.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: 0.5rem 1.5rem;
}

@media (min-width: 320px) {
  .btn--premium {
    padding: 0.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: 0.4rem;
  display: inline-block;
  font-weight: 600;
}

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

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

html:not(.fonts-loaded) .button > * {
  letter-spacing: 0.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: 0.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: 0.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: 0.1rem solid #fff;
  border-radius: 0.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: 0.9rem;
  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("../images/");
  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: 0.1rem solid #a4a9b4;
  border-radius: 0.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: 0.1rem solid #d5d8dc;
  border-radius: 0.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: 0.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: 0.01rem;
  font-weight: 500;
  line-height: 1.5;
  color: #2a303b;
  transition: background-color 0.15s ease, color 0.15s ease;
  border: 0.1rem solid #d5d8dc;
  border-radius: 0.4rem;
  padding: 0.8rem 1.2rem;
  width: 9rem;
  justify-content: center;
  max-width: 9rem;
}

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

.button--year {
  font-size: 1.2rem;
  letter-spacing: 0.01rem;
  font-weight: 500;
  line-height: 1.5;
  color: #2a303b;
  transition: background-color 0.15s ease, color 0.15s ease;
  border: 0.1rem solid #d5d8dc;
  border-radius: 0.4rem;
  padding: 0.8rem 1.2rem;
  width: 5.5rem;
  justify-content: center;
  max-width: 5.5rem;
}

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

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

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

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

.button--page {
  align-items: center;
  border: 0.1rem solid #d5d8dc;
  border-radius: 0.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: 0.01rem;
}

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

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

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

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

.button--page:hover {
  background-color: rgba(42, 48, 59, 0.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: 0.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: 0.314px;
}

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

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

.lmd-btn--s {
  font-size: 1.2rem;
  padding: 0.9rem 1.6rem 0.7rem;
}

.lmd-btn--m {
  font-size: 0.9rem;
  padding: 0.8rem 1.6rem 0.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: 0.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: 0.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: 0.4rem 1.2rem;
}

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

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

html:not(.fonts-loaded) .lmd-btn-services > * {
  letter-spacing: 0.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: 0.1rem solid #d5d8dc;
  border-radius: 0.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: 0.01rem;
}

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

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

html:not(.fonts-loaded) .lmd-btn-rub > * {
  letter-spacing: 0.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, 0.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: 0.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: 0.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: 0.8rem;
  color: #2a303b;
  font-size: 0.9rem;
  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: 0.314px;
}

html:not(.fonts-loaded) .message--supportus .message__action > * {
  letter-spacing: 0.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: 0.314px;
}

html:not(.fonts-loaded) .message--cookie p > * {
  letter-spacing: 0.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: 0.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: 0.9rem;
  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("../images/");
}

.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("../images/");
}

.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: 0.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: 0.9rem;
  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("../images/");
  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: 0.314px;
}

html:not(.fonts-loaded) .message__close > * {
  letter-spacing: 0.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: 0.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: 0.314px;
}

html:not(.fonts-loaded) .message__content > * {
  letter-spacing: 0.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: 0.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: 0.314px;
}

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

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

@media (min-width: 360px) {
  .message__link--sitemap {
    padding: 0.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: 0.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: 0.4rem;
}

.message__cta--register {
  font-size: 1.6rem;
  line-height: 1.25;
  margin-bottom: 0.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: 0.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: 0.314px;
}

html:not(.fonts-loaded) .message__cta--paywall > * {
  letter-spacing: 0.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: 0.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: 0.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: 0.314px;
}

html:not(.fonts-loaded) .message__wrapper-teaser > * {
  letter-spacing: 0.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: 0.314px;
}

html:not(.fonts-loaded) .message__wrapper-paywall > * {
  letter-spacing: 0.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: 0.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: 0.1rem;
    background-color: #bdc1c8;
    height: 1.8rem;
    display: block;
    margin: 0 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 0.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 0.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, 0.5);
  border-top: 0.1rem solid #e9f3f7;
  border-bottom: 0.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: 0.05rem;
}

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

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

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

.message__offre-jeux-title {
  font-weight: 600;
  font-size: 1.5rem;
  line-height: 2.1rem;
  text-transform: uppercase;
  margin-bottom: 0.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: 0.05rem;
}

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

.message__offre-jeux-description {
  font-size: 1.5rem;
  line-height: 2.1rem;
  margin-bottom: 0.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("../images/");
  display: inline-block;
  width: 1.2rem;
  height: 1.2rem;
  margin-left: 0.5rem;
}

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

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

.message__offre-jeux--user-abo .message__offre-jeux-more {
  color: #fff;
  border-bottom: solid 0.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: 0.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: 0.05rem;
  }
}

@media (min-width: 1024px) {
  .message__offre-rotation-title {
    font-size: 1.8rem;
    line-height: 1.25;
    color: #2a303b;
    font-weight: bold;
    margin-top: 0.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: 0.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: 0.314px;
  }

  html:not(.fonts-loaded) .message__offre-rotation-description > * {
    letter-spacing: 0.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: 0.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: 0.05rem;
}

@media (min-width: 1024px) {
  .message__offre-description {
    color: #454f5f;
    font-size: 1.5rem;
    line-height: 1.33;
    margin-top: 0.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: 0.4rem;
    display: inline-block;
  }

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

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

  html:not(.fonts-loaded) .message__offre-more > * {
    letter-spacing: 0.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: 0.7rem 0.8rem 0.7rem;
    border-radius: 0.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: 0.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: 0.9rem;
  line-height: 1.4;
  margin-right: 0.8rem;
}

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

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

html:not(.fonts-loaded) .message__survey-description > * {
  letter-spacing: 0.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: 0.8rem;
}

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

.message--register {
  position: sticky;
  background-color: #fff6d3;
  border-top: 0.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: 0.8rem;
  font-size: 1.6rem;
  line-height: 1.25;
  font-weight: 500;
}

@media (min-width: 768px) {
  .message__headline-teaser {
    margin-bottom: 0.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: 0.1rem solid #d5d8dc;
  padding-bottom: 0.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: 0.314px;
}

html:not(.fonts-loaded) .message__description-dropdown > * {
  letter-spacing: 0.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: 0.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: 0.9rem;
  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% + 0.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: 0.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: 0.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: 0.9rem;
  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: 0.314px;
}

html:not(.fonts-loaded) .message__dropdown-trigger > * {
  letter-spacing: 0.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("../images/8c6adaf57d3404a09c9ecf0280f8cbd81bec64b3.svg");
  content: "";
  display: flex;
  height: 1.8rem;
  position: absolute;
  right: -2.8rem;
  top: 0.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: 0.9rem;
  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: 0.13rem;
  margin-bottom: 0.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: 0.05rem;
}

.message__description {
  color: #2a303b;
  font-size: 0.9rem;
  font-weight: 700;
  line-height: 1.8rem;
  margin-bottom: 0.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: 0.05rem;
}

.message__more::after {
  content: "";
  background-image: url("../images/");
  display: inline-block;
  height: 1.2rem;
  margin-left: 0.4rem;
  width: 1.2rem;
}

.message__more-text {
  letter-spacing: 0.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: 0.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: 0.314px;
}

html:not(.fonts-loaded) .top-banner > * {
  letter-spacing: 0.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: 0.9rem;
  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("../images/");
  cursor: pointer;
  height: 2.4rem;
  margin-bottom: 0.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: 0.8rem;
}

.top-banner__icon-cb {
  background-image: url("../images/");
  height: 1.5rem;
  margin-right: 0.8rem;
  width: 2.05rem;
}

.top-banner__text {
  margin-bottom: 0.8rem;
}

.top-banner__cta {
  align-items: center;
  border: 0;
  border-radius: 0.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: 0.9rem 1.6rem 0.7rem;
  background-color: #ffc700;
  color: #2a303b;
  margin-bottom: 0.8rem;
}

.top-banner__cta {
  font-family: Arial, Roboto, sans-serif;
}

html:not(.fonts-loaded) .top-banner__cta {
  letter-spacing: 0.314px;
}

html:not(.fonts-loaded) .top-banner__cta > * {
  letter-spacing: 0.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: 0.9rem;
}

.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: 0.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: 0.314px;
}

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

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

.lmd-btn--s {
  font-size: 1.2rem;
  padding: 0.9rem 1.6rem 0.7rem;
}

.lmd-btn--m {
  font-size: 0.9rem;
  padding: 0.8rem 1.6rem 0.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: 0.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: 0.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: 0.4rem 1.2rem;
}

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

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

html:not(.fonts-loaded) .lmd-btn-services > * {
  letter-spacing: 0.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: 0.1rem solid #d5d8dc;
  border-radius: 0.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: 0.01rem;
}

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

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

html:not(.fonts-loaded) .lmd-btn-rub > * {
  letter-spacing: 0.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, 0.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, 0.85);
}

.comments__action {
  display: flex;
  align-items: center;
}

.comments__action-forward {
  cursor: pointer;
  height: 3rem;
  background-color: #2a303b;
  border-radius: 0.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, 0.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: 0.3rem solid #383f4e;
  margin-top: 3rem;
  padding-top: 2.4rem;
}

.main--dark-mode .comments__header {
  border-top-color: rgba(255, 255, 255, 0.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, 0.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("../images/");
  margin-right: 0.4rem;
}

.comments__base-icon--m {
  width: 4rem;
  height: 4rem;
  margin-right: 0.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, 0.85);
}

.comments__show {
  border: 0.1rem solid #bdc1c8;
  padding: 0.8rem 3.2rem;
  border-radius: 0.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: 0.1rem solid #2a303b;
}

.comments__cta-desc {
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.33;
  margin-top: 0.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: 0.3rem;
  padding: 1rem 2rem;
  text-align: center;
  line-height: 1.25;
  height: 4.2rem;
  font-size: 1.6rem;
  letter-spacing: 0.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: 0.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: 0.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: 0.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: 0.314px;
}

html:not(.fonts-loaded) .comments__active > *,
html:not(.fonts-loaded) .comments__blocked-btn > * {
  letter-spacing: 0.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: 0.1rem solid #bdc1c8;
  color: #2a303b;
  opacity: 0.5;
}

.paywall__comments--show + .comments__active:hover,
.paywall__comments--show + .comments__blocked-btn:hover {
  cursor: default;
}

.comments__blocked {
  position: relative;
}

.comments__blocked-btn {
  border: 0.1rem solid #bdc1c8;
  color: #2a303b;
  opacity: 0.5;
}

.comments__blocked-box {
  align-items: flex-start;
  background-color: #fff;
  border-radius: 0.3rem;
  bottom: calc(100% + 1.2rem);
  box-shadow: 0px 0px 56px 8px rgba(0, 0, 0, 0.2),
    inset 0px 0px 1px rgba(0, 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: 0.7rem solid rgba(0, 0, 0, 0);
  border-right: 0.7rem solid rgba(0, 0, 0, 0);
  content: "";
  display: inline-block;
  left: 50%;
  position: absolute;
  transform: rotate(180deg);
  transition: opacity 100ms;
  top: calc(100% - 0.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: 0.2rem;
}

.comments__blocked-msg {
  font-family: Arial, Roboto, sans-serif;
}

html:not(.fonts-loaded) .comments__blocked-msg {
  letter-spacing: 0.314px;
}

html:not(.fonts-loaded) .comments__blocked-msg > * {
  letter-spacing: 0.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: 0.314px;
}

html:not(.fonts-loaded) .comments__blocked-cta > * {
  letter-spacing: 0.314px;
}

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

.comment {
  padding-bottom: 2.4rem;
  border-bottom: 0.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, 0.85);
}

.comment__date {
  text-transform: uppercase;
  color: #666e80;
  font-size: 1.1rem;
  margin-left: 0.8rem;
  align-self: flex-end;
}

.main--dark-mode .comment__date {
  color: rgba(255, 255, 255, 0.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, 0.85);
}

.comment__footer {
  display: flex;
  margin-top: 2rem;
}

.main--dark-mode .comment__footer {
  color: rgba(255, 255, 255, 0.85);
}

.comment__admin {
  font-size: 1.3rem;
  margin-top: 0.8rem;
}

.comment__admin + .comment__content {
  margin-top: 0.4rem;
}

.comment__view-more {
  font-size: 1.2rem;
  color: #383f4e;
  font-weight: 500;
  border: 0.1rem solid #bdc1c8;
  background: rgba(0, 0, 0, 0);
  cursor: pointer;
  padding: 0.8rem 2rem;
  border-radius: 0.3rem;
  margin-right: 2rem;
}

.main--dark-mode .comment__view-more {
  color: #181a1e;
  background-color: rgba(255, 255, 255, 0.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, 0.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, 0.85);
}

.comment__report:hover {
  -webkit-text-decoration: underline;
  text-decoration: underline;
}

.comment__children {
  border-left: 0.3rem solid #e8eaee;
  border-bottom: 0.3rem solid #e8eaee;
  margin-left: 10%;
  opacity: 0;
  transform: scaleY(0);
  transition: transform 0.2s ease, opacity 0.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: 0.1rem solid #a4a9b4;
}

.comment__box-link:hover {
  border-bottom: 0.1rem solid #0070b2;
}

.main--dark-mode .comment__box-link {
  color: rgba(255, 255, 255, 0.85);
  border-bottom: 0.1rem solid rgba(255, 255, 255, 0.85);
}

.main--dark-mode .comment__box-link:hover {
  border-bottom: 0.1rem solid #a4a9b4;
}

.comment__box-header {
  display: flex;
  align-items: baseline;
  border-top: 0.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, 0.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, 0.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, 0.85);
}

.comment__box-info {
  margin-top: 2.4rem;
  font-size: 1.5rem;
}

.comment__box-list {
  list-style: inside;
  margin-top: 2.4rem;
  font-size: 0.9rem;
}

.comment__box-item {
  margin-top: 0.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, 0.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, 0.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, 0.85);
}

.comment__login-info--hide {
  display: none;
}

.comment__name {
  width: 100%;
  border: 0.1rem solid #bdc1c8;
  border-radius: 0.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, 0.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("../images/");
  display: block;
  content: " ";
  position: absolute;
  z-index: 10;
  right: 0.5rem;
  top: 50%;
  transform: translateY(-50%);
}

.comment__input-result--valid .comment__name {
  border-color: #3a9200;
}

.comment__input-result--error:after {
  background-image: url("../images/");
  display: block;
  content: " ";
  position: absolute;
  z-index: 10;
  right: 0.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: 0.9rem;
}

@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 0.4rem;
  }
}

.comment__rework-trigger-arrow {
  margin-left: auto;
  margin-right: 0.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("../images/");
    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: 0.9rem;
  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: 0.2rem 0 0 0.2rem;
  top: 1rem;
}

.main--dark-mode .comment__rule-trigger {
  color: rgba(255, 255, 255, 0.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 0.2rem 0.2rem 0;
  display: inline-block;
  padding: 0.3rem;
  position: absolute;
  top: 0.6rem;
  right: 0;
  transform: rotate(45deg) translateY(-50%);
}

.main--dark-mode .comment__rule-trigger-arrow:after {
  border-color: rgba(255, 255, 255, 0.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, 0.85);
}

.comment__consent-more--hide {
  display: none;
}

.comment__rules {
  opacity: 0;
  transform: scaleY(0);
  transition: transform 0.2s ease, opacity 0.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, 0.85);
}

.comment__rules-question {
  margin-top: 2.4rem;
  font-size: 0.9rem;
}

.comment__rules-answer {
  font-size: 0.9rem;
}

.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, 0.85);
}

.comment__text {
  width: 100%;
  height: 22.6rem;
  resize: none;
  border: 0.1rem solid #bdc1c8;
  border-radius: 0.3rem;
  margin-top: 0.8rem;
  padding: 1.6rem;
  font-size: 1.5rem;
  font-family: inherit;
}

.main--dark-mode .comment__text {
  background-color: rgba(255, 255, 255, 0.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, 0.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: 0.3rem;
  border: 0.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, 0.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, 0.85);
}

.comment__user-name {
  font-weight: 600;
  position: relative;
}

@media (min-width: 768px) {
  .comment__user-name {
    margin: 0 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("../images/");
  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("../images/");
}

.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, 0.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: 0.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: 0.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: 0.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: 0.9rem;
  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, 0.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, 0.9);
  position: fixed;
  top: 0;
  z-index: 5;
  overflow-y: visible;
  overflow-x: hidden;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.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: 0.4rem;
}

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

html:not(.fonts-loaded) .capping__wrapper {
  letter-spacing: 0.314px;
}

html:not(.fonts-loaded) .capping__wrapper > * {
  letter-spacing: 0.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 0.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 0.4s cubic-bezier(0.215, 0.61, 0.355, 1),
    opacity 0.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: 0.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: 0.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 0.4s cubic-bezier(0.215, 0.61, 0.355, 1),
    opacity 0.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: 0.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: 0.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: 0.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("../images/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: 0.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: 0.314px;
}

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

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

.lmd-btn--s {
  font-size: 1.2rem;
  padding: 0.9rem 1.6rem 0.7rem;
}

.lmd-btn--m {
  font-size: 0.9rem;
  padding: 0.8rem 1.6rem 0.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: 0.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: 0.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: 0.4rem 1.2rem;
}

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

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

html:not(.fonts-loaded) .lmd-btn-services > * {
  letter-spacing: 0.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: 0.1rem solid #d5d8dc;
  border-radius: 0.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: 0.01rem;
}

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

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

html:not(.fonts-loaded) .lmd-btn-rub > * {
  letter-spacing: 0.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, 0.03);
}

.lmd-link:hover {
  -webkit-text-decoration: underline;
  text-decoration: underline;
  text-decoration-thickness: 0.06em;
  text-underline-offset: 0.2em;
}

.lmd-link-reverse {
  -webkit-text-decoration: underline;
  text-decoration: underline;
  text-decoration-thickness: 0.06em;
  text-underline-offset: 0.2em;
}

.lmd-link-reverse:hover {
  opacity: 0.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: 0.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: 0.2rem solid #d5d8dc;
  bottom: 0;
  color: #3e388c;
  display: flex;
  flex-direction: column;
  height: 100%;
  left: 0;
  padding: 0.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: 0.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: 0.8rem;
  text-align: center;
}

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

html:not(.fonts-loaded) .bd-memorable__subtitle {
  letter-spacing: 0.314px;
}

html:not(.fonts-loaded) .bd-memorable__subtitle > * {
  letter-spacing: 0.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: 0.4rem 0.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: 0.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: 0.8rem;
  width: 100%;
}

.bizdev-list__header--multiline {
  align-items: flex-start;
  flex-direction: column;
}

.bizdev-list__header-title {
  color: #666e80;
  font-size: 0.9rem;
  font-weight: 600;
  line-height: 1;
  margin-right: 0.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: 0.1rem solid #d5d8dc;
  border-radius: 0.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: 0.4rem 0;
}

.bizdev-list__code:not(:last-of-type) {
  border-bottom: 0.1rem solid #e8eaee;
}

.bizdev-list__code:hover .bizdev-list__code-text {
  -webkit-text-decoration: underline;
  text-decoration: underline;
  text-decoration-thickness: 0.06em;
  text-underline-offset: 0.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: 0.4rem;
  height: 3.2rem;
  line-height: 1;
  padding: 0.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: 0.06em;
  text-underline-offset: 0.2em;
}

.bizdev-list__link-arrow {
  background-image: url("../images/");
  height: 1.2rem;
  width: 1.2rem;
}

.bizdev-poster {
  align-items: center;
  border: 0.1rem solid #d5d8dc;
  border-radius: 0.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("../images/");
  height: 1.5rem;
  margin-right: 0.4rem;
  width: 7.2rem;
}

.bizdev-poster__image {
  border-radius: 0.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: 0.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: 0.05rem;
}

.bizdev-poster__description {
  color: #565e70;
  font-size: 0.9rem;
  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: 0.314px;
}

html:not(.fonts-loaded) .bizdev-poster__description > * {
  letter-spacing: 0.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: 0.1rem solid #bdc1c8;
  color: #2a303b;
  font-size: 1.3rem;
  height: 2.6rem;
  padding: 0.6rem 1.2rem;
  font-weight: 600;
}

.bizdev-poster__btn {
  font-family: Arial, Roboto, sans-serif;
}

html:not(.fonts-loaded) .bizdev-poster__btn {
  letter-spacing: 0.314px;
}

html:not(.fonts-loaded) .bizdev-poster__btn > * {
  letter-spacing: 0.314px;
}

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

.bizdev-poster__btn--disabled {
  opacity: 0.3;
  pointer-events: none;
}

.bizdev-poster__btn:hover {
  background-color: #f5f6f8;
  border-color: #bdc1c8;
}

.bizdev-poster-logo--ateliers {
  background-image: url("../images/");
  height: 2rem;
  width: 6rem;
}

.bizdev-poster-logo--jeux {
  background-image: url("../images/");
  height: 1.1rem;
  width: 4.9rem;
}

.bizdev-poster-logo--memorable {
  background-image: url("../images/");
  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 0.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: 0.089rem;
  color: #717b8e;
  background-color: #2a303b;
  padding: 0 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: 0.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 0.15s ease, transform 0.15s ease;
  background-color: rgba(42, 48, 59, 0.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, 0.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 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: 0.1rem;
  background-color: #717b8e;
  margin: 0 0.4rem;
}

@media (min-width: 768px) {
  .portfolio__indicator--max:before {
    margin: 0 0.8rem;
  }
}

.portfolio__caption {
  color: #666e80;
  font-size: 0.9rem;
  line-height: 1.42;
  margin: 1.2rem 1.6rem 0;
  opacity: 0;
  transition: opacity 0.15s ease;
}

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

html:not(.fonts-loaded) .portfolio__caption {
  letter-spacing: 0.314px;
}

html:not(.fonts-loaded) .portfolio__caption > * {
  letter-spacing: 0.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 0.15s ease;
  display: flex;
  justify-content: center;
  align-items: center;
}

.portfolio__icons:hover {
  cursor: pointer;
  opacity: 0.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 0.15s ease;
}

.portfolio__arrow--off {
  opacity: 0.5;
}

.portfolio__arrow--off:hover {
  cursor: auto;
  opacity: 0.5;
}

.portfolio--off {
  display: none;
}

.page__link--campaigns:hover {
  -webkit-text-decoration: underline;
  text-decoration: underline;
}

.page__heading {
  border-bottom: 0.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: 0.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: 0.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: 0.8rem;
  margin-left: 0.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: 0.314px;
}

html:not(.fonts-loaded) .page__campaigns-title > * {
  letter-spacing: 0.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% - 0.1rem);
    position: absolute;
    top: 0;
    transform: translateX(-50vw);
    width: calc(100vw + 0.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: 0.8rem;
  margin-left: 0.2rem;
}

.page__title {
  font-size: 2.8rem;
  line-height: 1;
  letter-spacing: 0.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: 0.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 0.8rem 0.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: 0.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: 0.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: 0.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: 0.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: 0.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: 0.314px;
}

html:not(.fonts-loaded) .page__subtitle > * {
  letter-spacing: 0.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: 0.1rem solid #a4a9b4;
}

.page__subtitle--link:hover,
.page__subtitle a:hover {
  border-bottom: 0.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: 0.8rem;
  cursor: pointer;
}

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

html:not(.fonts-loaded) .page__view-more {
  letter-spacing: 0.314px;
}

html:not(.fonts-loaded) .page__view-more > * {
  letter-spacing: 0.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: 0.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: 0.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: 0.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: 0.314px;
}

html:not(.fonts-loaded) .page__games-desc > * {
  letter-spacing: 0.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: 0.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: 0.1rem solid #e2e4e9;
  padding: 1.2rem;
  top: 3.3rem;
  right: 0;
  line-height: 1.53;
  box-shadow: 0rem 0.6rem 1.1rem 0 rgba(102, 110, 128, 0.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: 0.314px;
}

html:not(.fonts-loaded) .page__info-text > * {
  letter-spacing: 0.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: 0.8rem;
}

.page__info--footer {
  display: flex;
  align-items: center;
}

.page__info-separator {
  background-color: #e8eaee;
  height: 0.3rem;
  width: 100%;
}

.page__follow {
  display: flex;
  align-items: center;
  margin-top: 2.4rem;
}

.page__follow-text {
  margin-right: 0.8rem;
  color: #666e80;
  font-size: 0.9rem;
  letter-spacing: 0.02rem;
  line-height: 1.42;
}

.page__follow-text {
  font-family: Arial, Roboto, sans-serif;
}

html:not(.fonts-loaded) .page__follow-text {
  letter-spacing: 0.314px;
}

html:not(.fonts-loaded) .page__follow-text > * {
  letter-spacing: 0.314px;
}

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

.page__follow-item:not(:last-of-type) {
  margin-right: 0.8rem;
}

.page__follow-link {
  display: flex;
  width: 3.2rem;
  height: 3.2rem;
  align-items: center;
  justify-content: center;
  border: 0.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: 0.8rem;
}

.page__campaigns-partner {
  margin-left: 0.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: 0.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: 0.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: 0.314px;
}

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

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

.lmd-btn--s {
  font-size: 1.2rem;
  padding: 0.9rem 1.6rem 0.7rem;
}

.lmd-btn--m {
  font-size: 0.9rem;
  padding: 0.8rem 1.6rem 0.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: 0.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: 0.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: 0.4rem 1.2rem;
}

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

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

html:not(.fonts-loaded) .lmd-btn-services > * {
  letter-spacing: 0.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: 0.1rem solid #d5d8dc;
  border-radius: 0.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: 0.01rem;
}

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

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

html:not(.fonts-loaded) .lmd-btn-rub > * {
  letter-spacing: 0.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, 0.03);
}

.lmd-link:hover {
  -webkit-text-decoration: underline;
  text-decoration: underline;
  text-decoration-thickness: 0.06em;
  text-underline-offset: 0.2em;
}

.lmd-link-reverse {
  -webkit-text-decoration: underline;
  text-decoration: underline;
  text-decoration-thickness: 0.06em;
  text-underline-offset: 0.2em;
}

.lmd-link-reverse:hover {
  opacity: 0.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: 0.8;
}

.article {
  margin: 2.4rem 0;
  padding-top: 2.4rem;
  border-top: 0.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: 0.1rem solid rgba(0, 0, 0, 0.09);
  }
}

.article__sactisfaction-survey {
  -webkit-tap-highlight-color: rgba(0, 83, 250, 0.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: 0.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: 0.314px;
}

html:not(.fonts-loaded) .article__sactisfaction-survey--wrapper > * {
  letter-spacing: 0.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: 0.314px;
}

html:not(.fonts-loaded) .article__byline > * {
  letter-spacing: 0.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: 0.01rem;
  position: absolute;
  right: 0.8rem;
  bottom: 0.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: 0.314px;
}

html:not(.fonts-loaded) .article__copyright > * {
  letter-spacing: 0.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: 0.314px;
}

html:not(.fonts-loaded) .article__mention > * {
  letter-spacing: 0.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: 0.314px;
}

html:not(.fonts-loaded) .article__extra > * {
  letter-spacing: 0.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: 0.8rem;
  color: #fff;
  left: 0.8rem;
  z-index: 4;
}

.article__extra--embed > :first-child {
  margin-right: 0.8rem;
}

.article__extra--related {
  display: none;
}

@media (min-width: 1024px) {
  .article__extra--related {
    align-items: center;
    bottom: 0.8rem;
    left: 0.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: 0.314px;
}

html:not(.fonts-loaded) .article__extra--inline > * {
  letter-spacing: 0.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: 0.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: 0.314px;
}

html:not(.fonts-loaded) .article__info > * {
  letter-spacing: 0.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: 0.8rem;
  font-weight: 400;
  line-height: 1;
  margin-bottom: 1.6rem;
  margin-top: 0.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: 0.314px;
}

html:not(.fonts-loaded) .article__media-credit > * {
  letter-spacing: 0.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: 0.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: 0.314px;
}

html:not(.fonts-loaded) .article__video-deny-btn > * {
  letter-spacing: 0.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: 0.06em;
  text-underline-offset: 0.2em;
}

.article__kicker {
  color: #2a303b;
  font-size: 1.3rem;
  font-weight: 500;
  letter-spacing: 0.13rem;
  line-height: 1.15;
  margin-bottom: 0.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: 0.05rem;
}

.article__type {
  color: #717b8e;
  font-size: 1.3rem;
  font-weight: 500;
  letter-spacing: 0.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: 0.05rem;
}

.article__author {
  align-items: center;
  display: flex;
  max-width: 70%;
}

.article__author:not(:last-child) {
  margin-bottom: 0.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("../images/");
  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: 0.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: 0.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: 0.02rem;
  font-size: 0.9rem;
  margin-top: 0.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: 0.314px;
}

html:not(.fonts-loaded) .article__author-job--posts > * {
  letter-spacing: 0.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: 0.314px;
}

html:not(.fonts-loaded) .article__author-name > * {
  letter-spacing: 0.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: 0.314px;
}

html:not(.fonts-loaded) .article__author-desc > * {
  letter-spacing: 0.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: 0.314px;
}

html:not(.fonts-loaded) .article__related > * {
  letter-spacing: 0.314px;
}

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

@media (min-width: 768px) {
  .article__related {
    font-size: 0.9rem;
    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: 0.06em;
  text-underline-offset: 0.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: 0.06em;
  text-underline-offset: 0.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: 0.8rem;
  }
}

.article--nav .article__author-name {
  font-size: 1.3rem;
  line-height: 1.25;
}

.article--featured {
  background: #fff;
  border-bottom: 0.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: 0.1rem solid rgba(0, 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: 0.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: 0.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 0.8rem 0;
  width: 100%;
}

@media (min-width: 1024px) {
  .article--related .article__media-container {
    width: 11.4rem;
    margin: 0 0 0.4rem 0.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: 0.8rem 0 1.4rem;
  margin-bottom: 4.4rem;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
}

.article--toast__container .article--toast__text {
  color: rgba(255, 255, 255, 0.87);
  margin: 0.5rem 0 0 0;
  font-size: 0.9rem;
  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: 0.314px;
}

html:not(.fonts-loaded) .article--toast__container .article--toast__text > * {
  letter-spacing: 0.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, 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: 0.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: 0.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: 0.314px;
}

html:not(.fonts-loaded) .article__gift-modal__content > * {
  letter-spacing: 0.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: 0.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: 0.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: 0.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: 0.06em;
  text-underline-offset: 0.2em;
  color: #0070b2;
}

.article__gift-modal__link:hover {
  opacity: 0.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: 0.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: 0.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: 0.9rem 1.6rem 0.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: 0.314px;
}

html:not(.fonts-loaded) .article__gift-modal__discover-btn > * {
  letter-spacing: 0.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: 0.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: 0.314px;
}

html:not(.fonts-loaded) .article__gift-modal__button > * {
  letter-spacing: 0.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: 0.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("../images/");
  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 0.8rem;
}

@media (min-width: 360px) {
  .restricted-podcast__headline {
    margin: 0 2.25rem 0.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: 0.9rem;
  line-height: 2.2rem;
  margin-top: 0.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 0.1rem #e8eaee;
  border-bottom: solid 0.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: 0.314px;
}

html:not(.fonts-loaded) .product-node > * {
  letter-spacing: 0.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: 0.8rem 3rem 0.8rem 1.4rem;
  border-radius: 0.3rem;
  position: relative;
  cursor: pointer;
}

.product-node-dropdown-label:after {
  content: " ";
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("../images/");
  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, 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: 0.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: 0.8rem 1.4rem;
  border-radius: 0.3rem;
}

@media (min-width: 1024px) {
  .product-node-link--single {
    margin-top: 0;
  }
}

.product-node-desc {
  font-size: 0.9rem;
  line-height: 1.6;
  color: #717b8e;
  margin-top: 0.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: 0.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: 0.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: 0.314px;
}

html:not(.fonts-loaded) .podcast-gdpr__warning > * {
  letter-spacing: 0.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: 0.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: 0.06em;
  text-underline-offset: 0.2em;
}

.lmd-link-reverse {
  -webkit-text-decoration: underline;
  text-decoration: underline;
  text-decoration-thickness: 0.06em;
  text-underline-offset: 0.2em;
}

.lmd-link-reverse:hover {
  opacity: 0.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: 0.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: 0.4rem;
  padding-right: 0.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: 0.314px;
}

html:not(.fonts-loaded) .article__question > * {
  letter-spacing: 0.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: 0.06em;
  text-underline-offset: 0.2em;
}

.article__question a:hover {
  opacity: 0.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: 0.03rem;
  line-height: 1;
  position: relative;
  z-index: 2;
  margin-left: 0.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: 0.05rem;
}

.article__fact:after {
  content: " ";
  display: block;
  position: absolute;
  width: calc(100% + 0.8rem);
  height: 0.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: 0.06em;
  text-underline-offset: 0.2em;
}

.article__fact a:hover {
  opacity: 0.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: 0.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: 0.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: 0.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: 0.06em;
  text-underline-offset: 0.2em;
}

.article__ordered-list li a:hover,
.article__unordered-list li a:hover {
  opacity: 0.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: 0.314px;
}

html:not(.fonts-loaded) .article__ordered-list li:before > * {
  letter-spacing: 0.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: 0.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: 0.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: 0.06em;
  text-underline-offset: 0.2em;
}

.article__sub-title a:hover,
.article__ordered-list li h2 a:hover,
.article__unordered-list li h2 a:hover {
  opacity: 0.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: 0.3rem;
  background-color: #383f4e;
  width: 100%;
}

.article__siblings-title {
  font-size: 2.4rem;
  line-height: 1.25;
  letter-spacing: 0.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: 0.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: 0.06em;
  text-underline-offset: 0.2em;
}

.article__chapter-title a:hover {
  opacity: 0.8;
  -webkit-text-decoration: none;
  text-decoration: none;
}

.article__paragraph {
  margin-top: 1rem;
  color: #383f4e;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.52;
}

@media (min-width: 768px) {
  .article__paragraph {
    font-size: 1.2rem;
    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: 0.06em;
  text-underline-offset: 0.2em;
}

.article__paragraph a:hover {
  opacity: 0.8;
  -webkit-text-decoration: none;
  text-decoration: none;
}

.article__content {
  padding-top: 1.6rem;
}

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

.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: 0.06em;
  text-underline-offset: 0.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: 0.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: 0.06em;
  text-underline-offset: 0.2em;
}

.article__content .article__cite a:hover {
  opacity: 0.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: 0.06em;
  text-underline-offset: 0.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: 0.06em;
  text-underline-offset: 0.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: 0.314px;
}

html:not(.fonts-loaded) .article__reactions > * {
  letter-spacing: 0.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: 0.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: 0.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: 0.05rem;
}

.main--free .article--restricted {
  overflow: hidden;
}

.lmd-link:hover {
  -webkit-text-decoration: underline;
  text-decoration: underline;
  text-decoration-thickness: 0.06em;
  text-underline-offset: 0.2em;
}

.lmd-link-reverse {
  -webkit-text-decoration: underline;
  text-decoration: underline;
  text-decoration-thickness: 0.06em;
  text-underline-offset: 0.2em;
}

.lmd-link-reverse:hover {
  opacity: 0.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: 0.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 0.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: 0.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: 0.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: 0.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: 1rem;
}

.article--single .article__header:after {
  content: " ";
  display: block;
  width: 4rem;
  height: 0.1rem;
  background-color: #d5d8dc;
  position: absolute;
  bottom: 0;
}

@media (min-width: 576px) {
  .article--single .article__header {
    padding-bottom: 0rem;
    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: 0.2rem;
  margin-top: 0.5rem;
}

.article--single .article__header .author__desc--header {
  color: #717b8e;
  font-size: 0.9rem;
}

.article--single .article__header .meta__date--header {
  color: #717b8e;
  font-size: 0.9rem;
}

.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: 0.314px;
}

html:not(.fonts-loaded)
  .article--single
  .article__header
  .meta__date--header
  > * {
  letter-spacing: 0.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: 0rem;
  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("../images/");
  transform: rotate(90deg);
  height: 1.8rem;
  width: 1.8rem;
  display: block;
  margin-left: 0.4rem;
  margin-top: 0.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: 0.4rem;
  color: #bdc1c8;
}

.article--single
  .article__header
  .meta__reading-time--opinion
  .icon__reading-time {
  vertical-align: text-top;
  margin: 0.2rem 0.4rem 0 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: 0.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: 0.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: 0rem;
  margin-top: 0rem;
  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: 0.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: 0.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: 0.05rem;
}

.article--single .article__extra:after {
  content: "|";
  color: #d5d8dc;
  display: block;
  margin-left: 0.8rem;
  margin-right: 0.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: 0.314px;
}

html:not(.fonts-loaded)
  .article--single
  .article__content--comments
  .comment__author
  > * {
  letter-spacing: 0.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: 0.314px;
}

html:not(.fonts-loaded)
  .article--single
  .article__content--comments
  .comment__date
  > * {
  letter-spacing: 0.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: 0.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: 0.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: 0.314px;
}

html:not(.fonts-loaded)
  .article--single
  .article__content--comments
  .comment__content
  > * {
  letter-spacing: 0.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: 0.314px;
}

html:not(.fonts-loaded)
  .article--single
  .article__content--comments
  .comment__view-more
  > * {
  letter-spacing: 0.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: 0.314px;
}

html:not(.fonts-loaded)
  .article--single
  .article__content--comments
  .comment__answer
  > * {
  letter-spacing: 0.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: 0.314px;
}

html:not(.fonts-loaded)
  .article--single
  .article__content--comments
  .comment__report
  > * {
  letter-spacing: 0.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: 0.314px;
}

html:not(.fonts-loaded)
  .article--single
  .article__content--comments
  .comment__box
  > * {
  letter-spacing: 0.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: 0.314px;
}

html:not(.fonts-loaded)
  .article--single
  .article__content--comments
  .comment__name
  > * {
  letter-spacing: 0.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: 0.314px;
}

html:not(.fonts-loaded)
  .article--single
  .article__content--comments
  .comment__rule-trigger
  > * {
  letter-spacing: 0.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: 0.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: 0.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: 0.314px;
}

html:not(.fonts-loaded)
  .article--single
  .article__content--comments
  .comment__submit
  > * {
  letter-spacing: 0.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: 0.314px;
}

html:not(.fonts-loaded)
  .article--single
  .article__content--comments
  .comment__user-label
  > * {
  letter-spacing: 0.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: 0.314px;
}

html:not(.fonts-loaded)
  .article--single
  .article__content--comments
  .comment__user-edit
  > * {
  letter-spacing: 0.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: 0.314px;
}

html:not(.fonts-loaded)
  .article--single
  .article__content--comments
  .comment__toxicity
  > * {
  letter-spacing: 0.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: 0.314px;
}

html:not(.fonts-loaded)
  .article--single
  .article__content--comments
  .comment__success
  > * {
  letter-spacing: 0.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: 0.314px;
}

html:not(.fonts-loaded)
  .article--single
  .article__content--comments
  .comment__admin
  > * {
  letter-spacing: 0.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: 0.314px;
}

html:not(.fonts-loaded)
  .article--single
  .article__content--comments
  .comment__cancel
  > * {
  letter-spacing: 0.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: 0.314px;
}

html:not(.fonts-loaded)
  .article--single
  .article__content--comments
  .comment__rework-container
  > * {
  letter-spacing: 0.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: 0.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: 0.05rem;
}

.article--single .article__content--comments .comments__sort {
  letter-spacing: 0.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: 0.314px;
}

html:not(.fonts-loaded)
  .article--single
  .article__content--comments
  .comments__sort
  > * {
  letter-spacing: 0.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: 0.314px;
}

html:not(.fonts-loaded)
  .article--single
  .article__content--comments
  .comments__action
  > * {
  letter-spacing: 0.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: 0.314px;
}

html:not(.fonts-loaded)
  .article--single
  .article__content--comments
  .comments__action-forward
  > * {
  letter-spacing: 0.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: 0.314px;
}

html:not(.fonts-loaded)
  .article--single
  .article__content--comments
  .comments__cta
  > * {
  letter-spacing: 0.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: 0.314px;
}

html:not(.fonts-loaded)
  .article--single
  .article__content--comments
  .comments__none
  > * {
  letter-spacing: 0.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: 0.314px;
}

html:not(.fonts-loaded)
  .article--single
  .article__content--comments
  .comments__box-lock-text
  > * {
  letter-spacing: 0.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: 0.314px;
}

html:not(.fonts-loaded)
  .article--single
  .article__content--comments
  .pagination
  > * {
  letter-spacing: 0.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: 1.6rem;
  line-height: 1.25;
  /* font-weight: 700; */
  margin-top: 1.2rem;
}

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

@media (min-width: 768px) {
  .article--single .article__title {
    font-size: 2.2rem;
    line-height: 1.11;
    font-weight: 500;
  }
}

@media (min-width: 1024px) {
  .article--single .article__title {
    font-size: 2.2rem;
  }
}

@media (min-width: 1024px) {
  #habillagepub {
    /*    margin-top: 180px;*/
  }
}

.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: 0.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: 0.02rem;
  font-weight: 500;
  margin-top: 0.8rem;
  margin-bottom: 0;
}

.article--single .article__desc {
  font-family: Arial, Roboto, sans-serif;
}

html:not(.fonts-loaded) .article--single .article__desc {
  letter-spacing: 0.314px;
}

html:not(.fonts-loaded) .article--single .article__desc > * {
  letter-spacing: 0.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: 0.021rem;
  }
}

@media (min-width: 768px) {
  .article--single .article__desc {
    font-size: 1.8rem;
    line-height: 1.33;
    letter-spacing: 0.022rem;
  }
}

@media (min-width: 1024px) {
  .article--single .article__desc {
    font-size: 1.8rem;
    line-height: 1.44;
    letter-spacing: 0.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: 0.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: 0.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: 0.9rem;
  letter-spacing: 0.02rem;
  color: #717b8e;
  margin-top: 1.6rem;
}

.article--single .article__status {
  font-family: Arial, Roboto, sans-serif;
}

html:not(.fonts-loaded) .article--single .article__status {
  letter-spacing: 0.314px;
}

html:not(.fonts-loaded) .article--single .article__status > * {
  letter-spacing: 0.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: 2rem;
  }
}

@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: 0.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 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: 0.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: 0.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: 0.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: 0.314px;
}

html:not(.fonts-loaded) .article--single .article__author > * {
  letter-spacing: 0.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: 0.314px;
}

html:not(.fonts-loaded) .article--single .article__author-identity > * {
  letter-spacing: 0.314px;
}

html.fonts-loaded .article--single .article__author-identity {
  font-family: "Marr Sans", Arial, Roboto, sans-serif;
}

.article--single .article__author-job {
  font-size: 0.9rem;
  margin-top: 0.4rem;
  line-height: 1.29;
  letter-spacing: 0.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: 0.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: 0.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: 0.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: 0.9rem;
  letter-spacing: 0.09rem;
  color: #717b8e;
  line-height: normal;
  text-transform: uppercase;
  display: block;
  margin-bottom: 0.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: 0.9rem;
    letter-spacing: 0.09rem;
    color: #717b8e;
    line-height: normal;
    text-transform: uppercase;
    display: block;
    margin-bottom: 0.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, 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: 0.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: 0.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: 0.05rem;
}

.flag-live-cartridge::before {
  background-color: #be1514;
  border-radius: 1.2rem;
  content: "";
  display: inline-block;
  height: 0.6rem;
  margin-right: 0.8rem;
  width: 0.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: 0.2rem;
}

@media (min-width: 768px) {
  .flag-live-cartridge--placement-une,
  .flag-live-cartridge--placement-highlight {
    top: 0.6rem;
  }
}

@media (min-width: 1024px) {
  .flag-live-cartridge--placement-encontinu {
    order: 2;
  }
}

.flag-live-cartridge--placement-municipale {
  background-color: #fa3b3b;
  border-radius: 0.3rem;
  height: 2.4rem;
  padding: 0.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: 0.2rem;
}

.flag-live-cartridge__label {
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.flag-live-cartridge__label--flux,
.flag-live-cartridge__label--encontinu {
  font-size: 0.9rem;
  line-height: 1.68rem;
  margin-right: 0.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: 0.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: 0.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, 0.8);
}

.lmd-link:hover {
  -webkit-text-decoration: underline;
  text-decoration: underline;
  text-decoration-thickness: 0.06em;
  text-underline-offset: 0.2em;
}

.lmd-link-reverse {
  -webkit-text-decoration: underline;
  text-decoration: underline;
  text-decoration-thickness: 0.06em;
  text-underline-offset: 0.2em;
}

.lmd-link-reverse:hover {
  opacity: 0.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: 0.8;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.Nav__item a {
  transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.Nav__container--default a:after,
.Burger__right-arrow:after {
  content: " ";
  background-image: url("../images/19ad1d2d1cb241e479e126d97b1c32316dd360eb.svg");
  position: absolute;
  width: 0.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 0.2s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.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: 0.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: 0.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 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: 0.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: 0.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: 0.1rem solid #ffc700;
  font-size: 1.3rem;
  display: flex;
  align-self: center;
}

@media (min-width: 1024px) {
  #Header .right .btn--premium {
    font-size: 0.9rem;
  }
}

#Header .Header {
  border-bottom: 0.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 0.4s ease-in-out;
  }
}

@media (min-width: 1024px) {
  #Header .Header--home {
    height: 9.6rem;
    transition: height 0.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("../images/5ae3d59a5e2fc681b2d4f77ff75184ce94495296.svg");
  background-repeat: no-repeat;
  color: #717b8e;
  display: none;
  flex-direction: column;
  font-size: 1.3rem;
  font-weight: 500;
  height: 5.4rem;
  line-height: 1.1;
  -webkit-text-decoration: none;
  text-decoration: none;
  background-size: contain;
  background-position: center;
  width: 8rem;
  border: 0.1rem solid #eff0f3;
  padding-left: 7rem;
}

#Header .Header__jelec {
  font-family: Arial, Roboto, sans-serif;
}

html:not(.fonts-loaded) #Header .Header__jelec {
  letter-spacing: 0.314px;
}

html:not(.fonts-loaded) #Header .Header__jelec > * {
  letter-spacing: 0.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: 0.06em;
  text-underline-offset: 0.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: 0.314px;
}

html:not(.fonts-loaded) html[lang="en"] #Header .Header__englishdate--text > * {
  letter-spacing: 0.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: 0.314px;
}

html:not(.fonts-loaded) #Header .Header__actions > * {
  letter-spacing: 0.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: 0.9rem;
    margin-bottom: 2.8rem;
  }
}

#Header .Header__actions .login-info {
  display: none;
}

@media (min-width: 576px) {
  #Header .Header__actions .login-info {
    display: block;
    margin-left: 0.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: 0.8rem 0;
}

#Header .Header__actions .Header__connexion:hover .icon__nav-connexion {
  background-image: url("../images/37c9a48aa81ce95b245e927e51bc6222d02a8556.svg");
}

#Header .Header__actions .Header__connexion:hover .login-info {
  color: #026b9c;
}

#Header .Header__actions .Header__connexion span {
  align-self: center;
}

#Header .Header__actions .Header__connexion--hide {
  display: none;
}

#Header .Header__actions .Header__connexion:after {
  content: " ";
  background-color: #e2e4e9;
  width: 0.1rem;
  height: auto;
  display: block;
  margin: 0 1.6rem 0 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: 0.8rem;
}

@media (min-width: 1024px) {
  #Header .Header__actions--off a {
    padding: 0.8rem 1.6rem;
  }
}

#Header .Header__actions--off a:first-child {
  padding: 0.8rem 0;
}

@media (min-width: 1024px) {
  #Header .Header__actions--off a:first-child {
    padding: 0.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: 0.314px;
}

html:not(.fonts-loaded) #Header .Tabs__tab > * {
  letter-spacing: 0.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: 0.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: 0.8rem;
}

.Header__offer {
  align-self: center;
  align-items: center;
  border-radius: 0.3rem;
  color: #026b9c;
  display: flex;
  font-size: 0.9rem;
  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: 0.05rem;
}

.Header__offer--home {
  padding: 0.7rem 1.6rem;
}

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

html:not(.fonts-loaded) .Header__offer--home {
  letter-spacing: 0.314px;
}

html:not(.fonts-loaded) .Header__offer--home > * {
  letter-spacing: 0.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("../images/");
    content: "";
    display: inline-block;
    height: 0.7rem;
    width: 1.1rem;
  }
}

@media (min-width: 768px) {
  .Header__offer--article {
    display: none;
  }
}

.Header__offer--article .Header__offer-text {
  margin-right: 0.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("../images/103b8657037cdadbef9040904ae7476c8908017f.svg");
  align-self: center;
}

.Burger__right-arrow:after {
  display: none;
}

@media (max-width: 1023px) {
  .Burger.js-is-open .Burger__icon {
    background-image: url("../images/65e574cc1bded5a6f0dcd17f45b195be7d322913.svg");
  }
}

@media (max-width: 1023px) {
  .Burger.js-is-open .Burger-contextual__content {
    display: none;
  }
}

@media (min-width: 1024px) {
  .Burger.js-is-open .Burger-contextual__content {
    display: block;
  }
}

.Burger-contextual__display,
.Burger__display {
  overflow: hidden;
  height: 100vh;
}

.Burger-contextual__display .page__heading--sticky,
.Burger__display .page__heading--sticky {
  z-index: 5;
}

.Burger-contextual__content {
  position: absolute;
  top: 1.6rem;
}

@media (min-width: 1024px) {
  .Burger-contextual__content {
    display: none;
  }
}

.Burger-contextual__content .js-nav-burger {
  position: absolute;
  right: 0;
  top: -0.2rem;
  display: block;
  width: auto;
}

.Burger-contextual__content .js-nav-burger.js-is-open {
  left: 0.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 0.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("../images/65e574cc1bded5a6f0dcd17f45b195be7d322913.svg");
  }

  .Burger-contextual__icon .Nav__mobile--contextual.js-burger-is-open {
    left: 0;
    position: fixed;
    top: 6rem;
  }
}

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

.seo-only {
  display: none;
}

.lmd-btn {
  align-items: center;
  border: 0;
  border-radius: 0.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: 0.314px;
}

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

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

.lmd-btn--s {
  font-size: 1.2rem;
  padding: 0.9rem 1.6rem 0.7rem;
}

.lmd-btn--m {
  font-size: 0.9rem;
  padding: 0.8rem 1.6rem 0.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: 0.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: 0.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: 0.4rem 1.2rem;
}

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

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

html:not(.fonts-loaded) .lmd-btn-services > * {
  letter-spacing: 0.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: 0.1rem solid #d5d8dc;
  border-radius: 0.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: 0.01rem;
}

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

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

html:not(.fonts-loaded) .lmd-btn-rub > * {
  letter-spacing: 0.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, 0.03);
}

.lmd-link:hover {
  -webkit-text-decoration: underline;
  text-decoration: underline;
  text-decoration-thickness: 0.06em;
  text-underline-offset: 0.2em;
}

.lmd-link-reverse {
  -webkit-text-decoration: underline;
  text-decoration: underline;
  text-decoration-thickness: 0.06em;
  text-underline-offset: 0.2em;
}

.lmd-link-reverse:hover {
  opacity: 0.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: 0.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: 0.4rem solid #026b9c;
    border-bottom: 0.1rem solid #eff0f3;
    box-shadow: 0 0.4rem 0.4rem 0 rgba(0, 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 0.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: 0.8rem;
  }

  .Nav.on-scroll
    .Nav__item:not(.Nav__item--contextual-header).Nav__item-home
    a {
    padding: 1.6rem;
    margin-right: 0.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 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  .Nav--sticky > li.Nav__item-home {
    padding-left: 0.4rem;
  }
}

@media (min-width: 1025px) {
  .Nav--sticky > li:nth-child(2) {
    padding-left: 0.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: 0.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: 0.05rem;
}

@media (min-width: 1200px) {
  .Nav__item {
    padding: 0;
    font-size: 1.7rem;
  }
}

.Nav__item > a {
  transition: hover 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
  text-transform: uppercase;
}

.Nav__item > a:not(.Nav__search) {
  padding: 1.6rem 0.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("../images/2ed23f26d0129b0059995f4c514ed10da93d5875.svg");
}

.Nav__item--contextual-header {
  font-size: 1.6rem;
  color: #383f4e;
  font-weight: 400;
}

@media (min-width: 1024px) {
  .Nav__item--contextual-header {
    color: #565e70;
  }
}

.Nav__item--contextual-header.contextual-home {
  border: none;
  color: #2a303b;
  font-size: 1.6rem;
  font-weight: 600;
  position: relative;
}

@media (min-width: 1024px) {
  .Nav__item--contextual-header.contextual-home {
    color: #383f4e;
    font-weight: 600;
  }
}

.Nav__item--contextual-header.contextual-home:after {
  content: " ";
  width: 0.1rem;
  background-color: #e2e4e9;
  height: 1.8rem;
  display: block;
  margin: 0 0.8rem;
}

.Nav__item--contextual-header.Nav__item.Nav__item-search {
  display: flex;
}

.Nav__item--contextual-header > a.nav__contextual-header-link {
  padding: 0.8rem 0.6rem 0.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: 0.6rem;
}

.Nav__item--contextual-header > a.Nav__link {
  display: inline-block;
  height: 100%;
  max-height: 100%;
  padding: 0.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("../images/dda888cb0fbce30daaeacfc1f382bbd2a9bcadd6.svg");
  background-repeat: no-repeat;
  height: 1.4rem;
  margin-left: 0.4rem;
  position: relative;
  transform: none;
  width: 1.4rem;
}

.Nav__item.Nav__item-home {
  padding: 0;
  border-right: 0.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: 0.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: 0.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: 0.4rem;
    top: calc(100% - 0.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: 0.1rem solid #d5d8dc;
    border-radius: 0.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: 0.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: 0.314px;
  }

  html:not(.fonts-loaded)
    .Nav__sub-item-actualites
    .Nav__container--left
    a
    > * {
    letter-spacing: 0.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, 0.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 0.4s ease-in-out, transform 0.1s ease,
    opacity 0.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: 0.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: 0.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: 0.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: 0.9rem;
  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: 0.314px;
}

html:not(.fonts-loaded) .Nav__content--column ul > * {
  letter-spacing: 0.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 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: 0.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: 0.8rem 0;
  }
}

.Nav__content--column > div:nth-child(2) ul:nth-child(2) {
  border-bottom: 0.1rem solid #d5d8dc;
  padding: 0.8rem 0;
}

.Nav__content--column > div:nth-child(2) ul:nth-child(3) {
  padding: 0.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 0.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: 0.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("../images/19ad1d2d1cb241e479e126d97b1c32316dd360eb.svg");
  position: absolute;
  width: 0.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("../images/");
}

.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("../images/");
}

.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: 0.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 0.8rem;
  border-bottom: 0.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: 0.1rem solid #d5d8dc;
}

.Nav__sub-item-services .wrapper-list-link:last-child {
  padding-bottom: 0.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 0.8rem 0;
}

@media (max-width: 768px) {
  .Nav__sub-item-services .wrapper-list-link li {
    border-bottom: 0.1rem solid #e8eaee;
  }
}

@media (min-width: 769px) {
  .Nav__sub-item-services .wrapper-list-link li {
    padding: 0.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: 0.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: 0.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("../images/dda888cb0fbce30daaeacfc1f382bbd2a9bcadd6.svg");
    position: absolute;
    width: 1.4rem;
    height: 1.4rem;
    right: 0;
    top: 0;
    transform: rotate(-90deg);
  }
}

.Nav__sub-item-services .wrapper-list-link-cookie {
  border-top: 0.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: 0.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;
  }
}
h3 {
  font-size: 20px;
}
@media (min-width: 1024px) {
  #nav-markup-contextual {
    justify-content: center;
    margin-left: -5rem;
  }
}

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

.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: 0.314px;
}

html:not(.fonts-loaded) .User > * {
  letter-spacing: 0.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: 0.4rem;
  background-image: url("../images/dda888cb0fbce30daaeacfc1f382bbd2a9bcadd6.svg");
}

.User__arrow--up {
  transform: rotate(-180deg);
}

.User__avatar {
  background-color: #a4a9b4;
  border-radius: 50%;
  color: #fff;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.2rem;
  text-align: center;
  padding-top: 0.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: 0.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: 0.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: 0.8rem;
  }
}

.User__name.js-trigger-connexion:after {
  margin: 0 0.8rem 0 0.4rem;
}

@media (min-width: 360px) {
  .User__name.js-trigger-connexion:after {
    margin: 0 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: 0.9rem;
}

.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: 0.05rem;
  display: flex;
  line-height: 1;
}

.AccountMenu__type :first-child {
  align-self: center;
}

.AccountMenu__email {
  font-size: 1.2rem;
  letter-spacing: 0.04rem;
  color: #666e80;
  font-weight: 400;
}

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

html:not(.fonts-loaded) .AccountMenu__email {
  letter-spacing: 0.314px;
}

html:not(.fonts-loaded) .AccountMenu__email > * {
  letter-spacing: 0.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: 0.1rem solid #eff0f3;
  box-shadow: 0 0.1rem 0.2rem 0.2rem rgba(0, 0, 0, 0.04);
  transition: transform 0.2s cubic-bezier(0.215, 0.61, 0.355, 1),
    opacity 0.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: 0.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: 0.4rem;
  }
}

@media (min-width: 1025px) {
  .Connexion--sticky > li:nth-child(2) {
    padding-left: 0.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: 0.7rem 0;
  }
}

.Connexion a.Connexion__link-off {
  cursor: default;
}

.Connexion a.Connexion__link-off .Connexion__label,
.Connexion a.Connexion__link-off .Connexion__icon {
  opacity: 0.25;
}

.Connexion a.Connexion__link-advantages {
  border-top: solid 0.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: 0.8rem;
}

.Connexion__newsletter {
  padding: 1.2rem 0;
  border-top: 0.1rem solid #e2e4e9;
}

@media (min-width: 1024px) {
  .Connexion__newsletter {
    padding: 0;
  }
}

.Connexion__icon {
  margin-right: 0.4rem;
}

.Connexion__icon-exclu {
  display: inline-block;
  padding: 0.1rem 0.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: 0.05rem;
}

.Connexion__icon-exclu--off {
  background: rgba(0, 0, 0, 0);
  border: solid 0.1rem #e2e4e9;
  color: #8b92a1;
}

.Connexion__icon-exclu--on {
  background: #ffc700;
  border: solid 0.1rem #ffc700;
  color: inherit;
}

.Connexion__links {
  border-top: 0.1rem solid #e2e4e9;
}

@media (max-width: 1024px) {
  .Connexion__links {
    padding-top: 0.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("../images/");
}

.Connexion__share a.Connexion__link-off .Connexion__label {
  opacity: 1;
}

.Connexion__help {
  border-top: 0.1rem solid #e2e4e9;
  border-right: 0.1rem solid #e2e4e9;
  flex: 1;
}

.Connexion__help div {
  justify-content: center;
}

.Connexion__logout {
  border-top: 0.1rem solid #e2e4e9;
}

@media (max-width: 1024px) {
  .Connexion__logout {
    flex: 1;
  }
}

.Connexion__logout div {
  justify-content: center;
}

.Connexion__item--non-abonne-btn {
  padding: 0.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: 0.8rem;
}

.Connexion__special p span:last-child {
  margin-left: 0.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: 0.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: 0.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: 0.8rem;
}

.lmi-lang-switcher__separator {
  background-color: #d5d8dc;
  height: 35%;
  width: 0.1rem;
}

.lmi-lang-switcher__separator:not(:last-child) {
  margin-right: 0.8rem;
}

.lmi-mobile-lang-switcher {
  background-color: #eff0f3;
  border-bottom: 0.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: 0.314px;
}

html:not(.fonts-loaded) .lmi-mobile-lang-switcher__lang > * {
  letter-spacing: 0.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: 0.1rem solid #2a303b;
  border-radius: 50%;
  display: flex;
  height: 1.6rem;
  justify-content: center;
  margin-right: 0.8rem;
  width: 1.6rem;
}

.lmi-mobile-lang-switcher__checkbox:after {
  background-color: #fff;
  border-radius: 50%;
  content: "";
  display: inline-block;
  height: 0.6rem;
  transition: background-color 100ms;
  width: 0.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, 0.6);
  position: fixed;
  z-index: 4;
  top: 0;
  overflow: hidden;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.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: 0.4rem solid rgba(0, 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: 0.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: 0.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: 0.8rem;
  }
}

.podcast-thread__section-desc {
  font-size: 1.6rem;
  line-height: 2.2rem;
  letter-spacing: 0.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: 0.07rem;
  opacity: 0.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: 0.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: 0.1rem solid rgba(255, 255, 255, 0.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: 0.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: 0.05rem;
}

@media (min-width: 768px) {
  .podcast-snippet__title {
    font-size: 1.9rem;
    letter-spacing: 0.05rem;
    line-height: 2.4rem;
  }
}

.podcast-snippet__bottom {
  color: #d5d8dc;
  font-size: 0.9rem;
  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: 0.314px;
}

html:not(.fonts-loaded) .podcast-snippet__bottom > * {
  letter-spacing: 0.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 0.8rem 0;
  margin: 0 1.6rem;
}

@media (min-width: 768px) {
  .podcast-snippet__bottom p {
    font-size: 0.9rem;
    line-height: 2.8rem;
    padding: 0 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: 0.1rem solid rgba(255, 255, 255, 0.3) !important;
}

.podcast-snippet__links a {
  color: rgba(255, 255, 255, 0.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: 0.8rem;
  display: none;
}

.podcast-snippet__links a:not([href=""]) {
  display: flex;
}

.podcast-snippet__links a:not(:last-of-type) {
  margin-right: 0.8rem;
}

.podcast-snippet__links a {
  font-family: Arial, Roboto, sans-serif;
}

html:not(.fonts-loaded) .podcast-snippet__links a {
  letter-spacing: 0.314px;
}

html:not(.fonts-loaded) .podcast-snippet__links a > * {
  letter-spacing: 0.314px;
}

html.fonts-loaded .podcast-snippet__links a {
  font-family: "Marr Sans", Arial, Roboto, sans-serif;
}

.podcast-snippet__links a:hover {
  border: 0.1rem solid #bdc1c8 !important;
}

.podcast-snippet__links a:hover {
  color: #fff;
}

.podcast-snippet__links a span {
  display: inline;
  margin-left: 0.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: 0.05rem;
}

.podcast__top p {
  text-transform: uppercase;
  color: #fff;
  font-size: 1.6rem;
  padding: 0 1.2rem;
}

.podcast__content {
  margin: 1.6rem 0.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: 0.9rem;
  align-items: center;
  font-weight: 500;
  display: none;
}

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

html:not(.fonts-loaded) .podcast__bottom {
  letter-spacing: 0.314px;
}

html:not(.fonts-loaded) .podcast__bottom > * {
  letter-spacing: 0.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: 0.9rem;
}

.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: 0.3rem;
  border: 0.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: 0.1rem solid #bdc1c8;
}

.podcast__links a span {
  display: inline;
  color: #fff;
  margin-left: 0.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, 0.3);
  border-radius: 1.3rem;
  padding: 0.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: 0.314px;
}

html:not(.fonts-loaded) .button-small > * {
  letter-spacing: 0.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: 0.06em;
  text-underline-offset: 0.2em;
}

.lmd-link-reverse {
  -webkit-text-decoration: underline;
  text-decoration: underline;
  text-decoration-thickness: 0.06em;
  text-underline-offset: 0.2em;
}

.lmd-link-reverse:hover {
  opacity: 0.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: 0.8;
}

.footer {
  position: relative;
  z-index: 4;
  -webkit-font-smoothing: antialiased;
  /*    background-color: #2a303b;*/
  /*    color: #e8eaee;*/
  padding: 4rem 1.6rem;
}

@media print {
  .footer {
    display: none;
  }
}

.footer--free .zone--footer {
  max-width: 100rem;
}

.footer--abo .zone--footer {
  max-width: 121.6rem;
}

.footer--multimedia {
  padding-top: 1.6rem;
}

.footer .zone {
  margin: 0 auto;
}

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

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

@media (min-width: 768px) {
  .footer {
    padding-left: 3.2rem;
    padding-right: 3.2rem;
  }
}

@media (min-width: 1024px) {
  .footer {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1200px) {
  .footer {
    padding-left: 0;
    padding-right: 0;
  }
}

@media (min-width: 768px) {
  .footer__top {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 2.4rem;
    column-gap: 2.4rem;
  }

  .zone--footer-partner .footer__top {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media (min-width: 1024px) {
  html[lang="fr"] .footer__top {
    grid-template-columns: repeat(4, 1fr);
    column-gap: normal;
    column-gap: initial;
  }

  html[lang="en"] .footer__top {
    grid-template-columns: 2fr 1fr;
    margin-left: 10rem;
  }
}

@media (min-width: 768px) {
  .footer__top > .footer__category {
    margin-right: 2.4rem;
  }
}

@media (min-width: 1024px) {
  .footer__top > .footer__category {
    margin-right: 2.4rem;
  }
}

.footer__category {
  line-height: 1;
  padding: 1.6rem 0;
  border-bottom: 0.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("../images/9dea0c338971e021aa8e0fae7320add8f298f836.svg");
}

.footer__category-checkbox:checked ~ .footer__links {
  height: auto;
  padding-top: 0.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("../images/f925c550b498e5feb3d2a9dd83042f7ae97c9132.svg");
  background-repeat: no-repeat;
  background-position: center;
  display: inline-block;
}

@media (min-width: 768px) {
  .footer__category-label:after {
    display: none;
  }
}

.footer__category-title {
  font-family: "Marr Sans Condensed", Helvetica, Arial, Roboto, sans-serif;
  font-weight: 500;
  text-transform: uppercase;
  font-size: 0.9rem;
  letter-spacing: 0.1rem;
  color: #fff;
  padding: 0;
  margin: 0;
}

@media (min-width: 768px) {
  .footer__category-title {
    padding-bottom: 0.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: 0.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: 0.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: 0.4rem;
  }
}

.footer__bullet > .footer__link {
  padding-left: 0.8rem;
}

.footer__bullet > .footer__link--apps {
  padding-left: 0;
  align-self: center;
}

@media (min-width: 576px) {
  .footer__mandatory .footer__bullet {
    display: inline-block;
    padding: 0.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: 0.4rem;
  margin-right: 0.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: 0.06em;
  text-underline-offset: 0.2em;
}

.footer__link--cta {
  margin-top: 1.6rem;
}

.footer__link--list {
  margin-top: 0;
}

html[lang="en"] .footer__subscribe-link {
  display: block;
  margin: 0.8rem 0;
  max-width: 20rem;
}

.footer__subscribe-button {
  color: #fff;
  font-weight: 400;
  font-size: 0.9rem;
  line-height: 1.6rem;
  width: 9rem;
  height: 3rem;
}

.footer__subscribe-button:hover {
  color: #383f4e;
}

.footer__cta {
  border-top: 0.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: 0.1rem solid #a4a9b4;
}

@media (min-width: 576px) {
  .footer__mandatory {
    padding: 2.8rem 0;
  }
}

.zone--footer-partner .footer__mandatory {
  display: none;
}

.footer__bottom {
  border-top: 0.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: 0.9rem;
  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: 0.2rem;
  background-image: url("../images/9dea0c338971e021aa8e0fae7320add8f298f836.svg");
}

@media (min-width: 768px) {
  .footer__title--category.ui-collapse--shown:after {
    display: none;
  }
}

.footer__title--category:after {
  background-image: url("../images/f925c550b498e5feb3d2a9dd83042f7ae97c9132.svg");
}

@media (min-width: 768px) {
  .footer__title--category:after {
    display: none;
  }
}

@media (min-width: 1024px) {
  .footer__title--category {
    cursor: default;
  }
}

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

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

.seo-only {
  display: none;
}

.lmd-btn {
  align-items: center;
  border: 0;
  border-radius: 0.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: 0.314px;
}

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

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

.lmd-btn--s {
  font-size: 1.2rem;
  padding: 0.9rem 1.6rem 0.7rem;
}

.lmd-btn--m {
  font-size: 0.9rem;
  padding: 0.8rem 1.6rem 0.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: 0.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: 0.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: 0.4rem 1.2rem;
}

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

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

html:not(.fonts-loaded) .lmd-btn-services > * {
  letter-spacing: 0.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: 0.1rem solid #d5d8dc;
  border-radius: 0.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: 0.01rem;
}

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

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

html:not(.fonts-loaded) .lmd-btn-rub > * {
  letter-spacing: 0.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, 0.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 0.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: 0.2rem;
  border: 0.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: 0.7rem;
  }

  .paywall__comments:before {
    border-width: 0.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: 0.8rem;
  display: flex;
}

@media (min-width: 768px) {
  .paywall__comments-btn {
    margin: 0.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: 0.9rem;
  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: 0.314px;
}

html:not(.fonts-loaded) .paywall__comments-title > * {
  letter-spacing: 0.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: 0.314px;
}

html:not(.fonts-loaded) .paywall__comments-subtitle > * {
  letter-spacing: 0.314px;
}

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

.paywall__comments-close {
  position: absolute;
  top: 0;
  right: 0.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: 0.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: 0.05rem;
}

@media (min-width: 768px) {
  .paywall__next {
    font-size: 2.4rem;
    margin-right: 0.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: 0.9rem;
  font-weight: 400;
  line-height: 1.4rem;
  margin-top: 0.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: 0.314px;
}

html:not(.fonts-loaded) .paywall__login > * {
  letter-spacing: 0.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: 0.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 0.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: 0.05rem;
}

.paywall__title--integral {
  max-width: none;
}

.paywall__message {
  font-size: 1.6rem;
  line-height: 2.1rem;
  margin: 0 auto 0.8rem;
  text-align: center;
}

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

html:not(.fonts-loaded) .paywall__message {
  letter-spacing: 0.314px;
}

html:not(.fonts-loaded) .paywall__message > * {
  letter-spacing: 0.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: 0.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: 0.9rem;
  padding: 0.8rem 1.6rem 0.5rem;
  margin-bottom: 0.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: 0.314px;
}

html:not(.fonts-loaded) .paywall__subscription-btn > * {
  letter-spacing: 0.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 0.2s ease, opacity 0.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: 0.8rem 0 1.2rem;
}

@media (min-width: 768px) {
  .paywall__option-container--lmi {
    margin: 0.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: 0.314px;
}

html:not(.fonts-loaded) .paywall__option > * {
  letter-spacing: 0.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("../images/");
  margin-right: 0.4rem;
  height: 1.2rem;
  width: 1.2rem;
}

.paywall__option-icon-orange {
  margin-left: 0.4rem;
}

@media (max-width: 768px) {
  .paywall__option-icon-orange {
    margin-top: 0.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: 0.314px;
}

html:not(.fonts-loaded) .paywall__more-desc > * {
  letter-spacing: 0.314px;
}

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

.paywall__more-icon {
  align-items: center;
  background-image: url("../images/");
  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: 0.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: 0.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: 0.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 0.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, 0.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: 0.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: 0.314px;
}

html:not(.fonts-loaded) .paywall-04__header > * {
  letter-spacing: 0.314px;
}

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

@media (min-width: 576px) {
  .paywall-04__header {
    font-size: 0.9rem;
    white-space: pre-wrap;
  }
}

.paywall-04__header .lmd-link-reverse {
  font-weight: 500;
  margin-left: 0.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: 0.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: 0.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: 0.314px;
}

html:not(.fonts-loaded) .paywall-04__payement-methods > * {
  letter-spacing: 0.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 0.4rem;
  width: 0.1rem;
}

.paywall-04__icon-cb {
  background-image: url("../images/");
  height: 0.8rem;
  margin-right: 0.4rem;
  width: 1.1rem;
}

.paywall-04__icon-paypal {
  background-image: url("../images/");
  height: 1rem;
  width: 3.5rem;
}

.paywall-04--yellow {
  box-shadow: 0 -2rem 10rem rgba(42, 48, 60, 0.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("../images/");
}

.lmd-link:hover {
  -webkit-text-decoration: underline;
  text-decoration: underline;
  text-decoration-thickness: 0.06em;
  text-underline-offset: 0.2em;
}

.lmd-link-reverse {
  -webkit-text-decoration: underline;
  text-decoration: underline;
  text-decoration-thickness: 0.06em;
  text-underline-offset: 0.2em;
}

.lmd-link-reverse:hover {
  opacity: 0.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: 0.8;
}

@media (min-width: 1024px) {
  .dropdown__bloc {
    margin-bottom: 4.4rem;
  }
}

@media (min-width: 1024px) {
  .dropdown__bloc-live {
    border: 0.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: 0.1rem solid #be1514;
    padding: 0 2.4rem 2.4rem;
  }
}

.dropdown__checkbox-live:checked ~ .dropdown__label-live--fact:after {
  background-image: url("../images/");
  transform: rotate(180deg);
}

@media (min-width: 1024px) {
  .dropdown__checkbox-live:checked ~ .dropdown__label-live--fact:after {
    background-image: url("../images/");
  }
}

@media (max-width: 1023px) {
  .dropdown__checkbox-live:checked ~ .dropdown__label-live--fact-btm:after {
    background-image: url("../images/");
    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: 0.1rem solid #e8eaee;
    margin-bottom: 0.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: 0.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: 0.9rem;
  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("../images/");
}

.dropdown__label-live.arrow-grey {
  position: relative;
}

.dropdown__label-live.arrow-grey:after {
  background-image: url("../images/");
}

.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("../images/");
  height: 1.4rem;
  width: 1.4rem;
  cursor: pointer;
  pointer-events: none;
  display: block;
}

.dropdown__selectbox {
  font-size: 1.6rem;
  background-color: #fff;
  border: 0.1rem solid #bdc1c8;
  height: 5rem;
  border-radius: 0.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: 0.314px;
}

html:not(.fonts-loaded) .dropdown__selectbox > * {
  letter-spacing: 0.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: 0.314px;
}

html:not(.fonts-loaded) .meta > * {
  letter-spacing: 0.314px;
}

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

.meta__publisher {
  margin-top: 1rem;
  line-height: 1.42;
  font-size: 0.9rem;
  color: #717b8e;
  letter-spacing: 0.02rem;
}

@media (min-width: 576px) {
  .meta__publisher {
    letter-spacing: 0.019rem;
  }
}

@media (min-width: 768px) {
  .meta__publisher {
    letter-spacing: 0.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: 0.02rem;
  line-height: 1.42;
  color: #666e80;
  font-size: 0.9rem;
  display: none;
}

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

html:not(.fonts-loaded) .meta__text {
  letter-spacing: 0.314px;
}

html:not(.fonts-loaded) .meta__text > * {
  letter-spacing: 0.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 0.8rem;
}

.meta__text--favorite {
  margin-right: 0.8rem;
}

.meta__author:after {
  color: #d5d8dc;
  content: "•";
  padding: 0 0.4rem 0 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 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: 0.9rem;
  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: 0.1rem solid rgba(0, 0, 0, 0);
  gap: 0.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: 0.9rem;
}

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

html:not(.fonts-loaded) .meta__link--full .icon__description {
  letter-spacing: 0.314px;
}

html:not(.fonts-loaded) .meta__link--full .icon__description > * {
  letter-spacing: 0.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: 0.1rem solid #d5d8dc;
}

.meta__link--full:hover + .meta__icon-desc {
  display: none;
}

.meta__link--full .icon__gift {
  margin-bottom: 0.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: 0.314px;
}

html:not(.fonts-loaded) .meta__link-sub > * {
  letter-spacing: 0.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: 0.9rem;
}

.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: 0.9rem;
  color: #717b8e;
  margin-top: 1.6rem;
  letter-spacing: 0.02rem;
}

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

html:not(.fonts-loaded) .meta__reading-time {
  letter-spacing: 0.314px;
}

html:not(.fonts-loaded) .meta__reading-time > * {
  letter-spacing: 0.314px;
}

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

@media (min-width: 576px) {
  .meta__reading-time {
    letter-spacing: 0.019rem;
  }
}

@media (min-width: 768px) {
  .meta__reading-time {
    letter-spacing: 0.02rem;
  }
}

.meta__reading-time--longform {
  justify-content: center;
  margin-top: 0.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: 0.9rem;
  letter-spacing: 0.02rem;
  margin-top: 0.9rem;
}

.meta__article-en-fr-url {
  font-family: Arial, Roboto, sans-serif;
}

html:not(.fonts-loaded) .meta__article-en-fr-url {
  letter-spacing: 0.314px;
}

html:not(.fonts-loaded) .meta__article-en-fr-url > * {
  letter-spacing: 0.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: 0.06em;
  text-underline-offset: 0.2em;
  margin-left: 0.4rem;
}

.meta__article-en-fr-url-link:hover {
  opacity: 0.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, 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: 0.314px;
}

html:not(.fonts-loaded) .meta__authors > * {
  letter-spacing: 0.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: 0.3rem;
  color: #fff;
  font-size: 0.9rem;
  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: 0.314px;
}

html:not(.fonts-loaded) .meta__icon-desc > * {
  letter-spacing: 0.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 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: 0.8rem 4.8rem 0.8rem 1.6rem;
  border: 0.1rem solid #d5d8dc;
  z-index: 3;
  gap: 0.8rem;
  border-radius: 0.3rem;
  box-shadow: 0 0 0.7rem 0.5rem rgba(213, 216, 220, 0.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 0.5rem 0.8rem 0.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 0.6rem 1rem 0.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: 0.8rem;
}

.meta--page {
  font-weight: normal;
  display: inline-block;
  margin-top: 0.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: 0.314px;
}

html:not(.fonts-loaded) .meta--page > * {
  letter-spacing: 0.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: 0.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: 0.3rem;
  border: 0.1rem solid #d5d8dc;
  color: #383f4e;
  display: flex;
  height: 4.8rem;
  font-size: 1.3rem;
  font-weight: 500;
  margin-bottom: 0.8rem;
  padding: 0.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: 0.314px;
}

html:not(.fonts-loaded) .meta__gift-link > * {
  letter-spacing: 0.314px;
}

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

.meta__gift-link:before {
  background-image: url("../images/");
  background-position: center;
  border: 0.1rem solid #bdc1c8;
  border-radius: 50%;
  content: "";
  display: block;
  flex-shrink: 0;
  height: 3.2rem;
  left: 0.8rem;
  margin-right: 0.8rem;
  position: absolute;
  width: 3.2rem;
}

.meta__gift-link--success:before {
  background-image: url("../images/");
}

.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: 0.06em;
  text-underline-offset: 0.2em;
}

.lmd-link-reverse {
  -webkit-text-decoration: underline;
  text-decoration: underline;
  text-decoration-thickness: 0.06em;
  text-underline-offset: 0.2em;
}

.lmd-link-reverse:hover {
  opacity: 0.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: 0.8;
}

.catcher {
  border-top: 0.4rem solid #383f4e;
  border-bottom: 0.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: 0.1rem solid rgba(42, 48, 59, 0.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("../images/");
  content: "";
  display: inline-block;
  height: 2rem;
  position: absolute;
  right: 0.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("../images/");
  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 0.35s ease, opacity 0.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: 0.314px;
}

html:not(.fonts-loaded) .catcher__desc > * {
  letter-spacing: 0.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: 0.9rem;
  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: 0.9rem;
  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: 0.314px;
}

html:not(.fonts-loaded) .catcher__view-more--open > *,
html:not(.fonts-loaded) .catcher__view-more--close > * {
  letter-spacing: 0.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("../images/");
  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: 0.4rem;
  left: 0.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: 0.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: 0.8rem;
  margin-right: 0.8rem;
}

.catcher--inline .catcher__title--hide,
.catcher--favoris .catcher__title--hide {
  margin-right: 0.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: 0.06em;
  text-underline-offset: 0.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: 0.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: 0.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: 0.314px;
}

html:not(.fonts-loaded) .catcher-election > * {
  letter-spacing: 0.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 0.35s ease, opacity 0.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: 0.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: 0.1rem solid rgba(3, 4, 5, 0.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: 0.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: 0.4rem;
  background-color: #026b9c;
  margin-right: 0.8rem;
  margin-top: 0.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: 0.8rem;
}

figcaption.article__legend {
  color: #717b8e;
  font-size: 0.9rem;
  line-height: 1.42;
}

figcaption.article__legend {
  font-family: Arial, Roboto, sans-serif;
}

html:not(.fonts-loaded) figcaption.article__legend {
  letter-spacing: 0.314px;
}

html:not(.fonts-loaded) figcaption.article__legend > * {
  letter-spacing: 0.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: 0.314px;
}

html:not(.fonts-loaded) .author > * {
  letter-spacing: 0.314px;
}

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

.author:before {
  content: " ";
  display: block;
  width: 6rem;
  height: 0.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: 0.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: 0.314px;
}

html:not(.fonts-loaded) .author__live > * {
  letter-spacing: 0.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: 0.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: 0.314px;
}

html:not(.fonts-loaded) .aside__special--decodeur > * {
  letter-spacing: 0.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: 0.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: 0.314px;
}

html:not(.fonts-loaded) .aside__special--afrique > * {
  letter-spacing: 0.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: 0.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: 0.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: 0.314px;
}

html:not(.fonts-loaded) .aside__special-item--decodeur > * {
  letter-spacing: 0.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("../images/");
  display: inline-block;
  width: 1.2rem;
  height: 1rem;
  margin-right: 0.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: 0.1rem solid #0070b2;
}

.aside__special-title {
  font-size: 2.4rem;
  letter-spacing: 0.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: 0.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: 0.6rem;
}

.aside__logo-detail--second {
  margin-top: 0.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: 0.06em;
  text-underline-offset: 0.2em;
}

.lmd-link-reverse {
  -webkit-text-decoration: underline;
  text-decoration: underline;
  text-decoration-thickness: 0.06em;
  text-underline-offset: 0.2em;
}

.lmd-link-reverse:hover {
  opacity: 0.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: 0.8;
}

.breadcrumb {
  font-size: 1.6rem;
  color: #717b8e;
  display: flex;
  align-items: center;
  text-transform: uppercase;
  list-style: none;
  font-weight: 500;
  letter-spacing: 0.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: 0.05rem;
}

.breadcrumb--longform {
  justify-content: center;
  margin-bottom: 0.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: 0.6rem;
}

@media (min-width: 768px) {
  .breadcrumb__election-wrapper .breadcrumb__child {
    padding-left: 0.4rem;
  }
}

@media (min-width: 1024px) {
  .breadcrumb__election-wrapper .breadcrumb__child {
    padding-left: 0.8rem;
    padding-right: 0;
  }
}

.breadcrumb__election-wrapper .breadcrumb__child:before {
  content: "•";
  align-self: center;
  color: #bdc1c8;
  padding-right: 0.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: 0.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("../images/");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: inline-block;
    height: 1.6rem;
    right: 0.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 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: 0.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: 0.4rem;
}

@media (min-width: 768px) {
  .breadcrumb__child {
    display: flex;
    flex-wrap: nowrap;
    padding-left: 0.4rem;
  }

  .breadcrumb__child--election {
    align-self: flex-end;
  }
}

@media (min-width: 1024px) {
  .breadcrumb__child {
    padding-left: 0.8rem;
    padding-right: 0.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: 0.06em;
  text-underline-offset: 0.2em;
}

.lmd-link-reverse {
  -webkit-text-decoration: underline;
  text-decoration: underline;
  text-decoration-thickness: 0.06em;
  text-underline-offset: 0.2em;
}

.lmd-link-reverse:hover {
  opacity: 0.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: 0.8;
}

@media (min-width: 1024px) {
  .insert {
    color: #2a303b;
    background-color: #f5f6f8;
    border-top: 0.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: 0.05rem;
  }
}

@media (min-width: 1024px) {
  .insert__title {
    font-size: 2.8rem;
    letter-spacing: 0.054rem;
    line-height: 1.4;
    font-weight: 700;
    margin-top: 2.4rem;
  }
}

.insert__title--wirecutter {
  font-size: 1.5rem;
  letter-spacing: 0.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: 0.075rem;
    line-height: normal;
  }
}

.insert__media {
  display: none;
}

@media (min-width: 1024px) {
  .insert__media {
    margin-top: 2.4rem;
    display: block;
    border: 0.1rem solid #eff0f3;
    box-shadow: 0 0.4rem 0.4rem 0 rgba(0, 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: 0.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: 0.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: 0.06em;
    text-underline-offset: 0.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: 0.06em;
  text-underline-offset: 0.2em;
}

.insert__teaser-wirecutter {
  line-height: 1.3;
}

@media (min-width: 1024px) {
  .insert__teaser-wirecutter {
    font-size: 1.8rem;
    padding-top: 0.8rem;
  }
}

.insert__teaser-wirecutter:hover .insert__subtitle {
  -webkit-text-decoration: underline;
  text-decoration: underline;
  text-decoration-thickness: 0.06em;
  text-underline-offset: 0.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: 0.4rem;
}

.insert--wirecutter {
  background-color: #fff;
  border-top: 0.3rem solid #3374ff;
  border-left: 0.1rem solid #d5d8dc;
  border-right: 0.1rem solid #d5d8dc;
  border-bottom: 0.1rem solid #d5d8dc;
  margin-top: 2rem;
  margin-bottom: 4rem;
}

.friend {
  border-top: 0.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: 0.314px;
}

html:not(.fonts-loaded) .friend__message > * {
  letter-spacing: 0.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: 0.1rem solid #d5d8dc;
  }
}

.friend--wide {
  display: none;
  grid-column: 1 / span 3;
  border-top: 0;
}

@media (min-width: 1024px) {
  .friend--wide {
    border-top: 0.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: 0.1rem solid #d5d8dc;
    padding-top: 2.4rem;
  }
}

.friend--around {
  background-color: #eff0f3;
  text-align: center;
  text-transform: uppercase;
  font-size: 1rem;
  padding: 0 0.8rem 0.8rem 0.8rem;
}

.friend--around:before {
  content: "Publicité";
  padding-top: 0.4rem;
  padding-bottom: 0.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 0.8rem 0.8rem 0.8rem;
}

.friend--around:before {
  content: "Publicité";
  padding-top: 0.4rem;
  padding-bottom: 0.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: 0.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: 0.8rem;
}

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

html:not(.fonts-loaded) .predict__text {
  letter-spacing: 0.314px;
}

html:not(.fonts-loaded) .predict__text > * {
  letter-spacing: 0.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 0.1rem #026b9c;
  padding-bottom: 1.6rem;
}

.predict__button {
  font-weight: 500;
  letter-spacing: 0.18rem;
  font-size: 0.9rem;
  color: #fff;
  display: inline-block;
  width: 100%;
  background-color: #026b9c;
  padding: 1.1rem 0 1rem;
  border-radius: 0.3rem;
  text-align: center;
  margin-top: auto;
}

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

html:not(.fonts-loaded) .predict__button {
  letter-spacing: 0.314px;
}

html:not(.fonts-loaded) .predict__button > * {
  letter-spacing: 0.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: 0.314px;
}

html:not(.fonts-loaded) .forecast__abandonnistes > * {
  letter-spacing: 0.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("../images/");
  background-size: cover;
  background-repeat: no-repeat;
  margin-right: 0.8rem;
  height: 2.4rem;
  width: 2.4rem;
  vertical-align: text-bottom;
  position: absolute;
  left: 0.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("../images/");
  left: 0;
}

.forecast__abandonnistes .abandonnistes__avantages-item--account-two:before {
  height: 2.2rem;
  width: 1.9rem;
  background-image: url("../images/");
  left: 0.6rem;
}

.forecast__abandonnistes .abandonnistes__cta {
  display: inline-block;
  max-width: 100%;
  width: 100%;
  font-weight: 500;
  padding: 0.7rem 0 0.8rem;
  background-color: #ffc700;
  border-radius: 0.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: 0.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: 0.5rem;
  width: 0.8rem;
  background-size: cover;
  vertical-align: middle;
  margin-left: 0.4rem;
}

.forecast__abandonnistes
  .abandonnistes__more-button
  .abandonnistes__icon.icon--more {
  background-image: url("../images/");
}

.forecast__abandonnistes
  .abandonnistes__more-button
  .abandonnistes__icon.icon--less {
  background-image: url("../images/");
}

.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: 0.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: 0.8rem;
}

.forecast .predict__text {
  font-family: Arial, Roboto, sans-serif;
}

html:not(.fonts-loaded) .forecast .predict__text {
  letter-spacing: 0.314px;
}

html:not(.fonts-loaded) .forecast .predict__text > * {
  letter-spacing: 0.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 0.1rem #026b9c;
  padding-bottom: 1.6rem;
}

.forecast .predict__button {
  font-weight: 500;
  letter-spacing: 0.18rem;
  font-size: 0.9rem;
  color: #fff;
  display: inline-block;
  width: 100%;
  background-color: #026b9c;
  padding: 1.1rem 0 1rem;
  border-radius: 0.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: 0.314px;
}

html:not(.fonts-loaded) .forecast .predict__button > * {
  letter-spacing: 0.314px;
}

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

.privacy__block-gray {
  border: 0.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: 0.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: 0.314px;
}

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

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

.lmd-btn--s {
  font-size: 1.2rem;
  padding: 0.9rem 1.6rem 0.7rem;
}

.lmd-btn--m {
  font-size: 0.9rem;
  padding: 0.8rem 1.6rem 0.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: 0.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: 0.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: 0.4rem 1.2rem;
}

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

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

html:not(.fonts-loaded) .lmd-btn-services > * {
  letter-spacing: 0.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: 0.1rem solid #d5d8dc;
  border-radius: 0.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: 0.01rem;
}

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

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

html:not(.fonts-loaded) .lmd-btn-rub > * {
  letter-spacing: 0.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, 0.03);
}

.lmd-link:hover {
  -webkit-text-decoration: underline;
  text-decoration: underline;
  text-decoration-thickness: 0.06em;
  text-underline-offset: 0.2em;
}

.lmd-link-reverse {
  -webkit-text-decoration: underline;
  text-decoration: underline;
  text-decoration-thickness: 0.06em;
  text-underline-offset: 0.2em;
}

.lmd-link-reverse:hover {
  opacity: 0.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: 0.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: 0.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 0.8rem 2.4rem 0.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: 0.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 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: 0.06em;
  text-underline-offset: 0.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: 0.02rem;
  margin-top: 0.8rem;
}

.services-inread__cta::after {
  content: "";
  background-image: url("../images/");
  display: inline-block;
  width: 1rem;
  height: 1rem;
  margin-left: 0.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, 0.1);
}

.inread--partner {
  margin-top: 0.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: 0.9rem;
  line-height: 2.1rem;
  font-weight: 500;
  color: #383f4e;
  padding: 0 0.8rem;
}

[data-color-mode="dark"] .inread__headline {
  color: rgba(255, 255, 255, 0.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("../images/");
  background-size: 15.3rem;
  width: 16.9rem;
}

[data-color-mode="dark"] .inread__headline-logo--memorable {
  background-image: url("../images/");
}

.inread__headline-logo--ateliers {
  background-image: url("../images/");
  background-size: 12.3rem;
  width: 13.9rem;
}

[data-color-mode="dark"] .inread__headline-logo--ateliers {
  background-image: url("../images/");
}

.inread__headline-logo--jeux {
  background-image: url("../images/");
  background-size: 11.4rem;
  width: 13rem;
}

[data-color-mode="dark"] .inread__headline-logo--jeux {
  background-image: url("../images/");
}

.inread__headline-logo--boutique {
  background-image: url("../images/");
  background-size: 11.8rem;
  width: 13.4rem;
}

[data-color-mode="dark"] .inread__headline-logo--boutique {
  background-image: url("../images/");
}

.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: 0.9rem;
  font-weight: 500;
  line-height: 2.2rem;
  text-transform: none;
}

[data-color-mode="dark"] .inread__title {
  color: rgba(255, 255, 255, 0.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, 0.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: 0.02rem;
  -webkit-text-decoration: none;
  text-decoration: none;
  margin-top: 0.8rem;
}

[data-color-mode="dark"] .inread__cta {
  color: rgba(255, 255, 255, 0.9);
}

.inread__cta::after {
  content: "";
  background-image: url("../images/");
  display: inline-block;
  width: 1.2rem;
  height: 1rem;
  margin-left: 0.8rem;
}

[data-color-mode="dark"] .inread__cta::after {
  background-image: url("../images/");
}

@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: 0.9rem;
  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("../images/");
}

[data-color-mode="dark"] .inread--partner .inread__cta::after {
  background-image: url("../images/");
}

.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("../images/");
}

[data-color-mode="dark"] .inread--NL .inread__cta::after {
  background-image: url("../images/");
}

.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: 0.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: 0.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: 0.8rem;
  color: #fff;
  left: 0.8rem;
  z-index: 4;
  width: auto;
}

.picto--embed > :first-child {
  margin-right: 0.8rem;
}

.picto--embed-podcast {
  display: flex;
  position: absolute;
  left: 0.8rem;
  bottom: 0.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: 0.314px;
}

html:not(.fonts-loaded) .picto--inline > * {
  letter-spacing: 0.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: 0.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: 0.8rem 0 1.6rem;
  color: #2a303b;
  font-size: 0.9rem;
  line-height: 1.5;
  font-weight: normal;
}

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

html:not(.fonts-loaded) .teaser__desc {
  letter-spacing: 0.314px;
}

html:not(.fonts-loaded) .teaser__desc > * {
  letter-spacing: 0.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: 0.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: 0.05rem;
}

.teaser__kicker {
  display: block;
  color: #717b8e;
  font-size: 1.3rem;
  font-weight: 500;
  letter-spacing: 0.13rem;
  line-height: 1.15;
  text-transform: uppercase;
  padding-bottom: 0.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: 0.05rem;
}

.teaser__list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 1.6rem;
  margin: 2.4rem 0 2rem;
  padding-bottom: 4rem;
  border-bottom: 0.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, 0.85);
}

.teaser--darkMode .meta__date {
  color: rgba(255, 255, 255, 0.65);
}

.teaser--darkMode .meta__author {
  color: rgba(255, 255, 255, 0.65);
}

.lmd-link:hover {
  -webkit-text-decoration: underline;
  text-decoration: underline;
  text-decoration-thickness: 0.06em;
  text-underline-offset: 0.2em;
}

.lmd-link-reverse {
  -webkit-text-decoration: underline;
  text-decoration: underline;
  text-decoration-thickness: 0.06em;
  text-underline-offset: 0.2em;
}

.lmd-link-reverse:hover {
  opacity: 0.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: 0.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: 0.8rem;
}

.teaser--inline-picture {
  margin: 0 0 2.4rem;
  padding-top: 2.4rem;
  border-top: 0.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: 0.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: 0.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: 0.06em;
  text-underline-offset: 0.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 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: 0.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: 0.314px;
}

html:not(.fonts-loaded) .wirecutter__header-logo > * {
  letter-spacing: 0.314px;
}

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

.wirecutter__header-text {
  font-size: 0.9rem;
  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: 0.314px;
}

html:not(.fonts-loaded) .wirecutter__header-text > * {
  letter-spacing: 0.314px;
}

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

.wirecutter__img-legend {
  color: #8b92a1;
  font-size: 0.9rem;
}

.wirecutter__link {
  cursor: pointer;
  border-bottom: 0.1rem solid #a4a9b4;
}

.wirecutter__link:hover {
  border-bottom: 0.1rem solid #0070b2;
}

.product {
  border-bottom: 0.1rem solid #d5d8dc;
  border-top: 0.1rem solid #d5d8dc;
  display: flex;
  margin: 4rem 0;
  padding: 4rem 0 2.4rem;
  position: relative;
}

@media (min-width: 768px) {
  .product {
    border-left: 0.1rem solid #d5d8dc;
    border-right: 0.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: 0.1rem solid #d5d8dc;
}

.product--summary:first-of-type {
  border: 0.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: 0.1rem solid #d5d8dc;
  }
}

.product:first-of-type {
  border-bottom: 0.2rem solid #3374ff;
  border-top: 0.2rem solid #3374ff;
}

.product:first-of-type > .product__number {
  border: 0.2rem solid #3374ff;
}

@media (min-width: 768px) {
  .product:first-of-type {
    border-left: 0.2rem solid #3374ff;
    border-right: 0.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: 0.2rem solid #3374ff;
  display: flex;
  font-size: 1.6rem;
  font-weight: 600;
  height: 3.2rem;
  left: -0.8rem;
  letter-spacing: 0.09rem;
  padding: 0.4rem 0.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: 0.05rem;
}

@media (min-width: 768px) {
  .product__number {
    left: -1.6rem;
    padding: 0.8rem 1.2rem;
  }
}

.product__number--summary {
  left: 50%;
  transform: translateX(-50%);
  width: auto;
  white-space: nowrap;
  z-index: 1;
  height: 2.6rem;
  padding: 0 0.8rem;
  font-size: 0.9rem;
}

@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: 0.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: 0.8rem;
}

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

html:not(.fonts-loaded) .product__title {
  letter-spacing: 0.314px;
}

html:not(.fonts-loaded) .product__title > * {
  letter-spacing: 0.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: 0.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: 0.2rem;
  display: inline-block;
  color: #fcfcfd;
  font-size: 1.5rem;
  font-weight: 700;
  padding: 0.8rem 1.6rem;
  -webkit-text-decoration: none;
  text-decoration: none;
  white-space: nowrap;
}

.product__link:not(:last-child) {
  margin-bottom: 0.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: 0.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: 0.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: 0.314px;
}

html:not(.fonts-loaded) .product__headline > * {
  letter-spacing: 0.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: 0.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: 0.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: 0.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: 0.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: 0.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: 0.314px;
}

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

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

.lmd-btn--s {
  font-size: 1.2rem;
  padding: 0.9rem 1.6rem 0.7rem;
}

.lmd-btn--m {
  font-size: 0.9rem;
  padding: 0.8rem 1.6rem 0.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: 0.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: 0.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: 0.4rem 1.2rem;
}

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

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

html:not(.fonts-loaded) .lmd-btn-services > * {
  letter-spacing: 0.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: 0.1rem solid #d5d8dc;
  border-radius: 0.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: 0.01rem;
}

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

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

html:not(.fonts-loaded) .lmd-btn-rub > * {
  letter-spacing: 0.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, 0.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: 0.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: 0.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, 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("../images/0d7f1bc7147ec8648dabd94671a584e66c4c5f16.svg");
  background-size: 1rem;
  background-color: #fff;
  cursor: pointer;
  display: block;
  height: 2.4rem;
  margin-bottom: 0.8rem;
  margin-left: auto;
  width: 2.4rem;
  border: 0.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: 0.314px;
}

html:not(.fonts-loaded) .lmd-dropdown-favorite > * {
  letter-spacing: 0.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: 0.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: 0.9rem;
    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: 0.9rem;
  line-height: 1.8rem;
}

.lmd-dropdown-gift-article__copy-link {
  align-items: center;
  border-radius: 0.3rem;
  border: 0.1rem solid #2a303b;
  color: #383f4e;
  cursor: pointer;
  display: flex;
  height: 4.8rem;
  font-size: 0.9rem;
  line-height: 1.8rem;
  margin-bottom: 0.8rem;
  padding: 0.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: 0.314px;
}

html:not(.fonts-loaded) .lmd-dropdown-gift-article__copy-link > * {
  letter-spacing: 0.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("../images/");
  background-position: center;
  border: 0.1rem solid #2a303b;
  border-radius: 50%;
  content: "";
  display: block;
  flex-shrink: 0;
  height: 3.2rem;
  margin-right: 0.8rem;
  width: 3.2rem;
}

.lmd-dropdown-gift-article__copy-link--copied {
  border-color: #2c6c00;
  background-color: rgba(188, 254, 197, 0.5);
  color: #2c6c00;
}

.lmd-dropdown-gift-article__copy-link--copied:before {
  background-image: url("../images/");
  border-color: #2c6c00;
}

.lmd-dropdown-gift-article__copy-link--failed {
  border-color: #7d0707;
  background-color: rgba(255, 250, 250, 0.5);
  color: #7d0707;
}

.lmd-dropdown-gift-article__copy-link--failed:before {
  background-image: url("../images/");
  background-size: 50%;
  background-repeat: no-repeat;
  border-color: #7d0707;
}

.lmd-dropdown-gift-article__footer {
  border-top: 0.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: 0.9rem;
  line-height: 1.8rem;
}

.lmd-dropdown-gift-article__faq-link:after {
  background-image: url("../images/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("../images/");
}

.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: 0.1rem solid #d5d8dc;
  border-radius: 0.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: 0.4rem 4.7rem 0.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: 0.314px;
}

html:not(.fonts-loaded) .lmd-input-select__input > * {
  letter-spacing: 0.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("../images/");
  height: 0.5rem;
  width: 0.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: 0.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: 0.314px;
}

html:not(.fonts-loaded) .lmd-input-select__placeholder > * {
  letter-spacing: 0.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: 0.1rem solid #d5d8dc;
  display: flex;
  height: calc(100% - 2.4rem);
  justify-content: flex-end;
  padding-right: 0.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: 0.1rem solid #d5d8dc;
  border-radius: 0.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: 0.314px;
}

html:not(.fonts-loaded) .lmd-input-checkbox > * {
  letter-spacing: 0.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: 0.1rem solid #8b92a1;
  border-radius: 0.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("../images/");
  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: 0.06em;
  text-underline-offset: 0.2em;
}

.lmd-link-reverse {
  -webkit-text-decoration: underline;
  text-decoration: underline;
  text-decoration-thickness: 0.06em;
  text-underline-offset: 0.2em;
}

.lmd-link-reverse:hover {
  opacity: 0.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: 0.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;
}